/* ============================================================
   PAGE ATELIERS — maquette validee du 02/10/2026
   ------------------------------------------------------------
   Chargee sur la seule page ateliers (functions.php). Le bandeau
   est pose par page-ateliers.php ; les quatre sections suivent le
   contenu WordPress :

     #intention  le vert tres pale : la phrase forte et le cadre, a
                 droite la phrase sensible, un filet et un rameau ;
     #les-deux   « Decouvrir, puis pratiquer » : un en-tete centre,
                 puis deux visuels de meme taille, alignes sur la grille
                 du texte, de part et d autre d un axe court ;
     #pratique   la photographie a gauche, les informations a droite ;
     #reprise    le bleu nuit : un filet et son losange a gauche, le
                 paysage de l accueil a la nuit tombee a droite.

   Les sections ne s activent qu avec leur marqueur .ateliers-v2 :
   l ancien contenu n en porte aucun.

   Les couleurs sont les jetons du theme (le vert est la teinte de la
   page, --acc-voile et --acc-bord, posee par edr_teinte_page() ; les
   filets prennent --or, les petits textes --or-texte). Les motifs
   viennent des autres pages — l ombre du rameau d A propos, l herbe
   sechee des Guidances, le paysage de l accueil — sauf
   deux petits traces au cuivre et au trait du losange de Contact :
   l ornement de l axe (ateliers-losange.svg) et le rameau de la phrase
   sensible (ateliers-rameau.svg).

   Le contenu Gutenberg du theme stylise p, a, h2, h3 et img avec une
   specificite (0,1,1) : toutes les regles passent sous
   body.edr-ateliers.
   ============================================================ */

body.edr-ateliers{
  /* Du bord de l ecran au bord de la grille : la marge du logo et du H1
     (168 px a 1440), celle de .bande__in. */
  --at-marge:calc(max(0px,(100vw - 76rem) / 2) + clamp(1.25rem,5vw,3.5rem));
  /* Un seul rythme vertical pour les quatre sections : 92 px a 1440. */
  --at-section:clamp(4.5rem,6.4vw,5.75rem);
  /* Une seule gouttiere pour l en-tete et les deux ateliers : l intro
     tombe ainsi exactement sur la colonne du perfectionnement. */
  --at-gouttiere:clamp(3.5rem,6.4vw,5.75rem);
  /* Les deux photographies des ateliers : meme largeur, meme hauteur. */
  --at-photo:clamp(14.5rem,23.5vw,21.25rem);
  /* Le texte courant, un cran plus net que --txt2 : l encre d A propos. */
  --at-texte:#4F4841;
}

body.edr-ateliers .ateliers-page.interieur{padding-top:0;background:var(--bg)}
body.edr-ateliers .ateliers-page .entry{max-width:none;padding:0}
body.edr-ateliers .ateliers-page .entry > .bande{margin:0}

/* Surtitres, titres et texte courant des quatre sections. */
body.edr-ateliers .ateliers-v2 .eyebrow{margin-bottom:0}
body.edr-ateliers .ateliers-v2:not(.bande--nuit) .eyebrow{color:var(--or-texte)}
body.edr-ateliers .ateliers-v2:not(.bande--nuit) .eyebrow::before{background:var(--or)}
body.edr-ateliers .ateliers-v2 h2{margin:0;max-width:none;font-size:clamp(2.3rem,3.5vw,3.15rem);line-height:1.08;text-wrap:balance}
body.edr-ateliers .ateliers-v2 .eyebrow + h2{margin-top:1.1rem}
body.edr-ateliers .ateliers-v2 p{max-width:none;text-wrap:pretty}

/* ------------------------------------------------------------
   BANDEAU
   Le texte a gauche, aligne sur le logo ; la photographie occupe un
   peu plus de la moitie droite et se fond dans l ivoire par un degrade
   court : elle ne vient plus voiler la fin des lignes. Un brin d herbe
   sechee dans l angle.
   ------------------------------------------------------------ */
body.edr-ateliers .ateliers-hero{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;
  min-height:34rem;padding:0;overflow:hidden;background:var(--bg);isolation:isolate}
