@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:800px;
	height:auto;
	}
	#Body_ColonneGauche_Page_Titre {
		float:left;
		margin-top:15px;
		width:414px;
		height:35px;
		background:url(../../images/css_transversale/Page_abcdaire_02.jpg);
	}
	#Body_ColonneGauche_Concept {
		float:left;
		margin-top:15px;
		margin-left:35px;
		width:759px;
		height:208px;
		background:url(../../images/css_transversale/Page_abcdaire_06.jpg);
	}
		#Body_ColonneGauche_Concept_Conteneur {
			float:left;
			margin-top:40px;
			margin-left:175px;
			width:575px;
			height:160px;
			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_Concept_Conteneur_Mot {
			float:left;
			width:180px;
			height:20px;
			text-align:center;
			line-height: 20px;
  			vertical-align: middle;
		}
	
	#Body_ColonneGauche_Histoire {
		float:left;
		margin-top:15px;
		margin-left:35px;
		width:759px;
		height:201px;
		background:url(../../images/css_transversale/Page_abcdaire_09.jpg);
	}
	#Body_ColonneGauche_Histoire_Consigne {
		float:right;
		text-align:right;
		margin-top:8px;
		width:300px;
		height:auto;
	}
	#Body_ColonneGauche_Histoire_1900 {
		float:left;
		margin-top:38px;
		margin-left:57px;
		width:62px;
		height:140px;
		text-align:center;
	}
	.Body_ColonneGauche_Histoire_Date {
		float:left;
		margin-top:38px;
		margin-left:0px;
		width:62px;
		height:140px;
		text-align:center;
	}
	.Body_ColonneGauche_Histoire_Date2 {
		float:left;
		margin-top:15px;
		margin-left:0px;
		width:62px;
		height:140px;
		text-align:center;
	}
	#Body_ColonneGauche_Figure {
		float:left;
		margin-top:15px;
		margin-left:35px;
		width:759px;
		height:202px;
		background:url(../../images/css_transversale/Page_abcdaire_12.jpg);
	}
		#Body_ColonneGauche_Figure_Conteneur {
			float:left;
			margin-top:30px;
			margin-left:0px;
			width:575px;
			height:160px;
			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_Figure_Conteneur_Mot {
			float:left;
			width:180px;
			height:20px;
			text-align:center;
			line-height: 20px;
  			vertical-align: middle;
		}
	
/* INFO BULLE GAUCHE -------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
a.info1 {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 0px gray dotted; /* on souligne le texte */
   color: #737371; font-family:Arial; font-size:14px; text-decoration: none;
}

a.info1 span {
   display: none; /* on masque l'infobulle */
}
/*a.info1 img {
   height:400px;
   width:400px;
}*/

a.info1:hover{
   background: none; /* correction d'un bug IE */
   z-index: 5000; /* on définit une valeur pour l'ordre d'affichage */
   background-color:#f4da2d;
}
a.info1:hover span {
	display: inline; /* on affiche l'infobulle */
	z-index: 5000;
	position: absolute;
	top:0px;
	left:50px;
	width:100px;
	
	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_Dico_Lettre		{		color: #818180; font-family:Verdana; font-size:20px;						}
.Texte_Gauche_Dico_Recherche		{		color: #818180; font-family:Arial; font-size:16px;						}
.Texte_Gauche_Simple 			{		color: #818180; font-family:Arial; font-size:12px;	}
	
/* LES LIENS GAUCHE --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
a.Lien_Gauche_Mot_Grand_Lien:link 		{		color: #737371; font-family:Arial; font-size:16px; text-decoration: none;		}
a.Lien_Gauche_Mot_Grand_Lien:visited 	{		color: #737371; font-family:Arial; font-size:16px; text-decoration: none;		}
a.Lien_Gauche_Mot_Grand_Lien:hover 	{		color: #737371; font-family:Arial; font-size:16px; text-decoration: none;	background-color:#f4da2d;		}
a.Lien_Gauche_Mot_Grand_Lien:active 	{		color: #737371; font-family:Arial; font-size:16px; text-decoration: none;		}

a.Lien_Gauche_Mot_Moyen_Lien:link 		{		color: #737371; font-family:Arial; font-size:14px; text-decoration: none;		}
a.Lien_Gauche_Mot_Moyen_Lien:visited 	{		color: #737371; font-family:Arial; font-size:14px; text-decoration: none;		}
a.Lien_Gauche_Mot_Moyen_Lien:hover 	{		color: #737371; font-family:Arial; font-size:14px; text-decoration: none;	background-color:#f4da2d;		}
a.Lien_Gauche_Mot_Moyen_Lien:active 	{		color: #737371; font-family:Arial; font-size:14px; text-decoration: none;		}

a.Lien_Gauche_Mot_Petit_Lien:link 		{		color: #737371; font-family:Arial; font-size:12px; text-decoration: none;		}
a.Lien_Gauche_Mot_Petit_Lien:visited 	{		color: #737371; font-family:Arial; font-size:12px; text-decoration: none;		}
a.Lien_Gauche_Mot_Petit_Lien:hover 	{		color: #737371; font-family:Arial; font-size:12px; text-decoration: none;	background-color:#f4da2d;		}
a.Lien_Gauche_Mot_Petit_Lien:active 	{		color: #737371; font-family:Arial; font-size:12px; text-decoration: none;		}