@charset "utf-8";
/* CSS Document */
/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

h1, h2, h3, h4 {
    font-family: "Montserrat", sans-serif;
}

h1 {
    font-size: 48px;
    font-weight: 800;
}

h2 {
    font-size: 100px;
    font-weight: 500;
    color: #0C2A41;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

p, a {
    font-family: "Inter", sans-serif;
    font-size: 16px;
}

div#header_page_interne h1 {
    font-size: 2rem;
    color: #143F5C;
}

div#header_page_interne h3 {
    font-size: 24px;
    font-weight: 400;
}

div#header_page_interne {
    padding-top: 3rem;
}

button, a.btn {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600 !important;
    text-transform: uppercase;
    padding: 12px 24px !important;
}

a.btn{
    color: #0C2A41;
    text-align: center;
    background-color: #319DE6;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    border-radius: .25rem;
}

a.btn:hover{
    color: #0C2A41;
    text-align: center;
    background-color: white;
    border: 1px solid #0C2A41;
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.separator {
    width: 100%;
    height: 20px;
}

.separator .separator-line {
    width: 49%;
}


/*Menu Header*/
.top-bar {
    background-color: #ECF0F1;
}

.top-bar .link-top-bar a {
    color: #319DE6;
    font-weight: 600;
    padding-right: 20px;
    text-decoration: none;
}

.top-bar .tel-top-bar a {
    color: #319DE6;
    font-weight: 600;
    font-size: 32px;
    text-decoration: none;
}

.top-bar a:hover {
    color: #0C2A41;
    text-decoration: none;
}

.main-menu {
    background-color: #D6EBFA;
}

nav.navbar.navbar-expand-lg {
    padding: 0px;
}

.main-menu a.navbar-brand:hover {
    background-color: transparent !important;
}

.main-menu .navbar-brand {
    padding: Opx;
}

.main-menu a.nav-link {
    color: #0C2A41;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    padding: 24px 12px 24px 12px;
}

.main-menu a:hover {
    background-color: #319DE6;
    color: #fff;
    text-decoration: none;
}

.main-menu .container.d-flex.justify-content-between.align-items-center.py-2 {
    padding: 0 !important;
}

ul.dropdown-menu.show {
    background: #D6EBFA;
    border: none;
}

/*Menu Header*/


/*Section menu droit*/
#header_page_interne #menu_droit{
	position: relative;
}
#header_page_interne #menu_droit #formulaire{
    position: absolute;
    left: 0px;
}
#header_page_interne #menu2 {
	margin-top: 70px;			
}

#menu_droit #formulaire .btn {
    background: white;
    color: #0C2A41;
}

#menu_droit #formulaire .btn:hover {
    background: #319DE6;
}
/*Fin Section menu droit*/


