/*///////////////////////////////////////*/
/* ///// STYLE GLOBAL ///////////////// */
/*/////////////////////////////////////*/

/*
font-family: 'Open Sans', sans-serif;
font-family: "PT Sans", sans-serif;
font-family: "Caveat", cursive;
*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #111839;
}

body p {
    line-height: 30px;
    margin-bottom: 15px;
    color: #111839;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

main {
    clear: both;
}

.layout-content {
    overflow: hidden;
    position: relative;
    z-index: 10;
}

footer {
    overflow: hidden;
}

.frontpage {
    .layout-content {
        margin-top: -65px;
    }
}

.messages {
    text-align: center;
}

.not-frontpage main {
    padding-top: 75px;
}

.container-large {
    width: calc(100% - 60px);
    max-width: 1640px;
    margin: 0 auto;
}

.container-medium {
    width: calc(100% - 60px);
    max-width: 1364px;
    margin: 0 auto;
}

.container-small {
    width: calc(100% - 60px);
    max-width: 1200px;
    margin: 0 auto;
}

.flex-center {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.dynamic-padding-left,
.dynamic-padding-right {
    opacity: 0;
    transition: 200ms ease-in-out;
}

.default-btn,
.form-submit {
    min-width: 260px;
    text-align: center;
    padding: 7px 30px;
    font-size: 20px;
    line-height: 26px;
    border: none;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 12px;
    text-transform: uppercase;
    transition: all 200ms ease-in-out;
    font-family: "PT Sans", sans-serif;
}

.default-btn.red,
.form-submit {
    color: #fff;
    background: #C80010;
    border: solid 1px #C80010;
}

.default-btn.red:hover,
.form-submit:hover {
    background: #ee2535;
    border: solid 1px #ee2535;
}

.default-btn.blue {
    color: #fff;
    background: #111839;
    border: solid 1px #111839;
    &.red-border {
        border: solid 1px #C80010;
    }
}

.default-btn.blue:hover {
    background: #575f88;
    border: solid 1px #575f88;
}

.default-btn.green {
    color: #fff;
    background: #199F39;
    border: solid 1px #199F39;
    &:hover {
        background: #33c556;
        border: solid 1px #33c556;
    }
    &.green-border {
        background: transparent;
        border: solid 1px #199F39;
        &:hover {
            background: #199F39;
        }
    }
}

/*///////////////////////////////////////*/
/* ///// HEADER /////////////////////// */
/*/////////////////////////////////////*/

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #111839;
    z-index: 1000;
    transition: all 300ms ease-in-out;
}

.frontpage header:not(.sticky-desktop) {
    background: transparent;
    box-shadow: none;
}

header .region-header {
    position: relative;
    height: 77px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 25px 0 40px;
}

/*Logo*/
#block-raub-theme-logoheader {
    position: absolute;
    top: 7px;
    left: 30px;
    a {
        display: flex;
        max-width: 92px;
    }
}

.frontpage header:not(.sticky-desktop) #block-raub-theme-logoheader a {
    display: none;
}

/*Navigation principale*/
#block-raub-theme-navigationprincipale {
    display: flex;
    align-items: center;
    gap: 15px;
    width: auto;
    .phone-header, .mail-header {
        height: 37px;
        display: flex;
        align-items: center;
        gap: 7px;
        min-width: 0;
        padding: 0 22px;
        font-weight: 700;
        font-size: 20px;
        border-radius: 12px;
        text-transform: none;
        font-family: 'PT Sans', sans-serif;
    }
    .mail-header {
        padding: 0 17px;
    }
}

#superfish-main {
    display: flex;
}

#superfish-main > li {
    display: inline-block;
    float: none;
    margin-right: 30px;
    .sf-sub-indicator {
        font-size: 10px;
        right: 12px;
        top: 40px;
    }
    &:not(.sfHover) {
        > ul {
            display: none;
        }
    }
    > ul {
        top: 77px !important;
        right: auto !important;
        left: 25px !important;
        width: 580px !important;
        background: #fff;
        padding: 44px 50px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        &:before {
            content: '';
            position: absolute;
            left: 132px;
            top: -16px;
            width: 22px;
            height: 10px;
            background: url('../images/svg/arrow-submenu-peinture.svg') no-repeat center / contain;
        }
        .sous-menu-prestations {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 20px;
            .lien-prestation {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                padding: 0;
                gap: 24px;
                text-decoration: none;
                .image {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    max-width: 50px;
                    height: 50px;
                    border-radius: 5px;
                    transition: all 250ms ease-in-out;
                    img {
                        max-width: 46px;
                        max-height: 46px;
                    }
                }
                .titre {
                    font-size: 20px;
                    font-weight: 700;
                    color: #111839;
                    text-transform: uppercase;
                    text-decoration: none;
                    font-family: 'PT Sans';
                }
                &:hover {
                    .image {
                        border-radius: 50%;
                    }
                    .titre {
                        border-bottom: solid 2px #111839;
                    }
                }
            }
        }
    }
    &#main-menu-link-content5277504a-068e-4747-be13-6b412e3b29fe {
        > ul {
            border-top: solid 7px #C80010;
            &:before {
                background: url('../images/svg/arrow-submenu-peinture.svg') no-repeat center / contain;
            }
        }
        .lien-prestation {
            .image {
                background: #C80010;
            }
        }
    }
    &#main-menu-link-content6558bfae-0b7f-4e60-a33e-83d630580e2c {
        > ul {
            border-top: solid 7px #199F39;
            &:before {
                left: 120px;
                background: url('../images/svg/arrow-submenu-isolation.svg') no-repeat center / contain;
            }
        }
        .lien-prestation {
            .image {
                background: #199F39;
            }
        }
    }
}

#superfish-main {
    > li {
        > a {
            position: relative;
            color: #fff;
            font-size: 20px;
            padding: 0 25px;
            line-height: 77px;
            font-weight: 700;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            font-family: "PT Sans", sans-serif;
            &:after {
                content: '';
                position: absolute;
                height: 1px;
                left: 25px;
                right: 25px;
                bottom: 25px;
                background: #fff;
                transition: all 200ms ease-in-out;
            }
        }
        &:hover {
            a:after {
                bottom: 22px;
                height: 4px;
            }
        }
    }
    li#main-menu-link-content5277504a-068e-4747-be13-6b412e3b29fe {
        > a {
            &:after {
                background: #C80010;
            }
        }
    }
    li#main-menu-link-content6558bfae-0b7f-4e60-a33e-83d630580e2c {
        > a {
            &:after {
                background: #199F39;
            }
        }
    }
}

#superfish-main > li > a:hover,
#superfish-main > li > a.is-active:hover {
    color: #fff;
}

#superfish-main > li > a.is-active {
    color: #fff;
}

