/* TEAM4IT — menu plein écran inspiré de la mécanique EFYSOFT */
.t4-header{position:relative;z-index:80;background:#07120f;color:#fff}.t4-header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.t4-brand{display:block}.t4-brand img{display:block;width:245px;max-height:82px;object-fit:contain}.t4-header-actions{display:flex;align-items:center;gap:16px}.t4-project-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:0 28px;border-radius:999px;background:#7fa4d6;color:#07120f!important;font-weight:800;font-size:15px;transition:transform .2s,background .2s}.t4-project-link:hover{transform:translateY(-2px);background:#91b1dc}.t4-menu-toggle{width:58px;height:58px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;display:grid;place-content:center;gap:5px;cursor:pointer}.t4-menu-toggle span{display:block;width:23px;height:2px;background:#fff;border-radius:2px}.t4-menu-overlay{position:fixed;inset:0;z-index:900;background:#07120f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.t4-menu-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.t4-menu-shell{min-height:100vh;width:100%;display:grid;grid-template-columns:60% 40%;position:relative;overflow:hidden;background:#07120f}.t4-menu-left{padding:9vh 5vw 5vh 6.5vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2;color:#fff}.t4-menu-columns{display:grid;grid-template-columns:.9fr 1.2fr;gap:5vw;max-width:850px}.t4-menu-columns section{display:flex;flex-direction:column;align-items:flex-start}.t4-menu-kicker,.t4-menu-contact-title{font-size:28px;line-height:1;font-weight:800;font-style:italic;letter-spacing:-.04em;color:#7fa4d6;margin-bottom:22px;transform:rotate(-3deg)}.t4-menu-columns a{color:#fff!important;font-size:clamp(21px,1.8vw,29px);line-height:1.13;font-weight:800;letter-spacing:-.035em;margin:0 0 15px;position:relative;transition:transform .22s,color .22s}.t4-menu-columns a:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:#7fa4d6;transition:width .25s}.t4-menu-columns a:hover{color:#9bb9e1!important;transform:translateX(8px)}.t4-menu-columns a:hover:after{width:100%}.t4-menu-lab{max-width:850px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:13px;border:1px solid rgba(127,164,214,.65);border-radius:18px;padding:17px 20px;color:#fff!important;background:rgba(127,164,214,.08);transition:background .22s,transform .22s}.t4-menu-lab:hover{background:rgba(127,164,214,.16);transform:translateY(-2px)}.t4-menu-lab>span{font-weight:900;font-size:18px}.t4-menu-lab small{padding:5px 8px;border-radius:99px;background:#7fa4d6;color:#07120f;font-size:8px;font-weight:900;letter-spacing:.12em}.t4-menu-lab b{color:#aebbd0;font-size:12px;font-weight:600}.t4-menu-lab i{font-size:22px;font-style:normal;color:#7fa4d6}.t4-menu-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:21px;border-top:1px solid rgba(255,255,255,.15);color:#7e8b9c;font-size:9px;letter-spacing:.08em;text-transform:uppercase;max-width:850px}.t4-menu-contact{position:relative;min-height:100vh;background:#6692ce;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:76px 4.5vw 60px 6vw;overflow:hidden;isolation:isolate}.t4-menu-contact:before{content:"";position:absolute;top:-10%;left:-94px;width:190px;height:120%;background:#07120f;border-radius:50%;z-index:-1}.t4-menu-contact:after{content:"";position:absolute;width:390px;height:390px;right:-175px;bottom:-155px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}.t4-menu-contact-inner{width:min(100%,500px);margin-left:auto;position:relative;z-index:2}.t4-menu-contact-title{color:#fff;font-size:clamp(42px,4vw,62px);margin-bottom:36px}.t4-menu-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:34px}.t4-menu-contact-grid span,.t4-menu-contact-cta span{display:block;font-size:8px;letter-spacing:.16em;font-weight:900;color:rgba(255,255,255,.74);margin-bottom:8px}.t4-menu-contact-grid p{margin:0;font-size:15px;line-height:1.55;color:#fff}.t4-menu-contact-grid a{color:#fff!important;font-weight:800}.t4-menu-contact-cta{display:block;border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:19px 25px;color:#fff!important;transition:background .25s,transform .25s}.t4-menu-contact-cta:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}.t4-menu-contact-cta b{display:block;font-size:16px;margin-top:6px}.t4-menu-contact-note{margin-top:25px;font-size:10px;line-height:1.6;color:rgba(255,255,255,.75);max-width:390px}.t4-menu-close{position:fixed;z-index:910;right:28px;top:22px;width:52px;height:52px;border:0;background:transparent;color:#fff;font-size:43px;font-weight:200;line-height:1;cursor:pointer;transition:transform .25s}.t4-menu-close:hover{transform:rotate(90deg)}.t4-menu-left,.t4-menu-contact{transition:transform .55s cubic-bezier(.18,.8,.22,1),opacity .35s}.t4-menu-overlay:not(.open) .t4-menu-left{transform:translateX(-40px);opacity:0}.t4-menu-overlay:not(.open) .t4-menu-contact{transform:translateX(60px);opacity:0}.t4-menu-overlay.open .t4-menu-left,.t4-menu-overlay.open .t4-menu-contact{transform:none;opacity:1}body.t4-menu-open{overflow:hidden}
@media(max-width:1050px){.t4-menu-shell{grid-template-columns:56% 44%}.t4-menu-left{padding-left:5vw;padding-right:4vw}.t4-menu-contact{padding-left:62px;padding-right:30px}.t4-menu-contact:before{left:-78px;width:150px}.t4-menu-lab{grid-template-columns:auto auto}.t4-menu-lab b{grid-column:1/3}.t4-menu-lab i{grid-column:4;grid-row:1/3}}
@media(max-width:760px){.t4-header-inner{height:82px}.t4-brand img{width:190px;max-height:64px}.t4-project-link{display:none}.t4-menu-toggle{width:50px;height:50px}.t4-menu-shell{display:block;min-height:100vh;overflow:auto}.t4-menu-left{padding:84px 24px 38px;min-height:auto;gap:34px}.t4-menu-columns{grid-template-columns:1fr;gap:24px}.t4-menu-columns a{font-size:21px;margin-bottom:10px}.t4-menu-kicker{font-size:23px;margin-bottom:14px}.t4-menu-lab{grid-template-columns:auto auto 1fr;margin-top:2px}.t4-menu-lab b{grid-column:1/4}.t4-menu-lab i{grid-column:4;grid-row:1/3}.t4-menu-bottom{flex-direction:column;gap:7px}.t4-menu-contact{min-height:auto;padding:55px 24px 50px}.t4-menu-contact:before{display:none}.t4-menu-contact-inner{width:100%;max-width:none;margin:0}.t4-menu-contact-grid{grid-template-columns:1fr;gap:18px}.t4-menu-close{right:15px;top:14px}}

/* Aligne les titres du menu gauche sur le titre Contact du panneau bleu. */
@media(min-width:761px){.t4-menu-left{justify-content:flex-start}.t4-menu-columns{transform:none;margin-top:clamp(95px,17vh,155px)}.t4-menu-lab{margin-top:28px}.t4-menu-bottom{margin-top:auto}}
@media(min-width:761px) and (max-height:860px){.t4-menu-left{padding-top:38px;padding-bottom:28px}.t4-menu-columns{margin-top:70px}.t4-menu-columns a{font-size:clamp(20px,1.65vw,25px);margin-bottom:10px}.t4-menu-kicker{font-size:25px;margin-bottom:16px}.t4-menu-lab{margin-top:22px;padding-top:14px;padding-bottom:14px}}

/* Ouvertures de pages plus compactes : l'essentiel reste visible au premier écran. */
body>main>.hero{min-height:min(650px,calc(100svh - 132px));padding:48px 0;align-items:center}
body>main>.hero .display{font-size:clamp(3.5rem,6.2vw,6.6rem);line-height:.86}
body>main>.hero h1:not(.display){font-size:clamp(3.1rem,6vw,5.8rem)}
body>main>.hero .hero-copy{margin:24px 0}
body>main>.hero .hero-grid{align-items:center}
.resource-hero{padding:clamp(48px,5.5vw,74px) 0}
.resource-index-hero{padding-bottom:68px}
.tool-hero{padding:52px 0 58px}
.legal-hero{padding:55px 0 62px}

@media(max-width:900px){body>main>.hero{min-height:auto;padding:58px 0}.resource-hero,.tool-hero,.legal-hero{padding:52px 0}}
@media(max-width:600px){body>main>.hero{min-height:auto;padding:44px 0 50px}body>main>.hero .display{font-size:clamp(3rem,14vw,4.6rem)}body>main>.hero h1:not(.display){font-size:clamp(2.8rem,13vw,4.2rem)}body>main>.hero .hero-copy{margin:19px 0}.resource-hero,.tool-hero,.legal-hero{padding:42px 0 48px}.resource-index-hero{padding-bottom:48px}}

/* Bulle explicative du bouton de navigation. */
.t4-menu-toggle{position:relative}
.t4-menu-toggle:before{content:"MENU";position:absolute;left:50%;top:calc(100% + 13px);transform:translate(-50%,-7px);padding:9px 13px;border-radius:999px;background:#7fa4d6;color:#07120f;font-size:10px;font-weight:900;letter-spacing:.12em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 10px 25px rgba(0,0,0,.2);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.t4-menu-toggle:after{content:"";position:absolute;left:50%;top:calc(100% + 8px);width:10px;height:10px;background:#7fa4d6;transform:translate(-50%,-7px) rotate(45deg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.t4-menu-toggle:hover:before,.t4-menu-toggle:focus-visible:before{opacity:1;visibility:visible;transform:translate(-50%,0)}
.t4-menu-toggle:hover:after,.t4-menu-toggle:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0) rotate(45deg)}
.t4-menu-toggle:focus-visible{outline:3px solid rgba(127,164,214,.48);outline-offset:4px}
@media(max-width:760px),(hover:none){.t4-menu-toggle:before,.t4-menu-toggle:after{display:none}}