//identification du navigateur
    Nom = navigator.appName;
    Version = navigator.appVersion;
    
    Index = Version.indexOf("MSIE");
    if(Index>0){
      Version = Version.substr(Index+5, 1);
    }

    var ie7 = (Nom == 'Microsoft Internet Explorer' && Version <= 7 ) ? 1:0
    var attribute = "class";
    if(ie7) { attribute = "className";}
    
function init_onglet(){
  var elts_onglet = document.getElementById("onglet").childNodes;
  
  for(var i=0; i<elts_onglet.length; i++){
    if(elts_onglet[i].nodeName == 'UL' && elts_onglet[i].getAttribute(attribute) == 'menu'){
      for(var j=0; j<elts_onglet[i].childNodes.length; j++){
        if(elts_onglet[i].childNodes[j].nodeName == 'LI' && elts_onglet[i].childNodes[j].getAttribute(attribute) == 'green'){
          elts_onglet[i].childNodes[j].className = 'green_act';
        }
        if(elts_onglet[i].childNodes[j].nodeName == 'LI'){
          elts_onglet[i].childNodes[j].onmouseover = function(){display_onglet(this);};
        }
      }
    }
  }
}

function display_onglet(vObj){
  //on cache tous les onglets
  var elts_onglet = document.getElementById("onglet").childNodes;
  
  for(var i=0; i<elts_onglet.length; i++){
    if(elts_onglet[i].nodeName == 'UL' && elts_onglet[i].getAttribute(attribute) == 'menu'){
      for(var j=0; j<elts_onglet[i].childNodes.length; j++){
        if(elts_onglet[i].childNodes[j].nodeName == 'LI' && elts_onglet[i].childNodes[j].getAttribute(attribute) == 'green_act'){
          elts_onglet[i].childNodes[j].className = 'green';
        }
        if(elts_onglet[i].childNodes[j].nodeName == 'LI' && elts_onglet[i].childNodes[j].getAttribute(attribute) == 'blue_act'){
          elts_onglet[i].childNodes[j].className = 'blue';
        }
        if(elts_onglet[i].childNodes[j].nodeName == 'LI' && elts_onglet[i].childNodes[j].getAttribute(attribute) == 'purple_act'){
          elts_onglet[i].childNodes[j].className = 'purple';
        }
      }
    }
  }

  //on affiche le bon block
  for(i=1; i<=3; i++){
    document.getElementById('accroche'+i).style.display = 'none';
  }

  //on affiche le bon onglet
  if(vObj.className == 'green'){
    vObj.className = 'green_act';
    document.getElementById('accroche1').style.display = 'block';
  }
  if(vObj.className == 'blue'){
    vObj.className = 'blue_act';
    document.getElementById('accroche2').style.display = 'block';
  }
  if(vObj.className == 'purple'){
    vObj.className = 'purple_act';
    document.getElementById('accroche3').style.display = 'block';
  }

}