/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 15 2026 | 18:37:12 */
/* MREL — Héro 2B « pile de tirages » (2026-10-15). Tout est limité à .mrel-hero-v2 :
   sans effet tant qu'aucune page ne porte cette classe. Retour arrière : passer ce bloc en brouillon. */

/* En-tête : blanc, en haut, comme sur les autres pages (la page d'accueil le place « en bas » et transparent) */
body:has(.mrel-hero-v2) .l-header.pos_fixed{position:fixed!important;top:0!important;bottom:auto!important}
body.admin-bar:has(.mrel-hero-v2) .l-header.pos_fixed{top:32px!important}
@media (max-width:782px){body.admin-bar:has(.mrel-hero-v2) .l-header.pos_fixed{top:46px!important}}
body:has(.mrel-hero-v2) .l-header .l-subheader.at_middle{background:#fff!important;color:#0B3C5D!important;box-shadow:0 1px 0 rgba(11,60,93,.08)}
body:has(.mrel-hero-v2) .l-header .w-nav-anchor.level_1:not(.w-btn){color:#1B6FA8!important}
body:has(.mrel-hero-v2) .l-header .w-img img,body:has(.mrel-hero-v2) .l-header .w-logo img{filter:none!important}
body:has(.mrel-hero-v2) .l-header .w-nav.type_mobile .w-nav-control span{color:#0B3C5D!important}

/* L'accueil rend l'en-tête transparent et le menu blanc tant qu'on n'a pas défilé (bloc 7910, page-id-7370.mrel-entete-sommet) : annulé quand le héro est clair */
body.mrel-entete-sommet.page:has(.mrel-hero-v2) .l-header,
body.mrel-entete-sommet.page:has(.mrel-hero-v2) .l-header .l-subheader,
body.mrel-entete-sommet.page:has(.mrel-hero-v2) .l-header .l-subheader-h{background:#fff!important}
body.mrel-entete-sommet.page:has(.mrel-hero-v2) .l-header{box-shadow:0 1px 0 rgba(11,60,93,.08)!important}
body.page:has(.mrel-hero-v2) .l-header .w-nav-anchor:not(.w-btn),body.mrel-entete-sommet.page:has(.mrel-hero-v2) .l-header .w-nav-anchor:not(.w-btn){color:#1B6FA8!important;text-shadow:none!important}
body.page:has(.mrel-hero-v2) .l-header .w-image img,body.mrel-entete-sommet.page:has(.mrel-hero-v2) .l-header .w-image img{filter:none!important}

/* Section */
.l-section.mrel-hero-v2{background-color:#FBFCFD!important;background-image:linear-gradient(90deg,rgba(241,247,252,.95) 0%,rgba(226,239,249,.9) 42%,rgba(27,111,168,.5) 100%),url('/wp-content/uploads/2019/06/59093_0056_f_1558989940.jpg')!important;background-size:cover!important;background-position:center 45%!important;background-repeat:no-repeat!important}
.l-section.mrel-hero-v2 .l-section-overlay,.l-section.mrel-hero-v2 .l-section-img,.l-section.mrel-hero-v2 .l-section-slider{display:none!important}
body.page:has(.mrel-hero-v2) .l-main>.l-section.mrel-hero-v2.mrel-hero-v2>.l-section-h{padding-top:148px!important;padding-bottom:72px!important}
.mrel-hero-v2 .g-cols{display:grid!important;grid-template-columns:1.05fr .95fr;grid-template-areas:"txt zone" "pra zone";column-gap:56px;row-gap:24px;align-items:center;margin:0!important}
.mrel-hero-v2 .g-cols>.wpb_column{width:auto!important;max-width:none!important;padding:0!important;margin:0!important;min-width:0}
.mrel-hero-v2 .mrel-v2-txt{grid-area:txt;align-self:end}
.mrel-hero-v2 .mrel-v2-zone{grid-area:zone}
.mrel-hero-v2 .mrel-v2-pra{grid-area:pra;align-self:start}
.mrel-hero-v2 .wpb_text_column,.mrel-hero-v2 .wpb_content_element{margin-bottom:0!important}
.mrel-hero-v2 .wpb_text_column p:empty{display:none}

/* Textes (mêmes contenus que le héro actuel) */
.mrel-hero-v2 .mrel-eyebrow{color:#1B6FA8!important;margin:0 0 14px!important}
.mrel-hero-v2 h1.mrel-h1{font-family:var(--mrel-title,'Outfit',sans-serif);font-weight:500;color:#4A5D6E!important;font-size:clamp(17px,.9rem + .5vw,24px)!important;line-height:1.25!important;letter-spacing:-.01em;margin:0 0 18px!important}
.mrel-hero-v2 h1.mrel-h1 .mrel-h1-2{display:block;color:#0B3C5D!important;font-weight:600;font-size:clamp(34px,2rem + 1.9vw,56px)!important;line-height:1.08;letter-spacing:-.022em;margin-top:6px}
.mrel-hero-v2 .mrel-hero-sous{font-size:clamp(1rem,.96rem + .3vw,1.12rem);color:#333!important;max-width:46ch;margin:0 0 22px!important}
.mrel-hero-v2 .mrel-hero-note{font-size:.88rem;color:#4A5D6E!important;margin:14px 0 0!important}
.mrel-hero-v2 .w-btn-wrapper{display:inline-block;margin:0 12px 0 0!important}
.mrel-hero-v2 .mrel-b2{border:1.5px solid #1B6FA8!important;color:#0B3C5D!important;background:transparent!important}
.mrel-hero-v2 .mrel-b2:hover{background:#EAF3FA!important}

/* Pile de tirages */
.mrel-pile{position:relative;aspect-ratio:1/1.08;max-width:520px;margin:0 auto;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.mrel-pile-c{position:absolute;left:17%;top:4%;width:66%;aspect-ratio:3/4;border-radius:22px 52px 22px 22px;overflow:hidden;border:5px solid #fff;background:#E6EEF4;box-shadow:0 18px 40px rgba(11,60,93,.2);transition:transform .6s cubic-bezier(.23,1,.32,1);cursor:grab;will-change:transform}
.mrel-pile-c.mrel-drag{transition:none;cursor:grabbing}
.mrel-pile-c img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.mrel-pile-leg{position:absolute;left:17%;bottom:0;width:max-content;max-width:83%;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(11,60,93,.12);margin:0!important;display:flex;align-items:center;gap:10px;font-family:var(--mrel-title,'Outfit',sans-serif);font-weight:600;font-size:14px;color:#0B3C5D}
.mrel-pile-pts{display:inline-flex;gap:5px}
.mrel-pile-pts b{width:7px;height:7px;border-radius:50%;background:#C9D6E0;transition:background .3s ease,transform .3s cubic-bezier(.23,1,.32,1)}
.mrel-pile-pts b.on{background:#1B6FA8;transform:scale(1.25)}
.mrel-pile-txt{transition:opacity .2s ease}
.mrel-pile-aide{font-family:var(--mrel-body,'Open Sans',sans-serif);font-weight:400;font-size:13px;color:#4A5D6E}

/* Encadré du praticien, compact */
.mrel-v2c{max-width:440px;background:#fff;border:1px solid #DCE6EE;border-radius:18px;padding:14px 16px;box-shadow:0 8px 22px rgba(11,60,93,.07)}
.mrel-v2c p{margin:0!important}
.mrel-v2c-tete{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mrel-v2c-photo{width:46px!important;height:46px!important;flex:0 0 46px;border-radius:50%;object-fit:cover;object-position:50% 8%;border:2px solid #fff;box-shadow:0 0 0 1px #D9E3EC}
.mrel-v2c-nom{font-family:var(--mrel-title,'Outfit',sans-serif);font-weight:600;font-size:15.5px;line-height:1.25;color:#0B3C5D}
.mrel-v2c-role{font-size:12.8px;color:#4A5D6E;margin-top:1px!important}
.mrel-v2c-liste{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:5px}
.mrel-v2c-liste li{font-size:13px;line-height:1.4;color:#333;padding-left:15px;position:relative;margin:0!important;list-style:none!important}
.mrel-v2c-liste li::before{content:'';position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:#8FD0F5}
.mrel-v2c-pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-top:10px;padding-top:9px;border-top:1px solid #E1E8EE}
.mrel-v2c-dispo{display:flex;align-items:center;gap:9px;font-size:12.8px;color:#1F5E36}
.mrel-v2c-lien a{font-family:var(--mrel-title,'Outfit',sans-serif);font-weight:600;font-size:13px;color:#1B6FA8!important;text-decoration:underline!important;text-underline-offset:3px}
.mrel-v2c-lien a::after{content:' \2192'}

/* Mobile : texte, puis photos, puis encadré */
@media (max-width:899px){
  body.page:has(.mrel-hero-v2) .l-main>.l-section.mrel-hero-v2.mrel-hero-v2>.l-section-h{padding-top:96px!important;padding-bottom:48px!important}
  .mrel-hero-v2 .g-cols{grid-template-columns:1fr;grid-template-areas:"txt" "zone" "pra";row-gap:26px}
  .mrel-hero-v2 .mrel-v2-txt{align-self:auto}
  .mrel-hero-v2 h1.mrel-h1 .mrel-h1-2{font-size:34px!important;line-height:1.12}
  .mrel-v2c{max-width:none}
  .mrel-hero-v2 .w-btn-wrapper{display:block;margin:0 0 10px!important}
  .mrel-hero-v2 .w-btn-wrapper .w-btn{display:flex!important;width:100%;justify-content:center}
  .mrel-hero-v2 .w-btn-wrapper .w-btn{white-space:nowrap;padding-left:16px!important;padding-right:16px!important}
  .l-section.mrel-hero-v2{background-image:linear-gradient(180deg,rgba(241,247,252,.95) 0%,rgba(226,239,249,.9) 55%,rgba(27,111,168,.45) 100%),url('/wp-content/uploads/2019/06/59093_0056_f_1558989940-1024x683.jpg')!important}
  .mrel-pile{aspect-ratio:1/1.24;max-width:360px}
  .mrel-pile-c{left:11%;width:78%;top:2%}
  .mrel-pile-leg{left:11%;flex-wrap:wrap}
  .mrel-pile-aide{display:none}
}
/* Bandeau de repères sous le nouveau héro : chiffres sur une ligne en mobile */
@media (max-width:599px){body.page:has(.mrel-hero-v2) .mrel-reperes-n .mrel-chiffre{white-space:nowrap;font-size:clamp(22px,6.4vw,28px)!important}}
@media (prefers-reduced-motion:reduce){.mrel-pile-c{transition:none!important}}
