

/* style du menu */
#nav, #nav ul {
  border-top:1px solid #FF0000;
  border-bottom:1px solid #FF0000;
  background-color: #FAFAFA;
  /* placement a gauche du menu */
  float: left;
  /* style des listes pour le menu */
  list-style: none;
  margin: 0;
  padding:0;
}

/* style des liens texte */
#nav a {
  /* on specifie la presence d'un bloc autour du texte */
  display: block;
}
#nav a img {
  border:0px;
}

/* Style des cellules du menu */
#nav li {
  /* alignement */
  float: left;
  padding: 0;
  margin: 0;
}

/* Sous-menus */
#nav ul li {
  width: 11em;
  padding:0 5px 0 0;
}

/* Lien texte des sous-menus */
#nav ul li a {
  padding:5px;
  color: #666666;
  text-decoration: none;
  width: 11em;
}
#nav ul li a:hover {
  color: #FF0000;
}

/* Cadre des sous-menu */
#nav li ul {
  /* largeur de la cellule*/
  width: 11.5em;
  /* Bordure grise */
  border: 1px dashed #999999;
  /* fond */
  background-color:#FFFFFF;
  /* on cache la liste */
  left: -999em;
  /* on fixe la hauteur */
  height: auto;
  position: absolute;
  margin: 0;
  /* Permet de caler le menu sous IE */
  _margin:2.6em 0 0 -12em;
  *margin:2.6em 0 0 -12em;
  padding:0;
}

/* Style des cellules au passage de la souris */
#nav li:hover, #nav li.sfhover {
	background: #FFFFFF;
}

/* Placement des sous-menus des niveau 3 et 4 */
#nav li ul ul {
	margin: -1.75em 0 0 10em;
}

/* Permet de cacher les listes non actives */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
/* Permet d'afficher les listes actives */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
