/* =========================================================
   00-TOKENS.CSS — seul fichier a modifier pour les couleurs
     petrole #00141B · bleu-gris #A1AEC9 · menthe #00FFCC
   ========================================================= */

/* =========================================================
   LE CENTRE DE LA PROSTATE — feuille de style
   Palette : petrole #00141B / bleu-gris #A1AEC9 / menthe #00FFCC
   Tous les selecteurs sont prefixes .cp
   ========================================================= */

html,body{overflow-x:hidden}

/* --- neutralisation des styles Divi a l'interieur du bloc --- */
.cp,.cp *{font-family:inherit;box-sizing:border-box}
.cp p{padding-bottom:0 !important}
.cp h1,.cp h2,.cp h3,.cp h4{padding-bottom:0 !important}
.cp ul,.cp ol{list-style:none;padding:0;margin:0}
.cp li{list-style:none}
.cp a{transition:none}
.cp img{max-width:100%}
/* Pleine largeur : UNIQUEMENT les sections filles directes du bloc .cp
   (page d'accueil). Les <section> imbriquées des pages internes
   ne doivent surtout pas sortir de la colonne de lecture. */
.cp > section{width:100vw;margin-left:calc(50% - 50vw)}
.cp .press{padding:clamp(40px,4.5vw,58px) 0}


















:root{/* ---- Fonds sombres ---- */
  --ink:#00141B;                    /* marine plein */
  --ink-2:#000C11;                  /* marine plus profond */
  --ink-soft:rgba(0,20,27,.82);     /* marine translucide (voiles, superpositions) */

  /* ---- Accents ---- */
  --accent:#00FFCC;                 /* menthe : accents sur fond sombre uniquement */
  --accent-line:rgba(0,255,204,.55);/* filets et soulignements */
  --steel:#A1AEC9;                  /* bleu-gris : texte secondaire sur fond sombre */
  --steel-2:#C3CDDF;                /* bleu-gris clair : texte courant sur fond sombre */

  /* ---- Fonds clairs ---- */
  --paper:#F4F7F6;
  --paper-2:#E6EDEB;
  --white:#FFFFFF;

  /* ---- Texte sur fond clair ---- */
  --text:#00141B;
  --text-2:#2E4A50;                 /* secondaire (contraste 8:1, conforme) */
  --text-3:#587278;                 /* tertiaire */

  /* ---- Filets ---- */
  --line:rgba(0,20,27,.14);
  --line-dark:rgba(161,174,201,.26);

  /* ---- Typographie ---- */
  --display:'Epilogue',Georgia,serif;
  --body:'Instrument Sans',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --max:1200px;

  /* ---- Logo ---- */
  --logo-accent:#00C9A7;   /* menthe du logo */
  --logo-sub:#6D7C9E;      /* gris-bleu du logo */

  /* ---- Alias de compatibilite (ne pas utiliser dans du CSS neuf) ---- */
  --teal:#00FFCC;
  --teal-deep:#00141B;
  --teal-light:#00FFCC;
  --sage:#587278;
  --cream:#F4F7F6;
  --cream-2:#E6EDEB;}
.cp *{box-sizing:border-box}
.cp a{color:inherit}
.cp :focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.cp .wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.cp h1, .cp h2, .cp h3{font-family:var(--display);font-weight:600;letter-spacing:-.022em;margin:0}
.cp h1{font-size:clamp(40px,5.6vw,68px);line-height:1.06;text-wrap:balance}
.cp h2{font-size:clamp(28px,3.5vw,42px);line-height:1.18;text-wrap:balance}
.cp h3{font-size:19px;line-height:1.25;letter-spacing:-.01em}
.cp p{margin:0 0 18px}
.cp section{padding:clamp(60px,7.5vw,104px) 0}
.cp .eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-deep);margin:0 0 22px}
.cp .eyebrow.on-dark{color:var(--teal-light)}
.cp .lead{font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--text-2)}