ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ display:block; }


ul#menulist{
  margin:0px;
  padding:0px;
  list-style:none;
  width:100%;  
  float:left;   
}

ul#menulist li a{  
  display:block;
  Xpadding:2px 6px;
  
  text-decoration:none;  
	text-decoration: none;  
	font-weight:bold;    
  color: #EEE;
  background-color:#386577;
  Xborder:1px solid #CCCCCC;
  padding-left:4px;
  padding-right:4px;
  padding-top:2px;
  padding-bottom:2px;
}

/* cadre rubriques */
ul#menulist li.menuNiveau1{ 
 Xborder: 1px solid #BBBBBB;  /* seb bordure cadre */
 
 padding-left:2px;   /* seb bordure cadre */
 padding-right:2px;  /* seb bordure cadre */
 background-color:#FFF;

 margin: 2px;
}

ul#menulist li.menuNiveau1:hover{
  border-top-color:#F0F0F0;
  border-left-color:#F0F0F0;
  border-right-color:#999999;
  border-bottom-color:#999999;  
}

/* cadre sous rubriques */
ul#menulist li.menuNiveau2 a {
  padding: 4px;
  
  Xborder: 1px solid red;   
  
}



ul#menulist li.menuNiveau2 a:hover
{
  background-color:#5393AB;
}


div.menuSeparateur
{   
  border-top: 1px solid #bbb;  
  border-bottom:0px;
  margin-top:3px;
  margin-bottom:3px;  
  font-size:0px;  
  background-color:#386577;
  
}


ul#menulist ul{
  position:absolute;  
  list-style:none;
  margin:0px;
  padding:0px;    
  background-color:#386577;
  Xborder: 1px solid #BBBBBB;
  border-left: 1px solid #BBB;
  border-right: 1px solid #BBB;
  border-bottom: 1px solid #BBB;

  width:200px;  
}


ul#menulist li{
  float:left;
  display:block;
  padding:2px 1px;  /* seb bordure cadre */
}


ul#menulist ul li{
  position:relative;
  float:none;
  margin:5px;
  padding:0px;
  display:inline;
}