/**** CSS des plugings ****/



/* SlickNav Responsive Mobile Menu v1.0.3*/

.slicknav_menu:after,.slicknav_menu:before{display:table;content:" "}.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_nav,.slicknav_nav ul{padding:0;list-style:none;overflow:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}



html, body{margin:0px auto; padding:0px;min-height:100vh;overflow-x:hidden}

body{

		font-size:16px; color:#1a1a1a;

		font-family: 'Roboto', sans-serif;

		direction: ltr;

		background:#fff ;

		font-weight:400;

}

h1, h2, h3, h4, h5, h6,  p, pre, ul, li{padding:0px; margin:0px 0px; }

p, li{font-size:18px;line-height:30px;margin-bottom:15px;font-weight:300}

a{text-decoration:none; outline:none;color:#320d2f;}

strong{font-weight:700}

em{font-style:italic}

a:hover{text-decoration:none; outline:none;color:#1a1a1a;}

a img{border:0px; outline:none;}

img{max-width:100%}

.fullpagewidth{width:1600px;margin-left:auto;margin-right:auto;}

.prelative{position:relative}

.left{float:left;width:50%;}

.text_left {float:right; width:770px;margin-right:30px;text-align:left;} 

.right{float:right;width:50%;}

.text_right {float:left; width:770px;margin-left:30px;text-align:left;}

.fleft {float:left}

.fright {float:right}

.tcenter {text-align:center}

.tright {text-align:right}

.clear{clear:both; font-size:0px; height:0px; line-height:0px;}

.clearfix:before {content: "";display: table;clear: both;}

.clearfix:after {content: "";display: table;clear: both;}

video {  width: 100%;  height: auto;}

/**************** Lists ****************************/

ul,ol,li {list-style:none;}



/**************** forms ****************************/

input, select, textarea{ outline:none;}

input[type="text"], input[type="password"], input[type="number"],input[type="email"] {font-family: 'Roboto', sans-serif; background:transparent;  border:1px solid #43002b;font-size:14px;color:#43002b;padding:20px 12px;width:94%;margin-bottom:15px;max-width:100%;border-radius:12px;}

textarea{font-family: 'Roboto', sans-serif; background:transparent;  border:1px solid #43002b;font-size:14px;color:#43002b;padding:20px 12px;width:100%;margin-bottom:15px;max-width:97%;border-radius:12px;height:480px}

input[type="text"].ws_check{display:none;}	

input[type="submit"] {font-family: 'Roboto', sans-serif; cursor:pointer; border:1px solid #43002b;background:#43002b; font-size:18px; font-weight:500;color:#fff;padding:10px 20px;text-align:center;  text-transform:uppercase;width:280px;font-weight:700;border-radius:12px; margin: 15px auto}

input[type="submit"]:hover{background:transparent;color:#43002b}



.checkbox_container {  display: block;  position: relative;  padding-left: 35px;  margin:10px 0;  cursor: pointer;  font-size: 14px;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}

.checkbox_container input {  position: absolute;  opacity: 0;  cursor: pointer;}

.checkbox_checkmark {  position: absolute;  top: -4px;  left: 0;  height: 25px;  width: 25px;  background-color: #eee;}

.checkbox_container:hover input ~ .checkbox_checkmark {  background-color: #295b89;}

.checkbox_container input:checked ~ .checkbox_checkmark {  background-color: #000;}

.checkbox_checkmark:after {  content: "";  position: absolute;  display: none;}

.checkbox_container input:checked ~ .checkbox_checkmark:after { display: block;}

.checkbox_container .checkbox_checkmark:after {  left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}



.radio_container {  display: block;  position: relative;  padding-left: 35px;  margin-bottom: 15px;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}

.radio_container input {  position: absolute;  opacity: 0;}

.radio_checkmark {  position: absolute;  top: -5px;  left: 0;  height: 25px;  width: 25px;  background-color: #eee;  border-radius: 50%;}

.radio_checkmark.inv{background-color: #fff;}

.radio_container:hover input ~ .radio_checkmark { background-color: #295b89;}

.radio_container input:checked ~ .radio_checkmark {  background-color: #000;}

.radio_checkmark:after {  content: "";  position: absolute;  display: none;}

.radio_container input:checked ~ .radio_checkmark:after {  display: block;}

.radio_container .radio_checkmark:after { top: 9px;  left: 9px;  width: 8px;  height: 8px;  border-radius: 50%;  background: white;}



/***************** pages containers **************/

.col1_2f{float:left; width:50%; margin-right:0}

.col1_2{float:left; width:48%; margin-right:4%}

.col1_2r{float:right; width:48%; margin-right:0}



.col1_3f{float:left; width:33%; margin-right:0}

.col1_3{float:left; width:32%; margin-right:2%}

.col1_3r{float:right; width:32%; margin-right:0}

.col2_3{float:left; width:65%; margin-right:1%}

.col2_3r{float:right; width:66%; margin-right:0}



.col1_4f{float:left; width:25%; margin-right:0}

.col1_4{float:left; width:22%; margin-right:4%}

.col1_4r{float:right; width:22%; margin-right:0}

.col3_4{float:left; width:73%; margin-right:1%}

.col3_4r{float:right; width:74%; margin-right:0}



.col1_5f{float:left; width:18%; margin-right:0}

.col1_5{float:left; width:18%; margin-right:2.5%}

.col1_5r{float:right; width:18%; margin-right:0}

.col2_5{float:left; width:38.5%; margin-right:2.5%}

.col2_5r{float:left; width:38.5%; margin-right:0}

.col3_5{float:left; width:59%; margin-right:2.5%}

.col3_5r{float:right; width:59%; margin-right:0}

.col4_5{float:left; width:79.5%; margin-right:2.5%}

.col4_5r{float:right; width:79.5%; margin-right:0}



.col1_6{float:left; width:15%; margin-right:2%}

.col1_6r{float:right; width:15%; margin-right:0}

.col5_6{float:left; width:78.5%; margin-right:1%}

.col5_6r{float:right; width:79.5%; margin-right:0}



.iframe-container { overflow: hidden;  padding-top: 56.25%;  position: relative;}

.iframe-container iframe {   border: 0;   height: 100%;   left: 0;   position: absolute;   top: 0;   width: 100%;}

/* 4x3 Aspect Ratio */.iframe-container-4x3 {  padding-top: 75%;}



/*****Header*****/

header{z-index:100;width:100%;background:#fff}

header .top{background:#320d2f;padding:15px 0}

header .icone_tel{float:left;}

header .tel{float:left;margin-left:15px;border-left:2px solid #fff;padding-left:15px;margin-top:9px}

header .tel a{color:#fff;font-size:22px;font-weight:700;}

header .facebook{float:right;}

header .messenger{float:right;margin-right:15px;}

header .bottom{padding:30px 0}

header .logo{float:left;width:25%;}

header .menu{float:right;width:70%;margin-top:15px}

#primary_nav{text-align:right;margin-top:20px;position:relative;}

ul.dropdown{width:100%}

ul.dropdown,ul.dropdown li,ul.dropdown ul{list-style:none;margin:0;padding:0;}

ul.dropdown li{display:inline-block;line-height:1.3em;position:relative}

ul.dropdown li.hover,ul.dropdown li:hover{position:relative;z-index:599;cursor:default}

ul.dropdown li{color:#6f6f72;font-size:20px;font-weight:400;letter-spacing:-1px;text-transform:uppercase;margin-left:20px;}

ul.dropdown li a{padding-left:10px;border-left:2px solid #fff}

ul.dropdown li a.active{color:#320d2e;border-left:2px solid #320d2e}

li.current-menu-top{background-color:#e7b251;border-radius:8px}

.current-menu-top{border-bottom:none;background-color:#e7b251;border-radius:8px}

ul.dropdown a:link,ul.dropdown a:visited{color:#6f6f72;text-decoration:none}

ul.dropdown a:hover{color:#320d2e;border-left:2px solid #320d2e}

#primary_nav_mobile{display:none}

.slicknav_menu{background:#320d2f;font-size:16px;color:#000;margin-top:5px;width:100%}

.slicknav_menu .slicknav_menutxt{color:#000;display:block;float:left;font-weight:700;line-height:1.188em;text-shadow:none;text-align:center}

.slicknav_btn{background-color:transparent;border-radius:0;margin:0;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,0.75)}

.slicknav_menu .slicknav_icon-bar{background-color:#fff}

.slicknav_nav a{color:#fff!important;font-weight:700}

.slicknav_nav a:hover{background:transparent;color:#000}

.slicknav_nav .slicknav_row:hover{border-radius:0;background:transparent}

.slicknav_ul ul li a{color:#000}

.slicknav_ul ul li a:hover{color:#000}

.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em;color:#000}



/***************** Page section style ************/



a.bouton {display:block;cursor:pointer; background-color:rgba(255,255,255,0.75); font-size:16px; font-weight:700;color:#320d2f;padding:10px 20px;text-align:center;  text-transform:uppercase;border-radius:12px;width:280px }

a.bouton:hover{background-color:#320d2f;color:#fff}





.calltoaction_faq{background: url('../images/PHOTO_FAQ_79.png') top right no-repeat;background-size:cover;padding:50px 0}

.calltoaction_faq h5{font-size: 22px;letter-spacing: -1px;line-height: 29px;color: #fff;font-weight: 700;text-transform:uppercase;}

.calltoaction_faq p{font-size:18px;font-weight:400;letter-spacing:-1px;line-height:29px;color: #fff}

.calltoaction_faq a.bouton{position:absolute;right:0;top:0}



.banner {height:330px;}

.banner .fullpagewidth{height:100%;}

/* .banner h1{position:absolute;bottom:-8px;left:0;font-size: 44px;line-height: 24px;color: #fff;font-weight: 700;padding-bottom:75px;border-bottom:8px solid #410d2b;text-transform:uppercase;z-index:100} */

.banner {
    position: relative;
    min-height: 40vh; /* Banner height responsive to viewport */
}

.banner h1 {
    position: absolute;
    bottom: 5%;              /* 5% of banner height from bottom */
    left: 2%;                /* 2% from left edge */
    font-size: clamp(1.5rem, 5vw, 3rem); /* Scales from 1.5rem to 3rem based on viewport width */
    line-height: 1.2;        /* relative to font size */
    color: #fff;
    font-weight: 700;
    padding-bottom: 2rem;    /* spacing relative to root font size */
    border-bottom: 0.5rem solid #410d2b; /* scaled border */
    text-transform: uppercase;
    z-index: 100;
}

/* Extra tweaks for very small screens */
@media (max-width: 480px) {
    .banner h1 {
        bottom: 3%;
        left: 2%;
        font-size: clamp(1.2rem, 6vw, 2rem);
        padding-bottom: 1.5rem;
        border-bottom-width: 0.3rem;
    }
}

/**************** End section style ***********/	



/***************** home style ************/

.home .introduction{background: url('../images/IMAGE_PRINCIPALE_ENTETE_17.png') top right no-repeat;background-size:cover;padding:100px 0}

.home .introduction .texte_intro{float:left;width:600px;max-width:90%;}

.home .introduction h1{font-size:22px;font-weight:700;letter-spacing:-1px;line-height:29px;color:#fff;text-transform:uppercase;margin-bottom:30px;}

.home .introduction h1 i{font-style:normal}

.home .introduction p{font-size:16px;font-weight:400;color:#fff;margin-bottom:30px;}

/*.home .introduction a.bouton{margin: 0 auto}*/



.home .calltoaction_anglais{background:#320d2f;padding:25px 0}

.home .calltoaction_anglais h2{text-align:center;font-size:22px;font-weight:700;letter-spacing:-1px;line-height:29px;color:#fff;}

.home .calltoaction_anglais a.bouton{position:absolute;right:0;top:-6px}

.home .calltoaction_anglais a.bouton:hover{color:#fff;background-color:rgba(255,255,255,0.75);}



.home .points_info{padding:150px 0;text-align:center}

.home .points_info .bg{background: url('../images/JD_ARRIERE_PLAN_VALEURS_26.png') center center no-repeat;background-size:contain;}



.home .points_info .point_cont{display:inline-block;margin:0 25px 100px;width:430px;vertical-align:top;max-width:80%}

.home .points_info .point_cont img{max-width:150px}

.home .points_info .point_cont h3{margin:20px 0;font-size:22px;font-weight:700;letter-spacing:-1px;line-height:29px;text-transform:uppercase}

.home .points_info .point_cont p{font-size:18px;font-weight:400;}



.home .services{background: url('../images/PHOTO_SERVICES_OFFERTS_57.png') top center no-repeat;background-size:cover;padding:350px 0;text-align:center;} 

.home .services h4{font-size:22px;font-weight:700;letter-spacing:-1px;line-height:29px;width:800px;color:#fff;max-width:95%;margin:30px auto}

.home .services a.bouton{margin: 0 auto;width:360px}

.home .a_propos{padding:40px 0 0;margin-bottom:-5px}

.home .a_propos h5{font-size:18px;font-weight:400;letter-spacing:-1px;line-height:29px;position:relative;width:600px;max-width:95%;position:relative;padding:60px 0 40px;margin-top:80px}

.home .a_propos h5:before{height:8px;width:160px;position:absolute;left:0;top:0;background-color:#420d47;content:"";display:block}

.home .a_propos a.bouton {background:#6f6f72;color:#fff}

.home .a_propos a.bouton:hover {background:#420d47;}

.home .a_propos img{width:400px;max-width:100%}

/***************** fin home style ************/



/***************** pages style ************/



.apropos .banner{background: url('../images/ENTETE_A_PROPOS_CONTACT_02.png') top center no-repeat;background-size:cover;}

.apropos .description{padding:100px 0}

.apropos .description p{font-size: 16px;line-height: 24px;color: #410d2b;}

.apropos .description p:first-child{margin-top:40px}

.apropos .description ul{margin-top:50px}

.apropos .description li{font-size: 16px;line-height: 24px;color: #43002b;font-weight: 700;margin-bottom:50px;padding-left:40px;position:relative}

.apropos .description li:before{height:12px;width:12px;border-radius:6px;position:absolute;left:0;top:5.5px;background-color:#43002b;content:"";display:block}

.apropos .col1_2r{text-align:right}

.apropos .col1_2r img{width:350px;max-width:100%}



.services .banner{background: url('../images/ENTETE_SERVICES_02.png') top center no-repeat;background-size:cover;}

.services .description{padding:100px 0}
.services .description-top{padding-top:100px}
.services .description-top p{font-size: 22px;line-height: 24px;color: #410d2b;margin-bottom:24px}
.services .description p{font-size: 22px;line-height: 24px;color: #410d2b;margin-bottom:24px}

.services .description ul{margin-top:48px}

.services .description li{font-size: 16px;line-height: 24px;color: #43002b;font-weight: 700;margin-bottom:20px;padding-left:40px;position:relative}

.services .description li:before{height:12px;width:12px;border-radius:6px;position:absolute;left:0;top:5.5px;background-color:#43002b;content:"";display:block}

.services .img_contact{margin-bottom:-6px}

.services .img_contact a.bouton{position:absolute;top:50%;right:15%;transform:translateY(-50%)}



/* consultation */


.consultation .banner{background: url('../images/ENTETE_SERVICES_02.png') top center no-repeat;background-size:cover;}

.consultation .description{padding:100px 0}
.consultation .description-top{padding-top:100px}
.consultation .description-bottom{margin-top:-35px;margin-bottom: 100px;}
.consultation .description-top p{font-size: 22px;line-height: 24px;color: #410d2b;margin-bottom:24px}
.consultation .description p{font-size: 22px;line-height: 24px;color: #410d2b;margin-bottom:24px}

.consultation .description ul{margin-top:48px}


.consultation .description li{font-size: 16px;line-height: 24px;color: #43002b;font-weight: 700;margin-bottom:20px;padding-left:40px;position:relative}

.consultation .description li:before{height:12px;width:12px;border-radius:6px;position:absolute;left:0;top:5.5px;background-color:#43002b;content:"";display:block}
.consultation .description .consultation-list li::before{list-style: decimal;}
.consultation .description .margin-top {margin-top: 50px;}
.consultation .img_contact{margin-bottom:-6px}

.consultation .img_contact a.bouton{position:absolute;top:50%;right:15%;transform:translateY(-50%)}



.faq .banner{background: url('../images/ENTETE_FAQ_02.png') top center no-repeat;background-size:cover;}

.faq .faq-content{margin:50px auto;}

.drawer{width:100%;float:left}

.accordion-item-active .accordion-header{transition:.25s}

.accordion-item-active .accordion-header-icon{color:#fff}

.accordion-item-active .accordion-header h4:after{position:absolute; right:3%;top:25px;content: ""; width:20px;height:22px;background:url('../images/FLECHE_SELECTION_FAQ_11.jpg') no-repeat top left;background-size:80%}

.accordion-header{padding:12px 0;cursor:pointer;transition:.25s;width:100%;margin:0}

.accordion-header:before,.accordion-header:after{content:" ";display:table}

.accordion-header:after{clear:both}

.faq-answer{width:95%;margin:0 auto;padding-left:0%;line-height:24px}

.faq-answer-list{background:none}

.faq-answer-list ul{width:100%}

.faq-answer-list li{width:100%;padding-left:10px}

.accordion-header h4{position:relative;float:left;margin:0;padding:20px 10% 20px 3%;width:87%;font-size: 22px;line-height: 24px;color: #fff;background:#410d2b;border-radius:12px}

.accordion-header h4:after{position:absolute; right:3%;top:25px;content: ""; width:20px;height:22px;background:url('../images/FLECHE_FAQ_16.jpg') no-repeat top left;background-size:80%}

.accordion-content{display:none;padding:25px 0;margin:0 3%}

.accordion-content p{font-size: 16px;line-height: 24px;color: #410d2b;}

.accordion-header-icon{float:right;color:#888;font-size:0;vertical-align:middle;position:absolute;height:18px;width:5%;margin:1px 0 0}





.contact .banner{background: url('../images/ENTETE_A_PROPOS_CONTACT_02.png') top center no-repeat;background-size:cover;}

.contact .map{margin-top:100px}

.contact .map .caption{position:absolute;top:50%;right:5%;transform:translateY(-50%);background:#43002b;padding:40px 30px;}

.contact .map .caption h3{font-size: 18px;line-height: 24px;color: #ccc;font-weight: 700;text-transform:uppercase;margin-bottom:5px}

.contact .map .caption p, .contact .map .caption a, .contact .map .caption span.fax{font-size: 18px;line-height: 24px;color: #fff;font-weight: 700;}

.contact .formulaire{margin:100px 0 40px}

.contact .formulaire h4{font-size: 40px;line-height: 24px;color: #43002b;font-weight: 700;text-align: center;margin-bottom:100px;text-transform:uppercase;}

/***************** fin pages style ************/

#scrollUp{background:#43002b url(../images/FLECHE_SELECTION_FAQ_11.jpg) no-repeat;background-size:50%;background-position:50% 49%;bottom:80px;right:8px;width:30px;height:30px;border-radius:15px;}

/****************************** footer *****************************************************/



footer{background-color:#716869;color:#fff;}

footer .footer_top{padding:70px 0;display:flex;content:""}

footer .footer_top .col1_4, footer .footer_top .col1_4r{flex:1;}

footer .logo_footer{position:relative;}

footer .logo_footer img{display:block;margin-bottom:30px}

footer h6{font-size: 18px;letter-spacing: -1px;line-height: 29px;color: #fff;font-weight: 700;text-transform:uppercase;position:relative;margin-bottom:50px}

footer h6:after{height:5px;width:70px;position:absolute;left:0;bottom:-15px;background-color:#420d47;content:"";display:block}

footer a{color:#fff}

footer a:hover{color:#320d2f;text-decoration:none;}

footer a, footer span.fax{display:block;margin-bottom:10px;font-size:16px;font-weight: 700;letter-spacing: -1px;}

footer li {margin-bottom:10px;letter-spacing: -1px;font-size:16px;letter-spacing: -1px;}

footer p{font-size:16px; color:#fff;line-height:22px;letter-spacing: -1px;font-weight: 400;}

footer .adressetop p{font-size:16px; color:#fff;line-height:29px;letter-spacing: -1px;font-weight: 700;}



footer .footer_bottom{position:relative;padding-top:20px;padding-bottom:20px;font-size:14px;font-weight:700;background-color:#320d2f}



/****************************** End footer *****************************************************/

/**** Responsive *****/





@media screen and (max-width:1600px){ /* Mettre la valeur de la largeur de la page*/

.fullpagewidth{width:95%;margin-left:auto;margin-right:auto}

.text_right {width:90%;margin-left:5%;}

.text_left {width:90%;margin-right:5%;}



}

@media screen and (max-width:1460px){

.home .points_info .point_cont{width:310px;}

}

@media screen and (max-width:1350px){

.home .points_info .point_cont{width:285px;}

.contact .map .caption{right:3%}

.contact .map .caption h3{font-size:18px;}

.contact .map .caption p, .contact .map .caption a, .contact .map .caption span.fax{font-size:18px;}

}

@media screen and (max-width:1200px){ 

.home .calltoaction_anglais h2{font-size:22px;text-align:left;}

header .logo img{width:280px;max-width:none}

ul.dropdown li{font-size:20px;}

header .menu{margin-top:5px;}

.home .introduction .texte_intro{width:530px;}

.home .introduction h1, .home .points_info .point_cont h3{font-size:22px;}

.home .introduction p, .home .points_info .point_cont p, footer li, footer p, footer a, footer span.fax{font-size:16px;}

.home .a_propos h5{font-size:18px;}

footer h6{font-size:20px;}

}

@media screen and (max-width:1100px){ 

.home .introduction{position:relative;z-index:1;}

.home .introduction:after{z-index:100;content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(50, 13, 47, 0.5)}

.home .introduction .texte_intro{position:relative;z-index:200;}



}

@media screen and ( max-width: 1024px) {

.home .services{padding:200px 0}

.home .a_propos h5{margin-top:65px;}

}

@media screen and ( max-width: 1023px) {

.gallery .photos_gallery_cont .photo_cont{width:30%;margin:0 1.6% 10px}

#primary_nav_mobile{display:block;}

header .menu{display:none;}

header .bottom{padding:0;}

header .logo{padding:30px 0;width:100%;text-align:center}

header .top img{height:25px;width:auto}

header .tel{margin-top:1px}

header .tel a{font-size:20px;}

.home .introduction .texte_intro{float:none;margin:0 auto;text-align:center}

.home .introduction a.bouton{margin: 0 auto}

}

@media only screen and (max-width: 950px) {

.right{width:98% !important;}

.left{width:98% !important;}

.col1_2, .col1_2f, .col1_2r, .col1_3, .col1_3f, .col1_3r, .col1_4, .col1_4f, .col1_4r, .col1_5, .col1_5r, .col1_6, .col1_6r, .col2_3, .col2_3r, .col3_4, .col3_4r, .col2_5, .col3_5r,  .col4_5,  .col4_5r, .col2_5r, .col3_5, .col5_6, .col5_6r{width:100%; float:none;margin:0;}

.home .introduction{padding:55px 0}

.home .introduction .texte_intro{text-align:center}

.home .introduction h1 i{display:none;}

.home .introduction h1 b{display:block}



.home .a_propos {text-align:center}

.home .a_propos h5{width:100%;max-width:none}

.home .a_propos h5:before{left:50%;transform:translateX(-50%)}

.home .a_propos a.bouton{margin: 0 auto 30px;}

.home .calltoaction_anglais h2{text-align:center;margin-bottom:20px;}

.home .calltoaction_anglais a.bouton{position:relative;margin: 0 auto;}

.calltoaction_faq {text-align:center}

.calltoaction_faq a.bouton{position:relative;margin: 0 auto;}

footer{text-align:center}

footer h6{margin-top:40px}

footer h6:after{left:50%;transform:translateX(-50%);width:160px}

footer br.desktop{display:none}

/* .banner h1{font-size:45px;} */

.apropos .col1_2r{text-align:center}

.services .col1_2r{margin-top:40px}

.services .description p, .apropos .description p, .accordion-content p{font-size:16px;}

.services .description li, .apropos .description li{font-size:14px;}

.services .img_contact a.bouton{left:50%; right:auto;transform:translate(-50%, -50%)}

.accordion-header h4{font-size:18px;}

input[type="text"], input[type="password"], input[type="number"], input[type="email"]{width:97%}

.contact .formulaire h4{font-size:32px;line-height:38px;}

.contact .map .caption{position:relative;text-align:center;width:90%;transform:none;left:auto;padding:40px 5%;margin-top:-5px;right:auto} 

footer .footer_top{display:block}

footer .logo_footer img{position:relative;top:0;left:0;transform:none}

}

@media only screen and (max-width: 768px) {

.home .introduction h1,.home .introduction p{margin-bottom:15px;}

.home .introduction p, .home .points_info .point_cont p, footer li, footer p, footer a, footer span.fax{font-size:14px;line-height:18px}

.home .services{padding:100px 0;}

.home .services h4{font-size:20px;}

.home .points_info{padding:75px 0 0}

.home .points_info .point_cont{margin-bottom:75px}

.home .points_info .bg{background:none}

.banner{height:185px}

}

@media only screen and (max-width: 667px) {

.home .introduction{background-position:75% 0%}

}

@media only screen and (max-width: 567px) {

textarea, input[type="text"]{width:94%}

}

@media only screen and (max-width: 480px) {

p, li{font-size:16px;line-height:25px}

.home .services a.bouton{width:330px;font-size:16px;max-width:80%}

textarea{height:300px}

}

@media only screen and (max-width: 414px) {

a.bouton{width:220px;}

.contact .map .caption p, .contact .map .caption a, .contact .map .caption span.fax{font-size:14px}



}

@media only screen and (max-width: 375px) {

textarea, input[type="text"]{width:92%}



}	

@media only screen and (max-width: 320px) {



}