/* ==========================================================================
   Espace Hypnose : marges latérales des sections (2026-09-30)
   Le design importé posait 24 px de marge (18 px sur téléphone) à chaque section, avec un
   contenu de 1400 px de large : sur un écran d'ordinateur courant, le texte touchait presque
   le bord (« les textes sont super près du bord »). Une seule gouttière fluide pour tout le site (accueil, présentation, contact, pied de page et chacun des articles, qui ont tous leur propre conteneur),
   24 px sur téléphone, jusqu'à 72 px sur grand écran. Le contenu garde sa largeur de 1400 px.
   Sélecteur html body .x.x : passe devant les « .x {…!important} », leurs @media et les règles imbriquées
   des éléments Kadence (« .kadence-column… & .x »), plus précises qu’une simple classe.
   ========================================================================== */

:root{--hyp-gouttiere:clamp(24px,5vw,72px)}

html body .adc8n5q1r7.adc8n5q1r7,
html body .adk6m2t9p3.adk6m2t9p3,
html body .art5m8k3w9.art5m8k3w9,
html body .avs3k7m9p1.avs3k7m9p1,
html body .cta4z6b9f3.cta4z6b9f3,
html body .ctf6w3m9k2.ctf6w3m9k2,
html body .cth4n8f2t6.cth4n8f2t6,
html body .ctm2k8n5w3.ctm2k8n5w3,
html body .dpn4v8k2q6.dpn4v8k2q6,
html body .drl6w3m9k2.drl6w3m9k2,
html body .ecg7x3r9m1.ecg7x3r9m1,
html body .faq7r3k9p2.faq7r3k9p2,
html body .ftr7k3m9x2.ftr7k3m9x2,
html body .hr9v4j7nq2.hr9v4j7nq2,
html body .hyp8j3r6w1.hyp8j3r6w1,
html body .k4m7p2x8n1.k4m7p2x8n1,
html body .nct4r8j2w6.nct4r8j2w6,
html body .paf2x7m9k5.paf2x7m9k5,
html body .pdp3k7w5x9.pdp3k7w5x9,
html body .pra5t2w8m6.pra5t2w8m6,
html body .prc4w7m2k9.prc4w7m2k9,
html body .prc6t3w8m1.prc6t3w8m1,
html body .prc9z5t2m8.prc9z5t2m8,
html body .prt6n3k8w5.prt6n3k8w5,
html body .r8t3v6j2w5.r8t3v6j2w5,
html body .rct5w3j8n0.rct5w3j8n0,
html body .sol3m8k1w5.sol3m8k1w5,
html body .trf5k8n2w4.trf5k8n2w4{
  padding-left:var(--hyp-gouttiere)!important;
  padding-right:var(--hyp-gouttiere)!important;
  box-sizing:border-box!important;
}