/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* ---------------------------------------STYLES GENERAUX---------------------------------------- */


:root {
    --noir: #000000;
    --blanc: #ffffff;
    --vert: #51836d;
    --vertclair: #edf2ed;
}

::-moz-selection {
    background: var(--vertclair);
    color: inherit !important;
}

::selection {
    background: var(--vertclair);
    color: inherit !important;
}


.grecaptcha-badge {
    visibility: hidden;
}

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

#wrapper .atelier-full > .row {
    margin-left: auto;
    margin-right: auto;
}

#wrapper .row-limit-width > .row-parent > .row-inner {
    min-width: 0;
    margin: 72px auto;
}

#wrapper .row-limit-width > .row-parent > .row-inner div {
    height: auto;
}


@media (max-width: 575.98px) {
    #wrapper .row-limit-width > .row-parent > .row-inner,
    #wrapper .atelier-full > .row {
        max-width: 95%;
    }

    #wrapper .row-chiffre > .row-child > .row-inner {
        max-width: 95%;
        min-width: 0;
        margin: auto;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #wrapper .row-limit-width > .row-parent > .row-inner,
    #wrapper .atelier-full > .row {
        max-width: 90%;
    }

    #wrapper .row-chiffre > .row-child > .row-inner {
        max-width: 90%;
        min-width: 0;
        margin: auto;
    }
}

@media (min-width: 768px) and (max-width: 959.98px) {
    #wrapper .row-limit-width > .row-parent > .row-inner,
    #wrapper .atelier-full > .row {
        max-width: 90%;
    }

    #wrapper .row-chiffre > .row-child > .row-inner {
        max-width: 90%;
        min-width: 0;
        margin: auto;
    }
}

@media (min-width: 960px) and (max-width: 1199.98px) {
    #wrapper .row-limit-width > .row-parent > .row-inner,
    #wrapper .atelier-full > .row {
        max-width: 900px;
    }

    #wrapper .row-chiffre > .row-child > .row-inner {
        max-width: 900px;
        min-width: 0;
        margin: auto;
    }
}

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

    #wrapper .row-limit-width > .row-parent > .row-inner,
    #wrapper .atelier-full > .row {
        max-width: 1000px;
        min-width: 0;
    }

    #wrapper .row-chiffre > .row-child > .row-inner {
        max-width: 1100px;
        min-width: 0;
        margin: auto;
    }
}

@media (min-width: 1600px) {

    #wrapper .row-limit-width > .row-parent > .row-inner,
    #wrapper .atelier-full > .row {
        max-width: 1300px;
    }

    #wrapper .row-chiffre > .row-child > .row-inner {
        max-width: 1300px;
        min-width: 0;
        margin: auto;
    }

}

/* ---------------------------------------MENU---------------------------------------- */

.menu-wrapper #masthead .menu-container {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}






.menu-wrapper #masthead .menu-container .row-menu.limit-width {
    max-width: none;
}

.menu-wrapper #masthead .menu-container #menu-principal .menu-item a {
    font-size: 18px;
    color: var(--vert);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5;
    -webkit-transition: .15s ease-out   ;
    -o-transition: .15s ease-out   ;
    transition: .15s ease-out   ;
    font-size: 24px;
    height: 50%;
    padding-inline: 0;
    margin-inline: 9px;

   
}

.menu-wrapper #masthead.is_stuck .menu-container #menu-principal .menu-item  a,
.menu-wrapper #masthead.is_stuck .menu-container .navbar-extra-icons i {
    color: var(--blanc);
   
}

.menu-wrapper #masthead .menu-container .navbar-extra-icons i
{
    color: var(--vert);
    -webkit-transition: .15s ease-out   ;
    -o-transition: .15s ease-out   ;
    transition: .15s ease-out   ;

}

.menu-wrapper #masthead .menu-container .navbar-extra-icons i {
    color: var(--vert);
    font-size: 24px;
   
}


.menu-wrapper #masthead .menu-container .logo-image {
    position: relative;
}


.menu-wrapper #masthead .menu-container .logo-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://www.atelier-archidea.fr/wp-content/uploads/2025/03/logo-archidea-blanc.svg') no-repeat center center;
    background-size: cover;
    z-index: 1;
    opacity: 0;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
}




.menu-wrapper #masthead.is_stuck .menu-container .logo-image::before {
    opacity: 1 !important;
}

.menu-wrapper #masthead .menu-container #menu-principal li.current_page_item a, .menu-wrapper #masthead .menu-container #menu-principal li.current-menu-item a{
    color: #000000 !important;
}

.menu-wrapper #masthead .menu-container #menu-principal .menu-item a::before {
    content: '';
    position: absolute;
    bottom: 0; 
    left: 0;
    width: 0; 
    height: 1px; 
    background-color: var(--vert); 
    -webkit-transition: width 0.3s ease; 
    -o-transition: width 0.3s ease; 
    transition: width 0.3s ease; 
}


.menu-wrapper #masthead.is_stuck .menu-container #menu-principal .menu-item a::before {

    background-color: var(--noir); 

}

.menu-wrapper #masthead .menu-container #menu-principal .menu-item a:hover::before,
.menu-wrapper #masthead .menu-container #menu-principal .active.menu-item-link a::before {
    width: 100%;

}

.menu-wrapper #masthead .menu-container #menu-principal .current-menu-item a {
    color: var(--vert);
}


.menu-wrapper #masthead.is_sticky .menu-container #menu-principal .current-menu-item a {
    color: var(--blanc);
}



.menu-wrapper #masthead #menu-principal .fa-angle-right {
    display: none;
}

.menu-wrapper #masthead .main-menu-container.open-items #menu-principal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* justify-content: center; */
    height: 100%;
}

/* .menu-wrapper #masthead .menu-container {
    opacity: .9;
} */


.menu-wrapper #masthead .main-menu-container.open-items #menu-principal li{
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.menu-wrapper #masthead #menu-principal a {
    font-size: 16px !important;
}

.menu-wrapper #masthead .main-menu-container.open-items {
    height: 100vh !important;
    background-color: rgba(81, 131, 109, 0.5) !important;
    -webkit-transition: .5s ;
    -o-transition: .5s ;
    transition: .5s ;
}

.menu-wrapper #masthead .main-menu-container.open-items #menu-principal .menu-item a {
    padding: 18px 0;
}

@media (max-width: 959.98px){
    .menu-wrapper {
        position: fixed;
        opacity: .9;
        
    }

    .menu-wrapper #masthead .menu-container #menu-principal .menu-item  a,
    .menu-wrapper #masthead .menu-container .navbar-extra-icons i {
    color: var(--blanc) !important;
   
    }

    .menu-wrapper #masthead .menu-container .logo-image::before {
        opacity: 1;
    }
}

@media (min-width: 960px){
    .menu-wrapper #masthead .menu-container {
        background-color: rgba(81, 131, 109, 0) !important;
        -webkit-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
    }

    .menu-wrapper #masthead.is_stuck .menu-container {
        background-color: rgba(81, 131, 109, 1) !important;
    }
}








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

#wrapper #colophon::before {
    content: "";
    position: absolute;
    bottom: 0;
    left:-25px;
    width: 600px;
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-footer.svg);
    z-index: 1;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    opacity: .1;
}

#wrapper #row-top-footer > .row-parent > .row-inner .wpb_column {
    padding: 0;
}


#wrapper #row-top-footer > .row-parent > .row-inner .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

#wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements h3{
    font-size: 16px;
    font-weight: 400;
}

#wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements.icon-box-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.icon-box-left .fa-1x, .icon-box-right .fa-1x {
    line-height: 1;
}

#wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements .icon-box-icon,
#wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements .social-icon i {
    color: var(--vert);
    font-size: 24px;
    margin: 0;
}


#wrapper #row-top-footer > .row-parent > .row-inner {
    margin: 72px auto 0;
}

#wrapper #row-top-footer > .row-parent {
    padding: 0;
}

#wrapper #row-bottom-footer > .row-parent {
    padding-left: 0;
}

#wrapper #row-bottom-footer > .row-parent > .row-inner
 {
    margin: 0 auto;
}

#wrapper #row-bottom-footer > .row-parent > .row-inner .wpb_column {
    padding: 0;
}


#wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
}

#wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont .uncode_text_column {
    margin-top: 0;
}

#wrapper #row-bottom-footer a {
    color: var(--vert);
}

#wrapper #row-top-footer .footer-top-elements p a{
    color: var(--noir) !important;
}

#wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type .icon-media {
    width: auto !important;
}

#wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type img{
    width: 200px;
}

@media (max-width: 575.98px) {

    
    #wrapper #row-top-footer > .row-parent > .row-inner .uncont {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type {
        width: 100%;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type .icon-media {
        margin: auto;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements {
        width: 45%;
    }

    #wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner {
        margin: 72px auto 36px;
    }

    #wrapper #row-bottom-footer > .row-parent {
        padding: 0;
    }

    #wrapper #row-bottom-footer .uncode_text_column p {
        margin-bottom: 9px;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements  .icon-box-content {
        padding-left: 36px;
    }
    


}
  

@media (min-width: 576px) and (max-width: 767.98px) {

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type {
        width: 100%;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type .icon-media {
        margin: auto;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements {
        width: 45%;
    }


    #wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner {
        margin: 72px auto 36px;
    }

    #wrapper #row-bottom-footer .uncode_text_column p {
        margin-bottom: 9px;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements  .icon-box-content {
        padding-left: 36px;
    }

}
  

@media (min-width: 768px) and (max-width: 959.98px) {

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type {
        width: 100%;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type .icon-media {
        margin: auto;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements {
        width: 40%;
    }


    #wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont .uncode_text_column {
        margin-top: 0;
        margin-right: 18px;
    }

    #wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont .uncode_text_column:last-of-type {
        margin-right: 0;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner {
        margin: 72px auto 36px;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements  .icon-box-content {
        padding-left: 36px;
    }
}
  

@media (min-width: 960px) and (max-width: 1199.98px) {

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type {
        width: 100%;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type .icon-media {
        margin: auto;
    }


    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements {
        width: 40%;
    }


    #wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont .uncode_text_column {
        margin-top: 0;
        margin-right: 36px;
    }

    #wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont .uncode_text_column:last-of-type {
        margin-right: 0;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements  .icon-box-content {
        padding-left: 36px;
    }
}
  

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

    

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements {
        margin-top: 0;
        /* width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; */
        flex: 1;
        display: flex;
        justify-content: center;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements div{
        /* width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; */
        width: auto;
    }




    #wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont .uncode_text_column {
        margin-top: 0;
        margin-right: 36px;
    }

    #wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont .uncode_text_column:last-of-type {
        margin-right: 0;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements  .icon-box-content {
        padding-left: 9px;
    }
}
  

@media (min-width: 1600px) {

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements:first-of-type img{
        width: 200px;
    }


    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements {
        margin-top: 0;
        /* width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; */
        flex: 1;
        display: flex;
        justify-content: center;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements div{
        /* width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; */
        width: auto;
    }



    #wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont .uncode_text_column {
        margin-top: 0;
        margin-right: 36px;
    }

    #wrapper #row-bottom-footer > .row-parent > .row-inner > .wpb_column .uncont .uncode_text_column:last-of-type {
        margin-right: 0;
    }

    #wrapper #row-top-footer > .row-parent > .row-inner .uncont .footer-top-elements  .icon-box-content {
        padding-left: 9px;
    }
}

/* ---------------------------------------LANDING PAGE---------------------------------------- */

#wrapper #row-landing-page > .row-parent > .row-inner {
    margin-top: 0;
    z-index: 1;
}

#wrapper #row-landing-page::before {
    content: "";
    position: absolute;
    background-size: contain;
    top: -80px;
    right: -60%;
    height: 125%;
    width: 115%;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-line.svg);
    z-index: 0;
    opacity: .05;
}