body.edr-ateliers .ateliers-hero::after{
  content:"";position:absolute;z-index:1;left:-1.75rem;bottom:-3.25rem;width:12.5rem;aspect-ratio:600 / 800;pointer-events:none;
  background:url("assets/images/guidances-branche-600.webp") left bottom / contain no-repeat;opacity:.5}
body.edr-ateliers .ateliers-hero__texte{
  position:relative;z-index:2;grid-area:1 / 1;width:100%;max-width:calc(var(--at-marge) + 31.5rem);
  padding:4rem 2.5rem 3.75rem var(--at-marge)}
body.edr-ateliers .ateliers-hero .eyebrow{color:var(--or-texte)}
body.edr-ateliers .ateliers-hero .eyebrow::before{background:var(--or)}
body.edr-ateliers .ateliers-hero h1{max-width:none;font-size:clamp(4.4rem,5.6vw,5.5rem);white-space:nowrap}
body.edr-ateliers .ateliers-hero h1::after{
  content:"";display:block;width:3rem;height:1px;margin-top:1.5rem;background:var(--or)}
body.edr-ateliers .ateliers-hero .accroche{
  max-width:29.5rem;margin-top:1.6rem;font-family:var(--serif);font-size:1.42rem;line-height:1.5;color:var(--at-texte);text-wrap:pretty}

body.edr-ateliers .ateliers-hero__image{
  position:relative;grid-area:1 / 1;justify-self:end;align-self:stretch;width:55%;margin:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 10%,rgba(0,0,0,.9) 19%,#000 27%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 10%,rgba(0,0,0,.9) 19%,#000 27%)}
/* En absolu : la photographie ne doit pas imposer sa hauteur au bandeau. */
body.edr-ateliers .ateliers-hero__image img{
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
/* Meme arrivee que Soins et Guidances : un zoom qui se resorbe, sans
   opacite — c est l image LCP. */
:where(.js-animations-ready) body.edr-ateliers .ateliers-hero__image img{animation:hero-pose 1.2s var(--ease) both}

/* ------------------------------------------------------------
   INTENTION — le vert tres pale
   Les deux colonnes ont la meme hauteur : le filet de droite court du
   haut de la phrase forte au bas du paragraphe, le rameau pose a son
   sommet comme un bourgeon, la phrase sensible centree contre lui.
   ------------------------------------------------------------ */
body.edr-ateliers .ateliers-page .entry > .ateliers-intention{padding-block:var(--at-section);isolation:isolate}
/* L ombre d un rameau d olivier, celle d A propos, dans l angle. */
body.edr-ateliers .ateliers-intention::after{
  content:"";position:absolute;z-index:1;top:-3rem;right:-6rem;width:min(18rem,20vw);aspect-ratio:660 / 600;pointer-events:none;
  background:url("assets/images/apropos-ombre-rameau-660.webp") center / contain no-repeat;
  transform:rotate(116deg);opacity:.14;mix-blend-mode:multiply}
body.edr-ateliers .ateliers-intention__grille{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,23rem);column-gap:clamp(3rem,7vw,6.5rem);align-items:stretch}
body.edr-ateliers .ateliers-intention .edr-fort{
  max-width:40rem;font-size:clamp(1.75rem,2.5vw,2.3rem);line-height:1.3;color:var(--nuit);border-left-color:var(--or);text-wrap:balance}
body.edr-ateliers .ateliers-intention__principal p:not(.edr-fort){
  max-width:34rem;margin-top:1.45rem;padding-left:calc(1.6rem + 2px);font-size:1rem;line-height:1.8;color:var(--at-texte)}
body.edr-ateliers .ateliers-intention__principal p:not(.edr-fort)::before{
  content:"";display:block;width:2.75rem;height:1px;margin-bottom:1.35rem;background:var(--or)}

body.edr-ateliers .ateliers-intention__phrase{
  position:relative;display:flex;align-items:center;padding:2.4rem 0 0 2.6rem;
  font-family:var(--serif);font-style:italic;font-size:1.45rem;line-height:1.45;color:var(--txt);text-wrap:balance}
body.edr-ateliers .ateliers-intention__phrase::before{
  content:"";position:absolute;left:-1.15rem;top:0;width:2.3rem;height:2.9rem;pointer-events:none;
  background:url("assets/images/ateliers-rameau.svg") center top / contain no-repeat;opacity:.85}
body.edr-ateliers .ateliers-intention__phrase::after{
  content:"";position:absolute;left:0;top:2.85rem;bottom:0;width:1px;background:var(--or);opacity:.5}

/* ------------------------------------------------------------
   LES DEUX ATELIERS
   L en-tete est une seule unite centree — surtitre, titre, phrase-pont
   — puis seulement les deux colonnes, de meme largeur, photographies de
   meme taille alignees sur le texte ; entre elles seulement, un axe fin
   et le losange, dans l axe du titre.
   ------------------------------------------------------------ */
body.edr-ateliers .ateliers-page .entry > .ateliers-deux{padding-block:var(--at-section)}
body.edr-ateliers .ateliers-deux__tete{max-width:44rem;margin-inline:auto;text-align:center}
/* Centre, le surtitre prend un filet de chaque cote. */
body.edr-ateliers .ateliers-deux__tete .eyebrow{justify-content:center}
body.edr-ateliers .ateliers-deux__tete .eyebrow::after{content:"";width:1.6rem;height:1px;background:var(--or)}
body.edr-ateliers .ateliers-v2 p.ateliers-deux__intro{
  max-width:37rem;margin:1.3rem auto 0;font-family:var(--serif);font-size:1.32rem;line-height:1.5;color:var(--at-texte);text-wrap:balance}

body.edr-ateliers .ateliers-deux__parcours{
  position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--at-gouttiere);
  margin-top:clamp(3rem,5vw,4.25rem);align-items:start}
