@charset "utf-8";
/* CSS  global -Rfrence au 15 septembre 2009 - MJ 19 fvrier 2010
Pour FF il faut le z-index pour le bon droulement des deux premiers menus.
Menu rehauss de 20 px pour FF par le container
*/

#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 {				/* Bote 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 droulantes. Invisible derrire les couleurs des classes */
}
.anim ul {width:203px;} 					/* largeur de la liste - indispensable, indpendant du menu de niveau 1   */
.anim ul a{ width:196px; }					/* hover : largeur de la surbrillance et flche niveau 2 si on met une flche */

.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 : niveau 2 sous les menus  */
	color:white;    
	font-size: 14px;
	font-style:normal;
	font-weight:bold;
	line-height:23px;
	text-align:center;
	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: black ;}		   /* hover surbrillance Peu importe la couleur : Indispensable pour IE  */
														
li a:hover {color:#ffbc20; }		/*Couleur du texte des 5 menus au passage de la souris - A67400 page d'accueil, en interne  */
#nav li ul a:hover {color:#ffbc20;}				/*  texte en JAUNE orang pour les deux LISTES droulantes  */

											/* couleur spcifique du texte d'un item en hover  
#nav li ul .cours a:hover {color:red;}		
#nav li ul .biblio a:hover {color:blue;}	
*/
												/* texte "normal" non activ  */
.menu1, .menu2, .menu3, .menu4, .menu5, .menu51, .menu52 {		
	text-align:center;
	color:white; 	/*# ffbc20;	  jaune orang  */
	font-weight:bold;
	font-style:normal;
	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:#545766; }  /* 11 septembre */
.menu2, .ap_b1 {background:#4A8060; }
.menu3, .ap_c1 {background:#1C647D; }
.menu4, .ap_d1 {background:#653A4E; }
.menu5, .ap_e1 {background:#AA2C2D; }  

.menu51, .menu52 {width:100px;
				background:#AA2C2D;}

.cours, .cours a:hover, .ap_a2 {background:#545766; }	/* identique  A1 = menu 1  */
.confmardi, .confmardi a:hover, .ap_a2 {background:#545766; }	/* septembre 2011 - Remplace "cours"  */

.sorties, .sorties a:hover, .ap_a3 {background:#5B5E6D; }
.conf, .conf a:hover, .ap_a4 {background:#626574; }
.voyages, .voyages a:hover, .ap_a5 {background:#696C7B; }
.chantiers, .chantiers a:hover, .ap_a6 {background:#707382; }
.expos, .expos a:hover, .ap_a7 {background:#777A89; }

.mono, .mono a:hover, .ap_b2 {background:#6A8D65; }
.bulletins, .bulletins a:hover, .ap_b3 {background:#71946C; }
.lettres, .lettres a:hover, .ap_b4 {background:#789B73; }
.biblio, .biblio a:hover, .ap_b5 {background:#7FA27A; }


											/*	11 septembre COLOR = la couleur pour du TEXTE   */
.coul_a1, h2 {color: #545766;}		/*  animations  */
.coul_b1, h1, .t1 {color: #4A8060;}		/*  publications  */		
.coul_c1 {color: #1C647D;}		/*  sites de Vende  */
.coul_d1 {color: #653A4E;}		/*  thmatiques  */
.coul_e1 {color: #AA2C2D;}		/*  contact  */


div#tipDiv {       /* ?????  */
	color:#333300;
	font-size:12px;
	line-height:16px;
	padding:3px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	text-align: center;	
}
a img {border:none;}
/***************** Classes pour infobulles ********************/
.bulbandeau {width:160px; background:#d1d1d1; padding-bottom:3px; font-style:italic; font-size:12px; color:#333300;}