.p-connexion main.cadre{padding-block:clamp(1.5rem, 4vw, 2.5rem) var(--rythme)}.p-connexion .retour{min-height:44px;color:var(--encre-2);text-decoration:underline;-webkit-text-decoration-color:var(--trait-fort);text-decoration-color:var(--trait-fort);text-underline-offset:.2em;align-items:center;font-size:.9375rem;font-weight:600;display:inline-flex}.p-connexion .retour:hover{color:var(--encre);text-decoration-color:currentColor}.p-connexion .ouverture{gap:.9rem;margin-top:clamp(1rem,3vw,2rem);display:grid}.p-connexion .ouverture .mesure,.p-connexion .ouverture .chapo{color:var(--encre-2)}.p-connexion .ouverture .chapo{max-width:46ch}.p-connexion .ouverture h1:focus{outline:none}.p-connexion .colonnes{gap:3rem;margin-top:clamp(2.25rem,4vw,3.25rem);display:grid}@media (min-width:1000px){.p-connexion .colonnes{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;column-gap:clamp(3rem,7vw,7rem)}.p-connexion .cote{top:calc(var(--entete-h) + 1.5rem);position:sticky}}.p-connexion .formulaire{gap:1.6rem;max-width:40rem;display:grid}.p-connexion .formulaire[hidden]{display:none}.p-connexion fieldset{border:0;min-width:0;margin:0;padding:0}.p-connexion .question>label,.p-connexion .question>legend,.p-connexion .question>.intitule{padding:0;font-weight:650;display:block}.p-connexion .facultatif{color:var(--encre-2);font-weight:400}.p-connexion .aide{color:var(--encre-2);margin-top:.3rem;font-size:.9375rem}.p-connexion .champ{border:1px solid var(--trait-fort);background:var(--carte);width:100%;min-height:48px;color:var(--encre);font:inherit;border-radius:12px;margin-top:.6rem;padding:.8rem 1rem;transition:border-color .16s;display:block}.p-connexion .champ:hover{border-color:var(--encre-3)}.p-connexion .champ:focus-visible{outline:2px solid var(--encre);outline-offset:1px;border-color:var(--encre)}.p-connexion .champ[aria-invalid=true]{border-color:var(--signal-texte)}.p-connexion textarea.champ{resize:vertical;min-height:9rem;line-height:1.5}.p-connexion .rangee{gap:1.6rem;display:grid}@media (min-width:560px){.p-connexion .rangee{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.p-connexion .compteur{text-align:right;margin-top:.4rem;display:block}.p-connexion .mdp{margin-top:.6rem;position:relative}.p-connexion .mdp .champ{margin-top:0;padding-right:6.5rem}.p-connexion .voir{background:var(--papier-2);color:var(--encre);font:600 .875rem/1 var(--texte);cursor:pointer;border:0;border-radius:8px;padding:0 .9rem;transition:background-color .16s;position:absolute;top:5px;bottom:5px;right:5px}.p-connexion .voir:hover{background:var(--trait)}.p-connexion .pastilles{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.p-connexion .pastille{position:relative}.p-connexion .pastille input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.p-connexion .pastille span{border:1px solid var(--trait-fort);background:var(--carte);border-radius:999px;align-items:center;min-height:44px;padding:0 1.1rem;font-weight:550;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.p-connexion .pastille:hover span{border-color:var(--encre-3)}.p-connexion .pastille input:checked+span{background:var(--encre);border-color:var(--encre);color:var(--papier)}.p-connexion .pastille input:focus-visible+span{outline:2px solid var(--encre);outline-offset:3px}.p-connexion fieldset[data-faux] .pastille span{border-color:var(--signal-texte)}.p-connexion .erreur{color:var(--signal-texte);align-items:flex-start;gap:.5rem;margin-top:.5rem;font-size:.875rem;font-weight:600;display:flex}.p-connexion .erreur[hidden]{display:none}.p-connexion .erreur svg{flex:none;width:18px;height:18px;margin-top:.05rem}.p-connexion .envoi{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-top:.4rem;display:flex}.p-connexion .envoi small{max-width:40ch;color:var(--encre-2);font-size:.8125rem}.p-connexion .piege{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.p-connexion .envoyee{border-radius:var(--rayon);background:var(--papier-2);justify-items:start;gap:1rem;max-width:40rem;padding:clamp(1.5rem,4vw,2.25rem);display:grid}.p-connexion .envoyee[hidden]{display:none}.p-connexion .envoyee:focus{outline:none}.p-connexion .envoyee .mesure{color:var(--encre-2);align-items:center;gap:.45rem;display:inline-flex}.p-connexion .envoyee .mesure svg{width:18px;height:18px;color:var(--encre);flex:none}.p-connexion .envoyee p{max-width:52ch;color:var(--encre-2)}.p-connexion .envoyee strong{color:var(--encre);overflow-wrap:anywhere}.p-connexion .actions-ok{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:.5rem;display:flex}.p-connexion .actions-ok .lien{font-weight:600}.p-connexion .cote>*+*{border-top:1px solid var(--trait);margin-top:2rem;padding-top:2rem}.p-connexion .cote h2{font:700 1.0625rem/1.3 var(--texte)}.p-connexion .cote p{color:var(--encre-2);margin-top:.5rem;font-size:.9375rem}.p-connexion .cote ul{gap:.4rem;margin-top:.75rem;display:grid}.p-connexion .cote .lien{color:var(--encre);font-weight:600}.p-connexion .vue[hidden]{display:none}.p-connexion .connexion{gap:3rem;display:grid}@media (min-width:1000px){.p-connexion .connexion{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;column-gap:clamp(3rem,7vw,7rem)}}.p-connexion .connexion .formulaire,.p-connexion #oubli .formulaire,.p-connexion #oubli .envoyee{margin-top:clamp(2rem,4vw,2.75rem)}.p-connexion .oubli-lien{margin-top:.6rem;font-size:.9375rem}.p-connexion .oubli-lien .lien{font-weight:600}.p-connexion .encadre{border-radius:var(--rayon);background:var(--papier-2);padding:clamp(1.25rem,3vw,1.75rem)}.p-connexion .cote .encadre+*{border-top:0}.p-connexion .comptes{display:grid;gap:.5rem!important;margin-top:1rem!important}.p-connexion .comptes a{border:1px solid var(--trait-fort);background:var(--papier);color:var(--encre);border-radius:12px;gap:.15rem;padding:.85rem 1rem;text-decoration:none;transition:border-color .16s;display:grid}.p-connexion .comptes a:hover{border-color:var(--encre)}.p-connexion .comptes strong{font-weight:650}.p-connexion .comptes span{color:var(--encre-2);font-size:.875rem}.p-connexion .demo{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.p-connexion .bascule{border:1px solid var(--trait-fort);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;margin-bottom:clamp(1.75rem,4vw,2.5rem);padding:4px;display:inline-grid}.p-connexion .bascule a{text-align:center;color:var(--encre-2);border-radius:999px;padding:.6rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:color .16s,background-color .16s}.p-connexion .bascule a:hover{color:var(--encre)}.p-connexion .bascule a[aria-current]{background:var(--encre);color:var(--papier)}.p-connexion .bascule[hidden]{display:none}.p-connexion .roles{border:0;gap:.75rem;margin:0;padding:0;display:grid}.p-connexion .roles legend{margin-bottom:.75rem;font-weight:600}@media (min-width:620px){.p-connexion .roles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.p-connexion .roles legend{grid-column:1/-1}}.p-connexion .role{border:1px solid var(--trait-fort);border-radius:var(--rayon);background:var(--papier-2);cursor:pointer;align-content:start;gap:.35rem;min-height:8.5rem;padding:1.1rem 1.25rem 1.25rem;transition:border-color .16s,background-color .16s;display:grid;position:relative}.p-connexion .role:hover{border-color:var(--encre-2)}.p-connexion .role input{opacity:0;pointer-events:none;position:absolute}.p-connexion .role-tete{justify-content:space-between;align-items:center;gap:1rem;display:flex}.p-connexion .role-tete .signe{font-size:1.5rem}.p-connexion .role-tete svg{width:24px;height:24px}.p-connexion .role strong{font:700 1.1875rem/1.2 var(--titre);letter-spacing:-.01em;margin-top:auto}.p-connexion .role span:not(.signe):not(.role-tete){color:var(--encre-2);font-size:.875rem}.p-connexion .role:has(input:checked){border-color:var(--encre);background:var(--carte);box-shadow:inset 0 0 0 1px var(--encre)}.p-connexion .role:has(input:focus-visible){outline:2px solid var(--signal);outline-offset:3px}.p-connexion .role .coche{border:1.5px solid var(--trait-fort);width:22px;height:22px;transition:border-width .2s var(--sortie), border-color .16s;border-radius:50%}.p-connexion .role:has(input:checked) .coche{border:7px solid var(--encre)}.p-connexion .roles[data-faux] .role{border-color:var(--erreur,var(--signal))}.p-connexion #creer .formulaire,.p-connexion #creer .envoyee{margin-top:clamp(2rem,4vw,2.75rem)}.p-connexion .accord{max-width:52ch;color:var(--encre-2);font-size:.875rem}.p-connexion .pas{display:grid;gap:.9rem!important;margin-top:1rem!important}.p-connexion .pas li{color:var(--encre-2);grid-template-columns:2rem minmax(0,1fr);gap:.5rem;font-size:.9375rem;display:grid}.p-connexion .pas .mesure{color:var(--encre);padding-top:.15rem}.p-connexion .pas svg{width:1.25rem;height:1.25rem;color:var(--encre);margin-top:.1rem}.p-connexion .depart{border-top:1px solid var(--trait-fort);color:var(--encre-2);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-top:1.25rem;font-size:.9375rem;display:flex}.p-connexion .depart .niveau{color:var(--encre)}.p-connexion [data-pour][hidden]{display:none}.p-connexion .avis-lien{border-left:3px solid var(--signal);border-radius:0 var(--rayon) var(--rayon) 0;background:var(--papier-2);max-width:40rem;color:var(--encre-2);margin-top:clamp(1.5rem,3vw,2rem);padding:1rem 1.25rem;font-size:.9375rem}.p-connexion .avis-lien strong{color:var(--encre)}.p-connexion .avis-lien+.formulaire{margin-top:1.5rem}.p-connexion .envoi button[disabled]{opacity:.6;cursor:progress}
