/************** CSS relatif a la premiere page ***************/	 
		 
		 /*CSS body en tete corps pied de page*/



body	/*commun aux deux pages*/
{
	width: 626px;    /* Idem pour le bas du navigateur */
	background-image:url(../illus/bgimg.jpg);
	background-repeat:repeat-x;
	background-color:#007E3A;
	margin:auto;
	margin-top: 0px;
}


#en_tete		/* Different */
{
   width: 626px;
   height: 235px;
   background-image: url(../illus/turfacheader.jpg);
   background-repeat: no-repeat;
   float:left;
}



#corps     /*commun aux deux pages er_mail et ok_mail*/
{
	
	width: 626px;
	height:auto;
	background-image: url(../illus/illus_abo/background_okmail.gif);
	background-repeat: repeat-y; /*repeter en y */
	float:left;
   
}
#corps_form     /*formulaire*/
{
	
	width: 626px;
	height:auto;
	background-image: url(../illus/backgroundformulaire.gif);
	background-repeat: repeat-y; /*repeter en y */
	float:left;
   
}


#pied_de_page
{
	width: 626px;
	height: 93px;
	background-image: url(../illus/footer.jpg);
	background-repeat: no-repeat;
	float:left;
	text-align:center;
   
}

.contenu
{
	height:auto;
	width:626px;
	float:left;
}

.formulaire
{
	width: 338px;
	height: auto;
	/*right: 20%;*/
	float:left;
}


.headformu
{
	background-image:url(../illus/headformu.gif);
	background-repeat:no-repeat;
	height: 231px;
	width: 338px;
	text-align: center;
	float: left;
}

.headformu1
{
	background-image:url(../illus/headerformu1.gif);
	background-repeat:no-repeat;
	height: 231px;
	width: 338px;
	text-align: center;
	float: left;
}




.footerformu
{
	background-image:url(../illus/footerformu.jpg);
	background-repeat:no-repeat;
	width:338px;
	height:44px;
	float: left;
}

.total
{
	width:900px;
}




/********************************************************************************************************************/
				/************************** style - taille - couleur **************************/




				/****************** taille de texte **********************/


.taille18
{
font-size:18px;
}


.taille16
{
font-size:16px;
}


.taille13
{
	font-size: 13px;
}


.taille12
{
	font-size:12px;
}

.taille24
{
	font-size:24px;
}


.taille27
{
	font-size:27px;
}


.taille20
{
	font-size:20px;
}

.taille22
{
	font-size:22px;
}



				/******************** couleur **************************/

.blanc
{
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

.blancs
{
	color:#FFFFFF;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
}

.jaune30
{
	color:#FFFF00;
	font-size:30px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

.jaune23
{
	color:#FFFF00;
	font-size:23px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

.jaune
{
	color:#FFFF00;
}

.rouge
{
	font-family:"Times New Roman", Times, serif;
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
}


.rouge18
{
	font-family:"Times New Roman", Times, serif;
	color:#FF0000;
	font-size:20px;
	font-weight:bold;
}

			/******************* texte decoration ********************/


.souligner
{
text-decoration:underline;
}


.stylegenevagrasita
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
}

.arialgras
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.geneva
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	text-indent: 0px;
}


.gras
{
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

.undergras
{
	font-weight:bold;
	text-decoration:underline;
}

.italic
{
	font-style:italic;
}

.courrier
{
	font-family:"Courier New", Courier, monospace;
	font-weight: bold;
}

.times
{
	font-family:"Times New Roman", Times, serif;
	font-size: 22px;
}


.grascourrier
{
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size: 18px;
}



			/****************** style paragraphe et tableau ********************/

p
{
	text-indent:20px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
}


td
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
}


					/********************** CSS gros titre ********************/


/*************** CSS des puces et numéros *************/



.styleul
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	list-style-image:url(../illus/carre.jpg);
	list-style-position:outside;
}


.titretxt
{

   width: 586px;
   height: auto;
   /*background-image: url(../illus/logo.jpg);
   background-repeat: no-repeat;*/
   float:left;
   
   
}


.titrep3
{
	width:450px;
}

					/******************** CSS promotion *********************/




.promo
{
	width: 626px;
	height:152px;
	/*padding-top:-10px;
   line-height:30px;*/
   float:left;
	background-image: url(../illus/bandeaug.jpg);
	background-repeat:no-repeat;   /*background-repeat: repeat-x;*/
}




