body {behavior: url(csshover2.htc);}
/*div#menu {width: 100px;}*/

div#menu ul {padding: 0; margin:0px;}
div#menu ul ul {padding: 0; width: 150px; border:1px solid #777777; margin:0px; background: white}	/*a partir du niveau2 */

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(img/fleche_menu.gif) 95% 50% no-repeat;}
/* Rajout d'un cadenas pour les éléments véroullés */  
div#menu  a{ width:125px; color:#B8516C  !important;}
div#menu  a:hover{ color:#46730A !important;}
div#menu  a.actif{ color:#46730A !important;}
 
div#menu ul.niveau1 li.STARTmenu {position:relative; list-style: none; border-bottom:0px solid;}
 
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 

div#menu ul li a {text-decoration: none; padding: 2px 0px 4px 0px; display:block; width:auto; _display:inline;}	/*Hack IE6*/
 

/*div#fond_page {width: 100px;}*/

div#fond_page ul {padding: 0 !important; margin:0px !important; }
div#fond_page ul ul {padding: 0 !important; width: 150px !important; border:1px solid #777777 !important; margin:0px !important; background: white !important;}	/*a partir du niveau2 */
div#fond_page ul.lien  {padding: 0 !important; width: 160px !important; border:0px solid #FFF !important;}	/*a partir du niveau2 */

/* Rajout d'une petite fleche pour les sous menu */ 
div#fond_page li.sousmenu {background: url(img/fleche_menu.gif) 95% 50% no-repeat !important;}
div#fond_page li.STARTmenu {background: url(img/fleche_menu.gif) 95% 50% no-repeat !important;  }
div#fond_page li.STARTmenu:hover {background:#C2DB88 url(img/fleche_menu.gif) 95% 50% no-repeat !important;  }
div#fond_page li.STARTmenu a{ font-size:12px; line-height:normal} 
div#fond_page li a.actif{ color:#AC264B !important;} 
div#fond_page li li a{ font-size:9px !important; line-height:normal} 
/* Rajout d'un cadenas pour les éléments véroullés */ 
div#fond_page li.element1{background: url(img/lock_close.gif) 95% 50% no-repeat !important;}
div#fond_page li.element1 a{ width:125px !important; }
div#fond_page li.element a:hover{ background-color:#C2DB88 !important;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#fond_page li.element0:hover {background-color:#C2DB88 !important;}	/*a partir du niveau2 */
div#fond_page li.element1:hover {background-color:#C2DB88 !important;}	/*a partir du niveau2 */
div#fond_page li.element:hover {background-color:#C2DB88 !important;}	/*a partir du niveau2 */
div#fond_page li.sousmenu:hover {background-color:#EEBBBB !important;}	/*a partir du niveau2 */

div#fond_page ul.niveau1 li {position:relative; list-style: none !important;}
div#fond_page ul.niveau1 ul li { border-bottom:1px solid #777777 !important;}
div#fond_page ul.niveau1 li.STARTmenu { position:relative !important; list-style: none !important;  border-bottom:1px dashed #FACBDB !important; }


div#fond_page .STARTmenu:hover {background-color:#C2DB88 !important;}	/*a partir du niveau2 */

/* décalage menu latéral */
div#fond_page ul.niveau2 {  margin-left:165px !important; margin-top:-20px !important;}

div#fond_page ul.niveau1 ul {position: absolute; top: 20px !important; left: 0px !important; display:none ; font-weight:bold !important;} 	/*LE niveau2 */
div#fond_page ul.lien  {display:block; !important;} 	/*LE niveau2 */
div#fond_page ul.niveau1 ul ul {position: absolute; top: -1px !important; left: 150px !important; display:none !important;} /*a partir du niveau 3*/

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 

div#fond_page ul.niveau1 li a {text-decoration: none; padding: 2px 0px 4px 0px !important; display:block !important; width:auto !important;  _display:inline !important;  }	/*Hack IE6*/ 

 
div#fond_page .niveau2 li a {background:transparent !important; }	
div#fond_page .niveau2 li a:hover {background:transparent !important; }	
div#fond_page ul.niveau1 ul li a {text-decoration: none; padding: 4px 10px 4px 4px !important; display:block !important; width:136px !important;  color:#48595F !important;border:none !important;}	/*a partir du niveau2 */

div#fond_page ul ul li {font-size:9px !important; line-height:normal; padding:0px !important;} /*a partir du niveau2 */

/* au survol de qui ouvre qui*/
div#fond_page ul.niveau1 li.STARTmenu:hover ul.niveau2, 
div#fond_page ul.niveau2 li.sousmenu:hover ul.niveau3, 
div#fond_page ul.niveau3 li.sousmenu:hover ul.niveau4, 
div#fond_page ul.niveau4 li.sousmenu:hover ul.niveau5 {display:block !important;}
