@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;}

/*---------------------------- BALISES MAJEURES ----------------------------------------------------------------*/
a 	{color:#1d1c1e;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-weight:bold;text-decoration:none}
.lientestez{color:#e17a1d; font-size:12px; font-weight:bold;}

p {text-align: justify;}
p.orange{color: #e17a1d;font-weight: bold;}
p.centre{text-align:center;}

tr.droite {text-align:right; padding-right:20px}
img {border:0; vertical-align:middle}

select {height:18px;background-color:white; border:solid #e17a1d 1px; font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif; padding-top:0px;padding-left:5px;color:#3d4e5c;}

ul {margin-left:10px;list-style-position: outside;list-style-type: disc;line-height: 16px;text-align: justify;}
ul.discvide {
	margin-left:30px;
	list-style: empty;
}
ul.MenuBarHorizontal{margin: 0;	padding: 0;	list-style-type: none;	font-size: 100%;cursor: default;}
ul.MenuBarHorizontal li{margin-right: 3px;padding: 0px 0px 0px 2px;list-style-type: none;font-size: 12px;position: relative;cursor: pointer;float: left;width:150px;}
ul.MenuBarHorizontal a {display: block;	cursor: pointer;background-color: #052d4c;color: #ffffff;text-decoration: none;font-variant:small-caps;font-weight:bold;text-align:center;}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, li.MenuBarHorizontalOn a{background-color: #FFF;color: #052d4c;height:30px;}

h1  {font-size:12px; font-weight:bold;}
h1.centre{text-align:center;}
h1.orange {color: #e17a1d;}
h2  {font-size:11px; font-weight:bold;}
h2.bleu {color:#017cbc}


input.inputLogin	{width:200px;height:17px;padding-left:10px;color:#FFFFFF;font-size:12px;background-color: #000000;
	font-weight:bold;padding-top:3px;}
input.inputInscri	{width:250px;height:17px;padding-left:10px;background-color: #FFFFFF;font-size:12px;color: #3d4e5c;padding-top:3px;}

/*---------------------------- 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: 577px;
	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:250px;
	}
		#colonne1 {position: relative;top: 10px;width: 280px;z-index: 4;float: left;left : 0px;	padding-right: 0px;	padding-left: 22px;
					height: auto;}
		#colonne2 {position: relative;top: 30px;width: 800px;z-index: 4;float: left;left : 70px; padding-left: 5px;
					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 20px;}

#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;}
.bleuitalic, .orangeitalic {font-style: italic;}
.orangeitalic, .bleuitalic, .gras18px, .gras15px{font-weight: bold;}
.orangeitalic  {color: #e17a1d;}
.bleuitalic {color: #0e76b8;}	
.blanc {color: #FFFFFF;}
.gras18px	{font-variant:small-caps; font-size:18px; }	 
.gras15px	{font-variant:small-caps; font-size:15px; }
.fondbleu {background-color:#e3f0fe;} 
.bleufonce{background-color:#052d4c;}
.bleumoyen{background-color:#017cbc;} 
.ligne{background-color:#D2DEEB;}
.motdepasse {
	width:180px;
	float: left;
	text-align: left;
}
.p10{font-size: 10px;}