body.edr-ateliers .ateliers-deux__parcours::before{
  content:"";position:absolute;left:50%;top:0;height:var(--at-photo);width:1px;margin-left:-.5px;pointer-events:none;
  background:linear-gradient(180deg,rgba(184,134,78,0) 0,rgba(184,134,78,.34) 16%,rgba(184,134,78,.34) 84%,rgba(184,134,78,0) 100%)}
body.edr-ateliers .ateliers-deux__parcours::after{
  content:"";position:absolute;left:50%;top:calc(var(--at-photo) / 2);width:2.1rem;height:4.4rem;pointer-events:none;
  transform:translate(-50%,-50%);background:var(--bg) url("assets/images/ateliers-losange.svg") center / 100% 100% no-repeat;opacity:.85}

body.edr-ateliers .atelier{position:relative}
/* La photographie dans son cadre : posee en absolu, elle ne participe
   pas au calcul des hauteurs et echappe a la reserve 3000 x 1500 px que
   WordPress donne aux images « sizes=auto » (voir guidances-maquette.css). */
body.edr-ateliers .atelier__visuel{position:relative;z-index:1;height:var(--at-photo);margin:0;overflow:hidden;background:#E9E4DA}
body.edr-ateliers .ateliers-page .entry .atelier__image{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
body.edr-ateliers .ateliers-page .entry .atelier--initiation .atelier__image{object-position:50% 48%;contain-intrinsic-size:1360px 894px}
body.edr-ateliers .ateliers-page .entry .atelier--perfectionnement .atelier__image{object-position:40% 50%;contain-intrinsic-size:1120px 696px}

body.edr-ateliers .atelier__corps{max-width:29.5rem;padding-top:clamp(1.6rem,2.3vw,1.95rem)}
body.edr-ateliers .ateliers-v2 .atelier h3{margin:0;font-size:clamp(2rem,2.6vw,2.35rem);line-height:1.1;color:var(--nuit)}
body.edr-ateliers .ateliers-v2 .atelier p.atelier__duree{
  display:flex;align-items:center;gap:.9rem;margin-top:.7rem;
  font-size:.72rem;font-weight:500;letter-spacing:.24em;line-height:1.5;text-transform:uppercase;color:var(--or-texte)}
body.edr-ateliers .atelier__duree::after{content:"";flex:0 0 2rem;height:1px;background:var(--or);opacity:.6}
body.edr-ateliers .ateliers-v2 .atelier p:not(.atelier__duree):not(.aparte){
  margin-top:1.15rem;font-size:1.02rem;line-height:1.8;color:var(--at-texte)}
/* La note du perfectionnement reste un apart : filet cuivre leger,
   corps plus petit, pas le poids d un troisieme paragraphe. */
body.edr-ateliers .ateliers-v2 .atelier p.aparte{
  margin-top:1.3rem;padding-left:1.1rem;border-left:1px solid rgba(184,134,78,.55);
  font-size:.88rem;line-height:1.65;color:var(--txt3)}

/* ------------------------------------------------------------
   INFORMATIONS PRATIQUES
   La photographie occupe la moitie gauche, jusqu au bord de l ecran,
   et ne se fond dans le vert que sur son dernier cinquieme ; le texte
   et les faits a droite, sur le meme rythme vertical que le reste.
   ------------------------------------------------------------ */
body.edr-ateliers .ateliers-page .entry > .ateliers-pratique{padding-block:var(--at-section)}
body.edr-ateliers .ateliers-pratique__visuel{
  position:absolute;z-index:0;left:0;top:0;bottom:0;width:50%;margin:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 78%,rgba(0,0,0,.5) 90%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 78%,rgba(0,0,0,.5) 90%,transparent 100%)}
body.edr-ateliers .ateliers-page .entry .ateliers-pratique__image{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:46% 55%;
  border-radius:0;contain-intrinsic-size:1400px 932px}
body.edr-ateliers .ateliers-pratique__contenu{max-width:32rem;margin-left:calc(50% + clamp(2rem,4vw,3.5rem))}
body.edr-ateliers .ateliers-pratique__contenu > p{max-width:30rem;margin-top:1.2rem;font-size:1.02rem;line-height:1.75;color:var(--at-texte)}
body.edr-ateliers .ateliers-pratique .faits{margin-top:2.1rem;border-top:1px solid rgba(184,134,78,.55)}
body.edr-ateliers .ateliers-pratique .faits > div{gap:1.5rem;padding-block:1rem;border-bottom-color:var(--acc-bord)}
body.edr-ateliers .ateliers-pratique .faits .cle{font-size:.7rem;letter-spacing:.22em;color:var(--or-texte)}
body.edr-ateliers .ateliers-pratique .faits .val{font-size:1.26rem;line-height:1.25;color:var(--nuit);text-wrap:balance}

/* ------------------------------------------------------------
   OU ET QUAND — le bleu nuit
   A gauche, un filet court et l ornement losange, a la place de la
   grande rune ; a droite, le paysage de l accueil (les Alpilles et leur
   pierre runique), a la nuit tombee — ateliers-fin-alpilles, deja
   assombri : il ne doit jamais concurrencer le texte.
   ------------------------------------------------------------ */
body.edr-ateliers .ateliers-page .entry > .ateliers-fin{padding-block:calc(var(--at-section) * 1.1);isolation:isolate}
body.edr-ateliers .ateliers-fin::before{
  content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;width:52%;pointer-events:none;
  background:
    linear-gradient(90deg,var(--nuit) 0,var(--nuit) 8%,rgba(27,30,43,.9) 30%,rgba(27,30,43,.62) 60%,rgba(27,30,43,.46) 100%),
    linear-gradient(180deg,rgba(27,30,43,.5) 0,rgba(27,30,43,0) 30%,rgba(27,30,43,0) 70%,rgba(27,30,43,.55) 100%),
    url("assets/images/ateliers-fin-alpilles-960.webp") 100% 70% / cover no-repeat}
body.edr-ateliers .ateliers-fin__texte{position:relative;max-width:38rem}
body.edr-ateliers .ateliers-fin__texte::before{
  content:"";position:absolute;left:calc(-.42 * var(--at-marge));top:.2rem;height:12rem;width:1px;pointer-events:none;
  background:linear-gradient(180deg,rgba(212,164,106,0) 0,rgba(212,164,106,.38) 22%,rgba(212,164,106,.38) 78%,rgba(212,164,106,0) 100%)}
body.edr-ateliers .ateliers-fin__texte::after{
  content:"";position:absolute;left:calc(-.42 * var(--at-marge));top:6.2rem;width:2.1rem;height:4.4rem;pointer-events:none;
  transform:translate(-50%,-50%);background:var(--nuit) url("assets/images/ateliers-losange.svg") center / 100% 100% no-repeat;opacity:.8}
body.edr-ateliers .ateliers-fin .eyebrow{color:var(--or2)}
body.edr-ateliers .ateliers-fin .eyebrow::before{background:var(--or2)}
body.edr-ateliers .ateliers-fin h2{color:#fff}
body.edr-ateliers .ateliers-fin h2 + p{
  max-width:36rem;margin-top:1.5rem;font-size:1.02rem;line-height:1.8;color:rgba(255,255,255,.8)}
body.edr-ateliers .ateliers-fin .boutons{margin-top:2.1rem}
body.edr-ateliers .ateliers-v2 p.ateliers-fin__relance{
  max-width:34rem;margin-top:1.5rem;font-size:.92rem;line-height:1.75;color:rgba(255,255,255,.64)}
body.edr-ateliers .ateliers-fin__relance a{color:var(--or2);border-bottom-color:rgba(212,164,106,.4);white-space:nowrap}
body.edr-ateliers .ateliers-fin__relance a:hover,
body.edr-ateliers .ateliers-fin__relance a:focus-visible{border-bottom-color:var(--or2)}

/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */
@media(max-width:1100px){
  body.edr-ateliers .ateliers-hero{min-height:31rem}
  body.edr-ateliers .ateliers-hero__image{width:52%}
  body.edr-ateliers .ateliers-hero__texte{max-width:calc(var(--at-marge) + 27rem)}
  body.edr-ateliers .ateliers-hero h1{font-size:4rem}
  body.edr-ateliers .ateliers-hero .accroche{max-width:25.5rem;font-size:1.26rem}

  body.edr-ateliers .ateliers-intention__grille{grid-template-columns:minmax(0,1fr) minmax(0,18.5rem)}
  body.edr-ateliers .ateliers-intention__phrase{font-size:1.3rem}

  /* La marge ne laisse plus la place au filet du bas. */
  body.edr-ateliers .ateliers-pratique__contenu{margin-left:calc(50% + 1.75rem)}
  body.edr-ateliers .ateliers-fin__texte::before,
  body.edr-ateliers .ateliers-fin__texte::after{display:none}
}

@media(max-width:899.98px){
  body.edr-ateliers .ateliers-hero{min-height:0;grid-template-rows:auto auto}
  body.edr-ateliers .ateliers-hero::after{display:none}
  body.edr-ateliers .ateliers-hero__texte{grid-area:1 / 1;max-width:none;padding:3rem var(--at-marge) 2.5rem}
  body.edr-ateliers .ateliers-hero h1{font-size:3.6rem}
  body.edr-ateliers .ateliers-hero .accroche{max-width:34rem}
  body.edr-ateliers .ateliers-hero__image{
    grid-area:2 / 1;width:100%;height:clamp(15.5rem,46vw,21rem);
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 2.5rem);mask-image:linear-gradient(180deg,transparent 0,#000 2.5rem)}
  body.edr-ateliers .ateliers-hero__image img{object-position:50% 62%}

  body.edr-ateliers .ateliers-intention::after{top:-4rem;right:-4.5rem;width:min(14rem,38vw);opacity:.13}
  body.edr-ateliers .ateliers-intention__grille{grid-template-columns:1fr}
  body.edr-ateliers .ateliers-intention__phrase{display:block;max-width:30rem;margin:2.75rem 0 0 1.15rem;padding:3rem 0 0 1.6rem}
  body.edr-ateliers .ateliers-intention__phrase::after{top:2.85rem}

  /* Les ateliers l un sous l autre ; l axe devient le passage de l un a
     l autre, un filet court et son losange. */
  body.edr-ateliers{--at-photo:clamp(13.5rem,56vw,22rem)}
  body.edr-ateliers .ateliers-deux__parcours{grid-template-columns:1fr}
  body.edr-ateliers .ateliers-deux__parcours::before,
  body.edr-ateliers .ateliers-deux__parcours::after{display:none}
  body.edr-ateliers .atelier--perfectionnement{margin-top:1.25rem;padding-top:6.5rem}
  body.edr-ateliers .atelier--perfectionnement::before{
    content:"";position:absolute;left:50%;top:.25rem;height:5.5rem;width:1px;margin-left:-.5px;pointer-events:none;
    background:linear-gradient(180deg,rgba(184,134,78,0) 0,rgba(184,134,78,.4) 30%,rgba(184,134,78,.4) 70%,rgba(184,134,78,0) 100%)}
  body.edr-ateliers .atelier--perfectionnement::after{
    content:"";position:absolute;left:50%;top:3rem;width:2.1rem;height:4.4rem;pointer-events:none;
    transform:translate(-50%,-50%);background:var(--bg) url("assets/images/ateliers-losange.svg") center / 100% 100% no-repeat;opacity:.85}
  body.edr-ateliers .atelier__corps{max-width:36rem}

  /* L image d abord, le texte ensuite. */
  body.edr-ateliers .ateliers-page .entry > .ateliers-pratique{padding-top:0}
  body.edr-ateliers .ateliers-pratique__visuel{
    position:relative;width:auto;height:clamp(15rem,52vw,21rem);
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 75%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0,#000 75%,transparent 100%)}
  body.edr-ateliers .ateliers-pratique__contenu{max-width:36rem;margin:1rem 0 0}

  /* Le paysage passe sous le texte, en bas de la bande. */
  body.edr-ateliers .ateliers-page .entry > .ateliers-fin{padding-bottom:clamp(8.5rem,30vw,11rem)}
  body.edr-ateliers .ateliers-fin::before{
    top:auto;width:100%;height:clamp(11rem,38vw,14rem);
    background:
      linear-gradient(180deg,var(--nuit) 0,rgba(27,30,43,.64) 40%,rgba(27,30,43,.4) 100%),
      url("assets/images/ateliers-fin-alpilles-960.webp") 70% 70% / cover no-repeat}
}

/* Au telephone, l en-tete revient a gauche : pas de texte centre sur
   plusieurs lignes. */
@media(max-width:599.98px){
  body.edr-ateliers .ateliers-deux__tete{text-align:left}
  body.edr-ateliers .ateliers-deux__tete .eyebrow{justify-content:flex-start}
  body.edr-ateliers .ateliers-deux__tete .eyebrow::after{display:none}
  body.edr-ateliers .ateliers-v2 p.ateliers-deux__intro{margin-left:0;font-size:1.2rem;text-wrap:pretty}
  /* Le losange centre n a plus de sens dans une lecture alignee a
     gauche : un simple espace separe les deux ateliers. */
  body.edr-ateliers .atelier--perfectionnement{margin-top:3.25rem;padding-top:0}
  body.edr-ateliers .atelier--perfectionnement::before,
  body.edr-ateliers .atelier--perfectionnement::after{display:none}
}

@media(max-width:520px){
  body.edr-ateliers .ateliers-hero__texte{padding:2.5rem 1.25rem 2.1rem}
  body.edr-ateliers .ateliers-hero h1{font-size:3rem;white-space:normal}
  body.edr-ateliers .ateliers-hero .accroche{font-size:1.16rem;line-height:1.55}
  body.edr-ateliers .ateliers-hero__image{height:15.5rem}

  body.edr-ateliers .ateliers-intention .edr-fort{font-size:1.45rem;padding-left:1.15rem}
  body.edr-ateliers .ateliers-intention__principal p:not(.edr-fort){padding-left:calc(1.15rem + 2px);font-size:.98rem}
  body.edr-ateliers .ateliers-intention__phrase{font-size:1.24rem}

  body.edr-ateliers .ateliers-v2 .atelier h3{font-size:1.95rem}
  body.edr-ateliers .ateliers-v2 .atelier p:not(.atelier__duree):not(.aparte){font-size:1rem}

  body.edr-ateliers .ateliers-pratique .faits > div{gap:1rem}
  body.edr-ateliers .ateliers-pratique .faits .val{font-size:1.12rem}

  body.edr-ateliers .ateliers-fin h2 + p{font-size:1rem;line-height:1.75}
}