{"id":3913,"date":"2026-04-22T10:04:18","date_gmt":"2026-04-22T15:04:18","guid":{"rendered":"https:\/\/codax-int.com\/?page_id=3913"},"modified":"2026-04-23T17:58:49","modified_gmt":"2026-04-23T22:58:49","slug":"calculatrice-depargne","status":"publish","type":"page","link":"https:\/\/codax-int.com\/fr\/savings-calculator\/","title":{"rendered":"Calculateur d'\u00e9conomies"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3913\" class=\"elementor elementor-3913\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df4d643 e-flex e-con-boxed e-con e-parent\" data-id=\"df4d643\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7cfb668c e-flex e-con-boxed e-con e-child\" data-id=\"7cfb668c\" 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\t\t<div class=\"elementor-element elementor-element-6c0c8e86 elementor-widget elementor-widget-heading\" data-id=\"6c0c8e86\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Calculateur d'\u00e9conomies<\/h1>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc6add8 e-flex e-con-boxed e-con e-parent\" data-id=\"bc6add8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1df3d7ae e-con-full e-flex e-con e-child\" data-id=\"1df3d7ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-29bb837c e-con-full e-flex e-con e-child\" data-id=\"29bb837c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b03558e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1b03558e\" 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 class=\"elementor-element elementor-element-8795483 elementor-widget elementor-widget-shortcode\" data-id=\"8795483\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"codax-calculator-wrap\" class=\"codax-wrap\">\n\n  <!-- Header -->\n  <div class=\"codax-header\">\n    <div class=\"codax-header-inner\">\n      <div class=\"codax-logo-row\">\n        <span class=\"codax-brand\">CODAX<\/span>\n        <span class=\"codax-brand-sep\">|<\/span>\n        <span class=\"codax-brand-sub\">Calculateur d'\u00e9conomies KNX<\/span>\n      <\/div>\n      <p class=\"codax-header-tagline\">Entrez les d\u00e9tails de votre b\u00e2timent pour recevoir une estimation instantan\u00e9e des \u00e9conomies d'\u00e9nergie et un rapport d'analyse de rentabilit\u00e9 t\u00e9l\u00e9chargeable.<\/p>\n      <div class=\"codax-header-badges\">\n                  <span class=\"codax-badge\">\ud83c\udfe2 Multi-secteurs<\/span>\n                  <span class=\"codax-badge\">\ud83d\udcca VAN \u00e0 20 ans<\/span>\n                  <span class=\"codax-badge\">\ud83d\udcc4 Rapport PDF<\/span>\n                  <span class=\"codax-badge\">\ud83c\udf31 CO\u2082 Tracking<\/span>\n              <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Stepper -->\n  <div class=\"codax-stepper\">\n    <div class=\"codax-stepper-inner\">\n      <div class=\"codax-step-item active\" data-step=\"1\">\n        <div class=\"codax-step-circle\"><span class=\"codax-step-num\">1<\/span><span class=\"codax-step-check\">\u2713<\/span><\/div>\n        <div class=\"codax-step-label\">Projet<\/div>\n      <\/div>\n      <div class=\"codax-step-connector\"><div class=\"codax-step-connector-fill\" id=\"conn-1\"><\/div><\/div>\n      <div class=\"codax-step-item\" data-step=\"2\">\n        <div class=\"codax-step-circle\"><span class=\"codax-step-num\">2<\/span><span class=\"codax-step-check\">\u2713<\/span><\/div>\n        <div class=\"codax-step-label\">B\u00e2timent<\/div>\n      <\/div>\n      <div class=\"codax-step-connector\"><div class=\"codax-step-connector-fill\" id=\"conn-2\"><\/div><\/div>\n      <div class=\"codax-step-item\" data-step=\"3\">\n        <div class=\"codax-step-circle\"><span class=\"codax-step-num\">3<\/span><span class=\"codax-step-check\">\u2713<\/span><\/div>\n        <div class=\"codax-step-label\">Options<\/div>\n      <\/div>\n      <div class=\"codax-step-connector\"><div class=\"codax-step-connector-fill\" id=\"conn-3\"><\/div><\/div>\n      <div class=\"codax-step-item\" data-step=\"4\">\n        <div class=\"codax-step-circle\"><span class=\"codax-step-num\">4<\/span><span class=\"codax-step-check\">\u2713<\/span><\/div>\n        <div class=\"codax-step-label\">R\u00e9sultats<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"codax-body\">\n\n    <!-- \u2500\u2500 STEP 1 \u2500\u2500 -->\n    <div class=\"codax-panel active\" id=\"codax-step-1\">\n      <div class=\"codax-panel-header\">\n        <div class=\"codax-panel-icon\">\ud83c\udfd7\ufe0f<\/div>\n        <div>\n          <h2 class=\"codax-panel-title\">Configuration du projet<\/h2>\n          <p class=\"codax-panel-desc\">Parlez-nous du projet et du client. Ces d\u00e9tails apparaissent dans votre rapport PDF.<\/p>\n        <\/div>\n      <\/div>\n\n      <!--\n        FIX: Proposal date is now a HIDDEN input.\n        JS will auto-fill it with the visitor's LOCAL date (not UTC).\n        It does NOT appear in the form but IS included in the PDF.\n      -->\n      <input type=\"hidden\" id=\"proposal_date\">\n      <input type=\"hidden\" id=\"estimate_ref\">\n\n      <!-- Client \/ Internal mode toggle -->\n            <input type=\"hidden\" id=\"pdf_mode\" value=\"Client\">\n      \n      <div class=\"codax-grid-2\">\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Nom du client<\/label>\n          <input class=\"codax-input\" type=\"text\" id=\"client_name\" placeholder=\"par exemple Plaza Athanasiou\">\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Nom du projet<\/label>\n          <input class=\"codax-input\" type=\"text\" id=\"project_name\" placeholder=\"p. ex. KNX Automation Phase 1\">\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Monnaie<\/label>\n          <select class=\"codax-input codax-select\" id=\"currency\">\n            <option value=\"USD\">USD - Dollar am\u00e9ricain ($)<\/option>\n            <option value=\"EUR\">EUR - Euro (\u20ac)<\/option>\n            <option value=\"GBP\">GBP - Livre sterling (\u00a3)<\/option>\n            <option value=\"PAB\">PAB - Balboa panam\u00e9en (B\/.)<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Pays \/ Base tarifaire<\/label>\n          <input type=\"hidden\" id=\"country\" value=\"Panama\">\n                    <div class=\"codax-country-picker\" id=\"country-picker\">\n            <button class=\"codax-country-trigger\" type=\"button\" id=\"country-trigger\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\n              <span class=\"codax-country-trigger-text\" id=\"country-trigger-text\">Chargement des pays...<\/span>\n              <span class=\"codax-country-caret\">\u25be<\/span>\n            <\/button>\n            <div class=\"codax-country-menu\" id=\"country-menu\" hidden>\n              <input class=\"codax-input codax-country-search\" type=\"search\" id=\"country_search\" placeholder=\"Rechercher un pays...\">\n              <div class=\"codax-country-list\" id=\"country_list\" role=\"listbox\" aria-label=\"Liste des pays\"><\/div>\n            <\/div>\n          <\/div>\n                    <span class=\"codax-hint\" id=\"hint-country\">D\u00e9tection automatique dans la mesure du possible. Source du facteur CO\u2082 : Ember via Our World in Data.<\/span>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Exemple de pr\u00e9r\u00e9glage de projet<\/label>\n          <select class=\"codax-input codax-select\" id=\"project_preset\" onchange=\"codaxApplyPreset(this.value)\">\n            <option value=\"\">S\u00e9lectionnez un exemple de projet...<\/option>\n            <option value=\"office_small\">Bureau \/ Cas de base - 1 500 m\u00b2<\/option>\n            <option value=\"mall_large\">Centre commercial - 12 000 m\u00b2<\/option>\n            <option value=\"hotel_mid\">H\u00f4tel - 5 000 m\u00b2<\/option>\n            <option value=\"residence_villa\">Villa r\u00e9sidentielle - 650 m\u00b2<\/option>\n          <\/select>\n          <span class=\"codax-hint\">Facultatif - remplit le formulaire avec un point de d\u00e9part r\u00e9aliste.<\/span>\n        <\/div>\n      <\/div>\n\n      <input type=\"hidden\" id=\"estimate_server_id\" value=\"\">\n\n      <div class=\"codax-actions\">\n        <button class=\"codax-btn codax-btn-primary\" onclick=\"codaxGo(2)\">\n          Suivant : D\u00e9tails du b\u00e2timent <span class=\"codax-btn-arrow\">\u2192<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 STEP 2 \u2500\u2500 -->\n    <div class=\"codax-panel\" id=\"codax-step-2\">\n      <div class=\"codax-panel-header\">\n        <div class=\"codax-panel-icon\">\u26a1<\/div>\n        <div>\n          <h2 class=\"codax-panel-title\">D\u00e9tails sur la construction et l'\u00e9nergie<\/h2>\n          <p class=\"codax-panel-desc\">Ces donn\u00e9es sont \u00e0 la base de tous les calculs d'\u00e9conomies.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-section-title\">Informations sur le b\u00e2timent<\/div>\n      <div class=\"codax-grid-2\">\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Type de b\u00e2timent <span class=\"codax-req\">*<\/span><\/label>\n          <select class=\"codax-input codax-select\" id=\"building_type\" onchange=\"codaxOnSectorChange()\">\n            <option value=\"Base Case\" selected>Cas de base (g\u00e9n\u00e9ral)<\/option>\n            <option value=\"Hotel\">H\u00f4tel<\/option>\n            <option value=\"Bank\">Banque \/ Bureau<\/option>\n            <option value=\"Hospital\">H\u00f4pital \/ Soins de sant\u00e9<\/option>\n            <option value=\"Mall\">Centre commercial \/ Commerce de d\u00e9tail<\/option>\n            <option value=\"School\">\u00c9cole \/ Universit\u00e9<\/option>\n            <option value=\"Mixed-Use\">Projet \u00e0 usage mixte<\/option>\n            <option value=\"Multi-Residential\">Tour multi-r\u00e9sidentielle<\/option>\n            <option value=\"Industrial\">Industriel \/ Entrep\u00f4t<\/option>\n            <option value=\"Custom\">Projet personnalis\u00e9 \/ avanc\u00e9<\/option>\n            <option value=\"Residential\">R\u00e9sidentiel \/ R\u00e9sidence priv\u00e9e<\/option>\n          <\/select>\n          <span class=\"codax-hint\">S\u00e9lectionnez le secteur le plus proche de votre projet<\/span>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Zone de construction <span class=\"codax-req\">*<\/span><\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"building_area\" placeholder=\"759\" min=\"1\">\n            <span class=\"codax-unit\">m\u00b2<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Facture annuelle actuelle d'\u00e9lectricit\u00e9 <span class=\"codax-req\">*<\/span><\/label>\n          <div class=\"codax-input-group\">\n            <span class=\"codax-unit codax-unit-pre\" id=\"sym-bill\">$<\/span>\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"annual_bill\" placeholder=\"14,400\" min=\"0\">\n            <span class=\"codax-unit\">\/an<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Prix de l'\u00e9lectricit\u00e9 <span class=\"codax-req\">*<\/span><\/label>\n          <div class=\"codax-input-group\">\n            <span class=\"codax-unit codax-unit-pre\" id=\"sym-price\">$<\/span>\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"electricity_price\" placeholder=\"0.23\" step=\"0.01\" min=\"0\">\n            <span class=\"codax-unit\">\/kWh<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"codax-advanced-structure\" class=\"codax-internal-only-block\">\n      <div class=\"codax-section-title\">\n        Structure du projet\n        <span class=\"codax-section-optional\">(forme et ampleur du projet)<\/span>\n      <\/div>\n      <div class=\"codax-grid-2\">\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Typologie des projets<\/label>\n          <select class=\"codax-input codax-select\" id=\"project_typology\">\n            <option value=\"Single Building\" selected>B\u00e2timent unique<\/option>\n            <option value=\"Tower\">Tour<\/option>\n            <option value=\"Podium + Tower\">Podium + Tour<\/option>\n            <option value=\"Campus \/ Multi-Building\">Campus \/ B\u00e2timents multiples<\/option>\n            <option value=\"Mixed-Use\">Usage mixte<\/option>\n            <option value=\"Industrial \/ Warehouse\">Industriel \/ Entrep\u00f4t<\/option>\n            <option value=\"Custom \/ Advanced\">Personnalis\u00e9 \/ Avanc\u00e9<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Mode d'estimation<\/label>\n          <select class=\"codax-input codax-select\" id=\"estimate_mode\">\n            <option value=\"Quick\" selected>Estimation rapide<\/option>\n            <option value=\"Detailed\">Estimation d\u00e9taill\u00e9e<\/option>\n            <option value=\"Executive\">Pr\u00e9-budget ex\u00e9cutif<\/option>\n            <option value=\"Engineering\">Ing\u00e9nierie Pr\u00e9-conception<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Nombre d'\u00e9tages<\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"floor_count\" placeholder=\"par exemple 12\" min=\"0\">\n            <span class=\"codax-unit\">planchers<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Planchers r\u00e9p\u00e9titifs \/ typiques ?<\/label>\n          <select class=\"codax-input codax-select\" id=\"typical_floors\">\n            <option value=\"No\" selected>Non<\/option>\n            <option value=\"Yes\">Oui<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Nombre de b\u00e2timents \/ blocs<\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"building_count\" placeholder=\"par exemple 1\" min=\"0\">\n            <span class=\"codax-unit\">blocs<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Part de l'espace commun<\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"common_area_pct\" placeholder=\"par exemple 25\" min=\"0\" max=\"100\">\n            <span class=\"codax-unit\">%<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Parking Details \u2014 shown only when Parking Included = Yes -->\n      <div id=\"codax-parking-detail\" style=\"display:none;\">\n        <div class=\"codax-section-title codax-section-title-sub\">\ud83c\udd7f D\u00e9tails du parking<\/div>\n        <div class=\"codax-grid-2\">\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Niveaux de stationnement<\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"parking_levels\" placeholder=\"par exemple 3\" min=\"0\">\n              <span class=\"codax-unit\">niveaux<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Type de parking<\/label>\n            <select class=\"codax-input codax-select\" id=\"parking_type\">\n              <option value=\"Open\" selected>Ouvrir<\/option>\n              <option value=\"Enclosed\">Envelopp\u00e9e<\/option>\n              <option value=\"Mixed\">Mixte<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Surveillance du CO ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"parking_co_monitoring\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Contr\u00f4le de la ventilation ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"parking_ventilation_control\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Contr\u00f4le de l'\u00e9clairage ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"parking_lighting_control\">\n              <option value=\"Yes\" selected>Oui<\/option>\n              <option value=\"No\">Non<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Occupation \/ Comptage ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"parking_counting\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Surveillance de la recharge des v\u00e9hicules \u00e9lectriques ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"parking_ev_monitoring\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Plant Details \u2014 shown only when Shared Plant = Yes -->\n      <div id=\"codax-plant-detail\" style=\"display:none;\">\n        <div class=\"codax-section-title codax-section-title-sub\">\ud83c\udfed D\u00e9tails de l'usine<\/div>\n        <div class=\"codax-grid-2\">\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Type de plante<\/label>\n            <select class=\"codax-input codax-select\" id=\"plant_type\">\n              <option value=\"None\" selected>Aucun<\/option>\n              <option value=\"Chilled Water\">Eau r\u00e9frig\u00e9r\u00e9e<\/option>\n              <option value=\"VRF Supervision\">Supervision VRF<\/option>\n              <option value=\"Boiler \/ Heating\">Chaudi\u00e8re \/ Chauffage<\/option>\n              <option value=\"Ventilation Plant\">Installation de ventilation<\/option>\n              <option value=\"Mixed Plant\">Plante mixte<\/option>\n              <option value=\"Unknown\">Inconnu<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Retrofit Details \u2014 shown only when Delivery = Retrofit -->\n      <div id=\"codax-retrofit-detail\" style=\"display:none;\">\n        <div class=\"codax-section-title codax-section-title-sub\">\ud83d\udd27 D\u00e9tails de la r\u00e9novation<\/div>\n        <div class=\"codax-grid-2\">\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">B\u00e2timent occup\u00e9 pendant les travaux ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"occupied_works\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Plafond \/ Acc\u00e8s aux services ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"ceiling_access\">\n              <option value=\"Unknown\" selected>Inconnu<\/option>\n              <option value=\"Yes\">Oui<\/option>\n              <option value=\"No\">Non<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Un nouveau c\u00e2blage est-il n\u00e9cessaire ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"rewiring_required\">\n              <option value=\"Unknown\" selected>Inconnu<\/option>\n              <option value=\"No\">Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">N\u00e9cessit\u00e9 d'un travail par \u00e9tapes ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"phased_work_required\">\n              <option value=\"Unknown\" selected>Inconnu<\/option>\n              <option value=\"No\">Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Possibilit\u00e9 d'arr\u00eat partiel ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"partial_shutdown_possible\">\n              <option value=\"Unknown\" selected>Inconnu<\/option>\n              <option value=\"Yes\">Oui<\/option>\n              <option value=\"No\">Non<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Les contr\u00f4les existants sont-ils r\u00e9utilisables ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"controls_reusable\">\n              <option value=\"Unknown\" selected>Inconnu<\/option>\n              <option value=\"Yes\">Oui<\/option>\n              <option value=\"No\">Non<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"codax-project-detail-section\" class=\"codax-internal-only-block\" style=\"display:none;\">\n        <div class=\"codax-section-title\">\n          D\u00e9tail du projet\n          <span class=\"codax-section-optional\" id=\"codax-project-detail-subtitle\">(conditions, syst\u00e8mes et donn\u00e9es sp\u00e9cifiques au type)<\/span>\n        <\/div>\n        <span class=\"codax-hint\" id=\"codax-project-detail-hint\">Ces donn\u00e9es am\u00e9liorent la pr\u00e9cision du budget et la qualit\u00e9 du champ d'application.<\/span>\n      <\/div>\n\n      <!-- Conditions & Delivery \u2014 moved from Project Structure -->\n      <div class=\"codax-grid-2 codax-internal-only-block\" style=\"margin-bottom:8px;\">\n        <div class=\"codax-field\">\n          <label class=\"codax-label\" id=\"functional_units_label\">Unit\u00e9s fonctionnelles \/ Zones <span class=\"codax-req\" id=\"functional_units_req\" style=\"display:none;\">*<\/span><\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"functional_units\" placeholder=\"par exemple 24\" min=\"0\">\n            <span class=\"codax-unit\" id=\"functional_units_unit\">unit\u00e9s<\/span>\n          <\/div>\n          <span class=\"codax-hint\" id=\"functional_units_hint\">Utilisez le compte le plus pertinent pour ce type de b\u00e2timent.<\/span>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">\u00c9tat actuel du syst\u00e8me<\/label>\n          <select class=\"codax-input codax-select\" id=\"existing_system_condition\">\n            <option value=\"None\" selected>Aucun - on part de z\u00e9ro<\/option>\n            <option value=\"Partial Controls Only\">Contr\u00f4les partiels uniquement<\/option>\n            <option value=\"Legacy BMS to Integrate\">Int\u00e9gration des anciens syst\u00e8mes de gestion des b\u00e2timents<\/option>\n            <option value=\"BMS to Replace\">BMS \u00e0 remplacer<\/option>\n            <option value=\"Supervisory Overlay Only\">Superposition de surveillance uniquement<\/option>\n            <option value=\"Unknown\">Inconnu<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Type de r\u00e9alisation du projet<\/label>\n          <select class=\"codax-input codax-select\" id=\"project_stage\" onchange=\"codaxOnDeliveryChange()\">\n            <option value=\"New Build\" selected>Nouvelle construction<\/option>\n            <option value=\"Retrofit\">R\u00e9novation<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Fractionnement des compteurs d'utilit\u00e9 publique<\/label>\n          <select class=\"codax-input codax-select\" id=\"utility_split\">\n            <option value=\"Whole Building\" selected>B\u00e2timent entier<\/option>\n            <option value=\"By Floor \/ Zone\">Par \u00e9tage \/ zone<\/option>\n            <option value=\"By Tenant \/ Unit\">Par locataire \/ unit\u00e9<\/option>\n            <option value=\"Mixed\">Mixte<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Parking inclus ?<\/label>\n          <select class=\"codax-input codax-select\" id=\"parking_included\" onchange=\"codaxOnParkingChange()\">\n            <option value=\"No\" selected>Non<\/option>\n            <option value=\"Yes\">Oui<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Usine centrale partag\u00e9e ?<\/label>\n          <select class=\"codax-input codax-select\" id=\"shared_plant\" onchange=\"codaxOnPlantChange()\">\n            <option value=\"No\" selected>Non<\/option>\n            <option value=\"Yes\">Oui<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n      <\/div>\n\n      <div class=\"codax-mall-box codax-internal-only-block\" id=\"codax-hotel-box\" style=\"display:none;\">\n        <div class=\"codax-grid-2\">\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Chambres d'h\u00f4tes \/ Suites <span class=\"codax-req\">*<\/span><\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"guest_room_count\" placeholder=\"par exemple 120\" min=\"0\">\n              <span class=\"codax-unit\">chambres<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Salles de r\u00e9union \/ d'\u00e9v\u00e9nements<\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"meeting_room_count\" placeholder=\"par exemple 6\" min=\"0\">\n              <span class=\"codax-unit\">chambres<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Part de l'espace public<\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"public_area_pct\" placeholder=\"par exemple 30\" min=\"0\" max=\"100\">\n              <span class=\"codax-unit\">%<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Logique de gestion des chambres d'h\u00f4tes ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"grms_scope\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-mall-box codax-internal-only-block\" id=\"codax-office-box\" style=\"display:none;\">\n        <div class=\"codax-grid-2\">\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Locataires \/ Unit\u00e9s commerciales <span class=\"codax-req\">*<\/span><\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"tenant_count\" placeholder=\"par exemple 12\" min=\"0\">\n              <span class=\"codax-unit\">locataires<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Salles de r\u00e9union<\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"office_meeting_rooms\" placeholder=\"par exemple 10\" min=\"0\">\n              <span class=\"codax-unit\">chambres<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Part de la fr\u00e9quentation en dehors des heures de bureau<\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"after_hours_pct\" placeholder=\"par exemple 15\" min=\"0\" max=\"100\">\n              <span class=\"codax-unit\">%<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Int\u00e9gration de la r\u00e9servation et de l'occupation des chambres ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"room_booking_integration\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-mall-box codax-internal-only-block\" id=\"codax-hospital-box\" style=\"display:none;\">\n        <div class=\"codax-grid-2\">\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Chambres de patients \/ Lits <span class=\"codax-req\">*<\/span><\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"patient_room_count\" placeholder=\"par exemple 80\" min=\"0\">\n              <span class=\"codax-unit\">chambres<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Zones critiques \/ unit\u00e9s de soins intensifs \/ salles d'op\u00e9ration<\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"critical_zone_count\" placeholder=\"Par exemple, 14\" min=\"0\">\n              <span class=\"codax-unit\">zones<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Fonctionnement 24 heures sur 24, 7 jours sur 7 ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"always_on_operation\">\n              <option value=\"Yes\" selected>Oui<\/option>\n              <option value=\"No\">Non<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Surveillance des g\u00e9n\u00e9rateurs et des onduleurs ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"backup_monitoring\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-mall-box codax-internal-only-block\" id=\"codax-mixeduse-box\" style=\"display:none;\">\n        <div class=\"codax-mall-box-title\">\ud83c\udfd9 Constructeur d'immeubles mixtes \u00e0 plusieurs blocs<\/div>\n        <p class=\"codax-hint\" style=\"margin-bottom:14px;\">D\u00e9finissez chaque \u00e9l\u00e9ment s\u00e9par\u00e9ment. Le mod\u00e8le calculera les \u00e9conomies et le budget par bloc et les combinera. Jusqu'\u00e0 5 blocs.<\/p>\n        <div id=\"codax-multi-block-container\">\n          <!-- Block 1 (always present) -->\n          <div class=\"codax-block-row codax-grid-2\" id=\"codax-block-row-1\">\n            <div class=\"codax-field\">\n              <label class=\"codax-label\">Bloc 1 - Type<\/label>\n              <select class=\"codax-input codax-select\" id=\"block_type_1\">\n                <option value=\"Base Case\">Cas de base \/ G\u00e9n\u00e9ral<\/option>\n                <option value=\"Residential\" selected>R\u00e9sidentiel<\/option>\n                <option value=\"Hotel\">H\u00f4tel<\/option>\n                <option value=\"Bank\">Banque \/ Bureau<\/option>\n                <option value=\"Mall\">Centre commercial \/ Commerce de d\u00e9tail<\/option>\n                <option value=\"Hospital\">H\u00f4pital \/ Soins de sant\u00e9<\/option>\n                <option value=\"School\">\u00c9cole \/ \u00c9ducation<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"codax-field\">\n              <label class=\"codax-label\">Bloc 1 - Zone <span class=\"codax-req\">*<\/span><\/label>\n              <div class=\"codax-input-group\">\n                <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"block_area_1\" placeholder=\"m\u00b2\" min=\"1\">\n                <span class=\"codax-unit\">m\u00b2<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <!-- Block 2 (always present) -->\n          <div class=\"codax-block-row codax-grid-2\" id=\"codax-block-row-2\">\n            <div class=\"codax-field\">\n              <label class=\"codax-label\">Bloc 2 - Type<\/label>\n              <select class=\"codax-input codax-select\" id=\"block_type_2\">\n                <option value=\"Base Case\">Cas de base \/ G\u00e9n\u00e9ral<\/option>\n                <option value=\"Residential\">R\u00e9sidentiel<\/option>\n                <option value=\"Hotel\">H\u00f4tel<\/option>\n                <option value=\"Bank\" selected>Banque \/ Bureau<\/option>\n                <option value=\"Mall\">Centre commercial \/ Commerce de d\u00e9tail<\/option>\n                <option value=\"Hospital\">H\u00f4pital \/ Soins de sant\u00e9<\/option>\n                <option value=\"School\">\u00c9cole \/ \u00c9ducation<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"codax-field\">\n              <label class=\"codax-label\">Bloc 2 - Zone <span class=\"codax-req\">*<\/span><\/label>\n              <div class=\"codax-input-group\">\n                <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"block_area_2\" placeholder=\"m\u00b2\" min=\"1\">\n                <span class=\"codax-unit\">m\u00b2<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div style=\"display:flex;gap:8px;margin:12px 0;\">\n          <button type=\"button\" class=\"codax-btn codax-btn-ghost\" style=\"font-size:12px;\" onclick=\"codaxAddBlock()\">+ Ajouter un bloc<\/button>\n          <button type=\"button\" class=\"codax-btn codax-btn-ghost\" style=\"font-size:12px;\" onclick=\"codaxRemoveLastBlock()\">- Supprimer le dernier<\/button>\n        <\/div>\n        <div class=\"codax-grid-2\" style=\"margin-top:8px;\">\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Services partag\u00e9s \/ commodit\u00e9s ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"shared_services\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Surveillance centrale \u00e0 travers les blocs ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"central_monitoring\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        <!-- Keep legacy hidden fields for model compatibility -->\n        <input type=\"hidden\" id=\"residential_share_pct\" value=\"\">\n        <input type=\"hidden\" id=\"commercial_share_pct\" value=\"\">\n        <input type=\"hidden\" id=\"mixed_use_commercial_type\" value=\"Office\">\n      <\/div>\n\n      <div class=\"codax-mall-box codax-internal-only-block\" id=\"codax-industrial-box\" style=\"display:none;\">\n        <div class=\"codax-grid-2\">\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Zones op\u00e9rationnelles <span class=\"codax-req\">*<\/span><\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"operational_zone_count\" placeholder=\"par exemple 16\" min=\"0\">\n              <span class=\"codax-unit\">zones<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Salles sp\u00e9ciales \/ Laboratoires \/ Baies<\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"special_space_count\" placeholder=\"par exemple 6\" min=\"0\">\n              <span class=\"codax-unit\">espaces<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Zone \u00e0 forte fr\u00e9quentation ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"high_bay_scope\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Int\u00e9gration de processus \/ d'\u00e9quipements sp\u00e9cialis\u00e9s ?<\/label>\n            <select class=\"codax-input codax-select\" id=\"process_integration\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-mall-box codax-residential-box\" id=\"codax-residential-box\" style=\"display:none;\">\n        <div class=\"codax-grid-2\">\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Estimation des pi\u00e8ces \/ espaces principaux <span class=\"codax-req\">*<\/span><\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"room_count\" placeholder=\"par exemple 8\" min=\"0\">\n              <span class=\"codax-unit\">chambres<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Moteurs de stores et d'ombrages<\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"blind_count\" placeholder=\"par exemple 12\" min=\"0\">\n              <span class=\"codax-unit\">unit\u00e9s<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Zones climatiques<\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"climate_zones\" placeholder=\"par exemple 6\" min=\"0\">\n              <span class=\"codax-unit\">zones<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Visualisation \/ Port\u00e9e du serveur<\/label>\n            <select class=\"codax-input codax-select\" id=\"server_scope\">\n              <option value=\"No\" selected>Non<\/option>\n              <option value=\"Yes\">Oui<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        <span class=\"codax-hint\">La logique budg\u00e9taire r\u00e9sidentielle utilise les pi\u00e8ces, les ombres, les zones climatiques et la port\u00e9e de la visualisation plus que la surface seule.<\/span>\n      <\/div>\n\n      <div class=\"codax-section-title\">\n        R\u00e9partition de la part de l'\u00e9nergie\n        <span class=\"codax-section-optional\">(facultatif - les valeurs par d\u00e9faut du secteur sont utilis\u00e9es si elles sont vides)<\/span>\n      <\/div>\n      <div class=\"codax-grid-3\">\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Action CVC<\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"hvac_share\" placeholder=\"D\u00e9faut\" step=\"1\" min=\"0\" max=\"100\">\n            <span class=\"codax-unit\">%<\/span>\n          <\/div>\n          <span class=\"codax-hint\" id=\"hint-hvac\"><\/span>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Part de l'\u00e9clairage<\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"lighting_share\" placeholder=\"D\u00e9faut\" step=\"1\" min=\"0\" max=\"100\">\n            <span class=\"codax-unit\">%<\/span>\n          <\/div>\n          <span class=\"codax-hint\" id=\"hint-light\"><\/span>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Part eau \/ ventilation<\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"water_share\" placeholder=\"D\u00e9faut\" step=\"1\" min=\"0\" max=\"100\">\n            <span class=\"codax-unit\">%<\/span>\n          <\/div>\n          <span class=\"codax-hint\" id=\"hint-water\"><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-actions\">\n        <button class=\"codax-btn codax-btn-ghost\" onclick=\"codaxGo(1)\"><span class=\"codax-btn-arrow\">\u2190<\/span> Retour<\/button>\n        <button class=\"codax-btn codax-btn-primary\" onclick=\"codaxGo(3)\">Suivant : Options <span class=\"codax-btn-arrow\">\u2192<\/span><\/button>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 STEP 3 \u2500\u2500 -->\n    <div class=\"codax-panel\" id=\"codax-step-3\">\n      <div class=\"codax-panel-header\">\n        <div class=\"codax-panel-icon\">\ud83c\udf9b\ufe0f<\/div>\n        <div>\n          <h2 class=\"codax-panel-title\">Options et sc\u00e9nario Codax<\/h2>\n          <p class=\"codax-panel-desc\">Configurer l'\u00e9tendue de l'automatisation, les fonctions intelligentes et la s\u00e9lection des sc\u00e9narios.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-section-title\">Codax Automation<\/div>\n      <div class=\"codax-grid-2\">\n        <div class=\"codax-field\">\n          <!-- FIX P1: automation_pct is now marked required and validated in JS -->\n          <label class=\"codax-label\">% du b\u00e2timent automatis\u00e9 par Codax <span class=\"codax-req\">*<\/span><\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"automation_pct\" placeholder=\"par exemple 85\" min=\"1\" max=\"100\" value=\"85\">\n            <span class=\"codax-unit\">%<\/span>\n          <\/div>\n          <span class=\"codax-hint\">N\u00e9cessaire - port\u00e9e contr\u00f4lable, pas de part d'\u00e9nergie<\/span>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Co\u00fbt du projet <span class=\"codax-optional-lbl\">(facultatif)<\/span><\/label>\n          <div class=\"codax-input-group\">\n            <span class=\"codax-unit codax-unit-pre\" id=\"sym-cost\">$<\/span>\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"project_cost\" placeholder=\"Si le champ est vide, une estimation est calcul\u00e9e\">\n          <\/div>\n          <span class=\"codax-hint\">Si le champ est vide, une estimation est calcul\u00e9e \u00e0 partir de la surface automatis\u00e9e, du type de b\u00e2timent, de l'\u00e9tendue de l'int\u00e9gration et de la taille du b\u00e2timent.<\/span>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Co\u00fbt d'entretien des b\u00e2timents <span class=\"codax-optional-lbl\">(facultatif)<\/span><\/label>\n          <select class=\"codax-input codax-select\" id=\"maintenance_cost_mode\" style=\"margin-bottom:8px;\">\n            <option value=\"Auto\" selected>Auto - calculer pour moi<\/option>\n            <option value=\"Manual\">Manuel - utiliser uniquement ma valeur<\/option>\n          <\/select>\n          <div class=\"codax-input-group\">\n            <span class=\"codax-unit codax-unit-pre\" id=\"sym-maint\">$<\/span>\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"maintenance_cost\" placeholder=\"D\u00e9rogation facultative\">\n            <span class=\"codax-unit\">\/an<\/span>\n          <\/div>\n          <span class=\"codax-hint\" id=\"hint-maintenance-mode\">Auto utilise la formule par d\u00e9faut du type de b\u00e2timent lorsqu'elle est laiss\u00e9e vide. Manual utilise exactement la valeur que vous avez saisie, y compris 0.<\/span>\n        <\/div>\n        <div class=\"codax-field codax-field-wide\">\n          <label class=\"codax-label\">Paquet de syst\u00e8mes <span class=\"codax-req\">*<\/span><\/label>\n          <div id=\"codax-package-cards\" class=\"codax-pkg-grid\"><\/div>\n          <!-- Hidden select keeps compatibility with model + draft\/load -->\n          <select class=\"codax-input codax-select\" id=\"integration_scope\" style=\"display:none;\">\n            <option value=\"Lighting + HVAC + Occupancy\" selected>\u00c9clairage + CVC + Occupation<\/option>\n            <option value=\"Lighting + HVAC\">Eclairage + CVC<\/option>\n            <option value=\"Lighting Only\">Eclairage uniquement<\/option>\n            <option value=\"HVAC Only\">CVC uniquement<\/option>\n            <option value=\"Room Automation\">Automatisation des locaux<\/option>\n            <option value=\"Common Areas Only\">Zones communes uniquement<\/option>\n            <option value=\"Metering \/ Dashboard\">Mesure \/ Tableau de bord<\/option>\n            <option value=\"HVAC Optimization\">Optimisation du chauffage, de la ventilation et de la climatisation<\/option>\n            <option value=\"Full KNX\">KNX complet<\/option>\n          <\/select>\n          <span class=\"codax-hint\">Cliquez sur un paquet pour configurer automatiquement les param\u00e8tres de port\u00e9e, d'occupation et de lumi\u00e8re du jour.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-section-title\">Caract\u00e9ristiques intelligentes<\/div>\n      <div class=\"codax-grid-2\">\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Contr\u00f4le de l'occupation en temps r\u00e9el<\/label>\n          <div class=\"codax-radio-group\">\n            <label class=\"codax-radio-label\"><input type=\"radio\" name=\"occupancy\" value=\"Yes\" checked> <span>Oui<\/span><\/label>\n            <label class=\"codax-radio-label\"><input type=\"radio\" name=\"occupancy\" value=\"No\"> <span>Non<\/span><\/label>\n          <\/div>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">% Zone sous contr\u00f4le d'occupation<\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"occupancy_area_pct\" placeholder=\"D\u00e9faut\" min=\"0\" max=\"100\">\n            <span class=\"codax-unit\">%<\/span>\n          <\/div>\n          <span class=\"codax-hint\" id=\"hint-occ-area\"><\/span>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">R\u00e9cup\u00e9ration de la lumi\u00e8re du jour<\/label>\n          <div class=\"codax-radio-group\">\n            <label class=\"codax-radio-label\"><input type=\"radio\" name=\"daylight\" value=\"Yes\" checked> <span>Oui<\/span><\/label>\n            <label class=\"codax-radio-label\"><input type=\"radio\" name=\"daylight\" value=\"No\"> <span>Non<\/span><\/label>\n          <\/div>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Contr\u00f4le du m\u00e9lange des lux constants (lumi\u00e8re du jour + artificielle)<\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"daylight_savings_pct\" placeholder=\"D\u00e9faut\" step=\"1\" min=\"0\">\n            <span class=\"codax-unit\">%<\/span>\n          <\/div>\n          <span class=\"codax-hint\" id=\"hint-daylight\"><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-section-title\">\n        Adders commerciaux\n        <span class=\"codax-section-optional\">(facultatif)<\/span>\n      <\/div>\n      <div class=\"codax-grid-2\">\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">\u00c9conomies annuelles sur les frais de demande de pointe<\/label>\n          <div class=\"codax-input-group\">\n            <span class=\"codax-unit codax-unit-pre\" id=\"sym-demand\">$<\/span>\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"demand_savings\" value=\"0\" min=\"0\">\n            <span class=\"codax-unit\">\/an<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">\u00c9conomies annuelles li\u00e9es \u00e0 l'optimisation de l'heure d'utilisation (TOU)<\/label>\n          <div class=\"codax-input-group\">\n            <span class=\"codax-unit codax-unit-pre\" id=\"sym-tou\">$<\/span>\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"tou_savings\" value=\"0\" min=\"0\">\n            <span class=\"codax-unit\">\/an<\/span>\n          <\/div>\n          <span class=\"codax-hint\">\u00c9conomies r\u00e9alis\u00e9es en d\u00e9pla\u00e7ant les charges vers des heures creuses moins ch\u00e8res<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-section-title codax-internal-only-block\">\n        Estimations avanc\u00e9es\n        <span class=\"codax-section-optional\">(am\u00e9liore la pr\u00e9cision de l'estimation)<\/span>\n      <\/div>\n      <div class=\"codax-grid-2 codax-internal-only-block\">\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Niveau de complexit\u00e9<\/label>\n          <select class=\"codax-input codax-select\" id=\"complexity_level\">\n            <option value=\"Low\">Faible<\/option>\n            <option value=\"Standard\" selected>Standard<\/option>\n            <option value=\"High\">Haut<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Ajustement r\u00e9gional des co\u00fbts<\/label>\n          <select class=\"codax-input codax-select\" id=\"regional_factor\">\n            <option value=\"Low\">March\u00e9 \u00e0 moindre co\u00fbt<\/option>\n            <option value=\"Standard\" selected>March\u00e9 standard<\/option>\n            <option value=\"High\">March\u00e9 \u00e0 co\u00fbts plus \u00e9lev\u00e9s<\/option>\n          <\/select>\n          <span class=\"codax-hint\">Ajuste les budgets de d\u00e9pistage en fonction des conditions locales de livraison et des fournisseurs.<\/span>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Points de donn\u00e9es KNX estim\u00e9s <span class=\"codax-optional-lbl\">(facultatif)<\/span><\/label>\n          <div class=\"codax-input-group\">\n            <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"datapoints_estimate\" placeholder=\"par exemple 320\" min=\"0\">\n            <span class=\"codax-unit\">pts<\/span>\n          <\/div>\n          <span class=\"codax-hint\">Facultatif - permet d'affiner le niveau de confiance et de v\u00e9rification du budget.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-section-title\">Sc\u00e9nario et mise en service<\/div>\n      <div class=\"codax-grid-2\">\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">S\u00e9lection des sc\u00e9narios<\/label>\n          <select class=\"codax-input codax-select\" id=\"scenario\">\n            <option value=\"Conservative\">Conservateurs (-15% d'\u00e9conomies)<\/option>\n            <option value=\"Expected\" selected>Pr\u00e9vu (cas de base)<\/option>\n            <option value=\"Aggressive\">Agressif (+15% d'\u00e9conomies)<\/option>\n          <\/select>\n          <span class=\"codax-hint\">Utilisation pour les pr\u00e9sentations \u00e0 la baisse \/ \u00e0 la base \/ \u00e0 la hausse<\/span>\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Qualit\u00e9 de la Commission<\/label>\n          <select class=\"codax-input codax-select\" id=\"commissioning\">\n            <option value=\"Basic\">Base (\u00e9conomies r\u00e9alis\u00e9es -10%)<\/option>\n            <option value=\"Standard\" selected>Standard (Base)<\/option>\n            <option value=\"Optimized\">Optimis\u00e9 (+8% d'\u00e9conomies r\u00e9alis\u00e9es)<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <!--\n        FIX P1 + P2: All mall radios are now WIRED to the model in JS.\n        extended_hours  \u2192 controls whether the after-hours kwh factor applies\n        afterhours_waste \u2192 combined with extended_hours to scale ahFactor\n        current_automation \u2192 reduces base savings by 20% if already automated\n      -->\n      <div id=\"codax-mall-box\" class=\"codax-mall-box\">\n        <div class=\"codax-mall-box-title\">\ud83c\udfec Options sp\u00e9cifiques au centre commercial<\/div>\n        <div class=\"codax-grid-2\">\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Heures d'ouverture prolong\u00e9es ?<\/label>\n            <div class=\"codax-radio-group\">\n              <label class=\"codax-radio-label\"><input type=\"radio\" name=\"extended_hours\" value=\"Yes\" checked> <span>Oui - l'aire de restauration et le cin\u00e9ma sont ouverts tard<\/span><\/label>\n              <label class=\"codax-radio-label\"><input type=\"radio\" name=\"extended_hours\" value=\"No\"> <span>Non<\/span><\/label>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">D\u00e9chets d'\u00e9clairage en dehors des heures de travail observ\u00e9s ?<\/label>\n            <div class=\"codax-radio-group\">\n              <label class=\"codax-radio-label\"><input type=\"radio\" name=\"afterhours_waste\" value=\"Yes\" checked> <span>Oui - les lumi\u00e8res restent allum\u00e9es apr\u00e8s la fermeture<\/span><\/label>\n              <label class=\"codax-radio-label\"><input type=\"radio\" name=\"afterhours_waste\" value=\"No\"> <span>Non<\/span><\/label>\n            <\/div>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Mois de retard d'investissement<\/label>\n            <div class=\"codax-input-group\">\n              <input class=\"codax-input codax-input-grow\" type=\"number\" id=\"delay_months\" value=\"9\" min=\"0\" max=\"36\">\n              <span class=\"codax-unit\">mois<\/span>\n            <\/div>\n            <span class=\"codax-hint\">Indique les \u00e9conomies non r\u00e9alis\u00e9es en raison d'un retard dans le d\u00e9marrage du projet<\/span>\n          <\/div>\n          <div class=\"codax-field\">\n            <label class=\"codax-label\">Contr\u00f4les d'automatisation actuels ?<\/label>\n            <div class=\"codax-radio-group\">\n              <label class=\"codax-radio-label\"><input type=\"radio\" name=\"current_automation\" value=\"Yes\"> <span>Oui - il existe des contr\u00f4les<\/span><\/label>\n              <label class=\"codax-radio-label\"><input type=\"radio\" name=\"current_automation\" value=\"No\" checked> <span>Non - on repart de z\u00e9ro<\/span><\/label>\n            <\/div>\n            <span class=\"codax-hint\">R\u00e9pondre oui r\u00e9duit les \u00e9conomies de base de ~20%<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"codax-actions\">\n        <button class=\"codax-btn codax-btn-ghost\" onclick=\"codaxGo(2)\"><span class=\"codax-btn-arrow\">\u2190<\/span> Retour<\/button>\n        <button class=\"codax-btn codax-btn-primary codax-btn-calculate\" onclick=\"codaxCalculate()\">\n          Calculer les \u00e9conomies <span class=\"codax-btn-arrow\">\u2192<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 STEP 4: Results \u2500\u2500 -->\n    <div class=\"codax-panel\" id=\"codax-step-4\">\n      <div class=\"codax-result-card codax-input-summary-card\">\n        <div class=\"codax-input-summary-head\">\n          <div>\n            <h3 class=\"codax-card-title\">R\u00e9sum\u00e9 des entr\u00e9es<\/h3>\n            <p class=\"codax-card-desc\">Vue rapide des valeurs utilis\u00e9es pour ce calcul.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"codax-inline-note\" id=\"codax-project-cost-note\" hidden><\/div>\n        <div class=\"codax-input-summary-grid\" id=\"tbl-input-summary\"><\/div>\n      <\/div>\n      <div class=\"codax-kpi-row\" id=\"codax-kpi-row\"><\/div>\n      <div class=\"codax-tables-grid codax-meta-grid\">\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">Fourchette budg\u00e9taire estim\u00e9e<\/h3>\n          <p class=\"codax-card-desc\">Gamme d'\u00e9valuation pour la discussion de cas d'entreprise \u00e0 un stade pr\u00e9coce.<\/p>\n          <div class=\"codax-budget-range-grid\" id=\"codax-budget-range\"><\/div>\n        <\/div>\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">Structure de l'\u00e9pargne<\/h3>\n          <p class=\"codax-card-desc\">S\u00e9pare les \u00e9conomies r\u00e9alis\u00e9es gr\u00e2ce \u00e0 l'automatisation de base des ajouts commerciaux manuels.<\/p>\n          <table class=\"codax-table\" id=\"tbl-savings-structure\"><\/table>\n        <\/div>\n      <\/div>\n      <div class=\"codax-tables-grid codax-meta-grid\">\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">Marges de confiance budg\u00e9taires<\/h3>\n          <p class=\"codax-card-desc\">Fourchettes de complexit\u00e9 faible, attendue et plus \u00e9lev\u00e9e en fonction de la qualit\u00e9 des donn\u00e9es, de la voie de modernisation et du risque de livraison.<\/p>\n          <div class=\"codax-budget-range-grid\" id=\"codax-confidence-bands\"><\/div>\n        <\/div>\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">Estimation des moteurs et de la confiance<\/h3>\n          <p class=\"codax-card-desc\">Principaux facteurs influen\u00e7ant actuellement la qualit\u00e9 du budget et de l'\u00e9pargne.<\/p>\n          <div class=\"codax-confidence-chip\" id=\"codax-confidence-chip\"><\/div>\n          <div class=\"codax-confidence-chip codax-readiness-chip\" id=\"codax-readiness-chip\"><\/div>\n          <div class=\"codax-methodology-list\" id=\"codax-driver-list\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"codax-tables-grid codax-meta-grid\">\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">M\u00e9thodologie et sources de donn\u00e9es<\/h3>\n          <p class=\"codax-card-desc\">Ce qui est estim\u00e9, ce qui est saisi manuellement et les sources qui alimentent le mod\u00e8le.<\/p>\n          <div class=\"codax-methodology-list\" id=\"codax-methodology\"><\/div>\n          <div class=\"codax-source-meta\" id=\"codax-source-meta\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"codax-tables-grid codax-meta-grid\">\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">Ventilation du budget du sous-syst\u00e8me<\/h3>\n          <p class=\"codax-card-desc\">Estimation de l'allocation du budget d'inspection\/de filtrage par sous-syst\u00e8me de contr\u00f4le.<\/p>\n          <table class=\"codax-table\" id=\"tbl-budget-breakdown\"><\/table>\n        <\/div>\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">Pr\u00e9paration des citations<\/h3>\n          <p class=\"codax-card-desc\">Indique si la qualit\u00e9 de l'entr\u00e9e actuelle permet une discussion sur la s\u00e9lection, le pr\u00e9-budget ou le devis.<\/p>\n          <div class=\"codax-methodology-list\" id=\"codax-readiness-list\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"codax-tables-grid codax-meta-grid\">\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">Comparaison des paquets<\/h3>\n          <p class=\"codax-card-desc\">Comparaison commerciale rapide entre le positionnement de la port\u00e9e partielle, standard et premium.<\/p>\n          <table class=\"codax-table\" id=\"tbl-package-compare\"><\/table>\n        <\/div>\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">R\u00e9f\u00e9rence du projet<\/h3>\n          <p class=\"codax-card-desc\">Cette r\u00e9f\u00e9rence interne permet de rouvrir le dossier, d'en discuter et d'en assurer le suivi.<\/p>\n          <div class=\"codax-methodology-list\" id=\"codax-reference-box\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"codax-tables-grid codax-meta-grid\">\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">Estimation de la base des points de donn\u00e9es et des appareils<\/h3>\n          <p class=\"codax-card-desc\">Affiche les quantit\u00e9s KNX utilis\u00e9es pour \u00e9tablir le budget pr\u00e9visionnel lorsque les chiffres exacts ne sont pas encore disponibles.<\/p>\n          <table class=\"codax-table\" id=\"tbl-datapoints\"><\/table>\n        <\/div>\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">Estimation de la port\u00e9e du syst\u00e8me<\/h3>\n          <p class=\"codax-card-desc\">Une vue compacte de l'\u00e9tendue du contr\u00f4le que le mod\u00e8le estime \u00eatre \u00e0 l'origine de cette estimation.<\/p>\n          <div class=\"codax-methodology-list\" id=\"codax-scope-list\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"codax-tables-grid codax-meta-grid\">\n        <div class=\"codax-result-card\">\n          <h3 class=\"codax-card-title\">Prochaines \u00e9tapes recommand\u00e9es<\/h3>\n          <p class=\"codax-card-desc\">Ce qu'il faut faire ensuite en fonction de l'\u00e9tat de pr\u00e9paration, de la qualit\u00e9 du champ d'application et du degr\u00e9 de confiance de l'estimation actuelle.<\/p>\n          <div class=\"codax-methodology-list\" id=\"codax-recommendations-list\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"codax-charts-grid\">\n        <div class=\"codax-chart-card\"><h3 class=\"codax-card-title\">Composition des \u00e9conomies annuelles<\/h3><canvas id=\"chart-mix\" height=\"220\"><\/canvas><\/div>\n        <div class=\"codax-chart-card\"><h3 class=\"codax-card-title\">Comparaison des sc\u00e9narios<\/h3><canvas id=\"chart-scenarios\" height=\"220\"><\/canvas><\/div>\n      <\/div>\n      <div class=\"codax-tables-grid\">\n        <div class=\"codax-result-card\"><h3 class=\"codax-card-title\">R\u00e9partition des \u00e9conomies<\/h3><table class=\"codax-table\" id=\"tbl-savings\"><\/table><\/div>\n        <div class=\"codax-result-card\"><h3 class=\"codax-card-title\">Base vs proposition<\/h3><table class=\"codax-table\" id=\"tbl-compare\"><\/table><\/div>\n      <\/div>\n      <div class=\"codax-result-card codax-npv-card\">\n        <h3 class=\"codax-card-title\">B\u00e9n\u00e9fice net cumul\u00e9 sur 20 ans<\/h3>\n        <canvas id=\"chart-npv\" height=\"180\"><\/canvas>\n      <\/div>\n      <div id=\"codax-delay-banner\" class=\"codax-delay-banner\" style=\"display:none;\"><\/div>\n      <div class=\"codax-result-card\">\n        <h3 class=\"codax-card-title\">Plan d'investissement progressif<\/h3>\n        <p class=\"codax-card-desc\">Voie de d\u00e9ploiement \u00e0 moindre risque lorsqu'il est difficile d'obtenir une approbation budg\u00e9taire compl\u00e8te.<\/p>\n        <table class=\"codax-table\" id=\"tbl-phased\"><\/table>\n      <\/div>\n      <div class=\"codax-exclusions-box\">\n        <div class=\"codax-exclusions-title\">\u26a0 Principales exclusions et notes<\/div>\n        <ul class=\"codax-exclusions-list\">\n          <li>Les \u00e9conomies d\u00e9pendent de la qualit\u00e9 de la mise en service et du r\u00e9glage ad\u00e9quat du syst\u00e8me.<\/li>\n          <li>L'occupation et l'heure d'\u00e9t\u00e9 ne s'appliquent que si elles sont incluses dans le champ d'application.<\/li>\n          <li>Les suppl\u00e9ments li\u00e9s \u00e0 la demande et \u00e0 la dur\u00e9e d'utilisation ne s'appliquent que lorsque la structure tarifaire les prend en charge.<\/li>\n          <li>L'impact des fluides frigorig\u00e8nes est exclu, sauf si des donn\u00e9es sp\u00e9cifiques au projet sont saisies.<\/li>\n          <li>Les fourchettes de r\u00e9f\u00e9rence ne sont utilis\u00e9es qu'\u00e0 titre de r\u00e9f\u00e9rence - les r\u00e9sultats ne sont pas garantis.<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"codax-actions codax-actions-results\">\n                <button class=\"codax-btn codax-btn-ghost\" onclick=\"codaxGo(3)\"><span class=\"codax-btn-arrow\">\u2190<\/span> Modifier les entr\u00e9es<\/button>\n        <button class=\"codax-btn codax-btn-download\" onclick=\"codaxDownloadPDF()\">T\u00e9l\u00e9charger le rapport PDF<\/button>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- .codax-body -->\n\n  <div id=\"codax-lead-modal\" class=\"codax-modal-backdrop\" hidden>\n    <div class=\"codax-modal-card\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"codax-lead-title\">\n      <div class=\"codax-modal-head\">\n        <h3 id=\"codax-lead-title\" class=\"codax-card-title\">Envoyez-nous vos coordonn\u00e9es<\/h3>\n        <p class=\"codax-card-desc\">Facultatif : ajoutez votre nom, votre adresse \u00e9lectronique et votre num\u00e9ro de t\u00e9l\u00e9phone afin que nous puissions joindre le devis \u00e0 votre dossier de projet avant que le PDF ne soit t\u00e9l\u00e9charg\u00e9.<\/p>\n      <\/div>\n      <div class=\"codax-grid-2 codax-modal-grid\">\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Nom<\/label>\n          <input class=\"codax-input\" type=\"text\" id=\"lead_name\" placeholder=\"Votre nom\">\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">Courriel<\/label>\n          <input class=\"codax-input\" type=\"email\" id=\"lead_email\" placeholder=\"you@example.com\">\n        <\/div>\n        <div class=\"codax-field\">\n          <label class=\"codax-label\">T\u00e9l\u00e9phone<\/label>\n          <input class=\"codax-input\" type=\"text\" id=\"lead_phone\" placeholder=\"+507 ...\">\n        <\/div>\n      <\/div>\n      <div class=\"codax-actions codax-modal-actions\">\n        <button type=\"button\" class=\"codax-btn codax-btn-ghost\" id=\"codax-lead-skip\">Sauter<\/button>\n        <button type=\"button\" class=\"codax-btn codax-btn-primary\" id=\"codax-lead-continue\">Continuer vers le PDF<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"codax-loading\" class=\"codax-loading\" style=\"display:none;\">\n    <div class=\"codax-loading-inner\">\n      <div class=\"codax-spinner\"><\/div>\n      <p class=\"codax-loading-text\">Calculer votre \u00e9pargne...<\/p>\n    <\/div>\n  <\/div>\n\n  <div id=\"codax-toast\" class=\"codax-toast\" role=\"alert\" aria-live=\"polite\"><\/div>\n\n<\/div>\n<\/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<div class=\"elementor-element elementor-element-70ee88ae e-flex e-con-boxed e-con e-parent\" data-id=\"70ee88ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-405686db e-con-full e-flex e-con e-child\" data-id=\"405686db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6abf40ce elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6abf40ce\" 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 class=\"elementor-element elementor-element-68db2b98 elementor-widget elementor-widget-heading\" data-id=\"68db2b98\" 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\">Imaginez, concevez, cr\u00e9ez... et nous l'\u00e9l\u00e8verons\".\nl'\u00e9l\u00e8verons\".<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-615be31 elementor-widget elementor-widget-heading\" data-id=\"615be31\" 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<h3 class=\"elementor-heading-title elementor-size-default\">R\u00e9veillez votre c\u00f4t\u00e9 artistique<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b85fcaa elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5b85fcaa\" 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Saving Calculator &#8220;Imagine, Design, Create&#8230;and we will Elevate it.&#8221; Awaken your artistic side\u200b<\/p>","protected":false},"author":1,"featured_media":3952,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3913","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/codax-int.com\/fr\/wp-json\/wp\/v2\/pages\/3913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codax-int.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codax-int.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codax-int.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codax-int.com\/fr\/wp-json\/wp\/v2\/comments?post=3913"}],"version-history":[{"count":18,"href":"https:\/\/codax-int.com\/fr\/wp-json\/wp\/v2\/pages\/3913\/revisions"}],"predecessor-version":[{"id":3973,"href":"https:\/\/codax-int.com\/fr\/wp-json\/wp\/v2\/pages\/3913\/revisions\/3973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codax-int.com\/fr\/wp-json\/wp\/v2\/media\/3952"}],"wp:attachment":[{"href":"https:\/\/codax-int.com\/fr\/wp-json\/wp\/v2\/media?parent=3913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}