@charset "utf-8";
body { margin: auto; left: 0; right: 0; width: 100%; overflow-x: hidden; }
#limit_width { width: 100%; max-width: 100%; overflow: hidden; left: 0; right: 0; bottom: 0; margin: auto; padding: 0; } 
#chapo { visibility:hidden; } 
#nousjoindre { display:none; } 
h1 { font-size:24px; font-weight: normal; }
h2 { font-family: 'Tajawal', sans-serif; color: #87a586; font-size: 24px; font-weight: 400; margin: 0 0 10px 0; letter-spacing: -1px; }
h3 { font-family: 'Tajawal', sans-serif; color: #000000; font-size: 25px; font-weight: bold; margin: 0 0 5px 0; letter-spacing: -1px; text-transform: uppercase; }
h4 { font-family: 'Tajawal', sans-serif; margin: 0 0 5px 0; color: #34a0e2; } 
.halfheader_txt { color: #3c7f69; }
.img_fond { position: fixed; max-width: 100%; margin-top: 90px; }
.img_maximebaudin { height: auto; width: 100%; }
.img_txt { float: left; height: auto; width: 40%; margin-right: 10px; }

/* ZONE HEADER */
#header { top: 0px; left: 0px; z-index: 301; position: fixed; padding-top: 10px; width: 100%; height: 100px; font-size: 35px; background-color: white; font-family: 'Tajawal', sans-serif; font-weight: bold; }
#zone_logo { display: block; width: 90%; max-width: 1460px; margin: auto; text-align: center; }
#logomobile { display:none; }
#zone_header { display: inline-block; width: 100%; background-color: #3f544d; text-align: center; font-size: 17px; font-family: arial; height: 40px; margin: auto; position: fixed; margin-top: 110px; z-index: 302; }
#contenu_header { margin:0; display:inline-block; }
#contenu_header li.selected { font-size: bold; background-color: #a1c756; } 
#contenu_header li { list-style-type:none; float:left; color: #FFF; text-decoration: none; width:130px; font-weight: 700; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; background-color: #3f544d; }
#contenu_header li:hover{ color: #FFF; text-decoration: none; width:130px; font-weight: 700; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; background-color: #262626; }
#logo_top { position: relative; top: 2px; left: 0px; }
.imgGauche { float:left; margin-right:20px; }

/* NAV TABLET */
.bt-menu { display:none; }

/* ZONE LOGO PRINCIPAL MILIEU DE PAGE */
#groslogo { position: absolute; width: 400px; background-color: rgba(0, 0, 0, 0.65); z-index: 200; margin: auto; left: 0; right: 0; top: 150px; text-align: center; }

/* SLIDER */
#jssor_1 { position: fixed; margin: 0 auto; top: 0px; left: 0px; z-index: 200; width: 1920px; height: 1200px; font-family: 'Tajawal', sans-serif; font-size: 40px; }
.group_slides {	 cursor: default; position: relative; top: 0px; left: 0px; width:1920px; height: 1200px; overflow: hidden; }

/* CONTENU PRINCIPAL */
#lignelivre { margin-bottom: 20px; display:inline-block; }
#presentation { padding: 20px; text-align: center; font-size: 26px; font-family: 'Tajawal', sans-serif; }
#corps { width: 64%; margin: auto; color: black; display: inline-block; max-width: 1460px; }
#zone_img { width: 100%; display: inline-block; }
.imgLigne { width: 16.66%; height: auto; margin: 0; padding: 0; float: left; }
#main_container { position: relative; width: 100%; background-color: rgba(255, 255, 255, 0.89); z-index: 300; margin-top: 0px; text-align:center; }
#zone_txt_intro { padding-top: 30px; max-width: 1460px; text-align: justify; margin: auto; font-family: 'Tajawal', sans-serif; z-index: 10000; width: 50%; float: left; }
#txt_intro { display: inline-block; color: black; font-size: 18px; }
#zone_txt_actu { padding-top: 30px; max-width:1460px; text-align: justify; margin: auto; font-family: 'Tajawal', sans-serif; z-index: 10000; width: 47%; float: right; }
#txt_actu { display: inline-block; color: black; font-size: 18px; border-left: 1px solid grey; padding-left:10px; }
#img_intro { display: inline-block; width: 50%; float: right; text-align: center; }
.audiotxt{ text-align:left; }
#zone_txt_page { padding-top: 30px; width: 100%; max-width: 1460px; text-align: justify; margin: auto; font-family: 'Tajawal', sans-serif; z-index: 10000; }
#txt_page { display: inline-block; color: black; font-size: 18px; width: 100%; }
.txt_page { display: inline-block; color: black; font-size: 18px; width: 100%; }
.img_page { width: 100%; }
#global_present_accueil { position: relative; z-index: 200; margin-top: 500px; font-family: 'Tajawal', sans-serif; color: white; }

	/* Autres pages */	
	#main_container_pages {z-index: 100;position: relative;width: 100%;background-color: white;margin-top: 0px;}
		/* Actus page principale */
		#sous_container_actu { max-width: 1600px;margin: auto;font-family: arial;font-size: 12pt;width: 100%;z-index: 100; background-color: white;text-align: center;padding-top: 200px;}
			#titre_actu {width: 77%; font-size: 15pt; margin: auto; font-weight: normal; color: #4a4a4a; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px; text-align: center; border-bottom: 1px solid #cecece; }
			#zone_actu {display: inline-block;text-align: center;width: 77%;margin: auto;}
			.contenu_actu {width: 100%;margin: auto;margin-top:20px;}

		/* ACTUALITES */
		.tabloactu {width: 89%;margin: auto;}
		.left_col_actu {position: relative;float: left;width: 65%;max-width: 65%;text-align: justify;background-color: white;font-family: quicksand;}

			/* MODULE MENU ACTUALITES */
			.module_menu_actualites { display: inline-block; float: right; width: 28.5%; max-width: 28.5%; margin-bottom: 30px; overflow: hidden; text-align: justify; padding-left: 20px; padding-top: 40px; background-color: white; font-family: quicksand; font-size:10pt; }
			.module_menu_actualites a { text-decoration: none; display: inline-block; color: black; border-bottom: 0px dotted grey; margin-bottom: 20px; }
			.module_menu_actualites a:hover { text-decoration: none; display: inline-block; color:grey; border-bottom: 0px dotted grey; background-color: #ededed;	 }

			/* INTRO ACTUALITES LIENS DYNAMIQUES AU SURVOL */
			.left_col_actu a { font-size:11pt;width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; text-decoration: none; display: inline-block; color: black; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; }
			.left_col_actu a:hover { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; background-color: #ededed;	 color:grey; border-bottom: 1px dashed grey; border-right: 1px dashed grey;}
			.img_ala_une_actu { width: 50%; float: left; margin-right: 8px;margin-bottom: 20px; border: 1px solid #d2d2d2; }

			/* PARAMETRE ARTICLE INTEGRAL */
			.art_corps { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; text-decoration: none; display: inline-block; color: black; border-right: 1px solid lightgrey; }
			.art_corps a { width: 35%; max-width: 35%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black; border-right: 0px dashed grey; }
			.art_corps a:hover { width: 35%; max-width: 35%; padding-left: 0px; padding-right: 0px; text-decoration: underline; display: inline-block; color: grey; border-right: 0px dashed grey; background-color:unset; }
			.date { color:#2a2a28; font-weight: bold;text-transform: uppercase; }
			.titre_cat { color:#000000; font-weight: normal; }
			.titre_art { color: #8f8f8f; /*border-bottom: 1px dotted #bababa;*/ }
			.titre_parag { font-size: 25px; font-weight: normal; color: #9b7f6e; }
			.art_corps a { border:none; }
			.art_corps a:hover { border:none; }
			.conteneur_video_iframe_fb { float:left;margin-right:5px;width: 60%; position: relative; overflow: hidden; padding-top: 56.25%; }
			.conteneur_video_iframe_fb iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
			.iframevideo { width: 50%; float: left; margin-right: 5px; margin-bottom: 0px; position: absolute; margin-left: 20px; margin-top: 72px; border: none; }
			.img_detailactu {width:50%;max-width: 50%;float:left; padding-bottom:0px; margin-right: 2.5%;}	

			/* Module voir aussi */
			#voiraussi {display: inline-block; padding-top: 20px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
			#voiraussi a {width: 100%;max-width: 100%;}
			.colonne_voiraussi {float:left;width:31%;margin-right:1%;min-height:400px;}
			.p_voiraussi {width:100%;min-height: 180px;max-height: 200px;text-align:center;border:1px solid lightgrey;}
			.img_voiraussi {width: 100%; max-height: 150px; padding-top: 20px; border: none;float: left; margin-right: 8px;margin-bottom: 20px;}
			/* Module social plus */
			#socialplus {width:100%; text-align:center; display: inline-block; padding-top: 20px; margin-bottom:40px;}
			#socialplus a {width: 100%;max-width: 100%;}
			.colonne_socialplus_1_3 {float:left;width:31%;margin-right:1%;}
			.colonne_socialplus_2_3 { float: right; width: 61%; text-align: right; }			
			
	/* Liens */
	a.page_off{ color:white; display:inline-block; line-height: 40px; text-decoration:none; font-family: 'Tajawal', sans-serif; width:100%; }
	a.page_off:hover{ color:white; display:inline-block; line-height: 40px; text-decoration:none; font-family: 'Tajawal', sans-serif; width:100%; }
	a.page_active { color:#b5bbbf; display:inline-block; line-height: 40px; text-decoration:none; padding: 0 25px; font-family: 'Tajawal', sans-serif; width:100%; }
	a.autresactus{ color:white; background-color:#3f544d; width:150px; display:inline-block; line-height: 40px; text-decoration:none; font-family: 'Tajawal', sans-serif; text-align:center; }
	a.autresactus:hover{ color:white;	 background-color:black; width:150px; display:inline-block; line-height: 40px; text-decoration:none; font-family: 'Tajawal', sans-serif; text-align:center; }

	/* FOOTER */
	#zone_footer { position: relative; width: 100%; height: 350px; background-color: #FFF; margin: auto; }
	#contenu_footer { width: 64%; max-width: 1460px; margin: auto; text-align: left; }
	#zone_footer a { color: black; text-decoration: none; display: inline-block; width:75%; /*padding-left: 15px;*/ padding-right: 15px; }
	#zone_footer a:hover { background-color: #272727; color:white; text-decoration:none; display:inline-block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
	.titrefooter { color:#86b727; font-family: 'Tajawal', sans-serif; font-weight: normal; font-size:22px; }
	#adressefooter { color: black; font-family: 'Tajawal', sans-serif; font-size: 20px; width: 25%; float: left; margin-top: 60px; border-right: 1px solid rgba(255, 255, 255, 0.36); height: 200px; }
	#fbfooter { color: black; font-family: 'Tajawal', sans-serif; width: 16%; float: left; margin-top: 60px; border-right: 1px solid rgba(255, 255, 255, 0.36); height: 200px; padding-left: 20px; }
	#fbfooter a {  text-decoration: none; width:25%; padding-left: 15px; padding-right: 15px; }
	#fbfooter a:hover { background-color: inherit; text-decoration:none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
	#planfooter { color: black; font-family: 'Tajawal', sans-serif; font-size: 20px; width: 16%; float: left; margin-top: 60px; height: 200px; padding-left: 20px; }
	#planfooter2 { color: black; font-family: 'Tajawal', sans-serif; font-size: 20px; width: 16%; float: left; margin-top: 60px; height: 200px; padding-left: 20px; }
	#ggmap { float: left; margin-top: 60px; }
	#logofooter { color: black; font-family: 'Tajawal', sans-serif; font-size: 20px; width: 16%; float: left; margin-top: 60px; height: 200px; padding-left: 20px; }
	#mentions_footer { font-family: 'Tajawal', sans-serif; font-size:12px; height:30px; color:grey; text-align:center; background-color: rgba(0, 0, 0, 0.85);  }
	#mentions_footer a { color: #383838; text-decoration: none; padding-left: 15px; padding-right: 15px; }
	#mentions_footer a:hover { color:red; text-decoration:none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
	#third_table { color: #8E8E8E; width: 100%; margin-top: -4px; height: 30px; line-height: 30px; font-size: 12px; border-left: 0; border-right: 0; border-bottom: 0; border-top-width: 0; text-align: center; background-color: #272727; }