:root {
    --black-color: rgba(30,30,30, 0.90);
    --green-color: #009EA1;
    --green-color-fade: rgba(0, 158, 161, 0.5);
    --orange-color: #ED6C22;
    --grey-color: #768692;
    --grey-color-fade: rgba(233, 233, 233, 0.5);
}

html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

body{
    font-family: 'Gotham';
    font-weight: 400;
    font-size: 12pt;
    background-color: #F0F0F0;
    color: var(--black-color);
}
    a{
        text-decoration: none;
        color: var(--green-color);
    }
        a:hover{
            color: var(--orange-color);
        }

/*-------------------------------------Avant anim----------------------------------------*/

    section{
        opacity: 0;
    }

/*-------------------------------------Loader----------------------------------------*/

    .loader-init {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9999999;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: white;
    }
        .loader-init .loader-inner {
          display: flex;
          align-items: center;
          position: relative;
          transform: translateX(-60px);
        }
            .loader-init .picto {
              width: 46px;
              height: 46px;
              opacity: 0;
              position: relative;
              left: 0;
              z-index: 2;
              background-color: white;
              padding: 5px 0px;
            }
                .loader-init .logo-wrapper {
                  overflow: hidden;
                  width: 0;
                  height: 60px;
                  position: relative;
                  z-index: 1;
                }

                .loader-init .logo {
                  height: 60px;
                  width: 300px;
                  position: relative;
                  left: 0;
                }

    @media screen and (max-width: 1000px){
        .loader-init .loader-inner {
            transform: translateX(-30px) scale(0.5);
        }
    }

/*-------------------------------------Color----------------------------------------*/

    .green{
        color: var(--green-color);
    } 

/*-------------------------------------Texte------------------------------------------*/
    
    /*----------------------------Title-------------------*/

        h1{
            font-family: 'Gotham';
            font-weight: 900;
            font-size: 23pt;
            text-transform: uppercase;
            color: var(--black-color);
            margin-bottom: 5px;
            margin-top: 30px;
        }

        h2{
            font-family: 'Gotham';
            font-weight: 900;
            font-size: 19pt;
            text-transform: uppercase;
            color: var(--black-color);
            margin-bottom: 15px;
            margin-top: 0px;
        }

        h3{
            font-family: 'Gotham';
            font-weight: 900;
            font-size: 16pt;
            text-transform: uppercase;
            color: var(--black-color);
            margin-bottom: 15px;
        }
            h3.small{
                font-family: 'Gotham';
                font-weight: 900;
                font-size: 17pt;
            }

        .sous-titre.version1{
            display: inline-block;
            background-color: var(--orange-color);
            color: white;
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: 3px;
            padding: 6px 35px 6px 35px;
            clip-path: polygon(15px 0%, 100% 0%, 91% 100%, 0% 100%);
            font-size: 11px;
        }
        .sous-titre.version2{
            display: inline-block;
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: 3px;
            font-size: 11px;
        }

        section.h2-2_3{
            margin-top: 30px;
            padding-bottom: 20px;
        }

    /*----------------------------Standard-------------------*/

        p{
            font-family: 'Gotham';
            font-weight: 400;
            font-size: 10.5pt;
        }
            ul{
                padding-left: 0px;
            }
                li{
                    font-size: 12pt;
                    font-weight: 500;
                }


            strong{
                font-family: 'Gotham';
                font-size: 12pt;
                font-weight: 700;
            }

        label{
            font-family: 'Gotham';
            font-size: 22pt;
            font-weight: 600;
        }

        nav, .nav-zone{
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
            nav a{
                text-transform: uppercase;
                font-weight: 800;
                letter-spacing: 5%;
                color: var(--black-color);
                font-size: 10pt !important;
                margin-right: 35px;
            }
            nav .menu-toggle{
                margin-right: 25px;
            }

        #breadcrumbs{
            margin-top: 5px;
        }
            #breadcrumbs a{
                position: relative;
                margin-right: 20px;
            }
                #breadcrumbs a:after{
                    content: '';
                    background-image: url('/wp-content/themes/Rutschi/img/arrow-single.svg');
                    width: 10px;
                    height: 10px;
                    background-repeat: no-repeat;
                    background-size: contain;
                    position: absolute;
                    margin-left: 10px;
                    margin-top: 5px;
                    opacity: 0.2;
                }

    /*----------------------------Button-------------------------------*/

        .btn-green,
        .primary{
            background-color: var(--green-color);
            padding: 12px 30px;
            border-radius: 20px;
            color: white;
        }
        .secondary{
            background-color: var(--grey-color);
            border-radius: 20px;
            color: white;
            padding: 9px 26px !important;
        }
        .orange-btn{
            background-color: var(--orange-color);
            border-radius: 20px;
            color: white;
        }
        .primary,
        .secondary,
        .orange-btn{
            padding: 9px 35px;
            display: inline-block;
            margin-top: 10px;
            font-weight: 600;
            letter-spacing: 0.8px;
            font-size: 12px;
            text-transform: uppercase;
        }
            .btn-green:hover,
            .primary:hover,
            .secondary:hover{
                background-color: var(--orange-color);
                color: white !important;
            }
                .orange-btn:hover{
                    background-color: var(--grey-color);
                    color: white !important;
                }

            #mobile-menu-container .btn-green{
                background-color: white;
                color: var(--green-color) !important;
                padding: 8px 35px;
                width: fit-content;
                font-size: 10pt !important;
                margin-top: 25px;
            }
                #mobile-menu-container .btn-green:hover{
                    background-color: var(--orange-color);
                    color: white !important;
                }

