.cartouche{position:relative;width:100%;max-width:560px;margin:0 auto;padding-top:24px;background:linear-gradient(var(--color-bord-clair) 0 0) right 0 top 4px /156px 4px no-repeat border-box,linear-gradient(var(--color-bord-clair) 0 0) right 0 top 8px /152px 4px no-repeat border-box,linear-gradient(var(--color-bord-clair) 0 0) right 0 top 12px /148px 4px no-repeat border-box,linear-gradient(var(--color-bord-clair) 0 0) right 0 top 16px /144px 4px no-repeat border-box,linear-gradient(var(--color-bord-clair) 0 0) right 0 top 20px /140px 4px no-repeat border-box,linear-gradient(var(--color-bord-clair) 0 0) right 0 top 24px /136px 4px no-repeat border-box,var(--color-panneau);border:4px solid var(--color-bord-clair);clip-path:polygon(0 0,calc(100% - 152px) 0,calc(100% - 152px) 4px,calc(100% - 148px) 4px,calc(100% - 148px) 8px,calc(100% - 144px) 8px,calc(100% - 144px) 12px,calc(100% - 140px) 12px,calc(100% - 140px) 16px,calc(100% - 136px) 16px,calc(100% - 136px) 20px,calc(100% - 132px) 20px,calc(100% - 132px) 24px,100% 24px,100% 100%,0 100%)}.cartouche.cartouche-etroite{max-width:520px}.cartouche .cartouche-etiquette{margin:16px 16px 0;padding:18px 16px;background:var(--color-violet-fond);box-shadow:inset 0 0 0 4px var(--color-violet),inset 8px 8px 0 rgb(255 255 255/.06);text-align:center}.cartouche .cartouche-stries{display:flex;justify-content:center;gap:6px;margin:12px 0 0;padding-bottom:16px}.cartouche .cartouche-stries>i{width:6px;height:16px;background:var(--color-bord-clair)}:is(.ecran-connexion,.ecran-inscription){position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:40px;padding-top:24px;padding-bottom:40px;text-shadow:var(--contour-pixel),2px 2px 0 #06050f}:is(.ecran-connexion,.ecran-inscription) :is(.bouton-bloc,.pastille-pixel,.champ-pixel,.plaque,input,textarea,select){text-shadow:none}@media (max-width:767px){[data-bande-haut-decor]~[data-contenu-site] :is(.ecran-connexion,.ecran-inscription){padding-top:0}}@media (min-width:900px){:is(.ecran-connexion,.ecran-inscription){gap:72px;padding-top:56px;padding-bottom:96px}}:is(.ecran-connexion,.ecran-inscription) .pixel{font-family:var(--font-pixel);font-size-adjust:var(--ajustement-police-pixel);font-size:max(16px,1em);font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0}:is(.ecran-connexion,.ecran-inscription) .or{color:var(--color-or)}:is(.ecran-connexion,.ecran-inscription) .attenue{color:var(--color-attenue)}:is(.ecran-connexion,.ecran-inscription) .aide{margin:0;font-size:13px;color:var(--color-attenue)}:is(.ecran-connexion,.ecran-inscription) .colonne{display:grid;gap:12px}:is(.ecran-connexion,.ecran-inscription) .colonne>*{min-width:0}:is(.ecran-connexion,.ecran-inscription) .ligne{display:flex;flex-wrap:wrap;align-items:center;gap:12px}:is(.ecran-connexion,.ecran-inscription) .titre-2{margin:0;font-family:var(--font-pixel);font-size-adjust:var(--ajustement-police-pixel);font-size:24px;font-weight:600;line-height:1.15;letter-spacing:.01em;font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0;text-wrap:balance;text-shadow:inherit}@media (min-width:900px){:is(.ecran-connexion,.ecran-inscription) .titre-2{font-size:32px}}.ecran-connexion .logo{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-family:var(--font-pixel);font-size-adjust:var(--ajustement-police-pixel);font-size:20px;font-weight:700;letter-spacing:.06em;font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0;color:var(--color-texte);text-transform:uppercase}.ecran-connexion .logo>span:last-child{font-size:26px}.ecran-connexion .connexion-start{margin:14px 0 0;font-size:18px;letter-spacing:.2em;text-transform:uppercase}.ecran-connexion .clignote{animation:ecran-connexion-clignote 1.2s steps(1) infinite}@keyframes ecran-connexion-clignote{50%{opacity:0}}.decor-saison.decor-fige~* .ecran-connexion .clignote{animation:none}@media (prefers-reduced-motion:reduce){.ecran-connexion .clignote{animation:none!important}}.ecran-connexion .connexion-corps{gap:14px}.ecran-connexion .connexion-titre{margin:0;font-family:var(--font-affichage);font-size:calc(40px * var(--et));font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase;text-shadow:0 4px 0 var(--color-violet-sombre)}.ecran-connexion .connexion-marque{font-size:calc(30px * var(--et))}.ecran-connexion .connexion-start{font-family:var(--font-affichage);font-weight:700;letter-spacing:.3em}.ecran-connexion .connexion-alerte{margin:0;padding:12px 14px;font-size:14px}.ecran-connexion .connexion-alerte.tuile-bord-rouge{color:var(--color-rouge-clair)}.ecran-connexion .connexion-alerte.tuile-bord-or{color:var(--color-or-clair)}.ecran-connexion .connexion-mentions{gap:4px;justify-items:center;text-align:center}.ecran-connexion .connexion-mentions .ligne{justify-content:center;gap:0 24px}.ecran-inscription .inscription-etape{margin:0;font-size:22px}.ecran-inscription .inscription-etiquette-aide{margin-top:6px}.ecran-inscription .inscription-corps{gap:16px}