@charset "utf-8";
/* CSS Document */

/* MISE EN PAGE GENERAL ----------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body { 
	margin: auto; 
	background-color:#FFFFFF;
	margin-top:0px;
	top:0px;
	background:url(../../images/css/fond.jpg) center;
	}
.Page {
     position:absolute;
     left: 50%; 
     width: 1000px;
     margin-left: -500px;
	background-color:#FFFFFF;
     }
#Body_Conteneur {
	width:1000px;
	height:auto;
	}
	
/* PARTIE GAUCHE -----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
#Body_ColonneGauche{
	float:left;
	width:760px;
	height:auto;
	}
	#Body_ColonneGauche_Titre_Page {
		float:left;
		margin-top:20px;
		width:414px;
		height:37px;
		background:url(../../images/css_transversale/Page_Presentation_02.jpg);
	}
	#Body_ColonneGauche_Intro_Conteneur {
		float:left;
		margin-top:20px;
		margin-left:35px;
		width:750px;
		height:auto;
	}
	#Body_ColonneGauche_Histoire_Conteneur {
		float:left;
		margin-top:15px;
		margin-left:35px;
		width:759px;
		height:214px;
		background:url(../../images/css_transversale/Page_Presentation_06.jpg);
	}
		#Body_ColonneGauche_Histoire_Conteneur_Texte{
			float:left;
			margin-left:5px;
			margin-top:45px;
			width:750px;
			height:157px;
			overflow:auto;
			scrollbar-arrow-color:#FFFFFF;
			scrollbar-track-color:#FFFFFF;
			scrollbar-face-color:#e4e4e4;
			scrollbar-highlight-color:#e4e4e4;
			scrollbar-shadow-color:#e4e4e4;
			scrollbar-3dlight-color:#e4e4e4;
			scrollbar-darkshadow-color:#e4e4e4;
		}
	#Body_ColonneGauche_Service_Conteneur {
		float:left;
		margin-top:15px;
		margin-left:35px;
		width:759px;
		height:205px;
		background:url(../../images/css_transversale/Page_Presentation_09.jpg);
	}
		#Body_ColonneGauche_Service_Conteneur_Texte{
			float:left;
			margin-left:5px;
			margin-top:40px;
			width:750px;
			height:155px;
			overflow:auto;
			scrollbar-arrow-color:#FFFFFF;
			scrollbar-track-color:#FFFFFF;
			scrollbar-face-color:#e4e4e4;
			scrollbar-highlight-color:#e4e4e4;
			scrollbar-shadow-color:#e4e4e4;
			scrollbar-3dlight-color:#e4e4e4;
			scrollbar-darkshadow-color:#e4e4e4;
		}
	#Body_ColonneGauche_Image_Conteneur {
		float:left;
		margin-top:15px;
		margin-left:35px;
		width:759px;
		height:207px;
		background:url(../../images/css_transversale/Page_Presentation_12.jpg);
	}
		#Body_ColonneGauche_Image_Conteneur_Texte{
			float:left;
			margin-left:5px;
			margin-top:40px;
			width:750px;
			height:160px;	
		}
		
	#Body_ColonneGauche_Espace{
		float:left;
		width:760px;
		height:15px;
	}


/* INFO BULLE GAUCHE -------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
a.info1 {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 0px gray dotted; /* on souligne le texte */
}
a.info2 {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 0px gray dotted; /* on souligne le texte */
}
a.info3 {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 0px gray dotted; /* on souligne le texte */
}
a.info1 span {
   display: none; /* on masque l'infobulle */
}
a.info2 span {
   display: none; /* on masque l'infobulle */
}
a.info3 span {
   display: none; /* on masque l'infobulle */
}
a.info1:hover, a.info2:hover, a.info3:hover
{
   background: none; /* correction d'un bug IE */
   z-index: 5000; /* on définit une valeur pour l'ordre d'affichage */
}
a.info1:hover span {
	display: inline; /* on affiche l'infobulle */
	z-index: 5000;
	position: absolute;
	top:-500px;
	left: 50px;
	width:600px;
	background: white;
	color:#737371; font-family:Arial; font-size:10px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
a.info2:hover span {
	display: inline; /* on affiche l'infobulle */
	z-index: 5000;
	position: absolute;
	top:-500px;
	left: -205px;
	width:600px;
	background: white;
	color:#737371; font-family:Arial; font-size:10px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
a.info3:hover span {
	display: inline; /* on affiche l'infobulle */
	z-index: 5000;
	position: absolute;
	top:-500px;
	left: -470px;
	width:600px;
	background: white;
	color:#737371; font-family:Arial; font-size:10px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}



	
	
/* LES TEXTES GAUCHE -------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
.Texte_Gauche_Portrait_Titre{		color:#545453; font-family:Verdana; font-size:16px; 		}
.Texte_Gauche_Block_Texte{		color:#737371; font-family:Arial; font-size:12px; 		}
.Texte_Gauche_Block_SousTitre{		color:#737371; font-family:Arial; font-size:12px; font-weight:bold;		}
.Texte_Gauche_Image_Commentaire{		color:#737371; font-family:Arial; font-size:10px;		}