#superfish-main > li#main-standardfront-page > a {
    text-indent: 1000px;
    overflow: hidden;
    max-width: 80px;
    background: url('../images/svg/homepage-link.svg') no-repeat center;
}

/*///////////////////////////////////////*/
/* ///// TITRE DE PAGE //////////////// */
/*/////////////////////////////////////*/
.title-content {
    position: relative;
    padding: 50px 0 160px;
    background: #F0F0F0;
    &:after {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        height: 160px;
        background: url(../images/interface/overlay-peinture-blanche.png) no-repeat center bottom / 100% 100%;
    }
}
.block-page-title-block {
    width: calc(100% - 60px);
    max-width: 1364px;
    margin: 0 auto;
}

.block-page-title-block h1 {
    font-size: 36px;
    line-height: 40px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
}

/*///////////////////////////////////////*/
/* ///// BREADCRUMBS ////////////////// */
/*/////////////////////////////////////*/
.block-system-breadcrumb-block {
    width: calc(100% - 60px);
    max-width: 1364px;
    margin: 12px auto 0;
}

.block-system-breadcrumb-block li,
.block-system-breadcrumb-block li a {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
}

.block-system-breadcrumb-block li a:hover {
    text-decoration: underline;
}

.block-system-breadcrumb-block li:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 8px;
    background: url('../images/svg/arrow-breadcrumbs.svg') no-repeat center;
}

/*///////////////////////////////////////*/
/* ///// PAGE 404 ///////////////////// */
/*/////////////////////////////////////*/
#block-404 {
    width: calc(100% - 60px);
    max-width: 1088px;
    margin: 0 auto;
    padding: 120px 0;
}

#block-404 h1 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
}

#block-404 .sous-titre {
    color: #333;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 40px;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
}

/*///////////////////////////////////////*/
/* ///// SLIDER ACCUEIL /////////////// */
/*/////////////////////////////////////*/
#block-raub-theme-views-block-slider-accueil-block-1 .swiper-container {
    position: relative;
    &:before {
        content: '';
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom, #111839, rgba(17, 24, 57, .3));
    }
}
.view-slider-accueil {
    position: relative;
    &:after {
        content: '';
        position: absolute;
        z-index: 10;
        left: 0;
        right: 0;
        bottom: -3px;
        height: 12px;
        background: url('../images/svg/separateur-bas.svg') repeat-x left bottom;
    }
    .bloc-logo {
        position: absolute;
        left: 120px;
        top: 0;
        display: flex;
        z-index: 5;
    }
    .bloc-titre {
        display: flex;
        align-items: center;
        flex-direction: column;
        position: absolute;
        z-index: 5;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        h1 {
            font-size: 56px;
            line-height: 72px;
            font-weight: 700;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            font-family: 'PT Sans', sans-serif;
        }
        .zones-geo {
            font-size: 16px;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase;
            text-align: center;
            margin: 6px 0 35px;
        }
        .baseline {
            position: relative;
            font-size: 60px;
            color: #fff;
            font-weight: 700;
            text-align: center;
            font-family: "Caveat", cursive;
            &:after {
                content: '';
                position: absolute;
                bottom: -70px;
                left: 50%;
                width: 570px;
                height: 85px;
                transform: translateX(-50%);
                background: url('../images/svg/underline-baseline.svg') no-repeat center / contain;
            }
        }
    }
    .swiper-slide {
        display: flex;
        align-items: center;
        img {
            width: 100%;
        }
    }
}

/*///////////////////////////////////////*/
/* ///// BLOCK REASSURANCE //////////// */
/*/////////////////////////////////////*/
.block-reassurance {
    background: #0E334A;
    color: #fff;
    text-align: center;
    margin-top: 90px;
    .liste-reassurance {
        display: flex;
        padding: 100px 0;
        .bloc-reassurance {
            width: 25%;
            display: flex;
            align-items: center;
            flex-direction: column;
            .picto {
                min-height: 81px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 15px;
            }
            .titre {
                font-size: 22px;
                font-family: 'PT Sans', sans-serif;
            }
            .sous-titre {
                .russo {
                    font-size: 36px;
                    font-family: 'PT Sans', sans-serif;
                }
                sup {
                    font-size: 18px;
                }
            }
        }
    }
}

/*///////////////////////////////////////*/
/* ///// ACCUEIL REALISATIONS ///////// */
/*/////////////////////////////////////*/
.accueil-realisations {
    padding: 120px 0;
    .entete-realisations {
        max-width: 536px;
        margin: 0 auto 50px;
        text-align: center;
        h2 {
            font-size: 28px;
            margin-bottom: 10px;
            text-transform: uppercase;
            font-family: 'PT Sans', sans-serif;
        }
        .texte {
            line-height: 24px;
            a {
                color: #0E334A;
            }
        }
    }
}

/*///////////////////////////////////////*/
/* ///// BLOC FILIALES //////////////// */
/*/////////////////////////////////////*/
.bloc-filiales {
    padding: 80px 0;
    display: flex;
    justify-content: space-between;
    gap: 130px;
    .bloc-groupe {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        width: 100%;
        max-width: 548px;
        border-radius: 5px;
        background: #DA967A;
        color: #fff;
        padding: 37px 30px;
        .logo {
            width: 100%;
            max-width: 61px;
        }
        .texte {
            width: 100%;
            .ligne-1 {
                font-size: 20px;
                font-weight: 700;
                line-height: 30px;
                span {
                    font-size: 26px;
                }
            }
            .ligne-2 {
                font-size: 20px;
                line-height: 24px;
            }
        }
    }
    .bloc-logos {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        img {
            max-width: 170px;
            max-height: 125px;
        }
    }
}

