/* IMPORT FONTS */



@font-face {

    font-family: 'typold-l';

    src: url('../fonts/typold-light.eot');

    src: url('../fonts/typold-light.eot?#iefix') format('embedded-opentype'),

        url('../fonts/typold-light.woff2') format('woff2'),

        url('../fonts/typold-light.woff') format('woff'),

        url('../fonts/typold-light.ttf') format('truetype'),

        url('../fonts/typold-light.svg#typold-light') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'typold-l-it';

    src: url('../fonts/typold-lightitalic.eot');

    src: url('../fonts/typold-lightitalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/typold-lightitalic.woff2') format('woff2'),

        url('../fonts/typold-lightitalic.woff') format('woff'),

        url('../fonts/typold-lightitalic.ttf') format('truetype'),

        url('../fonts/typold-lightitalic.svg#typold-lightitalic') format('svg');

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'typold-b';

    src: url('../fonts/typold-bold.eot');

    src: url('../fonts/typold-bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/typold-bold.woff2') format('woff2'),

        url('../fonts/typold-bold.woff') format('woff'),

        url('../fonts/typold-bold.ttf') format('truetype'),

        url('../fonts/typold-bold.svg#typold-bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'barlow-cd-m';

    src: url('../fonts/barlowsemicondensed-medium.eot');

    src: url('../fonts/barlowsemicondensed-medium.eot?#iefix') format('embedded-opentype'),

        url('../fonts/barlowsemicondensed-medium.woff2') format('woff2'),

        url('../fonts/barlowsemicondensed-medium.woff') format('woff'),

        url('../fonts/barlowsemicondensed-medium.ttf') format('truetype'),

        url('../fonts/barlowsemicondensed-medium.svg#barlowsemicondensed-medium') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}





/* RESET */

body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}

article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display:block;}

input, textarea,select												{ -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0;}

*															{ outline:none !important;}

strong, b													{ }

ul															{ list-style-type:none;}

