/* Compagnie des Donneuses d'Eaux de Vichy — feuille d'écran */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Crimson Text',Georgia,serif;font-size:1.13rem;line-height:1.72;color:#23484b;background:#f2f6f5}
img{max-width:100%;display:block}
a{color:#3e8e93}
h1,h2,h3{font-family:'Poiret One',cursive;font-weight:400;color:#23484b}
.page{max-width:900px;margin:0 auto;padding:0 20px}

/* frise d'ondes */
.onde{height:16px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="16"><path d="M0 11 q11.5 -12 23 0 t23 0" fill="none" stroke="%233e8e93" stroke-width="2"/></svg>') repeat-x center}

/* navigation en médaillon central */
.proscenium{padding:26px 0 18px;text-align:center}
.proscenium .rampe{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;max-width:960px;margin:0 auto;padding:0 20px}
.rampe .cote-jardin{text-align:right}
.rampe .cote-cour{text-align:left}
.rampe a.pas{font-family:'Poiret One',cursive;font-size:1.06rem;color:#23484b;text-decoration:none;margin:0 12px;white-space:nowrap}
.rampe a.pas:hover{color:#b98f2f}
.rampe a.pas.la{color:#b98f2f;border-bottom:1px solid #b98f2f}
.medaillon{display:inline-block}
.medaillon img{width:92px;height:92px}
.proscenium .enseigne{font-family:'Poiret One',cursive;font-size:1.05rem;letter-spacing:.28em;color:#3e8e93;margin-top:8px}
@media(max-width:840px){.proscenium .rampe{grid-template-columns:1fr}.rampe .cote-jardin,.rampe .cote-cour{text-align:center}}

/* actes */
.acte{padding:56px 0}
.acte.eau{background:#e3eeec}
h1.fronton{font-size:clamp(2.3rem,6vw,3.9rem);text-align:center;letter-spacing:.04em}
h2.linteau{font-size:clamp(1.6rem,4vw,2.4rem);text-align:center;letter-spacing:.05em;margin-bottom:8px}
.fleuron{text-align:center;color:#b98f2f;font-size:1.3rem;letter-spacing:.7em;margin:14px 0 26px}
.acte p{margin:0 auto 18px;max-width:66ch}
.centre{text-align:center}
em.eau-vive{font-style:italic;color:#2e6f6c}

/* cadre orné */
.ecrin{border:1px solid #b98f2f;outline:1px solid #b98f2f;outline-offset:5px;background:#fdfcf8;padding:40px 34px;margin:30px auto;max-width:720px;text-align:center}
.ecrin .devise{font-family:'Poiret One',cursive;font-size:1.05rem;letter-spacing:.2em;color:#b98f2f;margin-bottom:16px}
.ecrin blockquote{font-style:italic;font-size:1.22rem;line-height:1.8;color:#23484b}
.ecrin .greffe{margin-top:18px;font-size:.92rem;color:#5f7d7a}

/* colonnes du hall */
.hall{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:30px}
@media(max-width:720px){.hall{grid-template-columns:1fr}}
.buvette{background:#fdfcf8;border:1px solid #cfe0dc;border-top:4px solid #3e8e93;padding:26px 24px}
.buvette h3{font-size:1.4rem;margin-bottom:10px}
.buvette.doree{border-top-color:#b98f2f}
.verre{width:44px;height:44px;margin-bottom:12px}

/* bouton gravé */
.grave{display:inline-block;font-family:'Poiret One',cursive;font-size:1.05rem;letter-spacing:.14em;color:#23484b;background:none;border:1px solid #23484b;outline:1px solid #23484b;outline-offset:3px;padding:10px 26px;text-decoration:none;cursor:pointer;margin-top:14px}
.grave:hover{color:#b98f2f;border-color:#b98f2f;outline-color:#b98f2f}

/* écritoire */
.ecritoire fieldset{border:1px solid #cfe0dc;background:#fdfcf8;padding:26px 24px}
.ecritoire legend{font-family:'Poiret One',cursive;padding:0 12px;letter-spacing:.1em}
.ecritoire label{display:block;margin:14px 0 4px;font-style:italic;color:#2e6f6c}
.ecritoire input,.ecritoire textarea{width:100%;border:none;border-bottom:1px solid #9dbcb8;background:transparent;padding:8px 2px;font:inherit;color:#23484b}
.ecritoire input:focus,.ecritoire textarea:focus{outline:none;border-bottom:2px solid #b98f2f}
#accuse{display:none;margin-top:18px;padding:14px 18px;border:1px solid #b98f2f;background:#faf6ea;font-style:italic}
#accuse.visible{display:block}

/* plan */
.plan-grave{border:1px solid #b98f2f;outline:1px solid #b98f2f;outline-offset:5px;margin:26px auto;max-width:760px}
.plan-grave iframe{display:block;width:100%;height:350px;border:0}
.legende-plan{text-align:center;font-size:.95rem;color:#5f7d7a;font-style:italic}

/* bas de page */
.rideau{margin-top:60px;border-top:1px solid #b98f2f;padding:30px 0 26px;background:#e3eeec}
.rideau .page{text-align:center}
.rideau .parcours{font-family:'Poiret One',cursive;letter-spacing:.06em;margin-bottom:14px}
.rideau .parcours a{color:#23484b;text-decoration:none;margin:0 6px}
.rideau .parcours span{color:#b98f2f}
.rideau p{font-size:.98rem;max-width:75ch;margin:0 auto 8px}

/* clichés encadrés */
.cliche{background:#fdfcf8;border:1px solid #b98f2f;outline:1px solid #b98f2f;outline-offset:5px;padding:12px 12px 8px;margin:30px auto;max-width:720px}
.cliche img{width:100%}
.cliche figcaption{font-style:italic;text-align:center;padding:10px 6px 4px;font-size:.95rem;color:#5f7d7a}
.cliche.etroit-c{max-width:400px}
.duo-cliches{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;max-width:820px;margin:30px auto}
.duo-cliches .cliche{margin:0}
@media(max-width:700px){.duo-cliches{grid-template-columns:1fr}}