#bloc-menu{
  font-family: tahoma;
  margin-bottom: 40px;
}

/* on cache les sous-menu 
et on les affiche au survol */
ul#menu li ul{
  display:none;
}
ul#menu li:hover>ul{
  display:block;
}

/***********************/
/* menu premier niveau */
/***********************/

ul#menu{
  float:left;
  margin:0px;
  padding:0px;
  list-style:none;
  text-align:left;
  font-size:11px;
  font-weight: bold;
  vertical-align: middle;
}

ul#menu li{
  float:left;
  display:block;
  margin-top: 5px;
}
ul#menu li a{
  padding: 5px 14px 5px 2px;
  border: solid green;  
  border-width: 0 0 0 2px ;
  display:block;
}

/*** rubrique en cours ***/

ul#menu .rubon a{
  background-color: green;
  color: white;
}
ul#menu .rubon ul a{
  background-color: #fff8dc;
  color: green;
}
/*** survol d'une entrée ***/

ul#menu li a:hover{
  background-color: green;
  color: white;
}
ul#menu img {
  padding: 0;
}
/*****************/
/* Les sous menu */
/*****************/

ul#menu ul{
  position:absolute;
  margin: 0;
  padding:5px 0 0 0;
  background-color:#fff8dc;
  font-size:11px;
  list-style:none;
  border: solid green;
  border-width: 0 0px 0px 2px ;
  z-index:2;
}
ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding: 0 0 0 2px ;
}
ul#menu ul li a{
  display:block;
  width:100px !important;
  width: 110px;
  margin-left: -2px;
  padding: 3px 7px 3px 5px;
  border:none;
}
ul#menu ul img{
  position: relative;
  float:right;
  margin:-10px 10px 0px 0px;
}

/*les sous sous menu */
ul#menu ul ul{
  top:-3px !important;
  top:0px;
  left:115px !important;
  left: 122px;
  width:115px;
  padding: 0;
  border-width: 2px 2px 2px 0px ;
  font-size: 11px;
  z-index:3;
}
ul#menu ul ul li a{
  margin: 0 0 0 -2px;
  padding: 3px 0px 3px 5px;
}