#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:200;
}

#nav a {
	color:#000066; font-weight:bold; text-align:right; display:block; margin: 0px 6px 0px 0px; text-transform:uppercase; text-decoration:none;
}

#nav a.active, #nav a:hover {color:#ffcc00;}

#nav li {
	float: left; clear:left; width:100%; padding-bottom:10px;
}

#nav li ul { /* listes de deuxième niveau */
		
		border-right:solid 1px #000;
		border-bottom:solid 1px #000;
		background-color:#FFCC00;
		position: absolute;
		width:200px;
		height: auto;
		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 */
		padding:0;
		margin:0px 0px 0px 80px;
	}

#nav li ul li {padding-bottom:0px;}

#nav li ul li a {
	text-align:left;
	display:block;
	padding:2px 2px 2px 10px;
	color:#000066;
	font-weight:normal;
}
#nav li ul li:hover a, #nav  ul li.sfhover a {color:#fff;}
#nav li ul li a:hover {color:#fff;}
	
#nav li:hover ul , #nav li:hover ul ul , #nav li.sfhover ul , #nav li.sfhover 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 {
 /* listes imbriquées sous les items de listes survolés */
		left: auto;
	}
	
#nav li ul li:hover, #nav li ul li.sfhover{
		background: #000066;
	}