#nav {
width: 1008px;
margin: 0 auto; 
list-style: none;
}

#nav ul { /* toutes les listes */
	padding:0;
    margin: 0;
	list-style: none;
	line-height: 22px;
}

#nav a {
	display: block;
	width: 168px; 
	color : #e2af00;
	text-indent:0px;
	font-size:12px;
	text-decoration:none;

}
#nav a:hover {
	color : #62624e;
}
#nav li a.bg {background:url(/boutons/fond-boutons.gif) no-repeat top left; text-align:center; font-weight:bold;line-height: 36px;
}
#nav li a.bg:hover {background:url(/boutons/fond-boutons-over.gif) no-repeat top left; text-align:center;font-weight:bold;	line-height: 36px;
} 

#nav li { /* tous les items de liste */
	float: left;
	width: 168px; /* largeur obligatoire, sinon opera devient fou */

}

#nav li ul { /* listes de deuxime niveau */
	position: absolute;
	background-color:#53211d;
	width: 168px;
	left: -999em; /* on met left plutt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'cran */
}
#nav li ul a {
color : #f9f9f9;
text-indent:10px;

}

#nav li ul a:hover{ /* listes de deuxime niveau */
	background-color:#53211d;
	text-decoration:none;
	color:#e2af00; 
	}
#nav li ul ul { /* listes de troisime niveau et plus */
	margin: -20px 0 0 168px;
}
/*deuxime niveau 250px*/                
#nav ul a {white-space:normal;}
#nav ul.niveau2bis ul {left: 250px;}  
#nav ul.niveau2bis {display:block; width:250px;}      
#nav ul.niveau2bis li a {width: 250px;}
#nav li ul.niveau2bis ul { /* listes de troisime niveau et plus 250 px*/
	margin: -20px 0 0 250px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background: #53211d;
	color:#f9f9f9; 
}