@charset "utf-8";
/*Titres*/
h1 {font-size: 16px;color: black;padding-bottom: 5px;font-weight: lighter;}
h2 {font-size: 28px;color: #2172fe;padding-bottom: 5px;font-weight: lighter;text-align:center;}
h3 {font-size: 18pt;color:#ffa41b;}
h4{font-size: 16pt; color: #3d89ca; text-decoration: underline; }
h5 {color: #2e6eff;font-size: 20px;}
h6 {color: #2e6eff; font-size: 20px;border-top: 1px solid #2e6eff;}
/*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;}
.imgaccueil { width: 500px;margin-top: -20px;margin-bottom: 5px;}
#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 {width:20%;float:left;}
#logotitre {color: #422c16;float: left;font-size: 33.3pt;width: 57%;text-align: center;line-height: 30px;padding-top: 30px;}
.telephone {color: #988d76;font-size: 15.7pt;font-family: verdana;}
#gratuit {float: right;padding: 10px;margin-top: 40px;font-size: 20px;border: 1px solid #3d5ca2;color: black;width: 20%;text-align: center;border-radius: 10px 1px;}
/*Header*/
#header {position:relative;font-family: 'Spectral SC', serif;display: block;z-index: 400; top: 120px;width: 100%;margin:auto;height: 46px;line-height: 20px;font-size: 20px;text-align: center;background-image: linear-gradient(#5778bf,#335297);border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
#header.fixed {display:block;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: #5c31a7;;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 {font-family:verdana;color: grey;font-size: 8.5pt;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: #f5e0a9;}
.lien_menu {width : 25%;margin: auto;margin-bottom: 4%;float: left;overflow: hidden;}

#index_title{  padding: 15px;font-size: 16pt; font-weight: bold; border: 1.5px solid #d61111; border-radius: 50px; }
#txt_cptce { width: 40%; float:left;margin: auto; margin-left: 2.5%;text-align: justify; border: 1px solid #b7b0a7; margin-bottom: 30px; padding: 3%;padding-bottom: 0px; background-color: #e0e0e0; 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: -1.9%; margin-top: -1.86px; max-width: 21.5%; border-left: 1px solid #b7b0a7; border-right: 1px solid #b7b0a7; border-bottom: 1px solid #b7b0a7; }
.titre_cptce { font-size: 13px; 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 #7a90bf;margin-top: 7px;}
#menu-deroulant ul li { display: inherit; margin-top: 0px; float: left; width: 100%; max-width: 140px; margin-right: 50%; background-color: #3b5ba0; text-align: center; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }/*#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: #ffc46c; 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: #e7d993; 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, #col_left:before {     width:20%;margin-top:96px; }
#col_left { display: inline-block; overflow: hidden; width: 20%; color: white; text-align: center; float: left;	 font-size: 13pt; padding-top: 40px; }
#col_left:before { content: ''; position: absolute; top: 0; bottom: 60px; z-index: -1; left: 0; background-color: #b2b2a3; border-radius: 10px; }
.titrecolleft{
    display: inline-block;
    text-align: center;
    background-color: #989888;
    width: 100%;
    border-radius: 4px;
}
#corps_contenu, #corps_contenu:before {  }
#corps_contenu { display: inline-block; overflow: hidden; width: 59.72%; 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: 10px; }

#col_right, #col_right:before { width:20%;margin-top:96px; }
#col_right { display: inline-block; overflow: hidden; width: 20%; color: white; text-align: center; /*float: right;	 */font-size: 13pt; padding-top: 40px; }
#col_right:before { content: ''; position: absolute; top: 0; bottom: 60px; z-index: -1; right: 0; background-color: #b2b2a3;border-radius: 10px; }

.col_right_onglet_sm { background-color:#989888;height: 45px; border-radius: 5px 5px 5px 5px; font-size: 11.5pt; font-weight: bold; }
.col_right_onglet_sm a { width: 100%; text-decoration: none; color: #ffffff; display: inline-block; border-radius: 5px 5px 5px 5px; padding-top: 10px; padding-bottom: 10px; height: 25px; font-size: 14pt; }
.col_right_onglet_sm a:hover{ width: 100%; text-decoration: none; color: #FF9800; display: inline-block;border-radius: 5px 5px 5px 5px;padding-top: 10px;padding-bottom: 10px;    height: 25px; background-color: white;}
#col_right a.selected { display: inline-block; color: #ff913c; background-color: white; width: 100%; height: 25px; padding-top: 10px; padding-bottom: 10px; }

#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 {position:relative;width:85%;margin:auto;}
#col_left_contenu.fixed { position: fixed; width: 16%; padding-left: 1%; margin: auto; top: 60px; }
.col_left_onglet { width:100%;text-align: left; display: inline-block; padding-bottom: 10px; } .col_left_onglet a { width: 100%; text-decoration: none; color: #ffffff; display: inline-block; border-radius: 5px 5px 5px 5px; padding-top: 10px; padding-bottom: 10px; height: 25px; font-size: 11.5pt; }
#col_left a.selected { display: inline-block; color: #ff913c; background-color: white; width: 100%; height: 25px; padding-top: 10px; padding-bottom: 10px; }

.col_left_onglet a:hover{ width: 100%; text-decoration: none; color: #FF9800; display: inline-block;border-radius: 5px 5px 5px 5px;padding-top: 10px;padding-bottom: 10px;    height: 25px; background-color: white;}
#corps_txt {overflow: hidden;width: 59.72%;margin: auto;color: black;text-align: center;float: left; font-size: 13pt;padding-bottom: 40px;}
/*#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 #420cb0;
    width: 100%;
    text-decoration: none;
    color: white;
    display: inline-block;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    background-color: #5071b8;
    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: #4101b4;}
.col_right_onglet { border: 1px solid white; border-radius: 5px 5px 5px 5px; }

#corps_form {overflow: hidden;width: 59.72%;margin: auto;color: black;text-align: left;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: 28pt; color: #7a7a76; font-family: verdana; font-weight: bold; }
.contenu_form { display: inherit; width: 87%; margin: auto; font-family: spectral;  padding: 20px 20px 30px 20px; background-color: #f5f1ed; border-radius: 4px; }
#txt_form {width: 87%; margin: auto; text-align: left; margin-bottom: 30px; padding: 20px; background-color: #f5f1ed; color: #565656; border-radius: 10px; }
.txt_form {width: 87%; margin: auto; text-align: justify;  margin-bottom: 30px; padding: 20px; background-color: #f5f1ed; color: #565656; border-radius: 10px; }
.txt_form_2 {width: 87%; margin: auto; text-align: justify;  margin-bottom: 30px; padding: 20px; background-color: #f5f1ed; color: #565656; border-radius: 10px; }
.txt_form_3 {width: 67%; margin: auto; text-align: justify;  margin-bottom: 30px; padding: 20px; background-color: none; color: black; border-radius: 10px; }

.txt_contact {width: 87%; margin: auto; text-align: center; margin-bottom: 30px; padding: 20px; background-color: #f5f1ed; color: #565656; border-radius: 10px; }

#zone_liens_rappels { width: 87%; margin: auto; text-align: center; margin-bottom: 30px; padding-left: 20px; padding-right: 20px; padding-top: 3px; height: 28px; line-height: 25px; font-size: 10pt; background-image: linear-gradient(#5778bf,#335297); 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: #f2f0ff; width: 24%; float: left; border-right: 1px solid #d1d1d1; }
#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;}
#zone_liens_rappels li.selected a {color: #ceb08b;border-right: 1px solid #b7b0a7;float: left;width: 24%;}

#zone_liens_adhesion { background-image: linear-gradient(#ffa23f,#f5820b); width: 87%; margin: auto; text-align: center; margin-bottom: 30px; padding-left: 20px; padding-right: 20px; padding-top: 3px; height: 28px; 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;}
#zone_liens_adhesion li.selected a {color: #862a07;border-right: 1px solid #e87f11;float: left;width: 24%;}

#zone_liens_rappels_interet { 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_interet a { font-family: spectral; text-decoration: none; display: block; color: #bfbfbf; width: 18%; float: left; border-right: 1px solid grey; 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: 1px solid #b7b0a7;float: left;width: 18%;}
.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;  margin-bottom: 30px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; background-color: #f5f1ed; color: #565656; border-radius: 4px; }
.txt_contenu { width: 87%; margin: auto; text-align: justify;  margin-bottom: 30px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; background-color: #f5f1ed; color: #565656; border-radius: 4px; }

.intro_contenu {display:block;text-align:center;}
.img_contenu{ float: right; margin-left: 20px; }
.linepb { width: 100%; display: inline-block; border-bottom: 1px solid #c5c5c5; padding-top: 40px; padding-bottom: 40px; } .colonnepb_img{ float: left; width: 49%; } .colonnepb_txt { float: right; width: 49%; 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:10%;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; font-size: 11pt; text-decoration: none; display: block; height: 40px; line-height: 20px; color: #e8e8e8; width: 22%; float: left; border: 1px solid grey; border-bottom: 1px solid grey; padding-top: 10px; padding-bottom: 10px; margin: 1.3%; background-color: grey; border-radius: 4px; }
#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;}

.contenu_form_partner { display: inline-block; width: 100%; margin: auto; font-family: spectral; border-bottom: 1px solid #b7b0a7; padding: 15px 5px 15px 5px; margin-bottom: 10px; background-color: #e0e0e0; }
.contenu_form_col_left_partner { width: 25%; float: left; text-align: left; border-right: 1px solid #b7b0a7;} 

.contenu_form_col_right_partner {width:70%;float:right;text-align:left;}
.champ_txt_col_right_partner { width: 60%; float: right; } 

#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: 75%; margin: auto; }
.left_col_actu { position: relative; float: left; width: 55%; max-width: 55%; text-align: justify; background-color: white; font-family: quicksand; }

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

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

.img_ala_une_actu { width: 100%; margin-bottom: 20px; border: 1px solid #d2d2d2; }

/* PARAMETRE ARTICLE INTEGRAL */
.art_corps { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; text-decoration: none; display: inline-block; color: black; border-right: 1px dashed grey; }
.art_corps a { width: 35%; max-width: 35%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black; border-right: 0px dashed grey; }
.art_corps a:hover { width: 35%; max-width: 35%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: grey; border-right: 0px dashed grey; }
.date { color:#b9a98c; font-weight: normal; }
.titre_cat { color:#d23eab; 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; }

/* 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:40px; }
#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: 14.5%;
    padding: 1%;
    float: left;
    text-align: center;
}
.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; padding-bottom: 60px; z-index: 100; border-top: 3px solid #b7b0a7; background-color: #42423f; 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:#cedc94; font-weight:bold; font-size:18px; }
#logofooter { width: 10%; float: left; text-align: left; margin-top: 20px; }
#rappel { width: 80%; float: left; text-align: center; padding-top: 20px; padding-bottom: 50px; }
#unmot { width: 32%; float: left; text-align: justify; }
#adressefooter { width: 23%; float: left; margin-left: 20px; display: inline-block; height: 200px; text-align: left; }
#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: 32%; float: left; display: inline-block; text-align: center; }
#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: 30px; 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 { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 0; border-width: 0px; border-style: solid; border-color: #333; background-color: rgba(0,0,0,0); -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 90px; 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: 15px; left: 20px; display: block; width: 50px; height: 50px; cursor: pointer; }
.bt-menu-trigger span { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 4px; 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 { position: fixed; top: 75px; left: 0; margin: 0; padding: 0; width: 90px; 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; }
.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: transparent; text-decoration: none; font-size: 0px; }
.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%;}


.ligne {text-align: center;width:100%;}
.ligne_titre {font-weight:normal;}
.ligne_image {width:100%;border:1px solid black;}
.vignette {float:left;width:48%;padding: 10px;}
.texte {float:left;width:48%;font-size: 18px;}

.ligne_etapes {display: inline-block;text-align: center;width:100%;}
.vignette_etapes {float:left;width:20%;padding: 10px;}
.texte_etapes {text-align:left;float:left;width:72%;padding: 8px; color: black;}


	.sous-titre {width:100%;text-align:center;display:inline-block;}
	.colonne-title { display: inline-block; width: 100%; border-bottom: 1px solid #c5c5c5; padding-top: 5px; padding-bottom: 5px; background-color: white; text-align: center;}
	.colonne-4-4 { width: 100%; text-align: center;}
		.contenu-colonne-4-4 { display: inline-block; width: 85%; max-width: 1440px;}
			.colonne-1-4 { width: 25%; float: left; text-align: center;}
				.contenu-colonne-1-4 { width: 80%; margin:auto; text-align: justify;}
					.contenu-colonne-1-4 a {display: inline-block; width: 100%; text-decoration: none; border: 1px solid #CCC; margin-bottom: 20px; color: black;}
					.contenu-colonne-1-4 a:hover {display: inline-block; width: 100%; text-decoration: none; background-color: rgba(248, 248, 248, 0.8);}
	.module-section-1-txt-col {padding-left: 15px; padding-right: 15px; display: inline-block; font-size: 10pt; text-align: left;}

	#module-section-2 { background-color: #ececec; padding-bottom: 30px; padding-top: 30px;}
		.colonne-3-3 { width: 100%; text-align: center;}
			.contenu-colonne-3-3 { display:inline-block; width: 85%; max-width: 1440px;}
				.colonne-2-3 { width: 65%; float: left; text-align: center;}
					.contenu-colonne-2-3 { display: inline-block; width: 90%; }
				.colonne-1-3 { width: 33%; float: left; text-align: center;}
				.colonne-1-3-custom { width: 49%; float: left; text-align: center;}
					.contenu-colonne-1-3 { display: inline-block; width: 90%; text-align: justify; }
	/*#module-section-2 a {display: inline-block; width: 100%; background-color: white; text-align: center; text-decoration: none; padding-top: 10px; padding-bottom: 10px; border: 1px solid blue;} 
	#module-section-2 a:hover { background-color: rgba(248, 248, 248, 0.8);}*/	
					.contenu-colonne-2-3-large-blue { display: inline-block; width: 90%;   background-color: #99ccff;}
					.contenu-colonne-2-3-large-blue-sub-col	{ padding-top: 40px; padding-bottom: 40px; }
						.paragraphe-1-col-left {width: 50%; float: left;  }
						.paragraphe-1-col-right {
							width: 47%;
							float: left;
							padding-left: 10px;
							text-align: left;
							border-left: 1px solid black;
							font-size: 11pt;
						}
						
	
		.module-section-2-titre-col {text-align: center; display: inline-block; font-size: 11pt; border: 1px solid #b3b3b3; background-color: white; width: 100%;} 	
			.module-section-2-txt-zone {display: inline-block; /*border: 1px solid #bcbcbc; background-color: white;*/ width: 100%; min-height: 170px;}
			.module-section-2-txt-contenu {padding: 10px; display: inline-block; font-size: 10pt; border: 1px solid blue; background-color: white;    margin-bottom: 20px; min-height: 150px;}
			
			.module-section-2-txt-plus {padding-top: 10px; padding-bottom: 10px; display: inline-block; font-size: 10pt; border: 1px solid blue; background-color: white; width: 100%; text-align: center; } 			
			.contenu-colonne-1-3 a {color:black;}
			.contenu-colonne-1-3 a:hover .module-section-2-txt-contenu {color:#f07d00;border: 1px solid #f07d00;}
			.contenu-colonne-1-3 a:hover .module-section-2-txt-plus {color:#f07d00;border: 1px solid #f07d00;}
			#p-main-col-txt-zone {background-color: white; border: 1px solid #c4c4c4; width: 100%; font-size: 11pt;}	
				#p-main-col-img-zone { display: inline-block; text-align: center; }
					#p-main-col-img-contenu {width: 33%; padding-top: 30px; }
				#p-main-col-title-zone {display: inline-block; text-align: center; width: 100%;}
					#p-main-col-title-contenu { display: inline-block; width: 75%; border-top: 1px solid black; margin: auto; } 
				#p-main-col-txt-contenu { display: inline-block; padding-left: 15px; font-size: 10pt; } 			
		
	#module-section-3 { }
	#module-section-4 { background-color: #5172b9; color:white;}
		.colonne-2-2 { width: 100%; text-align: center;}
			.contenu-colonne-2-2 { display:inline-block; width: 85%; max-width: 1440px;}
				.colonne-1-2 { width: 49%; float: left; text-align: center;}
					.contenu-colonne-1-2 { display: inline-block; width: 90%; text-align: justify; margin-bottom: 40px;}	
	#module-section-3 a {display: inline-block; width: 100%; background-color: white; text-align: center; text-decoration: none; padding-top: 10px; padding-bottom: 10px; border: 1px solid blue;} 
	#module-section-3 a:hover { background-color: rgba(248, 248, 248, 0.8);}	
	#module-section-4 a {display: inline-block; width: 50%; background-color: white; text-align: center; text-decoration: none; padding-top: 10px; padding-bottom: 10px; border: 1px solid blue;} 
	#module-section-4 a:hover { background-color: rgba(248, 248, 248, 0.8);}	
					
	#col-left-rep {width: 30%;float: left; text-align: left;}
	#col-right-rep {width: 65%;/*float: right;*/ margin:auto; text-align: justify;}
	
		#rep-01 , #rep-02 , #rep-03 , #rep-04 , #rep-05 , #rep-06 , #rep-07 , #rep-08 , #rep-09 { display:none; padding-top: 60px; }
		.col-vig {
			float: left;
			width: 30.8%;
			margin-right: 2.5%;
		}
		.vignettes a { text-decoration: underline; text-align: left; color: black; }
			.vignettes a:hover { text-decoration: underline; text-align: left; color: blue; }
			.col-vig-img { width: 100%; margin-bottom: -20px;}
			#rep-01:target {display : block;padding-top: 60px;}
			#rep-02:target {display : block;padding-top: 60px;}
			#rep-03:target {display : block;padding-top: 60px;}
			#rep-04:target {display : block;padding-top: 60px;}
			#rep-05:target {display : block;padding-top: 60px;}
			#rep-06:target {display : block;padding-top: 60px;}
			#rep-07:target {display : block;padding-top: 60px;}
			#rep-08:target {display : block;padding-top: 60px;}
			#rep-09:target {display : block;padding-top: 60px;}
	.main-vid-param { width: 77%; border: 1px solid #d8d8d8;}
	
	
	
	
	#corps_form-large { overflow: hidden; width: 100%; margin: auto; color: black; text-align: left; float: left; font-size: 13pt; padding-bottom: 20px; }
		.txt_form-large { width: 95%; margin: auto; text-align: justify; margin-bottom: 30px; padding: 10px; color: black; border-radius: 10px; }
			.contenu-colonne-3-3-large { display: inline-block; width: 90%; max-width: 1060px; }
			.contenu-colonne-1-3-large { display: inline-block; width: 90%; text-align: justify; }
			#custom-text-1 {font-size: 12pt;}
			.contenu-colonne-1-3-large-blue { display: inline-block; width: 90%; text-align: justify; background-color: #99ccff; min-height: 460px; min-height: 360px; }
			.contenu-colonne-1-3-large-blue-sub-col{ width: 75%; font-size: 10pt; margin: auto; padding-top: 30px; padding-bottom: 30px; }
			#custom-text-title { font-size: 17pt; text-align: center; width: 100%; display: inline-block; text-decoration: underline; }
			#custom-text-subtitle { font-size: 9pt; text-align: center; width: 100%; display: inline-block;	 }
			#custom-text-subtitle-2 { font-size: 12pt; text-align: center; width: 100%; display: inline-block;	 }
			.custom-see-more { display: inline-block; background-color: white; padding: 10px; border: 3px solid red; color: black; text-decoration: none; font-size: 12pt;}
			.contenu-colonne-3-3-large-blue { display: inline-block; width: 90%; max-width: 1060px; }
			.contenu-sub-colonne-3-3-large-blue { display: inline-block; width: 95%; background-color: #99ccff; }
			.contenu-sub-colonne-3-3-large { display: inline-block; width: 95%; }
			.contenu-colonne-1-3-large-sub-col{ width: 75%; font-size: 10pt; margin: auto; }
			.contenu-colonne-1-2-short { display: inline-block; width: 50%; text-align: center;border: 1px solid black;}	
			.contenu-sub-colonne-1-2-short {width: 85%; padding-top: 20px; padding-bottom: 20px;margin: auto; min-height: 260px;}

		.contenu-colonne-1-3-short { display: inline-block; width: 82%; text-align: justify; border: 1px solid black; margin-bottom: 30px; min-height: 220px; } 			
		.contenu-sub-colonne-1-3-short { width: 85%; padding-top: 20px; padding-bottom: 20px; margin: auto; font-size: 10pt; } 			
	#acc-plus a {display: inline-block; width: 25%; background-color: white; text-align: center; text-decoration: none; padding-top: 10px; padding-bottom: 10px; border: 1px solid red;}
	#acc-plus a:hover { background-color: rgba(248, 248, 248, 0.8);}	
	#acc-plus2 a {display: inline-block; width: 90%; background-color: white; text-align: center; text-decoration: none; padding-top: 10px; padding-bottom: 10px; border: 1px solid red;}
	#acc-plus2 a:hover { background-color: rgba(248, 248, 248, 0.8);}	
		.accordion-head,
		.accordion-inner,
		.accordion-content { overflow: hidden; color: black;}          /* masque les débordement de contenus */
		.accordion-inner { transition: height 1s; }       /* applique l'animation de plier / déplier */
		.accordion-binded .accordion-inner { height: 0; } /* plie les contenus dès que le script a été chargé */
		li {cursor: pointer;}
	.accordion-head h4 { font-size: 13pt; margin: 0; color: #6a6a6a; float: left; text-decoration: none; text-align: left; font-weight: lighter; width: 95%; line-height: 20px; } 
	.accordion-head { background-color: #dcd9ce; border: 1px solid #b7b7b7; color: black; text-align: right; font-size: 14pt; padding-right: 20px; font-weight: lighter; height: 40px; }
		.txt_form_2 ul { color: white; padding-left: 0; text-decoration: none;}
		
	#avis-clients { text-align: left; background-color: white; margin-top: 40px;}
	.author { color: #2e6eff; }
	
	.contenu_form {
		display: inherit;
		width: 87%;
		margin: auto;
		font-family: spectral;
		border: 1px solid #b7b0a7;
		padding: 20px 20px 30px 20px;
		background-color: #f5f1ed;
		border-radius: 4px;
	}
	
.photos-les-mediations { width: 85%; max-height: 300px;}

.colonne-2-2 h2 { text-align: left; color: black; background-color: #f4fbff; margin-top: 0;}
.txt_form_3 h3 {font-size: 18pt; color: #ffa41b; text-decoration: underline; font-weight: normal; margin: 0;}
.redline {color: red; font-weight: bold; font-size: 14pt;}
.cadre-orange { border: 2px solid red; background-color:#ff8633;padding-top: 20px; padding-bottom: 20px; font-size: 16px; }
.button-cadre-orange {background-color: white; padding: 5px; border: 2px solid red; display: inline-block; color: black; text-decoration: none; font-size: 13pt; width: 40%;}

.decal-span { padding-left: 60px;display: inline-block; }
.paragraphe-1-col-middle { text-align:center; font-size: 13pt; }
.price-tag { color:red;font-size: 16pt; font-weight: bold; }