body                                                        { font:normal 21px/34px typold-l, Arial; color:#3C3C3B;}

body *                                                      { box-sizing:border-box; outline:0 }

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

img															{ border:none;}

p{ margin-bottom: 20px }







/* CLASS */

.clear							          					{ clear:both; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; display:block;}

.clr:after                                                  { content:''; display:table; width:100%; clear:both}

.slick-dots{display: flex;justify-content: center;}

.slick-dots button{ font-size: 0;line-height: 0;text-indent: -99999;width: 16px;height: 16px;border:1px solid #C7B88F ;background: transparent;border-radius: 50%;padding: 0;}

.wrapper            { max-width: 1222px;padding: 0 40px;margin: auto; }

.slick-dots li{ margin: 0 6px; font-size: 0;line-height: 0;text-indent: -99999 }

.slick-dots li.slick-active button{ background-color:#C7B88F ; }

.titre{ font:normal 65px/78px barlow-cd-m, Arial;}

.s-titre{font:normal 48px/58px barlow-cd-m, Arial; }

.titre span{ color: #C7B88F;}

.blcTitre{ position: relative;display: inline-block; padding-left: 30px;background:url(../images/deco-titre)0 5px  no-repeat;margin-bottom: 25px;}



.d-flex{ display: flex;flex-wrap: wrap; }

.justify-content-center{ justify-content: center; }

.align-items-center{ align-items: center; }

.align-items-start{ align-items: flex-start; }

.align-items-end{ align-items: flex-end; }

.justify-content-space-between{ justify-content: space-between; }

.justify-content-end{ justify-content: flex-end; }

.justify-content-start{ justify-content: flex-start; }

.flex-column{ flex-direction: column; }

.flex-row-reverse{ flex-direction: row-reverse; }

.mt_100{ margin-top: 100px; }

.mt_60{ margin-top: 60px; }

.mb_100{ margin-bottom: 100px; }

.pt_100{ padding-top: 100px; }

.pb_100{ padding-bottom: 100px; }

.text-center{ text-align: center;}



.slick-prev,

.slick-next                                                 { width:36px; height:36px; background:none;  z-index:50; cursor:pointer; text-indent:-9999px; outline:none; border:2px solid #C7B88F;padding:0;border-radius: 50%;background-size: 16px!important;}



.slick-next {  background:url(../images/arrow-right.svg)center no-repeat;position: absolute;right: 0;top: 50%;margin-top: -18px;}

.slick-prev {  background:url(../images/arrow-left.svg)center no-repeat;position: absolute;left: 0;top: 50%;margin-top: -18px;}

.slick-dots li {display: inline-block;height: 22px;margin: 0 5px}

.link{ display: inline-block;padding: 28px 55px;font:normal 20px/24px barlow-cd-m, Arial;color: #ffffff;text-transform: uppercase;background: #C7B88F; }
.blcSend .link{ color: #ffffff!important;background: #C7B88F!important;  }

.link.outline{ background: transparent;border-color: #ffffff;}

.link.outline.dark{ border-color: #aaaaaa;color:#1a1b1c}

.link.white{ background-color: #ffffff;color:#1a1b1c;border-color: #ffffff;}





/* HEADER */

.section-banner{ min-height: 600px;height: 100vh;background-position: center;background-size: cover;position: relative;}

.section-banner:before{ content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:#3C3C3B;opacity: 0.8;}

.logo{ position: absolute;width: 260px;display: block;left: 0;right: 0;margin: auto;top: 0;z-index: 20;}

.logo img{ width: 100%;}

.section-banner .content{ height: 100%;padding-top:232px;z-index: 10;position: relative;}

.section-banner .titre{ color:#ffffff;text-transform: uppercase;margin-bottom: 20px;}

.section-banner .text-banner{ max-width: 1074px;margin:auto;width: 100%;text-align: center;color: #C7B88F;}

.section-banner .text-banner p{ max-width: 610px;margin-left: auto;margin-right: auto;}

.section-banner .link{ margin-top: 25px;}

.deco-banner{ position: absolute;right: 82px;top: 0;width: 306px;}

.deco-banner img{ width: 100%;display: block;}

.avis-google{ position: absolute;right: 65px;bottom: 30px;}

.scrolldown{ width: 36px;height: 36px;border:2px solid #C7B88F;border-radius: 50%;background:url(../images/arrow-scrolldown.svg)center no-repeat;margin: auto;display: none;animation: MoveUpDown 1s infinite ease-in-out; }

@keyframes MoveUpDown {

    0% {

      background-position-y: 7px;

    }

    50% {

     background-position-y: 10px;

    }

    100% {

      background-position-y: 7px;

    }

  }

.deco-fixe{ width: 41px;margin:25px auto 0}

.deco-fixe img{ width: 100%;display: block;}

.blcFixe{ position: fixed;width: 88px;height: 100vh;background: #ffffff;left: 0;top: 0;z-index: 40;}

.blcFixe .text-tel{display: inline-block;margin-left: 28px;}

.blcFixe .tel{    font: normal 20px/24px barlow-cd-m, Arial;text-transform: uppercase;color: #C7B88F;height: 88px;display: inline-flex;align-items: center;position: absolute;bottom: 77px;width: 242px;transform: rotate(-90deg);left: -77px;}

.blcFixe  .icon{ display: block;width: 88px;height: 88px;background:url(../images/phone.svg)center no-repeat #C7B88F;background-size: 24px;transform: rotate(90deg);}

#slideApropos .slick-list,
#slideApropos .slick-track{
    height: 100%;
}



.section-apropos .col{ width: 50%;}

.section-apropos .col img{ width: 100%;display: block;height: 100%;object-fit: cover}

.section-apropos .col-left{ padding-left: 88px;background-color: #3C3C3B;}

.section-apropos .col-left .top{ color: #C7B88F;padding: 125px 50px;height: calc(100% - 670px);}

.section-apropos .col-left .bottom{ height: 670px;}

.section-apropos .col-left .content{ max-width: 653px;}

.section-apropos .col-left .titre{ margin-bottom: 40px;color: #ffffff;}

.section-apropos .col-left .link{ margin-top: 30px;}

.section-apropos .col-right{ background-color: #C7B88F;}

.section-apropos .col-right .top{ height: calc(100% - 362px);}

.section-apropos .col-right .bottom{ height: 362px;text-transform: uppercase;padding: 40px;}

.section-apropos .s-titre{ color: #ffffff;}
.section-apropos .s-titre p{ margin-bottom: 7px;}



.section-atout{ position: relative;}

.section-atout .wrapper{ max-width: 1648px;text-align: center;}

.section-atout .titre{ margin-bottom: 50px;}

.titre-atout{ font:normal 30px/36px barlow-cd-m, Arial;text-transform: uppercase;color: #C7B88F;margin-bottom: 20px;}

.section-atout .list .item{ padding: 0 30px;}

.section-atout .list{ position: relative;}

.section-atout .link{ margin-top: 40px;}

.deco-atout{ position: absolute;right: 0;top: 0;}



.section-formulaire{ background: #3C3C3B;color:#ffffff}

.section-formulaire .titre{ text-transform: uppercase;margin-bottom: 15px;color:#fff !important;}

.section-formulaire .s-titre{ font-size: 30px;line-height: 36px;text-transform: uppercase;}

.section-formulaire .col{ padding: 0 15px;margin-bottom: 30px;}

.col-50{ width: 50%;}

.col-100{ width: 100%;}

select,input:not([type="checkbox"]),textarea{ height: 80px;border:1px solid #ffffff;padding: 10px 30px;color:#878787;font:normal 20px/24px barlow-cd-m, Arial;display: block;width: 100%;color: #3C3C3B;}
select option{ line-height: 34px;min-height: 34px;}
select:focus,input:focus,textarea:focus{ border-color: #C7B88F;}

.col ::-webkit-input-placeholder               { opacity:0.47;color:#3C3C3B;text-transform: uppercase;}

.col ::-moz-placeholder                        { opacity:0.47;color:#3C3C3B;text-transform: uppercase;}

.col ::-ms-input-placeholder                   { opacity:0.47;color:#3C3C3B;text-transform: uppercase;}

select{ text-transform: uppercase;color: rgba(60, 60, 59, 0.47);background:url(../images/arrow-down.svg)calc(100% - 30px) center no-repeat #ffffff}

.blcCheckbox label{ font: normal 14px/24px typold-l, Arial;text-align: left;display: block;position: relative;min-height: 27px;cursor: pointer;}

.blcCheckbox label input{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.blcCheckbox label .wpcf7-list-item-label{ display: block;padding-left: 44px;position: relative;}

.blcCheckbox label .wpcf7-list-item-label:before{ content: '';width: 27px;height: 27px;border:2px solid #ffffff;border-radius: 5px;position: absolute;top: -2px;left: 0;box-sizing: border-box;}

.blcCheckbox label .wpcf7-list-item-label:after{ content:'';width: 27px;height: 20px;background:url(../images/check.png) center no-repeat;position: absolute;    top: 0px;left: 5px;opacity: 0;}

.blcCheckbox label input:checked + .wpcf7-list-item-label:after{ opacity: 1;}

.blcSend .link{ color: #ffffff;border:none}

.blcChp,

.blcSend{ margin: 0 -15px;}



.section-list-bien{ background-color: rgba(199, 184, 143, 0.2);}

.section-list-bien .item{ width: 33.33%;padding:20px;}

.section-list-bien .titre{ margin-bottom: 40px;}



.section-temoignage .wrapper{ max-width: 1612px;}

.section-temoignage .titre{ margin-bottom: 60px;}

.section-temoignage .auteur{ font: normal 24px/29px barlow-cd-m, Arial;text-transform: uppercase;color: #C7B88F;}

.section-temoignage .item{ padding: 0 66px;}

.section-temoignage .item .content{ max-width: 595px;margin: auto;}

.source{ display: inline-flex;align-items: center;}

.source img{ display: block;}

.avis{ font: normal 16px/34px typold-l-it,Arial;color:#C7B88F;margin-left: 10px;}


/*** PAGE OTHER ***/
.bg-beige{ background-color: rgba(199, 184, 143, 0.2);}
.pageOther{ padding: 60px 0;min-height: 600px;}
.pageOther .titre{ text-align: center;margin-bottom: 40px;}
.pageOther h2{ font: normal 30px/36px barlow-cd-m, Arial;text-transform: uppercase;color: #C7B88F;margin-bottom: 20px;margin-top: 40px;}
.pageOther h3{ font: normal 30px/36px barlow-cd-m, Arial;margin-bottom: 20px;}
.pageOther ul li{ padding-left: 30px;position: relative;margin-bottom: 14px;}
.pageOther ul li:before{ content: '';width: 10px;height:10px;position: absolute;left: 0;top: 14px;background: #C7B88F;}


/*** FOOTER ***/

.footer strong{ font:normal 21px/34px typold-b, Arial;color: #3C3C3B;}

.footer strong a,
.link-foot a{ color: #3C3C3B;}


.logo-foot{ display: inline-block;margin-bottom: 15px;}

.info-foot{ color:#C7B88F}
.footer{ position: relative;}

.footer .beativo{position: absolute;right: 75px;bottom: 25px;font-size: 15px;}
.beativo a{ padding-left: 23px;background: url(../images/beativo.jpg)0 3px no-repeat;min-height: 25px;display: inline-block;margin-left: 5px;}






@media (min-width:1025px) {

    body a,input,a,.blcFixe .tel .icon{ -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; }

   .link:hover{ background:#9B8E69 !important;color: #ffffff!important;}
   .link:focus{ color: #ffffff!important;}

   .blcFixe .tel:hover{ color:#9B8E69}

   .blcFixe .tel:hover .icon{ background-color: #9B8E69;}

   .footer strong a:hover,
   .footer .link-foot a:hover{ color:#C7B88F}

   .footer a:hover{ color:#3C3C3B }

   .logo-foot:hover,

   .logo:hover{ opacity: 0.8;}
   .blcSend .link:hover{ background:#9B8E69 !important;}





}



@media (max-width:1680px) {

    .section-atout,

    .section-formulaire,

    .section-list-bien,

    .section-temoignage{ padding-left: 88px;}



}





@media (max-width:1440px) {

    .deco-banner {width: 195px;}

    .titre {font: normal 45px/60px barlow-cd-m, Arial;}

    .logo {top:65px}

    .section-banner .content{ padding-top: 160px;}

    .s-titre {font: normal 34px/40px barlow-cd-m, Arial;}

    .section-apropos .col-right .bottom{ height: 250px;}

    .section-apropos .col-right .top {height: calc(100% - 250px);}

    .section-apropos .col-left .bottom{ height: 558px;}

    .section-apropos .col-left .top{height: calc(100% - 558px); }

    body {font: normal 18px/27px typold-l, Arial;}

    .titre-atout {font: normal 22px/30px barlow-cd-m, Arial;}

    .section-atout .list .item{ padding: 0 20px;}

    .pt_100{ padding-top: 60px;}

    .pb_100{ padding-bottom: 60px;}

    .mb_100{ margin-bottom: 60px;}

    .mt_100{ margin-top: 60px;}

    .section-atout .link{ margin-top: 10px;}

    .section-apropos .col-left .top{ padding: 80px 50px;}

    .deco-atout img{ width: 60px;}
    .pageOther ul li:before {top: 11px;}



}

@media (max-width:1280px) {

    .logo{ top: 0;width: 200px}

    .deco-banner { width: 100px;}

    .section-banner .content {padding-top: 123px;}

    .section-atout .list{ padding: 0 40px;}

    .section-atout .link{ margin-top: 40px;}

    .deco-atout{ display: none;}



}



@media (max-width:1025px) {

    .blcFixe{ position: fixed;height: auto; width: 100%;display: flex;justify-content: space-between;align-items: center;padding-left: 40px;top: inherit;bottom: 0;z-index: 99;}

    .blcFixe .tel { position: static;transform: rotate(0deg);flex-direction: row-reverse;width: auto;}

    .deco-fixe {margin:0}

    .blcFixe .text-tel{ margin-right: 15px;}

    .section-apropos .col-left{ padding-left: 0;display: flex;flex-direction: column-reverse;}

    .section-apropos .col-left .content{ max-width: 100%;}

    .section-apropos .col-left .top{ height: auto;}

    .section-apropos .col-left .bottom{ height: auto;}

    .section-apropos .col img{ height: auto;max-height: 600px;}

    .section-apropos .col{ width: 100%;}

    .section-apropos .col-right .top{ height: auto;}

    .section-apropos .col-right .bottom{ height: auto;}

    .section-atout, .section-formulaire, .section-list-bien, .section-temoignage {padding-left: 0;}

    .section-list-bien .item img{ width: 100%;}

    .section-temoignage .item{ padding: 0 20px;}

    .blcFixe .icon{ transform: rotate(0);}
    .footer.pb_100{ padding-bottom: 100px;}
    .footer .beativo{position: static;margin-top: 15px;}





}



@media (max-width:991px) {

    .logo{
        top: 0;
    }

    .section-banner{ height: auto;}

    .section-banner .content{ padding-top:260px;flex-direction: column;}

    .avis-google{ position: static;margin: 40px 0;}

    .deco-banner{ display: none;}

    .col-50{ width: 100%;}

    .section-list-bien .item { width: 50%;}

    .section-temoignage .slick-dots{ margin-top: 40px;}

    .titre {font: normal 30px/40px barlow-cd-m, Arial;}

    .titre br{ display: none;}

    .section-atout .wrapper{ padding: 0 20px;}

    .section-atout .item br{ display: none;}

    .scrolldown{ display: block;margin: 0 auto 40px;}
    .pageOther h2 {font: normal 22px/30px barlow-cd-m, Arial;}

}

@media (max-width:601px) {

    .logo{ width: 200px;top: 35px}

    .section-banner .content{ padding: 240px 20px 40px;}

    .section-banner .text-banner{ max-width: 304px;}

    .link {padding: 24px 25px;font: normal 16px/19px barlow-cd-m, Arial;}

    .section-apropos .col-left .top{ padding: 50px 40px;}

    .section-apropos .col-left .link{ margin-top: 8px;}

    .s-titre {font: normal 22px/26px barlow-cd-m, Arial;}

    .section-formulaire .col{ margin-bottom: 15px;}

    .blcChp.blcCheckbox{ margin-top: 15px;}

    .wrapper{ padding: 0 20px;}

    .section-temoignage .item{ padding: 0 40px;}

    .section-temoignage .slick-prev,

    .section-temoignage .slick-next{ margin-top: -48px;}

    .logo-foot img{ width: 100%;}

    .logo-foot{ width: 185px;margin-bottom: 35px;}

    .info-foot i{ display: none;}

    .info-foot span{ display: block;}

    .info-foot strong{ display: block;margin-top: 28px;}

    .scrolldown{ margin-bottom: 0;}
    .blcFixe .icon,
    .blcFixe .tel{ height: 80px;}









}



@media (max-width:480px) {

    .section-list-bien .item{ width: 320px;margin:auto}

}
@media (max-width:389px) {
    .section-apropos .col-right .bottom{ padding: 40px 20px;}
    .titre {font: normal 26px/40px barlow-cd-m, Arial;}
    .s-titre {font: normal 20px/25px barlow-cd-m, Arial;}
    .section-apropos .col-left .top {padding: 50px 20px;}
    .footer strong {font: normal 18px/34px typold-b, Arial;}
    .blcFixe{ padding-left: 20px;}
    .pageOther .titre{ font-size: 40px;}
    .link-foot a{ display: block;text-align: center;}
    .link-foot span{ display: none;}


}




input[type="radio"]:checked, input[type="reset"], input[type="checkbox"]:checked, input[type="checkbox"]:hover:checked, input[type="checkbox"]:focus:checked, input[type="range"]::-webkit-slider-thumb {
    background-color: transparent !important;
}


.blcSend .link {
  color: #ffffff;
  border: none;
}



.screen-reader-response {
  display: none;
}

.wpcf7-not-valid-tip {
  color: goldenrod;
  font-size: smaller;
}