/*************************************** MENUS HAUT ******************************************/

ul#menu_haut li ul{
  display:none;
}

ul#menu_haut li:hover>ul{
  display:block;
}


ul#menu_haut{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	width:100%;
	float:left;
	font:0.7em Arial;
	background-image: url(../images/interface/fondmenu.jpg);
	background-repeat: repeat-x;
}

ul#menu_haut hr{
 margin-right: 4px;
 margin-left: 4px;
}

ul#menu_haut li{ /* Longueur cellule */
  float:left;
  display:block;
  padding:2px 0px;
  width : 96px;
  /*white-space:nowrap;*/
}

ul#menu_haut li.first{
  padding-left:2px;
}

ul#menu_haut li.last{
  padding-right:2px;
}

ul#menu_haut li a{
  display:block;
  /*padding : 2px 6px;*/
  padding : 2px;
  /*width : 125px;*/
  /*border : 1px solid #FFCCCC;*/
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color:#FFFFFF;
  text-align : center;
  text-decoration:none;
}

ul#menu_haut li a:hover{
  /*border-top-color:#F0F0F0;
  border-left-color:#F0F0F0;
  border-right-color:#999999;
  border-bottom-color:#999999;*/
  /*background:#CFD5FF;*/
  color: #494949;
  
}

ul#menu_haut ul{
  position:absolute;
  /*background:#CCCCCC url(imgmenuencascade/m1.gif) repeat-y -160px 0%;*/
  background:#9F9595 repeat-y -100px 0%;/*#364EA3*/
  list-style:none;
  margin:2px 0px 0px 0px;
  padding:0px;
  width:200px;
  z-index:1;
}

ul#menu_haut ul ul{
  margin:0px;
  top:0px;
  left:200px;
  z-index:2;
}

ul#menu_haut ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  height : 20px;
  _display:inline;
}

ul#menu_haut ul li a{
  display:block;
  margin:0px;
  padding:0px;
  width:292px;
  border:none;
  font-size : 11px;
}
ul#menu_haut ul li span a {
  display:block;
  width:188px;
  _width:280px;
	padding:2px 6px;
  margin:0px 0px;
  border:none;
	cursor:hand;
}
ul#menu_haut ul li span a.next{
  background:url(../images/menu_haut_fleche.gif) no-repeat 278px 50%;
}
ul#menu_haut ul li span a.next:hover {
  background-position: -160px 50%;
}

ul#menu_haut ul li span a:hover {
	background-color: #494949; /*#CFD5FF */
	color: #FFFFFF;
}

ul#menu_haut ul li.first{
  padding-left:0px;
}

ul#menu_haut ul li.first a{
  padding-top:2px;
	background:url(imgmenuencascade/m1.gif) no-repeat -320px 0%;
}

ul#menu_haut ul li.last{
  padding-right:0px;
}

ul#menu_haut ul li.last a{
  padding-bottom:2px;
	background:url(imgmenuencascade/m1.gif) no-repeat left bottom;
}