/*------------------------------------CONTAINER-----------------------------------------*/

    .contain-bloc{
        margin: 30px 50px;
    }
        section{
            margin: 0px 10px;
            padding: 30px 40px;
        }
        section.flex-50{
            width: 50%;
        }
            .flex-container{
                display: flex;
                justify-content: space-between;
                gap: 10px;
            }
                 section.hero .flex-container .column-1_1{
                    width: 100%;
                 }
                    section .flex-container .column-1_2{
                        width: 50%;
                    }
                    section .flex-container .column-1_3{
                        width:33%;
                    }
                    section .flex-container .column-1_3.empty{
                        background: none !important;
                    }
                    section .flex-container .column-1_4{
                        width: 25%;
                    }
                    section .flex-container .column-2_3{
                        width: 57%;
                    }

                    section .flex-container.center-container{
                        justify-content: center;
                        text-align: center;
                    }

            .inner-column-1_1{
                width: 100% !important;
                display: flex;
                gap: 10px;
            }
            .inner-column-1_2{
                width: 50% !important;
                display: grid;
            }

        /*----------------------------HERO-------------------------------*/

            section.hero{
                background-color: white;
                border-radius: 0px 0px 30px 30px;
                margin-top: -50px;
                margin-bottom: 40px;
            }
                section.hero .column,
                section.actus-bloc .actus-columns .column,
                section.deux-columns .column:not(.column-1_1){
                    border-radius: 20px;
                    overflow: hidden;
                    position: relative;
                    background-size:cover;
                    background-position: center;
                    background-repeat: no-repeat;
                    padding: 90px 50px 50px 50px;
                    margin-bottom: 10px;
                    -webkit-mask-image: radial-gradient(circle, #fff 100%, transparent 0%);
                    display: flex;
                    align-items: end;
                }
                    section.hero .column:before,
                    section.actus-bloc .actus-columns .column:before,
                    section.deux-columns .column:before{
                        background: linear-gradient(44deg, rgba(238, 238, 238, 0.95) 50%, rgba(238, 238, 238, 0) 100%);
                        content: "";
                        position: absolute;
                        inset: 0;
                        border-radius: inherit;
                    }
                        section.hero *,
                        section.actus-bloc *,
                        section.deux-columns *{
                            position: relative;
                            z-index: 99;
                        }

                    section.hero .multiple-column{
                        gap: 10px;
                    }
                        section.hero .multiple-column .column{
                            padding-left: 30px;
                            padding-right: 30px;
                        }

                        section.hero .column .inner-hero,
                        section.actus-bloc .column .inner-hero,
                        section.deux-columns .column .inner-hero,
                        .text-2_3{
                            max-width: 380px;
                        }

                            section.hero h1{
                                margin-top: 10px;
                            }
                            section.hero h2{
                                margin-top: 30px;
                            }

                            section.deux-columns h2{
                                margin-bottom: 30px;
                            }

                section .slick-track .column{
                    margin-right: 10px;
                    min-height: 300px;
                }
                section.actus-bloc .slick-track .column{
                    min-height: 200px;
                }

                section  .slick-prev{
                    display: none !important;
                }
                section .slick-next {
                    position: absolute;
                    z-index: 99;
                    right: 23px;
                    top: 46%;
                    text-indent: -9999px; 
                    overflow: hidden;
                    width: 30px;
                    height: 30px;
                    background: white url(../img/arrow-left.svg) no-repeat center center;
                    background-size: contain;
                    border-radius: 10px;
                    padding: 5px;
                    cursor: pointer;
                    border: none;
                }

                section .slick-next:after {
                    content: none !important;
                }

        /*-----------------------------------2-columns---------------------------*/

            section.deux-columns{
                padding-right: 0px;
            }
                .flex-container.home-flex-50{
                    align-items: end;
                }
                    section.deux-columns .double-col{
                        margin-bottom: 20px;
                    }
                        section.deux-columns .double-col .column{
                            min-height: 160px;
                        }

        /*-----------------------------------Solutions---------------------------*/

            section.solutions-3pictures{
                margin-bottom: 30px;
                padding-left: 0px;
            }
                section.solutions-3pictures .flex-container{
                    background-color: #D9D9D9;
                    max-height: 100%;
                    border-radius: 30px;
                    padding: 35px;
                }
                    section.solutions-3pictures .flex-container .galery-solutions{
                        margin-top: 15px;
                        margin-bottom: 30px;
                        display: flex;
                        gap: 10px;
                    }
                        section.solutions-3pictures .flex-container .galery-solutions img{
                            border-radius: 20px;
                            height: 120px;
                            width: 120px;
                            object-fit: cover;
                        }


        /*-----------------------------------TEXT - 4 IMAGES---------------------------*/

            .container-blanc{
                margin: 0px 10px;
                background-color: white;
                border-radius: 30px;
                padding-top: 50px;
                padding-bottom: 50px;
            }

        /*------------------------------------IMG - TXT------------------------------------*/

            .image-text .flex-container{
                align-items: center;
            }
                .image-text .flex-container .img-container img{
                    border-radius: 20px;
                    max-height: 270px;
                    object-fit: cover;
                }


        /*-----------------------------------GALERIE------------------------------------*/

            .galerie-container{
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
            }
            .home section:not(.newcleo) .galerie-container{
                margin-top: 20px;
            }
                    .galerie-container .galerie-item{
                        width: 23%;
                    }
                        .galerie-item img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            border-radius: 20px;
                        }

        /*------------------------------------NEWCLEO------------------------------------*/

                section.newcleo{
                    border-radius: 30px 30px 0px 0px;
                    background-color: white;
                    padding-top: 100px !important;
                    padding-bottom: 115px !important;
                    margin-bottom: -50px ;
                    z-index: 1;
                    position: relative;
                }
                    section.newcleo .inner-column-1_1{
                        gap: 50px;
                    }
                    section.newcleo .galerie-container .galerie-item {
                        width: 48%;
                    }
                        section.newcleo .galerie-container .galerie-item img{
                            max-height: 190px;
                            object-fit: cover;
                        }

        /*------------------------------------Go To Page------------------------------------*/

            .go-to-pages-multiple{
                margin-bottom: 70px;
            }
                .go-to-pages-multiple .flex-container{
                    justify-content: flex-start;
                    flex-wrap: wrap;
                }
                    .go-to-pages-multiple .flex-container .column{
                        width: 32%;
                    }

                section.go-to-page .flex-container,
                section.projets-bloc .flex-container,
                section.related_projet .flex-container.projets-related{
                    gap: 20px;
                }
                section.projets-bloc .flex-container.multiple-column{
                    display: grid !important;
                    grid-template-columns: repeat(3, 1fr);
                }
                    section.projets-bloc .flex-container.multiple-column .column{
                        width: auto !important;
                    }

                    section.go-to-page .flex-container .column,
                    section.projets-bloc .flex-container .column,
                    section.related_projet .flex-container.projets-related .column{
                        background-color: #D9D9D9;
                        border-radius: 30px;
                        overflow: hidden;
                        margin-bottom: 10px;
                        padding: 0px !important;
                    }

                    section.go-to-page .flex-container.slick-slider .column,
                    section.projets-bloc .flex-container.slick-slider .column,
                    section.related_projet .flex-container.projets-related.slick-slider .column{
                        min-height: 550px;
                    }

                        section.go-to-page img,
                        section.projets-bloc img,
                        section.related_projet img{
                            width: 100%;
                            height: 250px;
                            object-fit: cover;
                        }

                        section.go-to-page .text-inbloc,
                        section.projets-bloc .text-inbloc,
                        section.related_projet .text-inbloc{
                            padding: 20px 40px 40px 40px;
                        }

            /*-------------------------------------Pagination-------------------------------*/

                #pag-start{
                    min-height: 0px !important;
                    margin-top: 10px;
                }

                .pagination{
                    text-align: center;
                    margin: 30px 0px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                    .pagination a{
                        cursor: pointer;
                        margin: 0px 3px;
                        color: var(--black-color);
                    }
                        .pagination a:hover{
                            color: var(--orange-color);
                        }
                    .pagination span:before{
                        content: '[';
                        margin: 0px 2px 0px 5px;
                    }
                    .pagination span:after{
                        content: ']';
                        margin: 0px 5px 0px 2px;
                    }

                    .pagination .jp-current{
                        font-weight: 800;
                        color: var(--green-color);
                        font-size: 20px;
                        margin: 0px 6px;
                    }

                    .pagination .jp-previous,
                    .pagination .jp-next{
                        position: relative;
                    }
                        .pagination .jp-previous:after{
                            content: '';
                            background-image: url('../img/arrow-left.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            width: 30px;
                            height: 30px;
                            border-radius: 10px;
                            position: absolute;
                            transform: rotate(180deg) translateY(2px);
                            left: -35px;
                            top: -12px;
                        }
                        .pagination .jp-next:after{
                            content: '';
                            background-image: url('../img/arrow-left.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            width: 30px;
                            height: 30px;
                            border-radius: 10px;
                            position: absolute;
                            transform: translateY(-3px);
                            right: -35px;
                            top: -12px;
                        }



        /*------------------------------------Produits------------------------------------*/

            .prod-section{
                margin-bottom: 40px;
                padding-bottom: 20px  !important;
                padding-top: 40px !important;
            }
            .container-blanc.prod-section{
                margin-top: 40px;
            }
                .prod-section .green-bold{
                    color: var(--green-color);
                    font-weight: 600;
                    margin-top: 30px;
                }

                .label-zone{
                    position: relative;
                    width: 70%;
                }
                    .label-zone label{
                        display: block;
                        font-size: 15px;
                        margin-bottom: 10px;
                    }
                    .prod-section .label-zone label{
                        margin-top: 60px;
                    }

                    section select{
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        background-color: rgba(217,217,217,0.5);
                        border: none;
                        padding: 15px 30px;
                        color: rgba(0,0,0,0.6);
                        font-family: 'Gotham';
                        border-radius: 20px;
                        margin-bottom: 15px;
                        width: 100%;
                    } 

                        .label-zone:after{
                            content: '';
                            background-image: url('../img/arrow-square-down.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            width: 22px;
                            height: 22px;
                            right: 30px;
                            position: absolute;
                            top: calc(50% - 5px);
                        }


                section.produits{
                    padding-bottom: 0px !important;
                }
                    .produit-bloc{
                        background-color: rgba(217,217,217,0.3);
                        border-radius: 20px;
                        padding: 50px 40px 70px 40px;
                        margin-top: 40px;
                    }
                        #products-container,
                        .produits-related{
                            gap: 30px;
                            display: grid;
                            grid-template-columns: repeat(3, 1fr); 
                        }
                            #products-container div.mobile-filter{
                                grid-column: 1 / -1;
                            }
                            #products-container .column{
                                background-color: rgba(217,217,217,0.6);
                                border-radius: 20px;
                                overflow: hidden;
                                padding: 30px 40px;
                                margin-bottom: 20px;
                                width: auto !important;
                            }
                            .produits-related .column{
                                background-color: rgba(217,217,217,0.6);
                                border-radius: 20px;
                                overflow: hidden;
                                padding: 30px 40px;
                                margin-bottom: 20px;
                            }
                                #products-container .column img,
                                .produits-related .column img{
                                    width: 240px;
                                    height: 180px;
                                    border-radius: 15px;
                                    object-fit: cover;
                                }

                                #products-container .column .tags-zone .tag-bloc,
                                .produits-related .column .tags-zone .tag-bloc{
                                    display: inline-block;
                                    background-color: rgba(185, 185, 185, 0.26);
                                    color: rgba(0,0,0,0.6);
                                    border-radius: 12px;
                                    padding: 8px 20px;
                                    margin-right: 5px;
                                    font-weight: 600;
                                    text-transform: uppercase;
                                    letter-spacing: 0.8px;
                                    font-size: 11px;
                                    margin-bottom: 5px;
                                }

                    .loader{
                        text-align: center;
                        margin: auto;
                        margin-top: -20px;
                        background-color: white;
                        padding: 10px;
                        border-radius: 10px;
                        width: 40px;
                        display: flex;
                        cursor: pointer;
                        position: relative;
                    }

    /*------------------------------------Téléchargement------------------------------------*/

        .onglets{
            margin-top: 50px;
            display: flex;
            margin-left: 10px;
        }
            .onglets .onglet{
                padding: 22px 40px 18px 40px;
                background-color: white;
                margin-right: 8px;
                color: var(--green-color);
                font-weight: 600;
                text-transform: uppercase;
                border-radius: 20px 20px 0px 0px;
                font-size: 13px;
                letter-spacing: 0.8px;
                cursor: pointer;
            }
                .onglets .onglet:not(.active){
                    color: white;
                    background-color: rgba(0,158,161,0.3);
                }
                    .onglets .onglet:hover{
                        background-color: var(--green-color);
                        color: white;
                    }

        .download-container{
            border-radius: 0px 30px 30px;
            margin-bottom: 50px;
             position: relative;
        }

        .download .bloc-down:not(.bloc-actif){
            display: none;
        }
            .download .label-zone:not(.mobile){
                margin-top: 50px;
            }
            .download .search-bloc{
                display: flex;
                margin-top: 15px;
            }
                .download .search-bloc button{
                    background-color: var(--green-color);
                    color: white;
                    height: 50px;
                    border-radius: 20px;
                    border: none;
                    cursor: pointer;
                    z-index: 9999;
                    display: flex;
                    padding: 0px 20px;
                    align-items: center;
                }
                    .download .search-bloc button img{
                        width: 25px;
                        height: 30px;
                        object-fit: contain;
                    }
                    .download .search-bloc button span{
                        font-family: 'Gotham';
                        font-weight: 600;
                        letter-spacing: 1px;
                        display: inline;
                        padding-left: 15px;
                        font-size: 12px;
                    }
                        .download .search-bloc button:hover{
                            background-color: var(--orange-color);
                        }

                section input{
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    background-color: rgba(217,217,217,0.5);
                    border: none;
                    padding: 15px 30px;
                    color: rgba(0,0,0,0.6);
                    font-family: 'Gotham';
                    border-radius: 20px;
                    margin-bottom: 15px;
                }
                    section input:focus{
                        box-shadow: inset 0px 0px 0px 1px var(--green-color-fade);
                        outline: 0px !important;
                    }
                .download .search-bloc input{
                    margin-left: -40px;
                    width: 100%;
                    padding: 17px 55px;
                }

            .download canvas,
            .download .column img{
                width: 260px;
                height: 180px;
                object-fit: cover;
                border-radius: 20px;
            }

        .fancybox__container{
            z-index: 99999 !important;
        }

    /*------------------------------------Call To Actions------------------------------------*/

        .call-to-actions-container{
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .container-blanc.call-to-actions-container{
            margin-bottom: 40px !important;
        }
            section.call-to-actions img{
                margin-bottom: 20px;
            }

    /*------------------------------------Témoignages------------------------------------*/

        section.testimonials .flex-container{
          margin-bottom: 60px;
          margin-top: 20px;
          position: relative;
          gap: 20px;
        }
            section.testimonials .flex-container .column{
                box-sizing: border-box;
            }

            section.testimonials .tasty-bloc{
                background-color: var(--green-color);
                color: white;
                border-radius: 30px;
                padding: 40px;
                margin-bottom: 30px;
                position: relative;
            }
            section.testimonials .column:nth-child(even) .tasty-bloc{
                background-color: white;
                color: var(--black-color);
            }
                section.testimonials .tags-zone .tag-bloc{
                    display: inline-block;
                    background-color: rgba(185, 185, 185, 0.26);
                    color: white;
                    border-radius: 12px;
                    padding: 8px 20px;
                    margin-right: 5px;
                    font-weight: 600;
                    text-transform: uppercase;
                    letter-spacing: 0.8px;
                    font-size: 11px;
                    margin-bottom: 5px;
                }
                    section.testimonials .column .tasty-bloc:after{
                        content: '';
                        position: absolute;
                        right: 57px;
                        bottom: -25px;
                        background-image: url('../img/triangle.svg');
                        height: 35px;
                        width: 30px;
                        background-size: contain;
                        background-repeat: no-repeat;
                    }
                    section.testimonials .column:nth-child(even) .tasty-bloc:after{
                        filter: brightness(0) invert(1);
                    }

                section.testimonials .column:nth-child(even) .tags-zone .tag-bloc{
                    color: white;
                    color: rgba(0,0,0,0.6);
                }

            section.testimonials .flex-inner{
                display: flex;
                padding: 0px 40px;
                justify-content: space-between;
            }
                section.testimonials .column .flex-inner p{
                    margin: 0px;
                }
                section.testimonials .column p.name{
                    margin-bottom: 2px;
                    text-transform: uppercase;
                }
                section.testimonials .column p.entreprise{
                     margin-top: 0px;
                     margin-bottom: 10px;
                }
                section.testimonials .column img{
                    height: 64px;
                    object-fit: cover;
                    border-radius: 50%;
                }

        #loader-all-tasty{
            margin-bottom: 40px;
        }

    /*---------------------------------------Contact--------------------------------------*/
        
        .notification-zone{
            position: fixed;
            bottom: 0px;
            max-width: 100%;
            z-index: 999999999999;
            right: 0px;
            display: flex;
            margin: 0px 20px;
        }
            .notification-zone .notif{
                margin-bottom: 40px;
                border-radius: 20px;
                padding: 30px 40px;
                background-color: var(--green-color);
                width: 100%;
                color: white;
            }
                .notification-zone .notif.error{
                    background-color: var(--orange-color);
                }

        body.page-template-contact .formulaire-zone{
            margin-top: 50px;
            margin-bottom: 30px;
            padding: 30px 40px;
        }
            body.page-template-contact .aside-contact{
                width: 28%;
                background-color: white;
                border-radius: 30px;
            }
            body.page-template-contact .form{
                width: 57%;
            }
                body.page-template-contact .aside-contact .column{
                    width: 90%;
                }
                    body.page-template-contact .aside-contact img.thumb-info{
                        margin-bottom: 30px;
                        border-radius: 20px;
                        height: 215px;
                        object-fit: cover;
                    }
                    body.page-template-contact .aside-contact h2{
                        margin-bottom: 30px;
                    }

                    body.page-template-contact .aside-contact .bloc-infos{
                        background-color: var(--grey-color-fade);
                        border-radius: 20px;
                        justify-content: space-around;
                        padding: 15px 20px;
                        align-items: center;
                        margin-bottom: 10px;
                    }
                        body.page-template-contact .aside-contact .coord p{
                            margin: 6px;
                        }
                            body.page-template-contact .aside-contact .coord p a{
                                color: var(--black-color);
                            }
                                body.page-template-contact .aside-contact .coord p.tel a{
                                    font-weight: 600;
                                }
                                body.page-template-contact .aside-contact .coord p a:hover{
                                    color: var(--orange-color);
                                }
                                    body.page-template-contact .aside-contact .coord p a img{
                                        transform: translateY(3px) translateX(-4px);
                                    }

        section.form .form-bloc{
            margin-top: 20px;
        }
            section.form .form-bloc .flex-container .column-1_2{
                display: flex;
            }
                section.form ::placeholder{
                    color: var(--black-color);
                    opacity: 0.8;
                }

                section.form .form-bloc input[type="text"],
                section.form .form-bloc input[type="email"],
                section.form .form-bloc textarea{
                    width: 100%;
                }

                section.form .form-bloc .column-1_1{
                    width: 100%;
                    display: flex;
                }
                    section.form .form-bloc textarea{
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        background-color: rgba(217,217,217,0.5);
                        border: none;
                        padding: 15px 30px;
                        color: rgba(0,0,0,0.6);
                        font-family: 'Gotham';
                        border-radius: 20px;
                        margin-bottom: 15px;
                        resize: none;
                        font-size: 14px;
                        height: 80px;
                    }
                        section textarea:focus {
                          box-shadow: inset 0px 0px 0px 1px var(--green-color-fade);
                          outline: 0px !important;
                        }

                section.form .form-bloc input[type="checkbox"]{
                    -webkit-appearance: none !important;
                    -moz-appearance: none !important;
                    -ms-appearance: none !important;
                    background-color: transparent !important;
                    box-shadow: none !important;
                    height: 34px !important;
                    width: 33px !important;
                    cursor: pointer;
                    margin-right: 10px !important;
                    float: left;
                    margin-left: 0px;
                    padding: 0px;
                }
                    section.form .form-bloc input[type="checkbox"] + label{
                        font-size: 13px;
                        font-weight: 400;
                        position: relative;
                    }
                        section.form .form-bloc input[type="checkbox"] + label:after{
                            content: '';
                            background-image: url('../img/check-no.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            width: 34px;
                            height: 30px;
                            left: -40px;
                            position: absolute;
                            top: 0px;
                            cursor: pointer;
                        }
                        section.form .form-bloc input[type="checkbox"]:checked + label:after{
                            background-image: url('../img/check-yes.svg');
                        }

                section.form .form-bloc button{
                    border: none;
                    cursor: pointer;
                }

        body.page-template-contact section.image-text{
            padding-top: 50px !important;
        } 

    /*---------------------------------------Actus--------------------------------------*/

        .page-template-actus .actus-full,
        .home section.actus-bloc{
            margin-top: 30px;
        }
            .home section.actus-bloc .actus-columns{
                margin-top: 30px;
                margin-bottom: 40px;
            }

        .page-template-contact section.actus-bloc{
            background-color: rgba(217,217,217,0.3);
            border-radius: 30px;
            margin-bottom: -50px;
            padding-top: 50px;
            padding-bottom: 80px !important;
            z-index: 1;
            position: relative;
        }
            .page-template-contact .actus-columns{
                margin-top: 40px;
                margin-bottom: 60px;
            }

        .page-template-contact section.image-text{
            z-index: 1;
            position: relative;
            background-color: white;
            border-radius: 30px 30px 0px 0px;
            margin-bottom: -50px;
            padding-bottom: 80px !important;
        }

        .page-template-contact footer{
            z-index: 2;
            position: relative;
        }

            .flex-container.suite-actus{
                display: grid;
                grid-template-columns: repeat(4, 1fr);
            }
                .suite-actus .column-1_4 {
                    width: auto !important;
                }

        #pag-act{
            margin-top: 50px;
            min-height: 0px !important;
        }

    /*--------------------------Projet Single-------------------------------*/

        .left-bloc.left-switch{
            margin-top: 40px;
        }

        section.aside-right-projects aside{
            margin-top: -79px;
            background-color: white;
            border-radius: 30px;
            padding: 0px;
            overflow: hidden;
            width: 100%;
        }
            section.aside-right-projects aside img{
                width: 100%;
                height: 300px;
                object-fit: cover;
            }
            section.aside-right-projects aside .single-project-info{
                padding: 40px 30px;
            }
                section.aside-right-projects aside .single-project-info .title-aside{
                    text-transform: uppercase;
                    font-size: 15px;
                    margin-bottom: 5px;
                }
                section.aside-right-projects aside .single-project-info .contenu-aside{
                    margin-top: 0px;
                    margin-bottom: 25px !important;
                }

                    .tasty-single .flex-container{
                        gap: 30px;
                    }
                        .tasty-single-bloc{
                            background-color: var(--green-color);
                            border-radius: 30px;
                            color: white;
                            padding: 40px;
                            margin-bottom: 30px;
                            position: relative;
                            width: 70%;
                        }
                            .tasty-single-bloc h3{
                                color: white;
                            }
                                .tasty-single-bloc:after {
                                  content: '';
                                  position: absolute;
                                  right: 57px;
                                  bottom: -25px;
                                  background-image: url('../img/triangle.svg');
                                  height: 35px;
                                  width: 30px;
                                  background-size: contain;
                                  background-repeat: no-repeat;
                                }

                        .tasty-single .tasty-thumb{
                            width: 40%;
                            display: flex;
                            align-items: center;
                            border-radius: 30px;
                            background-color: white;
                            padding: 40px;
                            margin-bottom: 30px;
                        }
                                .tasty-single .tasty-thumb img{
                                    height: 100%;
                                    width: 100%;
                                    object-fit: contain;
                                }

        .projet-template .galerie-4{
           margin-bottom: 60px; 
        }
            section.galerie-4 .galerie-container{
                gap: 15px;
            }
                section.galerie-4 .galerie-container .plus-mobile{
                        display: none;
                }
                .projet-template .galerie-4 img:not(.no-ratio){
                    aspect-ratio: 1 / 1;
                }

    /*--------------------------------------------Produits Single----------------------------------------------*/

        section.img-single-product{
            width: 30%;
        }
            section.img-single-product .slick-prev{
                display: block !important;
                position: absolute;
                z-index: 99999;
                left: 0px;
                top: 40%;
                text-indent: -9999px;
                overflow: hidden;
                width: 30px;
                height: 30px;
                background: white url(../img/arrow-left.svg) no-repeat center center;
                background-size: contain;
                border-radius: 10px;
                padding: 5px;
                cursor: pointer;
                border: none;
                transform: rotate(180deg);
            }
            section.img-single-product .slick-next{
                top: 40%;
                right: 0px;
            }

            section.img-single-product .galerie-container{
                margin-top: -79px;
                overflow: hidden;
                border-radius: 30px;
            }
                section.img-single-product .galerie-container img{
                    width: 100%;
                    height: 350px;
                    object-fit: cover;
                    background-color: white;
                    border-radius: 30px;
                }

            section.img-single-product .slick-dots{
                display: flex;
                justify-content: center;
                align-items: center;
            }
                section.img-single-product .slick-dots li{
                    display: inline-block;
                }
                    section.img-single-product .slick-dots li button{
                        display: block !important;
                        text-indent: -9999px;
                        overflow: hidden;
                        width: 5px;
                        height: 5px;
                        background: white url(../img/dots.svg) no-repeat center center;
                        background-size: contain;
                        border-radius: 10px;
                        cursor: pointer;
                        border: none;
                        transform: rotate(180deg);
                        margin-right: 2px;
                    }
                    section.img-single-product .slick-dots li.slick-active button{
                        display: block !important;
                        text-indent: -9999px;
                        overflow: hidden;
                        width: 10px;
                        height: 10px;
                        background: white url(../img/dots-select.svg) no-repeat center center;
                        background-size: contain;
                        border-radius: 10px;
                        cursor: pointer;
                        border: none;
                        transform: rotate(180deg);
                        margin-right: 1px;
                    }

        section.fiche-technique{
            padding-top: 0px;
        }
        section.fiche-technique .flex-container{
            align-items: center;
        }
            section.fiche-technique .flex-container hr{
                opacity: 0.1;
            }

            section.fiche-technique .btn-zone{
                margin-left: 15px;
            }
                section.fiche-technique .btn-zone a{
                    display: flex;
                    align-items: center;
                    padding-left: 20px !important;
                    margin-top: 0px !important;
                }
                    section.fiche-technique .btn-zone a:first-child{
                        margin-bottom: 5px !important;
                    }
                    section.fiche-technique .btn-zone a.primary{
                        width: fit-content;
                    }
                        section.fiche-technique .btn-zone a img{
                            filter: invert(0) brightness(1000);
                            margin-right: 10px;
                        }

    /*-------------------------------Colonne 1_3 images----------------------------------------*/

        section.untrois-images .primary-flex{
            align-items: center;
        }
            section.untrois-images .primary-flex .img-bloc-left{
                flex: 0 0 40%;
            }
            section.untrois-images .primary-flex .text-right-bloc{
                flex: 0 0 60%;
            }
                section.untrois-images img{
                    display: flex;
                    width: 90%;
                    border-radius: 30px;
                    height: 250px;
                    object-fit: cover;
                    margin-bottom: 30px;
                }


    /*-------------------------------Caractéristiques----------------------------------------*/

        section.caracteristiques li{
            list-style-type: none;
            font-size: 10.5pt;
        }
            section.caracteristiques .flex-container{
                gap: 40px;
                flex-wrap: wrap;
                flex-flow: ;
            }
                section.caracteristiques .flex-container .column{
                    width: 30%;
                }

    /*-----------------------Produit similaires-------------------------------*/

        section.related_projet:not(.actus-template){
            margin-top: 50px;
        }
            .actus-projets-c{
                padding-bottom: 115px !important;
                margin-bottom: -80px;
            }
                .produits-related{
                    margin-top: 40px;
                }

        .related_projet .projets-related{
            margin-top: 30px;
        }

    /*---------------------------Historique------------------------*/

        section.historique{
            background-color: rgba(217,217,217,0.3);
            border-radius: 20px;
            padding: 60px 40px 60px 40px;
            margin-top: 30px;
            margin-bottom: 50px;
        }
            section.historique .flex-container {
              display: flex;
              flex-direction: column;
              align-items: center;
              position: relative;
              margin: auto;
            }   
                section.historique .flex-container:after {
                    content: '';
                    position: absolute;
                    width: 1px;
                    height: 100%;
                    top: 0;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    border-left: 1px solid rgba(20,20,20,0.2);
                }
                    section.historique .flex-container .timeline-dot {
                        width: 35px;
                        height: 35px;
                        border-radius: 50%;
                        background: #E9E9E9 url('../img/dots.svg') center center no-repeat;
                        background-size: 70% auto;
                        outline: 1px solid #E9E9E9;
                        z-index: 99;
                        pointer-events: none;
                    }

                section.historique .flex-container .column{
                    background: white;
                    border-radius: 30px;
                    padding: 60px 60px 40px 60px;
                    width: 35%;
                    margin: 20px 0;
                }

                section.historique .flex-container .column:nth-child(2n+1){
                  align-self: flex-start;
                }
                section.historique .flex-container .column:nth-child(2n){
                    align-self: flex-end;
                }
                    section.historique .flex-container .column img{
                        display: flex;
                        max-width: 260px;
                        max-height: 180px;
                        object-fit: cover;
                        margin-bottom: 30px;
                        border-radius: 20px;
                    }

                    section.historique .flex-container .column h2{
                        font-size: 17pt;
                    }
                        section.historique .flex-container .column h2.avant{
                            color: var(--green-color);
                        }

    /*---------------------------Vidéos------------------------*/

        .video-bloc{
            margin-top: 40px;
            margin-bottom: 40px;
            position: relative;
            padding-top: 25px;
            padding-bottom: 25px;
        }

            section.videos iframe,
            section.videos video{
                width: 100%;
                height: auto;
                aspect-ratio: 16 / 9;
                display: block;
                border-radius: 20px;
            }
                section.videos #playBtn{
                    position: absolute;
                    background: none;
                    border: none;
                    left: calc(50% - 40px);
                    top: calc(50% - 40px);
                    cursor: pointer;
                    transform: scale(1);
                    transition: transform 1s ease;
                }
                    section.videos #playBtn:hover{
                        transform: scale(1.5);
                        transition: transform 1s ease;
                    }

    /*---------------------------A propos / Entreprise------------------------*/

        section.text-2images{
            margin-top: 50px;
            margin-bottom: 50px;
        }
        .deuximg{
            margin-bottom: 50px;
        }
            section.text-2images .flex-container,
            section.deuximages-text .flex-container{
                gap: 60px;
                align-items: center;
            }
                section.text-2images .galerie-right .flex-container,
                section.deuximages-text .galerie-right .flex-container{
                    gap: 10px;
                    justify-content: center !important;
                }
                section.deuximages-text .galerie-left.flex-container{
                    justify-content: center !important;
                }
                    section.text-2images .galerie-right img,
                    section.deuximages-text .galerie-right img{
                        max-height: 280px !important;
                        min-height: 250px;
                        object-fit: cover;
                    }
                    section.deuximages-text h3{
                        font-weight: 600;
                        font-size: 15pt !important;
                    }

        section.text_1-2 .flex-container{
            flex-wrap: wrap;
        }
            section.text_1-2 .flex-container .column-1_2{
                width: 47%;
                margin-bottom: 0px;
            }

                section.text_1-2 ul{
                    padding-left: 20px;
                }
                    section.text_1-2 ul li{
                        font-weight: 400 !important;
                        font-size: 10.5pt;
                    }

    /*---------------------------Actu Single------------------------*/

        .post-template-actu-single .flex-container.switch-mobile{
            gap: 80px;
        }
            section.actu-single{
                padding-top: 0px;
            }
                section.actu-single .intro,
                section.actu-single .content-bloc:not(:last-child){
                    margin-bottom: 70px;
                }
                    section.actu-single img{
                        width: 100%;
                        border-radius: 30px;
                        height: 350px;
                        object-fit: cover;
                        margin-top: 50px;
                    }

            section.aside-right-projects{
                padding-bottom: 0px !important;
                min-width: 400px;
            }
                section.aside-right-projects .single-project-info .auteur-date{
                    margin-bottom: 30px;
                }
                    section.aside-right-projects .single-project-info .auteur-date p,
                    section.aside-right-projects .single-project-info .auteur-date p strong{
                        font-size: 14px;
                    }
                    section.aside-right-projects .single-project-info p{
                        margin: 5px 0 !important;
                    }

        .share-zone{
            display: flex;
            justify-content: center;
            margin-top: 40px;
            cursor: pointer;
        }
            .share-zone .share-btn{
                display: flex;
                align-items: center;
                text-transform: uppercase;
                color: var(--black-color) !important;
                font-weight: 400;
                letter-spacing: 1px;
                font-size: 12px;
            }
                .share-zone .share-btn img{
                    margin-right: 10px;
                    background-color: rgba(217,217,217, 0.8);
                    padding: 10px;
                    border-radius: 10px;
                }

                .share-zone:hover a{
                    color: var(--green-color) !important;
                }
                    .share-zone:hover a img{
                        filter: sepia(107%) hue-rotate(182deg);
                    }

        .pop-up-back{
            position: fixed;
            height: 100%;
            width: 100%;
            background-color: rgba(0,0,0,0.7);
            top: 0px;
            left: 0px;
            z-index: 99999999;
            display: flex;
            align-items: center;
            justify-content: center;
        }
            .pop-up{
                position: fixed;
                background-color: white;
                width: 260px;
                padding: 60px 50px;
                border-radius: 30px;
            }
                .pop-up .close{
                    position: absolute;
                    right: 20px;
                    top: 20px;
                    cursor: pointer;
                }
                    .pop-up .close:hover img{
                        filter: invert(44%) sepia(47%) saturate(7499%) hue-rotate(160deg) brightness(101%) contrast(102%);
                    }

                .pop-up .content-popup p{
                    font-weight: 600;
                    font-size: 16px;
                    margin-bottom: 20px;
                    color: black;
                }
                .pop-up .content-popup a{
                    margin-right: 10px;
                }
                    .pop-up .content-popup a:hover img{
                        opacity: 0.8;
                    }

    /*---------------------------Documents----------------------------------*/

        section.document_single{
            margin-bottom: 40px;
            margin-top: 30px;
        }
            section.document_single .docs-zone{
                margin-top: 40px;
            }
                section.document_single .dock-bloc p{
                    margin-top: 5px !important;
                    margin-bottom: 0px !important;
                }
                    section.document_single .dock-bloc a{
                        display: flex;
                        background-color: var(--green-color);
                        color: white;
                        border-radius: 20px;
                        padding: 20px 30px;
                        align-items: center;
                        text-transform: uppercase;
                        font-weight: 600;
                        letter-spacing: 0.8px;
                        font-size: 12px;
                        width: 80%;
                    }
                    section.document_single .dock-bloc:nth-child(even) a{
                        background-color: var(--grey-color);
                    }
                        section.document_single .dock-bloc a:hover{
                            background-color: var(--orange-color);
                        }
                        section.document_single .dock-bloc a img{
                            margin-right: 10px;
                        }

                    section.document_single .all-doc a{
                        display: flex;
                        align-items: center;
                        margin-top: 20px;
                        color: var(--black-color);
                        letter-spacing: 0.8px;
                        font-size: 12px;
                    }
                        section.document_single .all-doc:hover a{
                            color: var(--orange-color);
                        }
                            section.document_single .all-doc a img{
                                background-color: white;
                                border-radius: 10px;
                                margin-right: 12px;
                                padding: 10px;
                            }
                                section.document_single .all-doc:hover a img{
                                    filter: invert(51%) sepia(29%) saturate(2196%) hue-rotate(345deg) brightness(94%) contrast(97%);
                                    background: none;
                                }
        /*-------------------------------Related Actus------------------------*/

            .related_actus_container{
                padding-bottom: 110px;
                margin-bottom: -70px;
                border-radius: 30px 30px 0px 0px;
            }
                .related_actus h2{
                    margin-bottom: 40px;
                }

        /*-----------------------------Mentions légales----------------------------------*/


            .privacy h2:not(:first-child){
                margin-top: 40px;
            }

            .privacy .wp-block-table{
                margin-left: 0px !important;
            }
            .privacy table{
                width: 100%;
                border-collapse: collapse;
                margin: 40px 0px;
            }
                .privacy table tr:nth-child(odd){
                    background-color: rgba(0,0,0,0.1);
                }
                    .privacy table td{
                        border: 1px solid rgba(0,0,0,0.1);
                        padding: 10px 20px;
                    }

