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

#nav a {
	display: block;
	width: 14em;
	color:#DDDDDD; padding:4px; background-color: #646464; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; text-decoration: none;
}

#nav a:hover {
	display: block;
	width: 14em;
	color:#333333; padding:4px; background-color: #DDDDDD; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; text-decoration: none;
}

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

#nav li ul { 
	/* listes de deuxième niveau */
	position: absolute;
	width: 14em;
	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 */
}

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

/*
#content {
	clear: left;
	color: #ccc;
}
*/