/* CSS Document */


ul#menu li ul{
  display:none;
}

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


ul#menu{
  margin:1px;
  padding:0px;
  list-style:none;
  width:100%;
  background:#E4E1CC;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;

  }


ul#menu li{
  float:left;
  display:block;
  padding:2px ;


}

ul#menu li.first{
  padding-left:2px;
}

ul#menu li.last{
  padding-right:2px;
}
ul#menu li.col_droite{
float:right;
 
}

/* menu */
ul#menu li a{
  display:block;
  padding:2px ;
  padding-left:5px;

  
      padding-right:30px ;
  color:#000000;
  text-decoration:none;
  
    background-image:url(images/fleche-bas-noire.jpg);
  background-repeat:no-repeat;
  background-position:right;

border-style:solid;
border-width:1px;
border-color:#E4E1CC;
background-color:#E4E1CC;
  
}
ul#menu li a.alone{
    background-image:none;
}


ul#menu li a:hover{
display:block;
border-color:#879176; 
background-color:#F6F6EF;
    background-image:url(images/fleche-bas-grise.jpg);
  background-repeat:no-repeat;

  

}

ul#menu li a.alone:hover{
    background-image:none;

}

/* fin menu */


ul#menu ul{
  position:absolute;   
  list-style:none;
  margin:0px;
  padding:0px;
  width:158px;
  z-index:100;
  border:solid 1px #879176;
  width:172px;
  
}

ul#menu ul:hover{
 background:#CCCCCC ;

 }

ul#menu ul ul{
  top:0px;
  left:155px;
  z-index:600;

}

/* sous menu */
ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  background-color:#330000;  
  _display:inline;  
}

ul#menu ul li a{
  display:block;
	margin:0px;
	padding:2px;
		padding-left:8px;
	width:160px;

  	background-color:#E4E1CC;
	background-image:none;

}


/*  fin sous menu */


ul#menu ul li a:hover {
  background-color:#F6F6EF;
  border-color:#879176;
  background-image:none;

}