:root{
 --nuit:#1d2a44;--nuit-d:#141d31;--ivoire:#f7f1e3;--ivoire-d:#efe6d1;--or:#b9902f;--or-c:#d4b25e;
 --grenat:#7a2f3a;--encre:#26303f;--doux:#5d6577;
 --serif:"Alegreya",serif;--sans:"Alegreya Sans",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--serif);background:var(--ivoire);color:var(--encre);line-height:1.75;font-size:1.05rem}
a{color:inherit}
img,svg{max-width:100%}
.filet-haut{height:5px;background:linear-gradient(90deg,var(--or),var(--or-c),var(--or))}

/* bandeau */
header.bandeau{background:var(--nuit);color:var(--ivoire);text-align:center;padding:1.6rem 1rem 1.2rem}
.marque{display:inline-flex;align-items:center;gap:1rem;text-decoration:none}
.marque img{width:64px;height:64px}
.marque .noms{text-align:left}
.marque .noms b{font-size:1.7rem;font-weight:700;letter-spacing:.02em;display:block;line-height:1.1}
.marque .noms span{font-family:var(--sans);font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--or-c)}
.marque .heb{font-size:1.5rem;color:var(--or-c);margin-left:.6rem}
nav.livre{background:var(--nuit-d);text-align:center;padding:.65rem 1rem;border-top:1px solid rgba(212,178,94,.35);border-bottom:3px double var(--or)}
nav.livre a{font-family:var(--sans);text-transform:uppercase;letter-spacing:.16em;font-size:.82rem;color:var(--ivoire);text-decoration:none;padding:.2rem .9rem}
nav.livre a:hover{color:var(--or-c)}
nav.livre a.ici{color:var(--or-c);border-bottom:1px solid var(--or-c)}
nav.livre .sep{color:var(--or);opacity:.7}

/* pages */
main{display:block}
.feuillet{max-width:760px;margin:0 auto;padding:3.2rem 1.3rem}
.feuillet.large{max-width:980px}
h1.titre,h2.titre{font-weight:700;text-align:center;color:var(--nuit);font-size:clamp(1.9rem,4.6vw,2.9rem);line-height:1.15}
.surtitre{display:block;text-align:center;font-family:var(--sans);letter-spacing:.28em;text-transform:uppercase;font-size:.78rem;color:var(--grenat);margin-bottom:.7rem}
.double{width:130px;margin:1.1rem auto 1.6rem;border:none;border-top:1px solid var(--or);border-bottom:1px solid var(--or);height:5px}
p.texte{margin-bottom:1.15rem;text-align:justify;hyphens:auto}
p.texte a{color:var(--grenat);font-weight:700}
.lettrine::first-letter{font-size:3.3em;float:left;line-height:.82;padding:.06em .12em 0 0;color:var(--grenat);font-weight:700}
.ornement{text-align:center;margin:2.2rem 0 0;color:var(--or)}
.ornement svg{width:110px;height:26px}

/* panneau nuit (mission, citations) */
.panneau{background:var(--nuit);color:var(--ivoire);padding:3.2rem 1.3rem}
.panneau .cadre{max-width:760px;margin:0 auto;border:1px solid var(--or);outline:3px double var(--or);outline-offset:6px;padding:2.4rem 2rem;text-align:center}
.panneau .surtitre{color:var(--or-c)}
.panneau blockquote{font-size:clamp(1.15rem,2.6vw,1.5rem);line-height:1.6;font-style:italic;color:#fdf8ec}
.panneau p.texte{color:#e4ddca;text-align:center}
.panneau .ref{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;color:var(--or-c);margin-top:1.1rem;display:block}

/* piliers */
.piliers{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--or);border-bottom:1px solid var(--or)}
.pilier{padding:1.8rem 1.4rem;border-left:1px solid rgba(185,144,47,.45)}
.pilier:first-child{border-left:none}
.pilier .num{font-family:var(--serif);font-size:1.05rem;color:var(--or);letter-spacing:.2em}
.pilier h3{color:var(--nuit);font-size:1.35rem;margin:.35rem 0 .5rem}
.pilier p{font-size:.97rem;color:var(--doux)}

/* bloc fond ivoire foncé */
.parchemin{background:var(--ivoire-d);border-top:1px solid var(--or);border-bottom:1px solid var(--or)}

/* formulaire */
form.plume{max-width:640px;margin:0 auto}
.champ{margin-bottom:1.15rem}
.champ label{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--nuit);display:block;margin-bottom:.35rem}
.champ input,.champ textarea,.champ select{width:100%;padding:.75rem .9rem;font-family:var(--serif);font-size:1rem;background:#fffdf7;border:1px solid var(--or);color:var(--encre)}
.champ input:focus,.champ textarea:focus,.champ select:focus{outline:2px solid var(--nuit)}
button.sceau{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;background:var(--nuit);color:var(--ivoire);border:1px solid var(--or);padding:.85rem 2.2rem;cursor:pointer}
button.sceau:hover{background:var(--grenat)}
#form-ok{display:none;margin-top:1.2rem;border:1px solid var(--or);background:#fffdf7;padding:1rem 1.2rem;color:#3c5a3c;font-weight:700}

.carte-cadre{border:1px solid var(--or);outline:3px double var(--or);outline-offset:5px;margin:1.4rem 0}
.carte-cadre iframe{display:block;width:100%;height:380px;border:0}

/* pied */
footer.socle{background:var(--nuit);color:#cfc9b8;margin-top:3rem}
footer.socle .haut{max-width:760px;margin:0 auto;padding:2.6rem 1.3rem 1.6rem;text-align:center}
footer.socle .menorah{color:var(--or-c);margin-bottom:1rem}
footer.socle p{margin-bottom:.8rem;font-size:.98rem}
footer.socle a{color:var(--or-c);text-decoration:none}
footer.socle a:hover{text-decoration:underline}
footer.socle .liens{font-family:var(--sans);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}
footer.socle .liens a{padding:0 .55rem;color:#e8e2d2}
footer.socle .base{border-top:1px solid rgba(212,178,94,.3);text-align:center;padding:1rem;font-family:var(--sans);font-size:.78rem;letter-spacing:.06em;color:#9aa0ad}

@media(max-width:760px){
 .piliers{grid-template-columns:1fr}
 .pilier{border-left:none;border-top:1px solid rgba(185,144,47,.45)}
 .pilier:first-child{border-top:none}
 nav.livre a{display:inline-block;padding:.25rem .5rem}
 .marque{flex-direction:column;gap:.4rem}.marque .noms{text-align:center}
 p.texte{text-align:left}
}