/* Version téléphone (30/10/2026), d'après la toile Claude Design https://claude.ai/artifact/H9tGpHy4XY2fgkYjt7iVWv
   (kit commun et une planche par page). Groupe « pratique » : financements, paiements, Qualiopi, textes légaux, blog, page du directeur.
   Tout est dans la règle @media ci-dessous : rien ne change sur ordinateur ni sur tablette large.
   Chaque règle vise sa page par une marque qui n'existe que sur elle (les classes r… de public/refonte.css sont partagées
   entre pages) : Financements = #content:has(#emploi) ; Paiements = :has(.r14b4b58) ; Qualiopi = :has(.r591bc7a) ;
   textes légaux = :has(> .ra329d46) ; page du directeur = :has(.r39ae141) ; blog et articles = .cx-blog.
   Kit : marges de 16 px, sections de 48 px, étiquette 11/14, titre de page 34/38, titre de section 28/34, intertitre
   18/24, texte 16/26, légende 13/19, grand chiffre 40/44, rond or de 44 px (icône de 22 px) à gauche du texte,
   boutons de 48 px pleine largeur. */
@media (max-width: 767px) {

/* ============================== Financements (planche Financements.dc.html) ============================== */
/* Ordre de la planche : haut de page et photo, les trois profils, « Chéng Xìn vous conseille », puis le détail. */
#content.cx-refonte:has(#emploi){display:flex;flex-direction:column}
#content.cx-refonte:has(#emploi)>.r03abf7d{order:1}
#content.cx-refonte:has(#emploi)>.r47aebfa{order:2}
#content.cx-refonte:has(#emploi)>.r3d1467f{order:3}
#content.cx-refonte:has(#emploi)>#emploi{order:4}
#content.cx-refonte:has(#emploi)>#salarie{order:5}
#content.cx-refonte:has(#emploi)>#independant{order:6}
#content.cx-refonte:has(#emploi)>.r56a0e1d{order:7}
#content.cx-refonte:has(#emploi)>.r4168a50{display:none}
/* Haut de page : fond doux, titre fin noir, photo pleine largeur au format 3:2. Les pastilles « Vous êtes » font double
   emploi avec la liste des trois profils juste dessous : masquées. */
#content.cx-refonte:has(#emploi) .r03abf7d{background:#f5f2ef;padding:0}
#content.cx-refonte:has(#emploi) .r1cf7496{gap:0}
#content.cx-refonte:has(#emploi) .rff602d2{padding:32px 16px 24px;gap:16px}
#content.cx-refonte:has(#emploi) .rc4fcdec,#content.cx-refonte:has(#emploi) .ra532299,
#content.cx-refonte:has(#emploi) .rbeff220,#content.cx-refonte:has(#emploi) .rbba300d{display:none}
#content.cx-refonte:has(#emploi) .ra8f3d12,#content.cx-refonte:has(#emploi) .r4ef7f74,#content.cx-refonte:has(#emploi) .r6e79b6f{font-size:11px;line-height:14px;letter-spacing:.16em;color:#8a6638}
#content.cx-refonte:has(#emploi) .r2d1e04c{font-size:34px;line-height:38px;color:#000}
#content.cx-refonte:has(#emploi) .rbe6c053{font-size:16px;line-height:26px;color:#5c5550}
#content.cx-refonte:has(#emploi) .r17bbb63{aspect-ratio:3/2;border-radius:0;box-shadow:none}
/* Les trois profils : lignes à rond or, sur fond blanc ; toute la ligne mène au détail (chevron à droite). */
#content.cx-refonte:has(#emploi) .r47aebfa{background:#fff;padding:48px 16px}
#content.cx-refonte:has(#emploi) .rcb1600e{align-items:flex-start;text-align:left;gap:16px;margin-bottom:16px}
#content.cx-refonte:has(#emploi) .r813df8d{font-size:28px;line-height:34px;color:#8c3c39}
#content.cx-refonte:has(#emploi) .r514c4ab{display:flex;flex-direction:column;gap:0}
#content.cx-refonte:has(#emploi) .rede9f84{position:relative;display:grid;grid-template-columns:44px auto minmax(0,1fr);gap:0 16px;align-items:center;background:none;border-radius:0;padding:14px 32px 14px 0;border-top:1px solid #e5e0db}
#content.cx-refonte:has(#emploi) .rede9f84:first-child{border-top:0}
#content.cx-refonte:has(#emploi) .r69be375{display:contents}
#content.cx-refonte:has(#emploi) .rc5a5d52{grid-column:1;grid-row:1/3;width:44px;height:44px}
#content.cx-refonte:has(#emploi) .rc5a5d52 svg,#content.cx-refonte:has(#emploi) .raf2991b svg{width:22px;height:22px}
#content.cx-refonte:has(#emploi) .rede9f84 .re8c2d08{grid-column:2;grid-row:1;align-self:end;font-family:Inter,sans-serif;font-size:16px;line-height:26px;color:#000;margin-right:-10px}
#content.cx-refonte:has(#emploi) .rede9f84 .re8c2d08::after{content:" ·"}
#content.cx-refonte:has(#emploi) .rede9f84 .r2a01270{grid-column:3;grid-row:1;align-self:end;font-family:Inter,sans-serif;font-size:16px;line-height:26px}
#content.cx-refonte:has(#emploi) .r549f32b{grid-column:2/4;grid-row:2;display:block;font-size:16px;line-height:26px}
#content.cx-refonte:has(#emploi) .rd9f76b8{display:inline;padding:0;background:none;border-radius:0}
#content.cx-refonte:has(#emploi) .rd9f76b8+.rd9f76b8::before{content:" · "}
#content.cx-refonte:has(#emploi) .r5e84629{position:absolute;inset:0;font-size:0;color:transparent}
#content.cx-refonte:has(#emploi) .r5e84629::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;margin-top:-6px;border-right:2px solid #8c3c39;border-bottom:2px solid #8c3c39;transform:rotate(-45deg)}
/* « Chéng Xìn vous conseille » : fond doux, carte blanche avec son rond à gauche de la question. */
#content.cx-refonte:has(#emploi) .r3d1467f{background:#f5f2ef;padding:48px 16px}
#content.cx-refonte:has(#emploi) .rfe8633c,#content.cx-refonte:has(#emploi) .r44e0029{gap:16px}
#content.cx-refonte:has(#emploi) .r001299e{font-size:28px;line-height:34px}
#content.cx-refonte:has(#emploi) .r449756d{font-size:16px;line-height:26px}
#content.cx-refonte:has(#emploi) .r0c46db7{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center;background:#fff;box-shadow:0 10px 30px rgba(58,52,49,.08);padding:16px}
#content.cx-refonte:has(#emploi) .raf2991b{width:44px;height:44px}
#content.cx-refonte:has(#emploi) .rbe26537{display:contents}
#content.cx-refonte:has(#emploi) .r9e3db4b{line-height:24px}
#content.cx-refonte:has(#emploi) .r0c46db7 .r7e322a7{grid-column:1/-1}
/* Les trois profils en détail : grand chiffre à gauche de « Votre profil » et du titre. */
#content.cx-refonte:has(#emploi) .r89c062e,#content.cx-refonte:has(#emploi) .rd9f4d41{padding:48px 16px}
#content.cx-refonte:has(#emploi) .rfedf2aa{gap:24px}
#content.cx-refonte:has(#emploi) .rfedf2aa>.r2b1e4d1{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:end}
#content.cx-refonte:has(#emploi) .rfedf2aa>.r2b1e4d1>.re8c2d08{grid-column:1;grid-row:1/3;font-size:40px;line-height:44px}
#content.cx-refonte:has(#emploi) .rfedf2aa>.r2b1e4d1>.r4ef7f74{grid-column:2;grid-row:1}
#content.cx-refonte:has(#emploi) .r28d280c{grid-column:2;grid-row:2;font-size:28px;line-height:34px;color:#000;padding-bottom:2px}
#content.cx-refonte:has(#emploi) .ra1e7a53{display:none}
#content.cx-refonte:has(#emploi) .rfedf2aa>.r2b1e4d1>p:not(.r4ef7f74){grid-column:1/-1;margin-top:20px}
#content.cx-refonte:has(#emploi) .r1e122a2{font-size:16px;line-height:26px;color:#000}
#content.cx-refonte:has(#emploi) .r7e322a7{font-size:16px;line-height:26px}
#content.cx-refonte:has(#emploi) .rbe4290f,#content.cx-refonte:has(#emploi) .r67d22e0,#content.cx-refonte:has(#emploi) .ra99ac7f{gap:24px}
#content.cx-refonte:has(#emploi) .rbe4290f>.r2b1e4d1,#content.cx-refonte:has(#emploi) .r67d22e0>.r2b1e4d1,#content.cx-refonte:has(#emploi) .ra99ac7f>.r2b1e4d1{gap:8px}
#content.cx-refonte:has(#emploi) .rfedf2aa .r2a01270{font-family:Inter,sans-serif;font-size:18px;line-height:24px}
/* Questions : une ligne de filet, la question en gras rouge, la réponse dessous (toutes ouvertes). */
#content.cx-refonte:has(#emploi) .r85efc46,#content.cx-refonte:has(#emploi) .re3ce048{display:block;padding:0}
#content.cx-refonte:has(#emploi) .r96d33b8{padding:16px 0 4px;font-size:16px;line-height:24px;letter-spacing:0;text-transform:none;color:#8c3c39}
#content.cx-refonte:has(#emploi) .r7dddcfc{padding:0 0 16px;font-size:16px;line-height:26px}
/* Trouver mon OPCO : carte blanche resserrée ; les 11 opérateurs en étiquettes. */
#content.cx-refonte:has(#emploi) .r26b782e{padding:8px 16px;gap:0}
#content.cx-refonte:has(#emploi) .r26b782e>.r2a01270{padding:12px 0 4px}
#content.cx-refonte:has(#emploi) .r26b782e .re3ce048{border-bottom:0}
#content.cx-refonte:has(#emploi) .r1dc38dd{gap:8px}
#content.cx-refonte:has(#emploi) .rf4b04bc{padding:6px 12px;border:1px solid #e5e0db;border-radius:4px;font-size:16px;line-height:24px}
#content.cx-refonte:has(#emploi) .r938be06{color:#8a6638}
/* Travailleur indépendant : encadré « 1 mois » sur fond doux, liste des fonds en lignes séparées par un filet. */
#content.cx-refonte:has(#emploi) .rec05a15{display:flex;flex-direction:column;gap:12px;padding:24px;background:#f5f2ef;box-shadow:none}
#content.cx-refonte:has(#emploi) .r2ff510f{padding:0;border-right:0;gap:4px}
#content.cx-refonte:has(#emploi) .r2ff510f .re8c2d08{font-size:40px;line-height:44px;white-space:nowrap}
#content.cx-refonte:has(#emploi) .re0bbeb7{font-size:13px;line-height:19px}
#content.cx-refonte:has(#emploi) .r00b9c18{padding:0;font-size:16px;line-height:26px;align-self:stretch}
#content.cx-refonte:has(#emploi) .ra56c85e{gap:24px}
#content.cx-refonte:has(#emploi) .rfea8ef7{line-height:26px}
#content.cx-refonte:has(#emploi) .r721965b{display:flex;flex-direction:column;gap:0;border-bottom:1px solid #e5e0db}
#content.cx-refonte:has(#emploi) .rf9ad9a0{gap:0;padding:16px 0;background:none;border-radius:0;border-top:1px solid #e5e0db}
#content.cx-refonte:has(#emploi) .rcb81a71{line-height:26px;color:#000}
#content.cx-refonte:has(#emploi) .r2252953{font-size:16px;line-height:26px}
/* Contact : fond doux (et non plus or), carte du directeur avec sa photo carrée à gauche ; le bouton occupe le bas de la carte. */
#content.cx-refonte:has(#emploi) .r56a0e1d{background:#f5f2ef;padding:48px 16px}
#content.cx-refonte:has(#emploi) .re4ecbff,#content.cx-refonte:has(#emploi) .r2cde2ff{gap:16px}
#content.cx-refonte:has(#emploi) .ra3887c7{font-size:28px;line-height:34px;color:#8c3c39}
#content.cx-refonte:has(#emploi) .rf82b82b{display:none}
#content.cx-refonte:has(#emploi) .r8954ac4{font-size:16px;line-height:26px}
#content.cx-refonte:has(#emploi) .rd286feb{font-size:16px;line-height:26px;color:#5c5550}
#content.cx-refonte:has(#emploi) .r7f408e8{grid-template-columns:88px minmax(0,1fr);column-gap:16px;padding:16px;align-items:center}
#content.cx-refonte:has(#emploi) .r641053d{grid-column:1;grid-row:1/3;width:88px;height:88px;border-radius:4px}
#content.cx-refonte:has(#emploi) .r092bf3c{display:contents}
#content.cx-refonte:has(#emploi) .r092bf3c .r2a01270{grid-column:2;grid-row:1;align-self:end;font-family:Inter,sans-serif;font-size:18px;line-height:24px}
#content.cx-refonte:has(#emploi) .r81b819c{grid-column:2;grid-row:2;align-self:start;margin:2px 0 0;font-size:13px;line-height:19px}
#content.cx-refonte:has(#emploi) .r1640c76{grid-column:1/-1;grid-row:3;margin:16px -16px -16px;min-height:48px;padding:12px 16px;border-radius:0;justify-content:center;gap:8px;line-height:24px}

/* ============================== Paiements (planche Paiements.dc.html) ============================== */
/* Haut de page : comme Financements, avec le bouton rouge pleine largeur sous le texte. */
#content.cx-refonte:has(.r14b4b58) .r03abf7d{background:#f5f2ef;padding:0}
#content.cx-refonte:has(.r14b4b58) .r1cf7496{gap:0}
#content.cx-refonte:has(.r14b4b58) .rff602d2{padding:32px 16px 24px;gap:16px;align-items:stretch}
#content.cx-refonte:has(.r14b4b58) .rc4fcdec,#content.cx-refonte:has(.r14b4b58) .ra532299{display:none}
#content.cx-refonte:has(.r14b4b58) :is(.ra8f3d12,.r6e79b6f,.r4ef7f74){font-size:11px;line-height:14px;letter-spacing:.16em;color:#8a6638}
#content.cx-refonte:has(.r14b4b58) .r2d1e04c{font-size:34px;line-height:38px;color:#000}
#content.cx-refonte:has(.r14b4b58) .rbe6c053{font-size:16px;line-height:26px;color:#5c5550}
#content.cx-refonte:has(.r14b4b58) .re76fbb2{--rb:#8c3c39;width:100%;min-height:48px;padding:12px 16px;justify-content:center;gap:8px;background:#8c3c39;color:#fff;line-height:24px}
#content.cx-refonte:has(.r14b4b58) .r17bbb63{aspect-ratio:3/2;border-radius:0;box-shadow:none}
/* La remise : fond blanc, encadré doux avec le rond or à gauche du montant ; l'astérisque passe sous l'encadré. */
#content.cx-refonte:has(.r14b4b58) .rf891cf4{background:#fff;padding:48px 16px}
#content.cx-refonte:has(.r14b4b58) .rc5fcd7f{display:flex;flex-direction:column;align-items:stretch;gap:16px}
#content.cx-refonte:has(.r14b4b58) .rc5fcd7f>.r2cde2ff{display:contents}
#content.cx-refonte:has(.r14b4b58) .r6e79b6f{order:1}
#content.cx-refonte:has(.r14b4b58) .r1e7007c{order:2;font-size:28px;line-height:34px;color:#8c3c39}
#content.cx-refonte:has(.r14b4b58) .r74e0f24{order:3;display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 16px;align-items:center;text-align:left;background:#f5f2ef;padding:22px 16px}
#content.cx-refonte:has(.r14b4b58) .r43274db{order:4;font-size:13px;line-height:19px;color:#5c5550}
#content.cx-refonte:has(.r14b4b58) .r74e0f24 .rc5a5d52{grid-row:1/3;width:44px;height:44px}
#content.cx-refonte:has(.r14b4b58) :is(.rc5a5d52,.raf2991b) svg{width:22px;height:22px}
#content.cx-refonte:has(.r14b4b58) .r4c150bd{font-size:40px;line-height:44px}
#content.cx-refonte:has(.r14b4b58) .re0bbeb7{font-size:13px;line-height:19px}
/* Les modes de paiement : trois cartes blanches sur fond doux, le grand chiffre à gauche du titre. */
#content.cx-refonte:has(.r14b4b58) .r15ca960{background:#f5f2ef;padding:48px 16px;gap:16px}
#content.cx-refonte:has(.r14b4b58) .r45d939e{align-items:flex-start;text-align:left;gap:16px}
#content.cx-refonte:has(.r14b4b58) .r5695c93{font-size:28px;line-height:34px}
#content.cx-refonte:has(.r14b4b58) .r2045e73{display:flex;flex-direction:column;gap:16px;background:none;box-shadow:none}
#content.cx-refonte:has(.r14b4b58) :is(.re63b674,.r7df5422){display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px 16px;align-items:center;padding:24px;border-right:0;background:#fff;border-radius:4px;box-shadow:0 10px 30px rgba(58,52,49,.08)}
#content.cx-refonte:has(.r14b4b58) :is(.re63b674,.r7df5422)>:not(.re8c2d08,.r92e0e67){grid-column:1/-1}
#content.cx-refonte:has(.r14b4b58) .re8c2d08{font-size:40px;line-height:44px}
#content.cx-refonte:has(.r14b4b58) .r92e0e67{font-size:18px;line-height:24px}
#content.cx-refonte:has(.r14b4b58) .r7e322a7{font-size:16px;line-height:26px}
#content.cx-refonte:has(.r14b4b58) .r2ba0ad2{margin:0}
#content.cx-refonte:has(.r14b4b58) .r90a9e4c{padding:4px 12px;border-radius:4px;font-size:13px;line-height:19px;color:#5c5550}
#content.cx-refonte:has(.r14b4b58) .r53bb906{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
#content.cx-refonte:has(.r14b4b58) .r19e5762{margin-top:-6px;font-size:13px;line-height:19px}
#content.cx-refonte:has(.r14b4b58) .r3e0aea3{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin:0;font-size:13px;line-height:19px}
#content.cx-refonte:has(.r14b4b58) .r14b4b58{align-items:stretch}
/* Lenbox : ligne à rond or, puis « Simuler » en bouton à contour et « Découvrez nos formations » en bouton plein. */
#content.cx-refonte:has(.r14b4b58) .rfb7567d{padding:48px 16px;gap:16px;align-items:stretch}
#content.cx-refonte:has(.r14b4b58) .r752fe4d{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center;padding:0;background:none}
#content.cx-refonte:has(.r14b4b58) .raf2991b{width:44px;height:44px}
#content.cx-refonte:has(.r14b4b58) .r1bf22e2{line-height:26px}
#content.cx-refonte:has(.r14b4b58) .r19f28b9{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;border:2px solid #8c3c39;border-radius:4px;text-decoration:none;line-height:24px}
#content.cx-refonte:has(.r14b4b58) .ra9c1145{--rb:#8c3c39;width:100%;min-height:48px;padding:12px 16px;justify-content:center;gap:8px;line-height:24px}

/* ============================== Qualiopi (planche Qualiopi.dc.html) ============================== */
/* Haut de page sur fond doux ; le logo officiel (jamais retouché, qualiopi/README.md) dans sa carte blanche, sa mention
   juste dessous en 13 px, plus petite que « processus certifié » ; le bouton vient après la carte. */
#content.cx-refonte:has(.r591bc7a) .r0061d2d{background:#f5f2ef;padding:32px 16px 24px}
#content.cx-refonte:has(.r591bc7a) .r4ff3dde{display:flex;flex-direction:column;align-items:stretch;gap:16px}
#content.cx-refonte:has(.r591bc7a) .r4ff3dde>.rff602d2{display:contents}
#content.cx-refonte:has(.r591bc7a) .rc4fcdec,#content.cx-refonte:has(.r591bc7a) .ra532299,#content.cx-refonte:has(.r591bc7a) .ra1e7a53{display:none}
#content.cx-refonte:has(.r591bc7a) :is(.r2f85382,.rbaaf326,.rcc37f26){font-size:11px;line-height:14px;letter-spacing:.16em;color:#8a6638}
#content.cx-refonte:has(.r591bc7a) .r4daeabd{font-size:34px;line-height:38px;color:#000}
#content.cx-refonte:has(.r591bc7a) .r45ab8e7{font-size:16px;line-height:26px;color:#5c5550}
#content.cx-refonte:has(.r591bc7a) .r83de8c7{order:1;padding:16px 16px 24px;gap:0}
#content.cx-refonte:has(.r591bc7a) .r591bc7a{width:100%;max-width:none;gap:0}
#content.cx-refonte:has(.r591bc7a) .r6cac88e{margin:-12px 0 0;font-size:13px;line-height:19px;color:#000}
#content.cx-refonte:has(.r591bc7a) .r2c69b3b{order:2;--rb:#8c3c39;width:100%;min-height:48px;padding:12px 16px;justify-content:center;background:#8c3c39;color:#fff;line-height:24px}
/* Notre certification : dates en grand chiffre, l'une sous l'autre, séparées par un filet. */
#content.cx-refonte:has(.r591bc7a) .r27ff0f9{padding:48px 16px;gap:16px}
#content.cx-refonte:has(.r591bc7a) .r617d987,#content.cx-refonte:has(.r591bc7a) .r617d987 .r2cde2ff{gap:16px}
#content.cx-refonte:has(.r591bc7a) .raa1407a{font-size:28px;line-height:34px}
#content.cx-refonte:has(.r591bc7a) .r5184175{padding-top:0;gap:16px}
#content.cx-refonte:has(.r591bc7a) .rfeec5b5,#content.cx-refonte:has(.r591bc7a) .r449756d,#content.cx-refonte:has(.r591bc7a) .r7e322a7{font-size:16px;line-height:26px}
#content.cx-refonte:has(.r591bc7a) .r977518e{display:flex;flex-direction:column;gap:0;padding-top:8px}
#content.cx-refonte:has(.r591bc7a) .r08dc3cb,#content.cx-refonte:has(.r591bc7a) .rbff0733{display:none}
#content.cx-refonte:has(.r591bc7a) .rc7da915{gap:4px;padding:16px 0}
#content.cx-refonte:has(.r591bc7a) .rc7da915+.rc7da915{border-top:1px solid #e5e0db}
#content.cx-refonte:has(.r591bc7a) .r8d9d203{font-size:40px;line-height:44px}
/* Ce que Qualiopi vous apporte : lignes à rond or sur fond doux, puis « qui fait quoi » sur fond blanc. */
#content.cx-refonte:has(.r591bc7a)>.r4168a50{display:none}
#content.cx-refonte:has(.r591bc7a) .r2e9a6d2{background:#f5f2ef;padding:48px 16px;gap:16px}
#content.cx-refonte:has(.r591bc7a) .r45d939e{align-items:flex-start;text-align:left;gap:16px}
#content.cx-refonte:has(.r591bc7a) .ra908abb{font-size:28px;line-height:34px;color:#8c3c39}
#content.cx-refonte:has(.r591bc7a) .r6c8d152{display:flex;flex-direction:column;gap:0}
#content.cx-refonte:has(.r591bc7a) .r293144a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 16px;align-items:center;padding:14px 0;background:none;border-radius:0;box-shadow:none;border-top:1px solid #e5e0db}
#content.cx-refonte:has(.r591bc7a) .r293144a:first-child{border-top:0}
#content.cx-refonte:has(.r591bc7a) .r293144a .rc5a5d52{grid-row:1/3;width:44px;height:44px}
#content.cx-refonte:has(.r591bc7a) .rc5a5d52 svg{width:22px;height:22px}
#content.cx-refonte:has(.r591bc7a) .rfbfcc4a{align-self:end;font-size:16px;line-height:26px}
#content.cx-refonte:has(.r591bc7a) .rce1c672{align-self:start;font-size:16px;line-height:26px}
#content.cx-refonte:has(.r591bc7a) .r2e9a6d2>.rf22e0e6{margin:32px -16px -48px;padding:48px 16px;background:#fff;gap:16px}
#content.cx-refonte:has(.r591bc7a) .r7ddd9a1{font-size:28px;line-height:34px;color:#8c3c39}
#content.cx-refonte:has(.r591bc7a) .rdfd4f64{padding:0;background:none;border-radius:0;box-shadow:none}
#content.cx-refonte:has(.r591bc7a) :is(.r1ed3c61,.r340898d,.r62ccbf6){display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:14px 0;border-bottom:0;border-top:1px solid #e5e0db}
#content.cx-refonte:has(.r591bc7a) .rdfd4f64>:first-child{border-top:0}
#content.cx-refonte:has(.r591bc7a) .r62ccbf6{gap:8px;border-bottom:1px solid #e5e0db}
#content.cx-refonte:has(.r591bc7a) .r32e3ec6{font-size:16px;line-height:26px}
#content.cx-refonte:has(.r591bc7a) .r4dd1305{padding:4px 12px;border-radius:4px;font-size:13px;line-height:19px}
#content.cx-refonte:has(.r591bc7a) .r9d050ad{font-size:13px;line-height:19px;color:#5c5550}

/* ============================== Textes légaux (planche TexteLegal.dc.html, un seul modèle pour les quatre) ============================== */
/* Haut de page sur fond doux ; les quatre textes en pastilles qui défilent de côté (le texte affiché en rouge plein,
   amené en vue au chargement là où le navigateur sait le faire). */
#content.cx-refonte:has(>.ra329d46) .ra329d46{background:#f5f2ef;padding:32px 0 24px}
#content.cx-refonte:has(>.ra329d46) .rbbb9f58{flex-direction:column;align-items:flex-start;gap:16px;padding:0 16px 16px}
#content.cx-refonte:has(>.ra329d46) .r7287081{gap:16px}
#content.cx-refonte:has(>.ra329d46) .ra532299{display:none}
#content.cx-refonte:has(>.ra329d46) .ra8f3d12{font-size:11px;line-height:14px;letter-spacing:.16em;color:#8a6638}
#content.cx-refonte:has(>.ra329d46) .r2d1e04c{font-size:34px;line-height:38px;color:#000}
#content.cx-refonte:has(>.ra329d46) .r469e255{padding:0;background:none;border-radius:0;font-size:13px;line-height:19px}
#content.cx-refonte:has(>.ra329d46) .r469e255 svg{width:18px;height:18px;color:#8a6638}
#content.cx-refonte:has(>.ra329d46) .rd8e18c2{flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 16px;scroll-padding-inline:16px;border-bottom:0}
#content.cx-refonte:has(>.ra329d46) .rd8e18c2::-webkit-scrollbar{display:none}
#content.cx-refonte:has(>.ra329d46) :is(.rdc4320f,.r17052cf){flex:none;display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 16px;border-radius:4px;border:1px solid #e5e0db;background:#fff;color:#8c3c39;font-weight:700;font-size:16px;line-height:24px;text-decoration:none}
#content.cx-refonte:has(>.ra329d46) .r17052cf{--rb:#8c3c39;background:#8c3c39;border-color:#8c3c39;color:#fff;scroll-initial-target:nearest}
/* Sommaire dans un cadre filet, puis la question au secrétariat en ligne à rond or. */
#content.cx-refonte:has(>.ra329d46) .ra695fcb{padding:24px 16px 0}
#content.cx-refonte:has(>.ra329d46) .rc2258ae{gap:0}
#content.cx-refonte:has(>.ra329d46) .refc4f29{gap:16px;padding-bottom:32px}
#content.cx-refonte:has(>.ra329d46) .r84c7f50{background:#fff;border:1px solid #e5e0db;padding:0 16px 8px}
#content.cx-refonte:has(>.ra329d46) .r61f3355{display:flex;align-items:center;min-height:56px;margin:0;font-size:18px;line-height:24px;letter-spacing:0;text-transform:none;color:#000}
#content.cx-refonte:has(>.ra329d46) .r804dea9{font-size:16px;line-height:24px}
#content.cx-refonte:has(>.ra329d46) .r56dfd79{align-items:center;min-height:48px;box-sizing:border-box;padding:8px 0}
#content.cx-refonte:has(>.ra329d46) .r3e13b55{flex:none;width:28px;font-family:Buda,serif;font-weight:700;font-size:18px;line-height:24px;color:#8c3c39}
#content.cx-refonte:has(>.ra329d46) .r72080ae{align-items:center;gap:16px;padding:0;flex-wrap:nowrap}
#content.cx-refonte:has(>.ra329d46) .rdb9627d{width:44px;height:44px}
#content.cx-refonte:has(>.ra329d46) .rdb9627d svg{width:22px;height:22px}
#content.cx-refonte:has(>.ra329d46) .rd45fb57{font-size:16px;line-height:26px;color:#000}
/* Les articles : filet sur toute la largeur, titre de section, texte confortable 16/26. */
#content.cx-refonte:has(>.ra329d46) .rb521731>article{gap:16px;margin:0 -16px;padding:32px 16px}
#content.cx-refonte:has(>.ra329d46) .r2c3bbb5{flex-wrap:nowrap;gap:12px;font-size:28px;line-height:34px}
#content.cx-refonte:has(>.ra329d46) .r1fa97e8{flex:none;font-size:28px}
#content.cx-refonte:has(>.ra329d46) .cx-legal{font-size:16px;line-height:26px}
#content.cx-refonte:has(>.ra329d46) .cx-legal p{margin:0 0 16px}
#content.cx-refonte:has(>.ra329d46) .cx-legal p:last-child{margin-bottom:0}
#content.cx-refonte:has(>.ra329d46) .cx-legal h3{margin:24px 0 16px;font-family:Inter,sans-serif;font-size:18px;line-height:24px;color:#000}
#content.cx-refonte:has(>.ra329d46) .cx-legal h3:first-child{margin-top:0}
#content.cx-refonte:has(>.ra329d46) .cx-legal h4{margin:16px 0 8px;font-size:16px;line-height:26px}
#content.cx-refonte:has(>.ra329d46) .cx-legal ul{list-style:none;margin:0 0 16px;padding:0}
#content.cx-refonte:has(>.ra329d46) .cx-legal ul>li{position:relative;margin-bottom:8px;padding-left:18px}
#content.cx-refonte:has(>.ra329d46) .cx-legal ul>li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:999px;background:#c59b6c}
#content.cx-refonte:has(>.ra329d46) .cx-legal ol{margin:0 0 16px;padding-left:22px}
#content.cx-refonte:has(>.ra329d46) .cx-legal table{font-size:13px;line-height:19px}

/* ============================== Blog : la liste (planche Blog.dc.html) et les articles (planche Article.dc.html) ============================== */
#content.cx-blog .bl-surtitre{font-size:11px;line-height:14px}
#content.cx-blog .bl-meta{font-size:13px;line-height:19px;color:#5c5550}
#content.cx-blog .bl-filet{display:none}
/* En-tête de la liste : fond doux, rubriques en pastilles qui défilent de côté. */
#content.cx-blog .bl-tete>.bl-cadre{padding-block:32px 24px;gap:16px}
#content.cx-blog .bl-tete h1{font-size:34px;line-height:38px}
#content.cx-blog .bl-intro{line-height:26px}
#content.cx-blog .bl-filtres{margin-top:0}
#content.cx-blog .bl-pastille{min-height:44px;padding:0 16px;color:#8c3c39;font-weight:700;line-height:24px}
/* L'article à la une : photo, titre de section, bouton rouge pleine largeur. */
#content.cx-blog .bl-une-zone{padding-top:24px}
#content.cx-blog .bl-une{gap:12px}
#content.cx-blog .bl-une-texte{gap:12px;padding-top:4px}
#content.cx-blog .bl-une h2{font-size:28px;line-height:34px}
#content.cx-blog .bl-une .bl-gris{line-height:26px}
#content.cx-blog .bl-lire{justify-content:center;min-height:48px;margin-top:4px;border-radius:4px;background:#8c3c39;color:#fff;line-height:24px}
/* Les autres articles : une liste, vignette à gauche du titre, résumé dessous, filet entre deux articles. */
#content.cx-blog .bl-grille:not(.bl-grille-serree){gap:0;padding-block:40px 48px}
#content.cx-blog .bl-grille:not(.bl-grille-serree) .bl-carte{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 16px;padding:20px 0;border-top:1px solid #e5e0db}
#content.cx-blog .bl-grille:not(.bl-grille-serree) .bl-carte:first-child{border-top:0;padding-top:0}
#content.cx-blog .bl-grille:not(.bl-grille-serree) .bl-carte>picture{grid-row:1/3;align-self:center}
#content.cx-blog .bl-grille:not(.bl-grille-serree) .bl-carte .bl-photo{margin:0}
#content.cx-blog .bl-grille:not(.bl-grille-serree) .bl-carte>.bl-surtitre{align-self:end;margin-bottom:6px}
#content.cx-blog .bl-grille:not(.bl-grille-serree) .bl-carte>h3{align-self:start}
#content.cx-blog .bl-grille:not(.bl-grille-serree) .bl-carte>p:not(.bl-surtitre){grid-column:1/-1;margin-top:12px}
#content.cx-blog .bl-carte h3{font-size:18px;line-height:24px}
#content.cx-blog .bl-carte .bl-gris{line-height:26px}
/* L'en-tête d'un article : fond doux, retour au blog en rouge, titre fin, photo pleine largeur. */
#content.cx-blog .bl-article-tete{padding-top:16px;padding-bottom:24px;gap:16px;background:#f5f2ef}
#content.cx-blog .bl-ariane{display:flex;align-items:center;gap:4px;min-height:44px;font-size:13px;line-height:19px;font-weight:700;color:#8c3c39}
#content.cx-blog .bl-ariane::before{content:"";width:8px;height:8px;margin:0 8px 0 4px;border-left:2px solid #8c3c39;border-bottom:2px solid #8c3c39;transform:rotate(45deg)}
#content.cx-blog .bl-ariane a{text-decoration:none}
#content.cx-blog .bl-article-tete h1{font-size:34px;line-height:38px}
#content.cx-blog .bl-chapeau{font-size:16px;line-height:26px}
#content.cx-blog .bl-figure{margin-top:0;gap:8px}
#content.cx-blog .bl-figure .bl-photo{aspect-ratio:3/2}
#content.cx-blog .bl-figure figcaption{font-style:normal}
/* Le corps : titres de section 28/34, texte 16/26, citation entre deux filets or, encadré doux numéroté. */
#content.cx-blog .bl-corps{padding-top:32px;padding-bottom:48px;gap:16px}
#content.cx-blog .bl-corps>h2{font-size:28px;line-height:34px;margin-top:16px}
#content.cx-blog .bl-corps>h2:first-child{margin-top:0}
#content.cx-blog .bl-corps>p{line-height:26px}
#content.cx-blog .bl-citation{margin-block:16px;padding:24px 0;gap:12px;background:none;border-radius:0;border-block:2px solid #c59b6c}
#content.cx-blog .bl-citation>p{font-size:28px;line-height:34px;color:#8c3c39}
#content.cx-blog .bl-encadre{margin-block:16px 0;padding:24px 16px;gap:12px;border:0;background:#f5f2ef}
#content.cx-blog .bl-encadre h3{font-size:18px;line-height:24px}
#content.cx-blog .bl-encadre ol{gap:0}
#content.cx-blog .bl-encadre li{padding:16px 0;border-top:1px solid #e5e0db}
#content.cx-blog .bl-numero{width:24px;font-size:40px;line-height:44px;color:#8c3c39}
#content.cx-blog .bl-encadre li>p{line-height:26px}
#content.cx-blog .bl-encadre>.bl-meta{display:flex;align-items:center;gap:16px;padding-top:12px;border-top:1px solid #e5e0db;color:#000}
#content.cx-blog .bl-encadre>.bl-meta::before{content:"i";content:"i" / "";flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#c59b6c;color:#fff;font:700 22px/1 Inter,sans-serif}
#content.cx-blog .bl-sources{margin-top:16px;padding-top:24px;border-top:1px solid #e5e0db}
#content.cx-blog .bl-sources li{line-height:26px}
/* Pour aller plus loin : carte blanche sur fond doux ; À lire aussi : cartes qui défilent de côté. */
#content.cx-blog .bl-cadre:has(>.bl-formation){padding-top:48px;background:#f5f2ef}
#content.cx-blog .bl-formation{margin:0;padding:24px;gap:12px;background:#fff;box-shadow:0 10px 30px rgba(58,52,49,.08)}
#content.cx-blog .bl-formation>div{gap:12px}
#content.cx-blog .bl-formation h2,#content.cx-blog .bl-suite h2,#content.cx-blog .bl-nl h2{font-size:28px;line-height:34px}
#content.cx-blog .bl-formation p:not(.bl-surtitre){line-height:26px;color:#5c5550}
#content.cx-blog .bl-formation .bl-bouton{min-height:48px;line-height:24px}
#content.cx-blog .bl-suite{padding-block:48px;gap:16px;background:#f5f2ef}
#content.cx-blog .bl-grille-serree{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}
#content.cx-blog .bl-grille-serree::-webkit-scrollbar{display:none}
#content.cx-blog .bl-grille-serree .bl-carte{flex:none;width:264px;gap:8px;scroll-snap-align:start}
#content.cx-blog .bl-grille-serree .bl-carte .bl-photo{margin-bottom:4px}
#content.cx-blog .bl-grille-serree .bl-carte .bl-gris{font-size:13px;line-height:19px}
/* La newsletter : champ, case à cocher, puis le bouton blanc pleine largeur. */
#content.cx-blog .bl-nl{padding:48px 16px;gap:16px}
#content.cx-blog .bl-nl-texte{gap:16px}
#content.cx-blog .bl-nl-texte>p:not(.bl-surtitre){line-height:26px}
#content.cx-blog .bl-nl-form{gap:16px}
#content.cx-blog .bl-nl-ligne{display:contents}
#content.cx-blog .bl-nl-champ{order:1;gap:8px;line-height:19px}
#content.cx-blog .bl-nl-champ input{min-height:48px;padding:0 16px}
#content.cx-blog .bl-nl-accord{order:2;gap:12px;line-height:19px}
#content.cx-blog .bl-nl-accord input{width:24px;height:24px;margin:0}
#content.cx-blog .bl-nl-form .bl-bouton{order:3;width:100%;min-height:48px;line-height:24px}
#content.cx-blog .bl-nl-form>:not(.bl-nl-ligne,.bl-nl-accord,.bl-nl-piege){order:4}

/* ============================== Page du directeur (planche Directeur.dc.html) ============================== */
/* Haut de page sur fond doux, bouton rouge pleine largeur, photo pleine largeur au format 3:2. */
#content.cx-refonte:has(.r39ae141) .r6f79662{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#f5f2ef}
#content.cx-refonte:has(.r39ae141) .r6f79662>.rf22e0e6{padding:32px 16px 24px;gap:16px}
#content.cx-refonte:has(.r39ae141) .rc4fcdec,#content.cx-refonte:has(.r39ae141) .ra532299,#content.cx-refonte:has(.r39ae141) .ra1e7a53{display:none}
#content.cx-refonte:has(.r39ae141) :is(.ra8f3d12,.r4ef7f74){font-size:11px;line-height:14px;letter-spacing:.16em;color:#8a6638}
#content.cx-refonte:has(.r39ae141) .r61bd924{font-size:34px;line-height:38px;color:#000}
#content.cx-refonte:has(.r39ae141) .r45ab8e7{font-size:16px;line-height:26px;color:#5c5550}
#content.cx-refonte:has(.r39ae141) .r68b2b11,#content.cx-refonte:has(.r39ae141) .r55594b3{--rb:#8c3c39;width:100%;min-height:48px;padding:12px 16px;justify-content:center;gap:8px;background:#8c3c39;color:#fff;line-height:24px}
#content.cx-refonte:has(.r39ae141) .rfa14802{display:block}
#content.cx-refonte:has(.r39ae141) .rf799b91{width:100%;max-width:none;height:auto;aspect-ratio:3/2;object-position:50% 20%;border-radius:0;box-shadow:none}
/* Son parcours : frise verticale, point or et trait doré ; les années à compléter dans un cadre pointillé. */
#content.cx-refonte:has(.r39ae141) .r43dc24b{padding:48px 16px;gap:16px}
#content.cx-refonte:has(.r39ae141) .rbb4fd97{gap:16px}
#content.cx-refonte:has(.r39ae141) .r88f5776{font-size:28px;line-height:34px}
#content.cx-refonte:has(.r39ae141) .r010b63a{font-size:16px;line-height:26px}
#content.cx-refonte:has(.r39ae141) .rf6a23b0{display:flex;flex-direction:column;gap:0;padding-top:8px}
#content.cx-refonte:has(.r39ae141) :is(.r786eeb6,.r1e9d9d2){position:relative;gap:6px;padding:0 0 24px 32px;background:none;border-radius:0;color:#000}
#content.cx-refonte:has(.r39ae141) :is(.r786eeb6,.r1e9d9d2)::before{content:"";position:absolute;left:0;top:2px;width:12px;height:12px;border-radius:999px;background:#c59b6c}
#content.cx-refonte:has(.r39ae141) :is(.r786eeb6,.r1e9d9d2):has(>.r5290df4:first-child)::before{top:6px}
#content.cx-refonte:has(.r39ae141) :is(.r786eeb6,.r1e9d9d2):not(:last-child)::after{content:"";position:absolute;left:5px;top:18px;bottom:-2px;width:2px;background:#e4c9a6}
#content.cx-refonte:has(.r39ae141) :is(.rf11ab0d,.r4ecceb2){padding:0;background:none;border-radius:0;font-size:11px;line-height:14px;letter-spacing:.16em;text-transform:uppercase;color:#8a6638}
#content.cx-refonte:has(.r39ae141) .r5290df4{padding:4px 8px;border:1px dashed #c59b6c;border-radius:4px;background:none;font-size:11px;line-height:14px;letter-spacing:.16em;text-transform:uppercase}
#content.cx-refonte:has(.r39ae141) :is(.redf4c43,.rfd4e812){font-family:Inter,sans-serif;font-size:18px;line-height:24px;color:#000}
#content.cx-refonte:has(.r39ae141) :is(.r7dddcfc,.r7d1aaef,.r7e322a7){font-size:16px;line-height:26px;color:#5c5550}
/* La citation sur le rouge, signée par la petite photo à gauche du nom. */
#content.cx-refonte:has(.r39ae141)>.r4168a50{display:none}
#content.cx-refonte:has(.r39ae141) .re2ee4b7{grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:48px 16px}
#content.cx-refonte:has(.r39ae141) .r39ae141{display:contents}
#content.cx-refonte:has(.r39ae141) .r3cee3a1{grid-column:1/-1;grid-row:1;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.3);font-size:28px;line-height:34px}
#content.cx-refonte:has(.r39ae141) .rdcc3d9b{grid-column:1;grid-row:2;width:64px;height:64px;border-radius:4px;box-shadow:none}
#content.cx-refonte:has(.r39ae141) .r6d27206{grid-column:2;grid-row:2;font-style:normal;line-height:26px}
/* Ce qu'il a appris : lignes séparées par un filet. */
#content.cx-refonte:has(.r39ae141) .re7e1bd9{padding:48px 16px;gap:16px;background:#fff}
#content.cx-refonte:has(.r39ae141) .rfcbcf4c{font-size:28px;line-height:34px}
#content.cx-refonte:has(.r39ae141) .r7db3307{display:flex;flex-direction:column;gap:0}
#content.cx-refonte:has(.r39ae141) .rb7056e1{gap:6px;padding:14px 0;border-radius:0;border-top:1px solid #e5e0db}
#content.cx-refonte:has(.r39ae141) .rb7056e1:first-child{border-top:0}
#content.cx-refonte:has(.r39ae141) .r74c35fc{font-family:Inter,sans-serif;font-size:16px;line-height:26px}
/* Sa vision : lignes à rond or sur fond doux, texte à compléter et vidéo à venir dans un cadre pointillé. */
#content.cx-refonte:has(.r39ae141) .raf997ec{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:48px 16px;background:#f5f2ef}
#content.cx-refonte:has(.r39ae141) .raf997ec>.rf22e0e6{gap:16px}
#content.cx-refonte:has(.r39ae141) .r9d29f6d{gap:0}
#content.cx-refonte:has(.r39ae141) .ree155e8{flex-wrap:nowrap;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #e5e0db;font-size:16px;line-height:26px}
#content.cx-refonte:has(.r39ae141) .ree155e8:first-child{border-top:0}
#content.cx-refonte:has(.r39ae141) :is(.r2d929ec,.r691b76d){width:44px;height:44px;background:#c59b6c}
#content.cx-refonte:has(.r39ae141) :is(.r2d929ec,.r691b76d) svg{width:22px;height:22px}
#content.cx-refonte:has(.r39ae141) .ree47af2{padding:16px;border:1px dashed #c59b6c;border-radius:4px;background:none;font-size:16px;line-height:26px}
#content.cx-refonte:has(.r39ae141) .rf544927{border:1px dashed #c59b6c;background:#fff;color:#5c5550;font-size:13px;line-height:19px}
/* Une question : fond blanc, bouton plein puis bouton à contour, pleine largeur. */
#content.cx-refonte:has(.r39ae141) .r99a4d45{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:48px 16px;background:#fff}
#content.cx-refonte:has(.r39ae141) .r7540a3a{font-size:28px;line-height:34px;color:#8c3c39}
#content.cx-refonte:has(.r39ae141) .rd286feb{font-size:16px;line-height:26px}
#content.cx-refonte:has(.r39ae141) .re12feb9{gap:16px}
#content.cx-refonte:has(.r39ae141) .reaf3667{--rb:#8c3c39;width:100%;min-height:48px;padding:12px 16px;justify-content:center;gap:8px;background:#fff;color:#8c3c39;box-shadow:inset 0 0 0 2px #8c3c39;line-height:24px}

}