#wrapper #row-landing-page .uncode-single-media {
    margin: auto;
}

#wrapper #row-landing-page h2 {
    font-weight: 800;
    letter-spacing: 1px;
}

#wrapper #row-landing-page a {
    color: var(--vert);
    font-weight: 700;
}

#wrapper #row-landing-page .uncode-single-media {
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
}

@media (max-width: 959.98px) {
    #wrapper #row-landing-page .uncode-single-media {
        width: 300px;
    }

    #wrapper #row-landing-page::before {
        right: 400px;
        width: 1000px;
        -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
                transform: translateX(100%);
    }
  }
  
  @media (min-width: 960px) and (max-width: 1199.98px) {

    #wrapper #row-landing-page .uncode-single-media {
        width: 600px;
    }

    #wrapper #row-landing-page .uncode_text_column {
        padding-left: 36px;
        border-left: solid var(--vert) 3px;
    }

    #wrapper #row-landing-page::before {
        right: -60%;
    }
  }
  

  @media (min-width: 1200px) {
    #wrapper #row-landing-page .uncode-single-media {
        width: 700px;
    }

    #wrapper #row-landing-page .uncode_text_column {
        padding-left: 36px;
        border-left: solid var(--vert) 3px;
    }

    #wrapper #row-landing-page::before {
        right: -60%;
    }
  }



    /* --------------------------------------- PAGE ACCUEIL ---------------------------------------- */


    #wrapper #row-header-homepage {
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
        @media (max-width: 959.98px) {
        #wrapper #row-header-homepage {
            height: 50vh;
        }
    }



    #wrapper #row-valeur-home > .row-parent {
        padding: 0;
    }

    #wrapper #row-valeur-home > .row-parent > .row-inner{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #wrapper #row-header-homepage .row-parent {
        margin: auto;
    }



    #wrapper #row-header-homepage .logo-homepage .icon-media {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        margin: auto;
    }
/* 
    #wrapper #row-header-homepage .logo-homepage .icon-media img{
        object-fit: cover;
        transition: .15s ease-out;
        opacity: 1;
        mix-blend-mode: multiply;
    } */

    #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media,
    #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media img {
        -webkit-transition: .15s ease-out;
        -o-transition: .15s ease-out;
        transition: .15s ease-out;
    }


    #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media img {
        mix-blend-mode: multiply;
    }

    #wrapper #row-header-homepage .bloc-media-carousel-projets .tmb-carousel::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 20%;
        width: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        z-index: 3;
        opacity: .6;
      }


    #wrapper #row-header-homepage .bloc-logo-header-homepage {
        position: absolute;
        left: 50%;
        top: calc(50% + 20px);
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: auto !important;
        padding: 0;
        opacity: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        mix-blend-mode: multiply;
        animation: expandWidth 4s ease-out .6s forwards;
        overflow: hidden;
        -webkit-transition: all .8s ease-out;
        -o-transition: all .8s ease-out;
        transition: all .8s ease-out;
        -webkit-animation: expandWidth 4s ease-out .6s forwards;
}

    /* ----------------------ANIMATION LOGO PRELOADER ---------------------------*/


    

        @-webkit-keyframes expandWidth {
            0% {
                /*width: 265px;
                */opacity: 0;
                filter: grayscale(100%);
                mix-blend-mode: none;
                -webkit-filter: grayscale(100%);
            }
    

    
            100% {
                mix-blend-mode: multiply;
                opacity: 1;
                -webkit-filter: grayscale(0%);
                        filter: grayscale(0%);
            }
        }


    

        @keyframes expandWidth {
            0% {
                /*width: 265px;
                */opacity: 0;
                filter: grayscale(100%);
                mix-blend-mode: none;
                -webkit-filter: grayscale(100%);
            }
    

    
            100% {
                mix-blend-mode: multiply;
                opacity: 1;
                -webkit-filter: grayscale(0%);
                        filter: grayscale(0%);
            }
        }


 


    


    #wrapper #row-header-homepage .bloc-logo-fonce {
        z-index: 2;
    }

    #wrapper #row-header-homepage .bloc-logo-clair {
        z-index: 3;
    }


    #loftloader-wrapper.pl-imgloading #loader .imgloading-container {
        /* padding-right: -72px; */
    }

    #wrapper #row-header-homepage .bloc-logo-header-homepage .uncoltable {
        width: auto;
    }


    #wrapper #row-header-homepage .bloc-logo-header-homepage .icon-media {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
    }

    #wrapper #row-header-homepage .bloc-logo-header-homepage .uncont {
        padding-top: 0 !important;
    }




    #wrapper #row-valeur-home .bloc-valeur-home {
        position: relative;
    }

    #wrapper #row-valeur-home .bloc-valeur-home .uncode-single-media {
        width: 100px;
        height: 100px;
        margin: auto;
    }

    #wrapper #row-valeur-home .bloc-valeur-home .uncode-single-media img {
        -o-object-fit: contain;
           object-fit: contain;
        height: 100px;
    }

    
    #wrapper #row-valeur-home .bloc-valeur-home::before {
        /* content: "";
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-A-vert.svg);
        z-index: -1;
        -webkit-transition: .15s ease-out;
        -o-transition: .15s ease-out;
        transition: .15s ease-out;
        height: 120%;
        width: 30%;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        opacity: .08; */
    }




    #wrapper #row-valeur-home .bloc-valeur-home .heading-text {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: auto;
    }

    #wrapper #row-valeur-home .bloc-valeur-home .heading-text h2{
        font-weight: 800;
    }

    #wrapper #row-valeur-home .bloc-valeur-home .uncode_text_column p{
        text-align: center;
    }



    @media (max-width: 575.98px) {
        #wrapper #row-header-homepage .logo-homepage .icon-media img{
            width: 300px;
        }

        #wrapper #row-valeur-home > .row-parent > .row-inner{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }

        #wrapper #row-valeur-home .bloc-valeur-home {
            padding: 0;
            width: 80%;
            margin: 72px auto;
            
        }

        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media,
        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media img {
            width: 300px;

        }
    }
    
    @media (min-width: 576px) and (max-width: 767.98px) {
        #wrapper #row-header-homepage .logo-homepage .icon-media img{
            width: 400px;
        }

        #wrapper #row-valeur-home > .row-parent > .row-inner{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }
        
        #wrapper #row-valeur-home .bloc-valeur-home {
            padding: 0;
            width: 60%;
            margin: 72px auto;
            
        }

        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media,
        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media img {
            width: 400px;

        }

    }
    
    @media (min-width: 768px) and (max-width: 959.98px) {
        #wrapper #row-header-homepage .logo-homepage .icon-media img{
            width: 500px;
        }

        #wrapper #row-valeur-home > .row-parent > .row-inner{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }

        #wrapper #row-valeur-home .bloc-valeur-home {
            padding: 0;
            width: 60%;
            margin: 72px auto;
        }

        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media,
        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media img {
            width: 500px;

        }
    }
    
    @media (min-width: 960px) and (max-width: 1199.98px) {
        #wrapper #row-header-homepage .logo-homepage .icon-media img{
            width: 700px;
        }

        #wrapper #row-valeur-home > .row-parent > .row-inner{
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }

        #wrapper #row-valeur-home .bloc-valeur-home {
            padding: 0;
            width: 30%;
            margin-top: 72px;
            margin-bottom: 72px;
        }

        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media,
        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media img {
            width: 700px;

        }
    }
    
    @media (min-width: 1200px) and (max-width: 1599.98px) {
        #wrapper #row-header-homepage .logo-homepage .icon-media img{
            width: 900px;
        }

        #wrapper #row-valeur-home > .row-parent > .row-inner{
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }

        #wrapper #row-valeur-home .bloc-valeur-home {
            padding: 0;
            width: 30%;
            margin-top: 72px;
            margin-bottom: 72px;
        }

        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media,
        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media img {
            width: 900px;

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



        #wrapper #row-header-homepage .logo-homepage .icon-media img{
            width: 1200px;
        }

        #wrapper #row-valeur-home > .row-parent > .row-inner{
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }

        #wrapper #row-valeur-home .bloc-valeur-home {
            padding: 0;
            width: 30%;
            margin-top: 72px;
            margin-bottom: 72px;
        }



        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media,
        #wrapper #row-header-homepage .bloc-logo-header-homepage .uncode-single-media img {
            width: 1100px;

        }

        
    #wrapper #row-header-homepage .bloc-logo-header-homepage > .uncol > .uncoltable > .uncell > .uncont {
        width: 1100px;
        height: 253.08px;
    }




    }  

   
/* ---------------------------------------PAGE ATELIER---------------------------------------- */


#wrapper #page-header .row-vide {
    height: 100px;
  }
  

#wrapper .row-atelier > .row-parent {
    padding: 0;
}

#wrapper .row-atelier > .row-parent > .row-inner .wpb_column,
#wrapper #row-equipe > .row-parent > .row-inner .wpb_column{
    padding-left: 0;
}

#wrapper .row-atelier p{
    font-size: 16px;
}

#wrapper .row-atelier > .row-child > .row-inner {
    min-width: 0;
}

#wrapper .row-atelier > .row-parent > .row-inner,
#wrapper .row-atelier > .row-child > .row-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#wrapper .row-img > .row-parent > .row-inner {
   display: table;
}

#wrapper .row-img > .row-parent > .row-inner > .wpb_column:nth-child(1) {
    border-right: solid white 36px;
}

#wrapper .row-img > .row-parent > .row-inner > .wpb_column:nth-child(1) * {
    height: 100%;
}

@media screen and (max-width: 960px) {
    #wrapper .row-img > .row-parent > .row-inner > .wpb_column:nth-child(1),
    #wrapper .atelier-full .col-img {
        border-right: none;
        height: 350px;
    }
}

@media screen and (max-width: 576px) {
    #wrapper .row-img > .row-parent > .row-inner > .wpb_column:nth-child(1),
    #wrapper .atelier-full .col-img {
        border-right: none;
        height: 250px;
    }
}


#wrapper #row-h1-atelier > .row-parent > .row-inner {
    margin-bottom: 0;
}



#wrapper #row-h1-atelier .vc_custom_heading_wrap {
    margin-top: 0;
}

#wrapper #row-h1-atelier .vc_custom_heading_wrap h1 {
    position: relative;
}


#wrapper #row-txt-h1 > .row-parent > .row-inner::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-A-noir.svg);
    z-index: -1;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    height: 400px;
    width: 400px;
    left: -100px;
    bottom: -150px;
    opacity: .035;
} 


#wrapper #row-donnons-vie::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-line-2-archidea.svg);
    z-index: 0;
    opacity: .1;
}
/* 
#wrapper #row-h1-atelier .vc_custom_heading_wrap h1::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-A-vert.svg);
    z-index: -1;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    height: 40px;
    width: 40px;
    left: 0;
    bottom: -50px;
    transform: rotate(90deg);
    opacity: 1;
} */


#wrapper #row-donnons-vie > .row-parent > .row-inner > .wpb_column .vc_custom_heading_wrap  {
    position: relative;
}


#wrapper #row-donnons-vie > .row-parent > .row-inner > .wpb_column .vc_custom_heading_wrap:nth-child(1)::before  {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2025/03/logo-archidea.svg);
    z-index: -1;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    height: 400px;
    width: 400px;
    left: 90%;
    bottom: 50%;
    -webkit-transform: translateY(60%);
        -ms-transform: translateY(60%);
            transform: translateY(60%);
    opacity: .035;

}

#wrapper #row-histoire-archidea .bloc-histoire-archidea:last-of-type {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