.textepromo
{
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
color:#FF0000;
margin-top:0px;
font-weight:bold;
font-style:italic;

}


.textepro
{
	width: 400px;
	height: 152px;
	/*padding-top:-10px;
   line-height:30px;*/
   float:left;
}

.gifimg
{
	width: 201px;
	height: 152px;
	float:right;
	background-image: url(../illus/animetoile.gif);
	background-repeat: no-repeat;
	margin-left: 1px;
}


.tabp4
{
	height:auto;
	margin-top:20px;
}


.tabp4bis
{
	height:auto;
}

				/*CSS fiche de formation */



.fichesforma
{
	width: 626px;
	height: auto;
	margin-top:5px;
	padding-left:0px;
	float:left;
	background-repeat: no-repeat;
	font-family:Helvetica CondensedBlackObl, Arial, Verdana, serif;
	font-size: 18px;
	color:#000000;
}


.rubriques
{
	float:right;
	height:285px;
	width: 626px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	background-image: url(../illus/ficheh.jpg);
	background-repeat: no-repeat;	/*background-image: url(../illus/rubriques.jpg);
	background-repeat: no-repeat;*/
}


.rubriques1
{
	float:right;
	height:152px;
	width: 586px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;

	/*background-image: url(../illus/rubriques.jpg);
	background-repeat: no-repeat;*/
}



.imgrubrique
{
	float:right;
	height:147px;
	width: 104px;
	background-image: url(../illus/rubrique.jpg);
	background-repeat: no-repeat;

}






				/*CSS offre decouverte dans fiche formation */



.offre
{
	float:left;
	width: 626px;
	background-image: url(../illus/ficheb.jpg);
	background-repeat: no-repeat;
}

.offreevent
{
	float:left;
	width: 626px;
}

.carreoffre
{
	float:right;
	width: 271px;
	padding-top: 20px;
}

.numerooffre
{
	float:right;
	height:64px;
	width: 71px;
	background-image: url(../illus/numero.gif);
    background-repeat: no-repeat;

}

.carrenumero
{
	height:64px;
	width:658px;
}


.headeroffre
{
	float:right;
	height:61px;
	width: 271px;
	background-image: url(../illus/headoffre.jpg);
    background-repeat: no-repeat;
}

.headfiche
{
	background-image:url(../illus/headerfiche.jpg);
	background-repeat:no-repeat;
	height: 21px;
	width: 626px;
	float: left;
}
	
.footerfiche
{
	background-image:url(../illus/footerfiche.jpg);
	background-repeat:no-repeat;
	height: 20px;
	float: left;
	width: 626px;
}

.contenuoffre
{
	float:right;
	/*height:50px;*/
	width: 271px;
	padding-top:5px;
	background-image: url(../illus/bgoffre.jpg);
    background-repeat: repeat-y;
	font-family: Helvetica CondensedBlack, Arial, Verdana, serif;
	font-size: 16px;
	line-height:20px;
}


