/********************************************************************* 
- - - - - - - - - - TOUT CE QUI CONCERNE LES MENUS - - - - - - - -
*********************************************************************/
/** Le menu **/
/* DEBUT de la barre de menu du haut ! */
#menuhaut {
   margin-top: 25px;
   padding-top: 10px;
   padding-right: 10px;
   padding-left: 1px;
   border-bottom: none;
   font: normal bold 0.7em Georgia, Tahoma, "Times New Roman", sans-serif;
   text-align: right;
}

#menuhaut li {
   display: inline;
   list-style: none;
}

#menuhaut li a, 
#menuhaut li a:link, 
#menuhaut li a:visited {
   color: #990000;
   background-color: #E6E6E6;
   text-decoration: none;
   border-top: 1px solid #777788;
   border-left: 1px solid #777788;
   border-right: 1px solid #777788;
   border-bottom: none;
   padding-top: 3px;
   padding-right: 0.5em;
   padding-left: 3px;
   margin-left: 3px;  /* Espacement entre les onglets */
}

#menuhaut li a:hover {
   color: #000099;
   background-color: #FFFFB9;
   border-color: #424242;
   text-decoration: underline;
}

#menuhaut li a#active {
   color: #424242;
   background-color: #FFFFF2;  /* La même couleur que le fond du contenu = joli */
   padding-bottom: 1px; /* Permet de passer 'au-dessus' du trait de l'entête :) */
}

/* FIN de la barre de menu du haut ! */
/* DEBUT du menu de gauche ! */
#menugauche {
   /*border: 1px solid #FF0000;
   height: 250px;*/
   width: 150px;
   margin-top: 25px;
   float: left;
   margin-bottom: 10px;
}

#menugauche ul {
   border-right: 1px solid #777788;
   border-left: none;
   border-top: none;
   border-bottom: 1px solid #777788;
   text-align: center;
   background-color: #F5F5F5;
}

#menugauche li {
   display: block;
   list-style-type: none;
   border-top: 1px solid #777788;
   padding-top: 1px
}

#menugauche li a, 
#menugauche li a:link, 
#menugauche li a:visited {
   border-left: 1px solid #777788;
   border-right: 1px solid #777788;
   border-bottom: 1px solid #777788;
   border-top: none;  /* Le top est déjà fait par le 'li' */
   padding: 2px 3px 2px 3px;
   color: #990000;
   background-color: #E6E6E6;
   font-size: 0.9em;
   font-weight: bold;
   line-height: 1.3em;
   text-decoration: none;
}

#menugauche li a:hover {
   border-color: #424242;
   color: #000000;
   background-color: #FFFFB9;
   text-decoration: underline;
}

#menugauche li#simple {
   padding-bottom: 15px;
   padding-top: 7px;
   border-bottom: none;
   border-top: none;
   color: #404C7B;
   background-color: transparent;
   font-size: 0.8em;
   line-height: 1.3em;
   font-weight: bold;
}

/* FIN du menu de gauche ! */
/*  Le menu des étapes lors de l'inscription */
#etapes {
   padding: 2px 10px 2px 10px;
   font-size: 0.9em;
   font-weight: bold;
}

#etapes li {
   color: #000080;
   background-color: transparent;
   text-align: center;
   text-decoration: none;
}

#etapes li#active {
   border-bottom: 1px solid #000000;
   background-color: #63639C;
   color: #FFFF00;
}