#wrapper #row-histoire-archidea .bloc-histoire-archidea:first-of-type .vc_custom_heading_wrap {
    /* position: absolute;
    top: 0;
    left: 0;
    z-index: 5; */
    margin-top: 0;
    background-color: var(--blanc);
    padding: 0 36px 0 0;
    width: 75%;
}

#wrapper #row-equipe .heading-text {
    position: relative;
}

#wrapper .row-img .col-img {
    height: 100%;
    min-height: 100%;
}

#wrapper .row-img .col-img * {
    height: 100%;
    min-height: 100%;
}

#wrapper .row-img h3{
    font-size: clamp(24px, 5vw, 28px);
    /* text-transform: uppercase; */
    font-weight: 500;
}

#wrapper .row-img > .row-parent > .row-inner > .wpb_column {
    width: 50% !important;
}

@media (max-width: 959.98px) {
    #wrapper .row-img > .row-parent > .row-inner > .wpb_column {
        width: 100% !important;
        padding-inline: 36px;
    }
}

@media (max-width: 767.98px) {
    #wrapper .row-img > .row-parent > .row-inner > .wpb_column {
        padding-inline: 0;
    }
}

#wrapper .row-title-center > .row-parent,
#wrapper .row-title-left > .row-parent,
#wrapper .row-title-left > .row-child {
    padding-inline: 0;
}

#wrapper .row-title-center .heading-text h2{
    position: relative;
    z-index: 5;
    background-color: var(--blanc);
    padding-right: 18px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 75%;
    text-align: center;
}

#wrapper .row-title-center .heading-text h2 span {
    /* width: auto !important; */
}

#wrapper #row-equipe .title-row-histoire {
    /* padding-inline: 2rem ; */
}

#wrapper .row-title-center .heading-text::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px; 
    background-color: var(--vert);
    z-index: -1;
    /* transform: translateY(-50%);  */
  }




#wrapper #row-equipe h2,
#wrapper #row-title-valeur h2 {
    text-transform: uppercase;
}

#wrapper #row-title-valeur p {
    text-align: center;
}


#wrapper #row-histoire-archidea .bloc-histoire-archidea:first-of-type .vc_custom_heading_wrap h2,
#wrapper #row-equipe h2,
#wrapper #row-title-valeur h2{
    color: var(--noir);
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 36px;
}

#wrapper #row-title-valeur h2,
#wrapper #row-title-valeur h2 span {
    /* width: 100%; */
    text-align: center;
}


#wrapper #row-histoire-archidea img {
    /* filter: grayscale(100%);
    opacity: .80; */
}

#wrapper #row-histoire-archidea .uncode-single-media-wrapper {
    position: relative;
}

#wrapper #row-histoire-archidea .uncode-single-media-wrapper::before {
    /* content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(146, 177, 162, 0), rgba(81, 131, 109, 0.5));
    pointer-events: none;
    z-index: 2; */
}

#wrapper #row-equipe > .row-parent {
    padding: 0;
    /* max-width: none; */
}

#wrapper #row-equipe > .row-parent > .row-inner {
    margin: 72px auto;
}


#wrapper #row-equipe #row-inner-equipe > .row-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#wrapper #row-equipe #row-inner-equipe {
    margin-top: 72px;
}

#wrapper #row-equipe #row-inner-equipe div {
    height: auto;
}

#wrapper .grid-equipe > .row > .wpb_row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
    height: auto !important;
}

#wrapper .bloc-equipe-archidea {
    width: 100%;
    height: auto;
}

#wrapper .bloc-equipe-archidea .heading-text::before {
    display: none;
}

#wrapper .bloc-equipe-archidea img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    /* aspect-ratio: 1 / 1;
    filter: grayscale(100%); */
}


#wrapper .bloc-equipe-archidea {
    position: relative;
}

#wrapper .bloc-equipe-archidea .nom-associe {
    position: absolute;
    bottom: 75px;
    z-index: 5;
    left: 18px;
    max-width: calc(100% - 36px);
}

#wrapper .bloc-equipe-archidea .fonction {
    margin-top: 9px;
    padding-left: 18px;
}

#wrapper .bloc-equipe-archidea .lieux-associes {
    margin-top: 0;
    padding-left: 18px;
}

#wrapper .bloc-equipe-archidea .uncode-single-media-wrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    z-index: 3;
}

#wrapper .bloc-equipe-archidea .vc_custom_heading_wrap h4{
    color: var(--blanc);
    text-transform: uppercase;
    font-weight: 800;
    text-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
    font-size: clamp(22px, 2vw, 35px);
}

#wrapper .bloc-equipe-archidea .uncode_text_column {
    /* position: absolute;
    bottom: 18px;
    z-index: 5;
    left: 18px; */
}

#wrapper .bloc-equipe-archidea .uncode_text_column p{
    /* color: var(--blanc);   
    text-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
    line-height: 1.1; */
}


#wrapper #row-title-valeur > .row-parent > .row-inner{
    margin-bottom: 0;
}


#wrapper #row-donnons-vie > .row-parent > .row-inner .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 60%;
}

#wrapper #row-donnons-vie > .row-parent > .row-inner .uncont .vc_custom_heading_wrap:nth-child(2) {
    margin-top: 0;
}

#wrapper #row-donnons-vie > .row-parent > .row-inner .uncont .vc_custom_heading_wrap:nth-child(1) h2{
    width: 55%;
    /* padding-left: 36px; */
}

#wrapper #row-donnons-vie > .row-parent > .row-inner .uncont .btn-container {
    /* margin-top: 72px;
    margin-left: 136px; */
    -ms-flex-item-align: end;
        align-self: flex-end;
}






#wrapper .row-title-left .row-parent {
    padding: 0;
}

#wrapper .row-title-left .row-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-block: 36px;
}

#wrapper .row-title-left .bloc-title-left > .uncol{
    margin-left: auto;
}

#wrapper .row-title-left .bloc-title-left {
    width: 25%;
    padding: 0;
}



@media (max-width: 960px) {
    #wrapper .row-title-left .bloc-title-left {
        width: 40%;
    }
}

@media (max-width: 767.98px) {
    #wrapper .row-title-left .bloc-title-left {
        width: 90%;
    }

    #wrapper .row-title-left .bloc-title-left h2 {
        -webkit-box-align: start !important;
            -ms-flex-align: start !important;
                align-items: flex-start !important;
    }
}


#wrapper .row-title-center .vc_custom_heading_wrap {
width: 100%;
}



#wrapper .row-title-left .bloc-title-left,
#wrapper .row-title-left .bloc-title-left *{
    /* width: fit-content;
    min-width: 35%; */
}

#wrapper .row-title-left .bloc-title-left h2 {
    font-size: 55px;
    font-weight: 800;
    /* text-transform: uppercase; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

#wrapper .row-title-left .bloc-txt-right {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 36px;
    border-left: 1px solid var(--vert);
    padding-top: 0;
    padding-left: 36px;
}


#wrapper .row-title-left .bloc-txt-right .uncode_text_column {
    margin-top: 18px;
}

#wrapper .row-icon > .row-parent > .row-inner,
#wrapper .row-icon > .row-child > .row-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#wrapper .row-icon > .row-parent > .row-inner .wpb_column,
#wrapper .row-icon > .row-child > .row-inner .wpb_column {
    min-width: 25%;
    max-width: 25%;
}

@media (max-width: 960px) {
    #wrapper .row-icon > .row-parent > .row-inner .wpb_column,
    #wrapper .row-icon > .row-child > .row-inner .wpb_column {
        max-width: 75%;
    }
}

#wrapper .row-icon > .row-parent > .row-inner .wpb_column .uncont,
#wrapper .row-icon > .row-child > .row-inner .wpb_column .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
}

#wrapper .row-icon > .row-parent > .row-inner .wpb_column .uncont .icon,
#wrapper .row-icon > .row-child > .row-inner .wpb_column .uncont .icon {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 18px;
}

#wrapper .row-icon > .row-parent > .row-inner .wpb_column .vc_custom_heading_wrap,
#wrapper .row-icon > .row-parent > .row-inner .wpb_column .uncode_text_column,
#wrapper .row-icon > .row-child > .row-inner .wpb_column .vc_custom_heading_wrap,
#wrapper .row-icon > .row-child > .row-inner .wpb_column .uncode_text_column {
    margin-top: 18px;
}


#wrapper #last-row .row-inner .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
}

#wrapper #last-row .vc_custom_heading_wrap:not(.title-row-histoire) {
    width: 75%;
}

#wrapper #last-row .vc_custom_heading_wrap:not(.title-row-histoire) .heading-text::before {
    display: none;
}

#wrapper #last-row h3 {
    text-align: center;
}


#wrapper .row-chiffre {
    margin-top: 72px;
}


#wrapper .row-chiffre .row-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 72px;
    margin-left: 0;
    padding-top: 36px;
}


#wrapper .row-chiffre .row-inner > .wpb_column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: auto;
    position: relative;
}

#wrapper .row-chiffre:last-of-type .row-inner > .wpb_column::before {
    /* content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    aspect-ratio: 1/1;
    transform: translate(-50%, -50%);
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2025/03/motif-rond-vert.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: .1; */

}

#wrapper .row-chiffre .bloc-chiffre.bloc-competence-exp p{
    text-align: center;
    font-size: 18px;
}

#wrapper .row-chiffre .bloc-chiffre.bloc-competence-exp {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

#wrapper .row-chiffre .bloc-chiffre.bloc-competence-exp:not(:last-child) {
    position: relative;
}

/* #wrapper .row-chiffre .bloc-chiffre.bloc-competence-exp:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 20px;
    right: -36px;
    background-color: var(--vert);
    width: 3px;
    height: 50px;
    
} */

#wrapper .row-chiffre .bloc-chiffre .uncont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

#wrapper .row-chiffre .bloc-chiffre .uncont .uncode_text_column {
    margin-top: 0;
}

#wrapper .row-chiffre .row-inner > .wpb_column p {
    line-height: 1.1;
    font-size: 16px;
}

#wrapper .row-chiffre .row-inner > .wpb_column .big-text p{
    font-size: 80px;
    font-weight: 800;
    color: var(--vert);
    line-height: 0.85;
}


#wrapper .row-title-left h2,
#wrapper .row-title-center h2 {
    font-size: clamp(40px, 5vw, 46px) !important;
    font-weight: 500 !important;
    /* text-transform: uppercase !important; */

}

#wrapper .row-title-center .heading-text:has(h2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#wrapper .row-title-center .heading-text h2 {
    padding-inline: 18px;
}

@media (max-width: 575.98px) {
    #wrapper .row-atelier > .row-parent > .row-inner,
    #wrapper #row-inner-equipe > .row-child > .row-inner{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }


    #wrapper #row-h1-atelier {
        /* margin-top: 118px; */
    }

    #wrapper #row-h1-atelier .vc_custom_heading_wrap h1,
    #wrapper #row-donnons-vie .vc_custom_heading_wrap:nth-child(1) h2 {
        font-size: 44px;
         font-weight: 800;
     }
 
     #wrapper #row-h1-atelier .row-inner .wpb_column{
 
         width: 300px;
     }


     #wrapper #row-txt-h1 .row-inner .wpb_column {
        padding-left: 36px;
        border-left: solid 3px var(--vert);
    }




     #wrapper #row-histoire-archidea .bloc-histoire-archidea:first-of-type .vc_custom_heading_wrap {
        position: static;
        margin-top: 36px;
        padding: 0;
     }


     #wrapper #row-histoire-archidea > .row-parent > .row-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner {
        /* max-width: 95%; */
        /* margin: auto; */
    }

    
    #wrapper #row-equipe > .row-parent > .row-inner  {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
        min-width: 0;
    }

    #wrapper #row-equipe > .row-parent > .row-inner .wpb_column {
        padding: 0;
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea {
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 72px;
    }

    #wrapper .grid-equipe > .row > .wpb_row {
        grid-template-columns: 1fr;
    }

    /* #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea .vc_custom_heading_wrap h4,
    #wrapper .bloc-equipe-archidea .vc_custom_heading_wrap h4 {
        font-size: clamp(1rem, 10vw, 5rem);
    } */


    #wrapper .row-title-center .heading-text::before {
        display: none;
    }

    #wrapper #row-donnons-vie > .row-parent > .row-inner .uncont {
        width: 100%;
    }

    #wrapper .row-title-left .row-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding-block: 0;
    }

    #wrapper .row-title-left .bloc-txt-right {
        margin-left: 0;
        margin-top: 36px;
    }

    #wrapper .row-title-left .bloc-title-left h2 {
        font-size: 44px;
    }

    #wrapper .row-chiffre .row-inner {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #wrapper .row-chiffre .row-inner .wpb_column {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }

    #wrapper .row-chiffre .bloc-chiffre .uncont {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    #wrapper .row-chiffre .bloc-chiffre.bloc-competence-exp{
        max-width: 90%;
    }

    #wrapper .row-chiffre .bloc-chiffre.bloc-competence-exp::before {
        width: 100px !important;
        height: 3px !important;
        top: calc(100% + 36px) !important;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }



}

