@charset "utf-8";

/*Titres*/
h1 { color: rgb(255, 255, 255); font-size: 26px; padding-bottom: 5px; font-weight: normal; }
h2 { color: rgb(165, 160, 143); margin-top: 0px; float: right; width: 100%; border-top: 1px solid #3e3e3e; font-size: 24px; padding-top: 20px; padding-bottom: 20px; font-weight: lighter; } 
h3 {margin-bottom: 0;}
.title {position: absolute; color: #9e998b; border-left: 1px solid #9e998b; padding-left: 20px; font-size: 30pt;}
/*Structure de base*/
	body { width: 100%; overflow-x: hidden; margin: auto; background-color: #e4e4e4;  background-image: url(https://www.eds-avocatmediateur.fr/img/fond-beton3o.jpg); background-size: 100% 100%; background-attachment: fixed;}
	/*Header modele 1 */
	#chapo2 { display:none; border-bottom:1px solid #cecece; position: absolute; width: 100%; left: 0; height: 25px; font-family: varela round; font-size: 8px; color: #000000; line-height: 25px; text-align: center; z-index: 300; background-color: #ffffff; top: 0px;}
	.text {font-size:10px;}	
		#header { position: fixed; display: inline-block; top: 0; z-index: 4000; width: 100%; height: 180px; margin: auto; text-align: center; } 
 		#zone-logo { position: absolute; width: 100%; height:5px; text-align: center; left: 0; top: 37px; z-index: 20000; } 		
		#lignemenu.fixed #zone-logo { position: absolute; width: 100%; text-align: center; left: 0; top: 37px; z-index: 20000; } 
		#contenu-logo { display: inline-block; width: 100%; height: 5px; text-align: center; top: 0px; height: 80px; border-bottom: 1px solid #ffffff40; }
			/* #lignemenu.fixed #contenu-logo { display: inline-block; width: 79%; height: 5px; text-align: left; top: 0px; } */
			#logo_site2 { z-index: 100; width: 600px; height: auto; margin-left: 20px; margin-top: -20px; } 
				/*#lignemenu.fixed #logo_site2 {  width: 90px; height: auto; margin-left: 20px; margin-top: -40px;  } 	*/
				#lignemenu.fixed #iframe { display:none;}
		#logo_mobile {display:none;}	
		#lignemenu { width: 100%; position: fixed; top: 0; }	
		#lignemenu.fixed { margin:auto; background-image: url(https://www.eds-avocatmediateur.fr/img/fond-beton3o.jpg); background-size: 100% 400%; /*background-attachment: fixed;*/ } 				
		#contenu_lignemenu { display: inline-block; margin: auto; height: 40px; line-height: 40px; margin-top: 120px; /*border-bottom: 1px solid rgba(255, 255, 255, 0.30);*/     background-image: linear-gradient(to right, rgba(113, 113, 113, 0),rgba(109, 109, 109, 0.35),rgba(113, 113, 113, 0)); }	
 		#contenu_lignemenu ul {list-style-type: none;margin:0;}
		#contenu_lignemenu li {font-family: Bellefair ;font-size: 14pt;font-weight: normal;overflow: hidden;list-style-type: none;float: left;width: 190px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;}
		/*#contenu_lignemenu li:hover {border-bottom: 2px solid #3c3c42;}*/
		#contenu_lignemenu li.selected {}
		#contenu_lignemenu a {text-decoration:none;}
		#contenu_lignemenu li.selected a {color: #8398a0;}
		
	/* Slider */
		#slider_1 { position: fixed; margin: 0 auto; left: 0px; top: 0px; width: 1960px; height: 900px; font-family: 'Open Sans Condensed', sans-serif; font-size: 80px; z-index: 50; } 		
		.group_slides {cursor: default;position: relative;top: 0px;left: 0px;width:1960px;height: 900px;overflow: hidden;}
		.img_slider {}
		#main_img {position:fixed;}

	/* Slider mobile */
	#slider_mobile {display:none;}
		.group_slides {cursor: default;position: relative;top: 0px;left: 0px;width:1960px;height: 900px;overflow: hidden;}
		.img_slider {}
		#main_img {position:fixed;}
		
	/* Accueil */
	#main_container { z-index: 100; position: relative; width: 100%; font-family: Garamond; margin-top: 0px; } 		
		#bandeau-accueil { width:100%; /*background-image: linear-gradient(#30323e,#241f25);*/ text-align:center;}
		#bandeau-accueil-nofond { width:100%; /*background-image: linear-gradient(#30323e,#241f25);*/ text-align:center;}
		#citation { text-align: left; display: inline-block; width: 80%; height: 100px; color: #b5b5b5; font-family: bellefair; padding-top: 40px; font-size:28pt;} 		
		#intro_txt {font-family: bellefair; margin: auto;width: 100%;padding-top: 30px; margin-top: 0px;}
		#tablo_intro {text-align: center;}
		.zone-main-section {text-align: center;}
			#fixed-bckg { background-image: url(https://www.eds-avocatmediateur.fr/img/fond-beton3o.jpg); background-size: 100% 100%; height: 100%; width: 100%; position: relative; padding-top: 200px; padding-bottom: 250px; min-height: 500px; z-index: 200;}
				#fixed-bckg a { text-decoration: none;}
				#fixed-bckg a:hover { text-decoration: underline;}
			#scroll-section { z-index: 300; background-color: #202024; position: relative; line-height: 36pt;}
			#scroll-section-2 { z-index: 300; background-color: #202024; position: relative; line-height: 36pt;}
 			#scroll-section-nobckg { z-index: 300; position: relative; line-height: 36pt;}
			#main-section-txt-fixed { color: #c3c3c3; font-size: 20pt; position: fixed; width: 80%; opacity: 1; }
				.name {position: absolute; width: 80%; color: rgba(210, 210, 210, 1); font-size: 60pt;}
				.work  { position: absolute; bottom: 20px; }
				.button {position: absolute; width: 100%; text-align: center; bottom: 100px; color: white; font-size: 14pt;}
			.contenu-main-section { width: 69%; display: inline-block; padding-bottom: 90px; margin-top: 0px; } 	
				#home-contain-actu { margin: auto; width: 100%; float: left; display: inline-block; text-align: left; }
				.home-contain-actu { margin: auto; width: 100%; float: left; display: inline-block; text-align: left; }
				#txt {width: 85%;margin: auto;}
				#txt a{background-color: #c1b4a5;text-decoration:none;font-size: 20px;padding-left: 20px;padding-right: 20px;padding-top: 5px;padding-bottom: 5px;color: white;display:inline;}
				#txt a:hover{background-color: violet;text-decoration:none;font-size: 20px;padding-left: 20px;padding-right: 20px;padding-top: 5px;padding-bottom: 5px;color: white;display:inline;}
				.corps-txt-home {overflow: hidden; max-width: 63.3%; width: 63.3%; margin: auto; color: #191919; background-color: rgba(255, 255, 255, 0.38); text-align: justify; float: left; font-size: 17pt; padding-top: 40px; margin-top: 40px; padding-left: 32px; padding-right: 32px; }
				.corps_txt {overflow: hidden; max-width: 63.3%; width: 63.3%; margin: auto; color: #191919; background-color: rgba(255, 255, 255, 0.38); text-align: justify; float: left; font-size: 17pt; padding-top: 40px; margin-top: 60px; padding-left: 32px; padding-right: 32px; }
 				.corps_txt_noborder { overflow: hidden; width: 24%; margin: auto; margin-bottom: 40px; min-width: 280px; min-height: 200px; background-image: linear-gradient(rgba(182, 185, 197, 0.47),rgba(255, 255, 255, 0.2)); color: #afafaf; text-align: justify; /*float: right;*/ font-size: 11pt; }
				.txt {width: 85%;margin: auto;}
				.txt a { background-color: #3c3c3c /*#9a8a52*/; text-decoration: none; font-size: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; color: white; display: inline-block; width: 95%; text-align: center; }
				.txt a:hover{ background-color: grey/*#9a8a52*/; text-decoration: none; font-size: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; color: white; display: inline-block; width: 95%; text-align: center;	 }
				.corps_link { margin-top: -60px; border-right: 0px solid #cecece; float: left; max-width: 24%; min-width: 24%; margin: auto; text-align: center; float: left; }		

				/* Separator */
				#zone_separator {width:84%;margin:auto; max-width: 1600px;}
				#separator1{width: 100%;border-top: 1px solid #cecece;margin: auto;}				
				
		/* Topactu */
		#topactu { text-align: justify; width: 100%; padding-top: 20px; margin-bottom: 40px; float: left; } 		
		#topactu h2 { margin-top: 0px; color: #9a9a9a; text-align: left; float: left; width: 100%; border-bottom: 1px solid #888888; font-family: quicksand; font-size: 23px; padding-bottom: 5px; font-weight: lighter; }
		#topactu .img_ala_une_actu {width:100%; border: 1px solid #191919;}
		#topactu a {color: white;}
		#topactu a:hover {text-decoration:underline;}
		.title-top-actu { color: #ababab; margin-left: 20px; font-weight: normal; font-size: 24pt; } 		

	/* Carousel */
		#zone_carousel {    width: 49.7%;float: right;z-index: 100;position: relative;    padding-top: 30px;}
		#carousel {position: relative;width:80%;margin:0 auto;}
		.avis_client{float: left;font-size: 30px;font-family: quicksand;padding-top: 25px;color: #4e25f3;}
		#slides {overflow: hidden;position: relative;width: 100%;height: 200px;}
		#slides ul {list-style: none;width:100%;height:200px;margin: 0;padding: 0;position: relative;}
		#slides li {width:100%;height:200px;float:left;text-align: center;position: relative;font-family:quicksand;}
		/* Styling for prev and next buttons */
		.btn-bar{max-width: 259px;margin: 0 auto;display: block;position: relative;top: 0px;width: 100%;}
		#buttons {padding:0 0 25px 0;float:right;}
		#buttons a {text-align:center;display:block;float:left;font-size:50px;outline:0;margin:0 0px;color: #4e25f3;text-decoration:none;display:block;padding:9px;width:35px;}
		a#prev:hover, a#next:hover {color:#4e25f3;text-shadow:.5px 0px #b14943;  }
		.quote-phrase, .quote-author {font-family:sans-serif;font-weight:300;display: table-cell;vertical-align: middle;padding: 5px 20px;font-family:quicksand;}
		.quote-phrase {height:40px;font-size:20px;color:#4e25f3;text-shadow:.5px 0px black;}
		.quote-marks {font-size:18px;padding:0 3px 3px;position:inherit;}
		.quote-author {font-style:normal;font-size:18px;color:balck;font-weight:400;height:40px;}
		.quoteContainer, .authorContainer {display: table;width: 100%;}
						
	/* Autres pages */	
	#main_container_pages { z-index: 100; text-align: center; position: relative; width: 100%; padding-top: 70px; }
		#sous_container_actu { margin: auto; font-family: arial; font-size: 12pt; width: 69%; z-index: 100; text-align: center; display: inline-block; margin-top: 30px; } 			
		#titre_actu { width: 100%; font-size: 28pt; margin: auto; font-family: bellefair; font-weight: normal; color: #4a4a4a; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px; text-align: left; background-color: #f0f0f0; }			 			
		#titre_actu2 { width: 100%; font-size: 14pt; margin: auto; font-family: bellefair; font-weight: normal; color: #9e9e9e; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px; text-align: center; /*background-color: #f0f0f0;*/ margin-top: 80px; }
 		/*.grostitre{ padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #2c2c2a; } 		
		*/#zone_actu { display: inline-block; text-align: center; width: 100%; margin: auto; /*background-color: rgb(240, 240, 240);*/ } 			
			.contenu_actu {width: 100%;margin: auto;margin-top:20px;}

		/* ACTUALITES */
		.tabloactu {width: 89%;margin: auto;}	
			.txt-container {display: inline-block; text-align: justify; width: 70%;font-family: 'Open Sans', sans-serif;}
			/* MODULE MENU ACTUALITES */
			.module_menu_actualites { display: inline-block; float: right; width: 24.5%; max-width: 24.5%; margin-bottom: 30px; overflow: hidden; text-align: justify; padding: 10px; padding-top: 40px; background-color: rgba(255, 255, 255, 0.11); font-family: quicksand; font-size: 10pt; margin-top: 17px; }  			 			
			.module_menu_actualites a { text-decoration: none; display: inline-block; color: #9c9c9c; border-bottom: 0px dotted grey; margin-bottom: 20px; width: 100%;}
			.module_menu_actualites a:hover { text-decoration: none; display: inline-block; color:grey; border-bottom: 0px dotted grey; background-color: #ededed;	 }
			.module_menu_actualites .date { color: #7f94a0; font-weight: normal; text-transform: uppercase; float: left; width: 90%; }
			.module_menu_actualites .titre_cat { color: #c3c3c3; font-weight: normal; float: left; width: 90%; } 
			.module_menu_actualites .titre_art { float: left; width: 90%; color: #bfbfbf; } 
			/* INTRO ACTUALITES LIENS DYNAMIQUES AU SURVOL */
			.left_col_actu { /*margin-top: 290px;*/ position: relative; float: left; width: 73%; max-width: 73%; text-align: justify; /*background-color: #f0f0f0;*/ font-family: Bellefair; } 
			.left_col_actu a { font-size: 14pt; width: 90%; max-width: 90%; float: left; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; text-decoration: none; height: auto; display: inline-block; color: #f3f3f3; overflow-y: hidden; margin-bottom: 20px; } 
			.left_col_actu a:hover { width: 90%; max-width: 90%; float: left; padding-left: 20px; padding-right: 20px; color: grey; height: auto; } 
				.left_col_actu_detail { /*margin-top: 290px;*/ position: relative; float: left; width: 100%; max-width: 100%; text-align: justify; /*background-color: #f0f0f0;*/ font-family: Bellefair; } 
				.left_col_actu_detail a {font-size: 14pt; width: 43%; max-width: 43%; float: left; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; text-decoration: none; height: 700px; display: inline-block; color: black; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; overflow-y: hidden; }
				.left_col_actu_detail a:hover { width: 43%; max-width: 43%; float: left; padding-left: 20px; padding-right: 20px; background-color: #ededed;	 color:grey;}
			.img_ala_une_actu { width: 30%; float: left; margin-right: 8px;margin-bottom: 20px; border: 1px solid #d2d2d2; margin-top: -70px; }

			.left_col_actu-rappel { margin-top: 40px; position: relative; float: left; width: 100%; max-width: 100%; text-align: justify; /*background-color: #f0f0f0;*/ font-family: Bellefair; } 
			.left_col_actu-rappel a {font-size: 14pt; width: 43%; max-width: 43%; float: left; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; text-decoration: none; height: 700px; display: inline-block; color: black; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; overflow-y: hidden; }
			.left_col_actu-rappel a:hover { width: 43%; max-width: 43%; float: left; padding-left: 20px; padding-right: 20px; background-color: #ededed;	 color:grey;}
			/* PARAMETRE ARTICLE INTEGRAL */
			.art_corps { background-color: rgba(255, 255, 255, 0.11); width: 92%; max-width: 92%; padding-left: 20px; padding-right: 20px; text-decoration: none; display: inline-block; color: black; border-right: 0px solid lightgrey;font-family: times new roman; font-size: 14pt; }
			.art_corps a { width: 35%; max-width: 35%; height: auto; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: #cecece; border-right: 0px dashed grey; overflow-x: hidden;}
			.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; }
			.art_corps h2 { font-family: times new roman; color: #d0d0d0; margin-top: 0px; float: right; width: 100%; border-top: none; border-bottom: 1px solid #d2d2d2; padding: 0; font-size: 34px; font-weight: lighter; text-align: left; padding-bottom: 30px; } 		
			.date { color: #bb9e8c; font-weight: normal; text-transform: uppercase; float: right; width: 47%; }
			.titre_cat { color: #c3c3c3; font-weight: normal; float: right; width: 21%; }
			.titre_art { float: right; width: 67%; }
 			.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: 30%; position: relative; overflow: hidden; padding-top: 56%; margin-top: -65px; margin-bottom: 30px;}
			.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%;}	
			.art-txt { float: right; width: 67%; color: #d4d4d4;}
			.art-txt .art_corps a:hover { float: right; width: 67%; color: #989898;}
			.corps_txt_actu {margin-top: 220px;}
			.gnal_navig a { width: auto; border: none; float: none; margin: 0; padding: 0; font-size: 12pt; }
			.gnal_navig a:hover { width: auto; border: none; float: none; margin: 0; padding: 0; font-size: 12pt; color: grey; }

			.left_col_actu_detail .art_corps { background-color: inherit; width: 100%; max-width: 100%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black; border-right: 0px solid lightgrey;font-family: times new roman; font-size: 14pt; }	
			.left_col_actu_detail .art_corps .titre_cat { color: #c3c3c3; font-weight: normal; float: right; width: 67%; }
			.left_col_actu_detail .art_corps .date { color: #bb9e8c; font-weight: normal; text-transform: uppercase; float: right; width: 67%; }
			.left_col_actu_detail .art_corps a { width: 29%; max-width: 29%; height: auto; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: #c5c5c5; overflow-x: hidden; margin-top: -60px; }	
			.left_col_actu_detail .art_corps .img_ala_une_actu { width: 100%; float: left; margin-right: 8px; margin-bottom: 20px; border: 1px solid #d2d2d2; margin-top: 0; }		

			#voiraussi .colonne_voiraussi .titre_cat { color: #c3c3c3; font-weight: normal; float: inherit; width: 67%; }
			#voiraussi .colonne_voiraussi .titre_art { float: left; width: 100%; }

			
			/* Module prestations LIEN COLONNE MaJ 26092017 */
			.troisicones {overflow: hidden;max-width: 90%;margin:auto;padding-bottom: 100px;}		
			.troisicones a {background-color: white;text-decoration: none;color: black;display: inline-block;width: 24.9%;float: left;padding-bottom: 20px;}
			.troisicones a:hover {background-color:#eeeeee;color: grey;display: inline-block;width:24.9%;float: left;}
			.colonne_icone {width: 100%;float: left;text-align: center;}
			.img_icone {background-color:#ffffff;position: relative;overflow: hidden;max-width: 85%;margin:auto;z-index:2;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
			.img_icone:hover{background-color:#ba60da;}
			#titre_creaweb {width:100%;margin:auto;font-family: quicksand;font-size:10pt;    max-width: 1600px;}
			.titre_creaweb {width:100%;margin:auto;font-family: quicksand;font-size:10pt;}
			.paracorps {width: 85%;text-align: justify;margin: auto;color: grey;}

		/* Colonnes */
		.colonne_1_3 {width: 30.6%; float:left; text-align: justify; padding: 10px;}
		.colonne_1_3 a{background-color: #4e25f3;color: white; padding: 10px; text-decoration: none;}
		.colonne_1_3 a:hover{background-color: black;color: white; padding: 10px; text-decoration: none;}
		.colonne_2_3 {display:block;width: 67%; float:right; text-align: center;}
		.colonne_2_3_video {display:block;width: 67%; float:right; text-align: center;}
		.colonne_2_3_videomobile {display:none;}
				.title_colonne { color: #000000; width: 100%; text-align: center; display: inline-block; font-size: 20px; }
				.main_img { width:100%; }
			
		/* Module voir aussi */
		#voiraussi {display: inline-block; width: 100%; 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:95%;margin-right:1%;min-height:400px;}
		.p_voiraussi {width:99%;min-height: 180px;max-height: 250px;text-align:center;border:1px solid lightgrey;}
		.img_voiraussi {width: 100%; max-height: 400px; /*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; }

	/* BARRE GRISE SUR FOOTER */
	#barregrise { display:none;position:relative; background-color: rgb(193, 180, 165); text-align: center; height: 10px; line-height: 10px; font-family: 'Noticia Text', serif; font-size: 22px; color: #FFFFFF; z-index: 100; }
	/* MODULE FOOTER */
	#footer { font-family: Bellefair; color: #e4e4e4; font-size: 16pt; position: relative; width: 100%; display: inline-block; /*background-image: linear-gradient(#30323e,#241f25);*/ z-index: 100; } 	
	#contenu_footer { width:69%; margin:auto;max-width:1600px; }
	#contenu_footer a { color: #e4e4e4; text-decoration: none; display: inline-block; width:75%; padding-left: 15px; padding-right: 15px; border: none; }
	#contenu_footer a:hover { background-color: #4e5050; 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:#AFAFAF; font-weight:bold; font-size:18px; }
	#adressefooter { width:25%; float:left; text-align: left; margin-top: 20px; margin-left: 0px; display:inline-block; height: 200px; }
	#fbfooter { width: 25%; float: left; margin-top: 20px; border-right: 1px solid rgba(255, 255, 255, 0.36); display: inline-block; padding-left: 20px; border-left: 1px solid rgba(255, 255, 255, 0.36); }
	#fbfooter a {  text-decoration: none; width:75%; 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 { width: 20%; float: left; margin-top: 20px; display: inline-block; padding-left: 20px; text-align: left; border-left: 1px solid grey; } 	
	#logofooter { width: 21%; float: right; text-align: right; margin-top: 20px; }
	#logofooter_img { position: relative; z-index: 100; width: 70%; border: 0; }
	#mentions-footer { padding-top: 60px; width: 100%; display: inline-block; text-align: center; font-size: 12pt; color: #595d71; }
		#mentions-footer a { width: auto; color: #6b6056; }
	
	#mentions_footer { font-size:12px; height:30px; color:grey; text-align:center; background-color: rgba(0, 0, 0, 0.85);  }
	#mentions_footer a { color:grey; 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: #4a4a4a; width: 100%; height: 40px; background-color: #171419; border-left: 0; border-right: 0; border-bottom: 0; border-top: 0; text-align: center; margin-top: -4px; padding: 0; }
 	#third_table a { width: 100px; text-decoration: none; color: #CCC; border:none; }
	#third_table a:hover { width: 100px; text-decoration: none; color: white; border:none; }
			
			
			
			
			
				#creaweb {width: 100%;margin:auto;height:150px;background-color:whitesmoke;}
				.tabloicone_ps {display: inline-block;margin-bottom: 100px;}
				.widthtabloicone{width: 80%;margin:auto;}
				.tabloicone_ps_web {display: inline-block;margin-bottom: 100px;width: 80%;font-family: varela round;}
				.tablo_item {padding-top: 100px;height: 700px;text-align: center;}
				#line {height: auto;width: 47%;float: left;font-size: 10pt;display: inline-block;text-align: justify;padding: 8px;font-family: quicksand;}
				.line {height: auto;width: 47%;float: left;font-size: 10pt;display: inline-block;text-align: justify;padding: 8px;font-family: quicksand;}
				#right_colonne {width:300px;}

				/* ZONE LES TROIS SUR PAGE DACCUEIL */

				.troisicones_ps {overflow: hidden;max-width: 90%;margin:auto;}
				.colonne_icone_ps {position: relative;float: left;width: 33.3%;margin-bottom: 30px;text-align: center;}
				.img_icone {width:85%;}

				/* FIN ZONE LES TROIS SUR PAGE DACCUEIL */
				.troisicones_ps {overflow: hidden;max-width: 40%;margin:auto;}
				.colonne_txt {position:relative;width: 100%;max-width: 100%;margin-bottom: 30px;/*overflow: hidden;*/text-align:left;font-weight:normal;}
				#titre_creaweb_ps {width: 80%; margin: auto; font-family: varela round; font-weight: normal; color: #4a4a4a; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px; text-align: center; border-bottom: 1px solid #cecece; }
				.titre_creaweb_ps {width: 50%;margin: auto;font-family: varela round;font-size: 14pt;font-weight: normal;color: #4a4a4a;padding-top: 20px;padding-bottom: 20px;margin-bottom: 0px;text-align: center;border-bottom: 1px solid #cecece;}
				#troispiliers {display: inline-block;text-align: center;width: 90%;margin: auto;}
				#troispiliers2 {display: inline-block;padding-top: 20px;text-align: center;}
				#troispiliers_parcours {padding-top:60px;text-align: center;}
				.tablotest {width: 100%;margin: auto;margin-top: 40px;}
				.portfolio {width: 94.5%;margin: auto;border: 1px solid #c1c1c1;margin-bottom: 40px;}
				.colonne1 {	position:relative;float: left;width: 33.33%;max-width: 33.33%;margin-bottom: 30px;overflow: hidden;text-align:center;}
				.colonne2 {float: left;width: 100%;max-width: 100%;padding-bottom: 30px;overflow: hidden;font-family: arial;font-size: 15px;}
				.annee {width: 95%;font-family: verdana;font-size: 200%;color: #846B5B;text-align : left;margin-left : 2%;}
				.explain {width: 95%;font-family: arial;font-size: 90%;	text-align : justify;margin: auto;margin-bottom : 3%}
				.explain2 {width: 95%;font-family: arial;font-size: 90%;	text-align : justify;margin: auto;border-bottom : 0px solid #000;margin-bottom : 3%}
				.troisvignettes {position: relative;overflow: hidden;max-width: 85%;margin:auto;z-index:2;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
				.troisvignettes:hover{opacity:0;}
				.troisvignettes_holo{overflow: hidden;position: absolute;left: 0;right: 0;width: 100%;max-width: 84%;margin:auto;}
				.vignette {overflow: hidden;max-width: 100%;transition:all 1s ease;}
				.vignette:target {width: 200%;}
				.troisvignettes .carretest {overflow: hidden;position: absolute;top:0;left:-400%;height:100%;background-color:#84BCFF;;-moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;z-index: 6;opacity: 0.6;}
				.troisvignettes:hover .carretest {overflow: hidden; 	position: absolute; 	top:0; 	left:7.5%; 	width : 42.5%; 	-moz-transition: all .6s;     -webkit-transition: all .6s;     -o-transition: all .6s;     transition: all .6s;  }
				.troisvignettes .carretest_droite {overflow: hidden; 	position: absolute; 	top:0; 	right:-400%; 	height:100%; 	background-color:#84BCFF;; 	-moz-transition: all .6s;     -webkit-transition: all .6s;     -o-transition: all .6s;     transition: all .6s; 	z-index: 6; 	opacity: 0.6;  }
				.troisvignettes:hover .carretest_droite {overflow: hidden; 	position: absolute; 	top:0; 	right:7.5%; 	width : 42.6%; 	-moz-transition: all .6s;     -webkit-transition: all .6s;     -o-transition: all .6s;     transition: all .6s;  }
				.troisvignettes .resize {font-family: verdana; 	font-size: 400%; 	overflow: hidden; 	position: absolute; 	padding-top: 2%; 	top:20%; 	right:-1000%; 	height:50%; 	width : 85%;  	color: white; 	-moz-transition: all 1.0s;     -webkit-transition: all 1.0s;     -o-transition: all 1.0s;     transition: all 1.0s; 	z-index: 6; 	opacity: 0.95;  }
				.troisvignettes:hover .resize {overflow: hidden; 	position: absolute; 	padding-top: 2%; 	top:20%; 	right:7.5%; 	width : 85%; 	color: white; 	-moz-transition: all 1.0s;     -webkit-transition: all 1.0s;     -o-transition: all 1.0s;     transition: all 1.0s;  }

				/* FORMULES WEB */
				.troisformules { overflow: hidden; max-width: 85%; margin: auto; border: 1px solid #d6d6d6; }
				.troisformules a { background-color: white; text-decoration: none; color: black; display: inline-block; width:25%; float: left; }
				.troisformules a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; width:25%; float: left; }
				.colonne_formuleL { width: 99.5%; border-right: 1px solid #d6d6d6; float: left; text-align: center; padding-bottom: 40px; }
				.colonne_formule { width: 99.5%; float: left; text-align: center; padding-bottom: 40px; }
				.colonne_formuleR { width: 99.5%; float: left; text-align: center; background-color: #eaeaea; padding-bottom: 40px; border: 1px solid violet; }
				.h2 { font-family: quicksand; color: #9b8c81; padding-bottom: 5px; font-weight: lighter; display: block; font-size: 2em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
				.h2b { font-family: quicksand; color: #9c27b0; padding-bottom: 5px; font-weight: lighter; display: block; font-size: 2em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
				.intituleun{ font-size: 20px; font-weight: bold; }
				.intituledeux { font-size: 30px; color: #d8b480; padding-bottom: 20px; border-bottom: 1px solid #cecece; width: 99.5%; display: inline-block; }
				.packref { width: 100%; display: inline-block; background-color: #9C27B0; font-size: 20px; font-weight: bold; text-align: center; color: white; }
				.packref2 { width: 100%; display: inline-block; background-color: #bdbdbd; font-size: 20px; font-weight: bold; text-align: center; color: white; }
				.prixbarre { text-align: center; width: 100%; display: inline-block; }
				.price { width:100%; display:inline-block; font-size:45px; text-align:center; }
				.button_preorder { border-radius: 8px 8px 8px 8px; width: 70%; display: inline-block; padding-top: 5px; padding-bottom: 5px; background-color: #d8b785; }

				#voirformules { width: 100%; border-top: 1px solid #c1b4a5; border-bottom: 1px solid #c1b4a5; padding-top: 80px; padding-bottom: 80px; font-size: 40px; color: white; font-family: quicksand; background-color: #736c66; }
				.new { font-size:50px; color: #d4b280; }
				#voirformules a{ background-color: #c1b4a5; text-decoration:none; font-size: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; color: white; display:inline; }
				#voirformules a:hover{ background-color: violet; text-decoration:none; font-size: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; color: white; display:inline; }

				/* MENU DEROULANT */
				#menu-deroulant, #menu-deroulant ul { padding: 0; margin: 0; list-style: none; }
				#menu-deroulant { /* on centre le menu dans la page */ text-align: center; }
				#menu-deroulant li { /* on place les liens du menu horizontalement */ display: inline-block; }
				#menu-deroulant ul li { /* on enlève ce comportement pour les liens du sous menu */ display: inherit; float: left; width: 130px; margin-right: 50%; background-color: #e8e8e8; text-align: center; }
				#menu-deroulant a { text-decoration: none; display: block; color: #c3c3c3; }
				#menu-deroulant a:hover { text-decoration: none; display: block; color: #989284; }								
				#menu-deroulant ul { position: absolute; /* on cache les sous menus complètement sur la gauche */ left: -999em; text-align: left; z-index: 1000; }
				#menu-deroulant li:hover ul { /* Au survol des li du menu on replace les sous menus */ left: auto; }

	/* Nouveau menu mobile 2018 */
#volet {display: block; height: 300px; font-family: quicksand; z-index: 7000; width: 100%; background-color: rgba(22, 20, 29, 0.94); color: #fff; position: fixed; top: -300px; -webkit-transition: all .5s ease-in; transition: all .25s ease-in;}	
	#volet a { color: white; text-decoration: none; line-height: 30px; height: 40px; display: inline-block; margin-bottom: 10px; }
	#volet ul li a:focus { color: white; text-decoration: none; line-height: 40px; height: 40px; width:100%; display: inline-block; margin-bottom: 10px; background-color:grey; }
	#volet a.ouvrir {height: 15px; padding: 14px 14px; background: rgb(120, 123, 107); color: #fff; text-decoration: none; position: absolute; right: 48.1%; top: 100%; -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(0deg); }
	#volet ul { text-align: center; padding-left: 0; padding-top: 20px; }
	#volet li { list-style-type:none; }
	#volet:target { top: 0; }
	#volet a.fermer { display: none; }
	#volet_clos:target #volet { top: -2500px; }
	#volet:target a.ouvrir { display: block; right: 48.1%; top: 100%; background-color: rgb(24, 22, 30); transform: rotate(0deg); transition: all .15s ease-in;}
	#volet:target a.fermer { color: black; font-size: 22pt; display: block; position: absolute; right: 10px; height: 100%; top: 100%; padding: 5px; width: 67.5%; /*background-color: rgba(69, 59, 59, 0.15);*/ transition: all .25s ease-in; } 		


				/* GG SPEED */
				.ggspeed {font-size:10pt;}
				.ggspeed_note {font-weight:bold;color:#009a2d;}
				/* Glob ambassador */
				#spark { width: 100%; margin: auto; text-align: center; display: inline-block; background-color: #dadadc; font-family: varela round; padding-top:20px; padding-bottom:20px; }
				#contenu_spark { width: 70%; margin: auto; }
				#spark_left { float: left; width: 45%; text-align: justify; padding: 10px; margin: auto; }
				#spark_right{ float: right; width: 45%; text-align:right; }
				#ggform { width:100%; margin:auto; text-align:center; }
				#ggform_iframe { max-width: 100%; }
				.affich_tbl_img_apercu { width:100%; }
				
				
				/* Animations *
					.corps_txt { left: 100%; opacity:0; animation: masuperanimationtxt 3s; animation-delay: 0.5s;  } 
						@-webkit-keyframes masuperanimationtxt {
							0% { transform: translateX(200px) ; opacity: 0; left: 0; }
							/*50% { transform: translateX(100px) ; opacity: 0.5; }*
							100% { transform: translateX(0px) ; opacity: 1; left: 0; /*rotate(0deg);* }
						}
						@keyframes masuperanimationtxt {
							0% { transform: translateX(200px) ; opacity: 0;		left: 0; }
							/*50% { transform: translateX(100px) ; opacity: 0.5; }*
							100% { transform: translateX(0px) ; opacity: 1;		left: 0; /*rotate(0deg);* }
						}*/

				/* voir slider		
						.anime-name { left: 100%; opacity:0; animation: masuperanimation 8s; animation-delay: 1s; }
						@-webkit-keyframes masuperanimation {
							0% { transform: translateX(200px) ; opacity: 0; left: 0; }
							20% { transform: translateX(0px) ; opacity: 1; left: 0;}
							100% { transform: translateX(0px) ; opacity: 1; left: 0; /*rotate(0deg);* }
						}		
						@keyframes masuperanimation {
							0% { transform: translateX(200px) ; opacity: 0; left: 0; }
							20% { transform: translateX(0px) ; opacity: 1; left: 0;}
							100% { transform: translateX(0px) ; opacity: 1; left: 0; /*rotate(0deg);* }
						}

					.anime-statut { right: 100%; opacity:0; animation: masuperanimationst 8s; animation-delay: 1s; }
						@-webkit-keyframes masuperanimationst {
							0% { transform: translateX(-200px) ; opacity: 0; left: 0; }
							20% { transform: translateX(0px) ; opacity: 1; left: 0; }
							100% { transform: translateX(0px) ; opacity: 1; left: 0; /*rotate(0deg);* }
						}
						@keyframes masuperanimationst {
							0% { transform: translateX(-200px) ; opacity: 0; left: 0; }
							20% { transform: translateX(0px) ; opacity: 1; left: 0;}
							100% { transform: translateX(0px) ; opacity: 1;	left: 0; /*rotate(0deg);* }
						}*/
						
					.art_corps {
					  -webkit-animation: masuperanimbottom   1.5s ; /* Safari 4+ */
					  -moz-animation:    masuperanimbottom   1.5s ; /* Fx 5+ */
					  -o-animation:      masuperanimbottom   1.5s ; /* Opera 12+ */
					  animation:         masuperanimbottom   1.5s ; /* IE 10+, Fx 29+ */
					}
							
						@-webkit-keyframes masuperanimbottom   {
						  0%   { opacity: 0; transform: translateY(100px);}
						  100% { opacity: 1; transform: translateY(0px);}
						}
						@-moz-keyframes masuperanimbottom    {
						  0%   { opacity: 0; transform: translateY(100px);}
						  100% { opacity: 1; transform: translateY(0px);}
						}
						@-o-keyframes masuperanimbottom    {
						  0%   { opacity: 0; transform: translateY(100px);}
						  100% { opacity: 1; transform: translateY(0px);}
						}
						@keyframes masuperanimbottom   {
						  0%   { opacity: 0; transform: translateY(100px);}
						  100% { opacity: 1; transform: translateY(0px);}
						}
						
					.name {
					  -webkit-animation: masuperanim2  1.5s ; /* Safari 4+ */
					  -moz-animation:    masuperanim2  1.5s ; /* Fx 5+ */
					  -o-animation:      masuperanim2  1.5s ; /* Opera 12+ */
					  animation:         masuperanim2  1.5s ; /* IE 10+, Fx 29+ */
					}
							
						@-webkit-keyframes masuperanim2  {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}
						@-moz-keyframes masuperanim2   {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}
						@-o-keyframes masuperanim2    {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}
						@keyframes masuperanim2  {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}

					.title {
					  -webkit-animation: masuperanim2b  1.5s ; /* Safari 4+ */
					  -moz-animation:    masuperanim2b  1.5s ; /* Fx 5+ */
					  -o-animation:      masuperanim2b  1.5s ; /* Opera 12+ */
					  animation:         masuperanim2b  1.5s ; /* IE 10+, Fx 29+ */
					  -webkit-animation-delay: 3s;
					  animation-delay: 3s;
					}
							
						@-webkit-keyframes masuperanim2b  {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}
						@-moz-keyframes masuperanim2b   {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}
						@-o-keyframes masuperanim2b    {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}
						@keyframes masuperanim2b  {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}
						
					.work{
					  -webkit-animation: masuperanim3  1.5s ; /* Safari 4+ */
					  -moz-animation:    masuperanim3  1.5s ; /* Fx 5+ */
					  -o-animation:      masuperanim3  1.5s ; /* Opera 12+ */
					  animation:         masuperanim3  1.5s ; /* IE 10+, Fx 29+ */
					}
							
						@-webkit-keyframes masuperanim3  {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}
						@-moz-keyframes masuperanim3   {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}
						@-o-keyframes masuperanim3    {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}
						@keyframes masuperanim3  {
						  0%   { opacity: 0; transform: translateX(100px);}
						  100% { opacity: 1; transform: translateX(0px);}
						}

						
					.button{
					  -webkit-animation: masuperanim4  1.5s ; /* Safari 4+ */
					  -moz-animation:    masuperanim4  1.5s ; /* Fx 5+ */
					  -o-animation:      masuperanim4  1.5s ; /* Opera 12+ */
					  animation:         masuperanim4  1.5s ; /* IE 10+, Fx 29+ */
					  
						-webkit-animation-iteration-count: infinite;
								-moz-animation-iteration-count: infinite;
								 -ms-animation-iteration-count: infinite;
								  -o-animation-iteration-count: infinite;
									 animation-iteration-count: infinite;
					}
							
						@-webkit-keyframes masuperanim4  {
						  0%   { transform: translateY(0px);}
						  50%  { transform: translateY(10px);}
						  100% { transform: translateY(0px);}
						}
						@-moz-keyframes masuperanim4   {
						  0%   { transform: translateY(0px);}
						  50%  { transform: translateY(10px);}
						  100% { transform: translateY(0px);}
						}
						@-o-keyframes masuperanim4    {
						  0%   { transform: translateY(0px);}
						  50%  { transform: translateY(10px);}
						  100% { transform: translateY(0px);}
						}
						@keyframes masuperanim4  {
						  0%   { transform: translateY(0px);}
						  50%  { transform: translateY(10px);}
						  100% { transform: translateY(0px);}
						}