/*-------------------------------------HEADER------------------------------------------*/

    header{
        margin: 20px 10px;
        padding: 40px;
        border-radius: 30px;
        background-color: white;
        transition: all 0.4s ease;
    }
    .header-placeholder {
        height: 0;
    }

        body.menu-open header{
            background-color: var(--green-color);
            height: 100%;
            transition: background-color 0.3s ease;
        }

        header .bloc-menu,
        header .has-children a{
            display: flex;
            align-items: center;
            z-index: 999;
            position: relative;
        }
            header .logo-zone{
                margin-right: 40px;
            }
            header .open-full-mobile{
                display: inherit;
                width: 100%;
                justify-content: inherit;
            }
                header .bloc-menu .menu-left,
                header .bloc-menu .menu-right,
                header .bloc-menu .menu-right-extra{
                    display: flex;
                    align-items: center;
                }
                    header a.btn-green{
                        margin-right: 5px;
                    }
                    header .telechargement a{
                        background-color: var(--grey-color);
                        padding: 7px 20px;
                        border-radius: 20px;
                        color: white;
                        display: block;
                        margin-right: 25px;
                    }
                        header .telechargement a img{
                            filter: invert(1);
                        }
                            header .telechargement a:hover{
                                background-color: var(--orange-color);
                            }

                header .bloc-menu a:hover{
                    color: var(--green-color);
                }

                header .has-children img{
                    margin-left: 6px;
                }
                    header .bloc-menu:not(.mobile-open-menu) .has-children:not(:first-child) img{
                        display: none !important;
                    }
                    header .has-children:hover .menu-item:not(.full-item) img{
                        filter: invert(41%) sepia(67%) saturate(912%) hue-rotate(140deg) brightness(97%) contrast(101%);
                    }
                        header .bloc-menu .sub-menu{
                            padding-top: 15px;
                            position: absolute;
                            pointer-events: none;
                        }
                        header .bloc-menu .has-children:not(:first-child) .sub-menu{
                             padding-top: 19px;
                        }
                            header .bloc-menu .sub-menu .submargin{
                                overflow: hidden;
                                background-color: var(--green-color);
                                padding: 0px;
                                border-radius: 20px;
                                width: 150px;
                                box-shadow: 5px 5px 40px rgba(0,0,0,0.06);
                                clip-path: inset(0 0 100% 0); /* masque depuis le bas */
                                transition: clip-path 0.3s ease;
                                padding: 40px 30px;
                            }
                                header .bloc-menu .submargin a{
                                    color: white;
                                    display: block;
                                }
                                header .bloc-menu .submargin a:not(:last-child){
                                     margin-bottom: 12px;
                                }
                                    header .bloc-menu .submargin a:hover{
                                        color: var(--black-color);
                                    }
                                        header .has-children:hover .submargin{
                                            clip-path: inset(0 0 0 0);
                                            transition: clip-path 0.5s ease;
                                            padding: 40px 30px;
                                        }

                                        header .bloc-menu .has-children:hover .sub-menu{
                                            pointer-events: all;
                                        }

            .bandeau-title{
                background-color: white;
                padding: 20px 40px;
                margin: 0px;
                border-radius: 0px 0px 30px 30px;
                margin-top: -71px !important;
                margin: 0px 10px;
            }

    /*----------------------Langues----------------------------*/

        .menu-picto.langues {
            position: relative;
            height: 27px;
        }
            .lang-switcher {
                opacity: 0;
                transition: opacity 0.3s ease;
            }
            .lang-switcher.active {
                opacity: 1;
            }

        .menu-picto.langues:hover .lang-switcher {
            opacity: 1;
        }
            .menu-picto.langues .lang-switcher img{
                transform: translateY(6px);
                margin-bottom: 5px;
            }
                .menu-picto.langues .lang-switcher:not(.active) img{
                    opacity: 0.5;
                }
                    .menu-picto.langues .lang-switcher:hover img{
                        opacity: 1;
                    }

        header .lang-flag{
            margin-right: 10px;
        }


