/* CSS STYLE RESET */
@font-face {
    font-family: Lato;
    src: url("Lato-Regular.eot");
}
@font-face {
    font-family: Lato;
    src: url("Lato-Bold.eot");
}
@font-face {
    font-family: Lato;
    src: url("Lato-Light.eot");
}

*, ::after, ::before {
    box-sizing: border-box;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
	font-family: Lato; font-weight: normal;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
.body-container, header, .columns, .left_column, #avis-header, #avis-legal, #footer_box, #footer_text, #footer_img img, #footer_slogan{float:left;}
.right_column{float:right}

/* #####################
		TEMPLATE
   #####################*/

body{background:url(images/bck.jpg) repeat-x #fff;}
.body-container{width:100%;}


.container{
    width: 100%;
    position:relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media(min-width:576px) {.container{max-width:540px;}}
@media(min-width:768px) {.container{max-width:720px;}}
@media(min-width:992px) {.container{max-width:960px;}}
@media(min-width:1200px) {.container{max-width:1140px;}}

.header_container{background:#537A79; position: fixed; z-index:999; height: 208px;}
.header_container .container{height: 208px;}
@media(min-width:1200px) {
   .header_container .container {padding:0px;} 
}
header{width:100%; max-width:1140px;position:relative;}
.images{position: absolute; max-width: 1140px; width:100%;}
.logo{float: left; margin-top: 65px;}
.trapeze{float: left; margin-top: 117px;}
.h1box{float: right; margin-top: 24px;position:relative;z-index:2;}
h1{font-size:26px; line-height:32px; font-weight: 300; color:#b4a77d; text-transform: uppercase; display: inline;}
.h1box > a {text-decoration:none;}
.h1box > a span{font-size: 26px; font-weight: 400; color: #FFFFFF; margin-left: 24px;}
.hamburger {
    display:none;
    z-index: 999;
    width: 32px;
    height: 32px;
    background: 0 0;
    border: none;
    cursor: pointer;
    position: fixed;
}
.hamburger:before {
    content: '';
    width: 60px;
    height: 60px;
    background-color:white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.hamburger.is-closed .hamb-bottom, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-top, .hamburger.is-open .hamb-bottom, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-top {
    position: absolute;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #fff;
}
.hamburger.is-closed .hamb-top {
    top: 5px;
    transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
    bottom: 5px;
    transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top {
    transform: rotate(45deg);
    transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle {
    display: none;
}
.hamburger.is-open .hamb-bottom {
    transform: rotate(-45deg);
    transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-bottom, .hamburger.is-open .hamb-top {
    top: 50%;
    margin-top: -2px;
}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
    background-color: #292929;
}
.menu{float: right; margin: 157px 0px 0px -50px; width: 604px;}
.menu li{float:left; margin-right:px;}
.menu li a{font-size: 14px; font-weight: 400; color: #292929; text-transform:uppercase; text-decoration:none; padding: 30px 10px 12px; margin-left: 2px;}
.menu_active{background-color: #FFFFFF;}

.bgcolor{width: 100%; position: fixed; z-index: -1;}
.bgcolorgauche{width: 50%; height: 208px; float: left; background-image: url("images/bgheadergauche.png");}
.bgcolordroite{width: 50%; height: 208px; float: left; background-image: url("images/bgheaderdroite.png");}

@media(max-width:1199px) {
    .header_container .h1box {
        transform: scale(0.8) translateX(10%);
        margin-top:15px;
    }
    .header_container .hamburger {
        display:block;
        top:calc(208px - 70px);
        right:calc((100vw - 960px)/2 + 15px + 5px);
    }
    .header_container .menu {
       position:absolute;
       float:unset;
       margin:unset;
       width:auto;
       height:100vh;
       top:208px;
       right:-300px;
       background-color:#B2A67C;
       transform: translateX(calc((100vw - 960px)/2 + 7.5px));
       transition:right 0.3s ease;
       box-shadow:0px 10px 10px black;
   }
   .header_container .menu.show {
       right:0px;
   }
   .header_container .menu > li {
       display:block;
       float:unset;
   }
   .header_container .menu > li > a {
       display:block;
       margin:0px;
       padding: 15px 20px;
       width:250px;
   }
   .header_container .menu > li > a:hover {
       color:#537A79;
   }
}
@media(max-width:991px) {
    .header_container .h1box {
        float:left;
        transform: scale(0.8) translateX(-8%);
        margin-top:10px;
    }
    .header_container .menu {
       transform: translateX(calc((100vw - 720px)/2 + 7.5px));
   }
   .header_container .hamburger {
       right:calc((100vw - 720px)/2 + 15px + 5px);
   }
}
@media(max-width:767px) {
    .header_container,
    .header_container .container {
        height:136px;
    }
    .top_container {
        margin-top: 136px!important;
    }
    .top_container > .container {
        max-width:100%!important;
    }
    .header_container .menu {
        top:92px;
       transform: translateX(calc((100vw - 540px)/2 + 7.5px));
   }
   .header_container .hamburger {
       top: 76px;
       right:14px;
   }
   .header_container .images .trapeze {
       margin-top:38px;
       width:42px;
   }
   .header_container .bgcolor .bgcolorgauche,
   .header_container .bgcolor .bgcolordroite {
        background-position-y: bottom;
        background-size: 1px 123px;
        height:136px;
        background-repeat: repeat-x;
   }
    .header_container .h1box {
       float:unset;
       transform:unset;
       width: fit-content;
       margin-top:8px;
       margin-left:13px;
    }
    .header_container .h1box h1,
    .header_container .h1box span {
       font-size:16px;
       line-height:18px;
    }
    .header_container .images .logo {
       width:295px;
       margin-top:8px;
   }
}
@media(max-width:575px) {
    .header_container .menu {
        top:74px;
       transform: translateX(15px);
   }
   .header_container .h1box {
       width: 100%;
       margin-top:8px;
       margin-left:0px;
       text-align:center;
       height:34px;
    }
    .header_container .h1box h1,
    .header_container .h1box span {
       font-size:14px;
       line-height:16px;
    }
    .header_container .h1box span {
       margin-left:3px;
       text-wrap: nowrap;
    }
    .header_container .images .logo {
       width:230px;
       margin-top:8px;
   }
   .header_container,
    .header_container .container {
        height:116px;
    }
    .top_container {
        margin-top: 116px!important;
    }
    .header_container .bgcolor .bgcolorgauche,
   .header_container .bgcolor .bgcolordroite {
        background-position-y: bottom;
        background-size: 1px 96px;
        height:116px;
        background-repeat-y:no-repeat;
   }
   .header_container .images .trapeze {
       margin-top:32px;
       width:33px;
   }
   .header_container .hamburger {
       top: 59px;
   }
}

.top_container{background: #37322C; background-image: url("images/brickwall.png"); padding: 35px 0px 45px; margin-top:208px;}
.slider{float:left;width:100%;}


.main_container{background: #FFFFFF; padding: 50px 0px 20px; position:relative; z-index:10;}

.main_container .left_column{width:100%;}
#addthis{float: left; width: 100%; margin-bottom: 30px;}
.main_container .left_column h2{font-size: 24px; color: #292929; font-weight: 300; line-height: 36px; margin-bottom: 16px; text-transform:uppercase;}
@media(min-width:576px) {
.main_container .left_column h2 {font-size: 32px; line-height: 42px;margin-bottom: 24px;}
}
@media(min-width:992px) {
.main_container .left_column{width:calc(100% - 330px);padding-right:30px;}
.main_container .left_column h2 {font-size: 40px; line-height: 46px;margin-bottom: 32px;}
}
@media(min-width:1200px) {
.main_container .left_column h2 {font-size: 48px; line-height: 52px;}
}



.main_container .left_column p{font-size: 16px; line-height:27px; font-weight: 400; margin-bottom: 30px; color: #292929;}
.main_container .left_column .scrollto{font-size: 22px; color: #537A79; line-height: 27px; text-decoration: underline;}

.main_container .right_column{text-align:center;width:100%; border-style: solid; border-color: #D7D7D7; border-width: 2px; margin-bottom:30px; padding: 32px 32px 46px;}
@media(min-width:992px) {
.main_container .right_column{text-align:left;width:330px; margin-top: 30px;}
}
.main_container .right_column p.name{margin-bottom: 12px;}
.main_container .right_column span.name1{font-size: 30px; color: #000000; font-weight: 300;}
.main_container .right_column span.name2{font-size: 14px; color: #000000; font-weight: 400; padding-bottom: 6px; border-bottom-style: solid; border-color: #537A79; border-width: 1px;}
.main_container .right_column p.adr{font-size: 23px; color: #727272; font-weight: 400; margin-bottom: 15px; line-height: 32px;}
.main_container .right_column a.map{font-size:px; color:#; margin-bottom:px;}
.main_container .right_column p.tel{font-size: 40px; color: #B2A67C; font-weight: 400; margin-bottom: 35px;}
.main_container .right_column p.tel a{color: #B2A67C; text-decoration:none;} /* Pour safari */
.main_container .right_column a.site{font-size:px; color:#; margin-bottom:px;}
.main_container .right_column .courriel{font-size: 25px; color: #FFFFFF; font-weight: 300; padding: 9px 36px; background-color: #537A79; border-radius: 25px;}
/*.main_container .right_column p{font-size:px; line-height:px; font-weight:; margin-bottom:px; color:#;}*/


.couture_container{background: #B2A67C; position:relative; z-index:6; padding: 262px 0px 48px; margin-top: -208px;}
.couture_container .container{position: relative;}
.couture_container .container img{width:100%;height:100%;}
.couture{background-color: #FFFFFF; max-width: 829px; padding:36px 30px 30px; margin-left: 191px; margin-top:-50%;position:relative;}
.couture h3{font-weight: 300; font-size: 32px; line-height:42px; color: #000000; border-bottom-style: solid; border-width: 4px; border-color: #537A79; padding-bottom: 8px; margin-bottom: 16px;}
.couture p.description{font-weight: 400; font-size: 16px; color: #000000; line-height: 27px; margin-bottom: 28px;}
.couture p.communiquer{font-weight: 400; font-size: 22px; color: #000000; margin-bottom: 38px;}
.couture_container .couture .courriel{font-size: 20px; color: #FFFFFF; font-weight: 300; padding: 11px 24px; background-color: #537A79; border-radius: 25px; margin-right: 16px;}
.couture_container .couture .estimation{font-size: 20px; color: #FFFFFF; font-weight: 300; padding: 11px 24px; background-color: #000000; border-radius: 25px;}
@media(max-width:1199px) {
    .couture_container .couture p.communiquer {
        margin-bottom:15px;
    }
   .couture_container .couture > span {
       margin-top:8px;
       display:inline-block;
   }
}
@media(max-width:991px) {
    .couture_container .couture {
        margin-left:0px;
    }
}
@media(min-width:576px) {
.couture_container .couture {padding:36px 42px 32px 42px;}
.couture_container .couture h3 {font-size: 40px; line-height: 46px}
}
@media(min-width:768px) {
.couture_container .couture {padding: 58px 68px 42px 68px;margin-top:0px;position:initial;}
.couture_container .couture h3 {width:calc(100% - 190px);}
.couture_container .container img{float:right; margin-top: 35px; margin-right: 31px; padding-left:15px;width:initial;height:initial;}
}
@media(min-width:992px) {
.couture_container .couture {padding: 58px 68px 42px 116px;}
.couture_container .couture h3 {font-size: 55px; line-height: 55px; width:100%;}
.couture_container .container img{position: absolute; left: 38px; top:28px; margin:0px; padding:0px;}
}

.services_container{background: #537A79; position:relative; z-index:5; padding: 328px 0px 35px; margin-top: -208px;}
.services_container .container{position:relative;}
.services_container .left_column{max-width: 522px; min-height: 515px;background-color: #FFFFFF; text-align: center; padding: 184px 35px 70px; position: relative; margin-left: 13px;}
.services_container .right_column{max-width: 522px; min-height: 515px;background-color: #FFFFFF; text-align: center; padding: 184px 35px 70px; position: relative; margin-right: 13px;}
.services_container h3{font-size: 46px; color: #000000; font-weight: 300; line-height: 54px; margin-bottom: 9px; text-transform:uppercase;}
.services_container p{font-size: 15px; line-height: 22px; font-weight: 400; color: #000000;}
.services_container  .information{font-size: 15px; color: #FFFFFF; font-weight: 400; padding: 11px 24px; background-color: #B2A67C; border-radius: 25px; position: absolute; bottom: 20px;left: 50%;transform: translateX(-50%);width: max-content;}
.services_image{width: 377px; height: 294px; background-image: url("images/shadow.png"); padding: 29px; position: absolute; z-index: 8;}
.img_gauche{top: -108px; left: 100px;}
.img_droite{top: -108px; right: 100px;}

@media(max-width:1199px) {
    .services_container .left_column,
    .services_container .right_column{
        margin:0px;
        width: calc(50% - 15px);
        min-height: 510px;
    }
    .img_gauche{left: 25%;transform: translateX(-50%);}
    .img_droite{right: 25%;transform: translateX(50%);}
}
@media(max-width:991px) {
    .services_container .left_column,
    .services_container .right_column{
        min-height: 540px;
        padding: 160px 35px 40px;
    }
    .services_container h3 {font-size: 36px; line-height:42px;}
    .img_gauche{left: 25%;transform: translateX(-50%) scale(0.8);}
    .img_droite{right: 25%;transform: translateX(50%) scale(0.8);}
}
@media(max-width:768px) {
    .services_container .left_column,
    .services_container .right_column{
        min-height: unset;
        width:100%;
        padding: 160px 35px 75px;
        float:unset;
    }
    .services_container h3 {font-size: 36px; line-height:42px;}
    .services_image {background-repeat: no-repeat;left:unset;right:unset;top:unset;position:relative;transform:unset;margin:auto;margin-bottom:-165px;}
    .services_container .left_column{margin-bottom:30px;}
}
@media(max-width:768px) {
    .services_container {
        padding-top:228px;
    }
    .services_image {position:relative;left:50%;margin:0;transform: translateX(-50%) scale(0.8);}
    .services_container .left_column,
    .services_container .right_column{
        padding: 140px 35px 75px;
        margin-top:-165px;
    }
}

/*.services{float:left; width:100%;}
.services ul{width: 100%; margin-left:25px;}
.services ul li{margin-bottom:15px; font-size:px; color:#; list-style:url(images/puce.png);}
.services_container .right_column h3{font-size:px; color:#; font-weight:; line-height:px; margin-bottom:px; text-transform:uppercase;}*/





.infos_container{background: #FFFFFF; padding-top: 226px; margin-top: -208px;}
.map{float: right; width: 300px;}

@media(max-width:1199px) {
    .infos_container #contactForm {
        width:calc(50% - 15px);
    }
    .infos_container #infos_client {
        position: absolute;
        left: 75%;
        transform: translateX(-50%);
        margin:0;
        margin-top: 65px;
    }
    .infos_container .map {
        float:none;
        width:100%;
    }
    .infos_container .map > iframe {
        width:100%;
        height: 350px;
        margin-top:30px;
    }
}
@media(max-width:767px) {
    .infos_container #contactForm {
        width:100%;
    }
    .infos_container #infos_client {
        position:initial;
        left:unset;
        transform:unset;
        margin-top:30px;
        width:100%;
        border: 2px solid #D7D7D7;
        text-align:center;
        padding: 32px 32px 46px;
    }
    .infos_container .map > iframe {
        width:100%;
        height: 350px;
        margin-top:30px;
    }
}

#infos_client{float:left; width:278px; margin: 65px 0px 0px 62px;}
#infos_client img.logo2{width: 251px; height: 74px; margin-bottom: 12px;}
#infos_client p.name{margin-bottom: 12px;}
#infos_client span.name1{font-size: 30px; color: #000000; font-weight: 300;}
#infos_client span.name2{font-size: 14px; color: #000000; font-weight: 400;}
#infos_client p.adr{font-size: 23px; color: #727272; font-weight: 400; margin-bottom: 15px; line-height: 32px;}
#infos_client a.map{font-size:px; color:#; margin-bottom:px;}
#infos_client p.tel{font-size: 40px; color: #B2A67C; font-weight: 400; margin-bottom: 23px;}
#infos_client p.tel a{color: #B2A67C; text-decoration:none;} /* Pour safari */
#infos_client a.site{font-size: 14px; color: #537A79; margin-bottom: 0px;}

#contactForm{float: left; width: 390px; padding:22px 25px 15PX; background: #D7D2C2;}
#form_title{font-size: 39px; font-weight: 400; color: #537A79; text-transform:uppercase; margin-bottom: -3px;}
#label_select{font-size: 21px; font-weight: 400; color: #000000; margin-bottom: 8px;}
#contact_form_message{float:left; color:#000; margin-top:10px; margin-left:0px;}
#contact_submit{float:right; font-size: 16px; font-weight: 400; color: #fff; background: #537A79; padding:8px 10px; border:none; text-transform:uppercase; cursor:pointer;}
#contactForm select{float:left; font-family: Lato; width:100%; height:30px; padding:5px; margin-bottom:10px;}
#contactForm input[type='text']{float:left; font-family: Lato; width:96%; height:20px; padding:1.5%; margin-bottom:10px;}
#contactForm textarea{float:left; font-family: Lato; width:97%; height:120px; padding:1.5%; margin-bottom:10px;}


.articles_container{background:#;}
#articles_rss{float: left; width: 1100px; margin-top: 20px; background: #fff; padding:20px;}
article{width: 365px; float:left; margin-right:20px;}
article img{float:left; margin-right:10px;}
article h4 a{font-size:px; color:#; text-transform:uppercase;}
article h4 a:hover{background-color:#;}
article p{font-size:px; line-height:px; color:#; margin-bottom:px;}
article p a{color:#; font-size:px;}
article p a:hover{background-color:#;}

#nouvelles-rss{float: left; width:330px;}
#nouvelles-rss h4{font-size:px; color:#; text-transform:uppercase; margin-bottom:px;}
#nouvelles-rss h4 img{margin-bottom:-2px;}
.chunk p{font-size:px; color:#; margin-bottom:px;}
.chunk a{color:#; font-size:px; text-decoration:none;}


#infinite-adsense{width:100%; float:left;}
#adsense{width:970px; margin:15px auto;}

#avis-legal{width:1100px; padding:20px; background:#fff; line-height:18px; font-size:12px;}
#avis-header{width:1100px; padding:20px; background:#fff; text-align:center; font-size:25px; font-weight:bold; margin:20px 0;}

.scrollto{cursor:pointer;}
.errorHighlight{border: solid 1px #d82424!important}

#footer_box{width:100%; background: #253A39; padding:10px 0px 35px 0px; margin:10px 0 0 0;}
footer{margin:auto; text-align: center; padding: 10px 20px 10px 60px; color: #fff; font-size: 12px}
#footer_text{text-align: left; line-height: 22px; margin: 4.5px 0 0 0; float:left; color:#fff; font-size: 12px}
#footer_text a{color: #fff}
#footer_img{float: right; width: 170px;}
#footer_img img{margin: 0 12px 0 0;}
#footer_slogan{width: 170px; text-align: left; margin: 6px 0 0 0; font-size: 11px}
#footer_slogan a{color: #ddd; text-decoration: none; font-size:10px;}

@media(max-width:767px) {
    footer {padding:10px 20px;}
    #footer_box {padding-bottom:15px;}
    #footer_text {float:unset;width: 100%; display:block; text-align:center;}
    #footer_img  {float:unset;width: 100%; display:block; text-align:center;}
    #footer_img img {float:unset; margin-top:10px;}
}

#toTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 64px;
    height: 64px;
    background-image: url('images/up.png');
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
#toTop:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

/*Slider Default style*/

/* Style bouton prev et next */
.bjqs-next a{width: 38px; height: 34px; background-image: url(images/next.png); background-repeat: no-repeat; position:relative; z-index: 30;}
.bjqs-prev a{width: 38px; height: 34px; background-image: url(images/prev.png); background-repeat: no-repeat; position:relative; z-index: 30;}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;width:100%!important;height:auto!important;aspect-ratio:19/6;}
li.bjqs-slide{position:absolute; display:none;width:100%!important;height:auto!important;aspect-ratio:19/6;}
li.bjqs-slide > img {width:100%;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;top:50%!important;transform:translateY(-50%);}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

pre{
	font-family: "Source Code Pro", monospace;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: whiteSmoke;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#banner-fade,
#banner-slide{
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	position: relative; z-index: 1!important;
	width:100%!important;
	height:auto!important;
	aspect-ratio:19/6;
}


ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}