/*///////////////////////////////////////*/
/* /////// LISTE REALISATIONS ///////// */
/*/////////////////////////////////////*/
.page-realisations {
    .bloc-filtres {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 40px;
        gap: 24px;
        z-index: 5;
        .titre {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        .filtres {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 12px;
            .filtre {
                cursor: pointer;
                display: flex;
                align-items: center;
                gap: 6px;
                height: 34px;
                border-radius: 20px;
                padding: 0 18px 0 9px;
                transition: all 200ms ease-in-out;
                .rond {
                    width: 100%;
                    min-width: 18px;
                    max-width: 18px;
                    height: 18px;
                    border-radius: 50%;
                    transition: all 200ms ease-in-out;
                }
                &.blue {
                    color: #111839;
                    border: solid 1px #111839;
                    .rond {
                        border: solid 1px #111839;
                    }
                    &.active {
                        background: #111839;
                    }
                }
                &.red {
                    color: #C80010;
                    border: solid 1px #C80010;
                    .rond {
                        border: solid 1px #C80010;
                    }
                    &.active {
                        background: #C80010;
                    }
                }
                &.green {
                    color: #199F39;
                    border: solid 1px #199F39;
                    .rond {
                        border: solid 1px #199F39;
                    }
                    &.active {
                        background: #199F39;
                    }
                }
                &.active {
                    color: #fff;
                    .rond {
                        border: solid 1px #fff;
                        outline: solid 3px #fff;
                        outline-offset: -3px;
                    }
                }
            }
        }
    }
}
.liste-realisations {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    padding-bottom: 100px;
    .bloc-realisation {
        color: #fff;
        text-decoration: none;
        position: relative;
        width: calc(33.3333% - 32px);
        max-width: 420px;
        border-radius: 0 0 15px 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        
        a {
            text-decoration: none;
        }
        .image {
            position: relative;
            display: flex;
            overflow: hidden;
            img {
                width: 100%;
                transition: all 200ms ease-in-out;
            }
            .zoom {
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: 0;
                transition: all 200ms ease-in-out;
                background: rgba(17, 24, 57, .5);
                svg {
                    opacity: 0;
                    transform: translateY(25px);
                    transition: all 200ms ease-in-out;
                }
            }
        }
        .contenu {
            position: relative;
            padding: 40px 30px 48px;
            background: #fff;
            display: flex;
            align-items: center;
            flex-direction: column;
            text-align: center;
            .tag {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                top: -13px;
                height: 26px;
                padding: 0 18px;
                line-height: 26px;
                color: #fff;
                background: #C80010;
                border-radius: 15px;
                &.green {
                    background: #199F39;
                }
            }
            .titre {
                font-size: 22px;
                line-height: 28px;
                color: #111839;
                font-weight: 700;
                text-transform: uppercase;
                font-family: 'PT Sans';
            }
            .localisation {
                display: flex;
                gap: 12px;
                align-items: center;
                color: #111839;
                margin-top: 6px;
            }
        }
        &:hover {
            .image {
                img {
                    transform: scale(1.1);
                }
                .zoom {
                    opacity: 1;
                    svg {
                        opacity: 1;
                        transform: translateY(0);
                    }
                }
            }
        }
    }
}

/*///////////////////////////////////////*/
/* ///// ACCUEIL CATEGORIES /////////// */
/*/////////////////////////////////////*/
.accueil-categories {
    position: relative;
    z-index: 10;
    padding-bottom: 145px;

    .liste-categories {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        margin-bottom: 170px;
        .lien-cat {
            width: 100%;
            max-width: 600px;
            height: 147px;
            display: flex;
            border-radius: 12px;
            overflow: hidden;
            background: #C80010;
            color: #fff;
            text-decoration: none;
            box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
            &.isolation {
                background: #199F39;
            }
            .image {
                width: 100%;
                max-width: 176px;
                overflow: hidden;
                img {
                    transition: all 250ms ease-in-out;
                }
            }
            .contenu {
                padding: 20px 30px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                width: 100%;
                .titre {
                    font-size: 28px;
                    line-height: 36px;
                    font-weight: 700;
                    font-family: "Caveat", cursive;
                }
                .sous-titre {
                    display: flex;
                    flex-direction: column;
                    font-size: 20px;
                    line-height: 26px;
                    font-weight: 700;
                    text-transform: uppercase;
                    font-family: "PT Sans", cursive;
                    .line {
                        position: relative;
                        width: 100%;
                        height: 4px;
                        background: #fff;
                        margin-top: 5px;
                        transition: all 250ms ease-in-out;
                        &:after {
                            content: '';
                            position: absolute;
                            right: -11px;
                            top: -4px;
                            width: 12px;
                            height: 12px;
                            opacity: 0;
                            transition: all 250ms ease-in-out;
                            background: url('../images/svg/arrow-right-white-small.svg') no-repeat center / contain;
                        }
                    }
                }
            }
            &:hover {
                .image {
                    img {
                        transform: scale(1.15);
                    }
                }
                .contenu {
                    .sous-titre {
                        .line {
                            width: 105%;
                            &:after {
                                opacity: 1;
                            }
                        }
                    }
                }
            }
        }
    }

    .liste-blocs {
        display: flex;
        gap: 36px;
        .bloc {
            height: 470px;
            &.bloc-texte {
                max-width: 488px;
                background: #111839;
                padding: 45px;
                color: #fff;
                display: flex;
                align-items: center;
                flex-direction: column;
                justify-content: center;
                gap: 25px;
                .texte {
                    line-height: 30px;
                    text-align: center;
                }
                .default-btn {
                    border: solid 1px #fff;
                    color: #fff;
                    &:hover {
                        background: #fff;
                        color: #111839;
                    }
                }
            }
            &.image-1,
            &.image-3 {
                height: 470px;
                img {
                    width: 100%;
                    height: 470px;
                    object-fit: cover;
                }
            }
            &.image-2 {
                max-width: 369px;
                display: flex;
                flex-direction: column;
                align-items: center;
                .pin {
                    margin: 35px 0 3px;
                }
                .texte {
                    padding: 0 25px;
                    text-align: center;
                    line-height: 22px;
                }
            }
        }
    }
}

/*///////////////////////////////////////*/
/* ///// ACCUEIL SECTEURS ///////////// */
/*/////////////////////////////////////*/
.accueil-secteurs {
    .bloc-secteur {
        position: relative;
        background: #111839;
        padding: 164px 0;
        position: relative;
        min-height: 880px;
        display: flex;
        align-items: center;
        .visuel {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            display: flex;
            img {
                max-width: none;
                opacity: 0.4;
                height: 100%;
            }
            &:after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 50%;
                background: linear-gradient(to right, #111839, transparent);
            }
        }
        .container-large {
            position: relative;
            z-index: 2;
            display: flex;
            .inner {
                max-width: 910px;
            }
            .bloc-titre {
                padding-left: 15px;
                border-left: solid 10px #C80010;
                h2 {
                    font-size: 32px;
                    line-height: 36px;
                    font-weight: 700;
                    color: #fff;
                    text-transform: uppercase;
                    font-family: 'PT Sans';
                }
                .sous-titre {
                    font-size: 28px;
                    line-height: 36px;
                    font-weight: 700;
                    color: #fff;
                    font-family: 'PT Sans';
                }
            }
            .texte {
                padding-left: 25px;
                margin: 35px 0 40px;
                p, a, h2, h3, h4, h5, h6, li {
                    color: #fff;
                }
            }
            .btns {
                padding-left: 25px;
                display: flex;
                flex-wrap: wrap;
                gap: 25px;
            }
            .baseline {
                position: relative;
                padding-left: 25px;
                font-size: 36px;
                line-height: 34px;
                font-weight: 700;
                color: #fff;
                margin-top: 40px;
                font-family: "Caveat", cursive;
                &:after {
                    content: '';
                    position: absolute;
                    width: 32px;
                    height: 28px;
                    left: -8px;
                    top: -13px;
                    background: url('../images/svg/quote-red.svg') no-repeat center / contain;
                }
                .underline {
                    position: relative;
                    &:after {
                        content: '';
                        position: absolute;
                        width: 314px;
                        height: 55px;
                        left: -14px;
                        bottom: -29px;
                        background: url('../images/svg/underline-peinture.svg') no-repeat center / contain;
                    }
                }
            }
        }
        &.peinture {
            &:after {
                content: '';
                position: absolute;
                z-index: 1;
                left: 0;
                right: 0;
                bottom: -6px;
                height: 12px;
                background: url('../images/svg/separateur-milieu.svg') repeat-x left center;
            }
        }
        &.isolation {
            .visuel {
                right: auto;
                left: 0;
                &:after {
                    right: 0;
                    left: auto;
                    background: linear-gradient(to left, #111839, transparent);
                }
            }
            .container-large {
                justify-content: flex-end;
                .bloc-titre {
                    border-left: solid 10px #199F39;
                }
                .baseline {
                    &:after {
                        background: url('../images/svg/quote-green.svg') no-repeat center / contain;
                    }
                    .underline {
                        &:after {
                            width: 328px;
                            height: 62px;
                            left: 3px;
                            bottom: -33px;
                            background: url('../images/svg/underline-isolation.svg') no-repeat center / contain;
                        }
                    }
                }
            }
        }
    }
}

/*///////////////////////////////////////*/
/* ///// ACCUEIL PRESENTATION ///////// */
/*/////////////////////////////////////*/
.accueil-presentation {
    display: flex;
    align-items: flex-start;
    gap: 100px;
    padding-bottom: 180px;
    .logo {
        width: 100%;
        max-width: 168px;
        display: flex;
    }
    .contenu {
        width: 100%;
        padding-top: 120px;
        h2 {
            font-size: 28px;
            line-height: 37px;
            font-weight: 700;
            font-family: 'PT Sans';
            margin-bottom: 30px;
            text-transform: uppercase;
        }
        h3 {
            font-size: 20px;
            line-height: 26px;
            font-weight: 700;
            font-family: 'PT Sans';
            margin-top: 60px;
            margin-bottom: 30px;
            text-transform: uppercase;
        }
        ul {
            column-count: 2;
            li {
                margin-bottom: 10px;
            }
        }
    }
}

/*///////////////////////////////////////*/
/* ///// PAGE PRESTATIONS ///////////// */
/*/////////////////////////////////////*/
.page-prestations {
    display: flex;
    flex-direction: column;
    gap: 70px;
    .bloc-prestation-large {
        display: flex;
        align-items: center;
        gap: 80px;
        .image {
            width: 100%;
            max-width: 536px;
            display: flex;
        }
        .contenu {
            width: 100%;
            h2 {
                a {
                    display: inline-block;
                    font-size: 28px;
                    line-height: 34px;
                    text-decoration: none;
                    color: #0E334A;
                    margin-bottom: 10px;
                    text-transform: uppercase;
                    font-family: 'PT Sans', sans-serif;
                }
            }
            .texte {
                margin-bottom: 10px;
            }
        }
        &:nth-child(even) {
            flex-direction: row-reverse;
        }
    }
}

/*///////////////////////////////////////*/
/* ///// NODE REALISATION ///////////// */
/*/////////////////////////////////////*/
.node--type-realisation {
    .entete-realisation {
        position: relative;
        padding: 90px 0 165px;
        background: #F0F0F0;
        &:after {
            content: '';
            position: absolute;
            z-index: 1;
            left: 0;
            right: 0;
            bottom: 0;
            height: 160px;
            background: url(../images/interface/overlay-peinture-blanche.png) no-repeat center bottom / 100% 100%;
        }
        h1 {
            width: 50%;
            max-width: 606px;
            font-size: 36px;
            line-height: 40px;
            margin-bottom: 15px;
            text-transform: uppercase;
            font-family: 'PT Sans', sans-serif;
        }
        .block-system-breadcrumb-block {
            max-width: 60%;
            margin: 0;
        }
    }
    .container-realisation {
        display: flex;
        gap: 70px;
        .contenu {
            width: 50%;
            h2, h3, h4 {
                margin-top: 40px;
                font-size: 18px;
                line-height: 34px;
                font-weight: normal;
                text-transform: uppercase;
                font-family: 'PT Sans', sans-serif;
            }
            .default-btn {
                margin-top: 15px;
            }
        }
        .bloc-photos {
            position: relative;
            z-index: 15;
            width: 45%;
            min-height: 500px;
            margin-top: -280px;
            .galerie-photos-sup {
                margin-top: 17px;
                .load-diaporama {
                    height: 43px;
                    background: #0E334A;
                    color: #fff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 8px;
                    font-weight: 700;
                    padding: 0 10px;
                    text-decoration: none;
                    text-transform: uppercase;
                    &:hover {
                        background: #BD312C;
                    }
                }
                .grid__item,
                .grid__col-sizer {
                    width: calc(33.33333% - 11px);
                }
                .grid__gutter-sizer {
                    width: 17px;
                }
                .grid__item {
                    margin-bottom: 17px;
                    &:not(.load-diaporama) img {
                        width: 100%;
                    }
                }
                .nb-photos-sup {
                    height: 43px;
                    background: #0E334A;
                    color: #fff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-weight: 700;
                    padding: 0 10px;
                    text-decoration: none;
                    text-transform: uppercase;
                }
            }
        }
    }
}

/*///////////////////////////////////////*/
/* ///// NODE PRESTATIONS ///////////// */
/*/////////////////////////////////////*/
.node--type-prestation {
    .entete-prestation {
        position: relative;
        padding: 110px 0 125px;
        background: #111839;
        margin-bottom: 65px;
        .visuel {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            display: flex;
            &:after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 50%;
                background: linear-gradient(to right, #111839, transparent);
            }
            img {
                max-width: none;
                opacity: 0.4;
                height: 100%;
            }
        }
        .container-medium {
            position: relative;
            .line {
                position: absolute;
                left: -25px;
                top: 0;
                bottom: 0;
                width: 10px;
            }
        }
        h1 {
            position: relative;
            font-size: 44px;
            line-height: 46px;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase;
            font-family: 'PT Sans';
            margin-bottom: 5px;

        }
        .block-system-breadcrumb-block {
            max-width: 60%;
            margin: 0;
        }
        .image-banniere {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            max-width: 50%;
            img {
                height: 100%;
                object-fit: cover;
            }
            &:before {
                content: '';
                position: absolute;
                top: 0;
                left :0;
                bottom: 0;
                width: 70%;
                background: linear-gradient(to right, #F0F0F0, transparent);
            }
        }
    }
    .bloc-contacts {
        display: flex;
        align-items: center;
        gap: 50px;
        padding-bottom: 120px;
        .zone-intervention {
            width: 100%;
            max-width: 414px;
            border-radius: 5px;
            padding: 32px 44px 50px;
            text-align: center;
            box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
            .titre {
                margin: 35px 0 15px;
                font-size: 18px;
                font-weight: 700;
                text-transform: uppercase;
                font-family: 'PT Sans';
            }
            p {
                line-height: 22px;
            }
        }
        .contacts {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 30px;
            h2 {
                font-size: 28px;
                line-height: 34px;
                font-weight: 700;
                text-transform: uppercase;
                font-family: 'PT Sans';
            }
            .agences {
                width: 100%;
                display: flex;
                justify-content: space-around;
                text-align: center;
                gap: 20px;
                .agence {
                    width: 100%;
                    max-width: 280px;
                    .titre {
                        font-size: 16px;
                        font-weight: 700;
                        margin-bottom: 10px;
                        text-transform: uppercase;
                        text-decoration: none;
                        font-family: 'PT Sans';
                    }
                    .adresse {
                        font-size: 14px;
                        line-height: 19px;
                        margin-bottom: 20px;
                    }
                    .btns {
                        display: flex;
                        justify-content: space-between;
                        gap: 7px;
                        a {
                            min-width: 0;
                            padding: 4px 20px;
                        }
                    }
                    &.agence-74 {
                        .btns {
                            a {
                                background: #199F39;
                                border: solid 1px #199F39;
                                &:hover {
                                    background: transparent;
                                }
                            }
                        }
                    }
                }

            }
        }
    }
    .autres-prestations {
        padding: 80px 0 110px;
        background: rgba(17, 24, 57, .1);
        h2 {
            position: relative;
            font-size: 36px;
            text-align: center;
            font-weight: 700;
            margin-bottom: 75px;
            font-family: "Caveat", cursive;
            .underline {
                position: relative;
                &:after {
                    content: '';
                    position: absolute;
                    left: -10px;
                    right: -10px;
                    height: 45px;
                    bottom: -24px;
                }
                &.secteur-70 {
                    &:after {
                        background: url(../images/svg/underline-peinture.svg) no-repeat center / contain;
                    }
                }
                &.secteur-71 {
                    &:after {
                        background: url(../images/svg/underline-isolation.svg) no-repeat center / contain;
                    }
                }
            }
        }
        .liste-prestations {
            margin: 0;
        }
    }
}

/*///////////////////////////////////////*/
/* ///// SECTEUR D'ACTIVITE /////////// */
/*/////////////////////////////////////*/
.node--type-secteur-activite {
    .entete-secteur {
        position: relative;
        padding: 115px 0 150px;
        background: #111839;
        color: #fff;
        &.margin-bot {
            margin-bottom: 60px;
        }
        h1, h2, h3, h4, h5, p, li, a {
            color: #fff;
        }
        .visuel {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            display: flex;
            &:after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 50%;
                background: linear-gradient(to right, #111839, transparent);
            }
            img {
                opacity: 0.4;
                height: 100%;
                max-width: none;
            }
        }
        .container-medium {
            position: relative;
            z-index: 1;
            h1 {
                position: relative;
                font-size: 32px;
                line-height: 40px;
                font-weight: 700;
                color: #fff;
                text-transform: uppercase;
                font-family: 'PT Sans';
                margin-bottom: 25px;
                &:before {
                    content: '';
                    position: absolute;
                    left: -25px;
                    top: 0;
                    bottom: 0;
                    width: 10px;
                }
            }
            .baseline {
                position: relative;
                padding-left: 25px;
                font-size: 36px;
                line-height: 34px;
                font-weight: 700;
                color: #fff;
                margin-top: 40px;
                font-family: "Caveat", cursive;
                &:after {
                    content: '';
                    position: absolute;
                    width: 32px;
                    height: 28px;
                    left: -8px;
                    top: -13px;
                    background: url('../images/svg/quote-red.svg') no-repeat center / contain;
                }
                strong {
                    position: relative;
                    &:after {
                        content: '';
                        position: absolute;
                        width: 314px;
                        height: 55px;
                        left: -14px;
                        bottom: -29px;
                        background: url('../images/svg/underline-peinture.svg') no-repeat center / contain;
                    }
                }
            }
        }
    }
}

.liste-prestations {
    position: relative;
    z-index: 2;
    margin: -50px auto 70px;
    display: flex;
    justify-content: space-between;
    gap: 21px;
    .prestation {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 325px;
        text-align: center;
        border-radius: 5px;
        overflow: hidden;
        background: #fff;
        text-decoration: none;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        &:hover {
            .image img {
                transform: scale(1.15);
            }
        }
        .image {
            width: 100%;
            display: flex;
            overflow: hidden;
            img {
                width: 100%;
                transition: 200ms ease-in-out;
            }
        }
        .picto {
            position: relative;
            z-index: 3;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            max-width: 50px;
            height: 50px;
            margin-top: -25px;
            border-radius: 5px;
            transition: all 250ms ease-in-out;
            img {
                max-width: 46px;
                max-height: 46px;
            }
        }
        .titre {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            line-height: 26px;
            min-height: 100px;
            padding: 15px;
            color: #111839;
            font-weight: 700;
            text-transform: uppercase;
            font-family: 'PT Sans';
        }
    }
}

.page-node-type-secteur-activite.path-node-70 {
    .entete-secteur {
        h1:before {
            background: #C80010;
        }
    }
}
.page-node-type-secteur-activite.path-node-71 {
    .entete-secteur {
        h1:before {
            background: #199F39;
        }
        .baseline {
            &:after {
                background: url('../images/svg/quote-green.svg') no-repeat center / contain;
            }
            strong {
                &:after {
                    width: 328px;
                    height: 62px;
                    left: 3px;
                    bottom: -33px;
                    background: url('../images/svg/underline-isolation.svg') no-repeat center / contain;
                }
            }
        }
    }
}

/*///////////////////////////////////////*/
/* ///// SWIPER AVIS ////////////////// */
/*/////////////////////////////////////*/
#block-accueil-avis-google {
    padding-top: 100px;
    padding-bottom: 180px;
    background: #DBDCE1;
    .entete-avis {
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        max-width: 680px;
        h2 {
            font-size: 36px;
            font-weight: 700;
            text-transform: uppercase;
            font-family: 'PT Sans', sans-serif;
        }
        .intro-avis {
            line-height: 24px;
            margin-top: 15px;
            font-size: 18px;
            font-weight: 300;
            font-family: 'Roboto';
            .underline-red {
                position: relative;
                font-weight: 700;
                &:after {
                    content: '';
                    position: absolute;
                    left: 5px;
                    right: 5px;
                    bottom: -12px;
                    height: 25px;
                    background: url(../images/svg/underline-red-small.svg) no-repeat center / contain;
                }
            }
            a {
                color: #0E334A;
            }
        }
    }
}

.block-swiper-avis {
    position: relative;
}

.block-swiper-avis .titre-eclairs {
    margin-bottom: 30px;
}

.block-swiper-avis .intro-avis {
    text-align: center;
    margin: 0 auto 50px;
}

.block-swiper-avis .intro-avis p {
    line-height: 26px;
}

.block-swiper-avis .intro-avis a {
    color: #E94E1B;
}

.block-swiper-avis .container-slider {
    padding: 0 80px;
    position: relative;
    margin-bottom: 50px;
}

.block-swiper-avis .swiper-slide {
    display: flex;
    justify-content: center;
    max-width: 390px;
    padding: 10px 0;
}

.block-swiper-avis .swiper-slide .miniature-avis {
    height: 255px;
}

.block-swiper-avis .swiper-slide .miniature-avis .texte {
    max-height: 104px;
    overflow: auto;
    padding-right: 10px;
}

.block-swiper-avis .swiper-slide .miniature-avis .texte::-webkit-scrollbar-track {
    padding: 2px;
}

.block-swiper-avis .swiper-slide .miniature-avis .texte::-webkit-scrollbar {
    width: 12px;
    background: #f2f2f2;
    cursor: pointer;
    border-radius: 15px;
}

/* Handle */
.miniature-avis .texte::-webkit-scrollbar-thumb {
    background: #AFB4A9;
    border-radius: 15px;
    border: solid 3px #f2f2f2;
    min-height: 30px;
}

/*///////////////////////////////////////*/
/* ////// MINIATURE AVIS ////////////// */
/*/////////////////////////////////////*/
.miniature-avis {
    width: calc(100% - 20px);
    background: #fff;
    box-sizing: border-box;
    padding: 25px 30px 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.miniature-avis .initiales-nom {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.miniature-avis .initiales-nom .initiales {
    width: 100%;
    max-width: 46px;
    height: 46px;
    margin-right: 15px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-weight: 700;
    text-transform: uppercase;
}

.miniature-avis .initiales-nom .nom {
    font-weight: 700;
    color: #2E2E2E;
    line-height: 18px;
    text-transform: uppercase;
}

.miniature-avis .note-date {
    display: flex;
    align-items: center;
}

.miniature-avis .note-date .note {
    margin-right: 10px;
}

.miniature-avis .note-date .date {
    font-size: 14px;
    color: #2E2E2E;
}

.miniature-avis .texte {
    margin-top: 15px;
    font-size: 16px;
    line-height: 26px;
    color: #2E2E2E;
}

.miniature-avis .texte p {
    font-size: 16px;
    line-height: 26px;
    color: #2E2E2E;
}

#slider-avis {
    position: relative;
}

.block-swiper-avis #slider-avis .swiper-button-prev {
    width: 60px;
    height: 55px;
    left: 0;
    margin-top: -25px;
    border-radius: 0 50px 50px 0;
    background: #111839 url(../images/svg/arrow-slider-prev-white.svg) no-repeat center / 11px;
}

.block-swiper-avis #slider-avis .swiper-button-next {
    width: 60px;
    height: 55px;
    right: 0;
    margin-top: -25px;
    border-radius: 50px 0 0 50px;
    background: #111839 url(../images/svg/arrow-slider-next-white.svg) no-repeat center / 11px;
}

/*///////////////////////////////////////*/
/* ///// CONTACT FORM ///////////////// */
/*/////////////////////////////////////*/

.contact-form {
    width: calc(100% - 60px);
    max-width: 1640px;
    margin: 40px auto 0;
}

.contact-form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-form form .field--type-list-string,
.contact-form form .field--type-string,
.contact-form form .field--type-email {
    width: 32%;
}

.contact-form form .field--type-list-string .form-radios {
    display: flex;
    flex-wrap: wrap;
}

.contact-form form .field--type-list-string .form-radios .form-type-radio:not(:last-of-type) {
    margin-right: 40px;
}

.contact-form form .form-item {
    margin-bottom: 0;
}

.contact-form form label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    color: #242424;
}

