/** Menu CSS **/
/** CSS RELATIVE A LA POSITION ET AU COMPORTEMENT NE PAS MODIFIER **/

.nav li ul {
  background: #574aaa;
	border:1px solid #3C3087;
	margin-left:173px;
	margin-top:-16px;
}
.nav li ul li ul {
  background: #574aaa;
	margin-left:173px;
	margin-top:-16px;
}
.nav a, .nav a:hover {
	display: block;
	width: 174px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.nav li {
	width: 174px;
}

.nav li ul{ 
	position: absolute;
	width: 174px;
	left: -999em;/*on cache le 2eme niveau*/
	display:none;
}

.nav li ul ul {
	margin: -1em 0 0 10em; 
}

.nav li:hover ul ul, .nav li.sfhover ul ul {
	left: -999em;/*on cache le 3eme niveau*/
	display:none;
}

.nav li:hover ul, .nav li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul {
	left: auto;
	display:block;
}

.sfhover, .sfhover a { margin: 0; padding: 0; }

#menu ul.nav li ul{
}

/** Fin de CSS à ne pas modifier **/
/** Apparence **/

/** Premier sous-niveau, affecte tous les sous-niveaux si d'autres ne sont pas définis. Si un niveau supplémentaire est défini, il affectera tous les sous-niveaux impairs */


/*
.nav li ul { 
	background: red;
}

/** Second niveau, si un niveau supplémentaire est défini, il affectera tous les niveaux pairs *//*
.nav li ul li ul {
	background: green;
}*/

/* De manière générale, pour définir un style particulier a un nouveau niveau, il faut avoir la forme suivante:
.nav (li ul) * niveau {
	propriétés;
}

ATTENTION, ce style s'appliquera a tous les niveaux suivants multiples de lui meme!!! */