html { 
  padding:0px;
  margin: 0px;
}
body{
	font-size :  13px;
	font-family :Arial, Helvetica, sans-serif ;
	color : 		 #000;
	text-align : center; 
	width : 		 800px;
	margin : 		 0 auto 0 auto;	
	padding : 	 0;
}
#page{
	text-align : left;
	width : 		 800px;
	float : 		 left;
	padding :  0 0 20px 0;
}
img{border : none;}
h1{
	padding : 		0;
	margin :  		0;
	font-size : 	1px;
	text-indent: 	-8000px;
	background:		#fff url('../img/logo.gif') no-repeat top left ; 
	height:				82px;
	width : 			283px;
  float : 			left;
}

h2, h3.haut_cadre{
	padding : 	7px 0 0 30px;
	margin :  	0;
	font-size : 14px;
	color : 		#5B7DA2;
	width : 		152px;
	height : 		29px;/*IE 5*/
	background:	#fff url('../img/bg_h2.gif') no-repeat top left ;
	voice-family : "\"}\"";/*MOZILLA*/
	voice-family : inherit;/*MOZILLA*/
	height : 			 22px;/*MOZILLA*/
}
html>body h2{height:22px;}/*MOZILLA*/

h3{
	padding : 	7px 0 0 30px;
	margin :  	0;
	font-size : 14px;
	color : 		#5B7DA2;
	width : 		152px;
	height : 		29px;
	background:	#fff url('../img/bg_h3.gif') no-repeat top left ;
	voice-family : "\"}\"";/*MOZILLA*/
	voice-family : inherit;/*MOZILLA*/
	height : 			 22px;/*MOZILLA*/
}
html>body h2{height:22px;}/*MOZILLA*/
h3 a {display:block; color:#5B7DA2; text-decoration:none;}
h3 a:hover {color:#fff;}


h2.sup_logo{
	padding : 		0 0 0 0;
	margin :  		40px 0 0 0;
	font-size : 	1px;
	text-indent: 	-8000px;
	background:		#fff url('../img/sup_logoANIM.GIF') no-repeat top left ; 
	height		:	35px;
	width : 		445px;
	float : 		right;
}
p{
	margin : 0;
	padding : 0;
}

#centre_2 p.retour{margin:0;padding:5px 0 0 0;text-align:right;border-bottom:1px solid;}
#centre_2 p.retour a{text-decoration:none;}
#centre_2 p.retour a:hover{text-decoration:none;color:#FAA202;}

hr{display : none;}

ul{
	padding : 5px 0 5px 30px;
	margin : 	0;
	list-style-type : none;
}

ul li {padding:5px 0 0 0; margin:0;}

ul li a {	color:#5B7DA2; text-decoration:none;}
ul li a:hover{color:#fff;}

.cadre, .cadre_2{
	position : 		relative;
	padding : 		0 0 15px 0;
	margin :  		0 0 10px 0;
}

.cadre{width:182px; background :	#E2E2E2 url('../img/bg_div_menu.gif') no-repeat bottom left ;}

.cadre_2{
	padding:   0 0 0 0;
	margin:		 0 0 0 0;
	width:		 189px;
	background:#CCCCCC url('../img/bg_div_menu_2.gif') repeat-y left top;
}

#gauche .cadre_2{
	clear : both;
	float : left;
}

.cadre_2 h2, .cadre_2 h3.haut_cadre_2{
	padding : 	7px 0 0 35px;
	margin :  	0;
	font-size : 14px;
	color : 		#5B7DA2;
	width : 		154px;
	height : 		29px;
	background:	#CCCCCC url('../img/bg_h2_cadre2.gif') no-repeat top left ;
	voice-family : "\"}\"";/*MOZILLA*/
	voice-family : inherit;/*MOZILLA*/
	height : 			 22px;/*MOZILLA*/
}
html>body h2{height:22px;}/*MOZILLA*/

.cadre_2 h3{
	padding : 	0px 0 0 35px;
	margin :  	0;
	font-size : 14px;
	color : 	#5B7DA2;
	width : 	152px;
	height : 	20px;
	background:	#CCCCCC url('../img/bg_h3_cadre2.gif') no-repeat top left ;
	/*border : 1px solid;*/
}

/*.cadre_2 h3.haut_cadre_2{
	padding : 	7px 0 0 30px;
	margin :  	0;
	font-size : 14px;
	color : 	#5B7DA2;
	width : 	188px;
	height : 	22px;
	background:	#fff url('../img/bg_h3_inside_haut_gc.gif') no-repeat top left ;
}*/

#centre_2 dl.contact{padding:0;margin:10px 0 0 0;}
#centre_2 dl.contact dt{padding:0;margin:10px 0 0 0;color:#FAA202;}
#centre_2 dl.contact dd{color:#000;background:none;background-color:#fff;}


.cadre_2 dl{margin:0;padding: 5px 0 0 15px;color:#5B7DA2;}

.cadre_2 dt{padding:0 0 0 10px; margin:0; background-color:#CCCCCC;}

.cadre_2 dt a{
	display : block;
	height : 20px;
	padding:0 0 0 10px; 
	margin:0; 
	background:#CCCCCC url('../img/bg_dt.gif') no-repeat 0% 5px ;
}
.cadre_2 dt a:hover{background:#CCCCCC url('../img/bg_dt.gif') no-repeat 0% 5px ;}

.cadre_2 dd{padding:0 0 0 0px;margin:0;background-image:none;background-color:#CCCCCC;}

.cadre_2 dd a{
	display : block;
	text-decoration: none;
	color:		 #5B7DA2;
	padding :  0 0 0 25px;
 	background:#CCCCCC url('../img/bg_dd.gif') no-repeat 15px 5px;
}                       
.cadre_2 dd a:hover{
	color: 		  #fff;
  background: transparent url('../img/bg_dd.gif') no-repeat 15px 5px;
}

.cadre_bas{width:189px; height:18px; background: #CCCCCC url('../img/bg_div_menu_bas.gif') bottom left no-repeat;}

.active{font-weight : bold;}
#gauche .active{font-weight:bold; color:#fff;}

dl{margin:0;padding: 5px 0 0 15px;color:#5B7DA2;}

dt{padding:0 0 0 0px; margin:0; /*background:#E2E2E2 url('../img/bg_dt.gif') no-repeat 0% 5px ;*/}

dt a{text-decoration:none;color:#5B7DA2;}

dd{padding:0 0 0 20px;margin:0; background:#E2E2E2 url('../img/bg_dd.gif') no-repeat 10px 5px ;}

dd a{text-decoration:none;color:#5B7DA2;}                       
dd a:hover{color: #000;}

.savoir_plus{position:absolute;bottom:2px; left:96px;}
.savoir_plus a{color:#5B7DA2; text-decoration:none; font-size:10px}
.savoir_plus a:hover{color:#fff;}

.formulaire{
	margin:	 0 0 0 0;
	padding: 0;
	background-color:#fff;
	float : left;
}
.formulaire dt{
	margin:	0;
	padding:0 10px 0 0;
	background-image:none;
	background-color : #fff;
	clear : both;
	float : left;
	width : 100px;
	color:	#5B7DA2;
	text-align:right;
}
.formulaire dd{
	margin:  0 2px 2px 0;
	padding: 0;
	background-color: #fff;
	float : left;
}
.formulaire input{
	font-size : 	12px;
	font-family : Arial, Helvetica, sans-serif ;
	color : 			#000;
	border : 			1px solid #5B7DA2;
}

/*.cacher{display:none;}*/

.btn_envoyer{
	border : 1px solid #5B7DA2;
	color :  #5B7DA2;
	background-color : #E6E6E6;
}
#gauche, #droite, #centre{
	padding : 20px 0 0 0 ;
	margin  : 0;
}

#gauche{
	float : left;
}
#centre{
	
	text-align : center;
	color : #5B7DA2;
	float : left;
	width : 430px;
}
#centre_2{
 text-align:left;
 color : 	#5B7DA2;
 float : 	left;
 width : 	390px;
 padding : 	20px 10px 10px 10px;
 margin : 	0 0 0 0;
 /*border:1px solid;*/
}
#centre_2 h2.title{
 padding : 		 0px 0 0 0px;
 margin :  		 0;
 font-size : 	 14px;
 color : 		 #5B7DA2;
 border-bottom : 1px solid #5B7DA2;
 background : 	 none;
 width : 		 390px;
}
#centre_2 p{
 padding : 	  10px 0 0 0px;
 margin :  	  0;
 font-size :  13px;
 color : 	  #000;
 background : none;
 /*width : 	 410px;*/
}
#centre_2 ul{float:left;padding:10px 0 0 10px;margin:0;}
#centre_2 ul li{	
	color : #000;
	background : #fff url('../img/bg_puce_li.gif') no-repeat 0px 7px;
	padding : 0 0 0 10px;
}
#centre_2 a{text-decoration:none; color:#000;}
#centre_2 a:hover{text-decoration:underline;}

span.num{font-size:16px;font-weight:bold;color:#FAA202;}
span.num_small{font-size:13px;font-weight:bold;color:#FAA202;}
span.bleu_gras{font-size:13px;font-weight:bold;color:#5B7DA2;}
span.bleu_norm{font-size:13px;font-weight:normal;color:#5B7DA2;}
span.jaune_gras{font-size:13px;font-weight:bold;color:#FAA202;}
span.jaune_norm{font-size:12px;font-weight:normal;color:#FAA202;}

#droite{float :right;}
#droite a.active{color:#fff;}

#bottom {clear:both;	text-align:center;}

#bottom a {text-decoration:none;color:#9E9E9E;}
#bottom a:hover{text-decoration : underline;}

#bottom p {color : #9E9E9E;}