@charset "utf-8";

@media (max-width: 430px) {
@charset "utf-8";
/*Titres*/
h1 {font-size: 16px;color: black;padding-bottom: 5px;font-weight: lighter;}
h2 {font-size: 28px;color: #9b8c81;padding-bottom: 5px;font-weight: lighter;}
h3 {font-size: 18pt;color:#bd5e5f;}
h4{font-size: 16pt; color: #3d89ca; text-decoration: underline; }
.menuword { float: left; margin-left: 60px; margin-top: 3px; color: white; }

/*Structure de base*/
body {font-family: 'Spectral', serif; width: 100%; max-width: 1920px; overflow-x: hidden; margin: auto; background-color: white;}
#limit_width { width:100%; overflow:hidden; left:0; right:0; bottom:0; margin:0; padding:0;}
#logotop { position:fixed; top:0; left:20px; z-index:2;}
#main_logo{top:0;position: absolute;width: 100%;height:120px;}
#chapo2 {display:none;font-family: 'Spectral SC', serif;position: absolute;width: 100%;height: 25px;font-size:8.5pt;;color:#5f5f5f;font-weight: bold;line-height: 25px;text-align: center;z-index: 300;background-color: #d8d8d8;top: 120px;}
.text {font-size:12px;}

#zonelogo { display: none; width: 20%; float: left; } 
#logotitre { color: #422c16; float: left; font-size: 26pt; width: 100%; text-align: center; line-height: 30px; padding-top: 45px; }
.telephone { color: #75726e; font-size: 11pt; font-family: arial; } 
#gratuit {float: right;padding: 10px;margin-top: 40px;;font-size: 20px;border: 1px solid #d4d4d4;color: #8e877e;width: 20%;text-align: center;border-radius: 10px 1px;}
/*Header*/
#header {position:relative;font-family: 'Spectral SC', serif;display: none;z-index: 400;/*top: 520px;*/width: 100%;margin:auto;height: 46px;line-height: 20px;font-size: 20px;text-align: center;background-image: linear-gradient(#717171,#2f2f2f);border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
#header.fixed {display:none;z-index:4000;position:fixed;margin-top: 0px;top:0px;width:100%;height:46px;line-height:20px;font-size: 20px;text-align:center;background-color:white;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
#float_lmnt1 {width: 100%;margin: auto;background-color: white;height: 120px;}
#float_lmnt2 {position:absolute;width: 100%;margin: auto;height: 150px;top:140px;z-index:1000;}
#logo_site2 {position: relative;z-index: 100;width: 100px;float: left;margin-top: 10px;margin-right: 150px;}
#logo_site3 {position: relative;z-index: 1000;width: 105px;padding-top: 21%;}
#logo_mobile {display:none;}
#lignemenu {width: 100%;max-width: 1440px;margin:auto;}
#contenu_lignemenu {width:100%;display: inline-block;margin: auto;height: 30px;line-height: 30px;}
#contenu_lignemenu ul {list-style-type: none;margin:0;}
#contenu_lignemenu li {color: grey;font-size: 9pt;font-weight: normal;overflow: hidden;list-style-type: none;float: left;width: 9.8%;height:25px;line-height: 16px;padding-top: 0px;padding-bottom: 7px;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 {color: #FF9800;}
#contenu_lignemenu li.selected {/*background-color: #ba60da;*/ }
#contenu_lignemenu a {text-decoration:none;}
#contenu_lignemenu li.selected a {color: #FF9800;}
.lien_menu {width : 25%;margin: auto;margin-bottom: 4%;float: left;overflow: hidden;}

#index_title{ font-size: 16pt; font-weight: bold; border: 1px solid #adadad; border-radius: 50px; }
#txt_cptce { width: 88%; float: left; margin: auto; margin-left: 2.5%; text-align: center; border: 0; margin-bottom: 30px; padding: 3%; padding-bottom: 0px; background-color: white; color: #565656; border-radius: 4px; } 
#txt_cptce  a{ text-decoration: none; color: #9f8d81; }
#txt_cptce  a:hover{ text-decoration: none; color: #FF9800; }

#volet {display:none; }
#txt_cptce:hover #volet {display:block;font-size:10pt; position: absolute; background-color: #e0e0e0; padding: 3%;     margin-left: -3.2%; margin-top: -1.86px; max-width: 88%; border-left: 1px solid #b7b0a7; border-right: 1px solid #b7b0a7; border-bottom: 1px solid #b7b0a7; }
.titre_cptce { font-size: 15px; color: #9b8c81; padding-bottom: 5px; font-weight: lighter; }

#zone_adhesion { position: relative; text-align: right; right: 250px; bottom: 50px; z-index: 2000;margin-top: -30px;}
#contenu_adhesion { width: 17%; right: 0; display: inline-block; text-align: center; color: white; background-image: linear-gradient(#ffae3f, #ca6b27); border-radius: 10px 10px 0px 0px; line-height: 46px; height: 46px; font-size: 15px; }
.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;}
#logo_topleft {z-index:4000;position:absolute;left: 20px;top: 63px;}
.menu_nav {float:left ;width : 100%;margin: auto;text-align: center;background-color: #f0f0f0;}
/* 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;border-left: 1px solid #808080;margin-top: 7px;}
#menu-deroulant ul li {/* on enlève ce comportement pour les liens du sous menu */display: inherit;margin-top: 0px;float: left;width: 100%;max-width: 140px;margin-right: 50%;background-color:#464646;text-align: center;border-left: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;}
/*#menu-deroulant a {text-decoration: none;display: block;color: #ffffff;height: 22px;font-weight: bold;}
*/
#menu-deroulant a { display: inline-block; width: 100%; height: 40px; text-decoration: none; color: #ffffff; font-weight: bold; }
#menu-deroulant a:hover { display: inline-block; width: 100%; height: 40px; text-decoration: none; color: #FF9800; font-weight: bold; }
#menu-deroulant ul { margin-top: -8px; border-top: 1px solid #d4d4d4;position: absolute;/* on cache les sous menus complètement sur la gauche */left: -999em;text-align: left;z-index: 1000;width:9.8%;max-width:135px;}
#menu-deroulant li:hover ul {/* Au survol des li du menu on replace les sous menus */left: auto;}

#liadhesion a { display: inline-block; width: 100%; height: 40px; text-decoration: none; color: #ffffff; font-weight: bold; }
#liadhesion a:hover { display: inline-block; width: 100%; height: 40px; text-decoration: none; color: grey; font-weight: bold; }
/*niv 2*/
#menu-deroulant ul li ul {/* Au survol des ul li du menu on replace les sous sous menus */display:none;left: 101%;top:-8px;}
#menu-deroulant ul li:hover ul {/* Au survol des ul li du menu on replace les sous sous menus */display:block;left: 101%;top:-8px;width:100%;}
.oneword {padding-top:8px;margin-bottom:-8px;}
/* Slider */
#jssor_1 {position: relative;margin: 0 auto;left: 0px;width: 1960px;height: 400px;font-size: 80px;z-index: 50;}
.group_slides {cursor: default;position: relative;top: 0px;left: 0px;width:1960px;height: 400px;overflow: hidden;}
.img_slider {}
#main_img {position:fixed;}
/* Slider mobile */
#jssor_mobile {display:none;}
/*Main container*/
#main_container {z-index: 100;position: relative;width: 100%;background-color: white;margin-top: 120px;}
#main_container_pages { z-index: 400; position: relative; width: 100%; background-color: white; margin-top: 120px; }

.tabloicone {width: 80%;margin: auto;margin-top:20px;}
/*Intro txt*/
#intro_txt {max-width: 1440px;margin: auto;width: 100%;padding-top: 30px;}
#tablo_intro {text-align: center;margin: auto;width: 98%;}
#soustablo_intro {position:relative;width: 100%;display: inline-block;padding-bottom: 30px;}
#txt_cptce a{text-decoration:none;color:grey;}
#txt_cptce a:hover{text-decoration:none;color:brown;}
.img_cptce{ width:100%; }
/*#col_left { margin-top:96px; border-radius: 4px; min-height: 1200px; display: inline-block; overflow: hidden; width: 20%; color: white; text-align: center; float: left;	 font-size: 13pt; padding-top: 40px; }*/ 	

#col_left {display:none;}
#corps_contenu, #corps_contenu:before {  }
#corps_contenu { display: inline-block; overflow: hidden; width: 100%; color: black; text-align: center; float: left;	 font-size: 13pt; }
#corps_contenu:before { content: ''; position: absolute; top: 0; bottom: 20px; z-index: -1; left: 0; background-color: #b7b0a7; border-radius: 4px; }

#col_right {display:none;}

#corps_form, #corps_form:before {  }
#corps_form { display: inline-block; overflow: hidden; width: 59.72%; color: black; text-align: center; float: left;	 font-size: 13pt; }
#corps_form:before { content: ''; position: absolute; top: 0; bottom: 20px; z-index: -1; left: 0; background-color: #b7b0a7; border-radius: 4px; }

	
#col_left_contenu {width:85%;margin:auto;}
.col_left_onglet {border: 1px solid white; border-radius: 5px 5px 5px 5px;}
.col_left_onglet a { width: 100%; text-decoration: none; color: white; display: inline-block;border-radius: 5px 5px 5px 5px;background-color: #b7b0a7;}
.col_left_onglet a:hover{ width: 100%; text-decoration: none; color: #FF9800; display: inline-block;border-radius: 5px 5px 5px 5px;background-color: white;}
#corps_txt {overflow: hidden;width: 100%;margin: auto;color: black;text-align: center;float: left; font-size: 13pt;padding-bottom: 40px;}
#corps_txt iframe { width: 100%;}
/*#col_right {margin-top:96px;border-radius: 4px;overflow: hidden;width: 20%;color: white;text-align: center;float: right;border-right: 1px solid #cecece;background-color: #b7b0a7;font-size: 13pt;padding-top: 40px; min-height: 1200px;display: inline-block;}*/
#col_right_contenu {width:85%;margin:auto;}
.col_right_onglet_adhesion { border-radius: 5px 5px 5px 5px; }
.col_right_onglet_adhesion a {border: 1px solid #ffa23f;width: 100%; text-decoration: none; color: white; display: inline-block;border-radius: 5px 5px 5px 5px;color: #ff9250; background-color: #ffffff; line-height: 18px; padding-top: 10px; padding-bottom: 10px;}
.col_right_onglet_adhesion a:hover {border: 1px solid white;text-decoration:none; color: #ffffff; background-color: #cabba7;}
.col_right_onglet { border: 1px solid white; border-radius: 5px 5px 5px 5px; }

#corps_form { overflow: hidden; width: 100%; margin: auto; color: black; text-align: inherit; float: left; font-size: 13pt; padding-bottom: 40px; } 
.categorie {font-size: 15pt; width: 87%; margin: auto; text-align: center; line-height: 24pt;}
.titre_section { font-size: 24pt; color: #b58f5f; } 
.contenu_form { display: inherit; width: 87%; margin: auto; font-family: spectral; border: 1px solid #b7b0a7; padding: 20px 20px 30px 20px; background-color: #e0e0e0; border-radius: 4px; }
#txt_form { width: 87%; margin: auto; text-align: center; border: 1px solid #b7b0a7; margin-bottom: 30px; padding: 0; padding-top: 20px; padding-bottom: 20px; background-color: #e0e0e0; color: #565656; border-radius: 4px; } 
#zone_liens_rappels { width: 87%; margin: auto; text-align: center; margin-bottom: 30px; padding-left: 0px; padding-right: 0px; padding-top: 3px; height: auto; display: inline-block; line-height: 25px; font-size: 10pt; background-image: linear-gradient(#717171,#2f2f2f); border: 1px solid #b7b0a7; border-radius: 4px; } 
.liens_rappels_section { border-right: 1px solid #b7b0a7; float: left; width: 24%; display: inline-block; margin-right: 1%; }
.liens_rappels_section_right { float: left; width: 24%; display: inline-block; }
#zone_liens_rappels a { font-family: spectral; text-decoration: none; display: block; color: #bfbfbf; width: 49%; float: left; border-right: 0; }
#zone_liens_rappels  a:hover {font-family:spectral;text-decoration: none;display: block;color:#ceb08b;}
#zone_liens_rappels ul {list-style-type: none;margin:0;padding: 0;}
#zone_liens_rappels li.selected a {color: #ceb08b;border-right: 0;float: left;width: 49%;}

#zone_liens_adhesion { background-image: linear-gradient(#ffa23f,#f5820b); width: 87%; margin: auto; display: inline-block; text-align: center; margin-bottom: 30px; padding-left: 0px; padding-right: 0px; padding-top: 3px; height: auto; line-height: 25px; font-size: 10pt; border: 1px solid #e87f11; border-radius: 4px; }
#zone_liens_adhesion a { font-family: spectral; text-decoration: none; display: block; color: #e6e6e6; width: 24%; float: left; border-right: 1px solid #e87f11; }
#zone_liens_adhesion  a:hover {font-family:spectral;text-decoration: none;display: block;color:#bf3932;}
#zone_liens_adhesion ul { list-style-type: none; margin: 0; padding: 0; }
#zone_liens_adhesion li.selected a {color: #862a07;border-right: 1px solid #e87f11;float: left;width: 24%;}

#zone_liens_rappels_interet { width: 87%; display: inline-block; margin: auto; text-align: center; margin-bottom: 30px; padding-top: 20px; padding-left: 0px; padding-right: 0px; height: auto; line-height: 11px; font-size: 10pt; background-image: linear-gradient(#717171,#2f2f2f); border: 1px solid #b7b0a7; border-radius: 4px; } 
#zone_liens_rappels_interet a { font-family: spectral; text-decoration: none; display: block; color: #bfbfbf; width: 45%; float: left; margin-bottom: 40px; border-right: 0; margin-top: 4px; } 
#zone_liens_rappels_interet  a:hover {font-family:spectral;text-decoration: none;display: block;color:#ceb08b;}
#zone_liens_rappels_interet ul {list-style-type: none;margin:0;}
#zone_liens_rappels_interet li.selected a {color: #ceb08b;border-right: 0;float: left;width: 45%;}
.oneword_rappel {padding-top:4px;margin-bottom:-8px;}
/*#corps_contenu { overflow: hidden; width: 59.72%; margin: auto; color: black; text-align: left; float: left; font-size: 13pt; padding-bottom: 5px; }*/
#txt_contenu { width: 87%; margin: auto; text-align: justify; border: 1px solid #b7b0a7; margin-bottom: 30px; padding-left: 7px; padding-right: 7px; padding-bottom: 20px; background-color: #e0e0e0; color: #565656; border-radius: 4px; } 
.txt_contenu { width: 87%; margin: auto; text-align: justify; border: 1px solid #b7b0a7; margin-bottom: 30px; padding-left: 7px; padding-right: 7px; padding-bottom: 20px; background-color: #e0e0e0; color: #565656; border-radius: 4px; } 
.intro_contenu {display:block;text-align:center;}
.img_contenu { float: left; margin-left: 0px; width: 100%; margin-bottom: 20px; }
.linepb { width: 100%; display: inline-block; border-bottom: 1px solid #c5c5c5; padding-top: 40px; padding-bottom: 40px; } 
.colonnepb_img{ float: left; width: 100%; } 
.colonnepb_txt { float: right; width: 100%; font-size: 11pt; padding-bottom: 40px; }
.img_contenu_votrepb {width:100%;}

#zone_liens_rappels_missions { width: 87%; margin: auto; text-align: center; margin-bottom: 30px; padding-left: 20px; padding-right: 20px; height: 40px; line-height: 11px; font-size: 10pt; background-image: linear-gradient(#717171,#2f2f2f); border: 1px solid #b7b0a7; border-radius: 4px; }
#zone_liens_rappels_missions a { font-family: spectral; text-decoration: none; display: block; color: #bfbfbf; width: 100%; float: left; margin-top: 4px;}
#zone_liens_rappels_missions  a:hover {font-family:spectral;text-decoration: none;display: block;color:#ceb08b;}
#zone_liens_rappels_missions ul {list-style-type: none;margin:0;}
#zone_liens_rappels_missions li.selected a {color: #ceb08b;border-right: 1px solid #b7b0a7;float: left;width: 100%;}
/* MENU DEROULANT */
#menu-deroulant_missions, #menu-deroulant ul {padding: 0;list-style: none;}
#menu-deroulant_missions {/* on centre le menu dans la page */text-align:left;}
#menu-deroulant_missions li {/* on place les liens du menu horizontalement */display: inline-block;height:30px;line-height:30px;}
#menu-deroulant_missions ul li { display: inherit; margin-top: 0px; float: left; width: 200%; text-align: left; margin-right: 50%; background-color: #2f2f2f; padding-left: 20px; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; }
#menu-deroulant_missions a {text-decoration: none;display: block;color: #ffffff;height: 22px;font-weight: bold;}
#menu-deroulant_missions a:hover {text-decoration: none;display: block;color:#FF9800;height: 22px;}
#menu-deroulant_missions ul { margin-top: 8px; position: absolute;/* on cache les sous menus complètement sur la gauche */left: -999em;text-align: left;z-index: 1000;width:38%;max-width:140px;}
#menu-deroulant_missions li:hover ul {/* Au survol des li du menu on replace les sous menus */left: auto;}
.oneword_missions {margin-bottom:-10px;}

#zone_liens_rappels_missions_bas { width: 87%; margin: auto; text-align: center; margin-bottom: 30px; padding-left: 20px; padding-right: 20px; display:inline-block; line-height: 11px; font-size: 10pt; }
#zone_liens_rappels_missions_bas a { font-family: spectral; text-decoration: none; display: block; height: 40px; color: #bfbfbf; width: 46%; float: left; border: 1px solid grey; border-bottom: 1px solid grey; padding-top: 20px; margin: 1.3%; background-color: grey; }
#zone_liens_rappels_missions_bas  a:hover {font-family:spectral;text-decoration: none;display: block;color:#ceb08b;}
#zone_liens_rappels_missions_bas ul {list-style-type: none;margin:0;}
#zone_liens_rappels_missions_bas li.selected a {color: #ceb08b;border-right: 1px solid #b7b0a7;float: left;width: 100%;}


.contenu_form_col_left { width: 50%; float: left; text-align: left; border-right: 1px solid #b7b0a7; margin-right: 5%; } 
.champ_txt_col_left { width: 79%;}
#email2 {width: 79%;}
#objet {width: 80.5%;}
#how {width:100%;}
.champ_txt_col_left_red { width: 79%;border: 1px solid red;}
.contenu_form_col_right {width:40%;float:right;text-align:left;}
.champ_txt_col_right { width: 98%;}
.contenu_form_bottom_middle {position:relative;top:30px;width:100%;text-align:left;}
.valid_button{width: 100%;text-align: center;display: inline-block;}
.valid_input {width: 20%;height: 40px;font-size: 15pt;font-family: spectral;color: #565656;}

#corps_txt_noborder {overflow: hidden;width: 24%;margin: auto;color: black;text-align: justify;float: left;height: 10em;font-size:13pt;padding-bottom: 40px;}
#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;}
#intro_slider {overflow: hidden;max-width: 66.6%;margin: auto;}
#slider {width:90.1%;margin:auto;}
#intro2 {display:none;background-color: #483A35;text-align: center;height: 80px;line-height: 30px;font-size: 20px;color: #FFFFFF;/*display: inline-block;*/width: 100%;}
#intro2 a {text-decoration:none;color:white;}
#intro2 a:hover {text-decoration:none;color:#F1F1F1;}
.introtablo {width:100%;margin:auto;}

/* LIEN COLONNE MaJ 26092017 */
.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;}

.img_icone {background-color:#2d2d2d;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;}

.colonne_icone {width: 100%;float: left;text-align: center;}
#titre_creaweb {width:100%;margin:auto;font-size:10pt;}
.paracorps {width: 85%;text-align: justify;margin: auto;color: grey;}
#creaweb {width: 100%;margin:auto;height:150px;background-color:whitesmoke;}
#zoneicone {max-width: 1920px;margin: auto;font-size: 12pt;width: 100%;z-index: 100;position: relative;background-color: white;text-align: center;padding-top: 30px;}
#zoneicone_admin {max-width: 1920px;margin: auto;font-size: 12pt;width: 100%;display: inline-block;padding: 20px;}
.tabloicone_ps {display: inline-block;margin-bottom: 100px;}
.widthtabloicone{width: 80%;margin:auto;}
.tabloicone_ps_web {display: inline-block;margin-bottom: 100px;width: 80%;}
.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;}
#right_colonne {width:300px;}
/* ZONE LES TROIS SUR PAGE DACCUEIL */
.troisicones {overflow: hidden;max-width: 90%;margin:auto;padding-bottom: 100px;}
.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: 70%;margin: auto;font-size: 14pt;font-weight: normal;color: #4a4a4a;padding-top: 20px;padding-bottom: 20px;text-align: center;border-bottom: 1px solid #cecece;}
#troispiliers {display: inline-block;text-align: center;width: 80%;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-size: 15px;}
.annee {width: 95%;font-size: 200%;color: #846B5B;text-align : left;margin-left : 2%;}
.explain {width: 95%;font-size: 90%;	text-align : justify;margin: auto;margin-bottom : 3%}
.explain2 {width: 95%;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: 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-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; }

			/* ACTUALITES */
			.tabloactu { width: 100%; margin: auto; }
			.left_col_actu { text-align: justify; font-family: quicksand; padding: 10px; padding-right: 10px; padding-left: 10px; width: 94%; max-width: 94%; }
			/* 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%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black; border-bottom: 1px dotted grey; border-right: 0px dotted grey; }
			.left_col_actu a:hover { width: 100%; max-width: 100%; padding-left: 0px; padding-right: 0px; text-decoration:underline; color:grey; border-bottom: 1px dotted grey; border-right: 0px dotted grey; } 
			.img_ala_une_actu{ width: 100%; float: left; margin-right: 20px; }
			/* PARAMETRE ARTICLE INTEGRAL */
			.art_corps { width: 100%; max-width: 100%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black; border: none; }
			.date { color:#2a2a28; font-weight: normal; }
			.titre_cat { color:#7b00ec; 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: 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%;max-width: 50%;float:left; padding-bottom:0px; margin-right: 0%;}	

			.colonne_voiraussi { float: left; width: 99%; margin-right: 0; border-top: 1px solid grey; padding-top: 10px; 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; }			
						

/* 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; }

/* BARRE GRISE SUR FOOTER */
#barregrise { 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 ENGAGEMENTS */
#zone_engagements { font-family: spectral; position: relative; width: 100%; display: inline-block; background-color: #ffffff; color: #585858; margin-bottom:80px; }
#contenu_engagements{ max-width: 1440px; width: 97%; margin: auto; }
#contenu_engagements a { color: white; text-decoration: none; display: inline-block; width: 75%; border: none; }
#contenu_engagements a:hover { color:orange; 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; }
.colonne_engagements { width: 47%; margin-bottom: 40px; padding: 1%; float: left; text-align: center; min-height: 220px;} 
.titreengagements{ color:#c3b6a4; font-weight:bold; font-size:18px; }
.img_engagements{ width: 40%; border: 1px solid #e0e0e0; border-radius: 8px; }
/* MODULE FOOTER */
#zone_footer { font-family: spectral; position: relative; width: 100%; display: inline-block; height: auto; z-index: 100; border-top: 3px solid #b7b0a7; background-color: #565656; color: #b1b1b1; } 
#contenu_footer { max-width: 1440px; width: 97%; margin: auto; }
#contenu_footer a { color: white; text-decoration: none; display: inline-block; width: 75%; border: none; }
#contenu_footer a:hover { color:orange; 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:#c3b6a4; font-weight:bold; font-size:18px; }
#logofooter { width: 100%; float: left; text-align: center; margin-top: 20px; }
#rappel { width: 87%; float: none; text-align: justify; padding-top: 20px; padding-bottom: 50px; margin: auto; font-size: 10.4pt; }
#unmot { width: 87%; float: none; text-align: justify; margin: auto; }

#adressefooter { width: 47%; float: left; margin-top: 40px; margin-left: 20px; display: inline-block; height: auto; text-align: left; border-left: none; border-right: none; font-size: 10.5pt;}
#fbfooter { width: 33%; float: left; 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: 40%; float: left; display: inline-block; text-align: right; margin-bottom: 40px; margin-top: 40px; }
#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 { color: #8E8E8E; width: 100%; height: auto; line-height: 30px; font-family: spectral; font-size: 10pt; border-left: 0; border-right: 0; border-bottom: 0; border-top: 0; text-align: center; padding: 0; background-color: #353535; }
#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; }

/* NAV */
.bt-menu { z-index: 2000; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 30px; border-width: 0px; border-style: solid; border-color: #333; background-color: rgb(60, 60, 60); -webkit-backface-visibility: hidden; -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s; transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s; }
.bt-menu.bt-menu-open { height: 100%; border-width: 30px 30px 30px 150px; background-color: rgba(0,0,0,0.3); -webkit-transition: border-width 0.3s, background-color 0.3s; transition: border-width 0.3s, background-color 0.3s; }
.bt-overlay { position: absolute; width: 100%; }
.bt-menu-open .bt-overlay { height: 100%; }
.bt-menu-trigger { position: fixed; top: 0px; left: 20px; display: block; width: 30px; height: 30px; cursor: pointer; } 
.bt-menu-trigger span { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 2.5px; margin-top: -2px; background-color: #fff; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
.bt-menu-open .bt-menu-trigger span { background-color: transparent; }
.bt-menu-trigger span:before, .bt-menu-trigger span:after { position: absolute; left: 0; width: 100%; height: 100%; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.bt-menu-trigger span:before { -webkit-transform: translateY(-250%); transform: translateY(-250%); }
.bt-menu-trigger span:after { -webkit-transform: translateY(250%); transform: translateY(250%); }
.bt-menu-open .bt-menu-trigger span:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); }
.bt-menu-open .bt-menu-trigger span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); }
.bt-menu ul {    height: 10px; position: fixed; top: 75px; left: 0; margin: 0; padding: 0; width: 150px; list-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.bt-menu ul li, .bt-menu ul li a { display: block; width: 100%; text-align: center; }
.bt-menu ul li { padding: 16px 0; opacity: 0; visibility: hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s; transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s; border-bottom:1px solid #585858;}
.bt-menu ul li:first-child { -webkit-transform: translate3d(-100%,200%,0); transform: translate3d(-100%,200%,0); }
.bt-menu ul li:nth-child(2) { -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0); }
.bt-menu ul li:nth-child(3) { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
.bt-menu ul li:nth-child(4) { -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); }
.bt-menu ul li:nth-child(5) { -webkit-transform: translate3d(-100%,-200%,0); transform: translate3d(-100%,-200%,0); }
.bt-menu.bt-menu-open ul li { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.bt-menu ul li a { display: block; outline: none; color: #bfbfbf; text-decoration: none; font-size: 12px; }
.bt-menu ul li a:before { color: #04a466; font-size: 48px; -webkit-transition: color 0.2s; transition: color 0.2s; }
.bt-menu ul li a:hover:before, .bt-menu ul li a:focus:before  { color: #fff; }

/* Separator */
#zone_separator {width:80%;margin:auto;}
#separator1{width: 90%;border-top: 1px solid #cecece;margin: auto;}

/* Carousel */
#zone_carousel {/*border-top: 1px dashed #cccccc;*/z-index: 100;position: relative;/*background-color: #272727;*/}
#carousel {position: relative;width:60%;margin:0 auto;}
#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: 346px;margin: 0 auto;display: block;position: relative;top: 40px;width: 100%;}
#buttons {padding:0 0 5px 0;float:right;}
#buttons a {text-align:center;display:block;float:left;font-size:50px;outline:0;margin:0 60px;color: #ba60da;text-decoration:none;display:block;padding:9px;width:35px;}
a#prev:hover, a#next:hover {color:#ba60da;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:#ba60da;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%;}

	#module-vignettes { display: inline-block; width: 100%; text-align: center; }
	#module-vignettes a { text-decoration: none; }
	.col-vg-1-3 {display:inline-block; float: left; width: 100%; text-align: center; }
	.contenu-col-vg-1-3 { display: inline-block; width: 90%; margin: auto; font-size: 9pt; min-height: 200px; } 
		#contenu-module-vignettes { margin:auto; }
		
/* MODULE NOS INTERVENTIONS */	
.mod-n-i-col-1-3 {
    float: left;
    width: 94%;
    border: 8px solid black;
    margin-right: 2%;
    min-height: 300px;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 20px;
}	
.mod-n-i-col-1-3-r {
    float: left;
    width: 94%;
    border: 8px solid black;
    margin-right: 2%;
    min-height: 300px;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 20px;
}	
a.mod-n-i-col-1-3 {
    float: left;
    width: 94%;

    margin-right: 2%;
    min-height: 300px;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 20px;
}	
a.mod-n-i-col-1-3-r {
    float: left;
    width: 94%;

    margin-right: 2%;
    min-height: 300px;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 20px;
}		
}