@font-face{font-family:'Fraunces';src:url(polices/fraunces-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Fraunces';src:url(polices/fraunces-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Lato';src:url(polices/lato-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Lato';src:url(polices/lato-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Lato';src:url(polices/lato-latin-900-normal.woff2) format('woff2');font-weight:900;font-display:swap}
:root{--sapin:#1E3B2C;--sapin2:#2B5641;--creme:#F4EDE0;--creme2:#EAE0CC;--laiton:#B8913A;--laiton2:#E0BC62;--encre:#1C1F1A;--gris:#6E6A5C;--rouge:#B5432F}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:18px}
body{font-family:'Lato',system-ui,sans-serif;background:var(--creme);color:var(--encre);line-height:1.55}
a{color:var(--sapin2)}
.bandeau{background:var(--sapin);color:var(--creme);padding:10px 16px;font-weight:700;font-size:.85rem;letter-spacing:.04em;text-align:center}
.bandeau b{color:var(--laiton2)}
main{max-width:980px;margin:0 auto;padding:28px 16px 40px}
.haut{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center}
.portrait{width:240px;height:240px;border-radius:28px;border:8px solid #FFFDF8;box-shadow:0 0 0 5px var(--laiton),0 18px 40px rgba(30,59,44,.2);object-fit:cover}
h1{font-family:'Fraunces',Georgia,serif;font-weight:700;color:var(--sapin);font-size:2.3rem;line-height:1.12}
h1 em{font-style:normal;color:var(--laiton)}
h2{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--sapin);font-size:1.5rem;margin:34px 0 12px}
.sous{margin-top:12px;font-size:1.1rem;color:var(--gris)}
.carte{background:#FFFDF8;border:2px solid var(--creme2);border-radius:22px;padding:24px;box-shadow:0 14px 34px rgba(30,59,44,.08)}
form.inscription{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
form.inscription input[type=email],form.inscription input[type=text]{flex:1 1 240px;font:inherit;font-size:1.05rem;padding:15px 16px;border:2px solid var(--creme2);border-radius:14px;background:#fff}
form.inscription input:focus{outline:3px solid var(--laiton2);border-color:var(--laiton)}
button,.bouton{font:inherit;font-weight:900;font-size:1.05rem;padding:15px 24px;border:0;border-radius:14px;background:var(--laiton);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.bouton:hover{background:#a57f2f}
.petit{font-size:.82rem;color:var(--gris);margin-top:10px}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.liste{list-style:none;display:grid;gap:10px;margin-top:6px}
.liste li{padding-left:34px;position:relative}
.liste li::before{content:'';position:absolute;left:0;top:.25em;width:22px;height:22px;border-radius:7px;background:var(--sapin2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/16px no-repeat}
.grille{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.grille .carte{padding:18px}
.grille b{display:block;font-family:'Fraunces',Georgia,serif;color:var(--sapin);font-size:1.1rem;margin-bottom:4px}
.prix{font-family:'Fraunces',Georgia,serif;font-size:2.6rem;color:var(--sapin);font-weight:700}
.prix small{font-family:'Lato';font-size:1rem;color:var(--gris);font-weight:400}
.alerte{background:#FFF4DC;border:2px solid #F1DDB0;border-radius:14px;padding:12px 16px;margin-top:14px;font-size:.95rem}
.ok{background:#E7F1EC;border-color:#CFE3D8}
footer{border-top:2px solid var(--creme2);padding:22px 16px 34px;text-align:center;font-size:.82rem;color:var(--gris)}
footer p{max-width:820px;margin:6px auto}
footer a{color:var(--gris)}
.texte{max-width:760px}
.texte h2{font-size:1.25rem}
.texte p,.texte li{margin-top:8px}
@media (max-width:760px){
  html{font-size:17px}
  .haut{grid-template-columns:1fr;text-align:center;gap:16px}
  .portrait{width:150px;height:150px;margin:0 auto}
  h1{font-size:1.8rem}
  .grille{grid-template-columns:1fr}
  form.inscription button{width:100%}
}
.espace{margin-top:22px}
.centre{text-align:center}
.gris{color:var(--gris)}
.exemple p{margin-top:8px}
.exemple-titre{font-family:'Fraunces',Georgia,serif;color:var(--sapin);font-size:1.12rem;font-weight:600;margin-top:16px!important}
.exemple-titre:first-child{margin-top:0!important}
.etoiles{color:var(--laiton);letter-spacing:.06em}
table.tableau{width:100%;border-collapse:separate;border-spacing:0;padding:8px 14px}
.tableau th,.tableau td{padding:10px 8px;border-bottom:1px solid var(--creme2);text-align:center;vertical-align:middle}
.tableau th{font-family:'Fraunces',Georgia,serif;color:var(--sapin);font-weight:600;line-height:1.25}
.tableau td:first-child,.tableau th:first-child{text-align:left}
.tableau tr:last-child td{border-bottom:0}
.tableau .oui{color:var(--sapin2);font-weight:900;font-size:1.2rem}
.tableau .non{color:var(--rouge);font-size:1.1rem}
.faq details{background:#FFFDF8;border:2px solid var(--creme2);border-radius:16px;padding:14px 18px;margin-top:10px}
.faq summary{cursor:pointer;font-weight:700;color:var(--sapin)}
.faq details p{margin-top:8px}
@media (max-width:760px){.tableau th,.tableau td{padding:8px 4px;font-size:.9rem}}