/* ============================================================
   SAMEY — pages-a.css   (genere par conversion/a/convertir.py — NE PAS EDITER A LA MAIN)
   Lot A : Mariages (6), Anniversaires (7), Portraits & famille (8).
   Les styles en ligne de la maquette, sortis du markup et poses en classes sur les widgets
   Elementor natifs. AUCUN `!important` ici : entre deux declarations `!important` c'est la
   specificite qui tranche, et `.e-con.sa-xxx` (0,2,0) battait `[data-pad]{...!important}`
   (0,1,0) — les trois formats ne s'appliquaient plus. Sans `!important`, les regles de
   `responsive.css` et `maquette.css` reprennent la main exactement comme sur la maquette,
   ou elles battaient le style en ligne.
   ============================================================ */

/* Remise a zero : un conteneur converti n'herite d'aucun defaut d'Elementor. */
/* Elementor pose `padding:10px` sur TOUT conteneur enfant (classe `e-child`, ajoutee des
   que isInner vaut vrai) : sans cette remise a zero, chaque niveau de la maquette rognait
   10 px de chaque cote — la mosaique perdait 20 px de large et les cadres en aspect-ratio
   se raccourcissaient d'autant.
   `width:auto` : Elementor donne `width:100%` a ses conteneurs. Un <div> de la maquette
   place dans une rangee flex se dimensionnait sur son contenu ; a 100 %, il prenait la
   ligne entiere et poussait son voisin dessous — la rangee du heros passait de 109 a
   201 px de haut. `auto` rend les trois comportements d'origine : pleine largeur en flux
   normal, contenu en element flex, etire en element de grille. */
.e-con[class*="sa-"]{padding:0;gap:0;--gap:0px;--row-gap:0px;--column-gap:0px;
  --content-width:100%;max-width:none;min-width:0;width:auto}
/* Un titre converti depuis un <span> (ou un lien) devient `.elementor-heading-title` DANS
   une enveloppe en bloc. Deux reglages d'Elementor faussaient alors la hauteur :
   `.elementor-heading-title{line-height:1}` remplacait l'interligne herite du corps (1,65),
   et le <span> restant en ligne, c'est la reglure de l'enveloppe (17 px x 1,65 = 28) qui
   commandait la hauteur au lieu de celle du texte (12 x 1,65 = 20). Chaque surtitre de
   section coutait ainsi 8 px, et la page 25. Mis en bloc, le texte redonne sa hauteur.
   Ces deux regles viennent EN TETE : les classes generees, plus bas, les precisent. */
.elementor-widget-heading[class*="sa-"] .elementor-heading-title{display:block;line-height:inherit}
.elementor-widget-heading[class*="sa-"] .elementor-heading-title a{display:block;
  line-height:inherit;color:inherit;font-size:inherit}
/* Meme chose pour les boutons : Elementor et Astra imposent `line-height:1em`, la maquette
   laissait l'interligne du corps (1,65). Les deux boutons perdaient 10 px de haut. */
.elementor-widget-button[class*="sa-"] .elementor-button{line-height:inherit}
/* Filet : si le markup optimise d'Elementor 4 etait desactive, l'enveloppe intermediaire
   reapparaitrait entre le conteneur et l'image, et `height:100%` n'aurait plus de cadre. */
.elementor-widget-image[class*="sa-"] > .elementor-widget-container{height:100%;width:100%}