.contact-form form .field--type-string-long {
    width: 100%;
}

.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form select {
    color: #4B4B4D;
    width: 100%;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 5px;
    border: solid 1px #C8C8C8;
}

.contact-form form textarea {
    color: #4B4B4D;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #C8C8C8;
}

.contact-form form .form-actions {
    width: 100%;
    display: flex;
    justify-content: center;
}

.g-recaptcha {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/*CHECKBOX*/
input[type=checkbox]:checked,
input[type=checkbox]:disabled:checked,
input[type=radio]:checked,
input[type=radio]:disabled:checked {
    background-color: #F39517;
}

input[type=checkbox]:hover,
input[type=checkbox]:focus,
input[type=radio]:hover,
input[type=radio]:focus {
    border: 2px solid #C2C2C2;
}

input[type=checkbox],
input[type=radio] {
    margin: 0 10px 0 0;
}

input[type=checkbox]:before,
input[type=radio]:before {
    font-family: 'Font Awesome 5 Free';
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    margin-top: -2px;
    font-weight: 700;
    border-radius: 0;
    padding-left: 0.5px;
    padding-top: 2px;
    text-align: center;
    background: #fff;
    font-size: 11px;
    color: #0E334A;
    border: 1px solid #0E334A;
    cursor: pointer;
    margin-left: -2px;
}

input[type=radio]:before {
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

input[type=radio]:checked:before {
    color: #0E334A;
    content: "\f111";
}

input[type=checkbox]:checked:before {
    content: "";
    background: #0E334A;
    outline: solid 3px #fff;
    outline-offset: -6px;
}

/*///////////////////////////////////////*/
/* ///// PAGE CONTACT ///////////////// */
/*/////////////////////////////////////*/
#block-raub-theme-webform {
    .entete-contact {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-bottom: 30px;
        .contenu {
            width: 100%;
            max-width: 300px;
            line-height: 30px;
        }
        .agences {
            width: 100%;
            display: flex;
            justify-content: space-between;
            text-align: center;
            gap: 25px;
            .agence {
                width: 100%;
                padding: 33px;
                border-radius: 5px;
                box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
                .titre {
                    font-size: 16px;
                    font-weight: 700;
                    margin-bottom: 10px;
                    text-transform: uppercase;
                    text-decoration: none;
                    font-family: 'PT Sans';
                }
                .adresse {
                    font-size: 14px;
                    line-height: 19px;
                    margin-bottom: 20px;
                }
                .btns {
                    display: flex;
                    justify-content: space-between;
                    gap: 7px;
                    a {
                        min-width: 0;
                        padding: 2px 15px;
                    }
                }
                &.agence-74 {
                    .btns {
                        a {
                            background: #199F39;
                            border: solid 1px #199F39;
                            &:hover {
                                background: transparent;
                            }
                        }
                    }
                }
            }
        }
    }
    .horaires {
        margin-bottom: 45px;
    }
    #blockMap {
        z-index: 1;
        min-height: 500px;
    }
    h2#formulaire {
        padding-top: 80px;
        font-size: 28px;
        line-height: 34px;
        font-weight: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-family: 'PT Sans', sans-serif;
    }
}