/*Hero*/
.hero {
    background-image: url('/assets/front/img/hero-image.png'), url('data:image/svg+xml,<svg width="1728" height="775" viewBox="0 0 1728 775" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8" clip-path="url(%23clip0_170_2682)"><g filter="url(%23filter0_ddd_170_2682)"><path d="M1142.51 -229.455C1082.77 -398.947 909.595 -483.693 817.68 -520.77H1589.76V1333.05H257C318.277 1133.54 600.214 835.166 972.468 522.665C1216.17 318.078 1241.41 51.1082 1142.51 -229.455Z" fill="%233F6684"/></g><g filter="url(%23filter1_ddd_170_2682)"><path d="M1319.61 -229.455C1185.81 -473.1 1009.14 -483.693 916.865 -520.77H1720.91V1333.05H604.37C604.37 1121.18 812.094 835.166 1185.81 522.665C1430.48 318.078 1460.3 26.7179 1319.61 -229.455Z" fill="%23ADD8F5"/></g><g filter="url(%23filter2_ddd_170_2682)"><path d="M1476.34 -238.975C1417 -394.937 1235.31 -495.957 1065.17 -520.77H1919.41V1325.96L1034.63 1313.97C1034.63 1102.91 1236.91 735.006 1392.11 518.675C1583.28 252.219 1579.71 32.7056 1476.34 -238.975Z" fill="%23D6EBFA"/></g></g><defs><filter id="filter0_ddd_170_2682" x="247" y="-529.77" width="1352.76" height="1873.82" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.305882 0 0 0 0 0.329412 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_170_2682"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2.5"/><feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.305882 0 0 0 0 0.329412 0 0 0 0.14 0"/><feBlend mode="normal" in2="effect1_dropShadow_170_2682" result="effect2_dropShadow_170_2682"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect3_dropShadow_170_2682"/><feOffset dy="2"/><feGaussianBlur stdDeviation="2"/><feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.305882 0 0 0 0 0.329412 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect2_dropShadow_170_2682" result="effect3_dropShadow_170_2682"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_170_2682" result="shape"/></filter><filter id="filter1_ddd_170_2682" x="594.37" y="-529.77" width="1136.54" height="1873.82" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.305882 0 0 0 0 0.329412 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_170_2682"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2.5"/><feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.305882 0 0 0 0 0.329412 0 0 0 0.14 0"/><feBlend mode="normal" in2="effect1_dropShadow_170_2682" result="effect2_dropShadow_170_2682"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect3_dropShadow_170_2682"/><feOffset dy="2"/><feGaussianBlur stdDeviation="2"/><feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.305882 0 0 0 0 0.329412 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect2_dropShadow_170_2682" result="effect3_dropShadow_170_2682"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_170_2682" result="shape"/></filter><filter id="filter2_ddd_170_2682" x="1024.63" y="-529.77" width="904.783" height="1866.73" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.305882 0 0 0 0 0.329412 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_170_2682"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2.5"/><feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.305882 0 0 0 0 0.329412 0 0 0 0.14 0"/><feBlend mode="normal" in2="effect1_dropShadow_170_2682" result="effect2_dropShadow_170_2682"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect3_dropShadow_170_2682"/><feOffset dy="2"/><feGaussianBlur stdDeviation="2"/><feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.305882 0 0 0 0 0.329412 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect2_dropShadow_170_2682" result="effect3_dropShadow_170_2682"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_170_2682" result="shape"/></filter><clipPath id="clip0_170_2682"><rect width="1728" height="775" fill="white"/></clipPath></defs></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.card.col-lg-6 {
    border: solid 3px #0C2A41;
    border-radius: 16px;
    background-color: #0C2A41;
}

span.badge.badge-light {
    padding: 8px 12px;
    color: #0C2A41;
}

span.badge.badge-light {
    color: black;
}

.hero .btn {
    background: white;
    color: #0C2A41;
}

.hero .btn:hover {
    background: #319DE6;
}

/*Hero*/


/*Problème d'humidité*/

.image-remontees, .image-etancheification, .image-condensation, .image-hydrofugation, .image-diagnostic  {
    min-height: 200px;
}

.image-remontees {
    background-image: url('/assets/front/img/traitement-des-remontees-capillaires.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.image-etancheification {
    background-image: url('/assets/front/img/etancheification-de-murs-enterres.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.image-condensation {
    background-image: url('/assets/front/img/traitement-de-la-condensation.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.image-hydrofugation {
    background-image: url('/assets/front/img/hydrofugation-de-facade-exterieure.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.image-diagnostic {
    background-image: url('/assets/front/img/diagnostic.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.probleme img.card-img-top {
    width: 90%;
}

.probleme .col-md-4 {
    padding-bottom: 16px;
}

.probleme a {
    text-decoration: none;
    color: #0C2A41;
}

.probleme a:hover{
    color: #0C2A41;
}

.probleme a div:hover{
    background-color: #D6EBFA !important;
    color: #0C2A41;
}

.probleme a.services-link {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #0C2A41;
}

.probleme a.services-link:hover {
    color: #319DE6;
}

/*Problème d'humidité*/


/*Timline*/
.services .timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #0C2A41;
    transform: translateX(-50%);
    z-index: 1;
    margin-top: 10%;
    margin-bottom: 10%;
}

.timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #0C2A41;
    transform: translateX(-50%);
    z-index: 1;
    margin-top: 15%;
    margin-bottom: 15%;
}

.timeline-dot-right {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: #0C2A41;
    border-radius: 50%;
    z-index: 1;
}

.timeline-dot-left {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: #0C2A41;
    border-radius: 50%;
    z-index: 1;
}

.timeline .badge {
    background-color: #319DE6;
    padding: 10px 10px;
}

.step-1 {
    background-image: url('/assets/front/img/contact.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.step-2 {
    background-image: url('/assets/front/img/diagnostic.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services .step-3, .services-1 .step-3 {
    background-image: url('/assets/front/img/forage.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services .step-4, .services-1 .step-4 {
    background-image: url('/assets/front/img/injection.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services .step-5, .services-1 .step-5 {
    background-image: url('/assets/front/img/sechage.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.step-6, .services-4 .step-5, .services-5 .step-5 {
    background-image: url('/assets/front/img/rapport.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services-2 .step-3 {
    background-image: url('/assets/front/img/decapage.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services-2 .step-4 {
    background-image: url('/assets/front/img/enduit.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services-2 .step-5 {
    background-image: url('/assets/front/img/finition.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services-3 .step-3 {
    background-image: url('/assets/front/img/vmc.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services-3 .step-4 {
    background-image: url('/assets/front/img/instalation.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services-4 .step-3 {
    background-image: url('/assets/front/img/nettoyage.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services-4 .step-4 {
    background-image: url('/assets/front/img/pulverisation.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services-5 .step-3 {
    background-image: url('/assets/front/img/mesure.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

.services-5 .step-4 {
    background-image: url('/assets/front/img/camera-thermique.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
}

/*Timline*/

/*Agences*/
.image-entreprise {
    background-image: url('/assets/front/img/mur-expert.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    min-height: 260px;
}

.membre-1, .membre-2, .membre-3, .membre-4 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 250px;
    height: 300px;
}

.membre-1 {
    background-image: url('/assets/front/img/avatar-homme.png');
}

.membre-2 {
    background-image: url('/assets/front/img/avatar-femme.png');
}

.membre-3 {
    background-image: url('/assets/front/img/avatar-homme.png');
}

.membre-4 {
    background-image: url('/assets/front/img/avatar-femme.png');
}

/*Agences*/

/*Galerie*/
span.position-absolute.text-white.px-2.py-1 {
    background-color: #0C2A41;
    bottom: 0px;
    left: 0px;
}

.galerie .position-relative.mt-2 {
    margin: 0px !important;
}

/*Galerie*/


/*Avis*/
.avis .col-md-6 {
    margin-bottom: 30px;
}

.note {
    background: #27AE60;
    top: 0px;
    right: 5%;
    padding: 10px 14px;
}

/*Avis*/

/*Valeurs*/
div.image-valeurs {
    background-image: url('/assets/front/img/photo-valeurs.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding-right: 20px;
}

.valeurs .col-lg-7, .engagements .col-lg-7{
    padding: 0px 16px;
}

.icons-valeurs {
    padding: 20px 0px;
}

.valeurs button, .info-probleme button{
    background-color: #319DE6;
    color: black;
    border: solid 2px transparent;
}

.valeurs button:hover, .info-probleme button:hover {
    background-color: white;
    border: solid 2px #0C2A41;
}

div.image-engagements {
    background-image: url('/assets/front/img/engagements.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding-right: 20px;
    min-height: 280px;
}

/*Valeurs*/


/*Cartes*/
svg {
    max-width: 600px;
}

.departement:hover>path {
    fill: #0C2A41;
    stroke: #ECF0F1;
}

.departement:hover>g path {
    fill: white;
}

.departement-liste {
    background-color: #ECF0F1;
    padding: 20px;
    height: 100%;
}

.liste-carte{
    background-image: url('/assets/front/img/carte.svg');
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center;
    min-height: 400px;
}

/*Cartes*/


/*Articles*/
/*Articles*/


/*Footer*/
.footer-top div.row {
    padding: 20px 0px;
}

.footer-top {
    background-color: #0C2A41;
}

.footer-bottom {
    background-color: #ECF0F1;
}

.agences-liste {
    display: flex;
    flex-direction: column;
    padding: 10px 0px;
}

.agences-liste a {
    color: #fff;
	text-decoration: none;
}

.agences-liste a:hover {
    color: #319DE6;
    text-decoration: none;
}

.footer-top .btn {
    background-color: white;
    color: #0C2A41;
}

.footer-top .btn:hover {
    background-color: #319DE6;
}

.footer-bottom p {
    font-size: 13px;
}

.footer-bottom a {
    font-size: 13px;
    color: black;
}

.footer-bottom a:hover {
    font-size: 13px;
}

/*Footer*/



@media (max-width: 767px) {
    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    .container{
        margin: 10px 0px;
    }

    .main-menu a.nav-link {
        font-size: 16px;
        padding: 10px 0px;
        text-align: center;
    }

    .top-bar div,
    .link-top-bar {
        flex-direction: column;
    }

    .top-bar .link-top-bar a {
        padding-right: 0px;
    }

    .top-bar .tel-top-bar a {
        color: #319DE6;
        font-weight: 600;
        font-size: 24px;
    }

    ul.dropdown-menu.show {
        background: white;
    }

    .hero {
        background-image: none;
    }

    #header_page_interne #menu_droit #formulaire {
    position: static;
    }

    .timeline .row.mb-5.align-items-center {
    margin: 0px 12px;
    }

    .col-md-6.position-relative {
    padding: 0;
    }

    .timeline-line {
        z-index: 0;
    }

    .timeline-dot-left,
    .timeline-dot-right {
        display: none;
    }

    .galerie .col-md-4 {
        padding-bottom: 20px;
    }

    .valeurs .col-lg-7 {
        text-align: center;
    }

    .col-lg-5.image-valeurs {
        display: none;
    }

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

    .footer-top .col-md-3.d-flex.flex-column.justify-content-between {
        gap: 20px;
    }

    .footer-top .col-md-3 {
        padding: 10px 20px;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {
    .main-menu a.nav-link {
        padding: 10px 0px;
        text-align: center;
    }

    .top-bar .tel-top-bar a {
        font-size: 24px;
    }

    ul.dropdown-menu.show {
        background: white;
    }
    .hero {
        background-image: none;
    }
    .timeline-line {
        margin-top: 13%;
        margin-bottom: 13%;
    }

    .col-lg-5.image-valeurs {
        display: none;
    }

    .timeline-dot-right {
        position: absolute;
        left: 0%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        background: #0C2A41;
        border-radius: 50%;
        z-index: 1;
    }

    .timeline-dot-left {
        position: absolute;
        left: 100%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        background: #0C2A41;
        border-radius: 50%;
        z-index: 1;
    }
}