.ly{font-size:15.5px!important;line-height:1.62!important}.ly p{letter-spacing:.2px}.ly-h1{font-size:clamp(1.95rem,3.1vw,2.65rem)!important;font-weight:700!important;letter-spacing:-.5px!important;line-height:1.15!important}.ly-ph1{font-size:clamp(1.7rem,2.6vw,2.2rem)!important;font-weight:700!important;letter-spacing:-.4px!important}.ly-h2{font-size:clamp(1.42rem,2.1vw,1.94rem)!important;font-weight:700!important;letter-spacing:-.3px!important;line-height:1.26!important}.ly-h3,.ly-etape h3{font-size:1.2rem!important;font-weight:600!important;letter-spacing:-.3px!important;line-height:1.34!important}.ly-psec .ly-ph3{font-size:1.12rem!important;font-weight:600!important;letter-spacing:-.2px!important}.ly-foot-cta h2{font-size:clamp(1.4rem,2vw,1.85rem)!important;font-weight:700!important;letter-spacing:-.3px!important}.ly-lead{font-size:1.02rem!important;line-height:1.66!important;font-weight:400!important;letter-spacing:.1px!important}.ly-card p,.ly-psec p,.ly-etape p,.ly-faq details p{font-size:.95rem!important;line-height:1.72!important}.ly-kicker{font-size:.66rem!important;letter-spacing:.3em!important;font-weight:600!important}.ly-wiz-q{font-size:1.14rem!important;font-weight:600!important;letter-spacing:-.2px!important}.ly-faq summary{font-size:.99rem!important;font-weight:600!important;letter-spacing:-.1px!important}.ly-nav a{font-size:.9rem!important;font-weight:500!important;letter-spacing:.1px!important;opacity:1!important;color:var(--ink)!important}.ly-header .ly-brand{color:var(--ink)!important}.ly-brand svg{color:var(--ink)!important;border-radius:0!important;overflow:visible!important}.ly-brand svg{width:112px!important;height:34px!important}.ly-h1,.ly-h2,.ly-h3{font-weight:600!important}.ly-h1{letter-spacing:-.025em!important}.ly{--scrim:4,7,13}[data-theme="light"] .ly{--scrim:255,255,255}@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly{--scrim:255,255,255}}.ly::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(var(--scrim),0) 0%,rgba(var(--scrim),.42) 20%,rgba(var(--scrim),.6) 38%,rgba(var(--scrim),.6) 62%,rgba(var(--scrim),.42) 80%,rgba(var(--scrim),0) 100%)}@media (max-width:760px){.ly::before{background:rgba(var(--scrim),.45)}}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--txt:#cdd6df;--mut:#95a2b0}}:root[data-theme="dark"]{--txt:#cdd6df;--mut:#95a2b0}.ly-demo .lm{fill:var(--txt)!important}.ly-flow{stroke-width:2.1!important}#ly-stars{opacity:.85!important}a.ly-metier{display:flex;flex-direction:column;gap:10px;color:inherit!important;text-decoration:none!important;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s ease,box-shadow .45s ease}a.ly-metier:hover{transform:translateY(-5px);border-color:rgba(171,224,254,.38)!important;box-shadow:0 24px 60px rgba(4,7,13,.45),inset 0 1px 0 rgba(255,255,255,.12)!important}a.ly-metier p{color:var(--txt)}a.ly-metier h3{color:var(--ink)}
/* --- nettete 4K : plus de filtre residuel apres l apparition ; flux et delta lisibles en clair --- */
.ly-r.ly-in{filter:none!important}svg use[href="#ly-icon"],svg use[*|href="#ly-icon"]{color:#abe0fe}
[data-theme="light"] .ly-flow{stroke:var(--deep)!important;stroke-width:2.4!important}[data-theme="light"] .ly-node{fill:var(--deep)!important}[data-theme="light"] .ly-halo{fill:rgba(12,93,147,.16)!important}[data-theme="light"] svg use[href="#ly-icon"],[data-theme="light"] svg use[*|href="#ly-icon"]{color:var(--deep)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-flow{stroke:var(--deep)!important;stroke-width:2.4!important}:root:not([data-theme="dark"]) .ly-node{fill:var(--deep)!important}:root:not([data-theme="dark"]) .ly-halo{fill:rgba(12,93,147,.16)!important}:root:not([data-theme="dark"]) svg use[href="#ly-icon"],:root:not([data-theme="dark"]) svg use[*|href="#ly-icon"]{color:var(--deep)}}

/* --- ciel de jour (Burim, 22.08.2026) : fond clair legerement teinte, etoiles plus douces --- */
[data-theme="light"]{--star:#2c78b3;--star-force:1.3}[data-theme="light"] .ly{--scrim:242,247,251}[data-theme="light"] body{background:linear-gradient(180deg,#e7eff7 0%,#f2f6fa 38%,#ebf2f8 100%) fixed!important}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--star:#2c78b3;--star-force:1.3}:root:not([data-theme="dark"]) .ly{--scrim:242,247,251}:root:not([data-theme="dark"]) body{background:linear-gradient(180deg,#e7eff7 0%,#f2f6fa 38%,#ebf2f8 100%) fixed!important}}
/* --- ajustements Burim 22.08, 3 h 40 : clair plus premium (bleu fonce comme base, logo compris), flux sombres plus visibles --- */
[data-theme="light"] .ly{--scrim:236,243,249}[data-theme="light"] body{background:linear-gradient(180deg,#dfe9f3 0%,#edf3f9 40%,#e4edf6 100%) fixed!important}[data-theme="light"] .ly-brand svg,[data-theme="light"] .ly-foot-marque svg,[data-theme="light"] .ly-foot-in svg{color:var(--ink)!important}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly{--scrim:236,243,249}:root:not([data-theme="dark"]) body{background:linear-gradient(180deg,#dfe9f3 0%,#edf3f9 40%,#e4edf6 100%) fixed!important}:root:not([data-theme="dark"]) .ly-brand svg,:root:not([data-theme="dark"]) .ly-foot-marque svg,:root:not([data-theme="dark"]) .ly-foot-in svg{color:var(--ink)!important}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ly-flow{stroke-width:2.6!important;filter:drop-shadow(0 0 3px rgba(171,224,254,.55))}:root:not([data-theme="light"]) .ly-node{fill:#fff!important}:root:not([data-theme="light"]) .ly-halo{fill:rgba(171,224,254,.28)!important}:root:not([data-theme="light"]) .ly-fxd-run{filter:drop-shadow(0 0 6px var(--sky))!important}}
:root[data-theme="dark"] .ly-flow{stroke-width:2.6!important;filter:drop-shadow(0 0 3px rgba(171,224,254,.55))}:root[data-theme="dark"] .ly-node{fill:#fff!important}:root[data-theme="dark"] .ly-halo{fill:rgba(171,224,254,.28)!important}:root[data-theme="dark"] .ly-fxd-run{filter:drop-shadow(0 0 6px var(--sky))!important}
/* --- signature LYVIA (Burim, 22.08.2026, 4 h 40) : verre depoli translucide sur toutes les surfaces --- */
.ly-card,.ly-fig,.ly-demo-col,.ly-compare,.ly-saisies,.ly-regle,.ly-matrice,.ly-extrait,.ly-jauge,.ly-check,.ly-capsule,.ly-metier,.ly-trois div,.ly-norme,.ly-hub-outil,.ly-mini li,.ly-tool,.ly-temps a,.ly-bascule,.ly-tabnorm,.ly-role,.ly-wiz,.ly-chip,.ly-burger,.ly-svc{background:rgba(171,224,254,.06)!important;border:1px solid rgba(171,224,254,.16)!important;backdrop-filter:blur(26px) saturate(1.5)!important;-webkit-backdrop-filter:blur(26px) saturate(1.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
.ly-btn,.ly-drawer-cta,.ly-header-in,.ly-cookie,.ly-drawer{backdrop-filter:blur(28px) saturate(1.5)!important;-webkit-backdrop-filter:blur(28px) saturate(1.5)!important}
.ly-cookie,.ly-drawer{background:rgba(14,19,25,.86)!important;border:1px solid rgba(171,224,254,.16)!important}
[data-theme="light"] .ly-card,[data-theme="light"] .ly-fig,[data-theme="light"] .ly-demo-col,[data-theme="light"] .ly-compare,[data-theme="light"] .ly-saisies,[data-theme="light"] .ly-regle,[data-theme="light"] .ly-matrice,[data-theme="light"] .ly-extrait,[data-theme="light"] .ly-jauge,[data-theme="light"] .ly-check,[data-theme="light"] .ly-capsule,[data-theme="light"] .ly-metier,[data-theme="light"] .ly-trois div,[data-theme="light"] .ly-norme,[data-theme="light"] .ly-hub-outil,[data-theme="light"] .ly-mini li,[data-theme="light"] .ly-tool,[data-theme="light"] .ly-temps a,[data-theme="light"] .ly-bascule,[data-theme="light"] .ly-tabnorm,[data-theme="light"] .ly-role,[data-theme="light"] .ly-wiz,[data-theme="light"] .ly-chip,[data-theme="light"] .ly-burger,[data-theme="light"] .ly-svc{background:rgba(255,255,255,.42)!important;border:1px solid rgba(12,93,147,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}
[data-theme="light"] .ly-cookie,[data-theme="light"] .ly-drawer{background:rgba(255,255,255,.74)!important;border:1px solid rgba(12,93,147,.18)!important}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) :is(.ly-card,.ly-fig,.ly-demo-col,.ly-compare,.ly-saisies,.ly-regle,.ly-matrice,.ly-extrait,.ly-jauge,.ly-check,.ly-capsule,.ly-metier,.ly-trois div,.ly-norme,.ly-hub-outil,.ly-mini li,.ly-tool,.ly-temps a,.ly-bascule,.ly-tabnorm,.ly-role,.ly-wiz,.ly-chip,.ly-burger,.ly-svc){background:rgba(255,255,255,.42)!important;border:1px solid rgba(12,93,147,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}:root:not([data-theme="dark"]) :is(.ly-cookie,.ly-drawer){background:rgba(255,255,255,.74)!important;border:1px solid rgba(12,93,147,.18)!important}}
/* --- menu a rubriques (22.08.2026) : deux rubriques deroulantes en verre depoli, accessibles au clavier --- */
.ly-nav{display:flex;align-items:center;gap:4px}.ly-menu{position:relative;display:inline-block}.ly-menu-btn{font:inherit;font-size:.9rem!important;font-weight:600;color:var(--ink)!important;background:none;border:0;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-radius:10px;letter-spacing:inherit}.ly-menu-btn svg{width:11px;height:11px;transition:transform .25s ease}.ly-menu:hover .ly-menu-btn,.ly-menu.ly-open .ly-menu-btn{background:rgba(171,224,254,.08)}.ly-menu.ly-open .ly-menu-btn svg,.ly-menu:hover .ly-menu-btn svg{transform:rotate(180deg)}.ly-panel{position:absolute;top:calc(100% + 12px);left:0;min-width:270px;padding:16px 20px 18px;border-radius:16px;z-index:80;display:none;background:linear-gradient(180deg,rgba(20,27,36,.985),rgba(14,19,25,.985));border:1px solid rgba(171,224,254,.2);backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);box-shadow:0 24px 60px rgba(4,7,13,.5),inset 0 1px 0 rgba(255,255,255,.06)}.ly-panel-2{min-width:620px;grid-template-columns:1fr 1fr;column-gap:34px}.ly-menu:hover .ly-panel,.ly-menu:focus-within .ly-panel,.ly-menu.ly-open .ly-panel{display:grid}.ly-menu::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.ly-panel-grp{padding:4px 0 8px}.ly-panel-h{font:600 .66rem Inter,sans-serif!important;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)!important;margin:8px 0 6px!important}.ly-panel a{display:block;padding:6px 0;font-size:.92rem!important;font-weight:500;color:var(--txt)!important;white-space:nowrap;border-radius:6px}.ly-panel a:hover,.ly-panel a:focus-visible,.ly-panel a.ly-on{color:var(--ink)!important}.ly-panel a.ly-on::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sky);margin-right:8px;vertical-align:middle}.ly-drawer-h{font:600 .66rem Inter,sans-serif!important;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)!important;margin:18px 0 4px!important}.ly-drawer-h:first-child{margin-top:0!important}
[data-theme="light"] .ly-panel{background:rgba(255,255,255,.985);border-color:rgba(12,93,147,.18);box-shadow:0 24px 60px rgba(8,17,28,.14),inset 0 1px 0 rgba(255,255,255,.7)}[data-theme="light"] .ly-menu:hover .ly-menu-btn,[data-theme="light"] .ly-menu.ly-open .ly-menu-btn{background:rgba(12,93,147,.07)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-panel{background:rgba(255,255,255,.985);border-color:rgba(12,93,147,.18);box-shadow:0 24px 60px rgba(8,17,28,.14),inset 0 1px 0 rgba(255,255,255,.7)}:root:not([data-theme="dark"]) .ly-menu:hover .ly-menu-btn,:root:not([data-theme="dark"]) .ly-menu.ly-open .ly-menu-btn{background:rgba(12,93,147,.07)}}
@media (max-width:1100px){.ly-panel-2{min-width:540px;column-gap:22px}}
/* --- finitions 22.08.2026 (Burim) : en-tete compact et hierarchise, surfaces translucides, animations partout --- */
.ly-header-in{padding:8px 10px 8px 18px!important;gap:14px!important}.ly-nav{gap:0!important;margin-left:6px}.ly-nav a,.ly-menu-btn{font-size:.8rem!important;font-weight:500!important;letter-spacing:.01em!important;padding:7px 10px!important;color:var(--txt)!important}.ly-nav a:hover,.ly-nav a.ly-on,.ly-menu:hover .ly-menu-btn,.ly-menu.ly-open .ly-menu-btn{color:var(--ink)!important}.ly-menu-btn svg{width:9px!important;height:9px!important;opacity:.7}.ly-header-right{gap:8px!important}.ly-header-cta{font-size:.7rem!important;letter-spacing:.14em!important;padding:10px 16px!important}.ly-lang-btn,.ly-mode{font-size:.74rem!important}.ly-brand svg{width:112px!important;height:34px!important}
@media (max-width:1260px){.ly-nav a,.ly-menu-btn{font-size:.76rem!important;padding:7px 8px!important}}
.ly-header-in,.ly-lang-menu,.ly-mode,.ly-lang-btn,.ly-haut,.ly-wiz input,.ly-wiz textarea,.ly-wiz select,.ly-foot-bas{backdrop-filter:blur(18px) saturate(1.5)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5)!important}.ly-header-in{background:rgba(14,19,25,.52)!important;border:1px solid rgba(171,224,254,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 50px rgba(4,7,13,.35)!important}.ly-wiz input,.ly-wiz textarea,.ly-wiz select,.ly-lang-menu,.ly-mode,.ly-lang-btn,.ly-haut{background:rgba(171,224,254,.05)!important;border:1px solid rgba(171,224,254,.16)!important}
[data-theme="light"] .ly-header-in{background:rgba(255,255,255,.46)!important;border-color:rgba(12,93,147,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 18px 50px rgba(8,17,28,.10)!important}[data-theme="light"] :is(.ly-wiz input,.ly-wiz textarea,.ly-wiz select,.ly-lang-menu,.ly-mode,.ly-lang-btn,.ly-haut){background:rgba(255,255,255,.5)!important;border-color:rgba(12,93,147,.18)!important}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-header-in{background:rgba(255,255,255,.46)!important;border-color:rgba(12,93,147,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 18px 50px rgba(8,17,28,.10)!important}:root:not([data-theme="dark"]) :is(.ly-wiz input,.ly-wiz textarea,.ly-wiz select,.ly-lang-menu,.ly-mode,.ly-lang-btn,.ly-haut){background:rgba(255,255,255,.5)!important;border-color:rgba(12,93,147,.18)!important}}
@keyframes lyPanelIn{from{opacity:0}to{opacity:1}}.ly-panel{animation:none!important}.ly-menu:hover .ly-panel .ly-panel-grp,.ly-menu:focus-within .ly-panel .ly-panel-grp,.ly-menu.ly-open .ly-panel .ly-panel-grp{animation:lyPanelIn .28s cubic-bezier(.2,.7,.2,1) both}
.ly-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s ease,box-shadow .45s ease!important}.ly-card:hover{transform:translateY(-5px)!important;border-color:rgba(171,224,254,.38)!important;box-shadow:0 24px 60px rgba(4,7,13,.45),inset 0 1px 0 rgba(255,255,255,.12)!important}
.ly-btn{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease!important}.ly-btn::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);transition:left .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}.ly-btn:hover::after{left:130%}.ly-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(171,224,254,.18)!important;border-color:rgba(171,224,254,.55)!important}
@keyframes lyShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.ly-h1 .ly-grad{background-size:220% 100%!important;animation:lyShimmer 7s ease-in-out infinite}
.ly-hero,.ly-phero{position:relative;isolation:isolate;overflow-x:clip}@keyframes lyAurora{0%{transform:translate3d(-4%,-2%,0) scale(1)}100%{transform:translate3d(4%,3%,0) scale(1.08)}}.ly-hero::before,.ly-phero::before{content:"";position:absolute;inset:-30% -10%;z-index:-1;pointer-events:none;background:radial-gradient(38% 34% at 32% 36%,rgba(171,224,254,.11),transparent 70%),radial-gradient(34% 30% at 70% 62%,rgba(47,143,208,.09),transparent 70%);filter:blur(42px);animation:lyAurora 16s ease-in-out infinite alternate}
[data-theme="light"] .ly-hero::before,[data-theme="light"] .ly-phero::before{background:radial-gradient(38% 34% at 32% 36%,rgba(12,93,147,.10),transparent 70%),radial-gradient(34% 30% at 70% 62%,rgba(47,143,208,.08),transparent 70%)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) :is(.ly-hero,.ly-phero)::before{background:radial-gradient(38% 34% at 32% 36%,rgba(12,93,147,.10),transparent 70%),radial-gradient(34% 30% at 70% 62%,rgba(47,143,208,.08),transparent 70%)}}
@media (prefers-reduced-motion:reduce){.ly-hero::before,.ly-phero::before,.ly-h1 .ly-grad,.ly-panel{animation:none!important}.ly-btn::after{display:none}.ly-card:hover,.ly-btn:hover{transform:none!important}}
/* --- figures larges des nouvelles pages (cadre 1000 unites) : pleine largeur, defilement horizontal sur telephone, etiquettes calibrees --- */
.ly-fig.nv-wide{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:22px!important;min-height:0!important}.ly-fig.nv-wide .ly-fig-legende{margin-top:22px!important}.ly-fig svg.nv-large{max-width:none!important;width:100%!important;min-width:0;margin:0!important;overflow:visible!important}.ly-fig svg.nv-large text{font-size:16px!important;letter-spacing:.05em}.ly-fig svg.nv-large text[class$="-m"],.ly-fig svg.nv-large text[class*="-m "]{font-size:15px!important;letter-spacing:.12em}.ly-fig svg.nv-large text[class$="-x"],.ly-fig svg.nv-large text[class$="-q"],.ly-fig svg.nv-large text[class*="-x "],.ly-fig svg.nv-large text[class*="-q "]{font-size:15px!important;letter-spacing:0}.ly-fig svg.nv-large text[class$="-n"],.ly-fig svg.nv-large text[class*="-n "]{font-size:22px!important;letter-spacing:-.01em}
@media (max-width:760px){.ly-fig.nv-wide{padding:18px 14px;position:relative}.ly-fig svg.nv-large{min-width:640px}.ly-fig.nv-wide::after{content:"";position:absolute;top:0;right:0;bottom:0;width:46px;pointer-events:none;background:linear-gradient(90deg,rgba(14,19,25,0),rgba(14,19,25,.85));border-radius:0 16px 16px 0}[data-theme="light"] .ly-fig.nv-wide::after{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(237,243,249,.9))}@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-fig.nv-wide::after{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(237,243,249,.9))}}}
@media (max-width:760px){.ly-brand svg{width:92px!important;height:28px!important}}.ly-foot-marque svg,.ly-foot-in svg{width:112px!important;height:34px!important}.ly-foot-marque svg,.ly-foot-in svg{border-radius:0!important;overflow:visible!important}.ly-header-cta{white-space:nowrap!important;font-weight:500!important;letter-spacing:.04em!important;font-size:.78rem!important;padding:9px 16px!important}.ly-nav a:hover,.ly-nav a.ly-on{color:var(--sky)!important}.ly-trois strong,.ly-mailrow{font-weight:600!important;letter-spacing:-.2px!important}.ly .ly-btn,.ly-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:14px 26px!important;border-radius:14px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.3px!important;background-color:rgba(171,224,254,.9)!important;background-image:none!important;color:#04070d!important;border:1px solid rgba(171,224,254,.55)!important;box-shadow:0 4px 16px rgba(4,20,34,.22)!important;backdrop-filter:saturate(1.7) blur(14px)!important;-webkit-backdrop-filter:saturate(1.7) blur(14px)!important;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease!important;transform:none!important}.ly .ly-btn:hover,.ly-btn:hover{background-color:rgba(200,236,255,.97)!important;border-color:rgba(200,236,255,.8)!important;box-shadow:0 6px 20px rgba(4,20,34,.28)!important;transform:translateY(-1px)!important}.ly .ly-btn:active,.ly-btn:active{transform:translateY(0)!important}.ly-btn::before,.ly-btn::after{display:none!important}.ly-btn-sm{min-height:38px!important;padding:10px 18px!important;font-size:11.5px!important;border-radius:12px!important}.ly-btn-ghost{background-color:transparent!important;color:var(--ink)!important;border:1px solid rgba(171,224,254,.42)!important;box-shadow:none!important}.ly-btn-ghost:hover{background-color:rgba(171,224,254,.1)!important;border-color:rgba(171,224,254,.75)!important}:root[data-theme="light"] .ly-btn{background-color:rgba(255,255,255,.78)!important;color:#08375c!important;border-color:rgba(12,93,147,.45)!important;box-shadow:0 4px 16px rgba(8,45,74,.14)!important}:root[data-theme="light"] .ly-btn:hover{background-color:#ffffff!important;border-color:rgba(12,93,147,.7)!important}:root[data-theme="light"] .ly-btn-ghost{background-color:transparent!important;color:#08375c!important;border-color:rgba(12,93,147,.4)!important}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-btn{background-color:rgba(255,255,255,.78)!important;color:#08375c!important;border-color:rgba(12,93,147,.45)!important;box-shadow:0 4px 16px rgba(8,45,74,.14)!important}:root:not([data-theme]) .ly-btn:hover{background-color:#ffffff!important;border-color:rgba(12,93,147,.7)!important}:root:not([data-theme]) .ly-btn-ghost{background-color:transparent!important;color:#08375c!important;border-color:rgba(12,93,147,.4)!important}}.ly-drawer .ly-drawer-cta{background-color:#abe0fe!important;color:#04070d!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;min-height:52px!important;border-radius:12px!important}:root[data-theme="light"] .ly-drawer .ly-drawer-cta{background-color:#0c5d93!important;color:#fff!important}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-drawer .ly-drawer-cta{background-color:#0c5d93!important;color:#fff!important}}.ly-card,.ly-demo-col,.ly-trois div,.ly-wiz,.ly-cookie,.ly-drawer{border-radius:16px!important}.ly-chip,.ly-tool,.ly-mini li,.ly-norme,.ly-header-in,.ly-puce,.ly-wiz input,.ly-wiz textarea,.ly-mode,.ly-burger,.ly-lang-btn{border-radius:12px!important}.ly-chip{padding:11px 18px!important;font-size:12.5px!important}.ly-chip.ly-on{background-color:rgba(171,224,254,.9)!important;color:#04070d!important;border-color:rgba(171,224,254,.6)!important}:root[data-theme="light"] .ly-chip.ly-on{background-color:rgba(12,93,147,.94)!important;color:#fff!important;border-color:rgba(12,93,147,.55)!important}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-chip.ly-on{background-color:rgba(12,93,147,.94)!important;color:#fff!important;border-color:rgba(12,93,147,.55)!important}}@media (max-width:760px){.ly-h1{font-size:clamp(1.68rem,6.4vw,2.1rem)!important}.ly-h2{font-size:clamp(1.26rem,4.8vw,1.5rem)!important}.ly-h3,.ly-etape h3{font-size:1.08rem!important}.ly-lead{font-size:1rem!important}.ly-btn{width:100%!important;padding:15px 22px!important}.ly-btn-sm{width:auto!important}}.ly-foot-grille{grid-template-columns:repeat(3,1fr)!important;gap:44px!important;max-width:1000px!important;padding-top:56px!important}.ly-foot-bloc h3{font-size:.72rem!important;letter-spacing:.02em!important;text-transform:none!important;font-weight:600!important;color:var(--mut)!important;margin-bottom:14px!important}.ly-foot-bloc .ly-foot-valeur{font-size:.98rem!important;font-weight:600!important;line-height:1.55;color:var(--sky)!important;letter-spacing:-.1px}:root[data-theme="light"] .ly-foot-bloc .ly-foot-valeur{color:var(--deep)!important}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-foot-bloc .ly-foot-valeur{color:var(--deep)!important}}.ly-foot-valeur a{color:inherit!important;text-decoration:none}.ly-foot-valeur a:hover{text-decoration:underline}.ly-foot-langues{display:flex;flex-wrap:wrap;gap:8px}.ly-foot-langues a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:34px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);color:var(--txt)!important;font-size:.74rem;font-weight:600;letter-spacing:.06em;text-decoration:none;transition:border-color .25s ease,color .25s ease}.ly-foot-langues a:hover,.ly-foot-langues a[aria-current]{border-color:var(--sky);color:var(--ink)!important}:root[data-theme="light"] .ly-foot-langues a:hover,:root[data-theme="light"] .ly-foot-langues a[aria-current]{border-color:var(--deep)}.ly-foot-bas{max-width:none!important;margin:56px 0 0!important;padding:22px 26px!important;border-top:1px solid var(--line)!important;background:rgba(171,224,254,.045);justify-content:center!important;gap:0!important;flex-wrap:wrap!important}:root[data-theme="light"] .ly-foot-bas{background:rgba(12,93,147,.045)}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-foot-bas{background:rgba(12,93,147,.045)}}.ly-foot-bas p{font-size:.8rem!important;color:var(--mut)!important;margin:0!important}.ly-foot-bas p strong{color:var(--ink);font-weight:600}.ly-foot-legal-links{gap:0!important;align-items:center}.ly-foot-legal-links a{font-size:.8rem!important;font-weight:400!important;color:var(--mut)!important;padding:0 12px!important;min-height:auto!important;position:relative;text-decoration:none}.ly-foot-legal-links a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:11px;background:var(--line2)}.ly-foot-legal-links a:first-child::before{display:none}.ly-foot-legal-links a:hover{color:var(--ink)!important}.ly-foot-separateur{color:var(--line2);padding:0 12px;font-size:.8rem}@media (max-width:860px){.ly-foot-grille{grid-template-columns:1fr 1fr!important;gap:32px!important}}@media (max-width:600px){.ly-foot-grille{grid-template-columns:1fr!important;gap:28px!important}.ly-foot-bas{flex-direction:column;gap:14px!important;text-align:center;padding:20px!important}.ly-foot-legal-links{justify-content:center;flex-wrap:wrap;gap:4px 0!important}.ly-foot-legal-links a{padding:6px 10px!important}.ly-foot-legal-links a::before{display:none}}.ly-demo svg{width:100%;height:auto;display:block;overflow:hidden!important}.ly-demo .bx{fill:rgba(171,224,254,.05);stroke:var(--line2);stroke-width:1.2}.ly-demo .bx-actif{stroke:var(--sky);stroke-width:1.6;fill:rgba(171,224,254,.1)}:root[data-theme="light"] .ly-demo .bx{fill:rgba(12,93,147,.04)}:root[data-theme="light"] .ly-demo .bx-actif{stroke:var(--deep);fill:rgba(12,93,147,.07)}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-demo .bx{fill:rgba(12,93,147,.04)}:root:not([data-theme]) .ly-demo .bx-actif{stroke:var(--deep);fill:rgba(12,93,147,.07)}}.ly-demo .lb{fill:var(--ink);font:600 14px Inter,sans-serif;letter-spacing:-.2px}.ly-demo .lm{fill:var(--mut);font:600 9.5px Inter,sans-serif;letter-spacing:.18em}.ly-demo .lm-actif{fill:var(--sky)}:root[data-theme="light"] .ly-demo .lm-actif{fill:var(--deep)}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-demo .lm-actif{fill:var(--deep)}}.ly-demo .lx{fill:var(--mut);font:400 9px Inter,sans-serif;letter-spacing:.04em}.ly-demo .ly-manuel{stroke:var(--mut);stroke-width:1.4;fill:none;stroke-dasharray:3 4;opacity:.55}.ly-in .ly-demo .ly-manuel{animation:lyManuel 2.6s ease-in-out infinite}.ly-demo .ly-manuel-fleche{stroke:var(--mut);stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.55}@keyframes lyManuel{0%,100%{opacity:.3}50%{opacity:.75}}.ly-demo .ly-auto{stroke:var(--sky);stroke-width:2;fill:none;stroke-linecap:round;stroke-dasharray:5 9}.ly-in .ly-demo .ly-auto{animation:lyAutoFlux 1.7s linear infinite}:root[data-theme="light"] .ly-demo .ly-auto{stroke:var(--deep)}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-demo .ly-auto{stroke:var(--deep)}}@keyframes lyAutoFlux{to{stroke-dashoffset:-28}}.ly-demo .ly-spark{fill:var(--sky);opacity:0}:root[data-theme="light"] .ly-demo .ly-spark{fill:var(--deep)}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-demo .ly-spark{fill:var(--deep)}}.ly-in .ly-demo .ly-spark{animation:lyDescente 1.7s ease-in-out infinite}.ly-in .ly-demo .ly-spark.s2{animation-delay:.5s}@keyframes lyDescente{0%{opacity:0;transform:translateY(0)}18%{opacity:1}82%{opacity:1;transform:translateY(26px)}100%{opacity:0;transform:translateY(26px)}}@media (prefers-reduced-motion:reduce){.ly-in .ly-demo .ly-manuel,.ly-in .ly-demo .ly-auto,.ly-in .ly-demo .ly-spark{animation:none!important;opacity:1}}.ly-fig{border:1px solid var(--line);border-radius:16px;padding:30px 26px;background:rgba(171,224,254,.04);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px)}:root[data-theme="light"] .ly-fig{background:rgba(255,255,255,.55)}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-fig{background:rgba(255,255,255,.55)}}.ly-fig h3{margin:0 0 6px!important}.ly-fig p{margin:0 0 22px!important;color:var(--mut)!important;font-size:.9rem!important}.ly-fig svg{width:100%;height:auto;display:block;overflow:hidden}.ly-fig text{font:600 10px Inter,sans-serif;fill:var(--mut);letter-spacing:.12em}.ly-fig .val{fill:var(--ink);font-size:13px;letter-spacing:-.2px}.ly-fig .barre{fill:rgba(171,224,254,.14)}.ly-fig .barre-p{fill:var(--sky);transform-origin:left center;transform:scaleX(0);transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}:root[data-theme="light"] .ly-fig .barre-p{fill:var(--deep)}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-fig .barre-p{fill:var(--deep)}}.ly-in .ly-fig .barre-p,.ly-fig.ly-in .barre-p{transform:scaleX(1)}.ly-fig .anneau-fond{fill:none;stroke:var(--line2);stroke-width:9}.ly-fig .anneau{fill:none;stroke:var(--sky);stroke-width:9;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1.8s cubic-bezier(.2,.7,.2,1)}:root[data-theme="light"] .ly-fig .anneau{stroke:var(--deep)}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-fig .anneau{stroke:var(--deep)}}.ly-fig.ly-in .anneau{stroke-dashoffset:var(--reste,110)}@media (prefers-reduced-motion:reduce){.ly-fig .barre-p{transform:scaleX(1);transition:none}.ly-fig .anneau{stroke-dashoffset:var(--reste,110);transition:none}}@media (max-width:760px){.ly-fig{padding:24px 20px}}
/* ==================================================================
   ly-hautdegamme
   Trois partis pris, tires de ce que font les maisons de luxe :
   1. Un bouton ne crie pas. Il se signale par un liseré, pas par un aplat.
   2. On n encadre pas tout. La separation se fait par le vide, pas par un trait.
   3. Une idee par ecran, et de l espace autour d elle.
   ================================================================== */

