#nav{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	background: #181B22;
    color:#FFFFFF;
	text-align:center; 
	position: absolute;
	bottom:0px; 
}

#nav ul { 
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

#nav a { /* tailles de cases */
	display: block;
	width: 120px; /* 120 */
	height: 16px;
	color:#FFFFFF;
	padding: 10px 0px 0px 0px;
	text-decoration:none;
}

#nav a:hover { /* couleur surbrillance */
	background: #181B22;
	color:#FFFFFF;
	/* font-weight:bold;*/
}
#nav li {	/* tous les items de liste */
	float: left;
	width: 110px; /* 100 px largeur obligatoire, sinon opera devient fou */
}

#nav li ul {	/* listes de deuxième niveau */
	position: absolute;
	color:#FFFFFF;
	background: #181B22;
	width: 120px;
	bottom:2em;
	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 */
	border:1px dotted white;
}

#nav li ul ul  { 
	background: #181B22; 
	margin: -1em 0 0 120px;
	border:1px dotted white;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left:auto;
	position: absolute;
	bottom:2em; /* 3 */
}

#nav li li:hover ul, #nav li li.sfhover ul{
 	left:auto;
	position: absolute;
	bottom:0em;
 }