@media (min-width: 576px) and (max-width: 767.98px) {
    #wrapper .row-atelier > .row-parent > .row-inner,
    #wrapper #row-inner-equipe > .row-child > .row-inner{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #wrapper #row-h1-atelier {
        /* margin-top: 118px; */
    }

    #wrapper #row-h1-atelier .vc_custom_heading_wrap h1,
    #wrapper #row-donnons-vie .vc_custom_heading_wrap:nth-child(1) h2 {
        font-size: 50px;
         font-weight: 800;
     }
 
     #wrapper #row-h1-atelier .row-inner .wpb_column{
 
         width: 400px;
     }

     #wrapper #row-histoire-archidea .bloc-histoire-archidea:first-of-type .vc_custom_heading_wrap {
        position: static;
        margin-top: 36px;
        padding: 0;
     }

     #wrapper #row-histoire-archidea > .row-parent > .row-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner {
        /* max-width: 90%;
        margin-left: auto;
        margin-right: auto; */
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea .vc_custom_heading_wrap {
        /* bottom:50px; */
    }


    #wrapper .row-title-center .heading-text::before {
        display: none;
    }

    
    #wrapper #row-equipe > .row-parent > .row-inner  {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        min-width: 0;
    }

    #wrapper #row-equipe > .row-parent > .row-inner .wpb_column {
        padding: 0;
    }

    #wrapper #row-txt-h1 .row-inner .wpb_column {
        padding-left: 36px;
        border-left: solid 3px var(--vert);
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea{
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 72px;
    }


    /* #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea .vc_custom_heading_wrap h4,
    #wrapper .bloc-equipe-archidea .vc_custom_heading_wrap h4 {
        font-size: clamp(1rem, 10vw, 5rem);
    } */

    #wrapper .row-title-left .row-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding-block: 0;
    }

    #wrapper .row-title-left .bloc-txt-right {
        margin-left: 0;
        margin-top: 36px;
    }

    #wrapper .row-title-left .bloc-title-left h2 {
        font-size: 44px;
    }

    #wrapper .row-chiffre .row-inner {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #wrapper .row-chiffre .row-inner .wpb_column {
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
    }

    #wrapper .row-chiffre .bloc-chiffre.bloc-competence-exp:nth-child(even)::before {
        display: none;
    }

    #wrapper .row-chiffre > .row-child > .row-inner {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    #wrapper .row-chiffre .bloc-chiffre.bloc-competence-exp:last-child {
        max-width: 60%;
    }

    #wrapper .grid-equipe > .row > .wpb_row {
        grid-template-columns: 1fr;
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea .nom-associe {
        /* bottom: 100px; */
    }
}

@media (min-width: 768px) and (max-width: 959.98px) {
    #wrapper .row-atelier > .row-parent > .row-inner,
    #wrapper #row-inner-equipe > .row-child > .row-inner{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #wrapper #row-h1-atelier {
        /* margin-top: 118px; */
    }

    #wrapper #row-h1-atelier .vc_custom_heading_wrap h1,
    #wrapper #row-donnons-vie .vc_custom_heading_wrap:nth-child(1) h2 {
        font-size: 54px;
         font-weight: 800;
     }
 
     #wrapper #row-h1-atelier .row-inner .wpb_column{
 
         width: 450px;
     }

     #wrapper #row-txt-h1 .row-inner .wpb_column {
        padding-left: 36px;
        border-left: solid 3px var(--vert);
    }

    #wrapper #row-histoire-archidea > .row-parent > .row-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    
    #wrapper #row-histoire-archidea > .row-parent > .row-inner .bloc-histoire-archidea {
        width: 100%;
     }

     #wrapper #row-histoire-archidea > .row-parent > .row-inner .bloc-histoire-archidea:last-of-type {
        padding-top: 36px;
     }

     #wrapper #row-inner-equipe > .row-child > .row-inner {
        /* max-width: 90%;
        margin-left: auto;
        margin-right: auto; */
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    #wrapper #row-equipe > .row-parent > .row-inner  {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        min-width: 0;
    }

    #wrapper #row-equipe > .row-parent > .row-inner .wpb_column {
        padding: 0;
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea{
        width: 45%;
        padding: 0;
    }

    
    #wrapper .row-title-center .heading-text::before {
        display: none;
    }


    #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea:nth-child(1){
        margin-right: 5%;
        margin-bottom: 72px;

    }

    #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea:nth-child(2){
        margin-left: 5%;
        margin-bottom: 72px;

    }

    #wrapper .grid-equipe > .row > .wpb_row {
        grid-template-columns: 1fr 1fr;
    }

    /* #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea .vc_custom_heading_wrap h4,
    #wrapper .bloc-equipe-archidea .vc_custom_heading_wrap h4 {
        font-size: clamp(1rem, 10vw, 2.5rem);
    } */

    #wrapper #row-donnons-vie::before {
        top: 200px;
        right: -145%;
        height: 180%;
        width: 180%;

    }

    #wrapper .row-title-left .bloc-title-left h2 {
        font-size: 44px;
    }

    #wrapper .row-chiffre .row-inner {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #wrapper .row-chiffre .row-inner .wpb_column {
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
    }

    #wrapper .row-chiffre .bloc-chiffre.bloc-competence-exp:nth-child(even)::before {
        display: none;
    }

    #wrapper .row-chiffre > .row-child > .row-inner {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    #wrapper .row-chiffre .bloc-chiffre.bloc-competence-exp:last-child {
        max-width: 40%;
    }

}

@media (min-width: 960px) and (max-width: 1199.98px) {
    #wrapper #row-h1-atelier .vc_custom_heading_wrap h1,
    #wrapper #row-donnons-vie .vc_custom_heading_wrap:nth-child(1) h2 {
        font-size: 60px;
         font-weight: 800;
     }
 
     #wrapper #row-h1-atelier .row-inner .wpb_column{
 
         width: 500px;
     }

     #wrapper #row-txt-h1 .row-inner .wpb_column {
        margin-left: 214px;
        padding-left: 36px;
        border-left: 3px solid var(--vert);
    }

    #wrapper #row-histoire-archidea .bloc-histoire-archidea:first-of-type {
        margin-right: 36px;
        width: 75%;
    }
    
    #wrapper #row-histoire-archidea .bloc-histoire-archidea:last-of-type {
        /* margin-left: 36px;
        width: 25%; */
    }

    #wrapper #row-histoire-archidea .row-inner {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    #wrapper #row-histoire-archidea .bloc-histoire-archidea:first-of-type img {
        /* aspect-ratio: 1 / 1; */
    }

    #wrapper #row-equipe > .row-parent > .row-inner,
    #wrapper .row-equipe > .row-parent > .row-inner  {
        max-width: 900px;
        margin: auto;
        min-width: 0;
    }


    #wrapper #row-equipe > .row-parent > .row-inner .wpb_column,
    #wrapper .row-equipe > .row-parent > .row-inner .wpb_column {
        padding: 0;
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner {
        max-width: 900px;
        margin: auto;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea {
        padding-left: 0;
        width: 30%;
    }

    /* #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea .vc_custom_heading_wrap h4,
    #wrapper .bloc-equipe-archidea .vc_custom_heading_wrap h4 {
        font-size: clamp(1rem, 2.5vw, 3rem);
    } */

    #wrapper .row-title-center .heading-text::before {
        width: 100%;
    }

    
    #wrapper #row-donnons-vie::before {
        top: 0;
        right: -135%;
        height: 200%;
        width: 180%;

    }

    #wrapper #row-histoire-archidea > .row-parent > .row-inner {
        /* flex-direction: column; */
    }

    
    #wrapper #row-histoire-archidea > .row-parent > .row-inner .bloc-histoire-archidea {
        width: 100%;
        margin-right: 36px;
     }

     #wrapper #row-histoire-archidea > .row-parent > .row-inner .bloc-histoire-archidea img {
        max-height: 500px;
     }

     #wrapper #row-histoire-archidea > .row-parent > .row-inner .bloc-histoire-archidea:last-of-type {
        padding-top: 36px;
        margin-left: 0;
     }

     #wrapper .row-title-left .bloc-title-left,
     #wrapper .row-title-left .bloc-title-left * {
     min-width: 30%;
 }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
    #wrapper #row-h1-atelier .vc_custom_heading_wrap h1,
    #wrapper #row-donnons-vie .vc_custom_heading_wrap:nth-child(1) h2 {
        font-size: 60px;
         font-weight: 800;
     }
 
     #wrapper #row-h1-atelier .row-inner .wpb_column{
 
         width: 500px;
     }

     #wrapper #row-txt-h1 > .row-parent > .row-inner {
        margin-top: 36px;
    }

     #wrapper #row-txt-h1 .row-inner .wpb_column {
        margin-left: 464px;
        padding-left: 36px;
        border-left: 3px solid var(--vert) ;
    }

    #wrapper #row-histoire-archidea .bloc-histoire-archidea:first-of-type {
        margin-right: 36px;
        width: 60%;
    }
    
    #wrapper #row-histoire-archidea .bloc-histoire-archidea:last-of-type {
        /* margin-left: 36px;
        width: 40%; */
    }

    #wrapper #row-histoire-archidea .row-inner {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner {
        max-width: 1100px;
        margin: auto;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    /* #wrapper #row-equipe .title-row-histoire  {
        margin-left: -36px;
    } */

    #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea {
        padding-left: 0;
        width: 30%;
    }

    /* #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea ,
    #wrapper .bloc-equipe-archidea .vc_custom_heading_wrap h4 {
        font-size: clamp(1rem, 2.5vw, 2.5rem);
    } */

    #wrapper .row-title-center .heading-text::before {
        width:100%;
    }

    #wrapper #row-donnons-vie::before {
        top: -175px;
        right: -105%;
        height: 200%;
        width: 150%;

    }


}

