ul#nav {
	list-style:none;
	width:189px;
	margin:15px 0 0 6px;
	padding:1px 0;
	z-index:3;
	text-align:left;
	}
ul#nav li {
	width:189px;
	margin:0 0 10px 0;
	padding:0;
	font:bold 16px "Trebuchet MS", Arial, sans-serif;
	}
ul#nav li.presentation { background:url(/images/common/puces/menu_presentation.gif) 0 4px no-repeat; }
ul#nav li.mesures { background:url(/images/common/puces/menu_mesures.gif) 2px 5px no-repeat; }
ul#nav li.diffusion { background:url(/images/common/puces/menu_diffusion.gif) 2px 12px no-repeat; }
ul#nav li.outils { background:url(/images/common/puces/menu_outils.gif) 2px 5px no-repeat; }
ul#nav li.loire { background:url(/images/common/puces/menu_loire.gif) 8px 5px no-repeat; }

ul#nav li a {
	display:block;
	font-weight:bold;
	color:#004896;
	background:transparent;
	margin:0;
	width:160px;
	padding:6px 0 0 29px;
	text-decoration:none;
}
ul#nav li.ici a { color:#e6b144; }

ul#nav li ul {
	list-style:none;
	margin:0 0 0 29px;
	padding:0;
	width:160px;
}
ul#nav li ul li {
	width:160px; 
	font:normal 12px "Trebuchet MS", Arial;
	margin:0;
	padding:0;
	background:url(/images/common/fonds/pointil_bleu.gif) 0 bottom repeat-x;
	position:relative;
}
ul#nav ul li a {
	display:block;
	width:149px;
	font-weight:bold;
	margin:0;
	padding:4px 0 0 11px;
	text-decoration:none;
	z-index:5;
}
ul#nav ul li a:hover { color:#e6b144; }
ul#nav ul li.etage2 a:hover, ul#nav ul li.etage2:hover a, ul#nav ul li.etage2.over a { color:#e6b144; background:url(/images/common/puces/puce_menu.gif) 140px 8px no-repeat; }

ul#nav li ul ul.secondnav {
	position: absolute;
	left: 160px;
	top: 0;
	display: none;
	width:140px;
	list-style:none;
	margin:0;
	padding:0;
	z-index:5;
}	
ul#nav li:hover ul ul, ul#nav li.over ul ul { 
display:none; 
} 
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.over ul, ul#nav li li.over ul {  /* The magic */
display: block; 
}

ul#nav ul ul li { 
	width:180px; 
	text-align:left; 
	background:#c9edfd url(/images/common/fonds/pointil_bleu.gif) 0 bottom repeat-x;
}

ul#nav ul ul li a, ul#nav ul li.etage2:hover ul li a, ul#nav ul li.etage2.over ul li a {
	display:block;
	width:169px;
	height:18px;
	font-weight:bold;
	margin:0;
	padding:4px 0 0 11px;
	text-decoration:none;
	z-index:5;
	background-image:none;
	color:#004896;
}
ul#nav ul ul li a:hover, ul#nav ul li.etage2 ul li a:hover, ul#nav ul li.etage2:hover ul li a:hover, ul#nav ul li.etage2.over ul li a {
	 color:#e6b144; background-image:none;
	}
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; }
* html ul#nav li a { height: 1%; }
/* End */