@charset "utf-8";
body {
    	font: .9em Comic Sans MS, Arial, Helvetica, sans-serif;
    	background: #0ed30c;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #CCCCCC;
    }

    .oneColFixCtrHdr #container {
    	width: 995px;  
    	background: #009900; 
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	border: 1px solid #999999;
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
		min-height:530px;
    }

	
	* html #container {
height: 530px; /* hack uniquement interprété par IE Win+Mac*/
}
	
    .oneColFixCtrHdr #header {
	margin-top:5px;
background:url("../images/autres_realisations.jpg") 0 0 no-repeat;
    	padding-top: 5px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
		min-height:280px;
		
    }
		* html #header {
height: 280px; /* hack uniquement interprété par IE Win+Mac*/
}

	
#menuHaut a {
font-size:.8em;
padding: 3px 7px 3px 7px;
color: #FFFFFF;
text-decoration: none;
border: #00CC00 dashed 2px;

}
#menuHaut a:hover {
color: #CCCCCC;
border: #33FF00 dotted 2px;
}

    .oneColFixCtrHdr #mainContent {
    	padding: 20px 20px;
    }
	
		.oneColFixCtrHdr #mainContent h3{
		color:#999999;
	}
	
	.float1 {
margin-top: 30px;
padding:15px;
float: left;
width: 425px;
}
.float1 a{
color:#00FF00;
text-decoration:none;
}
.float1 a:hover{
color: #00CC00;
text-decoration:underline;
}
	.float2 {
margin-top: 30px;
padding:4px;
float: left;
width: 515px;

}
.float2 a{
color:#00FF00;
text-decoration:underline;
}
.float2 a:hover{
color: #00CC00;
text-decoration:none;
}

.float2 img{
border:3px solid #FFFFFF;
	padding:2px;
}
  	.float2 img:hover{
	padding:2px;
border:3px dashed #FFFFFF;
}
  	.float2 td{
			text-align:center;

	padding:0 10px 20px 10px;
}
  	.float2 td:hover{
	background-color: #009900

}
  	.float2 h4{
	text-align:center;
	}
	
#floatGauche {
		padding-top:20px;
	margin-top:20px;
float: left;
width: 460px;
}

#floatGauche a{
margin:0;
font-size:.9em;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#66FF00  }

#floatGauche a:hover{
color: #00FF00
  }
  #floatGauche P{
  padding-left:30px
  }
  	#voirgal img{
border:3px solid #FFFFFF;
}
  	#voirgal img:hover{
border:3px dashed #FFFFFF;
}
    	#voirgal td{
padding:0 5px 20px 5px;	
}

	  	.floatDroite2 {
		text-align:center;
margin-top: 30px;
margin-left:10px;
float: left;
width: 500px;
}
  	.floatDroite2 img{
border:3px solid #FFFFFF;
}
#legende span
		{
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		color: #FFCC00;
			margin: 0 ;
		}
#legende2 span
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:.8em;
		color: #FFF;
			margin: 0 ;
		}
	

.finFloat {
clear: both;
}
  
    .oneColFixCtrHdr #footer {
    	padding: 0 10px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
    }
    .oneColFixCtrHdr #footer p {
	color: #fff;
	text-align:center;
	font-size:.7em;
    	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
	#footer a {
margin: 0;
color: #fff;
text-decoration: none;
}
#footer a:hover {
color: #66FFFF;
text-decoration: underline overline;
}
	#flashinfo a{
padding:10px; background-color:0;color: #fff; text-decoration:none}

#flashinfo a:hover{
color: #66FFFF;}
	
    .oneColFixCtrHdr #container P{
	text-align:justify;
	}