@media (min-width: 1600px) {

    #wrapper #row-h1-atelier .vc_custom_heading_wrap h1,
    #wrapper #row-donnons-vie .vc_custom_heading_wrap:nth-child(1) h2 {
       font-size: 60px;
        font-weight: 800;
    }


    #wrapper #row-h1-atelier .row-inner .wpb_column{

        width: 500px;
    }

    #wrapper #row-txt-h1 > .row-parent > .row-inner {
        margin-top: 36px;
    }

    #wrapper #row-txt-h1 .row-inner .wpb_column {
        margin-left: 536px;
        padding-left: 36px;
        border-left: 3px solid var(--vert);
    }

    #wrapper #row-histoire-archidea .bloc-histoire-archidea:first-of-type {
        margin-right: 36px;
        width: 75%;
        
    }
    
    #wrapper #row-histoire-archidea .bloc-histoire-archidea:last-of-type {
        /* margin-left: 36px;
        width: 25%; */
    }

    #wrapper #row-histoire-archidea .bloc-histoire-archidea:first-of-type img {
        /* aspect-ratio: 9 / 4; */
        -o-object-fit: cover;
           object-fit: cover;
    }

    #wrapper #row-histoire-archidea .row-inner {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    #wrapper .row-atelier > .row-child > .row-inner {
        max-width: 1296px;
        margin: auto;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }


    #wrapper #row-equipe .title-row-histoire  {
        /* margin-left: -136px; */
    }

    #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea {
        padding-left: 0;
        width: 30%;
    }

    /* #wrapper #row-inner-equipe > .row-child > .row-inner  .bloc-equipe-archidea .vc_custom_heading_wrap h4,
    #wrapper .bloc-equipe-archidea .vc_custom_heading_wrap h4 {
        font-size: clamp(1rem, 2rem, 2.5rem);
    } */


    #wrapper #row-donnons-vie::before {
        top: -175px;
        right: -65%;
        height: 200%;
        width: 100%;

    }

}





    /* --------------------------------------- PAGE TOUS LES PROJETS ---------------------------------------- */

    #wrapper #row-title-list-projets > .row-parent,
    #wrapper #row-layout-projets > .row-parent {
        padding: 0;
    }

    #wrapper #row-title-list-projets > .row-parent > .row-inner > .wpb_column {
        padding-left: 0;
    }



#wrapper #row-title-list-projets h1 {
    font-size: 50px;
    font-weight: 600;
    text-transform: uppercase;
}

#wrapper #row-title-list-projets .uncode_text_column {
    border-left: solid 3px var(--vert);
}



#wrapper .row-filter-projets .lien-tous {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#wrapper .row-filter-projets .lien-tous p {
    font-weight: 600;
    color: var(--noir);
    font-size: 18px;
    position: relative;
}

#wrapper .row-filter-projets .lien-tous p a {
    color: var(--noir);
}


#wrapper .row-filter-projets .uncont:has(.lien-tous) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 36px;
}


#wrapper .row-filter-projets .term-filters-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#wrapper .row-filter-projets .term-filters-list .term-filter {
    margin-right: 36px;
}


#wrapper .row-filter-projets .term-filters-list .term-filter a {
    font-weight: 600;
    color: var(--noir);
    font-size: 18px;
    position: relative;
}


#wrapper .row-filter-projets .term-filters-list .term-filter a::before,
#wrapper .row-filter-projets .lien-tous p a::before {
    content: ''; 
    position: absolute;
    bottom: -8px; 
    left: 0;
    width: 0; 
    height: 1px; 
    background-color: var(--vert); 
    -webkit-transition: width 0.25s ease-out; 
    -o-transition: width 0.25s ease-out; 
    transition: width 0.25s ease-out; 
}

#wrapper .row-filter-projets .term-filters-list .term-filter a:hover::before,
#wrapper .row-filter-projets .lien-tous p a:hover::before {
    width: 100%; 
}


#wrapper .row-filter-projets .term-filters-list .term-filter a.term-filter-link--active::before {
    width: 100%; 
}



#wrapper .row-filter-projets .term-filters-list .term-filter a.term-filter-link--active {
    color: var(--vert);
}


#wrapper .row-filter-projets .lien-tous p a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -18px;
    width: 3px;
    height: 36px;
    background-color: var(--vert);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

}


#wrapper #row-layout-projets > .row-parent > .row-inner {
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
}


#wrapper #row-title-list-projets > .row-parent > .row-inner::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-A-noir.svg);
    z-index: -1;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    height: 400px;
    width: 400px;
    left: -132px;
    bottom: -150px;
    opacity: .035;
}

#wrapper #row-layout-projets > .row-parent > .row-inner {
    margin-bottom: 72px;
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column{
    padding-left: 0;
}


#wrapper #row-layout-projets .tmb-only-text .t-inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


#wrapper #row-layout-projets .tmb-only-text .t-inside .t-entry-text-tc {
    padding-top: 0;
}


#wrapper #row-layout-projets .tmb-only-text .t-inside .t-entry-text-tc h3 a {
    color: var(--noir);
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual-cont {
    position: relative;
    z-index: 1;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual-overlay {
    opacity: 1 !important;
}


#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual-cont .t-entry-visual-overlay::before {
    /* content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(146, 177, 162, 0), rgba(81, 131, 109, 0.5));
    pointer-events: none;
    z-index: 5;
    transition: all .15 ease-out;
    opacity: 1; */
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual-cont:hover .t-entry-visual-overlay::before {
    opacity: 0;
    -webkit-transition: all .15 ease-out;
    -o-transition: all .15 ease-out;
    transition: all .15 ease-out;
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual-cont img{
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual-cont:hover img{
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
}


#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual .t-entry-visual-cont
.t-overlay-wrap .t-overlay-inner .t-overlay-content .t-overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 15;
    padding: 18px;
    -webkit-transition: .15s ease-out !important;
    -o-transition: .15s ease-out !important;
    transition: .15s ease-out !important;
    padding-bottom: 0;
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual .t-entry-visual-cont .t-overlay-text .t-entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual .t-entry-visual-cont .t-overlay-text .t-entry-cat-single span{
    font-size: 16px;
    text-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual .t-entry-visual-cont .t-overlay-text h3 {
    text-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
    margin-bottom: -8px;
    margin-top: 0;
}


@media (max-width: 960px) {
    .filter-main-group {
        text-align: left;
    }
    
    .grid-filters .uncode-toggle-ajax-filters.item-align-left:before {
        color: var(--vert) !important;
        font-size: 18px;
    }
    
    .filter-main-group .uncode-toggle-ajax-filters span {
        color: var(--vert);
        font-size: 16px;
    }
    
    .ajax-filter-sidebar-wrapper .ajax-sidebar-position-mobile-left {
        background-color: rgba(255, 255, 255, 0.90);
    }
    
    .ajax-filter-sidebar-wrapper .row-filter-projets {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    
    .ajax-filter-sidebar-wrapper .row-filter-projets .term-filters-list a{
        font-weight: 400;
        color: var(--vert);
        font-size: 18px;
        position: relative;
    }
    
    .ajax-filter-sidebar-wrapper .row-filter-projets .term-filters-list a.term-filter-link--active {
        font-weight: 600;
    }
    
    .ajax-filter-sidebar-wrapper #row-filter-projets .term-filters-list .term-filter {
        padding-bottom: 12px;
    }
    
    .ajax-filter-sidebar-wrapper .ajax-filter-sidebar__buttons .ajax-filter-sidebar__button{
        color: var(--vert) !important; 
    }
    
    .ajax-filter-sidebar-wrapper .ajax-filter-sidebar-footer {
        border-top: none !important;
    }
    
    .ajax-filter-sidebar-wrapper .ajax-filter-sidebar .ajax-filter-sidebar-body #row-filter-projets > .row-parent{
        padding-left: 36px;
        padding-bottom: 0;
    }
    
    #wrapper #row-layout-projets .t-overlay-text {
        opacity: 1 !important;
    }

}



/* ------------------------- CODE POUR POST SANS IMAGES NON CLIQUABLE --------------------------------------*/

#wrapper #row-layout-projets .tmb-id-105,
#wrapper #row-layout-projets .tmb-id-729 {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual-overlay {
    opacity: 1 !important;
}

#wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .tmb-id-105 .t-entry-visual-overlay::before {
    display: none;
} 

#wrapper #row-layout-projets .tmb-id-105 picture,
#wrapper #row-layout-projets .tmb-id-729 picture {
    display: none;
}


#wrapper #row-layout-projets .tmb-id-105 .t-overlay-content,
#wrapper #row-layout-projets .tmb-id-729 .t-overlay-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#wrapper #row-layout-projets .tmb-id-729 .t-overlay-content h3,
#wrapper #row-layout-projets .tmb-id-105 .t-overlay-content h3 {
    font-size: 2rem;
    padding-inline: 36px;
}

#wrapper #row-layout-projets .tmb-id-729 .t-overlay-content .t-overlay-text,
#wrapper #row-layout-projets .tmb-id-105 .t-overlay-content .t-overlay-text {
    padding: 0 !important;
}

#wrapper #row-layout-projets .tmb-id-105  .t-overlay-text,
#wrapper #row-layout-projets .tmb-id-729  .t-overlay-text {
    opacity: 1 !important;
}


#wrapper #row-layout-projets .tmb-id-105 h3,
#wrapper #row-layout-projets .tmb-id-729 h3 {
    color: var(--noir);
    font-size: 24px !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}

#wrapper #row-layout-projets .tmb-id-105 .t-overlay-content .t-overlay-text,
#wrapper #row-layout-projets .tmb-id-729 .t-overlay-content .t-overlay-text {
    position: static !important;
}


/* ------------------------- FIN CODE POUR POST SANS IMAGES NON CLIQUABLE --------------------------------------*/



@media (max-width: 575.98px) {
    #wrapper #row-title-list-projets {
        margin-top: 72px;
    }

    #wrapper #row-title-list-projets h1 {
        font-size: 36px;
        font-weight: 600;
        text-transform: uppercase;
    }

    #wrapper #row-title-list-projets .uncode_text_column {
        padding-left: 36px;
    }

    #wrapper #row-layout-projets > .row-parent > .row-inner {
        max-width: 95%;
    }


    #wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual .t-entry-visual-cont .t-overlay-text h3 {
        width: calc(100% - 8px);
        font-size: 1.5rem !important;
        font-weight: 800;
        margin-bottom: -5px !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #wrapper #row-title-list-projets {
        margin-top: 72px;
    }

    #wrapper #row-title-list-projets .uncode_text_column {
        padding-left: 36px;
    }

    #wrapper #row-layout-projets > .row-parent > .row-inner {
        max-width: 90%;
    }

    #wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual .t-entry-visual-cont .t-overlay-text h3 {
        font-size: 2rem;
        font-weight: 800;
    }


}

@media (min-width: 768px) and (max-width: 959.98px) {



    #wrapper #row-title-list-projets {
        margin-top: 72px;
    }

    #wrapper #row-title-list-projets h1 {
        width: 50%;
    }

    #wrapper #row-title-list-projets .uncode_text_column {
        padding-left: 36px;
    }

    #wrapper #row-layout-projets > .row-parent > .row-inner {
        max-width: 90%;
    }

    #wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual .t-entry-visual-cont .t-overlay-text h3 {
        font-size: 2rem;
        font-weight: 800;
        padding-right: 20px;
    }

}

@media (min-width: 960px) and (max-width: 1199.98px) {
    #wrapper #row-title-list-projets h1 {
        width: 50%;
    }

    #wrapper #row-title-list-projets .uncode_text_column {
        padding-left: 36px;
    }

    #wrapper #row-layout-projets > .row-parent > .row-inner {
        max-width: 950px;
    }

    #wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual .t-entry-visual-cont .t-overlay-text h3 {
        font-size: 2.5rem;
        font-weight: 800;
        padding-right: 25px;
    }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
    #wrapper #row-title-list-projets h1 {
        width: 50%;
    }

    #wrapper #row-title-list-projets .uncode_text_column {
        padding-left: 72px;
        width: 75%;
    }

    #wrapper #row-layout-projets > .row-parent > .row-inner {
        max-width: 1100px;
    }

    #wrapper #row-layout-projets > .row-parent > .row-inner > .wpb_column .t-entry-visual .t-entry-visual-cont .t-overlay-text h3 {
        font-size: 2rem;
        font-weight: 800;
        margin-bottom: -9px;
    }
}