/*-------------------------------------FOOTER------------------------------------------*/

    footer{
        margin: 20px 10px 0px 10px;
        padding: 80px 40px;
        border-radius: 30px 30px 0px 0px;
        background-color: var(--green-color);
        text-align: center;
        color: white;
        z-index: 2;
        position: relative;
    }
        footer .logo-footer img{
            filter: saturate(0) brightness(0) invert(1);
            margin-bottom: 50px;
        }

        footer .nav-footer,
        footer .menu-right-extra{
            display: flex;
        }
            footer nav{
                justify-content: center;
            }
                footer nav a,
                footer a{
                    color: white;
                }
                    footer nav a:hover,
                    footer a:hover{
                        color: var(--black-color);
                    }

        footer .copyright p{
            margin-top: 40px;
            margin-bottom: 2px;
        }

        footer .legal-menu{
            opacity: 0.7;
        }

        footer .social-footer p{
            margin-bottom: 30px;
            font-weight: 600;
        }
            footer .social-footer img{
                transform: translateY(3.4px);
                margin-left: 2px;
            }
                footer .social-footer a:hover img{
                    filter: invert(1);
                }

        footer .agence-bloc p{
            opacity: 0.9;
            font-size: 11pt;
        }
            footer .agence-bloc p img{
                transform: translateY(17px) translateX(-12px);
            }
                footer .agence-bloc p a:hover img{
                    filter: invert(1);
                }



