/*
Theme Name: Agence WKDO
Description: Theme enfant de Divi par WKDO
Author: Agence WKDO
Author URI: https://www.wkdo.fr
Template: Divi
Version: 1.2
*/

/* prothese.wenew.fr · Dr Anthony Wajsfisz · v5 « Lumière » (DESIGN.md v5)
   Les couleurs, fonds, rayons et marges des blocs sont réglés en natif dans Divi.
   Ce fichier porte la typographie, les gestes signature et ce que Divi ne sait pas faire seul. */

@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@500;600&family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400&display=swap");

:root {
	--c-blanc: #FEFCFA;
	--c-ciel: #E8F4FE;
	--c-ciel-s: #D3E8F7;
	--c-corail-c: #FFEBE1;
	--c-prusse: #0A2347;
	--c-encre: #25364F;
	--c-discret: #4E5C6F;
	--c-bleu: #154D8C;
	--c-corail: #EB7955;
	--c-corail-p: #B1341C;
	--c-corail-t: #39150C;
	--c-filet: #CDD9E4;
	--c-bande: #EFF6FB;
	--f-titre: "Lexend", ui-sans-serif, system-ui, sans-serif;
	--f-texte: "Atkinson Hyperlegible", ui-sans-serif, system-ui, sans-serif;
	--fs-h1: clamp(2.5rem, 1.6rem + 3.1vw, 4.125rem);
	--fs-h2: clamp(2rem, 1.4rem + 1.9vw, 2.875rem);
	--fs-h3: 1.4375rem;
	--fs-chapo: 1.375rem;
	--fs-petit: 1rem;
	--ombre: 0 10px 30px -12px rgb(10 35 71 / 0.08);
}

/* ------------------------------------------------------------------ socle */
html, body { overflow-x: clip; }
html { scroll-padding-top: 110px; }
body, body #page-container {
	background-color: var(--c-blanc);
	color: var(--c-encre);
	font-family: var(--f-texte);
	font-size: 19px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
body #page-container .et_pb_text,
body #page-container .et_pb_tab_content,
body #page-container .et_pb_toggle_content { font-family: var(--f-texte); font-size: 19px; line-height: 1.6; }
body #page-container p { padding-bottom: 0; text-wrap: pretty; }
body #page-container h1, body #page-container h2, body #page-container h3, body #page-container h4,
body #page-container .h2-like, body #page-container .h3-like {
	padding-bottom: 0;
	font-family: var(--f-titre);
	color: var(--c-prusse);
	letter-spacing: -0.015em;
	text-wrap: balance;
	overflow-wrap: break-word;
}
body #page-container h1 { font-size: var(--fs-h1); font-weight: 600; line-height: 1.06; }
body #page-container h2, body #page-container .h2-like { font-size: var(--fs-h2); font-weight: 600; line-height: 1.12; }
body #page-container h3, body #page-container .h3-like { font-size: var(--fs-h3); font-weight: 500; line-height: 1.25; }
body #page-container a { color: var(--c-bleu); text-underline-offset: 0.18em; }
body #page-container .et_pb_text a { text-decoration: underline; }
body #page-container a:focus-visible, body #page-container button:focus-visible {
	outline: 3px solid var(--c-corail-p); outline-offset: 3px; border-radius: 6px;
}
::selection { background: var(--c-corail-c); color: var(--c-prusse); }
.visuellement-masque, .visuellement-masque.et_pb_module {
	position: absolute !important; width: 1px !important; height: 1px !important;
	overflow: hidden !important; clip-path: inset(50%); white-space: nowrap; margin: 0 !important; padding: 0 !important;
}