.footeroffre
{
	float:right;
	height:54px;
	width: 271px;
	background-image: url(../illus/offrefooter.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}





				/*CSS footer */

.textefooter
{
	float:left;
	height:56px;
	width: 160px;
	font-family: Helvetica CondensedBlack, Arial, Verdana, serif;
	font-size: 14px;
	padding-left:10px;
	padding-top:101px;
	color:#FFFFFF;
}






				/*CSS bouton */


.bouton
{
	float:left;
	width:400px;
	height:81px;
	margin-top: 20px;	
}


.bouton a {
width:400px;
height:81px;
display:block;
text-align:center;
vertical-align:middle;
background-image:url(../illus/bouton.gif);
background-repeat: no-repeat;
color:white;
text-decoration:none;
}


.bouton a:hover {
background-image: url(../illus/bouton1.jpg);
}





.boutonp2
{
	float:left;
	width: 350px;
	height:30px;
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}




				/*CSS titre h1/h2... */


h1
{
font-family:"Times New Roman", Times, serif;
font-size: 39px;
font-weight:bold;
color:#001F8C;

}


h2
{

font-size: 24px;
color:#E60003;
text-align:center;
font-family:"Times New Roman", Times, serif;

}
.title2 {
	color:#FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.blanchelvet {font-size:30px;}
.tilteIntermed {font-size: 22px; color:#FFFF00;}
.blanchelvets {font-size:14px;}


h3
{
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#FFFFFF;
	font-weight:bold;
}


.title3
{
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#FFFFFF;
}





				/*CSS differente de la page 1 pour la page 2*/
				
				
				
#en_tete2	/*box de l entete commun aux deux pages er_mail et ok_mail*/
{
   width: 626px;
   height: 199px;
   background-image: url(../illus/illus_abo/header_okmail.gif);
   background-repeat: no-repeat;
   float:left;
}
#en_tete_form	/*box de l en tete du formulaire*/
{
   width: 626px;
   height: 275px;
   background-image: url(../illus/headerformulaire.gif);
   background-repeat: no-repeat;
   float:left;
}

#en_tete_lettre	/*box de l en tete différent de la permiere page */
{
   width: 626px;
   height: 295px;
   background-image: url(../illus/headerlettre.jpg);
   background-repeat: no-repeat;
   float:left;
}


#en_tete_lettre1	/*box de l en tete différent de la permiere page */
{
   width: 626px;
   height: 232px;
   background-image: url(../illus/headerlettre1.jpg);
   background-repeat: no-repeat;
   float:left;
}

#en_tete3	/*box de l en tete temoignage */
{
   width: 626px;
   height: 316px;
   background-image: url(../illus/header4.jpg);
   background-repeat: no-repeat;
   float:left;
}

#en_tete3bis	/*box de l en tete temoignage page 2 */
{
   width: 626px;
   height: 284px;
   background-image: url(../illus/headertemoi1.jpg);
   background-repeat: no-repeat;
   float:left;
}


#en_tete3bis1	/*box de l en tete temoignage page 2 */
{
   width: 626px;
   height: 235px;
   background-image: url(../illus/headertemoi2.jpg);
   background-repeat: no-repeat;
   float:left;
}



#en_tete_formateur	/*box de l en tete formateur */
{
   width: 626px;
   height: 407px;
   background-image: url(../illus/headerformateur.jpg);
   background-repeat: no-repeat;
   float:left;
}



#en_tete4	/*box de l en tete différent de la permiere page */
{
   width: 626px;
   height: 263px;
   background-image: url(../illus/header2.jpg);
   background-repeat: no-repeat;
   float:left;
}


#en_tete5	/*box de l en tete différent de la permiere page */
{
   width: 626px;
   height: 249px;
   background-image: url(../illus/header5.jpg);
   background-repeat: no-repeat;
   float:left;
}



#pied_de_page2	/*box de pied de page commun aux deux pages er_mail et ok_mail*/
{
	width: 626px;
	height: 330px;
	background-image: url(../illus/illus_abo/footer_okmail.gif);
	background-repeat: no-repeat;
	float:left;
   
}

#pied_de_page_form	/*box de pied de page du formulaire*/
{
	width: 626px;
	height: 71px;
	background-image: url(../illus/footerformulaire.gif);
	background-repeat: no-repeat;
	float:left;
   
}



.accroche  /*box du titre de la page*/
{
	width: 720px;
	height: 200px;
	background-repeat:no-repeat;
	background-position:bottom left;
}











.texteminia  /*box des textes des miniatures (réutilisé)*/
{
	width: 350px;
	height: 220px;
	float:left;
	padding-left: 10px;
}












.fiche2  /*box des illus (réutilisé)*/
{
	width: 712px;
	height: 200px;
	padding-left:8px;
	font-size:16px;
	float:left;
	margin-top:20px;
background-position:bottom right;
background-repeat:no-repeat;
	
}


.photoFB
{
	width:150px;
	height:350px;
	float: left;
}






.onglet
{
	float:left;
	width:626px;
}


.ongletimg
{
	background-image:url(../illus/onglet.jpg);
	background-repeat:no-repeat;
}









.cadrebleu
{
	background-image:url(../illus/cadrebleu.gif);
	background-repeat:no-repeat;
	height: 231px;
}


.cadrebleugrd
{
	background-image:url(../illus/cadrebleugrd.gif);
	background-repeat:no-repeat;
	height: 356px;
}






.texteformuheader
{
	margin-left:auto;
	margin-right:auto;
	width:270px;
	text-align:left;
}