/*generic*/
section.section:first-of-type {margin-top: 60px;}

/*nav*/
.nav{position:fixed;height:auto;display:flex;flex-direction:row;justify-content:space-between;z-index:1000;box-shadow: 2px 5px 20px 0 rgba(0, 0, 0, 0.50);}
.nav-ul{display:flex;flex-direction:row;flex-wrap:wrap;}

/*titre*/
.deco{position: absolute;left: 60vw;top: 100%;transform-origin: top left;transform: rotate(-30deg);height: 20vw;width: calc(46.2vw + 2rem);display: flex;flex-direction: column;gap: 0;}
.deco-rect-wrapper {flex: 1;height:20%;}
.deco-rect-1.delaying,.deco-rect-3.delaying,.deco-rect-5.delaying{left:100%;}
.deco-rect-2.delaying,.deco-rect-4.delaying{left:-100%;}
.deco-rect{position:absolute;left:0;transition: all 1.3s cubic-bezier(0.34, 1.56, 0.64, 1);}
.home .deco{top:0;transform-origin:bottom right;transform:translate(-100%, -100%) rotate(-30deg);left: 60vw;height: 30vw;width: calc(69.3vw + 0rem);}

/* état de départ (tu peux garder ton alternance, ou inverser si tu veux un effet miroir) */
.home .deco-rect-1.delaying,.home .deco-rect-3.delaying,.home .deco-rect-5.delaying{ left: 100%; }
.home .deco-rect-2.delaying,.home .deco-rect-4.delaying{ left: -100%; }

.home-header-part-logo svg{transition: all 1.7s cubic-bezier(0.34, 1.56, 0.64, 1);}
.home-header-part-logo .titreSVG{transition-delay:1.4s!important; transition:.7s ease;}
.home-header-part-logo.delaying svg{transform:translate(150px, 0%) rotate(-90deg);opacity:0;}
.home-header-part-logo.delaying .titreSVG{opacity:0;}
.home-header-part-txt-h2,.home-header-bouton{transition:.8s ease;}
.home-header-part-txt-h2.delaying,.home-header-bouton.delaying{opacity:0;transform:translate(150px, 0px) rotate(0);}


/* rect animé */
.home .deco-rect{ position: absolute;top: 0;left: 0; width: 100%;height: 100%;transition: all 1.3s cubic-bezier(0.34, 1.56, 0.64, 1);}

/*header*/
.header-titre,.section-titre-info{display:flex;align-items:center;flex-direction:column;}
.section-titre{overflow:hidden;}
.section-titre-info-content{display:flex;flex-direction:row;align-items:center;padding-top:18px;padding-bottom:18px;gap:18px;}

/*header home*/
.home-header-container{display:flex;flex-direction:row;gap:72px;box-sizing:border-box;padding-top:36px;padding-bottom:36px;}
.home-header-part-logo svg{aspect-ratio:1 / 1 ;width:100%;height:auto;}
.home-header-part-logo{display:flex;flex-direction:column;align-items:center;flex-direction:center;max-width:450px;}
.home-header-part{display:flex;align-items:center;flex-direction:column;gap:36px;justify-content:center;}

/*gutembergs*/
.section-gutemberg{display:flex;flex-direction:column;align-items:center;}
.fullWidthGut{width:100%;}
.section-gutemberg > *:not(.fullWidthGut){width:100%;max-width:calc( 1200px + 144px );box-sizing:border-box;padding-left:72px;padding-right:72px;}
.wp-block-lazyblock-equipe{max-width:100%!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box;display:flex;justify-content:center;background-color:#FBFBFB;}
.section-gutemberg > .wp-block-lazyblock-dual,.section-gutemberg > .wp-block-lazyblock-cta{max-width:100%;padding:0;}
.lb-equipe-block{max-width:1400px;}


/*gut list archives*/
.section-archives-content{display:flex;flex-direction:column;gap:0px;align-items:center;gap:36px;}
.section-archives-text-part{display:flex;flex-direction:column;gap:8px;align-items:center;}
.content-archives-container *{color:#FFFFFF;}
.list-post-cards-ul{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:24px;}
.cards-li{ height:100%;}
.list-post-button-ul{display:flex;flex-direction:row;justify-content:center;gap:18px;margin-top:36px;flex-wrap: wrap;}

/*footer*/
.footer{display:flex;flex-direction:row;align-items:center;justify-content:center;}
.footer-rs-li-a svg{width:45px;}
.footer-rs-li-a svg *{transition:.3s ease;}
.footer-content{display:flex;flex-direction:row;}
.footer-right{max-width:338px;}
.footer-right-content{box-sizing:border-box;border-left:1px solid #FFFFFF;gap:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;}
.footer-rs-ul{display:flex;flex-direction:row;align-items:center;gap:18px;}
.footer-rs-container{display:flex;flex-direction:column;align-items:flex-start;gap:18px;}
.footer-left{gap:36px;display: flex;flex-direction: column;justify-content: space-between;}
.footer-menu-ul{display: flex;flex-direction:row;gap:18px;flex-wrap:wrap;}

/*colors a modifier si besoin*/
.currentNav.comp-nav p,.currentSmenu p, .currentNav h1{color:#000000;}
.currentNav.comp-nav .icon-container svg *{fill:#000000;}
.primary-button,.comp-bouton:hover,.currentSm{background-color:#FBDF52;}
.darkMode.comp-hl svg *{fill:#EEEEEE;}
.darkMode.comp-hl p{color:#EEEEEE;}
.whiteMode.comp-hl:hover svg *{fill:#222147;}
.whiteMode.comp-hl:hover p{color:#222147;}
.darkMode.comp-hl:hover svg *,.comp-bouton:hover svg *,.footer-rs-li-a:hover svg *,.comp-nav:hover .icon-container svg *{fill:#FBDF52;}
.darkMode.comp-hl:hover p, .comp-bouton:hover p,.comp-nav:hover p,.comp-nav:hover h1,.comp-sm-nav:hover p{color:#FBDF52;}
.comp-bouton:hover{border-color:#557382;}
.comp-sm-nav:hover{background-color:#557382;}