/*

	jaune lien : #e9d505;  #feff9a 

	test lien bleu : 0599e6  et survol : 7cd2ff

	orange lien : ffa200

*/



/* ========  GENERAL ========= */



body {	

	height:					100%;

	margin: 		 		0 auto;

	padding: 		 		0;

	text-align:      		center;

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

	font-size: 		  		13px;

	color:					#FFFFFF;

		

	background-color:		#000; /* #151515 = fond gris */

	background-image:		url(images/fond.jpg);

	background-repeat:		no-repeat;

	background-position:	center	top;	

	

	background-attachment:	fixed;		

}



img {

	display: 				inline;

	border:  				none;

	vertical-align: 		bottom;		

}



a img:hover{

	filter : 			alpha(opacity=90);

    -moz-opacity : 		0.9;

    opacity : 			0.9;

}



/* ======== HEADER ========= */



#header {

	margin: 		  	0 auto;

	padding: 		  	0;

	width:				846px;

	height: 		  	111px;

}



#langue{

	float:				right;

	margin: 		  	0 auto;

	padding: 		  	0;

	width:				136px;

	height: 		  	41px;

	

	margin-right:		25px;



	

	background-color:	#2C2C2C;

	filter : 			alpha(opacity=80);

    -moz-opacity : 		0.8;

    opacity : 			0.8; 

	

	-moz-border-radius: 0 0 10px 10px;

	-webkit-border-radius: 0 0 10px 10px;	

	

	line-height:		41px;

}

#langue a, #langue a:visited, #langue a:active{	

	font-size:			13px;

	color:				#FFFFFF;

	text-decoration:	none;	

	

	padding:			15px 15px;

}

#langue a:hover{

	color:				#ff0005;

}



/* ======== MENU ========= */



#menu{

	margin:			  	0 auto;

	padding: 		  	0;

	width:				846px;

	height:				40px;	

	

	/*

	background-color:	#2C2C2C;

	*/

	background-color:#151515;

	

	filter : 			alpha(opacity=95);

	-moz-opacity : 		0.95;

	opacity : 			0.95;	

	

	-moz-border-radius: 10px 10px 0 0;

	-webkit-border-radius: 10px 10px 0 0;

	

} 

#menu a,#menu a:visited,#menu a:active{

	color:				#FFFFFF;

	text-decoration:	none;	

	line-height:		40px;

	font-size:			16px;

	

	padding-right:		20px;

}

#menu a:hover{

	color:				#c70b0e; /*#0599e6;  #7cd2ff; */

}



/* ======== TITRES ========= */

h1, h2, h3{

	margin:				0 auto;

	padding:			0;

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

	font-size: 		  	18px;

	font-variant:		small-caps;

	font-weight:		bold;

}





/* ======== FOOTER ========= */



#footer {

	clear: 			  both;

	text-align: 	  center;

	width: 			  846px;

	margin:			  0 auto;

	padding: 		  0;

	font-size: 		  12px;

	

	padding:	 	  10px 0 10px 0;	

	

	-moz-border-radius: 0 0 10px 10px;

	-webkit-border-radius: 0 0 10px 10px;



	background-color:	#151515;

	

	filter : 			alpha(opacity=90);

    -moz-opacity : 		0.90;

    opacity : 			0.90; 

/*	

	background-color:	#000000;

	

	filter : 			alpha(opacity=80);

    -moz-opacity : 		0.80;

    opacity : 			0.80; 

*/

	

}

#footer a,#footer a:visited,#footer a:active{

	color:				#FFFFFF;

	text-decoration:	none;

	

}

#footer a:hover{

	text-decoration:	underline;

	color:				#c70b0e;

}





/* ========  CONTENU ========= */



#conteneur {

	width: 			  	846px;

	height: 			auto;

	margin:			  	0 auto;

	padding: 		  	0;	

	

	background-color:	#151515;

	

	filter : 			alpha(opacity=90);

    -moz-opacity : 		0.90;

    opacity : 			0.90; 

	/*

	filter : 			alpha(opacity=80);

    -moz-opacity : 		0.80;

    opacity : 			0.80; 

	*/



	text-align: 	  	center;

}

#contenu{

	width: 			  	846px;

	min-height: 		500px;

	margin:			  	0 auto;

	padding: 		  	0;

	

	/*

	background-color:	#43494d;

	filter : 			alpha(opacity=98);

    -moz-opacity : 		0.98;

    opacity : 			0.98; 

	*/

	

	text-align: 	  	left;

}





/* ========  PAGES ========= */



#page{

	margin:			  	0 auto;

	padding: 		  	0;

	width: 			  	706px;

	min-height: 		500px;	

	

	padding:			15px 70px 10px 70px;

}

/* liens page */

/*

	jaune lien : #e9d505;  #feff9a   et survol : 7cd2ff

	test lien bleu : 0599e6  et survol : 7cd2ff

	orange lien : ffa200

*/

#page a, #page a:visited, #page a:active{

	text-decoration:	none;

	color:				#c70b0e;

}

#page a:hover{

	color:				#ff0005;

}



.colonne_droite{

	float:				right;

	

	margin:			  	0 auto;

	padding: 		  	0;

	width:				340px;	

}

.colonne_gauche{

	float:				left;

	

	margin:			  	0 auto;

	padding: 		  	0;

	width:				340px;

}



/*cycle jquery  */

.evenements {  

    padding: 0;  

    margin:  0;  

	text-align: center;	

}