:root{--fond: #f4f3ef;--surface: #ffffff;--texte: #1c1c1a;--discret: #64645e;--ligne: #e1dfd8;--accent: #1c1c1a;--accent-texte: #ffffff;--erreur: #b3261e;--rayon: 10px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texte);background:var(--fond)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:15px;line-height:1.5}h1,h2{line-height:1.2;margin:0}h2{font-size:1.125rem;margin-bottom:1rem}:focus-visible{outline:2px solid #2f6fdb;outline-offset:2px}.discret{color:var(--discret)}.petit{font-size:.8125rem}.espace{flex:1}.chargement{padding:3rem;text-align:center;color:var(--discret)}.logo{font-weight:700;font-size:1.125rem;color:var(--texte);text-decoration:none;letter-spacing:-.01em}.logo span{color:var(--discret);font-weight:500}.logo.grand{font-size:1.75rem}.barre{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--ligne);position:sticky;top:0;z-index:2}.pastille{font-size:.75rem;padding:.125rem .5rem;border-radius:999px;background:#fdf0c8;color:#6b4e00;font-weight:600}.contenu{padding:1.5rem}.carte{background:var(--surface);border:1px solid var(--ligne);border-radius:var(--rayon);padding:1.25rem}label{display:block;font-weight:600;margin-bottom:.375rem}input{width:100%;font:inherit;padding:.625rem .75rem;border:1px solid #c9c7bf;border-radius:8px;background:#fff;color:var(--texte)}input[aria-invalid=true]{border-color:var(--erreur)}.bouton{font:inherit;font-weight:600;padding:.625rem 1rem;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-texte);cursor:pointer}.bouton:disabled{opacity:.6;cursor:progress}.bouton.secondaire{background:transparent;color:var(--texte);border-color:#c9c7bf}.lien{font:inherit;background:none;border:0;padding:0;color:var(--texte);cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.erreur{color:var(--erreur);margin:.5rem 0}.aide{color:var(--discret);font-size:.8125rem;margin:.375rem 0 0}.connexion{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.connexion .carte{width:min(100%,22rem);display:grid;gap:.75rem;padding:2rem}.connexion .carte p{margin:0 0 .5rem}.page-projets{display:grid;gap:2rem;grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start;max-width:72rem}@media(max-width:52rem){.page-projets{grid-template-columns:1fr}}.formulaire-creation{display:grid;gap:1rem}.adresse{display:flex;align-items:center;gap:.375rem}.adresse span{color:var(--discret);white-space:nowrap;font-size:.875rem}.grille-projets{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.carte.projet{display:grid;gap:.25rem;text-decoration:none;color:var(--texte);transition:border-color .15s}.carte.projet:hover{border-color:#9d9b93}.vue-projet{display:grid;gap:1.25rem}.entete-projet{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.entete-projet h1{font-size:1.375rem}.selecteur{display:inline-flex;border:1px solid #c9c7bf;border-radius:8px;overflow:hidden;background:var(--surface)}.selecteur button{font:inherit;border:0;background:none;padding:.5rem .75rem;cursor:pointer;color:var(--texte);border-right:1px solid var(--ligne)}.selecteur button:last-child{border-right:0}.selecteur button[aria-pressed=true]{background:var(--accent);color:var(--accent-texte)}.zone-apercus{display:flex;gap:24px;align-items:flex-start;justify-content:center;width:100%}.apercu{margin:0;display:grid;gap:.5rem}.apercu figcaption{font-weight:600;font-size:.875rem}.ecran{overflow:hidden;border-radius:12px;border:1px solid #c9c7bf;background:#fff;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}.ecran iframe{border:0;display:block;transform-origin:0 0;background:#fff}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
