@charset "utf-8";

@media (min-width: 431px) and (max-width: 892px){

h1 { font-size: 46px; }
h2 { font-family: bellefair; color: rgb(0, 0, 0); font-size: 14pt; margin-top: 0px; text-align: center; float: right; width: 100%; border-top: 1px solid #a09e9f; font-size: 28px; padding-top: 20px; padding-bottom: 20px; font-weight: lighter;} 

body { margin:0; width:100%; max-width: 1300px; overflow-x: hidden; background-color: #292929; background-image: inherit; }
	#chapo2 { z-index: 6; position: fixed; width: 100%; max-width: 1920px; height: 40px; background-color: #2f2f2f; font-family: Verdana; color: white; line-height: 40px; text-align: center; display: none; }
	.text { padding-left: 60px; font-size: 7px; visibility: hidden; }
	#header { z-index: 400; position: fixed; top: 0px; width: 100%; height: 40px; background-color:rgb(31, 30, 37); text-align: right; box-shadow: 0px 0px 0px #A0A0A0; }
	#header.fixed { display: block; z-index: 4000; position: fixed; margin-top: 0px; padding-top: 25px; top: 16px; width: 100%; height: 0px; font-size: 20px; text-align: center; background-color: white; box-shadow: 1px 1px 1px #A0A0A0; }
	#logo_site2 { position: absolute; z-index: 10000; right: 6px; width: 40px; top: -10px; display: none; }
	#logo_mobile { position: absolute; z-index: 10000; right: 7px; width: 105px; top: 0px; display: block; background-color: rgba(22, 21, 25, 1); border-radius: 0px 0px 0px 4px; } 
	/* Slider */
	#slider_1 {display:none;}
	.group_slides {cursor: default;position: relative;top: 0px;left: 0px;width:1960px;height: 500px;overflow: hidden;}
	.img_slider {}
	#main_img {position:fixed;}
	/* Slider mobile */
	#slider_mobile {display:block;position: fixed;margin: 0 auto;left: 0px; top: 0px; width: 500px;height: 374px;font-family: 'Open Sans Condensed', sans-serif;font-size: 80px;z-index: 50;}
	.group_slides {cursor: default;position: relative;top: 0px;left: 0px;width:500px;height: 374px;overflow: hidden;}
	.img_slider {}
	#main_img {position:fixed;}

	/* Main container */
	#main_container { position: relative; width: 100%; background-color: inherit;  z-index: 300; margin-top: 40px; }
		#intro_txt { max-width: 1920px; margin: auto; width: 100%; background-color: inherit; margin-top: -40px; padding-top: 0px; }	
	/* Autres pages */	
	#main_container_pages {z-index: 100;position: relative;width: 100%; /*background-color: white;*/ margin-top: 0px;}	

.tabloicone { display: inline-block;width: 100%; margin: auto; }
.tabloicone_ps_web { margin: auto; text-align: center; }
#line { display: inline-block; width: 85%; float: none; font-family: varela round; font-size: 10pt; }
.line { display: inline-block; width: 85%; float: none; font-family: varela round; font-size: 10pt; }
#titre_creaweb_ps { width: 85%; padding-top: 10px; padding-left: 0px; margin: auto; font-family: quicksand; font-size: 15pt; text-align: center; }
.titre_creaweb_ps { width: 85%; padding-top: 10px; padding-left: 0px; margin: auto; font-family: quicksand; font-size: 15pt; text-align: center; }
.colonne_txt { position: relative; width: 100%; max-width: 100%; margin-bottom: 30px; overflow: hidden; text-align: justify; font-weight: normal; font-size: 13px; font-family: varela round; }
.colonne_icone { position: relative; float: left; width: 100%; margin-bottom: 30px; text-align: center; }
.colonne_icone_ps { position: relative; float: left; width: 100%; margin-bottom: 0px; text-align: center; }
.right_col_actu { position: relative; float: left; width: 85%; max-width: 85%; margin-bottom: 30px; overflow: hidden; text-align: justify; padding-left: 20px; background-color: white; border-left: 1px solid grey; }

.contenu-main-section { width: 100%; border-bottom: none; display: inline-block; padding-bottom: 0px; margin-top: 0;}
	#home-contain-actu { margin: auto; width: 90%; float: none; display: inline-block; text-align: justify; margin-top: 80px;}
	.home-contain-actu { margin: auto; width: 90%; float: none; display: inline-block; text-align: justify; margin-top: 80px;}
		#home-contain-actu iframe {height: auto; width: 100%;}
		.home-contain-actu iframe {height: auto; width: 100%;}		
		#videoo {height: auto; width: 100%;}
	
	#main-section-txt-fixed {
		color: #c3c3c3;
		font-size: 20pt;
		position: fixed;
		text-align: left;
	}		
		#fixed-bckg {
			background-image: url(https://www.eds-avocatmediateur.fr/img/fond-beton3o.jpg);
			background-size: cover;
			height: 100%;
			width: 100%;
			position: relative;
			padding-top: 0px;
			padding-bottom: 250px;
			min-height: 500px;
			z-index: 200;
		}
		
		.name {
		color: rgba(210, 210, 210, 1);
		font-size: 30pt;
		}
		.button {
		position: absolute;
		width: 100%;
		text-align: center;
		bottom: 10px;
		color: white;
		font-size: 14pt;
		opacity: 1;}
		
#corps_txt { overflow: hidden; max-width: 100%; margin: auto; color: #3a3a3a; text-align: justify; font-size: 16px; padding-top: 20px; border: none; width: 100%; background-color: rgba(228, 228, 228, 0.78);}
#corps_txt_noborder { overflow: hidden; max-width: 100%; margin: auto; color: #3a3a3a; text-align: justify; font-size: 16px; padding-top: 20px; border:none; width: 100%; height: auto; }
.corps-txt-home { overflow: hidden; max-width: 100%; margin: auto; color: #3a3a3a; text-align: justify; font-size: 20px; margin-top: 0px; padding: 0; padding-top: 50px; border: none; width: 100%; }
.corps_txt { overflow: hidden; max-width: 100%; margin: auto; color: #3a3a3a; text-align: justify; font-size: 20px; margin-top: 0px; padding: 0; padding-top: 50px; border: none; width: 100%; background-color: rgba(255, 255, 255, 0.92);}
.corps_txt_noborder { overflow: hidden; max-width: 100%; margin: auto; color: #3a3a3a; text-align: justify; font-size: 16px; padding-top: 20px; border:none; width: 100%; height: auto; background-image: inherit;}
#intro_slider { overflow: hidden; max-width: 100%; margin: auto; float: none; }
#slider { width: 85%; margin: auto; }
.troisicones a { background-color: white; text-decoration: none; color: black; display: inline-block; width:100%; float: left; padding-top: 20px; padding-bottom: 20px; }
.troisicones a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; width:100%; float: left; }
#intro { border-radius: 0px; font-family: 'Noticia Text', serif; position: relative; top: 26px; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.52); text-align: center; height: auto; animation-duration: 24s; -webkit-animation-duration: 24s; animation-name: intromove; -webkit-animation-name: intromove; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
#intro2 { margin-top: 0px; background-color: #483A35; text-align: center; height: 80px; line-height: 40px; font-family: 'Noticia Text', serif; font-size: 14px; color: #FFFFFF; }
#zoneicone { max-width: 1920px; margin: auto; font-family: arial; font-size: 12pt; width: 100%;z-index:0; }
.troisicones { overflow: hidden; max-width: 85%; margin: auto; padding-bottom: 100px; }
#troispiliers { margin-top: 40px; text-align: center; }
.troispiliers { margin-top: 40px; text-align: center; }
#troispiliers_parcours { padding-top:60px; text-align: center; }
.tablotest { }
.colonne1 { position: relative; float: left; width: 100%; max-width: 100%; margin-bottom: 0px; overflow: hidden; text-align: center; }
.colonne2 { float: left; width: 100%; max-width: 100%; padding-bottom: 30px; overflow: hidden; font-family: arial; font-size: 15px; }
.img_icone { width: 85%; }
.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; border-bottom : 1px solid #000; 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 { overflow: hidden; max-width: 85%; 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; }
#troispiliers2 { display:inline-block; padding-top: 20px; text-align: center; }
/*ZONE Menu nav*/
#lignemenu { display:none; background-color:white; border-bottom: 1px solid grey; }
.menu_nav { float:left ; width : 100%; margin: auto; text-align: center; background-color: #f0f0f0; }
#zone-menu { width : 75%; margin: auto; padding-top: 0.02%; background-color: white; height : 50px; border-bottom-right-radius:10px; border-bottom-left-radius: 10px; }
.lien_menu { width : 25%; margin: auto; margin-bottom: 4%; float: left; overflow: hidden;}
.zone_txt_menu_nav { width : 85%; height: 30px; background-color: #8E7767;	 margin: auto; padding-top: 13px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; }
.zone_txt_menu_nav:hover { width : 88%; height: 30px; background-color: #1A070B;	 margin: auto; padding-top: 13px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; }
.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: 100%;
    text-align: center;
}	

	
		#sous_container_actu { margin: auto; font-family: arial; font-size: 12pt; width: 100%; z-index: 100; text-align: center; display: inline-block; margin-top: -40px; }
			#zone_actu { display: inline-block; text-align: center; width: 100%; margin: auto; /*background-color: rgb(255, 255, 255);*/ }
.contenu_actu {
    width: 90%;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}
.left_col_actu_detail {
    position: relative;
    float: none;
    width: 100%;
    max-width: 100%;
    font-family: Bellefair;
    margin: auto;
    border: 1px solid grey;
    margin-bottom: 20px;
    text-align: center;
}
.left_col_actu_detail .art_corps {
    background-color: inherit;
    width: 90%;
    max-width: 90%;
    text-decoration: none;
    display: inline-block;
    color: black;
    border: none;
    font-family: times new roman;
    font-size: 14pt;
}
.left_col_actu_detail .art_corps .titre_cat {
    color: #8d8d8d;
    font-weight: normal;
    float: none;
    width: 100%;
}
.left_col_actu_detail .art_corps .date {
    color: #8d8d8d;
    font-weight: normal;
    text-transform: uppercase;
    float: none;
    width: 100%;
}
.left_col_actu_detail .art_corps a {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    display: inline-block;
    color: #c5c5c5;
    overflow-x: hidden;
}
.gnal_navig a {
    width: auto;
    border: none;
    max-width: auto;
    float: right;
    margin-right: 25px;
}
			#titre_actu2 { width: 100%; font-size: 14pt; margin: auto; font-family: bellefair; font-weight: normal; color: #4a4a4a; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px; text-align: center; background-color: white; }		
			/* ACTUALITES */
			.tabloactu { width: 100%; margin: auto; }
.left_col_actu {
    display: inline-block;
    font-family: quicksand;
    padding: 0;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    max-width: 100%;
    margin: auto;
    float: none;
}	
				.left_col_actu-rappel { margin-top: 25px; position: relative; float: left; width: 100%; max-width: 100%; text-align: justify; /* background-color: #f0f0f0; */ font-family: Bellefair; }
			/* MODULE MENU ACTUALITES */
			.module_menu_actualites { display: none; position: fixed; float: none; right: auto; bottom: 0; width: 80%; height: 40px; max-width: 80%; margin-bottom: 30px; overflow-y: scroll; text-align: justify; padding-left: 10px; padding-top: 20px; background-color: #dadada; }
			.module_menu_actualites a { text-decoration: none; display: inline-block; color:black; border-bottom: 1px dotted grey; }
			.module_menu_actualites a:hover { text-decoration: none; display: inline-block; color:grey; border-bottom: 1px dotted grey; background-color: #ededed;	 }
			/* INTRO ACTUALITES LIENS DYNAMIQUES AU SURVOL */
.left_col_actu a {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    display: inline-block;
    color: black;
    border: none;
    background: inherit;
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden;
    float: none;
}
			.left_col_actu a:hover { width: 100%; max-width: 100%; height: auto; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black; margin: auto; text-align: center;margin-bottom: 20px; overflow: hidden; }
.img_ala_une_actu {
    width: 100%;
    float: none;
    margin-right: 0;
    margin: 0;
}
				.left_col_actu-rappel a { font-size: 14pt; width: 100%; max-width: 100%; float: left; padding-left: 0; padding-right: 0; padding-bottom: 20px; text-decoration: none; height: 700px; display: inline-block; color: black; border: 1px solid #d2d2d2; margin-bottom: 20px; text-align: center; overflow-y: hidden; }
				.left_col_actu-rappel a:hover { font-size: 14pt; width: 100%; max-width: 100%; float: left; padding-left: 0; padding-right: 0; padding-bottom: 20px; text-decoration: none; height: 700px; display: inline-block; color: black; border: 1px solid #d2d2d2; margin-bottom: 20px; text-align: center; overflow-y: hidden; }

			/* PARAMETRE ARTICLE INTEGRAL */
			.art_corps {  border: 1px solid #d2d2d2; width: 100%; max-width: 100%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black;  border: 1px solid #d2d2d2;  text-align: center; margin-bottom: 20px;  }
.art_corps h2 {
    font-family: times new roman;
    color: #afafaf;
    margin-top: 0px;
    float: none;
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #adadad;
    padding: 0;
    padding-bottom: 20px;
    font-size: 44px;
    font-weight: lighter;
    text-align: center;
}
				.date { color: #c3c3c3; font-weight: normal; width: 100%; float: none; } 
				.titre_cat { color: #716f6f; font-weight: normal; width: 100%; float: none; } 
.titre_art {
    color: #8f8f8f;
    float: none;
    width: 100%;
    margin-top: 20px;
}
				.titre_parag { font-size: 25px; font-weight: normal; color: #9b7f6e; }
				.art_corps a { border:none; width: 100%; max-width: 100%;}
				.art_corps a:hover { border:none; width: 100%; max-width: 100%; }
.art-txt {
    width: 100%;
    text-align: justify;
    display: inline-block;
    float: none;
    margin-top: 20px;
}
 				.conteneur_video_iframe_fb { float:left;margin-right:5px;width: 99%; 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: 93%; float: left; margin-right: 5px; margin-bottom: 0px; position: absolute; margin-left: 0px; margin-top: 90px; border: none; }
				.img_detailactu {width:100%; height: auto; float:left; padding-bottom:0px; margin-right: 0%;}	
			
/* PARAMETRE REFERENCES */
.img_ala_une_actu_ref { width: 100%; float: left; margin-right: 8px; margin-bottom: 20px; border: none; }
h4 { margin-top: 0px; color: #4801df; text-align: left; float: left; width: 100%; font-family: quicksand; font-size: 23px; padding-bottom: 5px; font-weight: lighter; padding: 0; margin: 0; }
	/* Colonnes */
	.colonne_1_3 { width: 94%; float: left; text-align: justify; padding: 10px; margin-bottom: 50px; }
	.colonne_1_3 a{background-color: #6725f3;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%; }
#voir_aussi { color: grey; }
	.colonne_voiraussi { display: inline-block; float: none; width: 100%; margin-right: 0; border-top: 1px solid lightgrey; padding-top: 10px; margin-top: 20px; margin-bottom: 20px; min-height: auto; }
.corps_link { margin-top: 0px; border-right: 0px solid #cecece; max-width: 47%; min-width: 24%; margin: auto; text-align: center; float: left; }
#citation { text-align: left; display: inline-block; width: 80%; height: 100px; color: #b5b5b5; font-family: bellefair; padding-top: 20px; padding-bottom: 30px; font-size: 22pt; }			
		
/* FORMULES WEB */
.troisformules { overflow: hidden; max-width: 95%; margin:auto; border: 1px solid #d6d6d6; }
.troisformules a { background-color: white; text-decoration: none; color: black; display: inline-block; width:100%; float: left; }
.troisformules a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; width:100%; 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; }
/* BARRE GRISE SUR FOOTER */
#barregrise { background-color:rgb(191, 161, 140); text-align: center; height: 10px; line-height: 10px; font-size: 22px; color: #FFFFFF; }


	/* MODULE FOOTER */
	#footer { font-size: 14pt; position: relative; width: 100%; display: inline-block; background-color: rgba(10, 10, 10, 0.9); height: auto; text-align: center; }
		#contenu_footer { width: 100%; margin: auto; }
		#footer a { color: white; text-decoration: none; display: inline-block; width: 85%; padding-left: 0px; padding-right: 0px; }
		#footer a:hover { background-color: #a58b64; 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: #d4bc9d; font-weight: bold; font-size: 18px; }
		#adressefooter { text-align: center; border: 1px solid #4c4c4c; color: white; width: 45%; float: none; margin-top: 17px; margin-left: 0px; display: inline-block; height: auto; padding-top: 20px; padding-bottom: 20px; }
		#fbfooter { border: 1px solid #4c4c4c; color: white; width: 75%; float: none; margin-top: 50px; margin-left: 0px; display: inline-block; height: auto; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; }
		#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 { text-align: center; color: white; width: 45%; float: none; margin-top: 0px; border: 1px solid #4c4c4c; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; }
		#logofooter { width: 92%; float: none; margin-top: 17px; border: 1px solid #4c4c4c; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; display: inline-block; text-align: center; margin-bottom: 17px; }
		#logofooter_img { position: relative; z-index: 100; width: 60%; padding-top: 20px; padding-bottom: 20px; border: 0; }
		#mentions-footer { display: inline-block; width: 92%; border: 1px solid #4c4c4c; margin-bottom: 17px; padding-top: 20px; padding-bottom: 20px; }
			#mentions-footer a { width: auto; }
		
		
		#mentions_footer { 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 { display: block; color: #8E8E8E; width: 100%; height: 35px; font-family: varela round; font-size: 10px; padding-top: 5px; border-left: 0; border-right: 0; border-bottom: 0; border-top-width: 0; text-align: center; background-color: #171717; }

		
#zone_carousel { width:100%; background-color: #ffffff; border-top: none; padding-bottom: 60px; padding-top: 60px; display: inline-block; margin: auto; }
#carousel { position: relative; width: 100%; margin: 0 auto; }
#buttons a { text-align: center; display: block; font-size: 50px; float: left; outline: 0; margin: 0 20px; color: #6725f3; text-decoration: none; display: block; padding: 0px; width: 35px; }
#zone_separator { width: 95%; margin: auto; }

/* VOTRE EMAIL */
#topactu{ width: 100%; padding-left: 0px; padding-top: 20px; margin-top: 40px; margin-bottom: 40px; float: left; border: 1px solid #6725f3; }
.avis_client { float: left; font-size: 22px; font-family: quicksand; padding-top: 13px; color: #6725f3; }

	/* Nouveau menu mobile 2018 */
	#volet { display:block; height: 100%; font-family: quicksand; z-index: 7000; width: 56%; padding: 10px; background-color: rgba(22, 20, 29, 0.94); color: #fff; position: fixed; left: -65%; top: 0px; -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: 20px; padding: 14px 14px; background: rgb(31, 30, 37); color: #fff; text-decoration: none; position: absolute; right: -52%; top: -8px; -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(0deg); border-radius: 0 0 8px 0px; }
	#volet ul { text-align: center; padding-left: 0; padding-top: 20px; }
	#volet li { list-style-type:none; }
	#volet:target { left: 0; }
	#volet a.fermer { display: none; }
	#volet_clos:target #volet { left: -270px; }
	#volet:target a.ouvrir { display: block; right: -24px; top: -8px; background-color: rgb(23, 21, 30); transform: rotate(0deg); transition: all .15s ease-in; }
	#volet:target a.fermer { color: black; font-size: 22pt; display: block; position: absolute; right: -70%; height: 100%; top: 40px; padding: 5px; width: 67.5%; background-color: rgba(69, 59, 59, 0.15); transition: all .25s ease-in; } 		

#ulul { position: relative; height: auto; width: 150px; text-align: left; z-index: 1000; margin: 0; padding: 0; top: 10px; }
li #ulul { display:none; }
li:hover #ulul { /* Au survol des li du menu on replace les sous menus */ display:block; }
/* FIN NAV */
.btn-bar { max-width: 100%; margin: auto; display: block; position: relative; top: 0; width: 100%; text-align: center; }
#buttons { padding: 0 0 5px 0; float: none; margin: auto; display: inline-block; } 
#bandeau-accueil-nofond {
    width: 100%;
    /* background-image: linear-gradient(#30323e,#241f25); */
    text-align: center;
    display: none;
}
.gnal_navig a {
    width: auto;
    border: none;
    margin: 0;
    color: lightgrey;
    padding: 0;
}
.gnal_navig a:hover {
    width: auto;
    border: none;
    margin: 0;
    color: grey;
    padding: 0;
}
.work {bottom:-80px;}
 
}