/* Theme Name: Hello Elementor Child — Hôpital Marie-Clarac Theme URI: https://hopitalmarie-clarac.qc.ca Description: Thème enfant de Hello Elementor pour le site de l'Hôpital Marie-Clarac. Contient les variables CSS de la charte graphique (guide de normes 2019) et les styles personnalisés du design V2 (éditorial / sidebar verticale). Projet DEV-MACL-2026-001. Author: Razine Bouache Template: hello-elementor Version: 5.9.2 Text Domain: hello-elementor-child */ /* ============================================================ VARIABLES GLOBALES — Charte Hôpital Marie-Clarac Source : maquette V2 validée (juillet 2026) Palette CMJN/RVB officielle du guide de normes 2019 ============================================================ */ :root { /* === Bleus structurels === */ --navy-900: #14283A; --navy-800: #24475B; /* gris-bleu officiel — texte / structure */ --navy-700: #3A5E72; --navy-500: #6B8896; /* === Verts — réadaptation === */ --teal-700: #2E7A47; /* vert foncé — hover/accents */ --teal-600: #4AB165; /* vert officiel — réadaptation */ --teal-500: #6BC282; --teal-100: #D9F0DF; --teal-50: #ECF7EF; /* === Orange === */ --peach-700: #C4761F; /* orange foncé */ --peach-500: #F2982B; /* orange officiel */ --peach-100: #FCE9D2; /* === Magenta — soins palliatifs === */ /* Rose pâle relevé sur les maquettes de la page 494 : teinte 312°, celle du magenta de la charte, simplement désaturée (35 % contre 56-71 %). Ne figure pas au guide de normes 2019 — à faire valider. Un prune #603358 l'accompagnait pour les aplats pleins ; Raz a tranché le 25 août pour le magenta officiel des soins palliatifs, --magenta-500. Le jeton a donc été retiré plutôt que laissé sans emploi. */ --magenta-50: #F1E2EE; /* rose pâle — encadrés */ --magenta-700: #7A1561; --magenta-500: #AD1E87; /* magenta officiel — soins palliatifs */ --magenta-200: #E5BFD9; /* rose poudré — aplats réadaptation */ --magenta-100: #F4D8EC; /* === Lime === */ --lime-700: #8FA025; --lime-500: #C9D627; /* vert lime officiel */ --lime-200: #DDE3A3; /* sage olive — aplats palliatifs */ --lime-100: #F0F4D4; /* === Bleus vifs === */ --bleu-500: #0D4B99; /* bleu officiel */ --bleu-100: #D6E4F4; --cyan-500: #00B2EB; /* cyan officiel */ --cyan-100: #D2F0F9; /* === Fonds et encres === */ --canvas: #FAF7F2; /* fond crème global */ --paper: #FFFFFF; --ink: #14283A; --ink-soft: #3A5E72; --rule: #24475B; /* === Typographie — Poppins partout (brief client) === Le nom « --display » a dû être abandonné : Elementor pose une propriété personnalisée du même nom sur chacun de ses conteneurs (--display:flex, qui pilote la disposition de la boîte) et masquait donc la nôtre à l'intérieur de tout l'arbre de la page. font-family recevait la valeur « flex », déclaration invalide, et les titres retombaient sur la police par défaut du navigateur — du Times New Roman sur les 38 pages bâties avec .mcl-page. Un nom préfixé met la variable à l'abri. */ /* Pictogramme de cœur, employé en `mask` : il prend la couleur qu'on lui donne, donc il suit les modes de contraste. */ --macl-coeur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l1.1 1.1L12 21.2l7.7-7.7 1.1-1.1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E"); --macl-titre: "Poppins", system-ui, sans-serif; --sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; /* === Sidebar verticale (V2) === */ --side-w: 240px; /* === Rayons — formes fluides / organiques === */ --r-card: 10px; --r-pill: 999px; } /* ============================================================ BASE ============================================================ */ body { background: var(--canvas); color: var(--ink); font-family: var(--sans); font-size: 1rem; line-height: 1.55; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: var(--macl-titre); color: var(--ink); } html { scroll-behavior: smooth; } /* Respect des préférences d'accessibilité — réduction de mouvement */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* Focus visible — accessibilité clavier (AAA) */ a:focus-visible, button:focus-visible, [role="button"]:focus-visible { outline: 3px solid var(--bleu-500); outline-offset: 2px; } /* ============================================================ SIDEBAR VERTICALE (V2 — Theme Builder Elementor) Appliquer la classe .macl-sidebar au template Header construit dans Elementor > Theme Builder. Le décalage du contenu est géré par le padding sur body. ============================================================ */ @media (min-width: 1025px) { body { padding-left: var(--side-w); } .macl-sidebar { position: fixed; top: 0; left: 0; width: var(--side-w); height: 100vh; height: 100dvh; z-index: 999; background: var(--paper); border-right: 2px solid var(--rule); overflow-y: auto; display: flex; flex-direction: column; } } /* Mobile / tablette : la sidebar redevient un header standard, Elementor gère le menu hamburger nativement */ @media (max-width: 1024px) { body { padding-left: 0; } .macl-sidebar { position: relative; width: 100%; height: auto; border-right: none; border-bottom: 2px solid var(--rule); } } /* ============================================================ UTILITAIRES — classes réutilisables dans Elementor (à appliquer via Avancé > Classes CSS) ============================================================ */ /* Badge carré éditorial (style V2) */ .macl-badge { display: inline-block; padding: 6px 12px; font-weight: 700; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--paper); background: var(--navy-800); } .macl-badge--readap { background: var(--teal-600); } .macl-badge--palliatif { background: var(--magenta-500); } /* Carte standard */ .macl-card { background: var(--paper); border: 2px solid var(--rule); border-radius: var(--r-card); } /* Bouton pilule */ .macl-pill { border-radius: var(--r-pill); } /* Séparateur épais éditorial */ .macl-rule { border-top: 3px solid var(--rule); } /* ========================================================================== MACL - PAGES INTERIEURES (refonte 2026) TOUT est scope sous .hmc-page pour ne JAMAIS toucher les pages 31/32/33 qui reutilisent certaines memes classes (.hmc-step, .hmc-sec, .hmc-h2...). ========================================================================== */ .hmc-page{margin-left:240px !important;max-width:calc(100% - 240px) !important;width:100% !important;background:var(--canvas,#FAF7F2);display:flex;flex-direction:column;gap:0;padding:0 !important;overflow-x:clip} .hmc-page > .e-con-inner{max-width:none;padding-left:0;padding-right:0} html.hmc-avis-on .hmc-page{padding-top:84px !important} @media (max-width:1024px){.hmc-page{margin-left:0 !important;max-width:100% !important;padding-top:64px !important} html.hmc-avis-on .hmc-page{padding-top:150px !important}} .hmc-page > .e-con{--gap:14px} .hmc-page .e-con .e-con{--gap:0px} .hmc-page .hmc-wrap{width:100% !important;max-width:1160px !important;margin:0 auto !important;padding:0 40px !important} .hmc-page .hmc-wrap > .e-con-inner{max-width:none;padding:0} @media (max-width:600px){.hmc-page .hmc-wrap{padding:0 20px !important}} .hmc-page .hmc-crumb{padding-top:20px !important} .hmc-page .hmc-crumb p{font-size:0.78125rem;color:var(--navy-500,#6B8896);margin:0;line-height:1.5} .hmc-page .hmc-crumb a{color:var(--navy-500,#6B8896);text-decoration:none} .hmc-page .hmc-crumb a:hover{color:var(--mag,#AD1E87);text-decoration:underline;text-underline-offset:3px} .hmc-page .hmc-phero{padding-top:26px !important;padding-bottom:14px !important} .hmc-page .hmc-eyebrow p{font-size:0.6875rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--mag,#AD1E87);margin:0 0 14px;line-height:1.4} .hmc-page .hmc-phero .hmc-h1 .elementor-heading-title{font-size:var(--macl-titre-page);line-height:1.03;letter-spacing:-.03em;font-weight:700;color:var(--ink,#14283A);margin:0} .hmc-page .hmc-lede p{font-size:1.1875rem;line-height:1.55;color:var(--navy-700,#3A5E72);max-width:64ch;margin:18px 0 0} .hmc-page .hmc-sec{padding-top:38px !important} .hmc-page .hmc-sec.is-first{padding-top:6px !important} .hmc-page .hmc-page-end{padding-bottom:90px !important} .hmc-page .hmc-h2 .elementor-heading-title{font-size:clamp(1.4375rem, calc(2.3vw * var(--macl-echelle, 1)), 1.9375rem);line-height:1.15;letter-spacing:-.02em;font-weight:700;color:var(--ink,#14283A);margin:0 0 14px} .hmc-page .hmc-h3 .elementor-heading-title{font-size:1.15625rem;line-height:1.3;font-weight:600;color:var(--navy-800,#24475B);margin:20px 0 8px} .hmc-page .hmc-body p{font-size:1.03125rem;line-height:1.72;color:var(--navy-700,#3A5E72);margin:0 0 14px;max-width:78ch} .hmc-page .hmc-body p:last-child{margin-bottom:0} .hmc-page .hmc-body a{color:var(--mag,#AD1E87);text-decoration:underline;text-underline-offset:3px} .hmc-page .hmc-body a:hover{color:var(--mag-700,#7A1561)} .hmc-page .hmc-body strong{color:var(--ink,#14283A);font-weight:600} .hmc-page .hmc-body ul{margin:0 0 16px;padding:0;list-style:none;max-width:78ch} .hmc-page .hmc-body ul li{position:relative;padding-left:22px;margin:0 0 9px;font-size:1.03125rem;line-height:1.65;color:var(--navy-700,#3A5E72)} .hmc-page .hmc-body ul li::before{content:"";position:absolute;left:3px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--mag,#AD1E87)} .hmc-page .hmc-body ul li:last-child{margin-bottom:0} .hmc-page .hmc-body ol{margin:0 0 16px;padding-left:22px;max-width:78ch} .hmc-page .hmc-body ol li{font-size:1.03125rem;line-height:1.7;color:var(--navy-700,#3A5E72);margin:0 0 9px} .hmc-page .hmc-body h4{font-size:1.03125rem;font-weight:600;color:var(--ink,#14283A);margin:22px 0 8px} .hmc-page .hmc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0 0} @media (max-width:1024px){.hmc-page .hmc-cards{grid-template-columns:repeat(2,1fr)}} @media (max-width:600px){.hmc-page .hmc-cards{grid-template-columns:1fr}} .hmc-page .hmc-card{display:flex;flex-direction:column;gap:7px;position:relative;background:#fff;border:1px solid #ECE3D5;border-radius:16px;padding:22px 46px 20px 22px;text-decoration:none;box-shadow:0 1px 2px rgba(20,40,58,.04);transition:transform 180ms cubic-bezier(.2,.7,.2,1),box-shadow 180ms,border-color 180ms} .hmc-page .hmc-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,40,58,.09);border-color:#DCCFBB} .hmc-page .hmc-card .t{font-size:1.0625rem;font-weight:600;color:var(--ink,#14283A);line-height:1.25} .hmc-page .hmc-card .d{font-size:0.90625rem;line-height:1.5;color:var(--navy-700,#3A5E72)} .hmc-page .hmc-card .arr{position:absolute;top:21px;right:20px;font-size:0.9375rem;color:var(--mag,#AD1E87);line-height:1} .hmc-page .hmc-box{background:#fff;border:1px solid #ECE3D5;border-radius:16px;padding:22px 24px;margin:18px 0;box-shadow:0 1px 2px rgba(20,40,58,.04);max-width:820px} .hmc-page .hmc-box .bh{font-size:0.71875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mag,#AD1E87);margin:0 0 12px;font-weight:700} .hmc-page .hmc-box p{font-size:1rem;line-height:1.65;color:var(--navy-700,#3A5E72);margin:0 0 9px} .hmc-page .hmc-box p:last-child{margin-bottom:0} .hmc-page .hmc-box strong{color:var(--ink,#14283A);font-weight:600} .hmc-page .hmc-box ul{margin:0;padding:0;list-style:none} .hmc-page .hmc-box li{position:relative;padding-left:20px;margin:0 0 8px;font-size:1rem;line-height:1.6;color:var(--navy-700,#3A5E72)} .hmc-page .hmc-box li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--mag,#AD1E87)} .hmc-page .hmc-box li:last-child{margin-bottom:0} .hmc-page .hmc-box a{color:var(--mag,#AD1E87);text-decoration:underline;text-underline-offset:3px} .hmc-page .hmc-steps{display:grid;gap:12px;margin:16px 0;max-width:820px} .hmc-page .hmc-steps .hmc-step{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #ECE3D5;border-radius:14px;padding:18px 20px} .hmc-page .hmc-steps .hmc-step .n{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--mag,#AD1E87);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.90625rem;line-height:1} .hmc-page .hmc-steps .hmc-step .c b{display:block;font-size:1rem;color:var(--ink,#14283A);margin-bottom:4px;font-weight:600} .hmc-page .hmc-steps .hmc-step .c span{display:block;font-size:0.96875rem;line-height:1.6;color:var(--navy-700,#3A5E72)} .hmc-page .hmc-steps.is-read .hmc-step .n{background:#F4942A} .hmc-page .hmc-steps.is-pall .hmc-step .n{background:#BA36A1} .hmc-page .hmc-tablewrap{overflow-x:auto;margin:16px 0;max-width:820px} .hmc-page .hmc-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #ECE3D5;border-radius:14px;overflow:hidden;font-size:1rem} .hmc-page .hmc-table th{text-align:left;background:#F4EFE7;color:var(--ink,#14283A);font-weight:700;font-size:0.75rem;letter-spacing:.08em;text-transform:uppercase;padding:12px 18px} .hmc-page .hmc-table td{padding:12px 18px;border-top:1px solid #F1E9DD;color:var(--navy-700,#3A5E72)} .hmc-page .hmc-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink,#14283A);font-weight:500} .hmc-page .hmc-table.is-left td:last-child{text-align:left;font-weight:400} .hmc-page .hmc-prog{margin:18px 0 0;max-width:820px} .hmc-page .hmc-prog .lbl{display:inline-flex;align-items:center;gap:8px;font-size:0.6875rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;padding:5px 13px;border-radius:999px;margin:0 0 10px} .hmc-page .hmc-prog.is-read .lbl{background:#FDE7D2;color:#B5620E} .hmc-page .hmc-prog.is-pall .lbl{background:#F4DDEE;color:#8E2379} .hmc-page .hmc-prog p{font-size:1.03125rem;line-height:1.72;color:var(--navy-700,#3A5E72);margin:0 0 12px} .hmc-page .hmc-prog p:last-child{margin-bottom:0} .hmc-page .hmc-prog ul{margin:0 0 12px;padding:0;list-style:none} .hmc-page .hmc-prog li{position:relative;padding-left:20px;margin:0 0 8px;font-size:1rem;line-height:1.6;color:var(--navy-700,#3A5E72)} .hmc-page .hmc-prog.is-read li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#F4942A} .hmc-page .hmc-prog.is-pall li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#BA36A1} .hmc-page .hmc-arrow{display:inline-flex;align-items:center;gap:7px;font-size:0.96875rem;font-weight:600;color:var(--mag,#AD1E87);text-decoration:none;margin:6px 18px 0 0} .hmc-page .hmc-arrow:hover{text-decoration:underline;text-underline-offset:3px} .hmc-page .hmc-arrows{margin:14px 0 0} .hmc-page .hmc-docs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0;max-width:900px} @media (max-width:700px){.hmc-page .hmc-docs{grid-template-columns:1fr}} .hmc-page .hmc-doc{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #ECE3D5;border-radius:12px;padding:13px 16px;font-size:0.96875rem;line-height:1.4;color:var(--navy-800,#24475B);text-decoration:none} .hmc-page .hmc-doc:hover{border-color:var(--mag,#AD1E87);color:var(--mag,#AD1E87)} .hmc-page .hmc-doc::before{content:"\2193";font-size:0.875rem;color:var(--mag,#AD1E87);flex:0 0 auto;font-weight:700} .hmc-page .hmc-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;max-width:900px} .hmc-page .hmc-chip{display:inline-flex;align-items:center;background:#fff;border:1px solid #ECE3D5;border-radius:999px;padding:8px 15px;font-size:0.90625rem;color:var(--navy-800,#24475B)} .hmc-page .hmc-quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0 0} @media (max-width:900px){.hmc-page .hmc-quotes{grid-template-columns:1fr}} .hmc-page .hmc-quotecard{background:#fff;border:1px solid #ECE3D5;border-radius:16px;padding:24px} .hmc-page .hmc-quotecard q{display:block;font-size:1.03125rem;line-height:1.65;color:var(--navy-700,#3A5E72);font-style:italic;quotes:none} .hmc-page .hmc-quotecard q::before,.hmc-page .hmc-quotecard q::after{content:""} .hmc-page .hmc-quotecard cite{display:block;margin-top:14px;font-style:normal;font-size:0.84375rem;font-weight:600;color:var(--ink,#14283A)} .hmc-page .hmc-faq{margin:14px 0 0;max-width:860px} .hmc-page .hmc-faq details{background:#fff;border:1px solid #ECE3D5;border-radius:14px;padding:0;margin:0 0 10px} .hmc-page .hmc-faq summary{list-style:none;cursor:pointer;padding:17px 46px 17px 20px;position:relative;font-size:1.03125rem;font-weight:600;color:var(--ink,#14283A);line-height:1.4} .hmc-page .hmc-faq summary::-webkit-details-marker{display:none} .hmc-page .hmc-faq summary::after{content:"+";position:absolute;right:20px;top:15px;font-size:1.3125rem;color:var(--mag,#AD1E87);font-weight:400} .hmc-page .hmc-faq details[open] summary::after{content:"\2013"} .hmc-page .hmc-faq .a{padding:0 20px 18px;font-size:1rem;line-height:1.65;color:var(--navy-700,#3A5E72)} .hmc-page .hmc-todo{display:none} .elementor-editor-active .hmc-page .hmc-todo,.elementor-editor-preview .hmc-page .hmc-todo{display:block;background:#FFF8E1;border:1px dashed #E0A800;border-radius:12px;padding:15px 18px;margin:14px 0;max-width:820px} .elementor-editor-active .hmc-page .hmc-todo p,.elementor-editor-preview .hmc-page .hmc-todo p{font-size:0.90625rem;line-height:1.6;color:#7A5B00;margin:0 0 6px} .elementor-editor-active .hmc-page .hmc-todo p:last-child,.elementor-editor-preview .hmc-page .hmc-todo p:last-child{margin-bottom:0} .elementor-editor-active .hmc-page .hmc-todo strong,.elementor-editor-preview .hmc-page .hmc-todo strong{color:#5C4400} /* Etat actif du menu lateral sur les pages ENFANTS (section en cours). WordPress pose current-page-ancestor sur le parent ; le CSS de l'en-tete #17 ne ciblait que current-menu-item. Meme rendu vert que l'onglet actif. */ .hmc-sidebar .hmc-nav .elementor-nav-menu > li.current-page-ancestor.current-page-ancestor > a.elementor-item, .hmc-sidebar .hmc-nav .elementor-nav-menu > li.current-page-parent.current-page-parent > a.elementor-item, .hmc-sidebar .hmc-nav .elementor-nav-menu > li.current-menu-ancestor.current-menu-ancestor > a.elementor-item{ color:#2E7A47 !important; background:rgba(74,177,101,.12) !important; border-left:3px solid #4AB165 !important; padding-left:14px !important; padding-right:8px !important; font-weight:600 !important; } /* --- Fond beige jusqu'en bas sur les pages courtes ---------------------- */ html, body.page-template-elementor_header_footer{background-color:#FAF7F2} .hmc-page{min-height:calc(100vh - 120px)} /* --- Acces rapide : l'icone est un MASQUE CSS sur .elementor-icon-list-icon::before (background-color = couleur de l'icone). Ce n'est PAS le , qui reste display:none. Colorer le ::before, jamais le svg. ---------------------- */ html body .hmc-sidebar .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon::before{ background-color:#3A5E72 !important; transition:background-color 160ms ease !important} html body .hmc-sidebar .elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-icon::before, html body .hmc-sidebar .elementor-icon-list-items .elementor-icon-list-item a:hover .elementor-icon-list-icon::before, html body .hmc-sidebar .elementor-icon-list-items .elementor-icon-list-item:focus-within .elementor-icon-list-icon::before{ background-color:#AD1E87 !important} html body .hmc-sidebar .elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-text, html body .hmc-sidebar .elementor-icon-list-items .elementor-icon-list-item a:hover .elementor-icon-list-text{ color:#AD1E87 !important;transition:color 160ms ease} /* fin MACL pages interieures */ /* ========================================================================== MACL — PAGES MAQUETTE PHASE 2 (ajout automatisé) Tout est scopé sous .mcl-page : aucune interaction avec .hmc-main (pages 31/32/33 déjà conçues) ni avec .hmc-page (système précédent). Source : maquette phase 2 approuvée par le client. ========================================================================== */ :root{ --mono:"Poppins",ui-monospace,monospace; } /* --- Conteneur racine : décalage sidebar + fond crème --- */ .mcl-page{margin-left:240px !important;max-width:calc(100% - 240px) !important;width:100% !important;background:var(--canvas,#FAF7F2);display:flex;flex-direction:column;gap:0;padding:0 !important;overflow-x:clip} .mcl-page > .e-con-inner{max-width:none;padding-left:0;padding-right:0} .mcl-page > .e-con{--gap:0px} .mcl-page .e-con .e-con{--gap:0px} .mcl-page > .e-con > .e-con-inner{max-width:none} html.hmc-avis-on .mcl-page{padding-top:84px !important} @media (max-width:1024px){ .mcl-page{margin-left:0 !important;max-width:100% !important;padding-top:64px !important} html.hmc-avis-on .mcl-page{padding-top:150px !important} } /* --- Base héritée de .site dans la maquette --- */ .mcl-page a{color:inherit;text-decoration:none} .mcl-page a:hover{color:var(--teal-700,#2E7A47)} .mcl-page img{display:block;max-width:100%} .mcl-page *{box-sizing:border-box} /* --- Composants de la maquette (sélecteurs préfixés) --- */ .mcl-page @font-face{font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url("ea55d879-a385-45db-9be8-2feb72510b60") format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;} .mcl-page @font-face{font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url("164e54ec-02ba-47eb-af0a-f52a81c66403") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} .mcl-page @font-face{font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url("d8df2cb2-47b9-414e-8ba6-8c86537bf4dd") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .mcl-page @font-face{font-family: 'Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url("afbbb387-32a4-4c43-9704-958b8915c3f0") format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;} .mcl-page @font-face{font-family: 'Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url("bd8ea89d-427b-410c-a005-5c4b08d03c8f") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} .mcl-page @font-face{font-family: 'Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url("9dd29df1-bb95-4f39-b2e9-3d9201e60460") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .mcl-page @font-face{font-family: 'Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url("a9a9ada3-470f-4e95-ab42-088a0e523673") format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;} .mcl-page @font-face{font-family: 'Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url("f1c5952c-e480-4e32-aa77-af0cc203e3a0") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} .mcl-page @font-face{font-family: 'Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url("01327238-a082-4bef-9925-74b0d1d6b91f") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url("6023036e-ebc4-48ed-879f-f33fb66c05de") format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url("6a76fd45-1a08-4bd4-bdcb-9f837d7b0e28") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url("69f7729d-499d-4185-a1f6-e8b3636b46f0") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url("056142e9-e542-4d53-ada0-4607f3742cdc") format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url("fbd83a33-800f-4f2d-8b19-852702b6051f") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url("f276ec20-9097-4e3b-86df-5336cb4844c4") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url("3e53bc2a-7921-49c8-b097-896d52d4396e") format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url("37d08e32-2673-4aa8-b0e8-edc5cb180680") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url("84fe2451-e9b9-4e2b-89b4-8805c16cf491") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url("1bb59ffd-b271-48b2-85af-986df862f5f1") format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url("c47b3826-392f-453f-9b57-a2647170f997") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url("43dde25f-972a-4bc4-8b42-7d2fa51bb4e6") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url("333cb5fb-9019-42a5-a455-914a97633b2c") format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url("1d5e697e-8e6e-479a-bca4-1c617d5683a2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} .mcl-page @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url("f2134958-f453-4009-8a79-74526cb9a350") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .mcl-page *{box-sizing:border-box} .mcl-page #admission-page:not([data-prog="pall"]) .sej-tab[data-adm="readap"]{background:var(--teal-600);color:#fff} .mcl-page #admission-page[data-prog="pall"] .sej-tab[data-adm="pall"]{background:var(--magenta-500);color:#fff} .mcl-page #admission-page:not([data-prog="pall"]) .sej-tab[data-adm="readap"] .dot, .mcl-page #admission-page[data-prog="pall"] .sej-tab[data-adm="pall"] .dot{background:#fff} .mcl-page #admission-page:not([data-prog="pall"]) .sej-panel--readap{display:block} .mcl-page #admission-page[data-prog="pall"] .sej-panel--pall{display:block} .mcl-page .plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .mcl-page .plan-col h3{font-family:var(--macl-titre);font-weight:700;font-size:1.1875rem;color:var(--magenta-700);margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid rgba(36,71,91,0.14)} .mcl-page .plan-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px} .mcl-page .plan-col a{display:block;padding:8px 0;font-size:0.90625rem;color:var(--navy-800);cursor:pointer;border-bottom:1px dashed rgba(36,71,91,0.13)} .mcl-page .plan-col a:hover{color:var(--magenta-700)} .mcl-page .plan-col .u{font-family:var(--mono);font-size:0.6875rem;letter-spacing:0.06em;color:var(--navy-500);display:block} .mcl-page .searchbar{display:flex;gap:10px;align-items:center;max-width:640px} .mcl-page .searchbar .box{flex:1;border:1.5px solid rgba(36,71,91,0.2);border-radius:100px;padding:14px 20px;font-size:0.9375rem;color:var(--navy-800);background:#fff} @media (max-width:1000px){ .mcl-page .plan-grid{grid-template-columns:1fr 1fr} } @media (max-width:720px){ .mcl-page .plan-grid{grid-template-columns:1fr} } .mcl-page .sidebar{position:fixed;inset:0 auto 0 0;width:var(--side-w);background:var(--canvas);color:var(--navy-800);display:flex;flex-direction:column;padding:28px 22px 22px;z-index:50;border-right:1.5px solid var(--navy-800);overflow-y:auto} .mcl-page .main{margin-left:var(--side-w);min-height:100vh} .mcl-page .crumbs{font-family:var(--mono);font-size:0.6875rem;letter-spacing:0.02em;text-transform:uppercase;color:var(--ink-soft);display:flex;gap:6px;align-items:center;flex-wrap:wrap} .mcl-page .crumbs a{cursor:pointer} .mcl-page .crumbs a:hover{color:var(--teal-700)} .mcl-page .crumbs .sep{color:rgba(0,0,0,0.25)} .mcl-page .kicker{font-family:var(--mono);font-size:0.6875rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase} .mcl-page .lede{font-weight:400;font-size:1.1875rem;line-height:1.5;color:var(--ink-soft);max-width:60ch} .mcl-page .eyebrow-line{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:0.6875rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:600} .mcl-page .eyebrow-line::before{content:"";width:32px;height:2px;background:currentColor} .mcl-page .cluster{display:flex;flex-wrap:wrap;gap:12px;align-items:center} .mcl-page .stack{display:flex;flex-direction:column} .mcl-page .gap-md{gap:16px} .mcl-page .badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-family:var(--mono);font-size:0.65625rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;border:1.5px solid currentColor;border-radius:999px} .mcl-page .badge--filled{color:#fff;border-color:transparent} .mcl-page .badge--navy{background:var(--navy-800);color:#fff;border-color:var(--navy-800)} .mcl-page .badge--teal{background:var(--teal-600);color:#fff;border-color:var(--teal-600)} .mcl-page .badge--magenta{background:var(--magenta-500);color:#fff;border-color:var(--magenta-500)} .mcl-page .badge--lime{background:var(--lime-500);color:var(--navy-900);border-color:var(--lime-500)} .mcl-page .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;font-family:var(--macl-titre);font-weight:600;font-size:0.9375rem;border:2px solid var(--navy-800);background:var(--navy-800);color:#fff;border-radius:999px;cursor:pointer;transition:200ms cubic-bezier(0.2,0.7,0.2,1)} .mcl-page .btn:hover{background:transparent;color:var(--navy-800)} .mcl-page .btn .arr{transition:transform 200ms} .mcl-page .btn:hover .arr{transform:translateX(4px)} .mcl-page .btn--ghost{background:transparent;color:var(--navy-800)} .mcl-page .btn--ghost:hover{background:var(--navy-800);color:#fff} .mcl-page .btn--invert{background:#fff;color:var(--navy-800);border-color:#fff} .mcl-page .duo{position:relative;overflow:hidden;background:var(--canvas)} .mcl-page .duo img{width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(0.9) contrast(1.02) sepia(0.06) brightness(1.02)} .mcl-page .duo.scrim::after{content:"";display:block;position:absolute;inset:0;background:linear-gradient(to top,rgba(20,40,58,0.62) 0%,rgba(20,40,58,0.14) 40%,rgba(20,40,58,0) 62%);pointer-events:none;z-index:1} .mcl-page .hero{background:var(--canvas);padding:48px 56px 0;position:relative} .mcl-page .hero-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto 280px 200px;gap:12px;margin-bottom:56px;padding-top:16px} .mcl-page .hero-title{grid-column:1/span 4;grid-row:1;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 0 24px} .mcl-page .hero-title h1{font-family:var(--macl-titre);font-weight:700;font-size:clamp(3.5rem, calc(7.5vw * var(--macl-echelle, 1)), 7.5rem);line-height:1.18;letter-spacing:-0.02em;color:var(--ink);margin:0} .mcl-page .hero-title h1 em{font-style:italic;font-weight:500;color:var(--teal-700)} .mcl-page .hero-sign{margin:22px 0 0;font-size:1.125rem;line-height:1.5;color:var(--ink-soft);max-width:56ch} .mcl-page .hero-tile{position:relative;overflow:hidden;background:var(--canvas);border-radius:18px;cursor:pointer;transition:240ms cubic-bezier(0.2,0.7,0.2,1)} .mcl-page .hero-tile:hover{transform:scale(0.985)} .mcl-page .hero-tile .duo{position:absolute;inset:0} .mcl-page .hero-tile .tile-cap{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;color:#fff;font-family:var(--macl-titre);font-weight:600;font-size:1.125rem;line-height:1.15;display:flex;flex-direction:column;gap:8px} .mcl-page .hero-tile .tile-cap .badge{align-self:flex-start;background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);color:#fff} .mcl-page .hero-tile.t-1{grid-column:1/span 2;grid-row:2/span 2} .mcl-page .hero-tile.t-2{grid-column:3/span 1;grid-row:2/span 1} .mcl-page .hero-tile.t-3{grid-column:4/span 1;grid-row:2/span 1} .mcl-page .hero-tile.t-4{grid-column:3/span 2;grid-row:3/span 1} .mcl-page .hero-tile.t-quote{display:flex;flex-direction:column;justify-content:space-between;background:var(--magenta-500);color:#fff;padding:20px 22px;cursor:default} .mcl-page .hero-tile.t-quote .q{font-family:var(--macl-titre);font-weight:500;font-size:1.1875rem;line-height:1.18;font-style:italic} .mcl-page .hero-tile.t-quote .q::before{content:"\201C";font-size:3.5rem;line-height:0.4;display:block;opacity:0.4} .mcl-page .hero-tile.t-quote .qa{font-family:var(--mono);font-size:0.65625rem;letter-spacing:0.15em;text-transform:uppercase;opacity:0.85} .mcl-page .hero--stats .hero-stat-line{display:grid;grid-template-columns:1.3fr minmax(280px,0.7fr);grid-template-areas:"lede heritage" "values values";align-items:start;column-gap:56px;row-gap:68px;padding:0 0 56px} .mcl-page .hero-stat-line .lede{grid-area:lede;font-family:var(--macl-titre);font-weight:500;font-size:clamp(1.5625rem, calc(2.7vw * var(--macl-echelle, 1)), 2.125rem);line-height:1.28;letter-spacing:-0.012em;color:var(--navy-800);max-width:24ch} .mcl-page .hero-stat-line .keep-80{grid-area:heritage;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:12px;margin-top:28px} .mcl-page .hero-stat-line .keep-80 .big{font-family:var(--macl-titre);font-weight:700;font-size:clamp(5.75rem, calc(10.5vw * var(--macl-echelle, 1)), 8.75rem);line-height:0.82;letter-spacing:-0.05em;color:var(--navy-800)} .mcl-page .hero-stat-line .keep-80 .ans{font-family:var(--macl-titre);font-weight:700;font-size:clamp(2.5rem, calc(4.6vw * var(--macl-echelle, 1)), 3.75rem);line-height:0.95;letter-spacing:-0.03em;color:var(--navy-800)} .mcl-page .hero-stat-line .keep-80 .l{flex-basis:100%;margin-top:14px;font-family:var(--mono);font-size:0.6875rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:500} .mcl-page .values-block{grid-area:values} .mcl-page .values-block .vb-head{margin-bottom:30px} .mcl-page .values-block .vb-head::before{content:"";display:block;width:44px;height:3px;border-radius:2px;background:var(--magenta-500);margin-bottom:16px} .mcl-page .values-block .vb-head .kicker{color:var(--magenta-700)} .mcl-page .values-block .vb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px} .mcl-page .value-item{display:flex;flex-direction:column;gap:7px} .mcl-page .value-item .ltr{font-family:var(--macl-titre);font-weight:700;font-size:clamp(2.5rem, calc(4vw * var(--macl-echelle, 1)), 3.375rem);line-height:1;letter-spacing:-0.02em;color:var(--magenta-700)} .mcl-page .value-item .vname{font-family:var(--macl-titre);font-weight:600;font-size:1.0625rem;color:var(--navy-800)} .mcl-page .value-item .vdesc{font-size:0.8125rem;line-height:1.55;color:var(--ink-soft);text-wrap:pretty} .mcl-page .pillars-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 56px;margin-bottom:88px} .mcl-page .pillar-block{padding:48px 44px 52px;position:relative;min-height:420px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;overflow:hidden} .mcl-page .pillar-block.p-readap{background:var(--teal-100);color:var(--teal-700)} .mcl-page .pillar-block.p-pall{background:var(--magenta-200);color:var(--magenta-700)} .mcl-page .pillar-block .num{font-family:var(--macl-titre);font-weight:700;font-size:10rem;line-height:0.85;letter-spacing:-0.06em;position:absolute;top:36px;right:40px;opacity:0.16;color:currentColor} .mcl-page .pillar-block .kicker{color:currentColor;opacity:0.85} .mcl-page .pillar-block h2{font-family:var(--macl-titre);font-weight:600;font-size:clamp(1.75rem, calc(3vw * var(--macl-echelle, 1)), 2.5rem);line-height:1.14;letter-spacing:-0.025em;margin:0;color:currentColor;max-width:13ch} .mcl-page .pillar-block .desc{font-size:0.96875rem;line-height:1.5;max-width:36ch;color:var(--navy-800);opacity:0.88} .mcl-page .pillar-cta{display:flex;align-items:center;gap:12px 26px;flex-wrap:wrap;align-self:flex-start;margin-top:auto} .mcl-page .pillar-block .arrow{font-family:var(--macl-titre);font-weight:600;font-size:1.125rem;display:inline-flex;align-items:center;gap:12px;padding-bottom:4px;border-bottom:2px solid currentColor;transition:gap 200ms;cursor:pointer;color:currentColor} .mcl-page .pillar-block .arrow:hover{gap:22px;color:currentColor} .mcl-page .home-adm{font-family:var(--macl-titre);font-weight:600;font-size:0.9375rem;color:currentColor;opacity:0.7;display:inline-flex;align-items:center;gap:7px;transition:opacity 160ms,gap 200ms;cursor:pointer} .mcl-page .home-adm:hover{opacity:1;gap:11px;color:currentColor} .mcl-page .paths-strip{background:var(--peach-100);color:var(--navy-800);padding:88px 56px} .mcl-page .paths-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:32px;flex-wrap:wrap} .mcl-page .paths-head h2{font-family:var(--macl-titre);font-weight:600;font-size:clamp(2.25rem, calc(4vw * var(--macl-echelle, 1)), 3.5rem);line-height:1.14;letter-spacing:-0.025em;margin:0;color:var(--navy-800);max-width:16ch} .mcl-page .paths-head .kicker{color:var(--magenta-500)} .mcl-page .paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .mcl-page .path-tile{padding:28px 26px 26px;background:#fff;border:1.5px solid rgba(30,58,82,0.12);border-radius:20px;display:flex;flex-direction:column;gap:16px;min-height:260px;cursor:pointer;transition:200ms cubic-bezier(0.2,0.7,0.2,1);position:relative} .mcl-page .path-tile:hover{border-color:var(--magenta-500);transform:translateY(-3px);box-shadow:0 10px 30px rgba(30,58,82,0.10)} .mcl-page .path-tile:hover .arr-corner{color:var(--magenta-500);transform:translate(4px,-4px)} .mcl-page .path-tile h3{font-family:var(--macl-titre);font-weight:600;font-size:1.75rem;line-height:1.15;letter-spacing:-0.02em;margin:0;padding-right:34px;min-height:2.3em;color:var(--navy-800)} .mcl-page .path-tile p{margin:0;font-size:0.90625rem;color:var(--ink-soft);line-height:1.5} .mcl-page .path-tile .arr-corner{position:absolute;top:28px;right:28px;color:rgba(30,58,82,0.4);transition:200ms} .mcl-page .quick-access{margin:56px;border-radius:24px;border:1px solid rgba(36,71,91,0.14);border-top:4px solid var(--lime-500);background:var(--paper);padding:34px 40px 38px;display:flex;flex-direction:column;gap:22px} .mcl-page .quick-access .qa-head{display:flex;flex-direction:column;gap:12px;max-width:64ch} .mcl-page .quick-access .qa-head .kicker{color:var(--magenta-500)} .mcl-page .quick-access .qa-head h2{font-family:var(--macl-titre);font-weight:700;font-size:clamp(1.75rem, calc(3vw * var(--macl-echelle, 1)), 2.5rem);line-height:1.14;letter-spacing:-0.025em;margin:0;color:var(--navy-800)} .mcl-page .quick-access .qa-head p{margin:0;color:var(--ink-soft);font-size:0.96875rem;line-height:1.55;text-wrap:pretty} .mcl-page .qa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .mcl-page .qa-link{position:relative;display:flex;flex-direction:column;padding:20px 20px 18px;border-radius:14px;background:rgba(36,71,91,0.045);transition:200ms cubic-bezier(0.2,0.7,0.2,1);cursor:pointer} .mcl-page .qa-link:hover{background:#fff;box-shadow:0 12px 30px rgba(20,40,58,0.11);transform:translateY(-3px)} .mcl-page .qa-link h4{font-family:var(--macl-titre);font-weight:600;font-size:1.0625rem;line-height:1.15;margin:0;padding-right:30px;color:var(--navy-800);text-wrap:pretty} .mcl-page .qa-link p{margin:6px 0 0;font-size:0.8125rem;line-height:1.45;color:var(--ink-soft);text-wrap:pretty} .mcl-page .qa-link .qa-arr{position:absolute;top:18px;right:18px;color:var(--navy-500);transition:200ms} .mcl-page .qa-link:hover .qa-arr{color:var(--lime-700);transform:translate(3px,-3px)} .mcl-page .foundation-row{display:grid;grid-template-columns:1.4fr 1fr;min-height:380px;border-radius:24px;overflow:hidden;margin:56px 56px 0} .mcl-page .soins-hero{background:var(--canvas);padding:var(--macl-haut-page) 56px 64px} .mcl-page .soins-hero .crumbs{margin-bottom:40px} .mcl-page .soins-hero .sh-grid{display:grid;grid-template-columns:1fr;gap:56px;align-items:end} .mcl-page .soins-hero .sh-grid--media{grid-template-columns:1.1fr 0.9fr} .mcl-page .soins-hero .sh-kicker{color:var(--magenta-500);margin-bottom:20px} .mcl-page .soins-hero h1{font-family:var(--macl-titre);font-weight:700;font-size:var(--macl-titre-page);line-height:1.18;letter-spacing:-0.035em;color:var(--ink);margin:0} .mcl-page .soins-hero h1 em{font-style:italic;font-weight:500;color:var(--teal-700)} .mcl-page .soins-hero .sh-lede{margin-top:28px;max-width:54ch;font-size:1.125rem} .mcl-page .soins-hero .sh-media{aspect-ratio:4/3;max-height:440px;align-self:end;border-radius:24px;overflow:hidden;position:relative} .mcl-page .soins-hero .sh-media .duo{position:absolute;inset:0} .mcl-page .programs-v2{gap:28px;align-items:stretch} .mcl-page .prog-card{background:var(--paper);border:1px solid rgba(36,71,91,0.10);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 34px rgba(20,40,58,0.07);transition:220ms cubic-bezier(0.2,0.7,0.2,1)} .mcl-page .prog-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(20,40,58,0.11)} .mcl-page .prog-media{position:relative;height:330px;overflow:hidden;display:flex;align-items:center;justify-content:center} .mcl-page .prog-card--readap .prog-media{background:var(--magenta-100)} .mcl-page .prog-card--pall .prog-media{background:var(--teal-50)} .mcl-page .prog-media .blob{position:absolute;z-index:0;filter:blur(1px)} .mcl-page .blob-a{width:300px;height:300px;border-radius:60% 40% 55% 45%/55% 45% 55% 45%} .mcl-page .blob-b{width:200px;height:200px;border-radius:42% 58% 45% 55%/50% 50% 50% 50%} .mcl-page .prog-card--readap .blob-a{background:var(--magenta-200);left:6%;top:10%} .mcl-page .prog-card--readap .blob-b{background:var(--lime-200);right:5%;bottom:4%;opacity:0.85} .mcl-page .prog-card--pall .blob-a{background:var(--teal-100);left:6%;top:10%;opacity:0.85} .mcl-page .prog-card--pall .blob-b{background:var(--lime-200);right:5%;bottom:4%;opacity:0.7} .mcl-page .prog-photo{position:relative;z-index:1;width:256px;height:256px;border-radius:48% 52% 53% 47%/50% 47% 53% 50%;overflow:hidden} .mcl-page .prog-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(0.9) contrast(1.02) sepia(0.06) brightness(1.02)} .mcl-page .prog-body{padding:32px 34px 34px;display:flex;flex-direction:column;gap:16px;flex:1} .mcl-page .prog-pill{align-self:flex-start;font-family:var(--macl-titre);font-weight:600;font-size:0.8125rem;padding:7px 16px;border-radius:100px} .mcl-page .prog-card--readap .prog-pill{background:var(--magenta-100);color:var(--magenta-700)} .mcl-page .prog-card--pall .prog-pill{background:var(--teal-100);color:var(--teal-700)} .mcl-page .prog-body h2{font-family:var(--macl-titre);font-weight:600;font-size:clamp(1.6875rem, calc(2.7vw * var(--macl-echelle, 1)), 2.25rem);line-height:1.16;letter-spacing:-0.02em;margin:0;color:var(--navy-800)} .mcl-page .prog-desc{font-size:0.96875rem;line-height:1.55;color:var(--ink-soft);margin:0;max-width:48ch;text-wrap:pretty} .mcl-page .prog-tags{display:flex;flex-wrap:wrap;gap:9px} .mcl-page .prog-tags .chip{font-family:var(--macl-titre);font-weight:500;font-size:0.8125rem;color:var(--navy-800);background:rgba(36,71,91,0.06);padding:8px 15px;border-radius:100px} .mcl-page .prog-tags .chip--more{color:var(--navy-500);background:rgba(36,71,91,0.04)} .mcl-page .prog-cta{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:12px 26px;flex-wrap:wrap} .mcl-page .btn-solid{font-family:var(--macl-titre);font-weight:600;font-size:0.96875rem;background:var(--teal-600);color:#fff;border:1.5px solid var(--teal-600);padding:13px 26px;border-radius:100px;transition:200ms;cursor:pointer} .mcl-page .btn-solid:hover{background:var(--teal-700);border-color:var(--teal-700);color:#fff} .mcl-page .btn-text{font-family:var(--macl-titre);font-weight:600;font-size:0.96875rem;color:var(--teal-700);display:inline-flex;align-items:center;gap:8px;transition:gap 200ms;cursor:pointer} .mcl-page .btn-text:hover{gap:12px} .mcl-page .prog-card--readap .btn-solid{background:var(--magenta-500);border-color:var(--magenta-500)} .mcl-page .prog-card--readap .btn-solid:hover{background:var(--magenta-700);border-color:var(--magenta-700)} .mcl-page .prog-card--readap .btn-text{color:var(--magenta-700)} .mcl-page .clin-section{background:var(--paper);padding:96px 56px} .mcl-page .clin-head{display:flex;flex-direction:column;align-items:stretch;gap:20px;border-bottom:4px solid var(--navy-800);padding-bottom:28px;margin-bottom:48px} .mcl-page .clin-head-top{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:28px} .mcl-page .clin-head .kicker{color:var(--magenta-500);margin-bottom:14px} .mcl-page .clin-head h2{font-family:var(--macl-titre);font-weight:700;font-size:var(--macl-titre-section);line-height:1.14;letter-spacing:-0.03em;margin:0;color:var(--navy-800)} .mcl-page .clin-head p{max-width:60ch;color:var(--ink-soft);font-size:1rem;margin:0;line-height:1.6;text-wrap:pretty} .mcl-page .clin-note{max-width:64ch;color:var(--ink-soft);font-size:0.875rem;line-height:1.55;margin:0} .mcl-page .clin-note strong{color:var(--navy-800);font-weight:600} .mcl-page .clin-switch{display:flex;flex-direction:column;align-items:flex-end;gap:12px} .mcl-page .cs-label{font-family:var(--mono);font-size:0.6875rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(36,71,91,0.5);font-weight:600} .mcl-page .cs-toggle{display:inline-flex;background:rgba(36,71,91,0.05);border:1px solid rgba(36,71,91,0.12);border-radius:100px;padding:5px;gap:4px} .mcl-page .cs-opt{display:inline-flex;align-items:center;gap:9px;border:none;background:transparent;font-family:var(--macl-titre);font-weight:600;font-size:0.9375rem;color:var(--navy-700);padding:11px 22px;border-radius:100px;cursor:pointer;transition:220ms cubic-bezier(0.2,0.7,0.2,1)} .mcl-page .cs-opt .dot{width:9px;height:9px;border-radius:50%;flex:none;transition:200ms} .mcl-page .cs-opt[data-clin="readap"] .dot{background:var(--magenta-500)} .mcl-page .cs-opt[data-clin="pall"] .dot{background:var(--teal-600)} .mcl-page .clin-section:not([data-prog="pall"]) .cs-opt[data-clin="readap"]{background:var(--magenta-500);color:#fff;box-shadow:0 6px 16px rgba(173,30,135,0.28)} .mcl-page .clin-section[data-prog="pall"] .cs-opt[data-clin="pall"]{background:var(--teal-600);color:#fff;box-shadow:0 6px 16px rgba(46,122,71,0.28)} .mcl-page .clin-section:not([data-prog="pall"]) .cs-opt[data-clin="readap"] .dot, .mcl-page .clin-section[data-prog="pall"] .cs-opt[data-clin="pall"] .dot{background:#fff} .mcl-page .clin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .mcl-page .clin-card{background:var(--paper);border:1.5px solid rgba(36,71,91,0.14);border-radius:18px;padding:26px 26px 28px;display:flex;flex-direction:column;gap:14px;min-height:212px;position:relative;transition:220ms cubic-bezier(0.2,0.7,0.2,1)} .mcl-page .clin-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,40,58,0.10)} .mcl-page .clin-card h3{font-family:var(--macl-titre);font-weight:600;font-size:1.3125rem;line-height:1.16;letter-spacing:-0.015em;margin:6px 0 0;color:var(--navy-800)} .mcl-page .clin-card p{margin:0;color:var(--ink-soft);font-size:0.84375rem;line-height:1.5;text-wrap:pretty} .mcl-page .ci-ico{width:48px;height:48px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:rgba(36,71,91,0.06);color:var(--navy-700);transition:220ms} .mcl-page .ci-ico svg{width:22px;height:22px} .mcl-page .ci-badge{position:absolute;top:22px;right:22px;font-family:var(--mono);font-size:0.59375rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#fff;padding:6px 12px;border-radius:100px;white-space:nowrap} .mcl-page .clin-section:not([data-prog="pall"]) .ci-ico{background:var(--magenta-100);color:var(--magenta-700)} .mcl-page .clin-section:not([data-prog="pall"]) .clin-card--feature{background:var(--magenta-100);border-color:var(--magenta-500)} .mcl-page .clin-section:not([data-prog="pall"]) .clin-card--feature .ci-ico{background:#fff;color:var(--magenta-700)} .mcl-page .clin-section:not([data-prog="pall"]) .ci-badge{background:var(--magenta-500)} .mcl-page .clin-section[data-prog="pall"] .ci-ico{background:var(--teal-50);color:var(--teal-700)} .mcl-page .clin-section[data-prog="pall"] .clin-card--feature{background:var(--teal-50);border-color:var(--teal-600)} .mcl-page .clin-section[data-prog="pall"] .clin-card--feature .ci-ico{background:#fff;color:var(--teal-700)} .mcl-page .clin-section[data-prog="pall"] .ci-badge{background:var(--teal-600)} .mcl-page .clin-section .v-pall{display:none} .mcl-page .clin-section[data-prog="pall"] .v-pall{display:inline} .mcl-page .clin-section[data-prog="pall"] .ci-ico .v-pall{display:inline-flex} .mcl-page .clin-section[data-prog="pall"] .v-readap{display:none} .mcl-page .ci-ico .v-readap, .mcl-page .ci-ico .v-pall{display:inline-flex} .mcl-page .sej-jump{position:sticky;top:0;z-index:20;background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(36,71,91,0.12);padding:14px 56px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center} .mcl-page .sej-jump a{font-family:var(--mono);font-size:0.6875rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;color:var(--navy-700);padding:8px 15px;border-radius:100px;background:rgba(36,71,91,0.05);transition:160ms;cursor:pointer} .mcl-page .sej-jump a:hover{background:var(--navy-800);color:#fff} .mcl-page .sej-section{padding:var(--macl-esp-section) 56px;scroll-margin-top:70px} .mcl-page .sej-section.alt{background:var(--canvas)} .mcl-page .sej-section.paper{background:var(--paper)} .mcl-page .sej-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;border-bottom:4px solid var(--navy-800);padding-bottom:26px;margin-bottom:44px} .mcl-page .sej-head .sej-num{font-family:var(--mono);font-size:0.75rem;letter-spacing:0.14em;color:var(--magenta-500);font-weight:600} .mcl-page .sej-head h2{font-family:var(--macl-titre);font-weight:700;font-size:var(--macl-titre-section);line-height:1.14;letter-spacing:-0.03em;margin:0;color:var(--navy-800)} .mcl-page .sej-head p{max-width:62ch;color:var(--ink-soft);font-size:1rem;line-height:1.6;margin:0;text-wrap:pretty} .mcl-page .sej-cols{display:grid;grid-template-columns:1.1fr 0.9fr;gap:28px;align-items:start} .mcl-page .sej-cols--even{grid-template-columns:1fr 1fr} .mcl-page .sej-steps{display:flex;flex-direction:column;gap:0} .mcl-page .sej-step{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:20px 0;border-top:1px solid rgba(36,71,91,0.13)} .mcl-page .sej-step:first-child{border-top:none} .mcl-page .sej-step .sn{font-family:var(--macl-titre);font-weight:700;font-size:1.875rem;color:var(--teal-600);line-height:1;letter-spacing:-0.03em} .mcl-page .sej-step h4{font-family:var(--macl-titre);font-weight:600;font-size:1.1875rem;margin:0 0 6px;color:var(--navy-800)} .mcl-page .sej-step p{margin:0;font-size:0.90625rem;line-height:1.55;color:var(--ink-soft);text-wrap:pretty} .mcl-page .sej-card{background:var(--paper);border:1px solid rgba(36,71,91,0.14);border-radius:18px;padding:28px 30px} .mcl-page .sej-section.alt .sej-card{background:#fff} .mcl-page .sej-card.accent{border-top:4px solid var(--lime-500)} .mcl-page .sej-card .ck, .mcl-page .cnf-perso .ck, .mcl-page .emp-porte .ck{font-family:var(--mono);font-size:0.6875rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--magenta-500);font-weight:600;margin-bottom:16px} .mcl-page .sej-card h4{font-family:var(--macl-titre);font-weight:600;font-size:1.25rem;margin:0 0 14px;color:var(--navy-800)} .mcl-page .sej-card p{color:var(--ink-soft);font-size:0.90625rem;line-height:1.6} .mcl-page .sej-kv{display:flex;flex-direction:column;gap:12px} .mcl-page .sej-kv .row{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding-bottom:12px;border-bottom:1px dashed rgba(36,71,91,0.16)} .mcl-page .sej-kv .row:last-child{border-bottom:none;padding-bottom:0} .mcl-page .sej-kv .k{font-size:0.90625rem;color:var(--ink-soft)} .mcl-page .sej-kv .v{font-family:var(--macl-titre);font-weight:600;font-size:0.96875rem;color:var(--navy-800);white-space:nowrap} .mcl-page .sej-check{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px} .mcl-page .sej-check li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:0.9375rem;line-height:1.5;color:var(--navy-800)} .mcl-page .sej-check li .tick{color:var(--teal-600);font-weight:700} .mcl-page .sej-hour-card{border-radius:18px;padding:26px 28px} .mcl-page .sej-hour-card--readap{background:var(--teal-50);border:1px solid var(--teal-100)} .mcl-page .sej-hour-card--pall{background:var(--magenta-100);border:1px solid var(--magenta-200)} .mcl-page .sej-hour-card .tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:0.625rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:14px} .mcl-page .sej-hour-card .tag .dot{width:7px;height:7px;border-radius:50%} .mcl-page .sej-hour-card--readap .tag{color:var(--teal-700)} .mcl-page .sej-hour-card--readap .tag .dot{background:var(--teal-600)} .mcl-page .sej-hour-card--pall .tag{color:var(--magenta-700)} .mcl-page .sej-hour-card--pall .tag .dot{background:var(--magenta-500)} .mcl-page .sej-hour-card h4{font-family:var(--macl-titre);font-weight:600;font-size:1.125rem;margin:0 0 10px;color:var(--navy-800)} .mcl-page .sej-hour-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px} .mcl-page .sej-hour-card li{font-size:0.875rem;line-height:1.5;color:var(--ink-soft);padding-left:16px;position:relative} .mcl-page .sej-hour-card li::before{content:"\2014";position:absolute;left:0;color:rgba(36,71,91,0.4)} .mcl-page .visit-banner{display:flex;align-items:center;gap:36px;flex-wrap:wrap;background:var(--paper);border:1px solid rgba(36,71,91,0.14);border-radius:18px;padding:26px 34px;margin-bottom:18px} .mcl-page .visit-banner .vb-time{display:flex;flex-direction:column;gap:6px;flex:none} .mcl-page .visit-banner .vb-k{font-family:var(--mono);font-size:0.6875rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--navy-700);font-weight:600} .mcl-page .visit-banner .vb-hours{font-family:var(--macl-titre);font-weight:700;font-size:clamp(1.875rem, calc(3.2vw * var(--macl-echelle, 1)), 2.625rem);letter-spacing:-0.03em;color:var(--navy-800);line-height:1;white-space:nowrap} .mcl-page .visit-banner .vb-note{flex:1 1 280px;margin:0;font-size:0.90625rem;line-height:1.6;color:var(--ink-soft);padding-left:36px;border-left:1px solid rgba(36,71,91,0.14)} .mcl-page .visit-progs{display:grid;grid-template-columns:1fr 1fr;gap:16px} .mcl-page .sej-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .mcl-page .sej-tile{background:var(--paper);border:1px solid rgba(36,71,91,0.13);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:8px} .mcl-page .sej-section.alt .sej-tile{background:#fff} .mcl-page .sej-tile h4{font-family:var(--macl-titre);font-weight:600;font-size:1.0625rem;margin:0;color:var(--navy-800)} .mcl-page .sej-tile p{margin:0;font-size:0.84375rem;line-height:1.5;color:var(--ink-soft);text-wrap:pretty} .mcl-page .sej-tile .ln{font-family:var(--mono);font-size:0.75rem;letter-spacing:0.1em;color:var(--teal-700);font-weight:600} .mcl-page .tile-ic{align-self:flex-start;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--magenta-100);color:var(--magenta-700);margin-bottom:4px} .mcl-page .tile-ic svg{width:22px;height:22px} .mcl-page .sej-note{display:grid;grid-template-columns:28px 1fr;gap:14px;background:var(--lime-100);border-radius:14px;padding:18px 22px;align-items:start} .mcl-page .sej-note .ic{font-size:1.125rem;line-height:1.4} .mcl-page .sej-note p{margin:0;font-size:0.90625rem;line-height:1.55;color:var(--navy-800)} .mcl-page .sej-note strong{font-weight:600} .mcl-page .sej-tabs{display:inline-flex;gap:6px;background:rgba(36,71,91,0.06);padding:6px;border-radius:100px;margin-bottom:36px;flex-wrap:wrap} .mcl-page .sej-tab{font-family:var(--macl-titre);font-weight:600;font-size:0.9375rem;padding:11px 22px;border-radius:100px;border:none;background:transparent;color:var(--navy-700);cursor:pointer;transition:180ms;display:inline-flex;align-items:center;gap:9px} .mcl-page .sej-tab .dot{width:9px;height:9px;border-radius:50%;flex:none} .mcl-page .sej-tab[data-adm="readap"] .dot{background:var(--teal-600)} .mcl-page .sej-tab[data-adm="pall"] .dot{background:var(--magenta-500)} .mcl-page #admission:not([data-prog="pall"]) .sej-tab[data-adm="readap"]{background:var(--teal-600);color:#fff} .mcl-page #admission[data-prog="pall"] .sej-tab[data-adm="pall"]{background:var(--magenta-500);color:#fff} .mcl-page #admission:not([data-prog="pall"]) .sej-tab[data-adm="readap"] .dot, .mcl-page #admission[data-prog="pall"] .sej-tab[data-adm="pall"] .dot{background:#fff} .mcl-page .sej-panel{display:none} .mcl-page #admission:not([data-prog="pall"]) .sej-panel--readap{display:block} .mcl-page #admission[data-prog="pall"] .sej-panel--pall{display:block} .mcl-page .sej-panel--pall .sej-check .tick{color:var(--magenta-500)} .mcl-page .sej-panel--pall .sej-step .sn{color:var(--magenta-500)} .mcl-page .hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px} .mcl-page .hub-card{background:var(--paper);border:1.5px solid rgba(36,71,91,0.14);border-radius:18px;padding:26px 26px 24px;display:flex;flex-direction:column;gap:12px;min-height:190px;cursor:pointer;transition:200ms cubic-bezier(0.2,0.7,0.2,1)} .mcl-page .hub-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,40,58,0.12);border-color:var(--magenta-500)} .mcl-page .hub-card .hn{font-family:var(--mono);font-size:0.6875rem;letter-spacing:0.14em;color:rgba(36,71,91,0.45);font-weight:600} .mcl-page .hub-card h3{font-family:var(--macl-titre);font-weight:600;font-size:1.375rem;line-height:1.16;letter-spacing:-0.015em;margin:0;color:var(--navy-800)} .mcl-page .hub-card p{margin:0;font-size:0.875rem;line-height:1.5;color:var(--ink-soft);text-wrap:pretty} .mcl-page .hub-card .more{margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:0.65625rem;letter-spacing:0.14em;text-transform:uppercase;font-weight:700;color:var(--magenta-700);display:inline-flex;gap:7px;align-items:center} .mcl-page .tl{display:flex;flex-direction:column;border-left:2px solid rgba(36,71,91,0.16);margin-left:8px} .mcl-page .tl-item{display:grid;grid-template-columns:132px 1fr;gap:24px;padding:18px 0 18px 26px;position:relative} .mcl-page .tl-item::before{content:"";position:absolute;left:-7px;top:26px;width:12px;height:12px;border-radius:50%;background:var(--lime-500);border:2px solid var(--canvas)} .mcl-page .tl-item .yr{font-family:var(--macl-titre);font-weight:700;font-size:1.1875rem;color:var(--magenta-700);letter-spacing:-0.01em} .mcl-page .tl-item p{margin:0;font-size:0.90625rem;line-height:1.6;color:var(--ink-soft);text-wrap:pretty} .mcl-page .doc-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:16px} .mcl-page .doc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column} .mcl-page .doc-list li{border-bottom:1px dashed rgba(36,71,91,0.16)} .mcl-page .doc-list li:last-child{border-bottom:none} .mcl-page .doc-list a{display:flex;gap:12px;align-items:center;font-size:0.90625rem;color:var(--navy-800);padding:11px 0;cursor:pointer} .mcl-page .doc-list a::before{content:"PDF";font-family:var(--mono);font-size:0.5625rem;font-weight:700;letter-spacing:0.1em;color:#8A4A00;background:var(--peach-100);padding:4px 7px;border-radius:5px;flex:none} .mcl-page .doc-list a:hover{color:var(--magenta-700)} .mcl-page .chip-list{display:flex;flex-wrap:wrap;gap:9px} .mcl-page .chip-list span{font-family:var(--macl-titre);font-weight:500;font-size:0.84375rem;color:var(--navy-800);background:rgba(36,71,91,0.06);padding:8px 15px;border-radius:100px} .mcl-page .people{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px} .mcl-page .people li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px dashed rgba(36,71,91,0.16);font-size:0.9375rem} .mcl-page .people li .nm{font-family:var(--macl-titre);font-weight:600;color:var(--navy-800)} .mcl-page .people li .rl{font-family:var(--mono);font-size:0.65625rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap} .mcl-page .testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .mcl-page .testi{background:var(--paper);border:1px solid rgba(36,71,91,0.14);border-left:4px solid var(--lime-500);border-radius:18px;padding:30px 32px;display:flex;flex-direction:column;gap:18px} .mcl-page .testi blockquote{margin:0;font-size:1rem;line-height:1.65;color:var(--navy-800);text-wrap:pretty} .mcl-page .testi .who{font-family:var(--mono);font-size:0.65625rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--magenta-700);font-weight:600} .mcl-page .job-list{display:flex;flex-direction:column;gap:12px} .mcl-page .job-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--paper);border:1px solid rgba(36,71,91,0.14);border-radius:16px;padding:20px 26px;transition:200ms} .mcl-page .job-row:hover{border-color:var(--teal-600);box-shadow:0 10px 26px rgba(20,40,58,0.08)} .mcl-page .job-row .jt{font-family:var(--macl-titre);font-weight:600;font-size:1.1875rem;color:var(--navy-800);flex:1 1 260px} .mcl-page .job-row .jm{font-family:var(--mono);font-size:0.65625rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-soft)} .mcl-page .job-row .btn-solid{padding:10px 20px;font-size:0.875rem} .mcl-page .faq-group{margin-bottom:34px} .mcl-page .faq-group>h3{font-family:var(--macl-titre);font-weight:700;font-size:1.375rem;color:var(--magenta-700);margin:0 0 14px} .mcl-page .faq-item{background:var(--paper);border:1px solid rgba(36,71,91,0.14);border-radius:14px;margin-bottom:10px;overflow:hidden} .mcl-page .faq-item summary{cursor:pointer;list-style:none;padding:18px 24px;font-family:var(--macl-titre);font-weight:600;font-size:1.03125rem;color:var(--navy-800);display:flex;justify-content:space-between;gap:16px;align-items:center} .mcl-page .faq-item summary::-webkit-details-marker{display:none} .mcl-page .faq-item summary::after{content:"+";font-size:1.375rem;font-weight:500;color:var(--magenta-500);line-height:1} .mcl-page .faq-item[open] summary::after{content:"\2013"} .mcl-page .faq-item p{margin:0;padding:0 24px 20px;font-size:0.9375rem;line-height:1.62;color:var(--ink-soft);max-width:78ch} .mcl-page .big-contact{display:grid;grid-template-columns:1fr 1fr;gap:18px} .mcl-page .dir-table{width:100%;border-collapse:collapse;font-size:0.9375rem} .mcl-page .dir-table td{padding:12px 0;border-bottom:1px dashed rgba(36,71,91,0.16);color:var(--ink-soft)} .mcl-page .dir-table td:last-child{text-align:right;font-family:var(--macl-titre);font-weight:600;color:var(--navy-800);white-space:nowrap} .mcl-page .rich{max-width:74ch} .mcl-page .rich h3{font-family:var(--macl-titre);font-weight:600;font-size:1.4375rem;color:var(--navy-800);margin:34px 0 12px;letter-spacing:-0.015em} .mcl-page .rich h3:first-child{margin-top:0} .mcl-page .rich p{margin:0 0 14px;font-size:0.96875rem;line-height:1.68;color:var(--ink-soft);text-wrap:pretty} .mcl-page .rich ul{margin:0 0 16px;padding-left:20px;display:flex;flex-direction:column;gap:8px} .mcl-page .rich li{font-size:0.9375rem;line-height:1.6;color:var(--ink-soft)} .mcl-page .rich strong{color:var(--navy-800);font-weight:600} .mcl-page .soins-hero, .mcl-page .hero, .mcl-page .hero--stats, .mcl-page .paths-strip, .mcl-page .pillars-row, .mcl-page .programs-v2, .mcl-page .quick-access, .mcl-page .clin-section, .mcl-page .sej-jump, .mcl-page .hist-bande, .mcl-page .sej-section{padding-inline:max(56px,calc((100% - 1480px)/2))} /* -------------------------------------------------------------------------- LE PLAFOND DE 1480 px S'APPLIQUE AUSSI AUX TROIS PREMIÈRES PAGES 1er septembre 2026 — Accueil (31), Soins et services (32), Préparer son séjour (33). Ces trois pages sont les plus anciennes du projet. Elles portent un rembourrage de 56 px FIXE, écrit dans leur CSS de page (post-31/32/33), et n'ont jamais reçu le plafond ajouté plus tard aux 36 autres. Résultat : au delà de 1832 px de fenêtre, leur colonne continuait de s'étirer — 1648 px à 2000 px de large — quand celle des autres pages s'arrêtait à 1480. ⚠ POURQUOI UNE REQUÊTE DE MÉDIA ET NON LA MÊME RÈGLE QUE LES AUTRES. Ces pages ont leurs propres rembourrages en dessous du bureau : 22 px et 24 px sur téléphone, mesurés. Poser `max(56px, …)` sans condition les écraserait tous les trois et rendrait 56 px de marge sur un écran de 500 px. La règle n'existe donc qu'au-dessus du seuil, là où elle a quelque chose à faire ; en dessous, chaque page garde ce qu'elle avait. 1833 px : le point exact où (largeur utile − 1480) / 2 dépasse 56 px, donc où les 36 autres pages basculent elles aussi. Les deux familles changent au même pixel. ⚠ POURQUOI `!important` ICI. Le CSS de ces pages empile des correctifs en `!important` — `.hmc-services{padding:48px 56px 56px !important}` sur la page 32, par exemple. Sans le même poids, deux sections sur trois se plafonnaient et la troisième restait à 56 px : un décalage à l'intérieur d'une même page, pire que le défaut qu'on corrige. La règle est volontairement étroite — un seul niveau de conteneurs, au-dessus d'un seul seuil — pour que ce poids ne déborde nulle part ailleurs. */ @media (min-width:1833px){ .hmc-main > .e-con:not(.hmc-venue):not(.hmc-don-sec){ padding-inline:max(56px, calc((100% - 1480px)/2)) !important; } /* Sur l'accueil, deux blocs ne sont pas des sections mais des CARTES : elles portent une marge de 56 px et aucun rembourrage. Leur appliquer le plafond en rembourrage indentait leur contenu DEUX FOIS — il commençait à 436 px quand celui des sections voisines commençait à 380. C'est leur marge qu'il faut plafonner. On plafonne leur marge et on ne touche PAS à leur rembourrage : la carte « Venue » porte 40 px d'encart intérieur qui lui sont propres, et le lui retirer au-delà de 1833 px l'aurait fait changer d'aspect selon la taille de l'écran. Les huit sections de « Préparer son séjour » et les trois de « Soins et services » n'ont, elles, aucune marge : vérifié, la règle générale leur suffit. */ .hmc-main > .hmc-venue, .hmc-main > .hmc-don-sec{ margin-inline:max(56px, calc((100% - 1480px)/2)) !important; } } @media (max-width:1100px){ .mcl-page .hero-grid{grid-template-rows:auto 240px 200px 200px} .mcl-page .hero-title{grid-column:1/-1;grid-row:1} .mcl-page .hero-tile.t-1{grid-column:1/-1;grid-row:2;height:280px} .mcl-page .hero-tile.t-2{grid-column:1/span 2;grid-row:3} .mcl-page .hero-tile.t-3{grid-column:3/span 2;grid-row:3} .mcl-page .hero-tile.t-4{grid-column:1/-1;grid-row:4} .mcl-page .pillars-row, .mcl-page .foundation-row{grid-template-columns:1fr} .mcl-page .clin-grid{grid-template-columns:1fr 1fr} .mcl-page .hub-grid{grid-template-columns:1fr 1fr} .mcl-page .soins-hero .sh-grid--media{grid-template-columns:1fr} } @media (max-width:1000px){ .mcl-page .sej-cols, .mcl-page .sej-cols--even, .mcl-page .big-contact, .mcl-page .testi-grid, .mcl-page .doc-cols, .mcl-page .people{grid-template-columns:1fr} .mcl-page .sej-grid3{grid-template-columns:1fr 1fr} } @media (max-width:980px){ .mcl-page .sidebar{position:relative;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:16px 24px;overflow:visible} .mcl-page .main{margin-left:0} .mcl-page .soins-hero, .mcl-page .hero, .mcl-page .hero--stats, .mcl-page .paths-strip, .mcl-page .pillars-row, .mcl-page .programs-v2, .mcl-page .quick-access, .mcl-page .clin-section, .mcl-page .sej-jump, .mcl-page .hist-bande, .mcl-page .sej-section{padding-inline:24px} .mcl-page .hero--stats .hero-stat-line{grid-template-columns:1fr;grid-template-areas:"lede" "heritage" "values";row-gap:36px} .mcl-page .hero-stat-line .keep-80{margin-top:0} .mcl-page .values-block .vb-grid{grid-template-columns:repeat(2,1fr);gap:26px 30px} } @media (max-width:820px){ .mcl-page .clin-grid{grid-template-columns:1fr 1fr} .mcl-page .clin-head-top{flex-direction:column;align-items:flex-start} .mcl-page .clin-switch{align-items:flex-start} } @media (max-width:720px){ .mcl-page .hero{padding:24px 24px 0} .mcl-page .paths-grid, .mcl-page .qa-grid, .mcl-page .sej-grid3, .mcl-page .visit-progs, .mcl-page .hub-grid, .mcl-page .clin-grid{grid-template-columns:1fr} .mcl-page .prog-media{height:260px} .mcl-page .prog-photo{width:200px;height:200px} .mcl-page .visit-banner .vb-note{padding-left:0;border-left:none} .mcl-page .tl-item{grid-template-columns:1fr;gap:6px} } /* --- Corrections d'integration Elementor ------------------------------- Les conteneurs Elementor imposent flex-direction:column par defaut. Seules les rangees horizontales de la maquette doivent etre retablies. */ .mcl-page .sej-jump{flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important} .mcl-page .chip-list, .mcl-page .hmc-chips, .mcl-page .sej-tabs, .mcl-page .crumbs{flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important} /* Les grilles de la maquette doivent primer sur le flex des conteneurs Elementor. */ .mcl-page .sh-grid, .mcl-page .sej-cols, .mcl-page .sej-grid3, .mcl-page .clin-grid, .mcl-page .hub-grid, .mcl-page .plan-grid, .mcl-page .paths-grid, .mcl-page .people, .mcl-page .footer-grid{display:grid !important} /* Les conteneurs Elementor ne doivent pas ajouter leur propre largeur max. */ .mcl-page .e-con > .e-con-inner{max-width:none;padding:0} /* fin MACL pages maquette phase 2 */ /* ========================================================================== MACL — CORRESPONDANCE AVEC LE DOM D'ELEMENTOR Les composants de la maquette sont désormais faits de widgets natifs. Elementor enveloppe chaque widget ; ce bloc remet la mise en forme d'origine sur la structure qu'il produit réellement. ========================================================================== */ /* 1. Les enveloppes de widget deviennent transparentes pour la mise en page. */ .mcl-page .elementor-widget-button .elementor-widget-container, .mcl-page .elementor-button-wrapper, .mcl-page .elementor-button-content-wrapper{display:contents} .mcl-page .elementor-widget-text-editor > .elementor-widget-container, .mcl-page .elementor-widget-heading > .elementor-widget-container, .mcl-page .elementor-widget-icon-list > .elementor-widget-container{display:contents} /* 2. On neutralise l'habillage par défaut des boutons Elementor : la maquette reprend la main juste après. */ .mcl-page .elementor-button{ background:transparent;color:inherit;padding:0;border:0;border-radius:0; font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit; letter-spacing:inherit;text-transform:none;text-align:inherit;box-shadow:none; fill:currentColor;text-decoration:none;transition:160ms} .mcl-page .elementor-button:hover, .mcl-page .elementor-button:focus{background:transparent;color:inherit} .mcl-page .elementor-button-text{display:inline;font:inherit;color:inherit} /* 3. Idem pour les listes d'icônes, qui remplacent les