/*
Menu_liste
16 octobre 2009
*/
#container {
	z-index:10;	
	width: 1003px;
	margin: 0 auto;	
	position: relative; 
	top: -20px;		
}

#nav, #nav ul {
	float: left;
	margin-left:auto;						/* auto left right indispensable pour IE   */
	margin-right:auto;
	list-style: none;
	background: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
}

#nav a {
	display: block;
	text-decoration: none;
}

#nav li {
	float: left;	
	padding: 0;
}											/*   niveau DEUX   */

#nav li ul {				/* Boîte Conteneur de la liste */
	position: absolute;
	left: -999em;
	height: auto; 
	font-weight: bold;
	border-width: 0.25em;
	margin: 0;
	background: #FF0000;     /*  ROUGE Couleur d'AP des listes déroulantes. Invisible derrière les couleurs des classes */
}
.anim ul {width:203px;} 					/* largeur de la liste - indispensable, indépendant du menu de niveau 1   */
.anim ul a{ width:196px; }					/* hover : largeur de la surbrillance et flèche niveau 2 si on met une flèche */

.publi ul { width:200px;}						
.publi ul a{ width:193px;}						

.vendee ul { width:200px;}						
.vendee ul a{ width:187px;}						
			
#nav li li {
	padding-right: 0px;		/* ajuste la longueur de la surbrillance niveau 2 */
}

#nav li ul a {				/* listes déroulantes : couleur du texte  */
	color:#3E1A1C;     /* brun foncé, origine échantillons  */
	font-size: 14px;
	text-align:center;
	line-height:22px;
	padding-left:7px;	   /*   oui   */
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#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;
}
												/* HOVER  */
#nav li:hover, #nav li.sfhover {
	background: #996452 ;}	  	/* Background indispensable pour IE - peu importe la couleur  */
}
														
li a:hover {color:#ffbc20; }		/*  texte en blanc au passage de la souris */

#nav li ul a:hover {color:#ffbc20;}				/*  texte en JAUNE orangé pour les deux LISTES déroulantes  */


												/* texte "normal" non activé  */
.menu1, .menu2, .menu3, .menu4, .menu5, .menu6 {		
	text-align:center;
	color:white;
	font-weight:bold;
	line-height:22px;
	font-size:14px;
	width:200px;
}

.menu1 {width:203px;}

							/*    reporter les MODIF des COULEURS en BACKGROUND et en COLOR au bas de la page  */
.menu1, .ap_a1 {background:#6f6d61; } 
.menu2, .ap_b1 {background:#8c7386; }
.menu3, .ap_c1 {background:#8d7c62; }
.menu4, .ap_d1 {background:#69827c; }
.menu5, .ap_e1 {background:#1b4470; }

.cours, .ap_a2 {background:#797574; }	/* 18 septembre 2009  */
.sorties, .ap_a3 {background:#888483; }
.conf, .ap_a4 {background:#979392; }
.voyages, .ap_a5 {background:#A6A2A1; }
.chantiers, .ap_a6 {background:#B5B1B0; }
.expos, .ap_a7 {background:#C4C0BF; }
			
.mono, .ap_b2 {background:#9e8394; }
.bulletins, .ap_b3 {background:#ab93a3; }
.lettres, .ap_b4 {background:#baa2b2; }
.biblio, .ap_b5 {background:#c9b1c1; }			

li a:hover {color:#ffbc20; }		/*  POLICE en jaune pour les 5 menus  au survol HOVER */
#nav li ul a:hover {color:#FFA019;}				/*  bravo JR  police en jaune pour les deux LISTES déroulantes  HOVER  */

/*  pour IE il faut une surbrillance(arrière-plan) en HOVER pour activer le déroulement du menu. On remet les couleurs initiales  */
.cours a:hover {background: #797574;}      
.sorties a:hover {background:#888483;}
.conf a:hover {background:#979392;}
.voyages a:hover {background:#A6A2A1;}
.chantiers a:hover {background:#B5B1B0;}
.expos a:hover {background:#C4C0BF;}

.mono a:hover {background:#9e8394; }
.bulletins a:hover {background:#ab93a3; }
.lettres a:hover {background:#baa2b2; }
.biblio a:hover {background:#c9b1c1;}