/* ARLEN 2026 — design system natif (sans framework, sans CDN). */
:root{--navy:#12305b;--navy-2:#0b2549;--blue:#315fba;--blue-light:#edf3fc;--orange:#ea8a4d;--ink:#19263b;--body:#536174;--line:#dce4ee;--paper:#f7f9fc;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(21,47,85,.10);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--white);overflow-wrap:break-word}
img,svg,video,iframe{max-width:100%}img{height:auto}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.container{width:min(100% - 40px,1140px);margin-inline:auto}
.skip-link{position:fixed;z-index:500;top:8px;left:8px;padding:.8rem 1rem;border-radius:8px;background:#fff;color:#000;transform:translateY(-170%);font-weight:800}.skip-link:focus{transform:none}
/* Header stays in normal flow — no overlay with ERP banners. */
.arlen-header{position:relative;z-index:100;background:var(--white);box-shadow:0 1px 0 var(--line)}
.arlen-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px}
.arlen-brand{display:flex;align-items:center;flex:none}.arlen-brand img{width:138px;height:70px;object-fit:contain}
.arlen-menu{display:flex;align-items:center;gap:clamp(9px,1.7vw,24px);flex-wrap:wrap}
.arlen-menu a{text-decoration:none;font-size:.88rem;font-weight:730;color:var(--navy);padding:9px 1px;transition:color .2s}
.arlen-menu a:hover,.arlen-menu a[aria-current=page]{color:#d26932}
.arlen-menu a.arlen-nav-cta{color:#fff;background:var(--navy);border:1px solid var(--navy);padding:.72rem 1.08rem;border-radius:9px;text-align:center}
.arlen-menu .arlen-nav-cta:hover{background:var(--blue);color:#fff}
.arlen-menu-button{display:none;flex:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:46px;height:46px;border:1px solid var(--line);background:white;border-radius:9px}
.arlen-menu-button span{width:21px;height:2px;background:var(--navy);border-radius:2px}
.arlen-alerts:empty{display:none}.arlen-alerts{display:grid;gap:0;position:relative;z-index:1}
.arlen-alerts .alert{padding:.95rem 20px;margin:0;text-align:center;border:0;border-bottom:1px solid rgba(0,0,0,.08);font-size:.93rem}
.arlen-alerts .alert .container{max-width:880px}.arlen-alerts .alert-info{background:#e6f1fd;color:#124072}.arlen-alerts .alert-warning{background:#fff0d9;color:#6d431b}.arlen-alerts .alert-danger{background:#ffeded;color:#8d2527}
.arlen-footer{background:#0c2445;color:#ecf3fd;padding:58px 0 22px}.arlen-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.25fr;gap:34px}
.arlen-footer-brand img{width:125px;height:85px;object-fit:contain;background:#fff;border-radius:9px;padding:5px}
.arlen-footer p,.arlen-footer a{color:#c1d0e4;font-size:.9rem}.arlen-footer p{max-width:300px}.arlen-footer a{text-decoration:none}.arlen-footer a:hover{color:#fff;text-decoration:underline}
.arlen-footer h2{font-size:.98rem;margin:.6rem 0 1rem;color:#fff}.arlen-footer ul{padding:0;margin:0;list-style:none;display:grid;gap:9px}
.arlen-footer-bottom{border-top:1px solid #355175;padding-top:19px;margin-top:35px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.78rem;color:#aebed4}
/* Native home */
.arlen-home h1,.arlen-home h2,.arlen-home h3,.arlen-home p{margin-top:0}
.arlen-home h1,.arlen-home h2,.arlen-home h3{line-height:1.12;letter-spacing:-.035em}
.arlen-home a{text-decoration:none}.arlen-home h1 em,.arlen-home h2 em{font-style:normal;color:var(--blue)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.77rem;letter-spacing:.11em;text-transform:uppercase;color:var(--blue);font-weight:800;margin-bottom:20px}.eyebrow-mark{width:21px;height:3px;background:var(--orange);display:inline-block}
.arlen-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:10px;line-height:1.3;font-weight:760;text-align:center;min-height:49px;border:1px solid transparent;transition:transform .2s,background .2s,color .2s}
.arlen-button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:#1c2836!important}.button-primary:hover{background:#f29b63}.button-secondary{background:var(--navy);color:#fff!important}.button-secondary:hover{background:var(--blue)}.button-outline{border-color:#b4c2d4;color:var(--navy)!important;background:white}.button-outline:hover{border-color:var(--blue);background:#edf3fc}.button-outline-light{border-color:#91a8c7;color:#fff!important}
.home-hero{background:radial-gradient(ellipse at 96% 12%,#edf4ff 0,transparent 43%),linear-gradient(145deg,#fff,#f9fbfe);border-bottom:1px solid var(--line)}
.hero-layout{padding-block:clamp(55px,8vw,112px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(34px,6vw,85px);align-items:center}
.hero-message{min-width:0}.hero-message h1{font-size:clamp(2.7rem,5.7vw,5.2rem);font-weight:830;letter-spacing:-.06em;margin:0 0 22px}.hero-description{max-width:570px;color:var(--body);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.8;margin-bottom:26px}
.hero-buttons,.contact-actions,.review-links{display:flex;gap:11px;flex-wrap:wrap}.hero-highlights{margin-top:38px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:15px 27px;flex-wrap:wrap;color:#425269;font-size:.84rem;font-weight:650}
.highlight-symbol{color:#1c9360;font-weight:900;margin-right:4px}
.hero-info{background:#fff;border:1px solid #d6e0ec;box-shadow:var(--shadow);border-radius:22px;overflow:hidden;min-width:0}
.info-visual{position:relative;height:230px;background:linear-gradient(125deg,#102b53,#3464b8);color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;overflow:hidden}
.info-visual::before,.info-visual::after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid rgba(255,255,255,.14);right:-110px;top:-110px}.info-visual::after{width:360px;height:360px;right:-155px;top:-152px}
.info-visual-circle{display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:#ffffff16;width:94px;height:94px;font-size:3.1rem}
.info-visual-text{max-width:150px;font-size:1.4rem;font-weight:800;line-height:1.15;letter-spacing:-.04em}
.info-main{padding:26px}.info-main h2{font-size:1.65rem;margin:15px 0}.info-main p{display:flex;align-items:flex-start;gap:10px;font-size:.94rem;color:#51617a;margin-bottom:12px}.info-main p i{color:var(--blue);margin-top:5px;flex:none}.status-line{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:.82rem}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#d08d28;flex:none}.status-dot.open{background:#27a86a}.status-dot.closed{background:#d1804b}
.info-actions{margin-top:18px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:14px}.info-actions a{color:var(--blue);font-weight:750;font-size:.88rem}
.mini-proof{background:var(--navy);color:#eaf1fa}.proof-grid{display:flex;flex-wrap:wrap;gap:15px 30px;align-items:center;justify-content:space-between;padding-block:18px;text-align:center;font-size:.83rem;font-weight:700}.proof-grid span::before{content:"✦";margin-right:10px;color:var(--orange)}
.home-section{padding:clamp(65px,8vw,110px) 0}.section-light{background:var(--paper);border-block:1px solid #e8eef6}.section-intro{max-width:740px;margin:0 auto 42px;text-align:center}.section-intro h2{font-size:clamp(2.1rem,4vw,3.65rem);margin-bottom:18px;font-weight:820}.section-intro p{font-size:1rem;color:var(--body);line-height:1.7}.intro-left{text-align:left;margin-left:0;margin-right:0}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{padding:30px;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;transition:box-shadow .2s,border-color .2s,transform .2s}
.service-card:hover{box-shadow:0 12px 28px #0a285017;border-color:#a1b6d8;transform:translateY(-3px)}.service-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#edf3ff;color:var(--blue);font-size:1.6rem;margin-bottom:21px}.service-card h3{font-size:1.4rem;margin-bottom:11px}.service-card p{font-size:.93rem;color:var(--body);line-height:1.7;flex:1}.service-card a{font-size:.9rem;color:var(--blue);font-weight:770;margin-top:10px}.service-card a span{margin-left:5px}.service-note{text-align:center;color:var(--body);margin:25px 0 0}.service-note a{color:var(--blue);font-weight:760}
.services-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,7vw,100px);align-items:center}.services-list{display:grid;gap:13px}.services-list article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;display:flex;gap:20px}.services-list article>span{font-weight:820;color:var(--orange);font-size:1.1rem}.services-list h3{font-size:1.08rem;margin-bottom:7px}.services-list p{color:var(--body);font-size:.9rem;margin:0}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.steps-grid article{border-top:3px solid var(--navy);padding:20px 4px}.step-number{font-weight:820;font-size:.82rem;color:var(--orange)}.steps-grid h3{font-size:1.16rem;margin:22px 0 10px}.steps-grid p{color:var(--body);font-size:.9rem}
.section-dark{background:linear-gradient(135deg,#0e274a,#214984);color:#fff}.section-dark h2 em{color:#ffad76}.eyebrow-light{color:#fca56b}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,6vw,80px);align-items:center}.contact-details h2{font-size:clamp(2.2rem,4.5vw,4.3rem);margin-bottom:22px}.contact-details>p{color:#d6e2f0;max-width:500px}.contact-actions{margin:30px 0}.contact-meta{font-size:.86rem;color:#abc6e8!important}
.hours-card{background:#fff;color:var(--ink);border-radius:20px;padding:clamp(22px,3.4vw,38px);box-shadow:0 15px 45px #0b23452c}.hours-card-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.hours-card-title h3{font-size:1.45rem;margin:0}.hours-card-title>span{font-size:.74rem;background:#edf4fe;color:var(--navy);padding:6px 9px;border-radius:6px;font-weight:750}.hours-list{list-style:none;padding:0;margin:0}.hours-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:10px 0;font-size:.87rem}.hours-list li.today{font-weight:790;color:var(--blue)}.hours-list strong{text-align:right;font-size:.88rem}.hours-exception{font-size:.78rem;color:var(--body);margin:18px 0 0}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.review-box{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:16px;padding:25px;min-width:0}.review-stars{color:#e8a13c;font-size:1.12rem;letter-spacing:2px}.review-box p{color:#435269;font-size:.91rem;line-height:1.75;margin:14px 0 21px;flex:1}.review-box footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;font-size:.76rem}.review-box footer span{color:var(--body)}.review-links{justify-content:center;margin-top:27px}.allovoisins-spot{margin-top:20px}
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,95px)}.faq-items{display:grid;gap:12px;align-content:start}.faq-items details,.videos-category{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.faq-items summary,.videos-category summary{font-weight:750;padding:19px 22px;list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq-items summary::after,.videos-category summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--blue)}.faq-items details[open] summary::after,.videos-category[open] summary::after{content:"−"}.faq-items p{padding:0 22px 20px;color:var(--body);font-size:.92rem;margin:0}
.videos-category{margin-bottom:13px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 20px 20px}.video-card{display:flex;gap:12px;flex-direction:column;border:1px solid var(--line);padding:16px;border-radius:10px;background:var(--paper)}.video-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--orange);border-radius:50%}.video-card small{color:var(--blue)}
.home-bottom-cta{padding:40px 0;background:var(--navy);color:#fff}.home-bottom-cta .container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.home-bottom-cta h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:0}
/* Native controls and common legacy page consistency */
.btn,.btn-modern-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;line-height:1.3;cursor:pointer;text-decoration:none;font-weight:720;padding:.73rem 1.1rem;border-radius:10px;border:1px solid transparent}
.btn-primary,.btn-modern-primary{background:var(--blue);color:#fff}.btn-outline-primary,.btn-outline-arlen{border-color:var(--blue);color:var(--navy);background:white}.btn-light{background:white;color:var(--navy)}.btn-secondary{background:#eaf0f8;color:var(--navy)}
.form-control,.form-select{max-width:100%;background:#fff;border:1px solid #b9c7d8;border-radius:9px;padding:.7rem .85rem;width:100%;color:var(--ink)}.form-control:focus,.form-select:focus{border-color:var(--blue);outline:2px solid #b3c8ee}
@media(max-width:1020px){.arlen-menu{gap:12px}.arlen-menu a{font-size:.82rem}}
@media(max-width:850px){.arlen-header-inner{min-height:74px}.arlen-brand img{width:113px;height:63px}.arlen-menu-button{display:flex}.arlen-menu{position:absolute;top:100%;left:0;right:0;padding:8px max(20px,calc((100vw - 1140px)/2)) 17px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;box-shadow:0 14px 20px #0e274a20;border-top:1px solid var(--line)}.arlen-menu.is-open{display:flex}.arlen-menu a{font-size:.95rem;padding:13px 9px;border-bottom:1px solid #e6ecf4}.arlen-menu a.arlen-nav-cta{margin-top:10px}.hero-layout,.services-layout,.contact-layout,.faq-layout{grid-template-columns:1fr}.hero-layout{gap:34px;padding-block:55px}.hero-info{max-width:560px;width:100%;margin-inline:auto}.section-intro.intro-left{text-align:center;margin-inline:auto}.services-layout .arlen-button{margin-inline:auto}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arlen-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.container{width:min(100% - 32px,1140px)}.hero-layout{padding-block:45px}.hero-message,.section-intro,.contact-details{text-align:center}.hero-message h1{font-size:clamp(2.4rem,11vw,3.55rem)}.eyebrow{justify-content:center}.hero-description{margin-inline:auto}.hero-buttons,.contact-actions{justify-content:center}.hero-buttons .arlen-button{width:100%}.hero-highlights{justify-content:center;gap:9px 17px;margin-top:24px}.hero-info{margin-top:0}.info-visual{height:160px}.info-visual-circle{height:70px;width:70px;font-size:2rem}.info-visual-text{font-size:1.1rem}.info-main{padding:22px}.proof-grid{justify-content:center;gap:7px 22px}.proof-grid span{flex:1 1 210px}.service-grid,.reviews-grid,.steps-grid,.arlen-footer-grid,.video-grid{grid-template-columns:1fr}.service-card{padding:24px}.services-list article{padding:18px}.steps-grid article{text-align:center}.section-intro{margin-bottom:30px}.hours-card-title{flex-direction:column;text-align:center;align-items:center}.review-box{padding:24px}.review-links .arlen-button{width:100%}.faq-layout .section-intro{text-align:center}.faq-items summary{padding:18px}.home-bottom-cta .container{justify-content:center;text-align:center}.arlen-footer-grid{gap:22px}.arlen-footer-bottom{text-align:center;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.allovoisins-heading{text-align:center;font-size:1.24rem;margin:32px 0 18px}.arlen-footer .container{max-width:1140px}

.contact-map-panel{grid-column:1/-1;min-height:170px;border:1px solid #ffffff40;border-radius:15px;overflow:hidden;background:#142f55}.contact-map-panel iframe{display:block;width:100%;height:330px;border:0}.map-cover{min-height:166px;padding:22px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}.map-cover>i{font-size:2rem;color:var(--orange)}.map-cover>div{display:flex;flex-direction:column;flex:1 1 230px}.map-cover>div strong{font-size:1.14rem}.map-cover>div span{font-size:.85rem;color:#c3d7ee}.map-cover .button-outline{flex-shrink:0}
@media(max-width:600px){.map-cover{text-align:center;gap:10px}.map-cover>div{flex:1 1 100%}.map-cover>i{flex:1 1 100%}.map-cover .button-outline{width:100%}}


/* Déploiement SEO ARLEN : liens de navigation sur l’accueil et dans le pied de page. */
.seo-service-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.seo-service-link{display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid #dce6f1;border-radius:15px;text-decoration:none;min-height:110px}
.seo-service-link strong{color:#1e477e;font-size:1.07rem}.seo-service-link span{color:#566982;font-size:.9rem}
.seo-service-link:hover{border-color:#81a4d2;box-shadow:0 8px 22px #0f2e5113}
.arlen-seo-footer-nav{border-top:1px solid #ffffff29;padding:20px 0;display:flex;align-items:center;gap:7px 15px;flex-wrap:wrap;font-size:.83rem;line-height:1.65}
.arlen-seo-footer-nav strong{margin-right:4px}.arlen-seo-footer-nav a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.seo-service-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.seo-service-directory{grid-template-columns:1fr}.arlen-seo-footer-nav{gap:5px 11px}}
