/* menu commenté et adapté en vue de modifications de couleurs Pointe du Payré 2 février 2010
#nav li ul a   et   #nav li ul a:hover sont remplacés par les classes anim et publi
Ces modifs ne concernent que les listes déroulantes
Voir le document : MENU - Modifier les couleurs.doc
*/
#container, #conteneur {
	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;    test  ???  */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
/*	color: blue;     ajout JR  -  color ici ne servirait à rien   */
	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 */
}

.anim ul li a, .publi ul li a  {				/*	texte des listes déroulantes du niveau 2    */
	font-size: 14px;
	line-height:23px;
	text-align:center;
	padding-left:7px;	  /*   oui   */
}
.anim ul li a {color:white; }				/* chaque liste a une couleur de texte différente - ORIG = white  */
.publi ul li a   {color:white; }	

/* li ul .lettres a {color:green;}    texte d'un seul item  */



#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 ;}		   /* hover surbrillance Peu importe la couleur : Indispensable pour IE  */
														
li a:hover {color: #ffbc20; }		/* texte en jaune au passage de la souris -  les 5 MENUS de niveau  1  */

/* #nav li ul a:hover {color:#ffbc20;}				 texte en JAUNE orangé pour les deux LISTES déroulantes  */
.anim ul li a:hover  {color:#ffbc20; } /* test modif de toute une liste  */
.publi ul li a:hover  {color:#ffbc20;}

												/* texte "normal" non activé  */
.menu1, .menu2, .menu3, .menu4, .menu5, .menu51, .menu52 {		
	text-align:center;
	color:white; 	/*# ffbc20;	  jaune orangé  */
	font-weight:bold;
	line-height:22px;     /* modif  11 septembre */
	font-size:14px;
	width:200px;
}

.menu1 {width:203px;}

.menu1, .ap_a1 {background:#68362D; }  /* Payré  2 février 2010*/
.menu2, .ap_b1 {background:#905034; }  
.menu3, .ap_c1 {background:#32495B; }
.menu4, .ap_d1 {background:#787878; }
.menu5, .ap_e1 {background:#826E4B; }  


.cours, .cours a:hover, .ap_a2 {background:#703E35 }	
.sorties, .sorties a:hover, .ap_a3 {background:#78463D; }
.conf, .conf a:hover, .ap_a4 {background:#7C4A41; }
.voyages, .voyages a:hover, .ap_a5 {background:#845249; }
.chantiers, .chantiers a:hover, .ap_a6 {background:#8C5A51; }
.expos, .expos a:hover, .ap_a7 {background:#946259; }

.mono, .mono a:hover, .ap_b2 {background:#98583C; }
.bulletins, .bulletins a:hover, .ap_b3 {background:#A06044; }
.lettres, .lettres a:hover, .ap_b4 {background:#A8684C; }
.biblio, .biblio a:hover, .ap_b5 {background:#B27B5C; }

/* .anim li a:hover {background-color: #ff0000;}   Essai rouge  toute la liste sauf le niveau 1  */


/* à mettre en interne le temps des tests pour faciliter les essais 

.publi ul li a   {color:red; }	
li ul .lettres a {color:green;}

En standard ;  {color:#ffbc20;}				 texte en JAUNE orangé pour les deux LISTES déroulantes  
.anim ul li a:hover  {color:pink; }  test modif de toute une liste  
.publi ul li a:hover  {color:khaki; }

*/