/**
*
* CSS du menu vertical
*
*/

ul#menu li ul{
  display:none;
}

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

ul#menu{
  float:left;
}

ul#menu,
ul#menu ul{
  background-color: transparent;
  list-style:none;
  margin:0px;
  padding:0px;
  width:160px;
  _width:162px;
}

ul#menu ul{
  position:absolute;
  top:0px;
  left:160px;
}

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

ul#menu a{
  background-image: url('../images/menu_mouseoff.gif') ;
  background-repeat: repeat-x;
  background-position: left middle;
  display:block;
  width:156px;
  _width:100%;
  color:#FFFFFF;
  font-family: Verdana;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  line-height: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin:0px;
  padding-left:3px;
  padding-right:1px;
  border-top:2px solid #FFFFFF;
}



ul#menu a:hover{
  background-image: url('../images/menu_mousein.gif') ;
  background-repeat: repeat-x;
  background-position: left middle;
  padding-top: 6px;
  padding-bottom: 4px;
  color:#FFFFFF;
  padding-left:4px;
  padding-right:0px;
}

ul#menu li ul li a{
  color:#004963;
  background-image: url('../images/menu2_mouseoff.gif') ;
  border-left:1px solid #FFFFFF;
}

div.image_accueil {
  clear:both;
  padding-top:10px;
  padding-bottom:10px;
  text-align: center;
  width:160px;
  _width:162px;
}

/**
*
* Fin menu vertical
*
*/