/*--------------------------------------------------------------------------------------------------------*/
/*Feuilles de style pour la gestion des onglets*/
/*--------------------------------------------------------------------------------------------------------*/
body { /* défini le body (la page) */
  background-color:white ; /* le fond de la page est blanc */
  color:black ; /* les textes sont noirs */
  margin:0 ;
  padding:0;
 } /* suppression des marges intérieures et extérieures de la page */
 
.menu1 { /* boite qui contient le menu (les onglets) */
  border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
  padding-top:12px ; /* marge intérieure haute */
  padding-bottom:0px ; /* marge intérieure basse */
  background-color:black} /* le fond du menu est noir */

.onglet { /* style des onglets inactifs */
  margin : 0px ; /* marge extérieure */
  padding:5px 7px 0px 7px ; /* marge intérieure */
  background:url("../coin-haut-droite.gif") no-repeat right top} /* insère un rectangle noir en haut à droite de l'onglet */

a.onglet { /* style des liens se trouvant dans un onglet inactif */
  background-color:#E7E4E4 ; /* le fond de l'onglet est gris */
  text-decoration:none} /* les liens ne sont pas soulignés */

.onglet-actif { /* style de l'onglet de la page active */
   border-bottom:solid 2px white ; /* le trait inférieur est effacé */
   background-color:white} /* le fond de l'onglet actif est blanc*/
/*------------------------------------------- Même chose avec des listes nommées ---------------------------------------*/ 
 #header {
    float:left;
    width:100%;
    background:#DAE0D2 url("../bg.gif") repeat-x bottom;
    font-size:93%;
    line-height:normal;
    position: absolute;
    top: 1px;
    }
    
#header li {
    float:left;
    background:url("../left_both.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    border-bottom:1px solid #765;
    }
#header ul {
    margin:0;
    padding:0;
    list-style:none;
    }
/* Gestion avec sélecteurs d'enfants qui ne sont pas reconnus par IE*/
#header > ul a {width:auto;}
/* Traitement des liens */
#header a {
  float:left;
  display:block;
  width:.1em;
  background:url("../right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
#header strong, #header span {
   /* Pour IE Mac uniquement \*//*/   
    float:left;
    /**/
    display:block;
    background:url("../right_both.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    }
/*------------------------------------------------ Définition de l'onglet courant ------------------------------------------------*/
#header #current {
    background-position:0% -150px;
    }
/*Et du lien de l'onglet courant*/
#header #current a {
    background-position:100% -150px;
    padding-bottom:5px;
    border-width:0;
    color:#333;
    }
/*--------------- Définition des survol des onglets avec décalage de l'image dont on expose la 2ème partie -----------------------*/    
#header li:hover, #header li:hover a {
  background-position:0% -150px;
  color:#333;
  }
#header li:hover a {
  background-position:100% -150px;
  }