ul#menu li ul {
  display: none;
}

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

ul#menu {
  float: left;
  margin-top: -10px;
  width: 170px;
  border-bottom: 1px solid #ECEBC4;
}

ul#menu,
ul#menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 170px;
  aborder-top: 1px solid #B9CDE1;
}

ul#menu ul {
  position: absolute;
  top: -1px;
  left: 170px;
}

ul#menu li {
  position: relative;
  margin: 0px;
  padding: 0px;
  _display: inline;
}

ul#menu a {
  display: block;
  /* width: 100%; */
  width: 152px;/* 158px */
  color: #336699;
  font-family: Arial;
  font-size: 12px;
  padding: 5px 4px 5px 14px;
  background-color: #F6F5E3; /*#ECEBC4; #f0f0f0; #EBEEF7;*/
  border: 0px solid #B9CDE1;
  aborder-bottom: 1px solid #B9CDE1;
  border-top: 0px;
  text-decoration: none;
}


ul#menu a:hover {
  text-decoration: underline;
  background-color: #ECEBC4;
}


ul#menu a.rubrique {
  display: block;
  /* width: 100%; */
  width: 158px;

  font-family: Arial;
  font-size: 12px;
  padding: 5px 4px 5px 8px;
  /*
  color: #ffffff;
  background-color: #003366; 
  */
 
  color: #ffffff;
  background-color: #003366; 
  
  
  /* #EBEEF7; #BBD5EF; #D2DCE7; */
  border: 0px;
  border-top: 1px solid #ECEBC4; /*#B9CDE1;*/
  margin: 0px 0px 0px 0px;
  text-decoration: none;
}


ul#menu a.ssrub {
  background-color: #F6F5E3; /*#ECEBC4; */
  background-image: url('images/fleche-menu.gif');
  background-repeat: no-repeat;
  background-position: 140px 9px;
  width: 126px;/* 158px */
  padding: 5px 30px 5px 14px;
}
/*
ul#menu a.ssrub:hover {
  background-color: #ECEBC4;
}
*/