if (document.getElementById) {
  document.write('<style type="text/css">\n');
  document.write('.hide, .dhide { display: none; }\n');
  document.write('.dshow { display: block; }\n');
  document.write('</style>\n');
}

function ShowHide(id){
  if (document.getElementById) {

    var lien = null;
    lien = document.getElementById(id);
  	
  	if (!lien.style.display) {
      if (lien.className == 'hide') {
        lien.style.display = 'none';
      }
    }

    // derouler / enrouler
    if (lien.style.display == "none") {
      lien.style.display = "block";
    }
    else {
      lien.style.display = "none";
    }

  }
}

function Show(id){
    var lien = null;
    lien = document.getElementById(id);
    lien.style.display = "block";

}


function Hide(id){
  if (document.getElementById) {
    var lien = null;
    lien = document.getElementById(id);
    lien.style.display = "none";
  }
}
    
    
function menu(id){
  if (document.getElementById) {

    // variables
    var lien = null;
    var desc = null;
    var liens = null;
    var descs = null;

    lien = document.getElementById('lien'+id);
  	desc = document.getElementById('desc'+id);
  	liens = document.getElementById("menus").getElementsByTagName("ul");
  	descs = document.getElementById("menus").getElementsByTagName("p");
  	
  	if (!lien.style.display) {
      if (lien.className == 'hide') {
        lien.style.display = 'none';
      }
    }

    // derouler / enrouler
    if (lien.style.display == "none") {
      if (liens) {
        for (var i = 0; i < liens.length; i++) {
          liens[i].style.display = "none";
          descs[i].style.display = "block";
        }
      }
      lien.style.display = "block";
      desc.style.display = "none";
    }
    else {
      lien.style.display = "none";
      desc.style.display = "block";
    }

  }
}