/* espacements verticaux entre modules empilés (colonnes à gouttière nulle) */
.espace-14 { margin-top: 14px !important; }
.espace-16 { margin-top: 16px !important; }
.espace-18 { margin-top: 18px !important; }
.espace-20 { margin-top: 20px !important; }
.espace-22 { margin-top: 22px !important; }
.espace-24 { margin-top: 24px !important; }
.espace-26 { margin-top: 26px !important; }
.espace-30 { margin-top: 30px !important; }
.espace-34 { margin-top: 34px !important; }
.espace-chapitre { margin-top: 64px !important; }
.titre-equipe { margin-top: 36px !important; }
.titre-carte-large { margin-top: 0; }

/* textes courants */
.chapo { font-size: var(--fs-chapo); line-height: 1.5; color: var(--c-encre); }
.chapo--hero { max-width: 33ch; }
.chapo-italique { font-style: italic; font-size: var(--fs-chapo); line-height: 1.45; color: var(--c-prusse); }
.texte-discret, .signature { color: var(--c-discret); }
.signature { font-size: var(--fs-petit); }
body #page-container .titre-equipe h2 { font-size: var(--fs-h3); font-weight: 500; line-height: 1.25; }
body #page-container .titre-boite-rdv h2 { font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.375rem); }

/* ------------------------------------------------------------------ boutons (pilules, natif + police) */
body #page-container .et_pb_button.btn-pilule,
body #page-container .btn-pilule .et_pb_button,
body #page-container .et_pb_button {
	font-family: var(--f-texte);
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	transition: background-color .2s cubic-bezier(.22, 1, .36, 1), color .2s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1);
}
body #page-container .et_pb_button:hover { transform: translateY(-1px); }
body #page-container .et_pb_button:after, body #page-container .et_pb_button:before { display: none !important; }
body #page-container .et_pb_button:hover { padding-left: inherit; padding-right: inherit; }

/* ------------------------------------------------------------------ geste 1 : surtitre en pastille */
body #page-container .sur-titre { font: 700 var(--fs-petit)/1.2 var(--f-texte); color: var(--c-bleu); }
body #page-container .sur-titre--corail { color: var(--c-corail-p); }
.et_pb_text:has(> .et_pb_text_inner > .sur-titre) { margin-bottom: 18px !important; }
.pastille-quand { font-weight: 700; font-size: 0.9375rem; color: var(--c-corail-p); line-height: 1.5; }
.pastille-role { font-weight: 700; font-size: 0.9375rem; color: var(--c-bleu); line-height: 1.5; }
.pastille-role--corail { color: var(--c-corail-t); }

/* ------------------------------------------------------------------ geste 2 : demi-cercle + badge en débord */
.figure-debord { position: relative; }
.img-demi-cercle img { width: 100%; aspect-ratio: 4 / 5; max-height: 600px; object-fit: cover; }
.img-demi-cercle .et_pb_image_wrap { display: block; }
.badge-debord { position: absolute !important; max-width: 250px; z-index: 3; }
.badge-debord--gauche { left: -48px; bottom: 44px; }
.badge-debord--droite { right: -28px; bottom: 60px; }
.badge-debord--bas { right: -28px; bottom: -28px; }
body #page-container .badge-grand { font: 600 1.875rem/1.05 var(--f-titre); }
body #page-container .badge-petit { font-size: var(--fs-petit); line-height: 1.35; }
.portrait-attente { aspect-ratio: 4 / 5; width: 100%; font-size: var(--fs-petit); }
.schema-demi-cercle img { width: 100%; height: auto; }
.ombre-douce { box-shadow: var(--ombre); }

/* ------------------------------------------------------------------ bandeau chiffres */
body #page-container .chiffre { font: 600 clamp(2.5rem, 1.9rem + 2vw, 3.625rem)/1 var(--f-titre); font-variant-numeric: tabular-nums; }
.chiffre-label { font-size: var(--fs-petit); line-height: 1.5; }
.source-chiffres { font-size: 0.9375rem; }

