@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap');
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#FFF;margin:0;padding:0;max-width:100%;width:100%}div,td{margin:0;padding:0;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s  ease-in-out;-o-transition:all 0.5s  ease-in-out;-ms-transition:all 0.5s  ease-in-out;transition:all 0.5s  ease-in-out}a{text-decoration:none;color:#1e3823;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s  ease-in-out;-o-transition:all 0.5s  ease-in-out;-ms-transition:all 0.5s  ease-in-out;transition:all 0.5s  ease-in-out}a:hover{color:var(--main-color);text-decoration:none}img{border:none;display:block;margin:0 auto}p{padding:10px 0;margin:0}h1,h2,h3,h4{font-weight:normal;margin:0;padding:0}h1{color:#1e3823;font-size:40px;font-weight:700;line-height:40px;}h2{font-size:30px;font-weight:700;padding:10px 0}h3{color:#290a01;font-size:20px;font-weight:600;padding:10px 0}ul h3{display:inline}address,menu{margin:0;padding:0;font-style:normal}input[type="text"],input[type="email"],input[type="tel"],input[type="mobile"],input[type="fax"],input[type="password"],textarea,select{font-family:Trebuchet MS,Tahoma,sans-serif,Verdana;font-size:13px;color:#3C3F3B;max-width:100%;width:100%;border:1px solid #2F2F2F;display:inline-block;background:#FFF}.menu-nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.photos ul{list-style:none;margin:0;padding:0}.photos a{display:block}.photos img{max-width:100%;height:auto}.none{display:none}.center,#center{text-align:center}.url{display:inline-block}.num{font-size:16px;font-weight:500;display:inline-block}.clearfix:after{content:"";display:table;clear:both}.container{margin:0 auto;}#smartnav{}.hiddenNav{display:none}.visibleNav{display:initial}#pageweb{margin:0 auto;max-width:1920px;overflow:hidden;width:100%}#site{margin:0 auto;max-width:1920px;overflow:hidden;width:100%}.top-central .bloc-nav{display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;padding:5px 0}.top-central .bloc-nav .page-nav .breadcrumb{background:transparent;border:none;font-size:12px;margin:0;padding:0}#corps{min-height:400px}.form-group{margin:0 0 10px 0}.form-group label,.form-group input.form-input,textarea.form-textarea{width:99%;display:block;margin:0 auto}input[type="text"],textarea,select{padding:8px 5px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn-form{margin:10px 0 0 0}.btn-submit-1,.btn-submit-2{background:#272727;border-color:var(--main-color);-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,0.5),0 1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 1px 0 rgba(120,200,230,0.5),0 1px 0 rgba(0,0,0,0.15);color:#fff;text-decoration:none;width:200px;padding:10px 16px;font-size:15px;border:1px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin:10px 0 0 0;cursor:pointer;text-transform:capitalize}.alert-is-requierd{color:var(--main-color)}.cont-contact{background:#0d67a4}.cont-contact div{color:#FFF}#divGoogleMap{text-align:center;width:100%}#googleMap{border:0px;width:100%;height:500px}.map-google iframe{margin:0;padding:0;border:none;width:100%;height:100%}p.titre-diapo{text-transform:uppercase;font-weight:bold}#diapo-container ul,#diapo-container ul li{margin:0;padding:0;list-style:none}#diapo-container .nav-diapo ul li{border-bottom:1px solid var(--main-color)}#diapo-container .nav-diapo ul li:first-child{border-top:1px solid var(--main-color)}#diapo-container .nav-diapo ul li a{display:block;padding:10px 0 10px 5px;text-transform:uppercase}#diapo-container .nav-diapo ul li.link-play a,#diapo-container .nav-diapo ul li a:hover{background:#0d67a4;color:var(--main-color)}#diapo-container .nav-diapo ul li a:hover{opacity:0.8}#diapo-container .nav-diapo ul{padding-left:5px}.nav-diapo{width:28%;float:left}#diapo-inner{width:70%;float:right}.nav-diapo .link-disable{cursor:not-allowed;opacity:0.4}@media only screen and (max-width: 599px){.pp_pic_holder{width:calc(100% - 20px) !important;left:10px !important;right:10px}.ppt{width:100% !important}.pp_content{width:100% !important;height:auto !important}.pp_hoverContainer{width:100% !important;height:auto !important}div.pp_default .pp_content_container .pp_details{width:100% !important}#pp_full_res{padding-right:5px}#pp_full_res img{max-width:100%;height:auto !important;width:100% !important}}@media only screen and (max-width: 479px){.contact-form{padding:0 5px 20px}.formulaire-contact label{max-width:inherit;width:auto}.formulaire-contact input{display:block;max-width:100%;margin:0 auto}}  

