@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	
}
		 
body {
	background-color: #FFFFFF;
	color: #3d4e5c;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

a 	{color:#636366;text-decoration:underline}/*bleu par defaut*/
a:hover {color:#ee7e16; text-decoration:underline}
.lienvisiter {font-size: 12px; font-style:italic;font-weight: bold;}
.liensites {color:#017cbc; font-size:11px; font-weight:bold;text-decoration:none}

ul {margin-left:17px;list-style-position: outside;list-style-type: disc;}
p.orange{
	color: #e17a1d;
	font-weight: bold;
}
p.centre{
	text-align:center;
	
}

p.aligne{
	text-align: justify;
	padding-right:20px;
}

img {border:0; vertical-align:middle}
h1  {font-size:12px; font-weight:bold;}
h1.centre{
	text-align:center;
	
}

h2  {font-size:11px; font-weight:bold;}
h2.bleu {color:#017cbc}

/*---------------------------- STRUCTURE DE LA PAGE -----------------------------------------------------------------*/
#margehaut {position: relative;z-index: 500;height: 30px;width: 950px;left: 50%;top: 0px;margin: 0;	margin-left: -480px;background-color: #052d4c;}
	#itemmenu{	position: relative;	left: 20px;	top: 5px;	height: auto;	float: left;}
	
#entete {position: relative;z-index: 1000;height: 190px;width: 950px;left: 50%;top: 0px;margin: 0;margin-left: -480px;background-color: #FFFFFF;}
	#logo {	position: relative;	left: 20px;	top: 10px;height: auto;width: auto;	float: left;}
	#trait_bleu_vert {
	background-color: #abd2fe;
	position: relative;
	left: 50px;
	top: 10px;
	height: 170px;
	width: 6px;
	float: left;
	z-index: 9;
}
	#slogan {
	position: relative;
	left: 64px;
	top: 0px;
	width: 484px;
	height:191px;
	float: left;
	background:url(images/image-fond.gif) no-repeat right top;
	z-index: 10;
}	
	#tel {position:relative;width:400px;height:20px;z-index:5;left:20px;color: #e17a1d;font-style: italic;font-weight: bold;float:left;
	clear: left;top: 0px;}


#container {position: relative;top: 0px;left: 50%;margin-left: -480px;width: 950px;height: inherit;	z-index: 2;}
	#texte{background-color: #e3f0fe;position:relative;top:0;left:0px;width:950px;z-index:3;float:left;overflow:hidden; min-height:420px;
	}
		#colonne1 {position: relative;top: 10px;width: 280px;z-index: 4;float: left;left : 0px;	padding-right: 0px;	padding-left: 22px;
					height: auto;}
		
		#colonne_conditions {position: relative;top: 30px;width: 400px;z-index: 12;float: left;left : 70px; padding-right: 30px;	
					height: auto;}
			
	#texte2{position:relative;top:0;left:0;width:950px;z-index:10;float:left;height: auto;}
		#autre_site{position:relative;top:0;left:0;width:141px;z-index:15;float:left;height: auto;padding:0 0 0 15px;}

#entete_popup { position: relative; top: 20px; width: 300px; z-index: 1;float: left;left : 20%; padding-right: 0px;height: auto;}
#colonne_popup { position: relative; top: 70px; width: 400px; z-index: 1;float: left;left : 20px; padding-right: 0px;height: auto;}

#piedpage { background-color: #000000;position:relative;top:20px; left:50%;margin-left:-480px;width:950px;height:95px;z-index: 20;clear:left} 
	#contacts {position: relative;left: 200px;top: 15px;width: auto;float: left;color: #FFFFFF;padding-right: 30px;}

#trait_bleu_hor{background-color: #abd2fe;position: relative;height: 2px;width: 288px;float:left;top:10px;left:0px;}
#trait_oran_hor{background-color: #ee7e16;position: relative;height: 2px;width: 920px;float:left;top:10px;left:20px;}
#trait_noir_hor{background-color: #000000;position: relative;height: 2px;width: 920px;float:left;top:0px;left:20px;}
#trait_bleu_hor_petit{background-color: #abd2fe;position: relative;height: 1px;width: 141px;float:left;top:10px;left:0px;}
/*----------------------------------------------------classes-----------------------------------------*/
.clearleft				{clear:left;}
.orangeitalic {
	color: #e17a1d;
	font-style: italic;
	font-weight: bold;
}