ul#menu li ul{
  display:none;
}

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

ul#menu{
  float:left;
}

ul#menu,
ul#menu ul{
  background:#339900; /* fond vert */
  border:1px solid #990000; /* bordure marron */
  list-style:none;
  margin:0px;
  padding:0px;
  width:160px;
  _width:162px;
}

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

ul#menu li{
  position:relative;
  margin:0px;
  padding:0px;
  font-size:8pt;
  _display:inline;
}

ul#menu a{
  display:block;
  width:100%;
  color:#000000; /* texte noir  */
  text-decoration:none;
}

ul#menu a:hover{
  background:#000000; /* fond noir */
  color:#FFFFFF; /* texte blanc */
}

ul#menu li.titre{
  display:block;
  width:100%;
  background:#FF0000; /* rouge */
  color:#000000;
  text-align:center;
  font-size:8pt;
}
ul#menu li.ami{
  display:block;
  width:100%;
  background:#CCCC00; /* plus jaune */
  color:#000000;
  font-size:8pt;
}
ul#menu li.histo{
  display:block;
  width:100%;
  background:#33CC99; /* vert plus clair */
  color:#000000;
  font-size:8pt;
}
ul#menu li.photo{
  display:block;
  width:100%;
  background:#FFFF33; /* jaune clair  */
  color:#000000;
  font-size:8pt;
}
ul#menu li.test{
  display:block;
  width:100%;
  background:#FF9999; /* plus orange*/
  color:#000000;
  font-size:8pt;
}

ul#menu li a.next {
background-image:url(fleche.gif);
background-repeat:no-repeat;
background-position:0% 50%;
}
ul#menu li a.next:hover {
background-position:-160px;
}

/*
p{
  margin-left:170px;
}
*/