#menu {
  float: right;
  display: inline;
  margin-top: 58px;
  margin-right: 9px;
}
#menu li {
  float: left;
  display: inline;
}
#menu li a {
  display: block;
  height: 22px;
  line-height: 22px;
  background: url(../images/left-onglet.gif) 0 0 no-repeat;
  padding-left: 15px;
  font-weight: bold;
  color: #000;
}
#menu li a span {
  font-size: 11px;
  display: block;
  padding-right: 15px;
  background: url(../images/right-onglet.gif) top right no-repeat;
}
#menu li a:hover, #menu li.actif a {
  color: #ebe4c6;
  text-decoration: none;
  background: url(../images/left-onglet-on.gif) 0 0 no-repeat;
}
#menu li a:hover span, #menu li.actif a span {
  background: url(../images/right-onglet-on.gif) top right no-repeat;
}