:root{--entete-place: 4.25rem}@layer composants{.lien-evitement:focus{position:fixed;inset-block-start:var(--espace-2);inset-inline-start:var(--espace-2);z-index:100}.sous-entete{padding-block-start:var(--entete-place)}:where(html){scroll-padding-block-start:calc(var(--entete-place) + var(--espace-5))}.entete{--entete-encre: var(--gris-900);--entete-doux: rgb(16 20 16 / .62);--entete-courbe: cubic-bezier(.16, 1, .3, 1);--entete-duree: .5s;position:fixed;inset-block-start:0;inset-inline-start:50%;z-index:50;container:entete / inline-size;inline-size:100%;translate:-50% 0;border:1px solid transparent;border-radius:0;background-color:#fff0;box-shadow:0 0 #0f121e00;color:var(--entete-encre);transition-property:inset-block-start,inline-size,border-radius,background-color,border-color,box-shadow;transition-duration:var(--entete-duree);transition-timing-function:var(--entete-courbe)}.entete[data-defile]{inset-block-start:1rem;inline-size:min(100% - 2rem,78.75rem);border-color:#1014100f;border-radius:var(--rayon-pilule);background-color:#ffffffd6;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 12px 36px -14px #0f121e2e}@media(prefers-reduced-motion:reduce){.entete{--entete-duree: 1ms}}.entete-barre{display:flex;align-items:center;justify-content:space-between;gap:var(--espace-3);--entete-gouttiere: calc(var(--gouttiere) - 1px);max-inline-size:calc(var(--largeur-page) + 2 * var(--entete-gouttiere));block-size:var(--entete-place);margin-inline:auto;padding-inline:var(--entete-gouttiere);transition-property:block-size,padding;transition-duration:var(--entete-duree);transition-timing-function:var(--entete-courbe)}.entete[data-defile] .entete-barre{block-size:3.25rem;padding-inline:1.5rem}.entete-logo{flex:none;display:inline-flex;border-radius:var(--rayon-s);opacity:.92;transition:opacity .3s ease;&:hover{opacity:1}& img{inline-size:auto;block-size:min(2.25rem,12.5cqi)}}.entete-nav{flex:1;display:flex;justify-content:center}.nav-liste{display:flex;align-items:center;gap:.375rem}.nav-lien{display:inline-flex;align-items:center;gap:.375rem;block-size:2.25rem;padding-inline:.875rem;border:0;background:transparent;color:var(--entete-doux);font-size:.84375rem;font-weight:550;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:color .4s cubic-bezier(.22,1,.36,1);&:hover,&[aria-expanded=true],&[aria-current=page]{color:var(--entete-encre)}.chevron{inline-size:.8rem;block-size:.8rem;opacity:.6;transition:transform .3s var(--entete-courbe)}&[aria-expanded=true] .chevron{transform:rotate(180deg)}}.nav-groupe{position:relative}.nav-deroulant{position:absolute;inset-block-start:100%;inset-inline-start:50%;padding-block-start:.75rem;translate:-50% -6px;opacity:0;visibility:hidden;transition:opacity .3s var(--entete-courbe),translate .3s var(--entete-courbe),visibility 0s linear .3s}[aria-expanded=true]+.nav-deroulant,.entete:not([data-js]) .nav-groupe:is(:hover,:focus-within)>.nav-deroulant{translate:-50% 0;opacity:1;visibility:visible;transition-delay:0s}@media(prefers-reduced-motion:reduce){.entete .nav-deroulant{translate:-50% 0}.entete .entete-cta:hover,.entete .entete-cta:hover svg{translate:none}}.nav-panneau{display:grid;min-inline-size:17.5rem;padding:.375rem;border:1px solid rgb(255 255 255 / .5);border-radius:1rem;background:#fffffff5;-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);box-shadow:inset 0 1px 1px #ffffffe6,0 2px 8px #0000000d,0 20px 60px #00000029}.nav-entree{display:block;padding:.5rem .75rem;border-radius:.75rem;color:var(--entete-encre);text-decoration:none;transition:background-color .4s cubic-bezier(.22,1,.36,1);&:hover{background:#1014100a;color:var(--entete-encre)}& strong{display:block;font-size:.8125rem;font-weight:var(--graisse-demi);letter-spacing:.01em}& span{display:block;margin-block-start:.125rem;font-size:.75rem;font-weight:var(--graisse-moyenne);line-height:1.35;color:var(--couleur-texte-doux)}}.entete-actions{flex:none;display:flex;align-items:center;gap:.75rem}.entete-espace{display:inline-flex;align-items:center;gap:.375rem;block-size:2.25rem;padding-inline:.625rem;color:var(--couleur-texte-doux);font-size:.8125rem;font-weight:var(--graisse-moyenne);letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:color .5s cubic-bezier(.22,1,.36,1);&:hover{color:var(--entete-encre)}& svg{inline-size:.875rem;block-size:.875rem}}.entete-cta{display:inline-flex;align-items:center;gap:.375rem;block-size:2.25rem;padding-inline:1rem;border-radius:var(--rayon-pilule);background:var(--gris-900);color:var(--gris-0);font-size:.8125rem;font-weight:var(--graisse-demi);letter-spacing:.025em;text-decoration:none;white-space:nowrap;box-shadow:0 6px 16px -6px #00000059;transition:box-shadow .3s ease,translate .3s ease;&:hover{color:var(--gris-0);translate:0 -1px;box-shadow:0 10px 22px -6px #0006}& svg{inline-size:.8125rem;block-size:.8125rem;opacity:.7;transition:translate .3s ease}&:hover svg{translate:2px -2px}}.entete-burger{display:none;flex-direction:column;justify-content:center;gap:5px;inline-size:var(--cible-tactile);block-size:var(--cible-tactile);margin-inline-end:calc(-1 * var(--espace-1));padding:0 calc((var(--cible-tactile) - 1.5rem) / 2);border:0;border-radius:var(--rayon-s);background:transparent;& i{display:block;block-size:1.5px;border-radius:1px;background:#10141099}& i:nth-child(2){background:#10141059}}@media(width<72rem){.entete-espace{display:none}}@media(width<56rem){.entete-nav,.entete-actions{display:none}.entete-burger{display:flex}}@container entete (width < 48rem){.entete-nav,.entete-actions{display:none}.entete-burger{display:flex}}@media(width<40rem){.entete[data-defile]{inset-block-start:.75rem;inline-size:calc(100% - 1.5rem);border-radius:1.375rem}.entete[data-defile] .entete-barre{block-size:3.125rem;padding-inline:1rem}}.menu-mobile{position:fixed;inset:0;inline-size:100%;max-inline-size:none;block-size:100dvh;max-block-size:none;margin:0;padding:0;border:0;background:#fafafaf0;color:var(--gris-900);overscroll-behavior:contain;&::backdrop{background:transparent}&[open]{display:flex;flex-direction:column;animation:menu-entree var(--duree-normale) var(--courbe-sortie)}}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.menu-mobile{background:#fafafa8c;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}}html:has(.menu-mobile[open]){overflow:hidden}.menu-mobile-tete{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;& img{block-size:1.75rem;inline-size:auto}}.menu-mobile-fermer{display:grid;place-items:center;inline-size:var(--cible-tactile);block-size:var(--cible-tactile);border:0;border-radius:50%;background:#1014100f;color:#101410b3;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent;&:hover{background:#1014101a}& svg{inline-size:1.25rem;block-size:1.25rem}}.menu-mobile:focus{outline:none}.menu-mobile-nav{flex:1;overflow-y:auto;padding:.5rem 1.75rem 1rem;-webkit-mask-image:linear-gradient(to bottom,black calc(100% - var(--espace-4)),transparent);mask-image:linear-gradient(to bottom,black calc(100% - var(--espace-4)),transparent)}@media(height<40rem){.menu-mobile-lien{font-size:var(--taille-3xl);padding-block:var(--espace-2)}.menu-mobile-espace{font-size:var(--taille-2xl)}}.menu-mobile-liste{>li{animation:menu-monte var(--duree-lente) var(--courbe-sortie) both;animation-delay:calc(var(--i, 0) * 45ms);transition:opacity .3s ease}&:has(details[open])>li:not(:has(details[open])){opacity:.4}}.menu-mobile-lien{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-block:.875rem;color:var(--gris-900);font-size:2rem;font-weight:var(--graisse-moyenne);line-height:1.05;letter-spacing:-.03em;text-decoration:none;list-style:none;cursor:pointer;&::-webkit-details-marker{display:none}&:hover{color:var(--gris-900)}& svg{flex:none;inline-size:1.125rem;block-size:1.125rem;opacity:.3;transition:translate .2s ease,transform .3s var(--courbe-sortie)}&:active svg.fleche{translate:2px -2px}}details[open]>.menu-mobile-lien svg{transform:rotate(180deg)}.menu-mobile-espace{font-style:italic;font-size:1.625rem;.cle{opacity:.45;inline-size:1.25rem;block-size:1.25rem}>span{display:inline-flex;align-items:center;gap:.625rem}}.menu-mobile-sous{display:grid;gap:.125rem;margin:.25rem 0 1rem .25rem;padding-inline-start:1.25rem;border-inline-start:1px solid rgb(16 20 16 / .12);& a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-block:.5rem;color:var(--gris-900);text-decoration:none}& strong{display:block;font-size:1rem;font-weight:var(--graisse-demi)}& a span span{display:block;font-size:.8125rem;color:var(--couleur-texte-doux)}& svg{flex:none;inline-size:1rem;block-size:1rem;opacity:.3}.aide{justify-content:flex-start;gap:.5rem;font-size:.875rem;font-style:italic;color:var(--couleur-texte-doux)}}.menu-mobile-bas{display:grid;gap:.25rem;padding:1rem 1.75rem calc(1.25rem + env(safe-area-inset-bottom));text-align:center;& small{margin-block-start:.75rem;font-size:.75rem;color:var(--couleur-texte-doux)}}.menu-mobile-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding-block:1rem;border-radius:var(--rayon-pilule);background:var(--gris-900);color:var(--gris-0);font-size:.9375rem;font-weight:var(--graisse-demi);text-decoration:none;transition:scale .15s ease;&:hover{color:var(--gris-0)}&:active{scale:.98}& svg{inline-size:1rem;block-size:1rem;opacity:.7}}.menu-mobile-second{padding-block:.75rem;color:#101410a6;font-size:.84375rem;font-weight:var(--graisse-demi);text-decoration:none;&:hover{color:var(--gris-900)}}@keyframes menu-entree{0%{opacity:0}}@keyframes menu-monte{0%{opacity:0;translate:0 10px}}.pied{--couleur-texte: var(--nuit);--couleur-texte-doux: var(--ardoise);--couleur-lien: var(--nuit);--couleur-lien-survol: var(--nuit);--couleur-bordure: rgb(11 11 12 / .16);padding-block-end:2rem;background:var(--couleur-fond);color:var(--couleur-texte);>.conteneur{padding-block-start:4.5rem;border-block-start:1px solid var(--couleur-bordure)}& a:not(.bouton){text-decoration:none;transition:opacity var(--duree-rapide) var(--courbe-standard)}.pied-famille a:hover,.pied-bas a:hover{opacity:.7}}.pied-haut{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem 1.5rem}.pied-qui{grid-column:1 / span 4;display:grid;gap:1.25rem;align-content:start;justify-items:start;& img{inline-size:auto;block-size:2.5rem}& p{max-inline-size:23rem;font-size:.9375rem;line-height:1.55;color:var(--couleur-texte-doux)}}.pied a.pied-connexion{font-size:.9375rem;font-weight:var(--graisse-moyenne);color:var(--couleur-texte);text-decoration-line:underline;text-underline-offset:4px;text-decoration-thickness:1px}.pied-famille{grid-column:span 2;align-content:start;& ul{display:grid;gap:.625rem}& a{display:inline-block;max-inline-size:100%;font-size:.9375rem;line-height:1.55;overflow-wrap:anywhere}}.pied-etiquette{margin-block-end:1.125rem;font-family:var(--police-mono);font-size:.6875rem;font-weight:var(--graisse-moyenne);letter-spacing:.16em;line-height:1.4;text-transform:uppercase;color:var(--couleur-texte-doux);font-size-adjust:none}.pied-bas{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.75rem;margin-block-start:4.5rem;padding-block-start:1.5rem;border-block-start:1px solid var(--couleur-bordure);font-size:var(--taille-s);color:var(--couleur-texte-doux);& a{color:var(--couleur-texte)}.liens{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem}.droite{margin-inline-start:auto;color:var(--couleur-texte)}.pied-lieu{display:none}}@media(width<64rem){.pied-qui{grid-column:1 / -1}.pied-famille{grid-column:span 3}}@media(width<40rem){.pied-haut{grid-template-columns:repeat(2,minmax(0,1fr))}.pied-famille{grid-column:auto}.pied-bas{flex-direction:column;align-items:flex-start;gap:var(--espace-3)}.pied-bas .droite{display:none}.pied-bas .pied-lieu{display:inline}}@media(pointer:coarse){.pied-famille ul{gap:0}.pied-famille a,.pied-bas a,.pied a.pied-connexion{display:inline-flex;align-items:center;min-block-size:var(--cible-tactile)}}@media(prefers-reduced-transparency:reduce){.entete[data-defile],.nav-panneau{background-color:var(--gris-0);-webkit-backdrop-filter:none;backdrop-filter:none}.menu-mobile{background:var(--gris-25);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(forced-colors:active){.entete[data-defile],.nav-panneau,.menu-mobile{border:1px solid CanvasText}.entete-cta,.menu-mobile-cta{border:1px solid ButtonText}.entete-burger i{background:CanvasText}}}