/* ---------------------------------------------------------------- RUBRIQUES ---------------------------------------------------------------- */

/* RUBRIQUES GENERAL */
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}

/* RUBRIQUES DESIGN */
ul.menu li {
position:relative; float:left; width:142px;
height: 37px; /* dyn hauteur-menu (défaut : 50 px; recommandé de 30 à 50 px) */
line-height: 37px; /* dyn automatique = identique au précédent */
}
ul.menu a {
background:url(../images/menu_rubrique.png) no-repeat; /* dyn image-rubrique-mouseout [nom de fichier auto] (possibilité de ne pas mettre d'image: dans ce cas charger un PNG transparent) */
display:block; text-decoration:none; text-align:center;
font-family: arial, verdana, sans-serif; /* dyn police-rubriques-mouseout */
font-size: 12px; /* dyn taille-police-rubriques-mouseout (défaut : 12px, maximum recommandé : 13 px) */
color:#8b8b8b; /* dyn couleur-police-rubrique-mouseout */
font-weight:bold;  /* dyn rubrique-gras-mouseout normal/bold */
font-style:normal; /* dyn rubrique-style-mouseout normal/italic  */
}

/* RUBRIQUES SURVOL */
ul.menu a:hover {
background:url(../images/menu_rubrique_hover.png) no-repeat; /* dyn image-rubrique-mouseover [nom de fichier auto] (possibilité de ne pas mettre d'image: dans ce cas charger un PNG transparent) */
display:block; text-decoration:none; text-align:center;
font-family: arial, verdana, sans-serif; /* dyn police-rubriques-mouseout */
font-size: 12px; /* dyn taille-police-rubriques-mouseout (défaut : 12px, maximum recommandé : 13 px) */
color:#5b5b5b; /* dyn couleur-police-rubrique-mouseout */
font-weight:bold;  /* dyn rubrique-gras-mouseout normal/bold */
font-style:normal; /* dyn rubrique-style-mouseout normal/italic  */
}

/* ---------------------------------------------------------------- DEROULEMENT ---------------------------------------------------------------- */


/* DEROULEMENT GENERAL */
ul.menu ul {position:absolute; width:230px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li img {vertical-align:middle; padding-right:15px; border:0;}
ul.menu ul li.topline {margin-top:0px;/* margin-top:-3px; dyn */}
ul.menu ul li.menufooter img {vertical-align:top;}

/* DEROULEMENT DESIGN */
ul.menu ul li {position:relative; width:230px; height:30px; line-height: 30px;
background:url(../images/menu_ouvert.png); /* dyn image-fond-déroulé-rangée-mouseout [nom de fichier auto] (si pas d'image : transparent) */
background-color:transparent; /* dyn couleur-fond-déroulé-rangée-mouseout (par défaut : transparent, ne se voit que si pas d'image de fond chargée) */
}
ul.menu ul li a {
background:url(../images/menu_page.png) no-repeat; /* dyn image-fond-déroulé-ligne-mouseout [nom de fichier auto] (défaut : pas d'image, si pas d'image : transparent) */
background-color:transparent; /* dyn couleur-fond-déroulé-ligne-mouseout (par défaut : transparent, ne se voit que si pas d'image de fond chargée) */
display:block; text-decoration:none; padding-left:5px; text-align:left;
font-family: arial, verdana, sans-serif; /* dyn police-déroulé-mouseout */
font-size: 12px; /* dyn taille-police-déroulé-mouseout (défaut : 12px, maximum recommandé : 13 px) */
color:#757575; /* dyn couleur-police-déroulé-mouseout */
font-weight:bold;  /* dyn déroulé-gras-mouseout normal/bold */
font-style:normal; /* dyn déroulé-style-mouseout normal/italic  */
}
ul.menu ul li.menufooter {
height:6px; /* dyn déroulé-footer-height, à définir en fonction de la taille de l'image du footer en pixels,
possibilité de ne pas mettre de footer, dans ce cas virer le <li class="menufooter"></li> dans le html  */
background:url(../images/menu_ouvert_footer.png) no-repeat; /* dyn déroulé-footer-img,  [nom de fichier auto]  */
}

/* DEROULEMENT SURVOL */
ul.menu ul li a:hover {
background:url(../images/menu_page_hover.png) no-repeat; /* dyn image-fond-déroulé-ligne-mouseover [nom de fichier auto] (si pas d'image : transparent) */
background-color: transparent; /* dyn couleur-fond-déroulé-ligne-mouseover (par défaut : transparent, ne se voit que si pas d'image de fond chargée) */
display:block; text-decoration:none; padding-left:5px; text-align:left;
font-family: arial, verdana, sans-serif; /* dyn police-déroulé-mouseout */
font-size: 12px; /* dyn taille-police-déroulé-mouseout (défaut : 12px, maximum recommandé : 13 px) */
color:#f53f11; /* dyn couleur-police-déroulé-mouseout */
font-weight:bold;  /* dyn déroulé-gras-mouseout normal/bold */
font-style:normal; /* dyn déroulé-style-mouseout normal/italic  */
}