/*STYLESHEET*/

#menu, #menu ul {
  padding: 0; 
  margin: 0; 
  list-style: none; 
  height: 30px; 
  background: #9FAC0B;                     /* couleur fond vert=#9FAC0B gris-foncé=#666*/
  border-bottom: 1px solid #fff;
  }
#menu {
  position: relative;
  z-index: 90;
  top: 10px;
  padding-left: 20px; 
  width: 730px;
  }
#menu ul {
  position: absolute;
  z-index: 90; 
  left: -9999px;
  }
#menu li {
  z-index: 90;
  float: left; 
  border-right: 1px solid #fff;
  }
#menu li.first {
  border-left: 1px solid #fff;
  }
#menu table {
  border-collapse: collapse; 
  width: 0; 
  height: 0; 
  padding: 0; 
  margin: -1px;
  }

#menu li a {
  display: block; 
  float: left; 
  height: 30px; 
  padding: 0 20px 0 10px;
  white-space: nowrap; 
  background: #9FAC0B;                     /* couleur fond */
  line-height: 30px; 
  font-family: georgia, serif; 
  font-size: 14px; 
  font-weight: normal;
  font-variant: small-caps;
  text-decoration: none; 
  color: #fff;
  }
#menu li a.drop {                     /* couleur fond */
  background: #9FAC0B url(.gif) no-repeat right center;
  }
#menu li a:hover {
  position: relative; 
  color: red; 
  background-color: #eee;
  font-weight: normal;
  }
#menu li:hover {
  position: relative;
  }
#menu li:hover > a {
  color: #990000;
  font-weight: normal;
  background-color: #eee;
  }

#menu :hover ul {
  left: -1px; 
  top: 30px; 
  width: 120px; 
  background: url(trans.gif); 
  padding-top: 1px; 
  border-bottom: 0;
  background-color: #eee;
  }
#menu :hover ul li a {
  border-left: 1px solid #fff; 
  height: 20px; 
  line-height: 20px; 
  width: 120px; 
  border-bottom: 1px solid #fff; 
  font-size: 13px;
  }
#menu :hover ul li a.right {                     /* couleur fond */
  background: #9FAC0B url(menu-arrow-right.gif) no-repeat 135px center;
  }

#menu :hover ul ul {
  left: -9999px; 
  padding-top: 0;
  }
  
#menu :hover ul li.fly a:hover {
  padding-left: 161px;
  border-bottom-color: #000;
  background: #ddd url(.gif) no-repeat right center;
  }


#menu :hover ul li.fly:hover > a {
  padding-left: 160px; 
  border-bottom-color: #000; 
  background: #eee url(.gif) no-repeat right center;
  }
#menu :hover ul :hover ul {
  left: 150px; 
  top: 21px;
  }
#menu :hover ul :hover ul ul {
  left: -9999px;
  }

#menu :hover ul :hover ul li a:hover {
  padding-left: 10px; 
  border-color: #fff; 
  background: #eee;
  }
#menu :hover ul :hover ul li.fly a:hover {
  padding-left: 161px; 
  border-bottom-color: #000; 
  background: #ddd url(.gif) no-repeat right center;
  }
#menu :hover ul :hover ul li.fly:hover > a {
  padding-left: 160px; 
  border-bottom-color: #000; 
  background: #eee url(.gif) no-repeat right center;
  }

#menu :hover ul :hover ul :hover ul {
  left: 150px;
  }
#menu :hover ul :hover ul :hover ul li a:hover {
  padding-left: 10px; 
  border-color: #fff; 
  background: #eee;
  }