/* ------------------------------------------------------------------ carte large « le vrai test » */
.pastille-num-wrap { flex: 0 0 52px; }
body #page-container .pastille-num {
	display: grid; place-items: center; width: 52px; height: 52px; border-radius: 999px;
	background: var(--c-corail); color: var(--c-corail-t); font: 600 1.375rem/1 var(--f-titre);
}
body #page-container .question-texte h3 { font-size: 1.25rem; }
.question-texte { flex: 1 1 auto; }
.citation blockquote { margin: 0; padding: 0 0 0 22px; border-left: 3px solid var(--c-corail); border-color: var(--c-corail) !important; }
.citation blockquote p { font-style: italic; font-size: var(--fs-chapo); line-height: 1.45; color: var(--c-prusse); }
.citation .citation-auteur { margin-top: 8px; padding-left: 25px; font-size: var(--fs-petit); font-weight: 700; color: var(--c-discret); }
.img-4-3 img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

/* liste de pages liées */
.liste-liens, body #page-container .et_pb_text ul.liste-liens { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--c-filet); }
.liste-liens li { border-bottom: 1px solid var(--c-filet); }
body #page-container .liste-liens a { display: grid; gap: 2px; padding: 16px 4px; border-radius: 10px; text-decoration: none; color: var(--c-prusse); transition: background-color .2s; }
.liste-liens a span { font-weight: 700; text-decoration: underline; text-decoration-color: var(--c-corail); text-decoration-thickness: 2px; }
.liste-liens a small { font-size: var(--fs-petit); color: var(--c-discret); }
body #page-container .liste-liens a:hover { background: var(--c-ciel); }

/* liens texte */
body #page-container a.lien-souligne { font-weight: 700; color: var(--c-prusse); text-decoration: underline; text-decoration-color: var(--c-corail); text-decoration-thickness: 2px; }
body #page-container a.lien-souligne:hover { color: var(--c-corail-p); }
body #page-container a.lien-corail { font-weight: 700; color: var(--c-corail-p); text-decoration-thickness: 2px; }

/* ------------------------------------------------------------------ comparatif : bascule PUC / PTG (Tabs natif) */
.bascule-genou.et_pb_tabs { border: 0; background: transparent; }
.bascule-genou .et_pb_tabs_controls { display: flex; gap: 6px; padding: 5px; margin-bottom: 16px; border-radius: 999px; background: var(--c-ciel); }
.bascule-genou .et_pb_tabs_controls:after { display: none; }
.bascule-genou .et_pb_tabs_controls li { flex: 1; float: none; border: 0 !important; background: transparent; border-radius: 999px; transition: background-color .2s; }
.bascule-genou .et_pb_tabs_controls li a {
	display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 12px;
	font: 700 var(--fs-petit)/1 var(--f-texte); color: var(--c-encre) !important;
}
.bascule-genou .et_pb_tabs_controls li:hover { background: var(--c-ciel-s); }
.bascule-genou .et_pb_tabs_controls li.et_pb_tab_active { background: var(--c-prusse); }
.bascule-genou .et_pb_tabs_controls li.et_pb_tab_active a { color: var(--c-blanc) !important; }
.bascule-genou .et_pb_all_tabs { padding: 0; background: transparent; }
.bascule-genou .et_pb_tab { padding: 0; }
.bascule-genou img.schema-genou { display: block; width: 100%; max-height: 420px; object-fit: contain; height: auto; }
.bascule-genou .legende-schema { margin-top: 10px; font-size: var(--fs-petit); }

/* fiches PUC / PTG */
.fiche { margin: 0; display: grid; }
.fiche div { padding: 12px 0; border-top: 1px solid var(--c-filet); }
.fiche dt { font-size: 0.9375rem; color: var(--c-discret); }
.fiche dd { margin: 2px 0 0; font-weight: 700; color: var(--c-prusse); }

