{"id":267,"date":"2026-09-22T15:06:46","date_gmt":"2026-09-22T13:06:46","guid":{"rendered":"https:\/\/clients.mon-studio-web.com\/eau-link\/?page_id=267"},"modified":"2026-09-23T11:58:02","modified_gmt":"2026-09-23T09:58:02","slug":"leconomie-deau","status":"publish","type":"page","link":"https:\/\/clients.mon-studio-web.com\/eau-link\/leconomie-deau\/","title":{"rendered":"L&rsquo;\u00e9conomie d&rsquo;eau"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section preset--module--divi-section--default\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone preset--module--divi-column--default\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h1>Une consommation d'eau facilement ma\u00eetris\u00e9e <span style=\"color: #00b4d8;\">\u00e0 distance<\/span><\/h1>\n<\/div><\/div>\n\n<div class=\"et_pb_divider_0 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module\"><div class=\"et_pb_divider_internal\"><\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Simplifiez-vous la vie avec des outils num\u00e9riques simples et efficaces pour surveiller et analyser le fonctionnement de vos installations \u00e0 distance. Il n\u2019a jamais \u00e9t\u00e9 aussi simple d\u2019avoir le contr\u00f4le sur les installations avec l\u2019aide des \u00e9quipements communicants. La question n\u2019est pas de savoir comment r\u00e9cup\u00e9rer les donn\u00e9es de compteurs, de capteurs et d\u2019analyseurs, elle est de savoir quelles donn\u00e9es sont importantes, o\u00f9 les rassembler en s\u00e9curit\u00e9, comment les mettre en forme et comment les exploiter.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section preset--module--divi-section--default\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone preset--module--divi-column--default\">\n<div class=\"et_pb_heading_0 et_pb_heading et_pb_module et_flex_module\"><div class=\"et_pb_heading_container\"><h2 class=\"et_pb_module_header\">Une approche par m\u00e9tier<\/h2><\/div><\/div>\n\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">Une simple t\u00e9l\u00e9-rel\u00e8ve de compteur n\u2019est pas suffisante pour ma\u00eetriser les diff\u00e9rents usages de l\u2019eau. La connaissance des pratiques m\u00e9tiers est essentielle pour mettre en place un pilotage efficace.<\/p>\n<p style=\"text-align: center;\">Il existe des usages sp\u00e9cifiques \u00e0 chaque m\u00e9tier avec des contraintes et des enjeux communs.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" data-src=\"https:\/\/clients.mon-studio-web.com\/eau-link\/wp-content\/uploads\/2026\/09\/approche-par-metier.png\" title=\"approche-par-metier\" width=\"756\" height=\"302\" data-srcset=\"https:\/\/clients.mon-studio-web.com\/eau-link\/wp-content\/uploads\/2026\/09\/approche-par-metier.png 756w, https:\/\/clients.mon-studio-web.com\/eau-link\/wp-content\/uploads\/2026\/09\/approche-par-metier-480x192.png 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 756px, 100vw\" class=\"wp-image-268 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 756px; --smush-placeholder-aspect-ratio: 756\/302;\" \/><\/span><\/div>\n\n<div class=\"et_pb_group_0 et_pb_group et-last-child et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_group_1 et_pb_group et-last-child et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_icon_0 et_pb_icon et_pb_module et_flex_module\"><span class=\"et_pb_icon_wrap\"><span class=\"et-pb-icon\">\uf05a<\/span><\/span><\/div>\n\n<div class=\"et_pb_group_2 et_pb_group et-last-child et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Une entreprise industrielle, une entreprise agricole, un h\u00f4pital, un centre commercial, un centre de loisir, une \u00e9cole, une collectivit\u00e9, un golf, une mairie, une piscine\u2026Nous avons tous besoin d\u2019eau en qualit\u00e9 et quantit\u00e9 suffisante.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone preset--module--divi-column--default\">\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_0_wrapper preset--module--divi-button--default_wrapper\"><a class=\"et_pb_button_0 et_pb_button et_pb_bg_layout_light et_pb_module et_flex_module preset--module--divi-button--default\" href=\"https:\/\/clients.mon-studio-web.com\/eau-link\/contact\/\">En savoir plus<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section preset--module--divi-section--default\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone preset--module--divi-column--default\">\n<div class=\"et_pb_heading_1 et_pb_heading et_pb_module et_flex_module\"><div class=\"et_pb_heading_container\"><h2 class=\"et_pb_module_header\">Une m\u00e9thodologie efficace<\/h2><\/div><\/div>\n\n<div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">Notre solution vise autant \u00e0 contribuer \u00e0 la r\u00e9duction imm\u00e9diate des consommations d\u2019eau en alertant sur les fuites ou les surconsommations, qu\u2019\u00e0 s\u00e9curiser les usages.<\/p>\n<p style=\"text-align: center;\">Dans les 2 cas, il est important de passer par la collecte de donn\u00e9es compl\u00e8tes, fiables et exploitables.<br \/>C\u2019est la raison pour laquelle nous avons d\u00e9fini une m\u00e9thodologie claire et progressive<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_4 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone preset--module--divi-column--default\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"eau-cycle\">\n  <!-- =========================\n       SCH\u00c9MA CIRCULAIRE\n       ========================= -->\n\n  <div class=\"eau-cycle__visual\">\n    <svg\n      class=\"eau-cycle__svg\"\n      viewBox=\"0 0 600 600\"\n      role=\"group\"\n      aria-label=\"Cycle Mesurer, Analyser, Optimiser\"\n    >\n      <defs>\n        <marker\n          id=\"eau-cycle-arrow\"\n          viewBox=\"0 0 20 20\"\n          markerWidth=\"25\"\n          markerHeight=\"25\"\n          refX=\"17\"\n          refY=\"10\"\n          orient=\"auto\"\n          markerUnits=\"userSpaceOnUse\"\n        >\n          <path\n            d=\"M2 2.5 L18 10 L2 17.5 Q5 10 2 2.5 Z\"\n            fill=\"#b9c8d1\"\n          ><\/path>\n        <\/marker>\n      <\/defs>\n\n      <!-- Fl\u00e8ches ext\u00e9rieures concentriques -->\n      <g\n        class=\"eau-cycle__arrows\"\n        fill=\"none\"\n        stroke=\"#b9c8d1\"\n        stroke-width=\"20\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        marker-end=\"url(#eau-cycle-arrow)\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M325.93 53.36 A248 248 0 0 1 528.29 397.99\"><\/path>\n        <path d=\"M500.65 445.77 A248 248 0 0 1 100.42 449.25\"><\/path>\n        <path d=\"M73.44 400.88 A248 248 0 0 1 269.77 53.85\"><\/path>\n      <\/g>\n\n      <!-- Portions interactives -->\n      <g class=\"eau-cycle__segments\">\n        <!-- Mesurer -->\n        <g\n          class=\"eau-cycle__segment is-active\"\n          data-step=\"mesurer\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-pressed=\"true\"\n          aria-controls=\"eau-panel-mesurer\"\n          aria-label=\"Afficher les informations sur l\u2019\u00e9tape Mesurer\"\n        >\n          <path\n            d=\"M300 300 L300 95 A205 205 0 0 1 477.5 402.5 Z\"\n          ><\/path>\n\n          <text x=\"392\" y=\"238\">MESURER<\/text>\n        <\/g>\n\n        <!-- Analyser -->\n        <g\n          class=\"eau-cycle__segment\"\n          data-step=\"analyser\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-pressed=\"false\"\n          aria-controls=\"eau-panel-analyser\"\n          aria-label=\"Afficher les informations sur l\u2019\u00e9tape Analyser\"\n        >\n          <path\n            d=\"M300 300 L477.5 402.5 A205 205 0 0 1 122.5 402.5 Z\"\n          ><\/path>\n\n          <text x=\"300\" y=\"414\">ANALYSER<\/text>\n        <\/g>\n\n        <!-- Optimiser -->\n        <g\n          class=\"eau-cycle__segment\"\n          data-step=\"optimiser\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-pressed=\"false\"\n          aria-controls=\"eau-panel-optimiser\"\n          aria-label=\"Afficher les informations sur l\u2019\u00e9tape Optimiser\"\n        >\n          <path\n            d=\"M300 300 L122.5 402.5 A205 205 0 0 1 300 95 Z\"\n          ><\/path>\n\n          <text x=\"208\" y=\"238\">OPTIMISER<\/text>\n        <\/g>\n      <\/g>\n\n      <!-- Centre blanc -->\n      <circle\n        class=\"eau-cycle__center\"\n        cx=\"300\"\n        cy=\"300\"\n        r=\"18\"\n        aria-hidden=\"true\"\n      ><\/circle>\n    <\/svg>\n\n    <p class=\"eau-cycle__hint\">\n      Survolez ou s\u00e9lectionnez une \u00e9tape\n    <\/p>\n  <\/div>\n\n  <!-- =========================\n       CONTENUS ASSOCI\u00c9S\n       ========================= -->\n\n  <div class=\"eau-cycle__content\" aria-live=\"polite\">\n    <!-- Mesurer -->\n    <article\n      class=\"eau-cycle__panel is-active\"\n      id=\"eau-panel-mesurer\"\n      data-panel=\"mesurer\"\n    >\n      <div class=\"eau-cycle__number\">01<\/div>\n\n      <div>\n        <h3>Mesurer<\/h3>\n\n        <p>\n          C\u2019est d\u2019abord se poser la question des param\u00e8tres essentiels \u00e0 suivre,\n          puis proc\u00e9der \u00e0 la collecte de donn\u00e9es fiables et exploitables.\n        <\/p>\n\n        <p>\n          Rel\u00e8ve \u00e0 distance des compteurs, des d\u00e9bits, de la pression, de la\n          temp\u00e9rature et des niveaux, mais aussi report des valeurs d\u2019analyseurs\n          en ligne : pH, chlore, conductivit\u00e9, etc.\n        <\/p>\n\n        <p>\n          C\u2019est \u00e9galement g\u00e9n\u00e9rer des alarmes en temps r\u00e9el, avec la possibilit\u00e9\n          d\u2019agir \u00e0 distance.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <!-- Analyser -->\n    <article\n      class=\"eau-cycle__panel\"\n      id=\"eau-panel-analyser\"\n      data-panel=\"analyser\"\n      hidden\n    >\n      <div class=\"eau-cycle__number\">02<\/div>\n\n      <div>\n        <h3>Analyser<\/h3>\n\n        <p>\n          C\u2019est traiter les donn\u00e9es, d\u00e9tecter les anomalies, les corriger,\n          suivre les valeurs cibles et les adapter.\n        <\/p>\n\n        <p>\n          Cette \u00e9tape permet de calculer les gains ainsi que les impacts\n          financiers et environnementaux, puis de fixer de nouveaux objectifs\n          et d\u2019affiner les r\u00e9glages.\n        <\/p>\n\n        <p>\n          Elle peut \u00e9galement conduire au remplacement des \u00e9quipements qui ne\n          sont pas suffisamment fiables ou pr\u00e9cis.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <!-- Optimiser -->\n    <article\n      class=\"eau-cycle__panel\"\n      id=\"eau-panel-optimiser\"\n      data-panel=\"optimiser\"\n      hidden\n    >\n      <div class=\"eau-cycle__number\">03<\/div>\n\n      <div>\n        <h3>Optimiser<\/h3>\n\n        <p>\n          C\u2019est regarder comment aller plus loin apr\u00e8s avoir fiabilis\u00e9 et\n          s\u00e9curis\u00e9 ses installations, en s\u2019appuyant sur le conseil EAU-LINK et\n          les aides des organismes officiels.\n        <\/p>\n\n        <p>\n          Modification d\u2019un process, recyclage des eaux et r\u00e9cup\u00e9ration des\n          eaux de pluie sont autant de pistes d\u2019optimisation \u00e0 explorer.\n        <\/p>\n\n        <p>\n          Des donn\u00e9es fiables deviennent alors une v\u00e9ritable aide \u00e0 la\n          d\u00e9cision.\n        <\/p>\n      <\/div>\n    <\/article>\n  <\/div>\n<\/div>\n\n<style>\n\/* ==========================================\n   COULEURS ET R\u00c9GLAGES G\u00c9N\u00c9RAUX\n   ========================================== *\/\n\n.eau-cycle {\n  --eau-primary: #193f59;\n  --eau-primary-hover: #138da5;\n  --eau-accent: #16b6bd;\n  --eau-light: #eaf8f8;\n  --eau-text: #173043;\n  --eau-muted: #66808f;\n  --eau-arrow: #b9c8d1;\n\n  display: grid;\n  grid-template-columns: minmax(320px, 540px) minmax(300px, 1fr);\n  align-items: center;\n  gap: clamp(30px, 6vw, 90px);\n\n  width: 100%;\n}\n\n\/* ==========================================\n   CONTENEUR DU SCH\u00c9MA\n   ========================================== *\/\n\n.eau-cycle__visual {\n  min-width: 0;\n  text-align: center;\n}\n\n.eau-cycle__svg {\n  display: block;\n\n  width: 100%;\n  max-width: 540px;\n  height: auto;\n\n  margin: 0 auto;\n  overflow: visible;\n\n  shape-rendering: geometricPrecision;\n  text-rendering: geometricPrecision;\n}\n\n\/* ==========================================\n   FL\u00c8CHES EXT\u00c9RIEURES\n   ========================================== *\/\n\n.eau-cycle__arrows {\n  opacity: 1;\n  pointer-events: none;\n}\n\n.eau-cycle__arrows path {\n  vector-effect: non-scaling-stroke;\n  shape-rendering: geometricPrecision;\n}\n\n\/* ==========================================\n   PORTIONS DU CERCLE\n   ========================================== *\/\n\n.eau-cycle__segment {\n  cursor: pointer;\n  outline: none;\n}\n\n.eau-cycle__segment path {\n  fill: var(--eau-primary);\n  stroke: #fff;\n  stroke-width: 12;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n  vector-effect: non-scaling-stroke;\n  shape-rendering: geometricPrecision;\n\n  transition:\n    fill 0.3s ease,\n    filter 0.3s ease;\n}\n\n.eau-cycle__segment text {\n  fill: #fff;\n\n  font-family: inherit;\n  font-size: 22px;\n  font-weight: 700;\n  letter-spacing: 0.025em;\n\n  text-anchor: middle;\n  dominant-baseline: middle;\n\n  pointer-events: none;\n\n  transform-box: fill-box;\n  transform-origin: center;\n\n  transition: transform 0.3s ease;\n}\n\n\/* \u00c9tat actif et survol *\/\n.eau-cycle__segment:hover path,\n.eau-cycle__segment:focus-visible path,\n.eau-cycle__segment.is-active path {\n  fill: var(--eau-primary-hover);\n  filter: brightness(1.04);\n}\n\n\/* Le texte s\u2019agrandit tr\u00e8s l\u00e9g\u00e8rement, pas la portion *\/\n.eau-cycle__segment:hover text,\n.eau-cycle__segment:focus-visible text,\n.eau-cycle__segment.is-active text {\n  transform: scale(1.035);\n}\n\n\/* Indicateur de navigation au clavier *\/\n.eau-cycle__segment:focus-visible path {\n  stroke: var(--eau-accent);\n  stroke-width: 14;\n}\n\n\/* Centre blanc *\/\n.eau-cycle__center {\n  fill: #fff;\n  pointer-events: none;\n}\n\n\/* Instruction sous le cercle *\/\n.eau-cycle__hint {\n  margin: 8px 0 0;\n\n  color: var(--eau-muted);\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n\/* ==========================================\n   CONTENU TEXTUEL\n   ========================================== *\/\n\n.eau-cycle__content {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n\n  min-width: 0;\n}\n\n\/* Divi peut ignorer l\u2019attribut hidden :\n   on force donc le masquage par classe. *\/\n.eau-cycle__panel {\n  display: none !important;\n\n  width: 100%;\n  padding: clamp(25px, 4vw, 48px);\n\n  border-left: 4px solid var(--eau-accent);\n  border-radius: 0 22px 22px 0;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--eau-light),\n      rgba(255, 255, 255, 0.28)\n    );\n\n  box-shadow: 0 18px 50px rgba(23, 62, 89, 0.1);\n}\n\n.eau-cycle__panel.is-active {\n  display: block !important;\n}\n\n.eau-cycle__panel.is-entering {\n  animation: eau-panel-enter 0.42s ease both;\n}\n\n\/* Num\u00e9ro *\/\n.eau-cycle__number {\n  margin-bottom: 12px;\n\n  color: var(--eau-accent);\n  font-size: 16px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n}\n\n\/* Titre *\/\n.eau-cycle__panel h3 {\n  margin: 0 0 20px;\n  padding: 0;\n\n  color: var(--eau-primary);\n  font-size: clamp(30px, 4vw, 48px);\n  font-weight: 700;\n  line-height: 1;\n  text-transform: uppercase;\n}\n\n\/* Paragraphes *\/\n.eau-cycle__panel p {\n  margin: 0 0 14px;\n  padding: 0;\n\n  color: var(--eau-text);\n  font-size: clamp(15px, 1.25vw, 17px);\n  line-height: 1.7;\n}\n\n.eau-cycle__panel p:last-child {\n  margin-bottom: 0;\n}\n\n\/* Animation d\u2019apparition *\/\n@keyframes eau-panel-enter {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* ==========================================\n   TABLETTE\n   ========================================== *\/\n\n@media (max-width: 980px) {\n  .eau-cycle {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .eau-cycle__svg {\n    max-width: 480px;\n  }\n\n  .eau-cycle__content {\n    min-height: 0;\n  }\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 479px) {\n  .eau-cycle {\n    gap: 20px;\n  }\n\n  .eau-cycle__svg {\n    max-width: 390px;\n  }\n\n  .eau-cycle__segment text {\n    font-size: 18px;\n  }\n\n  .eau-cycle__arrows {\n    stroke-width: 16;\n  }\n\n  .eau-cycle__panel {\n    padding: 25px 21px;\n\n    border-left-width: 3px;\n    border-radius: 0 16px 16px 0;\n  }\n\n  .eau-cycle__panel h3 {\n    margin-bottom: 15px;\n  }\n\n  .eau-cycle__hint {\n    font-size: 12px;\n  }\n}\n\n\/* ==========================================\n   ACCESSIBILIT\u00c9\n   ========================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .eau-cycle__segment path,\n  .eau-cycle__segment text {\n    transition: none;\n  }\n\n  .eau-cycle__panel.is-entering {\n    animation: none;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  function initializeEauCycles() {\n    document.querySelectorAll(\".eau-cycle\").forEach(function (cycle) {\n      \/* Emp\u00eache une double initialisation dans Divi *\/\n      if (cycle.dataset.eauCycleReady === \"true\") {\n        return;\n      }\n\n      cycle.dataset.eauCycleReady = \"true\";\n\n      const segments = cycle.querySelectorAll(\".eau-cycle__segment\");\n      const panels = cycle.querySelectorAll(\".eau-cycle__panel\");\n\n      function activateStep(step) {\n        segments.forEach(function (segment) {\n          const isActive = segment.dataset.step === step;\n\n          segment.classList.toggle(\"is-active\", isActive);\n          segment.setAttribute(\"aria-pressed\", String(isActive));\n        });\n\n        panels.forEach(function (panel) {\n          const isActive = panel.dataset.panel === step;\n\n          panel.hidden = !isActive;\n          panel.classList.toggle(\"is-active\", isActive);\n          panel.classList.remove(\"is-entering\");\n\n          if (isActive) {\n            \/* Relance proprement l\u2019animation *\/\n            void panel.offsetWidth;\n            panel.classList.add(\"is-entering\");\n          }\n        });\n      }\n\n      segments.forEach(function (segment) {\n        \/* Survol sur ordinateur *\/\n        segment.addEventListener(\"mouseenter\", function () {\n          activateStep(segment.dataset.step);\n        });\n\n        \/* Navigation au clavier *\/\n        segment.addEventListener(\"focus\", function () {\n          activateStep(segment.dataset.step);\n        });\n\n        \/* Clic et \u00e9cran tactile *\/\n        segment.addEventListener(\"click\", function () {\n          activateStep(segment.dataset.step);\n        });\n\n        segment.addEventListener(\"keydown\", function (event) {\n          if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            activateStep(segment.dataset.step);\n          }\n        });\n      });\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initializeEauCycles);\n  } else {\n    initializeEauCycles();\n  }\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clients.mon-studio-web.com\/eau-link\/wp-json\/wp\/v2\/pages\/267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clients.mon-studio-web.com\/eau-link\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clients.mon-studio-web.com\/eau-link\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clients.mon-studio-web.com\/eau-link\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clients.mon-studio-web.com\/eau-link\/wp-json\/wp\/v2\/comments?post=267"}],"version-history":[{"count":9,"href":"https:\/\/clients.mon-studio-web.com\/eau-link\/wp-json\/wp\/v2\/pages\/267\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/clients.mon-studio-web.com\/eau-link\/wp-json\/wp\/v2\/pages\/267\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/clients.mon-studio-web.com\/eau-link\/wp-json\/wp\/v2\/media?parent=267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}