@media (min-width: 1600px) {
    #wrapper #row-title-list-projets h1 {
        width: 50%;
    }

    #wrapper #row-title-list-projets .uncode_text_column {
        padding-left: 72px;
        width: 70%;
    }


    #wrapper #row-layout-projets > .row-parent > .row-inner {
        max-width: 1550px;
    }

    #wrapper #row-layout-projets > .row-parent > .row-inner .wpb_column .tmb-overlay-text-anim .t-entry-visual .t-entry-visual-cont .t-overlay-text h3.t-entry-title {
        font-size: 2.5rem;
        font-weight: 800;
        margin-bottom: -9px;
    }

}

  /* --------------------------------------- PAGE PROJET ---------------------------------------- */


  #wrapper .row-header-projet  > .row-parent > .row-inner {
    height: 100vh;
  }

    @media (max-width: 959.98px) {
    #wrapper .row-header-projet  > .row-parent > .row-inner {
      height: 50vh;
    }
  }

#wrapper .row-header-projet > .row-parent > .row-inner > .bloc-media-carousel-projets > .uncol > .uncoltable > .uncell > .uncont {
    padding-top: 0 !important;
}


  #wrapper .row-header-projet > .limit-width {
    max-width: none;
    padding: 0;
  }

  #wrapper .row-header-projet .bloc-media-carousel-projets {
    padding: 0;
}

#wrapper .row-header-projet {
    height: 100vh;
}


#wrapper .row-header-projet .bloc-media-carousel-projets {
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh !important;
    width: 100vw;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 2;
}

#wrapper .row-header-projet .bloc-media-carousel-projets .owl-carousel-wrapper .tmb-carousel .t-inside .t-entry-visual .t-entry-visual-tc {
    max-height: 100vh !important;
}

#wrapper .row-header-projet .bloc-media-carousel-projets .uncol,
#wrapper .row-header-projet .bloc-media-carousel-projets .uncol .uncont,
#wrapper .row-header-projet .bloc-media-carousel-projets .owl-carousel-wrapper,
#wrapper .row-header-projet .bloc-media-carousel-projets .owl-carousel-wrapper .tmb-carousel,
#wrapper .row-header-projet .bloc-media-carousel-projets .owl-carousel-wrapper .tmb-carousel .t-inside,
#wrapper .row-header-projet .bloc-media-carousel-projets .owl-carousel-wrapper .tmb-carousel .t-inside .t-entry-visual,
#wrapper .row-header-projet .bloc-media-carousel-projets .owl-carousel-wrapper .tmb-carousel .t-inside .t-entry-visual .t-entry-visual-tc,
#wrapper .row-header-projet .bloc-media-carousel-projets .owl-carousel-wrapper .tmb-carousel .t-inside .t-entry-visual .t-entry-visual-tc .t-entry-visual-cont,
#wrapper .row-header-projet .bloc-media-carousel-projets .owl-carousel-wrapper .tmb-carousel .t-inside .t-entry-visual .t-entry-visual-tc .t-entry-visual-cont img
 {
    height: 100vh !important;
}

#wrapper .row-header-projet .bloc-media-carousel-projets .tmb-carousel {
    position: relative;
}

#wrapper .row-header-projet .bloc-media-carousel-projets .tmb-carousel img{
    -o-object-fit: cover;
       object-fit: cover;
}

#wrapper .row-header-projet .bloc-media-carousel-projets .tmb-carousel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 20%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    z-index: 3;
  }

  #wrapper .row-header-projet .bloc-media-carousel-projets .tmb-carousel::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 33%;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    z-index: 3;
  }



#wrapper .row-header-projet .bloc-title-header-projets {
    position: absolute;
    bottom: -11px;
    left: 5%;
    padding: 0;
    z-index: 10;
    width: 90%;
}

#wrapper .row-header-projet .bloc-title-header-projets .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}


#wrapper .row-header-projet .bloc-media-carousel-projets .uncol .uncont .owl-carousel-container .owl-stage-outer .owl-stage .owl-item .tmb-carousel {
    padding: 0;
}

#wrapper .row-header-projet .bloc-title-header-projets {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
}


#wrapper .row-header-projet .bloc-title-header-projets .uncode-info-box{
    margin-top: 0;
}

#wrapper .row-header-projet .bloc-title-header-projets .uncode-info-box span a{
    color: var(--blanc);
    font-size: 18px;
}


#wrapper .row-header-projet .bloc-title-header-projets .uncode_text_column {
    margin-top: 0;
}

#wrapper .row-header-projet .bloc-title-header-projets h1 {
    text-transform: uppercase;
    position: relative;
}


#wrapper .row-header-projet .bloc-title-header-projets h1 span{
    position: relative;
}




#wrapper .row-header-projet .bloc-title-header-projets h1 span::before {
    /* content: 'PROJET ';
    font-weight: 800; */
}

#wrapper .row-header-projet .owl-dots .owl-dot.active span{
    width: 32px;
    border-radius: 42px;
}

#wrapper .row-header-projet .bloc-title-header-projets h1,
#wrapper .row-header-projet .bloc-title-header-projets .uncode-info-box span a
{
    text-shadow: 4px 4px 20px rgba(0, 0, 0, 1);
}


#wrapper #row-desc-projet::before, .home #wrapper #row-valeur-home::before, #wrapper #row-title-contact::before {
    content: "";
    position: absolute;
    background-size: contain;
    top: -80px;
    right: -80%;
    height: 2000px;
    width: 2400px;
    max-width: 150vw;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-line.svg);
    background-position: center top;
    z-index: 0;
    opacity: .08;

}
#wrapper #row-title-contact::before {
    top: -150px;
    height: 800px;
}

#wrapper #row-desc-projet > .row-parent
{
    padding: 0 ;
}

#wrapper #row-desc-projet > .row-parent > .row-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#wrapper #row-desc-projet .bloc-desc-projet {
    padding-left: 0;
}

#wrapper #row-desc-projet .bloc-desc-projet h2 {
    font-size: 26px;
}

#wrapper #row-desc-projet .bloc-desc-projet h2 strong {
    color: var(--vert);
}

#wrapper #row-desc-projet .bloc-desc-projet p strong {
    color: var(--vert);
    text-transform: uppercase;
    font-weight: 600;
}

#wrapper #row-autres-projets #ro-container-autres-projets > .row-child > .row-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


#wrapper #row-autres-projets .owl-item .t-overlay-wrap .t-entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

#wrapper #row-autres-projets .owl-item .t-overlay-wrap .t-entry h3 {
    margin-top: 0;
}

#wrapper #row-autres-projets .owl-item .t-overlay-wrap .t-entry p span{
    font-size: 18px;
}


#wrapper #row-autres-projets > .row-parent {
    max-width: none;
}

#wrapper #row-autres-projets h2 {
    font-size: 36px;
    font-weight: 700;
}


#wrapper #row-autres-projets > .row-parent > .row-inner div,
#wrapper #row-autres-projets #ro-container-autres-projets > .row-child > .row-inner div{
    height: auto;
}


#wrapper #row-autres-projets  h3 {
    font-size: 32px;
}


#wrapper #ro-container-autres-projets .bloc-autres-projets .t-overlay-inner{
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 5;
}

#wrapper #ro-container-autres-projets .bloc-autres-projets .t-overlay-inner .t-overlay-text  {
    padding: 0;
    opacity: 1 !important;
}

#wrapper #ro-container-autres-projets .bloc-autres-projets .t-overlay-inner .t-overlay-text h3 {
    text-transform: uppercase;
}

#wrapper #ro-container-autres-projets .bloc-autres-projets .title-coulisse-atelier{
    margin-top: 0;
    position: absolute;
    left: 20px;
    z-index: 5;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code{
    margin-top: 0;
    position: absolute;
    left: 20px;
    z-index: 5;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}


#wrapper #ro-container-autres-projets .bloc-autres-projets.carousel-autres-projets img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

#wrapper #ro-container-autres-projets .bloc-autres-projets .img-coulisse-atelier .uncode-single-media-wrapper img
 {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1 / 1;
    height: 100%;
}

#wrapper #ro-container-autres-projets .bloc-autres-projets .owl-item > .tmb-carousel > .t-inside::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(146, 177, 162, 0)), to(rgba(81, 131, 109, 0.5)));
    background: -o-linear-gradient(top, rgba(146, 177, 162, 0), rgba(81, 131, 109, 0.5));
    background: linear-gradient(to bottom, rgba(146, 177, 162, 0), rgba(81, 131, 109, 0.5));
    pointer-events: none; 
    z-index: 2;
  }

  #wrapper #ro-container-autres-projets .bloc-autres-projets .img-coulisse-atelier .uncode-single-media-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #51836D;
    opacity: .5;
    pointer-events: none; 
    z-index: 2;
  }

  #wrapper #ro-container-autres-projets .bloc-autres-projets .title-coulisse-atelier h3 {
    font-weight: 800;
  }

  #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code {
    top: 38%;
}

#wrapper #ro-container-autres-projets .bloc-autres-projets .title-coulisse-atelier {
    top: 56%;
}

#wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code span{
    color: var(--blanc);
}


#wrapper #ro-container-autres-projets .bloc-autres-projets {
    padding-top: 0;
}


#wrapper #ro-container-autres-projets .bloc-autres-projets.carousel-autres-projets h3 {
    width: calc(100% - 20px);
}

/* #wrapper .row-header-projet .owl-stage {
    transition: all 2s !important;
    -webkit-transition: all 2s !important;
    -moz-transition: all 2s !important;
    -ms-transition: all 2s !important;
    -o-transition: all 2s !important;
} */

