/* ---------- niveau 1*/

#moteur { float:right; padding:17px 20px 7px 0; height:10px;}
#moteur form{ padding:0; margin:0}
#moteur .formrecherche {float:left; background-color:#392501; border:1px solid #513502; width:122px; padding:2px; height:13px; font-size:11px; color:#D2D2D2;}
/*#moteur .bt_recherche{ height:13px; width:13px; border:0px; background:url(../img/bt_recherche.gif); float:left; margin:3px 0 0 5px }*/
#moteur .bt_recherche{ background-color:#fff; width:25px; border:0; margin-left:4px}


#navderoulant, #navderoulant ul .niveau0 { 
	color:#FFFFFF; padding: 10px;
}



#navderoulant a.niveau0 {

	display: block;

	width: auto;

	background:url(../img/haut/fleche_menu2.gif) no-repeat right ;

	color: #fff; 

	text-decoration: none;

	padding: 8px 11px 11px 23px;

}



#navderoulant {

	font-size:12px; 

	text-transform:uppercase;

	position:absolute;

	z-index:100;

	width: 740px;

	list-style: none;

	line-height: 1;

	font-weight: bold;

	padding: 0;

	margin: 13px 0 0 0;

}





/* ---------- fin niveau 1 */





#navderoulant ul {

	background:url(../img/haut/ombre_menu.gif);

	font-size:12px; text-transform:none;

	list-style: none;

	line-height: 1;

	padding: 0;

	margin: 20px 0 0 0;

}





#navderoulant ul a{

	display: block;

	width: auto;

	color: #000;

	text-decoration: none;

	padding: 4px 20px 4px 0;

}



#navderoulant ul a:hover, a.sfhover{

	color: #fff;

}



#navderoulant a:active.daddy, a.sfhover {

	color: #fff;

}



#navderoulant li {

	float: left;

	padding: 0;

	width: auto;

}



#navderoulant li ul {

	position: absolute;

	left: -999em;

	height: auto;

	width: 168px;

	font-weight: normal;

	/*border-width: 0.25em;*/

	margin: 0;

	padding: 8px;

}



#navderoulant li li {

	padding-right: 0px;

}



#navderoulant li ul a {

	display:block;

	padding-left:8px;

	width:140px;

	

}



/* position du niveau3 */

#navderoulant li ul ul {

	top:0px;

	margin: 0 0 0 168px;

}



#navderoulant li:hover ul ul, #navderoulant li:hover ul ul ul, #navderoulant li.sfhover ul ul, #navderoulant li.sfhover ul ul ul {

	left: -999em;

}



#navderoulant li:hover ul, #navderoulant li li:hover ul, #navderoulant li li li:hover ul, #navderoulant li.sfhover ul, #navderoulant li li.sfhover ul, #navderoulant li li li.sfhover ul {

	left: auto;

}



#navderoulant li li:hover, #navderoulant li li.sfhover {

	background:url(../img/haut/fleche_menu.gif) no-repeat #272727; 

	background-position:150px 8px; color:#FFFFFF; 

}







#nav li:hover, #nav li.sfhover {

	background: ;

}