/*-------------------------------------------------------RESPONSIVE-----------------------------------------------------------------------*/

    @media screen and (min-width: 1150px){
        .mobile-only{
            display: none !important;
        }

        header.sticky{
            position: fixed;
            width: 95.5%;
            margin-top: 0px;
            border-radius: 0px 0px 30px 30px;
            z-index: 99999;
            margin: 0px;
        }

        .filter-btn, .mobile-filter{
            display: none;
        }

        .produits-related .column{
            width: auto !important;
        }

        nav, .nav-zone{
            margin-top: -4px;
        }
    }

    @media screen and (max-width: 1150px){
        .desktop-only{
            display: none !important;
        }
        section{
            margin: 0px;
            padding: 30px 25px !important;
        }
            section.hero{
                margin-top: -20px;
            }

            .container-blanc{
                margin-left: 0px;
                margin-right: 0px;
            }

            .flex-container{
                display: block;
            }
                section:not(.actus-bloc):not(.projets-bloc):not(.deux-columns) .flex-container:not(.multiple-column) > .column{
                    width: auto !important;
                }
                section.actus-bloc .flex-container:not(.actus-columns) .column {
                    width: auto !important;
                }
                section .column{
                    padding-left: 20px !important;
                    padding-right: 20px !important;
                }
                section .flex-container.multiple-column{
                    width: auto !important;
                    display: flex !important;
                    justify-content: space-between;
                }
                    section:not(.actus-bloc) .flex-container.multiple-column .column.column-1_2{
                        width: 50% !important;
                    }

                section .flex-container.center-container{
                    justify-content: flex-start;
                    text-align: left;
                }

        h3{
            font-size: 13pt;
        }
        .primary, .secondary{
            padding: 9px 18px !important;
        }
    }


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

        /*----------------------------------------------HEADER--------------------------------------*/

            body{
                padding-top: 120px;
            }
                body.admin-bar header{
                    top: 46px;
                }
            
            header{
                padding: 40px 25px;
                margin: 0px;
                border-radius: 0px 0px 30px 30px;
                position: fixed;
                z-index: 9999;
                width: calc(100% - 50px);
                top: 0px;
            }
                header .logo-zone{
                    margin-right: 20px !important;
                }
                    header .logo-zone img{
                        width: 140px;
                        transform: translateY(2px);
                        transition: filter 0.4s ease;
                    }
                    header .mobile-open-menu .logo-zone img{
                        filter: saturate(0) brightness(0) invert(1);
                        transition: filter 0.4s ease;
                    }

                header .menu-item:not(.full-item){
                    display: none;
                }
                    header #mobile-menu-container .menu-item a{
                        color: white;
                        text-transform: uppercase;
                        font-weight: 900;
                        font-size: 10.5pt;
                        margin-bottom: 20px;
                        letter-spacing: 1px;
                        display: block;
                    }
                        header #mobile-menu-container .menu-item a:hover{
                            color: var(--black-color);
                        }
                            header .has-children.full-item img{
                                filter: invert(1);
                                transform: translateY(5.4px);
                            }
                                header .has-children.full-item a:hover img{
                                    filter: invert(0);
                                }
                                    header #mobile-menu-container .menu-item .submargin{
                                        margin-bottom: 25px;
                                    }
                                        header #mobile-menu-container .menu-item:hover .submargin{
                                            padding: 0px;
                                         }
                                            header #mobile-menu-container .menu-item .submargin a{
                                                font-weight: 400;
                                                margin-bottom: 5px;
                                            }

                header .menu-toggle{
                    background-color: var(--green-color);
                    padding: 7px 18px;
                    border-radius: 20px;
                    color: white;
                    display: block;
                    margin-right: 5px;
                    cursor: pointer;
                    transition: background-color 0.2s ease;
                }
                    header .menu-toggle:hover,
                    header .mobile-open-menu .menu-toggle{
                        background-color: var(--orange-color);
                        transition: background-color 0.2s ease;
                    }
                        header .menu-toggle img{
                            filter: invert(1);
                            transform: translateY(1.5px);
                        }

                header .telechargement a{
                    margin-right: 18px;
                    padding: 7px 18px;
                }
                    header .mobile-open-menu .telechargement a{
                        background-color: white;
                    }
                        header .mobile-open-menu .telechargement a img{
                            filter: invert(0);
                            opacity: 0.4;

                        }
                            header .mobile-open-menu .telechargement a:hover{
                                background-color: var(--grey-color);
                            }
                                header .mobile-open-menu .telechargement a:hover img{
                                    filter: invert(1);
                                    opacity: 1;
                                }

                body.menu-open {
                    overflow: hidden; /* Pour éviter que le body ne scrolle derrière */
                }

                header #mobile-menu-container{
                    position: fixed;
                    background-color: var(--green-color);
                    top: 90px;
                    left: 0px;
                    width: 100%;
                    height: 60vh;
                    z-index: 1;
                    padding: 25px;
                    overflow-y: auto; /* Important pour activer le scroll */
                    -webkit-overflow-scrolling: touch; /* Pour le scroll fluide sur iOS */
                }

                .bandeau-title{
                    padding: 20px 25px;
                    margin: 0px 0px !important;
                    margin-top: -30px !important;
                }

        /*-----------------------------------------------2 Columns---------------------------------*/

            section:not(.solutions-3pictures).flex-50{
                width: auto !important;
                padding-bottom: 0px !important;
            }
            section.solutions-3pictures.flex-50{
                width: auto !important;
            }
                section.deux-columns .flex-container.double-col{
                    display: flex !important;
                }
                    section.deux-columns .flex-container.double-col .column{
                        width: 50%;
                    }
                        section.deux-columns .double-col .column{
                            min-height: 100px;
                        }

        /*-----------------------------------Solutions---------------------------*/

            section.solutions-3pictures .flex-container .galery-solutions img:not(:first-child){
                display: none;
            }
            section.solutions-3pictures .flex-container .galery-solutions img:first-child{
                width: 90%;
                height: 150px;
            }

        /*-----------------------------------------------Galerie d'images---------------------------------*/

            .galerie-container{
                gap: 5px;
            }
            section.galerie-4 .galerie-container{
                gap: 10px;
                position: relative;
            }
                section.galerie-4 .galerie-container .plus-mobile{
                    position: absolute;
                    right: -15px;
                    bottom: -15px;
                    background-color: white;
                    padding: 5px;
                    border-radius: 10px;
                    height: 30px;
                    display: block;
                }
                    section.galerie-4 .galerie-container .plus-mobile:hover{
                        background-color: var(--orange-color);
                    }
                        section.galerie-4 .galerie-container .plus-mobile img{
                            height: 30px;
                        }
                            section.galerie-4 .galerie-container .plus-mobile:hover img{
                                filter: invert(1) brightness(1000);
                            }

            .home .galerie-container{
                margin-top: 35px;
            }

            section.galerie-4 .galerie-container{
                display: grid;
                grid-template-columns: repeat(2, 1fr);
            }
                section.galerie-4 .galerie-container .galerie-item{
                    width: 100%;
                }
                section.galerie-4 .galerie-container .galerie-item.no-display-mobile{
                    display: none;
                }
                    section.galerie-4 .galerie-container .galerie-item:first-child{
                        grid-column: 1 / -1;
                    }
                        section.galerie-4 .galerie-container .galerie-item:first-child img{
                            height: 200px;
                        }

        /*------------------------------------IMG - TXT------------------------------------*/

            .image-text .img-container{
                margin-bottom: 30px;
            }
                

        /*------------------------------------NEWCLEO------------------------------------*/

            section.newcleo .inner-column-1_1{
                display: block;
            }
                section.newcleo .img-logo img {
                    width: 200px;
                    margin-bottom: 40px;
                }

        /*-------------------------------Produits------------------------*/

            .label-zone{
                width: 100%;
            }

            section.produits,
            section.download{
                padding-left: 10px !important;
                padding-right: 10px !important;
            }
            .produits .label-zone:not(.mobile),
            .download .label-zone:not(.mobile),
            .download .search-bloc:not(.mobile){
                display: none;
            }
                .produits .label-zone.mobile{
                    margin-bottom: 20px;
                }
                    .produits .label-zone.mobile label{
                        margin-top: 0px;
                    }

            #products-container{
                grid-template-columns: repeat(2, 1fr);
                padding-left: 15px;
                padding-right: 15px;
                gap: 10px; 
                position: relative;
            }
                .filter-btn{
                    position: absolute;
                    background-color: white;
                    right: 0px;
                    top: 0px;
                    padding: 5px 10px;
                    border-radius: 0 10px 0px;
                    cursor: pointer;
                }

                #products-container .column{
                    padding-left: 10px !important;
                    padding-right: 10px !important;
                }
                    #products-container .column img,
                    #products-container .column canvas{
                        width: 100%;
                        height: 140px;
                    }

            .download span.text-search{
                display: none !important;
            }
                .download .search-bloc button{
                    padding: 0px 15px;
                }


            /*----------------------------------------Projets--------------------------------------*/

                section.projets-bloc .flex-container .column{
                    width: auto !important
                }
                section.projets-bloc .flex-container.multiple-column{
                    display: grid !important;
                    grid-template-columns: repeat(2, 1fr);
                    gap: 10px;
                }
                    section.projets-bloc .thumb img{
                        height: 150px;
                    }
                    section.projets-bloc .flex-container.multiple-column .text-inbloc{
                        padding: 20px 15px;
                    }

            /*------------------------------------Témoignages------------------------------------*/

                section.testimonials .column{
                    padding-left: 0px !important;
                    padding-right: 0px !important;
                }

            /*-------------------------------------Contact----------------------------------------*/

                .aside-contact .column{
                    padding-left: 0px !important;
                    padding-right: 0px !important;
                }

                body.page-template-contact .formulaire-zone{
                    display: block;
                    padding-left: 20px;
                    padding-right: 20px;
                    margin-bottom: 0px !important;
                    margin-top: 0px !important;
                }
                    body.page-template-contact .aside-contact,
                    body.page-template-contact .form{
                        width: auto;
                    }
                    body.page-template-contact .form{
                        margin-top: 30px;
                    }
                        body.page-template-contact .form .column-2_3,
                        body.page-template-contact .form .column-1_2{
                            width: 100%;
                        }

                        section.form .form-bloc{
                            margin-top: 40px;
                        }

                 .notification-zone{
                    position: fixed;
                    bottom: 0px;
                    max-width: 100%;
                    z-index: 999999999999;
                    left: 0px;
                    display: flex;
                    margin: 0px 20px;
                }

                    .notification-zone .notif{
                        -webkit-box-shadow: 4px -1px 31px 1px rgba(0,0,0,0.27); 
                        box-shadow: 4px -1px 31px 1px rgba(0,0,0,0.27);
                    }

            /*-------------------------------------Projet Single----------------------------------------*/

                .switch-mobile{
                    display: flex;
                    flex-wrap: wrap;
                }
                    .switch-mobile .left-bloc {
                        order: 2;
                        flex: 1 1 100%;
                    }

                    .switch-mobile .aside-right-projects {
                        order: 1;
                        flex: 1 1 100%;
                    }

                    section.aside-right-projects{
                        min-width: auto !important;
                    }
                        section.aside-right-projects aside{
                            margin-top: 0px;
                        }

            /*-------------------------------Produit Single----------------------------------------*/

                .produit-template .switch-mobile .left-bloc{
                    margin-top: 0px !important;
                }
                    section.img-single-product{
                        width: 80%;
                    }
                        section.img-single-product .galerie-container{
                            margin-top: 0px;
                        }

                section.fiche-technique{
                    padding-top: 0px !important;
                }
                    section.fiche-technique .column{
                        padding-left: 0px !important;
                        padding-right: 0px !important;
                    }
                        section.fiche-technique hr{
                            display: none;
                        }
                             section.fiche-technique .btn-zone{
                                margin-left: 0px;
                            }
                                section.fiche-technique .btn-zone a.primary{
                                    width: initial;
                                }

            /*-------------------------------Caractéristiques----------------------------------------*/

            section.caracteristiques .flex-container{
                margin-top: 45px;
            }
                section.caracteristiques .column{
                    padding: 0px !important;
                    margin-bottom: 35px;
                }

            /*------------------------------------Historique------------------------------------------*/

                section.historique{
                    background: none;
                    position: relative;
                }
                    section.historique:after{
                        content: '';
                        position: absolute;
                        background-color: rgba(217,217,217,0.3);
                        border-radius: 20px;
                        height: 100%;
                        width: 70%;
                        right: 10px;
                        top: 11px;
                        z-index: -1;
                    }
                        section.historique .flex-container {
                          padding-left: 50px;
                        }   
                            section.historique .flex-container:after {
                                left: 10px;
                            }

                            section.historique .flex-container .timeline-dot{
                                background-color: #F0F0F0;
                                outline-color: #F0F0F0;
                            }

                        section.historique .flex-container .column img{
                            max-width: 200px;
                        }

            /*---------------------------A propos / Entreprise------------------------*/

                section.text-2images .galerie-right .flex-container,
                section.deuximages-text .galerie-right .flex-container{
                    display: flex;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                }
                section.text-2images .galerie-right .flex-container{
                    margin-top: 40px;
                }
                section.deuximages-text .galerie-right .flex-container{
                    margin-bottom: 40px;
                }
                    section.text-2images .galerie-right .flex-container .galerie-item,
                    section.deuximages-text .galerie-right .flex-container .galerie-item{
                        width: 48%;
                    }
                        section.text-2images .galerie-right .flex-container .galerie-item img,
                        section.deuximages-text .galerie-right .flex-container .galerie-item img{
                            height: 180px !important;
                            min-height: 180px !important;
                        }

                section.text_1-2 .flex-container .column-1_2{
                    margin-bottom: 60px;
                }
                section.text_1-2 .flex-container .column-1_2:last-child{
                    margin-bottom: 0px;
                }

            /*-------------------------Landing-------------------------*/

                .go-to-pages-multiple .flex-container{
                    gap: 10px !important;
                }
                    .go-to-pages-multiple .first-col-100 .flex-container .column:first-child{
                        width: auto;
                    }
                    .go-to-pages-multiple .first-col-100 .flex-container .column:not(:first-child),
                    .go-to-pages-multiple section:not(.first-col-100) .flex-container .column{
                        width: 48%;
                    }
                    .go-to-pages-multiple section .flex-container .column .text-inbloc{
                         padding: 20px !important;
                    }
                        .go-to-pages-multiple .flex-container img{
                            max-height: 155px;
                        }

            /*--------------------------Actus---------------------------*/

                .home section.actus-bloc{
                    margin-top: 30px;
                }
                    .flex-container.actus-columns{
                        margin: 20px 0px;
                    }
                        section.actus-bloc .actus-columns.bloc_1_1-resize .inner-column-1_2{
                            width: 100% !important;
                        }
                        .actus-full .mobile-layout .column-1_1{
                            width: 100% !important;
                        }

                            .actus-columns.suite-actus{
                                grid-template-columns: repeat(2, 1fr);
                                margin-bottom: 10px;
                            }
                                .actus-columns.suite-actus .column{
                                    margin-bottom: 0px !important;
                                }

                .page-template-contact .actus-bloc{
                    padding-top: 60px !important;
                }
                    .page-template-contact .actus-bloc .actus-columns{
                        margin-top: 30px;
                    }

            /*---------------------------Actu Single------------------------*/

                .post-template-actu-single .flex-container.switch-mobile{
                    gap: 0px;
                }
                    .post-template-actu-single .left-switch{
                        margin-top: 0px;
                    }

                .single-projetc-thumb img{
                    width: 100%;
                    hieght: 280px;
                    object-fit: cover;
                }
                    .post-template-actu-single .content-bloc img{
                        width: 80%;
                        height: 200px;
                        object-fit: cover;
                    }

                        .share-zone{
                            margin-top: 0px;
                            justify-content: flex-start;
                            padding-left: 30px;
                        }

                    .journaliste{
                         padding: 0 30px;
                         margin-bottom: 60px;
                    }

         /*----------------------------------------------FOOTER--------------------------------------*/

            footer{
                margin: 20px 0px 0px 0px;
                padding: 80px 20px;
            }   

                footer nav .menu-toggle{
                    background-color: white;
                    padding: 7px 18px;
                    border-radius: 20px;
                    color: white;
                    display: block;
                    margin-right: 5px;
                    cursor: pointer;
                    height: 28px;
                }
                    footer nav .menu-toggle img {
                        filter: invert(41%) sepia(67%) saturate(912%) hue-rotate(140deg) brightness(97%) contrast(101%);
                        transform: translateY(2.3px);
                    }

                footer nav .telechargement a{
                    background-color: var(--orange-color);
                    padding: 8px 18px;
                    border-radius: 20px;
                    color: white;
                    display: block;
                    margin-right: 5px;
                    cursor: pointer;
                }
                    footer nav .telechargement img {
                        filter: invert(1);
                        transform: translateY(1px);
                    }

                footer nav .langues{
                    background-color: white;
                    padding: 8px 18px;
                    border-radius: 20px;
                    color: white;
                    display: block;
                    margin-right: 5px;
                    cursor: pointer;
                    width: 22px;
                }
                    footer nav .langues:hover{
                        height: auto;
                    }
                        footer nav .langues img {
                            transform: translateY(6px) !important;
                            position: relative;
                        }
                            footer .langues:hover .lang-switcher{
                              background-color: white;
                              border-radius: 3px;
                              z-index: 1;
                            }

                footer .legal-menu{
                    margin: 20px 0px 30px 0px;
                }
                    footer .legal-menu a{
                        display: block;
                    }

                footer .agence-bloc{
                    margin-top: 45px;
                }
                    footer .agence-bloc a{
                        display: block;
                    }
                        footer .agence-bloc a img{
                            transform: none;
                        }
    }


/*------------------------------------------Comportement de la barre ADMIN-------------------------------*/

    #wpadminbar {
        position: fixed !important;
        top: 0 !important;
        z-index: 99999 !important;
    }

    @media screen and (max-width: 1150px) {
        body.admin-bar #wpadminbar {
            position: fixed !important;
            height: 40px !important;
            padding-top: 6px;
        }

        /*html {
            margin-top: 46px !important;
        }*/

        body.admin-bar  header #mobile-menu-container{
            top: 140px;
        }

        @supports (-webkit-touch-callout: none) {
            html {
                margin-top: 0 !important;
            }
            body.admin-bar {
                margin-top: 46px !important;
            }
        }
    }

    @media screen and (max-width: 782px) {
        body.admin-bar #wpadminbar {
            height: 46px !important;
            padding-top: 0px;
        }
    }