/* Habillage commun (en-tête, pied de page, boutons, tiroir événements) repris de la page d'accueil */
:root{
--teal:#0F6B63;
--teal-deep:#0A4B45;
--ink:#12241F;
--paper:#F1F3F0;
--paper-warm:#EAEDE7;
--card:#FFFFFF;
--gold:#C98A2B;
--gold-soft:#F3E3C6;
--line:#D7DCD5;
--muted:#5B6660;
--sans:'General Sans',system-ui,sans-serif;
--serif:'Source Serif 4',Georgia,serif;
--mono:'IBM Plex Mono',monospace;
}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
@media (max-width:720px){.wrap{padding:0 20px;}}
nav{position:sticky; top:0; z-index:50; background:rgba(241,243,240,0.92); backdrop-filter:blur(8px);
border-bottom:1px solid var(--line);}
nav .wrap{max-width:1400px; display:flex; align-items:center; justify-content:space-between; height:76px; gap:10px;}
.logo{display:flex; align-items:center; gap:10px; font-family:var(--sans); font-weight:700; font-size:19px; white-space:nowrap; flex-shrink:0;}
.logo-mark{width:auto; height:34px; object-fit:contain; flex-shrink:0;}
.nav-links{display:flex; gap:16px; font-family:var(--sans); font-size:14px; font-weight:500; flex-shrink:0;}
.nav-links a{color:var(--muted); transition:color .15s; white-space:nowrap;}
.nav-links a:hover{color:var(--ink);}
.nav-cta{display:flex; align-items:center; gap:8px; flex-shrink:0;}
.phone-pill{font-family:var(--mono); font-size:14px; color:var(--teal-deep); font-weight:500; white-space:nowrap;}
.lang-toggle{font-family:var(--sans); font-weight:700; font-size:13px; color:var(--teal-deep);
background:var(--paper-warm); border:1.5px solid var(--line); border-radius:20px;
padding:7px 12px; cursor:pointer; display:inline-flex; align-items:center; gap:5px;
transition:background .15s, border-color .15s; white-space:nowrap; flex-shrink:0;}
.lang-toggle:hover{background:var(--gold-soft); border-color:var(--gold-soft);}
.lang-toggle svg{width:14px; height:14px; stroke:currentColor; stroke-width:2; fill:none; flex-shrink:0;}
.btn{font-family:var(--sans); font-weight:600; font-size:14.5px; padding:11px 16px; border-radius:7px;
display:inline-block; cursor:pointer; border:1.5px solid transparent; transition:all .15s;}
.nav-cta .btn{white-space:nowrap;}
.btn-primary{background:var(--teal); color:white;}
.btn-primary:hover{background:var(--teal-deep);}
.btn-secondary{border-color:var(--teal); color:var(--teal); background:transparent;}
.btn-secondary:hover{background:var(--teal); color:white;}
.btn-ghost{border-color:var(--teal); color:var(--teal);}
.btn-ghost:hover{background:var(--teal); color:white;}
@media (max-width:1550px){.phone-pill{display:none;}}
@media (max-width:1350px){.nav-ubicentrex{display:none;}}
@media (max-width:1180px){.nav-links{display:none;}}
@media (max-width:520px){.nav-cta .btn-secondary{display:none;}}
.sect-cta .btn-primary{background:var(--gold); color:var(--ink); font-weight:700;}
.sect-cta .btn-primary:hover{background:var(--gold-soft);}
footer{background:var(--ink); color:#C7CFC9; padding:64px 0 32px;}
.footer-grid{display:grid; grid-template-columns:1.3fr 0.9fr 0.9fr 0.9fr 0.9fr; gap:32px; margin-bottom:48px;}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr; row-gap:32px;}}
.footer-social{display:flex; gap:10px; margin-top:16px;}
.footer-social a{width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,0.08);
display:flex; align-items:center; justify-content:center; transition:background .15s;}
.footer-social a:hover{background:var(--teal);}
.footer-social svg{width:16px; height:16px; stroke:#C7CFC9; stroke-width:1.8; fill:none;}
.footer-social a:hover svg{stroke:white;}
footer h4{font-family:var(--sans); font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:#7C877F; margin-bottom:16px;}
footer ul{list-style:none; display:flex; flex-direction:column; gap:10px;}
footer a{font-size:14.5px; color:#C7CFC9; transition:color .15s;}
footer a:hover{color:white;}
.footer-logo{display:flex; align-items:center; gap:10px; font-family:var(--sans); font-weight:700; font-size:18px; color:white; margin-bottom:14px;}
.footer-phone{font-family:var(--mono); font-size:16px; color:var(--gold-soft); margin-bottom:6px; display:block;}
.footer-bottom{border-top:1px solid #2A3733; padding-top:24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; color:#7C877F;}
.cookie-banner{position:fixed; left:20px; right:20px; bottom:20px; max-width:520px; z-index:200;
background:var(--ink); color:#DCE6E1; border-radius:14px; padding:22px 24px;
box-shadow:0 24px 50px -16px rgba(0,0,0,0.5); transform:translateY(140%); transition:transform .5s ease-out;}
.cookie-banner.visible{transform:translateY(0);}
.cookie-banner p{font-size:13.5px; line-height:1.55; margin-bottom:16px;}
.cookie-banner a{color:var(--gold-soft); text-decoration:underline;}
.cookie-actions{display:flex; gap:10px; flex-wrap:wrap;}
.cookie-btn{font-family:var(--sans); font-weight:600; font-size:13.5px; padding:9px 18px; border-radius:7px; border:none; cursor:pointer;}
.cookie-btn.accept{background:var(--teal); color:white;}
.cookie-btn.decline{background:transparent; color:#DCE6E1; border:1px solid #4A5750;}
@media (prefers-reduced-motion: reduce){.cookie-banner{transition:none;}}
.events-tab{position:fixed; right:0; top:60%; transform:translateY(-50%) translateX(14px); z-index:60;
background:var(--teal); color:white; writing-mode:vertical-rl; text-orientation:mixed;
padding:14px 7px 14px 9px; border-radius:8px 0 0 8px;
font-family:var(--sans); font-weight:700; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase;
box-shadow:-4px 4px 14px -6px rgba(0,0,0,0.3); cursor:pointer;
transition:transform .2s, background .2s; border-left:1.5px dashed rgba(255,255,255,0.5);
display:flex; align-items:center; gap:6px; text-decoration:none;}
.events-tab::before, .events-tab::after{content:""; position:absolute; left:-5px; width:10px; height:10px; background:var(--paper); border-radius:50%;}
.events-tab::before{top:-5px;}
.events-tab::after{bottom:-5px;}
.events-tab:hover{transform:translateY(-50%) translateX(0); background:var(--teal-deep);}
.events-tab .dot{width:5px; height:5px; border-radius:50%; background:var(--gold-soft); flex-shrink:0;}
@media (max-width:640px){.events-tab{font-size:10px; padding:12px 6px 12px 8px;}}
.events-hero{padding:56px 0 20px;}
.events-hero h1{font-size:44px; font-weight:700; letter-spacing:-0.01em; margin:14px 0 12px;}
.events-hero p{font-size:17px; color:var(--muted); max-width:520px;}
.events-list{padding:40px 0 96px; display:flex; flex-direction:column; gap:20px;}
.event-card{display:grid; grid-template-columns:120px 1fr auto; gap:26px; align-items:center;
background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px 28px;}
@media (max-width:720px){.event-card{grid-template-columns:1fr; text-align:left;}}
.event-date{font-family:var(--sans); text-align:center; border-right:1px solid var(--line); padding-right:22px;}
@media (max-width:720px){.event-date{border-right:none; border-bottom:1px solid var(--line); padding:0 0 14px; text-align:left;}}
.event-date .day{font-size:30px; font-weight:700; color:var(--teal-deep); line-height:1;}
.event-date .month{font-family:var(--mono); font-size:12px; text-transform:uppercase; color:var(--muted); letter-spacing:0.05em;}
.event-info .cat{font-family:var(--mono); font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--gold);}
.event-info h3{font-family:var(--sans); font-size:18px; font-weight:700; margin:8px 0 6px;}
.event-info p{font-family:var(--sans); font-size:14px; color:var(--muted); line-height:1.5;}
.event-info .loc{font-family:var(--mono); font-size:12.5px; color:var(--teal-deep); margin-top:8px; display:block;}
/* tiroir événements */
.events-tab{position:fixed; right:0; top:60%; transform:translateY(-50%) translateX(14px); z-index:60;
background:var(--teal); color:white; writing-mode:vertical-rl; text-orientation:mixed;
padding:14px 7px 14px 9px; border-radius:8px 0 0 8px;
font-family:var(--sans); font-weight:700; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase;
box-shadow:-4px 4px 14px -6px rgba(0,0,0,0.3); cursor:pointer;
transition:transform .2s, background .2s; border-left:1.5px dashed rgba(255,255,255,0.5);
display:flex; align-items:center; gap:6px; text-decoration:none;}
.events-tab::before, .events-tab::after{content:""; position:absolute; left:-5px; width:10px; height:10px; background:var(--paper); border-radius:50%;}
.events-tab::before{top:-5px;}
.events-tab::after{bottom:-5px;}
.events-tab:hover{transform:translateY(-50%) translateX(0); background:var(--teal-deep);}
.events-tab .dot{width:5px; height:5px; border-radius:50%; background:var(--gold-soft); flex-shrink:0;}
.events-drawer-overlay{position:fixed; inset:0; background:rgba(18,36,31,0.45); z-index:80;
opacity:0; pointer-events:none; transition:opacity .25s ease;}
.events-drawer-overlay.active{opacity:1; pointer-events:auto;}
.events-drawer{position:fixed; top:0; right:0; height:100%; width:400px; max-width:88vw;
background:var(--paper); z-index:81; overflow-y:auto;
box-shadow:-24px 0 60px -20px rgba(0,0,0,0.4);
transform:translateX(100%); transition:transform .32s cubic-bezier(.2,.8,.2,1);
padding:28px 26px 60px;}
.events-drawer.active{transform:translateX(0);}
.events-drawer-head{display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:6px;}
.events-drawer-head .eyebrow{margin-bottom:2px;}
.events-drawer-head h2{font-size:24px; font-weight:700; letter-spacing:-0.01em; margin:6px 0 4px;}
.events-drawer-close{width:34px; height:34px; border-radius:50%; border:1px solid var(--line); background:var(--card);
display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; margin-top:2px;}
.events-drawer-close svg{width:15px; height:15px; stroke:var(--ink); stroke-width:2;}
.events-drawer-close:hover{background:var(--paper-warm);}
.events-drawer-intro{font-family:var(--sans); font-size:14px; color:var(--muted); margin-bottom:26px;}
.events-drawer .event-card{display:block; grid-template-columns:none; padding:18px 18px; margin-bottom:14px; text-align:left;
background:var(--card); border:1px solid var(--line); border-radius:14px;}
.events-drawer .event-card-top{display:flex; align-items:baseline; gap:12px; margin-bottom:8px;}
.events-drawer .event-date-inline{font-family:var(--sans); font-weight:700; font-size:15px; color:var(--teal-deep); white-space:nowrap;}
.events-drawer .cat{font-family:var(--mono); font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--gold); margin-bottom:2px;}
.events-drawer .event-info h3{font-family:var(--sans); font-size:15.5px; font-weight:700; margin:2px 0 6px;}
.events-drawer .event-info p{font-family:var(--sans); font-size:13px; color:var(--muted); line-height:1.5;}
.events-drawer .event-info .loc{font-family:var(--mono); font-size:12px; color:var(--teal-deep); margin-top:6px; display:block;}
.events-drawer .btn{width:100%; text-align:center; margin-top:12px; box-sizing:border-box;}
.events-tab{background:var(--teal); color:var(--on-accent);}
.events-tab:hover{background:var(--gold);}
.events-tab::before, .events-tab::after{background:var(--paper);}
.clock-card, .stat-card, .offer-card, .testi-card, .logo-card, .avail-steps, .confirm-switch, .flip-front, .value-card, .guarantee-card, .process-card, .tab-panel, .sector-modal, .events-drawer .event-card{background:var(--card); border-color:var(--line);}
:is(.lt, .lt-page) :is(.tile, .offer-card, .testi-card, .logo-card, .tab-panel, .calc, .faq-item, .event-card):not(.t-photo):not(.t-hours):not(.t-monitor):not(.featured):not(.t-sector):not(.t-zero){background:#FFFFFF !important; border:1px solid var(--line) !important; box-shadow:0 18px 40px -28px rgba(16,35,31,.28) !important;
backdrop-filter:none !important; -webkit-backdrop-filter:none !important;}