/* --- 1. Le bouton devient une surface de verre, pas une pastille de couleur --- */
.ly-btn{
  background-color:rgba(171,224,254,.1)!important;
  color:var(--ink)!important;
  border:1px solid rgba(171,224,254,.5)!important;
  box-shadow:none!important;
  font-size:12.5px!important;font-weight:600!important;
  letter-spacing:.09em!important;text-transform:uppercase!important;
  padding:16px 30px!important;min-height:50px!important;border-radius:2px!important;
  backdrop-filter:saturate(1.6) blur(16px)!important;-webkit-backdrop-filter:saturate(1.6) blur(16px)!important;
  transition:background-color .4s ease,border-color .4s ease,color .4s ease!important;
  transform:none!important}
.ly-btn:hover{
  background-color:rgba(171,224,254,.92)!important;
  color:#04070d!important;
  border-color:rgba(171,224,254,.92)!important;
  transform:none!important;box-shadow:none!important}
.ly-btn-sm{padding:11px 20px!important;min-height:40px!important;font-size:11px!important}
:root[data-theme="light"] .ly-btn{background-color:rgba(12,93,147,.06)!important;color:#08375c!important;border-color:rgba(12,93,147,.45)!important}
:root[data-theme="light"] .ly-btn:hover{background-color:#0c5d93!important;color:#fff!important;border-color:#0c5d93!important}
@media (prefers-color-scheme:light){
  :root:not([data-theme]) .ly-btn{background-color:rgba(12,93,147,.06)!important;color:#08375c!important;border-color:rgba(12,93,147,.45)!important}
  :root:not([data-theme]) .ly-btn:hover{background-color:#0c5d93!important;color:#fff!important;border-color:#0c5d93!important}
}
/* Le tiroir garde un bouton plein : sur un menu, la lisibilite prime. */
.ly-drawer .ly-drawer-cta{border-radius:2px!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-size:12px!important}

/* --- 2. On retire les cadres. Le vide separe mieux qu un trait --- */
.ly-card,.ly-demo-col,.ly-trois div,.ly-fig{
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important}
.ly-card:hover,.ly-fig:hover{transform:none!important;box-shadow:none!important}
/* Un filet fin en tete de bloc suffit a marquer la separation. */
.ly-card,.ly-fig{border-top:1px solid var(--line)!important;padding-top:30px!important}
.ly-grid2,.ly-grid3,.ly-grid4{gap:48px 56px!important}
.ly-trois{gap:0!important;border-top:1px solid var(--line)}
.ly-trois div{border-left:1px solid var(--line)!important;padding:34px 30px!important;text-align:left!important}
.ly-trois div:first-child{border-left:0!important;padding-left:0!important}
.ly-demo{gap:64px!important}
.ly-demo-col{border-top:1px solid var(--line)!important;padding-top:28px!important}
.ly-demo-col.ly-apres{border-top-color:var(--sky)!important}
/* Les pastilles perdent leur cadre au profit d un simple filet bas. */
.ly-tool,.ly-mini li,.ly-norme{
  background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;
  border-radius:0!important;padding:10px 2px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ly-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ly-tabnorm{gap:0 28px!important}
/* Le formulaire garde un fond, mais sans cadre. */
.ly-wiz{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;
  background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:34px 0 0!important}
.ly-wiz input,.ly-wiz textarea{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;
  background:transparent!important;padding:12px 0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ly-wiz input:focus,.ly-wiz textarea:focus{border-bottom-color:var(--sky)!important;box-shadow:none!important;outline:none!important}
.ly-chip{border-radius:2px!important;background:transparent!important;border:1px solid var(--line)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-size:12px!important;padding:10px 16px!important}
.ly-chip.ly-on{background:rgba(171,224,254,.92)!important;color:#04070d!important;border-color:rgba(171,224,254,.92)!important}
:root[data-theme="light"] .ly-chip.ly-on{background:#0c5d93!important;color:#fff!important;border-color:#0c5d93!important}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-chip.ly-on{background:#0c5d93!important;color:#fff!important;border-color:#0c5d93!important}}
/* La capsule de navigation reste, c est la signature du site. */
.ly-header-in{border-radius:2px!important}
.ly-mode,.ly-burger,.ly-lang-btn{border-radius:2px!important}
.ly-lang-liste,.ly-drawer,.ly-cookie{border-radius:2px!important}
.ly-puce{border-radius:0!important;border:0!important;border-left:1px solid var(--line2)!important;background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;justify-content:flex-start!important;padding-left:20px}

/* --- 3. Davantage de vide, moins de bruit --- */
.ly-sec{padding:clamp(76px,8vw,124px) 0!important}
.ly-hero{padding:180px 0 110px!important}
.ly-lead{margin-bottom:52px!important}
.ly-h2{margin-bottom:28px!important}
.ly-kicker{margin-bottom:24px!important}
.ly-sec+.ly-sec::before{display:none!important}
.ly-etape{border-top:1px solid var(--line);padding-top:30px!important;padding-bottom:52px!important}
.ly-frise::before,.ly-frise::after{display:none!important}
.ly-foot-cta{padding:clamp(120px,13vw,180px) 26px clamp(90px,9vw,120px)!important}
@media (max-width:860px){
  .ly-trois div{border-left:0!important;border-top:1px solid var(--line)!important;padding:26px 0!important}
  .ly-trois div:first-child{border-top:0!important}
  .ly-grid2,.ly-grid3,.ly-grid4{gap:36px!important}
  .ly-demo{gap:44px!important}
  .ly-sec{padding:60px 0!important}
  .ly-hero{padding:130px 0 76px!important}
}
/* Contrôle visuel nuit 22.08 */
/* 22.08 : le centre du réseau (figure Intégration) se voit en thème clair */
:root[data-theme="light"] .ly-fx-outils .hum{background:rgba(12,93,147,.10)!important;border-color:rgba(12,93,147,.45)!important}:root[data-theme="light"] .ly-fx-outils .hum path,:root[data-theme="light"] .ly-fx-outils .hum circle{stroke:#0C5D93!important}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-fx-outils .hum{background:rgba(12,93,147,.10)!important;border-color:rgba(12,93,147,.45)!important}:root:not([data-theme]) .ly-fx-outils .hum path,:root:not([data-theme]) .ly-fx-outils .hum circle{stroke:#0C5D93!important}}
/* 22.08 : un trait courbe ne se remplit jamais (menuiserie, cabinet, électricité : les courbes ly-flow se remplissaient en noir) */
.ly-fig svg .ly-flow,figure svg .ly-flow,[class*="ly-fx-"] svg .ly-flow,svg .ly-flow{fill:none!important}
/* 22.08 après-midi : en thème clair, l'accent des figures passe au bleu profond (même teinte, contraste), et les jauges de la méthode se remplissent en boucle */
:root[data-theme="light"] .ly-fig svg,:root[data-theme="light"] figure svg,:root[data-theme="light"] .ly-demo svg,:root[data-theme="light"] [class*="ly-fx-"] svg,:root[data-theme="light"] .ly-jauge,:root[data-theme="light"] .ly-temps{--sky:#0C5D93}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-fig svg,:root:not([data-theme]) figure svg,:root:not([data-theme]) .ly-demo svg,:root:not([data-theme]) [class*="ly-fx-"] svg,:root:not([data-theme]) .ly-jauge,:root:not([data-theme]) .ly-temps{--sky:#0C5D93}}
.ly-fig .barre-p{transform-box:fill-box;transform-origin:left center;animation:lyBarre 6s cubic-bezier(.2,.7,.2,1) infinite!important;transition:none!important}
.ly-fig .barre-p[style*="delay:.15s"]{animation-delay:.25s!important}.ly-fig .barre-p[style*="delay:.3s"]{animation-delay:.5s!important}
@keyframes lyBarre{0%{transform:scaleX(0);opacity:.5}45%{transform:scaleX(1);opacity:1}88%{transform:scaleX(1);opacity:1}96%{opacity:0;transform:scaleX(1)}100%{transform:scaleX(0);opacity:0}}
.ly-fig .anneau{animation:lyAnneau 7s cubic-bezier(.2,.7,.2,1) infinite!important;transition:none!important}
@keyframes lyAnneau{0%{stroke-dashoffset:314;opacity:.4}45%{stroke-dashoffset:var(--reste,126);opacity:1}88%{stroke-dashoffset:var(--reste,126);opacity:1}96%{opacity:0}100%{stroke-dashoffset:314;opacity:0}}
@media (prefers-reduced-motion:reduce){.ly-fig .barre-p,.ly-fig .anneau{animation:none!important}}
/* 22.08 après-midi : notes de figure sorties des SVG */
.ly-fig-note{font:600 12px/1.6 Inter,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)!important;text-align:center!important;max-width:640px;margin:20px auto 0!important}
.ly-fig-note-haut{margin:0 auto 12px!important}
/* 22.08 après-midi : la phrase de sortie s'aligne sur la colonne de texte, pas au centre du vide */
.ly-narrow .ly-exit{text-align:left!important;margin-left:0!important;margin-right:auto!important;max-width:36em!important}
/* 22.08 : tiroir mobile ouvert = bandeau de consentement en retrait (il est au-dessus du tiroir dans l'empilement) */
body.ly-drawer-open .ly-cookie{visibility:hidden!important;pointer-events:none!important}
.ly-skip{position:absolute;left:8px;top:-80px;z-index:10000;padding:10px 14px;border-radius:10px;background:#0C5D93;color:#fff!important;font:600 14px Inter,sans-serif;text-decoration:none;transition:top .2s}.ly-skip:focus{top:8px;outline:2px solid #abe0fe;outline-offset:2px}main:focus{outline:none}
.ly-fig-legende{max-width:660px!important;margin-left:auto!important;margin-right:auto!important;text-align:center}
.ly-faq details p{max-width:640px}
figure.ly-check{margin-bottom:28px!important}
.ly-fig.nv-wide{margin-top:20px!important}
.ly-lang-btn{font-size:12px!important}
footer h3{font-size:12px!important}
@media (max-width:760px){.ly-roles{gap:12px!important}}

/* --- 4. Compaction demandee par Burim le 22.08.2026 : moins d espace entre les blocs, plus elegant --- */
:root{--pas:6px}.ly-hero{min-height:min(100svh,780px)!important;padding:112px 0 36px!important}.ly-sec{padding:clamp(52px,6.5vw,92px) 0!important}.ly-foot-cta{padding:clamp(64px,7vw,96px) 26px clamp(48px,5vw,72px)!important}.ly-flux{margin:32px auto 0!important}.ly-faq{margin-top:22px!important}.ly-metiers{margin-top:26px!important}.ly-h2{margin-bottom:calc(var(--pas)*2.5)!important}.ly-lead{margin-bottom:calc(var(--pas)*4)!important}.ly-demo{gap:26px!important}.ly-grid2,.ly-grid3,.ly-grid4{gap:22px!important}
@media (max-width:760px){.ly-hero{padding:92px 0 28px!important}.ly-sec{padding:46px 0!important}.ly-demo{gap:24px!important}.ly-grid2,.ly-grid3,.ly-grid4{gap:18px!important}}

/* ly-specificite : la regle qui precede visait ".ly .ly-btn", plus specifique
   que ".ly-btn". L ordre ne suffisait donc pas a l emporter. */
.ly .ly-btn,.ly .ly-btn:link,.ly .ly-btn:visited,a.ly-btn,button.ly-btn{
  background-color:rgba(171,224,254,.1)!important;
  color:var(--ink)!important;
  border:1px solid rgba(171,224,254,.5)!important;
  box-shadow:none!important;
  font-size:12.5px!important;font-weight:600!important;
  letter-spacing:.09em!important;text-transform:uppercase!important;
  padding:16px 30px!important;min-height:50px!important;border-radius:2px!important;
  backdrop-filter:saturate(1.6) blur(16px)!important;-webkit-backdrop-filter:saturate(1.6) blur(16px)!important;
  transition:background-color .4s ease,border-color .4s ease,color .4s ease!important;
  transform:none!important}
.ly .ly-btn:hover,a.ly-btn:hover,button.ly-btn:hover{
  background-color:rgba(171,224,254,.92)!important;color:#04070d!important;
  border-color:rgba(171,224,254,.92)!important;transform:none!important;box-shadow:none!important}
.ly .ly-btn-sm,a.ly-btn-sm{padding:11px 20px!important;min-height:40px!important;font-size:11px!important}
:root[data-theme="light"] .ly .ly-btn,:root[data-theme="light"] a.ly-btn{
  background-color:rgba(12,93,147,.06)!important;color:#08375c!important;border-color:rgba(12,93,147,.45)!important}
:root[data-theme="light"] .ly .ly-btn:hover,:root[data-theme="light"] a.ly-btn:hover{
  background-color:#0c5d93!important;color:#fff!important;border-color:#0c5d93!important}
@media (prefers-color-scheme:light){
  :root:not([data-theme]) .ly .ly-btn,:root:not([data-theme]) a.ly-btn{
    background-color:rgba(12,93,147,.06)!important;color:#08375c!important;border-color:rgba(12,93,147,.45)!important}
  :root:not([data-theme]) .ly .ly-btn:hover,:root:not([data-theme]) a.ly-btn:hover{
    background-color:#0c5d93!important;color:#fff!important;border-color:#0c5d93!important}
}
/* Le tiroir conserve un bouton plein, la lisibilite d un menu prime. */
.ly-drawer .ly-drawer-cta{background-color:#abe0fe!important;color:#04070d!important;border:0!important;
  border-radius:2px!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-size:12px!important}
:root[data-theme="light"] .ly-drawer .ly-drawer-cta{background-color:#0c5d93!important;color:#fff!important}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-drawer .ly-drawer-cta{background-color:#0c5d93!important;color:#fff!important}}

/* ==================================================================
   ly-rayon-unique
   Un site coherent n a pas huit facons d arrondir un angle.
   Une seule valeur pour toutes les surfaces : 2 px, angle net.
   Seules les jauges gardent un bout rond, parce que c est leur forme.
   ================================================================== */
.ly *,.ly-header *,.ly-drawer *,.ly-cookie *,.ly-header-in,.ly-drawer,.ly-cookie,
.ly-haut,.ly-mode,.ly-burger,.ly-lang-btn,.ly-lang-liste,.ly-lang-liste a,
.ly-foot-langues a,.ly-drawer-langues a,.ly-chip,.ly-tool,.ly-mini li,.ly-norme,
.ly-card,.ly-demo-col,.ly-trois div,.ly-fig,.ly-wiz,.ly-wiz input,.ly-wiz textarea,
.ly-btn,.ly-btn-sm,.ly-drawer-cta,.ly-puce,.ly-demo .bx{
  border-radius:2px!important}
/* La barre de progression et son remplissage gardent leur bout arrondi. */
.ly-wiz-bar,.ly-wiz-fill,.ly-prog{border-radius:99px!important}
/* Le rond du bouton de retour et les cercles des schemas restent des cercles. */
.ly-haut{border-radius:50%!important}
.ly-demo circle,.ly-fig circle{border-radius:0!important}
/* La barre de defilement du haut reste fine et arrondie a droite. */
.ly-prog{border-radius:0 99px 99px 0!important}

/* Le message de controle de l extension anti-robot ne s affiche qu aux
   administrateurs, mais il casse la charte : police Arial et couleur hors palette.
   On le neutralise visuellement, sans toucher a la protection elle-meme. */
.wpa-test-msg{display:none!important}

/* ==================================================================
   ly-entete-mobile
   Defaut le plus grave releve par l audit : sur telephone, le bouton
   d appel a l action restait affiche et poussait le bouton de menu
   46 pixels hors de l ecran. Plus aucune navigation n etait possible.
   Cause : la regle .ly .ly-btn{display:inline-flex!important} du calque
   des boutons ecrasait le display:none prevu pour le mobile.
   On retablit le masquage avec la meme force et une specificite superieure.
   ================================================================== */
@media (max-width:1080px){
  .ly .ly-header-cta,.ly-header .ly-header-cta,a.ly-btn.ly-header-cta{display:none!important}
  .ly-header .ly-nav,.ly-nav{display:none!important}
  .ly-header .ly-burger,.ly-burger{display:flex!important}
  .ly-header-in{padding:0 8px 0 18px!important;gap:10px!important}
  .ly-header-right{gap:8px!important;flex-shrink:0!important}
  .ly-brand{flex-shrink:1!important;min-width:0!important}
}
/* En dessous de 400 px, on retire aussi le selecteur de langue de la capsule :
   il reste accessible dans le tiroir, ou il a toute la place. */
@media (max-width:400px){
  .ly-header .ly-lang,.ly-lang{display:none!important}
  .ly-header-in{padding:0 6px 0 14px!important}
}
/* La capsule ne doit jamais demander plus de place qu il n y en a. */
.ly-header-in{max-width:100%!important;box-sizing:border-box!important}
.ly-header{padding:0 14px!important;box-sizing:border-box!important}
.ly-header-in{margin:0 auto!important}

/* ==================================================================
   ly-audit-correctifs
   Corrections issues de l audit mene par dix agents.
   ================================================================== */

/* 1. Le titre en degrade disparaissait en mode clair.
   Une regle redeclarait "background" en raccourci, ce qui remet
   background-clip a sa valeur d origine alors que la couleur du texte
   reste transparente : le mot devenait une barre coloree. */
.ly-h1 .ly-grad,.ly-h1 span.ly-grad,.ly-step-num{
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .ly-h1 .ly-grad,.ly-step-num{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--sky)!important}
}

/* 2. Le gris de second plan tombait a 4,21 sur blanc, sous le seuil de 4,5.
   On l assombrit pour le mode clair uniquement ; le sombre etait deja conforme. */
:root[data-theme="light"]{--mut:#5a6773}
@media (prefers-color-scheme:light){:root:not([data-theme]){--mut:#5a6773}}

/* 3. Les etiquettes des schemas tombaient a 8 pixels sur telephone.
   Un texte de schema doit rester lisible, meme petit. */
@media (max-width:760px){
  .ly-flux text,.ly-flux-m text{font-size:15px!important}
  .ly-demo .lb{font-size:15px!important}
  .ly-demo .lm{font-size:11px!important}
  .ly-demo .lx{font-size:10.5px!important}
  .ly-fig text{font-size:11px!important}
  .ly-fig text[style*="8px"]{font-size:10.5px!important}
  .ly-fig .val{font-size:14px!important}
}

/* 4. La capsule d en-tete sortait de la colonne de lecture sur grand ecran :
   son contenu demandait 1124 pixels pour 1078 disponibles. */
.ly-header-in{max-width:1140px!important;width:calc(100% - 28px)!important}
@media (min-width:1100px){
  .ly-header-in{padding-left:26px!important;padding-right:14px!important}
  .ly-nav{gap:22px!important}
  .ly-nav a{font-size:.9rem!important}
}

/* 5. Les liens du schema de flux se chevauchaient dans les langues
   dont les mots sont plus longs que le francais. */
.ly-flux-m text{text-anchor:middle}
@media (max-width:760px){
  .ly-flux-m text{font-size:13px!important;letter-spacing:.02em!important}
}

/* ==================================================================
   ly-coins-arrondis
   Une seule valeur d arrondi pour tout le site, franche et douce.
   Les grandes surfaces prennent 16 px, les petits objets 12 px,
   et ce qui est rond le reste. Aucune autre valeur n existe.
   ================================================================== */
.ly *,.ly-header *,.ly-drawer *,.ly-cookie *,
.ly-card,.ly-demo-col,.ly-trois div,.ly-fig,.ly-wiz,
.ly-drawer,.ly-cookie,.ly-lang-liste,.ly-header-in{
  border-radius:16px!important}
.ly-btn,.ly-btn-sm,.ly-drawer-cta,.ly-chip,.ly-tool,.ly-mini li,.ly-norme,
.ly-wiz input,.ly-wiz textarea,.ly-mode,.ly-burger,.ly-lang-btn,
.ly-lang-liste a,.ly-foot-langues a,.ly-drawer-langues a,.ly-puce,
.ly-demo .bx,.ly-cookie button{
  border-radius:12px!important}
/* Ce qui est rond ou allonge garde sa forme propre. */
.ly-haut{border-radius:50%!important}
.ly-wiz-bar,.ly-wiz-fill{border-radius:99px!important}
.ly-prog{border-radius:0 99px 99px 0!important}
.ly-demo circle,.ly-fig circle,.ly-demo path,.ly-fig path,.ly-flux circle,.ly-flux path{border-radius:0!important}
/* Les separateurs restent des traits, pas des surfaces. */
.ly-foot-grille,.ly-foot-bas,.ly-etape,.ly-faq details,.ly-steps li{border-radius:0!important}
/* Les cartes retrouvent une surface, sinon l arrondi ne se voit pas. */
.ly-card,.ly-fig,.ly-demo-col{
  background:rgba(171,224,254,.035)!important;
  border:1px solid var(--line)!important;
  padding:30px!important;
  backdrop-filter:saturate(1.5) blur(16px)!important;-webkit-backdrop-filter:saturate(1.5) blur(16px)!important}
:root[data-theme="light"] .ly-card,:root[data-theme="light"] .ly-fig,:root[data-theme="light"] .ly-demo-col{
  background:rgba(255,255,255,.6)!important}
@media (prefers-color-scheme:light){
  :root:not([data-theme]) .ly-card,:root:not([data-theme]) .ly-fig,:root:not([data-theme]) .ly-demo-col{
    background:rgba(255,255,255,.6)!important}
}
.ly-card:hover,.ly-fig:hover{border-color:var(--line2)!important;transform:translateY(-3px)!important;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease!important}
.ly-trois div{background:transparent!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important}
@media (max-width:860px){
  .ly-card,.ly-fig,.ly-demo-col{padding:24px!important}
  .ly-trois div{border-left:0!important;border-top:1px solid var(--line)!important}
}

/* ly-arrondi-boutons : les regles precedentes ciblaient ".ly .ly-btn",
   plus specifique que ".ly-btn". On reprend la meme forme de selecteur,
   sinon l arrondi ne s applique pas aux boutons. */
.ly .ly-btn,.ly .ly-btn:link,.ly .ly-btn:visited,a.ly-btn,button.ly-btn,
.ly .ly-btn-sm,a.ly-btn-sm,.ly .ly-chip,.ly-drawer .ly-drawer-cta,
.ly .ly-tool,.ly .ly-mini li,.ly .ly-norme{
  border-radius:12px!important}
.ly .ly-header-in,.ly-header .ly-header-in{border-radius:16px!important}
.ly .ly-wiz input,.ly .ly-wiz textarea{border-radius:12px!important}

/* ==================================================================
   ly-alignements
   Deux boutons cote a cote doivent partager la meme ligne et la meme
   hauteur. Les mesures montraient un ecart de 17 pixels dans le groupe
   d appel a l action, et de 6 pixels dans la navigation du formulaire.
   ================================================================== */
.ly-cta{display:flex!important;align-items:center!important;justify-content:center!important;
  gap:26px!important;flex-wrap:wrap!important}
.ly-cta>*{align-self:center!important}
.ly-cta .ly-link{display:inline-flex!important;align-items:center!important;min-height:54px!important;
  padding:0 2px!important;line-height:1!important}
.ly-wiz-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.ly-wiz-nav>*{align-self:center!important}
.ly-wiz-back{display:inline-flex!important;align-items:center!important;min-height:50px!important;
  padding:0 4px!important;line-height:1!important}
.ly-wiz-nav .ly-btn{min-height:50px!important}
/* Le libelle de tout bouton reste centre sur les deux axes. */
.ly .ly-btn,a.ly-btn,button.ly-btn,.ly-drawer-cta,.ly-cookie button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;line-height:1.25!important}
/* Le groupe du pied empile un titre et un bouton : on centre l ensemble. */
.ly-foot-cta{display:flex!important;flex-direction:column!important;align-items:center!important}
.ly-foot-cta h2{margin-left:auto!important;margin-right:auto!important}
/* Les pastilles de reponse s alignent sur une meme ligne de base. */
.ly-chips{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:10px!important}
.ly-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;line-height:1.3!important}
/* Les pastilles d outils et de normes, meme regle. */
.ly-tool,.ly-mini li,.ly-norme{display:inline-flex!important;align-items:center!important;line-height:1.3!important}
.ly-tabnorm{align-items:stretch!important}
/* Une grille garde des colonnes de meme largeur, quoi qu il arrive. */
.ly-grid2,.ly-grid3,.ly-grid4{align-items:stretch!important}
.ly-grid2>*,.ly-grid3>*,.ly-grid4>*{min-width:0!important}
/* Le contenu d une carte se cale en haut, pas au milieu. */
.ly-card,.ly-fig,.ly-demo-col{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.ly-card>*,.ly-fig>*{width:100%!important}
.ly-svc{justify-content:flex-start!important}
.ly-svc-go{margin-top:auto!important;padding-top:16px!important}
@media (max-width:760px){
  .ly-cta{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .ly-cta .ly-link{justify-content:center!important}
}

/* ==================================================================
   ly-visuels : figures qui montrent le metier
   Un patron de PME ne lit pas, il regarde. Ces figures expliquent
   ce que fait LYVIA sans une ligne de texte supplementaire.
   ================================================================== */
.ly-hub{max-width:860px;margin:0 auto;display:block;width:100%;height:auto;overflow:visible}
.ly-hub .noeud{fill:rgba(171,224,254,.06);stroke:var(--line2);stroke-width:1.2}
.ly-hub .noeud-t{fill:var(--ink);font:600 12.5px Inter,sans-serif;letter-spacing:-.2px}
.ly-hub .centre{fill:rgba(171,224,254,.12);stroke:var(--sky);stroke-width:1.8}
.ly-hub .rayon{stroke:var(--line2);stroke-width:1;fill:none}
.ly-hub .flux{stroke:var(--sky);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-dasharray:4 10;opacity:0}
.ly-in .ly-hub .flux{opacity:1;animation:lyRayon 2.4s linear infinite}
@keyframes lyRayon{to{stroke-dashoffset:-28}}
.ly-hub .halo{fill:var(--sky);opacity:0}
.ly-in .ly-hub .halo{animation:lyHalo 3.2s ease-in-out infinite}
@keyframes lyHalo{0%,100%{opacity:.06;r:46}50%{opacity:.16;r:54}}
:root[data-theme="light"] .ly-hub .noeud{fill:rgba(255,255,255,.7)}
:root[data-theme="light"] .ly-hub .flux{stroke:var(--deep)}
@media (prefers-color-scheme:light){
  :root:not([data-theme]) .ly-hub .noeud{fill:rgba(255,255,255,.7)}
  :root:not([data-theme]) .ly-hub .flux{stroke:var(--deep)}
}
/* Comparatif avant et apres, en deux colonnes chiffrees. */
.ly-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:820px;margin:48px auto 0;
  border:1px solid var(--line);border-radius:16px;overflow:hidden;
  background:rgba(171,224,254,.03);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px)}
:root[data-theme="light"] .ly-compare{background:rgba(255,255,255,.6)}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-compare{background:rgba(255,255,255,.6)}}
.ly-compare-col{padding:30px 28px}
.ly-compare-col+.ly-compare-col{border-left:1px solid var(--line)}
.ly-compare-col h3{font-size:12px!important;letter-spacing:.2em;text-transform:uppercase;
  color:var(--mut)!important;margin:0 0 22px!important;font-weight:600!important}
.ly-compare-col.ly-apres h3{color:var(--sky)!important}
:root[data-theme="light"] .ly-compare-col.ly-apres h3{color:var(--deep)!important}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-compare-col.ly-apres h3{color:var(--deep)!important}}
.ly-compare ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ly-compare li{display:flex;align-items:flex-start;gap:12px;font-size:.94rem;line-height:1.55;color:var(--txt)}
.ly-compare li svg{width:15px;height:15px;flex-shrink:0;margin-top:4px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ly-compare .ly-avant li svg{stroke:var(--mut)}
.ly-compare .ly-apres li svg{stroke:var(--sky)}
:root[data-theme="light"] .ly-compare .ly-apres li svg{stroke:var(--deep)}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-compare .ly-apres li svg{stroke:var(--deep)}}
@media (max-width:700px){
  .ly-compare{grid-template-columns:1fr}
  .ly-compare-col+.ly-compare-col{border-left:0;border-top:1px solid var(--line)}
  .ly-hub{max-width:100%}
}

/* ==================================================================
   ly-lisibilite-mobile
   Sur telephone, trente-cinq textes tombaient sous douze pixels.
   En dessous de ce seuil, la lecture devient penible pour tout le monde,
   et impossible pour une partie des lecteurs.
   Les textes des schemas sont exprimes dans le repere du dessin :
   a l ecran ils sont divises par plus de deux, d ou des valeurs elevees.
   ================================================================== */
@media (max-width:760px){
  .ly-kicker{font-size:12px!important;letter-spacing:.22em!important}
  .ly-sig,.ly-foot-sig{font-size:12px!important;letter-spacing:.24em!important}
  .ly-demo-tag{font-size:12px!important;letter-spacing:.2em!important}
  .ly-etape-n{font-size:12px!important}
  .ly-foot-bloc h3{font-size:12px!important;letter-spacing:.14em!important}
  .ly-foot-bas p,.ly-foot-legal-links a{font-size:12.5px!important}
  .ly-note,.ly-wiz-count{font-size:12.5px!important}
  .ly-trois span{font-size:13px!important}
  /* Textes traces dans les schemas : valeurs du repere, pas de l ecran. */
  .ly-hub .noeud-t{font-size:26px!important}
  .ly-demo .lb{font-size:17px!important}
  .ly-demo .lm{font-size:13px!important}
  .ly-demo .lx{font-size:12px!important}
  .ly-flux text,.ly-flux-m text{font-size:15px!important}
  .ly-fig text{font-size:12px!important}
  .ly-fig .val{font-size:15px!important}
}
/* Le schema de connexion se resserre sur telephone pour rester lisible. */
@media (max-width:760px){
  .ly-hub{max-width:100%!important}
  .ly-hub .noeud{width:210px!important}
}

/* ==================================================================
   ly-hub-mobile
   Un schema a six branches ne tient pas sur un telephone : agrandir
   ses etiquettes les faisait deborder de leur cadre. On dessine donc
   une version verticale, et chaque largeur affiche la sienne.
   ================================================================== */
.ly-hub-m{display:none}
@media (max-width:760px){
  .ly-hub{display:none!important}
  .ly-hub-m{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;
    gap:14px;max-width:340px;margin:36px auto 0}
  .ly-hub-col{display:flex;flex-direction:column;gap:10px}
  .ly-hub-outil{display:flex;align-items:center;justify-content:center;text-align:center;
    min-height:46px;padding:10px 8px;border:1px solid var(--line);border-radius:12px;
    font:600 12.5px Inter,sans-serif;color:var(--ink);line-height:1.25;
    background:rgba(171,224,254,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .ly-hub-centre{width:56px;height:56px;border-radius:14px;border:1px solid var(--sky);
    display:flex;align-items:center;justify-content:center;
    background:rgba(171,224,254,.12);position:relative}
  .ly-hub-centre::before,.ly-hub-centre::after{content:'';position:absolute;top:50%;width:14px;height:1px;
    background:var(--sky);opacity:.6}
  .ly-hub-centre::before{left:-14px}
  .ly-hub-centre::after{right:-14px}
  .ly-hub-centre svg{width:32px;height:32px}
  /* Les derniers textes sous le seuil remontent a douze pixels a l ecran. */
  .ly-demo .lx{font-size:14px!important}
  .ly-demo-tag{font-size:12.5px!important}
  .ly-fig text{font-size:13px!important}
  .ly-fig text[style]{font-size:13px!important}
}
:root[data-theme="light"] .ly-hub-outil{background:rgba(255,255,255,.7)}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-hub-outil{background:rgba(255,255,255,.7)}}

/* Une mention de prudence se lit en texte, pas en dessin :
   dans un schema elle depassait le cadre des qu on l agrandissait. */
.ly-fig-legende{font-size:.78rem!important;color:var(--mut)!important;margin:16px auto 0!important;
  line-height:1.5!important;max-width:660px!important}
@media (max-width:760px){.ly-fig-legende{font-size:12.5px!important}}

/* ly-figures-calage : dans un SVG mis a l'echelle, la taille du texte s'exprime
   en unites du cadre : elle enfle avec la largeur rendue et retrecit dans une colonne
   etroite. On borne donc la largeur des figures et on calibre les etiquettes pour
   qu'elles restent entre douze et seize pixels du telephone au grand ecran. */
.ly-fig svg{max-width:340px;margin-left:auto;margin-right:auto}
.ly-fig text{font-size:12px!important;letter-spacing:.07em}
.ly-fig .ly-etapes text{font-size:14px!important}
.ly-fig .val{font-size:13px!important}
.ly-flux-tiges path{stroke:var(--line2);stroke-width:1.1;fill:none;opacity:.5}
@keyframes lyPtH{0%{transform:translateX(0);opacity:0}7%{opacity:1}93%{opacity:1}100%{transform:translateX(220px);opacity:0}}
.ly-fig .ly-spark{fill:var(--sky);opacity:0}
:root[data-theme="light"] .ly-fig .ly-spark{fill:var(--deep)}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-fig .ly-spark{fill:var(--deep)}}
.ly-in .ly-pt-h{animation:lyPtH 5.4s cubic-bezier(.55,0,.45,1) infinite}
@media (prefers-reduced-motion:reduce){.ly-pt-h{animation:none!important}}

/* ly-hero-paliers : le grand schema du hero est dessine dans un cadre de 1200
   unites ; sous 1200 px de fenetre ses etiquettes tombent a sept pixels. En dessous
   on montre la version verticale, bornee pour ne pas gonfler sur tablette. */
@media (max-width:1199px){.ly-hero svg.ly-flux{display:none!important}.ly-flux-m{display:block!important}}
@media (min-width:1200px){.ly-hero svg.ly-flux text{font-size:15px}}
/* ly-flux-m-marge : en allemand et en portugais, l'etiquette de gauche depasse
   de quelques unites hors du cadre. Le SVG n'a pas de bordure : mieux vaut la
   laisser deborder que la rogner. */
.ly-flux-m{max-width:360px;margin-left:auto;margin-right:auto;overflow:visible}

/* ly-etiquettes-plancher : sur-titres et micro-etiquettes ne descendent plus
   sous douze pixels, quelle que soit la largeur. */
.ly .ly-kicker,.ly .ly-sig,.ly .ly-demo-tag{font-size:12px!important}
.ly .ly-foot-bloc h3{font-size:12px!important}
.ly .ly-etape-n{font-size:12px!important}

/* ly-lead-centre : le chapeau du hero est bride en largeur mais restait colle
   a gauche, decale de 267 px par rapport au titre et aux boutons centres. */
.ly .ly-lead{margin-left:auto;margin-right:auto}

/* ly-icones-taille : la regle qui donne toute la largeur aux enfants d'une carte
   etirait aussi les icones, dessinees alors au centre d'un cadre de 851 px tandis
   que le titre dessous restait a gauche. */
.ly-card>svg.ly-ico,.ly-fig>svg.ly-ico,.ly-svc>svg.ly-ico{width:34px!important;height:34px}

/* ly-titres-equilibre : evite qu'un titre laisse un seul mot sur sa derniere ligne. */
.ly .ly-h1,.ly .ly-h2,.ly .ly-h3,.ly .ly-lead{text-wrap:balance}

/* ly-demo-calage : meme raison que pour les figures. On borne la largeur des deux
   colonnes de demonstration pour que le facteur d'echelle reste proche de un, puis
   on calibre les trois niveaux de texte au-dessus de douze pixels partout. */
.ly-demo svg{max-width:320px;margin-left:auto;margin-right:auto}
.ly-demo text.lb{font-size:15.5px!important}
.ly-demo text.lm{font-size:14px!important}
.ly-demo text.lx{font-size:14px!important}

/* ly-grilles-palier : sous 1080 px toutes les grilles tombaient d'un coup a une
   seule colonne, laissant une carte pleine largeur avec un grand vide a droite.
   Les cartes passent donc a deux colonnes. Les figures, elles, gardent une seule
   colonne : a trois de front sous 1080 px leurs etiquettes tombaient a dix pixels.
   Quand une figure occupe toute la largeur, son schema s'aligne a gauche comme le texte. */
@media (min-width:700px) and (max-width:1080px){.ly-fig svg{margin-left:0}}
@media (min-width:700px) and (max-width:1080px){.ly-grid4{grid-template-columns:repeat(2,1fr)!important}}

/* ly-finitions-typo : evite les lignes orphelines dans les paragraphes, et fait
   tenir les six langues du pied sur une seule ligne (il manquait quinze pixels). */
.ly p,.ly li,.ly .ly-fig-legende{text-wrap:pretty}
@media (min-width:761px){.ly-foot-langues{gap:6px}.ly-foot-langues a{padding:6px 8px}}


/* === ly-cascade : le decalage qui fait la difference ==================
   Avant, toutes les cartes d une rangee apparaissaient au meme instant :
   correct, et parfaitement plat. Un retard de 70 ms par carte donne
   l impression que la page se pose au lieu de s allumer d un coup.
   La liste ne contient QUE des grilles horizontales, relevees sur le rendu
   reel : dans une colonne de texte (.ly-narrow, jusqu a 82 elements) le
   defilement fait deja la cascade et un delai ne ferait que trainer.
   Desktop seulement, pour la meme raison en une seule colonne.
   Le delai porte sur tous les enfants directs et pas seulement sur les .ly-r :
   sur un element non anime il ne coute rien, et il resiste aux changements
   de structure. */
@media (prefers-reduced-motion:no-preference) and (min-width:761px){
  .ly-grid2>:nth-child(2),.ly-grid3>:nth-child(2),.ly-grid4>:nth-child(2),.ly-metiers>:nth-child(2),.ly-trois>:nth-child(2),.ly-cards>:nth-child(2),.ly-roles>:nth-child(2),.ly-etapes>:nth-child(2),.ly-frise>:nth-child(2),.ly-hub>:nth-child(2),.ly-compare>:nth-child(2),.ly-pas>:nth-child(2),.ly-regles>:nth-child(2),.ly-demo>:nth-child(2),.ly-contact>:nth-child(2){transition-delay:0.07s}
  .ly-grid2>:nth-child(3),.ly-grid3>:nth-child(3),.ly-grid4>:nth-child(3),.ly-metiers>:nth-child(3),.ly-trois>:nth-child(3),.ly-cards>:nth-child(3),.ly-roles>:nth-child(3),.ly-etapes>:nth-child(3),.ly-frise>:nth-child(3),.ly-hub>:nth-child(3),.ly-compare>:nth-child(3),.ly-pas>:nth-child(3),.ly-regles>:nth-child(3),.ly-demo>:nth-child(3),.ly-contact>:nth-child(3){transition-delay:0.14s}
  .ly-grid2>:nth-child(4),.ly-grid3>:nth-child(4),.ly-grid4>:nth-child(4),.ly-metiers>:nth-child(4),.ly-trois>:nth-child(4),.ly-cards>:nth-child(4),.ly-roles>:nth-child(4),.ly-etapes>:nth-child(4),.ly-frise>:nth-child(4),.ly-hub>:nth-child(4),.ly-compare>:nth-child(4),.ly-pas>:nth-child(4),.ly-regles>:nth-child(4),.ly-demo>:nth-child(4),.ly-contact>:nth-child(4){transition-delay:0.21s}
  .ly-grid2>:nth-child(5),.ly-grid3>:nth-child(5),.ly-grid4>:nth-child(5),.ly-metiers>:nth-child(5),.ly-trois>:nth-child(5),.ly-cards>:nth-child(5),.ly-roles>:nth-child(5),.ly-etapes>:nth-child(5),.ly-frise>:nth-child(5),.ly-hub>:nth-child(5),.ly-compare>:nth-child(5),.ly-pas>:nth-child(5),.ly-regles>:nth-child(5),.ly-demo>:nth-child(5),.ly-contact>:nth-child(5){transition-delay:0.28s}
  .ly-grid2>:nth-child(6),.ly-grid3>:nth-child(6),.ly-grid4>:nth-child(6),.ly-metiers>:nth-child(6),.ly-trois>:nth-child(6),.ly-cards>:nth-child(6),.ly-roles>:nth-child(6),.ly-etapes>:nth-child(6),.ly-frise>:nth-child(6),.ly-hub>:nth-child(6),.ly-compare>:nth-child(6),.ly-pas>:nth-child(6),.ly-regles>:nth-child(6),.ly-demo>:nth-child(6),.ly-contact>:nth-child(6){transition-delay:0.35s}
  .ly-grid2>:nth-child(7),.ly-grid3>:nth-child(7),.ly-grid4>:nth-child(7),.ly-metiers>:nth-child(7),.ly-trois>:nth-child(7),.ly-cards>:nth-child(7),.ly-roles>:nth-child(7),.ly-etapes>:nth-child(7),.ly-frise>:nth-child(7),.ly-hub>:nth-child(7),.ly-compare>:nth-child(7),.ly-pas>:nth-child(7),.ly-regles>:nth-child(7),.ly-demo>:nth-child(7),.ly-contact>:nth-child(7){transition-delay:0.42s}
  .ly-grid2>:nth-child(8),.ly-grid3>:nth-child(8),.ly-grid4>:nth-child(8),.ly-metiers>:nth-child(8),.ly-trois>:nth-child(8),.ly-cards>:nth-child(8),.ly-roles>:nth-child(8),.ly-etapes>:nth-child(8),.ly-frise>:nth-child(8),.ly-hub>:nth-child(8),.ly-compare>:nth-child(8),.ly-pas>:nth-child(8),.ly-regles>:nth-child(8),.ly-demo>:nth-child(8),.ly-contact>:nth-child(8){transition-delay:0.49s}
}

/* ================= ly-verre-22-08 =================
   Verre depoli sur toutes les surfaces de contenu. Les regles editoriales plus haut
   les avaient rendues transparentes et sans flou. Burim veut l effet visible, plus
   transparent et plus flou. Dernier bloc du calque 50, il fait autorite. */
.ly-card,.ly-fig,.ly-demo-col,.ly-compare,.ly-saisies,.ly-regle,.ly-regles>div,.ly-matrice,.ly-extrait,.ly-jauge,.ly-check,.ly-capsule,.ly-metier,.ly-trois div,.ly-norme,.ly-hub-outil,.ly-temps a,.ly-bascule,.ly-tabnorm,.ly-role,.ly-svc,.ly-faq details,.ly-wiz{background:rgba(171,224,254,.05)!important;border:1px solid rgba(171,224,254,.14)!important;border-radius:18px!important;backdrop-filter:blur(41px) saturate(1.7)!important;-webkit-backdrop-filter:blur(41px) saturate(1.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 44px rgba(4,7,13,.2)!important}
.ly-card,.ly-demo-col,.ly-metier,.ly-role,.ly-svc,.ly-capsule,.ly-bascule{padding:30px 26px!important}
.ly-fig,.ly-matrice,.ly-saisies,.ly-extrait,.ly-jauge,.ly-check,.ly-tabnorm,.ly-compare{padding:26px 24px!important}
.ly-faq details{padding:4px 22px!important;margin-bottom:10px!important}
.ly-wiz{padding:clamp(26px,4vw,42px)!important;border-radius:24px!important}
.ly-trois div,.ly-hub-outil,.ly-norme,.ly-temps a{padding:22px 20px!important}
:root[data-theme="light"] .ly-card,:root[data-theme="light"] .ly-fig,:root[data-theme="light"] .ly-demo-col,:root[data-theme="light"] .ly-compare,:root[data-theme="light"] .ly-saisies,:root[data-theme="light"] .ly-regle,:root[data-theme="light"] .ly-regles>div,:root[data-theme="light"] .ly-matrice,:root[data-theme="light"] .ly-extrait,:root[data-theme="light"] .ly-jauge,:root[data-theme="light"] .ly-check,:root[data-theme="light"] .ly-capsule,:root[data-theme="light"] .ly-metier,:root[data-theme="light"] .ly-trois div,:root[data-theme="light"] .ly-norme,:root[data-theme="light"] .ly-hub-outil,:root[data-theme="light"] .ly-temps a,:root[data-theme="light"] .ly-bascule,:root[data-theme="light"] .ly-tabnorm,:root[data-theme="light"] .ly-role,:root[data-theme="light"] .ly-svc,:root[data-theme="light"] .ly-faq details,:root[data-theme="light"] .ly-wiz{background:rgba(255,255,255,.34)!important;border-color:rgba(12,93,147,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 16px 40px rgba(12,60,100,.1)!important}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-card,:root:not([data-theme]) .ly-fig,:root:not([data-theme]) .ly-demo-col,:root:not([data-theme]) .ly-compare,:root:not([data-theme]) .ly-saisies,:root:not([data-theme]) .ly-regle,:root:not([data-theme]) .ly-regles>div,:root:not([data-theme]) .ly-matrice,:root:not([data-theme]) .ly-extrait,:root:not([data-theme]) .ly-jauge,:root:not([data-theme]) .ly-check,:root:not([data-theme]) .ly-capsule,:root:not([data-theme]) .ly-metier,:root:not([data-theme]) .ly-trois div,:root:not([data-theme]) .ly-norme,:root:not([data-theme]) .ly-hub-outil,:root:not([data-theme]) .ly-temps a,:root:not([data-theme]) .ly-bascule,:root:not([data-theme]) .ly-tabnorm,:root:not([data-theme]) .ly-role,:root:not([data-theme]) .ly-svc,:root:not([data-theme]) .ly-faq details,:root:not([data-theme]) .ly-wiz{background:rgba(255,255,255,.34)!important;border-color:rgba(12,93,147,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 16px 40px rgba(12,60,100,.1)!important}}
.ly-card:hover,.ly-metier:hover{background:rgba(171,224,254,.08)!important;border-color:rgba(171,224,254,.24)!important}
:root[data-theme="light"] .ly-card:hover,:root[data-theme="light"] .ly-metier:hover{background:rgba(255,255,255,.46)!important}

/* ================= cas concrets de l accueil, 22.08.2026 =================
   Cinq situations, chacune avec sa figure. Le visuel porte le propos, le texte l encadre. */
.ly-cas{max-width:1080px;margin:44px auto 0;padding:0 20px;display:flex;flex-direction:column;gap:26px}
.ly-cas-un{position:relative;padding:34px 34px 30px!important;border-radius:20px!important;background:rgba(171,224,254,.05)!important;border:1px solid rgba(171,224,254,.14)!important;backdrop-filter:blur(41px) saturate(1.7)!important;-webkit-backdrop-filter:blur(41px) saturate(1.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 44px rgba(4,7,13,.2)!important}
.ly-cas-n{position:absolute;top:26px;right:32px;margin:0!important;font:600 13px Inter,sans-serif!important;letter-spacing:.18em;color:var(--sky)!important;opacity:.7}
.ly-cas-un .ly-h3{margin:0 0 10px!important;max-width:22em}
.ly-cas-t{margin:0 0 4px!important;max-width:46em;color:var(--txt)!important}
.ly-cas-un .ly-fig{margin:18px 0 16px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}
.ly-cas-r{margin:0!important;max-width:46em;padding-top:16px;border-top:1px solid rgba(171,224,254,.14)}
.ly-cas-r b{color:var(--ink);font-weight:600}
:root[data-theme="light"] .ly-cas-un{background:rgba(255,255,255,.34)!important;border-color:rgba(12,93,147,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 16px 40px rgba(12,60,100,.1)!important}
@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-cas-un{background:rgba(255,255,255,.34)!important;border-color:rgba(12,93,147,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 16px 40px rgba(12,60,100,.1)!important}}
@media (max-width:760px){.ly-cas{gap:18px;padding:0 14px}.ly-cas-un{padding:26px 20px 24px!important}.ly-cas-n{top:20px;right:20px}}

/* ================= ly-mobile-figures-22-08 =================
   Sur téléphone, un schéma large ne doit pas obliger à chercher la moitié cachée.
   Il occupe toute la largeur de l écran, son texte est un cran plus grand, et
   quand il reste plus large que l écran, le bord dégradé et la mention sous la
   figure disent clairement qu il se fait glisser. */
@media (max-width:760px){
  .ly-fig.nv-wide{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw!important;border-radius:0!important;padding:20px 14px 26px!important;scroll-snap-type:x proximity}
  .ly-fig.nv-wide>svg.nv-large{min-width:600px;scroll-snap-align:start}
  .ly-fig svg.nv-large text{font-size:19px!important}
  .ly-fig svg.nv-large text[class$="-m"],.ly-fig svg.nv-large text[class*="-m "]{font-size:17px!important}
  .ly-fig svg.nv-large text[class$="-x"],.ly-fig svg.nv-large text[class$="-q"],.ly-fig svg.nv-large text[class*="-x "],.ly-fig svg.nv-large text[class*="-q "]{font-size:17px!important}
  .ly-fig svg.nv-large text[class$="-n"],.ly-fig svg.nv-large text[class*="-n "]{font-size:30px!important}
  .ly-fig.nv-wide::after{width:34px;border-radius:0}
  .ly-fig.nv-wide::before{content:"Glissez le schéma pour voir la suite";position:absolute;left:14px;bottom:6px;font:600 10.5px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);opacity:.75}
  .ly-fig.nv-wide .ly-fig-legende,.ly-fig.nv-wide .ly-fig-note{padding:0 6px}
  .ly-cas-un .ly-fig.nv-wide{margin-left:-20px!important;margin-right:-20px!important;width:calc(100% + 40px)!important;max-width:calc(100% + 40px)!important}
}
@media (max-width:760px) and (hover:hover){.ly-fig.nv-wide::before{content:"Faites défiler le schéma vers la droite"}}

/* La figure lue en liste : une ligne du dessin devient une ligne de texte. */
.ly-svgliste{display:none}
@media (max-width:760px){
  .ly-fig.ly-fig-liste{overflow:visible!important;padding-bottom:18px!important}
  .ly-fig.ly-fig-liste::before,.ly-fig.ly-fig-liste::after{display:none!important}
  .ly-fig svg.nv-muet{min-width:0!important;width:100%!important;opacity:.9}
  .ly-fig svg.nv-muet text{visibility:hidden}
  .ly-svgliste{display:block;list-style:none;margin:16px 0 0!important;padding:0}
  .ly-fig-liste-seule .ly-svgliste{margin-top:0!important}
  .ly-svgliste li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:11px 0;border-top:1px solid var(--line);margin:0}
  .ly-svgliste li:first-child{border-top:0;padding-top:0}
  .ly-svgliste .nv-l-t{font:600 15px Inter,sans-serif;color:var(--ink);letter-spacing:-.1px;line-height:1.45}
  .ly-svgliste .nv-l-m{font:600 11.5px Inter,sans-serif;color:var(--mut);letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
  .ly-svgliste .nv-l-q{font:500 13.5px Inter,sans-serif;color:var(--txt);line-height:1.5}
  .ly-svgliste .nv-l-n{font:700 20px Inter,sans-serif;color:var(--sky);letter-spacing:-.4px;line-height:1.2}
  :root[data-theme="light"] .ly-svgliste .nv-l-n{color:var(--deep)}
}
@media (max-width:760px) and (prefers-color-scheme:light){
  :root:not([data-theme="dark"]) .ly-svgliste .nv-l-n{color:var(--deep)}
}

/* ================= figures en bandes et en colonne, telephone =================
   Le figeage sert a mesurer : une barre en cours d animation mesure zero. */
svg[data-fige] *{animation:none!important;transition:none!important}
/* Une marque dont la minuscule fait partie du nom garde son orthographe,
   meme dans un bloc mis en capitales par la feuille de style. */
.ly-mark{text-transform:none!important;font-variant:normal}
/* ================= registre =================
   Le lecteur coche ses contraintes, les fiches qui ne les tiennent pas
   disparaissent, et celles qui restent s ouvrent une par une. Rien ne s affiche
   tant qu on ne le demande pas. */
.ly-rg-barre{border:1px solid var(--line);border-radius:18px;padding:22px 24px 20px;margin:0 0 26px;background:rgba(171,224,254,.05);backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);position:sticky;top:88px;z-index:20}
:root[data-theme="light"] .ly-rg-barre{background:rgba(255,255,255,.72)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-rg-barre{background:rgba(255,255,255,.72)}}
.ly-rg-tete{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ly-rg-actions{display:flex;gap:8px}
.ly-rg-b{font:600 .72rem Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);background:none;border:1px solid var(--line);border-radius:10px;padding:8px 13px;cursor:pointer;transition:color .25s ease,border-color .25s ease}
.ly-rg-b:hover{color:var(--ink);border-color:rgba(171,224,254,.5)}
.ly-rg-aide{font:400 .84rem/1.6 Inter,sans-serif;color:var(--mut)!important;margin:10px 0 14px!important}
.ly-rg-chips{display:flex;flex-wrap:wrap;gap:8px}
.ly-rg-f{display:inline-flex;align-items:center;gap:9px;font:600 .8rem Inter,sans-serif;color:var(--txt);background:rgba(171,224,254,.06);border:1px solid var(--line);border-radius:12px;padding:9px 14px;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease}
.ly-rg-f:hover{border-color:rgba(171,224,254,.45);color:var(--ink)}
.ly-rg-f[aria-pressed="true"]{background:rgba(171,224,254,.9);border-color:rgba(171,224,254,.7);color:#04070d}
:root[data-theme="light"] .ly-rg-f[aria-pressed="true"]{background:rgba(12,93,147,.94);border-color:rgba(12,93,147,.6);color:#fff}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-rg-f[aria-pressed="true"]{background:rgba(12,93,147,.94);color:#fff}}
.ly-rg-cn{font:700 .68rem Inter,sans-serif;opacity:.6;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.18)}
.ly-rg-f[aria-pressed="true"] .ly-rg-cn{background:rgba(0,0,0,.16);opacity:.75}
.ly-rg-compte{font:500 .84rem Inter,sans-serif;color:var(--mut)!important;margin:14px 0 0!important}
.ly-rg-compte strong{color:var(--ink);font-size:1.05rem}

.ly-rg-liste{display:grid;gap:12px}
.ly-rg-c{border:1px solid var(--line);border-radius:16px;background:rgba(171,224,254,.04);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);overflow:hidden}
:root[data-theme="light"] .ly-rg-c{background:rgba(255,255,255,.6)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-rg-c{background:rgba(255,255,255,.6)}}
.ly-rg-c[open]{border-color:rgba(171,224,254,.35)}
.ly-rg-c summary{list-style:none;cursor:pointer;padding:18px 22px;display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:6px 22px;align-items:start}
.ly-rg-c summary::-webkit-details-marker{display:none}
.ly-rg-c summary::after{content:"+";position:absolute;right:24px;color:var(--sky);font:400 1.3rem Inter,sans-serif;line-height:1}
.ly-rg-c[open] summary::after{content:"–"}
.ly-rg-c{position:relative}
.ly-rg-n{font:600 1.12rem Inter,sans-serif;color:var(--ink);letter-spacing:-.2px;display:block}
.ly-rg-e{font:400 .78rem/1.4 Inter,sans-serif;color:var(--mut);display:block;grid-column:1;margin-top:2px}
.ly-rg-ps{grid-column:2;grid-row:1 / span 2;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;padding-right:26px}
.ly-rg-p{font:600 .66rem Inter,sans-serif;letter-spacing:.04em;color:var(--sky);border:1px solid rgba(171,224,254,.32);border-radius:8px;padding:4px 9px;white-space:nowrap}
:root[data-theme="light"] .ly-rg-p{color:var(--deep);border-color:rgba(12,93,147,.28)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-rg-p{color:var(--deep);border-color:rgba(12,93,147,.28)}}
.ly-rg-p.ly-rg-non{color:#e0654f;border-color:rgba(224,101,79,.35)}
.ly-rg-corps{padding:4px 22px 22px;border-top:1px solid var(--line)}
.ly-rg-pos{font:400 .92rem/1.65 Inter,sans-serif;color:var(--txt)!important;margin:18px 0 20px!important}
.ly-rg-dl{margin:0 0 20px;display:grid;gap:0}
.ly-rg-l{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:6px 22px;padding:10px 0;border-top:1px solid var(--line)}
.ly-rg-l:first-child{border-top:0}
.ly-rg-l dt{font:600 .68rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0}
.ly-rg-l dd{margin:0;font:400 .86rem/1.6 Inter,sans-serif;color:var(--txt)}
.ly-rg-deux{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:0 0 20px}
.ly-rg-corps h4{font:600 .68rem Inter,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)!important;margin:0 0 10px!important}
.ly-rg-u{list-style:none;margin:0!important;padding:0!important;display:grid;gap:9px}
.ly-rg-u li{font:400 .85rem/1.55 Inter,sans-serif;color:var(--txt);padding-left:14px;position:relative;margin:0!important}
.ly-rg-u li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--sky);opacity:.55}
.ly-rg-st{display:inline-block;font:600 .6rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-radius:5px;padding:2px 6px;margin-right:8px;vertical-align:1px}
.ly-rg-v{color:var(--sky);border:1px solid rgba(171,224,254,.3)}
.ly-rg-r{color:var(--mut);border:1px solid var(--line)}
.ly-rg-vide{font:400 .95rem/1.7 Inter,sans-serif;color:var(--mut)!important;border:1px dashed var(--line);border-radius:16px;padding:26px!important;text-align:center}

@media (max-width:860px){
  .ly-rg-barre{position:static;padding:18px}
  .ly-rg-c summary{grid-template-columns:1fr;padding:16px 44px 16px 18px}
  .ly-rg-ps{grid-column:1;grid-row:auto;padding-right:0;margin-top:10px}
  .ly-rg-e{grid-column:1}
  .ly-rg-corps{padding:4px 18px 20px}
  .ly-rg-l{grid-template-columns:1fr;gap:3px}
  .ly-rg-deux{grid-template-columns:1fr;gap:20px}
  .ly-rg-f{font-size:.76rem;padding:8px 12px}
}

/* Une adresse web citee dans une phrase est un mot de soixante caracteres.
   Sur un telephone elle elargit la page entiere si on ne l autorise pas a se couper. */
.ly p,.ly li,.ly summary,.ly-suite-p,.ly-src{overflow-wrap:break-word}

/* liste des sources, un lien par ligne avec ce qu il etablit */
.ly-src{list-style:none!important;margin:14px 0 0!important;padding:0!important;display:grid;gap:2px}
.ly-src li{margin:0!important;padding:9px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:space-between;list-style:none!important}
.ly-src li:last-child{border-bottom:0}
.ly-src a{font-weight:600;text-decoration:none!important;border-bottom:1px solid rgba(171,224,254,.35)}
.ly-src a:hover{border-bottom-color:var(--sky)}
.ly-src-q{font:400 .8rem Inter,sans-serif;color:var(--mut)}
@media (max-width:760px){.ly-src li{flex-direction:column;gap:3px}}

/* ================= tableau de comparaison =================
   Neuf colonnes tiennent sur un grand ecran. Sous 900 px, chaque ligne devient
   une fiche ou l intitule de colonne revient devant sa valeur, ce qui evite le
   defilement lateral et garde la lecture possible au pouce. */
.ly-tb-cadre{margin:28px 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:16px;background:rgba(171,224,254,.04);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px)}
:root[data-theme="light"] .ly-tb-cadre{background:rgba(255,255,255,.55)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-tb-cadre{background:rgba(255,255,255,.55)}}
.ly-tb{width:100%;border-collapse:collapse;font-size:.79rem;line-height:1.45}
@media (min-width:1180px){.ly-tb-cadre{width:min(1480px,94vw);margin-left:calc(50% - min(740px,47vw))}}
.ly-tb-cap{caption-side:bottom;padding:14px 18px 16px;font:500 .74rem/1.5 Inter,sans-serif;color:var(--mut);text-align:left}
.ly-tb thead th{background:var(--bg1);font:600 .62rem Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--mut);text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
:root[data-theme="light"] .ly-tb thead th{background:#eef4fa}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-tb thead th{background:#eef4fa}}
.ly-tb tbody th{text-align:left;padding:13px 10px;vertical-align:top;border-bottom:1px solid var(--line);font-weight:600}
.ly-tb tbody td{padding:13px 10px;vertical-align:top;border-bottom:1px solid var(--line);color:var(--txt)}
.ly-tb tbody tr:last-child th,.ly-tb tbody tr:last-child td{border-bottom:0}
.ly-tb tbody tr:hover td,.ly-tb tbody tr:hover th{background:rgba(171,224,254,.05)}
.ly-tb-n{display:block;color:var(--ink);font-size:.9rem;letter-spacing:-.1px}
.ly-tb-e{display:block;margin-top:3px;font:400 .7rem/1.4 Inter,sans-serif;color:var(--mut)}
.ly-tb .ly-ok{color:var(--ink);font-weight:600}
.ly-tb .ly-ok::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sky);margin-right:8px;vertical-align:middle}
:root[data-theme="light"] .ly-tb .ly-ok::before{background:var(--deep)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-tb .ly-ok::before{background:var(--deep)}}
.ly-tb .ly-ko{color:#e0654f;font-weight:600}
.ly-tb .ly-ko::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#e0654f;margin-right:8px;vertical-align:middle}
.ly-tb .ly-nd{color:var(--mut);font-style:normal;opacity:.85}
.ly-tb .ly-mi{color:var(--ink)}
.ly-tb .ly-mi::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:linear-gradient(90deg,var(--sky) 50%,transparent 50%);border:1px solid var(--sky);margin-right:8px;vertical-align:middle}
@media (max-width:900px){
  .ly-tb-cadre{overflow-x:visible;border:0;background:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}
  .ly-tb,.ly-tb tbody,.ly-tb tr,.ly-tb th,.ly-tb td{display:block;width:auto}
  .ly-tb thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ly-tb tbody tr{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:16px 18px 12px;background:rgba(171,224,254,.04);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px)}
  :root[data-theme="light"] .ly-tb tbody tr{background:rgba(255,255,255,.55)}
  .ly-tb tbody th{padding:0 0 12px;border-bottom:1px solid var(--line);margin-bottom:10px}
  .ly-tb-n{font-size:1rem}
  .ly-tb tbody td{padding:7px 0;border:0!important;border-radius:0!important;background:none!important;display:flex;gap:14px;align-items:baseline;justify-content:space-between;text-align:right}
  /* la pastille de couleur du grand ecran occupe le meme pseudo-element que
     l intitule de colonne. Sur telephone, l intitule passe devant, la couleur du
     texte suffit a distinguer un oui d un non. */
  .ly-tb tbody td::before,.ly-tb tbody td.ly-ok::before,.ly-tb tbody td.ly-ko::before,.ly-tb tbody td.ly-mi::before,.ly-tb tbody td.ly-nd::before{content:attr(data-col);display:block;flex:0 0 44%;width:auto;height:auto;border-radius:0;background:none;border:0;margin:0;vertical-align:baseline;font:600 .64rem Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--mut);text-align:left}
  .ly-tb tbody td.ly-ok,.ly-tb tbody td.ly-ko,.ly-tb tbody td.ly-mi{text-align:right}
  .ly-tb tbody tr:hover td,.ly-tb tbody tr:hover th{background:none}
  .ly-tb-cap{caption-side:bottom;display:block;padding:10px 2px 0;order:99}
}

/* ================= passerelles internes =================
   Un lecteur qui finit une page doit voir ou aller ensuite. Trois a cinq liens,
   chacun avec son ancre et sa raison, jamais une liste de titres nus. */
.ly-suite{padding-top:8px!important}
.ly-suite-l{list-style:none!important;padding-left:0!important;margin:18px 0 0!important;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.ly-suite-l li{margin:0!important;list-style:none!important;padding:0!important}
.ly-suite-l li::marker{content:""}
.ly-suite-l li::before{display:none!important;content:none!important}
.ly-suite-l a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:14px;text-decoration:none!important;background:rgba(171,224,254,.04);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);transition:border-color .3s ease,transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
:root[data-theme="light"] .ly-suite-l a{background:rgba(255,255,255,.55)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-suite-l a{background:rgba(255,255,255,.55)}}
.ly-suite-l a:hover{border-color:rgba(171,224,254,.42);transform:translateY(-3px);box-shadow:0 18px 44px rgba(4,7,13,.32)}
.ly-suite-a{display:block;font:600 .95rem Inter,sans-serif;color:var(--ink)!important;letter-spacing:-.1px;margin-bottom:4px}
.ly-suite-p{display:block;font:400 .82rem/1.5 Inter,sans-serif;color:var(--mut)!important}
.ly-suite-l a::after{content:"\2192";float:right;color:var(--sky);opacity:.55;font-size:.9rem;margin-left:10px}
:root[data-theme="light"] .ly-suite-l a::after{color:var(--deep)}
@media (max-width:760px){.ly-suite-l{grid-template-columns:1fr;gap:8px}.ly-suite-l a{padding:14px 16px}}
/* Sur les tres petits ecrans, le dessin garde sa geometrie mais son texte grandit. */
@media (max-width:360px){.ly-fig svg.nv-mob,.ly-fig svg.nv-large.nv-colonne{--nvz:1.07}
.ly-cas{padding-left:10px!important;padding-right:10px!important}
.ly-fig{padding-left:2px!important;padding-right:2px!important}}
@media (max-width:760px){
  .ly-fig.ly-fig-bandes,.ly-fig.ly-fig-colonne{overflow:visible!important;padding-bottom:18px!important}
  .ly-fig.ly-fig-bandes::before,.ly-fig.ly-fig-bandes::after,.ly-fig.ly-fig-colonne::before,.ly-fig.ly-fig-colonne::after{display:none!important}
  .ly-fig svg.nv-large.nv-bande{overflow:hidden!important;min-width:0!important;width:var(--nvw,100%)!important;max-width:100%!important}
  .ly-fig svg.nv-large.nv-bande+svg.nv-large.nv-bande{margin-top:12px!important}
  .ly-fig svg.nv-large.nv-colonne{min-width:0!important;width:100%!important;overflow:visible!important}
  .ly-fig svg.nv-large.nv-bande text,.ly-fig svg.nv-large.nv-colonne text{font-size:calc(16.5px * var(--nvz,1))!important}
  .ly-fig svg.nv-large.nv-bande text[class$="-m"],.ly-fig svg.nv-large.nv-bande text[class*="-m "],.ly-fig svg.nv-large.nv-colonne text[class$="-m"],.ly-fig svg.nv-large.nv-colonne text[class*="-m "]{font-size:calc(16px * var(--nvz,1))!important}
  .ly-fig svg.nv-large.nv-bande text[class$="-x"],.ly-fig svg.nv-large.nv-bande text[class$="-q"],.ly-fig svg.nv-large.nv-bande text[class*="-x "],.ly-fig svg.nv-large.nv-bande text[class*="-q "],.ly-fig svg.nv-large.nv-colonne text[class$="-x"],.ly-fig svg.nv-large.nv-colonne text[class$="-q"]{font-size:calc(16px * var(--nvz,1))!important}
  .ly-fig svg.nv-large.nv-bande text[class$="-n"],.ly-fig svg.nv-large.nv-bande text[class*="-n "],.ly-fig svg.nv-large.nv-colonne text[class$="-n"],.ly-fig svg.nv-large.nv-colonne text[class*="-n "]{font-size:calc(28px * var(--nvz,1))!important}
}

/* ================= variantes portrait des figures, nv-mob =================
   Certaines figures ne se replient pas toutes seules. Elles portent alors une
   seconde version dessinee pour le portrait, servie sous 760 px, pendant que la
   version large reste servie aux ecrans qui la contiennent entierement. */
.ly-fig svg.nv-mob,svg.nv-mob{display:none!important}
/* Langage commun des variantes portrait. Les classes sont ecrites ici et non dans
   chaque figure, pour que la meme grammaire serve a toutes les langues et a toutes
   les figures a venir. */
.ly-fig svg.nv-mob{--fig:var(--sky)}
:root[data-theme="light"] .ly-fig svg.nv-mob{--fig:var(--deep)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ly-fig svg.nv-mob{--fig:var(--deep)}}
.ly-fig svg.nv-mob .nv-m{font-size:calc(19px * var(--nvz,1))!important;font-weight:500!important;fill:var(--mut)!important;letter-spacing:.09em!important}
.ly-fig svg.nv-mob .nv-t{font-size:calc(22px * var(--nvz,1))!important;font-weight:600!important;fill:var(--ink)!important;letter-spacing:.03em!important}
.ly-fig svg.nv-mob .nv-n{font-size:calc(29px * var(--nvz,1))!important;font-weight:600!important;fill:var(--ink)!important;letter-spacing:-.01em!important}
.ly-fig svg.nv-mob .nv-n-m{font-size:calc(26px * var(--nvz,1))!important}
.ly-fig svg.nv-mob .nv-n-l{font-size:calc(24px * var(--nvz,1))!important}
.ly-fig svg.nv-mob .nv-al{fill:#e0654f!important}
.ly-fig svg.nv-mob .nv-rail{fill:var(--fig);fill-opacity:.07;stroke:var(--fig);stroke-opacity:.3}
.ly-fig svg.nv-mob .nv-bar{fill:var(--fig);fill-opacity:.3;stroke:var(--fig);stroke-width:1.5}
.ly-fig svg.nv-mob .nv-bar-bad{fill:#e0654f;fill-opacity:.28;stroke:#e0654f;stroke-width:1.5}
.ly-fig svg.nv-mob .nv-lim{stroke:#e0654f;stroke-width:2;stroke-dasharray:5 4}
.ly-fig svg.nv-mob .nv-dot{fill:var(--fig);fill-opacity:.55}
.ly-fig svg.nv-mob .nv-dot-no{fill:#e0654f;fill-opacity:.85}
.ly-fig svg.nv-mob .nv-grow{transform-box:fill-box;transform-origin:left center;animation:nvGrow 8s cubic-bezier(.2,.7,.2,1) infinite}
.ly-fig svg.nv-mob .nv-g2{animation-delay:.4s}
.ly-fig svg.nv-mob .nv-g3{animation-delay:.8s}
.ly-fig svg.nv-mob .nv-perdu{animation:nvPerdu 8s ease-in-out infinite}
@keyframes nvGrow{0%{transform:scaleX(0);opacity:1}18%{transform:scaleX(1);opacity:1}88%{transform:scaleX(1);opacity:1}96%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}}
@keyframes nvPerdu{0%,52%{opacity:1}62%,86%{opacity:.1}96%,100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.ly-fig svg.nv-mob .nv-grow,.ly-fig svg.nv-mob .nv-perdu{animation:none!important}}
@media (max-width:760px){
  .ly-fig.nv-wide:has(>svg.nv-mob)>svg.nv-large{display:none!important}
  .ly-fig.nv-wide>svg.nv-mob{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important}
  .ly-fig.nv-wide:has(>svg.nv-mob){overflow:visible!important;padding:20px 16px 22px!important}
  .ly-fig.nv-wide:has(>svg.nv-mob)::before,.ly-fig.nv-wide:has(>svg.nv-mob)::after{display:none!important}
  .ly-cas-un .ly-fig.nv-wide:has(>svg.nv-mob){margin-left:-20px!important;margin-right:-20px!important;width:auto!important;max-width:none!important;padding:18px 12px 20px!important}
}


/* liste verticale qui remplace la chaine horizontale sur telephone */
.ly-chaine{display:none}
@media (max-width:760px){
  .ly-fig-chaine>svg{display:none!important}
  .ly-fig-chaine::after,.ly-fig-chaine::before{display:none!important}
  .ly-fig-chaine{overflow:visible!important;padding:20px 18px 22px!important}
  .ly-chaine{display:block;list-style:none;margin:0!important;padding:0 0 0 22px;position:relative;counter-reset:lych}
  .ly-chaine::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--sky),rgba(171,224,254,.15))}
  .ly-chaine li{position:relative;margin:0 0 16px;padding:0}
  .ly-chaine li:last-child{margin-bottom:0}
  .ly-chaine li::before{content:"";position:absolute;left:-22px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 4px rgba(171,224,254,.16)}
  .ly-chaine b{display:block;font:600 13px/1.35 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
  .ly-chaine span{display:block;margin-top:3px;font:500 13px/1.5 Inter,sans-serif;color:var(--mut)}
}

@media (max-width:760px){.ly-fig-colonne{overflow:visible!important}.ly-fig-colonne::after,.ly-fig-colonne::before{display:none!important}.ly-fig-colonne>svg.nv-large{min-width:0!important}}

/* ================= echelle unique des figures =================
   Le texte des figures est ecrit en unites du cadre, donc sa taille rendue
   depend de la largeur du conteneur. Dans les guides la figure etait enfermee
   dans la colonne de lecture de 820 px et se retrouvait rendue a 0,718x, quand
   la meme figure occupe 970 px sur l accueil. Deux tailles optiques pour un
   seul dessin. La figure sort donc de la colonne pour retrouver la largeur de
   l accueil, et une seule echelle vaut partout.
   Le seuil de 1100 px garantit que la sortie de colonne tient dans la fenetre. */
.ly-narrow .ly-fig.nv-wide{margin-bottom:20px}
@media (min-width:1100px){
  .ly-narrow .ly-fig.nv-wide{width:1018px;max-width:none;margin-left:calc(50% - 509px);margin-right:calc(50% - 509px)}
}
@media (min-width:900px) and (max-width:1099px){
  .ly-narrow .ly-fig.nv-wide{width:calc(100vw - 64px);max-width:none;margin-left:calc(50% - 50vw + 32px);margin-right:calc(50% - 50vw + 32px)}
}

/* correctifs de rendu, 25.08.2026 */
ul.ly-src{min-width:0}ul.ly-src>li{min-width:0;overflow-wrap:anywhere}ul.ly-src>li>a,ul.ly-src>li>span{min-width:0;overflow-wrap:anywhere}.ly-rg-liste,.ly-rg-c,.ly-rg-corps,.ly-rg-dl,.ly-rg-l,.ly-rg-deux{min-width:0}.ly-rg-l>dt,.ly-rg-l>dd{min-width:0;overflow-wrap:anywhere}/* accent lisible sur fond clair */:root[data-theme="light"] .ly-cas-n,:root[data-theme="light"] .ly-rg-st{color:#0c5d93!important}@media (prefers-color-scheme:light){:root:not([data-theme]) .ly-cas-n,:root:not([data-theme]) .ly-rg-st{color:#0c5d93!important}}/* les intertitres des fiches du registre passent de h4 a h3 : le plan de la page sautait un niveau */.ly-rg-corps h3{font:600 .68rem Inter,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)!important;margin:0 0 10px!important}