/* Styles communs à tous les menus : hublot, choix et m_carte*/

#menu, #menu_carte {
  text-align: center ;
  border: 0px ;
  padding: 0px ;
  margin: 0px ;
  background-color: rgb(204,179,128);
}

/* Classe apparaissant dans les menus au niveau des liens recouvrant une image */
/* titre_annee apparaît dans les menus de type « année » avec hublot (au-dessus du hublot) */ 
#entrees, #titre_annee {
/*  height: 430px ;*/
/*  height: 220px; */
  padding: 0px ;
  margin: 0px ;
  left: 0px;
  top: 0px ;
  z-index: 1;
}


#entrees ul {
  margin: 0;
  padding: 0;
  left:0px ;
}


/* liste_menu : intervient dans le menu général et dans les menus d'années*/
ul#liste_menu {
  padding: 0px ;
  margin: 0px ;
  left: 0px;
  list-style-type: none ;
  list-style-position: outside;
  text-align: center ;
}

ul#liste_menu li {
  display: inline ; /* coquille IE */
}

ul#liste_menu li:before {
  margin-right: 0mm ;
  content: "" ; 
}


#liste_menu a {
  display: block ;
  font-family: "Trebuchet MS", "lucida", helvetica, sans-serif ;
  text-decoration: none ;

}



ul#apropos {
  position: absolute ;
  width: 250px; 
  padding: 0px ;
  margin: 0px ;
  left: 0px;
  list-style-type: none ;
  list-style-position: outside;
  text-align: center ;
}

ul#apropos li {
  margin: 0px;
  padding: 0px;
  display: inline ; /* coquille IE */
}

ul#apropos li:before {
  margin-right: 0mm ;
  content: "" ; 
}


#apropos a, .bouton_i, .lien_carte, .lien_carte_desactive {
  display: block ;
  height: 20px ;
  width: 250px ;  
  line-height: 20px ;
/*  color: rgb(102,51,0) ;*/
  font-size: 15px ;
  font-family: "Trebuchet MS", "lucida", helvetica, sans-serif ;
/*  font-family: "Georgia","Garamond","times new roman",serif;*/
  text-decoration: none ;
}



/* #retour : correspond en général à la dernière entrée des différents menus (en gras) */
#retour {
  position: absolute ;
  width: 250px ;
  padding: 0px ;
  margin: 0px ;
  left: 0px;
  text-align: center ;
  font-weight: bold;

  height: 20px ;
  font-size: 14pt; /* (je le laisse en dur, mais cette valeur est parfois écrasée) */
  line-height: 20px ;
}



/* Triangle : correspond au triangle d'image en bas des menus  (OBSOLETE, utilisé uniquement par IE6)*/
/* -> euh... non c'est faux ! il faut le mettre ! */
#triangle {
  position: absolute ;
  width: 250px; 
/*  height: 120px ;*/
height: 0px ;
  padding: 0px ;
  margin: 0px ;
  left: 0px;
  z-index: 1 ;
}

/* 
   compteur : apparaît dans le cadre BG sous le menu général (contient maintenant le compteur)
   menu_universel : apparaît dans le cadre BG sous les autres menus

 NB : la « divite » dans le contenu des menus BG (un div de l'id #menu_universel, suivi d'un ul)
vient du fait que la liste ne se positionne pas correctement sous IE sans cela
*/
#compteur, #menu_universel {
    left: 0px ;
    padding: 0px;
    margin: 0px ;
    text-align: center ;
}
#compteur {
  top: -40px;
  font-style: italic ;
  /*line-height: 10pt ;*/
}

#compteur img {
  margin-top: -15px ;
  padding-top: 10px ;
  margin-right: -2px ;
}



#menu_universel ul {
  list-style-image: none ;
}

#menu_universel ul li:before{
  margin-right: 0mm ;
  content: "" ;  
}

/* Classe retour_sommaire : comme #menu_niverse ul li a, mais en gras */
a.retour_sommaire:link, a.retour_sommaire:visited, a.retour_sommaire:active, a.retour_sommaire:hover {
  font-size: 15px ;
  font-family: "Trebuchet MS", "lucida", helvetica, sans-serif ;
/*  font-family: "Georgia","Garamond","times new roman",serif;*/
  text-decoration: none ;
    font-style: italic ;
}


a.retour_sommaire:link, a.retour_sommaire:visited, a.retour_sommaire:active, a.retour_sommaire:hover {
    font-weight: bold;
}

#menu_universel {
/* OBSOLETE */
/*  top: -1px;*/ /* Pour compenser le bottom:1px dans le cadre du menu  introduit pour empêcher les barres de défilement
(le cadre BG où est utilisé cette classe ne peut pas avoir de barres de définilement quant à lui). */

/* Dorénavant le menu universel peut recouvrir le bas du menu... */
  top: -40px ;
}



#menu_universel, #menu_universel ul, #menu_universel li {
  list-style-type: none ;
  list-style-position: outside;
  text-align: center ;
  margin: 0px ;
  padding: 0px ;
  z-index: 2 ;
}



#menu_universel, #menu_universel ul, #menu_universel li,
#menu_universel ul li a,
#menu_universel ul li a:link, #menu_universel ul li a:visited
{
  font-style: italic ;
  text-decoration: none ;
  color: rgb(102, 51, 0); /* La couleur de ces éléments n'est pas variable*/
}

#menu_universel ul li a:hover {
  color: rgb(153,51,0); 
}