@font-face{font-family:"Young Serif";src:url("../fonts/young-serif-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Atkinson Hyperlegible Next";src:url("../fonts/atkinson-hyperlegible-next-400.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:"Atkinson Hyperlegible Next";src:url("../fonts/atkinson-hyperlegible-next-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--porcelaine: #F5F6F0;--porcelaine-fonce: #E9ECE2;--encre: #2E2A26;--encre-douce: #5A534C;--chene: #D9BC94;--chene-fonce: #B48D5F;--gris: #8D97A8;--orange: #EDA33D;--vert: #5F9B59;--rouge: #D8573F;--vert-lien: #3F7A3B;--serif: "Young Serif", Georgia, serif;--sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;--colonne: 36rem;--gouttiere: 1.25rem}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--porcelaine);color:var(--encre);font-family:var(--sans);font-size:1.1875rem;line-height:1.65;font-kerning:normal;hyphens:manual}main{flex:1;outline:none}img,svg{display:block;max-width:100%}a{color:var(--encre);text-decoration-line:underline;text-decoration-color:var(--vert);text-decoration-thickness:.12em;text-underline-offset:.2em}a:hover{text-decoration-color:var(--encre)}:focus-visible{outline:3px solid var(--encre);outline-offset:3px;border-radius:4px}.evitement{position:absolute;left:var(--gouttiere);top:-4rem;padding:.5rem 1rem;background:var(--encre);color:var(--porcelaine);z-index:10}.evitement:focus{top:.75rem}.bouton{display:inline-block;padding:.8rem 1.6rem;border-radius:999px;background:var(--encre);color:var(--porcelaine);font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .15s ease}.bouton:hover{background:#45403a;color:var(--porcelaine)}.bouton:focus-visible{outline-offset:4px;border-radius:999px}.bouton-petit{padding:.45rem 1rem;font-size:1rem}p:has(>.bouton:only-child){margin:2rem 0}.entete{max-width:64rem;margin:0 auto;padding:1.25rem var(--gouttiere);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;width:100%}.logo{display:inline-block;padding:.05rem .55rem .15rem;border:2.5px solid var(--encre);border-radius:.5rem;font-family:var(--sans);font-weight:800;font-size:1.35rem;line-height:1.2;letter-spacing:.01em;text-decoration:none}.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.35rem;font-size:1rem}.nav a:not(.bouton){text-decoration-color:rgba(0,0,0,0)}.nav a:not(.bouton):hover,.nav a[aria-current=page]:not(.bouton){text-decoration-color:var(--vert)}.nav a.bouton[aria-current=page]{background:var(--porcelaine);color:var(--encre);box-shadow:inset 0 0 0 2px var(--encre)}.texte{max-width:calc(var(--colonne) + 2*var(--gouttiere));margin:0 auto;padding:2rem var(--gouttiere) 5rem}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15;letter-spacing:-0.005em;text-wrap:balance}h1{font-size:clamp(2.35rem,1.6rem + 3.6vw,3.75rem);margin:1.5rem 0 1.5rem}h2{font-size:clamp(1.6rem,1.35rem + 1vw,2rem);margin:4.5rem 0 1.25rem}p{margin:0 0 1.15rem}h1+p:has(>em:only-child){font-size:1.3rem;line-height:1.55;color:var(--encre-douce)}.note{margin-top:2.5rem;color:var(--encre-douce);font-size:1.0625rem}.exergue{margin:2.25rem 0;padding-left:1.25rem;border-left:4px solid var(--orange);font-family:var(--serif);font-size:1.45rem;line-height:1.4}code{font-size:.9em;background:var(--porcelaine-fonce);padding:.05em .3em;border-radius:3px}.tasses{margin:1.5rem 0 0}@media(min-width: 48rem){.tasses{margin-inline:-4rem}}.tasses svg{width:100%;height:auto;overflow:visible}.table{fill:var(--chene)}.table-fil,.tasse-corps,.tasse-anse,.kluk-socle,.vapeur path{stroke:var(--encre);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tasse-anse{fill:none;stroke-width:6}.tasse-corps{fill:currentColor}.tasse-reflet{fill:none;stroke:#fff;stroke-opacity:.45;stroke-width:4;stroke-linecap:round}.kluk-socle{fill:var(--chene-fonce)}.kluk-voyant{fill:var(--porcelaine)}.vapeur path{fill:none;stroke-width:2.5;stroke:var(--encre-douce)}.humeur-gris{color:var(--gris)}.humeur-orange{color:var(--orange)}.humeur-rouge{color:var(--rouge)}.humeur-vert{color:var(--vert)}@media(prefers-reduced-motion: no-preference){.vapeur path{animation:vapeur 5s ease-in-out infinite}.vapeur path+path{animation-delay:2.5s}}@keyframes vapeur{0%,100%{opacity:.25;transform:translateY(6px)}50%{opacity:.9;transform:translateY(-6px)}}.calendrier{display:grid;grid-template-rows:repeat(7, auto);grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin:2.25rem 0 1rem;padding:1.25rem;background:#fbfcf8;border-radius:.75rem;box-shadow:inset 0 0 0 1px var(--porcelaine-fonce)}.jour{aspect-ratio:1;border-radius:2px}.jour-g{background:var(--gris)}.jour-o{background:var(--orange)}.jour-v{background:var(--vert)}.jour-r{background:var(--rouge)}@media(max-width: 30rem){.calendrier{gap:3px;padding:.9rem}}.photo{margin:2rem 0}.photo img{width:100%;height:auto;border-radius:.75rem}.photo figcaption{margin-top:.6rem;font-size:.95rem;color:var(--encre-douce)}.photo-attente{display:flex;align-items:center;gap:1.25rem;aspect-ratio:3/2;padding:1.5rem;border:2px dashed var(--chene-fonce);border-radius:.75rem;background:var(--porcelaine-fonce);color:var(--encre-douce);font-size:1rem;line-height:1.5}.photo-attente svg{flex:none;width:2.75rem;fill:none;stroke:var(--chene-fonce);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.photo-attente p{margin:0}.photo-attente strong{color:var(--encre)}.formulaire{margin:2.5rem 0 1rem;padding:1.75rem 1.25rem;background:#fbfcf8;border-radius:.75rem;box-shadow:inset 0 0 0 1px var(--porcelaine-fonce)}@media(min-width: 40rem){.formulaire{padding:2.25rem 2.5rem}}.champ{margin:0 0 1.75rem;padding:0;border:0;min-width:0}.champ>label,.champ>legend{display:block;padding:0;margin-bottom:.5rem;font-weight:700}.precision{font-weight:400;color:var(--encre-douce)}.formulaire input[type=email],.formulaire textarea{display:block;width:100%;padding:.7rem .85rem;border:2px solid #8a8279;border-radius:.5rem;background:#fff;color:var(--encre);font:inherit;line-height:1.4}.formulaire textarea{resize:vertical;min-height:8rem}.formulaire input[type=email]:focus-visible,.formulaire textarea:focus-visible{outline:3px solid var(--vert);outline-offset:1px;border-color:var(--encre)}.choix{list-style:none;margin:0;padding:0}.choix li{display:flex;align-items:flex-start;gap:.75rem;padding:.35rem 0}.choix input{flex:none;width:1.35rem;height:1.35rem;margin:.2rem 0 0;accent-color:var(--vert-lien);cursor:pointer}.choix label{cursor:pointer}.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.formulaire-erreur{padding:.75rem 1rem;border-left:4px solid var(--rouge);background:#fbe9e5;font-size:1rem}.formulaire .bouton{border:0;font:inherit;font-weight:700;cursor:pointer}.formulaire .bouton:disabled{opacity:.6;cursor:progress}.formulaire-secours{margin:1rem 0 0;font-size:1rem;color:var(--encre-douce)}.pied{background:var(--chene);border-top:3px solid var(--encre);font-size:1rem}.pied-interieur{max-width:calc(var(--colonne) + 2*var(--gouttiere));margin:0 auto;padding:2rem var(--gouttiere) 2.5rem}.pied-phrase{font-family:var(--serif);font-size:1.15rem;margin:0 0 1rem}.pied-liens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 2rem}.pied a{text-decoration-color:var(--encre);text-decoration-thickness:1px}.pied a:hover{text-decoration-thickness:2px}@media print{.entete .nav,.pied,.tasses,.calendrier{display:none}body{background:#fff}}