/* Habillage Nubelo des sites de services (adralis, kompaz, deces, compte) : en-tête, menu, bande de ciel.
   Issu de la refonte nubelo.fr ; les règles sont limitées à .nbc (display: contents), le reste de la page garde ses styles. */
@font-face{font-family:Inter;src:url("/polices/InterVariable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Outfit;src:url("/polices/Outfit-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
.nbc{display:contents;--encre:#14181D;--sable:#F0E6E2;--fond:#F8F7F6;--blanc:#FFFFFF;--doux:#4A525C;--trait:#E6DED9;--forme:var(--encre);--enveloppe:#FFFFFF;--corail:#FF6B4A;--ease:cubic-bezier(.16,1,.3,1);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.nbc *{box-sizing:border-box}
.nbc a{text-decoration:none}
.nbc a:hover{color:inherit}
.nbc :where(p,ul,ol){margin:0;padding:0}
.nbc :where(ul,ol){list-style:none}
.nbc a:focus-visible,.nbc button:focus-visible,.nbc summary:focus-visible{outline:3px solid var(--corail);outline-offset:3px;border-radius:8px}
.nbc .conteneur{max-width:1200px;margin:0 auto;padding:0 32px}
@media (max-width:640px){.nbc .conteneur{padding-left:20px;padding-right:20px}}
.nbc .skip{position:absolute;left:16px;top:-80px;z-index:100;background:#fff;color:#14181D;padding:12px 18px;border-radius:10px;font-weight:600}
.nbc .skip:focus{top:12px}
.nbc .forme{stroke:var(--forme)}
.nbc .forme-plein{fill:var(--forme)}
.nbc .accent{fill:var(--corail)}
.nbc .rabat{stroke:var(--enveloppe)}
.nbc .entete{position:sticky;top:0;z-index:50;height:76px;margin-bottom:-76px;color:#fff;--forme:#fff;background:rgba(14,18,30,.55);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.08);transition:background .5s var(--ease),color .5s var(--ease),box-shadow .5s}
.nbc.js .entete{background:rgba(14,18,30,.0);border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.nbc.js .entete.verre{background:rgba(14,18,30,.58);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border-bottom-color:rgba(255,255,255,.08)}
.nbc.js .entete.solide,.nbc .entete.statique{background:rgba(248,247,246,.82);color:var(--encre);--forme:var(--encre);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom-color:var(--trait);box-shadow:0 10px 30px -24px rgba(20,24,29,.5)}
.nbc .marque{display:inline-flex;align-items:center;gap:.55em;font-weight:600;font-size:1.4rem;letter-spacing:-.02em;justify-self:start}
.nbc .marque svg{height:1.55em;width:auto;display:block}
.nbc .barre{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:100%}
.nbc .menu{display:flex;align-items:center;gap:4px;font-weight:500;font-size:.97rem;padding:5px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.nbc.js .entete.solide .menu,.nbc .entete.statique .menu{background:rgba(20,24,29,.04);box-shadow:inset 0 0 0 1px rgba(20,24,29,.07)}
.nbc .lien-menu{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;opacity:.88;transition:background .25s,opacity .25s}
.nbc .lien-menu:hover,.nbc .deroulant:focus-within>.lien-menu,.nbc .deroulant:hover>.lien-menu{opacity:1;background:rgba(255,255,255,.14)}
.nbc.js .entete.solide .lien-menu:hover,.nbc.js .entete.solide .deroulant:hover>.lien-menu,.nbc.js .entete.solide .deroulant:focus-within>.lien-menu,.nbc .entete.statique .lien-menu:hover,.nbc .entete.statique .deroulant:hover>.lien-menu,.nbc .entete.statique .deroulant:focus-within>.lien-menu{background:rgba(20,24,29,.06)}
.nbc .chevron{width:14px;height:14px;transition:transform .35s var(--ease)}
.nbc .deroulant{position:relative}
.nbc .deroulant:hover .chevron,.nbc .deroulant:focus-within .chevron{transform:rotate(180deg)}
.nbc .panneau{position:absolute;top:100%;left:50%;width:400px;padding-top:14px;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s .3s}
.nbc .deroulant:hover .panneau,.nbc .deroulant:focus-within .panneau{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s}
.nbc .panneau-int{background:#fff;color:var(--encre);--forme:var(--encre);border-radius:20px;padding:8px;box-shadow:0 30px 60px -20px rgba(10,14,30,.45),0 0 0 1px rgba(20,24,29,.06)}
.nbc .nb-choix{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;transition:background .2s}
.nbc .nb-choix:hover,.nbc .nb-choix:focus-visible{background:#F6F1EE}
.nbc .nb-choix .ico{flex:none;width:42px;height:42px;border-radius:12px;background:var(--sable);display:grid;place-items:center}
.nbc .nb-choix .ico svg{width:24px;height:24px}
.nbc .nb-choix b{display:block;font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:600;line-height:1.25}
.nbc .nb-choix small{display:block;font-size:.86rem;color:var(--doux);font-weight:400}
.nbc .panneau-pied{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 14px;border-top:1px solid #F1ECE9;font-size:.86rem;color:var(--doux)}
.nbc .panneau-pied a{font-weight:600;color:var(--encre)}
.nbc .droite{justify-self:end;display:flex;align-items:center;gap:10px}
.nbc .burger{display:none;position:relative}
.nbc .burger summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.nbc.js .entete.solide .burger summary,.nbc .entete.statique .burger summary{background:rgba(20,24,29,.05);box-shadow:inset 0 0 0 1px rgba(20,24,29,.1)}
.nbc .burger summary::-webkit-details-marker{display:none}
.nbc .burger summary span,.nbc .burger summary span::before,.nbc .burger summary span::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;position:relative;transition:transform .35s var(--ease),background .2s}
.nbc .burger summary span::before,.nbc .burger summary span::after{content:"";position:absolute;left:0}
.nbc .burger summary span::before{top:-6px}
.nbc .burger summary span::after{top:6px}
.nbc .burger[open] summary span{background:transparent}
.nbc .burger[open] summary span::before{transform:translateY(6px) rotate(45deg)}
.nbc .burger[open] summary span::after{transform:translateY(-6px) rotate(-45deg)}
.nbc .tiroir{position:fixed;left:12px;right:12px;top:84px;background:#fff;color:var(--encre);--forme:var(--encre);border-radius:22px;padding:10px;box-shadow:0 30px 60px -20px rgba(10,14,30,.5),0 0 0 1px rgba(20,24,29,.06);animation:tiroir .4s var(--ease)}
@keyframes tiroir{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.nbc .tiroir .titre-tiroir{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--doux);padding:10px 14px 4px}
.nbc .tiroir .simple{display:block;padding:14px;border-radius:14px;font-weight:500;font-size:1.05rem}
.nbc .tiroir .simple:hover{background:#F6F1EE}
.nbc .tiroir hr{border:0;border-top:1px solid #F1ECE9;margin:6px 4px}
.nbc .tiroir .bouton{display:flex;justify-content:center;margin:8px 4px 4px}
.nbc .bouton{display:inline-flex;align-items:center;gap:10px;background:var(--corail);color:var(--encre)!important;font-weight:600;padding:15px 26px;border-radius:999px;box-shadow:0 14px 30px -14px var(--corail);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.nbc .bouton:hover{transform:translateY(-2px);box-shadow:0 20px 36px -14px var(--corail)}
.nbc .bouton svg{transition:transform .35s var(--ease)}
.nbc .bouton:hover svg{transform:translateX(4px)}
.nbc .bouton-petit{padding:10px 20px;font-size:.95rem}
.nbc .bouton.verre{background:rgba(255,255,255,.14);color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nbc .bouton.verre:hover{background:rgba(255,255,255,.22)}
.nbc .bouton.contour{background:transparent;box-shadow:inset 0 0 0 1.5px var(--encre)}
.nbc .nb-hero{position:relative;min-height:860px;color:#fff;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#17254A 0%,#4C5A8E 34%,#C99BA0 54%,#F2C2A8 62%,#E9D6DA 63%,#E6D3D8 100%)}
.nbc .sky{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2}
.nbc .nuees{position:absolute;left:0;right:0;bottom:0;height:42%;width:100%;z-index:-2}
.nbc .nb-hero.gl .nuees{display:none}
.nbc .nb-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(10,14,32,.62) 0%,rgba(10,14,32,.30) 42%,rgba(10,14,32,0) 68%)}
.nbc .nb-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;z-index:-1;background:linear-gradient(180deg,rgba(248,247,246,0),var(--fond))}
@media (max-width:1240px){.nbc .menu,.nbc .droite>.bouton{display:none}.nbc .burger{display:block}.nbc .barre{grid-template-columns:1fr auto}}

/* bande de ciel (hero réduit) sous l'en-tête */
.nbc .nb-hero{position:relative;min-height:170px;color:#fff;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#17254A 0%,#4C5A8E 34%,#C99BA0 54%,#F2C2A8 62%,#E9D6DA 63%,#E6D3D8 100%)}
.nbc .sky{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2}
.nbc .nb-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(10,14,32,.5) 0%,rgba(10,14,32,.2) 50%,rgba(10,14,32,0) 75%)}
.nbc .nb-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;z-index:-1;background:linear-gradient(180deg,rgba(248,247,246,0),#F8F7F6)}
@media (max-width:640px){.nbc .nb-hero{min-height:130px}}
.nbc .entete.statique{margin-bottom:0}
/* compte connecté (session.js) dans l'en-tête */
.nbc .lien-compte{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;font-weight:600;font-size:.95rem;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.92;transition:opacity .25s,background .25s}
.nbc .lien-compte:hover{opacity:1;background:rgba(255,255,255,.12)}
.nbc .entete.solide .lien-compte:hover{background:rgba(20,24,29,.06)}
.nbc .lien-compte.connecte{padding:3px 14px 3px 3px;max-width:15rem;box-shadow:none;background:rgba(255,255,255,.14)}
.nbc .entete.solide .lien-compte.connecte{background:rgba(20,24,29,.06)}
.nbc .lien-compte .initiale{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--corail);color:var(--encre);font-size:.9rem;font-weight:700;text-transform:uppercase;position:relative}
.nbc .lien-compte .initiale::after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#2E9E6A;box-shadow:0 0 0 2px #fff}
.nbc .lien-compte .qui{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.nbc .tiroir .lien-compte{display:flex;justify-content:center;margin:8px 4px 0;color:var(--encre)}
@media (max-width:1240px){.nbc .droite>.lien-compte{display:none}}
@media (max-width:560px){.nbc .lien-compte .qui{display:none}.nbc .lien-compte.connecte{padding-right:3px}}
/* liens propres au service (anciens liens du menu), sous la bande de ciel */
.nbc .nb-service{position:relative;z-index:2;margin-top:-58px;background:none}
.nbc .nb-service .conteneur{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-top:8px;padding-bottom:8px}
.nbc .nb-service .nb-nom{display:inline-flex;align-items:center;gap:.5em;font-weight:600;color:var(--encre);margin-right:8px}
.nbc .nb-service .nb-nom svg{height:1.5em;width:auto;display:block}
.nbc .nb-service nav{display:flex;flex-wrap:wrap;gap:6px}
.nbc .nb-service nav a{padding:7px 16px;border-radius:999px;font-size:.95rem;font-weight:500;color:var(--doux);transition:background .25s,color .25s}
.nbc .nb-service nav a:hover{background:rgba(20,24,29,.06);color:var(--encre)}
.nbc .nb-service nav a[aria-current="page"]{background:var(--encre);color:#fff}
.nbc>*{flex:none}
.nbc .nb-service .nb-nom svg.logotype{height:1.1em}
@media (max-width:640px){.nbc .nb-service{margin-top:-36px}}
.nbc .barre{grid-template-columns:auto 1fr auto}
.nbc .menu{justify-self:center}
.nbc .droite .bouton,.nbc .droite .lien-compte{white-space:nowrap}
@media (max-width:1240px){.nbc .barre{grid-template-columns:1fr auto}}

.session-ouverte .nbc .nb-creer{display:none}
.nbc .bouton{line-height:1.25}
/* icônes des réseaux et menu élargi (lien Actualités) */
.nbc .entete .conteneur{max-width:1360px}.nbc .lien-menu{padding:8px 13px}
.nbc .reseaux{display:inline-flex;gap:8px;margin-right:6px}.nbc .reseaux a{display:inline-flex;width:30px;height:30px;transition:transform .2s,filter .2s}.nbc .reseaux a:hover{transform:translateY(-2px);filter:brightness(1.1)}.nbc .reseaux svg{width:30px;height:30px;border-radius:7px}
@media (min-width:1241px) and (max-width:1340px){.nbc .reseaux{display:none}}