:root{
    --main-text: #191919;
    --grey: #f1eee6;
    --dark:#000;
    --ttl: #191919;
    --main-color: #60b5c4;
    --secondaire: #ff4819;
    --work-sans: 'Work Sans', sans-serif;
}
html{
    font-size: 62.5%;
}
body{
    font-family: var(--work-sans);
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: var(--main-text);
}
h1{
    font-weight: 600;
    color: var(--ttl);
    font-size: 3.6rem;
}
h2{
    font-weight: 500;
    font-size: 2.6rem;
}


.cc-color-override-530831885 .cc-btn {
    background-color: var(--secondaire)!important;
}
/*
color, bg*/
.white,
.a-white a{
    color: #fff!important;
}
.color-main{
    color: var(--main-color);
}
.color-secondaire{
    color: var(--secondaire);
}
.bg-white{
    background-color: #fff;
}
.bg-main{
    background-color: var(--main-color)!important;
}
.bg-secondaire{
    background-color: var(--secondaire)!important;
}
.bg-dark{
    background-color: var(--dark)!important;
}
.bg-grey{
    background-color: var(--grey);
}


/**********************************************************/
/***************************icon***************************/
/**********************************************************/

.icon{
    -webkit-mask-size: cover;
    mask-size: cover;
    mask-position: center;
}
.icon-form-1{
    min-width: 30px;
    height: 30px;
    margin-right: 10px;
}
.icon-contact-top{
    min-width: 30px;
    height: 30px;
    margin-right: 10px;
}
.icon-contact-footer{
    min-width: 20px;
    height: 20px;
    margin-right: 10px;
}
.icon-address{
    -webkit-mask: url(../images/icon-plan.svg);
    mask: url(../images/icon-plan.svg);
}
.icon-phone{
    -webkit-mask: url(../images/icon-tel.svg);
    mask: url(../images/icon-tel.svg);
}


/*nav
*/

#smartnav{
    background-color: var(--dark)!important;
}
.nav{    
    font-weight: 500;
    color: var(--dark);
}
.nav ul{
    display: flex;
    display: -ms-flexbox;
    margin: 0;
    padding: 0;
}
.nav ul li{
    list-style: none;
    display: flex;
    display: -ms-flexbox;
    min-height: 75px;
}
.nav ul li a{
    display: flex; 
    align-items: center;
    padding-left: 15px;   
    padding-right: 15px;
    color: #fff;
}
.nav ul li a span::first-letter{
    display: block;
    text-transform: uppercase;
}

.nav ul li a:hover{    
    background-color: var(--secondaire);
}


/**********************************************************/
/***************************main***************************/
/**********************************************************/


/*global
*/
.shadow-box{    
    background-color: #f9f9f9;
    box-shadow: 0px 0px 48px 0px rgb(0 0 0 / 17%);
}
.icon{
    -webkit-mask-size: cover;
    mask-size: cover;
    mask-position: center;    
}

