#nav { padding: 0; margin: 0; list-style: none;}
#nav li {float: left; color:#fff; text-transform:uppercase;	height:30px; font-size:95%;}
#nav li.navSepar {height:30px; background-image:url(../img/bkgrd_navSepar.gif);  background-repeat:no-repeat; width:1px; height:30px;}
#nav li a {	text-decoration: none; color:#fff; padding:8px; display:block; width:auto;}
#nav li a.first {padding:0;}

#nav li:hover, #nav li.sfhover, #nav li.active  {background-color:#d33c4a; background-image:url(../img/bkgrd_navOn.gif); background-repeat:repeat-x;}
 
#nav li ul { /* listes de deuxième niveau */
		position: absolute;
		z-index:200;	
		list-style:none;
		margin:0;		
		padding:0;
		width: 188px;
		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 */
		border:solid 1px #ddd;
		border-top:solid 1px #ff2b2e;
		border-bottom:none;
		background-color:white;
	}
/*** Safari ****/
body:first-of-type #nav li ul {margin-top:2px;}

#nav li ul li {padding:2px 0px; height:auto; border-bottom:solid 1px #ddd;}
#nav li ul li a  { color:#000; text-decoration:none; padding:4px 0px 4px 24px; width:164px;  background-image:url(../img/p_flMenu_rouge.gif); background-repeat:no-repeat; background-position:12px 50%;}
#nav li ul li:hover, #nav li ul li.sfhover {background-color:#6f6f6f; background-image:none;}
#nav li ul li:hover a, #nav li ul li.sfhover a {color:#fff; background-image:url(../img/p_flMenu_blanche.gif);}

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