/* ------------------------------------------------------------------ parcours */
.parcours-ligne { position: relative; }
.parcours-ligne::before { content: ""; position: absolute; left: 30px; right: 30px; top: 30px; height: 3px; background: var(--c-ciel-s); }
body #page-container .etape-num {
	display: grid; place-items: center; width: 62px; height: 62px; margin-bottom: 8px; border-radius: 999px;
	border: 6px solid var(--c-blanc); background: var(--c-prusse); color: var(--c-blanc); font: 600 1.5rem/1 var(--f-titre);
	position: relative; z-index: 1;
}
.etape-texte p { margin-top: 10px; }

/* ------------------------------------------------------------------ chirurgien */
.liste-faits, body #page-container .et_pb_text ul.liste-faits { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.liste-faits li { position: relative; padding-left: 26px; }
.liste-faits li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 12px; height: 12px; border-radius: 999px 999px 3px 3px; background: var(--c-corail); }
.liste-faits strong { color: var(--c-prusse); }
.grille-2.et_pb_group { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.grille-2 > .et_pb_group { margin: 0 !important; width: auto !important; }
body #page-container .equipe-nom { font-weight: 700; color: var(--c-prusse); }
.equipe-role { font-size: var(--fs-petit); color: var(--c-discret); }

/* ------------------------------------------------------------------ lieux et cartes */
body #page-container .carte-lieu h3 { font-size: 1.25rem; }
body #page-container .carte-lien a { font-family: var(--f-titre); font-weight: 500; font-size: 1.25rem; color: var(--c-prusse); text-decoration: underline; text-decoration-color: var(--c-corail); text-decoration-thickness: 2px; }

/* ------------------------------------------------------------------ geste 3 : boîte rendez-vous qui mord sur le pied */
.et_pb_section.cta-morsure { position: relative; z-index: 2; margin-bottom: -110px; background-color: transparent !important; }
.et_pb_section.cta-morsure--ciel { background-image: linear-gradient(var(--c-ciel) calc(100% - 110px), transparent 0) !important; }
.meta-rdv { font-size: var(--fs-petit); line-height: 1.7; }
.a-confirmer { display: inline-block; margin: 2px; padding: 0 6px; outline: 1px dashed var(--c-discret); white-space: nowrap; line-height: 1.5; }

/* ------------------------------------------------------------------ en-tête */
.entete-site { z-index: 30; }
.nav-principale .et_pb_menu__logo img { max-height: 50px; width: auto; }
.nav-principale .et-menu > li { padding-left: 13px; padding-right: 13px; }
.nav-principale .et-menu > li > a { padding-top: 10px; padding-bottom: 10px; font-family: var(--f-texte); }
.nav-principale .et-menu > li > a:hover { text-decoration: underline; text-decoration-thickness: 2px; opacity: 1; }
.nav-principale .et_mobile_nav_menu .mobile_nav .mobile_menu_bar:before { color: var(--c-prusse); }
.nav-principale .et_mobile_menu { border-top: 3px solid var(--c-corail); border-radius: 0 0 22px 22px; box-shadow: var(--ombre); }
.nav-principale .et_mobile_menu li a { font-family: var(--f-texte); font-weight: 700; color: var(--c-prusse); padding: 14px 5%; border-bottom: 1px solid var(--c-filet); }

/* ------------------------------------------------------------------ pied de page */
body #page-container .pied-nom { font: 600 1.375rem/1.2 var(--f-titre); }
.pied-site p { font-size: var(--fs-petit); }
.nav-pied .liens-pied { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 22px; }
body #page-container .pied-site a { color: var(--c-bande); white-space: nowrap; }
body #page-container .pied-site a:focus-visible { outline-color: #FFAD88; }
.credits-photos { font-size: 0.9375rem !important; }
.barre-rdv.et_pb_section { position: fixed !important; left: 0; right: 0; bottom: 0; z-index: 40; }

/* ------------------------------------------------------------------ page intérieure */
.fil-ariane, .fil-ariane a, .fil-ariane span { font-size: 0.9375rem; color: var(--c-discret); }
body #page-container .fil-ariane a { color: var(--c-bleu); }
body #page-container .titre-page h1.entry-title, body #page-container .titre-page h1 {
	font-size: clamp(2.25rem, 1.5rem + 2.6vw, 3.625rem); font-weight: 600; line-height: 1.08; padding-bottom: 0;
}
.titre-page .et_pb_title_container { padding: 0; }
body #page-container .bref-fort { font: 600 1.5rem/1.15 var(--f-titre); }
.bref-texte { font-size: var(--fs-petit); line-height: 1.4; }