.sa-e7ff50a .elementor-heading-title.elementor-heading-title{color:#FFF8EE; font-size:clamp(38px,6.4vw,104px); line-height:1; max-width:20ch}
p.sa-99a292c{font-size:17px; line-height:1.6; color:rgba(255,248,238,.82); margin:0; max-width:48ch}
.elementor-widget.sa-0ba3ced{flex:0 0 auto}
.sa-765feda .elementor-button.elementor-button, .sa-765feda .elementor-button.elementor-button:hover, .sa-765feda .elementor-button.elementor-button:focus{white-space:nowrap; background:#FFFFFF; color:#16130F; font-weight:600; font-size:16px; padding:16px 30px; border-radius:7px; transition:background-color 160ms cubic-bezier(.22,1,.36,1)}
/* 31/08 (verdict, lot 1 / S-12) : etat hover REEL, un seul axe (fond), encre sur E9DFD0 = 12:1 */
.sa-765feda .elementor-button.elementor-button:hover, .sa-765feda .elementor-button.elementor-button:focus-visible{background:#E9DFD0}
.sa-ad4a224 .elementor-heading-title.elementor-heading-title a{white-space:nowrap; font-weight:600; font-size:16px; color:#FFF8EE; border-bottom:1px solid rgba(255,248,238,.5); padding-bottom:3px}
.e-con.sa-b2f2632{display:flex; align-items:center; gap:20px; flex-wrap:wrap; flex-direction:row}
.e-con.sa-1cc9eb1{display:flex; align-items:flex-end; justify-content:space-between; gap:44px; flex-wrap:wrap; border-top:1px solid rgba(255,248,238,.24); padding-top:26px; flex-direction:row}
.e-con.sa-3a5f28f{background:#16130F; display:flex; flex-direction:column; justify-content:flex-end; gap:26px; min-height:78vh; padding:clamp(140px,20vh,220px) 48px clamp(56px,8vh,88px)}
.elementor-widget.sa-de185ab{width:100%; height:100%}
.elementor-widget.sa-fa98419 img{width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:21/9; object-fit:cover}
.e-con.sa-fc9b815{background:#E9DFD0; aspect-ratio:21/9; overflow:hidden; display:block}
.sa-06b5d95 .elementor-heading-title.elementor-heading-title{font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:#6B655C}
.sa-89e0e4f .elementor-heading-title.elementor-heading-title{font-size:clamp(28px,3.4vw,52px); line-height:1.04}
.e-con.sa-3518b85{display:flex; flex-direction:column; gap:14px; max-width:46ch}
/* 31/08 (verdict, lot 1 / S-6) : cartes metier en portrait 4/5 (101 portraits sur 153),
   les cadres 16/10 coupaient les tetes ; ratio unique, les 3 largeurs suivent.
   Le ratio est pose sur l'ENVELOPPE du widget en plus du cadre et de l'image (patron
   .smy-078a4cc de pages-b) : a 390, Chrome ne resolvait pas le height:100% en chaine
   sur les images portrait (carte rendue a 174 px au lieu de 377, mesure au navigateur). */
.elementor-widget.sa-6bf440b{width:100%; aspect-ratio:4/5}
.elementor-widget.sa-6bf440b img{width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:4/5; object-fit:cover}
.e-con.sa-e5291e2{aspect-ratio:4/5; border-radius:4px; overflow:hidden; background:#E9DFD0; display:block}
.sa-3ec1501 .elementor-heading-title.elementor-heading-title{font-size:22px; line-height:1.1}
p.sa-cddfd4a{font-size:15px; line-height:1.55; color:#6B655C; margin:0}
.e-con.sa-9336ed9{display:flex; flex-direction:column; gap:16px; background:#FFF8EE; border-radius:7px; padding:24px; border-bottom:4px solid #00A9A5}
.e-con.sa-20b723d{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,2.4vw,32px)}
.e-con.sa-cac7da0{background:#FFFFFF; display:flex; flex-direction:column; gap:clamp(32px,5vh,56px); padding:clamp(72px,10vh,120px) 48px}
.sa-bb843b9 .elementor-heading-title.elementor-heading-title{font-size:clamp(26px,3vw,48px); line-height:1}
.sa-32db302 .elementor-heading-title.elementor-heading-title a{white-space:nowrap; font-weight:600; font-size:16px; color:#16130F; border-bottom:1px solid rgba(22,19,15,.3); padding-bottom:3px}
.e-con.sa-cb8a151{display:flex; align-items:flex-end; justify-content:space-between; gap:28px; flex-wrap:wrap; flex-direction:row}
.elementor-widget.sa-981fc80 img{width:100%; height:100%; object-fit:cover; display:block}
.e-con.sa-6108e51{grid-column:span 6; grid-row:span 2; border-radius:4px; overflow:hidden; background:#E9DFD0; display:block}
.e-con.sa-848a2cf{grid-column:span 3; border-radius:4px; overflow:hidden; background:#E9DFD0; display:block}
.e-con.sa-52bd334{grid-column:span 4; grid-row:span 2; border-radius:4px; overflow:hidden; background:#E9DFD0; display:block}
.e-con.sa-95853af{grid-column:span 8; grid-row:span 2; border-radius:4px; overflow:hidden; background:#E9DFD0; display:block}
.e-con.sa-46cfd0b{display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:clamp(120px,12.5vw,196px); gap:18px}
.e-con.sa-7a2ef0f{background:#FFF8EE; display:flex; flex-direction:column; gap:30px; padding:clamp(64px,9vh,104px) 48px}
.sa-e040493 .elementor-heading-title.elementor-heading-title{font-size:clamp(26px,3.2vw,48px); line-height:1.04; max-width:18ch}
p.sa-e18d357{font-size:16px; line-height:1.6; color:#6B655C; margin:0; max-width:40ch}
.e-con.sa-2fd6dd9{grid-column:span 5; display:flex; flex-direction:column; gap:16px}
.sa-7d3df29 .elementor-heading-title.elementor-heading-title{font-family:'Poppins','Helvetica Neue',sans-serif; font-weight:700; font-size:15px; color:#00A9A5; letter-spacing:.06em}
.sa-b2bbdb1 .elementor-heading-title.elementor-heading-title{font-size:19px; line-height:1.15}
p.sa-12364a0{font-size:15px; line-height:1.5; color:#6B655C; margin:0}
.e-con.sa-54fc344{display:flex; flex-direction:column; gap:6px}
.e-con.sa-f5d50ee{display:grid; grid-template-columns:auto 1fr; column-gap:24px; padding:20px 0; border-top:1px solid rgba(22,19,15,.14)}
.e-con.sa-e7fbfd5{display:grid; grid-template-columns:auto 1fr; column-gap:24px; padding:20px 0; border-top:1px solid rgba(22,19,15,.14); border-bottom:1px solid rgba(22,19,15,.14)}
.e-con.sa-2332612{grid-column:7 / span 6; display:flex; flex-direction:column}
.e-con.sa-30bb1a4{background:#FFFFFF; display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(24px,3vw,48px); padding:clamp(72px,10vh,120px) 48px}
.sa-1b9797c .elementor-heading-title.elementor-heading-title{font-size:12px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:rgba(255,248,238,.82)}
.sa-df78960 .elementor-heading-title.elementor-heading-title{color:#FFF8EE; font-size:clamp(30px,5.4vw,88px); line-height:1.02; max-width:20ch}
p.sa-ab0645d{color:rgba(255,248,238,.9); font-size:17px; line-height:1.55; margin:0; max-width:44ch}
.sa-f63dd62 .elementor-button.elementor-button, .sa-f63dd62 .elementor-button.elementor-button:hover, .sa-f63dd62 .elementor-button.elementor-button:focus{white-space:nowrap; background:#16130F; color:#FFF8EE; font-weight:600; font-size:17px; padding:20px 38px; border-radius:7px; transition:background-color 160ms cubic-bezier(.22,1,.36,1)}
/* 31/08 (verdict, lot 1 / S-12) : etat hover REEL, un seul axe (fond), creme sur 3A332B = 11:1 */
.sa-f63dd62 .elementor-button.elementor-button:hover, .sa-f63dd62 .elementor-button.elementor-button:focus-visible{background:#3A332B}
.e-con.sa-2925734{display:flex; align-items:flex-end; justify-content:space-between; gap:44px; flex-wrap:wrap; border-top:1px solid rgba(255,248,238,.35); padding-top:26px; flex-direction:row}
.e-con.sa-5d2647f{background: #FFFFFF; display:flex; flex-direction:column; gap:clamp(18px,3vh,34px); padding:clamp(64px,9vh,112px) 48px}
.sa-35f46d7 .elementor-heading-title.elementor-heading-title{font-family:'Poppins','Helvetica Neue',sans-serif; font-weight:700; font-size:20px; letter-spacing:.02em}
.sa-3e479c6 .elementor-heading-title.elementor-heading-title{font-size:14px; color:rgba(255,248,238,.6); max-width:26ch}
.e-con.sa-fd8f779{display:flex; flex-direction:column; gap:10px}
.sa-9c49ef0 .elementor-heading-title.elementor-heading-title{color:var(--text-sur-encre-3,rgba(255,248,238,.62)); text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:600}
.sa-9fb9309 .elementor-heading-title.elementor-heading-title a{color:rgba(255,248,238,.82)}
.e-con.sa-e6e4372{display:flex; flex-direction:column; gap:9px; font-size:14px}
.sa-6bd645b .elementor-heading-title.elementor-heading-title{color:rgba(255,248,238,.72)}
.sa-3f56c07 .elementor-heading-title.elementor-heading-title a{color:#FFF8EE; border-bottom:1px solid rgba(255,248,238,.35); padding-bottom:2px}
.e-con.sa-c0c6a1f{display:flex; flex-wrap:wrap; gap:14px; padding-top:6px; flex-direction:row}
.sa-920e64f .elementor-heading-title.elementor-heading-title{color:var(--text-sur-encre-3,rgba(255,248,238,.62)); font-size:12px}
.e-con.sa-ccf2b00{display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:clamp(24px,3vw,48px); align-items:start}
.e-con.sa-7eab579{display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; font-size:13px; color:var(--text-sur-encre-3,rgba(255,248,238,.62)); border-top:1px solid rgba(255,248,238,.12); padding-top:20px; flex-direction:row}
.e-con.sa-ff11f1c{background:#16130F; color:#FFF8EE; padding:clamp(56px,8vh,96px) 48px clamp(28px,4vh,40px); display:flex; flex-direction:column; gap:clamp(36px,6vh,68px)}
.e-con.sa-a2b83f3{display:flex; flex-direction:column; gap:16px; background:#FFF8EE; border-radius:7px; padding:24px; border-bottom:4px solid #FFC42E}
.sa-b22a560 .elementor-heading-title.elementor-heading-title{font-family:'Poppins','Helvetica Neue',sans-serif; font-weight:700; font-size:15px; color:#FFC42E; letter-spacing:.06em}
.e-con.sa-a8468d5{display:flex; flex-direction:column; gap:16px; background:#FFF8EE; border-radius:7px; padding:24px; border-bottom:4px solid #0B6BF2}
.sa-6b71b23 .elementor-heading-title.elementor-heading-title{font-family:'Poppins','Helvetica Neue',sans-serif; font-weight:700; font-size:15px; color:#0B6BF2; letter-spacing:.06em}

/* ==== Les trois formats : regles de responsive.css puis maquette.css,
   selecteurs `data-*` traduits en classes, ordre d'origine conserve. ==== */

/* ---- responsive.css ---- */
@media (max-width:1024.5px){
  .d-pad{padding-left:36px!important;padding-right:36px!important}
  .d-nav-links{display:none!important}
  .d-nav-bar a[href="/contact/"],.d-nav-bar a[href="Contact.dc.html"]{display:none!important}
  .d-nav-bar{padding:9px 9px 9px 16px!important;gap:14px!important}
  .d-burger{display:flex!important}
  .d-two{grid-template-columns:1fr!important}
  .d-two > *:nth-child(n){grid-column:1/-1!important;grid-row:auto!important}
  .d-cards{grid-template-columns:1fr 1fr!important}
  .d-cards > *:nth-child(n){grid-column:auto!important}
  .d-mosaic{grid-template-columns:repeat(6,1fr)!important}
  .d-mosaic > *:nth-child(n){grid-column:span 3!important;grid-row:span 2!important}
  .d-mosaic > *:nth-child(1){grid-column:span 6!important;grid-row:span 3!important}
  .d-footer-cols{grid-template-columns:1fr 1fr!important}
  .d-hero{min-height:0!important;padding-top:120px!important;padding-bottom:clamp(40px,6vh,64px)!important;gap:20px!important}
  .d-side{flex-direction:column!important}
  .d-side > *{width:100%!important;flex:0 0 auto!important}
}
@media (max-width:767.5px){
  .d-pad{padding-left:20px!important;padding-right:20px!important}
  .d-hero{padding-top:104px!important;padding-bottom:44px!important;min-height:0!important}
  .d-cards{grid-template-columns:1fr!important}
  .d-mosaic{grid-template-columns:1fr!important;grid-auto-rows:clamp(180px,52vw,300px)!important}
  .d-mosaic > *:nth-child(n){grid-column:span 1!important;grid-row:span 1!important}
  .d-footer-cols{grid-template-columns:1fr!important}
  .d-row{flex-direction:column!important;align-items:flex-start!important}
}

/* ---- maquette.css ---- */
@media (max-width:1024.5px){
  .d-svc-row{grid-template-columns:1fr!important;gap:22px!important}
  .d-svc-row .d-svc-photo,.d-svc-row .d-svc-text{grid-column:1/-1!important;grid-row:auto!important}
  .d-pad{padding-left:36px!important;padding-right:36px!important}
  .d-steps-wrap{flex-direction:column!important;gap:32px!important}
  .d-steps-wrap > *{flex:0 0 auto!important;width:100%!important}
  .d-steps-wrap > *:nth-child(2){display:none!important}
  .d-footer-cols{grid-template-columns:1fr 1fr!important}
  .d-photog{grid-template-columns:repeat(6,1fr)!important;align-items:start!important}
  .d-photog > *:nth-child(1){grid-column:span 3!important}
  .d-photog > *:nth-child(2){grid-column:span 6!important;order:3}
  .d-photog > *:nth-child(3){grid-column:span 3!important}
  .d-mosaic{grid-template-columns:repeat(6,1fr)!important}
  .d-mosaic > *{grid-column:span 3!important;grid-row:span 2!important}
  .d-mosaic > *:nth-child(1){grid-column:span 6!important;grid-row:span 3!important}
  .d-nav-links{display:none!important}
  .d-nav-bar a[href="/contact/"],.d-nav-bar a[href="Contact.dc.html"]{display:none!important}
  .d-nav-bar{padding:9px 9px 9px 16px!important;gap:14px!important}
  .d-burger{display:flex!important}
  /* 31/08 (verdict, lot 1) : d-panel/d-panel-inner/d-curtain purgés, 0 porteur DOM sur les 8 pages */
}
@media (max-width:767.5px){
  .d-pad{padding-left:20px!important;padding-right:20px!important}
  .d-hero-copy{padding:96px 20px 24px!important}
  .d-hero-copy h1{font-size:28px!important;line-height:1.06!important}
  .d-hero-copy p,.d-hero-copy span{max-width:100%!important}
  .d-scene-hero .m-stage{overflow:hidden!important}
  .d-arc-band{overflow:hidden!important}
  .d-footer-cols{grid-template-columns:1fr!important}
  .d-photog{grid-template-columns:1fr!important}
  .d-photog > *:nth-child(n){grid-column:span 1!important;grid-row:auto!important;order:0}
  .d-photog > *:nth-child(3){display:none!important}
  .d-mosaic{grid-template-columns:1fr!important;grid-auto-rows:clamp(180px,52vw,300px)!important}
  .d-mosaic > *:nth-child(n){grid-column:span 1!important;grid-row:span 1!important}
  .d-scene-columns .m-stage{flex-wrap:wrap!important;align-items:flex-start!important;gap:16px!important;padding:0 20px 56px!important}
  .d-scene-columns .m-stage > div:first-child{position:static!important;flex:1 1 100%!important;padding:56px 0 20px!important;background:none!important;align-items:flex-start!important;text-align:left!important}
  .d-scene-columns .m-stage > div:first-child h2,.m-reveal h2,.d-words,.d-footer h2{font-size:26px!important}
  .d-scene-columns .m-stage{flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:14px!important;padding:0 20px 56px!important}
  .d-scene-columns .d-col{width:100%!important;flex:0 0 auto!important;gap:14px!important}
  .d-scene-columns .m-stage > .d-col:nth-child(3),.d-scene-columns .m-stage > .d-col:nth-child(5){display:none!important}
  .d-stack-mobile{padding-top:64px!important;padding-bottom:64px!important}
  .d-strip-rows{overflow-x:hidden!important}
  .d-scene-strip:not(.is-scrubbed) .d-strip-copy ~ .d-strip-copy{display:none!important}
  .d-strip-rows > *{width:max-content!important}
}
  .d-filtre{cursor:pointer;transition:background 180ms,color 180ms}
  .d-filtre[aria-pressed="true"]{background:#16130F!important;color:#FFF8EE!important; border-color:#16130F!important}
@media (max-width:767.5px){
  .d-gal-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .d-gal-grid .d-gal-cap{padding:10px!important;font-size:11px!important}
  .d-mosaic{grid-template-columns:1fr 1fr!important; grid-auto-rows:clamp(120px,34vw,200px)!important;gap:10px!important}
}
@media (min-width:1025px){
  .m-bloc-statique .d-pad{padding-left:max(48px,calc((100% - 1344px) / 2))!important; padding-right:max(48px,calc((100% - 1344px) / 2))!important;}
  .d-scene-hero h1,
  .d-scene-columns h2{max-width:min(100%,1344px)!important; margin-inline:auto!important;}
  .d-scene-hero h1{font-size:clamp(38px,5.6vw,96px)!important}
  .d-scene-columns h2{font-size:clamp(32px,5.1vw,88px)!important}
}
@media (max-width:1024.5px){
  .d-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))!important}
  .d-cards > *{grid-column:auto!important}
  .d-cards:has(> :nth-child(4)){grid-template-columns:repeat(2,1fr)!important}
  .d-footer-cols{grid-template-columns:repeat(2,1fr)!important;gap:28px 24px!important}
}
@media (max-width:519.5px){
  .d-cards,.d-cards:has(> :nth-child(4)),
  .d-footer-cols{grid-template-columns:1fr!important}
}

/* ==== Raccords : ce que les regles des trois formats ne peuvent plus atteindre ====
   Sous 768 px, `h1,h2{width:100%!important}` elargissait le titre lui-meme, qui etait
   l'element de flex. C'est maintenant l'enveloppe Elementor qui l'est, et elle se reduit
   a son contenu : le cadre du titre faisait 340 px au lieu de 350. Le texte tombait au
   meme endroit, mais autant que la mesure soit juste. */
@media (max-width:767.5px){
  .elementor-widget-heading[class*="sa-"]:has(> h1),
  .elementor-widget-heading[class*="sa-"]:has(> h2){width:100%}
}


/* --- Aplat d'accent passe du corail au blanc (20/08) ------------------------------
   Ce conteneur portait un aplat corail et du texte creme #FFF8EE. L'aplat devenu
   blanc, le texte tombait a 1,05:1 (mesure au navigateur). Sur un aplat clair il
   repasse a l'encre. Place ici et non dans style.css : sur les pages Canvas, la
   feuille du theme enfant n'est pas servie.
   31/08 (verdict debat, lot 1) : la regle repeignait AUSSI le libelle du bouton
   « Prendre contact » (fond encre .sa-f63dd62) en encre -> 1:1, invisible sur les
   4 pages metier (mesure au navigateur). Le bouton et son contenu sont exclus :
   ils gardent le creme de .sa-f63dd62. */
.e-con.sa-5d2647f.sa-5d2647f.sa-5d2647f.sa-5d2647f.sa-5d2647f.sa-5d2647f *:not(.elementor-button):not(.elementor-button *) { color: #16130F; }


/* --- Deux boutons rattrapes apres le passage du corail au blanc (20/08) -----------
   .smy-f63dd62 seulement : le bouton du menu plein ecran allait bien (son panneau
   est display:none au repos, fond encre a l'ouverture ; c'etait un faux positif de
   mon audit, qui ne filtrait pas les ancetres caches).
   .smy-f63dd62 : aplat encre, texte encre -> 1:1, bouton invisible. Passe au creme.
   Les deux mesures viennent du navigateur, pas de la lecture du CSS. */
.smy-f63dd62.smy-f63dd62.smy-f63dd62.smy-f63dd62.smy-f63dd62.smy-f63dd62 .elementor-button,
.smy-f63dd62.smy-f63dd62.smy-f63dd62.smy-f63dd62.smy-f63dd62.smy-f63dd62 .elementor-button * { color: #FFF8EE; }
/* --- Menu : le lien Enfants partage le widget de Galerie (20/08) ------------------
   L'ajout d'une sixieme entree a ete insere dans le meme widget HTML que Galerie ;
   les deux liens s'empilaient et la barre passait a deux lignes (76 px mesures au
   lieu de 38). Les remettre en ligne au lieu de recreer un widget. */
.d-nav-links .smy-3c20611 > div {
	display: flex;
	align-items: center;
	gap: 30px;
	white-space: nowrap;
}

/* --- 31/08 (verdict debat, lot 1 / S-10) : vide sous les bandes « Quelques... » ----------
   La section sa-7a2ef0f (les 4 pages metier) laissait 76 a 104 px de padding sous la
   planche (132 px de vide mesures sous la mosaique a 390). Le haut garde son clamp ;
   le bas tombe a 40 px (vide sous bande <= 40), et 44 px a 390 (76 -> 44). */
.e-con.sa-7a2ef0f{padding-bottom:40px}
@media (max-width:767.5px){
  .e-con.sa-7a2ef0f{padding-bottom:44px}
}

/* --- 31/08 (verdict debat, lot 1 / S-6, suite des cartes 4/5) ---------------------------
   Les cartes metier passent de flex a grid (empilement identique, gap conserve) : en flex
   colonne, Chrome fige la hauteur du cadre 4/5 sur le ratio INTRINSEQUE de la photo
   (cadre rendu 302x174 au lieu de 302x377 a 390, mesure au navigateur) ; en grid la carte
   mesure juste (0.8 rendu sur les 4 pages metier, 3 largeurs, verifie). Cette regle vient
   en FIN de fichier : meme specificite que les display:flex d'origine, l'ordre tranche. */
.e-con.sa-9336ed9,.e-con.sa-a2b83f3,.e-con.sa-a8468d5{display:grid;align-content:start}