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

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

#nav a { 
	display: block;
	/*width: 160px;*/
	text-indent:0px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#313131; 
}
#nav li a.bg {
background:url(/boutons2009/images/menu_02.png);
text-align:center;
font-weight:bold;
line-height:40px;
color:#313131;
}
#nav li a.bg:hover {
/*background:url(/images/fond-bouton-over.gif); */
text-align:center;
font-weight:bold;
line-height:40px;
color:#ffffff;
} 
#nav li a.bg:active {
/*background:url(/images/fond-bouton-over.gif); */
text-align:center;
font-weight:bold;
line-height:40px;
color:#ff8000;
} 
#nav li { /* tous les items de liste */
	float: left;
	width: 190px; /* largeur obligatoire, sinon opera devient fou */
}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background: #ffffff;
	width: 190px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
   z-index: 1000;

}
#nav li ul a {
color:#313131; 
text-indent:10px;
}
#nav li ul a:hover{ /* listes de deuxième niveau */
	text-decoration:none;
    color:#ff8000;
	}
#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -40px 0 0 190px;
}
/*deuxième niveau 250px*/                
#nav ul a {width: inherit;}
#nav ul.niveau2bis ul {left: 200px;}  
#nav ul.niveau2bis {display:block; width:200px;border:1px solid #313131;}      
#nav ul.niveau2bis li a {width: 200px;}
#nav li ul.niveau2bis ul { /* listes de troisième niveau et plus 250 px*/
	margin: -40px 0 0 200px;
}
#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: #ffffff;
}