@charset "utf-8";

/* CSS Document */





body{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333; margin:0 0 0 0;

}



#page{ 

	width:1010px; 

	margin:0 auto;

	height:100%;

	

}

/*****************header**********************/





#top{

  width:1000px;

  height:44px;

  background:url(../images/top_blue.jpg) repeat-x;

}



#banner{

	height:179px;

    background:url(../images/ombre_top.jpg) repeat-x top;

}





#menu {

    background:url(../images/menu_blue.jpg) repeat-x bottom;

	height:36px;

}



#etat {

    background:url(../images/ombre_etat.jpg) repeat-x;

	height:36px;

}



#left {

    background:url(../images/ombre_left.jpg) repeat-y top;

	height:auto;

	width:18px;

}



#right {

    background:url(../images/ombre_right.jpg) repeat-y top;

	height:auto;

	width:18px;

}



#footer {

    background:url(../images/footer.jpg) repeat-x top;

	height:53px;

	width:964px;

	font-size:10px;

	color:#0C579B;

}



#footer a {

	color:#0C579B;

	text-decoration:none;

}



#footer a:hover {

	color:#FFFFFF;

	text-decoration:none;

}



#sous_menu{

	 /*background:url(../images/trait_sous_menu.gif) repeat-x center;*/

	 border-bottom:4px solid #66BED4;

	 

}



#actualite{

	 background:url(../images/actualite.gif) no-repeat bottom;

	 height:20px;

	 width:744px;

	 color:#428ed5;

	 font-size:11px;

 }





.blue_clair{

	color:#6cc5d9;

	padding-left:15px;

}



.white{

	color:#FFFFFF;

}



.whitee a{

	color:#FFFFFF;

	text-decoration:none;

	

}



.whitee a:hover{

	color:#e31a29;

	text-decoration:none;

}



.bluee a{

	color:#0C579B;

	text-decoration:none;

	font-weight:bold;

	

}



.bluee a:hover{

	color:#FFFFFF;

	text-decoration:none;

	font-weight:bold;

}

.white a{

	color:#FFFFFF;

	text-decoration:none;

	

}



.white a:hover{

	color:#66BED4;

	text-decoration:none;

}



.bluee{color:#66BED4;}



.blue{

	color:#0C579B;

	font-size:11px;

	padding-left:15px;

	padding-right:10px;

	text-align:justify;

	line-height:14px;

	

}



.blanc{

	color:#FFFFFF;

	font-size:11px;

	padding-left:15px;

	padding-right:10px;

	text-align:justify;

	line-height:16px;

	

}



.red{

	color:#FF0000;



}



.black{

	color:#666666;

	font-size:11px;

	padding-left:20px;

}



.blue a{

	color:#FF0000;

	text-decoration:none;

	

}



.title_activ{

	color:#CC3300;

}



.upercase{

text-transform:uppercase;}



#erreur{

	width:auto;

	height:20px;

	background-color:#FFFF00;

	color:#FF0000;

	border:solid 1px #FF0000;

	padding:14px 0px 6px 38px;

	margin:16px 16px 16px 16px;

	background:url(../images/eror.gif) no-repeat left;

}





#valide{

	width:400px;

	height:20px;

	background-color:#FFFF00;

	color:#009900;

	border:solid 1px #009900;

	padding:14px 0px 6px 38px;

	margin:16px 16px 16px 16px;

	background:url(../images/ok.gif) no-repeat left;

}



.titleBig{

    font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	color:#76CCDD;

	font-weight:bold;

	}

	

.titleBigblue{

    font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	color:#0C579B;

	font-weight:bold;

	padding-left:8px;

	}	

	

.inputnews{

    background-color:#0C579B;

	border:1px solid #FFFFFF;

	color:#FFFFFF;
	
	font-size:11px;
	
	padding-left:3px;
	
	

}

#footer .salon a:hover{color:#339999;}

.newsletter{
     background:url(../images/background.jpg) repeat-x;
	 height:77px;

}

.trait{
	background:url(../images/trait_centrer.jpg) no-repeat right;
	height:401px;
	

}


.titleBigg{

    font-size:20px;

	font-family:Arial, Helvetica, sans-serif;

	color:#76CCDD;


}