ul#nav {
	float:left;
	list-style:none;
	height:42px;
	width:659px;
	margin:0;
	padding:0;
	background:url(/images/common/fonds/fd_menu.gif) 0 0 repeat-x;
}
ul#nav li {
	float:left;
	position:relative;
	height:42px;
	margin:0;
	padding:0;
}
li#home { width:70px; }
li#pole { width:88px; }
li#actions { width:167px; }
li#reseau { width:68px; }
li#projets { width:71px; }
li#donnees { width:107px; }
li#contact { width:76px; }

ul#nav li a {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#d7d7d7;
	margin:0;
	padding:0 12px;
	text-decoration:none;
	height:42px;
	line-height:42px;
}

ul#nav li a:hover, ul#nav li:hover a, ul#nav li.over a { background:url(/images/common/puces/fleche_bleu.gif) center 32px no-repeat; }
ul#nav li.ici a { background:url(/images/common/puces/fleche_bleu.gif) center 32px no-repeat; }

ul#nav li ul {
  display: none;
  position: absolute; 
  top: 42px;
  left: 0;
  list-style:none;
  margin:0;
  padding:0;
  z-index:4;
}
ul#nav li#donnees ul {
left:-5px; 
}
ul#nav li#contact ul {
left:-30px; 
}
ul#nav li > ul {
	top: auto;
	left: auto;
	}

ul#nav li:hover ul, ul#nav li.over ul { display: block; clear: left; }
ul#nav ul li { 
	width:200px; 
	text-align:left;
	height:22px;
}
ul#nav li#contact li {
	width:118px;
}
ul#nav li#actions li {
	width:220px;
}

ul#nav ul a, ul#nav li:hover li a, ul#nav li.over li a {
  display:block;
  font-weight:bold;
  margin:0;
  padding:0 0 0 10px;
  height:22px;
  line-height:22px;
  background:#505150;
  text-decoration:none;
  z-index:5;
}
ul#nav ul li a:hover { background:#53abd5; color:#fff; }