.page-formations{overflow-x:clip}.formations-section{padding-block:clamp(4.5rem,9vw,8rem)}.formations-heading{max-width:760px;margin-bottom:clamp(2.4rem,5vw,4rem)}.formations-heading h2{margin:.45rem 0 1rem}.formations-heading>p:not(.eyebrow){color:var(--muted);font-size:var(--step-1)}.formations-hero{position:relative;padding-block:clamp(4rem,8vw,7.5rem);overflow:hidden;background:linear-gradient(125deg,#fbf8f3,#f0e5dc 65%,#e8d8cc)}.formations-hero::after{position:absolute;right:-12rem;bottom:-18rem;width:36rem;height:36rem;border:1px solid rgb(195 165 87 / 38%);border-radius:50%;content:""}.formations-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(3rem,8vw,7rem)}.formations-hero h1{max-width:13ch}.formations-hero__lead{max-width:57ch;color:var(--terra-dark);font-size:var(--step-1);font-weight:600}.formations-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.86rem 1.35rem;border:1px solid var(--terra);border-radius:999px;color:var(--terra-dark);font-family:var(--font-body);font-weight:600;text-decoration:none}.button-secondary:hover{background:rgb(168 95 73 / 8%)}.formations-hero__visual{position:relative;margin:0;padding:.75rem;border:1px solid rgb(168 95 73 / 48%)}.formations-hero__visual::before{position:absolute;inset:-1rem 1.3rem 1.3rem -1rem;z-index:-1;border:1px solid var(--gold);content:""}.formations-hero__visual img{display:block;width:100%;aspect-ratio:1.43;object-fit:cover}.formations-hero__visual figcaption{margin:.9rem 0 .1rem;color:var(--muted);font-size:var(--step--1)}.formations-catalogue{background:var(--paper)}.formations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.formation-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:clamp(1.7rem,4vw,3.25rem);background:var(--white);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.formation-card--quiet{background:#f8f5f0}.formation-card__number{position:absolute;top:1.5rem;right:1.7rem;color:var(--gold-text);font-size:var(--step--1);font-weight:600}.formation-card__scope{margin:0;color:var(--terra-text);font-size:var(--step--1);font-weight:600;letter-spacing:.09em;text-transform:uppercase}.formation-card h3{max-width:20ch;margin:.55rem 0 1rem}.formation-card>p:not(.formation-card__scope){max-width:58ch;color:var(--muted)}.formation-card dl{display:grid;gap:0;margin:1rem 0 2rem;border-top:1px solid var(--line)}.formation-card dl div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.formation-card dt{font-weight:600}.formation-card dd{margin:0;color:var(--muted)}.formation-card>.text-link{margin-top:auto}.text-link{color:var(--terra-dark);font-family:var(--font-body);font-weight:600;text-decoration-thickness:1px}.choice-guide{background:#5f7165;color:#fff}.choice-guide h2,.choice-guide h3,.choice-guide .eyebrow{color:#fff}.choice-guide .formations-heading>p:not(.eyebrow){color:#fff}.choice-guide .text-link{color:#fff}.choice-guide__grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(3rem,8vw,8rem);align-items:start}.choice-list{border-top:1px solid #555a54}.choice-list article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid #555a54}.choice-list span{max-width:48ch;color:#fff}.choice-list a{color:#fff;font-weight:600;text-align:right}.audiences{background:var(--cream)}.audience-list{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;border-top:1px solid var(--line);border-left:1px solid var(--line);list-style:none}.audience-list li{min-height:150px;padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:var(--step-1);font-weight:600;line-height:1.35}.audience-list li::before{display:block;margin-bottom:2rem;color:var(--gold-text);font-size:.8rem;content:"◆"}.method{background:var(--white)}.method__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:clamp(3rem,8vw,8rem)}.method__grid>div>h2{margin:.45rem 0 1rem}.method__grid>div>p:not(.eyebrow){max-width:68ch;color:var(--muted)}.method-steps{padding:0;margin:0;border-top:1px solid var(--line);list-style:none}.method-steps li{display:grid;grid-template-columns:3rem 1fr;gap:1.3rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.method-steps span{color:var(--terra-text);font-size:var(--step--1);font-weight:600}.method-steps h3{margin:0 0 .3rem;font-size:var(--step-1)}.method-steps p{margin:0;color:var(--muted)}.practical{background:#f7f3ed}.practical-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.practical-grid article{padding:clamp(1.5rem,3vw,2.4rem);background:rgb(255 255 255 / 48%);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.practical-grid h3{margin:0 0 .8rem;font:600 var(--step-1)/1.35 var(--font-body)}.practical-grid p{color:var(--muted)}.practical-grid a{font-weight:600;overflow-wrap:anywhere}.sessions-callout{padding-block:clamp(4rem,8vw,7rem);background:#5f7165;color:#fff}.sessions-callout h2,.sessions-callout .eyebrow{color:#fff}.sessions-callout h2{margin:.4rem 0 1rem}.sessions-callout p{max-width:67ch;color:#fff}.sessions-callout__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,6vw,6rem)}.sessions-callout__actions{display:grid;gap:1.2rem;justify-items:start}.sessions-callout .button{color:#2b2d2f}.sessions-callout .text-link{color:#fff}.reassurance{background:var(--white)}.reassurance__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.reassurance__grid>div{grid-column:1/-1;max-width:650px;margin-bottom:1.5rem}.reassurance__grid>div h2{margin:.4rem 0 0}.reassurance article{display:flex;min-height:100%;flex-direction:column;padding:clamp(1.5rem,3vw,2.4rem);border:1px solid var(--line)}.reassurance article img{width:auto;max-width:180px;height:72px;margin-bottom:1.5rem;object-fit:contain;object-position:left center}.reassurance__mark{display:grid;width:4rem;height:4rem;place-items:center;margin-bottom:1.5rem;border:1px solid var(--gold);color:var(--terra-text);font-weight:600}.reassurance h3{margin:0 0 .8rem;font-size:var(--step-1)}.reassurance p{color:var(--muted)}.reassurance .text-link{margin-top:auto}.formations-faq{background:var(--cream)}.formations-faq__grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(3rem,8vw,8rem);align-items:start}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding:1.25rem 2.5rem 1.25rem 0;cursor:pointer;font-size:var(--step-1);font-weight:600;line-height:1.35;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{position:absolute;top:1.25rem;right:.2rem;color:var(--terra-text);content:"+"}.faq-list details[open] summary::after{content:"−"}.faq-list details p{max-width:68ch;padding:0 2.5rem 1.3rem 0;color:var(--muted)}.formations-final{padding-block:clamp(5rem,10vw,9rem);background:linear-gradient(135deg,#f5eee6,#ead8cb);text-align:center}.formations-final__inner{display:grid;justify-items:center}.formations-final h2{max-width:22ch;margin:.45rem auto .8rem}.formations-final p{color:var(--muted)}.formations-actions--center{justify-content:center}
@media(max-width:1000px){.practical-grid{grid-template-columns:repeat(2,1fr)}.audience-list{grid-template-columns:repeat(2,1fr)}.reassurance__grid{grid-template-columns:1fr 1fr}.reassurance__grid article:last-child{grid-column:1/-1}.sessions-callout__grid{grid-template-columns:1fr}.sessions-callout__actions{display:flex;flex-wrap:wrap;align-items:center}}
@media(max-width:850px){.formations-hero__grid,.choice-guide__grid,.method__grid,.formations-faq__grid{grid-template-columns:1fr}.formations-hero__visual{width:min(92%,620px);margin-inline:auto}.formations-heading{margin-bottom:2.2rem}.choice-guide .formations-heading,.formations-faq .formations-heading{margin-bottom:0}.choice-list article{grid-template-columns:1fr}.choice-list a{text-align:left}.formation-card dl div{grid-template-columns:7.5rem 1fr}}
@media(max-width:650px){.formations-section{padding-block:4rem}.formations-grid,.practical-grid,.audience-list,.reassurance__grid{grid-template-columns:1fr}.reassurance__grid article:last-child{grid-column:auto}.formation-card{padding:1.5rem}.formation-card dl div{grid-template-columns:1fr;gap:.2rem}.audience-list li{min-height:0}.formations-actions,.formations-actions .button,.formations-actions .button-secondary{width:100%}.sessions-callout__actions{display:grid}.sessions-callout__actions .button{width:100%}.formations-hero__visual{width:92%}}

/* Collection de quatre cartes : la Neuro-Architecture reste la référence unique. */
.formations-grid .formation-card{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);min-height:520px;border:0;border-radius:42px 14px 42px 14px;background:#fff;box-shadow:0 16px 38px rgb(80 83 85 / 8%)}
.formations-grid .formation-card:nth-child(even){border-radius:42px 14px 42px 14px;background:#fff;transform:none}
.formations-grid .formation-card__image{display:block;grid-column:1;grid-row:1/-1;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:30px 10px 30px 10px}
.formations-grid .formation-card__image img{display:block;width:100%;height:100%;object-fit:cover}
.formations-grid .formation-card>:not(.formation-card__image):not(.formation-card__number){grid-column:1}
.formations-grid .formation-card__image{grid-column:2}
.formations-grid .formation-card>.button{align-self:end;justify-self:start;margin-top:auto}
@media(max-width:760px){.formations-grid .formation-card{grid-template-columns:1fr;min-height:0}.formations-grid .formation-card__image{grid-column:1;grid-row:auto;aspect-ratio:4/5;margin-bottom:1.5rem}.formations-grid .formation-card>:not(.formation-card__image):not(.formation-card__number){grid-column:1}.formations-grid .formation-card>.button{width:100%}}

/* Rythme historique de la page catalogue, sans modifier les programmes. */
.page-formations .formations-grid{grid-auto-rows:1fr}
.page-formations .formations-catalogue{background:#fff}.page-formations .formations-grid{grid-template-columns:1fr;gap:clamp(2rem,5vw,4rem);border:0}.page-formations .formation-card{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);grid-template-rows:auto;column-gap:clamp(2rem,6vw,5rem);padding:clamp(2rem,5vw,4rem);border:1px solid var(--line);border-radius:30px 30px 10px;background:#fbf8f3;box-shadow:0 12px 32px rgb(68 53 47 / 6%)}.page-formations .formation-card:nth-child(even){background:#f2eee7}.page-formations .formation-card__image{grid-column:2;grid-row:1/8;width:100%;height:100%;max-height:540px;border-radius:48% 48% 10px 10px;object-fit:cover;filter:saturate(.82)}.page-formations .formation-card>:not(.formation-card__image){grid-column:1}
/* L'IMAGE DANS SON CADRE.
   Les quatre vignettes sont des <picture>, et <picture> est un élément INLINE :
   la règle du dessus (hauteur, object-fit, arrondi) porte sur LUI, jamais sur
   l'<img> qu'il contient. Cette image se dimensionnait donc seule, sur ses
   attributs width/height, et débordait largement du cadre — 1272 px de large
   dans une fenêtre de 446. On n'en voyait qu'un morceau agrandi : c'est ce qui
   rendait la vignette de neuro-architecture floue et « trop zoomée ».
   La règle existait déjà pour l'autre grille (.formations-grid, plus haut) ;
   elle manquait ici. */
.page-formations .formation-card__image{display:block}
.page-formations .formation-card__image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* LA DATE, DANS LA DERNIÈRE LIGNE DE LA FICHE.
   Elle a rejoint le tableau plutôt que de vivre dans un bloc à part sous la
   liste, qui repoussait les deux boutons hors de l'écran. L'étiquette de gauche
   dit « Prochaine formation » ; la date se lit dans la police des titres, en
   chiffres alignés, pour qu'on la trouve d'un coup d'œil au milieu de la prose.
   Plusieurs sessions s'empilent, la plus proche en premier. */
.formation-card__date{display:block;color:var(--gold-text);font-family:var(--font-title,Georgia,serif);font-size:1.08rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.45}
.formation-card__date+.formation-card__date{margin-top:.1rem}
.page-formations .formation-card__number{top:2rem;right:2rem}.page-formations .formation-card h3{font-size:clamp(2rem,3vw,3.2rem)}.page-formations .formation-card>.text-link{align-self:end}.page-formations .formation-card .text-link:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
@media(max-width:760px){.page-formations .formation-card{grid-template-columns:1fr}.page-formations .formation-card__image,.page-formations .formation-card>:not(.formation-card__image){grid-column:1}.page-formations .formation-card__image{grid-row:auto;max-height:420px;margin-bottom:1.5rem}.page-formations .formation-card__number{top:calc(2rem + 42vw)}}

/* Harmonisation des quatre vignettes du catalogue. */
@media (min-width: 761px) {
  .page-formations .formation-card--neuro .formation-card__image,
  .page-formations .formation-card--habitat .formation-card__image,
  .page-formations .formation-card--colors .formation-card__image,
  .page-formations .formation-card--feng-shui .formation-card__image {
    align-self: stretch;
    width: 100%;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
  }

  .page-formations .formation-card--neuro .formation-card__image img,
  .page-formations .formation-card--habitat .formation-card__image img,
  .page-formations .formation-card--colors .formation-card__image img,
  .page-formations .formation-card--feng-shui .formation-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}


/* LE ZOOM DE 2,85 EST PARTI, ET AVEC LUI LE FLOU.
   Il était là pour une raison honnête, écrite à l'époque : « l'image historique
   contient une marge claire et des marquages intégrés au fichier ; ce zoom les
   place hors du cadre sans ajouter de nouvel asset ». Le fichier n'était en
   effet pas une photo mais une carte entière — titre « Neuro-Architecture »,
   texte marketing et « En savoir plus » gravés dedans — et l'agrandir de 2,85
   était le seul moyen de n'en montrer que la composition.

   Mais agrandir 2,85 fois une image de 480 px, c'est en afficher 1 272 : elle
   était trois fois trop étirée, et sur un écran Retina six fois. D'où le flou.

   La source existait : neuro-architecture-editorial.webp, 1600 × 1116, la même
   composition en pleine résolution et sans texte incrusté. La vignette en est
   maintenant tirée. Il n'y a plus rien à cacher, donc plus rien à zoomer. */


/* Harmonisation ciblée demandée : même composant et même animation pour tous les boutons de cette page.
   L'encre était blanche sur le dégradé terracotta, soit 1,44 de contraste pour un seuil de 4,5 :
   « Découvrir la formation » s'effaçait sur la moitié droite du bouton. Anthracite, comme partout
   ailleurs depuis le 2026-08-10. */
.page-formations .button,
.page-formations .button:link,
.page-formations .button:visited,
.page-formations .button:hover,
.page-formations .button:focus,
.page-formations .button:focus-visible,
.page-formations .button:active {
  color: #2b2d2f;
}