/*************************** GENERAL *******************************/
ul#menu li ul{  display:none;}
ul#menu li:hover>ul{ display:block;}

ul#menu {
  margin:0px;
  padding:0px;
  list-style:none;
  width:100%;
  /*background:#CCCCCC;*/
  float:left;
  font-size:18px;
  font-family:"Times New Roman", Times, serif;
/*  font-family:Arial, Tahoma, Helvetica, sans-serif;*/
}

/*************************** NIVEAU 1 *******************************/
ul#menu li{ float:right; display:block;}
ul#menu li a{  display:block; text-decoration:none; color: #363834;}
ul#menu li a:hover { /*background-color:white;*/ color :white;}
ul#menu li a.selected { color: white;}
/*************************** NIVEAU 2 *******************************/
ul#menu ul {
  font-size:12px; 
  font-family:Arial, Helvetica, sans-serif; 
  font-weight:bold; 
  position:absolute;
  background:#ffffff ; 
  filter:alpha(style=0,opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  list-style:none;
  margin:0px;
  padding:5px;
  width:160px;
  z-index:1;
  border: 1px solid #cccccc;
}

ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  display:inline;
  line-height: 14px;

}
ul#menu ul li a span{
  display:block;
  width:144px;
  _width:156px;
	padding:5px 6px;
  margin:0px 2px;
  border:none;
 cursor:hand;
}

ul#menu ul li a:hover, ul#menu li a.next:hover  {background-color:white;}
ul#menu ul li a:hover span, ul#menu li a.next:hover span { background-color:#cccccc;  border:none;}

/*----------- s'il y a un n3 -------------*/
ul#menu ul li a.next span{
  background:url(imgmenuencascade/fleche.gif) no-repeat 0% 50%;
}
ul#menu ul li a.next:hover span{
  background-position: -160px 50%;
}

/*************************** NIVEAU 3 *******************************/
ul#menu ul ul{
  filter:alpha(style=0,opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  top:0px;
  left:185px;
  z-index:2;
}