/* demo.html en fond clair — memes valeurs que l'accueil (index.html l.812), 22/09/2026 */
:root{--b:#FAFAFC;--s:#F1EFF9;--w:#14102B;--gold:#8A6B12}
html{background:#FAFAFC!important}
body{background:transparent!important;color:#14102B}
/* le rideau fixe pose par-dessus la video : repeint en blanc, meme degrade que l'accueil */
div[style*="z-index:-1;pointer-events:none"]{background:linear-gradient(to right,rgba(250,250,252,0) 0%,rgba(250,250,252,.55) 10%,rgba(250,250,252,.97) 22%,rgba(250,250,252,.985) 32%,rgba(250,250,252,.985) 68%,rgba(250,250,252,.97) 78%,rgba(250,250,252,.55) 90%,rgba(250,250,252,0) 100%)!important}

/* passe 2 (22/09) : les textes ecrits en clair EN DUR sur cette page, fonces */
p,li,small,label,figcaption{color:rgba(20,16,43,.72)!important}
[class*="tab"],[class*="tab"] *,[class*="sub"],[class*="desc"]{color:rgba(20,16,43,.62)!important}
[class*="tab"][class*="active"],[class*="tab"][class*="active"] *{color:#6D28D9!important}

/* passe 3 (22/09) : le MENU reste sombre, comme sur l'accueil (valeurs d'origine de la page) */
nav,header{background:rgba(5,5,8,.97)!important}
nav a,header a,nav span,header span,nav button,header button{color:#f0f0f5!important}

/* passe 3 : le TITRE de la page reprend exactement le reglage des titres de l'accueil (h2 de index.html) */
h1{font-family:'Playfair Display',serif!important;font-size:clamp(2.3rem,4.5vw,4rem)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.02em!important}

/* passe 4 (22/09) : le libelle a synapses de l'accueil (la synapse vient de theme-clair.css) */
.section-label{display:flex;align-items:center;justify-content:center;gap:.9rem;
  font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:#A87C1F!important;margin:0 auto 1.1rem}
/* le mot mis en valeur : violet vif de l'accueil */
h1 em,h2 em,h3 em{color:#6D28D9!important;-webkit-text-fill-color:#6D28D9!important;background:none!important}

/* passe 5 (22/09) : la synapse de DROITE (le content manquait) et le bloc final remonte */
.section-label::after{content:''!important}
section[style*="padding:1rem 1rem 2rem"]{margin-top:-2.5rem}