#wrapper .row-header-projet .owl-carousel .owl-item {
    -webkit-animation-duration: 6s;
            animation-duration: 6s;
}


  @media (max-width: 575.98px) {
    #wrapper .row-header-projet .bloc-title-header-projets h1{
        font-size: 36px;
    }

    #wrapper #row-desc-projet > .row-parent > .row-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    #wrapper #row-desc-projet .bloc-desc-projet:nth-child(2) {
        padding-left: 36px;
        border-left: solid 3px var(--vert);
        padding-top: 0;
        margin-bottom: 72px;
    }

    
    #wrapper #row-desc-projet::before, #wrapper #row-valeur-home::before {
        top: -40px;
        right: -75%;
        height: 80%;
        width: 190%;
    }

    #wrapper #row-autres-projets > .row-parent {
        padding: 0;
    }

    #wrapper #row-autres-projets > .row-parent > .row-inner {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        min-width: 0;
    }



    #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code {
        top: 30%;
        left: 8px;
    }

    #wrapper #ro-container-autres-projets .bloc-autres-projets .title-coulisse-atelier {
        top: 55%;
        left: 8px;

    }

    #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code span {
        font-size: clamp(1rem, 5vw, 2.5rem);

    }
    
    #wrapper #ro-container-autres-projets .bloc-autres-projets .title-coulisse-atelier h3{
        font-size: clamp(1rem, 10vw, 3rem);
    }

    #wrapper #ro-container-autres-projets > .row-child > .row-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #wrapper #ro-container-autres-projets .carousel-autres-projets .owl-carousel {
        margin-bottom: 72px;
    }

    #wrapper #ro-container-autres-projets .carousel-autres-projets .owl-carousel .owl-dots {
        padding-top: 0;
    }

    #wrapper #ro-container-autres-projets .bloc-autres-projets.carousel-autres-projets h3 {
        width: calc(100% - 8px);
        font-size: clamp(1rem, 8vw, 3rem) !important;
        font-weight: 800;
    }
  }





  @media (min-width: 576px) and (max-width: 767.98px) {
    #wrapper .row-header-projet .bloc-title-header-projets h1{
        font-size: 36px;
    }

    #wrapper #row-desc-projet > .row-parent > .row-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    #wrapper #row-desc-projet .bloc-desc-projet:nth-child(2) {
        padding-left: 36px;
        border-left: solid 3px var(--vert);
        padding-top: 0;
        margin-bottom: 72px;
    }


    #wrapper #row-desc-projet::before, #wrapper #row-valeur-home::before {
        top: -40px;
        right: -55%;
        height: 110%;
    }

    #wrapper #ro-container-autres-projets > .row-child > .row-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }


    #wrapper #ro-container-autres-projets .bloc-autres-projets.carousel-autres-projets h3 {
        font-size: clamp(1rem, 10vw, 3rem);
        font-weight: 800;
    }

    

    #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code span {
        font-size: clamp(1rem, 5vw, 2.5rem);

    }
    
    #wrapper #ro-container-autres-projets .bloc-autres-projets .title-coulisse-atelier h3{
        font-size: clamp(1rem, 10vw, 3rem);
    } 

    #wrapper #ro-container-autres-projets .carousel-autres-projets .owl-carousel {
        margin-bottom: 72px;
    }

    #wrapper #ro-container-autres-projets .carousel-autres-projets .owl-carousel .owl-dots {
        padding-top: 0;
    }

}
  





  @media (min-width: 768px) and (max-width: 959.98px) {
    #wrapper .row-header-projet .bloc-title-header-projets h1{
        font-size: 42px;
    }

    #wrapper #row-desc-projet > .row-parent > .row-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    #wrapper #row-desc-projet .bloc-desc-projet:nth-child(2) {
        padding-left: 36px;
        border-left: solid 3px var(--vert);
        padding-top: 0;
        margin-bottom: 72px;
    }

    #wrapper #row-desc-projet::before, #wrapper #row-valeur-home::before {
        top: -50px;
        right: -60%;
        height: 100%;
    }

    #wrapper #ro-container-autres-projets .bloc-autres-projets.carousel-autres-projets {
        padding-right: 18px;
    }

    #wrapper #ro-container-autres-projets .bloc-coulisse-atelier {
        padding-left: 18px;
    }


    #wrapper #ro-container-autres-projets .bloc-autres-projets.carousel-autres-projets h3 {
        font-size: clamp(1rem, 3vw, 3rem);
        font-weight: 800;
        padding-right: 20px;
    }
    

    #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code span {
        font-size: clamp(1rem, 2.5vw, 2.5rem);

    }
    
    #wrapper #ro-container-autres-projets .bloc-autres-projets .title-coulisse-atelier h3{
        font-size: clamp(1rem, 3.5vw, 3rem);
    } 



}
  





  @media (min-width: 960px) and (max-width: 1199.98px) {
    #wrapper .row-header-projet .bloc-title-header-projets h1{
        font-size: 46px;
    }

    #wrapper #row-desc-projet .bloc-desc-projet:nth-child(2) {
        margin-left: 36px;
        padding-left: 36px;
        border-left: solid 3px var(--vert);
    }


    #wrapper #ro-container-autres-projets .bloc-autres-projets.carousel-autres-projets h3 {
        font-size: clamp(1rem, 2vw, 2rem);
        font-weight: 800;
        padding-right: 25px;
    }
    

    #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code span {
        font-size: clamp(1rem, 1.5vw, 2.5rem);

    }

    
    #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code {
        top: 32%;
    }
    
    #wrapper #ro-container-autres-projets .bloc-autres-projets .title-coulisse-atelier h3{
        font-size: clamp(1rem, 2vw, 3rem);
    } 
    

}
  





  @media (min-width: 1200px) and (max-width: 1599.98px) {
    #wrapper .row-header-projet .bloc-title-header-projets h1{
        font-size: 52px;
    }

    #wrapper #row-desc-projet .bloc-desc-projet:nth-child(2) {
        margin-left: 72px;
        padding-left: 72px;
        border-left: solid 3px var(--vert);
    }

    #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code {
        top: 34%;
    }



    #wrapper #ro-container-autres-projets .bloc-autres-projets.carousel-autres-projets h3 {
        font-size: clamp(1rem, 1.75vw, 3rem);
        font-weight: 800;
        padding-right: 25px;
    }
    

    #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code span {
        font-size: clamp(1rem, 1.2vw, 2.5rem);

    }
    
    #wrapper #ro-container-autres-projets .bloc-autres-projets .title-coulisse-atelier h3{
        font-size: clamp(1rem, 2vw, 3rem);
    }


}
  





  @media (min-width: 1600px) {


    #wrapper .row-header-projet .owl-item {
        height: 100vh;
    }



    #wrapper .row-header-projet .bloc-title-header-projets h1{
        font-size: 52px;
    }

    #wrapper #row-desc-projet .bloc-desc-projet:nth-child(2) {
        margin-left: 72px;
        padding-left: 72px;
        border-left: solid 3px var(--vert);
    }

    #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code span{
        font-size: 22px;
    }

    #wrapper #ro-container-autres-projets .bloc-autres-projets h3 {
        font-size: clamp(1rem, 1.4vw, 2.5rem);
        font-weight: 800;
        padding-right: 25px;
    }

    #wrapper #ro-container-autres-projets .bloc-autres-projets.carousel-autres-projets h3{
        font-size: clamp(1rem, 1.25vw, 3rem);
        font-weight: 800;
    }

    #wrapper #ro-container-autres-projets .bloc-autres-projets .wpb_raw_code span {
        font-size: clamp(1rem, 1.1vw, 2.5rem);

    }
    
    #wrapper #ro-container-autres-projets .bloc-autres-projets .title-coulisse-atelier h3{
        font-size: clamp(1rem, 1.8vw, 3rem);
    }






    





}


  /* --------------------------------------- PAGE CONTACT ---------------------------------------- */

  #wrapper #row-title-contact .row-parent {
    padding: 0;
  }

  #wrapper #row-title-contact h1 {
    font-size: 50px;
    font-weight: 600;
    text-transform: uppercase;
  }

  #wrapper #row-title-contact .bloc-contact p {
    font-size: 18px;
  }

  #wrapper #row-title-contact .bloc-contact a {
    color: var(--noir);
    font-weight: 500;
  }

  #wrapper #row-title-contact .bloc-contact:nth-child(2) {
    border-left: solid 1px var(--vert);
    padding-left: 36px;
}

  #wrapper #row-title-contact .bloc-contact .icon-box-icon i {
    font-size: 25px;
    color: var(--vert);
  }

  #wrapper #row-title-contact .bloc-contact .icon-box-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #wrapper #row-title-contact .bloc-contact .icon-box-left  .icon-box-content {
    padding-left: 50px;
  }

  #wrapper #row-title-contact .bloc-contact .icon-box-left .icon-box-icon {
    margin: 0;
  }

  #wrapper #row-form-contact > .row-parent {
    padding: 0;
  }

  #wrapper #row-form-contact > .row-parent > .row-inner {
    margin-top: 0;
  }


  #wrapper #row-form-contact > .row-parent > .row-inner::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2025/03/logo-archidea.svg);
    z-index: -1;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    height: 300px;
    aspect-ratio: 1/1;
    right: 0;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    bottom: -50px;
    opacity: .1;
}

  #wrapper #row-form-contact .gform_wrapper .gfield_required_asterisk {
    color: #865183;
  }

  #wrapper #row-form-contact .gform_wrapper label,
  #wrapper #row-form-contact .gform_wrapper legend{
    font-size: 18px;
  }

  #wrapper #row-form-contact .gform_wrapper input,
  #wrapper #row-form-contact .gform_wrapper textarea {
    border: solid 1px rgba(81, 131, 109, 0.25);
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  #wrapper #row-form-contact .gform_wrapper .gform_button {
    background-color: var(--vert);
  }

  #wrapper #row-form-contact .gform_confirmation_message {
    font-size: 18px !important;
  }



  @media (max-width: 575.98px) {
    #wrapper #row-title-contact h1 {
        font-size: 42px;
      }

      #wrapper #row-title-contact .bloc-contact:nth-child(2) {
        margin-top: 36px;
        padding-top: 0;
    }
  }
  
  @media (min-width: 576px) and (max-width: 767.98px) {
    #wrapper #row-title-contact .bloc-contact:nth-child(2) {
        margin-top: 36px;
        padding-top: 0;
    }
  }
  
  @media (min-width: 768px) and (max-width: 959.98px) {
    #wrapper #row-title-contact .bloc-contact:nth-child(2) {
        margin-top: 36px;
        padding-top: 0;
    }
  }
  
  @media (min-width: 960px) and (max-width: 1199.98px) {
    #wrapper #row-title-contact .bloc-contact:nth-child(1) {
        width: 60%;
        padding-right: 36px;
    }

    #wrapper #row-title-contact .bloc-contact:nth-child(2) {
        width: 40%;
        border-left: solid 3px var(--vert);
        padding-left: 36px;
    }

    #wrapper #row-title-contact .bloc-contact:nth-child(2) .uncont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }


    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol,
    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol > .uncoltable,
    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol > .uncoltable > .uncell,
    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol > .uncoltable > .uncell > .uncont {
        height: 100%;
    }
  }
  
  @media (min-width: 1200px) and (max-width: 1599.98px) {
    #wrapper #row-title-contact .bloc-contact:nth-child(1) {
        width: 60%;
        padding-right: 36px;
    }

    #wrapper #row-title-contact .bloc-contact:nth-child(2) {
        width: 40%;
        border-left: solid 3px var(--vert);
        padding-left: 36px;
    }


    #wrapper #row-title-contact .bloc-contact:nth-child(2) .uncont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }


    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol,
    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol > .uncoltable,
    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol > .uncoltable > .uncell,
    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol > .uncoltable > .uncell > .uncont {
        height: 100%;
    }
  }
  
  @media (min-width: 1600px) {
    #wrapper #row-title-contact .bloc-contact:nth-child(1) {
        width: 60%;
        padding-right: 36px;
    }

    #wrapper #row-title-contact .bloc-contact:nth-child(2) {
        width: 40%;
    }

    #wrapper #row-title-contact .bloc-contact:nth-child(2) .uncont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }


    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol,
    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol > .uncoltable,
    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol > .uncoltable > .uncell,
    #wrapper #row-title-contact .bloc-contact:nth-child(2) > .uncol > .uncoltable > .uncell > .uncont {
        height: 100%;
    }

  }



    /* --------------------------------------- MENTIONS LEGALES ---------------------------------------- */

    #wrapper #row-mentions-légales::before{
        content: "";
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-line.svg);
        z-index: 0;
        opacity: .08;
    }

    #wrapper #row-mentions-légales h1 {
        text-transform: uppercase;
        font-size: 50px;
        font-weight: 800;
    }

    #wrapper #row-mentions-légales h2 {
        font-size: 24px;
        font-weight: 800;
    }

    #wrapper #row-mentions-légales a{
        color: var(--vert);
    }

    #wrapper #row-mentions-légales p{
        font-size: 18px;
    }

    #wrapper #row-mentions-légales .txt-bloc-mentions-legales {
        border-left: solid 3px var(--vert);
        padding-left: 36px;
    }

    #wrapper #row-mentions-légales > .row-parent > .row-inner::before {
        content: "";
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-A-v2.svg);
        z-index: 1;
        -webkit-transition: .15s ease-out;
        -o-transition: .15s ease-out;
        transition: .15s ease-out;
        height: 400px;
        width: 400px;
        left: -100px;
        top: -150px;
        opacity: .035;
    }

    @media (min-width: 1200px) {
        #wrapper #row-mentions-légales::before {
            top: -200px;
            right: -100%;
            height: 160%;
            width: 150%;
        }
    }

    @media (max-width: 960px) {
        #wrapper #row-mentions-légales {
            margin-top: 72px;
        }
    }

    @media (min-width: 960px) and (max-width: 1199.98px) {
        #wrapper #row-mentions-légales::before {
            top: -200px;
            right: -90%;
            height: 160%;
            width: 160%;
        }
    }

    @media (min-width: 576px) and (max-width: 959.98px) {
        #wrapper #row-mentions-légales::before {
            top: -100px;
            right: -105%;
            height: 160%;
            width: 200%;
        }
    }

    @media (max-width: 575.98px) {
        #wrapper #row-mentions-légales::before  {
            top: -80px;
            right: -170%;
            height: 180%;
            width: 300%;
        }
    }



