/***************************************************************************************************************************************************/
/****************************************************** BEGIN **************************************************************************************/
/***************************************************************************************************************************************************/


/****************************************************** BODY ***************************************************************************************/
body{
	/*background-image: url("images/backGround.png");*/
	font-family : Arial, Helvetica, sans-serif;
	color: #666666; 		/* #FF6600-orange. #228B22-Vert. #FFFF00-jeune. #FFFFF0-jeune tres. #999999-Gris tres claire. #666666-Gris moyen. #333333-Gris claire. #FFFFFF-Blanc */
	margin-top: 0px;  		/* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 0px;  	/* Idem pour le bas du navigateur */
	border-bottom: 0px;		/* IE*/
	border-top: 0px;		/* IE*/
	margin: auto; 			/* Pour centrer notre page */
}

/****************************************************** HR  ***************************************************************************************/
hr { 
	color: #228B22;
	clear: both;
	width: 100%;
	border: 0; 							/* enleve toute bordure*/
	border-bottom: 1px #666666 solid;   /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE*/
	height: 1px; 						/* pour IE */
}

/****************************************************** TD  ***************************************************************************************/
td{ 
	line-height : 22px;									/*	espacio entre lineas */
	font-size: 14px;
} 

/****************************************************** TD-A los textos de los links que estan dentros de (td) ************************************/
td a{
/*
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 14px;
*/
}

/****************************************************** TD-P la primera linea empieza defasada , td ol p, td ul p: ********************************/
td p{ 
	text-align: justify;								/* justification de la letra	*/
	text-indent: 5px; 									/* espacio de la primera linea con respecto a las otras */	
}

/****************************************************** TD La première lettre de chaque paragraphe ************************************************/
td p:first-letter{
	font-family: Georgia, Verdana, Helvetica, sans-serif, Arial;
	font-size: 24px;
	font-weight: bold;
	font-Style: Italic;
/* 						 
	font-variant: small-caps;
*/
}

/****************************************************** TD - La première ligne de chaque paragraphe de un td(columna) - En petites capitales ******/
td p:first-line{
/*
	font-variant: small-caps; 
	font-size: 18px;
*/
}

/****************************************************** A - link  ********************************************************************************/
a { 
	text-decoration : none;
	color: #228B22; 				/* Coleur vert */
} 

/****************************************************** A - Subrallado de link  *******************************************************************/
a:hover { 
	text-decoration : underline;
	color : #ff6600;				/* Coleur Orange */
}

h1{
	color : #FFFFF0;
}

h2{
	color : #FFFF00;
}

h3{
	color : #666666;
	font-size: 20px;
}

h4{
	color : #666666;
	font-size: 12px;
}

/***************************************************************************************************************************************************/
/****************************************************** Tous les CLASS du site *********************************************************************/
/***************************************************************************************************************************************************/

/****************************************************** logo du site  ******************************************************************************/
.logoSite{ 
	background-image: url("images/logo.jpg");
	background-repeat: no-repeat;
    text-align: center; 
} 

/****************************************************** Bandeaux de haut et de pied de page "piedPageImage.png" ************************************/
.bandeauxHautEtBas{ 
	background-image: url("images/barBas.jpg");
	background-repeat: no-repeat;
	
	color : #FFFFF0; /* On met le coleur ici pour le lignes de separations "|" . */
} 

/****************************************************** Link a l'interieur des bandeaux de haut et de pied de page *********************************/
.linkBandeauxHautEtBas{ 
	color : #FFFFF0; 	/* #FF6600-orange. #228B22-Vert. #FFFF00-jeune. #FFFFF0-jeune tres. #999999-Gris tres claire. #666666-Gris moyen. #333333-Gris claire. #FFFFFF-Blanc */
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	/* font-weight : bold; */
} 

/****************************************************** Petite bande lateral pour les titres *******************************************************/
.bandLateralTitre{ 
	background-image: url("images/laterals.jpg");
	
	color: #FFFFF0;		/* #FF6600-orange. #228B22-Vert. #FFFF00-jeune. #FFFFF0-jeune tres. #999999-Gris tres claire. #666666-Gris moyen. #333333-Gris claire. #FFFFFF-Blanc */

	text-align: center;
	/*
	font-size: 12px;
	line-height : 14px;
	font-weight: bold; 
	*/
} 

/****************************************************** Petite bande lateral droite ****************************************************************/ 
.bandLateralR{ 
	background-image: url("images/bandeLateralR.jpg");
	background-repeat: no-repeat;
	background-repeat: repeat-y;
} 