/* sommaire collant */
body #page-container .sommaire-titre { font: 600 1.125rem/1.3 var(--f-titre); color: var(--c-prusse); margin-bottom: 10px; }
.sommaire-liens, body #page-container .et_pb_text ol.sommaire-liens { margin: 0 0 18px; padding: 0; list-style: none; }
body #page-container .sommaire-liens a { display: block; padding: 9px 0; border-bottom: 1px solid var(--c-ciel-s); color: var(--c-encre); font-size: var(--fs-petit); text-decoration: none; }
body #page-container .sommaire-liens a:hover { color: var(--c-corail-p); }

/* corps de l'article */
.corps-article { line-height: 1.7; }
body #page-container .corps-article p { max-width: 56ch; }
.corps-article p + p, .corps-article ul + p, .corps-article ol + p, .corps-article div + p, .corps-article table + p { margin-top: 18px; }
body #page-container .corps-article h2 { font-size: clamp(1.75rem, 1.3rem + 1.2vw, 2.25rem); margin: 64px 0 20px; }
body #page-container .corps-article h2:first-child { margin-top: 0; }
body #page-container .corps-article h3 { margin: 36px 0 14px; }
body #page-container .corps-article ul, body #page-container .corps-article ol { margin: 16px 0 0; padding: 0 0 0 24px; line-height: 1.7; }
body #page-container .corps-article ul { list-style-type: disc; }
.corps-article li + li { margin-top: 8px; }
.corps-article li::marker { color: var(--c-corail-p); }
.corps-article strong { color: var(--c-prusse); }

/* tableau des pièces */
.fiche-tableau { margin: 20px 0 28px; padding: 18px 24px; border-radius: 22px; background: var(--c-ciel); }
.fiche-tableau table { width: 100%; border: 0; border-collapse: collapse; margin: 0; }
.fiche-tableau th, .fiche-tableau td { text-align: left; padding: 12px 0; border: 0; border-top: 1px solid var(--c-ciel-s); vertical-align: baseline; }
.fiche-tableau thead th { border-top: 0; font-size: 0.9375rem; color: var(--c-discret); font-weight: 400; }
.fiche-tableau tbody th { width: 38%; padding-right: 16px; color: var(--c-prusse); font-weight: 700; }
.fiche-tableau caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

/* étapes de l'opération */
body #page-container .corps-article ol.etapes-operation { list-style: none; padding: 0; margin: 22px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; counter-reset: op; }
.corps-article ol.etapes-operation li { counter-increment: op; margin: 0; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; padding: 18px; border-radius: 18px; background: var(--c-ciel); font-size: var(--fs-petit); line-height: 1.5; }
.corps-article ol.etapes-operation li::before { content: counter(op); display: grid; place-items: center; width: 44px; height: 44px; border-radius: 999px; background: var(--c-prusse); color: var(--c-blanc); font: 600 1.125rem/1 var(--f-titre); }

/* note de marge */
.avec-note { display: grid; grid-template-columns: minmax(0, 1fr) 190px; gap: 28px; align-items: start; margin-top: 16px; }
body #page-container .avec-note > p:first-child { max-width: 50ch; }
.avec-note + p { margin-top: 18px; }
.note { padding: 16px; border-radius: 18px; background: var(--c-corail-c); display: grid; gap: 4px; }
.note-chiffre { font: 600 1.5rem/1.1 var(--f-titre); color: var(--c-corail-p); }
.note-texte { font-size: 0.9375rem; line-height: 1.35; color: var(--c-encre); }