/*///////////////////////////////////////*/
/* ///// PAGE DE CONTENU ////////////// */
/*/////////////////////////////////////*/

.node--type-contenu {
    .entete-contenu {
        position: relative;
        padding: 110px 0 125px;
        background: #111839;
        margin-bottom: 65px;
        .visuel {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            display: flex;
            &:after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 50%;
                background: linear-gradient(to right, #111839, transparent);
            }
            img {
                opacity: 0.4;
                height: 100%;
            }
        }
        .container-medium {
            position: relative;
            .line {
                position: absolute;
                left: -25px;
                top: 0;
                bottom: 0;
                width: 10px;
                background: #fff;
            }
        }
        h1 {
            position: relative;
            font-size: 44px;
            line-height: 46px;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase;
            font-family: 'PT Sans';
            margin-bottom: 5px;

        }
        .block-system-breadcrumb-block {
            max-width: 60%;
            margin: 0;
        }
    }
}

/*///////////////////////////////////////*/
/* ///// MAP FOOTER /////////////////// */
/*/////////////////////////////////////*/
.not-frontpage .region-map {
    border-top: solid 4px rgba(17, 24, 57, .1);
}
#blockMap {
    z-index: 1;
    min-height: 620px;
    .leaflet-top {
        top: 95px;
    }
    .info-bulle {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        text-align: center;
        padding: 20px 10px;
        .adresse {
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #2E2E2E;
            font-size: 16px;
            line-height: 23px;
            font-family: 'Roboto';
        }
        .itineraire-btn {
            font-size: 16px;
            color: #0E334A;
        }
    }
}
#block-raub-theme-mapfooter {
    position: relative;
    .block-info-map {
        z-index: 50;
        position: absolute;
        top: -30px;
        left: 0;
        border-radius: 0 12px 12px 0;
        background: #fff;
        padding: 20px 45px 10px;
        min-width: 600px;
        height: 115px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        .titre {
            font-size: 44px;
            font-weight: 700;
            color: #111839;
            text-transform: uppercase;
            font-family: 'PT Sans';
        }
        .sous-titre {
            font-size: 36px;
            color: #C80010;
            font-weight: 700;
            line-height: 20px;
            font-family: "Caveat", cursive;
        }
    }
}