/****************************************************** Petite bande lateral gauche ****************************************************************/ 
.bandLateralL{ 
	background-image: url("images/bandeLateralL.jpg");
	background-repeat: no-repeat;
	background-repeat: repeat-y; 
} 

/****************************************************** Les Coleurs utilisé dans les formulaire de contacte *****************************************/
.fielderror { 
	color: red; 
	/*font-weight: bold;*/
} 

.fieldreq { 
	/*color: #228B22;*/
} 

/***************************************************************************************************************************************************/
/****************************************************** Tous les TEXTES du site ********************************************************************/
/***************************************************************************************************************************************************/

/****************************************************** Les textes qui Sont en orange puor faire des remarques *************************************/
.texteFaireRemarque{ 
	color: #FF6600; 	/* #FF6600-orange. #228B22-Vert. #FFFF00-jeune. #FFFFF0-jeune tres. #999999-Gris tres claire. #666666-Gris moyen. #333333-Gris claire. #FFFFFF-Blanc */
} 

/****************************************************** Les textes qui sont en bas des figures ******************************************************/
.textePetitCommenataire { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;

	color: #FF6600; 	/* #FF6600-orange. #228B22-Vert. #FFFF00-jeune. #FFFFF0-jeune tres. #999999-Gris tres claire. #666666-Gris moyen. #333333-Gris claire. #FFFFFF-Blanc */
} 

/******************************************************* Les textes du Copyright *******************************************************************/
.texteCopyright { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	line-height: 12px;
	
	color : #999999; 	/* #FF6600-orange. #228B22-Vert. #FFFF00-jeune. #FFFFF0-jeune tres. #999999-Gris tres claire. #666666-Gris moyen. #333333-Gris claire. #FFFFFF-Blanc */
} 

/******************************************************* Les textes du Ouvrez une session *******************************************************************/
.texteSession{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	line-height: 12px;
	
	color : #999999; 	/* #FF6600-orange. #228B22-Vert. #FFFF00-jeune. #FFFFF0-jeune tres. #999999-Gris tres claire. #666666-Gris moyen. #333333-Gris claire. #FFFFFF-Blanc */
} 

/***************************************************************************************************************************************************/
/****************************************************** Tous les CADRES du site ********************************************************************/
/***************************************************************************************************************************************************/

/****************************************************** Cadres petit Commentaires avec des pointilles oranges **************************************/
.cadreTextePetitCommentaires{ 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 8px;
	text-align: center;
										/* 	#FF6600-orange. #FFFF00-jeune. #FFFFF0-jeune tres. #999999-Gris tres claire. #666666-Gris moyen. #333333-Gris claire. #FFFFFF-Blanc */
	border-left: 1px dotted #FF6600; 	/* 	bordure gauche du cadre et couleur du cadre */
	border-right: 1px dotted #FF6600; 	/*	bordure droite du cadre */
	border-top: 1px dotted #FF6600; 	/*	bordure droite du cadre, solid signifie que la bordure sera pleinne et px taille en pixel */
	border-bottom: 1px dotted #FF6600; 	/* 	bordure droite du cadre 009933 #66CC00;#cc0000;*//*#ff6600; */
} 

/****************************************************** Cadres avec les information dans les deux laterales ***************************************/
.cadreBandLateralInfo{
	padding: 8px;							/*	permet de mettre une marge à l'interieure du cadre . */
	border-left: 1px solid #99CC00; 		/* 	bordure gauche du cadre et couleur du cadre */
	border-right: 1px solid #99CC00; 		/*	bordure droite du cadre solid */

	border-top: 0px dotted #99CC00; 		/*	bordure droite du cadre, solid signifie que la bordure sera pleinne et px taille en pixel */
	border-bottom: 0px solid #99CC00; 		/* 	bordure droite du cadre #009933; #66CC00;#cc0000;*//*#ff6600; */
}

/****************************************************** Cadres avec les information dans les deux laterales ***************************************/
.cadreBandLateralBas{
	padding: 2px;
	background-image: url("images/lateralBas.png");
	background-repeat: no-repeat;
}

 /* Un style qui permet par exemple de surligner certains mots d'un texte */
.surligne
{
   background-color: yellow;
   color: black; /* Le texte surligné sera écrit en noir, parce que le blanc sur fond jaune on voit rien ;o) */
}

/***************************************************************************************************************************************************/


/***************************************************************************************************************************************************/