/***** MENU *****/

#menu {
  width:auto;
  margin:0px;
  padding:0px;
  float:left;
  margin-left:15px;
}

#menu ul {
  width:150px;
  list-style:none;
  padding:0px;
  margin:0px;
  border-right:1px solid silver;
  }

#menu ul li {
  width:auto;
  margin-left:5px;
  padding-left:25px;
  text-indent:5px;
  height:23px;
  background:url("img/bordure.png") no-repeat;
}

#menu li a {
  display:block;
  height:23px;
  padding-top:0.5px;
  text-decoration:none;
  color:#696969;
  background-color:#FFFFFF;
}

#menu ul li ul {
  display:none;
}

#menu ul li:hover ul {
  display:block;
  position:relative;
  top:-24px;
  left:115px;
}

#menu ul li ul, #menu ul li:hover ul li ul, #menu ul li:hover ul li:hover ul li ul{
  display:none;
}

#menu ul li:hover ul, #menu ul li:hover ul li:hover ul, #menu ul li:hover ul li:hover ul li:hover ul{
  display:block;
  position:relative;
  top:-24px;
  left:115px;
}

#menu ul li.extend a {
  background:white url("img/suite.gif") right no-repeat;
}

#menu ul li.extend:hover ul li.end a {
  background-image:none;
}

#menu li:hover {
  background:url("img/fleche_survol.png") no-repeat;
}

#menu li a:hover {
  color:black;
  background-color:#BBB7C7;
}

#menu ul li.extend:hover a, #menu ul li.extend:hover ul li:hover a, #menu ul li.extend:hover ul li.extend:hover ul li:hover a, #menu ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a{
  background-color:#BBB7C7;
}

#menu ul li.extend:hover ul li a, #menu ul li.extend:hover ul li:hover ul li a, #menu ul li.extend:hover ul li.extend:hover ul li:hover ul li a{
  background-color:#FFFFFF;
}

#menu li.first{
  border-top:1px solid silver;
}

#menu li.last{
  border-bottom:1px solid silver;
}

#menu ul li.extend:hover {
  width:120px;
  height:23px;
  overflow:hidden;
}

html > body #menu ul li.extend:hover {
  overflow:visible;
}