/* frise J0 à J5 */
.frise { margin: 28px 0; padding: 28px; border-radius: 22px; background: var(--c-blanc); box-shadow: var(--ombre); }
.frise + p { margin-top: 0; }
body #page-container .frise-titre { font: 600 1.25rem/1.25 var(--f-titre); color: var(--c-prusse); max-width: none; }
.frise-echelle, body #page-container .frise-lignes li { display: grid; grid-template-columns: minmax(0, 12rem) minmax(0, 1fr) minmax(0, 10rem); gap: 20px; align-items: center; }
.frise-echelle { margin-top: 18px; }
.frise-echelle span { grid-column: 2; grid-row: 1; justify-self: start; font-size: 0.875rem; font-weight: 700; color: var(--c-discret); }
.frise-echelle span:nth-child(2) { margin-left: 20%; transform: translateX(-50%); }
.frise-echelle span:nth-child(3) { margin-left: 40%; transform: translateX(-50%); }
.frise-echelle span:nth-child(4) { margin-left: 60%; transform: translateX(-50%); }
.frise-echelle span:nth-child(5) { margin-left: 80%; transform: translateX(-50%); }
.frise-echelle span:nth-child(6) { justify-self: end; }
body #page-container .corps-article ul.frise-lignes { margin: 8px 0 0; padding: 0; list-style: none; }
body #page-container .frise-lignes li { margin: 0; padding: 14px 0; border-top: 1px solid var(--c-filet); }
.frise-label { font-weight: 700; font-size: var(--fs-petit); color: var(--c-prusse); line-height: 1.35; }
.frise-valeur { font-size: var(--fs-petit); color: var(--c-encre); line-height: 1.35; }
.frise-repere .frise-label, .frise-repere .frise-valeur { color: var(--c-corail-p); }
.frise-piste { position: relative; height: 26px; background: linear-gradient(var(--c-filet), var(--c-filet)) center / 100% 2px no-repeat; }
.frise-pin { position: absolute; top: 50%; width: 20px; height: 20px; border-radius: 999px 999px 4px 4px; background: var(--c-prusse); transform: translate(-50%, -50%); }
.frise-repere .frise-pin { background: var(--c-corail-p); }
.frise-pin--j0 { left: 0; }
.frise-pin--j1 { left: 20%; }
.frise-pin--j3 { left: 60%; }
.frise-barre { position: absolute; top: 4px; bottom: 4px; left: 0; border-radius: 8px; background: var(--c-corail-p); }
.frise-barre--0-2 { width: 40%; }
.frise-barre--0-5 { width: 100%; background: linear-gradient(to right, var(--c-prusse) 0 60%, var(--c-ciel-s) 60% 100%); }
body #page-container .frise-legende { margin-top: 14px; font-size: 0.9375rem; color: var(--c-discret); max-width: none; }

/* encart rendez-vous dans l'article */
body #page-container .encart-titre { font: 600 1.375rem/1.25 var(--f-titre); color: var(--c-prusse); }

/* FAQ à pastilles (Accordion natif) */
.faq-pastilles.et_pb_accordion .et_pb_toggle { margin: 0 !important; padding: 0; border: 0; border-bottom: 1px solid var(--c-filet); background: transparent !important; }
.faq-pastilles.et_pb_accordion .et_pb_toggle:first-child { border-top: 1px solid var(--c-filet); }
body #page-container .faq-pastilles .et_pb_toggle_title {
	position: relative; padding: 20px 56px 20px 0; font: 500 1.1875rem/1.35 var(--f-titre); color: var(--c-prusse);
}
.faq-pastilles .et_pb_toggle_title:before {
	content: "+" !important; font-family: var(--f-titre) !important; right: 0 !important; top: 50% !important; margin-top: 0 !important; transform: translateY(-50%);
	display: grid !important; place-items: center; width: 36px; height: 36px; border-radius: 999px; background: var(--c-ciel); color: var(--c-prusse) !important; font-size: 1.25rem !important; font-weight: 600;
}
.faq-pastilles .et_pb_toggle_open .et_pb_toggle_title:before { content: "−" !important; background: var(--c-corail); display: grid !important; }
.faq-pastilles .et_pb_toggle_content { padding: 0 0 20px; max-width: 56ch; }

