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

#nav a {
	display: block;
	font-size:10px;
	line-height:13px;
	width: 205px;
	text-decoration:none;
	color:#816244;
	font-weight:bold;
}
#nav a.accueil {
	width: 70px;
}
#nav a.distrib {
	width: 114px;
}#nav a.font {
	width: 120px;
}#nav a.serv {
	width: 76px;
}
#nav a:hover {
	color:#382412;
}

#nav li { /* tous les items de liste */
	float: left;
	width: 10em;  /*largeur obligatoire, sinon opera devient fou */
}
#nav li.sep { /* tous les items de liste */
	float: left;
	width: 2px;  /*largeur obligatoire, sinon opera devient fou */
}
#nav li.accueil { /* tous les items de liste */
	float: left;
	width: 70px;  /*largeur obligatoire, sinon opera devient fou */
}
#nav li.distrib { /* tous les items de liste */
	float: left;
	width: 114px;  /*largeur obligatoire, sinon opera devient fou */
}
#nav li.font { /* tous les items de liste */
	float: left;
	width: 120px;  /*largeur obligatoire, sinon opera devient fou */
}
#nav li.serv { /* tous les items de liste */
	float: left;
	width: 76px;  /*largeur obligatoire, sinon opera devient fou */
}
#nav li.right { /* tous les items de liste */
	float: left;
	width: 386px;  /*largeur obligatoire, sinon opera devient fou */
}
#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background: #EEE4DB;
	width: 205px;
	border:solid #816244 1px;
	padding: 3px 5px 5px 5px;
	margin-top:-1px;
	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;
}

#nav li:hover, #nav li.hover { /* ie7 click fix */
    position: static;
}