body {behavior: url(csshover2.htc);}
div#menu {background: #782016; }

div#menu ul {padding: 0; margin:0px;}
div#menu ul ul {padding: 0; width: 150px; border-bottom:2px solid #655548; border-right:2px solid #655548; margin:0px; background-color:#988775;}	/*a partir du niveau2 */

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(img/fond_menu.gif) #782016 100% 0% no-repeat; width:150px;}
div#menu li.STARTmenu {background: url(img/fond_menu.gif) #782016 100% 0% no-repeat; width:100px; float:left; top:7px; _top:7px;}

/* Rajout d'un cadenas pour les éléments véroullés */ 
div#menu li.element_lock{background: url(img/lock_close.gif) 95% 50% no-repeat;}
div#menu li.element_lock a{ width:125px; }
div#menu li.element_select {background-color:#777;}
div#menu ul ul ul li.first {border-top:1px solid #655548;}
div#menu li.element_back { background: #212121 url(img/retour_menu.gif) 3% 50% no-repeat; }

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li.element:hover {background-color:#655548;}	/*a partir du niveau2 */
div#menu li.element_lock:hover {background-color:#FF4C01;}	/*a partir du niveau2 */
div#menu li.element_select:hover {background-color:#655548;}	/*a partir du niveau2 */
div#menu li.element_back:hover {background-color:#FF4C01;}	/*a partir du niveau2 */
div#menu li.sousmenu:hover {background: url(img/fond_menu_hover.gif) #655548 100% 0% no-repeat;}	/*a partir du niveau2 */
div#menu li.STARTmenu:hover {background: url(img/fond_menu_hover.gif) #655548 100% 0% no-repeat; border-top:7px solid #988775; top:0px; _top:0px;}	/*Que le niveau 1*/
div#menu li.active {background: url(img/fond_menu_hover.gif) #655548 100% 0% no-repeat; border-top:7px solid #988775; top:0px; _top:0px;}	/*Que le niveau 1*/

div#menu li.num_7 {background: #4db3c2;}	/*Que le niveau 1*/
div#menu li.num_7:hover {background: #4db3c2; border-top:7px solid #988775; top:0px; _top:0px;}	/*Que le niveau 1*/



.home {
color:#782016;
font-size:12px;
font-weight:bold;
line-height:22px;
margin-left:175px;
}
.home a{
position:absolute;
color:#782016;
font-size:12px;
text-decoration:none;
}
.home a:hover{
position:absolute;
color:#782016;
font-size:12px;
text-decoration:underline;
}

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid #655548;}
div#menu ul.niveau1 li.STARTmenu {position:relative; list-style: none; border-bottom:0px;}

div#menu ul ul {position: absolute; top: 22px; left: 0px; display:none; _top: 22px;}	/*LE niveau2 */
div#menu ul ul ul {position: absolute; top: 0px; left: 150px; display:none; _top: 0px;} /*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#menu ul li a {text-decoration: none; padding: 2px 0px 4px 0px; display:block; width:auto;}*/	/*Hack IE6*/	/*_display:inline;*/
div#menu ul li a {text-decoration: none; padding: 4px 4px 4px 4px; text-align:center; display:block; width:92px; color:#FFFFFF;}	/*Que le niveau 1 */
div#menu ul li.element_back a { padding-left:24px; width:192px; }
div#menu ul ul li a {text-decoration: none; padding: 4px 4px 4px 9px; text-align:left; display:block; width:137px; color:#FFFFFF;}	/*a partir du niveau2 */




div#menu ul li {font-size:11px; font-weight:bold;} /*le niveau 1 */
div#menu ul ul li {font-size:11px; font-weight:normal;} /*a partir du niveau 2 */

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