:root{--or:#A87E2E;--sable:#F4E6D0;--encre:#201E1D;--encre-lag:#2A3550;
      --serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',-apple-system,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--sable);color:var(--encre);font:400 17px/1.7 var(--sans);
     text-align:center}
.wrap{max-width:760px;margin:0 auto;padding:44px 28px 90px}
/* La mesure reste courte meme centree : au-dela d'une soixantaine de signes,
   l'oeil perd le debut de la ligne suivante, et le defaut est pire au centre
   qu'a gauche puisque le point de retour change a chaque ligne. */
p{max-width:62ch;margin-left:auto;margin-right:auto}
h1{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(38px,6vw,62px);margin:18px 0 8px}
h2{font-family:var(--serif);font-weight:300;font-size:28px;margin:44px 0 10px}
p{margin:0 0 1.05em}
/* Justification du texte courant, derniere ligne centree — voir doc.css
   pour le raisonnement. Les blocs alignes a gauche gardent leur alignement
   de derniere ligne : une clause justifiee dont la fin reviendrait au
   centre n'aurait plus l'air d'une clause. */
p{text-align:justify;text-align-last:center;hyphens:auto;-webkit-hyphens:auto}
.avis,li{text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
a{color:var(--or)}
.retour{font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none}
.chapeau{font-family:var(--serif);font-size:22px;color:#4a4640;margin:18px 0 6px}
.avis{font-size:14.5px;color:#6b6459;border-left:2px solid var(--or);padding-left:16px;
      text-align:left;max-width:60ch}
/* Une clause numerotee se lit alignee a gauche : le numero doit tomber
   toujours au meme endroit, sinon la liste cesse d'en etre une. */
ol,ul{text-align:left;max-width:60ch;margin-left:auto;margin-right:auto}
[data-fr],[data-it]{display:none}
html[lang="fr"] [data-en],html[lang="fr"] [data-it]{display:none}
html[lang="fr"] [data-fr]{display:revert}
html[lang="it"] [data-en],html[lang="it"] [data-fr]{display:none}
html[lang="it"] [data-it]{display:revert}