{"id":49657,"date":"2025-10-09T12:20:33","date_gmt":"2025-10-09T12:20:33","guid":{"rendered":"https:\/\/azud.com\/projets\/"},"modified":"2026-07-08T12:29:53","modified_gmt":"2026-07-08T12:29:53","slug":"projets","status":"publish","type":"page","link":"https:\/\/azud.com\/fr\/projets\/","title":{"rendered":"Projets"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"49657\" class=\"elementor elementor-49657 elementor-33723\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a9da65 section e-flex e-con-boxed e-con e-parent\" data-id=\"0a9da65\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8eba068 e-con-full e-flex e-con e-child\" data-id=\"8eba068\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1c9006 elementor-widget elementor-widget-jet-breadcrumbs\" data-id=\"b1c9006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jet-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-jet-breadcrumbs jet-blocks\">\n\t\t<div class=\"jet-breadcrumbs\">\n\t\t<div class=\"jet-breadcrumbs__content\">\n\t\t<div class=\"jet-breadcrumbs__wrap\"><div class=\"jet-breadcrumbs__item\"><a href=\"https:\/\/azud.com\/fr\/\" class=\"jet-breadcrumbs__item-link is-home\" rel=\"home\" title=\"AZUD\">AZUD<\/a><\/div>\n\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af8a63c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"af8a63c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">D\u00e9couvrez-le d\u00e8s maintenant<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48ed967 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"48ed967\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Une nouvelle fa\u00e7on de <br> r\u00e9aliser des projets<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2275a2b e-con-full e-flex e-con e-child\" data-id=\"2275a2b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8e8ec5 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d8e8ec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Vous nous lancez le d\u00e9fi, nous vous apportons la technologie et notre r\u00e9seau AZUD EXPERT pour une ex\u00e9cution irr\u00e9prochable. <br>\nDes projets agiles, rentables, durables et accompagn\u00e9s du d\u00e9but \u00e0 la fin.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dafe89 btn elementor-invisible elementor-widget elementor-widget-button\" data-id=\"8dafe89\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#formulario\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Parlez-nous de votre projet<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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-fd63a1b section e-con-full e-flex e-con e-parent\" data-id=\"fd63a1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-f7711c9 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"f7711c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a92aa34 elementor-widget elementor-widget-heading\" data-id=\"a92aa34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Notre proposition de valeur<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fe0e06 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6fe0e06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2372861 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2372861\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comment mener \u00e0 bien un projet<br><span style=\"color: #85e0d2\">\u00e7a change tout<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d112f9 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"9d112f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Chaque projet est l&rsquo;occasion d&rsquo;am\u00e9liorer l&rsquo;efficacit\u00e9, la durabilit\u00e9 et la rentabilit\u00e9 d\u00e8s le d\u00e9part. C&rsquo;est pourquoi nous adoptons une approche globale qui allie une vision d&rsquo;ensemble \u00e0 une mise en \u0153uvre sur le terrain.<\/p><p>Le r\u00e9sultat est clair : <strong>de meilleurs projets pour le client et davantage d&rsquo;opportunit\u00e9s pour l&rsquo;\u00e9cosyst\u00e8me professionnel<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67af014 e-con-full e-flex e-con e-child\" data-id=\"67af014\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-c76835a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"c76835a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-037695a elementor-widget elementor-widget-html\" data-id=\"037695a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"card-scene conocimiento\" id=\"card\">\r\n    <div class=\"card-hover\">\r\n \r\n      <!-- FRENTE -->\r\n      <div class=\"card-face card-face--front\">\r\n        <div class=\"card-titulo\">\r\n          <h3>Connaissances globales<\/h3>\r\n        <\/div>\r\n        <div class=\"card-textos\">\r\n          <p class=\"card-subtitulo\">\r\n            Durabilit\u00e9 et rentabilit\u00e9 <br> comme pilier de nos projets\r\n <\/p>\r\n        <\/div>\r\n        <div class=\"flecha-larga\"><\/div>\r\n      <\/div>\r\n \r\n      <!-- REVERSO -->\r\n      <div class=\"card-face card-face--back\">\r\n        <div class=\"card-descripcion\">\r\n          <p>\r\n            Chez AZUD, nous intervenons tout au long du processus, de l'analyse initiale \u00e0 la d\u00e9finition de la solution et \u00e0 l'\u00e9valuation du syst\u00e8me, garantissant ainsi des d\u00e9cisions \u00e9clair\u00e9es d\u00e8s le d\u00e9but.\r\n <\/p>\r\n        <\/div>\r\n      <\/div>\r\n \r\n    <\/div>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3724c30 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3724c30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f96adbe elementor-widget elementor-widget-html\" data-id=\"f96adbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"card-scene conocimiento\" id=\"card\">\r\n    <div class=\"card-hover\">\r\n \r\n      <!-- FRENTE -->\r\n      <div class=\"card-face card-face--front\">\r\n        <div class=\"card-titulo\">\r\n          <h3>Service local<\/h3>\r\n        <\/div>\r\n        <div class=\"card-textos\">\r\n          <p class=\"card-subtitulo\">\r\n            Nos partenaires AZUD EXPERT<br> ils en font une r\u00e9alit\u00e9 \r\n <\/p>\r\n        <\/div>\r\n        <div class=\"flecha-larga\"><\/div>\r\n      <\/div>\r\n \r\n      <!-- REVERSO -->\r\n      <div class=\"card-face card-face--back\">\r\n        <div class=\"card-descripcion\">\r\n          <p>\r\n            Ils se chargent de la d\u00e9finition d\u00e9taill\u00e9e du projet (P.E.M.), de son ex\u00e9cution et de sa mise en service, en garantissant une mise en \u0153uvre rapide, pr\u00e9cise et adapt\u00e9e \u00e0 chaque environnement.\r\n <\/p>\r\n        <\/div>\r\n      <\/div>\r\n \r\n    <\/div>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ec8b1c section e-con-full e-flex e-con e-parent\" data-id=\"3ec8b1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-d282fc4 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"d282fc4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adc7b9f elementor-widget elementor-widget-heading\" data-id=\"adc7b9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Comment nous proc\u00e9dons<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d55295 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6d55295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef41ec5 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ef41ec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Du diagnostic \u00e0 la <span style=\"color: #85e0d2\">r\u00e9sultat<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-309aec3 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"309aec3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7696609 elementor-widget__width-inherit elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"7696609\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"rosco-scroll\" id=\"azud-phases-scroll\">\r\n  <div class=\"rosco-sticky\">\r\n<section class=\"section view-full\" id=\"azud-phases-section\">\r\n    \r\n    <div class=\"layout\">\r\n      <div class=\"circle-area\">\r\n        <div class=\"circle-wrap\" id=\"circleWrap\">\r\n          <svg class=\"donut-svg\" viewBox=\"0 0 420 420\" aria-hidden=\"true\">\r\n            <g class=\"segments\" transform=\"translate(210 210)\">\r\n              <path class=\"segment\" data-phase=\"1\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"2\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"3\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"4\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"5\" data-owner=\"expert\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"6\" data-owner=\"expert\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"7\" data-owner=\"expert\" d=\"\" \/>\r\n            <\/g>\r\n          <\/svg>\r\n\r\n          <div class=\"donut-center\">\r\n            <span><b>7<\/b>\u00c9TAPES<\/span>\r\n            <em id=\"donutPhaseNumber\"><\/em>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"detail-blob\"><\/div>\r\n          <div class=\"detail-rolling-wedge\"><\/div>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"1\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/diagnostico.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <button class=\"phase-hotspot\" data-phase=\"2\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/propuesta.svg\" alt=\"\" aria-hidden=\"true\">\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"3\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/propuesta-tecnica.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <button class=\"phase-hotspot\" data-phase=\"4\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/plan-economico2.svg\" alt=\"\" aria-hidden=\"true\">\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"5\" data-owner=\"expert\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/presupuesto.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <button class=\"phase-hotspot\" data-phase=\"6\" data-owner=\"expert\">\r\n            <span class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/ejecucion.svg\" alt=\"\" aria-hidden=\"true\">\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"7\" data-owner=\"expert\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/acompanamiento.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <div class=\"phase-label\" data-phase=\"1\"><strong>1<\/strong> Diagnostic<\/div>\r\n          <div class=\"phase-label\" data-phase=\"2\"><strong>2<\/strong> Proposition<br>efficacit\u00e9 hydrique<\/div>\r\n <div class=\"phase-label\" data-phase=\"3\"><strong>3<\/strong> Proposition technique<\/div>\r\n          <div class=\"phase-label\" data-phase=\"4\"><strong>4<\/strong> Plan \u00e9conomique et financier<\/div>\r\n <div class=\"phase-label\" data-phase=\"5\">Budget d&apos;ex\u00e9cution<strong>5<\/strong><\/div>\r\n          <div class=\"phase-label\" data-phase=\"6\">Ex\u00e9cution <strong>6<\/strong><\/div>\r\n <div class=\"phase-label\" data-phase=\"7\">Accompagnement <strong>7<\/strong><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n      <div class=\"content-area\">\r\n <div class=\"mobile-phase-nav\" aria-label=\"Phases du projet\">\r\n <div class=\"mobile-phase-nav-track\">\r\n            <button class=\"mobile-phase-chip\" data-phase=\"1\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">1<\/span>\r\n <span class=\"mobile-phase-chip-label\">Diagnostic<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"2\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">2<\/span>\r\n <span class=\"mobile-phase-chip-label\">Efficacit\u00e9 hydrique<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"3\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">3<\/span>\r\n <span class=\"mobile-phase-chip-label\">Proposition technique<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"4\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">4<\/span>\r\n <span class=\"mobile-phase-chip-label\">Plan \u00e9conomique<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"5\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">5<\/span>\r\n <span class=\"mobile-phase-chip-label\">Budget<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"6\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">6<\/span>\r\n <span class=\"mobile-phase-chip-label\">Ex\u00e9cution<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"7\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">7<\/span>\r\n <span class=\"mobile-phase-chip-label\">Accompagnement<\/span>\r\n            <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"panel\" data-panel=\"detail\">\r\n <article class=\"detail-card\">\r\n <div class=\"detail-layout\">\r\n <figure class=\"detail-media\">\r\n                <img decoding=\"async\" id=\"detailImage\" class=\"detail-phase-image\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/proyectos-diagnostico-2.webp\" alt=\"\" aria-hidden=\"true\">\r\n              <\/figure>\r\n\r\n              <div class=\"detail-copy\">\r\n                <div class=\"phase-group-heading\" id=\"detailGroupHeading\"><\/div>\r\n                <h2 class=\"detail-title\" id=\"detailTitle\">\r\n                  <span>Phase <span id=\"detailPhaseNumber\"><\/span>:<\/span>\r\n                  <span id=\"detailPhaseName\"><\/span>\r\n                <\/h2>\r\n                <p id=\"detailText\"><\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n        <div class=\"phase-detail-sources\" hidden aria-hidden=\"true\">\r\n          <article class=\"phase-detail-source\" data-phase=\"1\">\r\n            <div class=\"phase-group-heading\">Connaissances g\u00e9n\u00e9rales : AZUD<\/div>\r\n            <h3>Diagnostic<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-1.webp\" alt=\"\">\r\n <p>Le diagnostic constitue le point de d\u00e9part du projet. Chez AZUD, nous analysons l&apos;ensemble du contexte : les besoins du client, les objectifs d&apos;efficacit\u00e9, ainsi que les contraintes techniques, op\u00e9rationnelles et environnementales, tant actuelles que pr\u00e9vues.<\/p>\r\n <\/article>\r\n <article class=\"phase-detail-source\" data-phase=\"2\">\r\n <div class=\"phase-group-heading\">Informations g\u00e9n\u00e9rales : AZUD<\/div>\r\n            <h3>Proposition en mati\u00e8re d&apos;efficacit\u00e9 hydrique<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-2.webp\" alt=\"\">\r\n            <p>Nous d\u00e9finissons une strat\u00e9gie d'utilisation rationnelle de l'eau adapt\u00e9e aux objectifs et aux besoins du projet, en identifiant les possibilit\u00e9s d'am\u00e9lioration et les crit\u00e8res d'optimisation.<\/p>\r\n          <\/article>\r\n          <article class=\"phase-detail-source\" data-phase=\"3\">\r\n            <div class=\"phase-group-heading\">Connaissances g\u00e9n\u00e9rales : AZUD<\/div>\r\n            <h3>Proposition technique<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-3.webp\" alt=\"\">\r\n <p>Nous concevons la solution technique la plus adapt\u00e9e, en int\u00e9grant la technologie AZUD afin d&apos;optimiser l&apos;efficacit\u00e9, la fiabilit\u00e9 et les performances globales du syst\u00e8me.<\/p>\r\n <\/article>\r\n <article class=\"phase-detail-source\" data-phase=\"4\">\r\n <div class=\"phase-group-heading\">Connaissances g\u00e9n\u00e9rales : AZUD<\/div>\r\n            <h3>Plan \u00e9conomique et financier<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-4.webp\" alt=\"\">\r\n            <p>Nous \u00e9valuons la viabilit\u00e9 \u00e9conomique et financi\u00e8re du projet, en optimisant l'investissement afin de garantir la rentabilit\u00e9 et de r\u00e9duire l'incertitude dans la prise de d\u00e9cision.<\/p>\r\n          <\/article>\r\n          <article class=\"phase-detail-source\" data-phase=\"5\">\r\n             <div class=\"phase-group-heading phase-group-heading--expert\">Service local : AZUD EXPERT<\/div>\r\n            <h3>Budget d'ex\u00e9cution mat\u00e9riel<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-5.webp\" alt=\"\">\r\n <p>Une fois la faisabilit\u00e9 du projet \u00e9valu\u00e9e, l&apos;un de nos experts se chargera d&apos;\u00e9tablir le devis d&apos;ex\u00e9cution, en pr\u00e9cisant le p\u00e9rim\u00e8tre d\u00e9finitif du projet et en l&apos;adaptant aux conditions techniques et op\u00e9rationnelles du site.<\/p>\r\n <\/article>\r\n <article class=\"phase-detail-source\" data-phase=\"6\">\r\n <div class=\"phase-group-heading phase-group-heading--expert\">Service local : AZUD EXPERT<\/div>\r\n            <h3>Ex\u00e9cution<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-6.webp\" alt=\"\">\r\n            <p>Notre r\u00e9seau d'installateurs EXPERT se charge de la mise en \u0153uvre du projet, garantissant une installation correcte, fiable et conforme aux objectifs d\u00e9finis.<\/p>\r\n          <\/article>\r\n          <article class=\"phase-detail-source\" data-phase=\"7\">\r\n             <div class=\"phase-group-heading phase-group-heading--expert\">Service local : AZUD EXPERT<\/div>\r\n            <h3>Accompagnement<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/proyectos-diagnostico-2.webp\" alt=\"\">\r\n            <p>Les EXPERTS locaux se chargent de la maintenance, du suivi et de l'assistance technique du syst\u00e8me, en offrant un accompagnement de proximit\u00e9 et continu.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n   \r\n  <\/section>\r\n   <\/div>\r\n    <\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b718fd4 e-con-full e-flex e-con e-parent\" data-id=\"b718fd4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-07522e8 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"07522e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-da1c5bd e-con-full e-flex e-con e-child\" data-id=\"da1c5bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-a1aa6f5 e-con-full e-flex e-con e-child\" data-id=\"a1aa6f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47ec4a6 elementor-widget elementor-widget-heading\" data-id=\"47ec4a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">De plus, nous faisons un pas <strong>suppl\u00e9ment<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73ebdfb elementor-widget elementor-widget-text-editor\" data-id=\"73ebdfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Nous r\u00e9alisons <\/span><strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">audits techniques du syst\u00e8me<\/span><\/strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\"> pour v\u00e9rifier ses performances, d\u00e9tecter d&rsquo;\u00e9ventuels \u00e9carts et proposer des mesures d&rsquo;optimisation<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6badf3 elementor-widget elementor-widget-button\" data-id=\"d6badf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#formulario\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Parlez-nous de votre projet<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7324839 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"7324839\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9e295c elementor-widget elementor-widget-image\" data-id=\"c9e295c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/Diseno-sin-titulo-15.webp\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85dbec8 e-flex e-con-boxed e-con e-parent\" data-id=\"85dbec8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-031eecf elementor-widget elementor-widget-template\" data-id=\"031eecf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"71312\" class=\"elementor elementor-71312 elementor-71090 elementor-71090\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e8b73b e-flex e-con-boxed e-con e-parent\" data-id=\"2e8b73b\" data-element_type=\"container\" data-e-type=\"container\" id=\"formulario\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-79d9fc6 e-con-full e-flex e-con e-child\" data-id=\"79d9fc6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-659619b e-con-full e-flex e-con e-child\" data-id=\"659619b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a928667 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a928667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Raconte-nous ton <span style=\"color:#85E0D2\">projet<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36afcff elementor-widget-laptop__width-initial elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"36afcff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Transformez votre id\u00e9e en un projet qui fera la diff\u00e9rence<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b302fa e-con-full e-flex e-con e-child\" data-id=\"3b302fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce59cc elementor-widget elementor-widget-template\" data-id=\"1ce59cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"71297\" class=\"elementor elementor-71297 elementor-69304 elementor-69304 elementor-69304\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b03cf0 e-flex e-con-boxed e-con e-parent\" data-id=\"5b03cf0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17030c6 elementor-widget elementor-widget-html\" data-id=\"17030c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe \r\n  name=\"pagina_puente_iframe\" \r\n  id=\"pagina_puente_iframe\" \r\n  class=\"iframe-responsive-crm F7\"\r\n  scrolling=\"yes\"\r\n><\/iframe>\r\n\r\n<form id=\"form_hacia_puente\" action=\"https:\/\/awgapi.azud.com\/api_form_CRM\/iframe_formCD.php\" method=\"POST\" target=\"pagina_puente_iframe\" style=\"display:none;\">\r\n  <input type=\"hidden\" name=\"dato_session\" id=\"input_session\" value=\"\">\r\n  \r\n  <input type=\"hidden\" name=\"tipo_form\" value=\"F7\">\r\n  \r\n<input type=\"hidden\" name=\"lang\" id=\"input_lang\" value=\"es\">\r\n\r\n <input type=\"hidden\" name=\"url_name\" id=\"input_url_name\" value=\"\">\r\n\r\n<\/form>\r\n\r\n<script>\r\n  (function() {\r\n    function detectarIdioma() {\r\n      const path = window.location.pathname.toLowerCase();\r\n\r\n      if (path.startsWith('\/en\/')) return 'en';\r\n      if (path.startsWith('\/fr\/')) return 'fr';\r\n      if (path.startsWith('\/pt-pt\/')) return 'pt';\r\n      if (path.startsWith('\/it\/')) return 'it';\r\n      if (path.startsWith('\/de\/')) return 'de';\r\n\r\n      return 'es';\r\n    }\r\n\r\n    function enviarFormularioPuente() {\r\n      const valorSession = sessionStorage.getItem('azud_tracking_menu'); \r\n      const input = document.getElementById('input_session');\r\n      const inputLang = document.getElementById('input_lang');\r\n\t  const inputUrlName = document.getElementById('input_url_name');\r\n      const form = document.getElementById('form_hacia_puente');\r\n\r\n const hasConsent = typeof cmplz_has_consent === 'function' ? cmplz_has_consent('marketing') : false;\r\n      \r\n        \r\n      if (inputLang) {\r\n        inputLang.value = detectarIdioma();\r\n      }\r\n\r\n      if (input && form) {\r\n\t  \r\n\t\tif (hasConsent){\r\n\t\t\tif (valorSession) {\r\n\t\t\t\tinput.value = valorSession;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (inputUrlName) {\r\n\t\t\t\tinputUrlName.value = window.location.href;\r\n\t\t\t}\r\n\t\t\t\t\r\n\t\t}\r\n\t\tform.action = \"https:\/\/awgapi.azud.com\/api_form_CRM\/iframe_formCD.php?v=\" + new Date().getTime() + \"&consent=\" + hasConsent;\r\n\t\tform.submit();\r\n      }\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        \r\n      document.addEventListener(\"DOMContentLoaded\", function() {\r\n        setTimeout(enviarFormularioPuente, 100);\r\n      });\r\n    } else {\r\n      setTimeout(enviarFormularioPuente, 100);\r\n      \r\n    }\r\n  })();\r\n<\/script>\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\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-67f3385 e-flex e-con-boxed e-con e-parent\" data-id=\"67f3385\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e65cbda elementor-widget elementor-widget-html\" data-id=\"e65cbda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n(() => {\r\n  const section = document.getElementById(\"azud-phases-section\");\r\n  const scrollSection = document.getElementById(\"azud-phases-scroll\");\r\n\r\n  if (!section || !scrollSection) return;\r\n\r\n  const circleWrap = section.querySelector(\"#circleWrap\");\r\n  const detailPanel = section.querySelector('.panel[data-panel=\"detail\"]');\r\n  const donutCenter = section.querySelector(\".donut-center\");\r\n  const hotspots = [...section.querySelectorAll(\".phase-hotspot\")];\r\n  const segments = [...section.querySelectorAll(\".segment\")];\r\n  const mobilePhaseChips = [...section.querySelectorAll(\".mobile-phase-chip\")];\r\n\r\n  const detailGroupHeading = section.querySelector(\"#detailGroupHeading\");\r\n  const detailPhaseNumber = section.querySelector(\"#detailPhaseNumber\");\r\n  const detailPhaseName = section.querySelector(\"#detailPhaseName\");\r\n  const detailText = section.querySelector(\"#detailText\");\r\n  const detailImage = section.querySelector(\"#detailImage, .detail-phase-image, .detail-media img\");\r\n\r\n  const phaseSources = [...section.querySelectorAll(\".phase-detail-source\")].reduce((acc, item) => {\r\n    acc[Number(item.dataset.phase)] = item;\r\n    return acc;\r\n  }, {});\r\n\r\n  const phaseColors = {\r\n    1: \"var(--azul-oscuro)\",\r\n    2: \"var(--azul-2)\",\r\n    3: \"var(--azul-claro)\",\r\n    4: \"var(--azul-gris)\",\r\n    5: \"var(--verde-oscuro)\",\r\n    6: \"var(--verde-medio)\",\r\n    7: \"var(--verde-claro)\"\r\n  };\r\n\r\n  const phaseRollAngles = {\r\n    1: \"22.5deg\",\r\n    2: \"67.5deg\",\r\n    3: \"112.5deg\",\r\n    4: \"157.5deg\",\r\n    5: \"210deg\",\r\n    6: \"270deg\",\r\n    7: \"330deg\"\r\n  };\r\n\r\n  const phaseAngles = {\r\n    1: [0, 45],\r\n    2: [45, 90],\r\n    3: [90, 135],\r\n    4: [135, 180],\r\n    5: [180, 240],\r\n    6: [240, 300],\r\n    7: [300, 360]\r\n  };\r\n\r\n  const config = {\r\n    stickyTop: 150,\r\n    pinOffset: 20,\r\n    exitScrollDistance: 600,\r\n    exitReleaseTime: 700,\r\n    wheelThreshold: 10,\r\n    firstViewThreshold: 10,\r\n    exitThreshold: 10,\r\n    wheelLockTime: 750,\r\n    initialPinLockTime: 350,\r\n    maxWheelStep: 45,\r\n    wheelResetTime: 260,\r\n    mobileBreakpoint: 980\r\n  };\r\n\r\n  const targetTop = config.stickyTop + config.pinOffset;\r\n\r\n  let currentView = \"full\";\r\n  let selectedPhase = null;\r\n\r\n  let scrollSpinTimeout = null;\r\n  let rollingTimeout = null;\r\n  let wheelBufferTimeout = null;\r\n\r\n  let wheelLockUntil = 0;\r\n  let wheelDeltaBuffer = 0;\r\n  let exitDeltaBuffer = 0;\r\n  let lastIntent = 0;\r\n  let roscoHasPinned = false;\r\n  let pinJustActivatedUntil = 0;\r\n  let isExitingRosco = false;\r\n  let ignoreRoscoDirection = 0;\r\n\r\n  const isMobile = () => window.matchMedia(`(max-width: ${config.mobileBreakpoint}px)`).matches;\r\n  const getHalfViewForPhase = phase => Number(phase) <= 4 ? \"half-1\" : \"half-2\";\r\n\r\n  function polarToCartesian(radius, angle) {\r\n    const radians = (angle - 90) * Math.PI \/ 180;\r\n    return {\r\n      x: radius * Math.cos(radians),\r\n      y: radius * Math.sin(radians)\r\n    };\r\n  }\r\n\r\n  function describeArcSegment(startAngle, endAngle, outerRadius, innerRadius) {\r\n    const outerStart = polarToCartesian(outerRadius, endAngle);\r\n    const outerEnd = polarToCartesian(outerRadius, startAngle);\r\n    const innerStart = polarToCartesian(innerRadius, startAngle);\r\n    const innerEnd = polarToCartesian(innerRadius, endAngle);\r\n    const largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\r\n\r\n    return [\r\n      \"M\", outerStart.x, outerStart.y,\r\n      \"A\", outerRadius, outerRadius, 0, largeArcFlag, 0, outerEnd.x, outerEnd.y,\r\n      \"L\", innerStart.x, innerStart.y,\r\n      \"A\", innerRadius, innerRadius, 0, largeArcFlag, 1, innerEnd.x, innerEnd.y,\r\n      \"Z\"\r\n    ].join(\" \");\r\n  }\r\n\r\n  function drawSegments() {\r\n    const outerRadius = 190;\r\n    const innerRadius = 95;\r\n    const gap = 0.8;\r\n\r\n    segments.forEach(segment => {\r\n      const phase = Number(segment.dataset.phase);\r\n      const angles = phaseAngles[phase];\r\n      if (!angles) return;\r\n\r\n      segment.setAttribute(\r\n        \"d\",\r\n        describeArcSegment(\r\n          angles[0] + gap,\r\n          angles[1] - gap,\r\n          outerRadius,\r\n          innerRadius\r\n        )\r\n      );\r\n    });\r\n  }\r\n\r\n  function clearSelectedPhase() {\r\n    selectedPhase = null;\r\n    delete circleWrap.dataset.selectedPhase;\r\n  }\r\n\r\n  function resetToInitialState(options = {}) {\r\n    clearSelectedPhase();\r\n    \r\n    const donutNum = section.querySelector(\"#donutPhaseNumber\");\r\nif (donutNum) donutNum.textContent = \"\";\r\n\r\n    setView(\"full\");\r\n\r\n    if (options.animate) {\r\n      playScrollSpin();\r\n    }\r\n\r\n    setHotspotInteractivity(isMobile());\r\n    updateMobilePhaseChips();\r\n  }\r\n\r\n  function updateVisiblePhases() {\r\n    const activePhase = Number(selectedPhase);\r\n    const visualItems = [...hotspots, ...segments];\r\n    const mobileMode = isMobile();\r\n\r\n    visualItems.forEach(item => {\r\n      const phase = Number(item.dataset.phase);\r\n\r\n      item.classList.remove(\"hidden-by-view\", \"dimmed\", \"selected\");\r\n\r\n      if (!mobileMode && currentView === \"half-1\" && phase > 4) {\r\n        item.classList.add(\"hidden-by-view\");\r\n      }\r\n\r\n      if (!mobileMode && currentView === \"half-2\" && phase < 5) {\r\n        item.classList.add(\"hidden-by-view\");\r\n      }\r\n\r\n      if (selectedPhase && phase !== activePhase && !item.classList.contains(\"hidden-by-view\")) {\r\n        item.classList.add(\"dimmed\");\r\n      }\r\n\r\n      if (selectedPhase && phase === activePhase) {\r\n        item.classList.add(\"selected\");\r\n      }\r\n    });\r\n  }\r\n\r\n  function setView(view) {\r\n  currentView = view;\r\n\r\n  section.classList.remove(\"view-full\", \"view-half-1\", \"view-half-2\");\r\n  section.classList.add(`view-${view}`);\r\n\r\n  if (!section.classList.contains(\"section\")) {\r\n    section.classList.add(\"section\");\r\n  }\r\n\r\n  if (detailPanel) {\r\n    detailPanel.classList.toggle(\"active\", selectedPhase !== null);\r\n  }\r\n\r\n  updateVisiblePhases();\r\n}\r\n\r\n  function setHotspotInteractivity(isInteractive) {\r\n    hotspots.forEach(hotspot => {\r\n      hotspot.tabIndex = isInteractive ? 0 : -1;\r\n      hotspot.setAttribute(\"aria-hidden\", isInteractive ? \"false\" : \"true\");\r\n      hotspot.setAttribute(\"aria-pressed\", selectedPhase === Number(hotspot.dataset.phase) ? \"true\" : \"false\");\r\n    });\r\n  }\r\n\r\n  function updateMobilePhaseChips() {\r\n    mobilePhaseChips.forEach(chip => {\r\n      const isSelected = selectedPhase === Number(chip.dataset.phase);\r\n      chip.classList.toggle(\"is-selected\", isSelected);\r\n      chip.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\r\n    });\r\n  }\r\n\r\n  function restartClassAnimation(className, duration, timeoutRefSetter) {\r\n    circleWrap.classList.remove(className);\r\n    void circleWrap.offsetWidth;\r\n    circleWrap.classList.add(className);\r\n\r\n    timeoutRefSetter(\r\n      window.setTimeout(() => {\r\n        circleWrap.classList.remove(className);\r\n      }, duration)\r\n    );\r\n  }\r\n\r\n  function playScrollSpin() {\r\n    window.clearTimeout(scrollSpinTimeout);\r\n    restartClassAnimation(\"is-scroll-spinning\", 850, timeout => {\r\n      scrollSpinTimeout = timeout;\r\n    });\r\n  }\r\n\r\n  function playRollingEffect() {\r\n    window.clearTimeout(rollingTimeout);\r\n    restartClassAnimation(\"is-rolling\", 1000, timeout => {\r\n      rollingTimeout = timeout;\r\n    });\r\n  }\r\n\r\n  function renderDetailPhase(phase, options = {}) {\r\n    const nextPhase = Number(phase);\r\n    const source = phaseSources[nextPhase];\r\n    if (!source) return;\r\n\r\n    const groupHeading = source.querySelector(\".phase-group-heading\");\r\n    const title = source.querySelector(\"h3\")?.textContent?.trim() || \"\";\r\n    const text = source.querySelector(\"p\")?.textContent?.trim() || \"\";\r\n    const image = source.querySelector(\"img\")?.getAttribute(\"src\") || \"\";\r\n\r\n    selectedPhase = nextPhase;\r\n    circleWrap.dataset.selectedPhase = String(selectedPhase);\r\n    \r\n    const donutNum = section.querySelector(\"#donutPhaseNumber\");\r\nif (donutNum) donutNum.textContent = String(nextPhase);\r\n    \r\n    circleWrap.style.setProperty(\"--detail-color\", phaseColors[selectedPhase]);\r\n    circleWrap.style.setProperty(\"--roll-start\", phaseRollAngles[selectedPhase]);\r\n\r\n    if (detailGroupHeading) {\r\n      detailGroupHeading.textContent = groupHeading?.textContent?.trim() || \"\";\r\n      detailGroupHeading.className = groupHeading?.className || \"phase-group-heading\";\r\n      detailGroupHeading.id = \"detailGroupHeading\";\r\n    }\r\n\r\n    if (detailPhaseNumber) {\r\n      detailPhaseNumber.textContent = String(selectedPhase);\r\n    }\r\n\r\n    if (detailPhaseName) {\r\n      detailPhaseName.textContent = title;\r\n    }\r\n\r\n    if (detailText) {\r\n      detailText.textContent = text;\r\n    }\r\n\r\n    if (detailImage && image) {\r\n      detailImage.src = image;\r\n    }\r\n\r\n    if (options.roll) {\r\n      playRollingEffect();\r\n    }\r\n\r\n    setHotspotInteractivity(isMobile());\r\n    updateMobilePhaseChips();\r\n  }\r\n\r\n  function resetWheelState() {\r\n    wheelDeltaBuffer = 0;\r\n    exitDeltaBuffer = 0;\r\n    lastIntent = 0;\r\n  }\r\n\r\n  function getPinY() {\r\n    const rect = scrollSection.getBoundingClientRect();\r\n    return window.scrollY + rect.top - targetTop;\r\n  }\r\n\r\n  function isRoscoInActivationZone() {\r\n    const rect = scrollSection.getBoundingClientRect();\r\n    const viewportHeight = window.innerHeight || document.documentElement.clientHeight;\r\n\r\n    return rect.top <= viewportHeight * 0.95 && rect.bottom >= viewportHeight * 0.15;\r\n  }\r\n\r\n  function pinRosco() {\r\n    window.scrollTo({\r\n      top: getPinY(),\r\n      behavior: \"auto\"\r\n    });\r\n\r\n    roscoHasPinned = true;\r\n    pinJustActivatedUntil = Date.now() + config.initialPinLockTime;\r\n    resetWheelState();\r\n  }\r\n\r\n  function moveSequence(direction) {\r\n    if (direction > 0 && selectedPhase === 7) return false;\r\n    if (direction < 0 && selectedPhase === null) return false;\r\n\r\n    const nextPhase =\r\n      direction > 0\r\n        ? (selectedPhase === null ? 1 : selectedPhase + 1)\r\n        : selectedPhase - 1;\r\n\r\n    if (!nextPhase || nextPhase < 1) {\r\n      resetToInitialState({ animate: true });\r\n      return true;\r\n    }\r\n\r\n    renderDetailPhase(nextPhase, { roll: true });\r\n    setView(getHalfViewForPhase(nextPhase));\r\n    playScrollSpin();\r\n\r\n    return true;\r\n  }\r\n\r\n  function releaseRosco(direction) {\r\n    resetWheelState();\r\n\r\n    roscoHasPinned = false;\r\n    isExitingRosco = true;\r\n\r\n    ignoreRoscoDirection = direction;\r\n\r\n    window.scrollBy({\r\n      top: direction > 0 ? config.exitScrollDistance : -config.exitScrollDistance,\r\n      behavior: \"smooth\"\r\n    });\r\n\r\n    window.setTimeout(() => {\r\n      isExitingRosco = false;\r\n    }, config.exitReleaseTime);\r\n  }\r\n\r\n  function shouldIgnoreReentry(direction) {\r\n    if (!ignoreRoscoDirection) return false;\r\n\r\n    \/\/ After releasing the rosco, keep blocking capture while the user\r\n    \/\/ continues in the same direction. Re-enable only after they reverse.\r\n    if (direction === ignoreRoscoDirection) {\r\n      return true;\r\n    }\r\n\r\n    ignoreRoscoDirection = 0;\r\n    return false;\r\n  }\r\n\r\n  function resetBuffersSoon() {\r\n    window.clearTimeout(wheelBufferTimeout);\r\n    wheelBufferTimeout = window.setTimeout(resetWheelState, config.wheelResetTime);\r\n  }\r\n\r\n  function handleComponentWheel(event) {\r\n  if (isMobile() || event.ctrlKey) return;\r\n\r\n  const direction = Math.sign(event.deltaY);\r\n  if (!direction) return;\r\n\r\n  if (shouldIgnoreReentry(direction)) return;\r\n  if (isExitingRosco || !isRoscoInActivationZone()) return;\r\n\r\n  event.preventDefault();\r\n\r\n  const rect = scrollSection.getBoundingClientRect();\r\n\r\n  if (!roscoHasPinned || Math.abs(rect.top - targetTop) > 24) {\r\n    pinRosco();\r\n    return;\r\n  }\r\n\r\n  const now = Date.now();\r\n  if (now < pinJustActivatedUntil || now < wheelLockUntil) return;\r\n\r\n  if (lastIntent && lastIntent !== direction) {\r\n    resetWheelState();\r\n  }\r\n\r\n  lastIntent = direction;\r\n\r\n  const normalizedDelta = Math.min(Math.abs(event.deltaY), config.maxWheelStep);\r\n  const isTryingToExitDown = direction > 0 && selectedPhase === 7;\r\n  const isTryingToExitUp = direction < 0 && selectedPhase === null;\r\n\r\n  if (isTryingToExitDown || isTryingToExitUp) {\r\n    exitDeltaBuffer += normalizedDelta;\r\n    resetBuffersSoon();\r\n\r\n    if (exitDeltaBuffer >= config.exitThreshold) {\r\n      releaseRosco(direction);\r\n    }\r\n\r\n    return;\r\n  }\r\n\r\n  const activeThreshold = currentView === \"full\" && direction > 0\r\n    ? config.firstViewThreshold\r\n    : config.wheelThreshold;\r\n\r\n  wheelDeltaBuffer += normalizedDelta;\r\n  resetBuffersSoon();\r\n\r\n  if (wheelDeltaBuffer < activeThreshold) return;\r\n\r\n  resetWheelState();\r\n\r\n  if (moveSequence(direction)) {\r\n    wheelLockUntil = now + config.wheelLockTime;\r\n  }\r\n}\r\n\r\n  function handleHotspotSelection(phase) {\r\n    renderDetailPhase(phase, { roll: !isMobile() });\r\n    setView(isMobile() ? \"full\" : getHalfViewForPhase(phase));\r\n    playScrollSpin();\r\n  }\r\n\r\n  function handleMobileChipActivate(event) {\r\n    event.preventDefault();\r\n    handleHotspotSelection(event.currentTarget.dataset.phase);\r\n  }\r\n\r\n  function handleHotspotActivate(event) {\r\n  if (!isMobile()) return;\r\n\r\n  event.preventDefault();\r\n\r\n  handleHotspotSelection(event.currentTarget.dataset.phase);\r\n}\r\n\r\n  function handleHotspotKeydown(event) {\r\n    if (!isMobile()) return;\r\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\r\n\r\n    event.preventDefault();\r\n    handleHotspotSelection(event.currentTarget.dataset.phase);\r\n  }\r\n\r\n  function handleDonutCenterActivate(event) {\r\n    event.preventDefault();\r\n\r\n    if (selectedPhase === null) return;\r\n    resetToInitialState({ animate: true });\r\n  }\r\n\r\n  function syncResponsiveState() {\r\n    if (isMobile()) {\r\n      roscoHasPinned = false;\r\n      pinJustActivatedUntil = 0;\r\n      wheelLockUntil = 0;\r\n      isExitingRosco = false;\r\n      ignoreRoscoDirection = 0;\r\n      resetWheelState();\r\n      setHotspotInteractivity(true);\r\n      updateMobilePhaseChips();\r\n      setView(\"full\");\r\n      return;\r\n    }\r\n\r\n    setHotspotInteractivity(false);\r\n    updateMobilePhaseChips();\r\n\r\n    if (selectedPhase !== null) {\r\n      setView(getHalfViewForPhase(selectedPhase));\r\n      return;\r\n    }\r\n\r\n    setView(\"full\");\r\n  }\r\n\r\n  function init() {\r\n    drawSegments();\r\n    hotspots.forEach(hotspot => {\r\n      hotspot.addEventListener(\"click\", handleHotspotActivate);\r\n      hotspot.addEventListener(\"keydown\", handleHotspotKeydown);\r\n    });\r\n    mobilePhaseChips.forEach(chip => {\r\n      chip.addEventListener(\"click\", handleMobileChipActivate);\r\n    });\r\n    if (donutCenter) {\r\n      donutCenter.tabIndex = 0;\r\n      donutCenter.setAttribute(\"role\", \"button\");\r\n      donutCenter.setAttribute(\"aria-label\", \"Volver al estado inicial\");\r\n      donutCenter.addEventListener(\"click\", handleDonutCenterActivate);\r\n      donutCenter.addEventListener(\"keydown\", event => {\r\n        if (event.key !== \"Enter\" && event.key !== \" \") return;\r\n        handleDonutCenterActivate(event);\r\n      });\r\n    }\r\n\r\n    document.addEventListener(\"wheel\", handleComponentWheel, {\r\n      passive: false,\r\n      capture: true\r\n    });\r\n\r\n    window.addEventListener(\"resize\", syncResponsiveState);\r\n    syncResponsiveState();\r\n  }\r\n\r\n  init();\r\n})();\r\n<\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AZUD D\u00e9couvrez-le d\u00e8s maintenant Une nouvelle fa\u00e7on de r\u00e9aliser des projets Vous nous lancez le d\u00e9fi, nous vous apportons la technologie et notre r\u00e9seau AZUD EXPERT pour une ex\u00e9cution irr\u00e9prochable. Des projets agiles, rentables, durables et accompagn\u00e9s du d\u00e9but \u00e0 la fin. Parlez-nous de votre projet Notre proposition de valeur Comment mener \u00e0 bien un [&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-49657","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azud.com\/fr\/wp-json\/wp\/v2\/pages\/49657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azud.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azud.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azud.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azud.com\/fr\/wp-json\/wp\/v2\/comments?post=49657"}],"version-history":[{"count":6,"href":"https:\/\/azud.com\/fr\/wp-json\/wp\/v2\/pages\/49657\/revisions"}],"predecessor-version":[{"id":77389,"href":"https:\/\/azud.com\/fr\/wp-json\/wp\/v2\/pages\/49657\/revisions\/77389"}],"wp:attachment":[{"href":"https:\/\/azud.com\/fr\/wp-json\/wp\/v2\/media?parent=49657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}