/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 01 2026 | 21:48:25 */
/* MREL - Refonte accueil 2026-09 (structure WPBakery native).
   Ne cible que des classes posees via el_class sur le brouillon 7786 :
   sans effet sur les pages publiees. */
.mrel-hero-n,.mrel-soins-n,.mrel-spec-n,.mrel-cab-n,.mrel-acces-n,.mrel-faq-n,.mrel-reperes-n{
 --e:#0F2233;--e2:#4A5D6E;--bl:#1B6FA8;--bl9:#0B3C5D;--vt:#16803C;--brume:#EEF4F8;
 --ligne:rgba(15,34,51,.12);--ti:'Outfit','Open Sans',sans-serif;}

.mrel-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--ti);font-size:.78rem!important;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--bl);margin-bottom:12px!important;}
.mrel-eyebrow::before{content:'';width:22px;height:2px;border-radius:2px;background:currentColor;opacity:.55;}
.mrel-hero-n .mrel-eyebrow,.mrel-spec-n .mrel-eyebrow,.mrel-faq-n .mrel-eyebrow{color:#8FD0F5;}

/* HERO
   us_bg_show="img_slider" avec un seul ID ne rend rien : le slider d'Impreza
   attend une collection d'images. On pose donc la photo en CSS. L'overlay,
   lui, reste gere par la rangee (us_bg_overlay_color) et reste modifiable
   dans le builder. */
.mrel-hero-n{background-image: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;}
.mrel-hero-n .l-section-h{padding-top:clamp(80px,11vh,130px)!important;padding-bottom:clamp(80px,11vh,130px)!important;}
.mrel-hero-n .mrel-h1{font-family:var(--ti);font-weight:600;color:#fff;font-size:clamp(1.9rem,1.3rem + 2vw,3rem);line-height:1.1;letter-spacing:-.022em;margin:0 0 18px;}
.mrel-hero-n .mrel-h1-2{display:block;color:rgba(255,255,255,.74);font-weight:400;font-size:.7em;margin-top:8px;}
.mrel-hero-n .mrel-hero-sous{font-size:clamp(1rem,.96rem + .3vw,1.12rem);color:rgba(255,255,255,.9);max-width:46ch;}
.mrel-hero-n .mrel-hero-note{font-size:.88rem;color:rgba(255,255,255,.66);margin:14px 0 0;}
.mrel-hero-n .w-btn{margin-right:12px;margin-top:6px;}
.mrel-hero-carte-n .vc_column-inner{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:24px!important;backdrop-filter:blur(14px);}
.mrel-hc-tete{display:flex;align-items:center;gap:15px;margin-bottom:18px;}
.mrel-hc-photo{width:66px;height:66px;flex:0 0 66px;border-radius:50%;object-fit:cover;object-position:50% 8%;border:2px solid rgba(255,255,255,.5);background:var(--bl);}
.mrel-hc-nom{font-family:var(--ti);font-weight:600;font-size:1.1rem;margin:0!important;line-height:1.25;color:#fff;}
.mrel-hc-role{font-size:.86rem;color:rgba(255,255,255,.76);margin:2px 0 0!important;}
.mrel-hc-liste{list-style:none;margin:0!important;padding:0!important;display:grid;gap:10px;}
.mrel-hc-liste li{font-size:.9rem;line-height:1.4;color:rgba(255,255,255,.93);padding-left:18px;position:relative;}
.mrel-hc-liste li::before{content:'';position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#8FD0F5;}
.mrel-hc-lien-p{margin:18px 0 0!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);}
.mrel-hc-lien-p a{font-family:var(--ti);font-weight:600;font-size:.9rem;color:#8FD0F5!important;}

/* REPERES */
/* ne pas toucher au gap de .g-cols : Impreza calcule la largeur des colonnes
   avec, et un gap force casse la repartition en 4. On met la bordure sur les
   colonnes elles-memes. */
.mrel-reperes-n .g-cols{border:1px solid var(--ligne);border-radius:20px;overflow:hidden;}
.mrel-reperes-n .vc_column-inner{background:#fff;padding:26px 20px!important;text-align:center;border-right:1px solid var(--ligne);}
.mrel-reperes-n .wpb_column:last-child .vc_column-inner{border-right:0;}
.mrel-chiffre{font-family:var(--ti);font-weight:600;font-size:clamp(1.6rem,1.3rem + .9vw,2.15rem);line-height:1.1;letter-spacing:-.02em;color:var(--bl);margin:0!important;font-variant-numeric:tabular-nums;}
.mrel-libelle{font-size:.87rem;line-height:1.4;color:var(--e2);margin:5px 0 0!important;}

/* TITRES DE SECTION */
.mrel-soins-n h2,.mrel-cab-n h2,.mrel-acces-n h2{font-family:var(--ti);font-weight:600;color:var(--bl9);font-size:clamp(1.6rem,1.2rem + 1.5vw,2.4rem);line-height:1.16;letter-spacing:-.02em;margin:0 0 12px;}
.mrel-spec-n h2,.mrel-faq-n h2{font-family:var(--ti);font-weight:600;color:#fff;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.4rem);line-height:1.16;letter-spacing:-.02em;margin:0 0 16px;}

/* CARTES SOINS */
.mrel-soins-n{background:#FBFCFD;}
.mrel-soin-n .vc_column-inner{background:#fff;border:1px solid var(--ligne);border-radius:22px 52px 22px 22px;padding:26px!important;height:100%;transition:.25s ease;}
.mrel-soin-n:hover .vc_column-inner{transform:translateY(-3px);box-shadow:0 1px 2px rgba(11,60,93,.06),0 14px 40px rgba(11,60,93,.10);border-color:rgba(27,111,168,.35);}
.mrel-soin-n .w-iconbox-icon{color:var(--bl)!important;background:var(--brume);border-radius:14px;padding:11px;}
.mrel-soin-n .w-iconbox-title{font-family:var(--ti)!important;font-weight:600!important;font-size:1.28rem!important;color:var(--bl9)!important;margin:12px 0 6px!important;}
.mrel-soin-sur{display:block;font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--bl);margin-bottom:6px;}
.mrel-soin-n .w-iconbox-text p{font-size:.93rem;line-height:1.55;color:var(--e2);}
.mrel-soin-n .w-iconbox-link{font-family:var(--ti);font-weight:600;font-size:.9rem;color:var(--bl)!important;}

/* SPECIALISTE */
.mrel-spec-n{background:var(--bl9)!important;}
.mrel-spec-n p{color:rgba(255,255,255,.86);max-width:60ch;}
.mrel-lien-fort-p a{font-family:var(--ti);font-weight:600;color:#8FD0F5!important;}
.mrel-spec-liste-n ul{list-style:none;margin:0!important;padding:0!important;display:grid;gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:hidden;}
.mrel-spec-liste-n li{background:var(--bl9);padding:18px 22px;display:flex;align-items:baseline;gap:14px;}
.mrel-spec-liste-n strong{font-family:var(--ti);font-weight:600;font-size:1.15rem;color:#fff;flex:0 0 auto;min-width:5.5em;}
.mrel-spec-liste-n span{font-size:.92rem;color:rgba(255,255,255,.78);line-height:1.4;}

/* CABINET : la legende se pose SUR la photo, comme dans la maquette.
   WPBakery rend l'image et le texte en deux blocs freres : on met la colonne
   en position:relative et on superpose le bloc texte en absolu. */
.mrel-vue-n .vc_column-inner{position:relative;border-radius:20px;overflow:hidden;padding:0!important;}
.mrel-vue-n .w-image{margin:0!important;display:block;}
.mrel-vue-n img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block;transition:transform .5s ease;}
.mrel-vue-n:hover img{transform:scale(1.04);}
.mrel-vue-n .wpb_text_column{position:absolute;inset:auto 0 0 0;margin:0!important;padding:20px 22px;background:linear-gradient(0deg,rgba(4,26,41,.94),rgba(4,26,41,.5) 58%,transparent);}
.mrel-vue-t{font-family:var(--ti);font-weight:600;font-size:1.02rem;color:#fff!important;margin:0!important;}
.mrel-vue-d{font-size:.85rem;color:rgba(255,255,255,.82)!important;margin:2px 0 0!important;}

/* FAQ */
.mrel-faq-n{background:var(--bl9)!important;}
.mrel-q{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:16px;margin-bottom:12px;overflow:hidden;}
.mrel-q summary{cursor:pointer;list-style:none;padding:19px 54px 19px 22px;position:relative;font-family:var(--ti);font-weight:600;font-size:1.03rem;color:#fff;line-height:1.35;}
.mrel-q summary::-webkit-details-marker{display:none;}
.mrel-q summary::after{content:'';position:absolute;right:24px;top:50%;width:10px;height:10px;margin-top:-6px;border-right:2px solid rgba(255,255,255,.75);border-bottom:2px solid rgba(255,255,255,.75);transform:rotate(45deg);transition:transform .22s ease;}
.mrel-q[open] summary::after{transform:rotate(-135deg);margin-top:-2px;}
.mrel-q summary:hover{background:rgba(255,255,255,.05);}
.mrel-r{padding:0 22px 20px;}
.mrel-r p{color:rgba(255,255,255,.86)!important;font-size:.97rem;line-height:1.6;margin:0;}

/* ACCES */
.mrel-acces-n{background:var(--brume)!important;}
.mrel-nap{list-style:none;margin:0!important;padding:0!important;display:grid;gap:18px;}
.mrel-nap li{padding-left:16px;border-left:3px solid var(--bl);}
.mrel-nap strong{display:block;font-family:var(--ti);font-weight:600;font-size:.98rem;color:var(--e);margin-bottom:2px;}
.mrel-nap span{font-size:.93rem;color:var(--e2);line-height:1.45;}
.mrel-horaires-n .vc_column-inner{background:#fff;border:1px solid var(--ligne);border-radius:22px;padding:28px!important;}
.mrel-horaires-n h3{font-family:var(--ti);font-weight:600;font-size:1.2rem;color:var(--bl9);margin:0 0 16px;}
.mrel-hor{list-style:none;margin:0!important;padding:0!important;}
.mrel-hor li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--ligne);font-size:.95rem;}
.mrel-hor li:last-child{border-bottom:0;}
.mrel-h-v{font-variant-numeric:tabular-nums;font-weight:600;color:var(--e);}
.mrel-hor li.est-ferme .mrel-h-v{color:#9AA8B2;font-weight:400;}
.mrel-horaires-n .w-btn{width:100%;margin-top:10px;}

/* logo Doctolib apres le libelle */
.mrel-hero-n .w-btn[href*="doctolib"],.mrel-horaires-n .w-btn[href*="doctolib"]{display:inline-flex!important;align-items:center;justify-content:center;}
.mrel-hero-n .w-btn[href*="doctolib"]::before,.mrel-horaires-n .w-btn[href*="doctolib"]::before{content:'';order:2;flex:0 0 auto;width:74px;height:23px;margin-left:10px;position:relative;top:-1px;background:url('/wp-content/uploads/2019/07/Logo-Doctolib-blanc.png') left center/contain no-repeat;}

@media (max-width:900px){
 .mrel-reperes-n .vc_column-inner{padding:20px 14px!important;}
 .mrel-soin-n .vc_column-inner{border-radius:20px 40px 20px 20px;padding:22px!important;}
 .mrel-spec-liste-n li{flex-direction:column;gap:4px;}
 .mrel-spec-liste-n strong{min-width:0;}
 .mrel-q summary{padding:16px 46px 16px 18px;font-size:.98rem;}
}

/* ===== MREL-RESPIRATION ET FINITIONS =====
   Sans padding explicite, Impreza colle les sections les unes aux autres :
   c'est ce qui rendait la page plate par rapport a la maquette. */
.mrel-soins-n,.mrel-spec-n,.mrel-cab-n,.mrel-acces-n,.mrel-faq-n{
  padding-top:clamp(56px,7vw,100px)!important;padding-bottom:clamp(56px,7vw,100px)!important;}
.mrel-reperes-n{padding-top:clamp(34px,4vw,56px)!important;padding-bottom:clamp(34px,4vw,56px)!important;}
/* PAS de gap sur .g-cols : Impreza calcule la largeur des colonnes avec,
   un gap force les fait passer en 3+1. L'espacement se met en padding
   sur les colonnes (voir plus bas). */
.mrel-soins-n .wpb_content_element,.mrel-cab-n .wpb_content_element{margin-bottom:0!important;}
.mrel-soins-n .mrel-tete,.mrel-cab-n .mrel-tete{margin-bottom:clamp(28px,3.5vw,44px);}

/* photo en tete de carte de soin */
.mrel-soin-img{margin:0 0 14px!important;text-align:center;}
/* ce sont des medaillons detoures sur fond transparent : on les affiche en
   rond centre plutot que de les recadrer en bandeau. */
.mrel-soin-img img{width:132px;height:132px;object-fit:contain;border-radius:50%;background:var(--brume);display:block;margin:0 auto;transition:transform .4s ease;}
.mrel-soin-n:hover .mrel-soin-img img{transform:scale(1.04);}
.mrel-soin-n .vc_column-inner{overflow:hidden;text-align:center;}

/* l'icone se superpose a la photo, en pastille */
.mrel-soin-n .w-iconbox{position:relative;padding-left:0;}
.mrel-soin-n .w-iconbox-icon{background:var(--brume)!important;width:46px;height:46px;display:grid;place-items:center;margin:0 auto 12px;border-radius:14px;}

/* POURQUOI UN SPECIALISTE : le bloc etait un simple pave de texte */
.mrel-spec-n{background-image:linear-gradient(150deg,#0B3C5D 0%,#0B5C8C 62%,#0d6a9f 100%)!important;}
.mrel-spec-liste-n li{transition:background .2s ease;}
.mrel-spec-liste-n li:hover{background:rgba(255,255,255,.06);}
.mrel-spec-liste-n strong{color:#8FD0F5;}

/* espacement des cartes photo du cabinet */
.mrel-cab-n .wpb_column{padding-left:11px!important;padding-right:11px!important;}
.mrel-soins-n .wpb_column{padding-left:11px!important;padding-right:11px!important;}

/* ===================================================================
   MREL-RYTHME : espacement vertical
   Impreza pose ses propres marges sur .wpb_content_element et .wpb_text_column,
   ce qui collait les titres au texte et le texte aux illustrations.
   On neutralise ces marges et on pose un rythme explicite, celui de la maquette.
   =================================================================== */
.mrel-hero-n .wpb_content_element,.mrel-soins-n .wpb_content_element,
.mrel-spec-n .wpb_content_element,.mrel-cab-n .wpb_content_element,
.mrel-acces-n .wpb_content_element,.mrel-faq-n .wpb_content_element,
.mrel-reperes-n .wpb_content_element{margin-bottom:0!important;}

/* eyebrow -> titre -> chapeau */
.mrel-eyebrow{margin:0 0 16px!important;}
.mrel-soins-n h2,.mrel-cab-n h2,.mrel-acces-n h2,.mrel-spec-n h2,.mrel-faq-n h2{margin:0 0 16px!important;}
.mrel-soins-n .mrel-tete p,.mrel-cab-n .mrel-tete p{margin:0!important;max-width:60ch;}

/* tete de section -> grille */
.mrel-soins-n .vc_row-inner,.mrel-cab-n .vc_row-inner{margin-top:clamp(34px,4vw,52px);}

/* interieur des cartes de soin */
.mrel-soin-n .vc_column-inner{display:flex;flex-direction:column;gap:0;padding:28px 24px 26px!important;}
.mrel-soin-img{margin:0 0 18px!important;}
.mrel-soin-n .w-iconbox-icon{margin:0 auto 16px!important;}
.mrel-soin-n .w-iconbox-title{margin:0 0 6px!important;}
.mrel-soin-sur{margin:0 0 12px!important;}
.mrel-soin-n .w-iconbox-text p{margin:0!important;}
.mrel-soin-n .w-iconbox-link{margin-top:16px!important;display:inline-block;}

/* SPECIALISTE : aerer le pave de texte */
.mrel-spec-n .wpb_text_column p{margin:0 0 16px!important;}
.mrel-spec-n .wpb_text_column p:last-child{margin-bottom:0!important;}
.mrel-spec-liste-n{margin-top:8px;}

/* FAQ */
.mrel-faq-n .wpb_text_column:first-child{margin-bottom:clamp(28px,3.5vw,40px)!important;}

/* ACCES */
.mrel-acces-n .mrel-nap{margin-top:8px!important;}
.mrel-acces-n .mrel-nap li{padding-left:18px;}
.mrel-horaires-n h3{margin:0 0 18px!important;}

/* ===================================================================
   MREL-REPERES-SOBRE : un seul encadre, des filets fins.
   Avant : une bordure sur le conteneur ET sur chaque colonne, ce qui
   donnait une impression de cadres empiles sans raison.
   =================================================================== */
.mrel-reperes-n .g-cols{border:0!important;border-radius:0!important;background:transparent!important;}
.mrel-reperes-n .vc_column-inner{background:transparent!important;border:0!important;border-right:1px solid var(--ligne)!important;padding:8px 24px!important;text-align:center;}
.mrel-reperes-n .wpb_column:last-child .vc_column-inner{border-right:0!important;}
.mrel-chiffre{margin:0 0 6px!important;}
.mrel-libelle{margin:0!important;max-width:22ch;margin-left:auto!important;margin-right:auto!important;}

/* ===================================================================
   MREL-ALIGNEMENT-MAQUETTE
   Valeurs relevees sur la maquette (127.0.0.1:8765), pas estimees :
   section 104px, tete 52px, eyebrow 14px, chapeau 14px, grille 20px,
   carte padding 26px gap 13px, h2 41.6/48.25, carte h3 21.6, texte 14.88/24.55.
   =================================================================== */
.mrel-soins-n,.mrel-spec-n,.mrel-cab-n,.mrel-acces-n,.mrel-faq-n{
  padding-top:104px!important;padding-bottom:104px!important;}
.mrel-reperes-n{padding-top:56px!important;padding-bottom:56px!important;}

.mrel-soins-n .mrel-tete,.mrel-cab-n .mrel-tete{margin-bottom:52px!important;}
.mrel-eyebrow{margin:0 0 14px!important;font-size:12.5px!important;letter-spacing:1.37px!important;}
.mrel-soins-n h2,.mrel-cab-n h2,.mrel-acces-n h2,.mrel-spec-n h2,.mrel-faq-n h2{
  font-size:41.6px!important;line-height:48.25px!important;margin:0!important;}
.mrel-soins-n .mrel-tete p,.mrel-cab-n .mrel-tete p{margin:14px 0 0!important;font-size:17px!important;max-width:62ch;}

.mrel-soins-n .vc_row-inner,.mrel-cab-n .vc_row-inner{margin-top:0!important;}
.mrel-soins-n .wpb_column,.mrel-cab-n .wpb_column{padding-left:10px!important;padding-right:10px!important;}
.mrel-soin-n .vc_column-inner{padding:26px!important;gap:13px;border-radius:22px 52px 22px 22px!important;}
.mrel-soin-img{margin:0!important;}
.mrel-soin-n .w-iconbox-icon{margin:0 auto!important;}
.mrel-soin-n .w-iconbox-title{font-size:21.6px!important;margin:0!important;}
.mrel-soin-sur{margin:0!important;}
.mrel-soin-n .w-iconbox-text p{font-size:14.9px!important;line-height:24.5px!important;margin:0!important;}
.mrel-soin-n .w-iconbox-link{margin:0!important;}

.mrel-hero-n .l-section-h{padding-top:150px!important;padding-bottom:170px!important;}
.mrel-hero-n .mrel-h1{font-size:57.6px!important;line-height:62.2px!important;margin:0 0 20px!important;}
.mrel-hero-n .g-cols{gap:0;}
.mrel-hero-carte-n{padding-left:36px!important;}

@media (max-width:1000px){
 .mrel-soins-n,.mrel-spec-n,.mrel-cab-n,.mrel-acces-n,.mrel-faq-n{padding-top:64px!important;padding-bottom:64px!important;}
 .mrel-hero-n .l-section-h{padding-top:80px!important;padding-bottom:90px!important;}
 .mrel-hero-n .mrel-h1{font-size:34px!important;line-height:1.14!important;}
 .mrel-soins-n h2,.mrel-cab-n h2,.mrel-acces-n h2,.mrel-spec-n h2,.mrel-faq-n h2{font-size:28px!important;line-height:1.2!important;}
 .mrel-soins-n .mrel-tete,.mrel-cab-n .mrel-tete{margin-bottom:32px!important;}
 .mrel-hero-carte-n{padding-left:0!important;margin-top:28px;}
}

/* ===== MREL-TETE-REELLE =====
   .mrel-tete n'existe pas dans le DOM : je l'avais mise dans le CSS sans
   jamais la poser sur un element WPBakery. La tete de section est en fait
   le premier .wpb_text_column de la rangee. */
.mrel-soins-n .wpb_text_column:first-of-type,
.mrel-cab-n .wpb_text_column:first-of-type,
.mrel-acces-n .wpb_text_column:first-of-type{margin-bottom:52px!important;}
.mrel-soins-n .wpb_text_column:first-of-type h2,
.mrel-cab-n .wpb_text_column:first-of-type h2{margin:0 0 14px!important;}
.mrel-soins-n .wpb_text_column:first-of-type p:last-child,
.mrel-cab-n .wpb_text_column:first-of-type p:last-child{margin:0!important;font-size:17px!important;max-width:62ch;}
.mrel-spec-n .wpb_text_column:first-of-type{margin-bottom:24px!important;}
.mrel-faq-n .wpb_text_column:first-of-type{margin-bottom:40px!important;}
@media (max-width:1000px){
 .mrel-soins-n .wpb_text_column:first-of-type,
 .mrel-cab-n .wpb_text_column:first-of-type,
 .mrel-acces-n .wpb_text_column:first-of-type{margin-bottom:32px!important;}
}

/* ===================================================================
   MREL-MENU-HAUT : entete au-dessus du hero
   Impreza place l'entete en bas du premier ecran (body.headerinpos_bottom).
   On la remonte, et on compense le padding du hero pour qu'elle ne le recouvre pas.
   PORTEE VOLONTAIREMENT LIMITEE au brouillon 7786 : cette regle change
   la position de l'entete sur TOUTES les pages si on retire .page-id-7370.
   A elargir au moment de la republication, apres validation.
   =================================================================== */
.page-id-7370.headerinpos_bottom .l-header{top:0!important;bottom:auto!important;}
.page-id-7370.headerinpos_bottom .mrel-hero-n .l-section-h{padding-top:250px!important;}
@media (max-width:1000px){
 .page-id-7370.headerinpos_bottom .mrel-hero-n .l-section-h{padding-top:160px!important;}
}

/* ===================================================================
   MREL-FINITIONS-2
   =================================================================== */

/* --- icones identiques a la maquette (SVG en data URI, sans chevron) --- */
.mrel-soin-n .w-iconbox-icon i,.mrel-soin-n .w-iconbox-icon svg{display:none!important;}
/* shorthand complet plus bas : une declaration background isolee (celle
   d'Impreza) reinitialise background-repeat, et l'icone se repetait. */
.mrel-soin-n .w-iconbox-icon{width:56px;height:56px;border-radius:16px;}
.mrel-soins-n .wpb_column:nth-child(1) .w-iconbox-icon{background:#EEF4F8 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B6FA8%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M5.5%2020c0-3.6%202.9-5.6%206.5-5.6s6.5%202%206.5%205.6%22%2F%3E%3C%2Fsvg%3E") center / 26px 26px no-repeat!important;}
.mrel-soins-n .wpb_column:nth-child(2) .w-iconbox-icon{background:#EEF4F8 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B6FA8%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2012h19%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%229%22%20width%3D%224%22%20height%3D%226%22%20rx%3D%221.2%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%229%22%20width%3D%224%22%20height%3D%226%22%20rx%3D%221.2%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%229%22%20width%3D%224%22%20height%3D%226%22%20rx%3D%221.2%22%2F%3E%3C%2Fsvg%3E") center / 26px 26px no-repeat!important;}
.mrel-soins-n .wpb_column:nth-child(3) .w-iconbox-icon{background:#EEF4F8 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B6FA8%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%208h17v3.5a6%206%200%200%201-6%206h-5a6%206%200%200%201-6-6z%22%2F%3E%3Cpath%20d%3D%22M9%208v9.2M15%208v9.2%22%2F%3E%3C%2Fsvg%3E") center / 26px 26px no-repeat!important;}
.mrel-soins-n .wpb_column:nth-child(4) .w-iconbox-icon{background:#EEF4F8 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B6FA8%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%208c0-2.2%202.2-4%208-4s8%201.8%208%204c0%205.2-2.2%2012-8%2012S4%2013.2%204%208z%22%2F%3E%3Cpath%20d%3D%22M7.6%2010.2c2.4%201.2%206.4%201.2%208.8%200%22%2F%3E%3C%2Fsvg%3E") center / 26px 26px no-repeat!important;}
/* la maquette aligne a gauche, pas au centre */
.mrel-soin-n .vc_column-inner{text-align:left!important;}
.mrel-soin-n .w-iconbox-icon{margin:0 0 4px!important;}

/* --- lisibilite des titres sur fond bleu et sur photo --- */
.mrel-spec-n h2,.mrel-faq-n h2,.mrel-spec-n .mrel-eyebrow,.mrel-faq-n .mrel-eyebrow{color:#fff!important;}
.mrel-spec-n .mrel-eyebrow,.mrel-faq-n .mrel-eyebrow,.mrel-hero-n .mrel-eyebrow{color:#8FD0F5!important;}
.mrel-hero-n h1,.mrel-hero-n .mrel-h1{color:#fff!important;}
.mrel-vue-t,.mrel-vue-d{color:#fff!important;}
.mrel-cab-n .mrel-vue-n .wpb_text_column p{color:#fff!important;}

/* --- bloc 2 : une pilule autour des quatre reperes --- */
/* .mrel-reperes-n contient DEUX .g-cols imbriquees (vc_row externe,
   wpb_row interne) : sans distinction, les deux prenaient la pilule
   et on voyait un double cadre. */
.mrel-reperes-n .g-cols.vc_row{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;}
.mrel-reperes-n .g-cols.wpb_row{background:#fff!important;border:1px solid var(--ligne)!important;border-radius:999px!important;padding:22px 8px!important;box-shadow:0 1px 2px rgba(11,60,93,.05),0 10px 30px rgba(11,60,93,.07);}
.mrel-reperes-n .vc_column-inner{padding:4px 22px!important;}

/* --- l'arc de sourire sous le hero --- */
.mrel-hero-n{position:relative;}
.mrel-hero-n::after{content:'';position:absolute;left:-6%;right:-6%;bottom:-1px;height:86px;background:#fff;border-radius:50% 50% 0 0;z-index:3;pointer-events:none;}
.mrel-hero-n .l-section-h{position:relative;z-index:4;}

/* --- pastille verte dans la carte praticien --- */
.mrel-hc-dispo{display:flex;align-items:center;gap:10px;margin:16px 0 0!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:.87rem;color:rgba(255,255,255,.82);}
.mrel-puce{width:9px;height:9px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 4px rgba(74,222,128,.22);flex:0 0 9px;}
.mrel-hc-lien-p{border-top:0!important;padding-top:0!important;margin-top:12px!important;}

/* --- entete au scroll : le bouton debordait de la barre --- */

.l-header .l-subheader-cell.at_right{align-items:center;}
.l-header .w-nav-anchor.w-btn{line-height:1.2;}

/* ===================================================================
   MREL-ANIMATIONS
   Tout est enferme dans @supports (animation-timeline: view()) : si le
   navigateur ne gere pas, rien ne s'applique et le contenu reste visible.
   Repli sur, pas de JavaScript, et neutralise sous prefers-reduced-motion.
   Volontairement sobre : on est sur un site medical, pas une landing SaaS.
   =================================================================== */

/* Ken Burns tres lent sur la photo du hero */
@keyframes mrel-zoom{from{transform:scale(1.06)}to{transform:scale(1)}}
.mrel-hero-n{animation:mrel-zoom 20s ease-out both;}

/* survol des cartes */
.mrel-soin-n .vc_column-inner{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;}
.mrel-vue-n .vc_column-inner{transition:transform .28s ease,box-shadow .28s ease;}
.mrel-vue-n:hover .vc_column-inner{transform:translateY(-4px);box-shadow:0 18px 44px rgba(11,60,93,.16);}
.mrel-reperes-n .g-cols.wpb_row{transition:box-shadow .3s ease;}
.mrel-reperes-n .g-cols.wpb_row:hover{box-shadow:0 2px 4px rgba(11,60,93,.06),0 16px 42px rgba(11,60,93,.11);}
.mrel-chiffre{transition:transform .25s ease;}
.mrel-reperes-n .wpb_column:hover .mrel-chiffre{transform:translateY(-2px);}

/* revelation au defilement */
@supports (animation-timeline: view()){
  @keyframes mrel-apparait{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  .mrel-soins-n .wpb_column,
  .mrel-cab-n .wpb_column,
  .mrel-reperes-n .g-cols.wpb_row,
  .mrel-spec-n .wpb_column,
  .mrel-acces-n .wpb_column,
  .mrel-faq-n .mrel-q{
    animation:mrel-apparait linear both;
    animation-timeline:view();
    animation-range:entry 8% cover 26%;
  }
  /* leger decalage entre les cartes d'une meme rangee */
  .mrel-soins-n .wpb_column:nth-child(2),.mrel-cab-n .wpb_column:nth-child(2){animation-range:entry 4% cover 26%;}
  .mrel-soins-n .wpb_column:nth-child(3){animation-range:entry 1% cover 26%;}
  .mrel-soins-n .wpb_column:nth-child(4){animation-range:entry 0% cover 25%;}
}

@media (prefers-reduced-motion:reduce){
  .mrel-hero-n{animation:none!important;}
  .mrel-soins-n .wpb_column,.mrel-cab-n .wpb_column,.mrel-reperes-n .g-cols,
  .mrel-spec-n .wpb_column,.mrel-acces-n .wpb_column,.mrel-faq-n .mrel-q{
    animation:none!important;opacity:1!important;transform:none!important;}
  .mrel-soin-n .vc_column-inner,.mrel-vue-n .vc_column-inner,.mrel-chiffre{transition:none!important;}
}

/* ===== MREL-NAP-ICONES : pictogrammes du bloc "Venir au cabinet" ===== */
.mrel-nap li{position:relative;padding-left:52px!important;border-left:0!important;min-height:40px;}
.mrel-nap li::before{
  content:'';position:absolute;left:0;top:0;width:40px;height:40px;border-radius:12px;
  border:1px solid var(--ligne);}
.mrel-nap li:nth-child(1)::before{background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B6FA8%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s7-5.6%207-11a7%207%200%201%200-14%200c0%205.4%207%2011%207%2011z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.6%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat;}
.mrel-nap li:nth-child(2)::before{background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B6FA8%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2213%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2010h14M8.5%2020l-2%202M15.5%2020l2%202%22%2F%3E%3Ccircle%20cx%3D%228.6%22%20cy%3D%2213%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2215.4%22%20cy%3D%2213%22%20r%3D%22.9%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat;}
.mrel-nap li:nth-child(3)::before{background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B6FA8%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%2217%22%20height%3D%2217%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M9.5%2016.5v-9h3.2a2.9%202.9%200%200%201%200%205.8H9.5%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat;}
.mrel-nap li:nth-child(4)::before{background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B6FA8%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224.2%22%20r%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M9.6%208.6h4.8l2.2%205.6M8.6%2021l3.2-7.6M14.4%2021l1.8-4.6%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat;}

/* ===== MREL-BTN-TEL : le style 6 d'Impreza est un bouton fantome,
   invisible sur le fond blanc de la carte horaires tant qu'on ne le survole pas. ===== */
.mrel-horaires-n .w-btn.us-btn-style_6{
  background:#fff!important;background-image:none!important;
  border:2px solid var(--bl)!important;color:var(--bl)!important;}
.mrel-horaires-n .w-btn.us-btn-style_6:hover{
  background:var(--bl)!important;color:#fff!important;border-color:var(--bl)!important;}
.mrel-horaires-n .w-btn{display:flex!important;align-items:center;justify-content:center;}

/* ===== MREL-SPEC-FIX =====
   1. La colonne de droite n'etait pas centree verticalement sur le texte.
   2. "Le parcours du Dr Faramarz" ressemblait a du texte : on en fait un
      bouton explicite, avec un vrai etat de survol et un focus visible. */
.mrel-spec-n .g-cols{align-items:center!important;}
.mrel-spec-n .wpb_column{display:flex;align-items:center;}
.mrel-spec-n .vc_column-inner{width:100%;}
.mrel-spec-liste-n{margin-top:0!important;}

.mrel-lien-fort-p{margin:24px 0 0!important;}
.mrel-lien-fort-p a{
  display:inline-flex!important;align-items:center;gap:10px;
  padding:13px 24px;border-radius:999px;
  background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.55);
  color:#fff!important;text-decoration:none!important;
  font-family:var(--ti);font-weight:600;font-size:.95rem;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;}
.mrel-lien-fort-p a::after{content:'\2192';transition:transform .2s ease;}
.mrel-lien-fort-p a:hover{background:#fff;border-color:#fff;color:#0B3C5D!important;transform:translateY(-1px);}
.mrel-lien-fort-p a:hover::after{transform:translateX(4px);}
.mrel-lien-fort-p a:focus-visible{outline:3px solid #fff;outline-offset:3px;}

/* meme traitement pour le lien de la carte praticien */
.mrel-hc-lien-p a{display:inline-flex;align-items:center;gap:8px;text-decoration:underline!important;text-underline-offset:3px;}
.mrel-hc-lien-p a::after{content:'\2192';}

/* ===================================================================
   MREL-FINITIONS-3
   =================================================================== */

/* --- entete au scroll : elle se reduit a 50px alors que le bouton garde 53px,
       il depassait donc d'1px en haut et en bas. --- */
.l-header.sticky .w-btn,.l-header.sticky .w-nav-anchor.w-btn{
  height:38px!important;min-height:0!important;padding:0 22px!important;font-size:.9rem!important;}
.l-header.sticky .w-btn[href*="doctolib"]::before,
.l-header.sticky .w-btn.us-btn-style_8::before{width:60px!important;height:18px!important;margin-left:8px!important;}
.l-header.sticky .l-subheader-cell{align-items:center!important;}
.l-header .w-btn,.l-header .w-nav-anchor.w-btn{transition:height .2s ease,padding .2s ease,font-size .2s ease;}

/* --- carte du hero : elle s'etirait a la hauteur de la rangee (476px pour
       274px de contenu), d'ou le grand vide en bas. --- */
.mrel-hero-n .g-cols{align-items:center!important;}
.mrel-hero-carte-n{align-self:center!important;}
.mrel-hero-carte-n .vc_column-inner{height:auto!important;align-self:center;}
.mrel-hero-carte-n .wpb_wrapper{height:auto!important;}

/* --- pied de page : les deux dernieres bandes flottaient sur du blanc,
       ce qui donnait un gros vide sous le bloc contact. On les rattache
       visuellement au footer. --- */
.page-id-7370 .l-footer .l-section.color_footer-top,
.page-id-7370 .l-footer .l-section:last-child{
  background:#082D46!important;background-image:none!important;}
.page-id-7370 .l-footer .l-section.color_footer-top .l-section-h,
.page-id-7370 .l-footer .l-section:last-child .l-section-h{
  padding-top:18px!important;padding-bottom:18px!important;}
.page-id-7370 .l-footer .l-section:last-child{padding-top:0!important;padding-bottom:0!important;}
.page-id-7370 .l-footer .l-section.color_footer-top{padding-top:0!important;padding-bottom:0!important;}
.page-id-7370 .l-footer .l-section.color_footer-top a,
.page-id-7370 .l-footer .l-section:last-child a{color:rgba(255,255,255,.86)!important;}
.page-id-7370 .l-footer .l-section:last-child .w-btn{margin:0!important;}

/* ===== MREL-FOOTER-UNI =====
   Cibler .color_footer-top ne suffisait pas : la bande au logo MREL restait
   blanche entre le bloc contact et la barre du bas. On rattache toutes les
   sections du pied de page sauf la premiere, qui garde son degrade. */
.page-id-7370 .l-footer .l-section:not(:first-child){background:#082D46!important;background-image:none!important;padding-top:0!important;padding-bottom:0!important;}
.page-id-7370 .l-footer .l-section:not(:first-child) .l-section-h{padding-top:16px!important;padding-bottom:16px!important;}
.page-id-7370 .l-footer .l-section:not(:first-child) .l-section-overlay{background:transparent!important;}
.page-id-7370 .l-footer .l-section:not(:first-child) img{opacity:.75;}
.page-id-7370 .l-footer .l-section:not(:first-child) a,
.page-id-7370 .l-footer .l-section:not(:first-child) p,
.page-id-7370 .l-footer .l-section:not(:first-child) span{color:rgba(255,255,255,.82)!important;}

/* ===== MREL-CARTE-HERO-2 =====
   On garde les proportions d'origine de la carte (elle suit la hauteur de la
   rangee) et on agrandit son contenu pour occuper la place, plutot que de
   rapetisser la carte. */
.mrel-hero-carte-n .vc_column-inner{height:auto!important;padding:30px!important;display:flex;align-items:center;}
.mrel-hero-carte-n .wpb_wrapper{width:100%;}

.mrel-hc-tete{gap:18px;margin-bottom:24px!important;}
.mrel-hc-photo{width:96px!important;height:96px!important;flex:0 0 96px!important;border-width:3px!important;}
.mrel-hc-nom{font-size:1.35rem!important;}
.mrel-hc-role{font-size:.95rem!important;margin-top:4px!important;}

.mrel-hc-liste{gap:15px!important;}
.mrel-hc-liste li{font-size:.97rem!important;line-height:1.5!important;padding-left:22px!important;}
.mrel-hc-liste li::before{width:8px;height:8px;top:.62em;}

.mrel-hc-dispo{font-size:.95rem!important;margin-top:22px!important;padding-top:20px!important;}
.mrel-puce{width:11px;height:11px;flex:0 0 11px;}
.mrel-hc-lien-p{margin-top:16px!important;}
.mrel-hc-lien-p a{font-size:.95rem!important;}

@media (max-width:1000px){
  .mrel-hero-carte-n .vc_column-inner{padding:24px!important;}
  .mrel-hc-photo{width:74px!important;height:74px!important;flex:0 0 74px!important;}
  .mrel-hc-nom{font-size:1.15rem!important;}
}

/* ===== MREL-BTN-CENTRE =====
   Barre reduite = 50px, bouton = 38px : il faut 6px au-dessus pour le centrer.
   On ne met PAS display:flex sur .w-nav-item : sur Impreza cela fait ouvrir
   les sous-menus vers le haut (deja rencontre sur le dossier Pierson). */
/* mesure : avec 6px on obtenait 7 au-dessus / 5 en dessous (le line-height
   de l'ancre ajoute 1px). 5px donne 6/6. */
.l-header.sticky .w-btn,.l-header.sticky .w-nav-anchor.w-btn{margin-top:5px!important;margin-bottom:5px!important;vertical-align:middle;line-height:34px!important;}
.l-header.sticky .l-subheader-cell.at_right{align-items:center!important;}

/* ===================================================================
   MREL-TOPBAR-AIR
   Au scroll, Impreza reduit la barre a 50px. Rien ne debordait (logo 8-43,
   bouton 7-45) mais 35px de logo dans 50px de barre etouffe. On passe la
   barre reduite a 64px et on calibre logo et bouton dessus.
   =================================================================== */
.l-header.sticky,.l-header.sticky .l-subheader,.l-header.sticky .l-subheader-h{height:64px!important;}
.l-header.sticky .l-subheader-cell{height:64px!important;align-items:center!important;}
.l-header.sticky .w-img img,.l-header.sticky .w-logo img{height:32px!important;width:auto!important;}
.l-header.sticky .w-btn,.l-header.sticky .w-nav-anchor.w-btn{
  height:42px!important;line-height:38px!important;margin:11px 0 0!important;padding:0 24px!important;font-size:.92rem!important;}
.l-header.sticky .w-btn[href*="doctolib"]::before,.l-header.sticky .w-btn.us-btn-style_8::before{
  width:64px!important;height:20px!important;margin-left:9px!important;}

/* ===== MREL-FOOTER-COMPACT =====
   Mentions legales et signature tenaient sur une bande bleue trop haute.
   On les met sur une ligne fine, separee du bloc contact par un filet. */
.page-id-7370 .l-footer .l-section:nth-child(2) .l-section-h{padding-top:14px!important;padding-bottom:14px!important;}
.page-id-7370 .l-footer .l-section:nth-child(2){border-top:1px solid rgba(255,255,255,.14);}
.page-id-7370 .l-footer .l-section:nth-child(2) .g-cols{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 26px;}
.page-id-7370 .l-footer .l-section:nth-child(2) .wpb_column{width:auto!important;padding:0!important;}
.page-id-7370 .l-footer .l-section:nth-child(2) .wpb_content_element{margin:0!important;}
.page-id-7370 .l-footer .l-section:nth-child(2) p{margin:0!important;font-size:.85rem!important;line-height:1.4!important;}
.page-id-7370 .mrel-signature p{margin:0!important;}
@media (max-width:900px){
 .l-footer .l-section:nth-child(2) .g-cols{flex-direction:column;gap:6px;text-align:center;}
}

/* ===== MREL-FOOTER-RESPIRE =====
   Mes regles de compactage avaient aussi ecrase les marges des paragraphes
   du bloc contact, qui se retrouvaient colles. On ne compacte QUE la bande
   du bas (nth-child(2)), pas le bloc principal. */
.page-id-7370 .l-footer .l-section:first-child p{margin:0 0 1em!important;line-height:1.6!important;}
.page-id-7370 .l-footer .l-section:first-child p:last-child{margin-bottom:0!important;}
.page-id-7370 .l-footer .l-section:first-child strong{display:inline-block;margin-top:.5em;}
.page-id-7370 .l-footer .l-section:first-child .wpb_text_column{margin-bottom:0!important;}

/* la bande du bas sur une seule ligne, signature et mentions cote a cote */
.page-id-7370 .l-footer .l-section:nth-child(2) .g-cols{justify-content:space-between!important;max-width:1180px;margin:0 auto!important;padding:0 24px!important;}
.page-id-7370 .l-footer .l-section:nth-child(2) .wpb_column{flex:0 0 auto!important;}
@media (max-width:900px){
 .l-footer .l-section:nth-child(2) .g-cols{justify-content:center!important;}
}