/* 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 « lieux » : nos centres, Méry, portes ouvertes, contact, Chine, partenariat hospitalier.
   Tout est dans la règle @media ci-dessous : rien ne change sur ordinateur ni sur tablette large.
   Chaque règle est limitée à sa page : les classes r… de public/refonte.css sont partagées entre pages, d'où le repère
   « #content:has(> section unique de la page) » en tête de chaque sélecteur. */
@media (max-width: 767px) {

  /* ============ Nos centres de formations (planche Centres.dc.html) ============ */

  /* Haut de page : fond doux au lieu du rouge, titre 34/38, deux repères « salles » côte à côte, carte */
  #content:has(> .rf0718f2) .r0061d2d { background: #f5f2ef; padding: 32px 16px 48px }
  #content:has(> .rf0718f2) .r0061d2d .r1cf7496 { gap: 24px }
  #content:has(> .rf0718f2) .r0061d2d .rff602d2 { gap: 16px }
  #content:has(> .rf0718f2) .rc4fcdec,
  #content:has(> .rf0718f2) .ra532299 { display: none }
  #content:has(> .rf0718f2) .r2f85382 { font-size: 11px; line-height: 14px; letter-spacing: .16em; color: #8a6638 }
  #content:has(> .rf0718f2) .r4daeabd { font-size: 34px; line-height: 38px; color: #000000 }
  #content:has(> .rf0718f2) .r45ab8e7 { font-size: 16px; line-height: 26px; color: #5c5550 }
  #content:has(> .rf0718f2) .r0061d2d .re067535 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; width: 100% }
  #content:has(> .rf0718f2) .r0061d2d .r8880e2a { padding: 10px 0 0; border-radius: 0; border-top: 2px solid #c59b6c; background: none;
    font-family: Buda, serif; font-weight: 700; font-size: 18px; line-height: 24px; color: #8c3c39 }
  #content:has(> .rf0718f2) .r28cad81 { overflow: visible; margin-bottom: 27px; box-shadow: none }
  #content:has(> .rf0718f2) .r6713f68 { border-radius: 4px; box-shadow: 0 10px 30px rgba(58, 52, 49, 0.08) }
  /* Mention OpenStreetMap sous la carte, pour ne pas couvrir l'étiquette de Saint-Martin-le-Vinoux */
  #content:has(> .rf0718f2) .ra597356 { top: 100%; bottom: auto; right: auto; left: 0; padding: 8px 0 0; background: none; font-size: 13px; line-height: 19px; color: #5c5550 }
  /* Étiquettes de la carte : nom et détail ; Méry à gauche de son repère pour ne pas sortir de la carte */
  #content:has(> .rf0718f2) .cx-carte-centres .cx-carte-detail { display: inline; font-size: 13px; line-height: 19px }
  #content:has(> .rf0718f2) .cx-carte-centres br { display: inline }
  #content:has(> .rf0718f2) .re1a8045 { padding: 6px 10px; font-size: 13px; line-height: 19px; white-space: nowrap }
  #content:has(> .rf0718f2) .r8e8923d { left: auto; right: 44.92%; flex-direction: row-reverse; flex-wrap: nowrap; transform: translate(14px, -14px) }
  #content:has(> .rf0718f2) .r44a6e8c { flex-wrap: nowrap }

  /* Les deux centres : photo pleine largeur en 3:2, Méry sur blanc, Grenoble sur fond doux */
  #content:has(> .rf0718f2) .rf0718f2 { padding: 0; gap: 0 }
  #content:has(> .rf0718f2) .r6b3c4a1 { border-radius: 0; box-shadow: none }
  #content:has(> .rf0718f2) .r6b3c4a1 + .r6b3c4a1 { background: #f5f2ef }
  #content:has(> .rf0718f2) .r26509bf { width: 100%; aspect-ratio: 3 / 2 }
  #content:has(> .rf0718f2) .r5004942 { padding: 24px 16px 48px; gap: 16px }
  #content:has(> .rf0718f2) .rbaaf326 { font-size: 11px; line-height: 14px; letter-spacing: .16em }
  #content:has(> .rf0718f2) .r1b96d14 { font-size: 28px; line-height: 34px }
  #content:has(> .rf0718f2) .r9d59f75 { font-family: Inter, sans-serif; font-size: 18px; line-height: 24px }
  /* « 4 salles de formation » : le chiffre dans le rond or, le texte à droite (ligne à pictogramme du kit) */
  #content:has(> .rf0718f2) .r0d02c1a { flex-wrap: nowrap; gap: 16px; padding: 14px 0; border-top: 0 }
  #content:has(> .rf0718f2) .r0d02c1a .re8c2d08 { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px;
    border-radius: 999px; background: #c59b6c; color: #ffffff; font-size: 22px; line-height: 1 }
  #content:has(> .rf0718f2) .r0d02c1a .r4230c52 { font-size: 16px; line-height: 26px; color: #000000 }
  #content:has(> .rf0718f2) .r9d29f6d { gap: 0; margin-top: -16px }
  #content:has(> .rf0718f2) .r2a9b577 { flex-wrap: nowrap; align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid #e5e0db; line-height: 26px }
  #content:has(> .rf0718f2) .r2a9b577:first-child { border-top: 0 }
  #content:has(> .rf0718f2) .r2d929ec,
  #content:has(> .rf0718f2) .r7534a32 { width: 44px; height: 44px }
  #content:has(> .rf0718f2) .r2d929ec svg,
  #content:has(> .rf0718f2) .r7534a32 svg { width: 22px; height: 22px }
  #content:has(> .rf0718f2) .r8e9f2d0 { align-self: stretch; min-height: 48px; padding: 12px 16px; font-size: 16px; line-height: 24px; margin-top: 8px }
  #content:has(> .rf0718f2) .r8e9f2d0 svg { display: none }
  /* Carte Google (après accord) : vignette compacte, bouton pleine largeur */
  #content:has(> .rf0718f2) .r5004942 .consent-vignette { min-height: 0; padding: 16px; gap: 12px; font-size: 13px; line-height: 19px; background: #ffffff; border-radius: 4px }
  #content:has(> .rf0718f2) .r5004942 .consent-bouton { width: 100%; min-height: 48px }

  /* Équipements et outils : sur blanc, sans la vague or ; photo collée au-dessus de la carte « 6 mois » */
  #content:has(> .rf0718f2) .r9470cd5,
  #content:has(> .rf0718f2) .rf82b82b { display: none }
  #content:has(> .rf0718f2) .r19ee1e5 { background: #ffffff; padding: 48px 16px; gap: 0 }
  #content:has(> .rf0718f2) .r19ee1e5 > .r1cf7496 { gap: 24px }
  #content:has(> .rf0718f2) .r19ee1e5 .rff602d2 { gap: 16px }
  #content:has(> .rf0718f2) .r4ad2893 { font-size: 11px; line-height: 14px; letter-spacing: .16em; color: #8a6638 }
  #content:has(> .rf0718f2) .rc03f230 { font-size: 28px; line-height: 34px; color: #8c3c39 }
  #content:has(> .rf0718f2) .rd286feb { font-size: 16px; line-height: 26px; color: #5c5550 }
  #content:has(> .rf0718f2) .r19ee1e5 .re067535 { gap: 8px }
  #content:has(> .rf0718f2) .r19ee1e5 .r8880e2a { padding: 8px 14px; border: 1px solid #e5e0db; border-radius: 4px; background: #ffffff; font-size: 16px; line-height: 24px; color: #000000 }
  #content:has(> .rf0718f2) .r17bbb63 { aspect-ratio: 3 / 2; border-radius: 4px 4px 0 0; box-shadow: none }
  #content:has(> .rf0718f2) .ra9fe158 { border-radius: 0 0 4px 4px }
  #content:has(> .rf0718f2) .r49cb6fe { padding: 24px 24px 8px; gap: 4px; border-right: 0 }
  #content:has(> .rf0718f2) .r49cb6fe .re8c2d08 { font-size: 40px; line-height: 44px }
  #content:has(> .rf0718f2) .r49cb6fe .r4230c52 { font-size: 13px; line-height: 19px }
  #content:has(> .rf0718f2) .r87b129e { padding: 0 24px 16px; gap: 0 }
  #content:has(> .rf0718f2) .r2f0953e { flex-wrap: nowrap; gap: 16px; padding: 14px 0; border-top: 1px solid #e5e0db; line-height: 26px }
  #content:has(> .rf0718f2) .r2f0953e:first-child { border-top: 0 }

  /* ============ Méry (planche Mery.dc.html ; composants/PageCentre.tsx, public/centre.css) ============ */
  /* Repère : main.cx-centre n'existe que sur la page d'un centre. Pictogrammes : le svg lui-même devient le rond or de 44 px. */

  /* Haut de page et fiche du centre */
  #content.cx-centre .cc-surtitre { font-size: 11px; line-height: 14px; letter-spacing: .16em }
  #content.cx-centre .cc-haut { padding: 32px 16px 48px; gap: 24px }
  #content.cx-centre .cc-intro { gap: 16px }
  #content.cx-centre .cc-intro h1 { font-size: 34px; line-height: 38px; color: #000000 }
  #content.cx-centre .cc-filet { display: none }
  #content.cx-centre .cc-intro > p:last-child { font-size: 16px; line-height: 26px; color: #5c5550 }
  #content.cx-centre .cc-fiche { box-shadow: 0 10px 30px rgba(58, 52, 49, 0.08) }
  #content.cx-centre .cc-fiche-tete { padding: 24px 24px 4px; gap: 0; border-bottom: 0 }
  #content.cx-centre .cc-fiche h2 { font-family: Inter, sans-serif; font-size: 18px; line-height: 24px }
  #content.cx-centre .cc-fiche-tete p { font-size: 13px; line-height: 19px }
  #content.cx-centre .cc-fiche .cc-lignes { padding: 0 24px 4px; gap: 0; font-size: 16px; line-height: 26px }
  #content.cx-centre .cc-fiche .cc-lignes > li { align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid #e5e0db }
  #content.cx-centre .cc-fiche .cc-lignes > li:first-child { border-top: 0 }
  #content.cx-centre .cc-fiche .cc-lignes > li > svg,
  #content.cx-centre .cc-trajet li > .cc-rond { width: 44px; height: 44px }
  #content.cx-centre .cc-fiche .cc-lignes > li > svg { box-sizing: border-box; padding: 11px; margin: 0; border-radius: 999px; background: #c59b6c; color: #ffffff }
  #content.cx-centre .cc-fiche .cc-lignes > li:first-child > span { display: block; color: #5c5550 }
  #content.cx-centre .cc-fiche .cc-lignes > li:first-child > span::first-line { font-weight: 700; color: #000000 }
  #content.cx-centre .cc-fiche .cc-lignes a { color: #8c3c39; text-decoration: underline }
  #content.cx-centre .cc-fiche-boutons { grid-template-columns: 1fr; gap: 12px; padding: 4px 24px 24px }
  #content.cx-centre .cc-bouton { min-height: 48px; font-size: 16px; line-height: 24px }
  #content.cx-centre .cc-bouton-contour { box-shadow: inset 0 0 0 2px #8c3c39 }

  /* Trois repères chiffrés : une ligne chacun, sur blanc */
  #content.cx-centre .cc-chiffres { display: flex; flex-direction: column; gap: 0; padding: 32px 16px; background: #ffffff; text-align: left }
  #content.cx-centre .cc-chiffres > div { flex-direction: row; align-items: center; gap: 16px; padding: 12px 0; border-top: 1px solid #e5e0db;
    font-size: 16px; line-height: 26px; color: #000000 }
  #content.cx-centre .cc-chiffres > div:first-child { border-top: 0 }
  #content.cx-centre .cc-chiffre { flex: none; width: 112px; font-size: 40px; line-height: 44px; color: #8c3c39 }

  /* Plan interactif : filtres en quatre boutons au-dessus du plan, plan pleine largeur, repères de 44 px avec leur nom */
  #content.cx-centre .cc-plan { padding: 48px 16px 24px; gap: 16px }
  #content.cx-centre .cc-plan-tete { gap: 16px }
  #content.cx-centre .cc-plan-tete h2,
  #content.cx-centre .cc-trajet-texte h2,
  #content.cx-centre .cc-commerces h2 { font-size: 28px; line-height: 34px }
  #content.cx-centre .cc-plan-tete p:last-child { font-size: 16px; line-height: 26px }
  #content.cx-centre .cc-carte { display: flex; flex-direction: column; gap: 16px; margin: 0 -16px; border-radius: 0; background: none; box-shadow: none; overflow: visible }
  #content.cx-centre .cc-filtres { position: static; order: -1; display: grid; grid-template-columns: 1fr 1.3fr 1.1fr 1fr; gap: 8px; padding: 0 16px }
  #content.cx-centre .cc-filtres button { min-height: 44px; padding: 0 4px; border-radius: 4px; box-shadow: inset 0 0 0 1px #e5e0db; font: 700 16px/24px Inter, sans-serif }
  #content.cx-centre .cc-filtres button[aria-pressed="true"] { box-shadow: none }
  #content.cx-centre .cc-scene { background: #3a3431 }
  #content.cx-centre .cc-scene { width: 125%; min-height: 0 }
  #content.cx-centre .cc-rep { width: 44px; height: 44px; font-size: 16px }
  #content.cx-centre .cc-etiq { display: block; padding: 4px 8px; font-size: 13px; line-height: 19px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) }
  /* La bulle du repère choisi passe sous le plan (carte du kit), au lieu de couvrir la photo ; elle reste en vue quand le plan glisse
     (la bulle déborde de la scène, dont la hauteur suit la photo : la place est réservée sous la photo, pour la bulle la plus haute) */
  #content.cx-centre .cc-defile { padding-bottom: 176px }
  #content.cx-centre .cc-bulle { position: sticky; left: 16px !important; top: auto !important; transform: none; width: calc(100vw - 32px);
    min-height: 142px; margin: 16px 0 0; padding: 16px; font-size: 16px; line-height: 26px; box-shadow: 0 10px 30px rgba(58, 52, 49, 0.08) }
  /* Étiquette de P1 à gauche de son repère, comme sur la planche (sinon elle sort du plan à droite) */
  #content.cx-centre .cc-scene > span:has(> .cc-noir) > .cc-etiq:not(.cc-etiq-gauche) { transform: translate(calc(-100% - 30px), -50%) }
  #content.cx-centre .cc-bulle b { font-size: 16px; line-height: 26px }
  #content.cx-centre .cc-credit { font-size: 13px; line-height: 19px }
  #content.cx-centre .cc-carte > .cc-credit { left: 24px; right: auto; top: 68px; bottom: auto }

  /* De l'autoroute à l'école, puis se garer et entrer : une seule section sur fond doux */
  #content.cx-centre .cc-trajet { background: #f5f2ef; max-width: none; padding: 48px 16px 16px; gap: 16px }
  #content.cx-centre .cc-trajet-texte .cc-surtitre { display: block; order: -2 }
  #content.cx-centre .cc-trajet h2 { order: -1 }
  #content.cx-centre .cc-trajet figure { order: 0; max-width: none; margin: 0 -16px; border-radius: 0 }
  #content.cx-centre .cc-trajet ol { order: 1 }
  #content.cx-centre .cc-trajet-texte > .cc-bouton { order: 2 }
  #content.cx-centre .cc-trajet .cc-rond { width: 44px; height: 44px; font-size: 16px }
  #content.cx-centre .cc-trajet-rep { transform: translate(-22px, -50%) }
  #content.cx-centre .cc-etiq-fixe { display: block; padding: 4px 8px; font-size: 13px; line-height: 19px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) }
  #content.cx-centre .cc-trajet figcaption.cc-credit { font-size: 13px }
  #content.cx-centre .cc-trajet ol { gap: 0; font-size: 16px; line-height: 26px }
  #content.cx-centre .cc-trajet li { grid-template-columns: 44px 1fr; gap: 16px; align-items: center; padding: 14px 0; border-top: 1px solid #e5e0db }
  #content.cx-centre .cc-trajet li:first-child { border-top: 0 }
  #content.cx-centre .cc-trajet li > span:last-child { padding-top: 0 }
  #content.cx-centre .cc-trajet li > .cc-contour { background: #c59b6c; color: #ffffff; box-shadow: none; font-size: 18px }
  #content.cx-centre .cc-trajet li > .cc-rouge,
  #content.cx-centre .cc-trajet li > .cc-noir { font-size: 18px }
  #content.cx-centre .cc-pratique { padding: 16px 16px 48px; gap: 0 }
  #content.cx-centre .cc-pratique article { background: none; border-radius: 0; padding: 14px 0; gap: 16px; align-items: center; border-top: 1px solid #e5e0db }
  #content.cx-centre .cc-pratique article:first-child { border-top: 0 }
  #content.cx-centre .cc-pratique h3 { margin: 0; font-family: Inter, sans-serif; font-size: 16px; line-height: 26px }
  #content.cx-centre .cc-pratique p { font-size: 16px; line-height: 26px; color: #5c5550 }
  #content.cx-centre .cc-pratique p b { color: #000000 }
  #content.cx-centre .cc-pastille { width: 44px; height: 44px }

  /* Commerces : sur blanc, fiches en cartes du kit */
  #content.cx-centre .cc-commerces { background: #ffffff; padding: 48px 16px; gap: 24px }
  #content.cx-centre .cc-commerces-tete { gap: 16px }
  #content.cx-centre .cc-commerces-tete > div { gap: 16px }
  #content.cx-centre .cc-commerces .cc-surtitre { color: #8a6638 }
  #content.cx-centre .cc-commerces h2 { color: #8c3c39 }
  #content.cx-centre .cc-commerces-tete > p { font-size: 16px; line-height: 26px; color: #5c5550 }
  #content.cx-centre .cc-commerces-grille { gap: 24px }
  #content.cx-centre .cc-commerce { box-shadow: 0 10px 30px rgba(58, 52, 49, 0.08) }
  #content.cx-centre .cc-photo { aspect-ratio: 16 / 10 }
  #content.cx-centre .cc-commerce-corps { padding: 20px; gap: 12px }
  #content.cx-centre .cc-commerce .cc-surtitre { font-size: 11px; letter-spacing: .16em }
  #content.cx-centre .cc-commerce h3 { font-family: Inter, sans-serif; font-size: 18px; line-height: 24px }
  #content.cx-centre .cc-etat { font-size: 16px; line-height: 24px }
  #content.cx-centre .cc-commerce .cc-texte-gris { font-size: 16px; line-height: 26px }
  #content.cx-centre .cc-commerce .cc-lignes { font-size: 16px; line-height: 24px }
  #content.cx-centre .cc-boutons { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 12px }
  #content.cx-centre .cc-source { font-size: 13px; line-height: 19px; color: #5c5550 }

  /* L'autre centre : carte blanche avec la photo du centre de Grenoble, sur fond doux (cadre dessiné par la bordure) */
  #content.cx-centre .cc-autre { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0; background: #ffffff;
    border: solid #f5f2ef; border-width: 48px 16px }
  #content.cx-centre .cc-autre::before { content: ""; display: block; height: 0; padding-bottom: 66.67%; background: #e5e0db url(/medias/2026/02/centre_grenoble.webp) center / cover }
  #content.cx-centre .cc-autre > div { padding: 24px 24px 12px; gap: 12px }
  #content.cx-centre .cc-autre h2 { font-size: 28px; line-height: 34px; color: #8c3c39 }
  #content.cx-centre .cc-autre .cc-bouton { width: auto; margin: 0 24px 24px }

  /* ============ Nos portes ouvertes (planche PortesOuvertes.dc.html) ============ */

  /* Haut de page sur fond doux, bouton rouge pleine largeur, photo pleine largeur en 3:2 sous le texte */
  #content:has(> .r3cd7a74) .r0061d2d { background: #f5f2ef; padding: 32px 16px 0 }
  #content:has(> .r3cd7a74) .r0061d2d .r1cf7496 { gap: 24px }
  #content:has(> .r3cd7a74) .r0061d2d .rff602d2 { gap: 16px }
  #content:has(> .r3cd7a74) .rc4fcdec,
  #content:has(> .r3cd7a74) .ra532299,
  #content:has(> .r3cd7a74) .ra1e7a53,
  #content:has(> .r3cd7a74) .r9470cd5,
  #content:has(> .r3cd7a74) .rbd06c1c { display: none }
  #content:has(> .r3cd7a74) .r2f85382,
  #content:has(> .r3cd7a74) .rbaaf326 { font-size: 11px; line-height: 14px; letter-spacing: .16em; color: #8a6638 }
  #content:has(> .r3cd7a74) .r4daeabd { font-size: 34px; line-height: 38px; color: #000000 }
  #content:has(> .r3cd7a74) .r45ab8e7 { font-size: 16px; line-height: 26px; color: #5c5550 }
  #content:has(> .r3cd7a74) .r2c69b3b,
  #content:has(> .r3cd7a74) .rbc7d9ff { --rb: #8c3c39; align-self: stretch; justify-content: center; min-height: 48px; padding: 12px 16px;
    background: #8c3c39; color: #ffffff; font-size: 16px; line-height: 24px }
  #content:has(> .r3cd7a74) .r0061d2d picture { display: block; margin: 0 -16px }
  #content:has(> .r3cd7a74) .r0061d2d .r17bbb63 { aspect-ratio: 3 / 2; border-radius: 0; box-shadow: none }

  /* Une journée pour faire connaissance : trois lignes à pictogramme (rond à gauche, titre et texte à droite) */
  #content:has(> .r3cd7a74) .r3cd7a74 { padding: 48px 16px; align-items: stretch; gap: 16px }
  #content:has(> .r3cd7a74) .r45d939e { align-items: flex-start; text-align: left; gap: 16px }
  #content:has(> .r3cd7a74) .r64acacc { font-size: 28px; line-height: 34px }
  #content:has(> .r3cd7a74) .rf9a0128 { gap: 0 }
  #content:has(> .r3cd7a74) .r4012479 { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 0; align-items: center;
    padding: 14px 0; border-top: 1px solid #e5e0db; border-radius: 0; background: none; box-shadow: none }
  #content:has(> .r3cd7a74) .r4012479:first-child { border-top: 0 }
  #content:has(> .r3cd7a74) .rc5a5d52 { grid-row: 1 / 3; width: 44px; height: 44px }
  #content:has(> .r3cd7a74) .rc5a5d52 svg { width: 22px; height: 22px }
  #content:has(> .r3cd7a74) .r29fa88e { font-family: Inter, sans-serif; font-size: 16px; line-height: 26px; align-self: end }
  #content:has(> .r3cd7a74) .r7e322a7 { font-size: 16px; line-height: 26px; align-self: start }

  /* Dates à venir : sur fond doux, sans le cadre ; l'annonce dans une carte avec le rond « calendrier » */
  #content:has(> .r3cd7a74) .rcb595b2 { display: block; background: #f5f2ef; padding: 48px 16px }
  #content:has(> .r3cd7a74) .r986b215 { padding: 0; background: none; box-shadow: none }
  #content:has(> .r3cd7a74) .r9ec5cc3 { padding: 0; border: 0; align-items: stretch; text-align: left; gap: 16px }
  #content:has(> .r3cd7a74) .r88f5776 { font-size: 28px; line-height: 34px }
  #content:has(> .r3cd7a74) .rf00d427 { display: flex; align-items: center; gap: 16px; padding: 16px; border-radius: 4px; background: #ffffff;
    box-shadow: 0 10px 30px rgba(58, 52, 49, 0.08); text-align: left; font-size: 16px; line-height: 26px; color: #000000 }
  #content:has(> .r3cd7a74) .rf00d427::before { content: ""; flex: none; width: 44px; height: 44px; border-radius: 999px;
    background: #c59b6c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,48H48V48H72v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24Z'/%3E%3C/svg%3E") center / 22px no-repeat }
  #content:has(> .r3cd7a74) .rae403d1 { padding: 8px 0; font-size: 18px; line-height: 24px; color: #000000 }

  /* ============ Contact (planche Contact.dc.html) ============ */

  /* Haut de page sur fond doux, bouton rouge pleine largeur, photo pleine largeur en 2:1 */
  #content:has(> .r9d7a2ef) .r03abf7d { background: #f5f2ef; padding: 32px 16px 0 }
  #content:has(> .r9d7a2ef) .r03abf7d .r1cf7496 { gap: 24px }
  #content:has(> .r9d7a2ef) .r03abf7d .rff602d2 { gap: 16px }
  #content:has(> .r9d7a2ef) .rc4fcdec,
  #content:has(> .r9d7a2ef) .ra532299,
  #content:has(> .r9d7a2ef) .ra1e7a53,
  #content:has(> .r9d7a2ef) .r9470cd5,
  #content:has(> .r9d7a2ef) .rf82b82b { display: none }
  #content:has(> .r9d7a2ef) .ra8f3d12,
  #content:has(> .r9d7a2ef) .r4ef7f74 { font-size: 11px; line-height: 14px; letter-spacing: .16em; color: #8a6638 }
  #content:has(> .r9d7a2ef) .r2d1e04c { font-size: 34px; line-height: 38px; color: #000000 }
  #content:has(> .r9d7a2ef) .rbe6c053 { font-size: 16px; line-height: 26px; color: #5c5550 }
  #content:has(> .r9d7a2ef) .r6a9adae { width: 100%; flex-direction: column; gap: 12px }
  #content:has(> .r9d7a2ef) .re76fbb2,
  #content:has(> .r9d7a2ef) .ra9c1145,
  #content:has(> .r9d7a2ef) .r73f2d9a { --rb: #8c3c39; align-self: stretch; justify-content: center; min-height: 48px; padding: 12px 16px;
    background: #8c3c39; color: #ffffff; font-size: 16px; line-height: 24px }
  #content:has(> .r9d7a2ef) .r03abf7d picture { display: block; margin: 0 -16px }
  #content:has(> .r9d7a2ef) .r03abf7d .r17bbb63 { aspect-ratio: 2 / 1; border-radius: 0; box-shadow: none }

  /* Notre équipe est à votre écoute : quatre lignes à pictogramme (le rond couvre l'étiquette, le titre et l'adresse) */
  #content:has(> .r9d7a2ef) .r12ef132 { padding: 48px 16px; align-items: stretch; gap: 16px }
  #content:has(> .r9d7a2ef) .re78a6c3 { align-items: flex-start; text-align: left; gap: 16px }
  #content:has(> .r9d7a2ef) .rfcbcf4c,
  #content:has(> .r9d7a2ef) .r1b96d14 { font-size: 28px; line-height: 34px }
  #content:has(> .r9d7a2ef) .r010b63a { font-size: 16px; line-height: 26px }
  #content:has(> .r9d7a2ef) .r7017b56 { gap: 0 }
  #content:has(> .r9d7a2ef) .r062e32c { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 2px; align-items: center;
    padding: 14px 0; border-top: 1px solid #e5e0db; border-radius: 0; background: none; box-shadow: none }
  #content:has(> .r9d7a2ef) .r062e32c:first-child { border-top: 0 }
  #content:has(> .r9d7a2ef) .r062e32c .rc5a5d52 { grid-row: 1 / 4; width: 44px; height: 44px }
  #content:has(> .r9d7a2ef) .r062e32c .r4ef7f74 { align-self: end }
  #content:has(> .r9d7a2ef) .r062e32c .r29fa88e { font-family: Inter, sans-serif; font-size: 16px; line-height: 26px }
  #content:has(> .r9d7a2ef) .r062e32c .r7e322a7 { font-size: 16px; line-height: 26px; align-self: start }

  /* Le directeur : photo carrée de 88 px et nom côte à côte, citation avec ses guillemets à gauche, bouton pleine largeur */
  #content:has(> .r9d7a2ef) .rf891cf4 { background: #f5f2ef; padding: 48px 16px }
  #content:has(> .r9d7a2ef) .r3c640e8 { grid-template-columns: 32px 48px minmax(0, 1fr); column-gap: 8px; row-gap: 16px; align-items: center }
  #content:has(> .r9d7a2ef) .r3c640e8 > picture { grid-column: 1 / 3; grid-row: 1 }
  #content:has(> .r9d7a2ef) .ra6fb168 { width: 88px; height: 88px; max-width: none; aspect-ratio: 1; box-shadow: none }
  #content:has(> .r9d7a2ef) .r86fe058 { display: contents }
  #content:has(> .r9d7a2ef) .r86fe058 > svg { grid-column: 1; grid-row: 2; align-self: start; width: 32px; height: 32px; color: #c59b6c !important }
  #content:has(> .r9d7a2ef) .rbfb203b { grid-column: 2 / 4; grid-row: 2; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 26px }
  #content:has(> .r9d7a2ef) .r9ffad0c { grid-column: 3; grid-row: 1; padding-left: 8px; flex-wrap: nowrap }
  #content:has(> .r9d7a2ef) .r1f53cf1 { gap: 4px }
  #content:has(> .r9d7a2ef) .r444fa39 { font-family: Buda, serif; font-size: 28px; line-height: 34px; color: #000000 }
  #content:has(> .r9d7a2ef) .r97600c9 { font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #8a6638 }
  #content:has(> .r9d7a2ef) .r9ffad0c,
  #content:has(> .r9d7a2ef) .r9ffad0c * { font-style: normal }
  #content:has(> .r9d7a2ef) .ra9c1145 { grid-column: 1 / -1; grid-row: 3; gap: 8px; padding: 12px 8px }

  /* Écrivez-nous : repères en lignes à pictogramme, formulaire à plat (champs de 48 px, libellés visibles au-dessus) */
  #content:has(> .r9d7a2ef) .r9d7a2ef { padding: 48px 16px }
  #content:has(> .r9d7a2ef) .raaf5b58 { gap: 16px }
  #content:has(> .r9d7a2ef) .rf22e0e6 { gap: 16px }
  #content:has(> .r9d7a2ef) .r7104799 { margin: 0 }
  #content:has(> .r9d7a2ef) .rbdd48fe,
  #content:has(> .r9d7a2ef) .r206f79c { grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 0; align-items: center; padding: 14px 0; border-bottom: 0 }
  #content:has(> .r9d7a2ef) .r7104799 > div:first-child { border-top: 0 }
  #content:has(> .r9d7a2ef) .r7104799 > div::before { content: ""; grid-row: 1 / 3; width: 44px; height: 44px; border-radius: 999px; background: #c59b6c center / 22px no-repeat }
  #content:has(> .r9d7a2ef) .r7104799 > div:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M232,96a16,16,0,0,0-16-16H184V48a16,16,0,0,0-16-16H40A16,16,0,0,0,24,48V176a8,8,0,0,0,13,6.22L72,154V184a16,16,0,0,0,16,16h93.59L219,230.22a8,8,0,0,0,5,1.78,8,8,0,0,0,8-8Zm-42.55,89.78a8,8,0,0,0-5-1.78H88V152h80a16,16,0,0,0,16-16V96h32V207.25Z'/%3E%3C/svg%3E") }
  #content:has(> .r9d7a2ef) .r7104799 > div:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,48H48V48H72v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24Z'/%3E%3C/svg%3E") }
  #content:has(> .r9d7a2ef) .r7104799 > div:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z'/%3E%3C/svg%3E") }
  #content:has(> .r9d7a2ef) .rbe1ca2c { font-size: 16px; line-height: 26px; letter-spacing: 0; text-transform: none; color: #000000 }
  #content:has(> .r9d7a2ef) .r9037df5 { font-size: 16px; line-height: 26px; color: #5c5550 }
  #content:has(> .r9d7a2ef) .r4d08eab { gap: 20px; margin-top: 8px; padding: 16px 0 0; border-top: 1px solid #e5e0db; border-radius: 0; background: none; box-shadow: none }
  #content:has(> .r9d7a2ef) .r44dcdc1,
  #content:has(> .r9d7a2ef) .r56c40b5 { gap: 8px; font-size: 16px; line-height: 24px }
  #content:has(> .r9d7a2ef) .r1bc0367,
  #content:has(> .r9d7a2ef) .re6603e5 { height: 48px; padding: 0 16px; border-color: #5c5550 }
  #content:has(> .r9d7a2ef) .rfe38f2d { min-height: 144px; padding: 11px 16px; border-color: #5c5550; line-height: 26px }
  #content:has(> .r9d7a2ef) .reb5f08c { font-size: 16px; line-height: 26px }
  #content:has(> .r9d7a2ef) .r34edba5 { width: 24px; height: 24px; margin: 1px 0 0 }
  #content:has(> .r9d7a2ef) .r44d1c52 { padding: 12px 16px; font-size: 13px; line-height: 19px }
  #content:has(> .r9d7a2ef) .r7f86d19 { flex-direction: column; align-items: stretch; gap: 20px }
  #content:has(> .r9d7a2ef) .r19e5762 { font-size: 13px; line-height: 19px }

  /* ============ La Chine, voyages d'études (planche Chine.dc.html ; composants/ChineB.tsx, public/chine-b.css) ============ */
  /* Repère : .cb n'existe que sur cette page. Les onglets (un voyage affiché à la fois) restent : la planche empile les
     trois voyages avec des questions repliables, ce que le CSS seul ne peut pas faire. */

  /* Haut de page : fond doux, chiffres un par ligne, photo pleine largeur */
  #content .cb .cb-haut { background: #f5f2ef; padding: 32px 16px 0 }
  #content .cb .cb-haut-grille { gap: 24px }
  #content .cb .cb-haut-texte { gap: 16px }
  #content .cb .cb-chapeau { color: #5c5550 }
  #content .cb .cb-chiffres { display: flex; flex-direction: column; gap: 0; padding: 0 }
  #content .cb .cb-chiffres div { flex-direction: row; align-items: center; gap: 16px; padding: 12px 0; border-top: 1px solid #e5e0db }
  #content .cb .cb-chiffres div:first-child { border-top: 0 }
  #content .cb .cb-chiffres b { flex: none; width: 150px; font-size: 40px; line-height: 44px }
  #content .cb .cb-chiffres span { font-size: 16px; line-height: 26px; color: #000000 }
  #content .cb .cb-haut picture { display: block; margin: 0 -16px }

  /* Choisissez votre voyage : trois cartes l'une sous l'autre (étiquette, dates, inscriptions) ; la carte choisie est cochée */
  #content .cb .cb-choisir { margin: 0; padding: 48px 16px 16px }
  #content .cb .cb-onglets { display: flex; flex-direction: column; gap: 12px; padding: 0 16px 48px }
  #content .cb .cb-onglet { position: relative; min-height: 0; padding: 16px 48px 16px 20px; gap: 4px; border: 0; border-radius: 4px;
    background: #ffffff; color: #000000; box-shadow: 0 10px 30px rgba(58, 52, 49, 0.08) }
  #content .cb .cb-onglet[aria-selected="true"] { background: #ffffff; color: #000000; box-shadow: inset 0 0 0 2px var(--cb-couleur), 0 10px 30px rgba(58, 52, 49, 0.08) }
  #content .cb .cb-onglet .cb-sur { display: block }
  #content .cb .cb-onglet-nom,
  #content .cb .cb-onglet-tel { display: none }
  #content .cb .cb-onglet-dates { display: block; font-size: 18px; line-height: 24px }
  #content .cb .cb-onglet-inscr { display: block; font-size: 13px; line-height: 19px; color: #5c5550 }
  #content .cb .cb-onglet::after { content: ""; position: absolute; right: 16px; top: 50%; width: 20px; height: 20px; margin-top: -10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%238c3c39'%3E%3Cpath d='M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z'/%3E%3C/svg%3E") center / 20px no-repeat }
  #content .cb .cb-onglet[aria-selected="true"]::after { display: none }
  #content .cb .cb-onglet[aria-selected="true"] .cb-onglet-coche { top: 50%; right: 14px; width: 24px; height: 24px; margin-top: -12px; color: var(--cb-texte) }

  /* Le voyage choisi : photo pleine largeur, titre, présentation, tableau des repères, bouton, puis le détail */
  #content .cb .cb-panneau { background: #f5f2ef; padding: 0 0 48px }
  #content .cb .cb-panneau-grille { display: flex; flex-direction: column; gap: 16px; padding: 0 16px }
  #content .cb .cb-carte,
  #content .cb .cb-carte-corps,
  #content .cb .cb-contenu { display: contents }
  #content .cb .cb-carte > picture { order: 1; display: block; margin: 0 -16px 8px }
  #content .cb .cb-carte img { aspect-ratio: 3 / 2 }
  #content .cb .cb-carte-corps > .cb-sur { order: 2 }
  #content .cb .cb-carte h2 { order: 3; font-size: 28px; line-height: 34px }
  #content .cb .cb-essentiel,
  #content .cb .cb-contenu > .cb-bloc:nth-child(1) > .cb-sur,
  #content .cb .cb-contenu > .cb-bloc:nth-child(2) > h3,
  #content .cb .cb-barre { display: none }
  #content .cb .cb-contenu > * { order: 8; margin-top: 16px }
  #content .cb .cb-contenu > .cb-bloc:nth-child(1) { order: 4; margin-top: 0 }
  #content .cb .cb-contenu > .cb-bloc:nth-child(2) { order: 5; margin-top: 0 }
  #content .cb .cb-reserver-carte { order: 6; display: flex; width: 100%; font-size: 16px; line-height: 24px }
  #content .cb .cb-carte-corps > .cb-petit { order: 7 }
  #content .cb .cb-intro { font-size: 16px; line-height: 26px }
  #content .cb .cb-pratique { padding: 8px 20px; box-shadow: 0 10px 30px rgba(58, 52, 49, 0.08) }
  #content .cb .cb-pratique div { display: flex; align-items: baseline; gap: 12px; padding: 12px 0; border-bottom: 0; border-top: 1px solid #e5e0db }
  #content .cb .cb-pratique div:first-child { border-top: 0 }
  #content .cb .cb-pratique dt { flex: none; width: 100px; font-size: 13px; line-height: 19px; font-weight: 400; color: #5c5550 }
  #content .cb .cb-pratique dd { font-size: 16px; line-height: 26px }
  /* Le détail : chaque partie titrée comme une question ouverte du kit (filet au-dessus, intertitre) */
  #content .cb .cb-bloc { gap: 12px }
  #content .cb .cb-contenu > .cb-bloc h3,
  #content .cb .cb-deux h3 { padding-top: 16px; border-top: 1px solid #e5e0db; font-family: Inter, sans-serif; font-size: 18px; line-height: 24px; color: #000000 }
  #content .cb .cb-deux { gap: 16px }
  #content .cb .cb-objectifs li { align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid #e5e0db }
  #content .cb .cb-objectifs li:first-child { border-top: 0 }
  #content .cb .cb-objectifs span { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 999px;
    background: #c59b6c; color: #ffffff; font-family: Inter, sans-serif; font-size: 18px; line-height: 24px }
  #content .cb .cb-trois { gap: 12px }
  #content .cb .cb-boite { padding: 16px; gap: 8px }
  #content .cb .cb-boite h4 { font-size: 16px; line-height: 24px }
  #content .cb .cb-boite p,
  #content .cb .cb-jours li,
  #content .cb .cb-coches li,
  #content .cb .cb-lignes li { font-size: 16px; line-height: 26px }
  #content .cb .cb-boite p { color: #5c5550 }
  #content .cb .cb-jours span { font-size: 13px; line-height: 19px; color: #8a6638 }
  #content .cb .cb-coches .cx-ph { margin-top: 4px }
  #content .cb .cb-lignes li:first-child { border-top: 0 }

  /* Cérémonie de jumelage : la vidéo (avant accord) devient une ligne compacte avec le rond « lecture » */
  #content .cb .cb-jumelage { padding: 48px 16px }
  #content .cb .cb-jumelage-grille { gap: 16px }
  #content .cb .cb-jumelage-texte { gap: 16px }
  #content .cb .cb-jumelage h2 { font-size: 28px; line-height: 34px }
  #content .cb .cb-jumelage p { color: #5c5550 }
  #content .cb .cb-video:has(> .consent-vignette) { aspect-ratio: auto; background: none }
  #content .cb .cb-video .consent-vignette { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 4px; align-items: center;
    justify-items: start; min-height: 0; padding: 16px; border: 0; border-radius: 4px; background: #f5f2ef; text-align: left; font-size: 13px; line-height: 19px; color: #5c5550 }
  #content .cb .cb-video .consent-vignette::before { content: ""; grid-row: 1 / 4; width: 44px; height: 44px; border-radius: 999px;
    background: #c59b6c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z'/%3E%3C/svg%3E") center / 22px no-repeat }
  #content .cb .cb-video .consent-vignette p { grid-column: 2; grid-row: 2 }
  #content .cb .cb-video .consent-bouton { grid-column: 2; grid-row: 1; min-height: 44px; padding: 0 !important; background: none !important;
    color: #8c3c39 !important; text-align: left; text-decoration: underline !important; box-shadow: none !important }
  #content .cb .cb-video .consent-lien { grid-column: 2; grid-row: 3; min-height: 24px; font-size: 13px; line-height: 19px }

  /* ============ Partenariat hospitalier (planche Hopital.dc.html) ============ */
  /* Pictogrammes ajoutés par la feuille (ronds or de 44 px, icônes Phosphor pleines) là où la page n'en a pas. */
  #content:has(> .r43dc24b) {
    --ico-batiments: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M239.73,208H224V96a16,16,0,0,0-16-16H164a4,4,0,0,0-4,4V208H144V32.41a16.43,16.43,0,0,0-6.16-13,16,16,0,0,0-18.72-.69L39.12,72A16,16,0,0,0,32,85.34V208H16.27A8.18,8.18,0,0,0,8,215.47,8,8,0,0,0,16,224H240a8,8,0,0,0,8-8.53A8.18,8.18,0,0,0,239.73,208ZM76,184a8,8,0,0,1-8.53,8A8.18,8.18,0,0,1,60,183.72V168.27A8.19,8.19,0,0,1,67.47,160,8,8,0,0,1,76,168Zm0-56a8,8,0,0,1-8.53,8A8.19,8.19,0,0,1,60,127.72V112.27A8.19,8.19,0,0,1,67.47,104,8,8,0,0,1,76,112Zm40,56a8,8,0,0,1-8.53,8,8.18,8.18,0,0,1-7.47-8.26V168.27a8.19,8.19,0,0,1,7.47-8.26,8,8,0,0,1,8.53,8Zm0-56a8,8,0,0,1-8.53,8,8.19,8.19,0,0,1-7.47-8.26V112.27a8.19,8.19,0,0,1,7.47-8.26,8,8,0,0,1,8.53,8Z'/%3E%3C/svg%3E");
    --ico-main: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M216,64v90.93c0,46.2-36.85,84.55-83,85.06A83.71,83.71,0,0,1,72.6,215.4C50.79,192.33,26.15,136,26.15,136a16,16,0,0,1,6.53-22.23c7.66-4,17.1-.84,21.4,6.62l21,36.44a6.09,6.09,0,0,0,6,3.09l.12,0A8.19,8.19,0,0,0,88,151.74V48a16,16,0,0,1,16.77-16c8.61.4,15.23,7.82,15.23,16.43V112a8,8,0,0,0,8.53,8,8.17,8.17,0,0,0,7.47-8.25V32a16,16,0,0,1,16.77-16c8.61.4,15.23,7.82,15.23,16.43V120a8,8,0,0,0,8.53,8,8.17,8.17,0,0,0,7.47-8.25V64.45c0-8.61,6.62-16,15.23-16.43A16,16,0,0,1,216,64Z'/%3E%3C/svg%3E");
    --ico-stetho: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M240,160a32,32,0,1,0-39.93,31,8,8,0,0,0-.07,1,32,32,0,0,1-32,32H144a32,32,0,0,1-32-32V151.48c31.47-4,56-31.47,56-64.31V40a8,8,0,0,0-8-8H136a8,8,0,0,0,0,16h16V87.17c0,26.58-21.25,48.49-47.36,48.83A48,48,0,0,1,56,88V48H72a8,8,0,0,0,0-16H48a8,8,0,0,0-8,8V88a64,64,0,0,0,56,63.49V192a48.05,48.05,0,0,0,48,48h24a48.05,48.05,0,0,0,48-48,8,8,0,0,0-.07-1A32,32,0,0,0,240,160Zm-32,8a8,8,0,1,1,8-8A8,8,0,0,1,208,168Z'/%3E%3C/svg%3E");
    --ico-personnes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M164.47,195.63a8,8,0,0,1-6.7,12.37H10.23a8,8,0,0,1-6.7-12.37,95.83,95.83,0,0,1,47.22-37.71,60,60,0,1,1,66.5,0A95.83,95.83,0,0,1,164.47,195.63Zm87.91-.15a95.87,95.87,0,0,0-47.13-37.56A60,60,0,0,0,144.7,54.59a4,4,0,0,0-1.33,6A75.83,75.83,0,0,1,147,150.53a4,4,0,0,0,1.07,5.53,112.32,112.32,0,0,1,29.85,30.83,23.92,23.92,0,0,1,3.65,16.47,4,4,0,0,0,3.95,4.64h60.3a8,8,0,0,0,7.73-5.93A8.22,8.22,0,0,0,252.38,195.48Z'/%3E%3C/svg%3E");
  }
  #content:has(> .r43dc24b) .rc4fcdec,
  #content:has(> .r43dc24b) .ra532299,
  #content:has(> .r43dc24b) .ra1e7a53,
  #content:has(> .r43dc24b) .r9470cd5,
  #content:has(> .r43dc24b) .rf560a56 { display: none }
  #content:has(> .r43dc24b) .ra8f3d12,
  #content:has(> .r43dc24b) .r4ef7f74,
  #content:has(> .r43dc24b) .r6e79b6f { font-size: 11px; line-height: 14px; letter-spacing: .16em; color: #8a6638 }
  #content:has(> .r43dc24b) .rfcbcf4c,
  #content:has(> .r43dc24b) .r28d280c,
  #content:has(> .r43dc24b) .r7540a3a,
  #content:has(> .r43dc24b) .ree3279e { font-size: 28px; line-height: 34px; color: #8c3c39 }
  #content:has(> .r43dc24b) .r68b2b11,
  #content:has(> .r43dc24b) .r717ffe6,
  #content:has(> .r43dc24b) .r1cfd3bd { --rb: #8c3c39; display: flex; width: 100%; justify-content: center; min-height: 48px; padding: 12px 16px;
    background: #8c3c39; color: #ffffff; font-size: 16px; line-height: 24px; white-space: normal }
  #content:has(> .r43dc24b) .r7e322a7 { font-size: 16px; line-height: 26px }
  /* Rond or commun aux lignes à pictogramme de cette page */
  #content:has(> .r43dc24b) .r2b1e4d1::before,
  #content:has(> .r43dc24b) .rc13fcc5 > div::before { content: ""; grid-column: 1; grid-row: 1 / 4; align-self: center; width: 44px; height: 44px;
    border-radius: 999px; background: #c59b6c var(--ico-batiments) center / 22px no-repeat }

  /* Haut de page : fond doux, bouton rouge pleine largeur, photo pleine largeur */
  #content:has(> .r43dc24b) .r6f79662 { background: #f5f2ef; padding: 32px 16px 0; gap: 24px }
  #content:has(> .r43dc24b) .r6f79662 .rf22e0e6 { gap: 16px }
  #content:has(> .r43dc24b) .r61bd924 { font-size: 34px; line-height: 38px; color: #000000 }
  #content:has(> .r43dc24b) .r45ab8e7 { font-size: 16px; line-height: 26px; color: #5c5550 }
  #content:has(> .r43dc24b) .r6f79662 > picture { display: block; margin: 0 -16px }
  #content:has(> .r43dc24b) .r6f79662 .r17bbb63 { aspect-ratio: 3 / 2; border-radius: 0; box-shadow: none }

  /* Nos hôpitaux partenaires : une ligne par hôpital (rond, « année · type », nom, texte) au lieu de la frise */
  #content:has(> .r43dc24b) .r42779b0 { padding: 48px 16px; gap: 16px }
  #content:has(> .r43dc24b) .rc7da915 { gap: 16px }
  #content:has(> .r43dc24b) .ra31c667 { display: flex; flex-direction: column; gap: 0 }
  #content:has(> .r43dc24b) .r2b1e4d1 { display: grid; grid-template-columns: 44px 16px auto minmax(0, 1fr); gap: 2px 0; align-items: baseline;
    padding: 14px 0; border-top: 1px solid #e5e0db }
  #content:has(> .r43dc24b) .r2b1e4d1:first-child { border-top: 0 }
  #content:has(> .r43dc24b) .r2b1e4d1:nth-child(2)::before,
  #content:has(> .r43dc24b) .r2b1e4d1:nth-child(3)::before { background-image: var(--ico-main) }
  #content:has(> .r43dc24b) .r2b1e4d1:nth-child(4)::before { background-image: var(--ico-stetho) }
  #content:has(> .r43dc24b) .r576add0 { display: contents }
  #content:has(> .r43dc24b) .r2b1e4d1 .re8c2d08 { grid-column: 3; grid-row: 1; font-family: Inter, sans-serif; font-weight: 700; font-size: 11px; line-height: 14px;
    letter-spacing: .16em; text-transform: uppercase; color: #8a6638 }
  #content:has(> .r43dc24b) .r2b1e4d1 .rbaaf326 { grid-column: 4; grid-row: 1; font-size: 11px; line-height: 14px; letter-spacing: .16em }
  #content:has(> .r43dc24b) .r2b1e4d1 .rbaaf326::before { content: "\00a0·\00a0" }
  #content:has(> .r43dc24b) .r2a01270 { grid-column: 3 / 5; grid-row: 2; font-family: Inter, sans-serif; font-size: 16px; line-height: 26px; color: #000000 }
  #content:has(> .r43dc24b) .r2b1e4d1 .r7e322a7 { grid-column: 3 / 5; grid-row: 3; color: #5c5550 }

  /* Se former aux techniques manuelles : photo pleine largeur en tête, texte dessous, sur fond doux */
  #content:has(> .r43dc24b) .r2b1af6b { padding: 0 0 48px; gap: 24px }
  #content:has(> .r43dc24b) .r2b1af6b > picture { display: block }
  #content:has(> .r43dc24b) .r130f9bb { aspect-ratio: 3 / 2; border-radius: 0; box-shadow: none }
  #content:has(> .r43dc24b) .r2b1af6b .r2cde2ff { padding: 0 16px; gap: 16px }
  #content:has(> .r43dc24b) .r449756d,
  #content:has(> .r43dc24b) .r6aa825f { font-size: 16px; line-height: 26px }

  /* Un partenariat, une histoire de cœur : texte, photo, puis trois lignes à pictogramme */
  #content:has(> .r43dc24b) .r43dc24b { padding: 48px 16px; gap: 16px }
  #content:has(> .r43dc24b) .r292c204 { gap: 16px }
  #content:has(> .r43dc24b) .r43dc24b .r2cde2ff { gap: 16px }
  #content:has(> .r43dc24b) .r1ef8954 { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #5c5550 }
  #content:has(> .r43dc24b) .r43dc24b .r17bbb63 { aspect-ratio: 3 / 2 }
  #content:has(> .r43dc24b) .rc13fcc5 { display: flex; flex-direction: column; border-top: 0 }
  #content:has(> .r43dc24b) .rc13fcc5 > div { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 0; align-items: center;
    padding: 14px 0; border-left: 0; border-top: 1px solid #e5e0db }
  #content:has(> .r43dc24b) .rc13fcc5 > div:first-child { border-top: 0 }
  #content:has(> .r43dc24b) .rc13fcc5 > div::before { grid-row: 1 / 3; background-image: var(--ico-stetho) }
  #content:has(> .r43dc24b) .rc13fcc5 > div:nth-child(3)::before { background-image: var(--ico-personnes) }
  #content:has(> .r43dc24b) .rc13fcc5 .r4ef7f74 { align-self: end; font-size: 16px; line-height: 26px; letter-spacing: 0; text-transform: none; color: #000000 }
  #content:has(> .r43dc24b) .rc13fcc5 .r7e322a7 { align-self: start; color: #5c5550 }

  /* Une complémentarité de médecines : fond doux, textes doux, citation du directeur en carte */
  #content:has(> .r43dc24b) .rf43dd2f { background: #f5f2ef; padding: 48px 16px; gap: 24px }
  #content:has(> .r43dc24b) .rf43dd2f .r2cde2ff { gap: 16px }
  #content:has(> .r43dc24b) .rfeec5b5 { font-size: 16px; line-height: 26px; color: #5c5550 }
  #content:has(> .r43dc24b) .r32ba01f { padding: 24px; gap: 16px }
  #content:has(> .r43dc24b) .r32ba01f > svg { width: 32px; height: 32px }
  #content:has(> .r43dc24b) .r9592a6a { font-family: Inter, sans-serif; font-weight: 700; font-size: 18px; line-height: 24px; color: #000000 }
  #content:has(> .r43dc24b) .r32ba01f .r7e322a7 { color: #5c5550 }
  #content:has(> .r43dc24b) .r8b19827 { flex-wrap: nowrap; gap: 16px; padding-top: 16px; font-style: normal }
  #content:has(> .r43dc24b) .r045a91c { width: 64px; height: 64px; border-radius: 4px }
  #content:has(> .r43dc24b) .r582cf27 { font-size: 16px; line-height: 26px; font-style: normal }

  /* Deux convictions : deux lignes à pictogramme, sur blanc */
  #content:has(> .r43dc24b) .r87b1198 { padding: 48px 16px; gap: 16px }
  #content:has(> .r43dc24b) .r915b8a8 { align-items: flex-start; text-align: left; gap: 16px }
  #content:has(> .r43dc24b) .r9fe66a1 { display: flex; flex-direction: column; gap: 0 }
  #content:has(> .r43dc24b) .re7e7c41,
  #content:has(> .r43dc24b) .r4c48bf4 { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 0; align-items: center;
    padding: 14px 0; border-top: 1px solid #e5e0db; border-radius: 0; background: none; box-shadow: none }
  #content:has(> .r43dc24b) .re7e7c41 { border-top: 0 }
  #content:has(> .r43dc24b) .rc6fbc5a { display: contents }
  #content:has(> .r43dc24b) .r1fab2ce { grid-column: 1; grid-row: 1 / 3; width: 44px; height: 44px }
  #content:has(> .r43dc24b) .r1fab2ce svg { width: 22px; height: 22px }
  #content:has(> .r43dc24b) .r87b1198 .rbe1ca2c { grid-column: 2; align-self: end; font-size: 16px; line-height: 26px; letter-spacing: 0; text-transform: none; color: #000000 }
  #content:has(> .r43dc24b) .rbbca98e { grid-column: 2; align-self: start; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #5c5550 }

  /* Catalogue de formations : fond doux au lieu du rouge, bouton rouge pleine largeur */
  #content:has(> .r43dc24b) .raddb99e { flex-direction: column; align-items: stretch; gap: 16px; padding: 48px 16px; background: #f5f2ef; color: #000000 }
  #content:has(> .r43dc24b) .r6e43b11 { gap: 16px }

}