:root{--lait:#faf8f4;--lin:#efe9df;--sable:#c4b5a0;--brun:#4a4238;--gris:#9a917f;--font-display:"Italiana",serif;--font-texte:"Karla",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--lait);color:var(--brun);font-family:var(--font-texte);font-weight:300;line-height:1.7}img{display:block}.pastille{background:transparent;border:1px solid var(--sable);border-radius:99px;color:var(--brun);cursor:pointer;font-family:var(--font-texte);font-size:.7rem;letter-spacing:.22em;padding:.7rem 1.6rem;text-transform:uppercase;transition:all .35s}.pastille.plein,.pastille:hover{background:var(--brun);border-color:var(--brun);color:var(--lait)}.pastille.plein:hover{background:transparent;color:var(--brun)}.pastille:disabled{cursor:not-allowed;opacity:.5}.champ{background:var(--lait);border:1px solid var(--lin);border-radius:10px;color:var(--brun);font-family:var(--font-texte);font-size:1rem;font-weight:300;padding:.9rem 1.1rem;transition:border-color .3s,box-shadow .3s;width:100%}.champ::-moz-placeholder{color:var(--sable)}.champ::placeholder{color:var(--sable)}.champ:focus{border-color:var(--sable);box-shadow:0 0 0 4px color-mix(in srgb,var(--sable) 22%,transparent);outline:none}.label-doux{color:var(--gris);display:block;font-size:.64rem;letter-spacing:.28em;margin-bottom:.6rem;text-transform:uppercase}