//---
//--- Gestion des boutons masquer/afficher
//--- (en fait des liens, pas des boutons)
//---
//--- Utilisation :
//--- * un div contenant le contenu a masquer/afficher
//---   avec un id (ex : id="toto")
//--- * deux liens afficher et masquer, avec chacun un id commencant
//---   par "btn_afficher_" et "btn_masque_" suivi de l'id du div.
//---   ex : id="btn_affichier_toto" et id="btn_marquer_toto"
//--- * les liens points sur "#" et ont onclick="affichierMasquer('toto')"
//--- * le lien afficher a "style="display: none" pour que par defaut
//---   il ne s'affiche pas (faut suivre la...)
//--- * on peut ajouter des class="" en plus des id="" pour donner un 
//---   aspect standardise a ces liens.
//---
//--- Apres faut lire le code et teste. En cas de probleme ajouter
//--- mode="blonde: off" et ca ira mieux...
//---

function afficherMasquer(nom_element)
{
 var le_element;
 
 var nom_btn_afficher;
 var le_btn_afficher;
 var nom_btn_masquer;
 var le_btn_masquer;

 le_element=document.getElementById(nom_element);

 nom_btn_afficher='btn_afficher_'+nom_element;
 le_btn_afficher=document.getElementById(nom_btn_afficher);
 nom_btn_masquer='btn_masquer_'+nom_element;
 le_btn_masquer=document.getElementById(nom_btn_masquer);

 if(le_element && le_btn_afficher && le_btn_masquer)
 {
  if(le_element.style.display=='none')
  {
   le_element.style.display      = '';
   le_btn_afficher.style.display = 'none';
   le_btn_masquer.style.display     = '';
  }
  else
  {
   le_element.style.display      = 'none';
   le_btn_afficher.style.display = '';
   le_btn_masquer.style.display     = 'none';
  }
 }
}