/* ------------------------------------------------------------------
   CIME — base partagée entre toutes les pages du sous-domaine
   Palette et police : la charte officielle Cime, telle quelle.
   Chaque page garde son propre <style> pour ce qui lui est propre
   (accueil, page d'installation, etc.) — ce fichier ne couvre que ce
   qui se répète : variables, reset, bandeau d'en-tête, boutons, pied.
   ------------------------------------------------------------------ */
:root{
  --vert-cime:#4FB08D;
  --vert-profond:#2E8B6F;
  --brun-fondateur:#6B4423;
  --brun-clair:#8B5A2B;
  --encre:#2C2C2C;
  --blanc:#FFFFFF;
  --voile:#F2F7F4;
  --trait:#DCE6E1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
body{
  margin:0; background:var(--blanc); color:var(--encre);
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
a:focus-visible,button:focus-visible{outline:3px solid var(--vert-cime); outline-offset:3px; border-radius:3px}

/* ---------------------- en-tête : la signature ------------------- */
.barre{border-bottom:1px solid var(--trait)}
.barre .enveloppe{width:min(980px,92vw); display:flex; align-items:center; gap:.7rem; padding:.85rem 0}
.logo-ctl{margin-left:auto; display:block; line-height:0}
.logo-ctl img{height:48px; width:auto; display:block; filter:invert(1)}
@media(max-width:480px){.logo-ctl img{height:36px}}
.barre .sommet{width:36px; height:36px; display:block; flex:none}
.signature{line-height:1.25}
.signature b{font-weight:700; letter-spacing:.03em; color:var(--brun-fondateur); font-size:1.15rem}
.signature span{display:block; font-size:.92rem; color:var(--brun-clair); font-weight:500}
.signature span b{font-weight:600; color:var(--brun-fondateur)}
.signature a{color:var(--brun-clair); text-decoration:none; border-bottom:1px solid #d8c7b6}
.signature a:hover{color:var(--vert-profond); border-bottom-color:var(--vert-cime)}

/* --------------------------- boutons ------------------------------ */
.bouton{
  display:inline-block; white-space:nowrap; text-decoration:none;
  font-weight:600; font-size:.95rem; padding:.72rem 1.4rem; border-radius:999px;
  border:2px solid var(--vert-profond); background:var(--vert-profond); color:#fff;
  transition:background .18s, border-color .18s; cursor:pointer;
}
.bouton:hover{background:var(--vert-cime); border-color:var(--vert-cime)}
.bouton.creux{background:transparent; color:var(--vert-profond)}
.bouton.creux:hover{background:var(--voile); border-color:var(--vert-cime)}

/* ------------------------------ pied ------------------------------ */
footer{padding:1.9rem 0; font-size:.95rem; color:var(--brun-clair); text-align:center}
footer b{font-weight:600; color:var(--brun-fondateur)}
footer a{text-decoration:none; border-bottom:1px solid #d8c7b6}
footer a:hover b{color:var(--vert-profond)}