/* CSS Document */

@media screen and (max-width: 2200px) {

    .accueil-audiences .block-titre {
        width: 45%;
    }

    .accueil-audiences .block-titre h2 {
        font-size: 80px;
        line-height: 100px;
    }

    .accueil-audiences .block-audiences {
        width: 55%;
    }
}

@media screen and (max-width: 1680px) {
    .accueil-etapes-projet h2 {
        padding: 0 30px;
    }

    .accueil-etapes-projet .container-slider-etapes {
        padding-left: 30px;
    }
}

@media screen and (max-width: 1600px) {
    .accueil-audiences .block-titre h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .accueil-audiences .block-titre .position-relative .yellow-slash {
        width: 85px;
    }

    .accueil-audiences .block-audiences a {
        font-size: 22px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 1450px) {
    .accueil-prestations .contaier-content .right-part .swiper-slide {
        max-width: 450px;
    }

    #block-waroch-theme-webform .part-left .inner h1 {
        font-size: 62px;
        line-height: 80px;
        font-weight: 700;
        margin-bottom: 30px;
    }

    #block-waroch-theme-webform .part-left {
        justify-content: flex-start;
        padding: 30px;
    }

    #block-waroch-theme-webform .part-right {
        padding: 40px;
    }
}

@media screen and (min-width: 1280px) {

    /*Header*/
    header.sticky-desktop {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transform: translateY(-200px);
    }

    header.sticky-desktop.open {
        transition: all 400ms ease-in-out;
        transform: translateY(0);
    }

    body.padding-topped {
        padding-top: 144px !important;
    }
}

@media screen and (max-width: 1279px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }

    main {
        padding-top: 68px;
    }

    #block-waroch-theme-logoheader {
        display: none;
    }

    header .block-superfish .btn-logo-mobile {
        display: block;
        width: 150px;
        display: flex;
        position: relative;
        z-index: 10;
    }

    header .block-superfish {
        width: auto;
        height: 68px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 25px 0 20px;
        border-bottom: solid 3px #F1E016;
        background: #000;
    }

    #superfish-main-accordion {
        padding-top: 0 !important;
        top: 65px !important;
        border-top: solid 3px #F1E016;
    }

    #superfish-main-accordion > li {
        border-bottom: solid 1px rgba(0, 0, 0, .15);
    }

    #superfish-main-accordion > li > a {
        text-decoration: none;
        position: relative;
        color: #000;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 26px;
        padding: 10px 24px;
    }

    #superfish-main-accordion > li > a .sf-sub-indicator {
        font-size: 12px;
        right: 25px;
        color: #f1e016;
    }

    #superfish-main-accordion > li img {
        display: none;
    }

    #superfish-main-accordion li.sf-clone-parent {
        /*border-bottom: solid 1px rgba(0, 0, 0, .15);*/
    }

    #superfish-main-accordion .sous-categorie {
        padding-bottom: 10px;
        border-bottom: solid 1px rgba(0, 0, 0, .15);
    }

    #superfish-main-accordion li.sf-clone-parent a {
        position: relative;
        display: inline-block;
        text-indent: -1000px;
        width: 100%;
        overflow: hidden;
        background: url('../images/interface/voir-tout-mobile.png') no-repeat center left 22px;
    }

    #superfish-main-accordion .lien-ss-cat {
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 700;
        padding-bottom: 5px;
        color: #f1e016;
    }

    #superfish-main-accordion .liste-services a {
        text-decoration: none;
        padding: 8px 15px 8px 45px;
    }
}

