:root{--creme:#f2ece2;--papier:#f8f4ed;--encre:#1d2925;--encre-douce:#5a625c;--encre-pale:#8c918a;--foret:#1f4a43;--foret-fonce:#173832;--ocre:#c49a5a;--ocre-pale:#e6cfa6;--sauge:#8f9d88;--sable:#e3d8c6;--filet:#1d29251f;--alerte:#9b3b2a;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--rayon:26px;--barre:76px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--creme);color:var(--encre);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:inherit}:focus-visible{outline:2px solid var(--ocre);outline-offset:3px;border-radius:8px}.page{min-height:100dvh;padding:max(48px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) calc(var(--barre) + 40px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));position:relative;overflow-x:hidden}.colonne{z-index:1;max-width:760px;margin:0 auto;position:relative}.entete h1{font:500 clamp(40px, 7vw, 58px) / 1.04 var(--serif);color:var(--foret);letter-spacing:-.015em;margin:0}.entete p{color:var(--encre-douce);margin:14px 0 0;font-size:18px}.filet-ocre{background:var(--ocre);border-radius:2px;width:36px;height:2px;margin:26px 0 0}.grille{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));justify-items:center;gap:34px 22px;margin:48px 0 0;padding:0;list-style:none;display:grid}.vignette{justify-items:center;gap:14px;width:124px;text-decoration:none;display:grid}.vignette .tuile{border-radius:var(--rayon);place-items:center;width:118px;height:118px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 1px #1d29250a}.vignette:hover .tuile{transform:translateY(-3px);box-shadow:0 14px 28px -18px #1d292573}.vignette .tuile svg{width:52px;height:52px}.vignette .libelle{font:500 13px/1.25 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--encre);text-align:center;max-width:140px}.vignette.inactif{opacity:.45}.t-foret{background:var(--foret);color:var(--papier)}.t-ocre{background:var(--ocre);color:var(--papier)}.t-sauge{background:var(--sauge);color:var(--papier)}.t-sable{background:var(--sable);color:var(--foret)}.vide{color:var(--encre-douce);max-width:46ch;margin-top:48px}.paysage{z-index:0;pointer-events:none;height:min(46vh,380px);position:absolute;bottom:0;left:0;right:0}.paysage svg{width:100%;height:100%;display:block}.page:has(.barre) .paysage{bottom:calc(var(--barre) + env(safe-area-inset-bottom))}.barre{z-index:10;background:var(--papier);border-top:1px solid var(--filet);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.barre ul{max-width:560px;height:var(--barre);justify-content:space-around;align-items:center;margin:0 auto;padding:0 12px;list-style:none;display:flex}.barre a,.barre button{font:400 12.5px var(--sans);color:var(--encre-douce);cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;min-width:64px;padding:6px 10px;text-decoration:none;display:grid}.barre a[aria-current=page]{color:var(--foret)}.barre svg{width:26px;height:26px}.barre .plus{background:var(--ocre);width:58px;min-width:0;height:58px;color:var(--papier);border-radius:50%;place-items:center;margin-top:-6px;padding:0;box-shadow:0 10px 20px -12px #c49a5ae6}.barre .plus svg{width:28px;height:28px}.carte{background:var(--papier);border:1px solid var(--filet);border-radius:20px;padding:22px}.champ{gap:6px;display:grid}.champ+.champ{margin-top:16px}.champ label,.etiquette{font:500 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--encre-douce)}input[type=text],input[type=password],input[type=url],textarea,select{font:400 16px var(--sans);color:var(--encre);border:1px solid var(--filet);background:#fffdf9;border-radius:12px;width:100%;padding:12px 14px}textarea{resize:vertical;min-height:72px}input[type=file]{font:400 14px var(--sans)}.bouton{font:500 14px var(--sans);letter-spacing:.12em;text-transform:uppercase;background:var(--foret);color:var(--papier);cursor:pointer;border:0;border-radius:999px;padding:14px 26px}.bouton:hover{background:var(--foret-fonce)}.bouton.secondaire{color:var(--foret);box-shadow:inset 0 0 0 1px var(--foret);background:0 0}.bouton.petit{padding:9px 16px;font-size:12px}.message{border-radius:12px;margin:18px 0 0;padding:12px 14px;font-size:15px}.message.erreur{color:var(--alerte);background:#f3dfd8}.message.ok{color:var(--foret);background:#dfe8de}.connexion form{max-width:380px;margin-top:40px}.connexion .bouton{width:100%;margin-top:26px}.section{margin-top:52px}.section>h2{font:500 30px/1.1 var(--serif);color:var(--foret);margin:0 0 18px}.liste{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ligne{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;display:grid}.pastille{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.pastille svg{width:22px;height:22px}.ligne h3{font:500 17px var(--sans);margin:0}.ligne .meta{color:var(--encre-pale);overflow-wrap:anywhere;margin-top:2px;font-size:13.5px}details{margin-top:12px}details>summary{cursor:pointer;font:500 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--foret);list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"+ ";color:var(--ocre)}details[open]>summary:before{content:"– "}details>.corps{gap:12px;margin-top:14px;display:grid}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.deux{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.deux .champ+.champ{margin-top:0}.cases{gap:8px;display:grid}.cases label{text-transform:none;letter-spacing:0;color:var(--encre);align-items:center;gap:10px;font-size:15px;display:flex}.cases input{width:18px;height:18px;accent-color:var(--foret)}.badge{font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;background:var(--sable);color:var(--foret);vertical-align:2px;border-radius:6px;margin-left:8px;padding:3px 8px;display:inline-block}.badge.ocre{background:var(--ocre-pale);color:#6d4f22}.aide{color:var(--encre-pale);margin:0;font-size:13.5px}@media (max-width:560px){.deux{grid-template-columns:minmax(0,1fr)}.grille{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:28px 14px}.vignette{width:104px}.vignette .tuile{border-radius:22px;width:100px;height:100px}.vignette .tuile svg{width:44px;height:44px}.vignette .libelle{font-size:12px}}@media (prefers-reduced-motion:reduce){.vignette .tuile{transition:none}}