:root{
  --fond:#faf8f4; --encre:#2b2b28; --accent:#7a5c2e; --trait:#e2dccf; --doux:#6b6558;
}
*{box-sizing:border-box}
body{
  margin:0; font-family:Georgia,"Times New Roman",serif; line-height:1.65;
  color:var(--encre); background:var(--fond);
}
header{
  background:#3d3222; color:#f3ecdd; padding:1.4rem 1rem; text-align:center;
  border-bottom:4px solid var(--accent);
}
header h1{margin:0; font-size:1.9rem; letter-spacing:.02em}
header p{margin:.3rem 0 0; font-style:italic; color:#d8cbae}
nav{
  display:flex; justify-content:center; flex-wrap:wrap; gap:.2rem;
  background:#4c3f2c; padding:.4rem;
}
nav a{
  color:#f3ecdd; text-decoration:none; padding:.4rem .9rem; border-radius:3px;
  font-family:Arial,Helvetica,sans-serif; font-size:.95rem;
}
nav a:hover{background:#5f5039}
main{max-width:760px; margin:0 auto; padding:1.6rem 1.1rem}
h2{color:var(--accent); border-bottom:1px solid var(--trait); padding-bottom:.3rem}
figure{margin:1.4rem 0; text-align:center}
figure img{max-width:100%; height:auto; border:1px solid var(--trait)}
figcaption{font-size:.85rem; color:var(--doux); font-style:italic; margin-top:.3rem}
.repere{
  background:#f1ead9; border-left:4px solid var(--accent); padding:.8rem 1rem;
  margin:1.4rem 0; font-size:.95rem;
}
footer{
  text-align:center; color:var(--doux); font-size:.82rem;
  padding:1.4rem 1rem; border-top:1px solid var(--trait); margin-top:2rem;
}
a{color:var(--accent)}