/*///////////////////////////////////////*/
/* ///// FOOTER /////////////////////// */
/*/////////////////////////////////////*/
footer {
    clear: both;
    color: #fff;
    background: #111839;
}

/*Menu footer*/
.footer-contenu {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    .logo {
        width: 100%;
        max-width: 158px;
    }
    .content {
        padding-top: 45px;
        width: 100%;
        .secteurs {
            display: flex;
            flex-direction: column;
            gap: 35px;
            margin-bottom: 60px;
            .secteur {
                width: 100%;
                .header-secteur {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding-bottom: 7px;
                    margin-bottom: 13px;
                    .titre {
                        color: #fff;
                        font-size: 18px;
                        font-weight: 700;
                        text-transform: uppercase;
                        text-decoration: none;
                        font-family: 'PT Sans';
                    }
                    .btn-devis {
                        font-size: 14px;
                        line-height: 24px;
                        padding: 0 10px;
                        color: #fff;
                        font-weight: 700;
                        border-radius: 5px;
                        text-decoration: none;
                    }
                }
                .prestations {
                    display: flex;
                    justify-content: space-between;
                    gap: 20px;
                    a {
                        font-size: 14px;
                        color: #fff;
                        text-transform: uppercase;
                        text-decoration: none;
                    }
                }
                &.secteur-70 {
                    .header-secteur {
                        border-bottom: solid 1px #C80010;
                        .btn-devis {
                            background: #C80010;
                        }
                    }
                }
                &.secteur-71 {
                    .header-secteur {
                        border-bottom: solid 1px #199F39;
                        .btn-devis {
                            background: #199F39;
                        }
                    }
                }
            }
        }
        .agences {
            display: flex;
            justify-content: space-between;
            text-align: center;
            .agence {
                width: 100%;
                max-width: 280px;
                .titre {
                    color: #fff;
                    font-size: 16px;
                    font-weight: 700;
                    margin-bottom: 10px;
                    text-transform: uppercase;
                    text-decoration: none;
                    font-family: 'PT Sans';
                }
                .adresse {
                    font-size: 14px;
                    line-height: 19px;
                    margin-bottom: 20px;
                }
                .btns {
                    display: flex;
                    justify-content: space-between;
                    gap: 7px;
                    a {
                        min-width: 0;
                        padding: 4px 20px;
                    }
                }
                &.agence-74 {
                    .btns {
                        a {
                            background: #199F39;
                            border: solid 1px #199F39;
                            &:hover {
                                background: transparent;
                            }
                        }
                    }
                }
            }

        }
    }
}