.margin-30,
.margin-t-30,
.margin-y-30{
    margin-top: 30px;
}
.margin-30,
.margin-b-30,
.margin-y-30{
    margin-bottom: 30px;
}
.margin-30,
.margin-l-30,
.margin-x-30{
    margin-left: 30px;
}
.margin-30,
.margin-r-30,
.margin-x-30{
    margin-right: 30px;
}
.margin-50,
.margin-t-50,
.margin-y-30{
    margin-top: 50px;
}
.margin-50,
.margin-b-50,
.margin-y-50{
    margin-bottom: 50px;
}
.margin-50,
.margin-l-50,
.margin-x-50{
    margin-left: 50px;
}
.margin-50,
.margin-r-50
.margin-x-50{
    margin-right: 50px;
}
.margin-100,
.margin-t-100,
.margin-y-100{
    margin-top: 100px;
}
.margin-100,
.margin-b-100,
.margin-y-100{
    margin-bottom: 100px;
}
.margin-100,
.margin-l-100,
.margin-x-100{
    margin-left: 100px;
}
.margin-100,
.margin-r-100,
.margin-x-100{
    margin-right: 100px;
}
.padding-30,
.padding-t-30,
.padding-y-30{
    padding-top: 30px;
}
.padding-30,
.padding-b-30,
.padding-y-30{
    padding-bottom: 30px;
}
.padding-30,
.padding-l-30,
.padding-x-30{
    padding-left: 30px;
}
.padding-30,
.padding-r-30,
.padding-x-30{
    padding-right: 30px;
}
.padding-50,
.padding-t-50,
.padding-y-50{
    padding-top: 50px;
}
.padding-50,
.padding-b-50,
.padding-y-50{
    padding-bottom: 50px;
}
.padding-50,
.padding-l-50,
.padding-x-50{
    padding-left: 50px;
}
.padding-50,
.padding-r-50,
.padding-x-50{
    padding-right: 50px;
}
.padding-100,
.padding-t-100,
.padding-y-100{
    padding-top: 100px;
}
.padding-100,
.padding-b-100,
.padding-y-100{
    padding-bottom: 100px;
}
.padding-100,
.padding-l-100,
.padding-x-100{
    padding-left: 100px;
}
.padding-100,
.padding-r-100,
.padding-x-100{
    padding-right: 100px;
}


.border-radius-64{
    border-radius: 64px;
}
.border-radius-24{
    border-radius: 24px;
}


.picture img{
    width: 100%;
    height: auto;
}
/* .separator-container{
    padding-top: 20px;
    margin-bottom: 20px;
}
.separator-inner{
    background: url(../images/separator.png);
    width: 29px;
    height: 5px;
} */
.accentue{
    font-size: 2.4rem;
    color: var(--main-color);
}

.separator{
    display: flex;
    display: -ms-flexbox; 
    padding-top: 25px;   
}
.separator-left{
    justify-content: start;
}
.separator-center{
    justify-content: center;
}
.separator-right{
    justify-content: end;
}
.separator-inner-75{
    width: 75px;
    height: 2px;
    margin-bottom: 25px;
}
.separator-inner-30{
    width: 30px;
    height: 2px;
    margin-bottom: 25px;
}
.separator-main{
    background-color: var(--main-color);
}
.separator-light{
    background-color: #fff;
}
.separator-dark{
    background-color: var(--dark);
}

a{
    color: inherit;
}



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

.footer{
    background: var(--dark);
    color: #999494;
}
.f-address{
    max-width: 166px;
}
.f-text{
    font-size: 1.5rem;
}
.f-text h2{
    color: #fff;
    font-size: 2.4rem;
}
.f-text ul{
    margin: 0;
    padding: 0;
}
.f-text ul li{
    list-style: none;
    padding-top: 8px;
    padding-bottom: 8px;
}
.f-text ul li,
.f-text a{
    color:#999494;
}
.f-text ul li::first-letter{
    text-transform: uppercase;
}

.f-link ul li a:hover{
    color: var(--main-color);
}

.f-horaires  ul li:first-child{
    margin-bottom: 10px;
}
.com{
    background-color: #06121a;
    padding-top: 15px;
    padding-bottom: 15px;
}
.f-contact h2{
    text-align: center;
}



