{"id":43,"date":"2025-02-18T16:31:19","date_gmt":"2025-02-18T15:31:19","guid":{"rendered":"https:\/\/serveur-6-gentleview.fr\/?page_id=43"},"modified":"2026-09-17T12:39:10","modified_gmt":"2026-09-17T10:39:10","slug":"accueil","status":"publish","type":"page","link":"https:\/\/serveur-6-gentleview.fr\/","title":{"rendered":"Coa Flemming"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43\" class=\"elementor elementor-43\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1f5894 e-flex e-con-boxed e-con e-parent\" data-id=\"e1f5894\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cb2e575 e-con-full e-flex e-con e-child\" data-id=\"cb2e575\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-911c4c6 elementor-widget elementor-widget-heading\" data-id=\"911c4c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">CHIRURGIE ORTHOP\u00c9DIQUE &amp; TRAUMATOLOGIQUE<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad139e0 elementor-widget__width-inherit elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ad139e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Retrouver le mouvement.<br>\nRetrouver la confiance<span style=\"color: #098999\">.<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3ed319 elementor-widget__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d3ed319\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Retrouver le <br>mouvement.\nRetrouver <br>confiance<span style=\"color: #098999\">.<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5c8a44 elementor-widget__width-initial elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"f5c8a44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Des expertises sp\u00e9cialis\u00e9es pour vous accompagner \u00e0 chaque \u00e9tape de votre parcours.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85c7a94 elementor-widget__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"85c7a94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Des expertises sp\u00e9cialis\u00e9es pour vous accompagner \u00e0 chaque \u00e9tape de votre parcours.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acc9e09 e-con-full e-flex e-con e-child\" data-id=\"acc9e09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bb501b elementor-widget elementor-widget-button\" data-id=\"8bb501b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-calendar-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Prendre rendez-vous<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ca3e28 elementor-widget elementor-widget-button\" data-id=\"9ca3e28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-calendar-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Trouver mon sp\u00e9cialiste \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab62c3b e-con-full e-flex e-con e-child\" data-id=\"ab62c3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47f6ad5 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"47f6ad5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ========================================\n   ADRESSE CENTRE FLEMING\n======================================== *\/\n\n.fleming-address-card{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    padding:13px 16px;\n\n    background:rgba(255,255,255,.82);\n    border:1px solid rgba(23,58,86,.10);\n    border-radius:16px;\n\n    box-shadow:0 8px 30px rgba(23,58,86,.06);\n\n    backdrop-filter:blur(10px);\n    -webkit-backdrop-filter:blur(10px);\n\n    box-sizing:border-box;\n}\n\n\n\/* ==============================\n   PARTIE GAUCHE\n============================== *\/\n\n.fleming-address-left{\n    display:flex;\n    align-items:center;\n    gap:14px;\n}\n\n\n\/* ICONE *\/\n\n.fleming-address-icon{\n    width:46px;\n    height:46px;\n    min-width:46px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:12px;\n\n    background:#079AA7;\n    color:#fff;\n}\n\n.fleming-address-icon svg{\n    width:21px;\n    height:21px;\n}\n\n\n\/* TEXTE *\/\n\n.fleming-address-content{\n    display:flex;\n    flex-direction:column;\n}\n\n.fleming-address-label{\n    margin-bottom:3px;\n\n    color:#079AA7;\n\n    font-size:10px;\n    font-weight:700;\n    line-height:1.2;\n\n    text-transform:uppercase;\n    letter-spacing:1.1px;\n}\n\n.fleming-address-text{\n    color:#173A56;\n\n    font-size:14px;\n    font-weight:600;\n    line-height:1.4;\n}\n\n\n\/* ==============================\n   PARTIE DROITE\n============================== *\/\n\n.fleming-address-right{\n    align-self:stretch;\n\n    display:flex;\n    align-items:center;\n\n    margin-left:auto;\n}\n\n\n\/* TRAIT VERTICAL *\/\n\n.fleming-address-separator{\n    width:1px;\n    height:100%;\n\n    min-height:42px;\n\n    margin-right:24px;\n    margin-left:30px;\n\n    background:rgba(23,58,86,.15);\n}\n\n\n\/* LIEN ITINERAIRE *\/\n\n.fleming-address-link{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:9px;\n\n    color:#079AA7 !important;\n\n    font-size:13px;\n    font-weight:700;\n\n    text-decoration:none !important;\n    white-space:nowrap;\n\n    transition:.25s ease;\n}\n\n.fleming-address-link svg{\n    width:16px;\n    height:16px;\n\n    transition:transform .25s ease;\n}\n\n.fleming-address-link:hover{\n    color:#173A56 !important;\n}\n\n.fleming-address-link:hover svg{\n    transform:translateX(4px);\n}\n\n\n\/* ========================================\n   TABLETTE\n======================================== *\/\n\n@media(max-width:1024px){\n\n    .fleming-address-separator{\n        margin-left:20px;\n        margin-right:18px;\n    }\n\n}\n\n\n\/* ========================================\n   MOBILE\n======================================== *\/\n\n@media(max-width:767px){\n\n    .fleming-address-card{\n        padding:11px 12px;\n    }\n\n    .fleming-address-left{\n        gap:10px;\n    }\n\n    .fleming-address-icon{\n        width:40px;\n        height:40px;\n        min-width:40px;\n\n        border-radius:10px;\n    }\n\n    .fleming-address-icon svg{\n        width:18px;\n        height:18px;\n    }\n\n    .fleming-address-label{\n        font-size:9px;\n    }\n\n    .fleming-address-text{\n        font-size:12px;\n    }\n\n    .fleming-address-separator{\n        min-height:38px;\n\n        margin-left:12px;\n        margin-right:12px;\n    }\n\n    .fleming-address-link{\n        font-size:0;\n        gap:0;\n    }\n\n    .fleming-address-link svg{\n        width:19px;\n        height:19px;\n    }\n\n}\n<\/style>\n\n\n<div class=\"fleming-address-card\">\n\n    <!-- =========================\n         GAUCHE : ADRESSE\n    ========================== -->\n\n    <div class=\"fleming-address-left\">\n\n        <div class=\"fleming-address-icon\">\n\n            <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            >\n                <path\n                    d=\"M12 21C12 21 19 15.5 19 9.5C19 5.36 15.86 2 12 2C8.14 2 5 5.36 5 9.5C5 15.5 12 21 12 21Z\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                \/>\n\n                <circle\n                    cx=\"12\"\n                    cy=\"9\"\n                    r=\"2.5\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                \/>\n            <\/svg>\n\n        <\/div>\n\n\n        <div class=\"fleming-address-content\">\n\n            <span class=\"fleming-address-label\">\n                Adresse du centre\n            <\/span>\n\n            <span class=\"fleming-address-text\">\n                30 C Avenue Fleming<br>\n                38300 Bourgoin-Jallieu\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         DROITE : ITINERAIRE\n    ========================== -->\n\n    <div class=\"fleming-address-right\">\n\n        <div class=\"fleming-address-separator\"><\/div>\n\n        <a\n            class=\"fleming-address-link\"\n            href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=30+C+Avenue+Fleming+38300+Bourgoin-Jallieu\"\n            target=\"_blank\"\n            rel=\"noopener\"\n        >\n\n            Voir l\u2019itin\u00e9raire\n\n            <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            >\n                <path\n                    d=\"M5 12H19M19 12L13 6M19 12L13 18\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                \/>\n            <\/svg>\n\n        <\/a>\n\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc854dd e-flex e-con-boxed e-con e-parent\" data-id=\"dc854dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a08e23d elementor-widget elementor-widget-html\" data-id=\"a08e23d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   CENTRE FLEMING \u2014 SECTION EXPERTISE \/ HOLOGRAMME\n========================================================= *\/\n\n.fleming-expertise {\n  --blue: #173A56;\n  --dark: #102E46;\n  --turquoise: #098999;\n  --cyan: #63DCE5;\n  --white: #FFFFFF;\n  --light: #F4F7F8;\n  --sand: #E8D8C3;\n  --soft: #61717E;\n  --border: rgba(23,58,86,.12);\n\n  position: relative;\n  overflow: hidden;\n  padding: 110px 32px 120px;\n\n  font-family: \"Inter\", Arial, sans-serif;\n  color: var(--blue);\n\n\n}\n\n.fleming-expertise *,\n.fleming-expertise *::before,\n.fleming-expertise *::after {\n  box-sizing: border-box;\n}\n\n.fleming-expertise button,\n.fleming-expertise a {\n  font: inherit;\n}\n\n.fleming-expertise::before {\n  content: \"\";\n  position: absolute;\n  width: 440px;\n  height: 440px;\n  right: -120px;\n  top: -220px;\n  border-radius: 50%;\n  border: 1px solid rgba(9,137,153,.08);\n  pointer-events: none;\n}\n\n.fe-container {\n  position: relative;\n  z-index: 2;\n  width: min(100%, 1440px);\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.fe-header {\n  max-width: 760px;\n  margin-bottom: 58px;\n}\n\n.fe-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 20px;\n\n  color: var(--turquoise);\n\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.fe-eyebrow::before {\n  content: \"\";\n  width: 30px;\n  height: 2px;\n  border-radius: 50px;\n  background: var(--turquoise);\n}\n\n.fe-title {\n  max-width: 760px;\n  margin: 0 0 24px;\n\n  color: var(--blue);\n\n  font-size: clamp(44px,4vw,58px);\n  line-height: 1.04;\n  letter-spacing: -.045em;\n  font-weight: 700;\n}\n\n.fe-title span {\n  color: var(--turquoise);\n}\n\n.fe-intro {\n  max-width: 660px;\n  margin: 0;\n\n  color: var(--soft);\n\n  font-size: 18px;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   EXPERIENCE\n========================================================= *\/\n\n.fe-experience {\n  display: grid;\n  grid-template-columns: 260px minmax(380px,1fr) 440px;\n\n  min-height: 680px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--border);\n  border-radius: 34px;\n\n  background: rgba(255,255,255,.84);\n\n  box-shadow:\n    0 30px 80px rgba(23,58,86,.08),\n    0 3px 15px rgba(23,58,86,.04);\n}\n\n\n\/* =========================================================\n   NAVIGATION\n========================================================= *\/\n\n.fe-nav {\n  position: relative;\n  z-index: 5;\n\n  display: flex;\n  flex-direction: column;\n\n  padding: 42px 22px;\n\n  border-right: 1px solid var(--border);\n\n  background: rgba(244,247,248,.7);\n}\n\n.fe-nav-label {\n  padding: 0 16px 22px;\n\n  color: var(--soft);\n\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.fe-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n.fe-item button {\n  width: 100%;\n\n  display: grid;\n  grid-template-columns: 42px 1fr 24px;\n  align-items: center;\n  gap: 8px;\n\n  padding: 18px 16px;\n\n  border: 0;\n  border-radius: 14px;\n\n  background: transparent;\n\n  color: var(--blue);\n  text-align: left;\n\n  cursor: pointer;\n\n  transition:\n    background .25s ease,\n    transform .25s ease,\n    color .25s ease;\n}\n\n.fe-item button:hover {\n  background: rgba(9,137,153,.08);\n}\n\n.fe-item button.active {\n  color: #fff;\n  background: var(--blue);\n}\n\n.fe-number {\n  color: var(--turquoise);\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.fe-item button.active .fe-number {\n  color: #65DDE6;\n}\n\n.fe-name {\n  font-size: 14px;\n  line-height: 1.25;\n  font-weight: 600;\n}\n\n.fe-arrow {\n  opacity: .35;\n  transition: .25s ease;\n}\n\n.fe-item button:hover .fe-arrow,\n.fe-item button.active .fe-arrow {\n  opacity: 1;\n  transform: translateX(3px);\n}\n\n\n\/* =========================================================\n   HOLOGRAM AREA\n========================================================= *\/\n\n.fe-body {\n  position: relative;\n\n  min-height: 680px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      ellipse at center,\n      rgba(9,137,153,.10) 0%,\n      rgba(9,137,153,.035) 42%,\n      transparent 70%\n    ),\n    linear-gradient(\n      180deg,\n      #F9FCFC 0%,\n      #EEF6F7 100%\n    );\n}\n\n\n\/* FLEMING BACKGROUND TEXT *\/\n\n.fe-body::before {\n  content: \"FLEMING\";\n\n  position: absolute;\n  right: -168px;\n  top: 50%;\n\n  color: rgba(23,58,86,.028);\n\n  font-size: 145px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: -.06em;\n\n  transform: translateY(-50%) rotate(-90deg);\n\n  pointer-events: none;\n}\n\n\n\/* TECHNICAL RINGS *\/\n\n.fe-tech-ring {\n  position: absolute;\n\n  left: 50%;\n  top: 50%;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(9,137,153,.10);\n\n  transform: translate(-50%,-50%);\n\n  pointer-events: none;\n}\n\n.fe-tech-ring.ring-1 {\n  width: 430px;\n  height: 430px;\n}\n\n.fe-tech-ring.ring-2 {\n  width: 335px;\n  height: 335px;\n\n  border-style: dashed;\n\n  opacity: .65;\n\n  animation: feRotate 40s linear infinite;\n}\n\n.fe-tech-ring.ring-3 {\n  width: 240px;\n  height: 240px;\n\n  border-color: rgba(9,137,153,.14);\n}\n\n@keyframes feRotate {\n  from {\n    transform: translate(-50%,-50%) rotate(0deg);\n  }\n\n  to {\n    transform: translate(-50%,-50%) rotate(360deg);\n  }\n}\n\n\n\/* =========================================================\n   HOLOGRAM WRAPPER\n========================================================= *\/\n\n.fe-hologram {\n  position: relative;\n\n  width: 340px;\n  height: 610px;\n\n  z-index: 3;\n\n  isolation: isolate;\n}\n\n\n\/* BACK GLOW *\/\n\n.fe-holo-glow {\n  position: absolute;\n\n  z-index: -2;\n\n  left: 50%;\n  top: 50%;\n\n  width: 330px;\n  height: 550px;\n\n  transform: translate(-50%,-50%);\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      ellipse at center,\n      rgba(54,207,219,.20) 0%,\n      rgba(9,137,153,.09) 42%,\n      transparent 72%\n    );\n\n  filter: blur(18px);\n\n  pointer-events: none;\n}\n\n\n\/* TECH GRID *\/\n\n.fe-holo-grid {\n  position: absolute;\n\n  z-index: -1;\n\n  left: 50%;\n  bottom: 5px;\n\n  width: 330px;\n  height: 200px;\n\n  transform:\n    translateX(-50%)\n    perspective(450px)\n    rotateX(64deg);\n\n  transform-origin: bottom;\n\n  opacity: .30;\n\n  background-image:\n    linear-gradient(\n      rgba(9,137,153,.18) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(9,137,153,.18) 1px,\n      transparent 1px\n    );\n\n  background-size: 25px 25px;\n\n  -webkit-mask-image:\n    radial-gradient(\n      ellipse at center,\n      #000 15%,\n      transparent 70%\n    );\n\n  mask-image:\n    radial-gradient(\n      ellipse at center,\n      #000 15%,\n      transparent 70%\n    );\n\n  pointer-events: none;\n}\n\n\n\/* FLOOR *\/\n\n.fe-holo-floor {\n  position: absolute;\n\n  z-index: -1;\n\n  left: 50%;\n  bottom: -3px;\n\n  width: 190px;\n  height: 35px;\n\n  transform: translateX(-50%);\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      ellipse at center,\n      rgba(54,216,227,.28),\n      rgba(9,137,153,.08) 45%,\n      transparent 72%\n    );\n\n  filter: blur(5px);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   HUMAN SVG \u2014 VERSION MODERNE\n========================================================= *\/\n\n.fe-human-svg {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n  display: block;\n  filter:\n    drop-shadow(0 0 8px rgba(79,224,232,.20))\n    drop-shadow(0 18px 28px rgba(23,58,86,.08));\n  animation: feHoloFloat 5.5s ease-in-out infinite;\n}\n\n@keyframes feHoloFloat {\n  0%,100% { transform: translateY(0); }\n  50% { transform: translateY(-6px); }\n}\n\n.fe-body-surface {\n  fill: url(#feBodyGradient);\n  stroke: url(#feStrokeGradient);\n  stroke-width: 1.15;\n  vector-effect: non-scaling-stroke;\n}\n\n.fe-anatomy {\n  fill: none;\n  stroke: rgba(47,184,198,.30);\n  stroke-width: 1.05;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-dasharray: 4 7;\n  vector-effect: non-scaling-stroke;\n}\n\n.fe-anatomy-solid {\n  fill: none;\n  stroke: rgba(57,198,210,.42);\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.fe-spine {\n  fill: none;\n  stroke: rgba(71,214,224,.52);\n  stroke-width: 1.3;\n  stroke-linecap: round;\n  stroke-dasharray: 3 5;\n  vector-effect: non-scaling-stroke;\n}\n\n.fe-joint {\n  fill: rgba(109,239,244,.13);\n  stroke: rgba(72,210,222,.56);\n  stroke-width: 1;\n  vector-effect: non-scaling-stroke;\n}\n\n.fe-joint-core {\n  fill: rgba(102,228,236,.24);\n  stroke: rgba(219,255,255,.8);\n  stroke-width: .8;\n  vector-effect: non-scaling-stroke;\n}\n\n.fe-human-sheen {\n  opacity: .8;\n  mix-blend-mode: screen;\n  animation: feSheen 6.5s ease-in-out infinite;\n}\n\n@keyframes feSheen {\n  0%,100% { opacity: .30; transform: translateX(-8px); }\n  50% { opacity: .72; transform: translateX(8px); }\n}\n\n\n\/* =========================================================\n   SCANNER\n========================================================= *\/\n\n.fe-scan {\n  position: absolute;\n\n  z-index: 6;\n\n  left: 28px;\n  right: 28px;\n\n  top: 15%;\n\n  height: 2px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(115,221,229,.20) 15%,\n      rgba(115,240,245,.95) 50%,\n      rgba(115,221,229,.20) 85%,\n      transparent\n    );\n\n  box-shadow:\n    0 0 8px rgba(115,221,229,.55),\n    0 0 20px rgba(9,137,153,.22);\n\n  animation: feScan 4.5s ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n.fe-scan::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 12%;\n  right: 12%;\n  top: 0;\n\n  height: 30px;\n\n  transform: translateY(-50%);\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      rgba(84,221,231,.06),\n      transparent\n    );\n}\n\n@keyframes feScan {\n  0% {\n    top: 13%;\n    opacity: 0;\n  }\n\n  8% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: .9;\n  }\n\n  92% {\n    opacity: 1;\n  }\n\n  100% {\n    top: 91%;\n    opacity: 0;\n  }\n}\n\n\n\/* =========================================================\n   HOLOGRAM GLITCH LINES\n========================================================= *\/\n\n.fe-holo-lines {\n  position: absolute;\n\n  z-index: 5;\n\n  inset: 30px 55px;\n\n  opacity: .16;\n\n  background:\n    repeating-linear-gradient(\n      180deg,\n      transparent 0px,\n      transparent 7px,\n      rgba(81,220,230,.20) 8px,\n      transparent 9px\n    );\n\n  -webkit-mask-image:\n    linear-gradient(\n      90deg,\n      transparent,\n      #000 25%,\n      #000 75%,\n      transparent\n    );\n\n  mask-image:\n    linear-gradient(\n      90deg,\n      transparent,\n      #000 25%,\n      #000 75%,\n      transparent\n    );\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   HOTSPOTS\n========================================================= *\/\n\n.fe-hotspot {\n  position: absolute;\n\n  z-index: 12;\n\n  width: 46px;\n  height: 46px;\n\n  transform: translate(-50%,-50%);\n\n  border: 0;\n  border-radius: 50%;\n\n  background: transparent;\n\n  cursor: pointer;\n}\n\n.fe-hotspot::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 13px;\n\n  border-radius: 50%;\n\n  background: #55DCE5;\n\n  box-shadow:\n    0 0 0 5px rgba(85,220,229,.12),\n    0 0 17px rgba(9,137,153,.35);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    background .25s ease;\n}\n\n.fe-hotspot::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 3px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(70,215,225,.46);\n\n  opacity: 0;\n\n  transform: scale(.65);\n\n  transition:\n    opacity .25s ease,\n    transform .25s ease;\n}\n\n.fe-hotspot:hover::before,\n.fe-hotspot.active::before {\n  transform: scale(1.18);\n\n  background: #7BF3F5;\n\n  box-shadow:\n    0 0 0 7px rgba(85,220,229,.14),\n    0 0 0 15px rgba(9,137,153,.06),\n    0 0 28px rgba(9,137,153,.38);\n}\n\n.fe-hotspot.active::after {\n  opacity: 1;\n\n  transform: scale(1.3);\n\n  animation: fePulse 1.8s ease-out infinite;\n}\n\n@keyframes fePulse {\n  0% {\n    opacity: .8;\n    transform: scale(.8);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1.65);\n  }\n}\n\n\n\/* POSITIONS *\/\n\n.fe-hotspot.shoulder {\n  left: 35%;\n  top: 25.5%;\n}\n\n.fe-hotspot.wrist {\n  left: 19.5%;\n  top: 53.5%;\n}\n\n.fe-hotspot.hand {\n  left: 15.5%;\n  top: 55.8%;\n}\n\n.fe-hotspot.hip {\n  left: 42.5%;\n  top: 58.2%;\n}\n\n.fe-hotspot.knee {\n  left: 42%;\n  top: 71.8%;\n}\n\n.fe-hotspot.ankle {\n  left: 41.5%;\n  top: 91.6%;\n}\n\n.fe-hotspot.foot {\n  left: 31%;\n  top: 96.2%;\n}\n\n\n\/* =========================================================\n   FLOATING LABEL\n========================================================= *\/\n\n.fe-floating-label {\n  position: absolute;\n\n  z-index: 10;\n\n  left: calc(50% + 92px);\n  top: 72%;\n\n  min-width: 130px;\n\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  color: var(--turquoise);\n\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n\n  transition:\n    top .35s cubic-bezier(.2,.7,.2,1),\n    opacity .2s ease;\n}\n\n.fe-floating-label::before {\n  content: \"\";\n\n  width: 48px;\n  height: 1px;\n\n  background: rgba(9,137,153,.48);\n}\n\n\n\/* =========================================================\n   DETAIL PANEL\n========================================================= *\/\n\n.fe-detail {\n  position: relative;\n\n  overflow: hidden;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding: 56px 48px;\n\n  color: #FFFFFF;\n\n  background:\n    radial-gradient(\n      circle at 100% 0%,\n      rgba(76,215,225,.10),\n      transparent 32%\n    ),\n    var(--blue);\n}\n\n.fe-detail::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 290px;\n  height: 290px;\n\n  right: -130px;\n  top: -120px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(255,255,255,.08);\n}\n\n.fe-detail::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 190px;\n  height: 190px;\n\n  right: -90px;\n  top: -70px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(99,220,229,.10);\n}\n\n.fe-detail-content {\n  position: relative;\n  z-index: 2;\n\n  transition:\n    opacity .2s ease,\n    transform .2s ease;\n}\n\n.fe-detail-content.changing {\n  opacity: 0;\n  transform: translateY(8px);\n}\n\n.fe-detail-index {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  margin-bottom: 30px;\n\n  color: #63D6DF;\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.fe-detail-index::after {\n  content: \"\";\n\n  width: 45px;\n  height: 1px;\n\n  background: rgba(99,214,223,.65);\n}\n\n.fe-detail-title {\n  margin: 0 0 24px;\n\n  color: #FFFFFF;\n\n  font-size: clamp(36px,3.5vw,52px);\n  line-height: 1;\n  letter-spacing: -.04em;\n  font-weight: 700;\n}\n\n.fe-detail-description {\n  max-width: 350px;\n\n  margin: 0 0 35px;\n\n  color: rgba(255,255,255,.72);\n\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n\n\/* TAGS *\/\n\n.fe-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  margin-bottom: 40px;\n}\n\n.fe-tag {\n  padding: 8px 12px;\n\n  border: 1px solid rgba(255,255,255,.14);\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.05);\n\n  color: rgba(255,255,255,.76);\n\n  font-size: 12px;\n  font-weight: 500;\n}\n\n\n\/* =========================================================\n   SPECIALISTS\n========================================================= *\/\n\n.fe-specialists {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n\n  margin-bottom: 25px;\n  padding: 24px 0;\n\n  border-top: 1px solid rgba(255,255,255,.12);\n  border-bottom: 1px solid rgba(255,255,255,.12);\n}\n\n.fe-specialists-text strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #FFFFFF;\n\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.fe-specialists-text span {\n  color: rgba(255,255,255,.5);\n\n  font-size: 12px;\n}\n\n.fe-avatars {\n  display: flex;\n  padding-left: 12px;\n}\n\n.fe-avatar {\n  width: 38px;\n  height: 38px;\n\n  margin-left: -10px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 2px solid var(--blue);\n  border-radius: 50%;\n\n  background: var(--sand);\n\n  color: var(--blue);\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.fe-detail-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n\n  width: fit-content;\n\n  color: #FFFFFF;\n\n  font-size: 15px;\n  font-weight: 600;\n\n  text-decoration: none;\n\n  transition: color .25s ease;\n}\n\n.fe-detail-link-icon {\n  width: 38px;\n  height: 38px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: var(--turquoise);\n\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n.fe-detail-link:hover {\n  color: #75E5EE;\n}\n\n.fe-detail-link:hover .fe-detail-link-icon {\n  transform: translateX(5px);\n\n  background: #0AA0B2;\n}\n\n\n\/* =========================================================\n   1200 PX\n========================================================= *\/\n\n@media (max-width:1200px) {\n\n  .fleming-expertise {\n    padding: 95px 26px 105px;\n  }\n\n  .fe-title {\n    font-size: clamp(42px,4.2vw,52px);\n  }\n\n  .fe-experience {\n    grid-template-columns:\n      220px\n      minmax(320px,1fr)\n      380px;\n  }\n\n  .fe-detail {\n    padding: 48px 36px;\n  }\n\n  .fe-hologram {\n    width: 305px;\n    height: 550px;\n  }\n}\n\n\n\/* =========================================================\n   980 PX\n========================================================= *\/\n\n@media (max-width:980px) {\n\n  .fleming-expertise {\n    padding: 85px 22px 90px;\n  }\n\n  .fe-header {\n    max-width: 670px;\n    margin-bottom: 44px;\n  }\n\n  .fe-title {\n    max-width: 650px;\n\n    font-size: clamp(38px,5vw,48px);\n  }\n\n  .fe-intro {\n    font-size: 17px;\n  }\n\n  .fe-experience {\n    grid-template-columns:\n      200px\n      minmax(290px,1fr)\n      340px;\n  }\n\n  .fe-item button {\n    padding: 16px 12px;\n  }\n\n  .fe-detail {\n    padding: 42px 30px;\n  }\n\n  .fe-detail-title {\n    font-size: 40px;\n  }\n\n  .fe-hologram {\n    width: 285px;\n    height: 520px;\n  }\n\n  .fe-tech-ring.ring-1 {\n    width: 350px;\n    height: 350px;\n  }\n\n  .fe-tech-ring.ring-2 {\n    width: 280px;\n    height: 280px;\n  }\n}\n\n\n\/* =========================================================\n   <= 860 PX\n========================================================= *\/\n\n@media (max-width:860px) {\n\n  .fleming-expertise {\n    padding: 70px 18px 75px;\n  }\n\n  .fe-header {\n    max-width: 590px;\n    margin-bottom: 36px;\n  }\n\n  .fe-eyebrow {\n    margin-bottom: 16px;\n\n    font-size: 11px;\n  }\n\n  .fe-title {\n    max-width: 560px;\n\n    margin-bottom: 18px;\n\n    font-size: clamp(34px,7vw,42px);\n    line-height: 1.07;\n  }\n\n  .fe-intro {\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .fe-experience {\n    display: block;\n\n    min-height: 0;\n\n    overflow: hidden;\n\n    border-radius: 26px;\n  }\n\n\n  \/* NAV HORIZONTAL *\/\n\n  .fe-nav {\n    padding: 18px;\n\n    overflow-x: auto;\n\n    border-right: 0;\n    border-bottom: 1px solid var(--border);\n\n    scrollbar-width: none;\n  }\n\n  .fe-nav::-webkit-scrollbar {\n    display: none;\n  }\n\n  .fe-nav-label {\n    display: none;\n  }\n\n  .fe-list {\n    flex-direction: row;\n\n    width: max-content;\n  }\n\n  .fe-item button {\n    grid-template-columns: auto auto;\n\n    padding: 13px 16px;\n\n    border-radius: 999px;\n  }\n\n  .fe-arrow {\n    display: none;\n  }\n\n\n  \/* BODY *\/\n\n  .fe-body {\n    min-height: 540px;\n  }\n\n  .fe-hologram {\n    width: 290px;\n    height: 510px;\n  }\n\n  .fe-floating-label {\n    left: calc(50% + 55px);\n  }\n\n\n  \/* DETAIL *\/\n\n  .fe-detail {\n    min-height: 490px;\n\n    padding: 42px 28px;\n  }\n\n  .fe-detail-description {\n    max-width: 100%;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:600px) {\n\n  .fleming-expertise {\n    padding: 58px 14px 65px;\n  }\n\n  .fe-header {\n    margin-bottom: 30px;\n  }\n\n  .fe-eyebrow {\n    font-size: 10px;\n  }\n\n  .fe-eyebrow::before {\n    width: 22px;\n  }\n\n  .fe-title {\n    max-width: 100%;\n\n    margin-bottom: 16px;\n\n    font-size: 36px;\n    line-height: 1.07;\n  }\n\n  .fe-intro {\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .fe-body {\n    min-height: 490px;\n  }\n\n  .fe-hologram {\n    width: 255px;\n    height: 450px;\n  }\n\n  .fe-holo-glow {\n    width: 250px;\n    height: 410px;\n  }\n\n  .fe-holo-grid {\n    width: 250px;\n  }\n\n  .fe-floating-label {\n    display: none;\n  }\n\n  .fe-tech-ring.ring-1 {\n    width: 300px;\n    height: 300px;\n  }\n\n  .fe-tech-ring.ring-2 {\n    width: 235px;\n    height: 235px;\n  }\n\n  .fe-tech-ring.ring-3 {\n    width: 170px;\n    height: 170px;\n  }\n\n  .fe-detail {\n    min-height: 450px;\n\n    padding: 38px 22px;\n  }\n\n  .fe-detail-index {\n    margin-bottom: 22px;\n  }\n\n  .fe-detail-title {\n    margin-bottom: 18px;\n\n    font-size: 36px;\n  }\n\n  .fe-detail-description {\n    margin-bottom: 26px;\n\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .fe-tags {\n    margin-bottom: 30px;\n  }\n\n  .fe-specialists {\n    align-items: flex-start;\n    flex-direction: column;\n\n    padding: 20px 0;\n  }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:430px) {\n\n  .fleming-expertise {\n    padding-top: 50px;\n  }\n\n  .fe-title {\n    font-size: 32px;\n    line-height: 1.08;\n  }\n\n  .fe-intro {\n    font-size: 14px;\n  }\n\n  .fe-nav {\n    padding: 14px;\n  }\n\n  .fe-item button {\n    padding: 11px 14px;\n  }\n\n  .fe-name {\n    font-size: 13px;\n  }\n\n  .fe-body {\n    min-height: 450px;\n  }\n\n  .fe-hologram {\n    width: 235px;\n    height: 415px;\n  }\n\n  .fe-detail-title {\n    font-size: 33px;\n  }\n\n  .fe-detail {\n    padding: 34px 20px;\n  }\n}\n\n\n\/* REDUCED MOTION *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .fe-human-svg,\n  .fe-scan,\n  .fe-tech-ring.ring-2,\n  .fe-hotspot.active::after {\n    animation: none !important;\n  }\n\n}\n\n\/* 7 ZONES \u2014 optimisation de la navigation *\/\n@media (min-width:861px) {\n  .fe-nav {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n\n  .fe-item button {\n    padding-top: 14px;\n    padding-bottom: 14px;\n  }\n}\n\n<\/style>\n\n\n<section class=\"fleming-expertise\" id=\"expertises\">\n\n  <div class=\"fe-container\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <header class=\"fe-header\">\n\n      <div class=\"fe-eyebrow\">\n        Nos expertises\n      <\/div>\n\n      <h2 class=\"fe-title\">\n        Votre mouvement<br>\n        commence <span>ici.<\/span>\n      <\/h2>\n\n      <p class=\"fe-intro\">\n        Chaque articulation demande une expertise sp\u00e9cifique.\n        Identifiez la zone qui vous concerne et d\u00e9couvrez les\n        sp\u00e9cialistes du Centre Fleming.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         EXPERIENCE\n    ====================================================== -->\n\n    <div class=\"fe-experience\">\n\n\n      <!-- ===================================================\n           LEFT NAVIGATION\n      ==================================================== -->\n\n      <nav\n        class=\"fe-nav\"\n        aria-label=\"Choisir une articulation\"\n      >\n\n        <div class=\"fe-nav-label\">\n          S\u00e9lectionnez une zone\n        <\/div>\n\n        <ul class=\"fe-list\">\n\n          <li class=\"fe-item\">\n            <button type=\"button\" class=\"fe-trigger\" data-part=\"shoulder\">\n              <span class=\"fe-number\">01<\/span>\n              <span class=\"fe-name\">\u00c9paule<\/span>\n              <span class=\"fe-arrow\">\u2192<\/span>\n            <\/button>\n          <\/li>\n\n          <li class=\"fe-item\">\n            <button type=\"button\" class=\"fe-trigger\" data-part=\"wrist\">\n              <span class=\"fe-number\">02<\/span>\n              <span class=\"fe-name\">Poignet<\/span>\n              <span class=\"fe-arrow\">\u2192<\/span>\n            <\/button>\n          <\/li>\n\n          <li class=\"fe-item\">\n            <button type=\"button\" class=\"fe-trigger\" data-part=\"hand\">\n              <span class=\"fe-number\">03<\/span>\n              <span class=\"fe-name\">Main<\/span>\n              <span class=\"fe-arrow\">\u2192<\/span>\n            <\/button>\n          <\/li>\n\n          <li class=\"fe-item\">\n            <button type=\"button\" class=\"fe-trigger\" data-part=\"hip\">\n              <span class=\"fe-number\">04<\/span>\n              <span class=\"fe-name\">Hanche<\/span>\n              <span class=\"fe-arrow\">\u2192<\/span>\n            <\/button>\n          <\/li>\n\n          <li class=\"fe-item\">\n            <button type=\"button\" class=\"fe-trigger active\" data-part=\"knee\">\n              <span class=\"fe-number\">05<\/span>\n              <span class=\"fe-name\">Genou<\/span>\n              <span class=\"fe-arrow\">\u2192<\/span>\n            <\/button>\n          <\/li>\n\n          <li class=\"fe-item\">\n            <button type=\"button\" class=\"fe-trigger\" data-part=\"ankle\">\n              <span class=\"fe-number\">06<\/span>\n              <span class=\"fe-name\">Cheville<\/span>\n              <span class=\"fe-arrow\">\u2192<\/span>\n            <\/button>\n          <\/li>\n\n          <li class=\"fe-item\">\n            <button type=\"button\" class=\"fe-trigger\" data-part=\"foot\">\n              <span class=\"fe-number\">07<\/span>\n              <span class=\"fe-name\">Pied<\/span>\n              <span class=\"fe-arrow\">\u2192<\/span>\n            <\/button>\n          <\/li>\n\n        <\/ul>\n\n      <\/nav>\n\n\n      <!-- ===================================================\n           HOLOGRAM\n      ==================================================== -->\n\n      <div class=\"fe-body\">\n\n\n        <span class=\"fe-tech-ring ring-1\"><\/span>\n        <span class=\"fe-tech-ring ring-2\"><\/span>\n        <span class=\"fe-tech-ring ring-3\"><\/span>\n\n\n        <div class=\"fe-hologram\">\n\n\n          <div class=\"fe-holo-glow\"><\/div>\n          <div class=\"fe-holo-grid\"><\/div>\n          <div class=\"fe-holo-floor\"><\/div>\n          <div class=\"fe-holo-lines\"><\/div>\n\n          <div class=\"fe-scan\"><\/div>\n\n\n          <!-- ===============================================\n               HUMAN HOLOGRAM SVG\n          ================================================ -->\n\n          <svg\n            class=\"fe-human-svg\"\n            viewBox=\"0 0 340 610\"\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            aria-hidden=\"true\"\n          >\n\n            <defs>\n              <linearGradient id=\"feBodyGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n                <stop offset=\"0%\" stop-color=\"#E3FFFF\" stop-opacity=\".74\"\/>\n                <stop offset=\"34%\" stop-color=\"#A4F2F2\" stop-opacity=\".52\"\/>\n                <stop offset=\"68%\" stop-color=\"#55D4DE\" stop-opacity=\".30\"\/>\n                <stop offset=\"100%\" stop-color=\"#098999\" stop-opacity=\".15\"\/>\n              <\/linearGradient>\n\n              <linearGradient id=\"feStrokeGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stop-color=\"#E7FFFF\"\/>\n                <stop offset=\"48%\" stop-color=\"#67DEE6\"\/>\n                <stop offset=\"100%\" stop-color=\"#0C8C9B\"\/>\n              <\/linearGradient>\n\n              <linearGradient id=\"feSheenGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n                <stop offset=\"0%\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\/>\n                <stop offset=\"50%\" stop-color=\"#E9FFFF\" stop-opacity=\".58\"\/>\n                <stop offset=\"100%\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\/>\n              <\/linearGradient>\n\n              <clipPath id=\"feBodyClip\">\n                <ellipse cx=\"170\" cy=\"61\" rx=\"29\" ry=\"37\"\/>\n                <path d=\"M155 95 L151 122 Q170 132 189 122 L185 95 Z\"\/>\n                <path d=\"M151 118 C127 122 112 136 106 160 C102 184 107 226 111 260 C114 290 117 317 127 340 Q170 357 213 340 C223 317 226 290 229 260 C233 226 238 184 234 160 C228 136 213 122 189 118 Q170 129 151 118 Z\"\/>\n                <path d=\"M108 143 C90 148 82 161 78 181 L55 319 Q53 339 65 343 Q78 345 82 326 L119 184 Q123 159 108 143 Z\"\/>\n                <path d=\"M232 143 C250 148 258 161 262 181 L285 319 Q287 339 275 343 Q262 345 258 326 L221 184 Q217 159 232 143 Z\"\/>\n                <path d=\"M127 334 Q170 352 213 334 L216 379 Q202 397 170 399 Q138 397 124 379 Z\"\/>\n                <path d=\"M128 374 C116 402 116 438 120 470 L128 558 Q130 580 145 581 Q160 580 160 559 L168 397 Q147 393 128 374 Z\"\/>\n                <path d=\"M212 374 C224 402 224 438 220 470 L212 558 Q210 580 195 581 Q180 580 180 559 L172 397 Q193 393 212 374 Z\"\/>\n                <path d=\"M129 556 Q117 574 91 590 Q82 597 91 603 L141 603 Q157 600 148 578 Z\"\/>\n                <path d=\"M211 556 Q223 574 249 590 Q258 597 249 603 L199 603 Q183 600 192 578 Z\"\/>\n              <\/clipPath>\n            <\/defs>\n\n            <ellipse class=\"fe-body-surface\" cx=\"170\" cy=\"61\" rx=\"29\" ry=\"37\"\/>\n            <path class=\"fe-body-surface\" d=\"M155 95 L151 122 Q170 132 189 122 L185 95 Z\"\/>\n            <path class=\"fe-body-surface\" d=\"M151 118 C127 122 112 136 106 160 C102 184 107 226 111 260 C114 290 117 317 127 340 Q170 357 213 340 C223 317 226 290 229 260 C233 226 238 184 234 160 C228 136 213 122 189 118 Q170 129 151 118 Z\"\/>\n            <path class=\"fe-body-surface\" d=\"M108 143 C90 148 82 161 78 181 L55 319 Q53 339 65 343 Q78 345 82 326 L119 184 Q123 159 108 143 Z\"\/>\n            <path class=\"fe-body-surface\" d=\"M232 143 C250 148 258 161 262 181 L285 319 Q287 339 275 343 Q262 345 258 326 L221 184 Q217 159 232 143 Z\"\/>\n            <path class=\"fe-body-surface\" d=\"M127 334 Q170 352 213 334 L216 379 Q202 397 170 399 Q138 397 124 379 Z\"\/>\n            <path class=\"fe-body-surface\" d=\"M128 374 C116 402 116 438 120 470 L128 558 Q130 580 145 581 Q160 580 160 559 L168 397 Q147 393 128 374 Z\"\/>\n            <path class=\"fe-body-surface\" d=\"M212 374 C224 402 224 438 220 470 L212 558 Q210 580 195 581 Q180 580 180 559 L172 397 Q193 393 212 374 Z\"\/>\n            <path class=\"fe-body-surface\" d=\"M129 556 Q117 574 91 590 Q82 597 91 603 L141 603 Q157 600 148 578 Z\"\/>\n            <path class=\"fe-body-surface\" d=\"M211 556 Q223 574 249 590 Q258 597 249 603 L199 603 Q183 600 192 578 Z\"\/>\n\n            <g clip-path=\"url(#feBodyClip)\" class=\"fe-human-sheen\">\n              <rect x=\"145\" y=\"20\" width=\"52\" height=\"590\"\n                    fill=\"url(#feSheenGradient)\"\n                    transform=\"rotate(2 170 305)\"\/>\n            <\/g>\n\n            <path class=\"fe-spine\" d=\"M170 104 C168 143 171 178 170 213 C169 249 171 286 170 326 L170 392\"\/>\n            <path class=\"fe-anatomy-solid\" d=\"M116 156 Q143 171 170 169 Q197 171 224 156\"\/>\n            <path class=\"fe-anatomy\" d=\"M124 195 Q147 207 170 205 Q193 207 216 195\"\/>\n            <path class=\"fe-anatomy\" d=\"M121 232 Q145 244 170 242 Q195 244 219 232\"\/>\n            <path class=\"fe-anatomy\" d=\"M120 272 Q145 282 170 280 Q195 282 220 272\"\/>\n            <path class=\"fe-anatomy-solid\" d=\"M129 341 Q170 363 211 341\"\/>\n            <path class=\"fe-anatomy\" d=\"M145 393 C139 438 141 492 143 556\"\/>\n            <path class=\"fe-anatomy\" d=\"M195 393 C201 438 199 492 197 556\"\/>\n            <path class=\"fe-anatomy\" d=\"M102 164 C91 214 77 273 66 326\"\/>\n            <path class=\"fe-anatomy\" d=\"M238 164 C249 214 263 273 274 326\"\/>\n\n            <circle class=\"fe-joint\" cx=\"118\" cy=\"157\" r=\"13\"\/>\n            <circle class=\"fe-joint-core\" cx=\"118\" cy=\"157\" r=\"4\"\/>\n            <circle class=\"fe-joint\" cx=\"66\" cy=\"326\" r=\"11\"\/>\n            <circle class=\"fe-joint-core\" cx=\"66\" cy=\"326\" r=\"3.5\"\/>\n            <circle class=\"fe-joint\" cx=\"53\" cy=\"339\" r=\"8\"\/>\n            <circle class=\"fe-joint-core\" cx=\"53\" cy=\"339\" r=\"3\"\/>\n            <circle class=\"fe-joint\" cx=\"145\" cy=\"355\" r=\"13\"\/>\n            <circle class=\"fe-joint-core\" cx=\"145\" cy=\"355\" r=\"4\"\/>\n            <circle class=\"fe-joint\" cx=\"143\" cy=\"438\" r=\"13\"\/>\n            <circle class=\"fe-joint-core\" cx=\"143\" cy=\"438\" r=\"4\"\/>\n            <circle class=\"fe-joint\" cx=\"141\" cy=\"559\" r=\"11\"\/>\n            <circle class=\"fe-joint-core\" cx=\"141\" cy=\"559\" r=\"3.5\"\/>\n            <circle class=\"fe-joint\" cx=\"106\" cy=\"592\" r=\"8\"\/>\n            <circle class=\"fe-joint-core\" cx=\"106\" cy=\"592\" r=\"3\"\/>\n\n          <\/svg>\n\n\n          <!-- ===============================================\n               INTERACTIVE HOTSPOTS\n          ================================================ -->\n\n          <button\n            type=\"button\"\n            class=\"fe-hotspot shoulder\"\n            data-part=\"shoulder\"\n            aria-label=\"\u00c9paule\"\n          ><\/button>\n\n          <button\n            type=\"button\"\n            class=\"fe-hotspot wrist\"\n            data-part=\"wrist\"\n            aria-label=\"Poignet\"\n          ><\/button>\n\n          <button\n            type=\"button\"\n            class=\"fe-hotspot hand\"\n            data-part=\"hand\"\n            aria-label=\"Main\"\n          ><\/button>\n\n          <button\n            type=\"button\"\n            class=\"fe-hotspot hip\"\n            data-part=\"hip\"\n            aria-label=\"Hanche\"\n          ><\/button>\n\n          <button\n            type=\"button\"\n            class=\"fe-hotspot knee active\"\n            data-part=\"knee\"\n            aria-label=\"Genou\"\n          ><\/button>\n\n          <button\n            type=\"button\"\n            class=\"fe-hotspot ankle\"\n            data-part=\"ankle\"\n            aria-label=\"Cheville\"\n          ><\/button>\n\n          <button\n            type=\"button\"\n            class=\"fe-hotspot foot\"\n            data-part=\"foot\"\n            aria-label=\"Pied\"\n          ><\/button>\n\n          <\/div>\n\n\n        <!-- FLOATING LABEL -->\n\n        <div\n          class=\"fe-floating-label\"\n          id=\"feBodyLabel\"\n        >\n          Genou\n        <\/div>\n\n\n      <\/div>\n\n\n      <!-- ===================================================\n           DETAIL PANEL\n      ==================================================== -->\n\n      <aside class=\"fe-detail\">\n\n\n        <div\n          class=\"fe-detail-content\"\n          id=\"feDetailContent\"\n        >\n\n\n          <div class=\"fe-detail-index\">\n            <span id=\"feDetailNumber\">\n              05\n            <\/span>\n          <\/div>\n\n\n          <h3\n            class=\"fe-detail-title\"\n            id=\"feDetailTitle\"\n          >\n            Genou\n          <\/h3>\n\n\n          <p\n            class=\"fe-detail-description\"\n            id=\"feDetailDescription\"\n          >\n            Douleurs, arthrose, l\u00e9sions ligamentaires,\n            m\u00e9nisques et pathologies li\u00e9es \u00e0 la pratique\n            sportive.\n          <\/p>\n\n\n          <div\n            class=\"fe-tags\"\n            id=\"feDetailTags\"\n          >\n\n            <span class=\"fe-tag\">\n              Arthrose\n            <\/span>\n\n            <span class=\"fe-tag\">\n              Ligaments\n            <\/span>\n\n            <span class=\"fe-tag\">\n              M\u00e9nisques\n            <\/span>\n\n            <span class=\"fe-tag\">\n              Sport\n            <\/span>\n\n          <\/div>\n\n\n          <!-- SPECIALISTS -->\n\n          <div class=\"fe-specialists\">\n\n\n            <div class=\"fe-specialists-text\">\n\n              <strong id=\"feSpecialistCount\">\n                3 sp\u00e9cialistes\n              <\/strong>\n\n              <span>\n                d\u00e9di\u00e9s \u00e0 cette articulation\n              <\/span>\n\n            <\/div>\n\n\n            <div\n              class=\"fe-avatars\"\n              id=\"feAvatars\"\n            >\n\n              <div class=\"fe-avatar\">\n                RB\n              <\/div>\n\n              <div class=\"fe-avatar\">\n                AC\n              <\/div>\n\n              <div class=\"fe-avatar\">\n                LL\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <!-- CTA -->\n\n          <a\n            href=\"#genou\"\n            class=\"fe-detail-link\"\n            id=\"feDetailLink\"\n          >\n\n            D\u00e9couvrir l'expertise\n\n            <span class=\"fe-detail-link-icon\">\n              \u2192\n            <\/span>\n\n          <\/a>\n\n\n        <\/div>\n\n\n      <\/aside>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  \/* =======================================================\n     DATA\n  ======================================================= *\/\n\n  const expertiseData = {\n\n    shoulder: {\n      number: \"01\",\n      name: \"\u00c9paule\",\n      description:\n        \"Douleurs, instabilit\u00e9, l\u00e9sions des tendons, pathologies de la coiffe des rotateurs et arthrose de l\u2019\u00e9paule.\",\n      tags: [\n        \"Coiffe des rotateurs\",\n        \"Instabilit\u00e9\",\n        \"Arthrose\",\n        \"Tendons\"\n      ],\n      specialists: [\"SE\", \"DR\"],\n      link: \"#epaule\",\n      labelTop: \"25.5%\"\n    },\n\n    wrist: {\n      number: \"02\",\n      name: \"Poignet\",\n      description:\n        \"Prise en charge des douleurs, traumatismes, instabilit\u00e9s et pathologies tendineuses ou articulaires du poignet.\",\n      tags: [\n        \"Traumatologie\",\n        \"Tendons\",\n        \"Instabilit\u00e9\",\n        \"Arthrose\"\n      ],\n      specialists: [\"AA\", \"SE\"],\n      link: \"#poignet\",\n      labelTop: \"53.5%\"\n    },\n\n    hand: {\n      number: \"03\",\n      name: \"Main\",\n      description:\n        \"Diagnostic et traitement des pathologies de la main, notamment les atteintes nerveuses, tendineuses, traumatiques et d\u00e9g\u00e9n\u00e9ratives.\",\n      tags: [\n        \"Canal carpien\",\n        \"Tendons\",\n        \"Traumatologie\",\n        \"Arthrose\"\n      ],\n      specialists: [\"AA\", \"SE\"],\n      link: \"#main\",\n      labelTop: \"55.8%\"\n    },\n\n    hip: {\n      number: \"04\",\n      name: \"Hanche\",\n      description:\n        \"Diagnostic et traitement des douleurs de hanche, de l\u2019arthrose et des pathologies limitant la mobilit\u00e9 au quotidien.\",\n      tags: [\n        \"Arthrose\",\n        \"Proth\u00e8se\",\n        \"Douleurs\",\n        \"Mobilit\u00e9\"\n      ],\n      specialists: [\"RB\", \"AC\"],\n      link: \"#hanche\",\n      labelTop: \"58.2%\"\n    },\n\n    knee: {\n      number: \"05\",\n      name: \"Genou\",\n      description:\n        \"Douleurs, arthrose, l\u00e9sions ligamentaires, m\u00e9nisques et pathologies li\u00e9es \u00e0 la pratique sportive.\",\n      tags: [\n        \"Arthrose\",\n        \"Ligaments\",\n        \"M\u00e9nisques\",\n        \"Sport\"\n      ],\n      specialists: [\"RB\", \"AC\", \"LL\"],\n      link: \"#genou\",\n      labelTop: \"71.8%\"\n    },\n\n    ankle: {\n      number: \"06\",\n      name: \"Cheville\",\n      description:\n        \"Prise en charge des entorses, instabilit\u00e9s, traumatismes et pathologies articulaires de la cheville.\",\n      tags: [\n        \"Entorse\",\n        \"Instabilit\u00e9\",\n        \"Traumatologie\",\n        \"Arthrose\"\n      ],\n      specialists: [\"ML\"],\n      link: \"#cheville\",\n      labelTop: \"91.6%\"\n    },\n\n    foot: {\n      number: \"07\",\n      name: \"Pied\",\n      description:\n        \"Prise en charge sp\u00e9cialis\u00e9e des pathologies du pied afin de retrouver confort, appui et mobilit\u00e9 au quotidien.\",\n      tags: [\n        \"Avant-pied\",\n        \"Douleurs\",\n        \"D\u00e9formations\",\n        \"Traumatologie\"\n      ],\n      specialists: [\"ML\"],\n      link: \"#pied\",\n      labelTop: \"96.2%\"\n    }\n\n  };\n\n\n  \/* =======================================================\n     ELEMENTS\n  ======================================================= *\/\n\n  const section =\n    document.querySelector(\".fleming-expertise\");\n\n  if (!section) return;\n\n\n  const triggers =\n    section.querySelectorAll(\".fe-trigger\");\n\n  const hotspots =\n    section.querySelectorAll(\".fe-hotspot\");\n\n\n  const detailContent =\n    section.querySelector(\"#feDetailContent\");\n\n  const detailNumber =\n    section.querySelector(\"#feDetailNumber\");\n\n  const detailTitle =\n    section.querySelector(\"#feDetailTitle\");\n\n  const detailDescription =\n    section.querySelector(\"#feDetailDescription\");\n\n  const detailTags =\n    section.querySelector(\"#feDetailTags\");\n\n  const specialistCount =\n    section.querySelector(\"#feSpecialistCount\");\n\n  const avatars =\n    section.querySelector(\"#feAvatars\");\n\n  const detailLink =\n    section.querySelector(\"#feDetailLink\");\n\n  const bodyLabel =\n    section.querySelector(\"#feBodyLabel\");\n\n\n  \/* =======================================================\n     UPDATE\n  ======================================================= *\/\n\n  function updateExpertise(part) {\n\n    const data =\n      expertiseData[part];\n\n    if (!data) return;\n\n\n    \/* NAV *\/\n\n    triggers.forEach(function (trigger) {\n\n      trigger.classList.toggle(\n        \"active\",\n        trigger.dataset.part === part\n      );\n\n    });\n\n\n    \/* HOTSPOTS *\/\n\n    hotspots.forEach(function (hotspot) {\n\n      hotspot.classList.toggle(\n        \"active\",\n        hotspot.dataset.part === part\n      );\n\n    });\n\n\n    \/* TRANSITION *\/\n\n    detailContent.classList.add(\n      \"changing\"\n    );\n\n\n    window.setTimeout(function () {\n\n\n      detailNumber.textContent =\n        data.number;\n\n\n      detailTitle.textContent =\n        data.name;\n\n\n      detailDescription.textContent =\n        data.description;\n\n\n      detailLink.href =\n        data.link;\n\n\n      \/* TAGS *\/\n\n      detailTags.innerHTML =\n        data.tags\n          .map(function (tag) {\n\n            return (\n              '<span class=\"fe-tag\">' +\n              tag +\n              '<\/span>'\n            );\n\n          })\n          .join(\"\");\n\n\n      \/* SPECIALISTS *\/\n\n      const count =\n        data.specialists.length;\n\n\n      specialistCount.textContent =\n        count +\n        \" sp\u00e9cialiste\" +\n        (count > 1 ? \"s\" : \"\");\n\n\n      avatars.innerHTML =\n        data.specialists\n          .map(function (initials) {\n\n            return (\n              '<div class=\"fe-avatar\">' +\n              initials +\n              '<\/div>'\n            );\n\n          })\n          .join(\"\");\n\n\n      \/* BODY LABEL *\/\n\n      bodyLabel.textContent =\n        data.name;\n\n\n      bodyLabel.style.top =\n        data.labelTop;\n\n\n      detailContent.classList.remove(\n        \"changing\"\n      );\n\n\n    }, 180);\n\n  }\n\n\n  \/* =======================================================\n     NAV EVENTS\n  ======================================================= *\/\n\n  triggers.forEach(function (trigger) {\n\n\n    trigger.addEventListener(\n      \"click\",\n      function () {\n\n        updateExpertise(\n          trigger.dataset.part\n        );\n\n      }\n    );\n\n\n    trigger.addEventListener(\n      \"mouseenter\",\n      function () {\n\n        if (\n          window.matchMedia(\n            \"(hover:hover)\"\n          ).matches\n        ) {\n\n          updateExpertise(\n            trigger.dataset.part\n          );\n\n        }\n\n      }\n    );\n\n\n  });\n\n\n  \/* =======================================================\n     HOTSPOT EVENTS\n  ======================================================= *\/\n\n  hotspots.forEach(function (hotspot) {\n\n\n    hotspot.addEventListener(\n      \"click\",\n      function () {\n\n        updateExpertise(\n          hotspot.dataset.part\n        );\n\n      }\n    );\n\n\n    hotspot.addEventListener(\n      \"mouseenter\",\n      function () {\n\n        if (\n          window.matchMedia(\n            \"(hover:hover)\"\n          ).matches\n        ) {\n\n          updateExpertise(\n            hotspot.dataset.part\n          );\n\n        }\n\n      }\n    );\n\n\n  });\n\n\n  \/* DEFAULT *\/\n\n  updateExpertise(\"knee\");\n\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a0d8b3 e-flex e-con-boxed e-con e-parent\" data-id=\"9a0d8b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe36f86 elementor-widget elementor-widget-html\" data-id=\"fe36f86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n\n    :root {\n      --fleming-blue: #173A56;\n      --fleming-dark: #102E46;\n      --fleming-turquoise: #098999;\n\n      --fleming-white: #FFFFFF;\n      --fleming-light: #F4F7F8;\n      --fleming-sand: #E8D8C3;\n\n      --text-soft: #697A86;\n\n      --border:\n        rgba(23, 58, 86, 0.11);\n\n      --container: 1440px;\n\n      --radius-lg: 26px;\n    }\n\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n\n    body {\n      font-family: \"Inter\", sans-serif;\n\n      color: var(--fleming-blue);\n\n      background: #FFFFFF;\n    }\n\n\n    img {\n      display: block;\n      width: 100%;\n    }\n\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n\n    \/* ==================================================\n       SECTION\n    ================================================== *\/\n.signature-title{\n    font-size: 25px !important;\n}\n    .team-section {\n      position: relative;\n\n      overflow: hidden;\n\n      padding:\n        110px\n        32px\n        110px;\n\n\n    }\n\n\n    .team-container {\n      position: relative;\n      z-index: 2;\n\n      width:\n        min(\n          100%,\n          var(--container)\n        );\n\n      margin: 0 auto;\n    }\n\n\n    \/* ==================================================\n       HEADER\n    ================================================== *\/\n\n    .team-header {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 0.9fr)\n        minmax(320px, 0.7fr);\n\n      align-items: end;\n\n      gap: 70px;\n\n      margin-bottom: 58px;\n    }\n\n\n    .team-eyebrow {\n      display: inline-flex;\n\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color:\n        var(--fleming-turquoise);\n\n      font-size: 12px;\n      font-weight: 700;\n\n      letter-spacing: 0.12em;\n\n      text-transform: uppercase;\n    }\n\n\n    .team-eyebrow::before {\n      content: \"\";\n\n      width: 28px;\n      height: 2px;\n\n      border-radius: 100px;\n\n      background:\n        var(--fleming-turquoise);\n    }\n\n\n    .team-title {\n      max-width: 680px;\n\n      color:\n        var(--fleming-blue);\n\n      font-size:\n        clamp(\n          40px,\n          3.8vw,\n          56px\n        );\n\n      line-height: 1.04;\n\n      letter-spacing: -0.045em;\n\n      font-weight: 700;\n    }\n\n\n    .team-title span {\n      color:\n        var(--fleming-turquoise);\n    }\n\n\n    .team-intro {\n      max-width: 560px;\n\n      color:\n        var(--text-soft);\n\n      font-size: 17px;\n\n      line-height: 1.72;\n    }\n\n\n    \/* ==================================================\n       GRID\n    ================================================== *\/\n\n    .team-grid {\n      display: grid;\n\n      grid-template-columns:\n        1.12fr\n        0.88fr\n        0.88fr;\n\n      grid-template-rows:\n        330px\n        330px\n        330px;\n\n      gap: 18px;\n    }\n\n\n    \/*\n    Grande premi\u00e8re carte :\n    colonne 1 \/ lignes 1 + 2\n    *\/\n\n    .doctor-card-large {\n      grid-column: 1;\n      grid-row: 1 \/ 3;\n    }\n\n\n    \/*\n    Le bloc signature remplit\n    d\u00e9sormais TOUT l'espace restant\n    sur la troisi\u00e8me ligne.\n    *\/\n\n    .team-signature {\n      grid-column: 2 \/ 4;\n      grid-row: 3;\n    }\n\n\n    \/* ==================================================\n       DOCTOR CARD\n    ================================================== *\/\n\n    .doctor-card {\n      position: relative;\n\n      overflow: hidden;\n\n      min-height: 0;\n\n      border-radius:\n        var(--radius-lg);\n\n      border:\n        1px solid\n        var(--border);\n\n      background:\n        var(--fleming-light);\n    }\n\n\n    .doctor-image {\n      position: absolute;\n\n      inset: 0;\n\n      width: 100%;\n      height: 100%;\n\n      object-fit: cover;\n\n      object-position:\n        center top;\n\n      transition:\n        transform\n        0.65s\n        cubic-bezier(\n          .2,\n          .7,\n          .2,\n          1\n        );\n    }\n\n\n    .doctor-card:hover\n    .doctor-image {\n      transform:\n        scale(1.035);\n    }\n\n\n    \/* ==================================================\n       OVERLAY\n    ================================================== *\/\n\n    .doctor-card::before {\n      content: \"\";\n\n      position: absolute;\n\n      inset: 0;\n\n      z-index: 1;\n\n      background:\n\n        linear-gradient(\n          180deg,\n\n          transparent 35%,\n\n          rgba(\n            15,\n            43,\n            65,\n            0.05\n          ) 52%,\n\n          rgba(\n            15,\n            43,\n            65,\n            0.88\n          ) 100%\n        );\n\n      pointer-events: none;\n    }\n\n\n    .doctor-card-large::before {\n      background:\n\n        linear-gradient(\n          180deg,\n\n          transparent 42%,\n\n          rgba(\n            15,\n            43,\n            65,\n            0.04\n          ) 56%,\n\n          rgba(\n            15,\n            43,\n            65,\n            0.90\n          ) 100%\n        );\n    }\n\n\n    .doctor-card::after {\n      content: \"\";\n\n      position: absolute;\n\n      width: 150px;\n      height: 150px;\n\n      top: -75px;\n      right: -75px;\n\n      z-index: 2;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(\n          255,\n          255,\n          255,\n          0.18\n        );\n\n      pointer-events: none;\n    }\n\n\n    \/* ==================================================\n       NUMBER\n    ================================================== *\/\n\n    .doctor-number {\n      position: absolute;\n\n      top: 24px;\n      left: 24px;\n\n      z-index: 4;\n\n      width: 42px;\n      height: 42px;\n\n      display: flex;\n\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        rgba(\n          255,\n          255,\n          255,\n          0.92\n        );\n\n      backdrop-filter:\n        blur(10px);\n\n      color:\n        var(--fleming-blue);\n\n      font-size: 11px;\n\n      font-weight: 700;\n    }\n\n\n    \/* ==================================================\n       CARD TEXT\n    ================================================== *\/\n\n    .doctor-content {\n      position: absolute;\n\n      z-index: 4;\n\n      left: 0;\n      right: 0;\n      bottom: 0;\n\n      padding: 26px;\n    }\n\n\n    .doctor-card-large\n    .doctor-content {\n      padding: 38px;\n    }\n\n\n    .doctor-speciality {\n      display: flex;\n\n      align-items: center;\n\n      gap: 9px;\n\n      margin-bottom: 10px;\n\n      color: #73DDE5;\n\n      font-size: 11px;\n\n      line-height: 1.3;\n\n      font-weight: 700;\n\n      letter-spacing: 0.06em;\n\n      text-transform: uppercase;\n    }\n\n\n    .doctor-speciality::before {\n      content: \"\";\n\n      flex: 0 0 auto;\n\n      width: 20px;\n      height: 1px;\n\n      background:\n        currentColor;\n    }\n\n\n    .doctor-name {\n      padding-right: 45px;\n\n      color: #FFFFFF;\n\n      font-size: 21px;\n\n      line-height: 1.14;\n\n      letter-spacing: -0.028em;\n\n      font-weight: 600;\n    }\n\n\n    .doctor-card-large\n    .doctor-name {\n      font-size: 31px;\n    }\n\n\n    \/* ==================================================\n       DOCTOR ARROW\n    ================================================== *\/\n\n    .doctor-link {\n      position: absolute;\n\n      z-index: 5;\n\n      right: 24px;\n      bottom: 24px;\n\n      width: 42px;\n      height: 42px;\n\n      display: flex;\n\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        var(--fleming-turquoise);\n\n      color: #FFFFFF;\n\n      font-size: 16px;\n\n      opacity: 0;\n\n      transform:\n        translateY(8px);\n\n      transition:\n        opacity 0.25s ease,\n        transform 0.25s ease,\n        background 0.25s ease;\n    }\n\n\n    .doctor-card:hover\n    .doctor-link {\n      opacity: 1;\n\n      transform:\n        translateY(0);\n    }\n\n\n    .doctor-link:hover {\n      background: #0AA0B2;\n    }\n\n\n    .doctor-card-large\n    .doctor-link {\n      right: 38px;\n      bottom: 38px;\n\n      width: 48px;\n      height: 48px;\n    }\n\n\n    \/* ==================================================\n       SIGNATURE\n    ================================================== *\/\n\n    .team-signature {\n      position: relative;\n\n      overflow: hidden;\n\n      display: grid;\n\n      grid-template-columns:\n        minmax(280px, 1fr)\n        minmax(260px, 0.75fr);\n\n      align-items: stretch;\n\n      min-height: 330px;\n\n      border-radius:\n        var(--radius-lg);\n\n      background:\n        var(--fleming-blue);\n\n      color: #FFFFFF;\n    }\n\n\n    \/*\n    Cercles d\u00e9coratifs\n    *\/\n\n    .team-signature::before {\n      content: \"\";\n\n      position: absolute;\n\n      width: 360px;\n      height: 360px;\n\n      top: -220px;\n      right: -80px;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(\n          255,\n          255,\n          255,\n          0.10\n        );\n    }\n\n\n    .team-signature::after {\n      content: \"\";\n\n      position: absolute;\n\n      width: 190px;\n      height: 190px;\n\n      right: 100px;\n      bottom: -140px;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(\n          255,\n          255,\n          255,\n          0.07\n        );\n    }\n\n\n    \/* ==================================================\n       SIGNATURE LEFT\n    ================================================== *\/\n\n    .signature-main {\n      position: relative;\n\n      z-index: 2;\n\n      display: flex;\n\n      flex-direction: column;\n\n      justify-content: space-between;\n\n      padding:\n        42px\n        46px;\n    }\n\n\n    .signature-index {\n      display: inline-block;\n\n      margin-bottom: 32px;\n\n      color: #73DDE5;\n\n      font-size: 12px;\n\n      font-weight: 700;\n\n      letter-spacing: 0.10em;\n    }\n\n\n    .signature-title {\n      max-width: 520px;\n\n      font-size: 21px;\n\n      line-height: 1.08;\n\n      letter-spacing: -0.038em;\n\n      font-weight: 600;\n              color: white !important;\n\n    }\n\n\n    \/* ==================================================\n       SIGNATURE RIGHT\n    ================================================== *\/\n\n    .signature-side {\n      position: relative;\n\n      z-index: 2;\n\n      display: flex;\n\n      flex-direction: column;\n\n      justify-content: flex-end;\n\n      padding:\n        42px\n        42px;\n\n      border-left:\n        1px solid\n        rgba(\n          255,\n          255,\n          255,\n          0.10\n        );\n\n      background:\n        rgba(\n          255,\n          255,\n          255,\n          0.025\n        );\n    }\n\n\n    .signature-side-label {\n      margin-bottom: 20px;\n\n      color:\n        rgba(\n          255,\n          255,\n          255,\n          0.44\n        );\n\n      font-size: 10px;\n\n      font-weight: 700;\n\n      letter-spacing: 0.12em;\n\n      text-transform: uppercase;\n    }\n\n\n    .signature-side p {\n      max-width: 330px;\n\n      margin-bottom: 30px;\n\n      color:\n        rgba(\n          255,\n          255,\n          255,\n          0.68\n        );\n\n      font-size: 14px;\n\n      line-height: 1.65;\n    }\n\n\n    .signature-link {\n      display: inline-flex;\n\n      align-items: center;\n\n      gap: 12px;\n\n      width: fit-content;\n\n      color: #FFFFFF;\n\n      font-size: 14px;\n\n      font-weight: 600;\n    }\n\n\n    .signature-link-icon {\n      width: 40px;\n      height: 40px;\n\n      display: flex;\n\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        var(--fleming-turquoise);\n\n      transition:\n        transform 0.25s ease,\n        background 0.25s ease;\n    }\n\n\n    .signature-link:hover\n    .signature-link-icon {\n      transform:\n        translateX(4px);\n\n      background: #0AA0B2;\n    }\n\n\n    \/* ==================================================\n       FOOT\n    ================================================== *\/\n\n    .team-footer {\n      display: flex;\n\n      align-items: center;\n\n      justify-content:\n        space-between;\n\n      gap: 40px;\n\n      margin-top: 42px;\n\n      padding-top: 32px;\n\n      border-top:\n        1px solid\n        var(--border);\n    }\n\n\n    .team-footer-copy {\n      max-width: 620px;\n\n      color:\n        var(--text-soft);\n\n      font-size: 14px;\n\n      line-height: 1.65;\n    }\n\n\n    .team-cta {\n      flex: 0 0 auto;\n\n      display: inline-flex;\n\n      align-items: center;\n\n      gap: 14px;\n\n      padding:\n        7px\n        7px\n        7px\n        22px;\n\n      border-radius: 999px;\n\n      border:\n        1px solid\n        rgba(\n          9,\n          137,\n          153,\n          0.25\n        );\n\n      background: #FFFFFF;\n\n      color:\n        var(--fleming-blue);\n\n      font-size: 14px;\n\n      font-weight: 600;\n\n      transition:\n        color 0.25s ease,\n        border-color 0.25s ease,\n        transform 0.25s ease;\n    }\n\n\n    .team-cta-icon {\n      width: 40px;\n      height: 40px;\n\n      display: flex;\n\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        var(--fleming-turquoise);\n\n      color: #FFFFFF;\n\n      transition:\n        transform 0.25s ease;\n    }\n\n\n    .team-cta:hover {\n      color:\n        var(--fleming-turquoise);\n\n      border-color:\n        rgba(\n          9,\n          137,\n          153,\n          0.5\n        );\n\n      transform:\n        translateY(-2px);\n    }\n\n\n    .team-cta:hover\n    .team-cta-icon {\n      transform:\n        translateX(3px);\n    }\n\n\n    \/* ==================================================\n       DESKTOP SMALL\n    ================================================== *\/\n\n    @media\n    (max-width: 1180px) {\n\n      .team-section {\n        padding:\n          90px\n          25px;\n      }\n\n\n      .team-header {\n        gap: 45px;\n      }\n\n\n      .team-title {\n        font-size:\n          clamp(\n            38px,\n            4vw,\n            50px\n          );\n      }\n\n\n      .team-grid {\n        grid-template-rows:\n          310px\n          310px\n          310px;\n      }\n\n\n      .signature-title {\n        font-size: 27px;\n      }\n\n\n      .signature-main {\n        padding:\n          36px;\n      }\n\n\n      .signature-side {\n        padding:\n          36px;\n      }\n\n    }\n\n\n    \/* ==================================================\n       TABLET\n    ================================================== *\/\n\n    @media\n    (max-width: 900px) {\n\n      .team-section {\n        padding:\n          75px\n          20px;\n      }\n\n\n      .team-header {\n        display: block;\n\n        margin-bottom: 42px;\n      }\n\n\n      .team-title {\n        max-width: 620px;\n\n        margin-bottom: 22px;\n\n        font-size: 42px;\n      }\n\n\n      .team-intro {\n        max-width: 650px;\n\n        font-size: 16px;\n      }\n\n\n      \/*\n      Passage en 2 colonnes\n      *\/\n\n      .team-grid {\n        grid-template-columns:\n          repeat(\n            2,\n            minmax(0, 1fr)\n          );\n\n        grid-template-rows:\n          460px\n          310px\n          310px\n          auto;\n\n        gap: 16px;\n      }\n\n\n      \/*\n      Grande carte pleine largeur\n      *\/\n\n      .doctor-card-large {\n        grid-column: 1 \/ 3;\n        grid-row: 1;\n      }\n\n\n      \/*\n      On r\u00e9initialise le bloc signature\n      pour tablette\n      *\/\n\n      .team-signature {\n        grid-column: 1 \/ 3;\n        grid-row: auto;\n\n        min-height: 300px;\n      }\n\n\n      .doctor-card-large\n      .doctor-image {\n        object-position:\n          center 20%;\n      }\n\n\n      .team-footer {\n        align-items: flex-start;\n\n        flex-direction: column;\n      }\n\n    }\n\n\n    \/* ==================================================\n       MOBILE\n    ================================================== *\/\n\n    @media\n    (max-width: 600px) {\n\n      .team-section {\n        padding:\n          58px\n          14px;\n      }\n\n\n      .team-header {\n        margin-bottom: 32px;\n      }\n\n\n      .team-eyebrow {\n        margin-bottom: 14px;\n\n        font-size: 10px;\n      }\n\n\n      .team-eyebrow::before {\n        width: 22px;\n      }\n\n\n      .team-title {\n        margin-bottom: 18px;\n\n        font-size: 35px;\n\n        line-height: 1.07;\n      }\n\n\n      .team-intro {\n        font-size: 15px;\n\n        line-height: 1.65;\n      }\n\n\n      \/*\n      Une seule colonne\n      *\/\n\n      .team-grid {\n        display: grid;\n\n        grid-template-columns:\n          1fr;\n\n        grid-template-rows:\n          none;\n\n        gap: 14px;\n      }\n\n\n      .doctor-card,\n      .doctor-card-large {\n        grid-column: auto;\n        grid-row: auto;\n\n        min-height: 410px;\n\n        border-radius: 22px;\n      }\n\n\n      .doctor-card-large {\n        min-height: 460px;\n      }\n\n\n      .doctor-content,\n      .doctor-card-large\n      .doctor-content {\n        padding: 24px;\n      }\n\n\n      .doctor-name,\n      .doctor-card-large\n      .doctor-name {\n        font-size: 22px;\n      }\n\n\n      .doctor-number {\n        top: 18px;\n        left: 18px;\n\n        width: 36px;\n        height: 36px;\n      }\n\n\n      .doctor-link,\n      .doctor-card-large\n      .doctor-link {\n        right: 20px;\n        bottom: 20px;\n\n        width: 42px;\n        height: 42px;\n\n        opacity: 1;\n\n        transform: none;\n      }\n\n\n      \/*\n      Signature verticale sur mobile\n      *\/\n\n      .team-signature {\n        grid-column: auto;\n        grid-row: auto;\n\n        display: block;\n\n        min-height: 0;\n\n        border-radius: 22px;\n      }\n\n\n      .signature-main {\n        padding:\n          30px\n          25px;\n      }\n\n\n      .signature-index {\n        margin-bottom: 25px;\n      }\n\n\n      .signature-title {\n        max-width: 100%;\n\n        font-size: 25px;\n      }\n\n\n      .signature-side {\n        padding:\n          28px\n          25px;\n\n        border-left: 0;\n\n        border-top:\n          1px solid\n          rgba(\n            255,\n            255,\n            255,\n            0.10\n          );\n      }\n\n\n      .signature-side p {\n        max-width: 100%;\n      }\n\n\n      .team-footer {\n        margin-top: 30px;\n\n        padding-top: 26px;\n      }\n\n\n      .team-cta {\n        width: 100%;\n\n        justify-content:\n          space-between;\n      }\n\n    }\n\n\n    \/* ==================================================\n       SMALL MOBILE\n    ================================================== *\/\n\n    @media\n    (max-width: 430px) {\n\n      .team-title {\n        font-size: 32px;\n      }\n\n\n      .team-intro {\n        font-size: 14px;\n      }\n\n\n      .doctor-card {\n        min-height: 385px;\n      }\n\n\n      .doctor-card-large {\n        min-height: 430px;\n      }\n\n\n      .doctor-name,\n      .doctor-card-large\n      .doctor-name {\n        font-size: 20px;\n      }\n\n\n      .doctor-speciality {\n        max-width: 225px;\n\n        font-size: 10px;\n      }\n\n    }\n\n  <\/style>\n<\/head>\n\n\n<body>\n\n\n<section\n  class=\"team-section\"\n  id=\"equipe\"\n>\n\n  <div class=\"team-container\">\n\n\n    <!-- =========================================\n         HEADER\n    ========================================== -->\n\n    <header class=\"team-header\">\n\n      <div>\n\n        <div class=\"team-eyebrow\">\n\n          Une \u00e9quipe hyper-sp\u00e9cialis\u00e9e\n\n        <\/div>\n\n\n        <h2 class=\"team-title\">\n\n          La bonne expertise,<br>\n\n          <span>\n            au bon moment.\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"team-intro\">\n\n        Au Centre Ost\u00e9o-Articulaire Fleming,\n        chaque chirurgien d\u00e9veloppe une expertise\n        d\u00e9di\u00e9e \u00e0 une ou plusieurs articulations afin\n        de proposer une prise en charge pr\u00e9cise et\n        adapt\u00e9e \u00e0 chaque patient.\n\n      <\/p>\n\n    <\/header>\n\n\n\n    <!-- =========================================\n         GRID\n    ========================================== -->\n\n    <div class=\"team-grid\">\n\n\n      <!-- =========================================\n           01 AGATHE\n      ========================================== -->\n\n      <article\n        class=\"\n          doctor-card\n          doctor-card-large\n        \"\n      >\n\n        <img decoding=\"async\"\n          class=\"doctor-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1559839734-2b71ea197ec2?auto=format&fit=crop&w=1200&q=85\"\n          alt=\"Dr Agathe Alvernhe\"\n        >\n\n\n        <div class=\"doctor-number\">\n\n          01\n\n        <\/div>\n\n\n        <div class=\"doctor-content\">\n\n          <div class=\"doctor-speciality\">\n\n            Main &amp; poignet\n\n          <\/div>\n\n\n          <h3 class=\"doctor-name\">\n\n            Dr Agathe Alvernhe\n\n          <\/h3>\n\n        <\/div>\n\n\n        <a\n          href=\"#\"\n          class=\"doctor-link\"\n          aria-label=\"D\u00e9couvrir le Dr Agathe Alvernhe\"\n        >\n\n          \u2192\n\n        <\/a>\n\n      <\/article>\n\n\n\n      <!-- =========================================\n           02 ROGER\n      ========================================== -->\n\n      <article class=\"doctor-card\">\n\n        <img decoding=\"async\"\n          class=\"doctor-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1612349317150-e413f6a5b16d?auto=format&fit=crop&w=900&q=85\"\n          alt=\"Dr Roger Badet\"\n        >\n\n\n        <div class=\"doctor-number\">\n\n          02\n\n        <\/div>\n\n\n        <div class=\"doctor-content\">\n\n          <div class=\"doctor-speciality\">\n\n            Hanche &amp; genou\n\n          <\/div>\n\n\n          <h3 class=\"doctor-name\">\n\n            Dr Roger Badet\n\n          <\/h3>\n\n        <\/div>\n\n\n        <a\n          href=\"#\"\n          class=\"doctor-link\"\n          aria-label=\"D\u00e9couvrir le Dr Roger Badet\"\n        >\n\n          \u2192\n\n        <\/a>\n\n      <\/article>\n\n\n\n      <!-- =========================================\n           03 ANTOINE\n      ========================================== -->\n\n      <article class=\"doctor-card\">\n\n        <img decoding=\"async\"\n          class=\"doctor-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1537368910025-700350fe46c7?auto=format&fit=crop&w=900&q=85\"\n          alt=\"Dr Antoine Combes\"\n        >\n\n\n        <div class=\"doctor-number\">\n\n          03\n\n        <\/div>\n\n\n        <div class=\"doctor-content\">\n\n          <div class=\"doctor-speciality\">\n\n            Hanche &amp; genou\n\n          <\/div>\n\n\n          <h3 class=\"doctor-name\">\n\n            Dr Antoine Combes\n\n          <\/h3>\n\n        <\/div>\n\n\n        <a\n          href=\"#\"\n          class=\"doctor-link\"\n          aria-label=\"D\u00e9couvrir le Dr Antoine Combes\"\n        >\n\n          \u2192\n\n        <\/a>\n\n      <\/article>\n\n\n\n      <!-- =========================================\n           04 S\u00c9BASTIEN\n      ========================================== -->\n\n      <article class=\"doctor-card\">\n\n        <img decoding=\"async\"\n          class=\"doctor-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1622253692010-333f2da6031d?auto=format&fit=crop&w=900&q=85\"\n          alt=\"Dr S\u00e9bastien El-Sa\u00efr\"\n        >\n\n\n        <div class=\"doctor-number\">\n\n          04\n\n        <\/div>\n\n\n        <div class=\"doctor-content\">\n\n          <div class=\"doctor-speciality\">\n\n            \u00c9paule \u00b7 coude \u00b7 main\n\n          <\/div>\n\n\n          <h3 class=\"doctor-name\">\n\n            Dr S\u00e9bastien El-Sa\u00efr\n\n          <\/h3>\n\n        <\/div>\n\n\n        <a\n          href=\"#\"\n          class=\"doctor-link\"\n          aria-label=\"D\u00e9couvrir le Dr S\u00e9bastien El-Sa\u00efr\"\n        >\n\n          \u2192\n\n        <\/a>\n\n      <\/article>\n\n\n\n      <!-- =========================================\n           05 LO\u00cfC\n      ========================================== -->\n\n      <article class=\"doctor-card\">\n\n        <img decoding=\"async\"\n          class=\"doctor-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1584982751601-97dcc096659c?auto=format&fit=crop&w=900&q=85\"\n          alt=\"Dr Lo\u00efc Laurendon\"\n        >\n\n\n        <div class=\"doctor-number\">\n\n          05\n\n        <\/div>\n\n\n        <div class=\"doctor-content\">\n\n          <div class=\"doctor-speciality\">\n\n            Genou du sportif\n\n          <\/div>\n\n\n          <h3 class=\"doctor-name\">\n\n            Dr Lo\u00efc Laurendon\n\n          <\/h3>\n\n        <\/div>\n\n\n        <a\n          href=\"#\"\n          class=\"doctor-link\"\n          aria-label=\"D\u00e9couvrir le Dr Lo\u00efc Laurendon\"\n        >\n\n          \u2192\n\n        <\/a>\n\n      <\/article>\n\n\n\n      <!-- =========================================\n           06 MARIE-CAROLINE\n      ========================================== -->\n\n      <article class=\"doctor-card\">\n\n        <img decoding=\"async\"\n          class=\"doctor-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1594824476967-48c8b964273f?auto=format&fit=crop&w=900&q=85\"\n          alt=\"Dr Marie-Caroline Lomberget\"\n        >\n\n\n        <div class=\"doctor-number\">\n\n          06\n\n        <\/div>\n\n\n        <div class=\"doctor-content\">\n\n          <div class=\"doctor-speciality\">\n\n            Pied &amp; cheville\n\n          <\/div>\n\n\n          <h3 class=\"doctor-name\">\n\n            Dr Marie-Caroline Lomberget\n\n          <\/h3>\n\n        <\/div>\n\n\n        <a\n          href=\"#\"\n          class=\"doctor-link\"\n          aria-label=\"D\u00e9couvrir le Dr Marie-Caroline Lomberget\"\n        >\n\n          \u2192\n\n        <\/a>\n\n      <\/article>\n\n\n\n      <!-- =========================================\n           SIGNATURE \/ COLONNES 2 + 3\n      ========================================== -->\n\n      <aside class=\"team-signature\">\n\n\n        <div class=\"signature-main\">\n\n          <div>\n\n            <span class=\"signature-index\">\n\n              01 \u2014 06\n\n            <\/span>\n\n\n            <h3 class=\"signature-title\">\n\n              Des expertises\n              compl\u00e9mentaires.<br>\n\n              Une m\u00eame exigence\n              de prise en charge.\n\n            <\/h3>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"signature-side\">\n\n          <span class=\"signature-side-label\">\n\n            Notre approche\n\n          <\/span>\n\n\n          <p>\n\n            Chaque patient est orient\u00e9 vers\n            le sp\u00e9cialiste correspondant\n            pr\u00e9cis\u00e9ment \u00e0 sa pathologie\n            et \u00e0 ses besoins.\n\n          <\/p>\n\n\n          <a\n            href=\"#toute-equipe\"\n            class=\"signature-link\"\n          >\n\n            Voir l'\u00e9quipe\n\n            <span\n              class=\"signature-link-icon\"\n            >\n\n              \u2192\n\n            <\/span>\n\n          <\/a>\n\n        <\/div>\n\n\n      <\/aside>\n\n\n    <\/div>\n\n\n\n    <!-- =========================================\n         BOTTOM CTA\n    ========================================== -->\n\n    <div class=\"team-footer\">\n\n\n      <p class=\"team-footer-copy\">\n\n        Notre organisation par sp\u00e9cialit\u00e9 permet\n        d'associer chaque articulation \u00e0 une expertise\n        d\u00e9di\u00e9e et de proposer un parcours adapt\u00e9\n        aux besoins de chaque patient.\n\n      <\/p>\n\n\n      <a\n        href=\"#toute-equipe\"\n        class=\"team-cta\"\n      >\n\n        D\u00e9couvrir toute l'\u00e9quipe\n\n        <span class=\"team-cta-icon\">\n\n          \u2192\n\n        <\/span>\n\n      <\/a>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9512e07 e-flex e-con-boxed e-con e-parent\" data-id=\"9512e07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3426630 elementor-widget elementor-widget-html\" data-id=\"3426630\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n    :root {\n      --fleming-blue: #173A56;\n      --fleming-dark: #102E46;\n      --fleming-turquoise: #098999;\n      --fleming-white: #FFFFFF;\n      --fleming-light: #F4F7F8;\n      --fleming-sand: #E8D8C3;\n      --text-soft: #6A7C87;\n      --border: rgba(23, 58, 86, 0.10);\n      --container: 1440px;\n      --radius-lg: 28px;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: \"Inter\", sans-serif;\n      background: #FFFFFF;\n      color: var(--fleming-blue);\n    }\n\n    img {\n      display: block;\n      width: 100%;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    \/* ==================================================\n       SECTION\n    ================================================== *\/\n\n    .movement-section {\n      position: relative;\n      overflow: hidden;\n\n      padding: 115px 32px 120px;\n\n\n    }\n\n    .movement-section::before {\n      content: \"\";\n      position: absolute;\n      width: 520px;\n      height: 520px;\n      border-radius: 50%;\n      border: 1px solid rgba(9, 137, 153, 0.08);\n      right: -280px;\n      top: 80px;\n      pointer-events: none;\n    }\n\n    .movement-container {\n      width: min(100%, var(--container));\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* ==================================================\n       HEADER\n    ================================================== *\/\n\n    .movement-header {\n      display: grid;\n      grid-template-columns:\n        minmax(0, 0.9fr)\n        minmax(320px, 0.7fr);\n\n      gap: 70px;\n      align-items: end;\n\n      margin-bottom: 58px;\n    }\n\n    .movement-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color: var(--fleming-turquoise);\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .movement-eyebrow::before {\n      content: \"\";\n      width: 28px;\n      height: 2px;\n      border-radius: 100px;\n      background: var(--fleming-turquoise);\n    }\n\n    .movement-title {\n      max-width: 760px;\n\n      color: var(--fleming-blue);\n\n      font-size: clamp(40px, 4vw, 56px);\n      line-height: 1.03;\n      letter-spacing: -0.045em;\n      font-weight: 700;\n    }\n\n    .movement-title span {\n      color: var(--fleming-turquoise);\n    }\n\n    .movement-intro {\n      max-width: 560px;\n\n      color: var(--text-soft);\n\n      font-size: 17px;\n      line-height: 1.72;\n    }\n\n    \/* ==================================================\n       CARDS\n    ================================================== *\/\n\n    .movement-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .movement-card {\n      position: relative;\n\n      min-height: 520px;\n\n      overflow: hidden;\n\n      border-radius: var(--radius-lg);\n\n      border: 1px solid var(--border);\n\n      background: var(--fleming-light);\n    }\n\n    .movement-image {\n      position: absolute;\n      inset: 0;\n\n      width: 100%;\n      height: 100%;\n\n      object-fit: cover;\n\n      transition:\n        transform 0.7s cubic-bezier(.2,.7,.2,1),\n        filter 0.4s ease;\n    }\n\n    .movement-card:hover .movement-image {\n      transform: scale(1.045);\n    }\n\n    .movement-card::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      z-index: 1;\n\n      background:\n        linear-gradient(\n          180deg,\n          rgba(8, 33, 50, 0.03) 0%,\n          rgba(8, 33, 50, 0.08) 35%,\n          rgba(8, 33, 50, 0.88) 100%\n        );\n    }\n\n    .movement-card::after {\n      content: \"\";\n\n      position: absolute;\n      z-index: 2;\n\n      width: 170px;\n      height: 170px;\n\n      top: -85px;\n      right: -85px;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(255, 255, 255, 0.20);\n\n      pointer-events: none;\n    }\n\n    \/* ==================================================\n       CARD TOP\n    ================================================== *\/\n\n    .movement-card-top {\n      position: absolute;\n\n      top: 24px;\n      left: 24px;\n      right: 24px;\n\n      z-index: 4;\n\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .movement-index {\n      width: 42px;\n      height: 42px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        rgba(255, 255, 255, 0.92);\n\n      backdrop-filter: blur(10px);\n\n      color: var(--fleming-blue);\n\n      font-size: 11px;\n      font-weight: 700;\n    }\n\n    .movement-type {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n\n      padding: 9px 13px;\n\n      border-radius: 999px;\n\n      background:\n        rgba(255, 255, 255, 0.13);\n\n      backdrop-filter: blur(10px);\n\n      border:\n        1px solid\n        rgba(255, 255, 255, 0.18);\n\n      color: #FFFFFF;\n\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .movement-type::before {\n      content: \"\";\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: #73DDE5;\n    }\n\n    \/* ==================================================\n       CARD CONTENT\n    ================================================== *\/\n\n    .movement-content {\n      position: absolute;\n\n      z-index: 4;\n\n      left: 0;\n      right: 0;\n      bottom: 0;\n\n      padding: 30px;\n    }\n\n    .movement-small {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n\n      margin-bottom: 12px;\n\n      color: #73DDE5;\n\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .movement-small::before {\n      content: \"\";\n      width: 20px;\n      height: 1px;\n      background: currentColor;\n    }\n\n    .movement-card-title {\n      max-width: 320px;\n\n      color: #FFFFFF;\n\n      font-size: 28px;\n      line-height: 1.08;\n      letter-spacing: -0.035em;\n      font-weight: 600;\n\n      margin-bottom: 16px;\n    }\n\n    .movement-card-text {\n      max-width: 330px;\n\n      color:\n        rgba(255, 255, 255, 0.72);\n\n      font-size: 14px;\n      line-height: 1.6;\n\n      opacity: 0;\n      transform: translateY(8px);\n\n      max-height: 0;\n      overflow: hidden;\n\n      transition:\n        opacity 0.3s ease,\n        transform 0.3s ease,\n        max-height 0.35s ease;\n    }\n\n    .movement-card:hover\n    .movement-card-text {\n      opacity: 1;\n      transform: translateY(0);\n      max-height: 100px;\n    }\n\n    \/* ==================================================\n       BOTTOM SIGNATURE\n    ================================================== *\/\n\n    .movement-signature {\n      display: grid;\n      grid-template-columns:\n        minmax(0, 1fr)\n        minmax(280px, 0.55fr);\n\n      gap: 50px;\n      align-items: center;\n\n      margin-top: 42px;\n\n      padding: 34px 38px;\n\n      border-radius: 24px;\n\n      background: var(--fleming-blue);\n      color: #FFFFFF;\n\n      position: relative;\n      overflow: hidden;\n    }\n\n    .movement-signature::before {\n      content: \"\";\n\n      position: absolute;\n\n      width: 300px;\n      height: 300px;\n\n      right: -130px;\n      top: -180px;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(255, 255, 255, 0.08);\n    }\n\n    .movement-signature-main {\n      position: relative;\n      z-index: 2;\n    }\n\n    .movement-signature-main p {\n      max-width: 760px;\n\n      color:\n        rgba(255, 255, 255, 0.72);\n\n      font-size: 16px;\n      line-height: 1.7;\n    }\n\n    .movement-signature-main strong {\n      color: #FFFFFF;\n      font-weight: 600;\n    }\n\n    .movement-signature-side {\n      position: relative;\n      z-index: 2;\n\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n\n      gap: 14px;\n    }\n\n    .movement-signature-label {\n      color: #FFFFFF;\n      font-size: 15px;\n      font-weight: 600;\n    }\n\n    .movement-signature-icon {\n      flex: 0 0 auto;\n\n      width: 44px;\n      height: 44px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background: var(--fleming-turquoise);\n\n      color: #FFFFFF;\n    }\n\n    \/* ==================================================\n       TABLET\n    ================================================== *\/\n\n    @media (max-width: 1000px) {\n\n      .movement-section {\n        padding: 90px 24px;\n      }\n\n      .movement-header {\n        gap: 40px;\n      }\n\n      .movement-title {\n        font-size: clamp(38px, 4.5vw, 50px);\n      }\n\n      .movement-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      .movement-card {\n        min-height: 470px;\n      }\n\n      .movement-card:nth-child(3) {\n        grid-column: 1 \/ 3;\n        min-height: 420px;\n      }\n\n      .movement-card:nth-child(3)\n      .movement-image {\n        object-position: center 35%;\n      }\n\n      .movement-signature {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n\n      .movement-signature-side {\n        justify-content: flex-start;\n      }\n    }\n\n    \/* ==================================================\n       TABLET VERTICAL \/ MOBILE LARGE\n    ================================================== *\/\n\n    @media (max-width: 760px) {\n\n      .movement-section {\n        padding: 72px 18px;\n      }\n\n      .movement-header {\n        display: block;\n        margin-bottom: 38px;\n      }\n\n      .movement-title {\n        max-width: 600px;\n\n        margin-bottom: 20px;\n\n        font-size: 40px;\n      }\n\n      .movement-intro {\n        max-width: 620px;\n        font-size: 16px;\n      }\n\n      .movement-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .movement-card,\n      .movement-card:nth-child(3) {\n        grid-column: auto;\n        min-height: 430px;\n      }\n    }\n\n    \/* ==================================================\n       MOBILE\n    ================================================== *\/\n\n    @media (max-width: 600px) {\n\n      .movement-section {\n        padding: 58px 14px 62px;\n      }\n\n      .movement-eyebrow {\n        margin-bottom: 14px;\n        font-size: 10px;\n      }\n\n      .movement-eyebrow::before {\n        width: 22px;\n      }\n\n      .movement-title {\n        font-size: 34px;\n        line-height: 1.07;\n        margin-bottom: 18px;\n      }\n\n      .movement-intro {\n        font-size: 15px;\n        line-height: 1.65;\n      }\n\n      .movement-grid {\n        gap: 14px;\n      }\n\n      .movement-card,\n      .movement-card:nth-child(3) {\n        min-height: 400px;\n\n        border-radius: 22px;\n      }\n\n      .movement-card-top {\n        top: 18px;\n        left: 18px;\n        right: 18px;\n      }\n\n      .movement-index {\n        width: 36px;\n        height: 36px;\n      }\n\n      .movement-content {\n        padding: 22px;\n      }\n\n      .movement-card-title {\n        font-size: 24px;\n      }\n\n      .movement-card-text {\n        opacity: 1;\n        transform: none;\n        max-height: 100px;\n\n        font-size: 13px;\n      }\n\n      .movement-signature {\n        margin-top: 28px;\n\n        padding: 28px 24px;\n\n        border-radius: 22px;\n      }\n\n      .movement-signature-main p {\n        font-size: 14px;\n      }\n    }\n\n    \/* ==================================================\n       SMALL MOBILE\n    ================================================== *\/\n\n    @media (max-width: 430px) {\n\n      .movement-title {\n        font-size: 31px;\n      }\n\n      .movement-intro {\n        font-size: 14px;\n      }\n\n      .movement-card,\n      .movement-card:nth-child(3) {\n        min-height: 375px;\n      }\n\n      .movement-card-title {\n        font-size: 22px;\n      }\n    }\n\n  <\/style>\n\n\n<section\n  class=\"movement-section\"\n  id=\"mouvement\"\n>\n\n  <div class=\"movement-container\">\n\n    <!-- =========================================\n         HEADER\n    ========================================== -->\n\n    <header class=\"movement-header\">\n\n      <div>\n\n        <div class=\"movement-eyebrow\">\n          Pour chaque patient\n        <\/div>\n\n        <h2 class=\"movement-title\">\n          Bouger diff\u00e9remment.<br>\n          <span>Avec le m\u00eame objectif.<\/span>\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"movement-intro\">\n        Reprendre son sport. Marcher sans douleur.\n        Retrouver son autonomie. Revenir \u00e0 son quotidien.\n        Chaque patient a son propre objectif de mouvement.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =========================================\n         CARDS\n    ========================================== -->\n\n    <div class=\"movement-grid\">\n\n      <!-- SPORT -->\n      <article class=\"movement-card\">\n\n        <img decoding=\"async\"\n          class=\"movement-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1552674605-db6ffd4facb5?auto=format&fit=crop&w=1200&q=85\"\n          alt=\"Personne pratiquant une activit\u00e9 sportive\"\n        >\n\n        <div class=\"movement-card-top\">\n\n          <span class=\"movement-index\">\n            01\n          <\/span>\n\n          <span class=\"movement-type\">\n            Sport\n          <\/span>\n\n        <\/div>\n\n        <div class=\"movement-content\">\n\n          <div class=\"movement-small\">\n            Reprendre\n          <\/div>\n\n          <h3 class=\"movement-card-title\">\n            Retrouver la confiance dans l\u2019effort.\n          <\/h3>\n\n          <p class=\"movement-card-text\">\n            Revenir progressivement \u00e0 son activit\u00e9,\n            retrouver ses sensations et reprendre\n            le mouvement en confiance.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- QUOTIDIEN -->\n      <article class=\"movement-card\">\n\n        <img decoding=\"async\"\n          class=\"movement-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1544717297-fa95b6ee9643?auto=format&fit=crop&w=1200&q=85\"\n          alt=\"Personne active dans son quotidien\"\n        >\n\n        <div class=\"movement-card-top\">\n\n          <span class=\"movement-index\">\n            02\n          <\/span>\n\n          <span class=\"movement-type\">\n            Quotidien\n          <\/span>\n\n        <\/div>\n\n        <div class=\"movement-content\">\n\n          <div class=\"movement-small\">\n            Continuer\n          <\/div>\n\n          <h3 class=\"movement-card-title\">\n            Retrouver un quotidien plus libre.\n          <\/h3>\n\n          <p class=\"movement-card-text\">\n            Marcher, travailler, monter des escaliers,\n            conduire ou simplement bouger avec plus\n            de confort au quotidien.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- AUTONOMIE -->\n      <article class=\"movement-card\">\n\n        <img decoding=\"async\"\n          class=\"movement-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1559234938-b60fff04894d?auto=format&fit=crop&w=1200&q=85\"\n          alt=\"Senior actif en ext\u00e9rieur\"\n        >\n\n        <div class=\"movement-card-top\">\n\n          <span class=\"movement-index\">\n            03\n          <\/span>\n\n          <span class=\"movement-type\">\n            Autonomie\n          <\/span>\n\n        <\/div>\n\n        <div class=\"movement-content\">\n\n          <div class=\"movement-small\">\n            Pr\u00e9server\n          <\/div>\n\n          <h3 class=\"movement-card-title\">\n            Continuer \u00e0 avancer \u00e0 son rythme.\n          <\/h3>\n\n          <p class=\"movement-card-text\">\n            Pr\u00e9server sa mobilit\u00e9, son ind\u00e9pendance\n            et la libert\u00e9 de continuer \u00e0 faire\n            ce qui compte au quotidien.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =========================================\n         SIGNATURE\n    ========================================== -->\n\n    <div class=\"movement-signature\">\n\n      <div class=\"movement-signature-main\">\n\n        <p>\n          Chaque parcours est diff\u00e9rent.\n          <strong>\n            Notre r\u00f4le est de vous aider\n            \u00e0 retrouver le v\u00f4tre.\n          <\/strong>\n        <\/p>\n\n      <\/div>\n\n      <div class=\"movement-signature-side\">\n\n        <span class=\"movement-signature-label\">\n          Retrouver le mouvement\n        <\/span>\n\n        <span class=\"movement-signature-icon\">\n          \u2192\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb97bf1 e-flex e-con-boxed e-con e-parent\" data-id=\"fb97bf1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d31762 elementor-widget elementor-widget-html\" data-id=\"3d31762\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n  <style>\n    :root {\n      --fleming-blue: #173A56;\n      --fleming-dark: #102E46;\n      --fleming-turquoise: #098999;\n      --fleming-white: #FFFFFF;\n      --fleming-light: #F4F7F8;\n      --fleming-sand: #E8D8C3;\n\n      --text-soft: #687B87;\n      --border: rgba(23, 58, 86, 0.10);\n\n      --container: 1440px;\n\n      --radius-xl: 30px;\n      --radius-lg: 24px;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: \"Inter\", sans-serif;\n      color: var(--fleming-blue);\n      background: #FFFFFF;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    button {\n      font: inherit;\n    }\n\n    \/* ==================================================\n       SECTION\n    ================================================== *\/\n\n    .journey-section {\n      position: relative;\n      \/*overflow: hidden;*\/\n\n      padding: 115px 32px 120px;\n\n\n    }\n\n    .journey-section::before {\n      content: \"\";\n      position: absolute;\n\n      width: 560px;\n      height: 560px;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(9, 137, 153, 0.08);\n\n      left: -320px;\n      bottom: -230px;\n\n      pointer-events: none;\n    }\n\n    .journey-container {\n      width: min(100%, var(--container));\n      margin: 0 auto;\n\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* ==================================================\n       HEADER\n    ================================================== *\/\n\n    .journey-header {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 0.9fr)\n        minmax(320px, 0.7fr);\n\n      gap: 70px;\n      align-items: end;\n\n      margin-bottom: 64px;\n    }\n\n    .journey-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color: var(--fleming-turquoise);\n\n      font-size: 12px;\n      font-weight: 700;\n\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .journey-eyebrow::before {\n      content: \"\";\n\n      width: 28px;\n      height: 2px;\n\n      border-radius: 100px;\n\n      background:\n        var(--fleming-turquoise);\n    }\n\n    .journey-title {\n      max-width: 700px;\n\n      color: var(--fleming-blue);\n\n      font-size:\n        clamp(\n          40px,\n          4vw,\n          56px\n        );\n\n      line-height: 1.04;\n      letter-spacing: -0.045em;\n\n      font-weight: 700;\n    }\n\n    .journey-title span {\n      color: var(--fleming-turquoise);\n    }\n\n    .journey-intro {\n      max-width: 560px;\n\n      color: var(--text-soft);\n\n      font-size: 17px;\n      line-height: 1.72;\n    }\n\n    \/* ==================================================\n       TIMELINE WRAPPER\n    ================================================== *\/\n\n    .journey-timeline {\n      position: relative;\n\n      display: grid;\n\n      grid-template-columns:\n        repeat(5, minmax(0, 1fr));\n\n      gap: 0;\n\n      padding:\n        34px\n        18px\n        20px;\n\n      border-radius: var(--radius-xl);\n\n      border: 1px solid var(--border);\n\n      background:\n        rgba(255, 255, 255, 0.85);\n\n      box-shadow:\n        0 26px 70px rgba(23, 58, 86, 0.06);\n\n      overflow: hidden;\n    }\n\n    \/* horizontal line *\/\n\n    .journey-timeline::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 69px;\n      left: 10%;\n      right: 10%;\n\n      height: 1px;\n\n      background:\n        linear-gradient(\n          90deg,\n          rgba(9, 137, 153, 0.18),\n          rgba(9, 137, 153, 0.72),\n          rgba(9, 137, 153, 0.18)\n        );\n\n      z-index: 1;\n    }\n\n    \/* ==================================================\n       STEP\n    ================================================== *\/\n\n    .journey-step {\n      position: relative;\n      z-index: 2;\n\n      padding:\n        0\n        18px\n        28px;\n\n      min-height: 330px;\n\n      display: flex;\n      flex-direction: column;\n    }\n\n    .journey-step:not(:last-child) {\n      border-right:\n        1px solid\n        rgba(23, 58, 86, 0.07);\n    }\n\n    \/* ==================================================\n       STEP NUMBER\n    ================================================== *\/\n\n    .journey-number-wrap {\n      height: 72px;\n\n      display: flex;\n      align-items: flex-start;\n      justify-content: flex-start;\n    }\n\n    .journey-number {\n      width: 58px;\n      height: 58px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background: #FFFFFF;\n\n      border:\n        1px solid\n        rgba(9, 137, 153, 0.20);\n\n      box-shadow:\n        0 7px 20px\n        rgba(23, 58, 86, 0.05);\n\n      color: var(--fleming-turquoise);\n\n      font-size: 13px;\n      font-weight: 700;\n\n      transition:\n        background 0.3s ease,\n        color 0.3s ease,\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n    }\n\n    .journey-step:hover\n    .journey-number {\n      transform: translateY(-4px);\n\n      background:\n        var(--fleming-turquoise);\n\n      color: #FFFFFF;\n\n      box-shadow:\n        0 10px 28px\n        rgba(9, 137, 153, 0.22);\n    }\n\n    \/* ==================================================\n       STEP CONTENT\n    ================================================== *\/\n\n    .journey-step-content {\n      padding-top: 18px;\n    }\n\n    .journey-step-label {\n      display: inline-block;\n\n      margin-bottom: 9px;\n\n      color:\n        rgba(23, 58, 86, 0.38);\n\n      font-size: 10px;\n      font-weight: 700;\n\n      letter-spacing: 0.11em;\n      text-transform: uppercase;\n    }\n\n    .journey-step-title {\n      margin-bottom: 13px;\n\n      color:\n        var(--fleming-blue);\n\n      font-size: 21px;\n      line-height: 1.15;\n      letter-spacing: -0.028em;\n\n      font-weight: 600;\n    }\n\n    .journey-step-text {\n      max-width: 220px;\n\n      color:\n        var(--text-soft);\n\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    \/* ==================================================\n       STEP LINK\n    ================================================== *\/\n\n    .journey-step-link {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 9px;\n\n      width: fit-content;\n\n      margin-top: auto;\n      padding-top: 26px;\n\n      color:\n        var(--fleming-turquoise);\n\n      font-size: 13px;\n      font-weight: 600;\n\n      transition:\n        color 0.25s ease;\n    }\n\n    .journey-step-link span {\n      transition:\n        transform 0.25s ease;\n    }\n\n    .journey-step-link:hover span {\n      transform:\n        translateX(4px);\n    }\n\n    \/* ==================================================\n       BOTTOM AREA\n    ================================================== *\/\n\n    .journey-bottom {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 1fr)\n        auto;\n\n      align-items: center;\n\n      gap: 40px;\n\n      margin-top: 38px;\n\n      padding:\n        30px\n        34px;\n\n      border-radius: 24px;\n\n      background:\n        var(--fleming-blue);\n\n      color: #FFFFFF;\n\n      position: relative;\n      overflow: hidden;\n    }\n\n    .journey-bottom::before {\n      content: \"\";\n\n      position: absolute;\n\n      width: 280px;\n      height: 280px;\n\n      right: -120px;\n      top: -160px;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(255, 255, 255, 0.08);\n\n      pointer-events: none;\n    }\n\n    .journey-bottom-copy {\n      position: relative;\n      z-index: 2;\n\n      display: flex;\n      align-items: flex-start;\n\n      gap: 18px;\n    }\n\n    .journey-bottom-icon {\n      flex: 0 0 auto;\n\n      width: 44px;\n      height: 44px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        rgba(255, 255, 255, 0.08);\n\n      color: #73DDE5;\n\n      font-size: 17px;\n    }\n\n    .journey-bottom-text {\n      max-width: 760px;\n    }\n\n    .journey-bottom-text strong {\n      display: block;\n\n      margin-bottom: 6px;\n\n      color: #FFFFFF;\n\n      font-size: 15px;\n      font-weight: 600;\n    }\n\n    .journey-bottom-text p {\n      color:\n        rgba(255, 255, 255, 0.64);\n\n      font-size: 13px;\n      line-height: 1.6;\n    }\n\n    \/* ==================================================\n       CTA\n    ================================================== *\/\n\n    .journey-cta {\n      position: relative;\n      z-index: 2;\n\n      flex: 0 0 auto;\n\n      display: inline-flex;\n      align-items: center;\n\n      gap: 14px;\n\n      padding:\n        7px\n        7px\n        7px\n        20px;\n\n      border-radius: 999px;\n\n      background: #FFFFFF;\n\n      color:\n        var(--fleming-blue);\n\n      font-size: 14px;\n      font-weight: 600;\n\n      transition:\n        transform 0.25s ease,\n        color 0.25s ease;\n    }\n\n    .journey-cta:hover {\n      color:\n        var(--fleming-turquoise);\n\n      transform:\n        translateY(-2px);\n    }\n\n    .journey-cta-icon {\n      width: 40px;\n      height: 40px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        var(--fleming-turquoise);\n\n      color: #FFFFFF;\n\n      transition:\n        transform 0.25s ease;\n    }\n\n    .journey-cta:hover\n    .journey-cta-icon {\n      transform:\n        translateX(3px);\n    }\n\n    \/* ==================================================\n       TABLET\n    ================================================== *\/\n\n    @media (max-width: 1050px) {\n\n      .journey-section {\n        padding:\n          90px\n          24px;\n      }\n\n      .journey-header {\n        gap: 45px;\n      }\n\n      .journey-title {\n        font-size:\n          clamp(\n            38px,\n            4.5vw,\n            50px\n          );\n      }\n\n      .journey-timeline {\n        grid-template-columns:\n          repeat(\n            2,\n            minmax(0, 1fr)\n          );\n\n        gap: 0;\n\n        padding:\n          16px;\n      }\n\n      .journey-timeline::before {\n        display: none;\n      }\n\n      .journey-step {\n        min-height: 300px;\n\n        padding:\n          24px;\n      }\n\n      .journey-step:nth-child(odd) {\n        border-right:\n          1px solid\n          rgba(23, 58, 86, 0.07);\n      }\n\n      .journey-step:nth-child(even) {\n        border-right: none;\n      }\n\n      .journey-step:nth-child(-n+3) {\n        border-bottom:\n          1px solid\n          rgba(23, 58, 86, 0.07);\n      }\n\n      .journey-step:last-child {\n        grid-column:\n          1 \/ 3;\n\n        min-height: 260px;\n      }\n\n      .journey-step:last-child\n      .journey-step-text {\n        max-width: 520px;\n      }\n\n      .journey-number-wrap {\n        height: 62px;\n      }\n\n      .journey-number {\n        width: 52px;\n        height: 52px;\n      }\n\n    }\n\n    \/* ==================================================\n       TABLET VERTICAL\n    ================================================== *\/\n\n    @media (max-width: 760px) {\n\n      .journey-section {\n        padding:\n          72px\n          18px;\n      }\n\n      .journey-header {\n        display: block;\n\n        margin-bottom: 40px;\n      }\n\n      .journey-title {\n        max-width: 600px;\n\n        margin-bottom: 20px;\n\n        font-size: 40px;\n      }\n\n      .journey-intro {\n        max-width: 620px;\n\n        font-size: 16px;\n      }\n\n      .journey-bottom {\n        grid-template-columns: 1fr;\n\n        gap: 24px;\n      }\n\n      .journey-cta {\n        width: fit-content;\n      }\n\n    }\n\n    \/* ==================================================\n       MOBILE\n    ================================================== *\/\n\n    @media (max-width: 600px) {\n\n      .journey-section {\n        padding:\n          58px\n          14px\n          62px;\n      }\n\n      .journey-eyebrow {\n        margin-bottom: 14px;\n\n        font-size: 10px;\n      }\n\n      .journey-eyebrow::before {\n        width: 22px;\n      }\n\n      .journey-title {\n        margin-bottom: 18px;\n\n        font-size: 34px;\n\n        line-height: 1.07;\n      }\n\n      .journey-intro {\n        font-size: 15px;\n\n        line-height: 1.65;\n      }\n\n      \/*\n      Timeline mobile verticale\n      *\/\n\n      .journey-timeline {\n        display: block;\n\n        padding:\n          0\n          18px;\n\n        border-radius: 22px;\n      }\n\n      .journey-timeline::after {\n        content: \"\";\n\n        position: absolute;\n\n        left: 46px;\n        top: 48px;\n        bottom: 48px;\n\n        width: 1px;\n\n        background:\n          linear-gradient(\n            180deg,\n            rgba(9, 137, 153, 0.18),\n            rgba(9, 137, 153, 0.60),\n            rgba(9, 137, 153, 0.18)\n          );\n      }\n\n      .journey-step,\n      .journey-step:last-child {\n        min-height: auto;\n\n        display: grid;\n\n        grid-template-columns:\n          58px\n          minmax(0, 1fr);\n\n        gap: 18px;\n\n        padding:\n          26px\n          0;\n\n        border-right: none !important;\n\n        border-bottom:\n          1px solid\n          rgba(23, 58, 86, 0.07);\n\n        position: relative;\n\n        z-index: 2;\n      }\n\n      .journey-step:last-child {\n        grid-column: auto;\n\n        border-bottom: none;\n      }\n\n      .journey-number-wrap {\n        height: auto;\n\n        display: block;\n      }\n\n      .journey-number {\n        width: 52px;\n        height: 52px;\n\n        position: relative;\n        z-index: 3;\n      }\n\n      .journey-step-content {\n        padding-top: 3px;\n      }\n\n      .journey-step-title {\n        font-size: 20px;\n      }\n\n      .journey-step-text,\n      .journey-step:last-child\n      .journey-step-text {\n        max-width: 100%;\n\n        font-size: 14px;\n      }\n\n      .journey-step-link {\n        margin-top: 18px;\n        padding-top: 0;\n      }\n\n      .journey-bottom {\n        margin-top: 28px;\n\n        padding:\n          26px\n          22px;\n\n        border-radius: 22px;\n      }\n\n      .journey-bottom-copy {\n        gap: 14px;\n      }\n\n      .journey-bottom-icon {\n        width: 40px;\n        height: 40px;\n      }\n\n      .journey-bottom-text strong {\n        font-size: 14px;\n      }\n\n      .journey-bottom-text p {\n        font-size: 12px;\n      }\n\n      .journey-cta {\n        width: 100%;\n\n        justify-content:\n          space-between;\n      }\n\n    }\n\n    \/* ==================================================\n       SMALL MOBILE\n    ================================================== *\/\n\n    @media (max-width: 430px) {\n\n      .journey-title {\n        font-size: 31px;\n      }\n\n      .journey-intro {\n        font-size: 14px;\n      }\n\n      .journey-timeline {\n        padding:\n          0\n          14px;\n      }\n\n      .journey-timeline::after {\n        left: 40px;\n      }\n\n      .journey-step {\n        grid-template-columns:\n          52px\n          minmax(0, 1fr);\n\n        gap: 14px;\n      }\n\n      .journey-number {\n        width: 46px;\n        height: 46px;\n\n        font-size: 12px;\n      }\n\n      .journey-step-title {\n        font-size: 19px;\n      }\n\n    }\n\n  <\/style>\n\n<body>\n\n<section\n  class=\"journey-section\"\n  id=\"parcours\"\n>\n\n  <div class=\"journey-container\">\n\n    <!-- =========================================\n         HEADER\n    ========================================== -->\n\n    <header class=\"journey-header\">\n\n      <div>\n\n        <div class=\"journey-eyebrow\">\n          Votre parcours\n        <\/div>\n\n        <h2 class=\"journey-title\">\n          \u00c0 vos c\u00f4t\u00e9s,<br>\n          <span>\u00e0 chaque \u00e9tape.<\/span>\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"journey-intro\">\n        De la premi\u00e8re consultation au suivi apr\u00e8s votre intervention,\n        nous vous accompagnons avec un parcours clair, expliqu\u00e9\n        et adapt\u00e9 \u00e0 votre situation.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =========================================\n         TIMELINE\n    ========================================== -->\n\n    <div class=\"journey-timeline\">\n\n      <!-- 01 -->\n      <article class=\"journey-step\">\n\n        <div class=\"journey-number-wrap\">\n\n          <div class=\"journey-number\">\n            01\n          <\/div>\n\n        <\/div>\n\n        <div class=\"journey-step-content\">\n\n          <span class=\"journey-step-label\">\n            Premi\u00e8re \u00e9tape\n          <\/span>\n\n          <h3 class=\"journey-step-title\">\n            Consultation\n          <\/h3>\n\n          <p class=\"journey-step-text\">\n            Comprendre votre douleur,\n            votre histoire et vos objectifs.\n          <\/p>\n\n          <a\n            href=\"#preparer-consultation\"\n            class=\"journey-step-link\"\n          >\n            Pr\u00e9parer ma consultation\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 02 -->\n      <article class=\"journey-step\">\n\n        <div class=\"journey-number-wrap\">\n\n          <div class=\"journey-number\">\n            02\n          <\/div>\n\n        <\/div>\n\n        <div class=\"journey-step-content\">\n\n          <span class=\"journey-step-label\">\n            Comprendre\n          <\/span>\n\n          <h3 class=\"journey-step-title\">\n            Diagnostic\n          <\/h3>\n\n          <p class=\"journey-step-text\">\n            Analyse clinique, imagerie\n            et examens compl\u00e9mentaires.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 03 -->\n      <article class=\"journey-step\">\n\n        <div class=\"journey-number-wrap\">\n\n          <div class=\"journey-number\">\n            03\n          <\/div>\n\n        <\/div>\n\n        <div class=\"journey-step-content\">\n\n          <span class=\"journey-step-label\">\n            D\u00e9cider\n          <\/span>\n\n          <h3 class=\"journey-step-title\">\n            Traitement\n          <\/h3>\n\n          <p class=\"journey-step-text\">\n            Une solution adapt\u00e9e \u00e0 votre situation,\n            chirurgicale ou non selon l\u2019indication.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 04 -->\n      <article class=\"journey-step\">\n\n        <div class=\"journey-number-wrap\">\n\n          <div class=\"journey-number\">\n            04\n          <\/div>\n\n        <\/div>\n\n        <div class=\"journey-step-content\">\n\n          <span class=\"journey-step-label\">\n            Organiser\n          <\/span>\n\n          <h3 class=\"journey-step-title\">\n            Intervention\n          <\/h3>\n\n          <p class=\"journey-step-text\">\n            Une prise en charge organis\u00e9e\n            autour de votre parcours.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 05 -->\n      <article class=\"journey-step\">\n\n        <div class=\"journey-number-wrap\">\n\n          <div class=\"journey-number\">\n            05\n          <\/div>\n\n        <\/div>\n\n        <div class=\"journey-step-content\">\n\n          <span class=\"journey-step-label\">\n            Retrouver\n          <\/span>\n\n          <h3 class=\"journey-step-title\">\n            R\u00e9cup\u00e9ration\n          <\/h3>\n\n          <p class=\"journey-step-text\">\n            Suivi post-op\u00e9ratoire et accompagnement\n            vers la reprise de vos activit\u00e9s.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =========================================\n         BOTTOM CTA\n    ========================================== -->\n\n    <div class=\"journey-bottom\">\n\n      <div class=\"journey-bottom-copy\">\n\n        <div class=\"journey-bottom-icon\">\n          \u2713\n        <\/div>\n\n        <div class=\"journey-bottom-text\">\n\n          <strong>\n            Bien pr\u00e9parer votre premi\u00e8re consultation\n          <\/strong>\n\n          <p>\n            Pensez \u00e0 apporter vos examens d\u2019imagerie,\n            comptes rendus m\u00e9dicaux et examens biologiques\n            disponibles afin d\u2019aider votre sp\u00e9cialiste\n            \u00e0 mieux comprendre votre situation.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <a\n        href=\"#preparer-consultation\"\n        class=\"journey-cta\"\n      >\n        Pr\u00e9parer ma consultation\n\n        <span class=\"journey-cta-icon\">\n          \u2192\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4152f0e e-flex e-con-boxed e-con e-parent\" data-id=\"4152f0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3500a24 elementor-widget elementor-widget-html\" data-id=\"3500a24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n    :root {\n      --fleming-blue: #173A56;\n      --fleming-dark: #102E46;\n      --fleming-turquoise: #098999;\n      --fleming-white: #FFFFFF;\n      --fleming-light: #F4F7F8;\n      --fleming-sand: #E8D8C3;\n\n      --text-soft: #687B87;\n      --border: rgba(23, 58, 86, 0.10);\n\n      --container: 1440px;\n\n      --radius-xl: 30px;\n      --radius-lg: 24px;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: \"Inter\", sans-serif;\n      color: var(--fleming-blue);\n      background: #FFFFFF;\n    }\n\n    img {\n      display: block;\n      width: 100%;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    \/* ==================================================\n       SECTION\n    ================================================== *\/\n\n    .approach-section {\n      position: relative;\n      overflow: hidden;\n\n      padding: 115px 32px 120px;\n\n\n    }\n\n\n\n    .approach-container {\n      position: relative;\n      z-index: 2;\n\n      width:\n        min(\n          100%,\n          var(--container)\n        );\n\n      margin: 0 auto;\n    }\n\n    \/* ==================================================\n       LAYOUT\n    ================================================== *\/\n\n    .approach-grid {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 1.05fr)\n        minmax(420px, 0.95fr);\n\n      gap: 58px;\n\n      align-items: stretch;\n    }\n\n    \/* ==================================================\n       IMAGE\n    ================================================== *\/\n\n    .approach-visual {\n      position: relative;\n\n      min-height: 690px;\n\n      overflow: hidden;\n\n      border-radius: var(--radius-xl);\n\n      background: var(--fleming-light);\n    }\n\n    .approach-image {\n      position: absolute;\n\n      inset: 0;\n\n      width: 100%;\n      height: 100%;\n\n      object-fit: cover;\n\n      transition:\n        transform 0.75s\n        cubic-bezier(.2,.7,.2,1);\n    }\n\n    .approach-visual:hover\n    .approach-image {\n      transform: scale(1.025);\n    }\n\n    .approach-visual::before {\n      content: \"\";\n\n      position: absolute;\n\n      inset: 0;\n\n      z-index: 1;\n\n      background:\n        linear-gradient(\n          180deg,\n          rgba(16, 46, 70, 0.02) 0%,\n          rgba(16, 46, 70, 0.08) 50%,\n          rgba(16, 46, 70, 0.68) 100%\n        );\n    }\n\n    .approach-visual::after {\n      content: \"\";\n\n      position: absolute;\n\n      z-index: 2;\n\n      width: 220px;\n      height: 220px;\n\n      right: -110px;\n      top: -110px;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(255, 255, 255, 0.24);\n\n      pointer-events: none;\n    }\n\n    \/* ==================================================\n       IMAGE BADGE\n    ================================================== *\/\n\n    .approach-badge {\n      position: absolute;\n\n      top: 26px;\n      left: 26px;\n\n      z-index: 3;\n\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n\n      padding:\n        10px 14px;\n\n      border-radius: 999px;\n\n      background:\n        rgba(255, 255, 255, 0.90);\n\n      backdrop-filter:\n        blur(12px);\n\n      color:\n        var(--fleming-blue);\n\n      font-size: 11px;\n      font-weight: 700;\n\n      letter-spacing: 0.07em;\n      text-transform: uppercase;\n    }\n\n    .approach-badge::before {\n      content: \"\";\n\n      width: 8px;\n      height: 8px;\n\n      border-radius: 50%;\n\n      background:\n        var(--fleming-turquoise);\n    }\n\n    \/* ==================================================\n       IMAGE QUOTE\n    ================================================== *\/\n\n    .approach-photo-copy {\n      position: absolute;\n\n      z-index: 3;\n\n      left: 34px;\n      right: 34px;\n      bottom: 34px;\n\n      max-width: 520px;\n\n      color: #FFFFFF;\n    }\n\n    .approach-photo-copy span {\n      display: inline-block;\n\n      margin-bottom: 11px;\n\n      color: #73DDE5;\n\n      font-size: 11px;\n      font-weight: 700;\n\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .approach-photo-copy p {\n      font-size: 22px;\n      line-height: 1.25;\n      letter-spacing: -0.025em;\n      font-weight: 500;\n    }\n\n    \/* ==================================================\n       CONTENT PANEL\n    ================================================== *\/\n\n    .approach-content {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n\n      padding:\n        22px\n        0;\n    }\n\n    .approach-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color:\n        var(--fleming-turquoise);\n\n      font-size: 12px;\n      font-weight: 700;\n\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .approach-eyebrow::before {\n      content: \"\";\n\n      width: 28px;\n      height: 2px;\n\n      border-radius: 100px;\n\n      background:\n        var(--fleming-turquoise);\n    }\n\n    .approach-title {\n      max-width: 620px;\n\n      margin-bottom: 26px;\n\n      color:\n        var(--fleming-blue);\n\n      font-size:\n        clamp(\n          40px,\n          4vw,\n          56px\n        );\n\n      line-height: 1.04;\n      letter-spacing: -0.045em;\n\n      font-weight: 700;\n    }\n\n    .approach-title span {\n      color:\n        var(--fleming-turquoise);\n    }\n\n    .approach-intro {\n      max-width: 610px;\n\n      margin-bottom: 42px;\n\n      color:\n        var(--text-soft);\n\n      font-size: 16px;\n      line-height: 1.75;\n    }\n\n    \/* ==================================================\n       PRINCIPLES\n    ================================================== *\/\n\n    .approach-principles {\n      display: grid;\n\n      grid-template-columns:\n        repeat(\n          3,\n          minmax(0, 1fr)\n        );\n\n      border-top:\n        1px solid\n        var(--border);\n\n      border-bottom:\n        1px solid\n        var(--border);\n\n      margin-bottom: 34px;\n    }\n\n    .approach-principle {\n      position: relative;\n\n      padding:\n        28px\n        24px\n        30px;\n\n      min-height: 190px;\n    }\n\n    .approach-principle:not(:last-child) {\n      border-right:\n        1px solid\n        var(--border);\n    }\n\n    .principle-number {\n      display: block;\n\n      margin-bottom: 22px;\n\n      color:\n        var(--fleming-turquoise);\n\n      font-size: 11px;\n      font-weight: 700;\n\n      letter-spacing: 0.08em;\n    }\n\n    .principle-title {\n      margin-bottom: 10px;\n\n      color:\n        var(--fleming-blue);\n\n      font-size: 19px;\n      line-height: 1.15;\n\n      letter-spacing: -0.025em;\n\n      font-weight: 600;\n    }\n\n    .principle-text {\n      color:\n        var(--text-soft);\n\n      font-size: 13px;\n      line-height: 1.62;\n    }\n\n    \/* ==================================================\n       CTA\n    ================================================== *\/\n\n    .approach-footer {\n      display: flex;\n\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 30px;\n    }\n\n    .approach-note {\n      max-width: 390px;\n\n      color:\n        rgba(23, 58, 86, 0.48);\n\n      font-size: 12px;\n      line-height: 1.55;\n    }\n\n    .approach-cta {\n      flex: 0 0 auto;\n\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n\n      padding:\n        7px\n        7px\n        7px\n        22px;\n\n      border-radius: 999px;\n\n      background:\n        var(--fleming-blue);\n\n      color: #FFFFFF;\n\n      font-size: 14px;\n      font-weight: 600;\n\n      transition:\n        transform 0.25s ease,\n        background 0.25s ease;\n    }\n\n    .approach-cta-icon {\n      width: 40px;\n      height: 40px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        var(--fleming-turquoise);\n\n      color: #FFFFFF;\n\n      transition:\n        transform 0.25s ease;\n    }\n\n    .approach-cta:hover {\n      transform:\n        translateY(-2px);\n\n      background:\n        var(--fleming-dark);\n    }\n\n    .approach-cta:hover\n    .approach-cta-icon {\n      transform:\n        translateX(3px);\n    }\n\n    \/* ==================================================\n       TABLET\n    ================================================== *\/\n\n    @media (max-width: 1050px) {\n\n      .approach-section {\n        padding:\n          90px\n          24px;\n      }\n\n      .approach-grid {\n        grid-template-columns:\n          minmax(0, 1fr)\n          minmax(360px, 0.9fr);\n\n        gap: 38px;\n      }\n\n      .approach-visual {\n        min-height: 620px;\n      }\n\n      .approach-title {\n        font-size:\n          clamp(\n            38px,\n            4.5vw,\n            50px\n          );\n      }\n\n      .approach-principles {\n        grid-template-columns: 1fr;\n      }\n\n      .approach-principle {\n        min-height: auto;\n\n        padding:\n          22px\n          0;\n      }\n\n      .approach-principle:not(:last-child) {\n        border-right: none;\n\n        border-bottom:\n          1px solid\n          var(--border);\n      }\n\n      .principle-number {\n        margin-bottom: 10px;\n      }\n\n    }\n\n    \/* ==================================================\n       TABLET VERTICAL\n    ================================================== *\/\n\n    @media (max-width: 820px) {\n\n      .approach-section {\n        padding:\n          72px\n          18px;\n      }\n\n      .approach-grid {\n        display: block;\n      }\n\n      .approach-visual {\n        min-height: 520px;\n\n        margin-bottom: 44px;\n      }\n\n      .approach-content {\n        padding: 0;\n      }\n\n      .approach-title {\n        font-size: 40px;\n      }\n\n      .approach-intro {\n        font-size: 16px;\n      }\n\n      .approach-principles {\n        grid-template-columns:\n          repeat(\n            3,\n            minmax(0, 1fr)\n          );\n      }\n\n      .approach-principle {\n        padding:\n          24px\n          20px;\n      }\n\n      .approach-principle:not(:last-child) {\n        border-bottom: none;\n\n        border-right:\n          1px solid\n          var(--border);\n      }\n\n    }\n\n    \/* ==================================================\n       MOBILE\n    ================================================== *\/\n\n    @media (max-width: 600px) {\n\n      .approach-section {\n        padding:\n          58px\n          14px\n          62px;\n      }\n\n      .approach-visual {\n        min-height: 420px;\n\n        margin-bottom: 36px;\n\n        border-radius: 22px;\n      }\n\n      .approach-badge {\n        top: 18px;\n        left: 18px;\n\n        font-size: 9px;\n      }\n\n      .approach-photo-copy {\n        left: 22px;\n        right: 22px;\n        bottom: 22px;\n      }\n\n      .approach-photo-copy p {\n        font-size: 18px;\n      }\n\n      .approach-eyebrow {\n        margin-bottom: 14px;\n\n        font-size: 10px;\n      }\n\n      .approach-eyebrow::before {\n        width: 22px;\n      }\n\n      .approach-title {\n        margin-bottom: 18px;\n\n        font-size: 34px;\n        line-height: 1.07;\n      }\n\n      .approach-intro {\n        margin-bottom: 30px;\n\n        font-size: 15px;\n        line-height: 1.65;\n      }\n\n      .approach-principles {\n        display: block;\n\n        margin-bottom: 28px;\n      }\n\n      .approach-principle {\n        padding:\n          22px\n          0;\n      }\n\n      .approach-principle:not(:last-child) {\n        border-right: none;\n\n        border-bottom:\n          1px solid\n          var(--border);\n      }\n\n      .principle-title {\n        font-size: 18px;\n      }\n\n      .principle-text {\n        font-size: 13px;\n      }\n\n      .approach-footer {\n        align-items: flex-start;\n\n        flex-direction: column;\n      }\n\n      .approach-cta {\n        width: 100%;\n\n        justify-content:\n          space-between;\n      }\n\n    }\n\n    \/* ==================================================\n       SMALL MOBILE\n    ================================================== *\/\n\n    @media (max-width: 430px) {\n\n      .approach-title {\n        font-size: 31px;\n      }\n\n      .approach-intro {\n        font-size: 14px;\n      }\n\n      .approach-visual {\n        min-height: 390px;\n      }\n\n      .approach-photo-copy p {\n        font-size: 17px;\n      }\n\n    }\n\n  <\/style>\n<\/head>\n\n<body>\n\n<section\n  class=\"approach-section\"\n  id=\"approche\"\n>\n\n  <div class=\"approach-container\">\n\n    <div class=\"approach-grid\">\n\n      <!-- =========================================\n           PHOTO\n      ========================================== -->\n\n      <div class=\"approach-visual\">\n\n        <img decoding=\"async\"\n          class=\"approach-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1400&q=85\"\n          alt=\"M\u00e9decin \u00e9changeant avec un patient\"\n        >\n\n        <div class=\"approach-badge\">\n          Une d\u00e9cision partag\u00e9e\n        <\/div>\n\n        <div class=\"approach-photo-copy\">\n\n          <span>\n            Avant toute intervention\n          <\/span>\n\n          <p>\n            Comprendre votre situation\n            pour proposer la prise en charge\n            la plus adapt\u00e9e.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =========================================\n           CONTENT\n      ========================================== -->\n\n      <div class=\"approach-content\">\n\n        <div class=\"approach-eyebrow\">\n          Notre approche\n        <\/div>\n\n        <h2 class=\"approach-title\">\n          Comprendre avant\n          <span>d'intervenir.<\/span>\n        <\/h2>\n\n        <p class=\"approach-intro\">\n          Une prise en charge orthop\u00e9dique commence par\n          un diagnostic pr\u00e9cis et une compr\u00e9hension de vos attentes.\n          Lorsqu'une intervention est indiqu\u00e9e, votre chirurgien\n          vous explique les diff\u00e9rentes possibilit\u00e9s et vous accompagne\n          dans votre d\u00e9cision.\n        <\/p>\n\n\n        <!-- =========================================\n             PRINCIPLES\n        ========================================== -->\n\n        <div class=\"approach-principles\">\n\n          <article class=\"approach-principle\">\n\n            <span class=\"principle-number\">\n              01\n            <\/span>\n\n            <h3 class=\"principle-title\">\n              \u00c9couter\n            <\/h3>\n\n            <p class=\"principle-text\">\n              Comprendre votre situation,\n              vos douleurs et vos objectifs.\n            <\/p>\n\n          <\/article>\n\n\n          <article class=\"approach-principle\">\n\n            <span class=\"principle-number\">\n              02\n            <\/span>\n\n            <h3 class=\"principle-title\">\n              Expliquer\n            <\/h3>\n\n            <p class=\"principle-text\">\n              Vous permettre de comprendre\n              votre pathologie et les options propos\u00e9es.\n            <\/p>\n\n          <\/article>\n\n\n          <article class=\"approach-principle\">\n\n            <span class=\"principle-number\">\n              03\n            <\/span>\n\n            <h3 class=\"principle-title\">\n              Accompagner\n            <\/h3>\n\n            <p class=\"principle-text\">\n              Construire un parcours clair\n              avant et apr\u00e8s l'intervention.\n            <\/p>\n\n          <\/article>\n\n        <\/div>\n\n\n        <!-- =========================================\n             FOOTER CTA\n        ========================================== -->\n\n        <div class=\"approach-footer\">\n\n          <p class=\"approach-note\">\n            Chaque indication est adapt\u00e9e \u00e0 la situation\n            clinique, aux besoins et aux objectifs du patient.\n          <\/p>\n\n          <a\n            href=\"#centre-fleming\"\n            class=\"approach-cta\"\n          >\n            D\u00e9couvrir le Centre Fleming\n\n            <span class=\"approach-cta-icon\">\n              \u2192\n            <\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03b3c85 e-flex e-con-boxed e-con e-parent\" data-id=\"03b3c85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-994ff26 elementor-widget elementor-widget-html\" data-id=\"994ff26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n    :root {\n      --fleming-blue: #173A56;\n      --fleming-dark: #102E46;\n      --fleming-turquoise: #098999;\n      --fleming-white: #FFFFFF;\n      --fleming-light: #F4F7F8;\n      --fleming-sand: #E8D8C3;\n\n      --container: 1440px;\n      --radius-xl: 34px;\n      --border-light: rgba(255,255,255,0.11);\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: \"Inter\", sans-serif;\n      background: #FFFFFF;\n      color: var(--fleming-blue);\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    \/* ==================================================\n       SECTION\n    ================================================== *\/\n\n    .signature-section {\n      position: relative;\n      overflow: hidden;\n\n      padding: 110px 32px 115px;\n\n\n\n      color: #FFFFFF;\n    }\n\n\n\n\n\n    .signature-container {\n      width: min(100%, var(--container));\n      margin: 0 auto;\n\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* ==================================================\n       HEADER\n    ================================================== *\/\n\n    .signature-header {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 1fr)\n        minmax(300px, 0.65fr);\n\n      gap: 70px;\n\n      align-items: end;\n\n      margin-bottom: 66px;\n    }\n\n    .signature-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color: #73DDE5;\n\n      font-size: 12px;\n      font-weight: 700;\n\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .signature-eyebrow::before {\n      content: \"\";\n\n      width: 28px;\n      height: 2px;\n\n      border-radius: 100px;\n\n      background: #73DDE5;\n    }\n\n    .signature-title {\n      max-width: 760px;\n\n      font-size: clamp(40px, 4vw, 56px);\n      line-height: 1.03;\n\n      letter-spacing: -0.045em;\n\n      font-weight: 700;\n    }\n\n    .signature-title span {\n      color: #73DDE5;\n    }\n\n    .signature-intro {\n      max-width: 540px;\n\n      color: rgba(255,255,255,0.64);\n\n      font-size: 16px;\n      line-height: 1.7;\n    }\n\n    \/* ==================================================\n       STATS GRID\n    ================================================== *\/\n\n    .stats-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n      border-top: 1px solid var(--border-light);\n      border-bottom: 1px solid var(--border-light);\n    }\n\n    .stat-item {\n      position: relative;\n\n      min-height: 255px;\n\n      padding: 34px 30px;\n\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n\n    .stat-item:not(:last-child) {\n      border-right: 1px solid var(--border-light);\n    }\n\n    .stat-index {\n      color: rgba(255,255,255,0.35);\n\n      font-size: 10px;\n      font-weight: 700;\n\n      letter-spacing: 0.1em;\n    }\n\n    .stat-main {\n      margin-top: 35px;\n    }\n\n    .stat-number {\n      display: block;\n\n      margin-bottom: 12px;\n\n      color: #FFFFFF;\n\n      font-size: clamp(44px, 4.5vw, 72px);\n      line-height: 0.95;\n\n      letter-spacing: -0.055em;\n\n      font-weight: 700;\n    }\n\n    .stat-number span {\n      color: #73DDE5;\n    }\n\n    .stat-label {\n      max-width: 220px;\n\n      color: rgba(255,255,255,0.70);\n\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    \/* ==================================================\n       QUALITATIVE PROOFS\n    ================================================== *\/\n\n    .proofs-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n      margin-top: 22px;\n\n      border-radius: 24px;\n\n      overflow: hidden;\n\n      background: rgba(255,255,255,0.035);\n\n      border: 1px solid rgba(255,255,255,0.08);\n    }\n\n    .proof-item {\n      min-height: 170px;\n\n      padding: 28px;\n\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n\n    .proof-item:not(:last-child) {\n      border-right: 1px solid rgba(255,255,255,0.08);\n    }\n\n    .proof-number {\n      color: #73DDE5;\n\n      font-size: 11px;\n      font-weight: 700;\n\n      letter-spacing: 0.08em;\n    }\n\n    .proof-title {\n      max-width: 230px;\n\n      color: #FFFFFF;\n\n      font-size: 18px;\n      line-height: 1.2;\n\n      letter-spacing: -0.025em;\n\n      font-weight: 600;\n    }\n\n    \/* ==================================================\n       BOTTOM\n    ================================================== *\/\n\n    .signature-bottom {\n      display: flex;\n\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 40px;\n\n      margin-top: 42px;\n    }\n\n    .signature-note {\n      max-width: 680px;\n\n      color: rgba(255,255,255,0.55);\n\n      font-size: 13px;\n      line-height: 1.6;\n    }\n\n    .signature-cta {\n      flex: 0 0 auto;\n\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n\n      padding:\n        7px\n        7px\n        7px\n        22px;\n\n      border-radius: 999px;\n\n      background: #FFFFFF;\n\n      color: var(--fleming-blue);\n\n      font-size: 14px;\n      font-weight: 600;\n\n      transition:\n        transform 0.25s ease,\n        color 0.25s ease;\n    }\n\n    .signature-cta-icon {\n      width: 40px;\n      height: 40px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background: var(--fleming-turquoise);\n\n      color: #FFFFFF;\n\n      transition:\n        transform 0.25s ease;\n    }\n\n    .signature-cta:hover {\n      transform: translateY(-2px);\n      color: var(--fleming-turquoise);\n    }\n\n    .signature-cta:hover\n    .signature-cta-icon {\n      transform: translateX(3px);\n    }\n\n    \/* ==================================================\n       TABLET\n    ================================================== *\/\n\n    @media (max-width: 1000px) {\n\n      .signature-section {\n        padding:\n          90px\n          24px;\n      }\n\n      .signature-header {\n        gap: 45px;\n      }\n\n      .signature-title {\n        font-size:\n          clamp(\n            38px,\n            4.5vw,\n            50px\n          );\n      }\n\n      .stats-grid {\n        grid-template-columns:\n          repeat(2, minmax(0, 1fr));\n      }\n\n      .stat-item:nth-child(2) {\n        border-right: none;\n      }\n\n      .stat-item:nth-child(-n+2) {\n        border-bottom:\n          1px solid\n          var(--border-light);\n      }\n\n      .proofs-grid {\n        grid-template-columns:\n          repeat(2, minmax(0, 1fr));\n      }\n\n      .proof-item:nth-child(2) {\n        border-right: none;\n      }\n\n      .proof-item:nth-child(-n+2) {\n        border-bottom:\n          1px solid\n          rgba(255,255,255,0.08);\n      }\n\n    }\n\n    \/* ==================================================\n       TABLET VERTICAL\n    ================================================== *\/\n\n    @media (max-width: 760px) {\n\n      .signature-section {\n        padding:\n          72px\n          18px;\n      }\n\n      .signature-header {\n        display: block;\n\n        margin-bottom: 44px;\n      }\n\n      .signature-title {\n        max-width: 620px;\n\n        margin-bottom: 22px;\n\n        font-size: 40px;\n      }\n\n      .signature-intro {\n        max-width: 620px;\n\n        font-size: 15px;\n      }\n\n      .signature-bottom {\n        align-items: flex-start;\n\n        flex-direction: column;\n      }\n\n    }\n\n    \/* ==================================================\n       MOBILE\n    ================================================== *\/\n\n    @media (max-width: 600px) {\n\n      .signature-section {\n        padding:\n          58px\n          14px\n          62px;\n      }\n\n      .signature-eyebrow {\n        margin-bottom: 14px;\n\n        font-size: 10px;\n      }\n\n      .signature-eyebrow::before {\n        width: 22px;\n      }\n\n      .signature-title {\n        margin-bottom: 18px;\n\n        font-size: 34px;\n        line-height: 1.07;\n      }\n\n      .signature-intro {\n        font-size: 14px;\n        line-height: 1.65;\n      }\n\n      .stats-grid {\n        display: block;\n      }\n\n      .stat-item {\n        min-height: 180px;\n\n        padding:\n          26px\n          8px;\n      }\n\n      .stat-item:not(:last-child) {\n        border-right: none;\n\n        border-bottom:\n          1px solid\n          var(--border-light);\n      }\n\n      .stat-number {\n        font-size: 50px;\n      }\n\n      .proofs-grid {\n        display: block;\n\n        border-radius: 20px;\n      }\n\n      .proof-item {\n        min-height: 140px;\n\n        padding: 24px;\n      }\n\n      .proof-item:not(:last-child) {\n        border-right: none;\n\n        border-bottom:\n          1px solid\n          rgba(255,255,255,0.08);\n      }\n\n      .signature-bottom {\n        margin-top: 30px;\n      }\n\n      .signature-note {\n        font-size: 12px;\n      }\n\n      .signature-cta {\n        width: 100%;\n\n        justify-content:\n          space-between;\n      }\n\n    }\n\n    \/* ==================================================\n       SMALL MOBILE\n    ================================================== *\/\n\n    @media (max-width: 430px) {\n\n      .signature-title {\n        font-size: 31px;\n      }\n\n      .stat-number {\n        font-size: 46px;\n      }\n\n    }\n\n  <\/style>\n<\/head>\n\n<body>\n\n<section\n  class=\"signature-section\"\n  id=\"chiffres\"\n>\n\n  <div class=\"signature-container\">\n\n    <!-- HEADER -->\n    <header class=\"signature-header\">\n\n      <div>\n\n        <div class=\"signature-eyebrow\">\n          Le Centre Fleming\n        <\/div>\n\n        <h2 class=\"signature-title\">\n          Une expertise collective<br>\n          <span>au service de votre mobilit\u00e9.<\/span>\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"signature-intro\">\n        Une \u00e9quipe sp\u00e9cialis\u00e9e, des expertises compl\u00e9mentaires\n        et une organisation pens\u00e9e pour accompagner chaque patient\n        avec pr\u00e9cision tout au long de son parcours.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =========================================\n         CHIFFRES\n         \u00c0 VALIDER AVEC LE CLIENT\n    ========================================== -->\n\n    <div class=\"stats-grid\">\n\n      <!-- 01 -->\n      <article class=\"stat-item\">\n\n        <span class=\"stat-index\">\n          01\n        <\/span>\n\n        <div class=\"stat-main\">\n\n          <strong class=\"stat-number\">\n            XX\n          <\/strong>\n\n          <p class=\"stat-label\">\n            chirurgiens sp\u00e9cialistes\n            au sein du Centre Fleming\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 02 -->\n      <article class=\"stat-item\">\n\n        <span class=\"stat-index\">\n          02\n        <\/span>\n\n        <div class=\"stat-main\">\n\n          <strong class=\"stat-number\">\n            10<span>+<\/span>\n          <\/strong>\n\n          <p class=\"stat-label\">\n            ann\u00e9es d\u2019expertise\n            et d\u2019accompagnement\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 03 -->\n      <article class=\"stat-item\">\n\n        <span class=\"stat-index\">\n          03\n        <\/span>\n\n        <div class=\"stat-main\">\n\n          <strong class=\"stat-number\">\n            XX\n          <\/strong>\n\n          <p class=\"stat-label\">\n            patients accompagn\u00e9s\n            chaque ann\u00e9e\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 04 -->\n      <article class=\"stat-item\">\n\n        <span class=\"stat-index\">\n          04\n        <\/span>\n\n        <div class=\"stat-main\">\n\n          <strong class=\"stat-number\">\n            XX\n          <\/strong>\n\n          <p class=\"stat-label\">\n            interventions\n            r\u00e9alis\u00e9es chaque ann\u00e9e\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =========================================\n         PREUVES QUALITATIVES\n         \u00c0 GARDER SI CERTAINS CHIFFRES\n         NE SONT PAS COMMUNICABLES\n    ========================================== -->\n\n    <div class=\"proofs-grid\">\n\n      <article class=\"proof-item\">\n\n        <span class=\"proof-number\">\n          01\n        <\/span>\n\n        <h3 class=\"proof-title\">\n          Expertises\n          d\u00e9di\u00e9es\n        <\/h3>\n\n      <\/article>\n\n\n      <article class=\"proof-item\">\n\n        <span class=\"proof-number\">\n          02\n        <\/span>\n\n        <h3 class=\"proof-title\">\n          Prise en charge\n          sp\u00e9cialis\u00e9e\n        <\/h3>\n\n      <\/article>\n\n\n      <article class=\"proof-item\">\n\n        <span class=\"proof-number\">\n          03\n        <\/span>\n\n        <h3 class=\"proof-title\">\n          Parcours\n          coordonn\u00e9\n        <\/h3>\n\n      <\/article>\n\n\n      <article class=\"proof-item\">\n\n        <span class=\"proof-number\">\n          04\n        <\/span>\n\n        <h3 class=\"proof-title\">\n          Implant\u00e9 \u00e0\n          Bourgoin-Jallieu\n        <\/h3>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =========================================\n         FOOTER\n    ========================================== -->\n\n    <div class=\"signature-bottom\">\n\n      <p class=\"signature-note\">\n        Les chiffres pr\u00e9sent\u00e9s dans cette section sont \u00e0 confirmer\n        avec le Centre Fleming avant publication d\u00e9finitive.\n        Les indicateurs qualitatifs peuvent \u00eatre utilis\u00e9s en remplacement\n        lorsqu\u2019une donn\u00e9e n\u2019est pas destin\u00e9e \u00e0 \u00eatre communiqu\u00e9e.\n      <\/p>\n\n      <a\n        href=\"#centre-fleming\"\n        class=\"signature-cta\"\n      >\n        D\u00e9couvrir le centre\n\n        <span class=\"signature-cta-icon\">\n          \u2192\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79219ed e-flex e-con-boxed e-con e-parent\" data-id=\"79219ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac2439d elementor-widget elementor-widget-html\" data-id=\"ac2439d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <title>Centre Fleming \u2014 Expertise & Innovation<\/title>\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n  <link\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\"\n    rel=\"stylesheet\"\n  >\n\n  <style>\n\n    :root {\n      --fleming-blue: #173A56;\n      --fleming-dark: #102E46;\n      --fleming-turquoise: #098999;\n      --fleming-white: #FFFFFF;\n\n      --innovation-bg: #F4F1EC;\n      --innovation-bg-light: #FAF8F5;\n\n      --text-soft: #667985;\n      --border: rgba(23, 58, 86, 0.11);\n\n      --container: 1440px;\n\n      --radius-xl: 32px;\n      --radius-lg: 24px;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: \"Inter\", sans-serif;\n      background: #FFFFFF;\n      color: var(--fleming-blue);\n    }\n\n    img {\n      display: block;\n      width: 100%;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    \/* ==================================================\n       SECTION\n    ================================================== *\/\n\n    .innovation-section {\n      position: relative;\n      overflow: hidden;\n\n      padding: 115px 32px 120px;\n\n\n    }\n\n    \/* grand cercle technique *\/\n\n    \n\n    \/* ligne d\u00e9corative *\/\n\n\n\n    .innovation-container {\n      width: min(100%, var(--container));\n      margin: 0 auto;\n\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* ==================================================\n       HEADER\n    ================================================== *\/\n\n    .innovation-header {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 1fr)\n        minmax(300px, 0.62fr);\n\n      gap: 70px;\n\n      align-items: end;\n\n      margin-bottom: 54px;\n    }\n\n    .innovation-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color: var(--fleming-turquoise);\n\n      font-size: 12px;\n      font-weight: 700;\n\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .innovation-eyebrow::before {\n      content: \"\";\n\n      width: 28px;\n      height: 2px;\n\n      border-radius: 100px;\n\n      background: var(--fleming-turquoise);\n    }\n\n    .innovation-title {\n      max-width: 760px;\n\n      color: var(--fleming-blue);\n\n      font-size: clamp(40px, 4vw, 56px);\n\n      line-height: 1.04;\n\n      letter-spacing: -0.045em;\n\n      font-weight: 700;\n    }\n\n    .innovation-title span {\n      color: var(--fleming-turquoise);\n    }\n\n    .innovation-intro {\n      max-width: 560px;\n\n      color: var(--text-soft);\n\n      font-size: 16px;\n      line-height: 1.75;\n    }\n\n    \/* ==================================================\n       MAIN LAYOUT\n    ================================================== *\/\n\n    .innovation-main {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 1.1fr)\n        minmax(400px, 0.9fr);\n\n      gap: 20px;\n\n      align-items: stretch;\n    }\n\n    \/* ==================================================\n       IMAGE\n    ================================================== *\/\n\n    .innovation-visual {\n      position: relative;\n\n      min-height: 620px;\n\n      overflow: hidden;\n\n      border-radius: var(--radius-xl);\n\n      background: var(--fleming-dark);\n    }\n\n    .innovation-image {\n      position: absolute;\n      inset: 0;\n\n      width: 100%;\n      height: 100%;\n\n      object-fit: cover;\n\n      transition:\n        transform 0.75s cubic-bezier(.2,.7,.2,1);\n    }\n\n    .innovation-visual:hover\n    .innovation-image {\n      transform: scale(1.03);\n    }\n\n    .innovation-visual::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      z-index: 1;\n\n      background:\n        linear-gradient(\n          180deg,\n          rgba(10, 31, 46, 0.02) 0%,\n          rgba(10, 31, 46, 0.08) 38%,\n          rgba(10, 31, 46, 0.82) 100%\n        );\n    }\n\n    \/* ==================================================\n       TECHNICAL OVERLAY\n    ================================================== *\/\n\n    .innovation-tech {\n      position: absolute;\n      inset: 0;\n\n      z-index: 2;\n\n      pointer-events: none;\n    }\n\n    .tech-circle {\n      position: absolute;\n\n      width: 170px;\n      height: 170px;\n\n      top: 50%;\n      left: 50%;\n\n      transform: translate(-50%, -50%);\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(115, 221, 229, 0.65);\n    }\n\n    .tech-circle::before {\n      content: \"\";\n\n      position: absolute;\n\n      inset: 17px;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(255, 255, 255, 0.28);\n    }\n\n    .tech-circle::after {\n      content: \"\";\n\n      position: absolute;\n\n      width: 8px;\n      height: 8px;\n\n      top: 50%;\n      left: 50%;\n\n      transform: translate(-50%, -50%);\n\n      border-radius: 50%;\n\n      background: #73DDE5;\n\n      box-shadow:\n        0 0 0 7px\n        rgba(115, 221, 229, 0.15);\n    }\n\n    .tech-line-horizontal {\n      position: absolute;\n\n      width: 250px;\n      height: 1px;\n\n      top: 50%;\n      left: 50%;\n\n      transform: translate(-50%, -50%);\n\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          rgba(115, 221, 229, 0.65),\n          transparent\n        );\n    }\n\n    .tech-line-vertical {\n      position: absolute;\n\n      width: 1px;\n      height: 250px;\n\n      top: 50%;\n      left: 50%;\n\n      transform: translate(-50%, -50%);\n\n      background:\n        linear-gradient(\n          180deg,\n          transparent,\n          rgba(115, 221, 229, 0.65),\n          transparent\n        );\n    }\n\n    \/* ==================================================\n       IMAGE TOP\n    ================================================== *\/\n\n    .innovation-visual-top {\n      position: absolute;\n\n      z-index: 4;\n\n      top: 26px;\n      left: 26px;\n      right: 26px;\n\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 20px;\n    }\n\n    .innovation-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n\n      padding: 10px 14px;\n\n      border-radius: 999px;\n\n      background:\n        rgba(255, 255, 255, 0.90);\n\n      backdrop-filter: blur(12px);\n\n      color: var(--fleming-blue);\n\n      font-size: 10px;\n      font-weight: 700;\n\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .innovation-badge::before {\n      content: \"\";\n\n      width: 8px;\n      height: 8px;\n\n      border-radius: 50%;\n\n      background: var(--fleming-turquoise);\n    }\n\n    .innovation-ref {\n      color:\n        rgba(255, 255, 255, 0.58);\n\n      font-size: 9px;\n      font-weight: 700;\n\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    \/* ==================================================\n       IMAGE BOTTOM\n    ================================================== *\/\n\n    .innovation-visual-bottom {\n      position: absolute;\n\n      z-index: 4;\n\n      left: 34px;\n      right: 34px;\n      bottom: 34px;\n    }\n\n    .innovation-visual-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n\n      margin-bottom: 12px;\n\n      color: #73DDE5;\n\n      font-size: 10px;\n      font-weight: 700;\n\n      letter-spacing: 0.09em;\n      text-transform: uppercase;\n    }\n\n    .innovation-visual-label::before {\n      content: \"\";\n\n      width: 22px;\n      height: 1px;\n\n      background: currentColor;\n    }\n\n    .innovation-visual-title {\n      max-width: 520px;\n\n      color: #FFFFFF;\n\n      font-size: 24px;\n      line-height: 1.22;\n\n      letter-spacing: -0.03em;\n\n      font-weight: 500;\n    }\n\n    \/* ==================================================\n       RIGHT PANEL\n    ================================================== *\/\n\n    .innovation-panel {\n      display: flex;\n      flex-direction: column;\n\n      border-radius: var(--radius-xl);\n\n      overflow: hidden;\n\n      background: rgba(255, 255, 255, 0.70);\n\n      border:\n        1px solid\n        rgba(23, 58, 86, 0.09);\n\n      backdrop-filter: blur(10px);\n    }\n\n    \/* ==================================================\n       PANEL INTRO\n    ================================================== *\/\n\n    .innovation-panel-head {\n      padding:\n        36px\n        36px\n        32px;\n    }\n\n    .innovation-panel-index {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      margin-bottom: 30px;\n    }\n\n    .innovation-panel-index span:first-child {\n      color: var(--fleming-turquoise);\n\n      font-size: 11px;\n      font-weight: 700;\n\n      letter-spacing: 0.1em;\n    }\n\n    .innovation-panel-index span:last-child {\n      color:\n        rgba(23, 58, 86, 0.34);\n\n      font-size: 9px;\n      font-weight: 700;\n\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n\n    .innovation-panel-title {\n      max-width: 430px;\n\n      margin-bottom: 16px;\n\n      color: var(--fleming-blue);\n\n      font-size: 26px;\n      line-height: 1.15;\n\n      letter-spacing: -0.035em;\n\n      font-weight: 600;\n    }\n\n    .innovation-panel-text {\n      max-width: 480px;\n\n      color: var(--text-soft);\n\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    \/* ==================================================\n       AXES\n    ================================================== *\/\n\n    .innovation-axes {\n      margin-top: auto;\n\n      border-top:\n        1px solid\n        var(--border);\n    }\n\n    .innovation-axis {\n      display: grid;\n\n      grid-template-columns:\n        54px\n        minmax(0, 1fr)\n        34px;\n\n      gap: 16px;\n\n      align-items: center;\n\n      min-height: 118px;\n\n      padding:\n        22px\n        30px;\n\n      transition:\n        background 0.25s ease;\n    }\n\n    .innovation-axis:not(:last-child) {\n      border-bottom:\n        1px solid\n        var(--border);\n    }\n\n    .innovation-axis:hover {\n      background:\n        rgba(9, 137, 153, 0.055);\n    }\n\n    \/* NUMBER *\/\n\n    .axis-number {\n      width: 42px;\n      height: 42px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        rgba(9, 137, 153, 0.08);\n\n      color:\n        var(--fleming-turquoise);\n\n      font-size: 10px;\n      font-weight: 700;\n    }\n\n    \/* CONTENT *\/\n\n    .axis-content h3 {\n      margin-bottom: 6px;\n\n      color:\n        var(--fleming-blue);\n\n      font-size: 17px;\n      line-height: 1.2;\n\n      letter-spacing: -0.025em;\n\n      font-weight: 600;\n    }\n\n    .axis-content p {\n      color:\n        var(--text-soft);\n\n      font-size: 12px;\n      line-height: 1.55;\n    }\n\n    \/* STATUS *\/\n\n    .axis-status {\n      width: 30px;\n      height: 30px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(23, 58, 86, 0.12);\n\n      color:\n        rgba(23, 58, 86, 0.38);\n\n      font-size: 13px;\n    }\n\n    \/* ==================================================\n       FOOTER\n    ================================================== *\/\n\n    .innovation-footer {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 1fr)\n        auto;\n\n      align-items: center;\n\n      gap: 40px;\n\n      margin-top: 30px;\n\n      padding-top: 30px;\n\n      border-top:\n        1px solid\n        rgba(23, 58, 86, 0.10);\n    }\n\n    .innovation-note {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n\n      max-width: 680px;\n\n      color:\n        rgba(23, 58, 86, 0.50);\n\n      font-size: 12px;\n      line-height: 1.6;\n    }\n\n    .innovation-note-icon {\n      flex: 0 0 auto;\n\n      width: 24px;\n      height: 24px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        rgba(9, 137, 153, 0.08);\n\n      color:\n        var(--fleming-turquoise);\n\n      font-size: 10px;\n      font-weight: 700;\n    }\n\n    \/* ==================================================\n       CTA\n    ================================================== *\/\n\n    .innovation-cta {\n      flex: 0 0 auto;\n\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n\n      padding:\n        7px\n        7px\n        7px\n        22px;\n\n      border-radius: 999px;\n\n      background:\n        var(--fleming-blue);\n\n      color: #FFFFFF;\n\n      font-size: 14px;\n      font-weight: 600;\n\n      transition:\n        transform 0.25s ease,\n        background 0.25s ease;\n    }\n\n    .innovation-cta:hover {\n      transform: translateY(-2px);\n\n      background:\n        var(--fleming-dark);\n    }\n\n    .innovation-cta-icon {\n      width: 40px;\n      height: 40px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        var(--fleming-turquoise);\n\n      color: #FFFFFF;\n\n      transition:\n        transform 0.25s ease;\n    }\n\n    .innovation-cta:hover\n    .innovation-cta-icon {\n      transform: translateX(3px);\n    }\n\n    \/* ==================================================\n       TABLET\n    ================================================== *\/\n\n    @media (max-width: 1050px) {\n\n      .innovation-section {\n        padding:\n          90px\n          24px;\n      }\n\n      .innovation-header {\n        gap: 45px;\n      }\n\n      .innovation-title {\n        font-size:\n          clamp(\n            38px,\n            4.5vw,\n            50px\n          );\n      }\n\n      .innovation-main {\n        grid-template-columns:\n          minmax(0, 1fr)\n          minmax(360px, 0.9fr);\n      }\n\n      .innovation-visual {\n        min-height: 590px;\n      }\n\n      .innovation-panel-head {\n        padding: 30px;\n      }\n\n      .innovation-axis {\n        padding:\n          20px\n          24px;\n      }\n\n    }\n\n    \/* ==================================================\n       TABLET VERTICAL\n    ================================================== *\/\n\n    @media (max-width: 820px) {\n\n      .innovation-section {\n        padding:\n          72px\n          18px;\n      }\n\n      .innovation-header {\n        display: block;\n\n        margin-bottom: 40px;\n      }\n\n      .innovation-title {\n        max-width: 620px;\n\n        margin-bottom: 20px;\n\n        font-size: 40px;\n      }\n\n      .innovation-intro {\n        max-width: 620px;\n\n        font-size: 15px;\n      }\n\n      .innovation-main {\n        display: block;\n      }\n\n      .innovation-visual {\n        min-height: 500px;\n\n        margin-bottom: 18px;\n      }\n\n      .innovation-panel {\n        border-radius: 26px;\n      }\n\n      .innovation-panel-head {\n        padding:\n          32px;\n      }\n\n      .innovation-footer {\n        margin-top: 28px;\n      }\n\n    }\n\n    \/* ==================================================\n       MOBILE\n    ================================================== *\/\n\n    @media (max-width: 600px) {\n\n      .innovation-section {\n        padding:\n          58px\n          14px\n          62px;\n      }\n\n      .innovation-eyebrow {\n        margin-bottom: 14px;\n\n        font-size: 10px;\n      }\n\n      .innovation-eyebrow::before {\n        width: 22px;\n      }\n\n      .innovation-title {\n        margin-bottom: 18px;\n\n        font-size: 34px;\n        line-height: 1.07;\n      }\n\n      .innovation-intro {\n        font-size: 14px;\n        line-height: 1.65;\n      }\n\n      \/* IMAGE *\/\n\n      .innovation-visual {\n        min-height: 410px;\n\n        border-radius: 22px;\n      }\n\n      .innovation-visual-top {\n        top: 18px;\n        left: 18px;\n        right: 18px;\n      }\n\n      .innovation-badge {\n        padding:\n          8px\n          11px;\n\n        font-size: 9px;\n      }\n\n      .innovation-ref {\n        display: none;\n      }\n\n      .innovation-visual-bottom {\n        left: 22px;\n        right: 22px;\n        bottom: 22px;\n      }\n\n      .innovation-visual-title {\n        font-size: 19px;\n      }\n\n      .tech-circle {\n        width: 130px;\n        height: 130px;\n      }\n\n      .tech-line-horizontal {\n        width: 190px;\n      }\n\n      .tech-line-vertical {\n        height: 190px;\n      }\n\n      \/* PANEL *\/\n\n      .innovation-panel {\n        border-radius: 22px;\n      }\n\n      .innovation-panel-head {\n        padding:\n          26px\n          22px;\n      }\n\n      .innovation-panel-index {\n        margin-bottom: 22px;\n      }\n\n      .innovation-panel-title {\n        font-size: 22px;\n      }\n\n      .innovation-panel-text {\n        font-size: 13px;\n      }\n\n      .innovation-axis {\n        grid-template-columns:\n          46px\n          minmax(0, 1fr)\n          30px;\n\n        gap: 12px;\n\n        min-height: 110px;\n\n        padding:\n          20px\n          18px;\n      }\n\n      .axis-number {\n        width: 38px;\n        height: 38px;\n      }\n\n      .axis-content h3 {\n        font-size: 16px;\n      }\n\n      .axis-content p {\n        font-size: 11px;\n      }\n\n      \/* FOOTER *\/\n\n      .innovation-footer {\n        grid-template-columns: 1fr;\n\n        gap: 24px;\n      }\n\n      .innovation-cta {\n        width: 100%;\n\n        justify-content:\n          space-between;\n      }\n\n    }\n\n    \/* ==================================================\n       SMALL MOBILE\n    ================================================== *\/\n\n    @media (max-width: 430px) {\n\n      .innovation-title {\n        font-size: 31px;\n      }\n\n      .innovation-visual {\n        min-height: 380px;\n      }\n\n      .innovation-visual-title {\n        font-size: 18px;\n      }\n\n      .innovation-panel-title {\n        font-size: 20px;\n      }\n\n    }\n\n  <\/style>\n<\/head>\n\n<body>\n\n<section\n  class=\"innovation-section\"\n  id=\"innovation\"\n>\n\n  <div class=\"innovation-container\">\n\n    <!-- =========================================\n         HEADER\n    ========================================== -->\n\n    <header class=\"innovation-header\">\n\n      <div>\n\n        <div class=\"innovation-eyebrow\">\n          Expertise & innovation\n        <\/div>\n\n        <h2 class=\"innovation-title\">\n          La pr\u00e9cision au service<br>\n          <span>du mouvement.<\/span>\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"innovation-intro\">\n        L'\u00e9volution des techniques chirurgicales,\n        de l'imagerie et de la planification permet\n        une prise en charge toujours plus pr\u00e9cise\n        des pathologies ost\u00e9o-articulaires.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =========================================\n         MAIN\n    ========================================== -->\n\n    <div class=\"innovation-main\">\n\n\n      <!-- =========================================\n           VISUAL\n      ========================================== -->\n\n      <div class=\"innovation-visual\">\n\n        <img decoding=\"async\"\n          class=\"innovation-image\"\n          src=\"https:\/\/images.unsplash.com\/photo-1579684385127-1ef15d508118?auto=format&fit=crop&w=1600&q=88\"\n          alt=\"Technologies m\u00e9dicales et imagerie\"\n        >\n\n\n        <!-- Rep\u00e8res techniques -->\n\n        <div class=\"innovation-tech\">\n\n          <div class=\"tech-circle\"><\/div>\n\n          <div class=\"tech-line-horizontal\"><\/div>\n\n          <div class=\"tech-line-vertical\"><\/div>\n\n        <\/div>\n\n\n        <!-- TOP -->\n\n        <div class=\"innovation-visual-top\">\n\n          <div class=\"innovation-badge\">\n            Pr\u00e9cision & technologie\n          <\/div>\n\n          <span class=\"innovation-ref\">\n            Fleming \/ Medical expertise\n          <\/span>\n\n        <\/div>\n\n\n        <!-- BOTTOM -->\n\n        <div class=\"innovation-visual-bottom\">\n\n          <div class=\"innovation-visual-label\">\n            Expertise chirurgicale\n          <\/div>\n\n          <p class=\"innovation-visual-title\">\n            Mettre la technologie au service\n            d'une prise en charge plus pr\u00e9cise.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =========================================\n           PANEL\n      ========================================== -->\n\n      <div class=\"innovation-panel\">\n\n\n        <!-- INTRO PANEL -->\n\n        <div class=\"innovation-panel-head\">\n\n          <div class=\"innovation-panel-index\">\n\n            <span>\n              01 \u2014 03\n            <\/span>\n\n            <span>\n              Axes \u00e0 valider\n            <\/span>\n\n          <\/div>\n\n          <h3 class=\"innovation-panel-title\">\n            Des techniques qui \u00e9voluent avec les besoins du patient.\n          <\/h3>\n\n          <p class=\"innovation-panel-text\">\n            L\u2019innovation n\u2019est pas une finalit\u00e9.\n            Elle prend tout son sens lorsqu\u2019elle contribue\n            \u00e0 la pr\u00e9cision du diagnostic, de la planification\n            et de la prise en charge.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- =========================================\n             AXES\n        ========================================== -->\n\n        <div class=\"innovation-axes\">\n\n\n          <!-- 01 -->\n\n          <article class=\"innovation-axis\">\n\n            <span class=\"axis-number\">\n              01\n            <\/span>\n\n            <div class=\"axis-content\">\n\n              <h3>\n                Chirurgie mini-invasive\n              <\/h3>\n\n              <p>\n                Technique \u00e0 confirmer avec l\u2019\u00e9quipe m\u00e9dicale.\n              <\/p>\n\n            <\/div>\n\n            <span\n              class=\"axis-status\"\n              title=\"\u00c0 valider\"\n            >\n              +\n            <\/span>\n\n          <\/article>\n\n\n          <!-- 02 -->\n\n          <article class=\"innovation-axis\">\n\n            <span class=\"axis-number\">\n              02\n            <\/span>\n\n            <div class=\"axis-content\">\n\n              <h3>\n                Planification chirurgicale\n              <\/h3>\n\n              <p>\n                Technologie \u00e0 confirmer avec les chirurgiens.\n              <\/p>\n\n            <\/div>\n\n            <span\n              class=\"axis-status\"\n              title=\"\u00c0 valider\"\n            >\n              +\n            <\/span>\n\n          <\/article>\n\n\n          <!-- 03 -->\n\n          <article class=\"innovation-axis\">\n\n            <span class=\"axis-number\">\n              03\n            <\/span>\n\n            <div class=\"axis-content\">\n\n              <h3>\n                R\u00e9cup\u00e9ration optimis\u00e9e\n              <\/h3>\n\n              <p>\n                Protocole \u00e0 confirmer avant publication.\n              <\/p>\n\n            <\/div>\n\n            <span\n              class=\"axis-status\"\n              title=\"\u00c0 valider\"\n            >\n              +\n            <\/span>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =========================================\n         FOOTER\n    ========================================== -->\n\n    <div class=\"innovation-footer\">\n\n      <p class=\"innovation-note\">\n\n        <span class=\"innovation-note-icon\">\n          i\n        <\/span>\n\n        <span>\n          Les technologies, techniques et protocoles pr\u00e9sent\u00e9s\n          dans cette section devront \u00eatre valid\u00e9s par les chirurgiens\n          du Centre Fleming avant publication.\n        <\/span>\n\n      <\/p>\n\n\n      <a\n        href=\"#expertises\"\n        class=\"innovation-cta\"\n      >\n\n        D\u00e9couvrir nos expertises\n\n        <span class=\"innovation-cta-icon\">\n          \u2192\n        <\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4525f23 e-flex e-con-boxed e-con e-parent\" data-id=\"4525f23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-743652a elementor-widget elementor-widget-html\" data-id=\"743652a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n\/* ==================================================\n   VARIABLES\n================================================== *\/\n\n:root {\n    --fleming-blue: #173A56;\n    --fleming-dark: #102E46;\n    --fleming-turquoise: #098999;\n    --fleming-white: #FFFFFF;\n    --fleming-light: #F4F7F8;\n    --fleming-sand: #E8D8C3;\n\n    --text-soft: #687B87;\n    --border: rgba(23, 58, 86, 0.10);\n\n    --container: 1440px;\n\n    --radius-xl: 28px;\n    --radius-lg: 22px;\n}\n\n\n\/* ==================================================\n   RESET LOCAL\n================================================== *\/\n\n.news-section,\n.news-section *,\n.article-modal,\n.article-modal * {\n    box-sizing: border-box;\n}\n\n.news-section img,\n.article-modal img {\n    display: block;\n    width: 100%;\n}\n\n.news-section a,\n.article-modal a {\n    color: inherit;\n    text-decoration: none;\n}\n\n.news-section button,\n.article-modal button {\n    font: inherit;\n}\n\n\n\/* ==================================================\n   BLOQUER UNIQUEMENT LA PAGE DERRI\u00c8RE\n================================================== *\/\n\nbody.article-modal-open {\n    overflow: hidden !important;\n}\n\n\n\/* ==================================================\n   SECTION\n================================================== *\/\n\n.news-section {\n    position: relative;\n    overflow: hidden;\n\n    padding: 115px 32px 120px;\n\n    font-family: \"Inter\", sans-serif;\n\n    color: var(--fleming-blue);\n    background: #FFFFFF;\n}\n\n.news-container {\n    width: min(100%, var(--container));\n    margin: 0 auto;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* ==================================================\n   HEADER\n================================================== *\/\n\n.news-header {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        minmax(300px, 0.6fr);\n\n    gap: 70px;\n    align-items: end;\n\n    margin-bottom: 54px;\n}\n\n.news-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n\n    margin-bottom: 18px;\n\n    color: var(--fleming-turquoise);\n\n    font-size: 12px;\n    font-weight: 700;\n\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n}\n\n.news-eyebrow::before {\n    content: \"\";\n\n    width: 28px;\n    height: 2px;\n\n    background: var(--fleming-turquoise);\n\n    border-radius: 100px;\n}\n\n.news-title {\n    max-width: 720px;\n\n    margin: 0;\n\n    color: var(--fleming-blue);\n\n    font-size: clamp(40px, 4vw, 56px);\n    line-height: 1.04;\n\n    letter-spacing: -0.045em;\n\n    font-weight: 700;\n}\n\n.news-title span {\n    color: var(--fleming-turquoise);\n}\n\n.news-intro {\n    max-width: 530px;\n\n    margin: 0;\n\n    color: var(--text-soft);\n\n    font-size: 16px;\n    line-height: 1.7;\n}\n\n\n\/* ==================================================\n   GRID\n================================================== *\/\n\n.news-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 18px;\n}\n\n\n\/* ==================================================\n   CARD\n================================================== *\/\n\n.news-card {\n    display: flex;\n    flex-direction: column;\n\n    overflow: hidden;\n\n    min-height: 590px;\n\n    border-radius: var(--radius-xl);\n\n    background: var(--fleming-light);\n\n    border: 1px solid var(--border);\n\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.news-card:hover {\n    transform: translateY(-5px);\n\n    box-shadow:\n        0 24px 55px\n        rgba(23, 58, 86, 0.09);\n}\n\n\n\/* ==================================================\n   IMAGE\n================================================== *\/\n\n.news-card-image {\n    position: relative;\n\n    height: 285px;\n\n    overflow: hidden;\n}\n\n.news-card-image img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    transition:\n        transform 0.65s\n        cubic-bezier(.2,.7,.2,1);\n}\n\n.news-card:hover .news-card-image img {\n    transform: scale(1.045);\n}\n\n.news-card-image::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 55%,\n            rgba(16, 46, 70, 0.18)\n        );\n}\n\n\n\/* ==================================================\n   CATEGORY\n================================================== *\/\n\n.news-category {\n    position: absolute;\n\n    z-index: 3;\n\n    top: 20px;\n    left: 20px;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n\n    padding: 9px 12px;\n\n    border-radius: 999px;\n\n    background:\n        rgba(255, 255, 255, 0.92);\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n\n    color: var(--fleming-blue);\n\n    font-size: 9px;\n    font-weight: 700;\n\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.news-category::before {\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--fleming-turquoise);\n}\n\n\n\/* ==================================================\n   CARD CONTENT\n================================================== *\/\n\n.news-card-content {\n    flex: 1;\n\n    display: flex;\n    flex-direction: column;\n\n    padding: 28px 28px 26px;\n}\n\n.news-meta {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-bottom: 16px;\n\n    color: var(--fleming-turquoise);\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.news-meta-dot {\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(23, 58, 86, 0.28);\n}\n\n.news-card-title {\n    max-width: 360px;\n\n    margin: 0 0 15px;\n\n    color: var(--fleming-blue);\n\n    font-size: 24px;\n    line-height: 1.15;\n\n    letter-spacing: -0.035em;\n\n    font-weight: 600;\n}\n\n.news-card-excerpt {\n    max-width: 380px;\n\n    color: var(--text-soft);\n\n    font-size: 14px;\n    line-height: 1.65;\n\n    margin: 0 0 28px;\n}\n\n\n\/* ==================================================\n   READ MORE\n================================================== *\/\n\n.news-read {\n    width: 100%;\n\n    margin-top: auto;\n\n    padding: 20px 0 0;\n\n    border: none;\n    border-top: 1px solid var(--border);\n\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    cursor: pointer;\n\n    color: var(--fleming-blue);\n\n    font-size: 13px;\n    font-weight: 600;\n\n    text-align: left;\n}\n\n.news-read-arrow {\n    width: 38px;\n    height: 38px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: var(--fleming-blue);\n\n    color: #FFFFFF;\n\n    transition:\n        background 0.25s ease,\n        transform 0.25s ease;\n}\n\n.news-read:hover .news-read-arrow {\n    background: var(--fleming-turquoise);\n\n    transform: translateX(3px);\n}\n\n\n\/* ==================================================\n   SECTION FOOTER\n================================================== *\/\n\n.news-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 40px;\n\n    margin-top: 38px;\n}\n\n.news-footer-text {\n    max-width: 620px;\n\n    margin: 0;\n\n    color:\n        rgba(23, 58, 86, 0.48);\n\n    font-size: 12px;\n    line-height: 1.6;\n}\n\n.news-all {\n    flex: 0 0 auto;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n\n    padding:\n        7px\n        7px\n        7px\n        22px;\n\n    border-radius: 999px;\n\n    background: var(--fleming-blue);\n\n    color: #FFFFFF !important;\n\n    font-size: 14px;\n    font-weight: 600;\n\n    transition:\n        background 0.25s ease,\n        transform 0.25s ease;\n}\n\n.news-all:hover {\n    background: var(--fleming-dark);\n\n    transform: translateY(-2px);\n}\n\n.news-all-icon {\n    width: 40px;\n    height: 40px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: var(--fleming-turquoise);\n\n    transition:\n        transform 0.25s ease;\n}\n\n.news-all:hover .news-all-icon {\n    transform: translateX(3px);\n}\n\n\n\/* ==================================================\n   MODAL OVERLAY\n================================================== *\/\n\n.article-modal {\n    position: fixed !important;\n\n    inset: 0 !important;\n\n    z-index: 2147483000 !important;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 100vw;\n    height: 100vh;\n    height: 100dvh;\n\n    padding: 28px;\n\n    overflow: hidden;\n\n    background:\n        rgba(9, 28, 43, 0.78);\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n\n    opacity: 0;\n    visibility: hidden;\n\n    pointer-events: none;\n\n    font-family: \"Inter\", sans-serif;\n\n    transition:\n        opacity 0.3s ease,\n        visibility 0.3s ease;\n}\n\n.article-modal.is-open {\n    opacity: 1;\n    visibility: visible;\n\n    pointer-events: auto;\n}\n\n\n\/* ==================================================\n   MODAL BOX\n================================================== *\/\n\n.article-modal-dialog {\n    position: relative;\n\n    width: min(1120px, 100%);\n\n    height: calc(100vh - 56px);\n    height: calc(100dvh - 56px);\n\n    max-height: calc(100vh - 56px);\n    max-height: calc(100dvh - 56px);\n\n    display: flex;\n    flex-direction: column;\n\n    overflow: hidden;\n\n    border-radius: 30px;\n\n    background: #FFFFFF;\n\n    box-shadow:\n        0 40px 100px\n        rgba(0, 0, 0, 0.25);\n\n    transform:\n        translateY(20px)\n        scale(0.98);\n\n    transition:\n        transform 0.35s\n        cubic-bezier(.2,.7,.2,1);\n}\n\n.article-modal.is-open\n.article-modal-dialog {\n    transform:\n        translateY(0)\n        scale(1);\n}\n\n\n\/* ==================================================\n   CLOSE\n================================================== *\/\n\n.article-modal-close {\n    position: absolute;\n\n    z-index: 30;\n\n    top: 20px;\n    right: 20px;\n\n    width: 46px;\n    height: 46px;\n\n    padding: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border: none;\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,0.94);\n\n    color: var(--fleming-blue);\n\n    box-shadow:\n        0 8px 25px\n        rgba(16,46,70,0.12);\n\n    cursor: pointer;\n\n    font-size: 25px;\n    line-height: 1;\n\n    transition:\n        background 0.25s ease,\n        color 0.25s ease,\n        transform 0.25s ease;\n}\n\n.article-modal-close:hover {\n    background: var(--fleming-turquoise);\n\n    color: #FFFFFF;\n\n    transform: rotate(4deg);\n}\n\n\n\/* ==================================================\n   MODAL SCROLL\n   IMPORTANT POUR ELEMENTOR\n================================================== *\/\n\n.article-modal-scroll {\n    position: relative;\n\n    flex: 1 1 auto;\n\n    width: 100%;\n\n    min-height: 0;\n\n    overflow-y: auto !important;\n    overflow-x: hidden !important;\n\n    -webkit-overflow-scrolling: touch;\n\n    overscroll-behavior-y: contain;\n\n    touch-action: pan-y;\n\n    pointer-events: auto;\n\n    scrollbar-width: thin;\n\n    scrollbar-color:\n        rgba(23,58,86,0.28)\n        transparent;\n}\n\n.article-modal-scroll::-webkit-scrollbar {\n    width: 7px;\n}\n\n.article-modal-scroll::-webkit-scrollbar-track {\n    background: transparent;\n}\n\n.article-modal-scroll::-webkit-scrollbar-thumb {\n    background:\n        rgba(23,58,86,0.25);\n\n    border-radius: 50px;\n}\n\n.article-modal-scroll::-webkit-scrollbar-thumb:hover {\n    background:\n        rgba(23,58,86,0.4);\n}\n\n\n\/* ==================================================\n   MODAL HERO\n================================================== *\/\n\n.article-modal-hero {\n    position: relative;\n\n    height: 390px;\n\n    flex: 0 0 auto;\n\n    overflow: hidden;\n\n    background: var(--fleming-dark);\n}\n\n.article-modal-hero img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n}\n\n.article-modal-hero::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(16,46,70,0.05) 0%,\n            rgba(16,46,70,0.22) 45%,\n            rgba(16,46,70,0.92) 100%\n        );\n}\n\n.article-modal-hero-content {\n    position: absolute;\n\n    z-index: 3;\n\n    left: 52px;\n    right: 90px;\n    bottom: 42px;\n\n    max-width: 790px;\n}\n\n.article-modal-meta {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 9px;\n\n    margin-bottom: 15px;\n\n    color: #73DDE5;\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n}\n\n.article-modal-meta-dot {\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,0.45);\n}\n\n.article-modal-title {\n    margin: 0;\n\n    color: #FFFFFF;\n\n    font-size:\n        clamp(\n            32px,\n            4vw,\n            50px\n        );\n\n    line-height: 1.05;\n\n    letter-spacing: -0.045em;\n\n    font-weight: 700;\n}\n\n\n\/* ==================================================\n   ARTICLE BODY\n================================================== *\/\n\n.article-modal-body {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        240px;\n\n    gap: 70px;\n\n    padding:\n        54px\n        58px\n        64px;\n}\n\n.article-content {\n    max-width: 720px;\n}\n\n.article-lead {\n    margin: 0 0 34px;\n\n    color: var(--fleming-blue);\n\n    font-size: 19px;\n    line-height: 1.65;\n\n    letter-spacing: -0.015em;\n\n    font-weight: 500;\n}\n\n.article-content h3 {\n    margin:\n        36px\n        0\n        14px;\n\n    color: var(--fleming-blue);\n\n    font-size: 24px;\n    line-height: 1.2;\n\n    letter-spacing: -0.03em;\n\n    font-weight: 600;\n}\n\n.article-content p {\n    margin: 0 0 18px;\n\n    color: var(--text-soft);\n\n    font-size: 15px;\n    line-height: 1.78;\n}\n\n.article-content ul {\n    margin:\n        6px\n        0\n        24px;\n\n    padding-left: 20px;\n\n    color: var(--text-soft);\n\n    font-size: 15px;\n    line-height: 1.75;\n}\n\n.article-content li {\n    margin-bottom: 8px;\n}\n\n\n\/* ==================================================\n   INFO BOX\n================================================== *\/\n\n.article-highlight {\n    margin: 34px 0;\n\n    padding: 25px 28px;\n\n    border-left:\n        3px solid\n        var(--fleming-turquoise);\n\n    border-radius:\n        0\n        18px\n        18px\n        0;\n\n    background:\n        rgba(9,137,153,0.06);\n}\n\n.article-highlight strong {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--fleming-blue);\n\n    font-size: 15px;\n}\n\n.article-highlight p {\n    margin: 0;\n\n    font-size: 14px;\n}\n\n\n\/* ==================================================\n   ARTICLE SIDEBAR\n================================================== *\/\n\n.article-sidebar {\n    align-self: start;\n\n    position: sticky;\n\n    top: 25px;\n}\n\n.article-sidebar-box {\n    padding: 25px;\n\n    border-radius: 20px;\n\n    background: var(--fleming-light);\n\n    border:\n        1px solid\n        var(--border);\n}\n\n.article-sidebar-label {\n    display: block;\n\n    margin-bottom: 18px;\n\n    color: var(--fleming-turquoise);\n\n    font-size: 9px;\n    font-weight: 700;\n\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.article-sidebar-title {\n    margin: 0 0 12px;\n\n    color: var(--fleming-blue);\n\n    font-size: 18px;\n    line-height: 1.25;\n\n    letter-spacing: -0.025em;\n\n    font-weight: 600;\n}\n\n.article-sidebar-text {\n    margin: 0 0 22px;\n\n    color: var(--text-soft);\n\n    font-size: 12px;\n    line-height: 1.6;\n}\n\n.article-sidebar-cta {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 12px;\n\n    padding:\n        12px\n        14px;\n\n    border-radius: 999px;\n\n    background: var(--fleming-blue);\n\n    color: #FFFFFF !important;\n\n    font-size: 11px;\n    font-weight: 600;\n}\n\n.article-sidebar-cta span {\n    color: #73DDE5;\n}\n\n\n\/* ==================================================\n   DISCLAIMER\n================================================== *\/\n\n.article-disclaimer {\n    margin-top: 40px;\n\n    padding-top: 22px;\n\n    border-top:\n        1px solid\n        var(--border);\n\n    color:\n        rgba(23,58,86,0.45);\n\n    font-size: 11px;\n    line-height: 1.6;\n}\n\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 1000px) {\n\n    .news-section {\n        padding:\n            90px\n            24px;\n    }\n\n    .news-header {\n        gap: 45px;\n    }\n\n    .news-title {\n        font-size:\n            clamp(\n                38px,\n                4.5vw,\n                50px\n            );\n    }\n\n    .news-card {\n        min-height: 550px;\n    }\n\n    .news-card-image {\n        height: 245px;\n    }\n\n    .news-card-content {\n        padding: 24px;\n    }\n\n    .news-card-title {\n        font-size: 21px;\n    }\n\n    .article-modal-body {\n        gap: 40px;\n\n        padding:\n            44px\n            42px\n            54px;\n    }\n}\n\n\n\/* ==================================================\n   TABLET VERTICAL\n================================================== *\/\n\n@media (max-width: 820px) {\n\n    .news-section {\n        padding:\n            72px\n            18px;\n    }\n\n    .news-header {\n        display: block;\n\n        margin-bottom: 40px;\n    }\n\n    .news-title {\n        margin-bottom: 20px;\n\n        font-size: 40px;\n    }\n\n    .news-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .news-card {\n        display: grid;\n\n        grid-template-columns:\n            minmax(260px, 0.85fr)\n            minmax(0, 1fr);\n\n        min-height: 330px;\n    }\n\n    .news-card-image {\n        height: 100%;\n\n        min-height: 330px;\n    }\n\n    .article-modal {\n        padding: 18px;\n    }\n\n    .article-modal-dialog {\n        height: calc(100dvh - 36px);\n        max-height: calc(100dvh - 36px);\n\n        border-radius: 25px;\n    }\n\n    .article-modal-scroll {\n        flex: 1;\n        min-height: 0;\n\n        max-height: none;\n    }\n\n    .article-modal-body {\n        grid-template-columns: 1fr;\n    }\n\n    .article-sidebar {\n        position: static;\n    }\n\n    .article-sidebar-box {\n        max-width: 420px;\n    }\n}\n\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 600px) {\n\n    .news-section {\n        padding:\n            58px\n            14px\n            62px;\n    }\n\n    .news-eyebrow {\n        margin-bottom: 14px;\n\n        font-size: 10px;\n    }\n\n    .news-eyebrow::before {\n        width: 22px;\n    }\n\n    .news-title {\n        margin-bottom: 18px;\n\n        font-size: 34px;\n        line-height: 1.07;\n    }\n\n    .news-intro {\n        font-size: 14px;\n        line-height: 1.65;\n    }\n\n    .news-grid {\n        gap: 14px;\n    }\n\n    .news-card {\n        display: flex;\n\n        min-height: auto;\n\n        border-radius: 22px;\n    }\n\n    .news-card-image {\n        height: 230px;\n\n        min-height: 0;\n    }\n\n    .news-card-content {\n        padding:\n            23px\n            20px\n            20px;\n    }\n\n    .news-card-title {\n        font-size: 21px;\n    }\n\n    .news-card-excerpt {\n        font-size: 13px;\n    }\n\n    .news-footer {\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        margin-top: 28px;\n    }\n\n    .news-all {\n        width: 100%;\n\n        justify-content:\n            space-between;\n    }\n\n\n    \/* MODAL MOBILE *\/\n\n    .article-modal {\n        padding: 0;\n\n        align-items: flex-end;\n    }\n\n    .article-modal-dialog {\n        width: 100%;\n\n        height: 94vh;\n        height: 94dvh;\n\n        max-height: 94vh;\n        max-height: 94dvh;\n\n        display: flex;\n        flex-direction: column;\n\n        border-radius:\n            24px\n            24px\n            0\n            0;\n\n        overflow: hidden;\n    }\n\n    .article-modal-scroll {\n        flex: 1;\n\n        width: 100%;\n\n        min-height: 0;\n\n        height: auto;\n        max-height: none;\n\n        overflow-y: auto !important;\n        overflow-x: hidden !important;\n\n        -webkit-overflow-scrolling: touch;\n\n        touch-action: pan-y;\n\n        overscroll-behavior-y: contain;\n    }\n\n    .article-modal-close {\n        position: absolute;\n\n        top: 14px;\n        right: 14px;\n\n        width: 42px;\n        height: 42px;\n    }\n\n    .article-modal-hero {\n        height: 320px;\n    }\n\n    .article-modal-hero-content {\n        left: 22px;\n        right: 65px;\n        bottom: 26px;\n    }\n\n    .article-modal-title {\n        font-size: 30px;\n    }\n\n    .article-modal-body {\n        display: block;\n\n        padding:\n            32px\n            22px\n            45px;\n    }\n\n    .article-lead {\n        font-size: 17px;\n    }\n\n    .article-content h3 {\n        font-size: 21px;\n    }\n\n    .article-content p,\n    .article-content ul {\n        font-size: 14px;\n    }\n\n    .article-sidebar {\n        margin-top: 34px;\n    }\n}\n\n\n\/* ==================================================\n   SMALL MOBILE\n================================================== *\/\n\n@media (max-width: 430px) {\n\n    .news-title {\n        font-size: 31px;\n    }\n\n    .article-modal-title {\n        font-size: 27px;\n    }\n\n    .article-modal-hero {\n        height: 300px;\n    }\n}\n<\/style>\n\n\n<!-- ==================================================\n     SECTION ACTUALIT\u00c9S\n================================================== -->\n\n<section class=\"news-section\" id=\"actualites\">\n\n    <div class=\"news-container\">\n\n        <header class=\"news-header\">\n\n            <div>\n\n                <div class=\"news-eyebrow\">\n                    Conseils & actualit\u00e9s\n                <\/div>\n\n                <h2 class=\"news-title\">\n                    Mieux comprendre<br>\n                    <span>pour mieux avancer.<\/span>\n                <\/h2>\n\n            <\/div>\n\n            <p class=\"news-intro\">\n                Pathologies, traitements, r\u00e9cup\u00e9ration :\n                nos contenus vous aident \u00e0 mieux comprendre\n                votre articulation et les diff\u00e9rentes \u00e9tapes\n                de votre prise en charge.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- ARTICLES -->\n\n        <div class=\"news-grid\">\n\n\n            <!-- ARTICLE 1 -->\n\n            <article class=\"news-card\">\n\n                <div class=\"news-card-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?auto=format&fit=crop&w=1200&q=85\"\n                        alt=\"Consultation autour du genou\"\n                    >\n\n                    <span class=\"news-category\">\n                        Genou\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"news-card-content\">\n\n                    <div class=\"news-meta\">\n                        Genou\n                        <span class=\"news-meta-dot\"><\/span>\n                        6 min\n                    <\/div>\n\n                    <h3 class=\"news-card-title\">\n                        Comprendre l'arthrose du genou\n                    <\/h3>\n\n                    <p class=\"news-card-excerpt\">\n                        Douleur, raideur, g\u00eane \u00e0 la marche\u2026\n                        L'arthrose du genou peut \u00e9voluer de mani\u00e8re\n                        tr\u00e8s diff\u00e9rente d'un patient \u00e0 l'autre.\n                    <\/p>\n\n                    <button\n                        class=\"news-read\"\n                        type=\"button\"\n                        data-article=\"article-arthrose\"\n                    >\n                        Lire l'article\n\n                        <span class=\"news-read-arrow\">\n                            \u2192\n                        <\/span>\n                    <\/button>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- ARTICLE 2 -->\n\n            <article class=\"news-card\">\n\n                <div class=\"news-card-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1576091160550-2173dba999ef?auto=format&fit=crop&w=1200&q=85\"\n                        alt=\"Consultation m\u00e9dicale pour une douleur \u00e0 l'\u00e9paule\"\n                    >\n\n                    <span class=\"news-category\">\n                        \u00c9paule\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"news-card-content\">\n\n                    <div class=\"news-meta\">\n                        \u00c9paule\n                        <span class=\"news-meta-dot\"><\/span>\n                        4 min\n                    <\/div>\n\n                    <h3 class=\"news-card-title\">\n                        Quand consulter pour une douleur \u00e0 l'\u00e9paule ?\n                    <\/h3>\n\n                    <p class=\"news-card-excerpt\">\n                        Une douleur persistante, une perte de mobilit\u00e9\n                        ou une g\u00eane nocturne peuvent justifier\n                        un avis sp\u00e9cialis\u00e9.\n                    <\/p>\n\n                    <button\n                        class=\"news-read\"\n                        type=\"button\"\n                        data-article=\"article-epaule\"\n                    >\n                        Lire l'article\n\n                        <span class=\"news-read-arrow\">\n                            \u2192\n                        <\/span>\n                    <\/button>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- ARTICLE 3 -->\n\n            <article class=\"news-card\">\n\n                <div class=\"news-card-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1552674605-db6ffd4facb5?auto=format&fit=crop&w=1200&q=85\"\n                        alt=\"Sportif en phase de reprise\"\n                    >\n\n                    <span class=\"news-category\">\n                        Genou \u00b7 Sport\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"news-card-content\">\n\n                    <div class=\"news-meta\">\n                        Genou \u00b7 Sport\n                        <span class=\"news-meta-dot\"><\/span>\n                        7 min\n                    <\/div>\n\n                    <h3 class=\"news-card-title\">\n                        Ligament crois\u00e9 : quelles \u00e9tapes avant la reprise du sport ?\n                    <\/h3>\n\n                    <p class=\"news-card-excerpt\">\n                        La reprise sportive apr\u00e8s une atteinte\n                        du ligament crois\u00e9 se construit progressivement,\n                        \u00e9tape apr\u00e8s \u00e9tape.\n                    <\/p>\n\n                    <button\n                        class=\"news-read\"\n                        type=\"button\"\n                        data-article=\"article-lca\"\n                    >\n                        Lire l'article\n\n                        <span class=\"news-read-arrow\">\n                            \u2192\n                        <\/span>\n                    <\/button>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- FOOTER -->\n\n        <div class=\"news-footer\">\n\n            <p class=\"news-footer-text\">\n                Retrouvez les conseils et informations du Centre Fleming\n                autour des pathologies ost\u00e9o-articulaires,\n                des traitements et de la r\u00e9cup\u00e9ration.\n            <\/p>\n\n            <a\n                href=\"#tous-les-conseils\"\n                class=\"news-all\"\n            >\n                Voir tous nos conseils\n\n                <span class=\"news-all-icon\">\n                    \u2192\n                <\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ==================================================\n     MODAL\n================================================== -->\n\n<div\n    class=\"article-modal\"\n    id=\"articleModal\"\n    aria-hidden=\"true\"\n>\n\n    <div\n        class=\"article-modal-dialog\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"modalTitle\"\n    >\n\n        <button\n            class=\"article-modal-close\"\n            type=\"button\"\n            aria-label=\"Fermer l'article\"\n        >\n            \u00d7\n        <\/button>\n\n\n        <div class=\"article-modal-scroll\">\n\n\n            <!-- HERO -->\n\n            <div class=\"article-modal-hero\">\n\n                <img decoding=\"async\"\n                    id=\"modalImage\"\n                    src=\"\"\n                    alt=\"\"\n                >\n\n                <div class=\"article-modal-hero-content\">\n\n                    <div\n                        class=\"article-modal-meta\"\n                        id=\"modalMeta\"\n                    ><\/div>\n\n                    <h2\n                        class=\"article-modal-title\"\n                        id=\"modalTitle\"\n                    ><\/h2>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- BODY -->\n\n            <div class=\"article-modal-body\">\n\n                <div\n                    class=\"article-content\"\n                    id=\"modalContent\"\n                ><\/div>\n\n\n                <aside class=\"article-sidebar\">\n\n                    <div class=\"article-sidebar-box\">\n\n                        <span class=\"article-sidebar-label\">\n                            Besoin d'un avis ?\n                        <\/span>\n\n                        <h3 class=\"article-sidebar-title\">\n                            Trouver le sp\u00e9cialiste adapt\u00e9\n                        <\/h3>\n\n                        <p class=\"article-sidebar-text\">\n                            Identifiez l'expertise correspondant\n                            \u00e0 votre articulation et \u00e0 votre situation.\n                        <\/p>\n\n                        <a\n                            href=\"#expertises\"\n                            class=\"article-sidebar-cta\"\n                        >\n                            Nos sp\u00e9cialistes\n                            <span>\u2192<\/span>\n                        <\/a>\n\n                    <\/div>\n\n                <\/aside>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<script>\n(function () {\n\n    \/* ==================================================\n       ARTICLES\n    ================================================== *\/\n\n    const articles = {\n\n\n        \/* =========================\n           ARTHROSE\n        ========================= *\/\n\n        \"article-arthrose\": {\n\n            title:\n                \"Comprendre l'arthrose du genou\",\n\n            category:\n                \"Genou\",\n\n            time:\n                \"6 min\",\n\n            image:\n                \"https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?auto=format&fit=crop&w=1600&q=88\",\n\n            alt:\n                \"Consultation autour du genou\",\n\n            content: `\n\n                <p class=\"article-lead\">\n                    L'arthrose du genou correspond \u00e0 une atteinte\n                    progressive de l'articulation. Son impact varie\n                    fortement selon les patients : l'imagerie seule\n                    ne suffit donc pas \u00e0 d\u00e9terminer la prise en charge.\n                <\/p>\n\n                <h3>\n                    Qu'est-ce que l'arthrose du genou ?\n                <\/h3>\n\n                <p>\n                    Le genou est une articulation sollicit\u00e9e quotidiennement.\n                    Avec le temps ou sous l'influence de diff\u00e9rents facteurs,\n                    les structures articulaires peuvent pr\u00e9senter des modifications\n                    susceptibles d'entra\u00eener douleurs, raideurs ou limitations\n                    fonctionnelles.\n                <\/p>\n\n                <p>\n                    La g\u00eane ressentie n'est cependant pas toujours proportionnelle\n                    aux anomalies observ\u00e9es sur les examens d'imagerie.\n                    C'est pourquoi l'\u00e9valuation clinique reste essentielle.\n                <\/p>\n\n                <h3>\n                    Quels sympt\u00f4mes peuvent amener \u00e0 consulter ?\n                <\/h3>\n\n                <p>\n                    Les manifestations peuvent \u00eatre diff\u00e9rentes\n                    d'une personne \u00e0 l'autre. Certaines situations\n                    peuvent notamment associer :\n                <\/p>\n\n                <ul>\n                    <li>\n                        une douleur lors de la marche ou de certains efforts ;\n                    <\/li>\n\n                    <li>\n                        une raideur de l'articulation ;\n                    <\/li>\n\n                    <li>\n                        une diminution progressive de la mobilit\u00e9 ;\n                    <\/li>\n\n                    <li>\n                        une g\u00eane dans les escaliers ou les activit\u00e9s quotidiennes ;\n                    <\/li>\n\n                    <li>\n                        une limitation des activit\u00e9s sportives.\n                    <\/li>\n                <\/ul>\n\n                <div class=\"article-highlight\">\n\n                    <strong>\n                        Un traitement adapt\u00e9 \u00e0 chaque situation\n                    <\/strong>\n\n                    <p>\n                        La pr\u00e9sence d'une arthrose ne signifie pas automatiquement\n                        qu'une intervention chirurgicale est n\u00e9cessaire.\n                        La strat\u00e9gie d\u00e9pend notamment des sympt\u00f4mes,\n                        de l'examen clinique, des objectifs du patient\n                        et des examens compl\u00e9mentaires.\n                    <\/p>\n\n                <\/div>\n\n                <h3>\n                    Pourquoi r\u00e9aliser un bilan sp\u00e9cialis\u00e9 ?\n                <\/h3>\n\n                <p>\n                    La consultation permet de confronter vos sympt\u00f4mes,\n                    votre niveau d'activit\u00e9, vos attentes et les r\u00e9sultats\n                    des examens disponibles afin de mieux comprendre\n                    l'origine de la g\u00eane.\n                <\/p>\n\n                <p>\n                    Diff\u00e9rentes options de prise en charge peuvent ensuite\n                    \u00eatre discut\u00e9es selon la situation. Lorsqu'une intervention\n                    est indiqu\u00e9e, le chirurgien explique son objectif,\n                    ses modalit\u00e9s et les diff\u00e9rentes \u00e9tapes du parcours.\n                <\/p>\n\n                <div class=\"article-disclaimer\">\n                    Ce contenu est propos\u00e9 \u00e0 titre informatif et ne remplace\n                    pas une consultation m\u00e9dicale. Texte de d\u00e9monstration\n                    \u00e0 faire valider par l'\u00e9quipe m\u00e9dicale du Centre Fleming\n                    avant publication.\n                <\/div>\n\n            `\n        },\n\n\n        \/* =========================\n           \u00c9PAULE\n        ========================= *\/\n\n        \"article-epaule\": {\n\n            title:\n                \"Quand consulter pour une douleur \u00e0 l'\u00e9paule ?\",\n\n            category:\n                \"\u00c9paule\",\n\n            time:\n                \"4 min\",\n\n            image:\n                \"https:\/\/images.unsplash.com\/photo-1576091160550-2173dba999ef?auto=format&fit=crop&w=1600&q=88\",\n\n            alt:\n                \"Consultation m\u00e9dicale pour une douleur \u00e0 l'\u00e9paule\",\n\n            content: `\n\n                <p class=\"article-lead\">\n                    Tr\u00e8s mobile et sollicit\u00e9e dans de nombreux gestes,\n                    l'\u00e9paule peut devenir douloureuse pour des raisons vari\u00e9es.\n                    Une consultation permet d'en rechercher l'origine\n                    et d'\u00e9valuer son retentissement sur votre quotidien.\n                <\/p>\n\n                <h3>\n                    Une douleur qui peut avoir plusieurs origines\n                <\/h3>\n\n                <p>\n                    Une douleur de l'\u00e9paule peut appara\u00eetre progressivement\n                    ou survenir apr\u00e8s un traumatisme. Sa localisation,\n                    les mouvements qui la d\u00e9clenchent et son \u00e9volution\n                    apportent des informations importantes lors du bilan.\n                <\/p>\n\n                <p>\n                    L'examen clinique permet notamment d'\u00e9valuer\n                    la mobilit\u00e9, la force et les gestes responsables\n                    de la douleur.\n                <\/p>\n\n                <h3>\n                    Dans quelles situations demander un avis ?\n                <\/h3>\n\n                <p>\n                    Une \u00e9valuation m\u00e9dicale peut notamment \u00eatre pertinente\n                    lorsqu'une douleur persiste, limite les activit\u00e9s\n                    ou s'accompagne d'une diminution de la mobilit\u00e9.\n                <\/p>\n\n                <ul>\n                    <li>\n                        douleur persistante ou qui s'aggrave ;\n                    <\/li>\n\n                    <li>\n                        g\u00eane importante lors des mouvements du bras ;\n                    <\/li>\n\n                    <li>\n                        perte de mobilit\u00e9 ;\n                    <\/li>\n\n                    <li>\n                        douleur nocturne r\u00e9currente ;\n                    <\/li>\n\n                    <li>\n                        douleur apparue apr\u00e8s un traumatisme.\n                    <\/li>\n                <\/ul>\n\n                <div class=\"article-highlight\">\n\n                    <strong>\n                        Le diagnostic pr\u00e9c\u00e8de le traitement\n                    <\/strong>\n\n                    <p>\n                        Toutes les douleurs d'\u00e9paule ne rel\u00e8vent pas\n                        d'une prise en charge chirurgicale.\n                        L'objectif de la consultation est d'abord\n                        de comprendre la cause de la douleur.\n                    <\/p>\n\n                <\/div>\n\n                <h3>\n                    Quels examens peuvent \u00eatre n\u00e9cessaires ?\n                <\/h3>\n\n                <p>\n                    Selon la situation, le m\u00e9decin peut s'appuyer\n                    sur diff\u00e9rents examens d'imagerie en compl\u00e9ment\n                    de l'examen clinique. Leur int\u00e9r\u00eat d\u00e9pend\n                    de la pathologie recherch\u00e9e et du contexte.\n                <\/p>\n\n                <p>\n                    Pensez \u00e0 apporter lors de votre consultation\n                    les examens et comptes rendus m\u00e9dicaux\n                    dont vous disposez d\u00e9j\u00e0.\n                <\/p>\n\n                <div class=\"article-disclaimer\">\n                    Ce contenu est propos\u00e9 \u00e0 titre informatif et ne remplace\n                    pas une consultation m\u00e9dicale. Texte de d\u00e9monstration\n                    \u00e0 faire valider par l'\u00e9quipe m\u00e9dicale du Centre Fleming\n                    avant publication.\n                <\/div>\n\n            `\n        },\n\n\n        \/* =========================\n           LIGAMENT CROIS\u00c9\n        ========================= *\/\n\n        \"article-lca\": {\n\n            title:\n                \"Ligament crois\u00e9 : quelles \u00e9tapes avant la reprise du sport ?\",\n\n            category:\n                \"Genou \u00b7 Sport\",\n\n            time:\n                \"7 min\",\n\n            image:\n                \"https:\/\/images.unsplash.com\/photo-1552674605-db6ffd4facb5?auto=format&fit=crop&w=1600&q=88\",\n\n            alt:\n                \"Sportif en phase de reprise\",\n\n            content: `\n\n                <p class=\"article-lead\">\n                    Apr\u00e8s une atteinte du ligament crois\u00e9,\n                    la reprise du sport ne repose pas uniquement\n                    sur un d\u00e9lai. Elle s'inscrit dans une progression\n                    tenant compte de la r\u00e9cup\u00e9ration et des objectifs\n                    propres \u00e0 chaque patient.\n                <\/p>\n\n                <h3>\n                    Comprendre l'objectif du patient\n                <\/h3>\n\n                <p>\n                    Le niveau sportif, le type d'activit\u00e9 pratiqu\u00e9e,\n                    l'\u00e2ge, les sympt\u00f4mes et les objectifs de reprise\n                    participent \u00e0 la r\u00e9flexion autour de la prise en charge.\n                <\/p>\n\n                <p>\n                    L'objectif n'est pas simplement de reprendre une activit\u00e9,\n                    mais de construire une r\u00e9cup\u00e9ration coh\u00e9rente\n                    avec les contraintes du sport pratiqu\u00e9.\n                <\/p>\n\n                <h3>\n                    Une reprise progressive\n                <\/h3>\n\n                <p>\n                    Le parcours comporte diff\u00e9rentes phases.\n                    Leur dur\u00e9e et leur contenu doivent \u00eatre adapt\u00e9s\n                    individuellement et encadr\u00e9s par les professionnels\n                    impliqu\u00e9s dans la r\u00e9cup\u00e9ration.\n                <\/p>\n\n                <ul>\n                    <li>\n                        r\u00e9cup\u00e9ration de la mobilit\u00e9 ;\n                    <\/li>\n\n                    <li>\n                        travail progressif de la force ;\n                    <\/li>\n\n                    <li>\n                        contr\u00f4le du mouvement ;\n                    <\/li>\n\n                    <li>\n                        r\u00e9introduction progressive des contraintes sportives ;\n                    <\/li>\n\n                    <li>\n                        \u00e9valuation avant la reprise compl\u00e8te.\n                    <\/li>\n                <\/ul>\n\n                <div class=\"article-highlight\">\n\n                    <strong>\n                        Le calendrier seul ne suffit pas\n                    <\/strong>\n\n                    <p>\n                        La d\u00e9cision de reprise doit tenir compte\n                        de plusieurs \u00e9l\u00e9ments cliniques et fonctionnels.\n                        Deux patients op\u00e9r\u00e9s \u00e0 une p\u00e9riode similaire\n                        peuvent donc avoir des parcours diff\u00e9rents.\n                    <\/p>\n\n                <\/div>\n\n                <h3>\n                    Retrouver confiance dans son genou\n                <\/h3>\n\n                <p>\n                    La r\u00e9cup\u00e9ration concerne \u00e9galement les sensations,\n                    le contr\u00f4le du geste et la confiance lors des mouvements\n                    sp\u00e9cifiques au sport pratiqu\u00e9.\n                <\/p>\n\n                <p>\n                    Le suivi permet d'adapter progressivement\n                    les diff\u00e9rentes \u00e9tapes et d'\u00e9changer sur les objectifs\n                    de reprise avec les professionnels qui accompagnent\n                    le patient.\n                <\/p>\n\n                <div class=\"article-disclaimer\">\n                    Ce contenu est propos\u00e9 \u00e0 titre informatif et ne remplace\n                    pas une consultation m\u00e9dicale. Texte de d\u00e9monstration\n                    \u00e0 faire valider par l'\u00e9quipe m\u00e9dicale du Centre Fleming\n                    avant publication.\n                <\/div>\n\n            `\n        }\n\n    };\n\n\n    \/* ==================================================\n       ELEMENTS\n    ================================================== *\/\n\n    const modal =\n        document.getElementById(\"articleModal\");\n\n    if (!modal) {\n        return;\n    }\n\n\n    \/*\n     * IMPORTANT ELEMENTOR\n     *\n     * Le modal est d\u00e9plac\u00e9 directement sous BODY.\n     * \u00c7a \u00e9vite qu'un parent Elementor avec\n     * overflow, transform ou position emp\u00eache\n     * le fixed et le scroll.\n     *\/\n\n    if (modal.parentElement !== document.body) {\n        document.body.appendChild(modal);\n    }\n\n\n    const modalTitle =\n        modal.querySelector(\"#modalTitle\");\n\n    const modalMeta =\n        modal.querySelector(\"#modalMeta\");\n\n    const modalImage =\n        modal.querySelector(\"#modalImage\");\n\n    const modalContent =\n        modal.querySelector(\"#modalContent\");\n\n    const modalClose =\n        modal.querySelector(\".article-modal-close\");\n\n    const modalScroll =\n        modal.querySelector(\".article-modal-scroll\");\n\n\n    let lastFocusedElement = null;\n\n\n    \/* ==================================================\n       OPEN\n    ================================================== *\/\n\n    function openArticle(articleId) {\n\n        const article =\n            articles[articleId];\n\n        if (!article) {\n            return;\n        }\n\n\n        lastFocusedElement =\n            document.activeElement;\n\n\n        modalTitle.textContent =\n            article.title;\n\n\n        modalMeta.innerHTML = `\n            <span>\n                ${article.category}\n            <\/span>\n\n            <span class=\"article-modal-meta-dot\"><\/span>\n\n            <span>\n                ${article.time} de lecture\n            <\/span>\n        `;\n\n\n        modalImage.src =\n            article.image;\n\n        modalImage.alt =\n            article.alt;\n\n\n        modalContent.innerHTML =\n            article.content;\n\n\n        \/*\n         * Remet l'article tout en haut\n         *\/\n\n        modalScroll.scrollTop = 0;\n\n\n        \/*\n         * Ouvre le modal\n         *\/\n\n        modal.classList.add(\n            \"is-open\"\n        );\n\n\n        modal.setAttribute(\n            \"aria-hidden\",\n            \"false\"\n        );\n\n\n        \/*\n         * Bloque uniquement la page derri\u00e8re\n         *\/\n\n        document.body.classList.add(\n            \"article-modal-open\"\n        );\n\n\n        \/*\n         * Important :\n         * seconde remise \u00e0 z\u00e9ro apr\u00e8s rendu.\n         *\/\n\n        requestAnimationFrame(function () {\n\n            modalScroll.scrollTop = 0;\n\n        });\n\n\n        \/*\n         * Focus sur fermeture\n         *\/\n\n        setTimeout(function () {\n\n            modalClose.focus({\n                preventScroll: true\n            });\n\n        }, 100);\n\n    }\n\n\n    \/* ==================================================\n       CLOSE\n    ================================================== *\/\n\n    function closeArticle() {\n\n        modal.classList.remove(\n            \"is-open\"\n        );\n\n\n        modal.setAttribute(\n            \"aria-hidden\",\n            \"true\"\n        );\n\n\n        document.body.classList.remove(\n            \"article-modal-open\"\n        );\n\n\n        if (\n            lastFocusedElement &&\n            typeof lastFocusedElement.focus === \"function\"\n        ) {\n\n            setTimeout(function () {\n\n                lastFocusedElement.focus({\n                    preventScroll: true\n                });\n\n            }, 50);\n\n        }\n\n    }\n\n\n    \/* ==================================================\n       BOUTONS ARTICLES\n    ================================================== *\/\n\n    document\n        .querySelectorAll(\".news-read\")\n        .forEach(function (button) {\n\n            button.addEventListener(\n                \"click\",\n                function (event) {\n\n                    event.preventDefault();\n\n                    const articleId =\n                        this.dataset.article;\n\n                    openArticle(\n                        articleId\n                    );\n\n                }\n            );\n\n        });\n\n\n    \/* ==================================================\n       CLOSE BUTTON\n    ================================================== *\/\n\n    modalClose.addEventListener(\n        \"click\",\n        function (event) {\n\n            event.preventDefault();\n\n            closeArticle();\n\n        }\n    );\n\n\n    \/* ==================================================\n       CLICK SUR FOND\n    ================================================== *\/\n\n    modal.addEventListener(\n        \"click\",\n        function (event) {\n\n            if (event.target === modal) {\n\n                closeArticle();\n\n            }\n\n        }\n    );\n\n\n    \/* ==================================================\n       EMP\u00caCHER LE CLIC DANS LA POPUP DE FERMER\n    ================================================== *\/\n\n    const modalDialog =\n        modal.querySelector(\n            \".article-modal-dialog\"\n        );\n\n    modalDialog.addEventListener(\n        \"click\",\n        function (event) {\n\n            event.stopPropagation();\n\n        }\n    );\n\n\n    \/* ==================================================\n       ESCAPE\n    ================================================== *\/\n\n    document.addEventListener(\n        \"keydown\",\n        function (event) {\n\n            if (\n                event.key === \"Escape\" &&\n                modal.classList.contains(\"is-open\")\n            ) {\n\n                closeArticle();\n\n            }\n\n        }\n    );\n\n\n    \/* ==================================================\n       MOLETTE SOURIS\n       S\u00e9curit\u00e9 suppl\u00e9mentaire Elementor\n    ================================================== *\/\n\n    modalScroll.addEventListener(\n        \"wheel\",\n        function (event) {\n\n            if (\n                !modal.classList.contains(\"is-open\")\n            ) {\n                return;\n            }\n\n            \/*\n             * On laisse le navigateur faire d\u00e9filer\n             * exclusivement ce conteneur.\n             *\/\n\n            event.stopPropagation();\n\n        },\n        {\n            passive: true\n        }\n    );\n\n\n    \/* ==================================================\n       TOUCH MOBILE\n    ================================================== *\/\n\n    modalScroll.addEventListener(\n        \"touchmove\",\n        function (event) {\n\n            if (\n                !modal.classList.contains(\"is-open\")\n            ) {\n                return;\n            }\n\n            event.stopPropagation();\n\n        },\n        {\n            passive: true\n        }\n    );\n\n\n    \/* ==================================================\n       LIEN \"NOS SP\u00c9CIALISTES\"\n       Fermer le modal avant ancre\n    ================================================== *\/\n\n    const specialistLink =\n        modal.querySelector(\n            \".article-sidebar-cta\"\n        );\n\n    if (specialistLink) {\n\n        specialistLink.addEventListener(\n            \"click\",\n            function () {\n\n                closeArticle();\n\n            }\n        );\n\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9db05c2 e-flex e-con-boxed e-con e-parent\" data-id=\"9db05c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35d6c91 elementor-widget elementor-widget-html\" data-id=\"35d6c91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <title>Centre Fleming \u2014 Prendre rendez-vous<\/title>\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n  <link\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\"\n    rel=\"stylesheet\"\n  >\n\n  <style>\n\n    :root {\n      --fleming-blue: #173A56;\n      --fleming-dark: #102E46;\n      --fleming-turquoise: #098999;\n      --fleming-white: #FFFFFF;\n      --fleming-sand: #E8D8C3;\n\n      --container: 1440px;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: \"Inter\", sans-serif;\n      background: #FFFFFF;\n      color: var(--fleming-blue);\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    \/* ==================================================\n       FINAL CTA SECTION\n    ================================================== *\/\n\n    .final-cta-section {\n      position: relative;\n\n      padding:\n        34px\n        32px\n        38px;\n\n      background: #FFFFFF;\n\n      overflow: hidden;\n    }\n\n    .final-cta-container {\n      position: relative;\n\n      width: min(100%, var(--container));\n\n      min-height: 690px;\n\n      margin: 0 auto;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      overflow: hidden;\n\n      border-radius: 32px;\n\n      background: var(--fleming-dark);\n\n      isolation: isolate;\n    }\n\n    \/* ==================================================\n       BACKGROUND IMAGE\n    ================================================== *\/\n\n    .final-cta-background {\n      position: absolute;\n      inset: 0;\n\n      z-index: -4;\n    }\n\n    .final-cta-background img {\n      width: 100%;\n      height: 100%;\n\n      object-fit: cover;\n\n      object-position: center 55%;\n\n      transform: scale(1.02);\n\n      transition:\n        transform 1.2s\n        cubic-bezier(.2,.7,.2,1);\n    }\n\n    .final-cta-container:hover\n    .final-cta-background img {\n      transform: scale(1.055);\n    }\n\n    \/* ==================================================\n       OVERLAY\n    ================================================== *\/\n\n    .final-cta-overlay {\n      position: absolute;\n      inset: 0;\n\n      z-index: -3;\n\n      background:\n        linear-gradient(\n          90deg,\n          rgba(9, 29, 44, 0.86) 0%,\n          rgba(16, 46, 70, 0.72) 42%,\n          rgba(16, 46, 70, 0.42) 100%\n        );\n    }\n\n    \/* vignette *\/\n\n    .final-cta-vignette {\n      position: absolute;\n      inset: 0;\n\n      z-index: -2;\n\n      background:\n        linear-gradient(\n          180deg,\n          rgba(0,0,0,0.06) 0%,\n          transparent 38%,\n          rgba(5,20,31,0.28) 100%\n        );\n\n      pointer-events: none;\n    }\n\n    \/* ==================================================\n       DECORATIVE CIRCLES\n    ================================================== *\/\n\n    .final-cta-circle {\n      position: absolute;\n\n      border-radius: 50%;\n\n      border:\n        1px solid\n        rgba(255,255,255,0.10);\n\n      pointer-events: none;\n    }\n\n    .final-cta-circle-1 {\n      width: 430px;\n      height: 430px;\n\n      right: -160px;\n      top: -210px;\n    }\n\n    .final-cta-circle-2 {\n      width: 300px;\n      height: 300px;\n\n      right: -95px;\n      top: -145px;\n\n      border-color:\n        rgba(115,221,229,0.13);\n    }\n\n    \/* ==================================================\n       TOP INFO\n    ================================================== *\/\n\n    .final-cta-top {\n      position: absolute;\n\n      top: 30px;\n      left: 34px;\n      right: 34px;\n\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      z-index: 4;\n    }\n\n    .final-cta-top-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n\n      padding:\n        9px\n        13px;\n\n      border-radius: 999px;\n\n      background:\n        rgba(255,255,255,0.10);\n\n      border:\n        1px solid\n        rgba(255,255,255,0.14);\n\n      backdrop-filter: blur(10px);\n\n      color: rgba(255,255,255,0.90);\n\n      font-size: 10px;\n      font-weight: 700;\n\n      letter-spacing: 0.09em;\n      text-transform: uppercase;\n    }\n\n    .final-cta-top-label::before {\n      content: \"\";\n\n      width: 7px;\n      height: 7px;\n\n      border-radius: 50%;\n\n      background: #73DDE5;\n    }\n\n    .final-cta-top-reference {\n      color:\n        rgba(255,255,255,0.42);\n\n      font-size: 9px;\n      font-weight: 700;\n\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    \/* ==================================================\n       CONTENT\n    ================================================== *\/\n\n    .final-cta-content {\n      width: 100%;\n      max-width: 860px;\n\n      padding:\n        100px\n        40px\n        90px;\n\n      text-align: center;\n\n      position: relative;\n      z-index: 3;\n    }\n\n    \/* ==================================================\n       EYEBROW\n    ================================================== *\/\n\n    .final-cta-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n\n      margin-bottom: 22px;\n\n      color: #73DDE5;\n\n      font-size: 11px;\n      font-weight: 700;\n\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n    }\n\n    .final-cta-eyebrow::before,\n    .final-cta-eyebrow::after {\n      content: \"\";\n\n      width: 24px;\n      height: 1px;\n\n      background:\n        rgba(115,221,229,0.65);\n    }\n\n    \/* ==================================================\n       TITLE\n    ================================================== *\/\n\n    .final-cta-title {\n      max-width: 830px;\n\n      margin:\n        0 auto\n        24px;\n\n      color: #FFFFFF;\n\n      font-size:\n        clamp(\n          46px,\n          5vw,\n          70px\n        );\n\n      line-height: 0.99;\n\n      letter-spacing: -0.055em;\n\n      font-weight: 700;\n    }\n\n    .final-cta-title span {\n      color: #73DDE5;\n    }\n\n    \/* ==================================================\n       INTRO\n    ================================================== *\/\n\n    .final-cta-intro {\n      max-width: 630px;\n\n      margin:\n        0 auto\n        36px;\n\n      color:\n        rgba(255,255,255,0.70);\n\n      font-size: 16px;\n      line-height: 1.7;\n    }\n\n    \/* ==================================================\n       BUTTONS\n    ================================================== *\/\n\n    .final-cta-actions {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      flex-wrap: wrap;\n\n      gap: 12px;\n\n      margin-bottom: 34px;\n    }\n\n    \/* PRIMARY *\/\n\n    .final-btn-primary {\n      display: inline-flex;\n      align-items: center;\n      gap: 18px;\n\n      padding:\n        7px\n        7px\n        7px\n        24px;\n\n      min-height: 56px;\n\n      border-radius: 999px;\n\n      background: #FFFFFF;\n\n      color: var(--fleming-blue);\n\n      font-size: 14px;\n      font-weight: 600;\n\n      box-shadow:\n        0 12px 35px\n        rgba(0,0,0,0.12);\n\n      transition:\n        transform 0.25s ease,\n        color 0.25s ease;\n    }\n\n    .final-btn-primary:hover {\n      transform:\n        translateY(-3px);\n\n      color:\n        var(--fleming-turquoise);\n    }\n\n    .final-btn-primary-icon {\n      width: 42px;\n      height: 42px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        var(--fleming-turquoise);\n\n      color: #FFFFFF;\n\n      transition:\n        transform 0.25s ease;\n    }\n\n    .final-btn-primary:hover\n    .final-btn-primary-icon {\n      transform:\n        translateX(3px);\n    }\n\n    \/* SECONDARY *\/\n\n    .final-btn-secondary {\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n\n      min-height: 56px;\n\n      padding:\n        0\n        24px;\n\n      border-radius: 999px;\n\n      border:\n        1px solid\n        rgba(255,255,255,0.34);\n\n      background:\n        rgba(255,255,255,0.08);\n\n      backdrop-filter: blur(10px);\n\n      color: #FFFFFF;\n\n      font-size: 14px;\n      font-weight: 600;\n\n      transition:\n        background 0.25s ease,\n        border-color 0.25s ease,\n        transform 0.25s ease;\n    }\n\n    .final-btn-secondary:hover {\n      transform:\n        translateY(-3px);\n\n      background:\n        rgba(255,255,255,0.15);\n\n      border-color:\n        rgba(255,255,255,0.55);\n    }\n\n    .final-btn-secondary-arrow {\n      color: #73DDE5;\n\n      font-size: 17px;\n\n      transition:\n        transform 0.25s ease;\n    }\n\n    .final-btn-secondary:hover\n    .final-btn-secondary-arrow {\n      transform:\n        translateX(3px);\n    }\n\n    \/* ==================================================\n       PHONE\n    ================================================== *\/\n\n    .final-cta-phone {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      gap: 12px;\n\n      color:\n        rgba(255,255,255,0.64);\n\n      font-size: 12px;\n      line-height: 1.4;\n    }\n\n    .final-cta-phone-icon {\n      width: 32px;\n      height: 32px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        rgba(115,221,229,0.12);\n\n      border:\n        1px solid\n        rgba(115,221,229,0.18);\n\n      color: #73DDE5;\n    }\n\n    .final-cta-phone a {\n      color: #FFFFFF;\n\n      font-weight: 600;\n\n      transition:\n        color 0.25s ease;\n    }\n\n    .final-cta-phone a:hover {\n      color: #73DDE5;\n    }\n\n    \/* ==================================================\n       BOTTOM\n    ================================================== *\/\n\n    .final-cta-bottom {\n      position: absolute;\n\n      z-index: 4;\n\n      left: 34px;\n      right: 34px;\n      bottom: 28px;\n\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 30px;\n\n      padding-top: 18px;\n\n      border-top:\n        1px solid\n        rgba(255,255,255,0.10);\n    }\n\n    .final-cta-bottom-text {\n      color:\n        rgba(255,255,255,0.38);\n\n      font-size: 9px;\n      font-weight: 600;\n\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .final-cta-bottom-step {\n      display: flex;\n      align-items: center;\n      gap: 9px;\n\n      color:\n        rgba(255,255,255,0.46);\n\n      font-size: 9px;\n      font-weight: 600;\n\n      letter-spacing: 0.07em;\n      text-transform: uppercase;\n    }\n\n    .final-cta-bottom-step::before {\n      content: \"\";\n\n      width: 6px;\n      height: 6px;\n\n      border-radius: 50%;\n\n      background:\n        var(--fleming-turquoise);\n    }\n\n    \/* ==================================================\n       TABLET\n    ================================================== *\/\n\n    @media (max-width: 1000px) {\n\n      .final-cta-section {\n        padding:\n          28px\n          24px\n          32px;\n      }\n\n      .final-cta-container {\n        min-height: 640px;\n      }\n\n      .final-cta-title {\n        font-size:\n          clamp(\n            44px,\n            6vw,\n            62px\n          );\n      }\n\n    }\n\n    \/* ==================================================\n       TABLET VERTICAL\n    ================================================== *\/\n\n    @media (max-width: 760px) {\n\n      .final-cta-section {\n        padding:\n          22px\n          18px\n          26px;\n      }\n\n      .final-cta-container {\n        min-height: 650px;\n\n        border-radius: 27px;\n      }\n\n      .final-cta-content {\n        padding:\n          100px\n          28px\n          100px;\n      }\n\n      .final-cta-title {\n        font-size: 46px;\n      }\n\n      .final-cta-intro {\n        font-size: 15px;\n      }\n\n    }\n\n    \/* ==================================================\n       MOBILE\n    ================================================== *\/\n\n    @media (max-width: 600px) {\n\n      .final-cta-section {\n        padding:\n          14px\n          14px\n          18px;\n      }\n\n      .final-cta-container {\n        min-height: 660px;\n\n        border-radius: 24px;\n\n        align-items: center;\n      }\n\n      .final-cta-background img {\n        object-position: 62% center;\n      }\n\n      .final-cta-overlay {\n        background:\n          linear-gradient(\n            180deg,\n            rgba(10,31,46,0.55) 0%,\n            rgba(10,31,46,0.72) 38%,\n            rgba(10,31,46,0.92) 100%\n          );\n      }\n\n      \/* TOP *\/\n\n      .final-cta-top {\n        top: 18px;\n        left: 18px;\n        right: 18px;\n      }\n\n      .final-cta-top-label {\n        padding:\n          8px\n          11px;\n\n        font-size: 9px;\n      }\n\n      .final-cta-top-reference {\n        display: none;\n      }\n\n      \/* CONTENT *\/\n\n      .final-cta-content {\n        padding:\n          92px\n          20px\n          100px;\n      }\n\n      .final-cta-eyebrow {\n        margin-bottom: 18px;\n\n        font-size: 9px;\n      }\n\n      .final-cta-eyebrow::before,\n      .final-cta-eyebrow::after {\n        width: 18px;\n      }\n\n      .final-cta-title {\n        margin-bottom: 20px;\n\n        font-size: 36px;\n        line-height: 1.03;\n      }\n\n      .final-cta-intro {\n        max-width: 440px;\n\n        margin-bottom: 30px;\n\n        font-size: 14px;\n        line-height: 1.65;\n      }\n\n      \/* BUTTONS *\/\n\n      .final-cta-actions {\n        display: block;\n\n        width: 100%;\n\n        margin-bottom: 28px;\n      }\n\n      .final-btn-primary,\n      .final-btn-secondary {\n        width: 100%;\n\n        justify-content:\n          space-between;\n      }\n\n      .final-btn-primary {\n        margin-bottom: 10px;\n      }\n\n      \/* PHONE *\/\n\n      .final-cta-phone {\n        font-size: 11px;\n      }\n\n      \/* BOTTOM *\/\n\n      .final-cta-bottom {\n        left: 20px;\n        right: 20px;\n        bottom: 18px;\n      }\n\n      .final-cta-bottom-text {\n        display: none;\n      }\n\n      .final-cta-bottom-step {\n        width: 100%;\n\n        justify-content: center;\n      }\n\n    }\n\n    \/* ==================================================\n       SMALL MOBILE\n    ================================================== *\/\n\n    @media (max-width: 430px) {\n\n      .final-cta-container {\n        min-height: 630px;\n      }\n\n      .final-cta-title {\n        font-size: 32px;\n      }\n\n      .final-cta-intro {\n        font-size: 13px;\n      }\n\n      .final-btn-primary,\n      .final-btn-secondary {\n        font-size: 13px;\n      }\n\n    }\n\n  <\/style>\n<\/head>\n\n\n<body>\n\n\n<section\n  class=\"final-cta-section\"\n  id=\"rendez-vous\"\n>\n\n  <div class=\"final-cta-container\">\n\n\n    <!-- =========================================\n         BACKGROUND\n    ========================================== -->\n\n    <div class=\"final-cta-background\">\n\n      <!--\n        \u00c0 remplacer id\u00e9alement par une vraie photo Fleming :\n        patient marchant \/ ext\u00e9rieur \/ mouvement \/ lumi\u00e8re naturelle\n      -->\n\n      <img decoding=\"async\"\n        src=\"https:\/\/images.unsplash.com\/photo-1476480862126-209bfaa8edc8?auto=format&fit=crop&w=1800&q=88\"\n        alt=\"Personne marchant en ext\u00e9rieur\"\n      >\n\n    <\/div>\n\n\n    <div class=\"final-cta-overlay\"><\/div>\n\n    <div class=\"final-cta-vignette\"><\/div>\n\n\n    <!-- =========================================\n         DECORATION\n    ========================================== -->\n\n    <span\n      class=\"final-cta-circle final-cta-circle-1\"\n    ><\/span>\n\n    <span\n      class=\"final-cta-circle final-cta-circle-2\"\n    ><\/span>\n\n\n    <!-- =========================================\n         TOP\n    ========================================== -->\n\n    <div class=\"final-cta-top\">\n\n      <div class=\"final-cta-top-label\">\n        Centre Fleming\n      <\/div>\n\n      <span class=\"final-cta-top-reference\">\n        Votre parcours commence ici\n      <\/span>\n\n    <\/div>\n\n\n    <!-- =========================================\n         CONTENT\n    ========================================== -->\n\n    <div class=\"final-cta-content\">\n\n\n      <div class=\"final-cta-eyebrow\">\n        Pr\u00eat \u00e0 avancer ?\n      <\/div>\n\n\n      <h2 class=\"final-cta-title\">\n        Votre prochain mouvement<br>\n        <span>commence ici.<\/span>\n      <\/h2>\n\n\n      <p class=\"final-cta-intro\">\n        Identifiez le sp\u00e9cialiste correspondant\n        \u00e0 votre besoin ou prenez directement rendez-vous\n        avec le Centre Fleming.\n      <\/p>\n\n\n      <!-- =========================================\n           ACTIONS\n      ========================================== -->\n\n      <div class=\"final-cta-actions\">\n\n\n        <!-- TROUVER SPECIALISTE -->\n\n        <a\n          href=\"#expertises\"\n          class=\"final-btn-primary\"\n        >\n\n          Trouver mon sp\u00e9cialiste\n\n          <span class=\"final-btn-primary-icon\">\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n        <!-- RENDEZ-VOUS -->\n\n        <a\n          href=\"#prise-rendez-vous\"\n          class=\"final-btn-secondary\"\n        >\n\n          Prendre rendez-vous\n\n          <span class=\"final-btn-secondary-arrow\">\n            \u2192\n          <\/span>\n\n        <\/a>\n\n      <\/div>\n\n\n      <!-- =========================================\n           PHONE\n      ========================================== -->\n\n      <div class=\"final-cta-phone\">\n\n        <span class=\"final-cta-phone-icon\">\n\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n\n            <path\n              d=\"M22 16.92V19.92C22.0011 20.4816 21.765 21.0176 21.349 21.3959C20.933 21.7741 20.3763 21.9582 19.82 21.9C16.7428 21.5657 13.787 20.514 11.19 18.83C8.77383 17.2941 6.72589 15.2462 5.19 12.83C3.49998 10.221 2.44824 7.2503 2.12 4.16C2.06996 3.60545 2.25722 3.06273 2.635 2.65343C3.01278 2.24413 3.47661 2.01043 4.03 2H7.03C8.0332 1.99012 8.88754 2.72688 9.03 3.72C9.15662 4.68007 9.39155 5.62273 9.73 6.53C10.0045 7.26087 9.82802 8.08339 9.28 8.64L8.01 9.91C9.43431 12.4145 11.5055 14.4857 14.01 15.91L15.28 14.64C15.8366 14.092 16.6591 13.9155 17.39 14.19C18.2973 14.5284 19.2399 14.7634 20.2 14.89C21.2048 15.0338 21.945 15.9058 21.92 16.92H22Z\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.7\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            \/>\n\n          <\/svg>\n\n        <\/span>\n\n\n        <span>\n          Une question ?\n          <a href=\"tel:+33437033131\">\n            04 37 03 31 31\n          <\/a>\n        <\/span>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- =========================================\n         BOTTOM\n    ========================================== -->\n\n    <div class=\"final-cta-bottom\">\n\n      <span class=\"final-cta-bottom-text\">\n        Centre Ost\u00e9o Articulaire Fleming\n      <\/span>\n\n      <span class=\"final-cta-bottom-step\">\n        Retrouver le mouvement\n      <\/span>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c565e4b e-flex e-con-boxed e-con e-parent\" data-id=\"c565e4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6ea70c elementor-widget elementor-widget-html\" data-id=\"e6ea70c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================\n   SECTION NOUS TROUVER - FLEMING\n========================================= *\/\n\n.fleming-access {\n  --blue: #173A56;\n  --dark: #102E46;\n  --turquoise: #098999;\n  --light: #F4F7F8;\n  --border: rgba(23, 58, 86, 0.10);\n\n  width: 100%;\n  font-family: inherit;\n}\n\n.fleming-access * {\n  box-sizing: border-box;\n}\n\n.fleming-access a {\n  text-decoration: none;\n}\n\n\n\/* =========================================\n   CARTE PRINCIPALE\n========================================= *\/\n\n.fleming-access-card {\n  display: grid;\n  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\n\n  width: 100%;\n  min-height: 650px;\n\n  overflow: hidden;\n\n  background: var(--light);\n\n  border: 1px solid var(--border);\n  border-radius: 32px;\n\n  box-shadow: 0 24px 65px rgba(23, 58, 86, 0.07);\n}\n\n\n\/* =========================================\n   COLONNE GAUCHE\n========================================= *\/\n\n.fleming-access-content {\n  display: flex;\n  align-items: center;\n\n  padding: 64px;\n}\n\n.fleming-access-main {\n  width: 100%;\n  max-width: 560px;\n}\n\n\n\/* SURTITRE *\/\n\n.fleming-access-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n\n  margin-bottom: 22px;\n\n  color: var(--turquoise);\n\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 700;\n\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.fleming-access-eyebrow::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--turquoise);\n\n  border-radius: 100px;\n}\n\n\n\/* TITRE *\/\n\n.fleming-access-title {\n  margin: 0 0 38px;\n\n  color: var(--blue);\n\n  font-size: clamp(40px, 4vw, 56px);\n  line-height: 1.03;\n  font-weight: 700;\n\n  letter-spacing: -0.045em;\n}\n\n.fleming-access-title span {\n  color: var(--turquoise);\n}\n\n\n\/* =========================================\n   INFORMATIONS\n========================================= *\/\n\n.fleming-access-infos {\n  display: grid;\n  gap: 24px;\n\n  margin-bottom: 36px;\n}\n\n.fleming-access-info {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.fleming-access-info-icon {\n  width: 44px;\n  height: 44px;\n\n  flex: 0 0 44px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background: rgba(9, 137, 153, 0.08);\n  color: var(--turquoise);\n\n  border-radius: 14px;\n}\n\n.fleming-access-info-icon svg {\n  width: 19px;\n  height: 19px;\n}\n\n.fleming-access-info-label {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: rgba(23, 58, 86, 0.44);\n\n  font-size: 9px;\n  line-height: 1;\n  font-weight: 700;\n\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.fleming-access-info-text {\n  color: var(--blue);\n\n  font-size: 17px;\n  line-height: 1.45;\n  font-weight: 600;\n}\n\n.fleming-access-info-text a {\n  color: var(--blue);\n  transition: color 0.25s ease;\n}\n\n.fleming-access-info-text a:hover {\n  color: var(--turquoise);\n}\n\n\n\/* =========================================\n   BOUTON ITINERAIRE\n========================================= *\/\n\n.fleming-access-route {\n  display: inline-flex;\n  align-items: center;\n  gap: 16px;\n\n  padding: 7px 7px 7px 22px;\n\n  background: var(--blue);\n  color: #fff !important;\n\n  border-radius: 999px;\n\n  font-size: 14px;\n  font-weight: 600;\n\n  transition:\n    transform 0.25s ease,\n    background 0.25s ease;\n}\n\n.fleming-access-route:hover {\n  transform: translateY(-2px);\n  background: var(--dark);\n}\n\n.fleming-access-route-icon {\n  width: 40px;\n  height: 40px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background: var(--turquoise);\n\n  border-radius: 50%;\n\n  transition: transform 0.25s ease;\n}\n\n.fleming-access-route:hover .fleming-access-route-icon {\n  transform: translateX(3px);\n}\n\n\n\/* =========================================\n   GOOGLE MAPS\n========================================= *\/\n\n.fleming-access-map {\n  position: relative;\n\n  min-height: 650px;\n\n  overflow: hidden;\n\n  background: #dde8ea;\n}\n\n.fleming-access-map iframe {\n  position: absolute;\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  border: 0;\n}\n\n\n\/* BADGE CARTE *\/\n\n.fleming-access-map-badge {\n  position: absolute;\n  z-index: 5;\n\n  top: 28px;\n  left: 28px;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  padding: 10px 14px;\n\n  background: rgba(255,255,255,0.94);\n\n  border: 1px solid rgba(23,58,86,0.08);\n  border-radius: 999px;\n\n  box-shadow: 0 8px 24px rgba(23,58,86,0.10);\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n\n  color: var(--blue);\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n\n  pointer-events: none;\n}\n\n.fleming-access-map-badge svg {\n  width: 13px;\n  height: 13px;\n\n  color: var(--turquoise);\n}\n\n\n\/* BOUTON SUR LA CARTE *\/\n\n.fleming-access-map-route {\n  position: absolute;\n  z-index: 5;\n\n  right: 24px;\n  bottom: 24px;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  padding: 13px 18px;\n\n  background: var(--blue);\n  color: #fff !important;\n\n  border-radius: 999px;\n\n  box-shadow: 0 12px 30px rgba(16, 46, 70, 0.22);\n\n  font-size: 13px;\n  font-weight: 600;\n\n  transition:\n    transform 0.25s ease,\n    background 0.25s ease;\n}\n\n.fleming-access-map-route:hover {\n  transform: translateY(-2px);\n  background: var(--dark);\n}\n\n.fleming-access-map-route svg {\n  width: 16px;\n  height: 16px;\n}\n\n\n\/* =========================================\n   TABLETTE\n========================================= *\/\n\n@media (max-width: 1024px) {\n\n  .fleming-access-content {\n    padding: 48px 42px;\n  }\n\n}\n\n\n\/* =========================================\n   TABLETTE VERTICALE\n========================================= *\/\n\n@media (max-width: 820px) {\n\n  .fleming-access-card {\n    display: flex;\n    flex-direction: column;\n\n    min-height: auto;\n\n    border-radius: 28px;\n  }\n\n  .fleming-access-content {\n    padding: 48px 38px 42px;\n  }\n\n  .fleming-access-title {\n    font-size: 40px;\n  }\n\n  .fleming-access-map {\n    min-height: 520px;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 600px) {\n\n  .fleming-access-card {\n    border-radius: 22px;\n  }\n\n  .fleming-access-content {\n    padding: 34px 22px 30px;\n  }\n\n  .fleming-access-eyebrow {\n    margin-bottom: 16px;\n    font-size: 10px;\n  }\n\n  .fleming-access-title {\n    margin-bottom: 30px;\n\n    font-size: 34px;\n    line-height: 1.06;\n  }\n\n  .fleming-access-infos {\n    gap: 19px;\n\n    margin-bottom: 28px;\n  }\n\n  .fleming-access-info {\n    align-items: flex-start;\n  }\n\n  .fleming-access-info-icon {\n    width: 40px;\n    height: 40px;\n\n    flex-basis: 40px;\n\n    border-radius: 12px;\n  }\n\n  .fleming-access-info-text {\n    font-size: 15px;\n  }\n\n  .fleming-access-route {\n    width: 100%;\n\n    justify-content: space-between;\n  }\n\n  .fleming-access-map {\n    min-height: 420px;\n  }\n\n  .fleming-access-map-badge {\n    top: 18px;\n    left: 18px;\n\n    padding: 8px 11px;\n\n    font-size: 9px;\n  }\n\n  .fleming-access-map-route {\n    right: 18px;\n    bottom: 18px;\n\n    padding: 12px 15px;\n\n    font-size: 12px;\n  }\n\n}\n\n\n\/* PETIT MOBILE *\/\n\n@media (max-width: 430px) {\n\n  .fleming-access-title {\n    font-size: 31px;\n  }\n\n  .fleming-access-map {\n    min-height: 380px;\n  }\n\n  .fleming-access-map-route {\n    left: 18px;\n    right: 18px;\n\n    justify-content: center;\n  }\n\n}\n<\/style>\n\n\n<section class=\"fleming-access\" id=\"nous-trouver\">\n\n  <div class=\"fleming-access-card\">\n\n\n    <!-- =====================================\n         GAUCHE\n    ====================================== -->\n\n    <div class=\"fleming-access-content\">\n\n      <div class=\"fleming-access-main\">\n\n\n        <div class=\"fleming-access-eyebrow\">\n          Nous trouver\n        <\/div>\n\n\n        <h2 class=\"fleming-access-title\">\n          Centre Ost\u00e9o-Articulaire<br>\n          <span>Fleming<\/span>\n        <\/h2>\n\n\n        <div class=\"fleming-access-infos\">\n\n\n          <!-- ADRESSE -->\n\n          <div class=\"fleming-access-info\">\n\n            <div class=\"fleming-access-info-icon\">\n\n              <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n              >\n\n                <path\n                  d=\"M20 10C20 15 12 22 12 22C12 22 4 15 4 10C4 5.58 7.58 2 12 2C16.42 2 20 5.58 20 10Z\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.7\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n\n                <circle\n                  cx=\"12\"\n                  cy=\"10\"\n                  r=\"2.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.7\"\n                \/>\n\n              <\/svg>\n\n            <\/div>\n\n\n            <div>\n\n              <span class=\"fleming-access-info-label\">\n                Adresse\n              <\/span>\n\n              <div class=\"fleming-access-info-text\">\n                30 C Avenue Fleming<br>\n                38300 Bourgoin-Jallieu\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n\n          <!-- TELEPHONE -->\n\n          <div class=\"fleming-access-info\">\n\n            <div class=\"fleming-access-info-icon\">\n\n              <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n              >\n\n                <path\n                  d=\"M22 16.92V19.92C22.0011 20.4816 21.765 21.0176 21.349 21.3959C20.933 21.7741 20.3763 21.9582 19.82 21.9C16.7428 21.5657 13.787 20.514 11.19 18.83C8.77383 17.2941 6.72589 15.2462 5.19 12.83C3.49998 10.221 2.44824 7.2503 2.12 4.16C2.06996 3.60545 2.25722 3.06273 2.635 2.65343C3.01278 2.24413 3.47661 2.01043 4.03 2H7.03C8.0332 1.99012 8.88754 2.72688 9.03 3.72C9.15662 4.68007 9.39155 5.62273 9.73 6.53C10.0045 7.26087 9.82802 8.08339 9.28 8.64L8.01 9.91C9.43431 12.4145 11.5055 14.4857 14.01 15.91L15.28 14.64C15.8366 14.092 16.6591 13.9155 17.39 14.19C18.2973 14.5284 19.2399 14.7634 20.2 14.89C21.2048 15.0338 21.945 15.9058 21.92 16.92H22Z\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.7\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n\n              <\/svg>\n\n            <\/div>\n\n\n            <div>\n\n              <span class=\"fleming-access-info-label\">\n                T\u00e9l\u00e9phone\n              <\/span>\n\n              <div class=\"fleming-access-info-text\">\n\n                <a href=\"tel:+33437033131\">\n                  04 37 03 31 31\n                <\/a>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- ITINERAIRE -->\n\n        <a\n          class=\"fleming-access-route\"\n          href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=30+C+Avenue+Fleming+38300+Bourgoin-Jallieu\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n\n          Voir l\u2019itin\u00e9raire\n\n          <span class=\"fleming-access-route-icon\">\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================\n         DROITE : GOOGLE MAPS\n    ====================================== -->\n\n    <div class=\"fleming-access-map\">\n\n\n      <iframe\n        src=\"https:\/\/www.google.com\/maps?q=30+C+Avenue+Fleming,+38300+Bourgoin-Jallieu&output=embed\"\n        title=\"Localisation du Centre Ost\u00e9o-Articulaire Fleming\"\n        loading=\"lazy\"\n        allowfullscreen\n        referrerpolicy=\"no-referrer-when-downgrade\"\n      ><\/iframe>\n\n\n      <!-- BADGE -->\n\n      <div class=\"fleming-access-map-badge\" style=\"display: none\">\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n        >\n\n          <path\n            d=\"M20 10C20 15 12 22 12 22C12 22 4 15 4 10C4 5.58 7.58 2 12 2C16.42 2 20 5.58 20 10Z\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.7\"\n          \/>\n\n          <circle\n            cx=\"12\"\n            cy=\"10\"\n            r=\"2.5\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.7\"\n          \/>\n\n        <\/svg>\n\n        Centre Fleming\n\n      <\/div>\n\n\n      <!-- BOUTON CARTE -->\n\n      <a\n        class=\"fleming-access-map-route\"\n        href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=30+C+Avenue+Fleming+38300+Bourgoin-Jallieu\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n\n        Ouvrir l\u2019itin\u00e9raire\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n        >\n\n          <path\n            d=\"M5 12H19M19 12L13 6M19 12L13 18\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          \/>\n\n        <\/svg>\n\n      <\/a>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CHIRURGIE ORTHOP\u00c9DIQUE &amp; TRAUMATOLOGIQUE Retrouver le mouvement. Retrouver la confiance. Retrouver le mouvement. Retrouver confiance. Des expertises sp\u00e9cialis\u00e9es pour vous accompagner \u00e0 chaque \u00e9tape de votre parcours. Des expertises sp\u00e9cialis\u00e9es pour vous accompagner \u00e0 chaque \u00e9tape de votre parcours. Prendre rendez-vous Trouver mon sp\u00e9cialiste \u2192 Adresse du centre 30 C Avenue Fleming 38300 Bourgoin-Jallieu Voir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/serveur-6-gentleview.fr\/index.php?rest_route=\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serveur-6-gentleview.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/serveur-6-gentleview.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/serveur-6-gentleview.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serveur-6-gentleview.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43"}],"version-history":[{"count":187,"href":"https:\/\/serveur-6-gentleview.fr\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":304,"href":"https:\/\/serveur-6-gentleview.fr\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions\/304"}],"wp:attachment":[{"href":"https:\/\/serveur-6-gentleview.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}