/*Copyright*/
footer .gl-copy {
    padding: 18px 30px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    margin: 80px auto 0;
    border-top: 1px solid rgba(255, 255, 255, .4);
}

footer .gl-copy img {
    margin-bottom: -5px;
}

footer .gl-copy a {
    color: #fff;
}

footer .gl-copy a.gl {
    text-decoration: none;
}

/*///////////////////////////////////////*/
/* ///// MASQUAGE ADMIN MENU ////////// */
/*/////////////////////////////////////*/

#toolbar-administration {
    display: none;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0;
}

body,
.adminimal-admin-toolbar.toolbar-fixed.toolbar-vertical {
    padding: 0 !important;
}

/*///////////////////////////////////////*/
/* //// GALERIE PARAGRAPHE //////////// */
/*/////////////////////////////////////*/
.galerie-paragraphe .grid__item,
.galerie-paragraphe .grid__col-sizer {
    width: calc(33.33333% - 12px);
}

.galerie-paragraphe .grid__gutter-sizer {
    width: 16px;
}

.galerie-paragraphe .grid__item {
    margin-bottom: 16px;
    img {
        width: 100%;
    }
}

/*///////////////////////////////////////*/
/* //////////// WEBFORMS ////////////// */
/*/////////////////////////////////////*/
.webform-submission-form {
    position: relative;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 80px;
    margin-bottom: 80px;
}