.justify-content-evenly{
    justify-content: space-evenly!important;
}
.justify-content-md-evenly{
    justify-content: space-evenly!important;
}
.split-25{
    width: 100%;
}
.split-75{
    width: 100%;
}
.container-25{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.container-75{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 480px) {
    
}

@media (min-width: 576px) {
    .justify-content-sm-evenly{
        justify-content: space-evenly!important;
    }
    .container-25{
        max-width: 540px;
    }
    .container-75{
        max-width: 540px;
    }
    .separator-sm-left{
        justify-content: start;
    }
    .separator-sm-center{
        justify-content: center;
    }
    .separator-sm-right{
        justify-content: end;
    }
}

@media (min-width: 768px) {
    .justify-content-md-evenly{
        justify-content: space-evenly!important;
    }
    .split-25{
        width: calc(((100% - 720px) / 2) + 180px);
    }
    .split-75{
        width: calc(((100% - 720px) / 2) + 540px);
    }
    .container-25{
        max-width: 180px;
    }
    .container-75{
        max-width: 540px;
    }
    .separator-md-left{
        justify-content: start;
    }
    .separator-md-center{
        justify-content: center;
    }
    .separator-md-right{
        justify-content: end;
    }
    .f-contact h2{
        text-align: left;
    }
}

@media (min-width: 992px) {
    .justify-content-lg-evenly{
        justify-content: space-evenly!important;
    }
    #smartnav{
        display:none
    }
    .split-25{
        width: calc(((100% - 960px) / 2) + 240px);
    }
    .split-75{
        width: calc(((100% - 960px) / 2) + 720px);
    }
    .container-25{
        max-width: 240px;
    }
    .container-75{
        max-width: 720px;
    }
    .separator-lg-left{
        justify-content: start;
    }
    .separator-lg-center{
        justify-content: center;
    }
    .separator-lg-right{
        justify-content: end;
    }    
}


@media (min-width: 1200px) { 
    .justify-content-xl-evenly{
        justify-content: space-evenly!important;
    }
    .split-25{
        width: calc(((100% - 1140px) / 2) + 285px);
    }
    .split-75{
        width: calc(((100% - 1140px) / 2) + 855px);
    }
    .container-25{
        max-width: 285px;
    }
    .container-75{
        max-width: 855px;
    }
    .separator-xl-left{
        justify-content: start;
    }
    .separator-xl-center{
        justify-content: center;
    }
    .separator-xl-right{
        justify-content: end;
    }
}



.brand img,
.brand-footer img{
    max-width: 350px;
}


.img-box-float{  
    right: 0;  
    transform: none;
}
.img-box-static{
    transform: translate(0,75px);
}
.img-box-static > div{
    margin-bottom: 6%;
}
@media (min-width: 992px) {
    .img-box-float{
        right: 0;
        transform: translate(0,100%);
    }
    .img-box-static{
        transform: none;
    }
    .img-box:hover .img-box-static{
        transform: translate(0,75px);
    }
    .img-box:hover .img-box-float{
        transform: none;
    }
}




.address{
    text-align: center;
}




/*contenue
*/
.bg-plomberie{
    background: url(../images/bg-plomberie.jpg) no-repeat center;
    background-size: cover;
}
.bg-chauffage{
    background: url(../images/bg-chauffage.jpg) no-repeat center;
    background-size: cover;
}
.bg-domotique{
    background: url(../images/bg-domotique.jpg) no-repeat center;
    background-size: cover;
}

.p-zindex-plomberie,
.p-zindex-domotique{
    left: -75px;
    bottom: -50px;
    z-index: 100;
}
.p-zindex-chauffage{
    right: -75px;
    bottom: -50px;
    z-index: 100;
}
@media (min-width: 480px) {
    
}

@media (min-width: 576px) {
    .address{
        text-align: left;
    }
}

@media (min-width: 768px) {
    .p-zindex-plomberie,
    .p-zindex-domotique{
        left: 0;
    }
    .p-zindex-chauffage{
        right: 0;
    }
}

@media (min-width: 992px) { 
}


@media (min-width: 1200px) { 
}