@media screen and (max-width: 1200px) {

    /*Footer*/
    .footer-contenu .container-extra-large {
        gap: 25px;
        flex-direction: column;
        width: calc(100% - 60px);
    }

    .footer-contenu {
        padding: 40px 0;
    }

    .footer-contenu .bloc-logo {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    footer .gl-copy {
        padding-bottom: 20px;
        padding-top: 20px;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        border-top: solid 1px #fff;
        width: calc(100% - 60px);
    }

    .footer-contenu .bloc-logo .baseline {
        line-height: 20px;
    }

    .footer-contenu .bloc-logo .logo {
        max-width: 200px;
    }

    /*Accueil*/
    .accueil-prestations .contaier-content {
        padding-left: 30px;
        flex-direction: column;
    }

    .accueil-prestations .contaier-content .part-left {
        width: 100%;
        padding-right: 30px;
    }

    .accueil-prestations .contaier-content .right-part {
        width: 100%;
    }

    .accueil-audiences {
        padding: 25px 30px;
        gap: 15px;
        flex-direction: column;
        align-items: flex-start;
    }

    .accueil-audiences .block-titre .position-relative {
        padding-left: 0;
    }

    .accueil-audiences .block-titre h2 {
        font-size: 44px;
        line-height: 52px;
    }

    .accueil-audiences .block-titre .position-relative .yellow-slash {
        right: -50px;
        bottom: 6px;
    }

    .accueil-audiences .block-titre {
        width: 100%;
    }

    .accueil-audiences .block-audiences {
        width: 100%;
        column-count: 1;
    }
}

@media screen and (max-width: 1100px) {

    #block-waroch-theme-webform {
        flex-direction: column;
    }

    #block-waroch-theme-webform .part-left .inner h1 {
        font-size: 40px;
        line-height: 50px;
    }

    #block-waroch-theme-webform .part-right {
        padding: 30px;
        width: 100%;
    }

    #block-waroch-theme-webform .part-left .inner h1 .yellow-slash {
        max-width: 70px;
    }

    #block-waroch-theme-webform .part-left {
        width: 100%;
    }

    .page-team-waroch .para-team {
        flex-direction: column;
    }

    .page-team-waroch .para-team .part-left h2 {
        font-size: 22px;
        line-height: 30px;
        max-width: none;
    }

    .page-team-waroch .para-team .part-left {
        width: 100%;
        justify-content: flex-start;
        padding: 30px;
    }

    .page-team-waroch .para-team .part-right {
        width: 100%;
        padding: 30px;
    }

    .page-team-waroch .para-team .part-right .inner,
    .page-team-waroch .para-team.black .part-right .inner {
        display: flex;
        align-items: flex-start;
        gap: 25px;
        max-width: none;
        flex-direction: column;
    }

    .bloc-tabs {
        padding: 0 0 50px;
    }

    .bloc-tabs .container-tabs {
        gap: 40px;
        flex-direction: column;
    }

    .bloc-tabs .container-tabs .tabs-nav {
        gap: 15px;
        padding: 20px;
    }

    .bloc-tabs .container-tabs .tabs-nav .tab-nav {
        font-size: 16px;
        line-height: 22px;
        padding: 12px;
        text-decoration: none;
        color: #000;
        background: #fff;
        border-radius: 10px;
    }

    .bloc-tabs .container-tabs .tabs-content .tab-content .flex-block .image {
        width: 100%;
    }

    .bloc-tabs .container-tabs .tabs-content .tab-content .flex-block .contenu {
        width: 100%;
    }

    .bloc-tabs .container-tabs .tabs-content .tab-content .flex-block .contenu ul {
        padding-left: 0;
    }

    .bloc-tabs .container-tabs .tabs-content .tab-content .flex-block {
        flex-direction: column;
    }

    .bloc-tabs .container-tabs .tabs-content .tab-content h3 {
        font-size: 28px;
        line-height: 38px;
    }

    .node--type-sous-categorie-service .bloc-notre-gamme {
        padding: 45px 0;
    }

    .node--type-sous-categorie-service .bloc-notre-gamme .bloc-texte {
        width: 100%;
        max-width: none;
    }

    .node--type-sous-categorie-service .bloc-notre-gamme .container-medium {
        gap: 20px;
        flex-direction: column;
    }

    .navigation .swiper-button-prev, .navigation .swiper-button-next {
        width: 56px;
        height: 56px;
    }

    .node--type-sous-categorie-service .bloc-notre-gamme .navigation {
        margin-top: 20px;
    }

    .node--type-sous-categorie-service .bloc-notre-gamme .bloc-texte h2 .position-relative .yellow-slash {
        position: absolute;
        right: -40px;
        bottom: 2px;
        z-index: -1;
        max-width: 70px;
    }

    .node--type-sous-categorie-service .bloc-notre-gamme .bloc-texte h2 {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 25px;
    }

    .accueil-prestations {
        padding: 75px 0;
    }

    .container-columns {
        margin-bottom: 50px !important;
        flex-direction: column;
    }

    .container-columns .first-part-col {
        background: #000;
        width: 100%;
        padding: 30px;
        min-height: 0;
    }

    .node--type-service .container-columns .content h2 {
        font-size: 23px;
        line-height: 30px;
    }

    .node--type-service .container-columns .first-part-col {
        background: #F1E016;
    }

    .node--type-service .container-columns .second-part-col {
        background: #000;
    }

    .container-columns .content h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .container-columns .second-part-col {
        background: #F1E016;
        padding: 30px;
        width: 100%;
        position: relative;
        min-height: 0;
        margin-bottom: 0;
        margin-top: 0;
        text-align: left;
        justify-content: flex-start;
    }

    .container-columns .first-part-col:before,
    .container-columns .second-part-col:before {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .view-id-actualites.view-display-id-accueil .header-actus {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .page-pack-lancement .bloc-points-forts .liste-points-forts .point-fort {
        width: 100%;
    }

    /*Audience*/
    .node--type-audience .entete-service,
    .node--type-service .entete-service,
    .page-pack-lancement .entete-pack {
        padding: 40px 0;
    }

    .node--type-audience .entete-service .container-medium,
    .node--type-service .entete-service .container-medium,
    .page-pack-lancement .entete-pack .container-medium {
        gap: 40px;
        flex-direction: column;
    }

    .node--type-audience .entete-service .bloc-contenu h1,
    .node--type-service .entete-service .bloc-contenu h1,
    .page-pack-lancement .entete-pack .bloc-contenu h1 {
        font-size: 28px;
        line-height: 38px;
        margin: 0 0 10px;
    }

    .container-columns .content p {
        font-size: 16px;
        line-height: 26px;
    }

    .node--type-audience .bloc-pourquoi,
    .node--type-service .bloc-pourquoi {
        padding: 0 0 50px;
    }

    .node--type-audience .bloc-pourquoi h2,
    .node--type-service .bloc-pourquoi h2 {
        font-size: 26px;
        line-height: 30px;
    }

    /*BLOC CONFIANCE*/
    .bloc-confiance h2 {
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 40px;
    }

    .bloc-confiance h2 img,
    .node--type-service .bloc-pourquoi h2 img {
        max-width: 68px;
    }

    .bloc-confiance .texte .inner p, .bloc-confiance .texte .inner li {
        font-size: 22px;
        line-height: 28px;
        font-weight: 500;
    }
}

@media screen and (max-width: 900px) {

    .bloc-tabs h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 40px;
    }

    .bloc-tabs h2 img {
        vertical-align: middle;
        display: inline;
        max-width: 80px;
    }

    /*Liste sous-cat*/
    .node--type-categorie-service .liste-sous-categories,
    .node--type-sous-categorie-service .liste-produits {
        gap: 20px;
    }

    .node--type-categorie-service .liste-sous-categories .bloc-ss-cat,
    .node--type-sous-categorie-service .liste-produits .bloc-produit {
        width: calc(50% - 10px);
    }

    /*Actus*/
    .view-id-actualites.view-display-id-accueil .header-actus h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .view-id-actualites.view-display-id-accueil {
        padding: 40px 30px;
    }

    .view-id-actualites.view-display-id-accueil .swiper-slide {
        max-width: none;
    }

    .view-id-actualites.view-display-id-accueil .swiper-slide .titre {
        line-height: 20px;
        padding: 10px;
        width: 100%;
        overflow: hidden;
        text-overflow: clip;
        display: -webkit-box;
        max-height: none;
        -webkit-line-clamp: initial;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    /*Paragraphes*/
    .para-item-paragraphe .container-para {
        flex-direction: column-reverse;
    }

    .para-item-paragraphe .para-desc,
    .para-item-paragraphe .para-photos {
        width: 100% !important;
        margin-right: 0;
    }

    .para-item-paragraphe .para-photos,
    .para-item-paragraphe .para-desc {
        width: 100% !important;
    }

}

@media screen and (max-width: 800px) {

    .path-node-26 .node--type-contenu .entete-contenu, .path-node-34 .node--type-contenu .entete-contenu, .path-node-175 .node--type-contenu .entete-contenu, .path-node-176 .node--type-contenu .entete-contenu {
        min-height: 200px;
    }

    .path-node-26 .node--type-contenu .entete-contenu:after, .path-node-34 .node--type-contenu .entete-contenu:after, .path-node-175 .node--type-contenu .entete-contenu:after, .path-node-176 .node--type-contenu .entete-contenu:after {
        background: linear-gradient(135deg, #f1e016 0, #f1e016 10%, rgba(0, 0, 0, .4) 5%, rgba(0, 0, 0, .4) 90%, #f1e016 90%);
    }

    .paragraphes h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .path-node-179 .node--type-contenu .entete-contenu {
        min-height: 0;
    }

    .path-node-179 .node--type-contenu .entete-contenu h1 .yellow-slash {
        display: none;
    }

    .page-sur-mesure .bloc-points-forts {
        padding: 0;
    }

    .page-sur-mesure .bloc-confiance h2 {
        font-size: 25px;
        line-height: 36px;
    }

    .page-sur-mesure .entete-sur-mesure h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .page-sur-mesure .liste-points-forts {
        gap: 15px;
        flex-direction: column;
    }

    .page-sur-mesure .liste-points-forts .point-fort,
    .page-sur-mesure .liste-points-forts .point-fort.large {
        width: 100%;
        padding: 20px 16px;
    }

    .node--type-contenu .entete-contenu .content h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .node--type-contenu .entete-contenu {
        width: 100%;
        padding: 50px 0 200px;
        background-position: left -10px bottom !important;
    }

    .accueil-avis {
        padding: 75px 0;
    }

    .accueil-avis h2 {
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 30px;
    }

    .accueil-avis h2 .position-relative .yellow-slash {
        width: 85px;
        right: -50px;
        bottom: 6px;
    }

    .accueil-avis .liste-avis {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }

    .accueil-avis .flex-center {
        margin-top: 30px;
    }

    .accueil-avis .liste-avis .avis {
        width: 100%;
        margin: 0 !important;
    }

    .accueil-etapes-projet .container-slider-etapes .slider-etapes .swiper-slide {
        transform: translateY(0) !important;
    }

    .accueil-etapes-projet h2 {
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 30px;
    }

    .accueil-etapes-projet {
        padding: 0 0 50px;
    }

    .accueil-etapes-projet h2 .position-relative .yellow-slash {
        width: 85px;
        right: -50px;
        bottom: 6px;
    }

    .accueil-etapes-projet .container-slider-etapes .slider-etapes .navigation {
        margin-top: 20px;
    }

    .accueil-etapes-projet .container-slider-etapes .slider-etapes .svg-before {
        display: none;
    }

    .accueil-etapes-projet .container-slider-etapes .slider-etapes .swiper-wrapper {
        padding-bottom: 0;
    }

    .accueil-etapes-projet .container-slider-etapes .slider-etapes .swiper-slide {
        max-width: none;
    }

    .accueil-prestations h2 {
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 30px;
    }

    .accueil-prestations h2 .position-relative .yellow-slash {
        width: 85px;
        right: -50px;
        bottom: 6px;
    }

    .accueil-prestations .contaier-content .part-left .liste-restations a {
        font-size: 20px;
        padding-left: 30px;
    }

    .accueil-prestations .contaier-content .part-left .liste-restations {
        margin-bottom: 25px;
    }

    .accueil-prestations .contaier-content .part-left p {
        font-size: 18px;
        line-height: 28px;
    }

    .accueil-prestations .contaier-content .part-left .liste-restations a:before {
        width: 18px;
        height: 17px;
    }

    .accueil-prestations .contaier-content .right-part .slider-prestations {
        padding-right: 30px;
    }

    .accueil-prestations .contaier-content .right-part .swiper-slide {
        max-width: none;
    }

    .accueil-prestations .navigation {
        margin-top: 20px;
    }

    .hero-accueil .content h1 {
        font-size: 28px;
        line-height: 36px;
        margin-top: 35px;
    }

    .hero-accueil .content .bienvenue {
        max-width: 290px;
    }

    .hero-accueil .content .logo {
        max-width: 275px;
    }

    /*Paragraphes*/
    .galerie-paragraphe .grid__item {
        margin-bottom: 10px;
    }

    .galerie-paragraphe .grid__item,
    .galerie-paragraphe .grid__col-sizer {
        width: calc(50% - 5px);
    }

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

@media screen and (max-width: 600px) {

    .node--type-categorie-service .entete-categorie,
    .node--type-sous-categorie-service .entete-categorie {
        min-height: 250px;
        margin-bottom: 40px;
    }

    .node--type-categorie-service .entete-categorie h1,
    .node--type-sous-categorie-service .entete-categorie h1 {
        font-size: 38px;
        line-height: 46px;
    }

    .node--type-categorie-service .entete-categorie:after,
    .node--type-sous-categorie-service .entete-categorie h1:after {
        background: linear-gradient(135deg, #f1e016 0, #f1e016 10%, rgba(0, 0, 0, .4) 5%, rgba(0, 0, 0, .4) 90%, #f1e016 90%);
    }

    .node--type-categorie-service .liste-sous-categories .bloc-ss-cat,
    .node--type-sous-categorie-service .liste-produits .bloc-produit {
        width: 100%;
    }

    .accueil-les-plus {
        padding: 50px 0;
    }

    .accueil-les-plus .block-header {
        margin-bottom: 20px;
    }

    .accueil-les-plus .slider-les-plus .navigation {
        margin-top: 20px;
    }

    /*Paragraphes*/
    .pos-photo-1 .para-photos,
    .pos-photo-2 .para-photos {
        flex-direction: column;
    }

    .pos-photo-1 .para-photos .para-photo,
    .pos-photo-2 .para-photos .para-photo {
        margin: 5px 0;
        display: flex;
    }

    .pos-photo-1 .para-photo-img,
    .pos-photo-2 .para-photo-img {
        width: 100%;
    }

    .pos-photo-1 .para-photos .para-photo a,
    .pos-photo-1 .para-photos .para-photo img,
    .pos-photo-2 .para-photos .para-photo a,
    .pos-photo-2 .para-photos .para-photo img {
        display: inline-block;
        width: auto;
        height: auto;
    }

}