/* gvep_accueil.css  Validé le 5 décembre 2009 */
HTML{
    font-size: 100%;    
}

body {						/* background:#fffff0;    */
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;						
	font-size: 16px; 					 	/* 1em = 16px  */
	text-align: center;
	padding: 0;
	margin: 0;
}  
p {								/*  texte principal de la page d'accueil   */
	font-size:100%;				/*  16px   en body */
	color:#242400;				/*	Couleur d'origine pas assez foncée pour page d'accueil  333300;   */
	line-height: 1.4em;
	text-align: justify;
/*	padding-right: 3%;      	
	padding-left: 10%;  */
}
												/*   2010   */
#conteneur {
	display:table; 
	clear:both; width:95%; margin:0 auto; padding-left:auto;  padding-right:auto;
	border:0;}			/*  Auzay = border:1px solid #333300;} */

#gauche {position:relative;
	 float:left; display:block; width:59%; padding: 0 10px 0 25px;}
#gauche p {								/*		padding:0 20px;  */
	text-align:justify;	color:#333300;}
#droite {position:relative;
	  float:right; display:block; width:34%; margin-top:0; margin-right:10px; padding:0;}	/* -15px */
#droite p {padding:0;							
			font-family:Verdana; font-size:75%; line-height:15px; color:black; }  /* 80% 11.5px */
#droite li {
	margin:0 0 0 -10px;
	padding:0;
	text-align:left;
	font-size:75%;
	line-height:15px;
	list-style-image:url(images/puce_verte.gif);		
}




a {color:#aa2c2d;}  /* rouge */
a:hover {
	color:#242400;		/* = p  */
	font-weight:bold;
	background:#FFD777;}			/* jaune pale  */
#droite li a:hover {color:#242400;}

											/* fin de 2010  */

								/*  évoluer vers les couleurs de H mises en class  */
h1 {
font-size:200%;
/*color:#1d6929;			 couleur de menu 2 donc coul_b1  */
text-align:center;
font-weight: bold;
}
h2 {
font-size:150%;
color:#996600;
line-height: 2.2;
text-align:center;
}
h3 {           /* pour les mots importants de la 2ème colonne  */
	
	margin:0;
	font-size:13px;
	line-height: normal;
	font-weight:bold;
	line-height:16px;
}
.t5 {
	font-size:1.2em;
	color:#242400;				/* identique à p  */
	line-height: 1.2em;
	text-align:left;
	font-weight: bold;
}

h6 {
	font-size:125%;
	color:#660000;
	line-height: 20pt;
	text-align: center;
	font-weight: bold;
	width: 300px;
}
img {border:0;}
a img {border:0;}						/*  jr  solution miracle au hover intempestif  Merci site du zéro */

td {
	vertical-align:middle;
	text-align: left;
	font-style: normal;
	font-size: 14px;    /* orig 14   et height 1.3    */
	line-height: 18px;
}
th {
	text-align:center;
	margin-right: 20px;
	font-weight: bold;
	vertical-align: middle;
	padding-bottom: 4px;
    }


.flotte_gauche {			
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.flotte_droite {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: right;
}

div.tooltip, .bul_150, .bul_220 {  		  /*  bulles des photos de la bannière   */
 	width:130px; 
	padding:4px;
	background:#e5e5e5;   /* gris clair  */
	font-style: italic;
	font-size:11.5px;
 }   
.bul_150 {width:150px;}    
.bul_220 {width:220px;}


.bul_img {
	border:1px solid #333300;	 
	padding:0;
	}

.al_g {text-align:left;}
.al_d {text-align:right;}
.al_j {text-align:justify;}
.al_c {text-align:center;}
.leg {font-size: 0.9em; line-height:1.2em; font-weight:bold; text-align:center;}			/* légende des photos à droite  */

.bord {border:1px solid; color:#333300;}
.bord2 {border:1px solid; color :#CCCCCC;}


.col2, .pet {
		font-size:.8em;
		line-height: 1.2em;
		color:green;
		/* color:#660000;					    #996600; = marron doré  ---  660000= marron rouge très foncé */
}


.princ  { 								/* on ne peut pas mettre le padding dans col1 : chaos  */
	padding-left:30px;
	padding-right:30px;
}


.spacer5 {font-size: 5px;}
.spacer10 {font-size: 10px;}
.spacer20 {font-size: 24px;}

.titre_col2, .coul1, .coul2, .coul3, .coul4, .coul5  {   /*  voir menu   */
	width:100%;
	font-size:1.1em;
	font-weight:bold;
	color: white;  /*   #ffbc20 =jaune du menu en hover  	  #a2dedf = bleu de l'image d'AP */
	line-height:1.4em;
	text-align:center;
}
.titre_col2 {
	margin-top:10px;
	margin-bottom:6px;
	padding:0;
	}
							/*  texte jaune pour les essais   */
.titre_col2_j {
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	color: #ffbc20;  /*   #ffbc20 =jaune du menu en hover  	  #a2dedf = bleu de l'image d'AP */
	line-height:1.6em;
	text-align:center;
}

.coul1 {background:#50632b;}
.coul2 {background:#928525;}
.coul3 {background:#2f9e01;}
.coul4 {background:#bb8000;}
.coul5 {background:#b04a1a;}

.c33, .noir {color:#333300;				/* foncé  */
		font-weight:normal;}

.gras {font-weight: bold;}
.ital {font-style: italic;}

.h_menu {margin-top:0px;}   /* rehausser le menu de la page d'accueil pour IE et IE8   */


	


					/*   LIENS   -   si on met un a ou a:hover ça fout le ko dans la barre des menus   */

.lien, .lien2, .lien3 {font-size:12px; color:#aa2c2d;} /* rouge foncé  - lien3 dans Index.htm  */
.lien a:hover, .lien2 a:hover, .lien3 a:hover {
	color:#242400;		/* = p brun  très foncé  */
	font-weight:bold;
	line-height:14px;
	background:#FFD777;}			/* jaune pale  */
.lien3 a:hover {font-weight:normal; font-size:14px;}
.lien a, .lien3 a {font-size:14px; text-decoration:none; color:#aa2c2d; }	/* = e1  Rouge Contacts  */

.padd20 {padding-left: 20px;}
.padd30 {padding-left: 30px;}
.padd50 {padding-left: 50px;}

.marge10-0{margin:10px 0;}
.marge_bas_0 {margin-bottom:0;}

.etendu {letter-spacing: 1px;}
.condense {letter-spacing: -0.5px;}
.norm {
	font-style:normal;
	font-weight:normal;
	}
.nu {text-decoration:none;}

							/*	bas de page */

.col2 p {color:black;       /* bas de page - Comparer avec CSS spécifique  */
	padding :0px 0px 8px 0px;}       

.marge0 {margin:0px;
		padding:0;}
.marge10 {padding-bottom:5px ;}
.marge15 {margin: 15px 0;}
.marge20 {margin: 20px 0;}
.marge_bas_0 {margin-bottom:0;}