/* ------------------------------------------------------------------ responsive (Divi : tablette ≤ 980, téléphone ≤ 767) */
@media (max-width: 1100px) {
	.badge-debord--gauche { left: -16px; }
}
@media (max-width: 980px) {
	.figure-hero, .figure-portrait, .figure-schema { max-width: 460px; margin-left: auto !important; margin-right: auto !important; width: 100%; }
	.badge-debord--gauche { left: 0; }
	.badge-debord--droite, .badge-debord--bas { right: 0; }
	.parcours-ligne::before { display: none; }
	.et_pb_column.sommaire-col, .sommaire { position: static !important; }
	body #page-container { padding-bottom: 0; }
	.pied-site.et_pb_section { padding-bottom: 130px !important; }
}
@media (max-width: 767px) {
	body, body #page-container, body #page-container .et_pb_text, body #page-container .et_pb_tab_content, body #page-container .et_pb_toggle_content { font-size: 18px; }
	body #page-container .chiffre { font-size: 2.25rem; }
	.grille-2.et_pb_group, body #page-container .corps-article ol.etapes-operation { grid-template-columns: minmax(0, 1fr); }
	.avec-note { grid-template-columns: minmax(0, 1fr); }
	.frise { padding: 18px; }
	.frise-echelle { display: none; }
	body #page-container .frise-lignes li { grid-template-columns: minmax(0, 1fr); gap: 6px; }
	.pastille-num-wrap { flex-basis: 44px; }
	body #page-container .pastille-num { width: 44px; height: 44px; }
	.nav-pied .liens-pied { justify-content: flex-start; }
	.btn-pilule, .btn-pilule .et_pb_button { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}

/* ------------------------------------------------------------------ correctifs après rendu réel */
/* la boîte rendez-vous passe au-dessus du pied (contextes d'empilement Divi) */
.et-l--post > .et_builder_inner_content { z-index: 3; }
.et-l--header > .et_builder_inner_content { z-index: 20; }
#main-content, .et-l--post { background-color: transparent; }
/* menu : pas de fond propre, pas d'état actif coloré */
.nav-principale.et_pb_menu, .nav-principale .et_pb_menu_inner_container { background-color: transparent !important; }
.et-l--footer > .et_builder_inner_content { z-index: auto; }
body #page-container .nav-principale .et-menu > li > a,
body #page-container .nav-principale .et_mobile_menu a { color: var(--c-prusse); }
body #page-container .nav-principale .et-menu > li > a:hover { color: var(--c-corail-p); }
@media (max-width: 767px) {
	.hero-accueil .et_pb_button_module_wrapper, .intro-page .et_pb_button_module_wrapper, .boite-rdv .et_pb_button_module_wrapper { width: 100%; }
	body #page-container .hero-accueil .et_pb_button, body #page-container .intro-page .et_pb_button, body #page-container .boite-rdv .et_pb_button { display: block; width: 100% !important; text-align: center; }
	.nav-principale .et_pb_menu__logo img { max-height: 46px; }
}
@media (max-width: 980px) {
	body #page-container .et_pb_row > .et_pb_column.figure-hero, body #page-container .et_pb_row > .et_pb_column.figure-portrait, body #page-container .et_pb_row > .et_pb_column.figure-schema { max-width: 460px !important; margin-left: auto !important; margin-right: auto !important; align-self: center !important; }
}
body #page-container .barre-rdv .et_pb_button { text-align: center; }