/* ---------------------------------------------------------------- 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:50px; /* dyn hauteur-menu (défaut : 50 px; recommandé de 30 à 50 px) */
line-height: 50px; /* 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:#ffffff; /* 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:#fffffff; /* 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 li {position:relative; width:230px; height:30px; line-height: 30px;}
/* ul.menu ul li {position:relative; width:230px; height:32px; line-height: 30px; margin-top:-2px;} */
ul.menu ul li img {vertical-align:middle; padding-right:15px; border:0;}
ul.menu ul li.topline {margin-top:0px;}


/* DEROULEMENT DESIGN */
ul.menu ul {
position:absolute; left:0; width:230px; height:210px; display:none; opacity:0; list-style:none;
/* position:absolute; left:0; width:230px; height:214px; display:none; opacity:0; list-style:none; */
background:url(../images/menu_ouvert2.png); /* dyn image-fond-déroulé-rangée-mouseout [nom de fichier auto] (si pas d'image : transparent) */
background-color:#eeeeee; /* 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:#5c5c5c; /* 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  */
}


/* 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:#9b4da4; /* 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  */
}