/* Menu */
ul#navmenu {
  position: relative;
  height: 38px;
  background: url("../img/menu.gif") no-repeat;
  border-top: solid 8px #AFDF2A;				 /* Bordure verte */
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 100;
  /*height: 24px; origine
  position: relative; moi */
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  text-align: center;
  height: 38px;  
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 172px;
  list-style: none;
  display: none;
  position: absolute;
  top: 38px;
  left: 0;
  border: 1px solid #444E5A;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  height: 28px;
}


/* Root Menu */
ul#navmenu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  width: 172px;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  line-height: 38px;
  font-size: 11px;
}

ul#navmenu a.bugie {
  _width: 169px;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: transparent url("../img/menu-enfonce.gif") repeat-x;
  background-color: #4c5259;
  color: #AFDF2A;
}

/* Root Menu classe current */
ul#navmenu a.current,
ul#navmenu a.current:hover {
  background: transparent url("../img/menu-enfonce.gif") repeat-x ;
  color: #9fa6ae;
  cursor: default;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #556270;
  color: #fff;
  width: 160px;
  padding: 0 6px;
  text-align: left;
  font-weight: normal;
  line-height: 30px;
  _line-height: 28px;
}

*>ul#navmenu li:hover li a,		/* Non reconnu par IE */
*>ul#navmenu li.iehover li a {
	line-height: 28px ;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #77818d;
  color: #AFDF2A;
}

/* 2nd Menu Hover Persistence class triangle*/
ul#navmenu li:hover li a.triangle:hover,
ul#navmenu li:hover li:hover a.triangle,
ul#navmenu li.iehover li a.triangle:hover,
ul#navmenu li.iehover li.iehover a.triangle {
  background: transparent url("../img/fleche_sousmenu.gif") no-repeat bottom right;
  background-color: #77818d;
  color: #AFDF2A;
}

/* 2nd Menu classe current */
ul#navmenu li:hover li a.current,
ul#navmenu li:hover li a.current:hover,
ul#navmenu li.iehover li a.current,
ul#navmenu li.iehover li a.current:hover {
  background: #556270;
  color: #9fa6ae;
  cursor: default;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: transparent url("../img/ombre_sousmenu.gif") repeat-y;
  background-color: #556270;
  color: #fff;
  padding: 0 6px;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #77818d;
  color: #AFDF2A;
}

/* 3rd Menu classe current */
ul#navmenu li:hover li:hover li a.current,
ul#navmenu li:hover li:hover li a.current:hover,
ul#navmenu li.iehover li.iehover li a.current,
ul#navmenu li.iehover li.iehover li a.current:hover {
  background: transparent url("../img/ombre_sousmenu.gif") repeat-y;
  background-color: #556270;
  color: #9fa6ae;
  cursor: default;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #77818d;
  color: #AFDF2A;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #77818d;
  color: #AFDF2A;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 172px;
  _left: 86px; /*  Hack pour IE */
}

/*  Ajoute une flèche pour indiquer un sous menu */
ul#navmenu li:hover a.triangle,       
ul#navmenu li.iehover a.triangle {
  background: transparent url("../img/fleche_sousmenu.gif") no-repeat bottom right;
  background-color: #556270;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}