.webform-submission-form .form-item {
    margin: 0 0 15px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.webform-submission-form .form-type-textfield,
.webform-submission-form .form-type-email,
.webform-submission-form .form-type-tel,
.webform-submission-form .form-type-select,
.webform-submission-form .form-type-date {
    width: calc(33.33333% - 40px);
    margin-bottom: 30px;
    select[name="type_de_chantier"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        cursor: pointer;
        padding: 0 30px 0 50px;
        font-weight: 700;
        &.red {
            background: #fff url('../images/svg/bg-option-peinture.svg') no-repeat left 28px center;
        }
        &.green {
            background: #fff url('../images/svg/bg-option-ite.svg') no-repeat left 28px center;
        }
    }
}

.webform-submission-form .form-item-type-de-chantier,
.webform-submission-form .form-item-date-de-livraison-souhaitee {
    width: 48%;
}

.webform-submission-form .form-type-textfield.form-item-object-contact {
    width: 100%;
}

.webform-submission-form .form-type-textarea {
    width: 100%;
}

.webform-submission-form .form-textarea-wrapper {
    width: 100%;
}

.webform-submission-form .form-actions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.webform-submission-form .form-actions .form-submit {
    margin-top: 20px;
}

.webform-submission-form .form-item .fieldset-legend,
.webform-submission-form .form-item label {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.webform-submission-form .form-type-checkbox {
    margin-top: 20px;
}

.webform-submission-form .form-type-checkbox label {
    padding-left: 35px;
    margin-top: -15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
}

.webform-submission-form input[type="text"],
.webform-submission-form input[type="email"],
.webform-submission-form input[type="tel"],
.webform-submission-form input[type="number"],
.webform-submission-form input[type="date"],
.webform-submission-form select {
    height: 50px;
    line-height: 50px;
    border: solid 1px #C8C8C8;
    padding: 0 30px;
    width: 100%;
}

.webform-submission-form textarea {
    border: solid 1px #C8C8C8;
    padding: 25px 30px;
}

.webform-submission-form input[type="text"]:focus,
.webform-submission-form input[type="email"]:focus,
.webform-submission-form input[type="tel"]:focus,
.webform-submission-form input[type="number"]:focus,
.webform-submission-form select {
    outline: none;
}

/*///////////////////////////////////////*/
/* // MISE EN PAGE PARAGRAPHES //////// */
/*/////////////////////////////////////*/
.paragraphes .para-item {
    width: calc(100% - 60px);
    max-width: 1364px;
    margin: 0 auto 80px;
    clear: both;
    .default-btn {
        padding: 4px 30px;
    }
    a:not(.default-btn) {
        color: #111839;
    }
}

.paragraphes .para-item .default-btn {
    margin-top: 15px;
}

/*Swiper paragraphes*/
.paragraphes .swiper-paragraphe {
    width: 100%;
    margin: 25px auto;
    position: relative;
}
.paragraphes .swiper-paragraphe .swiper-button-prev {
    width: 40px;
    height: 45px;
    left: 1%;
    background: url(../images/svg/arrow-slider-prev-white.svg) no-repeat center;
}

.paragraphes .swiper-paragraphe .swiper-button-next {
    width: 40px;
    height: 45px;
    right: 1%;
    background: url(../images/svg/arrow-slider-next-white.svg) no-repeat center;
}

/*Paragraphe pleine largeur*/
.paragraphes .para-item.full-width {
    width: 100%;
    max-width: none;
    padding: 80px 0;
}
.paragraphes .para-item.full-width .container-para {
    width: calc(100% - 60px);
    max-width: 1364px;
    margin: 0 auto;
}

.paragraphes h2,
.paragraphes h3,
.paragraphes h4 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
}
.paragraphes h3 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.paragraphes h4 {
    font-size: 18px;
    line-height: 30px;
}
.paragraphes p,
.paragraphes li,
.intro p {
    font-size: 16px;
    line-height: 30px;
}
.paragraphes p {
    margin-bottom: 15px;
}
.para-photo-legende {
    margin: 5px 0 15px 0;
    text-align: center;
    font-size: 12px;
}
/*photo à droite*/
.pos-photo-3 .container-para {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}
.pos-photo-3 .para-desc {
    margin-right: 5%;
}
/*photo à gauche*/
.pos-photo-4 .container-para {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pos-photo-4 .para-photos {
    margin-right: 5%;
}
/*photo en haut et en bas*/
.para-item-photo-contenu .para-photos {
    display: flex;
    flex-wrap: wrap;
}
.pos-photo-1 .para-photos .para-photo,
.pos-photo-2 .para-photos .para-photo {
    margin: 10px;
}
.para-item-photo-contenu .para-photos .para-photo img,
.para-item-photo-contenu .para-photos .para-photo img {
    height: 200px;
    width: auto;
}
img[data-align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img[data-align="right"] {
    float: right;
}
img[data-align="left"] {
    float: left;
}
.paragraphes table tr td {
    padding: 10px;
    border: 1px solid #eee;
}
.paragraphes table {
    margin-bottom: 30px;
}
.layout-content ul {
    padding-left: 27px;
    margin-bottom: 15px;
    /*column-count: 2;*/
}
.layout-content ul li {
    font-size: 16px;
    line-height: 30px;
    list-style-type: none;
    position: relative;
    padding-left: 35px;
}
.layout-content ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 18px;
    height: 17px;
    background: url(../images/svg/check-li.svg) no-repeat center / contain;
}

/*Début accordéon*/
.para-item-accordeon .elements {
    overflow: hidden;
}
.para-item-accordeon .element {
    border-bottom: solid 1px #000;
}
.para-item-accordeon .titre-elem {
    cursor: pointer;
    position: relative;
    padding: 20px 30px 20px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
.para-item-accordeon .titre-elem:after {
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    ;
    width: 18px;
    height: 18px;
    background: url('../images/svg/accordeon-open.svg') no-repeat center;
}
.para-item-accordeon .titre-elem.active:after {
    background: url('../images/svg/accordeon-close.svg') no-repeat center;
}
.para-item-accordeon .texte-elem {
    max-height: 0;
    overflow: hidden;
    line-height: 24px;
    text-align: justify;
}
.para-item-accordeon .texte-elem.active {
    max-height: 2000px;
    overflow: visible;
    margin-bottom: 20px;
}
/*Fin accordéon*/


/*Documents*/
.paragraphes .documents a {
    display: block;
    width: 100%;
    text-decoration: none;
    padding-left: 55px;
    line-height: 40px;
    color: #707070;
    border-bottom: solid 1px #d8d8d8;
}

.paragraphes .documents a:last-of-type {
    border-bottom: none;
}

.paragraphes .documents a.type-xls {
    background: url('../images/svg/picto-xls.svg') no-repeat 17px center;
}

.paragraphes .documents a.type-doc {
    background: url('../images/svg/picto-doc.svg') no-repeat 17px center;
}

.paragraphes .documents a.type-ppt {
    background: url('../images/svg/picto-ppt.svg') no-repeat 17px center;
}

.paragraphes .documents a.type-pdf {
    background: url('../images/svg/picto-pdf.svg') no-repeat 17px center;
}