.drapeau{background:var(--drapeau-ivoire);width:100%;height:100svh;font-family:var(--font-sans);display:flex;overflow:hidden;container-type:size}.drapeau,.dark .drapeau{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:oklch(96.8% .005 120);--foreground:oklch(14.5% 0 0);--input:oklch(62% .05 92/.32);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--color-background:oklch(96.8% .005 120);--color-foreground:oklch(14.5% 0 0);--color-input:oklch(62% .05 92/.32);--color-accent:oklch(97% 0 0);--color-accent-foreground:oklch(20.5% 0 0)}.drapeau-amorce{z-index:1;position:fixed;inset:0}.drapeau-panneau{background:var(--drapeau-bleu);flex:none;width:46%;position:relative;overflow:hidden}.drapeau-bande{transform-origin:0;height:25%;display:block;position:absolute;left:0;right:0}.drapeau-bande-1{background:var(--drapeau-bleu);top:0}.drapeau-bande-2{background:var(--drapeau-blanc);top:25%}.drapeau-bande-3{background:var(--drapeau-vert);top:50%}.drapeau-bande-4{background:var(--drapeau-jaune);top:75%}.drapeau-hampe{background:var(--drapeau-rouge);width:9%;display:block;position:absolute;top:0;bottom:0;left:24.5%;box-shadow:0 0 2.4cqw #00000047}.drapeau-etoile{width:4.6cqw;min-width:26px;height:4.6cqw;min-height:26px;position:absolute;top:4.5%;left:5.5%}.drapeau-cartouche{border-top:1px solid var(--drapeau-filet-or);background:linear-gradient(180deg, var(--drapeau-cartouche-haut), var(--drapeau-cartouche-bas));flex-direction:column;gap:.85cqw;padding:2.2cqw 3.2cqw 2.4cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.drapeau-nom{font-family:var(--font-serif);color:var(--drapeau-ivoire);letter-spacing:-.005em;font-size:clamp(1.5rem,3.15cqw,3.4rem);font-weight:600;line-height:1.02}.drapeau-nom em{color:var(--drapeau-or-clair);font-style:normal}.drapeau-sous-titre{color:#9dbfaa;text-transform:uppercase;letter-spacing:.15em;font-size:clamp(.58rem,1.02cqw,1rem)}.drapeau-lumiere{pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff4d,#0000);width:24%;position:absolute;top:-25%;bottom:-25%;left:-40%}.drapeau-champ{background:var(--drapeau-ivoire);color:var(--drapeau-ivoire-encre);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.9cqw;padding:3cqw 5cqw;display:flex;overflow-y:auto}.drapeau-blason{object-fit:contain;filter:drop-shadow(0 .3cqw .8cqw #0b2e1e24);width:11.2cqw;min-width:76px;height:11.2cqw;min-height:76px}.drapeau-titre{font-family:var(--font-serif);color:var(--drapeau-ivoire-encre);margin:0;font-size:clamp(1.4rem,2.9cqw,3rem);font-weight:600}.drapeau-accroche{color:#6c776f;text-align:center;max-width:34ch;margin-top:-1.3cqw;font-size:clamp(.75rem,1.22cqw,1.05rem)}.drapeau-pied{color:#8a938a;text-align:center;font-size:clamp(.68rem,1cqw,.9rem);line-height:1.5}.drapeau-formulaire{flex-direction:column;gap:1.2cqw;width:100%;min-width:min(100%,260px);max-width:25cqw;display:flex}.drapeau-groupe{flex-direction:column;gap:.55cqw;display:flex}.drapeau-groupe label,.drapeau-etiquette{color:#3d4a42;font-size:clamp(.75rem,1.15cqw,1rem);font-weight:500}.drapeau-champ-saisie{width:100%;height:3.2cqw;min-height:42px;color:var(--drapeau-ivoire-encre);background:#fff;border:1px solid #d8d2c4;border-radius:.45cqw;padding:0 1.05cqw;font-family:inherit;font-size:clamp(.85rem,1.2cqw,1.05rem)}.drapeau-champ-saisie::placeholder{color:#a9b0a6}.drapeau-champ-saisie:focus-visible{border-color:var(--bangui-vert);outline:2px solid var(--bangui-vert);outline-offset:1px}.drapeau-bouton{background:var(--bangui-vert);color:#fff;cursor:pointer;border:0;border-radius:.45cqw;justify-content:center;align-items:center;gap:.5rem;width:100%;height:3.4cqw;min-height:44px;font-family:inherit;font-size:clamp(.9rem,1.3cqw,1.1rem);font-weight:600;display:flex}.drapeau-bouton:hover:not(:disabled){opacity:.92}.drapeau-bouton:disabled{cursor:progress;opacity:.7}.drapeau-bouton:focus-visible{outline:2px solid var(--bangui-vert);outline-offset:2px}.drapeau-lien{color:var(--bangui-vert);text-underline-offset:3px;font-weight:500;text-decoration:underline}.drapeau-erreur{color:var(--bangui-rouge);font-size:clamp(.72rem,1.05cqw,.92rem)}.drapeau-message{border:1px solid color-mix(in srgb, var(--bangui-vert) 35%, transparent);background:color-mix(in srgb, var(--bangui-vert) 8%, #fff);max-width:25cqw;color:var(--bangui-vert);text-align:center;border-radius:.45cqw;padding:.7rem 1rem;font-size:clamp(.75rem,1.1cqw,.95rem)}.drapeau-cle{width:100%;min-width:min(100%,260px);max-width:25cqw;font-size:clamp(.8rem,1.1cqw,.95rem)}.drapeau-cle .relative{margin-top:.9cqw;margin-bottom:0}.drapeau-anime .drapeau-bande{animation:.72s cubic-bezier(.22,1,.36,1) both drapeau-tracer}.drapeau-anime .drapeau-bande-1{animation-delay:0s}.drapeau-anime .drapeau-bande-2{animation-delay:.12s}.drapeau-anime .drapeau-bande-3{animation-delay:.24s}.drapeau-anime .drapeau-bande-4{animation-delay:.36s}.drapeau-anime .drapeau-hampe{animation:.8s cubic-bezier(.22,1,.36,1) .7s both drapeau-descendre}.drapeau-anime .drapeau-etoile{animation:.8s cubic-bezier(.22,1,.36,1) 1.3s both drapeau-etoile,6s ease-in-out 2.4s infinite drapeau-eclat}.drapeau-anime .drapeau-cartouche{animation:.8s cubic-bezier(.22,1,.36,1) 1.55s both drapeau-monter}.drapeau-anime .drapeau-blason{animation:.9s cubic-bezier(.22,1,.36,1) 1.8s both drapeau-sceau}.drapeau-anime .drapeau-lumiere{animation:11s linear 3.6s infinite drapeau-lumiere}.drapeau-anime:not(.drapeau-pret) .drapeau-leve{animation:.6s ease-out both drapeau-lever}.drapeau-leve-1{animation-delay:2.05s}.drapeau-leve-2{animation-delay:2.15s}.drapeau-leve-3{animation-delay:2.25s}.drapeau-leve-4{animation-delay:2.35s}.drapeau-leve-5{animation-delay:2.45s}.drapeau-leve-6{animation-delay:2.55s}@keyframes drapeau-tracer{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes drapeau-descendre{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes drapeau-etoile{0%{opacity:0;transform:scale(.4)rotate(-40deg)}to{opacity:1;transform:none}}@keyframes drapeau-eclat{0%,to{filter:drop-shadow(0 0 #ffce0000)}50%{filter:drop-shadow(0 0 1cqw #ffce00bf)}}@keyframes drapeau-monter{0%{opacity:0;transform:translateY(34%)}to{opacity:1;transform:none}}@keyframes drapeau-sceau{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes drapeau-lever{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes drapeau-lumiere{0%{left:-40%}52%,to{left:130%}}@media (orientation:portrait),(width<=860px){.drapeau{flex-direction:column}.drapeau-panneau{flex:none;width:100%;height:34%;min-height:34svh}.drapeau-cartouche{gap:1.1cqw;padding:3cqw 5cqw 3.4cqw}.drapeau-nom{font-size:clamp(1.5rem,6.6cqw,3.2rem)}.drapeau-sous-titre{letter-spacing:.12em;font-size:clamp(.6rem,2.5cqw,1rem)}.drapeau-etoile{width:11cqw;height:11cqw;top:5%;left:6%}.drapeau-champ{flex:1;gap:4cqw;padding:6cqw 8cqw}.drapeau-blason{width:24cqw;height:24cqw}.drapeau-titre{font-size:clamp(1.4rem,7cqw,2.6rem)}.drapeau-accroche{margin-top:-2cqw;font-size:clamp(.78rem,3cqw,1rem)}.drapeau-formulaire,.drapeau-message,.drapeau-cle{gap:3cqw;max-width:none}.drapeau-groupe{gap:1.4cqw}.drapeau-groupe label,.drapeau-etiquette{font-size:clamp(.8rem,3cqw,1rem)}.drapeau-champ-saisie{border-radius:1.4cqw;height:9cqw;padding:0 3cqw;font-size:clamp(.9rem,3cqw,1rem)}.drapeau-bouton{border-radius:1.4cqw;height:10cqw;font-size:clamp(.95rem,3.4cqw,1.1rem)}.drapeau-pied{font-size:clamp(.7rem,2.5cqw,.9rem)}}@media (prefers-reduced-motion:reduce){.drapeau *,.drapeau :before,.drapeau :after{transition:none!important;animation:none!important}.drapeau-lumiere{display:none}}