/* --------------------------------------- CONFIDENTIALITE COOKIES---------------------------------------- */

#wrapper #row-confidentialité > .row-parent,
#wrapper #row-cookie > .row-parent {
    padding: 0;
}

#wrapper #row-confidentialité > .row-parent > .row-inner,
#wrapper #row-cookie > .row-parent > .row-inner{
    margin-bottom: 72px;
    z-index: 1;
}

#wrapper #row-confidentialité > .row-parent > .row-inner::before,
#wrapper #row-cookie > .row-parent > .row-inner::before{
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-A-v2.svg);
    z-index: -1;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    height: 400px;
    width: 400px;
    left: -110px;
    top: -50px;
    opacity: .035;
}

#wrapper #row-confidentialité h2,
#wrapper #row-cookie h2 {
    text-transform: uppercase;
    font-weight: 600;
    margin: 72px 0 36px;
}

#wrapper #row-confidentialité p,
#wrapper #row-cookie p {
    padding-left: 36px;
    border-left: 3px solid var(--vert);
    margin-top: 0;
    margin-left: 36px;
    font-size: 16px;
}

#wrapper #row-confidentialité li,
#wrapper #row-cookie li {
    font-size: 16px;
}


#wrapper #cmplz-cookies-overview p {
    border: none;
}

#wrapper #row-confidentialité a,
#wrapper #row-cookie a {
    color: var(--vert);

}


@media (max-width: 960px) {
    #wrapper #row-confidentialité p,
    #wrapper #row-cookie p {
        margin-left: 0;
    } 

    #wrapper #row-confidentialité > .row-parent > .row-inner,
    #wrapper #row-cookie > .row-parent > .row-inner {
        margin-top: 172px;
    }
}


/* --------------------------------------- ERROR 404 ---------------------------------------- */

#wrapper #row-error-404  {
    height: 75vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#wrapper #row-error-404::before  {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.atelier-archidea.fr/wp-content/uploads/2024/11/motif-line.svg);
    z-index: 0;
    opacity: .1;
}

#wrapper #row-error-404 .row-inner .wpb_column:first-of-type .vc_custom_heading_wrap  {
    margin-top: 0 !important;
}

#wrapper #row-error-404 .row-inner .wpb_column:last-of-type {
    border-left: 3px solid var(--vert);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


#wrapper #row-error-404 h1 {
    text-transform: uppercase;
    color: var(--vert);
    font-weight: 800;
}

#wrapper #row-error-404 h2 {
    text-transform: uppercase;
    color: var(--vert);
    font-weight: 600;
}

@media (max-width: 575.98px) {
    #wrapper #row-error-404 h1 {
        font-size: 50px;
        letter-spacing: 1px;
    }

    #wrapper #row-error-404 h2 {
        width: 100%;
        font-size: 36px;
    }  

    #wrapper #row-error-404 .row-inner .wpb_column:last-of-type {
        padding-top: 0;
        margin-top: 72px;
    }

    #wrapper #row-error-404 .row-inner .wpb_column:last-of-type {
        padding-left: 36px;
    }

    #wrapper #row-error-404::before  {
        top: -80px;
        right: -170%;
        height: 180%;
        width: 300%;
    }

    #wrapper #row-error-404 {
        margin-top: 100px;
    }

    #wrapper #row-error-404 > .row-parent {
        margin: auto;
    }
}


@media (min-width: 576px) and (max-width: 959.98px) {
    #wrapper #row-error-404 h1 {
        font-size: 50px;
        letter-spacing: 3px;
    }

    #wrapper #row-error-404 h2 {
        width: 50%;
        font-size: 36px;
    }

    #wrapper #row-error-404 .row-inner .wpb_column:last-of-type {
        padding-top: 0;
        margin-top: 72px;
    }

    #wrapper #row-error-404 .row-inner .wpb_column:last-of-type {
        padding-left: 36px;
    }

    #wrapper #row-error-404::before  {
        top: -100px;
        right: -105%;
        height: 160%;
        width: 200%;
    }

    #wrapper #row-error-404 {
        margin-top: 100px;
    }

    #wrapper #row-error-404 > .row-parent {
        margin: auto;
    }
}
/* 
@media (min-width: 960px) and (max-width: 992px) {
    #wrapper #row-error-404::before  {
        top: -250px;
        right: -105%;
        height: 160%;
        width: 200%;
    }
} */


@media (min-width: 960px) and (max-width: 1199.98px) {
    #wrapper #row-error-404 h1 {
        font-size: 70px;
        letter-spacing: 3px;
    }

    #wrapper #row-error-404 h2 {
        font-size: 40px;
    }

    #wrapper #row-error-404 .row-inner .wpb_column:last-of-type {
        border-left: 3px solid var(--vert);
        padding-left: 72px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    #wrapper #row-error-404::before  {
        top: -200px;
        right: -90%;
        height: 160%;
        width: 160%;

    }
    
    #wrapper #row-error-404 > .row-parent {
        margin: auto;
    }
}

@media (min-width: 1200px)  {

    #wrapper #row-error-404 h1 {
        font-size: 76px;
        letter-spacing: 3px;
    }

    #wrapper #row-error-404 h2 {
        font-size: 50px;
    }

    #wrapper #row-error-404 .row-inner .wpb_column:last-of-type {
        border-left: 3px solid var(--vert);
        padding-left: 72px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    #wrapper #row-error-404::before  {
        top: -200px;
        right: -100%;
        height: 160%;
        width: 150%;

    }

}

/* ================================================== 
COMPLIANZ
================================================== */

#cmplz-cookies-overview .cmplz-service-header, #cmplz-cookies-overview .cookies-per-purpose div {
    background: rgba(255,255,255,0.1) !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner::before {
    content: '';
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner::after {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner > * {
    z-index: 2;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
    font-size: 12px;
    letter-spacing: 0.05em;
}
#cmplz-document {
  max-width: var(--gridwidth);
  margin: 50px auto 0px;
}

/* Ajout style btn Refus */

#cmplz-cookiebanner-container .cmplz-deny {
	position: absolute;
    top: -26px;
    right: 0;
    padding: 0;
    height: auto;
    background: transparent;
    border: none;
    color: #ccc;
    display: inline-block;
    width: auto;
    font-weight: 300;
}
#cmplz-cookiebanner-container .cmplz-deny::after {
	content: "";
	width: 8px;
    height: 8px;
    display: inline-block;
    border-top: 1px solid white;
    border-right: 1px solid white;
    position: relative;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-left: 5px;
	top: 1px;
}




#portfolio-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

#portfolio-filters .filter-btn {
    padding: 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 17px;
    background: transparent;
}

#portfolio-filters .filter-btn:hover {
    color: var(--vert);
}
#portfolio-filters .filter-btn.active {
    color: var(--vert);
}

#portfolio-filters .filter-btn:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#portfolio-filters .filter-btn:first-child:after {
    content: "";
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    width: 1px;
    margin-left: 20px;
    background: var(--vert);
}


#portfolio-grid .portfolio-item {
    overflow: hidden;
    -webkit-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}
#portfolio-grid .portfolio-item .inner {
    position: relative;
    width: 100%;
    height: 100%;
}

#portfolio-grid .portfolio-item img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}

#portfolio-grid .portfolio-item:hover img {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

#portfolio-grid .portfolio-item:not(.long) .hover {
    position: absolute;
    inset: 0;
    background: -o-linear-gradient(73deg,rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 50%);
    background: linear-gradient(17deg,rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 50%);
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 20px 0;
    z-index: 2;
}

#portfolio-grid .portfolio-item:hover .hover {
    opacity: 1;
}

#portfolio-grid .portfolio-item:not(.long) h3 {
    font-weight: 800;
    margin-top: 0;
    margin-bottom: -7px;
    font-size: 1.7rem;
}

@media (min-width: 960px) {
    #portfolio-grid .portfolio-item.large h3 {
        font-size: 2.2rem;
        margin-bottom: -8px;
    }
    #portfolio-grid .portfolio-item.large .category {
        font-size: 17px;
    }
}



#portfolio-grid.controlled-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 270px;
  gap: 20px;
}

/* Taille des blocs */
#portfolio-grid .portfolio-item.small {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row-span: 1;
  grid-row: span 1;
}

#portfolio-grid .portfolio-item.large {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  -ms-grid-row-span: 2;
  grid-row: span 2;
}

#portfolio-grid .portfolio-item.long {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  -ms-grid-row-span: 1;
  grid-row: span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#portfolio-grid .portfolio-item.long .hover {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    height: 100%;
}
#portfolio-grid .portfolio-item.long h3 {
    margin-top: 0;
    font-size: 26px;
    font-weight: 500;
    font-family: ivymode, sans-serif;
}


/* @media (min-width: 1100px) {
    #portfolio-grid .item-1 { grid-column: 1 / span 4; grid-row: 1 / span 2; } 
    #portfolio-grid .item-2 { grid-column: 5 / span 2; grid-row: 1 / span 1; } 
    #portfolio-grid .item-3 { grid-column: 5 / span 2; grid-row: 2 / span 1; }

    #portfolio-grid .item-4 { grid-column: 1 / span 2; grid-row: 3; }
    #portfolio-grid .item-5 { grid-column: 3 / span 4; grid-row: 3; }

    #portfolio-grid .item-6 { grid-column: 1 / span 2; grid-row: 4; }
    #portfolio-grid .item-7 { grid-column: 3 / span 4; grid-row: 4 / span 2; }
    #portfolio-grid .item-8 { grid-column: 1 / span 2; grid-row: 5; }

    #portfolio-grid .item-9 { grid-column: 1 / span 4; grid-row: 6 / span 2; }
    #portfolio-grid .item-10 { grid-column: 5 / span 2; grid-row: 6; }
    #portfolio-grid .item-11 { grid-column: 5 / span 2; grid-row: 7; }


    #portfolio-grid .item-12 { grid-column: 1 / span 4; grid-row: 8; }
    #portfolio-grid .item-13 { grid-column: 5 / span 2; grid-row: 8; }
} */

@media (max-width: 1200px) {
    #portfolio-grid.controlled-grid {
        grid-auto-rows: 220px;
    }
}

@media (max-width: 959px) {
    #portfolio-filters {
        padding-top: 80px;
    }
    #portfolio-grid.controlled-grid {
        grid-auto-rows: 100px;
    }
    #portfolio-grid .portfolio-item.small,
    #portfolio-grid .portfolio-item.large {
        -ms-grid-column-span: 3;
        grid-column: span 3;
        -ms-grid-row-span: 2;
        grid-row: span 2;
    }
    #portfolio-grid .portfolio-item.long {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        -ms-grid-row-span: 1;
        grid-row: span 1;
    }
    #portfolio-grid .portfolio-item.long .hover {
        padding: 20px 0;
    }
    #portfolio-grid .portfolio-item.long h3 {
        font-size: 22px;
    }
}

@media (max-width: 649px) {
    #portfolio-grid .portfolio-item.small,
    #portfolio-grid .portfolio-item.large {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        -ms-grid-row-span: 3;
        grid-row: span 3;
    }
    #portfolio-grid .portfolio-item.long h3 {
        font-size: 18px;
    }
}

@media (max-width: 500px) {
    #portfolio-grid.controlled-grid {
        grid-auto-rows: 120px;
    }
    #portfolio-grid .portfolio-item.small,
    #portfolio-grid .portfolio-item.large {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        -ms-grid-row-span: 2;
        grid-row: span 2;
    }
}