From 71e799713457b55e583a7895fde6cb760f5f603f Mon Sep 17 00:00:00 2001
From: build-pipeline <build-token>
Date: Thu, 5 May 2022 16:21:34 +0000
Subject: [PATCH] publish: Merge branch
 'feat/US749-reinit-ecogesture-selection' into 'dev'

generated from commit b1696d7ad759e38b775877f663ceb3bc3f1723c1
---
 .../ecolyo.4241ddb5a2f83633ead0.js            |    2 +-
 .../ecolyo.6df900f7754bacd124a6.js            |   22 +-
 .../ecolyo.130863daf1ed3a3cd1cc.js            |   52 +-
 3/ecolyo.6091146f28a9944b9ff5.js              | 1913 ----------
 .../ecolyo.48e3ad54f0638c83e45c.js            |    4 +-
 .../ecolyo.37c6778b021286609401.js            |  329 +-
 .../ecolyo.45deaf0cd885c672db65.js            |    8 +-
 .../ecolyo.872ea0527fa5ab47be45.js            |    2 +-
 ...efcc.js => ecolyo.c42d7bb43cc78a563f7b.js} |   12 +-
 .../ecolyo.0ac9844c1ae82c05dc08.js            |   16 +-
 9/ecolyo.ea36d9441e5e67ed4c61.js              |  779 -----
 ...1d09.js => ecolyo.96a5f78b2e3f86df36fc.js} | 3112 ++++++++++++++++-
 index.html                                    |    2 +-
 services/aggregatorUsageEvents/ecolyo.js      |   28 +-
 14 files changed, 3341 insertions(+), 2940 deletions(-)
 rename 11/ecolyo.9b513c202205eecc62de.js => 10/ecolyo.4241ddb5a2f83633ead0.js (99%)
 rename 1/ecolyo.ad4e9d262402fd5317f2.js => 2/ecolyo.6df900f7754bacd124a6.js (86%)
 rename 2/ecolyo.e321bae89c3345a37a0e.js => 3/ecolyo.130863daf1ed3a3cd1cc.js (92%)
 delete mode 100644 3/ecolyo.6091146f28a9944b9ff5.js
 rename 12/ecolyo.a93c3508be46cf2c2aa2.js => 4/ecolyo.48e3ad54f0638c83e45c.js (96%)
 rename 4/ecolyo.943c56d53127de0c0b5b.js => 5/ecolyo.37c6778b021286609401.js (69%)
 rename 5/ecolyo.732993d7f79b32a81919.js => 6/ecolyo.45deaf0cd885c672db65.js (93%)
 rename 6/ecolyo.a3016721fa562bc5b0bc.js => 7/ecolyo.872ea0527fa5ab47be45.js (98%)
 rename 8/{ecolyo.59fa9caf21dac7d1efcc.js => ecolyo.c42d7bb43cc78a563f7b.js} (89%)
 rename 10/ecolyo.1a07d85ce2906255e036.js => 9/ecolyo.0ac9844c1ae82c05dc08.js (86%)
 delete mode 100644 9/ecolyo.ea36d9441e5e67ed4c61.js
 rename app/{ecolyo.8a2d5fea259eaf991d09.js => ecolyo.96a5f78b2e3f86df36fc.js} (96%)

diff --git a/11/ecolyo.9b513c202205eecc62de.js b/10/ecolyo.4241ddb5a2f83633ead0.js
similarity index 99%
rename from 11/ecolyo.9b513c202205eecc62de.js
rename to 10/ecolyo.4241ddb5a2f83633ead0.js
index 3ea18934c..10fb4ccf0 100644
--- a/11/ecolyo.9b513c202205eecc62de.js
+++ b/10/ecolyo.4241ddb5a2f83633ead0.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[11],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
 
 /***/ "LUT6":
 /***/ (function(module, exports, __webpack_require__) {
diff --git a/1/ecolyo.ad4e9d262402fd5317f2.js b/2/ecolyo.6df900f7754bacd124a6.js
similarity index 86%
rename from 1/ecolyo.ad4e9d262402fd5317f2.js
rename to 2/ecolyo.6df900f7754bacd124a6.js
index 66aa962d0..0f2fa606d 100644
--- a/1/ecolyo.ad4e9d262402fd5317f2.js
+++ b/2/ecolyo.6df900f7754bacd124a6.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[2],{
 
 /***/ "/Sqe":
 /***/ (function(module, exports, __webpack_require__) {
@@ -57,7 +57,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.analysis-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 1.5rem; }\n  .analysis-root.black {\n    background: var(--darkLight2); }\n  @media only screen and (max-width: 768px) {\n    .analysis-root {\n      margin-bottom: 0; } }\n  .analysis-root .analysis-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .analysis-root .analysis-content {\n        width: 100%; } }\n    .analysis-root .analysis-content .analysis-header {\n      margin-top: 1.5rem;\n      margin-bottom: 1.25rem;\n      color: #e0e0e0;\n      font-size: 1rem; }\n  .analysis-root .status-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    grid-gap: 0.5rem;\n    justify-content: end;\n    color: #e0e0e0 !important; }\n    .analysis-root .status-header div {\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      grid-column: 2; }\n    .analysis-root .status-header button {\n      grid-column: 3;\n      display: flex;\n      justify-self: end; }\n    .analysis-root .status-header button.btn-secondary-negative {\n      min-width: 40px;\n      width: 40px;\n      height: 40px;\n      padding: 0;\n      margin: 0; }\n\n.analysis-container-spinner {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.analysis-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 1.5rem; }\n  .analysis-root.black {\n    background: var(--darkLight2); }\n  @media only screen and (max-width: 768px) {\n    .analysis-root {\n      margin-bottom: 0; } }\n  .analysis-root .analysis-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .analysis-root .analysis-content {\n        width: 100%; } }\n    .analysis-root .analysis-content .analysis-header {\n      margin-top: 1.5rem;\n      margin-bottom: 1.25rem;\n      color: #e0e0e0;\n      font-size: 1rem; }\n  .analysis-root .status-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    grid-gap: 0.5rem;\n    justify-content: end;\n    color: #e0e0e0 !important; }\n    .analysis-root .status-header div {\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      grid-column: 2; }\n    .analysis-root .status-header button {\n      grid-column: 3;\n      display: flex;\n      justify-self: end; }\n    .analysis-root .status-header button.btn-secondary-negative {\n      min-width: 40px;\n      width: 40px;\n      height: 40px;\n      padding: 0;\n      margin: 0; }\n\n.analysis-container-spinner {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center; }\n", ""]);
 
 
 
@@ -68,7 +68,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.consumption-multifluid,\n.consumption-electricity,\n.consumption-water,\n.consumption-gas {\n  display: flex;\n  margin-bottom: 1rem; }\n  .consumption-multifluid .user-graph .graph,\n  .consumption-electricity .user-graph .graph,\n  .consumption-water .user-graph .graph,\n  .consumption-gas .user-graph .graph {\n    border-radius: 0.35rem 0 0 0.35rem; }\n  .consumption-multifluid .user-graph .price.not-connected,\n  .consumption-electricity .user-graph .price.not-connected,\n  .consumption-water .user-graph .price.not-connected,\n  .consumption-gas .user-graph .price.not-connected {\n    color: #a0a0a0;\n    height: 2rem;\n    width: 100%;\n    align-items: center;\n    display: flex; }\n  .consumption-multifluid .average-graph,\n  .consumption-electricity .average-graph,\n  .consumption-water .average-graph,\n  .consumption-gas .average-graph {\n    color: #bfcce4; }\n    .consumption-multifluid .average-graph .price,\n    .consumption-electricity .average-graph .price,\n    .consumption-water .average-graph .price,\n    .consumption-gas .average-graph .price {\n      text-align: right; }\n      .consumption-multifluid .average-graph .price.not-connected,\n      .consumption-electricity .average-graph .price.not-connected,\n      .consumption-water .average-graph .price.not-connected,\n      .consumption-gas .average-graph .price.not-connected {\n        opacity: 0.55; }\n    .consumption-multifluid .average-graph .graph,\n    .consumption-electricity .average-graph .graph,\n    .consumption-water .average-graph .graph,\n    .consumption-gas .average-graph .graph {\n      background-color: #bfcce4; }\n  .consumption-multifluid .ideal-graph,\n  .consumption-electricity .ideal-graph,\n  .consumption-water .ideal-graph,\n  .consumption-gas .ideal-graph {\n    color: #a6e191; }\n    .consumption-multifluid .ideal-graph .price,\n    .consumption-electricity .ideal-graph .price,\n    .consumption-water .ideal-graph .price,\n    .consumption-gas .ideal-graph .price {\n      text-align: right; }\n      .consumption-multifluid .ideal-graph .price.not-connected,\n      .consumption-electricity .ideal-graph .price.not-connected,\n      .consumption-water .ideal-graph .price.not-connected,\n      .consumption-gas .ideal-graph .price.not-connected {\n        opacity: 0.55; }\n    .consumption-multifluid .ideal-graph .graph,\n    .consumption-electricity .ideal-graph .graph,\n    .consumption-water .ideal-graph .graph,\n    .consumption-gas .ideal-graph .graph {\n      background-color: #a6e191; }\n\n.consumption-sep {\n  border-top: 1px solid #7b7b7b;\n  margin: 1rem 0; }\n\n.user-graph,\n.average-graph,\n.ideal-graph {\n  display: flex;\n  justify-content: space-between;\n  flex-basis: 45%;\n  align-items: center; }\n\n.consumption-multifluid .user-graph {\n  color: #e3b82a; }\n  .consumption-multifluid .user-graph .graph {\n    background-color: #e3b82a; }\n\n.consumption-electricity .user-graph {\n  color: #d87b39; }\n  .consumption-electricity .user-graph .graph {\n    background-color: #d87b39; }\n\n.consumption-water .user-graph {\n  color: #3a98ec; }\n  .consumption-water .user-graph .graph {\n    background-color: #3a98ec; }\n\n.consumption-gas .user-graph {\n  color: #45d1b8; }\n  .consumption-gas .user-graph .graph {\n    background-color: #45d1b8; }\n\n.analysisRow .icon-container {\n  flex-basis: 10%;\n  display: flex;\n  justify-content: center; }\n  .analysisRow .icon-container svg {\n    align-self: center;\n    width: 40px; }\n\n.container-graph {\n  flex-basis: 50%;\n  display: flex; }\n\n.user-graph .container-graph {\n  justify-content: flex-end; }\n\n.price {\n  min-width: 5.25rem; }\n\n.graph {\n  border-radius: 0 0.35rem 0.35rem 0;\n  padding-left: 0.25rem;\n  height: 2rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.consumption-multifluid,\n.consumption-electricity,\n.consumption-water,\n.consumption-gas {\n  display: flex;\n  margin-bottom: 1rem; }\n  .consumption-multifluid .user-graph .graph,\n  .consumption-electricity .user-graph .graph,\n  .consumption-water .user-graph .graph,\n  .consumption-gas .user-graph .graph {\n    border-radius: 0.35rem 0 0 0.35rem; }\n  .consumption-multifluid .user-graph .price.not-connected,\n  .consumption-electricity .user-graph .price.not-connected,\n  .consumption-water .user-graph .price.not-connected,\n  .consumption-gas .user-graph .price.not-connected {\n    color: #a0a0a0;\n    height: 2rem;\n    width: 100%;\n    align-items: center;\n    display: flex; }\n  .consumption-multifluid .average-graph,\n  .consumption-electricity .average-graph,\n  .consumption-water .average-graph,\n  .consumption-gas .average-graph {\n    color: #bfcce4; }\n    .consumption-multifluid .average-graph .price,\n    .consumption-electricity .average-graph .price,\n    .consumption-water .average-graph .price,\n    .consumption-gas .average-graph .price {\n      text-align: right; }\n      .consumption-multifluid .average-graph .price.not-connected,\n      .consumption-electricity .average-graph .price.not-connected,\n      .consumption-water .average-graph .price.not-connected,\n      .consumption-gas .average-graph .price.not-connected {\n        opacity: 0.55; }\n    .consumption-multifluid .average-graph .graph,\n    .consumption-electricity .average-graph .graph,\n    .consumption-water .average-graph .graph,\n    .consumption-gas .average-graph .graph {\n      background-color: #bfcce4; }\n  .consumption-multifluid .ideal-graph,\n  .consumption-electricity .ideal-graph,\n  .consumption-water .ideal-graph,\n  .consumption-gas .ideal-graph {\n    color: #a6e191; }\n    .consumption-multifluid .ideal-graph .price,\n    .consumption-electricity .ideal-graph .price,\n    .consumption-water .ideal-graph .price,\n    .consumption-gas .ideal-graph .price {\n      text-align: right; }\n      .consumption-multifluid .ideal-graph .price.not-connected,\n      .consumption-electricity .ideal-graph .price.not-connected,\n      .consumption-water .ideal-graph .price.not-connected,\n      .consumption-gas .ideal-graph .price.not-connected {\n        opacity: 0.55; }\n    .consumption-multifluid .ideal-graph .graph,\n    .consumption-electricity .ideal-graph .graph,\n    .consumption-water .ideal-graph .graph,\n    .consumption-gas .ideal-graph .graph {\n      background-color: #a6e191; }\n\n.consumption-sep {\n  border-top: 1px solid #7b7b7b;\n  margin: 1rem 0; }\n\n.user-graph,\n.average-graph,\n.ideal-graph {\n  display: flex;\n  justify-content: space-between;\n  flex-basis: 45%;\n  align-items: center; }\n\n.consumption-multifluid .user-graph {\n  color: #e3b82a; }\n  .consumption-multifluid .user-graph .graph {\n    background-color: #e3b82a; }\n\n.consumption-electricity .user-graph {\n  color: #d87b39; }\n  .consumption-electricity .user-graph .graph {\n    background-color: #d87b39; }\n\n.consumption-water .user-graph {\n  color: #3a98ec; }\n  .consumption-water .user-graph .graph {\n    background-color: #3a98ec; }\n\n.consumption-gas .user-graph {\n  color: #45d1b8; }\n  .consumption-gas .user-graph .graph {\n    background-color: #45d1b8; }\n\n.analysisRow .icon-container {\n  flex-basis: 10%;\n  display: flex;\n  justify-content: center; }\n  .analysisRow .icon-container svg {\n    align-self: center;\n    width: 40px; }\n\n.container-graph {\n  flex-basis: 50%;\n  display: flex; }\n\n.user-graph .container-graph {\n  justify-content: flex-end; }\n\n.price {\n  min-width: 5.25rem; }\n\n.graph {\n  border-radius: 0 0.35rem 0.35rem 0;\n  padding-left: 0.25rem;\n  height: 2rem; }\n", ""]);
 
 
 
@@ -1157,7 +1157,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.analysis-view-title {\n  color: #e0e0e0;\n  text-align: center;\n  margin-bottom: 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.analysis-view-title {\n  color: #e0e0e0;\n  text-align: center;\n  margin-bottom: 1rem; }\n", ""]);
 
 
 
@@ -1721,7 +1721,7 @@ exports.default = EnedisMonthlyAnalysisDataService;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.elecInfoModal {\n  padding: 0.5rem;\n  color: #e0e0e0; }\n  .elecInfoModal .title {\n    margin: 1.5rem 0;\n    color: #e3b82a;\n    font-weight: bold;\n    margin-bottom: 0.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.elecInfoModal {\n  padding: 0.5rem;\n  color: #e0e0e0; }\n  .elecInfoModal .title {\n    margin: 1.5rem 0;\n    color: #e3b82a;\n    font-weight: bold;\n    margin-bottom: 0.5rem; }\n", ""]);
 
 
 
@@ -2454,7 +2454,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.analysis-graph {\n  margin-top: 1.5rem; }\n  .analysis-graph .consumption-title {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 2rem; }\n    .analysis-graph .consumption-title .user-title,\n    .analysis-graph .consumption-title .average-title,\n    .analysis-graph .consumption-title .ideal-title {\n      flex-basis: 50%; }\n    .analysis-graph .consumption-title .user-title {\n      text-align: right;\n      padding-right: 5%;\n      color: #e3b82a; }\n    .analysis-graph .consumption-title .average-title,\n    .analysis-graph .consumption-title .ideal-title {\n      padding-left: 5%; }\n    .analysis-graph .consumption-title .average-title {\n      color: #bfcce4; }\n    .analysis-graph .consumption-title .ideal-title {\n      color: #a6e191; }\n  .analysis-graph .link-average .check-icon,\n  .analysis-graph .link-ideal .check-icon {\n    display: inline-block;\n    background: #121212;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-right: 1rem;\n    position: relative; }\n    .analysis-graph .link-average .check-icon::before, .analysis-graph .link-average .check-icon:after,\n    .analysis-graph .link-ideal .check-icon::before,\n    .analysis-graph .link-ideal .check-icon:after {\n      content: '';\n      display: none;\n      background-color: #bfcce4;\n      position: absolute;\n      border-radius: 0.5rem; }\n    .analysis-graph .link-average .check-icon::before,\n    .analysis-graph .link-ideal .check-icon::before {\n      top: 11px;\n      left: 3px;\n      width: 7px;\n      height: 3px;\n      transform: rotate(46deg); }\n    .analysis-graph .link-average .check-icon::after,\n    .analysis-graph .link-ideal .check-icon::after {\n      top: 9px;\n      left: 6px;\n      width: 13px;\n      height: 3px;\n      transform: rotate(-45deg); }\n  .analysis-graph .link-average .link-label,\n  .analysis-graph .link-ideal .link-label {\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: bold; }\n  .analysis-graph .link-average.active .link-label,\n  .analysis-graph .link-ideal.active .link-label {\n    color: #121212; }\n  .analysis-graph .link-average.active .check-icon::before, .analysis-graph .link-average.active .check-icon:after,\n  .analysis-graph .link-ideal.active .check-icon::before,\n  .analysis-graph .link-ideal.active .check-icon:after {\n    display: inline-block; }\n  .analysis-graph .link-average {\n    margin-top: 2rem; }\n    .analysis-graph .link-average.active {\n      background: #bfcce4; }\n      .analysis-graph .link-average.active .link-label {\n        color: #121212; }\n    .analysis-graph .link-average .check-icon::before, .analysis-graph .link-average .check-icon:after {\n      background-color: #bfcce4; }\n  .analysis-graph .link-ideal.active {\n    background: #a6e191; }\n  .analysis-graph .link-ideal .check-icon::before, .analysis-graph .link-ideal .check-icon:after {\n    background-color: #a6e191; }\n  .analysis-graph .loader-container {\n    min-height: 350px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: auto; }\n\n.no-profile {\n  display: flex;\n  align-items: center;\n  flex-direction: column; }\n  .no-profile div {\n    text-align: center;\n    color: #ffffff; }\n  .no-profile button {\n    max-width: 320px; }\n\n.grid-align div {\n  display: grid;\n  grid-template-columns: 20px 1fr;\n  grid-gap: 10px;\n  padding: 0 10px;\n  align-items: center;\n  height: 32px; }\n  @media only screen and (max-width: 768px) {\n    .grid-align div {\n      height: 48px; } }\n\n.grid-align span:first-child {\n  grid-column: 1;\n  align-self: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.analysis-graph {\n  margin-top: 1.5rem; }\n  .analysis-graph .consumption-title {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 2rem; }\n    .analysis-graph .consumption-title .user-title,\n    .analysis-graph .consumption-title .average-title,\n    .analysis-graph .consumption-title .ideal-title {\n      flex-basis: 50%; }\n    .analysis-graph .consumption-title .user-title {\n      text-align: right;\n      padding-right: 5%;\n      color: #e3b82a; }\n    .analysis-graph .consumption-title .average-title,\n    .analysis-graph .consumption-title .ideal-title {\n      padding-left: 5%; }\n    .analysis-graph .consumption-title .average-title {\n      color: #bfcce4; }\n    .analysis-graph .consumption-title .ideal-title {\n      color: #a6e191; }\n  .analysis-graph .link-average .check-icon,\n  .analysis-graph .link-ideal .check-icon {\n    display: inline-block;\n    background: #121212;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-right: 1rem;\n    position: relative; }\n    .analysis-graph .link-average .check-icon::before, .analysis-graph .link-average .check-icon:after,\n    .analysis-graph .link-ideal .check-icon::before,\n    .analysis-graph .link-ideal .check-icon:after {\n      content: '';\n      display: none;\n      background-color: #bfcce4;\n      position: absolute;\n      border-radius: 0.5rem; }\n    .analysis-graph .link-average .check-icon::before,\n    .analysis-graph .link-ideal .check-icon::before {\n      top: 11px;\n      left: 3px;\n      width: 7px;\n      height: 3px;\n      transform: rotate(46deg); }\n    .analysis-graph .link-average .check-icon::after,\n    .analysis-graph .link-ideal .check-icon::after {\n      top: 9px;\n      left: 6px;\n      width: 13px;\n      height: 3px;\n      transform: rotate(-45deg); }\n  .analysis-graph .link-average .link-label,\n  .analysis-graph .link-ideal .link-label {\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: bold; }\n  .analysis-graph .link-average.active .link-label,\n  .analysis-graph .link-ideal.active .link-label {\n    color: #121212; }\n  .analysis-graph .link-average.active .check-icon::before, .analysis-graph .link-average.active .check-icon:after,\n  .analysis-graph .link-ideal.active .check-icon::before,\n  .analysis-graph .link-ideal.active .check-icon:after {\n    display: inline-block; }\n  .analysis-graph .link-average {\n    margin-top: 2rem; }\n    .analysis-graph .link-average.active {\n      background: #bfcce4; }\n      .analysis-graph .link-average.active .link-label {\n        color: #121212; }\n    .analysis-graph .link-average .check-icon::before, .analysis-graph .link-average .check-icon:after {\n      background-color: #bfcce4; }\n  .analysis-graph .link-ideal.active {\n    background: #a6e191; }\n  .analysis-graph .link-ideal .check-icon::before, .analysis-graph .link-ideal .check-icon:after {\n    background-color: #a6e191; }\n  .analysis-graph .loader-container {\n    min-height: 350px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: auto; }\n\n.no-profile {\n  display: flex;\n  align-items: center;\n  flex-direction: column; }\n  .no-profile div {\n    text-align: center;\n    color: #ffffff; }\n  .no-profile button {\n    max-width: 320px; }\n\n.grid-align div {\n  display: grid;\n  grid-template-columns: 20px 1fr;\n  grid-gap: 10px;\n  padding: 0 10px;\n  align-items: center;\n  height: 32px; }\n  @media only screen and (max-width: 768px) {\n    .grid-align div {\n      height: 48px; } }\n\n.grid-align span:first-child {\n  grid-column: 1;\n  align-self: center; }\n", ""]);
 
 
 
@@ -2465,7 +2465,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.special-elec-container {\n  color: white; }\n  .special-elec-container .elec-icon {\n    margin: auto;\n    display: block; }\n  .special-elec-container .title {\n    text-align: center;\n    margin-top: 1rem;\n    color: #e0e0e0; }\n  .special-elec-container .navigator {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    text-align: center;\n    margin: 1rem 0; }\n    .special-elec-container .navigator .text-1 {\n      color: #e0e0e0; }\n    .special-elec-container .navigator .week {\n      color: #e2bca1; }\n    .special-elec-container .navigator .weekend {\n      color: #ffd597; }\n  .special-elec-container .minIcon {\n    margin: auto 0.8rem auto 0; }\n  .special-elec-container .activation-text {\n    margin: 1rem 0 0.7rem 0; }\n  .special-elec-container .oauthform-button-content {\n    display: flex;\n    padding: 0.5rem; }\n  .special-elec-container .oauthform-button-text {\n    text-align: left;\n    margin-left: 1rem; }\n  .special-elec-container .container {\n    margin-bottom: 1rem;\n    padding: 1rem;\n    border: 1px solid #e0e0e0;\n    border-radius: 10px;\n    display: flex; }\n    .special-elec-container .container .min {\n      max-width: 150px; }\n    .special-elec-container .container .text {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between; }\n    .special-elec-container .container .value {\n      margin-left: auto;\n      display: flex;\n      flex-direction: column;\n      align-items: self-end;\n      min-width: 80px;\n      justify-content: space-between; }\n    .special-elec-container .container .kvAval {\n      margin: auto 0 auto auto; }\n  .special-elec-container .consomin {\n    min-height: 100px; }\n  .special-elec-container .loader-container {\n    text-align: center; }\n  .special-elec-container .no_data {\n    text-align: center;\n    color: white; }\n  .special-elec-container .showmodal {\n    cursor: pointer;\n    margin: 1.5rem 0 1rem 0;\n    text-align: center;\n    color: #e0e0e0;\n    text-decoration: underline; }\n\n.graph-elec-half-hour {\n  height: 13rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.special-elec-container {\n  color: white; }\n  .special-elec-container .elec-icon {\n    margin: auto;\n    display: block; }\n  .special-elec-container .title {\n    text-align: center;\n    margin-top: 1rem;\n    color: #e0e0e0; }\n  .special-elec-container .navigator {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    text-align: center;\n    margin: 1rem 0; }\n    .special-elec-container .navigator .text-1 {\n      color: #e0e0e0; }\n    .special-elec-container .navigator .week {\n      color: #e2bca1; }\n    .special-elec-container .navigator .weekend {\n      color: #ffd597; }\n  .special-elec-container .minIcon {\n    margin: auto 0.8rem auto 0; }\n  .special-elec-container .activation-text {\n    margin: 1rem 0 0.7rem 0; }\n  .special-elec-container .oauthform-button-content {\n    display: flex;\n    padding: 0.5rem; }\n  .special-elec-container .oauthform-button-text {\n    text-align: left;\n    margin-left: 1rem; }\n  .special-elec-container .container {\n    margin-bottom: 1rem;\n    padding: 1rem;\n    border: 1px solid #e0e0e0;\n    border-radius: 10px;\n    display: flex; }\n    .special-elec-container .container .min {\n      max-width: 150px; }\n    .special-elec-container .container .text {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between; }\n    .special-elec-container .container .value {\n      margin-left: auto;\n      display: flex;\n      flex-direction: column;\n      align-items: self-end;\n      min-width: 80px;\n      justify-content: space-between; }\n    .special-elec-container .container .kvAval {\n      margin: auto 0 auto auto; }\n  .special-elec-container .consomin {\n    min-height: 100px; }\n  .special-elec-container .loader-container {\n    text-align: center; }\n  .special-elec-container .no_data {\n    text-align: center;\n    color: white; }\n  .special-elec-container .showmodal {\n    cursor: pointer;\n    margin: 1.5rem 0 1rem 0;\n    text-align: center;\n    color: #e0e0e0;\n    text-decoration: underline; }\n\n.graph-elec-half-hour {\n  height: 13rem; }\n", ""]);
 
 
 
@@ -2881,7 +2881,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.analysis-root.black .modal-overlay .modal-close-button {\n  display: none; }\n\n.analyis-error-container {\n  border-radius: 4px;\n  margin-bottom: 1rem;\n  color: #e0e0e0;\n  text-align: center; }\n  .analyis-error-container .analyis-error-title {\n    color: #e3b82a;\n    margin-bottom: 2rem; }\n  .analyis-error-container .analyis-error-button {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 2rem; }\n    .analyis-error-container .analyis-error-button button.btn-highlight, .analyis-error-container .analyis-error-button button.btn-secondary-positive {\n      width: 45%;\n      margin-bottom: 0; }\n    .analyis-error-container .analyis-error-button button.btn-secondary-positive {\n      padding: 0.5rem 1rem; }\n    .analyis-error-container .analyis-error-button button.btn-highlight {\n      padding: 0.25rem 0.5rem; }\n    @media only screen and (max-width: 768px) {\n      .analyis-error-container .analyis-error-button {\n        flex-direction: column-reverse; }\n        .analyis-error-container .analyis-error-button button.btn-highlight, .analyis-error-container .analyis-error-button button.btn-secondary-positive {\n          margin-bottom: 0;\n          width: 100%;\n          height: 45px; } }\n\n#accessibility-title {\n  display: none; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.analysis-root.black .modal-overlay .modal-close-button {\n  display: none; }\n\n.analyis-error-container {\n  border-radius: 4px;\n  margin-bottom: 1rem;\n  color: #e0e0e0;\n  text-align: center; }\n  .analyis-error-container .analyis-error-title {\n    color: #e3b82a;\n    margin-bottom: 2rem; }\n  .analyis-error-container .analyis-error-button {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 2rem; }\n    .analyis-error-container .analyis-error-button button.btn-highlight, .analyis-error-container .analyis-error-button button.btn-secondary-positive {\n      width: 45%;\n      margin-bottom: 0; }\n    .analyis-error-container .analyis-error-button button.btn-secondary-positive {\n      padding: 0.5rem 1rem; }\n    .analyis-error-container .analyis-error-button button.btn-highlight {\n      padding: 0.25rem 0.5rem; }\n    @media only screen and (max-width: 768px) {\n      .analyis-error-container .analyis-error-button {\n        flex-direction: column-reverse; }\n        .analyis-error-container .analyis-error-button button.btn-highlight, .analyis-error-container .analyis-error-button button.btn-secondary-positive {\n          margin-bottom: 0;\n          width: 100%;\n          height: 45px; } }\n\n#accessibility-title {\n  display: none; }\n", ""]);
 
 
 
@@ -3285,7 +3285,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.fi-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 1.5rem; }\n  @media only screen and (max-width: 768px) {\n    .fi-root {\n      margin-bottom: 0; } }\n  .fi-root .fi-content {\n    min-height: 23.875rem;\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .fi-root .fi-content {\n        width: 100%; } }\n    .fi-root .fi-content .fi-header {\n      margin-top: 1rem;\n      margin-bottom: 1.25rem;\n      color: #e0e0e0;\n      font-size: 1rem; }\n\n.details-title {\n  color: white;\n  display: block;\n  margin-bottom: 1rem;\n  margin-top: 1rem; }\n\n.fpi {\n  display: flex;\n  flex-direction: row;\n  margin: 0.25rem 0.25rem;\n  width: 100%; }\n  .fpi .fpi-left {\n    flex: 1;\n    display: flex;\n    flex-direction: column; }\n    .fpi .fpi-left .fpi-title {\n      align-content: flex-start;\n      margin-bottom: 0.5rem; }\n    .fpi .fpi-left .fpi-content {\n      display: flex;\n      flex-direction: row; }\n      .fpi .fpi-left .fpi-content:first-child() {\n        margin-bottom: 0.75rem; }\n      .fpi .fpi-left .fpi-content .fluid-enum {\n        font-weight: bold;\n        margin-left: 1rem; }\n      .fpi .fpi-left .fpi-content .icon-line {\n        display: flex;\n        align-items: center;\n        margin-bottom: 0.25rem; }\n        .fpi .fpi-left .fpi-content .icon-line .euro-value {\n          font-size: 2.2rem;\n          font-weight: 900;\n          margin-right: 0.2rem; }\n        .fpi .fpi-left .fpi-content .icon-line .evolution-text {\n          color: #a0a0a0; }\n          .fpi .fpi-left .fpi-content .icon-line .evolution-text .fpi-content-perf-indicator-kpi.positive {\n            color: #d25959 !important; }\n          .fpi .fpi-left .fpi-content .icon-line .evolution-text .fpi-content-perf-indicator-kpi.negative {\n            color: #7fd771 !important; }\n          .fpi .fpi-left .fpi-content .icon-line .evolution-text .diff-value {\n            color: white;\n            font-weight: 700; }\n      .fpi .fpi-left .fpi-content .bilan-card {\n        margin-bottom: 1rem;\n        min-height: 3.563rem; }\n      .fpi .fpi-left .fpi-content .error {\n        display: flex;\n        gap: 1rem;\n        margin-bottom: 1rem;\n        min-height: 3.563rem; }\n      .fpi .fpi-left .fpi-content .fpi-content-icon {\n        margin: 0.5rem 0; }\n      .fpi .fpi-left .fpi-content .perf-icon {\n        margin-right: 0.8rem;\n        align-self: start; }\n      .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) {\n        margin: 0 0 0 1rem;\n        align-self: center; }\n        .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result {\n          color: #e0e0e0; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result span {\n            display: inline-block;\n            padding-right: 0.25rem; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .positive {\n            color: #d25959 !important; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .negative {\n            color: #7fd771 !important; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .month {\n            color: #a0a0a0 !important; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .euro-value {\n            font-size: 1.125rem;\n            display: block;\n            font-weight: 400; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .ELECTRICITY-color {\n            color: #d87b39; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .GAS-color {\n            color: #45d1b8; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .WATER-color {\n            color: #3a98ec; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .no-comparison {\n            color: #a0a0a0; }\n        .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-no-data {\n          color: #e0e0e0; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-no-data span {\n            padding-right: 0.25rem;\n            font-size: 1.1rem;\n            display: block;\n            font-weight: 400; }\n    .fpi .fpi-left .fpi-footer {\n      margin-top: 0.5rem;\n      color: #a0a0a0; }\n\n.flex-center {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.fi-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 1.5rem; }\n  @media only screen and (max-width: 768px) {\n    .fi-root {\n      margin-bottom: 0; } }\n  .fi-root .fi-content {\n    min-height: 23.875rem;\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .fi-root .fi-content {\n        width: 100%; } }\n    .fi-root .fi-content .fi-header {\n      margin-top: 1rem;\n      margin-bottom: 1.25rem;\n      color: #e0e0e0;\n      font-size: 1rem; }\n\n.details-title {\n  color: white;\n  display: block;\n  margin-bottom: 1rem;\n  margin-top: 1rem; }\n\n.fpi {\n  display: flex;\n  flex-direction: row;\n  margin: 0.25rem 0.25rem;\n  width: 100%; }\n  .fpi .fpi-left {\n    flex: 1;\n    display: flex;\n    flex-direction: column; }\n    .fpi .fpi-left .fpi-title {\n      align-content: flex-start;\n      margin-bottom: 0.5rem; }\n    .fpi .fpi-left .fpi-content {\n      display: flex;\n      flex-direction: row; }\n      .fpi .fpi-left .fpi-content:first-child() {\n        margin-bottom: 0.75rem; }\n      .fpi .fpi-left .fpi-content .fluid-enum {\n        font-weight: bold;\n        margin-left: 1rem; }\n      .fpi .fpi-left .fpi-content .icon-line {\n        display: flex;\n        align-items: center;\n        margin-bottom: 0.25rem; }\n        .fpi .fpi-left .fpi-content .icon-line .euro-value {\n          font-size: 2.2rem;\n          font-weight: 900;\n          margin-right: 0.2rem; }\n        .fpi .fpi-left .fpi-content .icon-line .evolution-text {\n          color: #a0a0a0; }\n          .fpi .fpi-left .fpi-content .icon-line .evolution-text .fpi-content-perf-indicator-kpi.positive {\n            color: #d25959 !important; }\n          .fpi .fpi-left .fpi-content .icon-line .evolution-text .fpi-content-perf-indicator-kpi.negative {\n            color: #7fd771 !important; }\n          .fpi .fpi-left .fpi-content .icon-line .evolution-text .diff-value {\n            color: white;\n            font-weight: 700; }\n      .fpi .fpi-left .fpi-content .bilan-card {\n        margin-bottom: 1rem;\n        min-height: 3.563rem; }\n      .fpi .fpi-left .fpi-content .error {\n        display: flex;\n        gap: 1rem;\n        margin-bottom: 1rem;\n        min-height: 3.563rem; }\n      .fpi .fpi-left .fpi-content .fpi-content-icon {\n        margin: 0.5rem 0; }\n      .fpi .fpi-left .fpi-content .perf-icon {\n        margin-right: 0.8rem;\n        align-self: start; }\n      .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) {\n        margin: 0 0 0 1rem;\n        align-self: center; }\n        .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result {\n          color: #e0e0e0; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result span {\n            display: inline-block;\n            padding-right: 0.25rem; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .positive {\n            color: #d25959 !important; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .negative {\n            color: #7fd771 !important; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .month {\n            color: #a0a0a0 !important; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .euro-value {\n            font-size: 1.125rem;\n            display: block;\n            font-weight: 400; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .ELECTRICITY-color {\n            color: #d87b39; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .GAS-color {\n            color: #45d1b8; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .WATER-color {\n            color: #3a98ec; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-result .no-comparison {\n            color: #a0a0a0; }\n        .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-no-data {\n          color: #e0e0e0; }\n          .fpi .fpi-left .fpi-content .fpi-content-perf:not(:first-child) .fpi-content-perf-no-data span {\n            padding-right: 0.25rem;\n            font-size: 1.1rem;\n            display: block;\n            font-weight: 400; }\n    .fpi .fpi-left .fpi-footer {\n      margin-top: 0.5rem;\n      color: #a0a0a0; }\n\n.flex-center {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center; }\n", ""]);
 
 
 
@@ -3340,7 +3340,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.totalAnalysis-container {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  color: white; }\n  .totalAnalysis-container .title {\n    text-align: center;\n    color: #e0e0e0;\n    margin-bottom: 1.5rem; }\n  .totalAnalysis-container .pie-container {\n    text-align: center;\n    position: relative;\n    margin: auto;\n    overflow: visible; }\n  .totalAnalysis-container svg {\n    margin: auto;\n    overflow: visible; }\n  .totalAnalysis-container .pie-center {\n    box-sizing: border-box;\n    position: absolute;\n    border-radius: 50%;\n    background: #121212;\n    z-index: 5;\n    padding: 1rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center; }\n    .totalAnalysis-container .pie-center .euro-unit {\n      margin-left: 0.6rem; }\n    .totalAnalysis-container .pie-center .date {\n      text-transform: uppercase;\n      color: #a0a0a0;\n      display: inline-block;\n      margin: 0.5rem 0; }\n    .totalAnalysis-container .pie-center .estimated {\n      display: block;\n      text-decoration: underline; }\n    .totalAnalysis-container .pie-center .circle {\n      box-sizing: border-box;\n      border: 1px solid #7b7b7b;\n      position: absolute;\n      border-radius: 50%;\n      background: transparent;\n      z-index: -1;\n      padding: 1rem; }\n      @media screen and (max-width: 345px) {\n        .totalAnalysis-container .pie-center .circle {\n          display: none; } }\n  .totalAnalysis-container .total-card-container {\n    display: flex;\n    justify-content: center;\n    margin-top: 1rem; }\n    .totalAnalysis-container .total-card-container .total-card {\n      margin: 1rem;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center; }\n      @media screen and (max-width: 350px) {\n        .totalAnalysis-container .total-card-container .total-card {\n          margin: 0.5rem; } }\n      .totalAnalysis-container .total-card-container .total-card svg {\n        margin: 0.7rem 0; }\n  @media screen and (max-width: 345px) {\n    .totalAnalysis-container .text-36-bold {\n      font-size: 1.6rem; } }\n  @media screen and (max-width: 345px) {\n    .totalAnalysis-container .date {\n      font-size: 1rem; } }\n  @media screen and (max-width: 365px) {\n    .totalAnalysis-container .text-18-bold {\n      font-size: 1rem; } }\n  .totalAnalysis-container .estimation-text {\n    cursor: pointer; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.totalAnalysis-container {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  color: white; }\n  .totalAnalysis-container .title {\n    text-align: center;\n    color: #e0e0e0;\n    margin-bottom: 1.5rem; }\n  .totalAnalysis-container .pie-container {\n    text-align: center;\n    position: relative;\n    margin: auto;\n    overflow: visible; }\n  .totalAnalysis-container svg {\n    margin: auto;\n    overflow: visible; }\n  .totalAnalysis-container .pie-center {\n    box-sizing: border-box;\n    position: absolute;\n    border-radius: 50%;\n    background: #121212;\n    z-index: 5;\n    padding: 1rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center; }\n    .totalAnalysis-container .pie-center .euro-unit {\n      margin-left: 0.6rem; }\n    .totalAnalysis-container .pie-center .date {\n      text-transform: uppercase;\n      color: #a0a0a0;\n      display: inline-block;\n      margin: 0.5rem 0; }\n    .totalAnalysis-container .pie-center .estimated {\n      display: block;\n      text-decoration: underline; }\n    .totalAnalysis-container .pie-center .circle {\n      box-sizing: border-box;\n      border: 1px solid #7b7b7b;\n      position: absolute;\n      border-radius: 50%;\n      background: transparent;\n      z-index: -1;\n      padding: 1rem; }\n      @media screen and (max-width: 345px) {\n        .totalAnalysis-container .pie-center .circle {\n          display: none; } }\n  .totalAnalysis-container .total-card-container {\n    display: flex;\n    justify-content: center;\n    margin-top: 1rem; }\n    .totalAnalysis-container .total-card-container .total-card {\n      margin: 1rem;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center; }\n      @media screen and (max-width: 350px) {\n        .totalAnalysis-container .total-card-container .total-card {\n          margin: 0.5rem; } }\n      .totalAnalysis-container .total-card-container .total-card svg {\n        margin: 0.7rem 0; }\n  @media screen and (max-width: 345px) {\n    .totalAnalysis-container .text-36-bold {\n      font-size: 1.6rem; } }\n  @media screen and (max-width: 345px) {\n    .totalAnalysis-container .date {\n      font-size: 1rem; } }\n  @media screen and (max-width: 365px) {\n    .totalAnalysis-container .text-18-bold {\n      font-size: 1rem; } }\n  .totalAnalysis-container .estimation-text {\n    cursor: pointer; }\n", ""]);
 
 
 
@@ -3351,7 +3351,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.max-consumption-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff; }\n  .max-consumption-container .title {\n    color: #e0e0e0;\n    margin: 1rem 0 0.7rem 0; }\n  .max-consumption-container .fluid-navigation {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%; }\n  .max-consumption-container .fluid {\n    min-width: 120px;\n    text-align: center;\n    margin: auto; }\n  .max-consumption-container .electricity {\n    color: #d87b39; }\n  .max-consumption-container .water {\n    color: #3a98ec; }\n  .max-consumption-container .gas {\n    color: #45d1b8; }\n  .max-consumption-container .title {\n    text-align: center; }\n  .max-consumption-container .no_data {\n    color: white; }\n  .max-consumption-container .data-container {\n    min-height: 130px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center; }\n    .max-consumption-container .data-container .maxDay-date {\n      text-transform: capitalize;\n      margin: 0.8rem;\n      text-align: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.max-consumption-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff; }\n  .max-consumption-container .title {\n    color: #e0e0e0;\n    margin: 1rem 0 0.7rem 0; }\n  .max-consumption-container .fluid-navigation {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%; }\n  .max-consumption-container .fluid {\n    min-width: 120px;\n    text-align: center;\n    margin: auto; }\n  .max-consumption-container .electricity {\n    color: #d87b39; }\n  .max-consumption-container .water {\n    color: #3a98ec; }\n  .max-consumption-container .gas {\n    color: #45d1b8; }\n  .max-consumption-container .title {\n    text-align: center; }\n  .max-consumption-container .no_data {\n    color: white; }\n  .max-consumption-container .data-container {\n    min-height: 130px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center; }\n    .max-consumption-container .data-container .maxDay-date {\n      text-transform: capitalize;\n      margin: 0.8rem;\n      text-align: center; }\n", ""]);
 
 
 
diff --git a/2/ecolyo.e321bae89c3345a37a0e.js b/3/ecolyo.130863daf1ed3a3cd1cc.js
similarity index 92%
rename from 2/ecolyo.e321bae89c3345a37a0e.js
rename to 3/ecolyo.130863daf1ed3a3cd1cc.js
index 2bfa18843..5388fa045 100644
--- a/2/ecolyo.e321bae89c3345a37a0e.js
+++ b/3/ecolyo.130863daf1ed3a3cd1cc.js
@@ -1,11 +1,11 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[2],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[3],{
 
 /***/ "/knn":
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.consumption-details-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 0.5rem 1rem 1.5rem 1rem; }\n  @media only screen and (max-width: 768px) {\n    .consumption-details-root {\n      margin-bottom: 1rem; } }\n  .consumption-details-root .consumption-details-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .consumption-details-root .consumption-details-content {\n        width: 100%; } }\n    .consumption-details-root .consumption-details-content .consumption-details-header {\n      margin-top: 1rem;\n      margin-bottom: 1.25rem;\n      color: #e0e0e0;\n      font-size: 1rem; }\n    .consumption-details-root .consumption-details-content .fluid-details {\n      margin-top: 2.75rem; }\n    .consumption-details-root .consumption-details-content .details-title {\n      display: block;\n      color: #e0e0e0;\n      font-size: 1rem;\n      margin-top: 1rem; }\n\n.details-container {\n  margin-top: 1rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.consumption-details-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 0.5rem 1rem 1.5rem 1rem; }\n  @media only screen and (max-width: 768px) {\n    .consumption-details-root {\n      margin-bottom: 1rem; } }\n  .consumption-details-root .consumption-details-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .consumption-details-root .consumption-details-content {\n        width: 100%; } }\n    .consumption-details-root .consumption-details-content .consumption-details-header {\n      margin-top: 1rem;\n      margin-bottom: 1.25rem;\n      color: #e0e0e0;\n      font-size: 1rem; }\n    .consumption-details-root .consumption-details-content .fluid-details {\n      margin-top: 2.75rem; }\n    .consumption-details-root .consumption-details-content .details-title {\n      display: block;\n      color: #e0e0e0;\n      font-size: 1rem;\n      margin-top: 1rem; }\n\n.details-container {\n  margin-top: 1rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center; }\n", ""]);
 
 
 
@@ -49,7 +49,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.kloginform .kloginform-title {\n  text-align: center;\n  margin-bottom: 0;\n  padding: 0 1rem; }\n  .kloginform .kloginform-title.enedisgrandlyon {\n    color: #d87b39; }\n  .kloginform .kloginform-title.grdfgrandlyon {\n    color: #45d1b8; }\n  .kloginform .kloginform-title.eglgrandlyon {\n    color: #3a98ec; }\n\n.kloginform .kloginform-subtitle {\n  text-align: center;\n  color: #ffffff;\n  margin: 2.5rem 0 0.5rem; }\n\n.kloginform .kloginform-infotext {\n  text-align: center;\n  color: #e0e0e0; }\n\n.kloginform button.btn-secondary-positive span:first-child {\n  color: #e0e0e0; }\n\n.kloginform .kloginform-button {\n  margin: 0 0.5rem;\n  text-align: center; }\n  .kloginform .kloginform-button button.btn-highlight {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 0rem;\n    height: 2.5rem;\n    max-width: 22.5rem; }\n  .kloginform .kloginform-button button.btn-secondary-negative {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    height: 2.5rem;\n    max-width: 22.5rem; }\n\n.kloginform .kloginform-connect-button {\n  margin: 0 0.5rem;\n  text-align: center; }\n  .kloginform .kloginform-connect-button button.btn-highlight {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 1rem;\n    height: 5rem;\n    max-width: 22.5rem; }\n  .kloginform .kloginform-connect-button button.btn-secondary-negative {\n    padding: 0.5rem;\n    margin-top: 1rem;\n    margin-bottom: 2.5rem;\n    height: 5rem;\n    max-width: 22.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.kloginform .kloginform-title {\n  text-align: center;\n  margin-bottom: 0;\n  padding: 0 1rem; }\n  .kloginform .kloginform-title.enedisgrandlyon {\n    color: #d87b39; }\n  .kloginform .kloginform-title.grdfgrandlyon {\n    color: #45d1b8; }\n  .kloginform .kloginform-title.eglgrandlyon {\n    color: #3a98ec; }\n\n.kloginform .kloginform-subtitle {\n  text-align: center;\n  color: #ffffff;\n  margin: 2.5rem 0 0.5rem; }\n\n.kloginform .kloginform-infotext {\n  text-align: center;\n  color: #e0e0e0; }\n\n.kloginform button.btn-secondary-positive span:first-child {\n  color: #e0e0e0; }\n\n.kloginform .kloginform-button {\n  margin: 0 0.5rem;\n  text-align: center; }\n  .kloginform .kloginform-button button.btn-highlight {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 0rem;\n    height: 2.5rem;\n    max-width: 22.5rem; }\n  .kloginform .kloginform-button button.btn-secondary-negative {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    height: 2.5rem;\n    max-width: 22.5rem; }\n\n.kloginform .kloginform-connect-button {\n  margin: 0 0.5rem;\n  text-align: center; }\n  .kloginform .kloginform-connect-button button.btn-highlight {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 1rem;\n    height: 5rem;\n    max-width: 22.5rem; }\n  .kloginform .kloginform-connect-button button.btn-secondary-negative {\n    padding: 0.5rem;\n    margin-top: 1rem;\n    margin-bottom: 2.5rem;\n    height: 5rem;\n    max-width: 22.5rem; }\n", ""]);
 
 
 
@@ -112,7 +112,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.knotfound {\n  margin: 0 1.5rem;\n  padding: 0 1rem; }\n  @media only screen and (max-width: 768px) {\n    .knotfound {\n      margin: 0;\n      padding: 0 1rem; } }\n  .knotfound .knotfound-text {\n    color: #e0e0e0;\n    padding-top: 1rem; }\n  .knotfound .knotfound-button {\n    margin-bottom: 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.knotfound {\n  margin: 0 1.5rem;\n  padding: 0 1rem; }\n  @media only screen and (max-width: 768px) {\n    .knotfound {\n      margin: 0;\n      padding: 0 1rem; } }\n  .knotfound .knotfound-text {\n    color: #e0e0e0;\n    padding-top: 1rem; }\n  .knotfound .knotfound-button {\n    margin-bottom: 1rem; }\n", ""]);
 
 
 
@@ -654,7 +654,7 @@ exports.default = ConnectionService;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.connection-update-result {\n  flex: 1;\n  margin: 0 1.3rem 1rem; }\n  @media only screen and (max-width: 1023px) {\n    .connection-update-result {\n      margin: 0 0 0.25rem; } }\n  .connection-update-result .connection-update-errored,\n  .connection-update-result .connection-caption-errored {\n    background-color: #d25959;\n    margin: 0 -2.5rem;\n    padding: 0.4rem 2.5rem;\n    display: flex;\n    align-items: center; }\n    @media only screen and (max-width: 1023px) {\n      .connection-update-result .connection-update-errored,\n      .connection-update-result .connection-caption-errored {\n        margin: 0 -1.2rem;\n        padding: 0.4rem 1.2rem; } }\n    .connection-update-result .connection-update-errored .warning-icon,\n    .connection-update-result .connection-caption-errored .warning-icon {\n      margin-right: 1rem; }\n    .connection-update-result .connection-update-errored .warning-white,\n    .connection-update-result .connection-caption-errored .warning-white {\n      margin-right: 1rem; }\n  .connection-update-result .connection-caption {\n    color: #e0e0e0; }\n\n.inline-buttons {\n  display: flex;\n  flex-flow: row nowrap; }\n  .inline-buttons button.btn-secondary-positive {\n    margin-right: 0.25rem; }\n    .inline-buttons button.btn-secondary-positive span:first-child {\n      color: #d25959 !important; }\n  .inline-buttons button.btn-highlight {\n    margin-left: 0.25rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.connection-update-result {\n  flex: 1;\n  margin: 0 1.3rem 1rem; }\n  @media only screen and (max-width: 1023px) {\n    .connection-update-result {\n      margin: 0 0 0.25rem; } }\n  .connection-update-result .connection-update-errored,\n  .connection-update-result .connection-caption-errored {\n    background-color: #d25959;\n    margin: 0 -2.5rem;\n    padding: 0.4rem 2.5rem;\n    display: flex;\n    align-items: center; }\n    @media only screen and (max-width: 1023px) {\n      .connection-update-result .connection-update-errored,\n      .connection-update-result .connection-caption-errored {\n        margin: 0 -1.2rem;\n        padding: 0.4rem 1.2rem; } }\n    .connection-update-result .connection-update-errored .warning-icon,\n    .connection-update-result .connection-caption-errored .warning-icon {\n      margin-right: 1rem; }\n    .connection-update-result .connection-update-errored .warning-white,\n    .connection-update-result .connection-caption-errored .warning-white {\n      margin-right: 1rem; }\n  .connection-update-result .connection-caption {\n    color: #e0e0e0; }\n\n.inline-buttons {\n  display: flex;\n  flex-flow: row nowrap; }\n  .inline-buttons button.btn-secondary-positive {\n    margin-right: 0.25rem; }\n    .inline-buttons button.btn-secondary-positive span:first-child {\n      color: #d25959 !important; }\n  .inline-buttons button.btn-highlight {\n    margin-left: 0.25rem; }\n", ""]);
 
 
 
@@ -939,7 +939,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.error-line {\n  color: #e0e0e0;\n  cursor: pointer;\n  display: flex;\n  align-items: center; }\n\n.underlined-error {\n  text-align: center;\n  text-decoration: underline; }\n\n.warning-icon {\n  margin-right: 4px; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.error-line {\n  color: #e0e0e0;\n  cursor: pointer;\n  display: flex;\n  align-items: center; }\n\n.underlined-error {\n  text-align: center;\n  text-decoration: underline; }\n\n.warning-icon {\n  margin-right: 4px; }\n", ""]);
 
 
 
@@ -1076,7 +1076,7 @@ module.exports = JSON.parse("{\"v\":\"5.5.8\",\"fr\":30,\"ip\":0,\"op\":60,\"w\"
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.koauthform .koauthform-title {\n  text-align: center;\n  margin-bottom: 0;\n  padding: 0 1rem; }\n  .koauthform .koauthform-title.enedisgrandlyon {\n    color: #d87b39; }\n  .koauthform .koauthform-title.grdfgrandlyon {\n    color: #45d1b8; }\n  .koauthform .koauthform-title.eglgrandlyon {\n    color: #3a98ec; }\n\n.koauthform .koauthform-subtitle {\n  text-align: center;\n  color: #ffffff;\n  margin: 2.5rem 0 0.5rem; }\n\n.koauthform .koauthform-infotext {\n  text-align: center;\n  color: #e0e0e0; }\n\n.koauthform button.btn-secondary-positive span:first-child {\n  color: #e0e0e0; }\n\n.koauthform .koauthform-button {\n  margin: 0 0.5rem;\n  text-align: center; }\n  .koauthform .koauthform-button button.btn-highlight {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 0rem;\n    height: 2.5rem;\n    max-width: 22.5rem; }\n  .koauthform .koauthform-button button.btn-secondary-negative {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    height: 2.5rem;\n    max-width: 22.5rem; }\n\n.koauthform .koauthform-connect-button {\n  margin: 0 0.5rem;\n  text-align: center; }\n  .koauthform .koauthform-connect-button button.btn-highlight {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 1rem;\n    height: 5rem;\n    max-width: 22.5rem; }\n  .koauthform .koauthform-connect-button button.btn-secondary-negative {\n    padding: 0.5rem;\n    margin-top: 1rem;\n    margin-bottom: 2.5rem;\n    height: 5rem;\n    max-width: 22.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.koauthform .koauthform-title {\n  text-align: center;\n  margin-bottom: 0;\n  padding: 0 1rem; }\n  .koauthform .koauthform-title.enedisgrandlyon {\n    color: #d87b39; }\n  .koauthform .koauthform-title.grdfgrandlyon {\n    color: #45d1b8; }\n  .koauthform .koauthform-title.eglgrandlyon {\n    color: #3a98ec; }\n\n.koauthform .koauthform-subtitle {\n  text-align: center;\n  color: #ffffff;\n  margin: 2.5rem 0 0.5rem; }\n\n.koauthform .koauthform-infotext {\n  text-align: center;\n  color: #e0e0e0; }\n\n.koauthform button.btn-secondary-positive span:first-child {\n  color: #e0e0e0; }\n\n.koauthform .koauthform-button {\n  margin: 0 0.5rem;\n  text-align: center; }\n  .koauthform .koauthform-button button.btn-highlight {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 0rem;\n    height: 2.5rem;\n    max-width: 22.5rem; }\n  .koauthform .koauthform-button button.btn-secondary-negative {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    height: 2.5rem;\n    max-width: 22.5rem; }\n\n.koauthform .koauthform-connect-button {\n  margin: 0 0.5rem;\n  text-align: center; }\n  .koauthform .koauthform-connect-button button.btn-highlight {\n    padding: 0.5rem;\n    margin-top: 0.5rem;\n    margin-bottom: 1rem;\n    height: 5rem;\n    max-width: 22.5rem; }\n  .koauthform .koauthform-connect-button button.btn-secondary-negative {\n    padding: 0.5rem;\n    margin-top: 1rem;\n    margin-bottom: 2.5rem;\n    height: 5rem;\n    max-width: 22.5rem; }\n", ""]);
 
 
 
@@ -1087,7 +1087,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.authform-button-content {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%; }\n  @media only screen and (max-width: 768px) {\n    .authform-button-content {\n      justify-content: left; } }\n  .authform-button-content .authform-button-content-icon {\n    margin: 0 0.5rem 0 0; }\n  .authform-button-content .authform-button-text {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    text-align: left;\n    max-width: 13.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.authform-button-content {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%; }\n  @media only screen and (max-width: 768px) {\n    .authform-button-content {\n      justify-content: left; } }\n  .authform-button-content .authform-button-content-icon {\n    margin: 0 0.5rem 0 0; }\n  .authform-button-content .authform-button-text {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    text-align: left;\n    max-width: 13.5rem; }\n", ""]);
 
 
 
@@ -1098,7 +1098,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.kmodal-content {\n  margin: 0.5rem 1.5rem;\n  min-height: 12rem; }\n  @media only screen and (max-width: 768px) {\n    .kmodal-content {\n      margin: 0.5rem 0; } }\n  .kmodal-content .kmodal-content-text {\n    color: #e0e0e0;\n    margin: 1rem;\n    text-align: center; }\n  .kmodal-content .kmodal-waiting-text {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    margin: 1rem;\n    min-height: 11.25rem;\n    text-align: center; }\n    .kmodal-content .kmodal-waiting-text .kc-wait {\n      margin-bottom: 2rem; }\n    .kmodal-content .kmodal-waiting-text .waiting-text {\n      display: none; }\n      .kmodal-content .kmodal-waiting-text .waiting-text.show {\n        animation-duration: 8s;\n        animation-name: fadeIn;\n        display: block;\n        opacity: 0; }\n  .kmodal-content .kmodal-content-text-center {\n    text-align: center; }\n  .kmodal-content .kmodal-info {\n    margin: 1.5rem;\n    text-align: center; }\n    .kmodal-content .kmodal-info .konnector-config {\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      text-align: center; }\n      .kmodal-content .kmodal-info .konnector-config .kce-picto-txt {\n        color: #d25959;\n        margin: 1.25rem; }\n      .kmodal-content .kmodal-info .konnector-config .kcs-picto-txt {\n        color: #e3b82a;\n        margin: 1.25rem; }\n\n#accessibility-title {\n  display: none; }\n\n@keyframes fadeIn {\n  10%,\n  90% {\n    opacity: 1; }\n  100% {\n    opacity: 0; } }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.kmodal-content {\n  margin: 0.5rem 1.5rem;\n  min-height: 12rem; }\n  @media only screen and (max-width: 768px) {\n    .kmodal-content {\n      margin: 0.5rem 0; } }\n  .kmodal-content .kmodal-content-text {\n    color: #e0e0e0;\n    margin: 1rem;\n    text-align: center; }\n  .kmodal-content .kmodal-waiting-text {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    margin: 1rem;\n    min-height: 11.25rem;\n    text-align: center; }\n    .kmodal-content .kmodal-waiting-text .kc-wait {\n      margin-bottom: 2rem; }\n    .kmodal-content .kmodal-waiting-text .waiting-text {\n      display: none; }\n      .kmodal-content .kmodal-waiting-text .waiting-text.show {\n        animation-duration: 8s;\n        animation-name: fadeIn;\n        display: block;\n        opacity: 0; }\n  .kmodal-content .kmodal-content-text-center {\n    text-align: center; }\n  .kmodal-content .kmodal-info {\n    margin: 1.5rem;\n    text-align: center; }\n    .kmodal-content .kmodal-info .konnector-config {\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      text-align: center; }\n      .kmodal-content .kmodal-info .konnector-config .kce-picto-txt {\n        color: #d25959;\n        margin: 1.25rem; }\n      .kmodal-content .kmodal-info .konnector-config .kcs-picto-txt {\n        color: #e3b82a;\n        margin: 1.25rem; }\n\n#accessibility-title {\n  display: none; }\n\n@keyframes fadeIn {\n  10%,\n  90% {\n    opacity: 1; }\n  100% {\n    opacity: 0; } }\n", ""]);
 
 
 
@@ -1135,7 +1135,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.dataloadvisualizer-root {\n  min-height: 5.719rem;\n  display: flex;\n  align-items: center; }\n\n.dataloadvisualizer-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: #e0e0e0; }\n  .dataloadvisualizer-content.error {\n    cursor: pointer;\n    color: #d25959;\n    font-weight: bold;\n    text-decoration: underline; }\n  .dataloadvisualizer-content .dataloadvisualizer-section {\n    display: flex;\n    flex-direction: column;\n    align-items: center; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .no-data-text {\n      cursor: pointer;\n      color: #e0e0e0;\n      border-bottom: solid 1px #e0e0e0;\n      margin-top: 1rem; }\n    .dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left {\n      align-items: flex-end;\n      padding: 0.5rem 0.5rem; }\n    .dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left-novalue {\n      align-items: flex-start;\n      padding: 0.5rem 0.5rem 0.5rem 0; }\n    .dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-right {\n      align-items: flex-start;\n      padding: 0.5rem 0.5rem; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value {\n      flex-direction: row; }\n      .dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value span {\n        align-self: flex-end;\n        margin-left: 0.5em; }\n      .dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value .euroUnit {\n        margin-left: 0.4em;\n        position: relative;\n        top: -12px; }\n      .dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value .estimated {\n        cursor: pointer;\n        font-weight: 500;\n        text-decoration: underline;\n        margin-left: 0.5rem;\n        position: relative;\n        top: -12px; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .upper {\n      font-weight: bold; }\n      .dataloadvisualizer-content .dataloadvisualizer-section .upper:first-letter {\n        text-transform: uppercase; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .electricity {\n      color: #d87b39; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .electricity-compare {\n      color: #e2bca1; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .water {\n      color: #3a98ec; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .water-compare {\n      color: #abd4fa; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .gas {\n      color: #45d1b8; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .gas-compare {\n      color: #a8f7e9; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .multifluid {\n      color: #ffffff; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare-color {\n      color: #deaf0e; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare {\n      color: #ffd597; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .error {\n      color: #d25959; }\n\n.dataloadvisualizer-euro {\n  display: flex;\n  flex-direction: row;\n  min-height: 2rem;\n  align-items: center; }\n  .dataloadvisualizer-euro .dataloadvisualizer-euro-link {\n    text-decoration: none;\n    color: transparent; }\n  .dataloadvisualizer-euro .dataloadvisualizer-euro-fluid {\n    padding: 0 0.5rem;\n    display: flex;\n    align-items: center; }\n    .dataloadvisualizer-euro .dataloadvisualizer-euro-fluid .dataloadvisualizer-euro-fluid-icon {\n      margin-right: 0.5rem; }\n  .dataloadvisualizer-euro .electricity {\n    color: #d87b39; }\n  .dataloadvisualizer-euro .electricity-compare {\n    color: #e2bca1; }\n  .dataloadvisualizer-euro .water {\n    color: #3a98ec; }\n  .dataloadvisualizer-euro .water-compare {\n    color: #abd4fa; }\n  .dataloadvisualizer-euro .gas {\n    color: #45d1b8; }\n  .dataloadvisualizer-euro .gas-compare {\n    color: #a8f7e9; }\n  .dataloadvisualizer-euro .multifluid {\n    color: #ffffff; }\n  .dataloadvisualizer-euro .multifluid-compare {\n    color: #ffd597; }\n  .dataloadvisualizer-euro .error {\n    color: #d25959; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.dataloadvisualizer-root {\n  min-height: 5.719rem;\n  display: flex;\n  align-items: center; }\n\n.dataloadvisualizer-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: #e0e0e0; }\n  .dataloadvisualizer-content.error {\n    cursor: pointer;\n    color: #d25959;\n    font-weight: bold;\n    text-decoration: underline; }\n  .dataloadvisualizer-content .dataloadvisualizer-section {\n    display: flex;\n    flex-direction: column;\n    align-items: center; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .no-data-text {\n      cursor: pointer;\n      color: #e0e0e0;\n      border-bottom: solid 1px #e0e0e0;\n      margin-top: 1rem; }\n    .dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left {\n      align-items: flex-end;\n      padding: 0.5rem 0.5rem; }\n    .dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left-novalue {\n      align-items: flex-start;\n      padding: 0.5rem 0.5rem 0.5rem 0; }\n    .dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-right {\n      align-items: flex-start;\n      padding: 0.5rem 0.5rem; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value {\n      flex-direction: row; }\n      .dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value span {\n        align-self: flex-end;\n        margin-left: 0.5em; }\n      .dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value .euroUnit {\n        margin-left: 0.4em;\n        position: relative;\n        top: -12px; }\n      .dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value .estimated {\n        cursor: pointer;\n        font-weight: 500;\n        text-decoration: underline;\n        margin-left: 0.5rem;\n        position: relative;\n        top: -12px; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .upper {\n      font-weight: bold; }\n      .dataloadvisualizer-content .dataloadvisualizer-section .upper:first-letter {\n        text-transform: uppercase; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .electricity {\n      color: #d87b39; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .electricity-compare {\n      color: #e2bca1; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .water {\n      color: #3a98ec; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .water-compare {\n      color: #abd4fa; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .gas {\n      color: #45d1b8; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .gas-compare {\n      color: #a8f7e9; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .multifluid {\n      color: #ffffff; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare-color {\n      color: #deaf0e; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare {\n      color: #ffd597; }\n    .dataloadvisualizer-content .dataloadvisualizer-section .error {\n      color: #d25959; }\n\n.dataloadvisualizer-euro {\n  display: flex;\n  flex-direction: row;\n  min-height: 2rem;\n  align-items: center; }\n  .dataloadvisualizer-euro .dataloadvisualizer-euro-link {\n    text-decoration: none;\n    color: transparent; }\n  .dataloadvisualizer-euro .dataloadvisualizer-euro-fluid {\n    padding: 0 0.5rem;\n    display: flex;\n    align-items: center; }\n    .dataloadvisualizer-euro .dataloadvisualizer-euro-fluid .dataloadvisualizer-euro-fluid-icon {\n      margin-right: 0.5rem; }\n  .dataloadvisualizer-euro .electricity {\n    color: #d87b39; }\n  .dataloadvisualizer-euro .electricity-compare {\n    color: #e2bca1; }\n  .dataloadvisualizer-euro .water {\n    color: #3a98ec; }\n  .dataloadvisualizer-euro .water-compare {\n    color: #abd4fa; }\n  .dataloadvisualizer-euro .gas {\n    color: #45d1b8; }\n  .dataloadvisualizer-euro .gas-compare {\n    color: #a8f7e9; }\n  .dataloadvisualizer-euro .multifluid {\n    color: #ffffff; }\n  .dataloadvisualizer-euro .multifluid-compare {\n    color: #ffd597; }\n  .dataloadvisualizer-euro .error {\n    color: #d25959; }\n", ""]);
 
 
 
@@ -1346,7 +1346,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.nodata-modal {\n  padding: 0.5rem;\n  color: #e0e0e0; }\n  .nodata-modal div {\n    margin: 0.5rem 0;\n    line-height: 1.3; }\n  .nodata-modal .question-mark {\n    text-align: center; }\n  .nodata-modal .title {\n    color: #e3b82a;\n    font-weight: bold;\n    text-align: center;\n    margin: 1rem 0; }\n  .nodata-modal .justified-text {\n    display: flex;\n    justify-content: start; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.nodata-modal {\n  padding: 0.5rem;\n  color: #e0e0e0; }\n  .nodata-modal div {\n    margin: 0.5rem 0;\n    line-height: 1.3; }\n  .nodata-modal .question-mark {\n    text-align: center; }\n  .nodata-modal .title {\n    color: #e3b82a;\n    font-weight: bold;\n    text-align: center;\n    margin: 1rem 0; }\n  .nodata-modal .justified-text {\n    display: flex;\n    justify-content: start; }\n", ""]);
 
 
 
@@ -3167,7 +3167,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.consumptionview-loading {\n  background-color: #121212;\n  height: 80vh;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n\n.consumptionview-content {\n  background-color: #121212; }\n  .consumptionview-content.--hidden {\n    display: none; }\n\n.konnector-section {\n  background-color: #121212;\n  margin: auto;\n  width: 45.75rem;\n  box-sizing: border-box;\n  margin-top: 1rem;\n  margin-bottom: 2rem; }\n  @media only screen and (max-width: 768px) {\n    .konnector-section {\n      width: 100%;\n      padding: 0rem 1rem 3rem 1rem;\n      margin-bottom: 0; } }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.consumptionview-loading {\n  background-color: #121212;\n  height: 80vh;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n\n.consumptionview-content {\n  background-color: #121212; }\n  .consumptionview-content.--hidden {\n    display: none; }\n\n.konnector-section {\n  background-color: #121212;\n  margin: auto;\n  width: 45.75rem;\n  box-sizing: border-box;\n  margin-top: 1rem;\n  margin-bottom: 2rem; }\n  @media only screen and (max-width: 768px) {\n    .konnector-section {\n      width: 100%;\n      padding: 0rem 1rem 3rem 1rem;\n      margin-bottom: 0; } }\n", ""]);
 
 
 
@@ -4246,7 +4246,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.fluidchart-root {\n  background-color: #121212;\n  padding: 0.5rem 2rem 1rem 2rem;\n  margin-bottom: 1rem; }\n  @media only screen and (max-width: 768px) {\n    .fluidchart-root {\n      padding: 0rem 1rem 1rem 1rem;\n      margin-bottom: 0.5rem; } }\n\n.fluidchart-content {\n  min-height: 29.5rem; }\n  @media only screen and (max-width: 768px) {\n    .fluidchart-content {\n      min-height: 21.5rem; } }\n\n.fluidchart-footer {\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  margin: auto;\n  padding-top: 1.5rem;\n  max-width: 45.75rem; }\n  .fluidchart-footer .fluidchart-footer-label {\n    color: #e0e0e0; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.fluidchart-root {\n  background-color: #121212;\n  padding: 0.5rem 2rem 1rem 2rem;\n  margin-bottom: 1rem; }\n  @media only screen and (max-width: 768px) {\n    .fluidchart-root {\n      padding: 0rem 1rem 1rem 1rem;\n      margin-bottom: 0.5rem; } }\n\n.fluidchart-content {\n  min-height: 29.5rem; }\n  @media only screen and (max-width: 768px) {\n    .fluidchart-content {\n      min-height: 21.5rem; } }\n\n.fluidchart-footer {\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  margin: auto;\n  padding-top: 1.5rem;\n  max-width: 45.75rem; }\n  .fluidchart-footer .fluidchart-footer-label {\n    color: #e0e0e0; }\n", ""]);
 
 
 
@@ -4360,7 +4360,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.konnector-form {\n  margin: 0; }\n  @media only screen and (min-width: 768px) {\n    .konnector-form {\n      padding-top: 1rem;\n      margin: 1rem 1.5rem 2rem 1.5rem;\n      padding-bottom: 1rem; } }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.konnector-form {\n  margin: 0; }\n  @media only screen and (min-width: 768px) {\n    .konnector-form {\n      padding-top: 1rem;\n      margin: 1rem 1.5rem 2rem 1.5rem;\n      padding-bottom: 1rem; } }\n", ""]);
 
 
 
@@ -4371,7 +4371,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.konnector-icon {\n  margin-right: 1rem;\n  position: relative; }\n  @media only screen and (max-width: 768px) {\n    .konnector-icon {\n      max-width: 16vw; } }\n  .konnector-icon .konnector-state-picto {\n    position: absolute;\n    top: 0;\n    right: -13px; }\n\n.konnector-title, .konnector-title.electricity-connected, .konnector-title.gas-connected, .konnector-title.water-connected {\n  color: #e0e0e0; }\n  .electricity-connected.konnector-title {\n    color: #d87b39; }\n  .gas-connected.konnector-title {\n    color: #45d1b8; }\n  .water-connected.konnector-title {\n    color: #3a98ec; }\n  .konnector-title .outdated {\n    color: #e0e0e0; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.konnector-icon {\n  margin-right: 1rem;\n  position: relative; }\n  @media only screen and (max-width: 768px) {\n    .konnector-icon {\n      max-width: 16vw; } }\n  .konnector-icon .konnector-state-picto {\n    position: absolute;\n    top: 0;\n    right: -13px; }\n\n.konnector-title, .konnector-title.electricity-connected, .konnector-title.gas-connected, .konnector-title.water-connected {\n  color: #e0e0e0; }\n  .electricity-connected.konnector-title {\n    color: #d87b39; }\n  .gas-connected.konnector-title {\n    color: #45d1b8; }\n  .water-connected.konnector-title {\n    color: #3a98ec; }\n  .konnector-title .outdated {\n    color: #e0e0e0; }\n", ""]);
 
 
 
@@ -4887,7 +4887,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.delete-grdf-modal .icon-main {\n  display: flex; }\n  .delete-grdf-modal .icon-main svg {\n    margin: auto; }\n\n.delete-grdf-modal .text1 {\n  margin-top: 1rem; }\n\n.delete-grdf-modal .text2 {\n  color: #e0e0e0;\n  margin: 1rem 0; }\n\n.delete-grdf-modal .text3 {\n  margin-bottom: 1rem; }\n\n.delete-grdf-modal .buttons {\n  display: flex; }\n  .delete-grdf-modal .buttons button.btn-secondary-positive {\n    margin-right: 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.delete-grdf-modal .icon-main {\n  display: flex; }\n  .delete-grdf-modal .icon-main svg {\n    margin: auto; }\n\n.delete-grdf-modal .text1 {\n  margin-top: 1rem; }\n\n.delete-grdf-modal .text2 {\n  color: #e0e0e0;\n  margin: 1rem 0; }\n\n.delete-grdf-modal .text3 {\n  margin-bottom: 1rem; }\n\n.delete-grdf-modal .buttons {\n  display: flex; }\n  .delete-grdf-modal .buttons button.btn-secondary-positive {\n    margin-right: 1rem; }\n", ""]);
 
 
 
@@ -4931,7 +4931,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.kv-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0rem 0rem 1rem 0rem; }\n  .kv-root .kv-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .kv-root .kv-content {\n        width: 100%; } }\n    .kv-root .kv-content .kv-header {\n      margin-top: 2.5rem;\n      margin-bottom: 1.25rem;\n      color: #e0e0e0; }\n\nbutton.connection-card div {\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  height: 80px;\n  font-weight: normal;\n  box-sizing: border-box; }\n  button.connection-card div svg {\n    margin-right: 1.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.kv-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0rem 0rem 1rem 0rem; }\n  .kv-root .kv-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .kv-root .kv-content {\n        width: 100%; } }\n    .kv-root .kv-content .kv-header {\n      margin-top: 2.5rem;\n      margin-bottom: 1.25rem;\n      color: #e0e0e0; }\n\nbutton.connection-card div {\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  height: 80px;\n  font-weight: normal;\n  box-sizing: border-box; }\n  button.connection-card div svg {\n    margin-right: 1.5rem; }\n", ""]);
 
 
 
@@ -4968,7 +4968,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.fluid-buttons {\n  width: 100%;\n  background: #121212;\n  padding-top: 0.5rem;\n  box-shadow: inset 0px 4px 8px #000000; }\n  .fluid-buttons .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-evenly;\n    padding: 0.6rem 0;\n    box-sizing: border-box;\n    width: 45.75rem;\n    margin: auto; }\n    @media only screen and (max-width: 768px) {\n      .fluid-buttons .content {\n        width: 100%; } }\n  .fluid-buttons .fluid-button {\n    cursor: pointer;\n    min-width: 70px;\n    margin: 0 0.3rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    position: relative; }\n    .fluid-buttons .fluid-button .fluid-title {\n      text-align: center;\n      color: #7b7b7b;\n      transition: all 300ms ease;\n      padding-top: 0.3rem; }\n      .fluid-buttons .fluid-button .fluid-title.active {\n        color: white; }\n    .fluid-buttons .fluid-button .notif-error {\n      position: absolute;\n      top: -2px;\n      right: 11px; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.fluid-buttons {\n  width: 100%;\n  background: #121212;\n  padding-top: 0.5rem;\n  box-shadow: inset 0px 4px 8px #000000; }\n  .fluid-buttons .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-evenly;\n    padding: 0.6rem 0;\n    box-sizing: border-box;\n    width: 45.75rem;\n    margin: auto; }\n    @media only screen and (max-width: 768px) {\n      .fluid-buttons .content {\n        width: 100%; } }\n  .fluid-buttons .fluid-button {\n    cursor: pointer;\n    min-width: 70px;\n    margin: 0 0.3rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    position: relative; }\n    .fluid-buttons .fluid-button .fluid-title {\n      text-align: center;\n      color: #7b7b7b;\n      transition: all 300ms ease;\n      padding-top: 0.3rem; }\n      .fluid-buttons .fluid-button .fluid-title.active {\n        color: white; }\n    .fluid-buttons .fluid-button .notif-error {\n      position: absolute;\n      top: -2px;\n      right: 11px; }\n", ""]);
 
 
 
@@ -5676,7 +5676,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.consumptionvisualizer-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-bottom: 0.5rem; }\n  @media only screen and (max-width: 768px) {\n    .consumptionvisualizer-root {\n      width: 100%; } }\n  .consumptionvisualizer-root .consumptionvisualizer-info {\n    min-height: 1.5rem;\n    display: flex;\n    align-items: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.consumptionvisualizer-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-bottom: 0.5rem; }\n  @media only screen and (max-width: 768px) {\n    .consumptionvisualizer-root {\n      width: 100%; } }\n  .consumptionvisualizer-root .consumptionvisualizer-info {\n    min-height: 1.5rem;\n    display: flex;\n    align-items: center; }\n", ""]);
 
 
 
@@ -5897,7 +5897,7 @@ exports.push([module.i, ".fluidchartslide-root {\n  min-height: 22rem;\n  overfl
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.activatehalfhour-box {\n  background-color: rgba(18, 18, 18, 0.8);\n  padding: 0rem 1rem 0rem 0rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  min-height: 29.5rem; }\n  @media only screen and (max-width: 768px) {\n    .activatehalfhour-box {\n      min-height: 21.5rem;\n      padding: 0; } }\n  .activatehalfhour-box .title {\n    color: #d87b39;\n    margin-bottom: 18px; }\n  .activatehalfhour-box .activatehalfhour-box-header {\n    text-align: center;\n    font-weight: bold;\n    letter-spacing: 0.2px;\n    margin-bottom: 1.5em;\n    color: #e0e0e0;\n    width: 50%; }\n    @media only screen and (max-width: 768px) {\n      .activatehalfhour-box .activatehalfhour-box-header {\n        width: 90%; } }\n    .activatehalfhour-box .activatehalfhour-box-header span {\n      color: #d87b39;\n      font-weight: bold; }\n  .activatehalfhour-box button.btn-highlight {\n    margin-left: auto;\n    margin-right: auto;\n    width: 50%; }\n    @media only screen and (max-width: 768px) {\n      .activatehalfhour-box button.btn-highlight {\n        width: 80%; } }\n  .activatehalfhour-box .oauthform-button-content {\n    display: flex; }\n    @media (min-width: 1201px) {\n      .activatehalfhour-box .oauthform-button-content {\n        display: block; } }\n  .activatehalfhour-box .oauthform-button-text {\n    align-self: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.activatehalfhour-box {\n  background-color: rgba(18, 18, 18, 0.8);\n  padding: 0rem 1rem 0rem 0rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  min-height: 29.5rem; }\n  @media only screen and (max-width: 768px) {\n    .activatehalfhour-box {\n      min-height: 21.5rem;\n      padding: 0; } }\n  .activatehalfhour-box .title {\n    color: #d87b39;\n    margin-bottom: 18px; }\n  .activatehalfhour-box .activatehalfhour-box-header {\n    text-align: center;\n    font-weight: bold;\n    letter-spacing: 0.2px;\n    margin-bottom: 1.5em;\n    color: #e0e0e0;\n    width: 50%; }\n    @media only screen and (max-width: 768px) {\n      .activatehalfhour-box .activatehalfhour-box-header {\n        width: 90%; } }\n    .activatehalfhour-box .activatehalfhour-box-header span {\n      color: #d87b39;\n      font-weight: bold; }\n  .activatehalfhour-box button.btn-highlight {\n    margin-left: auto;\n    margin-right: auto;\n    width: 50%; }\n    @media only screen and (max-width: 768px) {\n      .activatehalfhour-box button.btn-highlight {\n        width: 80%; } }\n  .activatehalfhour-box .oauthform-button-content {\n    display: flex; }\n    @media (min-width: 1201px) {\n      .activatehalfhour-box .oauthform-button-content {\n        display: block; } }\n  .activatehalfhour-box .oauthform-button-text {\n    align-self: center; }\n", ""]);
 
 
 
@@ -6389,7 +6389,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.expired-consent-modal .icon-main {\n  display: flex; }\n  .expired-consent-modal .icon-main svg {\n    margin: auto; }\n\n.expired-consent-modal .title {\n  text-align: center; }\n  .expired-consent-modal .title.electricity {\n    color: #d87b39; }\n  .expired-consent-modal .title.gas {\n    color: #45d1b8; }\n\n.expired-consent-modal .text1 {\n  color: #e0e0e0;\n  margin: 1rem 0; }\n\n.expired-consent-modal .buttons {\n  display: flex; }\n  .expired-consent-modal .buttons button.btn-secondary-positive {\n    margin-right: 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.expired-consent-modal .icon-main {\n  display: flex; }\n  .expired-consent-modal .icon-main svg {\n    margin: auto; }\n\n.expired-consent-modal .title {\n  text-align: center; }\n  .expired-consent-modal .title.electricity {\n    color: #d87b39; }\n  .expired-consent-modal .title.gas {\n    color: #45d1b8; }\n\n.expired-consent-modal .text1 {\n  color: #e0e0e0;\n  margin: 1rem 0; }\n\n.expired-consent-modal .buttons {\n  display: flex; }\n  .expired-consent-modal .buttons button.btn-secondary-positive {\n    margin-right: 1rem; }\n", ""]);
 
 
 
@@ -7035,7 +7035,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.partnersIssueModal {\n  padding: 1rem;\n  max-width: 20rem; }\n  .partnersIssueModal .warn-icon {\n    margin: 1rem auto;\n    display: block; }\n  .partnersIssueModal .partners-issue-title {\n    color: #ec9d41;\n    margin: 1rem auto;\n    text-align: center; }\n  .partnersIssueModal .partners-issue-content {\n    color: #e0e0e0; }\n  .partnersIssueModal button.btn-highlight {\n    padding: 0.65rem; }\n\n.partners-issue-portal .modal-overlay .modal-box {\n  max-width: 21rem; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.partnersIssueModal {\n  padding: 1rem;\n  max-width: 20rem; }\n  .partnersIssueModal .warn-icon {\n    margin: 1rem auto;\n    display: block; }\n  .partnersIssueModal .partners-issue-title {\n    color: #ec9d41;\n    margin: 1rem auto;\n    text-align: center; }\n  .partnersIssueModal .partners-issue-content {\n    color: #e0e0e0; }\n  .partnersIssueModal button.btn-highlight {\n    padding: 0.65rem; }\n\n.partners-issue-portal .modal-overlay .modal-box {\n  max-width: 21rem; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
 
 
 
@@ -7217,7 +7217,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.timestep-selector {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-evenly;\n  align-items: flex-end;\n  margin: auto;\n  max-width: 45.75rem;\n  height: 36px; }\n  .timestep-selector .btn-today {\n    background: transparent;\n    background-color: transparent;\n    border: 1px solid #a0a0a0;\n    border-radius: 2px;\n    margin: 1.5rem 0 0;\n    width: 100%;\n    text-transform: initial;\n    cursor: pointer;\n    max-width: 90px;\n    border-radius: 4px;\n    margin-top: 0; }\n    .timestep-selector .btn-today span:first-child {\n      color: #e0e0e0; }\n    .timestep-selector .btn-today:disabled {\n      cursor: not-allowed; }\n  .timestep-selector .timestep-container {\n    width: 100%; }\n  .timestep-selector .timestep-bar {\n    margin: 0 1rem 0 1.7rem;\n    padding: 0;\n    display: flex;\n    justify-content: space-evenly;\n    align-items: center;\n    height: 3rem; }\n    .timestep-selector .timestep-bar.elec-bar {\n      margin-left: 1rem; }\n    .timestep-selector .timestep-bar .circle {\n      cursor: pointer;\n      position: relative;\n      display: block;\n      width: 8px;\n      height: 8px;\n      border-radius: 100%;\n      text-align: center;\n      background-color: #a0a0a0;\n      z-index: 1;\n      transition: all 300ms ease;\n      margin: 0 2px; }\n      .timestep-selector .timestep-bar .circle .clickable-area {\n        position: absolute;\n        width: 35px;\n        height: 35px;\n        display: block;\n        left: -14px;\n        top: -15px; }\n    .timestep-selector .timestep-bar .text {\n      position: relative;\n      display: block;\n      top: 15px;\n      left: -20px;\n      text-align: center;\n      color: #7b7b7b;\n      width: 50px;\n      overflow: visible; }\n      @media only screen and (max-width: 355px) {\n        .timestep-selector .timestep-bar .text {\n          opacity: 0; } }\n    .timestep-selector .timestep-bar .bar {\n      width: 100%;\n      position: relative;\n      display: block;\n      background-color: transparent;\n      border-top: 1px dashed #a0a0a0;\n      height: 0;\n      z-index: 0;\n      padding: 0 2px; }\n      .timestep-selector .timestep-bar .bar:last-of-type {\n        display: none; }\n    .timestep-selector .timestep-bar .circle.active {\n      background-color: white;\n      width: 10px;\n      height: 10px; }\n      .timestep-selector .timestep-bar .circle.active .text {\n        opacity: 1;\n        top: 16px;\n        color: white;\n        transition: 300ms ease; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.timestep-selector {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-evenly;\n  align-items: flex-end;\n  margin: auto;\n  max-width: 45.75rem;\n  height: 36px; }\n  .timestep-selector .btn-today {\n    background: transparent;\n    background-color: transparent;\n    border: 1px solid #a0a0a0;\n    border-radius: 2px;\n    margin: 1.5rem 0 0;\n    width: 100%;\n    text-transform: initial;\n    cursor: pointer;\n    max-width: 90px;\n    border-radius: 4px;\n    margin-top: 0; }\n    .timestep-selector .btn-today span:first-child {\n      color: #e0e0e0; }\n    .timestep-selector .btn-today:disabled {\n      cursor: not-allowed; }\n  .timestep-selector .timestep-container {\n    width: 100%; }\n  .timestep-selector .timestep-bar {\n    margin: 0 1rem 0 1.7rem;\n    padding: 0;\n    display: flex;\n    justify-content: space-evenly;\n    align-items: center;\n    height: 3rem; }\n    .timestep-selector .timestep-bar.elec-bar {\n      margin-left: 1rem; }\n    .timestep-selector .timestep-bar .circle {\n      cursor: pointer;\n      position: relative;\n      display: block;\n      width: 8px;\n      height: 8px;\n      border-radius: 100%;\n      text-align: center;\n      background-color: #a0a0a0;\n      z-index: 1;\n      transition: all 300ms ease;\n      margin: 0 2px; }\n      .timestep-selector .timestep-bar .circle .clickable-area {\n        position: absolute;\n        width: 35px;\n        height: 35px;\n        display: block;\n        left: -14px;\n        top: -15px; }\n    .timestep-selector .timestep-bar .text {\n      position: relative;\n      display: block;\n      top: 15px;\n      left: -20px;\n      text-align: center;\n      color: #7b7b7b;\n      width: 50px;\n      overflow: visible; }\n      @media only screen and (max-width: 355px) {\n        .timestep-selector .timestep-bar .text {\n          opacity: 0; } }\n    .timestep-selector .timestep-bar .bar {\n      width: 100%;\n      position: relative;\n      display: block;\n      background-color: transparent;\n      border-top: 1px dashed #a0a0a0;\n      height: 0;\n      z-index: 0;\n      padding: 0 2px; }\n      .timestep-selector .timestep-bar .bar:last-of-type {\n        display: none; }\n    .timestep-selector .timestep-bar .circle.active {\n      background-color: white;\n      width: 10px;\n      height: 10px; }\n      .timestep-selector .timestep-bar .circle.active .text {\n        opacity: 1;\n        top: 16px;\n        color: white;\n        transition: 300ms ease; }\n", ""]);
 
 
 
@@ -7620,7 +7620,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.kloginauthform button.btn-secondary-positive span:first-child {\n  color: #e0e0e0; }\n\n.kloginauthform .kloginauthform-text {\n  color: #e0e0e0;\n  padding-top: 1rem; }\n\n.kloginauthform .kloginauthform-button {\n  margin-bottom: 1rem; }\n  .kloginauthform .kloginauthform-button button.btn-highlight {\n    padding: 0.5rem; }\n  .kloginauthform .kloginauthform-button button.btn-secondary-negative {\n    padding: 0.5rem; }\n\n.form {\n  margin: 0 1.3rem 1rem; }\n  @media only screen and (max-width: 768px) {\n    .form {\n      margin: 0 0 0.25rem; } }\n  .form .form-info-provider {\n    padding: 0;\n    margin: 0;\n    color: #e0e0e0;\n    text-align: center; }\n  .form label {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 1rem;\n    color: #e0e0e0;\n    margin-top: 0rem; }\n  .form .form-input {\n    background: rgba(0, 0, 0, 0.3);\n    border: 1px solid #7b7b7b;\n    border-radius: 4px;\n    color: #e0e0e0;\n    padding: 0 5%;\n    outline-offset: -1px; }\n    .form .form-input.--error {\n      border: 1px solid #d25959; }\n  .form .form-input:focus {\n    outline: none;\n    border: 1px solid #e3b82a; }\n  .form .form-group {\n    display: flex;\n    flex-direction: column;\n    margin: 0.75rem 0 0 0; }\n    .form .form-group .form-trailing-icon {\n      float: right;\n      position: relative;\n      margin-top: -48px;\n      margin-right: 15px; }\n  .form .form-control {\n    height: 3rem; }\n    @media only screen and (max-width: 768px) {\n      .form .form-control {\n        max-width: 100vw; } }\n  .form .form-message {\n    color: #d25959;\n    min-height: 1.25rem;\n    margin-top: 0.25rem; }\n  .form button.btn-highlight {\n    margin-top: 0.75rem; }\n  .form ::placeholder {\n    color: #e0e0e0;\n    opacity: 0.6; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.kloginauthform button.btn-secondary-positive span:first-child {\n  color: #e0e0e0; }\n\n.kloginauthform .kloginauthform-text {\n  color: #e0e0e0;\n  padding-top: 1rem; }\n\n.kloginauthform .kloginauthform-button {\n  margin-bottom: 1rem; }\n  .kloginauthform .kloginauthform-button button.btn-highlight {\n    padding: 0.5rem; }\n  .kloginauthform .kloginauthform-button button.btn-secondary-negative {\n    padding: 0.5rem; }\n\n.form {\n  margin: 0 1.3rem 1rem; }\n  @media only screen and (max-width: 768px) {\n    .form {\n      margin: 0 0 0.25rem; } }\n  .form .form-info-provider {\n    padding: 0;\n    margin: 0;\n    color: #e0e0e0;\n    text-align: center; }\n  .form label {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 1rem;\n    color: #e0e0e0;\n    margin-top: 0rem; }\n  .form .form-input {\n    background: rgba(0, 0, 0, 0.3);\n    border: 1px solid #7b7b7b;\n    border-radius: 4px;\n    color: #e0e0e0;\n    padding: 0 5%;\n    outline-offset: -1px; }\n    .form .form-input.--error {\n      border: 1px solid #d25959; }\n  .form .form-input:focus {\n    outline: none;\n    border: 1px solid #e3b82a; }\n  .form .form-group {\n    display: flex;\n    flex-direction: column;\n    margin: 0.75rem 0 0 0; }\n    .form .form-group .form-trailing-icon {\n      float: right;\n      position: relative;\n      margin-top: -48px;\n      margin-right: 15px; }\n  .form .form-control {\n    height: 3rem; }\n    @media only screen and (max-width: 768px) {\n      .form .form-control {\n        max-width: 100vw; } }\n  .form .form-message {\n    color: #d25959;\n    min-height: 1.25rem;\n    margin-top: 0.25rem; }\n  .form button.btn-highlight {\n    margin-top: 0.75rem; }\n  .form ::placeholder {\n    color: #e0e0e0;\n    opacity: 0.6; }\n", ""]);
 
 
 
@@ -8103,7 +8103,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.release-root.black .modal-overlay .modal-close-button {\n  display: none; }\n\n.release-note-container {\n  border-radius: 4px;\n  margin-bottom: 1rem;\n  color: #e0e0e0; }\n  .release-note-container .em-content {\n    padding: 1rem; }\n  .release-note-container .release-note-title {\n    color: #e3b82a;\n    margin-bottom: 2rem; }\n  .release-note-container .release-note-button {\n    display: flex;\n    justify-content: center;\n    margin-top: 2rem; }\n    .release-note-container .release-note-button button.btn-highlight, .release-note-container .release-note-button button.btn-secondary-positive {\n      width: 45%;\n      margin-bottom: 0; }\n    .release-note-container .release-note-button button.btn-secondary-positive {\n      padding: 0.5rem 1rem; }\n    .release-note-container .release-note-button button.btn-highlight {\n      padding: 0.25rem 0.5rem; }\n    @media only screen and (max-width: 768px) {\n      .release-note-container .release-note-button {\n        flex-direction: column-reverse; }\n        .release-note-container .release-note-button button.btn-highlight, .release-note-container .release-note-button button.btn-secondary-positive {\n          margin-bottom: 0;\n          width: 100%;\n          height: 45px; } }\n  .release-note-container .release-note-part {\n    margin-top: 0.5rem; }\n  .release-note-container .release-note-description {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.release-root.black .modal-overlay .modal-close-button {\n  display: none; }\n\n.release-note-container {\n  border-radius: 4px;\n  margin-bottom: 1rem;\n  color: #e0e0e0; }\n  .release-note-container .em-content {\n    padding: 1rem; }\n  .release-note-container .release-note-title {\n    color: #e3b82a;\n    margin-bottom: 2rem; }\n  .release-note-container .release-note-button {\n    display: flex;\n    justify-content: center;\n    margin-top: 2rem; }\n    .release-note-container .release-note-button button.btn-highlight, .release-note-container .release-note-button button.btn-secondary-positive {\n      width: 45%;\n      margin-bottom: 0; }\n    .release-note-container .release-note-button button.btn-secondary-positive {\n      padding: 0.5rem 1rem; }\n    .release-note-container .release-note-button button.btn-highlight {\n      padding: 0.25rem 0.5rem; }\n    @media only screen and (max-width: 768px) {\n      .release-note-container .release-note-button {\n        flex-direction: column-reverse; }\n        .release-note-container .release-note-button button.btn-highlight, .release-note-container .release-note-button button.btn-secondary-positive {\n          margin-bottom: 0;\n          width: 100%;\n          height: 45px; } }\n  .release-note-container .release-note-part {\n    margin-top: 0.5rem; }\n  .release-note-container .release-note-description {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
 
 
 
@@ -8114,7 +8114,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.step-detail-info {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center; }\n  .step-detail-info .info-icon {\n    margin-top: 1rem; }\n  .step-detail-info .info-content {\n    min-height: 7.75rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin-bottom: 1rem; }\n    .step-detail-info .info-content .info-content-text {\n      margin: 0.25rem 0;\n      color: white; }\n      .step-detail-info .info-content .info-content-text span {\n        color: #e3b82a;\n        font-weight: 700; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.step-detail-info {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center; }\n  .step-detail-info .info-icon {\n    margin-top: 1rem; }\n  .step-detail-info .info-content {\n    min-height: 7.75rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin-bottom: 1rem; }\n    .step-detail-info .info-content .info-content-text {\n      margin: 0.25rem 0;\n      color: white; }\n      .step-detail-info .info-content .info-content-text span {\n        color: #e3b82a;\n        font-weight: 700; }\n", ""]);
 
 
 
diff --git a/3/ecolyo.6091146f28a9944b9ff5.js b/3/ecolyo.6091146f28a9944b9ff5.js
deleted file mode 100644
index c4af8b0c7..000000000
--- a/3/ecolyo.6091146f28a9944b9ff5.js
+++ /dev/null
@@ -1,1913 +0,0 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[3],{
-
-/***/ "/y87":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(module) {
-
-var _interopRequireDefault = __webpack_require__("TqRt");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
-
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
-
-__webpack_require__("UGT3");
-
-var _I18n = __webpack_require__("buk/");
-
-var _ProfileTypeProgress = _interopRequireDefault(__webpack_require__("TkB0"));
-
-var _FormNavigation = _interopRequireDefault(__webpack_require__("btPA"));
-
-var _profileType = __webpack_require__("D9qV");
-
-var _luxon = __webpack_require__("ExVU");
-
-var _core = __webpack_require__("TTf+");
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var ProfileTypeFormDateSelection = function ProfileTypeFormDateSelection(_ref) {
-  var step = _ref.step,
-      viewedStep = _ref.viewedStep,
-      profileType = _ref.profileType,
-      answerType = _ref.answerType,
-      setNextStep = _ref.setNextStep,
-      setPrevioustStep = _ref.setPrevioustStep,
-      isProfileTypeComplete = _ref.isProfileTypeComplete;
-
-  var _useI18n = (0, _I18n.useI18n)(),
-      t = _useI18n.t;
-
-  var _useState = (0, _react.useState)({
-    label: _luxon.DateTime.now().toLocaleString({
-      month: 'long'
-    }),
-    value: _luxon.DateTime.now().month.toString().padStart(2, '0') // Date.getMonth starts at 0
-
-  }),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      selectedMonth = _useState2[0],
-      setSelectedMonth = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(_luxon.DateTime.now().year),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      selectedYear = _useState4[0],
-      setSelectedYear = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(''),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      answer = _useState6[0],
-      setAnswer = _useState6[1];
-
-  var selectMonths = [{
-    label: 'Janvier',
-    value: '01'
-  }, {
-    label: 'Février',
-    value: '02'
-  }, {
-    label: 'Mars',
-    value: '03'
-  }, {
-    label: 'Avril',
-    value: '04'
-  }, {
-    label: 'Mai',
-    value: '05'
-  }, {
-    label: 'Juin',
-    value: '06'
-  }, {
-    label: 'Juillet',
-    value: '07'
-  }, {
-    label: 'Aout',
-    value: '08'
-  }, {
-    label: 'Septembre',
-    value: '09'
-  }, {
-    label: 'Octobre',
-    value: '10'
-  }, {
-    label: 'Novembre',
-    value: '11'
-  }, {
-    label: 'Décembre',
-    value: '12'
-  }];
-  var selectYears = [];
-
-  var curYear = _luxon.DateTime.now().year;
-
-  var limitYears = curYear - 10;
-
-  for (var i = curYear; i >= limitYears; i--) {
-    selectYears.push(i);
-  }
-
-  function getMonthFullName(month) {
-    switch (month) {
-      case 1:
-        return 'Janvier';
-
-      case 2:
-        return 'Février';
-
-      case 3:
-        return 'Mars';
-
-      case 4:
-        return 'Avril';
-
-      case 5:
-        return 'Mai';
-
-      case 6:
-        return 'Juin';
-
-      case 7:
-        return 'Juillet';
-
-      case 8:
-        return 'Aout';
-
-      case 9:
-        return 'Septembre';
-
-      case 10:
-        return 'Octobre';
-
-      case 11:
-        return 'Novembre';
-
-      case 12:
-        return 'Décembre';
-
-      default:
-        return null;
-    }
-  }
-
-  var handlePrevious = (0, _react.useCallback)(function () {
-    setPrevioustStep(profileType);
-  }, [profileType, setPrevioustStep]);
-  var handleNext = (0, _react.useCallback)(function () {
-    profileType[answerType.attribute] = answer;
-    setNextStep(profileType);
-  }, [profileType, setNextStep, answer, answerType.attribute]);
-
-  function handleSelectMonth(event) {
-    setSelectedMonth({
-      value: event.target.value,
-      label: getMonthFullName(parseInt(event.target.value))
-    });
-    var isoString = selectedYear + '-' + selectedMonth.value + '-01';
-    setAnswer(_luxon.DateTime.fromISO(isoString));
-  }
-
-  function handleSelectYear(event) {
-    setSelectedYear(parseInt(event.target.value));
-    var isoString = selectedYear + '-' + selectedMonth.value + '-01';
-    setAnswer(_luxon.DateTime.fromISO(isoString));
-  }
-
-  (0, _react.useEffect)(function () {
-    if (step < viewedStep || isProfileTypeComplete) {
-      var isoString = selectedYear + '-' + selectedMonth.value + '-01';
-      setAnswer(_luxon.DateTime.fromISO(isoString));
-      profileType[answerType.attribute] = _luxon.DateTime.fromISO(isoString);
-    }
-  }, [step, viewedStep, profileType, answerType, isProfileTypeComplete, selectedYear, selectedMonth.value]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-form-container'
-  }, /*#__PURE__*/_react.default.createElement(_ProfileTypeProgress.default, {
-    step: step
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-question-label'
-  }, t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answer !== null ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "select-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "date-select"
-  }, /*#__PURE__*/_react.default.createElement(_core.Select, {
-    native: false,
-    labelId: "selectMonthDate",
-    className: "month",
-    defaultValue: selectedMonth.value,
-    onChange: function onChange(e) {
-      return handleSelectMonth(e);
-    }
-  }, selectedYear === _luxon.DateTime.now().year ? selectMonths.slice(0, _luxon.DateTime.now().month).map(function (month, key) {
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
-      value: month.value,
-      key: key,
-      className: "date-option"
-    }, month.label);
-  }) : selectMonths.map(function (month, key) {
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
-      value: month.value,
-      key: key,
-      className: "date-option"
-    }, month.label);
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "date-select"
-  }, /*#__PURE__*/_react.default.createElement(_core.Select, {
-    labelId: "selectYearDate",
-    className: "year",
-    defaultValue: selectedYear,
-    onChange: function onChange(e) {
-      return handleSelectYear(e);
-    }
-  }, selectYears.map(function (year, key) {
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
-      value: year,
-      key: key,
-      className: "date-option"
-    }, year);
-  })))) : null), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
-    step: step,
-    handlePrevious: handlePrevious,
-    handleNext: handleNext,
-    disableNextButton: answer === ''
-  }));
-};
-
-__signature__(ProfileTypeFormDateSelection, "useI18n{{ t }}\nuseState{[selectedMonth, setSelectedMonth]({\n    label: DateTime.now().toLocaleString({ month: 'long' }),\n    value: DateTime.now()\n      .month.toString()\n      .padStart(2, '0'), // Date.getMonth starts at 0\n  })}\nuseState{[selectedYear, setSelectedYear](DateTime.now().year)}\nuseState{[answer, setAnswer]('')}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseEffect{}", function () {
-  return [_I18n.useI18n];
-});
-
-var _default = ProfileTypeFormDateSelection;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(ProfileTypeFormDateSelection, "ProfileTypeFormDateSelection", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormDateSelection.tsx");
-  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormDateSelection.tsx");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
-
-/***/ }),
-
-/***/ "8c7M":
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__("JPst")(false);
-// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-type-finished-card {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: 2rem 1.25rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 80%;\n  text-align: center;\n  padding: 0.5rem 1rem 1rem; }\n  @media (min-width: 1023px) {\n    .profile-type-finished-card {\n      width: 50%;\n      min-height: 28.75rem; } }\n  @media (min-width: 1201px) {\n    .profile-type-finished-card {\n      width: 40%;\n      min-height: 28.75rem; } }\n  .profile-type-finished-card button.profile-type-finished-button {\n    margin-top: 2.875rem; }\n\n.profile-type-finished-label {\n  color: #e3b82a; }\n\n.profile-type-finished-description {\n  margin-top: 1.875rem; }\n", ""]);
-
-
-
-/***/ }),
-
-/***/ "CQ5T":
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__("JPst")(false);
-// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-type-progress {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center; }\n  .profile-type-progress .profile-type-progress-label {\n    font-size: 0.938rem;\n    width: 1.875rem;\n    color: #e3b82a;\n    text-align: right; }\n  .profile-type-progress .profile-type-progress-bar-container {\n    margin-left: 0.5rem;\n    flex: 1;\n    height: 6px;\n    background-color: #121212; }\n    .profile-type-progress .profile-type-progress-bar-container .profile-type-progress-bar-content {\n      height: 100%;\n      background-color: #e3b82a;\n      border-radius: 12px; }\n", ""]);
-
-
-
-/***/ }),
-
-/***/ "Mqix":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(module) {
-
-var _interopRequireDefault = __webpack_require__("TqRt");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(__webpack_require__("lSNA"));
-
-var _toConsumableArray2 = _interopRequireDefault(__webpack_require__("RIqP"));
-
-var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
-
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
-
-__webpack_require__("UGT3");
-
-var _I18n = __webpack_require__("buk/");
-
-var _classnames = _interopRequireDefault(__webpack_require__("TSYQ"));
-
-var _ProfileTypeProgress = _interopRequireDefault(__webpack_require__("TkB0"));
-
-var _FormNavigation = _interopRequireDefault(__webpack_require__("btPA"));
-
-var _lodash = __webpack_require__("LvDl");
-
-var _profileType = __webpack_require__("D9qV");
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var ProfileTypeFormMultiChoice = function ProfileTypeFormMultiChoice(_ref) {
-  var step = _ref.step,
-      viewedStep = _ref.viewedStep,
-      profileType = _ref.profileType,
-      answerType = _ref.answerType,
-      setNextStep = _ref.setNextStep,
-      setPrevioustStep = _ref.setPrevioustStep,
-      isProfileTypeComplete = _ref.isProfileTypeComplete;
-
-  var _useI18n = (0, _I18n.useI18n)(),
-      t = _useI18n.t;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      answer = _useState2[0],
-      setAnswer = _useState2[1];
-
-  var handleChange = function handleChange(value) {
-    var tempAnswer = (0, _toConsumableArray2.default)(answer);
-
-    if (value === 'none' && !tempAnswer.includes(value)) {
-      tempAnswer = [value];
-    } else if (tempAnswer.includes(value)) {
-      (0, _lodash.remove)(tempAnswer, function (n) {
-        return n === 'none' || n === value;
-      });
-    } else {
-      (0, _lodash.remove)(tempAnswer, function (n) {
-        return n === 'none';
-      });
-      tempAnswer.push(value);
-    }
-
-    setAnswer(tempAnswer);
-  };
-
-  var isChecked = function isChecked(value) {
-    if (answer.includes(value)) {
-      return true;
-    } else {
-      return false;
-    }
-  };
-
-  var handlePrevious = (0, _react.useCallback)(function () {
-    setPrevioustStep(profileType);
-  }, [profileType, setPrevioustStep]);
-  var handleNext = (0, _react.useCallback)(function () {
-    profileType[answerType.attribute] = answer;
-    setNextStep(profileType);
-  }, [profileType, setNextStep, answer, answerType.attribute]);
-  (0, _react.useEffect)(function () {
-    var attribute = profileType[answerType.attribute];
-
-    if (step < viewedStep || isProfileTypeComplete) {
-      setAnswer(attribute);
-    }
-  }, [step, viewedStep, profileType, answerType, isProfileTypeComplete]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-form-container'
-  }, /*#__PURE__*/_react.default.createElement(_ProfileTypeProgress.default, {
-    step: step
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-question-label'
-  }, t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".question"))), /*#__PURE__*/_react.default.createElement("span", {
-    className: "profile-question-hint"
-  }, t('profile_type.multi_choices')), answerType.choices.map(function (value, index) {
-    return value ? /*#__PURE__*/_react.default.createElement("label", {
-      key: index,
-      className: (0, _classnames.default)('checkbox', (0, _defineProperty2.default)({}, 'answer-checked', answer.includes(value)))
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: 'checkbox',
-      value: value,
-      name: value.toString(),
-      onChange: function onChange() {
-        return handleChange(value);
-      },
-      checked: isChecked(value)
-    }), t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".").concat(value))) : null;
-  })), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
-    step: step,
-    handlePrevious: handlePrevious,
-    handleNext: handleNext,
-    disableNextButton: answer.length < 1
-  }));
-};
-
-__signature__(ProfileTypeFormMultiChoice, "useI18n{{ t }}\nuseState{[answer, setAnswer]([])}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseEffect{}", function () {
-  return [_I18n.useI18n];
-});
-
-var _default = ProfileTypeFormMultiChoice;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(ProfileTypeFormMultiChoice, "ProfileTypeFormMultiChoice", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormMultiChoice.tsx");
-  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormMultiChoice.tsx");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
-
-/***/ }),
-
-/***/ "MyUw":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(module) {
-
-var _interopRequireDefault = __webpack_require__("TqRt");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
-
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
-
-__webpack_require__("UGT3");
-
-var _I18n = __webpack_require__("buk/");
-
-var _ProfileTypeProgress = _interopRequireDefault(__webpack_require__("TkB0"));
-
-var _FormNavigation = _interopRequireDefault(__webpack_require__("btPA"));
-
-var _profileType = __webpack_require__("D9qV");
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var ProfileTypeFormNumberSelection = function ProfileTypeFormNumberSelection(_ref) {
-  var step = _ref.step,
-      viewedStep = _ref.viewedStep,
-      profileType = _ref.profileType,
-      answerType = _ref.answerType,
-      setNextStep = _ref.setNextStep,
-      setPrevioustStep = _ref.setPrevioustStep,
-      isProfileTypeComplete = _ref.isProfileTypeComplete;
-
-  var _useI18n = (0, _I18n.useI18n)(),
-      t = _useI18n.t;
-
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      answer = _useState2[0],
-      setAnswer = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(0),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      index = _useState4[0],
-      setIndex = _useState4[1];
-
-  var decrement = function decrement() {
-    setAnswer(answerType.choices[index - 1]);
-    setIndex(function (prev) {
-      return prev - 1;
-    });
-  };
-
-  var increment = function increment() {
-    setAnswer(answerType.choices[index + 1]);
-    setIndex(function (prev) {
-      return prev + 1;
-    });
-  };
-
-  var handlePrevious = (0, _react.useCallback)(function () {
-    setPrevioustStep(profileType);
-  }, [profileType, setPrevioustStep]);
-  var handleNext = (0, _react.useCallback)(function () {
-    profileType[answerType.attribute] = answer;
-    setNextStep(profileType);
-  }, [profileType, setNextStep, answer, answerType.attribute]);
-  (0, _react.useEffect)(function () {
-    if (step < viewedStep || isProfileTypeComplete) {
-      var foundIndex = answerType.choices.findIndex(function (element) {
-        return element && element === profileType[answerType.attribute];
-      });
-      foundIndex > -1 && setIndex(foundIndex);
-      setAnswer(profileType[answerType.attribute]);
-    } else {
-      setAnswer(answerType.choices[0]);
-    }
-  }, [step, viewedStep, profileType, answerType, isProfileTypeComplete]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-form-container'
-  }, /*#__PURE__*/_react.default.createElement(_ProfileTypeProgress.default, {
-    step: step
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-question-label'
-  }, t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answer !== null ? /*#__PURE__*/_react.default.createElement("div", {
-    className: 'number-container'
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: 'btn-profile-number',
-    onClick: function onClick() {
-      return decrement();
-    },
-    disabled: index < 1
-  }, "-"), /*#__PURE__*/_react.default.createElement("label", {
-    className: 'number'
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    type: 'text',
-    value: answer,
-    name: answerType.attribute,
-    disabled: true
-  })), /*#__PURE__*/_react.default.createElement("button", {
-    className: 'btn-profile-number',
-    onClick: function onClick() {
-      return increment();
-    },
-    disabled: index >= answerType.choices.length - 1
-  }, "+")) : null), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
-    step: step,
-    handlePrevious: handlePrevious,
-    handleNext: handleNext,
-    disableNextButton: answer === ''
-  }));
-};
-
-__signature__(ProfileTypeFormNumberSelection, "useI18n{{ t }}\nuseState{[answer, setAnswer]('')}\nuseState{[index, setIndex](0)}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseEffect{}", function () {
-  return [_I18n.useI18n];
-});
-
-var _default = ProfileTypeFormNumberSelection;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(ProfileTypeFormNumberSelection, "ProfileTypeFormNumberSelection", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormNumberSelection.tsx");
-  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormNumberSelection.tsx");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
-
-/***/ }),
-
-/***/ "OjiV":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(module) {
-
-var _interopRequireDefault = __webpack_require__("TqRt");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(__webpack_require__("lSNA"));
-
-var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
-
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
-
-__webpack_require__("UGT3");
-
-var _I18n = __webpack_require__("buk/");
-
-var _classnames = _interopRequireDefault(__webpack_require__("TSYQ"));
-
-var _ProfileTypeProgress = _interopRequireDefault(__webpack_require__("TkB0"));
-
-var _FormNavigation = _interopRequireDefault(__webpack_require__("btPA"));
-
-var _profileType = __webpack_require__("D9qV");
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var ProfileTypeFormSingleChoice = function ProfileTypeFormSingleChoice(_ref) {
-  var step = _ref.step,
-      viewedStep = _ref.viewedStep,
-      profileType = _ref.profileType,
-      answerType = _ref.answerType,
-      setNextStep = _ref.setNextStep,
-      setPrevioustStep = _ref.setPrevioustStep,
-      isProfileTypeComplete = _ref.isProfileTypeComplete;
-
-  var _useI18n = (0, _I18n.useI18n)(),
-      t = _useI18n.t;
-
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      answer = _useState2[0],
-      setAnswer = _useState2[1];
-
-  var handlePrevious = (0, _react.useCallback)(function () {
-    setPrevioustStep(profileType);
-  }, [profileType, setPrevioustStep]);
-  var handleNext = (0, _react.useCallback)(function () {
-    profileType[answerType.attribute] = answer;
-    setNextStep(profileType);
-  }, [profileType, setNextStep, answer, answerType.attribute]);
-  (0, _react.useEffect)(function () {
-    if (step < viewedStep || isProfileTypeComplete) {
-      setAnswer(profileType[answerType.attribute]);
-    }
-  }, [step, viewedStep, profileType, answerType, isProfileTypeComplete]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-form-container'
-  }, /*#__PURE__*/_react.default.createElement(_ProfileTypeProgress.default, {
-    step: step
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-question-label'
-  }, t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answerType.choices.map(function (value, index) {
-    var _classNames;
-
-    return value || value === 0 ? /*#__PURE__*/_react.default.createElement("label", {
-      key: index,
-      className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, 'radio_short', answerType.choices.length < 5), (0, _defineProperty2.default)(_classNames, 'radio_long', answerType.choices.length > 4), (0, _defineProperty2.default)(_classNames, 'answer-checked', answer === value), _classNames))
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: 'radio',
-      value: value,
-      name: value.toString(),
-      onChange: function onChange() {
-        return setAnswer(value);
-      },
-      checked: answer === value ? true : false
-    }), t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".").concat(value))) : null;
-  })), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
-    step: step,
-    handlePrevious: handlePrevious,
-    handleNext: handleNext,
-    disableNextButton: answer === ''
-  }));
-};
-
-__signature__(ProfileTypeFormSingleChoice, "useI18n{{ t }}\nuseState{[answer, setAnswer]('')}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseEffect{}", function () {
-  return [_I18n.useI18n];
-});
-
-var _default = ProfileTypeFormSingleChoice;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(ProfileTypeFormSingleChoice, "ProfileTypeFormSingleChoice", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormSingleChoice.tsx");
-  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormSingleChoice.tsx");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
-
-/***/ }),
-
-/***/ "PQ9W":
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__("qQ7A");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__("aET+")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "TkB0":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(module) {
-
-var _interopRequireDefault = __webpack_require__("TqRt");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(__webpack_require__("q1tI"));
-
-__webpack_require__("sjUM");
-
-var _profileType = __webpack_require__("D9qV");
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var ProfileTypeProgress = function ProfileTypeProgress(_ref) {
-  var step = _ref.step;
-
-  var getProgress = function getProgress() {
-    var total = Object.values(_profileType.ProfileTypeStepForm).length / 2;
-    var progress = Math.round(step / total * 100);
-    return progress;
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-type-progress'
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-type-progress-label'
-  }, getProgress(), "%"), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-type-progress-bar-container'
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-type-progress-bar-content',
-    style: {
-      width: "".concat(getProgress(), "%")
-    }
-  })));
-};
-
-var _default = ProfileTypeProgress;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(ProfileTypeProgress, "ProfileTypeProgress", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeProgress.tsx");
-  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeProgress.tsx");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
-
-/***/ }),
-
-/***/ "YKCd":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(module) {
-
-var _interopRequireDefault = __webpack_require__("TqRt");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
-
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
-
-__webpack_require__("UGT3");
-
-var _I18n = __webpack_require__("buk/");
-
-var _ProfileTypeProgress = _interopRequireDefault(__webpack_require__("TkB0"));
-
-var _FormNavigation = _interopRequireDefault(__webpack_require__("btPA"));
-
-var _profileType = __webpack_require__("D9qV");
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var ProfileTypeFormNumber = function ProfileTypeFormNumber(_ref) {
-  var step = _ref.step,
-      viewedStep = _ref.viewedStep,
-      profileType = _ref.profileType,
-      answerType = _ref.answerType,
-      setNextStep = _ref.setNextStep,
-      setPrevioustStep = _ref.setPrevioustStep,
-      isProfileTypeComplete = _ref.isProfileTypeComplete;
-
-  var _useI18n = (0, _I18n.useI18n)(),
-      t = _useI18n.t;
-
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      answer = _useState2[0],
-      setAnswer = _useState2[1];
-
-  var handlePrevious = (0, _react.useCallback)(function () {
-    setPrevioustStep(profileType);
-  }, [profileType, setPrevioustStep]);
-  var handleNext = (0, _react.useCallback)(function () {
-    profileType[answerType.attribute] = answer;
-    setNextStep(profileType);
-  }, [profileType, setNextStep, answer, answerType.attribute]);
-  (0, _react.useEffect)(function () {
-    if (step < viewedStep || isProfileTypeComplete) {
-      setAnswer(profileType[answerType.attribute]);
-    }
-  }, [step, viewedStep, profileType, answerType, isProfileTypeComplete]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-form-container'
-  }, /*#__PURE__*/_react.default.createElement(_ProfileTypeProgress.default, {
-    step: step
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-question-label'
-  }, t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answer != null ? /*#__PURE__*/_react.default.createElement("label", {
-    className: 'text'
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    type: 'number',
-    value: answer,
-    name: answerType.attribute,
-    onChange: function onChange(e) {
-      return setAnswer(e.target.value);
-    },
-    autoFocus: true
-  }), "m\xB2") : null), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
-    step: step,
-    handlePrevious: handlePrevious,
-    handleNext: handleNext,
-    disableNextButton: answer === ''
-  }));
-};
-
-__signature__(ProfileTypeFormNumber, "useI18n{{ t }}\nuseState{[answer, setAnswer]('')}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseEffect{}", function () {
-  return [_I18n.useI18n];
-});
-
-var _default = ProfileTypeFormNumber;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(ProfileTypeFormNumber, "ProfileTypeFormNumber", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormNumber.tsx");
-  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormNumber.tsx");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
-
-/***/ }),
-
-/***/ "dULq":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(module) {
-
-var _interopRequireDefault = __webpack_require__("TqRt");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _regenerator = _interopRequireDefault(__webpack_require__("o0o1"));
-
-var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__("yXPU"));
-
-var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
-
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
-
-__webpack_require__("pwUG");
-
-var _I18n = __webpack_require__("buk/");
-
-var _reactRedux = __webpack_require__("/MKj");
-
-var _reactRouterDom = __webpack_require__("55Ip");
-
-var _profile = __webpack_require__("jPH6");
-
-var _profileType = __webpack_require__("TeAr");
-
-var _Button = _interopRequireDefault(__webpack_require__("FtsS"));
-
-var _StyledIcon = _interopRequireDefault(__webpack_require__("I07j"));
-
-var _finish = _interopRequireDefault(__webpack_require__("de6s"));
-
-var _profileType2 = _interopRequireDefault(__webpack_require__("7e12"));
-
-var _useExploration3 = _interopRequireDefault(__webpack_require__("sU2c"));
-
-var _userExploration = __webpack_require__("/rev");
-
-var _usageEvent = __webpack_require__("/fHX");
-
-var _cozyClient = __webpack_require__("SH7X");
-
-var _usageEvent2 = _interopRequireDefault(__webpack_require__("dECN"));
-
-var _profileTypeEntity = _interopRequireDefault(__webpack_require__("aypK"));
-
-var _luxon = __webpack_require__("ExVU");
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var ProfileTypeFinished = function ProfileTypeFinished(_ref) {
-  var profileType = _ref.profileType;
-
-  var _useI18n = (0, _I18n.useI18n)(),
-      t = _useI18n.t;
-
-  var dispatch = (0, _reactRedux.useDispatch)();
-  var history = (0, _reactRouterDom.useHistory)();
-  var client = (0, _cozyClient.useClient)();
-
-  var _useSelector = (0, _reactRedux.useSelector)(function (state) {
-    return state.ecolyo.challenge;
-  }),
-      currentChallenge = _useSelector.currentChallenge;
-
-  var handleClick = function handleClick() {
-    history.goBack();
-  };
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isSaved = _useState2[0],
-      setIsSaved = _useState2[1];
-
-  var _useExploration = (0, _useExploration3.default)(),
-      _useExploration2 = (0, _slicedToArray2.default)(_useExploration, 2),
-      setValidExploration = _useExploration2[1];
-
-  var profile = (0, _reactRedux.useSelector)(function (state) {
-    return state.ecolyo.profile;
-  });
-  (0, _react.useEffect)(function () {
-    function checkForExistingProfileType() {
-      return _checkForExistingProfileType.apply(this, arguments);
-    }
-
-    function _checkForExistingProfileType() {
-      _checkForExistingProfileType = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var consistentProfileType, chosenPeriod, profileTypeEntityService, myProfileTypes, destroyPT;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                consistentProfileType = _profileType2.default.checkConsistency(profileType);
-                chosenPeriod = {
-                  startDate: profileType.updateDate.setZone('utc', {
-                    keepLocalTime: true
-                  }),
-                  endDate: _luxon.DateTime.local().setZone('utc', {
-                    keepLocalTime: true
-                  })
-                };
-                profileTypeEntityService = new _profileTypeEntity.default(client);
-                _context.next = 5;
-                return profileTypeEntityService.getAllProfileTypes(chosenPeriod);
-
-              case 5:
-                myProfileTypes = _context.sent;
-
-                if (!(myProfileTypes !== null)) {
-                  _context.next = 13;
-                  break;
-                }
-
-                _context.next = 9;
-                return profileTypeEntityService.deleteProfileTypes(myProfileTypes);
-
-              case 9:
-                destroyPT = _context.sent;
-
-                if (destroyPT) {
-                  dispatch((0, _profileType.newProfileTypeEntry)(consistentProfileType));
-                  setIsSaved(true);
-                  dispatch((0, _profile.updateProfile)({
-                    isProfileTypeCompleted: true
-                  }));
-                } else {
-                  console.log('ERROR');
-                }
-
-                _context.next = 16;
-                break;
-
-              case 13:
-                dispatch((0, _profileType.newProfileTypeEntry)(consistentProfileType));
-                setIsSaved(true);
-                dispatch((0, _profile.updateProfile)({
-                  isProfileTypeCompleted: true
-                }));
-
-              case 16:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-      return _checkForExistingProfileType.apply(this, arguments);
-    }
-
-    if (!isSaved) {
-      checkForExistingProfileType();
-
-      if (currentChallenge && currentChallenge.exploration.id === _userExploration.UserExplorationID.EXPLORATION001) {
-        setValidExploration(currentChallenge.exploration.id);
-      }
-
-      _usageEvent2.default.addEvent(client, {
-        type: _usageEvent.UsageEventType.PROFILE_SET_EVENT
-      });
-    }
-  }, [dispatch, profileType, isSaved, profile.isProfileTypeCompleted, currentChallenge, setValidExploration, client]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-type-finished-card'
-  }, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
-    className: 'profile-type-icon',
-    icon: _finish.default,
-    size: 120
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-type-finished-label text-28-normal-uppercase'
-  }, t('profile_type.finished.title')), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-type-finished-description text-18-normal'
-  }, /*#__PURE__*/_react.default.createElement("div", null, t('profile_type.finished.label1')), /*#__PURE__*/_react.default.createElement("div", null, t('profile_type.finished.label2'))), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    "aria-label": t('profile_type.accessibility.button_validate'),
-    onClick: handleClick,
-    className: 'profile-type-finished-button',
-    classes: {
-      root: 'btn-secondary-negative',
-      label: 'text-16-normal'
-    }
-  }, t('profile_type.finished.button_validate')));
-};
-
-__signature__(ProfileTypeFinished, "useI18n{{ t }}\nuseDispatch{dispatch}\nuseHistory{history}\nuseClient{client}\nuseSelector{{ currentChallenge }}\nuseState{[isSaved, setIsSaved](false)}\nuseExploration{[, setValidExploration]}\nuseSelector{profile}\nuseEffect{}", function () {
-  return [_I18n.useI18n, _reactRedux.useDispatch, _reactRouterDom.useHistory, _cozyClient.useClient, _reactRedux.useSelector, _useExploration3.default, _reactRedux.useSelector];
-});
-
-var _default = ProfileTypeFinished;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(ProfileTypeFinished, "ProfileTypeFinished", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFinished.tsx");
-  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFinished.tsx");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
-
-/***/ }),
-
-/***/ "nKTC":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(module) {
-
-var _interopRequireDefault = __webpack_require__("TqRt");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _objectSpread2 = _interopRequireDefault(__webpack_require__("MVZn"));
-
-var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
-
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
-
-__webpack_require__("PQ9W");
-
-var _CozyBar = _interopRequireDefault(__webpack_require__("CJMG"));
-
-var _Header = _interopRequireDefault(__webpack_require__("frrP"));
-
-var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
-
-var _ProfileTypeFormSingleChoice = _interopRequireDefault(__webpack_require__("OjiV"));
-
-var _ProfileTypeFinished = _interopRequireDefault(__webpack_require__("dULq"));
-
-var _profileType2 = __webpack_require__("D9qV");
-
-var _fluid = __webpack_require__("5Wkc");
-
-var _ProfileTypeFormMultiChoice = _interopRequireDefault(__webpack_require__("Mqix"));
-
-var _ProfileTypeFormNumber = _interopRequireDefault(__webpack_require__("YKCd"));
-
-var _ProfileTypeFormNumberSelection = _interopRequireDefault(__webpack_require__("MyUw"));
-
-var _reactRedux = __webpack_require__("/MKj");
-
-var _luxon = __webpack_require__("ExVU");
-
-var _profileTypeForm = _interopRequireDefault(__webpack_require__("u4pq"));
-
-var _ProfileTypeFormDateSelection = _interopRequireDefault(__webpack_require__("/y87"));
-
-var _EcogestureFormEquipment = _interopRequireDefault(__webpack_require__("06WC"));
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var ProfileTypeView = function ProfileTypeView() {
-  var profile = (0, _reactRedux.useSelector)(function (state) {
-    return state.ecolyo.profile;
-  });
-  var curProfileType = (0, _reactRedux.useSelector)(function (state) {
-    return state.ecolyo.profileType;
-  });
-  var curProfileEcogesture = (0, _reactRedux.useSelector)(function (state) {
-    return state.ecolyo.profileEcogesture;
-  });
-
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      headerHeight = _useState2[0],
-      setHeaderHeight = _useState2[1];
-
-  var _useState3 = (0, _react.useState)({
-    updateDate: _luxon.DateTime.local().setZone('utc', {
-      keepLocalTime: true
-    }).startOf('month'),
-    housingType: _profileType2.HousingType.INDIVIDUAL_HOUSE,
-    constructionYear: _profileType2.ConstructionYear.BETWEEN_1975_AND_1989,
-    area: '0',
-    occupantsNumber: 1,
-    outsideFacingWalls: _profileType2.OutsideFacingWalls.ONE,
-    floor: _profileType2.Floor.NOT_APPLICABLE,
-    heating: _profileType2.IndividualOrCollective.INDIVIDUAL,
-    coldWater: _profileType2.IndividualOrCollective.INDIVIDUAL,
-    individualInsulationWork: [_profileType2.IndividualInsulationWork.NONE],
-    hasInstalledVentilation: _profileType2.ThreeChoicesAnswer.NO,
-    hasReplacedHeater: _profileType2.ThreeChoicesAnswer.NO,
-    hotWater: _profileType2.IndividualOrCollective.INDIVIDUAL,
-    hotWaterEquipment: _profileType2.HotWaterEquipment.OTHER,
-    warmingFluid: _profileType2.WarmingType.ELECTRICITY,
-    hotWaterFluid: _fluid.FluidType.ELECTRICITY,
-    cookingFluid: _fluid.FluidType.ELECTRICITY,
-    equipments: ''
-  }),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      profileType = _useState4[0],
-      setProfileType = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(_profileType2.ProfileTypeStepForm.HOUSING_TYPE),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      step = _useState6[0],
-      setStep = _useState6[1];
-
-  var _useState7 = (0, _react.useState)({
-    type: _profileType2.ProfileTypeFormType.SINGLE_CHOICE,
-    attribute: '',
-    choices: []
-  }),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      answerType = _useState8[0],
-      setAnswerType = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(true),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      isLoading = _useState10[0],
-      setIsLoading = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(-1),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      viewedStep = _useState12[0],
-      setViewedStep = _useState12[1];
-
-  var defineHeaderHeight = (0, _react.useCallback)(function (height) {
-    setHeaderHeight(height);
-  }, []);
-  var setNextStep = (0, _react.useCallback)(function (_profileType) {
-    var profileTypeFormService;
-
-    if (_profileType) {
-      setProfileType(_profileType);
-      profileTypeFormService = new _profileTypeForm.default(_profileType);
-    } else {
-      // if equipments are updated, keep profileType as it is
-      profileTypeFormService = new _profileTypeForm.default((0, _objectSpread2.default)({}, profileType));
-    }
-
-    var nextStep = profileTypeFormService.getNextFormStep(step, !profile.isProfileTypeCompleted);
-    setIsLoading(true);
-
-    if (nextStep > viewedStep) {
-      setViewedStep(nextStep);
-    }
-
-    setStep(nextStep);
-  }, [profile.isProfileTypeCompleted, profileType, step, viewedStep]);
-  var setPreviousStep = (0, _react.useCallback)(function (_profileType) {
-    setProfileType(_profileType);
-    var profileTypeFormService = new _profileTypeForm.default(_profileType);
-    var previousStep = profileTypeFormService.getPreviousFormStep(step);
-    setIsLoading(true);
-    setStep(previousStep);
-  }, [step]);
-
-  var selectForm = function selectForm() {
-    if (answerType.type === _profileType2.ProfileTypeFormType.SINGLE_CHOICE) {
-      return /*#__PURE__*/_react.default.createElement(_ProfileTypeFormSingleChoice.default, {
-        step: step,
-        viewedStep: viewedStep,
-        profileType: profileType,
-        answerType: answerType,
-        setNextStep: setNextStep,
-        isProfileTypeComplete: profile.isProfileTypeCompleted,
-        setPrevioustStep: setPreviousStep
-      });
-    } else if (answerType.type === _profileType2.ProfileTypeFormType.MULTI_CHOICE) {
-      return /*#__PURE__*/_react.default.createElement(_ProfileTypeFormMultiChoice.default, {
-        step: step,
-        viewedStep: viewedStep,
-        profileType: profileType,
-        answerType: answerType,
-        setNextStep: setNextStep,
-        setPrevioustStep: setPreviousStep,
-        isProfileTypeComplete: profile.isProfileTypeCompleted
-      });
-    } else if (answerType.type === _profileType2.ProfileTypeFormType.NUMBER) {
-      return /*#__PURE__*/_react.default.createElement(_ProfileTypeFormNumber.default, {
-        step: step,
-        viewedStep: viewedStep,
-        profileType: profileType,
-        answerType: answerType,
-        setNextStep: setNextStep,
-        isProfileTypeComplete: profile.isProfileTypeCompleted,
-        setPrevioustStep: setPreviousStep
-      });
-    } else if (answerType.type === _profileType2.ProfileTypeFormType.NUMBER_SELECTION) {
-      return /*#__PURE__*/_react.default.createElement(_ProfileTypeFormNumberSelection.default, {
-        step: step,
-        viewedStep: viewedStep,
-        profileType: profileType,
-        answerType: answerType,
-        setNextStep: setNextStep,
-        isProfileTypeComplete: profile.isProfileTypeCompleted,
-        setPrevioustStep: setPreviousStep
-      });
-    } else if (answerType.type === _profileType2.ProfileTypeFormType.DATE_SELECTION) {
-      return /*#__PURE__*/_react.default.createElement(_ProfileTypeFormDateSelection.default, {
-        step: step,
-        viewedStep: viewedStep,
-        profileType: profileType,
-        answerType: answerType,
-        setNextStep: setNextStep,
-        isProfileTypeComplete: profile.isProfileTypeCompleted,
-        setPrevioustStep: setPreviousStep
-      });
-    } else if (answerType.type === _profileType2.ProfileTypeFormType.EQUIPMENT_SELECTION) {
-      return /*#__PURE__*/_react.default.createElement(_EcogestureFormEquipment.default, {
-        step: step // viewedStep={viewedStep}
-        // answerType={answerType}
-        ,
-        profileEcogesture: curProfileEcogesture,
-        setNextStep: setNextStep,
-        setPreviousStep: setPreviousStep
-      });
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (profile.isProfileTypeCompleted) {
-      setProfileType(curProfileType);
-    }
-
-    var _answerType = _profileTypeForm.default.getAnswerForStep(step);
-
-    setAnswerType(_answerType);
-    setIsLoading(false);
-  }, [step, profile, curProfileType]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CozyBar.default, {
-    titleKey: 'common.title_profiletype',
-    displayBackArrow: true
-  }), /*#__PURE__*/_react.default.createElement(_Header.default, {
-    setHeaderHeight: defineHeaderHeight,
-    desktopTitleKey: 'common.title_profiletype',
-    displayBackArrow: true
-  }), /*#__PURE__*/_react.default.createElement(_Content.default, {
-    height: headerHeight
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'profile-type-container'
-  }, isLoading ? null : step !== _profileType2.ProfileTypeStepForm.END ? selectForm() : /*#__PURE__*/_react.default.createElement(_ProfileTypeFinished.default, {
-    profileType: profileType
-  }))));
-};
-
-__signature__(ProfileTypeView, "useSelector{profile}\nuseSelector{curProfileType}\nuseSelector{curProfileEcogesture: ProfileEcogesture}\nuseState{[headerHeight, setHeaderHeight](0)}\nuseState{[profileType, setProfileType]({\n    updateDate: DateTime.local()\n      .setZone('utc', {\n        keepLocalTime: true,\n      })\n      .startOf('month'),\n    housingType: HousingType.INDIVIDUAL_HOUSE,\n    constructionYear: ConstructionYear.BETWEEN_1975_AND_1989,\n    area: '0',\n    occupantsNumber: 1,\n    outsideFacingWalls: OutsideFacingWalls.ONE,\n    floor: Floor.NOT_APPLICABLE,\n    heating: IndividualOrCollective.INDIVIDUAL,\n    coldWater: IndividualOrCollective.INDIVIDUAL,\n    individualInsulationWork: [IndividualInsulationWork.NONE],\n    hasInstalledVentilation: ThreeChoicesAnswer.NO,\n    hasReplacedHeater: ThreeChoicesAnswer.NO,\n    hotWater: IndividualOrCollective.INDIVIDUAL,\n    hotWaterEquipment: HotWaterEquipment.OTHER,\n    warmingFluid: WarmingType.ELECTRICITY,\n    hotWaterFluid: FluidType.ELECTRICITY,\n    cookingFluid: FluidType.ELECTRICITY,\n    equipments: '',\n  })}\nuseState{[step, setStep](ProfileTypeStepForm.HOUSING_TYPE)}\nuseState{[answerType, setAnswerType]({\n    type: ProfileTypeFormType.SINGLE_CHOICE,\n    attribute: '',\n    choices: [],\n  })}\nuseState{[isLoading, setIsLoading](true)}\nuseState{[viewedStep, setViewedStep](-1)}\nuseCallback{defineHeaderHeight}\nuseCallback{setNextStep}\nuseCallback{setPreviousStep}\nuseEffect{}", function () {
-  return [_reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector];
-});
-
-var _default = ProfileTypeView;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(ProfileTypeView, "ProfileTypeView", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeView.tsx");
-  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeView.tsx");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
-
-/***/ }),
-
-/***/ "pwUG":
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__("8c7M");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__("aET+")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "qQ7A":
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__("JPst")(false);
-// Module
-exports.push([module.i, ".profile-type-container {\n  position: relative;\n  height: 100%;\n  min-height: inherit;\n  display: flex;\n  justify-content: center; }\n  .profile-type-container label,\n  .profile-type-container input {\n    cursor: pointer; }\n", ""]);
-
-
-
-/***/ }),
-
-/***/ "sjUM":
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__("CQ5T");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__("aET+")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "u4pq":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(module) {
-
-var _interopRequireDefault = __webpack_require__("TqRt");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(__webpack_require__("lwsE"));
-
-var _createClass2 = _interopRequireDefault(__webpack_require__("W8MJ"));
-
-var _defineProperty2 = _interopRequireDefault(__webpack_require__("lSNA"));
-
-var _ecogesture = __webpack_require__("SpsK");
-
-var _fluid = __webpack_require__("5Wkc");
-
-var _profileType = __webpack_require__("D9qV");
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var ProfileTypeFormService = /*#__PURE__*/function () {
-  function ProfileTypeFormService(profileType) {
-    (0, _classCallCheck2.default)(this, ProfileTypeFormService);
-    (0, _defineProperty2.default)(this, "profileType", void 0);
-    this.profileType = profileType;
-  }
-  /**
-   * getNextFormStep
-   * @param {ProfileTypeStepForm} step
-   * @returns {ProfileTypeStepForm} next step
-   */
-
-
-  (0, _createClass2.default)(ProfileTypeFormService, [{
-    key: "getNextFormStep",
-    value: function getNextFormStep(step, firstProfileType) {
-      switch (step) {
-        case _profileType.ProfileTypeStepForm.HOUSING_TYPE:
-          return _profileType.ProfileTypeStepForm.AREA;
-
-        case _profileType.ProfileTypeStepForm.AREA:
-          return _profileType.ProfileTypeStepForm.OCCUPANTS_NUMBER;
-
-        case _profileType.ProfileTypeStepForm.OCCUPANTS_NUMBER:
-          return _profileType.ProfileTypeStepForm.CONSTRUCTION_YEAR;
-
-        case _profileType.ProfileTypeStepForm.CONSTRUCTION_YEAR:
-          return _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS;
-
-        case _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS:
-          return this.profileType.housingType === _profileType.HousingType.INDIVIDUAL_HOUSE ? _profileType.ProfileTypeStepForm.WARMING_FLUID : _profileType.ProfileTypeStepForm.FLOOR;
-
-        case _profileType.ProfileTypeStepForm.FLOOR:
-          return _profileType.ProfileTypeStepForm.HEATING;
-
-        case _profileType.ProfileTypeStepForm.HEATING:
-          return this.profileType.heating === _profileType.IndividualOrCollective.INDIVIDUAL ? _profileType.ProfileTypeStepForm.WARMING_FLUID : _profileType.ProfileTypeStepForm.COLD_WATER;
-
-        case _profileType.ProfileTypeStepForm.WARMING_FLUID:
-          return this.profileType.constructionYear === _profileType.ConstructionYear.AFTER_1998 ? _profileType.ProfileTypeStepForm.VENTILATION : _profileType.ProfileTypeStepForm.INDIVIDUAL_INSULATION_WORK;
-
-        case _profileType.ProfileTypeStepForm.INDIVIDUAL_INSULATION_WORK:
-          return _profileType.ProfileTypeStepForm.VENTILATION;
-
-        case _profileType.ProfileTypeStepForm.VENTILATION:
-          return _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT;
-
-        case _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT:
-          return this.profileType.housingType === _profileType.HousingType.INDIVIDUAL_HOUSE ? _profileType.ProfileTypeStepForm.HOT_WATER_FLUID : _profileType.ProfileTypeStepForm.COLD_WATER;
-
-        case _profileType.ProfileTypeStepForm.COLD_WATER:
-          return _profileType.ProfileTypeStepForm.HOT_WATER;
-
-        case _profileType.ProfileTypeStepForm.HOT_WATER:
-          return this.profileType.hotWater === _profileType.IndividualOrCollective.INDIVIDUAL ? _profileType.ProfileTypeStepForm.HOT_WATER_FLUID : _profileType.ProfileTypeStepForm.COOKING_FLUID;
-
-        case _profileType.ProfileTypeStepForm.HOT_WATER_FLUID:
-          return _profileType.ProfileTypeStepForm.HOT_WATER_EQUIPMENT;
-
-        case _profileType.ProfileTypeStepForm.HOT_WATER_EQUIPMENT:
-          return _profileType.ProfileTypeStepForm.COOKING_FLUID;
-
-        case _profileType.ProfileTypeStepForm.COOKING_FLUID:
-          return _profileType.ProfileTypeStepForm.EQUIPMENTS;
-
-        case _profileType.ProfileTypeStepForm.EQUIPMENTS:
-          return firstProfileType ? _profileType.ProfileTypeStepForm.END : _profileType.ProfileTypeStepForm.UPDATE_DATE;
-
-        case _profileType.ProfileTypeStepForm.UPDATE_DATE:
-          return _profileType.ProfileTypeStepForm.END;
-
-        default:
-          return _profileType.ProfileTypeStepForm.HOUSING_TYPE;
-      }
-    }
-    /**
-     * getPreviousFormStep
-     * @param {ProfileTypeStepForm} step
-     * @returns {ProfileTypeStepForm} previous step
-     */
-
-  }, {
-    key: "getPreviousFormStep",
-    value: function getPreviousFormStep(step) {
-      switch (step) {
-        case _profileType.ProfileTypeStepForm.AREA:
-          return _profileType.ProfileTypeStepForm.HOUSING_TYPE;
-
-        case _profileType.ProfileTypeStepForm.OCCUPANTS_NUMBER:
-          return _profileType.ProfileTypeStepForm.AREA;
-
-        case _profileType.ProfileTypeStepForm.CONSTRUCTION_YEAR:
-          return _profileType.ProfileTypeStepForm.OCCUPANTS_NUMBER;
-
-        case _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS:
-          return _profileType.ProfileTypeStepForm.CONSTRUCTION_YEAR;
-
-        case _profileType.ProfileTypeStepForm.FLOOR:
-          return _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS;
-
-        case _profileType.ProfileTypeStepForm.HEATING:
-          return _profileType.ProfileTypeStepForm.FLOOR;
-
-        case _profileType.ProfileTypeStepForm.WARMING_FLUID:
-          return this.profileType.housingType === _profileType.HousingType.INDIVIDUAL_HOUSE ? _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS : _profileType.ProfileTypeStepForm.HEATING;
-
-        case _profileType.ProfileTypeStepForm.INDIVIDUAL_INSULATION_WORK:
-          return _profileType.ProfileTypeStepForm.WARMING_FLUID;
-
-        case _profileType.ProfileTypeStepForm.VENTILATION:
-          return this.profileType.constructionYear === _profileType.ConstructionYear.AFTER_1998 ? _profileType.ProfileTypeStepForm.WARMING_FLUID : _profileType.ProfileTypeStepForm.INDIVIDUAL_INSULATION_WORK;
-
-        case _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT:
-          return _profileType.ProfileTypeStepForm.VENTILATION;
-
-        case _profileType.ProfileTypeStepForm.COLD_WATER:
-          return this.profileType.heating === _profileType.IndividualOrCollective.INDIVIDUAL ? _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT : _profileType.ProfileTypeStepForm.HEATING;
-
-        case _profileType.ProfileTypeStepForm.HOT_WATER:
-          return _profileType.ProfileTypeStepForm.COLD_WATER;
-
-        case _profileType.ProfileTypeStepForm.HOT_WATER_FLUID:
-          return this.profileType.housingType === _profileType.HousingType.INDIVIDUAL_HOUSE ? _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT : _profileType.ProfileTypeStepForm.HOT_WATER;
-
-        case _profileType.ProfileTypeStepForm.HOT_WATER_EQUIPMENT:
-          return _profileType.ProfileTypeStepForm.HOT_WATER_FLUID;
-
-        case _profileType.ProfileTypeStepForm.COOKING_FLUID:
-          return this.profileType.hotWater === _profileType.IndividualOrCollective.INDIVIDUAL ? _profileType.ProfileTypeStepForm.HOT_WATER_EQUIPMENT : _profileType.ProfileTypeStepForm.HOT_WATER;
-
-        case _profileType.ProfileTypeStepForm.EQUIPMENTS:
-          return _profileType.ProfileTypeStepForm.COOKING_FLUID;
-
-        case _profileType.ProfileTypeStepForm.UPDATE_DATE:
-          return _profileType.ProfileTypeStepForm.EQUIPMENTS;
-
-        default:
-          return _profileType.ProfileTypeStepForm.HOUSING_TYPE;
-      }
-    }
-    /**
-     * getAnswerForStep
-     * @param {ProfileTypeStepForm} step
-     * @returns {ProfileTypeAnswer}
-     */
-
-  }, {
-    key: "__reactstandin__regenerateByEval",
-    value: // @ts-ignore
-    function __reactstandin__regenerateByEval(key, code) {
-      // @ts-ignore
-      this[key] = eval(code);
-    }
-  }], [{
-    key: "getAnswerForStep",
-    value: function getAnswerForStep(step) {
-      switch (step) {
-        case _profileType.ProfileTypeStepForm.HOUSING_TYPE:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'housingType',
-            choices: Object.values(_profileType.HousingType)
-          };
-
-        case _profileType.ProfileTypeStepForm.CONSTRUCTION_YEAR:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'constructionYear',
-            choices: Object.values(_profileType.ConstructionYear)
-          };
-
-        case _profileType.ProfileTypeStepForm.AREA:
-          return {
-            type: _profileType.ProfileTypeFormType.NUMBER,
-            attribute: 'area',
-            choices: []
-          };
-
-        case _profileType.ProfileTypeStepForm.OCCUPANTS_NUMBER:
-          return {
-            type: _profileType.ProfileTypeFormType.NUMBER_SELECTION,
-            attribute: 'occupantsNumber',
-            choices: [1, 2, 3, 4, 5, 6, 7, 8, 9]
-          };
-
-        case _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'outsideFacingWalls',
-            choices: Object.values(_profileType.OutsideFacingWalls)
-          };
-
-        case _profileType.ProfileTypeStepForm.FLOOR:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'floor',
-            choices: Object.values(_profileType.Floor)
-          };
-
-        case _profileType.ProfileTypeStepForm.HEATING:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'heating',
-            choices: Object.values(_profileType.IndividualOrCollective)
-          };
-
-        case _profileType.ProfileTypeStepForm.WARMING_FLUID:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'warmingFluid',
-            choices: [_profileType.WarmingType.ELECTRICITY, _profileType.WarmingType.GAS, _profileType.WarmingType.WOOD, _profileType.WarmingType.FUEL]
-          };
-
-        case _profileType.ProfileTypeStepForm.INDIVIDUAL_INSULATION_WORK:
-          return {
-            type: _profileType.ProfileTypeFormType.MULTI_CHOICE,
-            attribute: 'individualInsulationWork',
-            choices: Object.values(_profileType.IndividualInsulationWork)
-          };
-
-        case _profileType.ProfileTypeStepForm.VENTILATION:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'hasInstalledVentilation',
-            choices: Object.values(_profileType.ThreeChoicesAnswer)
-          };
-
-        case _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'hasReplacedHeater',
-            choices: Object.values(_profileType.ThreeChoicesAnswer)
-          };
-
-        case _profileType.ProfileTypeStepForm.COLD_WATER:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'coldWater',
-            choices: Object.values(_profileType.IndividualOrCollective).reverse()
-          };
-
-        case _profileType.ProfileTypeStepForm.HOT_WATER:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'hotWater',
-            choices: Object.values(_profileType.IndividualOrCollective)
-          };
-
-        case _profileType.ProfileTypeStepForm.HOT_WATER_EQUIPMENT:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'hotWaterEquipment',
-            choices: Object.values(_profileType.HotWaterEquipment)
-          };
-
-        case _profileType.ProfileTypeStepForm.HOT_WATER_FLUID:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'hotWaterFluid',
-            choices: [_fluid.FluidType.ELECTRICITY, _fluid.FluidType.GAS]
-          };
-
-        case _profileType.ProfileTypeStepForm.COOKING_FLUID:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'cookingFluid',
-            choices: [_fluid.FluidType.ELECTRICITY, _fluid.FluidType.GAS]
-          };
-
-        case _profileType.ProfileTypeStepForm.EQUIPMENTS:
-          return {
-            type: _profileType.ProfileTypeFormType.EQUIPMENT_SELECTION,
-            attribute: 'equipments',
-            choices: Object.keys(_ecogesture.EquipmentType)
-          };
-
-        case _profileType.ProfileTypeStepForm.UPDATE_DATE:
-          return {
-            type: _profileType.ProfileTypeFormType.DATE_SELECTION,
-            attribute: 'updateDate',
-            choices: []
-          };
-
-        default:
-          return {
-            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
-            attribute: 'housingType',
-            choices: []
-          };
-      }
-    }
-  }]);
-  return ProfileTypeFormService;
-}();
-
-exports.default = ProfileTypeFormService;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(ProfileTypeFormService, "ProfileTypeFormService", "/builds/web-et-numerique/llle_project/ecolyo/src/services/profileTypeForm.service.ts");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
-
-/***/ })
-
-}]);
\ No newline at end of file
diff --git a/12/ecolyo.a93c3508be46cf2c2aa2.js b/4/ecolyo.48e3ad54f0638c83e45c.js
similarity index 96%
rename from 12/ecolyo.a93c3508be46cf2c2aa2.js
rename to 4/ecolyo.48e3ad54f0638c83e45c.js
index 603e73f69..5a2761d10 100644
--- a/12/ecolyo.a93c3508be46cf2c2aa2.js
+++ b/4/ecolyo.48e3ad54f0638c83e45c.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[12],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
 
 /***/ "/wWz":
 /***/ (function(module, exports, __webpack_require__) {
@@ -494,7 +494,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.faq-view-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 1.5rem; }\n  .faq-view-root .faq-view-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .faq-view-root .faq-view-content {\n        width: 100%; } }\n\n.faq-spinner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100%; }\n  @media only screen and (max-width: 768px) {\n    .faq-spinner {\n      min-height: inherit; } }\n\n.faq-section {\n  color: #e0e0e0;\n  padding-top: 1rem; }\n  .faq-section .expansion-panel-details div {\n    padding-bottom: 0.6rem; }\n    .faq-section .expansion-panel-details div p {\n      color: #e0e0e0;\n      margin-block-start: 0;\n      margin-block-end: 0.6rem; }\n    .faq-section .expansion-panel-details div p:last-child {\n      margin-block-end: 0rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.faq-view-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 1.5rem; }\n  .faq-view-root .faq-view-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .faq-view-root .faq-view-content {\n        width: 100%; } }\n\n.faq-spinner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100%; }\n  @media only screen and (max-width: 768px) {\n    .faq-spinner {\n      min-height: inherit; } }\n\n.faq-section {\n  color: #e0e0e0;\n  padding-top: 1rem; }\n  .faq-section .expansion-panel-details div {\n    padding-bottom: 0.6rem; }\n    .faq-section .expansion-panel-details div p {\n      color: #e0e0e0;\n      margin-block-start: 0;\n      margin-block-end: 0.6rem; }\n    .faq-section .expansion-panel-details div p:last-child {\n      margin-block-end: 0rem; }\n", ""]);
 
 
 
diff --git a/4/ecolyo.943c56d53127de0c0b5b.js b/5/ecolyo.37c6778b021286609401.js
similarity index 69%
rename from 4/ecolyo.943c56d53127de0c0b5b.js
rename to 5/ecolyo.37c6778b021286609401.js
index 4446215d5..f471ea92e 100644
--- a/4/ecolyo.943c56d53127de0c0b5b.js
+++ b/5/ecolyo.37c6778b021286609401.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
 
 /***/ "1MlH":
 /***/ (function(module, exports, __webpack_require__) {
@@ -59,6 +59,8 @@ var _ecogesture2 = __webpack_require__("SpsK");
 
 var _EcogestureInitModal = _interopRequireDefault(__webpack_require__("i9Rj"));
 
+var _EcogestureReinitModal = _interopRequireDefault(__webpack_require__("3XtY"));
+
 var _profile = __webpack_require__("jPH6");
 
 var _reactRouterDom = __webpack_require__("55Ip");
@@ -159,6 +161,14 @@ var EcogestureView = function EcogestureView() {
       openEcogestureInitModal = _useState18[0],
       setOpenEcogestureInitModal = _useState18[1];
 
+  var _useState19 = (0, _react.useState)(false),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      openEcogestureReinitModal = _useState20[0],
+      setOpenEcogestureReinitModal = _useState20[1];
+
+  var handleReinitClick = (0, _react.useCallback)(function () {
+    setOpenEcogestureReinitModal(true);
+  }, []);
   var handleLaunchForm = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
@@ -194,6 +204,37 @@ var EcogestureView = function EcogestureView() {
       }
     }, _callee2);
   })), [dispatch]);
+  var handleLaunchReinit = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+    var ecogestureService, reset;
+    return _regenerator.default.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            setOpenEcogestureReinitModal(false);
+            setIsLoaded(false);
+            ecogestureService = new _ecogesture.default(client);
+            _context3.next = 5;
+            return ecogestureService.reinitAllEcogestures();
+
+          case 5:
+            reset = _context3.sent;
+
+            if (reset) {
+              setOpenEcogestureReinitModal(false);
+              setIsLoaded(true);
+              history.push('/ecogesture-form?modal=true');
+            }
+
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })), [client, history]);
+  var handleCloseEcogestureReinitModal = (0, _react.useCallback)(function () {
+    setOpenEcogestureReinitModal(false);
+  }, []);
   var handleChange = (0, _react.useCallback)(function (event, newValue) {
     event.preventDefault();
     var params = new URLSearchParams();
@@ -220,23 +261,23 @@ var EcogestureView = function EcogestureView() {
     }
 
     function _loadEcogestures() {
-      _loadEcogestures = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+      _loadEcogestures = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
         var ecogestureService, dataAll, availableList, filteredList, doing, objective;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
+        return _regenerator.default.wrap(function _callee4$(_context4) {
           while (1) {
-            switch (_context3.prev = _context3.next) {
+            switch (_context4.prev = _context4.next) {
               case 0:
                 ecogestureService = new _ecogesture.default(client);
-                _context3.next = 3;
+                _context4.next = 3;
                 return ecogestureService.getAllEcogestures((0, _utils.getSeason)());
 
               case 3:
-                dataAll = _context3.sent;
-                _context3.next = 6;
+                dataAll = _context4.sent;
+                _context4.next = 6;
                 return ecogestureService.getEcogestureListByProfile(profileEcogesture);
 
               case 6:
-                availableList = _context3.sent;
+                availableList = _context4.sent;
                 filteredList = availableList.filter(function (ecogesture) {
                   return ecogesture.viewedInSelection === false;
                 });
@@ -259,10 +300,10 @@ var EcogestureView = function EcogestureView() {
 
               case 10:
               case "end":
-                return _context3.stop();
+                return _context4.stop();
             }
           }
-        }, _callee3);
+        }, _callee4);
       }));
       return _loadEcogestures.apply(this, arguments);
     }
@@ -311,32 +352,40 @@ var EcogestureView = function EcogestureView() {
   }, isProfileEcogestureCompleted === true ? totalAvailable === totalViewed && objectiveEcogestureList.length === 0 ? /*#__PURE__*/_react.default.createElement(_EcogestureEmptyList.default, {
     setTab: setTabValue,
     isObjective: true,
-    isSelectionDone: true
+    isSelectionDone: true,
+    handleReinitClick: handleReinitClick
   }) : /*#__PURE__*/_react.default.createElement(_EcogestureList.default, {
     list: objectiveEcogestureList,
     displaySelection: totalAvailable !== totalViewed,
     selectionTotal: totalAvailable,
-    selectionViewed: totalViewed
+    selectionViewed: totalViewed,
+    index: _ecogesture2.EcogestureStatus.OBJECTIVE,
+    handleReinitClick: handleReinitClick
   }) : /*#__PURE__*/_react.default.createElement(_EcogestureEmptyList.default, {
     setTab: setTabValue,
     isObjective: true,
-    isSelectionDone: false
+    isSelectionDone: false,
+    handleReinitClick: handleReinitClick
   })), /*#__PURE__*/_react.default.createElement(TabPanel, {
     value: tabValue,
     index: _ecogesture2.EcogestureStatus.DOING
   }, isProfileEcogestureCompleted === true ? totalAvailable === totalViewed && doingEcogestureList.length === 0 ? /*#__PURE__*/_react.default.createElement(_EcogestureEmptyList.default, {
     setTab: setTabValue,
     isObjective: false,
-    isSelectionDone: true
+    isSelectionDone: true,
+    handleReinitClick: handleReinitClick
   }) : /*#__PURE__*/_react.default.createElement(_EcogestureList.default, {
     list: doingEcogestureList,
     displaySelection: totalAvailable !== totalViewed,
     selectionTotal: totalAvailable,
-    selectionViewed: totalViewed
+    selectionViewed: totalViewed,
+    index: _ecogesture2.EcogestureStatus.DOING,
+    handleReinitClick: handleReinitClick
   }) : /*#__PURE__*/_react.default.createElement(_EcogestureEmptyList.default, {
     setTab: setTabValue,
     isObjective: false,
-    isSelectionDone: false
+    isSelectionDone: false,
+    handleReinitClick: handleReinitClick
   })), /*#__PURE__*/_react.default.createElement(TabPanel, {
     value: tabValue,
     index: _ecogesture2.EcogestureStatus.ALL
@@ -344,15 +393,21 @@ var EcogestureView = function EcogestureView() {
     list: allEcogestureList,
     displaySelection: false,
     selectionTotal: totalAvailable,
-    selectionViewed: totalViewed
+    selectionViewed: totalViewed,
+    index: _ecogesture2.EcogestureStatus.ALL,
+    handleReinitClick: handleReinitClick
   })))), openEcogestureInitModal && /*#__PURE__*/_react.default.createElement(_EcogestureInitModal.default, {
     open: openEcogestureInitModal,
     handleCloseClick: handleCloseEcogestureInitModal,
     handleLaunchForm: handleLaunchForm
+  }), openEcogestureReinitModal && /*#__PURE__*/_react.default.createElement(_EcogestureReinitModal.default, {
+    open: openEcogestureReinitModal,
+    handleCloseClick: handleCloseEcogestureReinitModal,
+    handleLaunchReinit: handleLaunchReinit
   }));
 };
 
-__signature__(EcogestureView, "useState{[headerHeight, setHeaderHeight](0)}\nuseI18n{{ t }}\nuseClient{client}\nuseDispatch{dispatch}\nuseLocation{}\nuseSelector{profileType}\nuseSelector{profileEcogesture: ProfileEcogesture}\nuseSelector{{ haveSeenEcogestureModal, isProfileEcogestureCompleted }}\nuseState{[tabValue, setTabValue](tab ? parseInt(tab) : EcogestureStatus.ALL)}\nuseHistory{history}\nuseState{[isLoaded, setIsLoaded](false)}\nuseState{[allEcogestureList, setAllEcogestureList]([])}\nuseState{[doingEcogestureList, setDoingEcogestureList]([])}\nuseState{[objectiveEcogestureList, setObjectiveEcogestureList]([])}\nuseState{[totalViewed, setTotalViewed](0)}\nuseState{[totalAvailable, setTotalAvailable](0)}\nuseState{[openEcogestureInitModal, setOpenEcogestureInitModal](!haveSeenEcogestureModal)}\nuseCallback{handleLaunchForm}\nuseCallback{handleCloseEcogestureInitModal}\nuseCallback{handleChange}\nuseCallback{tabProps}\nuseCallback{getLabel}\nuseEffect{}", function () {
+__signature__(EcogestureView, "useState{[headerHeight, setHeaderHeight](0)}\nuseI18n{{ t }}\nuseClient{client}\nuseDispatch{dispatch}\nuseLocation{}\nuseSelector{profileType}\nuseSelector{profileEcogesture: ProfileEcogesture}\nuseSelector{{ haveSeenEcogestureModal, isProfileEcogestureCompleted }}\nuseState{[tabValue, setTabValue](tab ? parseInt(tab) : EcogestureStatus.ALL)}\nuseHistory{history}\nuseState{[isLoaded, setIsLoaded](false)}\nuseState{[allEcogestureList, setAllEcogestureList]([])}\nuseState{[doingEcogestureList, setDoingEcogestureList]([])}\nuseState{[objectiveEcogestureList, setObjectiveEcogestureList]([])}\nuseState{[totalViewed, setTotalViewed](0)}\nuseState{[totalAvailable, setTotalAvailable](0)}\nuseState{[openEcogestureInitModal, setOpenEcogestureInitModal](!haveSeenEcogestureModal)}\nuseState{[openEcogestureReinitModal, setOpenEcogestureReinitModal](false)}\nuseCallback{handleReinitClick}\nuseCallback{handleLaunchForm}\nuseCallback{handleCloseEcogestureInitModal}\nuseCallback{handleLaunchReinit}\nuseCallback{handleCloseEcogestureReinitModal}\nuseCallback{handleChange}\nuseCallback{tabProps}\nuseCallback{getLabel}\nuseEffect{}", function () {
   return [_I18n.useI18n, _cozyClient.useClient, _reactRedux.useDispatch, _reactRouterDom.useLocation, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRouterDom.useHistory];
 });
 
@@ -388,9 +443,139 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ec-empty-container {\n  margin-top: 6rem; }\n  .ec-empty-container .ec-empty-content {\n    color: #e0e0e0;\n    text-align: center;\n    padding: 0 0.5rem;\n    margin: 0 auto;\n    max-width: 80%; }\n    @media (min-width: 576px) {\n      .ec-empty-container .ec-empty-content {\n        max-width: 45%; } }\n    @media (min-width: 1200px) {\n      .ec-empty-container .ec-empty-content {\n        max-width: 35%; } }\n    .ec-empty-container .ec-empty-content .text {\n      margin: 1rem 0; }\n    .ec-empty-container .ec-empty-content .btn-container {\n      display: flex; }\n      .ec-empty-container .ec-empty-content .btn-container button.btn2 {\n        margin-left: 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ec-empty-container {\n  margin-top: 6rem; }\n  .ec-empty-container .ec-empty-content {\n    color: #e0e0e0;\n    text-align: center;\n    padding: 0 0.5rem;\n    margin: 0 auto;\n    max-width: 80%; }\n    @media (min-width: 576px) {\n      .ec-empty-container .ec-empty-content {\n        max-width: 45%; } }\n    @media (min-width: 1200px) {\n      .ec-empty-container .ec-empty-content {\n        max-width: 35%; } }\n    .ec-empty-container .ec-empty-content .text {\n      margin: 1rem 0; }\n    .ec-empty-container .ec-empty-content .btn-container {\n      display: flex; }\n      .ec-empty-container .ec-empty-content .btn-container button.btn2 {\n        margin-left: 1rem; }\n    .ec-empty-container .ec-empty-content .reinit-button {\n      margin-left: 15px; }\n", ""]);
+
+
+
+/***/ }),
+
+/***/ "3XtY":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(__webpack_require__("q1tI"));
+
+var _Dialog = _interopRequireDefault(__webpack_require__("HhgX"));
+
+var _core = __webpack_require__("TTf+");
+
+var _Icon = _interopRequireDefault(__webpack_require__("y6ex"));
+
+var _I18n = __webpack_require__("buk/");
+
+var _close = _interopRequireDefault(__webpack_require__("aodS"));
+
+__webpack_require__("5F0G");
+
+var _warnOrange = _interopRequireDefault(__webpack_require__("t+F9"));
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var EcogestureReinitModal = function EcogestureReinitModal(_ref) {
+  var open = _ref.open,
+      handleCloseClick = _ref.handleCloseClick,
+      handleLaunchReinit = _ref.handleLaunchReinit;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: open,
+    onClose: handleCloseClick,
+    "aria-labelledby": 'accessibility-title',
+    classes: {
+      root: 'modal-root',
+      paper: 'modal-paper'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: 'accessibility-title'
+  }, t('feedback.accessibility.window_title')), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+    "aria-label": t('feedback.accessibility.button_close'),
+    className: "modal-paper-close-button",
+    onClick: handleCloseClick
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _close.default,
+    size: 16
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "eg-reinit-modal"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _warnOrange.default,
+    size: 63
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "title text-20-bold"
+  }, t('ecogesture.reinitModal.title_part1'), /*#__PURE__*/_react.default.createElement("span", {
+    className: "warn-title"
+  }, t('ecogesture.reinitModal.title_part2')), t('ecogesture.reinitModal.title_part3'), /*#__PURE__*/_react.default.createElement("span", {
+    className: "warn-title"
+  }, t('ecogesture.reinitModal.title_part4')), t('ecogesture.reinitModal.title_part5'), /*#__PURE__*/_react.default.createElement("span", {
+    className: "warn-title"
+  }, t('ecogesture.reinitModal.title_part6'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "text-16-normal text"
+  }, t('ecogesture.reinitModal.text1')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "text-16-bold text"
+  }, t('ecogesture.reinitModal.text2')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "buttons-container"
+  }, /*#__PURE__*/_react.default.createElement(_core.Button, {
+    "aria-label": t('ecogesture.reinitModal.btn1'),
+    onClick: handleCloseClick,
+    className: "btn1",
+    classes: {
+      root: 'btn-secondary-negative',
+      label: 'text-16-bold'
+    }
+  }, t('ecogesture.reinitModal.btn1')), /*#__PURE__*/_react.default.createElement(_core.Button, {
+    "aria-label": t('ecogesture.reinitModal.btn2'),
+    onClick: handleLaunchReinit,
+    classes: {
+      root: 'btn-profile-next rounded',
+      label: 'text-16-bold'
+    }
+  }, t('ecogesture.reinitModal.btn2')))));
+};
+
+__signature__(EcogestureReinitModal, "useI18n{{ t }}", function () {
+  return [_I18n.useI18n];
+});
+
+var _default = EcogestureReinitModal;
+var _default2 = _default;
+exports.default = _default2;
+;
 
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
 
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(EcogestureReinitModal, "EcogestureReinitModal", "/builds/web-et-numerique/llle_project/ecolyo/src/components/Ecogesture/EcogestureReinitModal.tsx");
+  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/Ecogesture/EcogestureReinitModal.tsx");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
 
 /***/ }),
 
@@ -399,10 +584,36 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ecogesture-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.5rem 2.5rem 1.5rem; }\n  .ecogesture-root .efficiency-button-content {\n    max-width: 52rem;\n    width: 97%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center; }\n    @media only screen and (max-width: 1023px) {\n      .ecogesture-root .efficiency-button-content {\n        width: 97%; } }\n    @media only screen and (max-width: 768px) {\n      .ecogesture-root .efficiency-button-content {\n        width: 97%; } }\n    .ecogesture-root .efficiency-button-content .selection {\n      display: flex;\n      align-items: center;\n      flex-direction: column;\n      color: white;\n      text-align: center;\n      margin: 1rem auto; }\n      @media only screen and (max-width: 768px) {\n        .ecogesture-root .efficiency-button-content .selection {\n          margin: 1rem 0; } }\n      .ecogesture-root .efficiency-button-content .selection button.btn-highlight {\n        padding: 0.625rem; }\n    .ecogesture-root .efficiency-button-content .filters {\n      display: flex;\n      align-items: center;\n      height: 50px;\n      color: white;\n      position: relative; }\n      .ecogesture-root .efficiency-button-content .filters .filter {\n        height: 45px;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        cursor: pointer; }\n        .ecogesture-root .efficiency-button-content .filters .filter svg {\n          margin-right: 1rem; }\n        .ecogesture-root .efficiency-button-content .filters .filter .checkicon {\n          opacity: 0;\n          margin-left: auto;\n          transition: all 300ms ease; }\n          .ecogesture-root .efficiency-button-content .filters .filter .checkicon.active {\n            opacity: 1; }\n      .ecogesture-root .efficiency-button-content .filters .ecogestures {\n        font-size: 0.95rem;\n        text-transform: initial;\n        padding-left: 0.5rem; }\n        .ecogesture-root .efficiency-button-content .filters .ecogestures.opened {\n          color: #e3b82a; }\n      .ecogesture-root .efficiency-button-content .filters .filter-button {\n        display: flex; }\n        .ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative {\n          margin: auto;\n          display: flex;\n          align-items: center; }\n          .ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative span {\n            display: inline-flex;\n            margin-bottom: 0;\n            transition: all 300ms ease; }\n          .ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative svg {\n            margin-right: 1rem;\n            margin-left: -0.5rem; }\n    .ecogesture-root .efficiency-button-content button.btn-secondary-negative {\n      margin: 0;\n      padding: 0.3rem 0.5rem;\n      min-width: 11rem;\n      height: 2.25rem;\n      justify-content: left; }\n      .ecogesture-root .efficiency-button-content button.btn-secondary-negative.btn-info {\n        margin: 0 0 0 1rem;\n        padding: 0;\n        width: 2.25rem;\n        min-width: 2.25rem;\n        justify-content: center; }\n  .ecogesture-root .ecogesture-content {\n    display: flex;\n    flex-wrap: wrap;\n    max-width: 53rem;\n    animation: appear 600ms ease;\n    width: 100%; }\n\n@keyframes appear {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n    .ecogesture-root .ecogesture-content .ecogesture-content-loading {\n      height: 80vh;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      color: #e0e0e0; }\n    .ecogesture-root .ecogesture-content .ecogesture-list-item {\n      width: 48%;\n      height: 8rem;\n      margin: 1% 1%;\n      animation: appear 600ms ease; }\n    .ecogesture-root .ecogesture-content .ecogesture-list-item > button {\n      height: 100%;\n      overflow: hidden;\n      animation: appear 600ms ease; }\n  .ecogesture-root .ec-filter-error {\n    color: #e0e0e0;\n    text-align: center;\n    margin-top: 2rem; }\n    .ecogesture-root .ec-filter-error div:first-child {\n      margin-bottom: 1rem; }\n\ndiv.filter-menu {\n  margin-top: 3.5rem;\n  margin-left: -0.5rem;\n  color: white;\n  background: linear-gradient(0deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border: 1px solid #a0a0a0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  z-index: 3;\n  width: 220px;\n  padding: 0.5rem 0rem;\n  font-size: 0.875rem;\n  left: 0;\n  transition: all 300ms ease; }\n  div.filter-menu.opened {\n    display: block; }\n  div.filter-menu .filter {\n    padding: 0 1rem; }\n    div.filter-menu .filter.filter-active {\n      background: rgba(160, 160, 160, 0.2); }\n\n.filter-menu-list li {\n  color: white;\n  text-transform: initial;\n  font-family: Lato, sans-serif; }\n  .filter-menu-list li.item-active {\n    font-weight: 700; }\n\n.filter-menu-icon {\n  margin-left: auto;\n  min-width: 0; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ecogesture-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.5rem 2.5rem 1.5rem; }\n  .ecogesture-root .efficiency-button-content {\n    max-width: 52rem;\n    width: 97%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center; }\n    @media only screen and (max-width: 1023px) {\n      .ecogesture-root .efficiency-button-content {\n        width: 97%; } }\n    @media only screen and (max-width: 768px) {\n      .ecogesture-root .efficiency-button-content {\n        width: 97%; } }\n    .ecogesture-root .efficiency-button-content .selection {\n      display: flex;\n      align-items: center;\n      flex-direction: column;\n      color: white;\n      text-align: center;\n      margin: 1rem auto; }\n      @media only screen and (max-width: 768px) {\n        .ecogesture-root .efficiency-button-content .selection {\n          margin: 1rem 0; } }\n      .ecogesture-root .efficiency-button-content .selection button.btn-highlight {\n        padding: 0.625rem; }\n    .ecogesture-root .efficiency-button-content .filters {\n      display: flex;\n      align-items: center;\n      height: 50px;\n      color: white;\n      position: relative; }\n      .ecogesture-root .efficiency-button-content .filters .filter {\n        height: 45px;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        cursor: pointer; }\n        .ecogesture-root .efficiency-button-content .filters .filter svg {\n          margin-right: 1rem; }\n        .ecogesture-root .efficiency-button-content .filters .filter .checkicon {\n          opacity: 0;\n          margin-left: auto;\n          transition: all 300ms ease; }\n          .ecogesture-root .efficiency-button-content .filters .filter .checkicon.active {\n            opacity: 1; }\n      .ecogesture-root .efficiency-button-content .filters .ecogestures {\n        font-size: 0.95rem;\n        text-transform: initial;\n        padding-left: 0.5rem; }\n        .ecogesture-root .efficiency-button-content .filters .ecogestures.opened {\n          color: #e3b82a; }\n      .ecogesture-root .efficiency-button-content .filters .filter-button {\n        display: flex; }\n        .ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative {\n          margin: auto;\n          display: flex;\n          align-items: center; }\n          .ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative span {\n            display: inline-flex;\n            margin-bottom: 0;\n            transition: all 300ms ease; }\n          .ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative svg {\n            margin-right: 1rem;\n            margin-left: -0.5rem; }\n    .ecogesture-root .efficiency-button-content button.btn-secondary-negative {\n      margin: 0;\n      padding: 0.3rem 0.5rem;\n      min-width: 11rem;\n      height: 2.25rem;\n      justify-content: left; }\n      .ecogesture-root .efficiency-button-content button.btn-secondary-negative.btn-info {\n        margin: 0 0 0 1rem;\n        padding: 0;\n        width: 2.25rem;\n        min-width: 2.25rem;\n        justify-content: center; }\n  .ecogesture-root .ecogesture-content {\n    display: flex;\n    flex-wrap: wrap;\n    max-width: 53rem;\n    animation: appear 600ms ease;\n    width: 100%; }\n\n@keyframes appear {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n    .ecogesture-root .ecogesture-content .ecogesture-content-loading {\n      height: 80vh;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      color: #e0e0e0; }\n    .ecogesture-root .ecogesture-content .ecogesture-list-item {\n      width: 48%;\n      height: 8rem;\n      margin: 1% 1%;\n      animation: appear 600ms ease; }\n    .ecogesture-root .ecogesture-content .ecogesture-list-item > button {\n      height: 100%;\n      overflow: hidden;\n      animation: appear 600ms ease; }\n  .ecogesture-root .ec-filter-error {\n    color: #e0e0e0;\n    text-align: center;\n    margin-top: 2rem; }\n    .ecogesture-root .ec-filter-error div:first-child {\n      margin-bottom: 1rem; }\n\ndiv.filter-menu {\n  margin-top: 3.5rem;\n  margin-left: -0.5rem;\n  color: white;\n  background: linear-gradient(0deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border: 1px solid #a0a0a0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  z-index: 3;\n  width: 220px;\n  padding: 0.5rem 0rem;\n  font-size: 0.875rem;\n  left: 0;\n  transition: all 300ms ease; }\n  div.filter-menu.opened {\n    display: block; }\n  div.filter-menu .filter {\n    padding: 0 1rem; }\n    div.filter-menu .filter.filter-active {\n      background: rgba(160, 160, 160, 0.2); }\n\n.filter-menu-list li {\n  color: #ffffff;\n  text-transform: initial;\n  font-family: Lato, sans-serif; }\n  .filter-menu-list li.item-active {\n    font-weight: 700; }\n\n.filter-menu-icon {\n  margin-left: auto;\n  min-width: 0; }\n\n.reinit-button {\n  background: transparent;\n  border: 1px solid rgba(255, 255, 255, 0.6);\n  border-radius: 2px;\n  margin: 20px 6px;\n  padding: 3px;\n  width: 100%;\n  cursor: pointer; }\n  .reinit-button span {\n    color: #ffffff;\n    display: inline-block;\n    max-width: 200px; }\n", ""]);
 
 
 
+/***/ }),
+
+/***/ "5F0G":
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__("fgrU");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__("aET+")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
 /***/ }),
 
 /***/ "Adui":
@@ -410,7 +621,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ec {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: 100%; }\n  .ec .ecogesture-card-notif {\n    position: absolute;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    right: 8px;\n    top: 8px;\n    width: 1.25rem;\n    height: 1.25rem;\n    color: #25262b;\n    border-radius: 50%;\n    border: 1px solid #25262b;\n    z-index: 1;\n    background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n    font-size: 12px; }\n  .ec .ec-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-around; }\n    .ec .ec-content.ec-content-unlocked {\n      padding: 0.4rem 0; }\n    .ec .ec-content.ec-content-challenge {\n      padding: 0.5rem 0; }\n    .ec .ec-content .ec-content-icon {\n      min-height: 50px; }\n    .ec .ec-content .ec-content-short-name {\n      display: flex;\n      flex: 1;\n      align-items: center;\n      text-align: center;\n      min-height: 38px; }\n    .ec .ec-content .ec-content-efficiency {\n      margin-top: 0.5rem;\n      color: #a0a0a0; }\n\n.cp-eg-1 {\n  height: 8rem;\n  width: 100%;\n  margin-right: 0.25rem;\n  text-align: center; }\n\n.cp-eg-2 {\n  height: 8rem;\n  width: 100%;\n  margin-left: 0.25rem;\n  text-align: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ec {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: 100%; }\n  .ec .ecogesture-card-notif {\n    position: absolute;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    right: 8px;\n    top: 8px;\n    width: 1.25rem;\n    height: 1.25rem;\n    color: #25262b;\n    border-radius: 50%;\n    border: 1px solid #25262b;\n    z-index: 1;\n    background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n    font-size: 12px; }\n  .ec .ec-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-around; }\n    .ec .ec-content.ec-content-unlocked {\n      padding: 0.4rem 0; }\n    .ec .ec-content.ec-content-challenge {\n      padding: 0.5rem 0; }\n    .ec .ec-content .ec-content-icon {\n      min-height: 50px; }\n    .ec .ec-content .ec-content-short-name {\n      display: flex;\n      flex: 1;\n      align-items: center;\n      text-align: center;\n      min-height: 38px; }\n    .ec .ec-content .ec-content-efficiency {\n      margin-top: 0.5rem;\n      color: #a0a0a0; }\n\n.cp-eg-1 {\n  height: 8rem;\n  width: 100%;\n  margin-right: 0.25rem;\n  text-align: center; }\n\n.cp-eg-2 {\n  height: 8rem;\n  width: 100%;\n  margin-left: 0.25rem;\n  text-align: center; }\n", ""]);
 
 
 
@@ -633,7 +844,8 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 };
 
 var EcogestureCard = function EcogestureCard(_ref) {
-  var ecogesture = _ref.ecogesture;
+  var ecogesture = _ref.ecogesture,
+      selectionCompleted = _ref.selectionCompleted;
 
   var _useState = (0, _react.useState)(''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -679,7 +891,12 @@ var EcogestureCard = function EcogestureCard(_ref) {
     }
   }, [ecogesture]);
   return /*#__PURE__*/_react.default.createElement(_core.Link, {
-    to: "/ecogesture/".concat(ecogesture.id),
+    to: {
+      pathname: "/ecogesture/".concat(ecogesture.id),
+      state: {
+        selectionCompleted: selectionCompleted
+      }
+    },
     component: _reactRouterDom.Link,
     className: "ecogesture-list-item"
   }, /*#__PURE__*/_react.default.createElement(_StyledEcogestureCard.default, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -857,7 +1074,9 @@ var EcogestureList = function EcogestureList(_ref) {
   var list = _ref.list,
       displaySelection = _ref.displaySelection,
       selectionTotal = _ref.selectionTotal,
-      selectionViewed = _ref.selectionViewed;
+      selectionViewed = _ref.selectionViewed,
+      index = _ref.index,
+      handleReinitClick = _ref.handleReinitClick;
 
   var _useI18n = (0, _I18n.useI18n)(),
       t = _useI18n.t;
@@ -902,7 +1121,8 @@ var EcogestureList = function EcogestureList(_ref) {
         key: index,
         className: "ecogesture-list-item"
       }, /*#__PURE__*/_react.default.createElement(_EcogestureCard.default, {
-        ecogesture: ecogesture
+        ecogesture: ecogesture,
+        selectionCompleted: selectionViewed === selectionTotal
       }));
     });
 
@@ -997,15 +1217,19 @@ var EcogestureList = function EcogestureList(_ref) {
   }, list.length > 0 && activeFilter === _ecogesture.Usage[_ecogesture.Usage.ALL] ? list.map(function (ecogesture, index) {
     return /*#__PURE__*/_react.default.createElement(_EcogestureCard.default, {
       ecogesture: ecogesture,
-      key: index
+      key: index,
+      selectionCompleted: selectionViewed === selectionTotal
     });
-  }) : list.length > 0 && activeFilter !== _ecogesture.Usage[_ecogesture.Usage.ALL] ? filterEcogesture(list) : !displaySelection ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : list.length > 0 && activeFilter !== _ecogesture.Usage[_ecogesture.Usage.ALL] ? filterEcogesture(list) : !displaySelection && /*#__PURE__*/_react.default.createElement("div", {
     className: "ec-filter-error"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "text-20-normal"
   }, t('ecogesture.no_ecogesture_filter.text1')), /*#__PURE__*/_react.default.createElement("div", {
     className: "text-16-italic"
-  }, t('ecogesture.no_ecogesture_filter.text2'))) : ''));
+  }, t('ecogesture.no_ecogesture_filter.text2'))), !displaySelection && index !== _ecogesture.EcogestureStatus.ALL && /*#__PURE__*/_react.default.createElement("button", {
+    className: "reinit-button",
+    onClick: handleReinitClick
+  }, /*#__PURE__*/_react.default.createElement("span", null, t('ecogesture.reinit')))));
 };
 
 __signature__(EcogestureList, "useI18n{{ t }}\nuseHistory{history}\nuseState{[activeFilter, setactiveFilter](Usage[Usage.ALL])}\nuseState{[openDropDown, setopenDropDown](false)}\nuseState{[anchorEl, setAnchorEl](null)}", function () {
@@ -1062,6 +1286,17 @@ if(content.locals) module.exports = content.locals;
 
 if(false) {}
 
+/***/ }),
+
+/***/ "fgrU":
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__("JPst")(false);
+// Module
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-reinit-modal {\n  color: #e0e0e0;\n  margin: 1rem 0;\n  text-align: center; }\n  .eg-reinit-modal .title {\n    color: #ffffff; }\n  .eg-reinit-modal .warn-title {\n    color: #ec9d41;\n    margin: 0 0.3rem; }\n  .eg-reinit-modal .text {\n    margin: 1rem 0;\n    text-align: left; }\n  .eg-reinit-modal .buttons-container {\n    display: flex; }\n    .eg-reinit-modal .buttons-container button {\n      min-height: 45px;\n      cursor: pointer; }\n    .eg-reinit-modal .buttons-container button.btn1 {\n      margin-right: 1rem; }\n", ""]);
+
+
+
 /***/ }),
 
 /***/ "i9Rj":
@@ -1210,7 +1445,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ecogesture-spinner {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  min-height: inherit; }\n  @media all and (min-width: 1023px) {\n    .ecogesture-spinner {\n      min-height: 80vh; } }\n\n.ecogestures-tabs {\n  background: transparent;\n  color: #a0a0a0;\n  display: flex;\n  justify-content: center;\n  margin: 0 1rem;\n  box-sizing: border-box; }\n  .ecogestures-tabs .single-tab {\n    width: 32%;\n    text-transform: initial;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.2rem; }\n    .ecogestures-tabs .single-tab.active {\n      font-weight: 700;\n      color: #e3b82a; }\n  .ecogestures-tabs .indicator-tab {\n    background: #e3b82a;\n    height: 1px; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ecogesture-spinner {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  min-height: inherit; }\n  @media all and (min-width: 1023px) {\n    .ecogesture-spinner {\n      min-height: 80vh; } }\n\n.ecogestures-tabs {\n  background: transparent;\n  color: #a0a0a0;\n  display: flex;\n  justify-content: center;\n  margin: 0 1rem;\n  box-sizing: border-box; }\n  .ecogestures-tabs .single-tab {\n    width: 32%;\n    text-transform: initial;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.2rem; }\n    .ecogestures-tabs .single-tab.active {\n      font-weight: 700;\n      color: #e3b82a; }\n  .ecogestures-tabs .indicator-tab {\n    background: #e3b82a;\n    height: 1px; }\n", ""]);
 
 
 
@@ -1242,12 +1477,34 @@ if(false) {}
 
 /***/ }),
 
+/***/ "t+F9":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4BeY");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("IaFt");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
+  "id": "warn-orange_91d863d1360634bd71a1d6cff06875a9",
+  "use": "warn-orange_91d863d1360634bd71a1d6cff06875a9-usage",
+  "viewBox": "0 0 38 34",
+  "content": "<symbol viewBox=\"0 0 38 34\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"warn-orange_91d863d1360634bd71a1d6cff06875a9\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M37.5217 32.1521C38.1367 31.0979 38.1586 30.0437 37.5876 28.9896L21.7751 1.58125C21.1602 0.527083 20.2378 0 19.0079 0C17.7781 0 16.8557 0.527083 16.2407 1.58125L0.428255 28.9896C-0.142752 30.0437 -0.142752 31.0979 0.428255 32.1521C1.04318 33.2062 1.96558 33.7333 3.19544 33.7333H34.8204C36.0503 33.7333 36.9507 33.2062 37.5217 32.1521ZM20.564 19.292V13H17.374V19.292C17.374 19.9667 17.4143 20.6377 17.495 21.305C17.5757 21.965 17.682 22.6397 17.814 23.329H20.124C20.256 22.6397 20.3623 21.965 20.443 21.305C20.5237 20.6377 20.564 19.9667 20.564 19.292ZM17.143 26.563C17.0477 26.7903 17 27.036 17 27.3C17 27.564 17.0477 27.8133 17.143 28.048C17.2457 28.2753 17.3813 28.4733 17.55 28.642C17.726 28.8107 17.9313 28.9427 18.166 29.038C18.4007 29.1333 18.6573 29.181 18.936 29.181C19.2073 29.181 19.4603 29.1333 19.695 29.038C19.9297 28.9427 20.135 28.8107 20.311 28.642C20.487 28.4733 20.6227 28.2753 20.718 28.048C20.8207 27.8133 20.872 27.564 20.872 27.3C20.872 27.036 20.8207 26.7903 20.718 26.563C20.6227 26.3357 20.487 26.1377 20.311 25.969C20.135 25.8003 19.9297 25.6683 19.695 25.573C19.4603 25.4703 19.2073 25.419 18.936 25.419C18.6573 25.419 18.4007 25.4703 18.166 25.573C17.9313 25.6683 17.726 25.8003 17.55 25.969C17.3813 26.1377 17.2457 26.3357 17.143 26.563Z\" fill=\"#EC9D41\" />\n</symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
+/* harmony default export */ __webpack_exports__["default"] = (symbol);
+
+/***/ }),
+
 /***/ "tChO":
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-init-modal {\n  color: #e0e0e0;\n  margin: 1rem 0; }\n  .eg-init-modal .title {\n    text-align: center;\n    color: #e3b82a; }\n  .eg-init-modal .text {\n    margin: 1rem 0; }\n  .eg-init-modal .buttons-container {\n    display: flex; }\n    .eg-init-modal .buttons-container button {\n      min-height: 45px;\n      cursor: pointer; }\n    .eg-init-modal .buttons-container button.btn1 {\n      margin-right: 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-init-modal {\n  color: #e0e0e0;\n  margin: 1rem 0; }\n  .eg-init-modal .title {\n    text-align: center;\n    color: #e3b82a; }\n  .eg-init-modal .text {\n    margin: 1rem 0; }\n  .eg-init-modal .buttons-container {\n    display: flex; }\n    .eg-init-modal .buttons-container button {\n      min-height: 45px;\n      cursor: pointer; }\n    .eg-init-modal .buttons-container button.btn1 {\n      margin-right: 1rem; }\n", ""]);
 
 
 
@@ -1294,7 +1551,8 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var EcogestureEmptyList = function EcogestureEmptyList(_ref) {
   var setTab = _ref.setTab,
       isObjective = _ref.isObjective,
-      isSelectionDone = _ref.isSelectionDone;
+      isSelectionDone = _ref.isSelectionDone,
+      handleReinitClick = _ref.handleReinitClick;
 
   var _useI18n = (0, _I18n.useI18n)(),
       t = _useI18n.t;
@@ -1323,7 +1581,14 @@ var EcogestureEmptyList = function EcogestureEmptyList(_ref) {
       root: 'btn-secondary-negative btn1',
       label: 'text-16-bold'
     }
-  }, t('ecogesture.emptyList.btn1')), !isSelectionDone && /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, t('ecogesture.emptyList.btn1')), isSelectionDone && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    "aria-label": t('ecogesture.emptyList.reinit'),
+    onClick: handleReinitClick,
+    classes: {
+      root: 'reinit-button btn-profile-next rounded',
+      label: 'text-16-bold'
+    }
+  }, t('ecogesture.reinit')), !isSelectionDone && /*#__PURE__*/_react.default.createElement(_Button.default, {
     "aria-label": t('ecogesture.emptyList.btn2'),
     onClick: function onClick() {
       history.push('/ecogesture-form');
diff --git a/5/ecolyo.732993d7f79b32a81919.js b/6/ecolyo.45deaf0cd885c672db65.js
similarity index 93%
rename from 5/ecolyo.732993d7f79b32a81919.js
rename to 6/ecolyo.45deaf0cd885c672db65.js
index efe7c696f..c1b05f9ed 100644
--- a/5/ecolyo.732993d7f79b32a81919.js
+++ b/6/ecolyo.45deaf0cd885c672db65.js
@@ -1,11 +1,11 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
 
 /***/ "1k9e":
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.date-navigator-format {\n  display: flex;\n  flex-direction: column;\n  min-width: 7.81rem;\n  text-align: center;\n  align-items: center;\n  align-self: center; }\n  @media all and (max-width: 320px) {\n    .date-navigator-format {\n      min-width: 10.32rem; } }\n  .date-navigator-format .date-navigator-format-date {\n    color: #e0e0e0; }\n    .date-navigator-format .date-navigator-format-date::first-letter {\n      text-transform: uppercase; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.date-navigator-format {\n  display: flex;\n  flex-direction: column;\n  min-width: 7.81rem;\n  text-align: center;\n  align-items: center;\n  align-self: center; }\n  @media all and (max-width: 320px) {\n    .date-navigator-format {\n      min-width: 10.32rem; } }\n  .date-navigator-format .date-navigator-format-date {\n    color: #e0e0e0; }\n    .date-navigator-format .date-navigator-format-date::first-letter {\n      text-transform: uppercase; }\n", ""]);
 
 
 
@@ -248,7 +248,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.estimation-modal {\n  padding: 0.5rem;\n  color: #e0e0e0; }\n  .estimation-modal .modal-title {\n    color: #e3b82a;\n    font-weight: bold;\n    text-align: center;\n    margin-bottom: 0.5rem; }\n  .estimation-modal ul {\n    padding-left: 1rem; }\n  .estimation-modal .electricity {\n    color: #d87b39; }\n  .estimation-modal .water {\n    color: #3a98ec; }\n  .estimation-modal .gas {\n    color: #45d1b8; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.estimation-modal {\n  padding: 0.5rem;\n  color: #e0e0e0; }\n  .estimation-modal .modal-title {\n    color: #e3b82a;\n    font-weight: bold;\n    text-align: center;\n    margin-bottom: 0.5rem; }\n  .estimation-modal ul {\n    padding-left: 1rem; }\n  .estimation-modal .electricity {\n    color: #d87b39; }\n  .estimation-modal .water {\n    color: #3a98ec; }\n  .estimation-modal .gas {\n    color: #45d1b8; }\n", ""]);
 
 
 
@@ -259,7 +259,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.date-navigator {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  width: 100%;\n  margin: auto;\n  padding-bottom: 0.6rem;\n  max-width: 45.75rem; }\n  .date-navigator .date-navigator-button {\n    border: none;\n    background: none;\n    color: #a0a0a0;\n    text-decoration: underline; }\n    .date-navigator .date-navigator-button.disable {\n      opacity: 0.3; }\n    .date-navigator .date-navigator-button.disable:hover {\n      cursor: default; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.date-navigator {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  width: 100%;\n  margin: auto;\n  padding-bottom: 0.6rem;\n  max-width: 45.75rem; }\n  .date-navigator .date-navigator-button {\n    border: none;\n    background: none;\n    color: #a0a0a0;\n    text-decoration: underline; }\n    .date-navigator .date-navigator-button.disable {\n      opacity: 0.3; }\n    .date-navigator .date-navigator-button.disable:hover {\n      cursor: default; }\n", ""]);
 
 
 
diff --git a/6/ecolyo.a3016721fa562bc5b0bc.js b/7/ecolyo.872ea0527fa5ab47be45.js
similarity index 98%
rename from 6/ecolyo.a3016721fa562bc5b0bc.js
rename to 7/ecolyo.872ea0527fa5ab47be45.js
index 87ddb8f04..4dddd4a38 100644
--- a/6/ecolyo.a3016721fa562bc5b0bc.js
+++ b/7/ecolyo.872ea0527fa5ab47be45.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
 
 /***/ "1usQ":
 /***/ (function(module, exports, __webpack_require__) {
diff --git a/8/ecolyo.59fa9caf21dac7d1efcc.js b/8/ecolyo.c42d7bb43cc78a563f7b.js
similarity index 89%
rename from 8/ecolyo.59fa9caf21dac7d1efcc.js
rename to 8/ecolyo.c42d7bb43cc78a563f7b.js
index 9e8586925..00cd4c7c0 100644
--- a/8/ecolyo.59fa9caf21dac7d1efcc.js
+++ b/8/ecolyo.c42d7bb43cc78a563f7b.js
@@ -559,7 +559,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.faq-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.5rem; }\n  .faq-root .faq-content {\n    margin-bottom: -1rem;\n    width: 45.75rem; }\n    .faq-root .faq-content a {\n      color: #ffffff;\n      text-decoration: none; }\n    @media only screen and (max-width: 768px) {\n      .faq-root .faq-content {\n        width: 100%; } }\n    .faq-root .faq-content .faq-header {\n      margin-top: 1.5rem;\n      margin-bottom: 1.25rem;\n      color: #e0e0e0; }\n\n.faq-card-link {\n  color: #ffffff; }\n\n.faq-card {\n  display: flex;\n  flex-direction: row;\n  margin: -0.75rem 0;\n  width: 100%; }\n  @media only screen and (max-width: 768px) {\n    .faq-card {\n      width: 100%; } }\n  .faq-card .faq-card-content {\n    display: flex;\n    flex-direction: row; }\n    .faq-card .faq-card-content .faq-card-content-icon {\n      margin: 0.5rem 0; }\n    .faq-card .faq-card-content .faq-card-content-title {\n      margin: 0 1rem;\n      align-self: center;\n      text-decoration: none; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.faq-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.5rem; }\n  .faq-root .faq-content {\n    margin-bottom: -1rem;\n    width: 45.75rem; }\n    .faq-root .faq-content a {\n      color: #ffffff;\n      text-decoration: none; }\n    @media only screen and (max-width: 768px) {\n      .faq-root .faq-content {\n        width: 100%; } }\n    .faq-root .faq-content .faq-header {\n      margin-top: 1.5rem;\n      margin-bottom: 1.25rem;\n      color: #e0e0e0; }\n\n.faq-card-link {\n  color: #ffffff; }\n\n.faq-card {\n  display: flex;\n  flex-direction: row;\n  margin: -0.75rem 0;\n  width: 100%; }\n  @media only screen and (max-width: 768px) {\n    .faq-card {\n      width: 100%; } }\n  .faq-card .faq-card-content {\n    display: flex;\n    flex-direction: row; }\n    .faq-card .faq-card-content .faq-card-content-icon {\n      margin: 0.5rem 0; }\n    .faq-card .faq-card-content .faq-card-content-title {\n      margin: 0 1rem;\n      align-self: center;\n      text-decoration: none; }\n", ""]);
 
 
 
@@ -570,7 +570,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.report-option-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.5rem;\n  margin: 1rem 0; }\n  .report-option-root .report-option-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .report-option-root .report-option-content {\n        width: 100%; } }\n  .report-option-root .head {\n    margin: 1rem 0;\n    color: #e0e0e0; }\n  .report-option-root .switch-container-bilan {\n    display: flex;\n    flex-direction: column;\n    color: #e0e0e0;\n    margin-bottom: 2rem; }\n    .report-option-root .switch-container-bilan .switch-label {\n      margin-left: 0.2rem;\n      padding-right: 0.8rem; }\n    .report-option-root .switch-container-bilan .button-container {\n      max-width: 200px; }\n      .report-option-root .switch-container-bilan .button-container button {\n        width: 125px;\n        margin-top: 0.75rem; }\n  .report-option-root .switch-container-alert {\n    display: flex;\n    align-items: center;\n    color: #e0e0e0; }\n    .report-option-root .switch-container-alert .switch-label {\n      margin-left: 0.2rem;\n      padding-right: 0.8rem; }\n    .report-option-root .switch-container-alert .input-style {\n      width: 60px;\n      text-align: center;\n      margin: 0.5rem;\n      background: #121212;\n      color: #ffffff;\n      border: 1px solid #a0a0a0;\n      max-width: 5rem;\n      height: 2rem; }\n      .report-option-root .switch-container-alert .input-style:focus {\n        outline: #e3b82a 1px; }\n      .report-option-root .switch-container-alert .input-style:disabled {\n        -webkit-text-fill-color: #ffffff;\n        opacity: 1; }\n  .report-option-root .alert-inputs-display {\n    padding: 0 1rem; }\n  .report-option-root .alert-input-row {\n    display: flex;\n    justify-content: space-between; }\n  .report-option-root .alert-input-subtext {\n    color: #a0a0a0;\n    font-size: 14px; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.report-option-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.5rem;\n  margin: 1rem 0; }\n  .report-option-root .report-option-content {\n    width: 45.75rem; }\n    @media only screen and (max-width: 768px) {\n      .report-option-root .report-option-content {\n        width: 100%; } }\n  .report-option-root .head {\n    margin: 1rem 0;\n    color: #e0e0e0; }\n  .report-option-root .switch-container-bilan {\n    display: flex;\n    flex-direction: column;\n    color: #e0e0e0;\n    margin-bottom: 2rem; }\n    .report-option-root .switch-container-bilan .switch-label {\n      margin-left: 0.2rem;\n      padding-right: 0.8rem; }\n    .report-option-root .switch-container-bilan .button-container {\n      max-width: 200px; }\n      .report-option-root .switch-container-bilan .button-container button {\n        width: 125px;\n        margin-top: 0.75rem; }\n  .report-option-root .switch-container-alert {\n    display: flex;\n    align-items: center;\n    color: #e0e0e0; }\n    .report-option-root .switch-container-alert .switch-label {\n      margin-left: 0.2rem;\n      padding-right: 0.8rem; }\n    .report-option-root .switch-container-alert .input-style {\n      width: 60px;\n      text-align: center;\n      margin: 0.5rem;\n      background: #121212;\n      color: #ffffff;\n      border: 1px solid #a0a0a0;\n      max-width: 5rem;\n      height: 2rem; }\n      .report-option-root .switch-container-alert .input-style:focus {\n        outline: #e3b82a 1px; }\n      .report-option-root .switch-container-alert .input-style:disabled {\n        -webkit-text-fill-color: #ffffff;\n        opacity: 1; }\n  .report-option-root .alert-inputs-display {\n    padding: 0 1rem; }\n  .report-option-root .alert-input-row {\n    display: flex;\n    justify-content: space-between; }\n  .report-option-root .alert-input-subtext {\n    color: #a0a0a0;\n    font-size: 14px; }\n", ""]);
 
 
 
@@ -710,7 +710,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.version-root {\n  color: #e0e0e0;\n  text-align: center;\n  margin: 0 1.5rem 2rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.version-root {\n  color: #e0e0e0;\n  text-align: center;\n  margin: 0 1.5rem 2rem; }\n", ""]);
 
 
 
@@ -1261,7 +1261,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-type-root {\n  margin-top: 1.75rem;\n  padding: 0 1.5rem; }\n  .profile-type-root .profile-type-content {\n    margin: 0 auto;\n    width: 100%; }\n    @media (min-width: 768px) {\n      .profile-type-root .profile-type-content {\n        width: 45.75rem; } }\n  .profile-type-root .value {\n    color: #ffffff;\n    padding: 0 0 0.5rem 0; }\n  .profile-type-root ul {\n    display: flex;\n    flex-wrap: wrap;\n    padding: 0;\n    margin-top: 0; }\n    .profile-type-root ul li {\n      list-style-type: none;\n      margin-right: 0.5rem; }\n  .profile-type-root .head {\n    color: #e0e0e0;\n    margin-top: 1rem;\n    margin-bottom: 1.25rem; }\n  .profile-type-root .label {\n    color: #a0a0a0;\n    padding-bottom: 0.5rem; }\n  .profile-type-root .profile-container {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    width: 100%;\n    margin: 0 1.3rem 1rem; }\n    @media only screen and (max-width: 768px) {\n      .profile-type-root .profile-container {\n        margin: 0 0 0.25rem; } }\n  .profile-type-root .fields {\n    align-items: flex-start;\n    padding: 8px 0px;\n    width: 100%; }\n  .profile-type-root button.profile-link {\n    color: #e0e0e0;\n    text-decoration: none;\n    max-height: 5rem; }\n    .profile-type-root button.profile-link .profile-icon {\n      vertical-align: middle; }\n    .profile-type-root button.profile-link .link-label {\n      margin-left: 1rem; }\n    .profile-type-root button.profile-link > button {\n      margin-bottom: 0; }\n      .profile-type-root button.profile-link > button > div {\n        padding: 0.3rem 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-type-root {\n  margin-top: 1.75rem;\n  padding: 0 1.5rem; }\n  .profile-type-root .profile-type-content {\n    margin: 0 auto;\n    width: 100%; }\n    @media (min-width: 768px) {\n      .profile-type-root .profile-type-content {\n        width: 45.75rem; } }\n  .profile-type-root .value {\n    color: #ffffff;\n    padding: 0 0 0.5rem 0; }\n  .profile-type-root ul {\n    display: flex;\n    flex-wrap: wrap;\n    padding: 0;\n    margin-top: 0; }\n    .profile-type-root ul li {\n      list-style-type: none;\n      margin-right: 0.5rem; }\n  .profile-type-root .head {\n    color: #e0e0e0;\n    margin-top: 1rem;\n    margin-bottom: 1.25rem; }\n  .profile-type-root .label {\n    color: #a0a0a0;\n    padding-bottom: 0.5rem; }\n  .profile-type-root .profile-container {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    width: 100%;\n    margin: 0 1.3rem 1rem; }\n    @media only screen and (max-width: 768px) {\n      .profile-type-root .profile-container {\n        margin: 0 0 0.25rem; } }\n  .profile-type-root .fields {\n    align-items: flex-start;\n    padding: 8px 0px;\n    width: 100%; }\n  .profile-type-root button.profile-link {\n    color: #e0e0e0;\n    text-decoration: none;\n    max-height: 5rem; }\n    .profile-type-root button.profile-link .profile-icon {\n      vertical-align: middle; }\n    .profile-type-root button.profile-link .link-label {\n      margin-left: 1rem; }\n    .profile-type-root button.profile-link > button {\n      margin-bottom: 0; }\n      .profile-type-root button.profile-link > button > div {\n        padding: 0.3rem 1rem; }\n", ""]);
 
 
 
@@ -1531,7 +1531,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.gcu-link-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  padding: 1rem 1.5rem 0;\n  margin-top: 1rem; }\n  .gcu-link-root .gcu-link-header {\n    margin-bottom: 1.25rem; }\n  .gcu-link-root .gcu-link-content {\n    width: 45.75rem; }\n    .gcu-link-root .gcu-link-content p {\n      color: #ffffff; }\n    .gcu-link-root .gcu-link-content a {\n      color: #ffffff;\n      text-decoration: none; }\n    .gcu-link-root .gcu-link-content li {\n      margin: 1rem 0; }\n    .gcu-link-root .gcu-link-content h2 {\n      color: #ffffff; }\n    .gcu-link-root .gcu-link-content h3 {\n      color: #ffffff;\n      margin: 2.5rem 0 1rem; }\n    .gcu-link-root .gcu-link-content .ln-contact {\n      color: #e3b82a; }\n    @media only screen and (max-width: 768px) {\n      .gcu-link-root .gcu-link-content {\n        width: 100%; } }\n\n.gcu-link-card-link {\n  color: black; }\n\n.gcu-link-card {\n  display: flex;\n  flex-direction: row;\n  margin: -0.75rem 0;\n  width: 100%; }\n  @media only screen and (max-width: 768px) {\n    .gcu-link-card {\n      width: 100%; } }\n  .gcu-link-card .gcu-link-card-content {\n    display: flex;\n    flex-direction: row; }\n    .gcu-link-card .gcu-link-card-content .gcu-link-card-content-icon {\n      margin: 0.5rem 0; }\n    .gcu-link-card .gcu-link-card-content .gcu-link-card-content-title {\n      margin: 0 1rem;\n      align-self: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.gcu-link-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  padding: 1rem 1.5rem 0;\n  margin-top: 1rem; }\n  .gcu-link-root .gcu-link-header {\n    margin-bottom: 1.25rem; }\n  .gcu-link-root .gcu-link-content {\n    width: 45.75rem; }\n    .gcu-link-root .gcu-link-content p {\n      color: #ffffff; }\n    .gcu-link-root .gcu-link-content a {\n      color: #ffffff;\n      text-decoration: none; }\n    .gcu-link-root .gcu-link-content li {\n      margin: 1rem 0; }\n    .gcu-link-root .gcu-link-content h2 {\n      color: #ffffff; }\n    .gcu-link-root .gcu-link-content h3 {\n      color: #ffffff;\n      margin: 2.5rem 0 1rem; }\n    .gcu-link-root .gcu-link-content .ln-contact {\n      color: #e3b82a; }\n    @media only screen and (max-width: 768px) {\n      .gcu-link-root .gcu-link-content {\n        width: 100%; } }\n\n.gcu-link-card-link {\n  color: black; }\n\n.gcu-link-card {\n  display: flex;\n  flex-direction: row;\n  margin: -0.75rem 0;\n  width: 100%; }\n  @media only screen and (max-width: 768px) {\n    .gcu-link-card {\n      width: 100%; } }\n  .gcu-link-card .gcu-link-card-content {\n    display: flex;\n    flex-direction: row; }\n    .gcu-link-card .gcu-link-card-content .gcu-link-card-content-icon {\n      margin: 0.5rem 0; }\n    .gcu-link-card .gcu-link-card-content .gcu-link-card-content-title {\n      margin: 0 1rem;\n      align-self: center; }\n", ""]);
 
 
 
@@ -1542,7 +1542,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.legal-notice-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  padding: 1rem 1.5rem 0;\n  margin-top: 1rem; }\n  .legal-notice-root .legal-notice-header {\n    margin-bottom: 1.25rem; }\n  .legal-notice-root .legal-notice-content {\n    max-width: 45.75rem;\n    width: 100%; }\n    @media only screen and (max-width: 768px) {\n      .legal-notice-root .legal-notice-content {\n        width: 100%; } }\n\n.legal-notice-card-link {\n  color: black; }\n\n.legal-notice-card {\n  display: flex;\n  flex-direction: row;\n  margin: -0.75rem 0;\n  width: 100%; }\n  @media only screen and (max-width: 768px) {\n    .legal-notice-card {\n      width: 100%; } }\n  .legal-notice-card .legal-notice-card-content {\n    display: flex;\n    flex-direction: row; }\n    .legal-notice-card .legal-notice-card-content .legal-notice-card-content-icon {\n      margin: 0.5rem 0; }\n    .legal-notice-card .legal-notice-card-content .legal-notice-card-content-title {\n      margin: 0 1rem;\n      align-self: center;\n      color: white; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.legal-notice-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  padding: 1rem 1.5rem 0;\n  margin-top: 1rem; }\n  .legal-notice-root .legal-notice-header {\n    margin-bottom: 1.25rem; }\n  .legal-notice-root .legal-notice-content {\n    max-width: 45.75rem;\n    width: 100%; }\n    @media only screen and (max-width: 768px) {\n      .legal-notice-root .legal-notice-content {\n        width: 100%; } }\n\n.legal-notice-card-link {\n  color: black; }\n\n.legal-notice-card {\n  display: flex;\n  flex-direction: row;\n  margin: -0.75rem 0;\n  width: 100%; }\n  @media only screen and (max-width: 768px) {\n    .legal-notice-card {\n      width: 100%; } }\n  .legal-notice-card .legal-notice-card-content {\n    display: flex;\n    flex-direction: row; }\n    .legal-notice-card .legal-notice-card-content .legal-notice-card-content-icon {\n      margin: 0.5rem 0; }\n    .legal-notice-card .legal-notice-card-content .legal-notice-card-content-title {\n      margin: 0 1rem;\n      align-self: center;\n      color: white; }\n", ""]);
 
 
 
diff --git a/10/ecolyo.1a07d85ce2906255e036.js b/9/ecolyo.0ac9844c1ae82c05dc08.js
similarity index 86%
rename from 10/ecolyo.1a07d85ce2906255e036.js
rename to 9/ecolyo.0ac9844c1ae82c05dc08.js
index df773a568..a986617c9 100644
--- a/10/ecolyo.1a07d85ce2906255e036.js
+++ b/9/ecolyo.0ac9844c1ae82c05dc08.js
@@ -1,4 +1,4 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
 
 /***/ "GwQd":
 /***/ (function(module, exports, __webpack_require__) {
@@ -71,6 +71,8 @@ var _StyledSpinner = _interopRequireDefault(__webpack_require__("HTwM"));
 
 var _fluid = __webpack_require__("5Wkc");
 
+var _reactRouterDom = __webpack_require__("55Ip");
+
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -91,6 +93,7 @@ var SingleEcogesture = function SingleEcogesture(_ref) {
       t = _useI18n.t;
 
   var client = (0, _cozyClient.useClient)();
+  var location = (0, _reactRouterDom.useLocation)();
 
   var _useState = (0, _react.useState)(),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -123,6 +126,7 @@ var SingleEcogesture = function SingleEcogesture(_ref) {
       setIsLoading = _useState12[1];
 
   var ecogestureID = match.params.id;
+  var selectionCompleted = location.state.selectionCompleted;
   var ecogestureService = (0, _react.useMemo)(function () {
     return new _ecogesture.default(client);
   }, [client]);
@@ -337,7 +341,7 @@ var SingleEcogesture = function SingleEcogesture(_ref) {
   }, ecogesture.longDescription), /*#__PURE__*/_react.default.createElement("div", {
     className: "toggle-text text-15-normal",
     onClick: toggleMoreDetail
-  }, isMoreDetail ? t('ecogesture_modal.show_less') : t('ecogesture_modal.show_more'))), /*#__PURE__*/_react.default.createElement("div", {
+  }, isMoreDetail ? t('ecogesture_modal.show_less') : t('ecogesture_modal.show_more'))), selectionCompleted && /*#__PURE__*/_react.default.createElement("div", {
     className: "buttons-selection"
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-label": t('ecogesture.objective'),
@@ -367,8 +371,8 @@ var SingleEcogesture = function SingleEcogesture(_ref) {
   });
 };
 
-__signature__(SingleEcogesture, "useI18n{{ t }}\nuseClient{client}\nuseState{[ecogesture, setEcogesture]}\nuseState{[ecogestureIcon, setEcogestureIcon]('')}\nuseState{[isMoreDetail, setIsMoreDetail](false)}\nuseState{[isDoing, setIsDoing](false)}\nuseState{[isObjective, setIsObjective](false)}\nuseState{[isLoading, setIsLoading](true)}\nuseMemo{ecogestureService}\nuseSelector{{ currentChallenge }}\nuseState{[headerHeight, setHeaderHeight](0)}\nuseExploration{[, setValidExploration]}\nuseCallback{toggleObjective}\nuseCallback{toggleDoing}\nuseEffect{}", function () {
-  return [_I18n.useI18n, _cozyClient.useClient, _reactRedux.useSelector, _useExploration3.default];
+__signature__(SingleEcogesture, "useI18n{{ t }}\nuseClient{client}\nuseLocation{location: Location<any>}\nuseState{[ecogesture, setEcogesture]}\nuseState{[ecogestureIcon, setEcogestureIcon]('')}\nuseState{[isMoreDetail, setIsMoreDetail](false)}\nuseState{[isDoing, setIsDoing](false)}\nuseState{[isObjective, setIsObjective](false)}\nuseState{[isLoading, setIsLoading](true)}\nuseMemo{ecogestureService}\nuseSelector{{ currentChallenge }}\nuseState{[headerHeight, setHeaderHeight](0)}\nuseExploration{[, setValidExploration]}\nuseCallback{toggleObjective}\nuseCallback{toggleDoing}\nuseEffect{}", function () {
+  return [_I18n.useI18n, _cozyClient.useClient, _reactRouterDom.useLocation, _reactRedux.useSelector, _useExploration3.default];
 });
 
 var _default = SingleEcogesture;
@@ -428,7 +432,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.error-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: 450px;\n  margin: auto;\n  padding: 2rem;\n  text-align: center; }\n  .error-container .head {\n    color: #e3b82a; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.error-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: 450px;\n  margin: auto;\n  padding: 2rem;\n  text-align: center; }\n  .error-container .head {\n    color: #e3b82a; }\n", ""]);
 
 
 
@@ -461,7 +465,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.se-loader-container {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  @media all and (min-width: 1023px) {\n    .se-loader-container {\n      min-height: 80vh; } }\n\n.single-ecogesture {\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.2rem; }\n  .single-ecogesture .icon-container {\n    margin: auto;\n    max-width: 250px;\n    height: 250px;\n    width: 100%;\n    display: flex; }\n    .single-ecogesture .icon-container .icon-big {\n      margin: auto; }\n  .single-ecogesture .details .efficiency {\n    display: flex;\n    text-align: center;\n    margin: auto; }\n    .single-ecogesture .details .efficiency .text {\n      margin-right: 0.7rem; }\n  .single-ecogesture .styled-container {\n    line-height: 150%;\n    background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n    border: 3px solid #58ffff40;\n    padding: 1.5rem 0.6rem;\n    border-radius: 50px 1px 50px 1px;\n    margin: 1.5rem 0 1rem;\n    max-width: 500px; }\n    .single-ecogesture .styled-container .long-name {\n      text-align: center;\n      font-weight: bold;\n      color: white; }\n    .single-ecogesture .styled-container .description {\n      display: none;\n      margin: 0.5rem;\n      text-align: left; }\n    .single-ecogesture .styled-container .block {\n      display: block !important; }\n    .single-ecogesture .styled-container .toggle-text {\n      text-align: center;\n      text-decoration: underline;\n      margin-top: 1rem;\n      cursor: pointer; }\n  .single-ecogesture .buttons-selection {\n    display: flex;\n    width: 100%;\n    justify-content: center; }\n    .single-ecogesture .buttons-selection button.btn-secondary-negative {\n      height: 45px;\n      max-width: 160px;\n      width: 100%;\n      border-radius: 4px; }\n    .single-ecogesture .buttons-selection .objective-btn {\n      margin-right: 0.5rem; }\n      .single-ecogesture .buttons-selection .objective-btn span {\n        color: #e0e0e0; }\n      .single-ecogesture .buttons-selection .objective-btn.active {\n        background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(12, 44, 91, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #4470b3;\n        border-color: transparent; }\n        .single-ecogesture .buttons-selection .objective-btn.active span {\n          color: white; }\n    .single-ecogesture .buttons-selection .doing-btn span {\n      color: #e0e0e0; }\n    .single-ecogesture .buttons-selection .doing-btn.active {\n      background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(41, 87, 33, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #21a90b;\n      border-color: transparent; }\n      .single-ecogesture .buttons-selection .doing-btn.active span {\n        color: white; }\n    .single-ecogesture .buttons-selection .MuiIconButton-label {\n      justify-content: flex-start;\n      color: white; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.se-loader-container {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  @media all and (min-width: 1023px) {\n    .se-loader-container {\n      min-height: 80vh; } }\n\n.single-ecogesture {\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.2rem; }\n  .single-ecogesture .icon-container {\n    margin: auto;\n    max-width: 250px;\n    height: 250px;\n    width: 100%;\n    display: flex; }\n    .single-ecogesture .icon-container .icon-big {\n      margin: auto; }\n  .single-ecogesture .details .efficiency {\n    display: flex;\n    text-align: center;\n    margin: auto; }\n    .single-ecogesture .details .efficiency .text {\n      margin-right: 0.7rem; }\n  .single-ecogesture .styled-container {\n    line-height: 150%;\n    background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n    border: 3px solid #58ffff40;\n    padding: 1.5rem 0.6rem;\n    border-radius: 50px 1px 50px 1px;\n    margin: 1.5rem 0 1rem;\n    max-width: 500px; }\n    .single-ecogesture .styled-container .long-name {\n      text-align: center;\n      font-weight: bold;\n      color: white; }\n    .single-ecogesture .styled-container .description {\n      display: none;\n      margin: 0.5rem;\n      text-align: left; }\n    .single-ecogesture .styled-container .block {\n      display: block !important; }\n    .single-ecogesture .styled-container .toggle-text {\n      text-align: center;\n      text-decoration: underline;\n      margin-top: 1rem;\n      cursor: pointer; }\n  .single-ecogesture .buttons-selection {\n    display: flex;\n    width: 100%;\n    justify-content: center; }\n    .single-ecogesture .buttons-selection button.btn-secondary-negative {\n      height: 45px;\n      max-width: 160px;\n      width: 100%;\n      border-radius: 4px; }\n    .single-ecogesture .buttons-selection .objective-btn {\n      margin-right: 0.5rem; }\n      .single-ecogesture .buttons-selection .objective-btn span {\n        color: #e0e0e0; }\n      .single-ecogesture .buttons-selection .objective-btn.active {\n        background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(12, 44, 91, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #4470b3;\n        border-color: transparent; }\n        .single-ecogesture .buttons-selection .objective-btn.active span {\n          color: white; }\n    .single-ecogesture .buttons-selection .doing-btn span {\n      color: #e0e0e0; }\n    .single-ecogesture .buttons-selection .doing-btn.active {\n      background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(41, 87, 33, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #21a90b;\n      border-color: transparent; }\n      .single-ecogesture .buttons-selection .doing-btn.active span {\n        color: white; }\n    .single-ecogesture .buttons-selection .MuiIconButton-label {\n      justify-content: flex-start;\n      color: white; }\n", ""]);
 
 
 
diff --git a/9/ecolyo.ea36d9441e5e67ed4c61.js b/9/ecolyo.ea36d9441e5e67ed4c61.js
deleted file mode 100644
index 35981c3a7..000000000
--- a/9/ecolyo.ea36d9441e5e67ed4c61.js
+++ /dev/null
@@ -1,779 +0,0 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
-
-/***/ "+uHx":
-/***/ (function(module) {
-
-module.exports = JSON.parse("{\"ecs_ratio\":[{\"occupants_number\":1,\"warm_water_need_in_liter\":80},{\"occupants_number\":2,\"warm_water_need_in_liter\":120},{\"occupants_number\":3,\"warm_water_need_in_liter\":150},{\"occupants_number\":4,\"warm_water_need_in_liter\":170},{\"occupants_number\":5,\"warm_water_need_in_liter\":220},{\"occupants_number\":6,\"warm_water_need_in_liter\":265},{\"occupants_number\":7,\"warm_water_need_in_liter\":310},{\"occupants_number\":8,\"warm_water_need_in_liter\":355},{\"occupants_number\":9,\"warm_water_need_in_liter\":400}],\"mensual_repartition\":[111,120,111,106,103,93,84,72,92,103,104,101],\"cold_water_temperature\":[11,11,12,15,17,19,21,20,17,15,12,13],\"hot_water_temperature\":40,\"solar_coverage\":[0.19,0.33,0.36,0.6,0.61,0.73,0.92,0.81,0.67,0.46,0.24,0.25],\"efficiency_production_distribution\":{\"appartment\":0.55,\"individual_house\":0.7},\"coefficient_ecs_consumption\":1.163,\"coefficient_thermodynamic\":1.5}");
-
-/***/ }),
-
-/***/ "7e12":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(module) {
-
-var _interopRequireDefault = __webpack_require__("TqRt");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _regenerator = _interopRequireDefault(__webpack_require__("o0o1"));
-
-var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__("yXPU"));
-
-var _classCallCheck2 = _interopRequireDefault(__webpack_require__("lwsE"));
-
-var _createClass2 = _interopRequireDefault(__webpack_require__("W8MJ"));
-
-var _defineProperty2 = _interopRequireDefault(__webpack_require__("lSNA"));
-
-var _luxon = __webpack_require__("ExVU");
-
-var _heating = _interopRequireDefault(__webpack_require__("WQDB"));
-
-var _cooking = _interopRequireDefault(__webpack_require__("I8oM"));
-
-var _electricSpecific = _interopRequireDefault(__webpack_require__("ZncT"));
-
-var _coldWater = _interopRequireDefault(__webpack_require__("hfGo"));
-
-var _ecs = _interopRequireDefault(__webpack_require__("+uHx"));
-
-var _profileType = __webpack_require__("D9qV");
-
-var _fluid = __webpack_require__("5Wkc");
-
-var _converter = _interopRequireDefault(__webpack_require__("LXmx"));
-
-var _logger = _interopRequireDefault(__webpack_require__("gjtA"));
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var ProfileTypeService = /*#__PURE__*/function () {
-  function ProfileTypeService(profileType, _client, year) {
-    var _this = this;
-
-    (0, _classCallCheck2.default)(this, ProfileTypeService);
-    (0, _defineProperty2.default)(this, "profileType", void 0);
-    (0, _defineProperty2.default)(this, "_client", void 0);
-    (0, _defineProperty2.default)(this, "year", void 0);
-    (0, _defineProperty2.default)(this, "fetchDJU", /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(month) {
-        var startDate, endDate, result, monthDju, _iterator, _step, observation;
-
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                startDate = _luxon.DateTime.local().setZone('utc', {
-                  keepLocalTime: true
-                }).set({
-                  year: _this.year
-                }).set({
-                  month: month
-                }).startOf('month').minus({
-                  minutes: 5
-                }).toISO();
-                endDate = _luxon.DateTime.local().setZone('utc', {
-                  keepLocalTime: true
-                }).set({
-                  year: _this.year
-                }).set({
-                  month: month
-                }).endOf('month').plus({
-                  minutes: 5
-                }).toISO(); //We add or remove 5 minutes so the api returns the exact period
-
-                _context.prev = 2;
-                _context.next = 5;
-                return _this._client.getStackClient().fetchJSON('GET', "/remote/org.ecolyo.dju?observedProperty=degreeDay&startDate=".concat(startDate, "&endDate=").concat(endDate));
-
-              case 5:
-                result = _context.sent;
-                monthDju = 0;
-
-                if (result) {
-                  _iterator = _createForOfIteratorHelper(result.observations);
-
-                  try {
-                    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                      observation = _step.value;
-                      monthDju += observation.result.value;
-                    }
-                  } catch (err) {
-                    _iterator.e(err);
-                  } finally {
-                    _iterator.f();
-                  }
-                }
-
-                if (!(monthDju === 0)) {
-                  _context.next = 12;
-                  break;
-                }
-
-                return _context.abrupt("return", _heating.default.dju_average_by_month[month - 1]);
-
-              case 12:
-                return _context.abrupt("return", monthDju);
-
-              case 13:
-                _context.next = 19;
-                break;
-
-              case 15:
-                _context.prev = 15;
-                _context.t0 = _context["catch"](2);
-                console.log('errFetch', _context.t0);
-                return _context.abrupt("return", _heating.default.dju_average_by_month[month - 1]);
-
-              case 19:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[2, 15]]);
-      }));
-
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-
-    _logger.default.info('[ProfileType] Analysis loaded profileType related to: ', profileType.updateDate ? profileType.updateDate.toString() : 'no update date');
-
-    this.profileType = profileType;
-    this._client = _client;
-    this.year = year;
-  }
-  /**
-   * calculateWarmingEstimatedConsumption
-   * @returns {number} Estimated consumption
-   */
-
-
-  (0, _createClass2.default)(ProfileTypeService, [{
-    key: "calculateWarmingEstimatedConsumption",
-    value: function calculateWarmingEstimatedConsumption() {
-      var ratiosHeating = _heating.default.heating_ratio;
-      var housingType = this.profileType.housingType;
-      var constructionYear = this.profileType.constructionYear;
-      var ratiosHeatingByHousingType = ratiosHeating[housingType];
-      var currentRatio = ratiosHeatingByHousingType[constructionYear];
-      var estimatedConsumption = parseInt(this.profileType.area) * currentRatio;
-      return estimatedConsumption;
-    }
-    /**
-     * calculateWarmingCorrectedConsumption
-     * @param {number} estimatedConsumption
-     * @returns {number} - Corrected consumption
-     */
-
-  }, {
-    key: "calculateWarmingCorrectedConsumption",
-    value: function calculateWarmingCorrectedConsumption(estimatedConsumption) {
-      var outsideFacingWalls = this.profileType.outsideFacingWalls;
-      var housingType = this.profileType.housingType;
-      var floor = this.profileType.floor;
-      var constructionYear = this.profileType.constructionYear;
-      var individualInsulationWork = this.profileType.individualInsulationWork;
-      var hasInstalledVentilation = this.profileType.hasInstalledVentilation;
-      var hasReplacedHeater = this.profileType.hasReplacedHeater;
-      var heating = this.profileType.heating; //Apply corrections
-
-      var correctionsNbWalls = _heating.default.adjustment_outisde_facing_walls[housingType];
-      var correctionWalls = correctionsNbWalls[outsideFacingWalls];
-      var correctionFloor;
-      var correctionInsulation;
-      var correctionFacilities;
-
-      if (this.profileType.housingType === _profileType.HousingType.APPARTMENT) {
-        correctionFloor = _heating.default.adjustment_floor.appartment[floor];
-      } else correctionFloor = 0;
-
-      if (!individualInsulationWork.includes(_profileType.IndividualInsulationWork.NONE) && constructionYear !== _profileType.ConstructionYear.AFTER_1998 && heating !== _profileType.IndividualOrCollective.COLLECTIVE) {
-        var correctionsInsulation = _heating.default.adjustment_insulation[constructionYear];
-
-        if (individualInsulationWork.length === 1) {
-          correctionInsulation = correctionsInsulation[individualInsulationWork[0]];
-        } else {
-          var _key = '';
-
-          if (individualInsulationWork.includes(_profileType.IndividualInsulationWork.ROOF_INSULATION) && individualInsulationWork.includes(_profileType.IndividualInsulationWork.WINDOW_REPLACEMENT) && individualInsulationWork.includes(_profileType.IndividualInsulationWork.WALL_INSULATION)) {
-            _key = 'window_replacement_and_roof_and_wall_insulation';
-          } else if (individualInsulationWork.includes(_profileType.IndividualInsulationWork.ROOF_INSULATION) && individualInsulationWork.includes(_profileType.IndividualInsulationWork.WINDOW_REPLACEMENT)) {
-            _key = 'window_replacement_and_roof_insulation';
-          } else if (individualInsulationWork.includes(_profileType.IndividualInsulationWork.ROOF_INSULATION) && individualInsulationWork.includes(_profileType.IndividualInsulationWork.WALL_INSULATION)) {
-            _key = 'roof_and_wall_insulation';
-          } else if (individualInsulationWork.includes(_profileType.IndividualInsulationWork.WINDOW_REPLACEMENT) && individualInsulationWork.includes(_profileType.IndividualInsulationWork.WALL_INSULATION)) {
-            _key = 'window_replacement_and_wall_insulation';
-          }
-
-          correctionInsulation = correctionsInsulation[_key];
-        }
-      } else correctionInsulation = 0;
-
-      if (hasInstalledVentilation === _profileType.ThreeChoicesAnswer.YES && hasReplacedHeater === _profileType.ThreeChoicesAnswer.YES && heating !== _profileType.IndividualOrCollective.COLLECTIVE) {
-        correctionFacilities = _heating.default.adjustment_facilities['individual_heater_and_ventilation'];
-      } else if (hasReplacedHeater === _profileType.ThreeChoicesAnswer.YES) {
-        correctionFacilities = _heating.default.adjustment_facilities['individual_heater'];
-      } else if (hasInstalledVentilation === _profileType.ThreeChoicesAnswer.YES) {
-        correctionFacilities = _heating.default.adjustment_facilities['individual_ventilation'];
-      } else {
-        correctionFacilities = 0;
-      }
-
-      var correctedConsumption = estimatedConsumption * (1 + correctionFloor) * (1 + correctionWalls) * (1 + correctionInsulation) * (1 + correctionFacilities);
-      return Math.round(correctedConsumption);
-    }
-    /**
-     * calculateWarmingMonthConsumption
-      @param {number} correctedConsumption
-      @param {number} number
-      @returns {number} monthConsumption
-    */
-
-  }, {
-    key: "calculateWarmingMonthConsumption",
-    value: function () {
-      var _calculateWarmingMonthConsumption = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(correctedConsumption, month) {
-        var djuCurrentMonth, monthConsumption;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return this.fetchDJU(month);
-
-              case 2:
-                djuCurrentMonth = _context2.sent;
-                monthConsumption = correctedConsumption / _heating.default.dju_annual * djuCurrentMonth;
-                return _context2.abrupt("return", Math.round(monthConsumption));
-
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this);
-      }));
-
-      function calculateWarmingMonthConsumption(_x2, _x3) {
-        return _calculateWarmingMonthConsumption.apply(this, arguments);
-      }
-
-      return calculateWarmingMonthConsumption;
-    }()
-    /**
-     * getMonthHeating
-     * @param {ProfileType} profileType
-     * @param {number} month
-     * @returns {number} Month heating consumption in kw/h
-     */
-
-  }, {
-    key: "getMonthHeating",
-    value: function () {
-      var _getMonthHeating = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(month) {
-        var estimatedConsumption, correctedConsumption, monthConsumption;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                estimatedConsumption = this.calculateWarmingEstimatedConsumption();
-                correctedConsumption = this.calculateWarmingCorrectedConsumption(estimatedConsumption);
-                _context3.next = 4;
-                return this.calculateWarmingMonthConsumption(correctedConsumption, month);
-
-              case 4:
-                monthConsumption = _context3.sent;
-                return _context3.abrupt("return", monthConsumption);
-
-              case 6:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3, this);
-      }));
-
-      function getMonthHeating(_x4) {
-        return _getMonthHeating.apply(this, arguments);
-      }
-
-      return getMonthHeating;
-    }()
-    /**
-     * Calculate water raw needs by month
-     *
-     * @param {ProfileType} profileType
-     * @param {number} month
-     * @returns {number} rawConsumption
-     */
-
-  }, {
-    key: "calculateMonthWaterRawNeeds",
-    value: function calculateMonthWaterRawNeeds(profileType, month) {
-      var waterNeedsIndex = _ecs.default.ecs_ratio.findIndex(function (ratio) {
-        return ratio.occupants_number === profileType.occupantsNumber;
-      });
-
-      var waterNeeds = _ecs.default.ecs_ratio[waterNeedsIndex].warm_water_need_in_liter;
-
-      var nbDaysInMonth = _luxon.DateTime.fromObject({
-        month: month
-      }).setZone('utc', {
-        keepLocalTime: true
-      }).daysInMonth;
-
-      var rawConsumption = waterNeeds * nbDaysInMonth;
-      return rawConsumption;
-    }
-    /**
-     * Calculate spread water needs by month
-     *
-     * @param {ProfileType} profileType
-     * @param {number} month
-     * @returns {number} spreadConsumption
-     */
-
-  }, {
-    key: "calculateSpreadNeeds",
-    value: function calculateSpreadNeeds(profileType, month) {
-      var rawNeeds = [];
-
-      for (var index = 1; index < 13; index++) {
-        rawNeeds.push(this.calculateMonthWaterRawNeeds(profileType, index));
-      }
-
-      var calculateTotalNeeds = function calculateTotalNeeds(accumulator, currentValue) {
-        return accumulator + currentValue;
-      };
-
-      var totalRawNeeds = rawNeeds.reduce(calculateTotalNeeds);
-      var spreadConsumption = totalRawNeeds / (12 * 100) * _ecs.default.mensual_repartition[month - 1];
-      return Math.round(spreadConsumption);
-    }
-    /**
-     * Calculate total ecs consumption by month
-     *
-     * @param {number} spreadConsumption
-     * @param {ProfileType} profileType
-     * @returns {number} monthEcsConsumption
-     */
-
-  }, {
-    key: "calculateTotalConsumption",
-    value: function calculateTotalConsumption(spreadConsumption, profileType, month) {
-      var coldWaterTemperature = _ecs.default.cold_water_temperature[month - 1];
-      var efficiencyProduction = _ecs.default.efficiency_production_distribution[profileType.housingType];
-      var solarCoverage = _ecs.default.solar_coverage[month - 1];
-      var ecsConsumption = _ecs.default.coefficient_ecs_consumption * spreadConsumption / 1000 * (_ecs.default.hot_water_temperature - coldWaterTemperature) / efficiencyProduction;
-      var monthEcsConsumption;
-
-      if (profileType.hotWaterEquipment === _profileType.HotWaterEquipment.SOLAR) {
-        monthEcsConsumption = ecsConsumption * (1 - solarCoverage);
-      } else if (profileType.hotWaterEquipment === _profileType.HotWaterEquipment.THERMODYNAMIC) {
-        monthEcsConsumption = ecsConsumption / _ecs.default.coefficient_thermodynamic;
-      } else {
-        monthEcsConsumption = ecsConsumption;
-      }
-
-      return Math.round(monthEcsConsumption);
-    }
-    /**
-     * Get ECS consumption by month
-     *
-     * @param {ProfileType} profileType
-     * @param {number} month
-     * @returns {number} monthEcsConsumption
-     */
-
-  }, {
-    key: "getMonthEcs",
-    value: function getMonthEcs(month) {
-      var spreadConsumption = this.calculateSpreadNeeds(this.profileType, month);
-      var monthEcsConsumption = this.calculateTotalConsumption(spreadConsumption, this.profileType, month);
-      return monthEcsConsumption;
-    }
-    /**
-     * Get cooking consumption by month
-     * @param {ProfileType} profileType
-     * @param {number} month
-     * @returns {number} monthCookingConsumption
-     */
-
-  }, {
-    key: "getMonthCookingConsumption",
-    value: function getMonthCookingConsumption(month) {
-      var annualCookingConsumption = this.profileType.occupantsNumber * _cooking.default.ratio_kw_per_person_per_year;
-
-      var nbDaysInMonth = _luxon.DateTime.fromObject({
-        month: month
-      }).setZone('utc', {
-        keepLocalTime: true
-      }).daysInMonth;
-
-      var monthCookingConsumption = annualCookingConsumption / 365 * nbDaysInMonth;
-      return Math.round(monthCookingConsumption);
-    }
-    /**
-     * Get specific electricity consumption by month
-     * @param {ProfileType} profileType
-     * @param {number} month
-     * @returns {number} monthElectricSpecificConsumption
-     */
-
-  }, {
-    key: "getMonthElectricSpecificConsumption",
-    value: function getMonthElectricSpecificConsumption(month) {
-      var annualElectricSpecificConsumption = _electricSpecific.default[this.profileType.housingType][this.profileType.constructionYear];
-
-      var nbDaysInMonth = _luxon.DateTime.fromObject({
-        month: month
-      }).setZone('utc', {
-        keepLocalTime: true
-      }).daysInMonth;
-
-      var monthElectricSpecificConsumption = annualElectricSpecificConsumption / 365 * nbDaysInMonth;
-      return Math.round(monthElectricSpecificConsumption);
-    }
-    /**
-     * Get cold water consumption by month
-     * @param {ProfileType} profileType
-     * @param {number} month
-     * @returns {number} monthColdWaterConsumption
-     */
-
-  }, {
-    key: "getMonthColdWaterConsumption",
-    value: function getMonthColdWaterConsumption(month) {
-      var _this2 = this;
-
-      var occupantsNumberIndex = _coldWater.default.findIndex(function (waterNeeds) {
-        return waterNeeds.occupants_number === _this2.profileType.occupantsNumber;
-      });
-
-      var coldWaterNeeds = _coldWater.default[occupantsNumberIndex].consumption_in_liter_per_day;
-
-      var nbDaysInMonth = _luxon.DateTime.fromObject({
-        month: month
-      }).setZone('utc', {
-        keepLocalTime: true
-      }).daysInMonth;
-
-      var monthColdWaterConsumption = nbDaysInMonth * coldWaterNeeds;
-      return Math.round(monthColdWaterConsumption);
-    }
-    /**
-     * getDetailsMonthlyForecast
-     * @param {FluidType} fluidType
-     * @param {number} month
-     * @returns {numeber} DetailsMnthlyForecast
-     */
-
-  }, {
-    key: "getDetailsMonthlyForecast",
-    value: function () {
-      var _getDetailsMonthlyForecast = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(fluidType, month) {
-        var warmingFluid, hotWaterFluid, cookingFluid, detailsMonthlyForecast;
-        return _regenerator.default.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                warmingFluid = this.profileType.warmingFluid;
-                hotWaterFluid = this.profileType.hotWaterFluid;
-                cookingFluid = this.profileType.cookingFluid;
-
-                if (!(this.profileType.heating === _profileType.IndividualOrCollective.COLLECTIVE)) {
-                  _context4.next = 7;
-                  break;
-                }
-
-                _context4.t0 = null;
-                _context4.next = 15;
-                break;
-
-              case 7:
-                if (!(warmingFluid !== null && fluidType === warmingFluid)) {
-                  _context4.next = 13;
-                  break;
-                }
-
-                _context4.next = 10;
-                return this.getMonthHeating(month);
-
-              case 10:
-                _context4.t1 = _context4.sent;
-                _context4.next = 14;
-                break;
-
-              case 13:
-                _context4.t1 = null;
-
-              case 14:
-                _context4.t0 = _context4.t1;
-
-              case 15:
-                _context4.t2 = _context4.t0;
-                _context4.t3 = this.profileType.heating === _profileType.IndividualOrCollective.COLLECTIVE ? null : fluidType === hotWaterFluid ? this.getMonthEcs(month) : null;
-                _context4.t4 = fluidType === cookingFluid ? this.getMonthCookingConsumption(month) : null;
-                _context4.t5 = fluidType === _fluid.FluidType.ELECTRICITY ? this.getMonthElectricSpecificConsumption(month) : null;
-                _context4.t6 = fluidType === _fluid.FluidType.WATER ? this.getMonthColdWaterConsumption(month) : null;
-                detailsMonthlyForecast = {
-                  heatingConsumption: _context4.t2,
-                  ecsConsumption: _context4.t3,
-                  cookingConsumption: _context4.t4,
-                  electricSpecificConsumption: _context4.t5,
-                  coldWaterConsumption: _context4.t6
-                };
-                return _context4.abrupt("return", detailsMonthlyForecast);
-
-              case 22:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4, this);
-      }));
-
-      function getDetailsMonthlyForecast(_x5, _x6) {
-        return _getDetailsMonthlyForecast.apply(this, arguments);
-      }
-
-      return getDetailsMonthlyForecast;
-    }()
-    /**
-      * getFluidForecast
-      * @param {FluidType} fluidType
-      * @param {number} month
-      @returns {FluidForecast} fluidForecast
-      */
-
-  }, {
-    key: "getFluidForecast",
-    value: function () {
-      var _getFluidForecast = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(fluidType, month) {
-        var detailsMonthlyForecast, fluidLoad, converterService, fluidValue, fluidForecast;
-        return _regenerator.default.wrap(function _callee5$(_context5) {
-          while (1) {
-            switch (_context5.prev = _context5.next) {
-              case 0:
-                _context5.next = 2;
-                return this.getDetailsMonthlyForecast(fluidType, month);
-
-              case 2:
-                detailsMonthlyForecast = _context5.sent;
-                fluidLoad = 0;
-                Object.values(detailsMonthlyForecast).forEach(function (load) {
-                  if (load !== null) fluidLoad += load;
-                });
-                converterService = new _converter.default();
-                fluidValue = parseFloat(converterService.LoadToEuro(fluidLoad, fluidType).toPrecision(5));
-                fluidForecast = {
-                  fluidType: fluidType,
-                  load: fluidLoad,
-                  value: fluidValue,
-                  detailsMonthlyForecast: detailsMonthlyForecast
-                };
-                return _context5.abrupt("return", fluidForecast);
-
-              case 9:
-              case "end":
-                return _context5.stop();
-            }
-          }
-        }, _callee5, this);
-      }));
-
-      function getFluidForecast(_x7, _x8) {
-        return _getFluidForecast.apply(this, arguments);
-      }
-
-      return getFluidForecast;
-    }()
-    /**
-     * getMonthlyForecast
-     * @param {number} month
-     * @returns {MonthlyForecast} MonthlyForecast
-     */
-
-  }, {
-    key: "getMonthlyForecast",
-    value: function () {
-      var _getMonthlyForecast = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(month) {
-        var elecForecast, waterForecast, gasForecast, monthlyForecast;
-        return _regenerator.default.wrap(function _callee6$(_context6) {
-          while (1) {
-            switch (_context6.prev = _context6.next) {
-              case 0:
-                _context6.next = 2;
-                return this.getFluidForecast(_fluid.FluidType.ELECTRICITY, month);
-
-              case 2:
-                elecForecast = _context6.sent;
-                _context6.next = 5;
-                return this.getFluidForecast(_fluid.FluidType.WATER, month);
-
-              case 5:
-                waterForecast = _context6.sent;
-                _context6.next = 8;
-                return this.getFluidForecast(_fluid.FluidType.GAS, month);
-
-              case 8:
-                gasForecast = _context6.sent;
-                monthlyForecast = {
-                  month: month,
-                  fluidForecast: [elecForecast, waterForecast, gasForecast],
-                  totalValue: elecForecast.value + waterForecast.value + gasForecast.value
-                };
-                return _context6.abrupt("return", monthlyForecast);
-
-              case 11:
-              case "end":
-                return _context6.stop();
-            }
-          }
-        }, _callee6, this);
-      }));
-
-      function getMonthlyForecast(_x9) {
-        return _getMonthlyForecast.apply(this, arguments);
-      }
-
-      return getMonthlyForecast;
-    }()
-    /**
-     * Try to fetch dju from remote doctype, if no data or error, return default data
-     * @param {Client} client
-     * @param {number} month
-     * @returns {number} monthDju
-     */
-
-  }, {
-    key: "__reactstandin__regenerateByEval",
-    value: // @ts-ignore
-    function __reactstandin__regenerateByEval(key, code) {
-      // @ts-ignore
-      this[key] = eval(code);
-    }
-  }], [{
-    key: "checkConsistency",
-    value:
-    /**
-     * checkConsistency
-     * @param {ProfileType} profileType
-     * @returns {ProfileType} consistent profile type
-     */
-    function checkConsistency(profileType) {
-      if (profileType.housingType === _profileType.HousingType.INDIVIDUAL_HOUSE) {
-        profileType.floor = _profileType.Floor.NOT_APPLICABLE;
-        profileType.heating = _profileType.IndividualOrCollective.INDIVIDUAL;
-        profileType.coldWater = _profileType.IndividualOrCollective.INDIVIDUAL;
-        profileType.hotWater = _profileType.IndividualOrCollective.INDIVIDUAL;
-      } else {
-        if (profileType.heating === _profileType.IndividualOrCollective.COLLECTIVE) {
-          profileType.warmingFluid = null;
-          profileType.individualInsulationWork = [];
-          profileType.facilitiesInstallation = [];
-        }
-
-        if (profileType.hotWater === _profileType.IndividualOrCollective.COLLECTIVE) {
-          profileType.hotWaterFluid = null;
-          profileType.hotWaterEquipment = _profileType.HotWaterEquipment.OTHER;
-        }
-      }
-
-      if (profileType.constructionYear === _profileType.ConstructionYear.AFTER_1998) {
-        profileType.individualInsulationWork = [_profileType.IndividualInsulationWork.NONE];
-      } // Remove potential metadata from already existing profileType in order
-      // to create a new entry. Otherwise will update existing one.
-
-
-      if (profileType._id) {
-        delete profileType._id;
-        delete profileType._rev;
-        delete profileType._type;
-        delete profileType.cozyMetadata;
-      }
-
-      if (profileType.updateDate) {
-        profileType.updateDate = profileType.updateDate.setZone('utc', {
-          keepLocalTime: true
-        });
-      }
-
-      return profileType;
-    }
-  }]);
-  return ProfileTypeService;
-}();
-
-exports.default = ProfileTypeService;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(ProfileTypeService, "ProfileTypeService", "/builds/web-et-numerique/llle_project/ecolyo/src/services/profileType.service.ts");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
-
-/***/ }),
-
-/***/ "I8oM":
-/***/ (function(module) {
-
-module.exports = JSON.parse("{\"ratio_kw_per_person_per_year\":200}");
-
-/***/ }),
-
-/***/ "WQDB":
-/***/ (function(module) {
-
-module.exports = JSON.parse("{\"heating_ratio\":{\"individual_house\":{\"before_1948\":196,\"between_1948_and_1974\":184,\"between_1975_and_1989\":140,\"between_1990_and_1998\":129,\"after_1998\":106,\"unknown\":106},\"appartment\":{\"before_1948\":119,\"between_1948_and_1974\":150,\"between_1975_and_1989\":105,\"between_1990_and_1998\":73,\"after_1998\":74,\"unknown\":74}},\"adjustment_outisde_facing_walls\":{\"individual_house\":{\"1\":-0.2,\"2\":-0.15,\"3\":-0.1,\"4\":0},\"appartment\":{\"1\":-0.1,\"2\":0,\"3\":0.1,\"4\":0.15}},\"adjustment_floor\":{\"appartment\":{\"ground_floor\":0.1,\"intermediate_floor\":0,\"last_floor\":0.15,\"not_applicable\":0}},\"adjustment_insulation\":{\"before_1948\":{\"none\":0,\"roof_insulation\":-0.2,\"window_replacement\":-0.06,\"wall_insulation\":-0.15,\"window_replacement_and_wall_insulation\":-0.2,\"window_replacement_and_roof_insulation\":-0.25,\"roof_and_wall_insulation\":-0.3,\"window_replacement_and_roof_and_wall_insulation\":-0.35},\"between_1948_and_1974\":{\"none\":0,\"roof_insulation\":-0.2,\"window_replacement\":-0.06,\"wall_insulation\":-0.15,\"window_replacement_and_wall_insulation\":-0.2,\"window_replacement_and_roof_insulation\":-0.25,\"roof_and_wall_insulation\":-0.3,\"window_replacement_and_roof_and_wall_insulation\":-0.35},\"between_1975_and_1989\":{\"none\":0,\"roof_insulation\":0,\"window_replacement\":-0.06,\"wall_insulation\":-0.2,\"window_replacement_and_wall_insulation\":-0.25,\"window_replacement_and_roof_insulation\":-0.07,\"roof_and_wall_insulation\":-0.2,\"window_replacement_and_roof_and_wall_insulation\":-0.25},\"between_1990_and_1998\":{\"none\":0,\"roof_insulation\":0,\"window_replacement\":-0.04,\"wall_insulation\":-0.12,\"window_replacement_and_wall_insulation\":-0.15,\"window_replacement_and_roof_insulation\":-0.04,\"roof_and_wall_insulation\":-0.1,\"window_replacement_and_roof_and_wall_insulation\":-0.15},\"after_1998\":{\"none\":0,\"roof_insulation\":0,\"window_replacement\":0,\"wall_insulation\":0,\"window_replacement_and_wall_insulation\":0,\"window_replacement_and_roof_insulation\":0,\"roof_and_wall_insulation\":0,\"window_replacement_and_roof_and_wall_insulation\":0},\"unknown\":{\"none\":0,\"roof_insulation\":0,\"window_replacement\":0,\"wall_insulation\":0,\"window_replacement_and_wall_insulation\":0,\"window_replacement_and_roof_insulation\":0,\"roof_and_wall_insulation\":0,\"window_replacement_and_roof_and_wall_insulation\":0}},\"adjustment_facilities\":{\"none\":0,\"collective_heater\":-0.1,\"individual_heater\":-0.1,\"individual_ventilation\":-0.05,\"individual_heater_and_ventilation\":-0.12},\"dju_average_by_month\":[427,363,250,110,40,4,1,1,14,102,273,409],\"dju_annual\":1994}");
-
-/***/ }),
-
-/***/ "ZncT":
-/***/ (function(module) {
-
-module.exports = JSON.parse("{\"individual_house\":{\"before_1948\":3040,\"between_1948_and_1974\":3130,\"between_1975_and_1989\":2900,\"between_1990_and_1998\":3230,\"after_1998\":2900,\"unknown\":2900},\"appartment\":{\"before_1948\":1120,\"between_1948_and_1974\":1880,\"between_1975_and_1989\":1780,\"between_1990_and_1998\":1670,\"after_1998\":2060,\"unknown\":2060}}");
-
-/***/ }),
-
-/***/ "hfGo":
-/***/ (function(module) {
-
-module.exports = JSON.parse("[{\"occupants_number\":1,\"consumption_in_liter_per_day\":137},{\"occupants_number\":2,\"consumption_in_liter_per_day\":274},{\"occupants_number\":3,\"consumption_in_liter_per_day\":343},{\"occupants_number\":4,\"consumption_in_liter_per_day\":412},{\"occupants_number\":5,\"consumption_in_liter_per_day\":481},{\"occupants_number\":6,\"consumption_in_liter_per_day\":550},{\"occupants_number\":7,\"consumption_in_liter_per_day\":619},{\"occupants_number\":8,\"consumption_in_liter_per_day\":688},{\"occupants_number\":9,\"consumption_in_liter_per_day\":757}]");
-
-/***/ })
-
-}]);
\ No newline at end of file
diff --git a/app/ecolyo.8a2d5fea259eaf991d09.js b/app/ecolyo.96a5f78b2e3f86df36fc.js
similarity index 96%
rename from app/ecolyo.8a2d5fea259eaf991d09.js
rename to app/ecolyo.96a5f78b2e3f86df36fc.js
index 3ec432828..69f60851f 100644
--- a/app/ecolyo.8a2d5fea259eaf991d09.js
+++ b/app/ecolyo.96a5f78b2e3f86df36fc.js
@@ -57,14 +57,14 @@
 /******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
 /******/ 	// Promise = chunk loading, 0 = chunk loaded
 /******/ 	var installedChunks = {
-/******/ 		7: 0
+/******/ 		1: 0
 /******/ 	};
 /******/
 /******/ 	var deferredModules = [];
 /******/
 /******/ 	// script path function
 /******/ 	function jsonpScriptSrc(chunkId) {
-/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"1":"ad4e9d262402fd5317f2","2":"e321bae89c3345a37a0e","3":"6091146f28a9944b9ff5","4":"943c56d53127de0c0b5b","5":"732993d7f79b32a81919","6":"a3016721fa562bc5b0bc","8":"59fa9caf21dac7d1efcc","9":"ea36d9441e5e67ed4c61","10":"1a07d85ce2906255e036","11":"9b513c202205eecc62de","12":"a93c3508be46cf2c2aa2"}[chunkId] + ".js"
+/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"2":"6df900f7754bacd124a6","3":"130863daf1ed3a3cd1cc","4":"48e3ad54f0638c83e45c","5":"37c6778b021286609401","6":"45deaf0cd885c672db65","7":"872ea0527fa5ab47be45","8":"c42d7bb43cc78a563f7b","9":"0ac9844c1ae82c05dc08","10":"4241ddb5a2f83633ead0"}[chunkId] + ".js"
 /******/ 	}
 /******/
 /******/ 	// The require function
@@ -893,6 +893,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "+uHx":
+/***/ (function(module) {
+
+module.exports = JSON.parse("{\"ecs_ratio\":[{\"occupants_number\":1,\"warm_water_need_in_liter\":80},{\"occupants_number\":2,\"warm_water_need_in_liter\":120},{\"occupants_number\":3,\"warm_water_need_in_liter\":150},{\"occupants_number\":4,\"warm_water_need_in_liter\":170},{\"occupants_number\":5,\"warm_water_need_in_liter\":220},{\"occupants_number\":6,\"warm_water_need_in_liter\":265},{\"occupants_number\":7,\"warm_water_need_in_liter\":310},{\"occupants_number\":8,\"warm_water_need_in_liter\":355},{\"occupants_number\":9,\"warm_water_need_in_liter\":400}],\"mensual_repartition\":[111,120,111,106,103,93,84,72,92,103,104,101],\"cold_water_temperature\":[11,11,12,15,17,19,21,20,17,15,12,13],\"hot_water_temperature\":40,\"solar_coverage\":[0.19,0.33,0.36,0.6,0.61,0.73,0.92,0.81,0.67,0.46,0.24,0.25],\"efficiency_production_distribution\":{\"appartment\":0.55,\"individual_house\":0.7},\"coefficient_ecs_consumption\":1.163,\"coefficient_thermodynamic\":1.5}");
+
+/***/ }),
+
 /***/ "/4ZH":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1259,6 +1266,286 @@ module.exports = JSON.parse("[{\"_id\":\"ECOGESTURE0001\",\"usage\":1,\"fluidTyp
 
 /***/ }),
 
+/***/ "/y87":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
+
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+
+__webpack_require__("UGT3");
+
+var _I18n = __webpack_require__("buk/");
+
+var _ProfileTypeProgress = _interopRequireDefault(__webpack_require__("TkB0"));
+
+var _FormNavigation = _interopRequireDefault(__webpack_require__("btPA"));
+
+var _profileType = __webpack_require__("D9qV");
+
+var _luxon = __webpack_require__("ExVU");
+
+var _core = __webpack_require__("TTf+");
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ProfileTypeFormDateSelection = function ProfileTypeFormDateSelection(_ref) {
+  var step = _ref.step,
+      viewedStep = _ref.viewedStep,
+      profileType = _ref.profileType,
+      answerType = _ref.answerType,
+      setNextStep = _ref.setNextStep,
+      setPrevioustStep = _ref.setPrevioustStep,
+      isProfileTypeComplete = _ref.isProfileTypeComplete;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useState = (0, _react.useState)({
+    label: _luxon.DateTime.now().toLocaleString({
+      month: 'long'
+    }),
+    value: _luxon.DateTime.now().month.toString().padStart(2, '0') // Date.getMonth starts at 0
+
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      selectedMonth = _useState2[0],
+      setSelectedMonth = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(_luxon.DateTime.now().year),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      selectedYear = _useState4[0],
+      setSelectedYear = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      answer = _useState6[0],
+      setAnswer = _useState6[1];
+
+  var selectMonths = [{
+    label: 'Janvier',
+    value: '01'
+  }, {
+    label: 'Février',
+    value: '02'
+  }, {
+    label: 'Mars',
+    value: '03'
+  }, {
+    label: 'Avril',
+    value: '04'
+  }, {
+    label: 'Mai',
+    value: '05'
+  }, {
+    label: 'Juin',
+    value: '06'
+  }, {
+    label: 'Juillet',
+    value: '07'
+  }, {
+    label: 'Aout',
+    value: '08'
+  }, {
+    label: 'Septembre',
+    value: '09'
+  }, {
+    label: 'Octobre',
+    value: '10'
+  }, {
+    label: 'Novembre',
+    value: '11'
+  }, {
+    label: 'Décembre',
+    value: '12'
+  }];
+  var selectYears = [];
+
+  var curYear = _luxon.DateTime.now().year;
+
+  var limitYears = curYear - 10;
+
+  for (var i = curYear; i >= limitYears; i--) {
+    selectYears.push(i);
+  }
+
+  function getMonthFullName(month) {
+    switch (month) {
+      case 1:
+        return 'Janvier';
+
+      case 2:
+        return 'Février';
+
+      case 3:
+        return 'Mars';
+
+      case 4:
+        return 'Avril';
+
+      case 5:
+        return 'Mai';
+
+      case 6:
+        return 'Juin';
+
+      case 7:
+        return 'Juillet';
+
+      case 8:
+        return 'Aout';
+
+      case 9:
+        return 'Septembre';
+
+      case 10:
+        return 'Octobre';
+
+      case 11:
+        return 'Novembre';
+
+      case 12:
+        return 'Décembre';
+
+      default:
+        return null;
+    }
+  }
+
+  var handlePrevious = (0, _react.useCallback)(function () {
+    setPrevioustStep(profileType);
+  }, [profileType, setPrevioustStep]);
+  var handleNext = (0, _react.useCallback)(function () {
+    profileType[answerType.attribute] = answer;
+    setNextStep(profileType);
+  }, [profileType, setNextStep, answer, answerType.attribute]);
+
+  function handleSelectMonth(event) {
+    setSelectedMonth({
+      value: event.target.value,
+      label: getMonthFullName(parseInt(event.target.value))
+    });
+    var isoString = selectedYear + '-' + selectedMonth.value + '-01';
+    setAnswer(_luxon.DateTime.fromISO(isoString));
+  }
+
+  function handleSelectYear(event) {
+    setSelectedYear(parseInt(event.target.value));
+    var isoString = selectedYear + '-' + selectedMonth.value + '-01';
+    setAnswer(_luxon.DateTime.fromISO(isoString));
+  }
+
+  (0, _react.useEffect)(function () {
+    if (step < viewedStep || isProfileTypeComplete) {
+      var isoString = selectedYear + '-' + selectedMonth.value + '-01';
+      setAnswer(_luxon.DateTime.fromISO(isoString));
+      profileType[answerType.attribute] = _luxon.DateTime.fromISO(isoString);
+    }
+  }, [step, viewedStep, profileType, answerType, isProfileTypeComplete, selectedYear, selectedMonth.value]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-form-container'
+  }, /*#__PURE__*/_react.default.createElement(_ProfileTypeProgress.default, {
+    step: step
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-question-label'
+  }, t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answer !== null ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "select-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "date-select"
+  }, /*#__PURE__*/_react.default.createElement(_core.Select, {
+    native: false,
+    labelId: "selectMonthDate",
+    className: "month",
+    defaultValue: selectedMonth.value,
+    onChange: function onChange(e) {
+      return handleSelectMonth(e);
+    }
+  }, selectedYear === _luxon.DateTime.now().year ? selectMonths.slice(0, _luxon.DateTime.now().month).map(function (month, key) {
+    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+      value: month.value,
+      key: key,
+      className: "date-option"
+    }, month.label);
+  }) : selectMonths.map(function (month, key) {
+    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+      value: month.value,
+      key: key,
+      className: "date-option"
+    }, month.label);
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "date-select"
+  }, /*#__PURE__*/_react.default.createElement(_core.Select, {
+    labelId: "selectYearDate",
+    className: "year",
+    defaultValue: selectedYear,
+    onChange: function onChange(e) {
+      return handleSelectYear(e);
+    }
+  }, selectYears.map(function (year, key) {
+    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+      value: year,
+      key: key,
+      className: "date-option"
+    }, year);
+  })))) : null), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
+    step: step,
+    handlePrevious: handlePrevious,
+    handleNext: handleNext,
+    disableNextButton: answer === ''
+  }));
+};
+
+__signature__(ProfileTypeFormDateSelection, "useI18n{{ t }}\nuseState{[selectedMonth, setSelectedMonth]({\n    label: DateTime.now().toLocaleString({ month: 'long' }),\n    value: DateTime.now()\n      .month.toString()\n      .padStart(2, '0'), // Date.getMonth starts at 0\n  })}\nuseState{[selectedYear, setSelectedYear](DateTime.now().year)}\nuseState{[answer, setAnswer]('')}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseEffect{}", function () {
+  return [_I18n.useI18n];
+});
+
+var _default = ProfileTypeFormDateSelection;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ProfileTypeFormDateSelection, "ProfileTypeFormDateSelection", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormDateSelection.tsx");
+  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormDateSelection.tsx");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
+
+/***/ }),
+
 /***/ "/yMe":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1788,7 +2075,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.fb-root {\n  overflow-y: auto;\n  min-width: 70%;\n  margin: 1rem 0; }\n  .fb-root .fb-header {\n    color: #e3b82a;\n    padding: 0.5rem 0.5rem 0rem 0.5rem;\n    display: flex;\n    justify-content: center; }\n  .fb-root .fb-content {\n    padding: 1rem 0.5rem 1.5rem 0.5rem;\n    display: flex;\n    flex-direction: column; }\n    .fb-root .fb-content .fb-content-success {\n      color: #e0e0e0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center; }\n    .fb-root .fb-content .fb-content-error {\n      color: #e0e0e0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center; }\n    .fb-root .fb-content .fb-icon {\n      display: flex;\n      justify-content: center;\n      margin: 0 0 1.5rem 0; }\n    .fb-root .fb-content .fb-label {\n      margin: 0.5rem 0 0 0; }\n    .fb-root .fb-content .fb-selector {\n      margin: 0.5rem 0;\n      display: flex;\n      flex-direction: row;\n      align-content: space-around;\n      justify-content: space-around;\n      padding: 0;\n      border: none; }\n      .fb-root .fb-content .fb-selector .fb-selector-item {\n        height: 3.125rem;\n        width: 3.125rem; }\n        .fb-root .fb-content .fb-selector .fb-selector-item .fb-selector-item-label {\n          color: #e0e0e0; }\n        .fb-root .fb-content .fb-selector .fb-selector-item .fb-selector-item-selectedlabel {\n          color: #ffffff; }\n    .fb-root .fb-content .fb-form {\n      margin: 0.5rem 0;\n      border: 1px solid #7b7b7b;\n      border-radius: 4px;\n      color: #e0e0e0;\n      background: rgba(0, 0, 0, 0.3);\n      padding: 0 1rem;\n      outline: none; }\n    .fb-root .fb-content .fb-form:focus {\n      border: 1px solid #e3b82a; }\n    .fb-root .fb-content .fb-textarea {\n      height: 8.725rem;\n      padding: 0.5rem 1rem;\n      resize: none; }\n    .fb-root .fb-content .fb-input {\n      height: 2rem; }\n    .fb-root .fb-content button.btn-highlight {\n      max-width: 9.375rem;\n      align-self: center;\n      width: 38%;\n      padding-top: 0.5rem;\n      padding-bottom: 0.6rem;\n      margin: 0 !important; }\n\n.upload-label {\n  appearance: none;\n  padding: 0.5rem;\n  text-align: center;\n  max-width: 180px;\n  width: 50% !important;\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #7b7b7b;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n  background-color: rgba(123, 123, 123, 0.2);\n  margin: 0.8rem auto;\n  transition: all 300ms ease; }\n  .upload-label span:first-child {\n    color: rgba(224, 224, 224, 0.7); }\n  .upload-label:disabled {\n    cursor: not-allowed; }\n  .upload-label:hover {\n    opacity: 0.7; }\n\n.styledLink {\n  color: #deaf0e;\n  text-decoration: underline; }\n\n.fileName {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 0.5rem;\n  color: #e0e0e0;\n  border: solid 1px #7b7b7b;\n  border-radius: 3px;\n  margin: 0.5rem 0;\n  align-items: center; }\n\n.validate_row {\n  display: flex;\n  justify-content: space-evenly; }\n\n#accessibility-title {\n  display: none; }\n\n#suggestFaq {\n  margin-bottom: 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.fb-root {\n  overflow-y: auto;\n  min-width: 70%;\n  margin: 1rem 0; }\n  .fb-root .fb-header {\n    color: #e3b82a;\n    padding: 0.5rem 0.5rem 0rem 0.5rem;\n    display: flex;\n    justify-content: center; }\n  .fb-root .fb-content {\n    padding: 1rem 0.5rem 1.5rem 0.5rem;\n    display: flex;\n    flex-direction: column; }\n    .fb-root .fb-content .fb-content-success {\n      color: #e0e0e0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center; }\n    .fb-root .fb-content .fb-content-error {\n      color: #e0e0e0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center; }\n    .fb-root .fb-content .fb-icon {\n      display: flex;\n      justify-content: center;\n      margin: 0 0 1.5rem 0; }\n    .fb-root .fb-content .fb-label {\n      margin: 0.5rem 0 0 0; }\n    .fb-root .fb-content .fb-selector {\n      margin: 0.5rem 0;\n      display: flex;\n      flex-direction: row;\n      align-content: space-around;\n      justify-content: space-around;\n      padding: 0;\n      border: none; }\n      .fb-root .fb-content .fb-selector .fb-selector-item {\n        height: 3.125rem;\n        width: 3.125rem; }\n        .fb-root .fb-content .fb-selector .fb-selector-item .fb-selector-item-label {\n          color: #e0e0e0; }\n        .fb-root .fb-content .fb-selector .fb-selector-item .fb-selector-item-selectedlabel {\n          color: #ffffff; }\n    .fb-root .fb-content .fb-form {\n      margin: 0.5rem 0;\n      border: 1px solid #7b7b7b;\n      border-radius: 4px;\n      color: #e0e0e0;\n      background: rgba(0, 0, 0, 0.3);\n      padding: 0 1rem;\n      outline: none; }\n    .fb-root .fb-content .fb-form:focus {\n      border: 1px solid #e3b82a; }\n    .fb-root .fb-content .fb-textarea {\n      height: 8.725rem;\n      padding: 0.5rem 1rem;\n      resize: none; }\n    .fb-root .fb-content .fb-input {\n      height: 2rem; }\n    .fb-root .fb-content button.btn-highlight {\n      max-width: 9.375rem;\n      align-self: center;\n      width: 38%;\n      padding-top: 0.5rem;\n      padding-bottom: 0.6rem;\n      margin: 0 !important; }\n\n.upload-label {\n  appearance: none;\n  padding: 0.5rem;\n  text-align: center;\n  max-width: 180px;\n  width: 50% !important;\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #7b7b7b;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n  background-color: rgba(123, 123, 123, 0.2);\n  margin: 0.8rem auto;\n  transition: all 300ms ease; }\n  .upload-label span:first-child {\n    color: rgba(224, 224, 224, 0.7); }\n  .upload-label:disabled {\n    cursor: not-allowed; }\n  .upload-label:hover {\n    opacity: 0.7; }\n\n.styledLink {\n  color: #deaf0e;\n  text-decoration: underline; }\n\n.fileName {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 0.5rem;\n  color: #e0e0e0;\n  border: solid 1px #7b7b7b;\n  border-radius: 3px;\n  margin: 0.5rem 0;\n  align-items: center; }\n\n.validate_row {\n  display: flex;\n  justify-content: space-evenly; }\n\n#accessibility-title {\n  display: none; }\n\n#suggestFaq {\n  margin-bottom: 1rem; }\n", ""]);
 
 
 
@@ -1860,7 +2147,12 @@ var EcogestureFormEquipment = function EcogestureFormEquipment(_ref) {
   var dispatch = (0, _reactRedux.useDispatch)();
   var history = (0, _reactRouterDom.useHistory)();
 
-  var _useState = (0, _react.useState)([]),
+  var _useSelector = (0, _reactRedux.useSelector)(function (state) {
+    return state.ecolyo.profile;
+  }),
+      isProfileEcogestureCompleted = _useSelector.isProfileEcogestureCompleted;
+
+  var _useState = (0, _react.useState)(isProfileEcogestureCompleted ? profileEcogesture.equipments : []),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       answer = _useState2[0],
       setAnswer = _useState2[1];
@@ -1870,12 +2162,16 @@ var EcogestureFormEquipment = function EcogestureFormEquipment(_ref) {
   }, [profileEcogesture, setPreviousStep]);
   var handleNext = (0, _react.useCallback)(function () {
     profileEcogesture.equipments = answer;
-    dispatch((0, _profileEcogesture.newProfileEcogestureEntry)(profileEcogesture));
-    dispatch((0, _profile.updateProfile)({
-      isProfileEcogestureCompleted: true
-    })); // Check if gestureForm is used from Big profile or small profile
+    dispatch((0, _profileEcogesture.newProfileEcogestureEntry)(profileEcogesture)); // Check if gestureForm is used from Big profile or small profile
 
-    setNextStep ? setNextStep() : history.push('/ecogesture-selection');
+    if (setNextStep) {
+      setNextStep();
+    } else {
+      dispatch((0, _profile.updateProfile)({
+        isProfileEcogestureCompleted: true
+      }));
+      history.push('/ecogesture-selection');
+    }
   }, [profileEcogesture, setNextStep, answer, dispatch, history]);
   var isChecked = (0, _react.useCallback)(function (value) {
     if (answer.includes(value)) {
@@ -1932,8 +2228,8 @@ var EcogestureFormEquipment = function EcogestureFormEquipment(_ref) {
   }));
 };
 
-__signature__(EcogestureFormEquipment, "useI18n{{ t }}\nuseDispatch{dispatch}\nuseHistory{history}\nuseState{[answer, setAnswer]([])}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseCallback{isChecked}\nuseCallback{handleChange}", function () {
-  return [_I18n.useI18n, _reactRedux.useDispatch, _reactRouterDom.useHistory];
+__signature__(EcogestureFormEquipment, "useI18n{{ t }}\nuseDispatch{dispatch}\nuseHistory{history}\nuseSelector{{ isProfileEcogestureCompleted }}\nuseState{[answer, setAnswer](isProfileEcogestureCompleted ? profileEcogesture.equipments : [])}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseCallback{isChecked}\nuseCallback{handleChange}", function () {
+  return [_I18n.useI18n, _reactRedux.useDispatch, _reactRouterDom.useHistory, _reactRedux.useSelector];
 });
 
 var _default = EcogestureFormEquipment;
@@ -3036,7 +3332,7 @@ exports.push([module.i, ".slide {\n  margin: 1rem 1rem 1rem 0;\n  box-shadow: 0p
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.action-ongoing {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  width: 100%;\n  max-width: 600px;\n  padding: 1.5rem;\n  min-height: 75vh;\n  margin: auto; }\n  .action-ongoing .duration,\n  .action-ongoing .result-title {\n    color: #e0e0e0; }\n  .action-ongoing .description {\n    color: white;\n    margin-top: 1rem; }\n  .action-ongoing .result-date {\n    color: #61f0f2;\n    margin-bottom: 2rem; }\n  .action-ongoing button.btn-detail {\n    padding: 0.3rem; }\n  .action-ongoing .duration-image {\n    position: relative;\n    padding: 1rem;\n    margin: 3rem 0; }\n    .action-ongoing .duration-image .pie {\n      width: 9rem;\n      height: 9rem;\n      display: block;\n      border-radius: 50%;\n      background-color: #121212;\n      border: 4px solid #121212;\n      position: relative;\n      top: 5px;\n      left: -2px;\n      z-index: 0; }\n    .action-ongoing .duration-image .duration-icon {\n      position: absolute;\n      left: -25px;\n      top: -25px;\n      z-index: 0; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.action-ongoing {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  width: 100%;\n  max-width: 600px;\n  padding: 1.5rem;\n  min-height: 75vh;\n  margin: auto; }\n  .action-ongoing .duration,\n  .action-ongoing .result-title {\n    color: #e0e0e0; }\n  .action-ongoing .description {\n    color: white;\n    margin-top: 1rem; }\n  .action-ongoing .result-date {\n    color: #61f0f2;\n    margin-bottom: 2rem; }\n  .action-ongoing button.btn-detail {\n    padding: 0.3rem; }\n  .action-ongoing .duration-image {\n    position: relative;\n    padding: 1rem;\n    margin: 3rem 0; }\n    .action-ongoing .duration-image .pie {\n      width: 9rem;\n      height: 9rem;\n      display: block;\n      border-radius: 50%;\n      background-color: #121212;\n      border: 4px solid #121212;\n      position: relative;\n      top: 5px;\n      left: -2px;\n      z-index: 0; }\n    .action-ongoing .duration-image .duration-icon {\n      position: absolute;\n      left: -25px;\n      top: -25px;\n      z-index: 0; }\n", ""]);
 
 
 
@@ -3568,6 +3864,8 @@ var _ecogestureForm = __webpack_require__("kcOp");
 
 __webpack_require__("iYKh");
 
+var _reactRedux = __webpack_require__("/MKj");
+
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -3592,7 +3890,12 @@ var EcogestureFormSingleChoice = function EcogestureFormSingleChoice(_ref) {
   var _useI18n = (0, _I18n.useI18n)(),
       t = _useI18n.t;
 
-  var _useState = (0, _react.useState)(''),
+  var _useSelector = (0, _reactRedux.useSelector)(function (state) {
+    return state.ecolyo.profile;
+  }),
+      isProfileEcogestureCompleted = _useSelector.isProfileEcogestureCompleted;
+
+  var _useState = (0, _react.useState)(isProfileEcogestureCompleted ? profileEcogesture[answerType.attribute] : ''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       answer = _useState2[0],
       setAnswer = _useState2[1];
@@ -3643,8 +3946,8 @@ var EcogestureFormSingleChoice = function EcogestureFormSingleChoice(_ref) {
   }));
 };
 
-__signature__(EcogestureFormSingleChoice, "useI18n{{ t }}\nuseState{[answer, setAnswer]('')}\nuseCallback{handlePrevious}\nuseCallback{handleAnswer}\nuseCallback{handleNext}\nuseEffect{}", function () {
-  return [_I18n.useI18n];
+__signature__(EcogestureFormSingleChoice, "useI18n{{ t }}\nuseSelector{{ isProfileEcogestureCompleted }}\nuseState{[answer, setAnswer](isProfileEcogestureCompleted ? profileEcogesture[answerType.attribute] : '')}\nuseCallback{handlePrevious}\nuseCallback{handleAnswer}\nuseCallback{handleNext}\nuseEffect{}", function () {
+  return [_I18n.useI18n, _reactRedux.useSelector];
 });
 
 var _default = EcogestureFormSingleChoice;
@@ -3960,7 +4263,7 @@ var ProfileEcogestureService = /*#__PURE__*/function () {
     key: "getProfileEcogesture",
     value: function () {
       var _getProfileEcogesture = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var query, _yield$this$_client$q, profileEcogesture;
+        var query, _yield$this$_client$q, _yield$this$_client$q2, profileEcogesture;
 
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
@@ -3972,19 +4275,20 @@ var ProfileEcogestureService = /*#__PURE__*/function () {
 
               case 3:
                 _yield$this$_client$q = _context.sent;
-                profileEcogesture = _yield$this$_client$q.data;
+                _yield$this$_client$q2 = (0, _slicedToArray2.default)(_yield$this$_client$q.data, 1);
+                profileEcogesture = _yield$this$_client$q2[0];
 
                 if (!profileEcogesture) {
-                  _context.next = 9;
+                  _context.next = 10;
                   break;
                 }
 
                 return _context.abrupt("return", profileEcogesture);
 
-              case 9:
+              case 10:
                 return _context.abrupt("return", null);
 
-              case 10:
+              case 11:
               case "end":
                 return _context.stop();
             }
@@ -4007,7 +4311,7 @@ var ProfileEcogestureService = /*#__PURE__*/function () {
     key: "updateProfileEcogesture",
     value: function () {
       var _updateProfileEcogesture = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(attributes) {
-        var query, _yield$this$_client$q2, _yield$this$_client$q3, doc, _yield$this$_client$s, profileEcogesture;
+        var query, _yield$this$_client$q3, _yield$this$_client$q4, doc, _yield$this$_client$s, profileEcogesture;
 
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) {
@@ -4018,9 +4322,9 @@ var ProfileEcogestureService = /*#__PURE__*/function () {
                 return this._client.query(query.limitBy(1));
 
               case 3:
-                _yield$this$_client$q2 = _context2.sent;
-                _yield$this$_client$q3 = (0, _slicedToArray2.default)(_yield$this$_client$q2.data, 1);
-                doc = _yield$this$_client$q3[0];
+                _yield$this$_client$q3 = _context2.sent;
+                _yield$this$_client$q4 = (0, _slicedToArray2.default)(_yield$this$_client$q3.data, 1);
+                doc = _yield$this$_client$q4[0];
 
                 if (!doc) {
                   _context2.next = 13;
@@ -4097,7 +4401,7 @@ exports.default = ProfileEcogestureService;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-navigation {\n  border-top: 1px solid #7b7b7b;\n  background: #1b1c22;\n  position: fixed;\n  bottom: 0;\n  height: 6.5rem;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  padding: 0 0 env(safe-area-inset-bottom) 0; }\n  @media (min-width: 1023px) {\n    .profile-navigation {\n      background: #121212;\n      height: 3rem; } }\n  .profile-navigation .rounded {\n    border-radius: 22px;\n    margin-left: 1rem;\n    margin-right: 1rem; }\n  .profile-navigation .disabled {\n    opacity: 0.5; }\n  .profile-navigation button.profile-navigation-button {\n    max-width: 12.5rem;\n    margin: 0.375rem 1rem;\n    padding: 0.5rem 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-navigation {\n  border-top: 1px solid #7b7b7b;\n  background: #1b1c22;\n  position: fixed;\n  bottom: 0;\n  height: 6.5rem;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  padding: 0 0 env(safe-area-inset-bottom) 0; }\n  @media (min-width: 1023px) {\n    .profile-navigation {\n      background: #121212;\n      height: 3rem; } }\n  .profile-navigation .rounded {\n    border-radius: 22px;\n    margin-left: 1rem;\n    margin-right: 1rem; }\n  .profile-navigation .disabled {\n    opacity: 0.5; }\n  .profile-navigation button.profile-navigation-button {\n    max-width: 12.5rem;\n    margin: 0.375rem 1rem;\n    padding: 0.5rem 1rem; }\n", ""]);
 
 
 
@@ -4255,7 +4559,7 @@ exports.default = PartnersInfoService;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-detail-container {\n  position: relative;\n  min-height: inherit;\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #e0e0e0;\n  max-width: 45.75rem; }\n  @media only screen and (max-width: 768px) {\n    .eg-selection-detail-container {\n      margin: 0 1rem;\n      max-width: unset; } }\n  .eg-selection-detail-container .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: center;\n    align-items: center; }\n    .eg-selection-detail-container .content .icon {\n      margin: 5rem 0 0; }\n      @media only screen and (max-width: 768px) {\n        .eg-selection-detail-container .content .icon {\n          margin: 1rem 0 0; } }\n    .eg-selection-detail-container .content .text {\n      min-height: 4.875rem;\n      display: flex;\n      align-items: center;\n      margin: 0 1rem; }\n  .eg-selection-detail-container .buttons {\n    margin: 1rem 0;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    width: 100%; }\n    .eg-selection-detail-container .buttons button.btn-secondary-negative {\n      padding: 0.75rem 0.25rem;\n      margin: 0 0.25rem;\n      height: 7.375rem;\n      width: 6.5rem;\n      border-radius: 0.25rem; }\n      .eg-selection-detail-container .buttons button.btn-secondary-negative:focus, .eg-selection-detail-container .buttons button.btn-secondary-negative.active, .eg-selection-detail-container .buttons button.btn-secondary-negative:disabled, .eg-selection-detail-container .buttons button.btn-secondary-negative:hover {\n        background: transparent; }\n      .eg-selection-detail-container .buttons button.btn-secondary-negative span {\n        flex-direction: column;\n        color: #e0e0e0; }\n    .eg-selection-detail-container .buttons button.noFocus {\n      background: transparent; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-detail-container {\n  position: relative;\n  min-height: inherit;\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #e0e0e0;\n  max-width: 45.75rem; }\n  @media only screen and (max-width: 768px) {\n    .eg-selection-detail-container {\n      margin: 0 1rem;\n      max-width: unset; } }\n  .eg-selection-detail-container .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: center;\n    align-items: center; }\n    .eg-selection-detail-container .content .icon {\n      margin: 5rem 0 0; }\n      @media only screen and (max-width: 768px) {\n        .eg-selection-detail-container .content .icon {\n          margin: 1rem 0 0; } }\n    .eg-selection-detail-container .content .text {\n      min-height: 4.875rem;\n      display: flex;\n      align-items: center;\n      margin: 0 1rem; }\n  .eg-selection-detail-container .buttons {\n    margin: 1rem 0;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    width: 100%; }\n    .eg-selection-detail-container .buttons button.btn-secondary-negative {\n      padding: 0.75rem 0.25rem;\n      margin: 0 0.25rem;\n      height: 7.375rem;\n      width: 6.5rem;\n      border-radius: 0.25rem; }\n      .eg-selection-detail-container .buttons button.btn-secondary-negative:focus, .eg-selection-detail-container .buttons button.btn-secondary-negative.active, .eg-selection-detail-container .buttons button.btn-secondary-negative:disabled, .eg-selection-detail-container .buttons button.btn-secondary-negative:hover {\n        background: transparent; }\n      .eg-selection-detail-container .buttons button.btn-secondary-negative span {\n        flex-direction: column;\n        color: #e0e0e0; }\n    .eg-selection-detail-container .buttons button.noFocus {\n      background: transparent; }\n", ""]);
 
 
 
@@ -7073,6 +7377,747 @@ module.exports = JSON.parse("{}");
 
 /***/ }),
 
+/***/ "7e12":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(__webpack_require__("o0o1"));
+
+var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__("yXPU"));
+
+var _classCallCheck2 = _interopRequireDefault(__webpack_require__("lwsE"));
+
+var _createClass2 = _interopRequireDefault(__webpack_require__("W8MJ"));
+
+var _defineProperty2 = _interopRequireDefault(__webpack_require__("lSNA"));
+
+var _luxon = __webpack_require__("ExVU");
+
+var _heating = _interopRequireDefault(__webpack_require__("WQDB"));
+
+var _cooking = _interopRequireDefault(__webpack_require__("I8oM"));
+
+var _electricSpecific = _interopRequireDefault(__webpack_require__("ZncT"));
+
+var _coldWater = _interopRequireDefault(__webpack_require__("hfGo"));
+
+var _ecs = _interopRequireDefault(__webpack_require__("+uHx"));
+
+var _profileType = __webpack_require__("D9qV");
+
+var _fluid = __webpack_require__("5Wkc");
+
+var _converter = _interopRequireDefault(__webpack_require__("LXmx"));
+
+var _logger = _interopRequireDefault(__webpack_require__("gjtA"));
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ProfileTypeService = /*#__PURE__*/function () {
+  function ProfileTypeService(profileType, _client, year) {
+    var _this = this;
+
+    (0, _classCallCheck2.default)(this, ProfileTypeService);
+    (0, _defineProperty2.default)(this, "profileType", void 0);
+    (0, _defineProperty2.default)(this, "_client", void 0);
+    (0, _defineProperty2.default)(this, "year", void 0);
+    (0, _defineProperty2.default)(this, "fetchDJU", /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(month) {
+        var startDate, endDate, result, monthDju, _iterator, _step, observation;
+
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                startDate = _luxon.DateTime.local().setZone('utc', {
+                  keepLocalTime: true
+                }).set({
+                  year: _this.year
+                }).set({
+                  month: month
+                }).startOf('month').minus({
+                  minutes: 5
+                }).toISO();
+                endDate = _luxon.DateTime.local().setZone('utc', {
+                  keepLocalTime: true
+                }).set({
+                  year: _this.year
+                }).set({
+                  month: month
+                }).endOf('month').plus({
+                  minutes: 5
+                }).toISO(); //We add or remove 5 minutes so the api returns the exact period
+
+                _context.prev = 2;
+                _context.next = 5;
+                return _this._client.getStackClient().fetchJSON('GET', "/remote/org.ecolyo.dju?observedProperty=degreeDay&startDate=".concat(startDate, "&endDate=").concat(endDate));
+
+              case 5:
+                result = _context.sent;
+                monthDju = 0;
+
+                if (result) {
+                  _iterator = _createForOfIteratorHelper(result.observations);
+
+                  try {
+                    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                      observation = _step.value;
+                      monthDju += observation.result.value;
+                    }
+                  } catch (err) {
+                    _iterator.e(err);
+                  } finally {
+                    _iterator.f();
+                  }
+                }
+
+                if (!(monthDju === 0)) {
+                  _context.next = 12;
+                  break;
+                }
+
+                return _context.abrupt("return", _heating.default.dju_average_by_month[month - 1]);
+
+              case 12:
+                return _context.abrupt("return", monthDju);
+
+              case 13:
+                _context.next = 19;
+                break;
+
+              case 15:
+                _context.prev = 15;
+                _context.t0 = _context["catch"](2);
+                console.log('errFetch', _context.t0);
+                return _context.abrupt("return", _heating.default.dju_average_by_month[month - 1]);
+
+              case 19:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[2, 15]]);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+
+    _logger.default.info('[ProfileType] Analysis loaded profileType related to: ', profileType.updateDate ? profileType.updateDate.toString() : 'no update date');
+
+    this.profileType = profileType;
+    this._client = _client;
+    this.year = year;
+  }
+  /**
+   * calculateWarmingEstimatedConsumption
+   * @returns {number} Estimated consumption
+   */
+
+
+  (0, _createClass2.default)(ProfileTypeService, [{
+    key: "calculateWarmingEstimatedConsumption",
+    value: function calculateWarmingEstimatedConsumption() {
+      var ratiosHeating = _heating.default.heating_ratio;
+      var housingType = this.profileType.housingType;
+      var constructionYear = this.profileType.constructionYear;
+      var ratiosHeatingByHousingType = ratiosHeating[housingType];
+      var currentRatio = ratiosHeatingByHousingType[constructionYear];
+      var estimatedConsumption = parseInt(this.profileType.area) * currentRatio;
+      return estimatedConsumption;
+    }
+    /**
+     * calculateWarmingCorrectedConsumption
+     * @param {number} estimatedConsumption
+     * @returns {number} - Corrected consumption
+     */
+
+  }, {
+    key: "calculateWarmingCorrectedConsumption",
+    value: function calculateWarmingCorrectedConsumption(estimatedConsumption) {
+      var outsideFacingWalls = this.profileType.outsideFacingWalls;
+      var housingType = this.profileType.housingType;
+      var floor = this.profileType.floor;
+      var constructionYear = this.profileType.constructionYear;
+      var individualInsulationWork = this.profileType.individualInsulationWork;
+      var hasInstalledVentilation = this.profileType.hasInstalledVentilation;
+      var hasReplacedHeater = this.profileType.hasReplacedHeater;
+      var heating = this.profileType.heating; //Apply corrections
+
+      var correctionsNbWalls = _heating.default.adjustment_outisde_facing_walls[housingType];
+      var correctionWalls = correctionsNbWalls[outsideFacingWalls];
+      var correctionFloor;
+      var correctionInsulation;
+      var correctionFacilities;
+
+      if (this.profileType.housingType === _profileType.HousingType.APPARTMENT) {
+        correctionFloor = _heating.default.adjustment_floor.appartment[floor];
+      } else correctionFloor = 0;
+
+      if (!individualInsulationWork.includes(_profileType.IndividualInsulationWork.NONE) && constructionYear !== _profileType.ConstructionYear.AFTER_1998 && heating !== _profileType.IndividualOrCollective.COLLECTIVE) {
+        var correctionsInsulation = _heating.default.adjustment_insulation[constructionYear];
+
+        if (individualInsulationWork.length === 1) {
+          correctionInsulation = correctionsInsulation[individualInsulationWork[0]];
+        } else {
+          var _key = '';
+
+          if (individualInsulationWork.includes(_profileType.IndividualInsulationWork.ROOF_INSULATION) && individualInsulationWork.includes(_profileType.IndividualInsulationWork.WINDOW_REPLACEMENT) && individualInsulationWork.includes(_profileType.IndividualInsulationWork.WALL_INSULATION)) {
+            _key = 'window_replacement_and_roof_and_wall_insulation';
+          } else if (individualInsulationWork.includes(_profileType.IndividualInsulationWork.ROOF_INSULATION) && individualInsulationWork.includes(_profileType.IndividualInsulationWork.WINDOW_REPLACEMENT)) {
+            _key = 'window_replacement_and_roof_insulation';
+          } else if (individualInsulationWork.includes(_profileType.IndividualInsulationWork.ROOF_INSULATION) && individualInsulationWork.includes(_profileType.IndividualInsulationWork.WALL_INSULATION)) {
+            _key = 'roof_and_wall_insulation';
+          } else if (individualInsulationWork.includes(_profileType.IndividualInsulationWork.WINDOW_REPLACEMENT) && individualInsulationWork.includes(_profileType.IndividualInsulationWork.WALL_INSULATION)) {
+            _key = 'window_replacement_and_wall_insulation';
+          }
+
+          correctionInsulation = correctionsInsulation[_key];
+        }
+      } else correctionInsulation = 0;
+
+      if (hasInstalledVentilation === _profileType.ThreeChoicesAnswer.YES && hasReplacedHeater === _profileType.ThreeChoicesAnswer.YES && heating !== _profileType.IndividualOrCollective.COLLECTIVE) {
+        correctionFacilities = _heating.default.adjustment_facilities['individual_heater_and_ventilation'];
+      } else if (hasReplacedHeater === _profileType.ThreeChoicesAnswer.YES) {
+        correctionFacilities = _heating.default.adjustment_facilities['individual_heater'];
+      } else if (hasInstalledVentilation === _profileType.ThreeChoicesAnswer.YES) {
+        correctionFacilities = _heating.default.adjustment_facilities['individual_ventilation'];
+      } else {
+        correctionFacilities = 0;
+      }
+
+      var correctedConsumption = estimatedConsumption * (1 + correctionFloor) * (1 + correctionWalls) * (1 + correctionInsulation) * (1 + correctionFacilities);
+      return Math.round(correctedConsumption);
+    }
+    /**
+     * calculateWarmingMonthConsumption
+      @param {number} correctedConsumption
+      @param {number} number
+      @returns {number} monthConsumption
+    */
+
+  }, {
+    key: "calculateWarmingMonthConsumption",
+    value: function () {
+      var _calculateWarmingMonthConsumption = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(correctedConsumption, month) {
+        var djuCurrentMonth, monthConsumption;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return this.fetchDJU(month);
+
+              case 2:
+                djuCurrentMonth = _context2.sent;
+                monthConsumption = correctedConsumption / _heating.default.dju_annual * djuCurrentMonth;
+                return _context2.abrupt("return", Math.round(monthConsumption));
+
+              case 5:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function calculateWarmingMonthConsumption(_x2, _x3) {
+        return _calculateWarmingMonthConsumption.apply(this, arguments);
+      }
+
+      return calculateWarmingMonthConsumption;
+    }()
+    /**
+     * getMonthHeating
+     * @param {ProfileType} profileType
+     * @param {number} month
+     * @returns {number} Month heating consumption in kw/h
+     */
+
+  }, {
+    key: "getMonthHeating",
+    value: function () {
+      var _getMonthHeating = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(month) {
+        var estimatedConsumption, correctedConsumption, monthConsumption;
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                estimatedConsumption = this.calculateWarmingEstimatedConsumption();
+                correctedConsumption = this.calculateWarmingCorrectedConsumption(estimatedConsumption);
+                _context3.next = 4;
+                return this.calculateWarmingMonthConsumption(correctedConsumption, month);
+
+              case 4:
+                monthConsumption = _context3.sent;
+                return _context3.abrupt("return", monthConsumption);
+
+              case 6:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+
+      function getMonthHeating(_x4) {
+        return _getMonthHeating.apply(this, arguments);
+      }
+
+      return getMonthHeating;
+    }()
+    /**
+     * Calculate water raw needs by month
+     *
+     * @param {ProfileType} profileType
+     * @param {number} month
+     * @returns {number} rawConsumption
+     */
+
+  }, {
+    key: "calculateMonthWaterRawNeeds",
+    value: function calculateMonthWaterRawNeeds(profileType, month) {
+      var waterNeedsIndex = _ecs.default.ecs_ratio.findIndex(function (ratio) {
+        return ratio.occupants_number === profileType.occupantsNumber;
+      });
+
+      var waterNeeds = _ecs.default.ecs_ratio[waterNeedsIndex].warm_water_need_in_liter;
+
+      var nbDaysInMonth = _luxon.DateTime.fromObject({
+        month: month
+      }).setZone('utc', {
+        keepLocalTime: true
+      }).daysInMonth;
+
+      var rawConsumption = waterNeeds * nbDaysInMonth;
+      return rawConsumption;
+    }
+    /**
+     * Calculate spread water needs by month
+     *
+     * @param {ProfileType} profileType
+     * @param {number} month
+     * @returns {number} spreadConsumption
+     */
+
+  }, {
+    key: "calculateSpreadNeeds",
+    value: function calculateSpreadNeeds(profileType, month) {
+      var rawNeeds = [];
+
+      for (var index = 1; index < 13; index++) {
+        rawNeeds.push(this.calculateMonthWaterRawNeeds(profileType, index));
+      }
+
+      var calculateTotalNeeds = function calculateTotalNeeds(accumulator, currentValue) {
+        return accumulator + currentValue;
+      };
+
+      var totalRawNeeds = rawNeeds.reduce(calculateTotalNeeds);
+      var spreadConsumption = totalRawNeeds / (12 * 100) * _ecs.default.mensual_repartition[month - 1];
+      return Math.round(spreadConsumption);
+    }
+    /**
+     * Calculate total ecs consumption by month
+     *
+     * @param {number} spreadConsumption
+     * @param {ProfileType} profileType
+     * @returns {number} monthEcsConsumption
+     */
+
+  }, {
+    key: "calculateTotalConsumption",
+    value: function calculateTotalConsumption(spreadConsumption, profileType, month) {
+      var coldWaterTemperature = _ecs.default.cold_water_temperature[month - 1];
+      var efficiencyProduction = _ecs.default.efficiency_production_distribution[profileType.housingType];
+      var solarCoverage = _ecs.default.solar_coverage[month - 1];
+      var ecsConsumption = _ecs.default.coefficient_ecs_consumption * spreadConsumption / 1000 * (_ecs.default.hot_water_temperature - coldWaterTemperature) / efficiencyProduction;
+      var monthEcsConsumption;
+
+      if (profileType.hotWaterEquipment === _profileType.HotWaterEquipment.SOLAR) {
+        monthEcsConsumption = ecsConsumption * (1 - solarCoverage);
+      } else if (profileType.hotWaterEquipment === _profileType.HotWaterEquipment.THERMODYNAMIC) {
+        monthEcsConsumption = ecsConsumption / _ecs.default.coefficient_thermodynamic;
+      } else {
+        monthEcsConsumption = ecsConsumption;
+      }
+
+      return Math.round(monthEcsConsumption);
+    }
+    /**
+     * Get ECS consumption by month
+     *
+     * @param {ProfileType} profileType
+     * @param {number} month
+     * @returns {number} monthEcsConsumption
+     */
+
+  }, {
+    key: "getMonthEcs",
+    value: function getMonthEcs(month) {
+      var spreadConsumption = this.calculateSpreadNeeds(this.profileType, month);
+      var monthEcsConsumption = this.calculateTotalConsumption(spreadConsumption, this.profileType, month);
+      return monthEcsConsumption;
+    }
+    /**
+     * Get cooking consumption by month
+     * @param {ProfileType} profileType
+     * @param {number} month
+     * @returns {number} monthCookingConsumption
+     */
+
+  }, {
+    key: "getMonthCookingConsumption",
+    value: function getMonthCookingConsumption(month) {
+      var annualCookingConsumption = this.profileType.occupantsNumber * _cooking.default.ratio_kw_per_person_per_year;
+
+      var nbDaysInMonth = _luxon.DateTime.fromObject({
+        month: month
+      }).setZone('utc', {
+        keepLocalTime: true
+      }).daysInMonth;
+
+      var monthCookingConsumption = annualCookingConsumption / 365 * nbDaysInMonth;
+      return Math.round(monthCookingConsumption);
+    }
+    /**
+     * Get specific electricity consumption by month
+     * @param {ProfileType} profileType
+     * @param {number} month
+     * @returns {number} monthElectricSpecificConsumption
+     */
+
+  }, {
+    key: "getMonthElectricSpecificConsumption",
+    value: function getMonthElectricSpecificConsumption(month) {
+      var annualElectricSpecificConsumption = _electricSpecific.default[this.profileType.housingType][this.profileType.constructionYear];
+
+      var nbDaysInMonth = _luxon.DateTime.fromObject({
+        month: month
+      }).setZone('utc', {
+        keepLocalTime: true
+      }).daysInMonth;
+
+      var monthElectricSpecificConsumption = annualElectricSpecificConsumption / 365 * nbDaysInMonth;
+      return Math.round(monthElectricSpecificConsumption);
+    }
+    /**
+     * Get cold water consumption by month
+     * @param {ProfileType} profileType
+     * @param {number} month
+     * @returns {number} monthColdWaterConsumption
+     */
+
+  }, {
+    key: "getMonthColdWaterConsumption",
+    value: function getMonthColdWaterConsumption(month) {
+      var _this2 = this;
+
+      var occupantsNumberIndex = _coldWater.default.findIndex(function (waterNeeds) {
+        return waterNeeds.occupants_number === _this2.profileType.occupantsNumber;
+      });
+
+      var coldWaterNeeds = _coldWater.default[occupantsNumberIndex].consumption_in_liter_per_day;
+
+      var nbDaysInMonth = _luxon.DateTime.fromObject({
+        month: month
+      }).setZone('utc', {
+        keepLocalTime: true
+      }).daysInMonth;
+
+      var monthColdWaterConsumption = nbDaysInMonth * coldWaterNeeds;
+      return Math.round(monthColdWaterConsumption);
+    }
+    /**
+     * getDetailsMonthlyForecast
+     * @param {FluidType} fluidType
+     * @param {number} month
+     * @returns {numeber} DetailsMnthlyForecast
+     */
+
+  }, {
+    key: "getDetailsMonthlyForecast",
+    value: function () {
+      var _getDetailsMonthlyForecast = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(fluidType, month) {
+        var warmingFluid, hotWaterFluid, cookingFluid, detailsMonthlyForecast;
+        return _regenerator.default.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                warmingFluid = this.profileType.warmingFluid;
+                hotWaterFluid = this.profileType.hotWaterFluid;
+                cookingFluid = this.profileType.cookingFluid;
+
+                if (!(this.profileType.heating === _profileType.IndividualOrCollective.COLLECTIVE)) {
+                  _context4.next = 7;
+                  break;
+                }
+
+                _context4.t0 = null;
+                _context4.next = 15;
+                break;
+
+              case 7:
+                if (!(warmingFluid !== null && fluidType === warmingFluid)) {
+                  _context4.next = 13;
+                  break;
+                }
+
+                _context4.next = 10;
+                return this.getMonthHeating(month);
+
+              case 10:
+                _context4.t1 = _context4.sent;
+                _context4.next = 14;
+                break;
+
+              case 13:
+                _context4.t1 = null;
+
+              case 14:
+                _context4.t0 = _context4.t1;
+
+              case 15:
+                _context4.t2 = _context4.t0;
+                _context4.t3 = this.profileType.heating === _profileType.IndividualOrCollective.COLLECTIVE ? null : fluidType === hotWaterFluid ? this.getMonthEcs(month) : null;
+                _context4.t4 = fluidType === cookingFluid ? this.getMonthCookingConsumption(month) : null;
+                _context4.t5 = fluidType === _fluid.FluidType.ELECTRICITY ? this.getMonthElectricSpecificConsumption(month) : null;
+                _context4.t6 = fluidType === _fluid.FluidType.WATER ? this.getMonthColdWaterConsumption(month) : null;
+                detailsMonthlyForecast = {
+                  heatingConsumption: _context4.t2,
+                  ecsConsumption: _context4.t3,
+                  cookingConsumption: _context4.t4,
+                  electricSpecificConsumption: _context4.t5,
+                  coldWaterConsumption: _context4.t6
+                };
+                return _context4.abrupt("return", detailsMonthlyForecast);
+
+              case 22:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this);
+      }));
+
+      function getDetailsMonthlyForecast(_x5, _x6) {
+        return _getDetailsMonthlyForecast.apply(this, arguments);
+      }
+
+      return getDetailsMonthlyForecast;
+    }()
+    /**
+      * getFluidForecast
+      * @param {FluidType} fluidType
+      * @param {number} month
+      @returns {FluidForecast} fluidForecast
+      */
+
+  }, {
+    key: "getFluidForecast",
+    value: function () {
+      var _getFluidForecast = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(fluidType, month) {
+        var detailsMonthlyForecast, fluidLoad, converterService, fluidValue, fluidForecast;
+        return _regenerator.default.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                _context5.next = 2;
+                return this.getDetailsMonthlyForecast(fluidType, month);
+
+              case 2:
+                detailsMonthlyForecast = _context5.sent;
+                fluidLoad = 0;
+                Object.values(detailsMonthlyForecast).forEach(function (load) {
+                  if (load !== null) fluidLoad += load;
+                });
+                converterService = new _converter.default();
+                fluidValue = parseFloat(converterService.LoadToEuro(fluidLoad, fluidType).toPrecision(5));
+                fluidForecast = {
+                  fluidType: fluidType,
+                  load: fluidLoad,
+                  value: fluidValue,
+                  detailsMonthlyForecast: detailsMonthlyForecast
+                };
+                return _context5.abrupt("return", fluidForecast);
+
+              case 9:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5, this);
+      }));
+
+      function getFluidForecast(_x7, _x8) {
+        return _getFluidForecast.apply(this, arguments);
+      }
+
+      return getFluidForecast;
+    }()
+    /**
+     * getMonthlyForecast
+     * @param {number} month
+     * @returns {MonthlyForecast} MonthlyForecast
+     */
+
+  }, {
+    key: "getMonthlyForecast",
+    value: function () {
+      var _getMonthlyForecast = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(month) {
+        var elecForecast, waterForecast, gasForecast, monthlyForecast;
+        return _regenerator.default.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                _context6.next = 2;
+                return this.getFluidForecast(_fluid.FluidType.ELECTRICITY, month);
+
+              case 2:
+                elecForecast = _context6.sent;
+                _context6.next = 5;
+                return this.getFluidForecast(_fluid.FluidType.WATER, month);
+
+              case 5:
+                waterForecast = _context6.sent;
+                _context6.next = 8;
+                return this.getFluidForecast(_fluid.FluidType.GAS, month);
+
+              case 8:
+                gasForecast = _context6.sent;
+                monthlyForecast = {
+                  month: month,
+                  fluidForecast: [elecForecast, waterForecast, gasForecast],
+                  totalValue: elecForecast.value + waterForecast.value + gasForecast.value
+                };
+                return _context6.abrupt("return", monthlyForecast);
+
+              case 11:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6, this);
+      }));
+
+      function getMonthlyForecast(_x9) {
+        return _getMonthlyForecast.apply(this, arguments);
+      }
+
+      return getMonthlyForecast;
+    }()
+    /**
+     * Try to fetch dju from remote doctype, if no data or error, return default data
+     * @param {Client} client
+     * @param {number} month
+     * @returns {number} monthDju
+     */
+
+  }, {
+    key: "__reactstandin__regenerateByEval",
+    value: // @ts-ignore
+    function __reactstandin__regenerateByEval(key, code) {
+      // @ts-ignore
+      this[key] = eval(code);
+    }
+  }], [{
+    key: "checkConsistency",
+    value:
+    /**
+     * checkConsistency
+     * @param {ProfileType} profileType
+     * @returns {ProfileType} consistent profile type
+     */
+    function checkConsistency(profileType) {
+      if (profileType.housingType === _profileType.HousingType.INDIVIDUAL_HOUSE) {
+        profileType.floor = _profileType.Floor.NOT_APPLICABLE;
+        profileType.heating = _profileType.IndividualOrCollective.INDIVIDUAL;
+        profileType.coldWater = _profileType.IndividualOrCollective.INDIVIDUAL;
+        profileType.hotWater = _profileType.IndividualOrCollective.INDIVIDUAL;
+      } else {
+        if (profileType.heating === _profileType.IndividualOrCollective.COLLECTIVE) {
+          profileType.warmingFluid = null;
+          profileType.individualInsulationWork = [];
+          profileType.facilitiesInstallation = [];
+        }
+
+        if (profileType.hotWater === _profileType.IndividualOrCollective.COLLECTIVE) {
+          profileType.hotWaterFluid = null;
+          profileType.hotWaterEquipment = _profileType.HotWaterEquipment.OTHER;
+        }
+      }
+
+      if (profileType.constructionYear === _profileType.ConstructionYear.AFTER_1998) {
+        profileType.individualInsulationWork = [_profileType.IndividualInsulationWork.NONE];
+      } // Remove potential metadata from already existing profileType in order
+      // to create a new entry. Otherwise will update existing one.
+
+
+      if (profileType._id) {
+        delete profileType._id;
+        delete profileType._rev;
+        delete profileType._type;
+        delete profileType.cozyMetadata;
+      }
+
+      if (profileType.updateDate) {
+        profileType.updateDate = profileType.updateDate.setZone('utc', {
+          keepLocalTime: true
+        });
+      }
+
+      return profileType;
+    }
+  }]);
+  return ProfileTypeService;
+}();
+
+exports.default = ProfileTypeService;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ProfileTypeService, "ProfileTypeService", "/builds/web-et-numerique/llle_project/ecolyo/src/services/profileType.service.ts");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
+
+/***/ }),
+
 /***/ "7kNj":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -7130,7 +8175,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.gcu-content-root {\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: left;\n  padding: 0 2rem; }\n  .gcu-content-root .gcu-content-wrapper {\n    max-width: 36rem;\n    margin: 2rem 0;\n    color: #e0e0e0;\n    width: 100%; }\n    .gcu-content-root .gcu-content-wrapper .version {\n      color: #a0a0a0;\n      text-align: center; }\n    .gcu-content-root .gcu-content-wrapper .gcu-content-title,\n    .gcu-content-root .gcu-content-wrapper .gcu-content-subtitle {\n      text-align: center; }\n    .gcu-content-root .gcu-content-wrapper > p {\n      color: #e0e0e0;\n      margin-top: 1rem; }\n    .gcu-content-root .gcu-content-wrapper > p:last-child {\n      margin-bottom: 1rem; }\n    .gcu-content-root .gcu-content-wrapper .gcu-content-part-title {\n      margin-top: 1.25rem;\n      color: #e3b82a; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.gcu-content-root {\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: left;\n  padding: 0 2rem; }\n  .gcu-content-root .gcu-content-wrapper {\n    max-width: 36rem;\n    margin: 2rem 0;\n    color: #e0e0e0;\n    width: 100%; }\n    .gcu-content-root .gcu-content-wrapper .version {\n      color: #a0a0a0;\n      text-align: center; }\n    .gcu-content-root .gcu-content-wrapper .gcu-content-title,\n    .gcu-content-root .gcu-content-wrapper .gcu-content-subtitle {\n      text-align: center; }\n    .gcu-content-root .gcu-content-wrapper > p {\n      color: #e0e0e0;\n      margin-top: 1rem; }\n    .gcu-content-root .gcu-content-wrapper > p:last-child {\n      margin-bottom: 1rem; }\n    .gcu-content-root .gcu-content-wrapper .gcu-content-part-title {\n      margin-top: 1.25rem;\n      color: #e3b82a; }\n", ""]);
 
 
 
@@ -7393,7 +8438,18 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-end-container {\n  position: relative;\n  min-height: inherit;\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #e0e0e0;\n  max-width: 45.75rem; }\n  @media only screen and (max-width: 768px) {\n    .eg-selection-end-container {\n      margin: 0 1rem;\n      max-width: unset; } }\n  .eg-selection-end-container .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: center;\n    align-items: center; }\n    .eg-selection-end-container .content .title {\n      color: #e3b82a;\n      margin: 1rem; }\n      @media all and (min-width: 1023px) {\n        .eg-selection-end-container .content .title {\n          margin: 5rem; } }\n    .eg-selection-end-container .content .text {\n      margin-top: 1rem; }\n  .eg-selection-end-container .buttons {\n    margin: 1rem 0;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    width: 100%; }\n    .eg-selection-end-container .buttons button.btn-highlight {\n      padding: 0.75rem 0.5rem;\n      margin: 0 0.5rem;\n      max-width: 25rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-end-container {\n  position: relative;\n  min-height: inherit;\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #e0e0e0;\n  max-width: 45.75rem; }\n  @media only screen and (max-width: 768px) {\n    .eg-selection-end-container {\n      margin: 0 1rem;\n      max-width: unset; } }\n  .eg-selection-end-container .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: center;\n    align-items: center; }\n    .eg-selection-end-container .content .title {\n      color: #e3b82a;\n      margin: 1rem; }\n      @media all and (min-width: 1023px) {\n        .eg-selection-end-container .content .title {\n          margin: 5rem; } }\n    .eg-selection-end-container .content .text {\n      margin-top: 1rem; }\n  .eg-selection-end-container .buttons {\n    margin: 1rem 0;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    width: 100%; }\n    .eg-selection-end-container .buttons button.btn-highlight {\n      padding: 0.75rem 0.5rem;\n      margin: 0 0.5rem;\n      max-width: 25rem; }\n", ""]);
+
+
+
+/***/ }),
+
+/***/ "8c7M":
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__("JPst")(false);
+// Module
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-type-finished-card {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: 2rem 1.25rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 80%;\n  text-align: center;\n  padding: 0.5rem 1rem 1rem; }\n  @media (min-width: 1023px) {\n    .profile-type-finished-card {\n      width: 50%;\n      min-height: 28.75rem; } }\n  @media (min-width: 1201px) {\n    .profile-type-finished-card {\n      width: 40%;\n      min-height: 28.75rem; } }\n  .profile-type-finished-card button.profile-type-finished-button {\n    margin-top: 2.875rem; }\n\n.profile-type-finished-label {\n  color: #e3b82a; }\n\n.profile-type-finished-description {\n  margin-top: 1.875rem; }\n", ""]);
 
 
 
@@ -7667,7 +8723,7 @@ if(false) {}
 /***/ "9pOX":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"common\":{\"title_app\":\"Ecolyo\",\"title_challenge\":\"Défis\",\"title_quiz\":\"Quiz\",\"title_exploration\":\"Exploration\",\"title_action\":\"Action\",\"title_duel\":\"Duel final\",\"title_ecogestures\":\"Écogestes\",\"title_options\":\"Options\",\"title_analysis\":\"Analyse\",\"title_profiletype\":\"Ajuster mon profil\",\"title_faq\":\"FAQ\",\"title_legal_notice\":\"Mentions légales\",\"title_gcu\":\"CGU\",\"accessibility\":{\"loading\":\"Chargement\"}},\"FLUID\":{\"ELECTRICITY\":{\"NAME\":\"Electricité\",\"LABEL\":\"Électricité\",\"UNIT\":\"kWh\",\"ADD\":\"Ajouter l'électricité\",\"MEGAUNIT\":\"MWh\",\"provider\":\"Enedis\"},\"WATER\":{\"NAME\":\"Eau\",\"LABEL\":\"Eau\",\"ADD\":\"Ajouter l'eau\",\"UNIT\":\"L\",\"MEGAUNIT\":\"m³\",\"provider\":\"Eau du Grand Lyon\"},\"GAS\":{\"NAME\":\"Gaz\",\"LABEL\":\"Gaz\",\"ADD\":\"Ajouter le gaz\",\"UNIT\":\"kWh\",\"MEGAUNIT\":\"MWh\",\"provider\":\"GRDF\"},\"MULTIFLUID\":{\"NAME\":\"Multi fluide\",\"LABEL\":\"Multi\",\"UNIT\":\"€\"}},\"action\":{\"duration\":\"Durée : %{smart_count} jours\",\"result\":\"Résultat\",\"finished\":\"Défi terminé !\",\"details\":\"Détail de l'écogeste\",\"apply\":\"J'applique cette action\",\"other\":\"Je choisis une autre action\",\"resultText1\":\"Cela n'a pas été trop difficile ?\",\"resultText2\":\"Jetez un coup d'œil dans la page conso dans 1 à 3 jours, le temps que vos données arrivent, pour voir l'impact de votre écogeste.\",\"resultText3\":\"Pas de baisse de significative ? Pas de panique, en maintenant cette pratique dans le temps, les économies d'énergies et d'eau seront davantage visibles.\",\"resultText4\":\"Dans tous les cas, bravo, vous remportez...\",\"ok\":\"Ok\"},\"action_modal\":{\"accept\":\"Je relève le défi\",\"refuse\":\"Je me défile\",\"accessibility\":{\"window_title\":\"Fenêtre de confirmation\",\"button_accept\":\"Accepter\",\"button_refuse\":\"Refuser\"}},\"analysis\":{\"viewTitle\":\"Analyse\",\"comparison\":\"Comparatif\",\"analysis_date\":\"Conso totale\",\"challenge\":\"Défis terminés en\",\"user_consumption\":\"Votre conso\",\"average_home\":\"Conso moyenne d'un profil similaire\",\"ideal_home\":\"Conso idéale pour votre profil\",\"approximative_description\":\"Pour comparer votre consommation avec un foyer similaire ou avec une conso idéale, veuillez détailler votre profil\",\"not_connected\":\"Non connecté\",\"no_data_2\":\"Données non disponibles\",\"accessibility\":{\"button_go_to_profil\":\"Aller à la page de profil\"},\"max_day\":\"Jour où vous avez le plus consommé\",\"compare\":{\"title\":\"Comparateur\"},\"no_data\":\"Pas de données\"},\"analysis_error_modal\":{\"title\":\"Aucune analyse\",\"message\":\"Pour profiter d’une analyse de vos consommations, connectez au moins un de vos compteurs.\",\"go_to_options\":\"Je connecte mes compteurs\",\"go_back\":\"Retour\",\"accessibility\":{\"window_title\":\"Fenêtre d'erreur\",\"button_go_back\":\"Retour\",\"button_goto_konnector\":\"Aller aux connecteurs\"}},\"analysis_pie\":{\"total\":\"Conso totale\",\"month\":\"Au mois de \",\"estimation\":\"Comment sont estimés\",\"estimation2\":\"les prix ?\"},\"special_elec\":{\"title\":\"Spécial Électricité\",\"average\":\"Conso moyenne\",\"weektype\":\"un jour de \",\"week\":\"semaine\",\"weekend\":\"week-end\",\"min\":\"Conso minimum\",\"percentage\":\"Part dans la facture\",\"price\":\"Soit\",\"maxPower\":\"Puissance maximum atteinte\",\"showModal\":\"Plus d'infos\"},\"elec_info_modal\":{\"accessibility\":{\"window_title\":\"electricity-info-modal\",\"button_close\":\"close-modal\"},\"title1\":\"Qu’est-ce que la consommation minimum ?\",\"title2\":\"Qu’est-ce que la puissance maximum ?\",\"text1\":\"Elle correspond à votre plus petite consommation du mois sur un créneau d'une demi-heure.\",\"text2\":\"Nous extrapolons cette consommation sur 1 mois afin vous donner un aperçu de la consommation de vos consommations électriques en veille (box, télé, chargeurs, ...) ou encore de celle, incompressible, de vos appareils de froid (frigo, congélateur).\",\"text3\":\"C’est la puissance maximum délivrée par tous les appareils fonctionnant au même moment dans votre logement.\",\"text4\":\"Vous avez choisi une puissance maximum dans votre offre d’éléctricité (3, 6 ou 9 kVA...) que vous ne devez pas dépasser pour ne pas faire sauter votre compteur. \",\"text5\":\"Cette puissance varie d'un mois à l'autre, regardez cette valeur sur l'ensemble de l'année pour vérifier si votre puissance souscrite correspond bien à votre usage.\"},\"auth\":{\"enedisgrandlyon\":{\"connect\":{\"label1\":\"Je me connecte à mon\",\"label2\":\"compte Enedis\"},\"no_account\":{\"title\":\"Ecolyo doit se connecter à votre compte Enedis\",\"subtitle1\":\"Si vous n’avez pas de compte Enedis\",\"button_create_account\":\"Je crée mon compte Enedis\",\"subtitle2\":\"Si vous avez déjà un compte Enedis,\",\"subtitle2_info\":\"votre accord est nécessaire pour connecter Enedis et Ecolyo\",\"info\":\"Enedis est responsable de votre compteur Linky et en charge de relever vos consommations.\"},\"title_with_account\":\"Votre compte Enedis a bien été créé ?\",\"with_account\":{\"title\":\"Votre compte Enedis a bien été créé ?\",\"subtitle1\":\"Plus qu’à donner votre accord pour connecter Enedis et Ecolyo !\",\"subtitle2\":\"Si vous n’avez pas de compte Enedis\",\"button_create_account\":\"Je crée mon compte\",\"subtitle2_info\":\"En cas de soucis pour créer votre compte ou pour vous y connecter, un guide en pas-à-pas est disponible pour vous y aider.\",\"button_goto_guide\":\"Voir le guide\"}},\"grdfgrandlyon\":{\"connect\":{\"label1\":\"Je me connecte à mon\",\"label2\":\"compte GRDF\"},\"no_account\":{\"title\":\"Ecolyo doit se connecter à votre compte GRDF\",\"subtitle1\":\"Si vous n’avez pas de compte GRDF\",\"button_create_account\":\"Je crée mon compte GRDF\",\"subtitle2\":\"Si vous avez déjà un compte GRDF,\",\"subtitle2_info\":\"votre accord est nécessaire pour connecter GRDF et Ecolyo\",\"info\":\"GRDF est responsable de votre compteur Gazpar et en charge de relever vos consommations.\"},\"with_account\":{\"title\":\"Votre compte GRDF a bien été créé ?\",\"subtitle1\":\"Plus qu’à donner votre accord pour connecter GRDF et Ecolyo !\",\"subtitle1_info\":\"Une période de consentement minimale d'un an est recommandée\",\"subtitle2\":\"Si vous n’avez pas de compte GRDF\",\"button_create_account\":\"Je crée mon compte\",\"subtitle2_info\":\"En cas de soucis pour créer votre compte ou pour vous y connecter, un guide en pas-à-pas est disponible pour vous y aider.\",\"button_goto_guide\":\"Voir le guide\"}},\"eglgrandlyon\":{\"connect\":{\"login\":\"Identifiant Eau du Grand Lyon (7 chiffres)\",\"password\":\"Mot de passe\",\"label1\":\"Je me connecte à mon\",\"label2\":\"compte Eau du Grand Lyon\"},\"no_account\":{\"title\":\"Ecolyo doit se connecter à votre compte Eau du Grand Lyon\",\"subtitle1\":\"Si vous n’avez pas de compte EGL\",\"button_create_account\":\"Je crée mon compte EGL\",\"subtitle2\":\"Si vous avez déjà un compte EGL,\",\"subtitle2_info\":\"renseignez votre identifiant Eau Du Grand Lyon.\"},\"with_account\":{\"title\":\"Votre compte Eau du Grand Lyon a bien été créé ?\",\"subtitle1\":\"Plus qu’à donner votre accord pour connecter EGL et Ecolyo !\",\"subtitle2\":\"Si vous n’avez pas de compte EGL\",\"button_create_account\":\"Je crée mon compte\",\"subtitle2_info\":\"En cas de soucis pour créer votre compte ou pour vous y connecter, un guide en pas-à-pas est disponible pour vous y aider.\",\"button_goto_guide\":\"Voir le guide\"}},\"accessibility\":{\"button_reveal_password\":\"Afficher le mot de passe\",\"button_connect\":\"Se connecter\",\"button_create_account\":\"Se créer un compte\",\"button_goto_guide\":\"Voir le guide\"}},\"challenge\":{\"card\":{\"ongoing\":{\"quiz\":\"Quiz\",\"exploration\":\"Explorations\",\"action\":\"Actions\",\"duel\":\"Duel Final\",\"result\":\"Résultat\",\"duelDone\":\"du duel final\"},\"locked\":{\"desc\":\"À débloquer en terminant le challenge précédent\"}},\"card_done\":{\"day\":\" jour\",\"days\":\" jours\",\"saving\":\"Économie de\",\"depense\":\"Dépense de\",\"win\":\"Gagné\",\"lost\":\"Perdu\",\"stars\":\" étoiles\",\"get_in\":\"obtenues en \",\"final_defi\":\"sur le duel final\"},\"card_unlocked\":{\"button_launch\":\"Lancer le challenge\"},\"accessibility\":{\"button_launch\":\"Lancer le challenge\",\"button_goto_konnector\":\"Aller aux connecteurs\",\"button_slider_previous\":\"Précédent\",\"button_slider_next\":\"Suivant\"}},\"challenge_no_fluid_modal\":{\"title\":\"Oups !\",\"content\":\"Connectez au moins 1 fluide pour pouvoir jouer\",\"button_validate\":\"Ok\",\"accessibility\":{\"window_title\":\"Fenêtre d'erreur\",\"button_validate\":\"Valider\"}},\"consumption\":{\"display_last_data\":\"Voir mes dernières consos\",\"accessibility\":{\"button_previous_period\":\"Afficher la période précédente\",\"button_next_period\":\"Afficher la période suivante\",\"button_previous_value\":\"Sélectionner la valeur précédente\",\"button_next_value\":\"Sélectionner la valeur suivante\",\"checkbox_compare\":\"Afficher ou cacher la comparaison\"},\"partners_issue_modal\":{\"title\":\"Un problème dans la récupération de vos données\",\"text_1\":\"Ces partenaires nous indiquent qu’ils subissent en ce moment un soucis technique :\",\"text_2\":\"La visualisation de vos consommations peut s’en trouver affectée.\",\"button_validate\":\"J'ai compris\"}},\"consumption_details\":{\"detail\":\"Détail par fluide\",\"connect\":\"Connecter d'autres fluides\",\"mini_cards_label\":\"AUTRES ENERGIES\"},\"consumption_visualizer\":{\"missing_data\":\"Données manquantes\",\"no_data\":\"Pas de données\",\"why_no_data\":\"Pourquoi n'ai-je pas de données ?\",\"last_data\":\"Dernières données\",\"last_valid_data\":\"Dernières données disponibles\",\"last_valid_data_multi\":\"Dernières données complètes\",\"data_to_come\":\"à venir\",\"aie\":\"Aïe !\",\"data_empty\":\"Vide\",\"estimated\":\"estimés\",\"dataModal\":{\"list_title\":\"3 raisons possibles :\",\"item1\":\"le lien entre Ecolyo et le fournisseur de données est rompu : une mise à jour de ce lien (en bas de la page) peut résoudre ce problème.\",\"item2\":\"un problème technique chez votre gestionnaire : se connecter directement chez ce gestionnaire pour vérifier que cette donnée apparaît.\",\"item3\":\"vous n'aviez tout simplement pas de compteur communicant à l'époque !\"},\"modal\":{\"window_title\":\"info estimation des prix\",\"title\":\"Comment sont estimés les prix ?\",\"close\":\"Fermer la fenêtre\",\"part1\":\"Le prix de votre électricité ou de votre gaz dépend de l'offre choisie auprès de votre fournisseur. N’ayant pas accès à cette information, Ecolyo affiche un prix moyen par fluide. \",\"part2\":\"Tarifs moyens retenus :\",\"list1\":\" : 1 kWh = %{elecPrice} €TTC (il correspond au tarif réglementé d’EDF au %{elecPriceStartDate} pour une puissance souscrite de 3 ou 6 kVA et hors offre heure pleine/heure creuse)\",\"list2\":\" : 1 kWh = %{gasPrice} €TTC (tarif réglementé de vente au %{gasPriceStartDate} pour un consommateur soutirant moins de 6 MWh par an)\",\"list3\":\" : 1 litre d’eau = %{waterPrice} € TTC (prix constaté au %{waterPriceStartDate} pour un abonnement et une consommation de 120 m3/an sur la Métropole de Lyon)\",\"part3\":\"Le coût de votre abonnement n'est pas pris en compte dans Ecolyo.\"},\"release_notes_modal\":{\"title\":\"Du nouveau sur Ecolyo !\",\"message\":\"Les mises à jour suivantes ont été effectuées sur votre application :\",\"go_back\":\"Retour\",\"accessibility\":{\"window_title\":\"Fenêtre de notifications\",\"button_go_back\":\"J'ai compris\"}}},\"duel\":{\"global_error\":\"Oups. Une erreur est survenue. Veuillez retourner à l'écran d’accueil des défis\",\"button_go_back\":\"Retour\",\"average_info\":\"%{average} euros étant votre moyenne actuelle, relevez-vous le défi ?\",\"button_start\":\"Allons-y !\",\"goal1\":\"Faites moins que votre moyenne actuelle sur %{durationInDays} jours\",\"goal2\":\"pour gagner le badge %{title}\",\"caption_average\":\"Votre moyenne à titre indicatif\",\"caption_consumption\":\"Votre consommation\",\"caption_incoming\":\"Données à venir\",\"accessibility\":{\"button_go_back\":\"Retour\",\"button_start_duel\":\"Lancer le duel\",\"button_start_quiz\":\"Lancer le quiz\"}},\"duel_result_modal\":{\"sucess\":{\"title\":\"Félicitations !\",\"message1\":\"Vous avez économisé \",\"message2\":\"et gagné le badge \",\"button_validate\":\"Youpi !\"},\"lost\":{\"title\":\"Presque !\",\"message1\":\"Vous avez dépassé de \",\"message2\":\"et manqué le badge \",\"button_validate\":\"Zut alors !\"},\"accessibility\":{\"window_title\":\"Fenêtre de résultat\",\"button_validate\":\"Valider\"}},\"duel_empty_value_modal\":{\"title\":\"Oups !\",\"message\":\"Impossible de lancer le duel. Il nous manque en effet certaines de vos données de consommation pour vous proposer un duel à votre hauteur.\",\"button\":\"Je retourne au menu des défis\",\"accessibility\":{\"window_title\":\"Fenêtre d'erreur\",\"button_validate\":\"Retourner au menu des défis\"}},\"ecogesture\":{\"title_tab_0\":\"Objectifs\",\"title_tab_1\":\"Je fais déjà\",\"title_tab_2\":\"Tous\",\"MENU_TITLE\":\"Filtrer\",\"ALL\":\"Tous les usages\",\"HEATING\":\"Chauffage\",\"AIR_CONDITIONING\":\"Climatisation\",\"ECS\":\"Eau chaude\",\"COLD_WATER\":\"Eau froide\",\"ELECTRICITY_SPECIFIC\":\"Électricité courante\",\"COOKING\":\"Cuisson\",\"selection\":\"Sélectionner les écogestes les plus adaptés à votre consommation\",\"selection_2\":\"vus sur\",\"button_selection\":\"Continuer ma sélection\",\"no_ecogesture\":\"Aucun écogeste ne correspond à votre filtrage\",\"no_ecogesture_filter\":{\"text1\":\"Nous n'avons pas trouvé d'écogestes adaptés à votre profil dans cette catégorie.\",\"text2\":\"En effet, de par votre profil et vos modes de chauffage, d'eau ou d'eau chaude sanitaire, nous n'avons pas identifié d'éco-gestes vous permettant de diminuer vos factures à titre individuel. Toutefois, vous pouvez toujours agir pour préserver les ressources en appliquant et diffusant autour de vous les autres bonnes pratiques présentées dans la partie \\\"Tous les écogestes\\\".\"},\"adjust_profil\":{\"description\":\"Pour une sélection d’écogestes adaptée à votre consommation, vous pouvez ajuster votre profil.\",\"button_go_to_profil\":\"Ajuster mon profil\"},\"accessibility\":{\"window_title\":\"Fenêtre d'information'\",\"button_go_to_profil\":\"Aller à la page de profil\",\"button_close\":\"Fermer la fenetre\",\"button_selection\":\"Aller à la page de sélection\"},\"doing\":\"Je fais déjà\",\"objective\":\"Objectif\",\"emptyList\":{\"obj1\":\"Les écogestes sont des actions qui vous permettent de réduire vos consommations et donc vos factures.\",\"obj1_done\":\"Aucun écogeste n’est indiqué comme objectif actuellement.\",\"obj2\":\"Vous pouvez sélectionner ceux à mettre en objectifs et ceux que vous appliquez déjà.\",\"obj2_done\":\"Vous pouvez consulter tous les écogestes et ajouter les gestes que vous souhaitez garder en objectif dans cette section.\",\"doing1\":\"Aucun écogeste n’est indiqué comme déjà appliqué actuellement.\",\"doing1_done\":\"Aucun écogeste n’est indiqué comme déjà appliqué actuellement.\",\"doing2\":\"Vous pouvez consulter tous les écogestes et ajouter les gestes que vous mettez déjà en pratique dans cette section.\",\"doing2_done\":\"Vous pouvez consulter tous les écogestes et ajouter les gestes que vous mettez déjà en pratique dans cette section.\",\"btn1\":\"Voir tous les écogestes\",\"btn2\":\"Sélectionner\"},\"initModal\":{\"title\":\"Sélectionner mes écogestes\",\"text1\":\"Les écogestes sont des actions qui vous permettent de réduire vos consommations et donc vos factures.\",\"text2\":\"Vous pouvez sélectionner ceux à mettre en objectifs et ceux que vous appliquez déjà.\",\"text3\":\"Afin de savoir quels écogestes correspondent à votre consommation, merci de répondre à quelques rapides questions.\",\"btn1\":\"Plus tard\",\"btn2\":\"C'est parti !\"}},\"ecogesture_modal\":{\"title_ecogesture\":\"Écogeste\",\"title_action\":\"Action\",\"efficiency\":\"Efficacité\",\"show_less\":\"Je veux moins d’infos\",\"show_more\":\"Je veux plus d’infos\",\"select_action\":\"Je choisis cette action\",\"accessibility\":{\"window_title_ecogesture\":\"Fenêtre ecogeste\",\"window_title_action\":\"Fenêtre action\",\"button_close\":\"Fermer la fenêtre\",\"button_select_action\":\"Sélectionner cette action\",\"button_see_more_detail\":\"Afficher plus de détails\"}},\"ecogesture_info_modal\":{\"header\":\"Comment sont choisis les écogestes adaptés à mon profil ?\",\"text\":\"Les écogestes adaptés à votre profil sont aujourd'hui choisis en fonction des compteurs individuels que vous possédez (communicants ou non). Ceux présentés ici vous permettent d'agir sur vos consommations individuelles. Des modes de tri plus personnalisables seront proposés à l'avenir.\",\"button_close\":\"J'ai compris\",\"accessibility\":{\"window_title\":\"Fenêtre d'information\",\"button_close\":\"Fermer la fenêtre\"}},\"ecogesture_form\":{\"heating_type\":{\"title\":\"Chauffage\",\"question\":\"Quel est votre type de chauffage ?\",\"individual\":\"Individuel\",\"collective\":\"Collectif\"},\"warming_fluid\":{\"0\":\"Électricité\",\"2\":\"Gaz\",\"3\":\"Bois\",\"4\":\"Fioul\",\"title\":\"Source chauffage\",\"question\":\"Quelle source d’énergie principale utilisez-vous pour votre chauffage ?\"},\"hot_water_type\":{\"title\":\"Eau chaude\",\"question\":\"Quel est votre type de production d’eau chaude ?\",\"individual\":\"Individuelle\",\"collective\":\"Collective\"}},\"ecogesture_profile\":{\"equipments\":{\"question\":\"Quels équipements possédez-vous ?\",\"hint\":\"Plusieurs réponses possibles\",\"air_conditioning\":\"Climatisation\",\"computer\":\"Ordinateur\",\"microwave\":\"Micro-ondes\",\"oven\":\"Four\",\"washing_machine\":\"Lave-linge\",\"dishwasher\":\"Lave-vaisselle\",\"cooking_plates\":\"Plaques électriques\",\"garden\":\"Jardin\",\"dryer\":\"Sèche-linge\",\"refregirator\":\"Réfrigérateur\",\"fan\":\"Ventilateur\",\"water_heater\":\"Chauffe-eau\",\"curtain\":\"Rideaux\",\"internet_box\":\"Box internet\",\"ventilation\":\"VMC\",\"freezer\":\"Congélateur\",\"boiler\":\"Chaudière\",\"hydraulic_heating\":\"Chauffage hydraulique\"}},\"ecogesture_selection\":{\"header\":\"Sélection des écogestes\",\"title\":\"Vous avez parcouru un groupe de %{smart_count} écogestes\",\"text\":\"Voulez-vous continuer sur votre lancée ou remettre cette sélection à plus tard ?\",\"title_final\":\"Félicitations !\",\"text_final_1\":\"Vous avez terminé la sélection des écogestes adaptés à votre consommation.\",\"text_final_2\":\"Vous pouvez les retrouver dans les sections “Objectifs” et “Je fais déjà” selon que vous les pratiquiez déjà ou non.\",\"button_go_to_ecogesture\":\"Plus tard\",\"button_ok\":\"J'ai compris\",\"button_continue\":\"Poursuivre\",\"button_objective\":\"Objectif\",\"button_doing\":\"Je fais déjà\",\"button_skip\":\"Pas interessé\",\"accessibility\":{\"window_title\":\"Fenêtre d'information'\",\"button_close\":\"Fermer la fenetre\",\"button_go_to_ecogesture\":\"Retourner aux ecogestes\",\"button_continue\":\"Poursuivre\",\"button_ok\":\"Fermer la sélection\"},\"selectionModal\":{\"title\":\"Des écogestes correspondants à votre profil ont été trouvés !\",\"text\":\"À vous de choisir ceux que vous souhaitez mettre en objectif et ceux que vous faites déjà.\",\"button_close\":\"C'est parti !\"}},\"exploration\":{\"global_error\":\"Oups. Une erreur est survenue. Veuillez retourner à l'écran d’accueil des défis\",\"button_go_back\":\"Retour\",\"button_already_done\":\"C’est déjà fait !\",\"button_come_back\":\"Je reviens quand cela sera fait\",\"button_start\":\"C'est parti !\",\"watch_consumption\":\"Je fonce\",\"congratulation\":\"Bravo !\",\"earn\":\"Vous remportez\",\"button_confirm\":\"Ok\",\"interval\":{\"explanation\":\"Vous pouvez vérifier cette informations sur l'écran Conso.\"},\"accessibility\":{\"button_already_done\":\"Marquer l'exploration comme déjà réalisée\",\"button_confirm\":\"Valider\",\"button_come_back\":\"Fermer l'exploration\",\"button_go_back\":\"Retour\",\"button_start\":\"Lancer l'exploration\"}},\"error_page\":{\"main\":\"Erreur\",\"back\":\"Retour\",\"no_ecogesture\":\"Oups ! Nous n'avons pas trouvé l'écogeste demandé.\"},\"faq\":{\"title_faq\":\"Foire aux questions\",\"read_faq\":\"Lire la FAQ\",\"accessibility\":{\"button_toggle_detail\":\"Afficher ou masquer le détail de la question\"}},\"feedback\":{\"title\":\"Partagez-nous vos retours\",\"type\":\"Motif du retour :\",\"suggest_faq\":\"Avez-vous pensé à consulter la \",\"description\":\"Description :\",\"description_placeholder\":\"Vos remarques\",\"send\":\"Envoyer\",\"ok\":\"Ok\",\"type_bug\":\"Bug\",\"type_idea\":\"Idée\",\"type_other\":\"Autre\",\"success_sending\":\"Nous vous remercions pour votre retour.\",\"warning\":\"Attention !\",\"error_empty_description\":\"Le champ de description est vide.\",\"error_sending\":\"Erreur lors de l'envoi, veuillez essayer ultérieurement.\",\"upload\":\"Joindre une image\",\"imageLabel\":\"Image :\",\"accessibility\":{\"window_title\":\"Fenêtre de partage de retours\",\"select_type_bug\":\"Sélectionner le motif bug\",\"select_type_idea\":\"Sélectionner le motif idée\",\"select_type_other\":\"Sélectionner le motif autre\",\"button_send\":\"Envoyer le retour\",\"button_ok\":\"Valider\",\"button_close\":\"Fermer la fenêtre de partage de retours\"}},\"dataShare\":{\"title1\":\"Bienvenue !\",\"title1Update\":\"Ecolyo évolue !\",\"title2Update\":\"Pour continuer à utiliser Ecolyo, merci d’accepter les modalités de traitement des données ci-dessous.\",\"part1\":\"Pour le bon fonctionnement du service, nous avons besoin de l’adresse email utilisée lors la création de votre cloud personnel Grand Lyon.\",\"part2\":\"Cette donnée de compte est conservée dans Ecolyo le temps de l’utilisation de ce service.\",\"part3\":\"La Métropole de Lyon utilisera cet email afin de vous tenir informé·e :\",\"item1\":\"En réponse à vos demandes, si vous avez pris l’initiative de nous contacter.\",\"item2\":\"En cas de problème majeur avec la gestion de votre compte.\",\"item3\":\"De l’évolution de vos consommations, des nouveautés et  de la qualité du service via une lettre mensuelle. Vous pouvez à tout moment vous désinscrire de cette lettre via la page Options du service.\",\"part4\":\"Vos données privées de consommation d’énergie et d’eau sont récupérées, sauvegardées et stockées dans votre cloud personnel à votre initiative sans visibilité de la Métropole  de Lyon sur leur contenu.\",\"part5\":\"Il en est de même pour les données privées de composition du logement et du foyer, fournies par vos soins. Elles restent également sans visibilité de la Métropole de Lyon sur leur contenu. \",\"part6\":\"Dans le cadre de l’évaluation et de l’amélioration du service, des données d’utilisation anonymisées seront remontées à des fins d’exploitation statistiques. La récupération de ces statistiques anonymisées nous permettra de s’assurer du bon fonctionnement technique de la connexion à vos données de consommation ainsi que d’évaluer l’impact global en termes de baisse des consommations énergétiques de notre service (Plus d’informations sur la manière dont votre anonymat est bien préservé dans ce processus <a href=\\\"https://ecolyo.com/cloud_statistiques.html\\\">ici</a>).\",\"part7\":\"Au sein de votre cloud personnel, vous pouvez à tout moment exercer vos droits d’accès, de rectification, de portabilité, de limitation et d’opposition. \",\"part8\":\"Vous pouvez également exercer vos droits d’accès, de rectification, de limitation, d’opposition et d’effacement de vos données personnelles en contactant directement le Délégué à la Protection des Données par courrier en écrivant à l’adresse :\",\"part9\":\"Métropole de Lyon – Délégué à la Protection des Données - Direction des Affaires Juridiques et de la Commande Publique - 20, rue du Lac - BP 33569 - 69505 Lyon Cedex 03 \",\"part10\":\"ou en ligne, au moyen du formulaire disponible à l'adresse suivante : \",\"link1\":\"<a href=\\\"https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/\\\">https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/</a>\",\"validDataConsent\":\"Je consens au traitement de mes données tel que décrit ci-dessus.\",\"validCGU\":\"Je valide les <span class=\\\"action\\\">Conditions Générales d’Utilisation</span> \",\"validLegal\":\" du service et ai pris connaissance des <span class=\\\"action\\\"> Mentions Légales </span> de celui-ci.\",\"button_accept\":\"C'est parti !\",\"accessibility\":{\"button_accept\":\"Accepter les conditions générales d'utilisation\"}},\"minorUpdate\":{\"title\":\"Ecolyo évolue !\",\"button\":\"J'ai compris\"},\"gcu\":{\"title\":\"Conditions générales d’utilisation du service\",\"subtitle\":\"Envie de prendre le temps de relire ces CGU ces Conditions Générales d’Utilisation plus tard ? Vous pourrez les retrouver dans la page Options du service.\",\"version\":\"V2.0 du 20.08.2021\",\"content\":{\"title1\":\"Ecolyo, késako ?\",\"part1_1\":\"Ecolyo est un service proposé par la Métropole de Lyon vous permettant de suivre au même endroit vos consommations d’électricité, de gaz et d’eau, en kWh, en litres, en euros et à différentes échelles de temps. Ce service vous permet également de participer à des défis individuels et vous offre une analyse de vos consommations. Des éco-gestes vous sont aussi proposés afin de vous permettre de réduire vos consommations.\",\"part1_2\":\"C’est un service gratuit qui prend la forme d’un site web dit « responsive », c’est-à-dire qu’il peut être consulté sur ordinateur ou sur mobile. Sur mobile, c’est une application que l’on a souhaitée ergonomique, réactive et esthétique pour votre plaisir de navigation et d’utilisation au quotidien.\",\"part1_3\":\"Tous les termes « techniques » sont définis en bas de page.\",\"title2\":\"Quelles fonctionnalités le service propose-t-il ?\",\"part2_1\":\"La fonctionnalité principale d’Ecolyo est la visualisation, au même endroit, de vos consommations d’électricité, de gaz et d’eau et ce, à différents pas de temps (de la demi-heure – uniquement pour l’électricité, à plusieurs années, en passant par les pas de temps journaliers et mensuels). La visualisation des consommations se fait en kWh pour l’énergie et en L pour l’eau ainsi qu’en euros (euros résultant d’un prix moyenné).\",\"part2_2\":\"Au-delà de la visualisation de vos consommations et parce que nous souhaitons vous aider à diminuer ces consommations vous retrouverez plusieurs autres pages : \",\"part2_2_list1\":\"Défis : Des quiz, et actions à mettre en place vous seront proposés pour vous pousser à réduire vos consommations.\",\"part2_2_list2\":\"Écogestes : Une liste d’écogestes à trier par usage, et avec une possibilité de les adapter plus précisément à votre profil.\",\"part2_2_list3\":\"Analyse : Une analyse de vos consommations réelles en comparaison à celle d’un foyer étant proche d’une vôtre.\",\"part2_3\":\"Pour la page Analyse ainsi que pour la partie personnalisation des éco-gestes, des éléments supplémentaires sur votre profil vous seront demandés. L’ensemble de ces informations récoltées à l’aide du formulaire peuvent être modifiées par la suite.\",\"part2_4\":\"Dernière page : la page Options dans laquelle vous pourrez retrouver les connecteurs -  services vous permettant d’aller récupérer vos données d’électricité, de gaz et d’eau - , une foire aux questions, et de quoi ajuster votre profil.\",\"title3\":\"Comment ai-je accès à mes données d’électricité, de gaz et d’eau ?\",\"part3_1\":\"Pour visualiser vos consommations réelles et profiter pleinement du potentiel de notre service, il vous faut au minimum un des trois compteurs communicants suivants : Linky (pour l’électricité), Gazpar (pour le gaz), Téléo (pour l’eau).\",\"part3_2\":\"Ces compteurs sont opérés par les gestionnaires de réseaux. Pour Linky, c’est Enedis, le gestionnaire de réseau de distribution d’électricité. Pour Gazpar, GRDF est responsable de cette gestion. Et pour Téléo, c’est Eau du Grand Lyon.\",\"part3_3\":\"Ces acteurs sont responsables de la relève de vos données. Ces données servent notamment à votre fournisseur d’électricité, de gaz ou d’eau pour permettre la facturation de vos consommations d’énergie. Des fournisseurs d’électricité ou de gaz il y en a des dizaines ! Les gestionnaires de réseaux (… et de votre compteur) ne sont qu’au nombre de trois ! Nous avons donc décidé de travailler avec eux, au plus près de la donnée brute issue de vos compteurs.\",\"part3_4\":\"Il vous faudra donc avoir un compte chez Enedis, GRDF et Eau du Grand Lyon pour accéder à vos données. Si vous n’en avez pas, il suffira de vous en créer un. Ceci ne sera à faire qu’une fois, au début.\",\"title4\":\"Ecolyo se trouve dans un cloud personnel Grand Lyon, qu’est-ce que cela signifie ?\",\"part4_1\":\"Comme vous avez dû le remarquer, lors de votre première connexion à Ecolyo vous avez dû vous créer un compte Cloud Personnel Grand Lyon. Ce cloud personnel est un espace sécurisé porté par l’ambition de vous apporter visibilité, transparence et maitrise sur l’usage de vos données personnelles, et dont les fonctionnalités vous permettant de récupérer, synchroniser, stocker et partager vos données avec les destinataires de votre choix.  Le service Ecolyo se déploie  à l’intérieur de cet espace protégé. Dans ce cloud personnel, vous pourrez accéder également à d’autres services. Toutes les données traitées par Ecolyo, mais aussi les autres services que vous seriez amenés à utiliser dans ce cloud personnel restent dans ce Cloud Personnel Grand Lyon et n’en sortent pas, sauf si vous décidez vous-même de partager vos données avec des tiers.\",\"part4_2\":\"Pour en savoir plus sur ce cloud et son utilisation, ainsi que la durée de conservation de vos données, vous pouvez lire les conditions générales d’utilisation du service <a href=\\\"https://manager.cozygrandlyon.cloud/tos/266b4226-8417-42fb-b911-41e86dae8581.pdf?locale=fr\\\">ici</a>.\",\"title5\":\"Et donc concrètement pour Ecolyo, quelles données sont collectées et qui y a accès ?\",\"part5_1\":\"Pour qu’Ecolyo ait accès à vos données de consommations, vous devrez activer vos connecteurs dans la page Options. À ce moment-là, et à travers un parcours qui vous conduira de manière intuitive sur le site de chacun des gestionnaires de réseaux concerné, vous pourrez donner votre consentement à partager ces données avec le Service Ecolyo, et ce pour une durée limitée dans le temps. Pour les données électriques (chez Enedis), elle est par défaut de 6 mois. Pour les données gaz, cela sera à vous de la définir (nous vous recommandons 1 an pour une expérience optimale).\",\"part5_2\":\"Vos connecteurs, une fois configurés, permettent le transfert de vos données de consommations au service Ecolyo. Le transfert de cette donnée se fait sans que personne n’accède à leur contenu, pas même la Métropole de Lyon. En effet, ces données sont stockées et traitées directement dans votre cloud personnel qui en assure la protection. Tous les calculs, analyses et traitements sur ces données sont faites DANS votre espace personnel sans visibilité sur le contenu des données par la Métropole de Lyon.\",\"part5_3\":\"Vous pouvez bien sûr mettre fin à la récupération/ au transfert de vos données de consommation sur votre espace cloud personnel à tout moment et  à plusieurs niveaux : \",\"part5_3_list1\":\"Vous pouvez supprimer le transfert quotidien de vos données en supprimant tout simplement le connecteur dans la Page Options.\",\"part5_3_list2\":\"Attention : lors de la désinstallation du connecteur qui collecte vos données au sein du cloud, celui-ci ne va plus aller chercher vos données. Par contre, votre consentement chez le partenaire fournisseur est toujours actif jusqu’à votre révocation de consentement auprès de ce dernier. Pour révoquer votre consentement, il vous faudra contacter ou agir directement chez le partenaire en question : Enedis pour l’électricité ou GRDF pour le gaz. Pour l’électricité, vous pouvez peut supprimer votre consentement à partager vos données en écrivant directement à dataconnect(at)enedis.fr. Pour le gaz, il vous faudra vous connecter à <a href=\\\"https://monespace.grdf.fr/monespace/connexion\\\">votre espace GRDF</a> et supprimer le consentement donné à la Métropole de Lyon dans la partie « Suivi de Consommations » puis « Données Consultées ». Au terme de la durée initiale de validité du consentement de 6 mois ou de la durée que vous aurez définie librement, votre consentement sera considéré comme révolu. Tout nouveau transfert de données sera donc soumis à nouveau au recueil préalable de votre consentement.\",\"part5_3_list3\":\"Pour supprimer l’ensemble de vos données ainsi que votre espace personnel Grand Lyon, vous devez demander la suppression de votre cloud. Pour faire cela, rendez-vous dans les paramètres de votre cloud personnel via la barre blanche en haut d’Ecolyo et appuyez sur le bouton « Supprimer mon compte » dans la partie paramètres.\",\"part5_4\":\"Des données sur le profil de votre foyer peuvent être également remplies au sein de l’application. Ces données s’enrichiront au fur et à mesure de votre utilisation du service avec d’autres informations : défis réalisés, étoiles gagnées, etc. L’ensemble de ces données restent à l’intérieur de votre cloud personnel, sans que personne n’y ait accès.\",\"part5_5\":\"Enfin, afin de permettre une mise à jour quotidienne de vos données de consommations, vos identifiants Eau du Grand Lyon, un jeton d’identification Enedis et/ou GRDF ainsi que vos numéros de compteurs sont stockés dans votre cloud personnel – sans droit de regard de la Métropole de Lyon.\",\"title6\":\"Personne n’a donc accès à mes données, pas même la Métropole de Lyon, vraiment ?\",\"part6_1\":\"Conformément aux indications du paragraphe précédent, la Métropole de Lyon n’accède ni à vos données de consommations ni aux données utilisées via certaines fonctionnalités du service comme le formulaire (celui-là même qui permet l’analyse de vos consommations personnalisée ainsi qu’une sélection d’éco-gestes personnalisés). Toutes ces informations sont bien gardées au chaud dans votre cloud personnel Grand Lyon.\",\"part6_2\":\"Seul vous pouvez accepter de partager vos données, documents ou fichiers privés avec la Métropole de Lyon, ses partenaires ou d’autres utilisateurs ou acteurs (publics ou privés) après recueil de votre consentement éclairé et par une action expresse de votre part.\",\"part6_3\":\"La Métropole de Lyon n’a accès qu’à l’adresse email utilisée lors la création de votre cloud personnel Grand Lyon. Elle utilise cet email afin de vous tenir informé·e :\",\"part6_3_list1\":\"En réponse à vos demandes, si vous avez pris l’initiative de nous contacter. \",\"part6_3_list2\":\"En cas de problème majeur avec la gestion de votre compte.\",\"part6_3_list3\":\"De l’évolution de vos consommations, des nouveautés et  de la qualité du service via une lettre mensuelle. Vous pouvez à tout moment vous désinscrire de cette lettre via la page Options du service.\",\"part6_4\":\"Par ailleurs, et dans le cadre de l’évaluation et de l’amélioration du service, des données d’utilisation anonymisées seront remontées à des fins d’exploitation statistiques. La récupération de ces statistiques anonymisées nous permettra de s’assurer du bon fonctionnement technique de la connexion à vos données de consommation ainsi que d’évaluer l’impact global en termes de baisse des consommations énergétiques de notre service\",\"title8\":\"Encore des questions ?\",\"part8_1\":\"N’hésitez pas à consulter la FAQ présente dans le service (page Options) ou à nous contacter via le formulaire de contact (la petite bulle jaune) présente sur l’ensemble des pages.\",\"part8_2\":\"Dernière option, contactez-nous directement à <a href=\\\"mailto:ecolyo@grandlyon.com\\\">ecolyo(at)grandlyon.com</a>.\",\"title9\":\"LEXIQUE\",\"part9_1_title\":\"Cloud personnel Grand Lyon : \",\"part9_1_content\":\"Cloud personnel : appelé aussi le « domicile numérique », le cloud personnel est souvent réduit à un simple espace de stockage de documents mais il est bien plus que ça. C'est un espace individuel et sécurisé où vous pouvez accéder à des services sans exposer aucune donnée à l’extérieur. Vous seul pouvez y accéder, personne d'autre.\",\"part9_2_title\":\"Connecteur : \",\"part9_2_content\":\"Un connecteur est un service, installé dans votre cloud personnel également, qui a pour but uniquement d’aller récupérer les données auprès de différents partenaires/sources de données. Dans le cadre d’Ecolyo, trois connecteurs sont pré-installés dans votre cloud personnel : celui d’Enedis, celui de GRDF et celui d’Eau du Grand Lyon.\",\"part9_3_title\":\"Compteur communicant : \",\"part9_3_content\":\"Un compteur communicant est un compteur qui mesure de manière précise et détaillée vos consommations et peut transmettre ces données  au gestionnaire de réseau via une technologie radio (c'est le cas pour Gazpar et Téléo par exemple) ou via les réseaux électriques (via Courant Porteur en ligne, c'est le cas pour Linky par exemple).\",\"part9_4_title\":\"Fournisseur : \",\"part9_4_content\":\"Votre fournisseur d’électricité, de gaz ou d’eau est l’entreprise qui vous facture votre électricité, gaz ou eau. Côté électricité il en existe <a href=\\\"https://www.enedis.fr/liste-des-fournisseurs-delectricite\\\">aujourd’hui plus de 50</a>, chacun proposant des tarifs différents.\",\"part9_5_title\":\"Gestionnaire de réseau de distribution : \",\"part9_5_content\":\"Appelé aussi parfois distributeur, il est en charge de la livraison de votre électricité, gaz ou eau jusqu’à votre domicile. Il est aussi en charge du compteur qui relève vos consommations. Il transmet vos données de consommations à votre fournisseur afin qu’il effectue la facturation de vos consommations d’énergie. Il peut également les transmettre à tout acteur avec qui vous avez décidé de partager ces données.\"}},\"gcu_modal\":{\"button_accept\":\"J'accepte\",\"accessibility\":{\"window_title\":\"Conditions générales d’utilisation\",\"button_accept\":\"Accepter les conditions générales d'utilisation\"}},\"gcu_option\":{\"title\":\"Conditions générales d’utilisation\",\"read_gcu\":\"Lire les CGU\"},\"header\":{\"accessibility\":{\"button_back\":\"Retour à la page précédente\",\"button_open_feedbacks\":\"Ouvrir le partage de retours\"}},\"konnector_form\":{\"label_updated_at\":\"Dernière mise-à-jour le\",\"button_update\":\"Mettre à jour\",\"wait_end_issue\":\"Attendre la fin de la maintenance avant de mettre à jour.\",\"button_delete\":\"Supprimer\",\"issue\":\"Le problème semble venir de \",\"resolve\":\"Une mise à jour peut résoudre ce problème.\",\"login_failed\":\"Un problème a lieu lors de la récupération de vos données. Merci de supprimer votre connecteur et vous reconnecter.\",\"not_installed\":\"Le connecteur n'est pas installé. Veuillez l'installer en cliquant sur le bouton ci-dessous.\",\"button_install\":\"Installer\",\"error_account_creation\":\"Une erreur est survenue, veuillez essayer de nouveau.\",\"error_no_login_password\":\"Identifiant et mot de passe requis\",\"error_login_failed\":\"Identifiants invalides\",\"error_update\":\"Un problème est survenu lors du rapatriement de vos données.\",\"error_update_oauth\":\"Votre autorisation pour afficher vos données %{fluid} a expiré.\",\"button_oauth_reload\":\"Redonner mon consentement\",\"OK\":\"Ok\",\"accessibility\":{\"button_install\":\"Installer le connecteur\",\"button_update\":\"Mettre à jour votre connexion\",\"button_delete\":\"Supprimer votre connexion\"}},\"konnector_options\":{\"label_connect_to_electricity\":\"Se connecter à l'électricité\",\"label_connect_to_water\":\"Se connecter à l'eau\",\"label_connect_to_gas\":\"Se connecter au gaz\",\"partner_issue\":\"En maintenance\",\"outdated\":\"Données manquantes depuis %{isOutdatedData} jours\",\"accessibility\":{\"label_ko_status\":\"Connecteur en erreur\",\"button_toggle_detail_electricity\":\"Afficher ou masquer le détail de la connexion à l'électricité\",\"button_toggle_detail_water\":\"Afficher ou masquer le détail de la connexion à l'eau\",\"button_toggle_detail_gas\":\"Afficher ou masquer le détail de la connexion au gaz\"}},\"konnector_modal\":{\"loading_data\":\"Veuillez patienter, vos données sont en cours de chargement.\",\"loading_data_update\":\"Veuillez patienter, vos données sont en cours de mise à jour.\",\"success_txt\":\"Félicitations !\",\"success_data_electricity\":\"Vos données de consommation d'électricité sont maintenant connectées à Ecolyo.\",\"success_data_water\":\"Vos données de consommation d'eau sont maintenant connectées à Ecolyo.\",\"success_data_gas\":\"Vos données de consommation de gaz sont maintenant connectées à Ecolyo.\",\"success_data_update_electricity\":\"Vos données de consommation d'électricité sont maintenant à jour dans Ecolyo.\",\"success_data_update_water\":\"Vos données de consommation d'eau sont maintenant à jour dans Ecolyo.\",\"success_data_update_gas\":\"Vos données de consommation de gaz sont maintenant à jour dans Ecolyo.\",\"error_txt\":\"Aïe !\",\"error_data_electricity\":\"Un problème est survenu. Vos données de consommation d’électricité ne seront pas chargées.\",\"error_data_water\":\"Un problème est survenu. Vos données de consommation d’eau ne seront pas chargées.\",\"error_credentials_water\":\"Une erreur s'est glissée dans vos identifiants de connexion. Veuillez vérifier ces éléments et tenter de vous reconnecter. L'identifiant est un numéro à 7 chiffres (différent de votre numéro de contrat).\",\"error_credentials_update_water\":\"Une erreur s'est glissée dans vos identifiants de connexion. Veuillez vérifier ces éléments et tenter de vous reconnecter.\",\"error_credentials_update_electricity\":\"Un problème a lieu lors de la récupération de vos données. Merci de supprimer votre connecteur et vous reconnecter.\",\"error_credentials_update_gas\":\"Un problème a lieu lors de la récupération de vos données. Merci de supprimer votre connecteur et vous reconnecter.\",\"error_data_gas\":\"Un problème est survenu. Vos données de consommmation de gaz ne seront pas chargées.\",\"error_data_update_electricity\":\"Un problème est survenu. Vos données de consommation d’électricité n’ont pas été mises à jour.\",\"error_data_update_water\":\"Un problème est survenu. Vos données de consommation d’eau n’ont pas été mises à jour.\",\"error_data_update_gas\":\"Un problème est survenu. Vos données de consommation de gaz n’ont pas été mises à jour.\",\"error_data_2\":\"Merci de réessayer plus tard.\",\"button_validate\":\"Ok\",\"accessibility\":{\"window_title\":\"Fenêtre d'attente de connexion\",\"button_close\":\"Fermer la fenêtre\"}},\"consent_outdated\":{\"title\":{\"0\":\"Votre autorisation pour afficher vos données d’électricité a expiré\",\"2\":\"Votre autorisation pour afficher vos données de gaz a expiré\"},\"text1\":{\"0\":\"Veuillez re-donner votre consentement pour la transmission et la reconnexion de vos données ENEDIS à Ecolyo.\",\"2\":\"Veuillez re-donner votre accord pour que GRDF nous transmette vos données de consommation.\"},\"text2\":{\"0\":\"Voulez-vous  donner votre accord sur votre compte ENEDIS maintenant ?\",\"2\":\"Voulez-vous  donner votre accord sur votre compte GRDF maintenant ?\"},\"later\":\"Plus tard\",\"go\":\"J'y vais\"},\"delete_grdf_modal\":{\"text1\":\"La suppression de la connexion avec GRDF s’accompagne de la suppression de votre consentement à partager vos données gaz avec Ecolyo.\",\"text2\":\"Si vous souhaitez vous reconnecter, il vous faudra re-donner votre accord pour que GRDF nous transmette vos données de consommation.\",\"text3\":\"Voulez-vous  supprimer votre connexion et votre consentement à GRDF ?\",\"cancel\":\"Plus tard\",\"go\":\"Oui\"},\"legal\":{\"read_legal\":\"Lire les mentions légales\",\"title_legal\":\"Mentions légales\",\"version\":\"V2.0 du 20.08.2021\",\"site\":\"Site du service Ecolyo : <a href=\\\"https://ecolyo.com/\\\"> https://ecolyo.com/</a>\",\"adress\":\"Métropole de Lyon - 20, rue du Lac – CS 33569 - 69505 Lyon cedex 03\",\"phone\":\"Tél : (33) 4 78 63 40 40\",\"mail\":\"<a href=\\\"mailto:ecolyo@grandlyon.com\\\"> ecolyo(at)grandlyon.com</a>\",\"p1b\":\"Directeur de publication : \",\"p1\":\"Blandine MELAY\",\"p2b\":\"Animation éditoriale, gestion et mise à jour : \",\"p2\":\"Marion BERTHOLON, Maria Inés LEAL\",\"p3b\":\"Photographies : \",\"p3\":\"sauf mention contraire, les photos sont la propriété de la Métropole de Lyon\",\"p4b\":\"Conception et Charte graphique : \",\"p4\":\"Florent Dufier -  <a href=\\\"https://florentdufier.myportfolio.com/\\\">https://florentdufier.myportfolio.com/</a>\",\"p5b\":\"Réalisation technique : \",\"p5\":\"Métropole de Lyon, Sopra Steria, Cozy Cloud, Clever Age\",\"p6b\":\"Maintenance technique : \",\"p6\":\"Délégation Développement économique, emploi & savoirs - Innovation numérique & systèmes d’information - Usages et services numériques - Développement des services numériques\",\"title1\":\"Crédits\",\"part1\":\"Ce site est le résultat de développements spécifiques réalisés dans les langages Go, TypeScript, HTML et Sass. Les développements s’appuient sur plusieurs bibliothèques et frameworks libres : axios, cozy-bar, cozy-client, cozy-harvest-lib, cozy-scripts, cozy-ui, d3, detect-browser, eslint-config-cozy-app, global, lodash, luxon, moment, moment-timezone, node-sass, object-hash, react, react-dom, react-lottie, react-redux, react-router-dom, react-swipeable-views, redux-devtools-extension, sass-loader. Les tests de l’application s’appuient sur les biliothèques et frameworks libres suivants: enzyme, enzyme-adapter-react-16, jest-junit, react-test-renderer, redux-mock-store. La pile technique intègre également les applications Cozy stack, Yarn, Docker, ACH. Les déploiements sont réalisés sur le registre hébergé chez Cozy. L’équipe de réalisation utilise au quotidien les applications GitLab, IceScrum, RocketChat, Sonarqube.\",\"title2\":\"Traitement des données personnelles et droit d’accès, de modification et de suppression\",\"part2\":\"Conformément à la réglementation en vigueur en matière de protection des données personnelles, le service Ecolyo a fait l’objet d’une inscription au registre des traitements de la Métropole de Lyon. Ecolyo fait partie de l’écosystème de services orientés « self data » déployés par la Métropole de Lyon avec l’ambition d’offrir aux usagers métropolitains les outils et les services leur permettant d’exercer directement leur droit à la portabilité, dans un cadre apte à garantir aussi bien la transparence et le contrôle sur l’usage de leurs données personnelles que l’exploitation directe du contenu de ces données selon leurs libres choix. Le self data est en effet selon la Fondation Internet Nouvelle Génération (FING) « la production, l’exploitation et le partage de données personnelles par les individus, sous leur contrôle et à leurs propres fins ». Au sein de cet environnement self data, la gestion des données s’appuie sur l’organisation suivante des rôles et responsabilités associées : \",\"part2-1\":\"Les partenaires du service Ecolyo – Enedis, GRDF et Eau du Grand Lyon sont responsables exclusivement des seuls traitements de Données Personnelles relatifs à la collecte des données de consommation de l’usager et à leur transmission sur la plateforme de cloud personnel, après consentement de l’usager ;\",\"part2-2\":\"La Métropole de Lyon est responsable de traitement sur le périmètre du service Ecolyo qu’elle propose à l’usager, ainsi que des traitements nécessaires à la fourniture de la plateforme de cloud personnel qu’elle met à disposition de l’usager pour accéder au service Ecolyo. En sa qualité de responsable de ces traitements, elle collecte et traite : \",\"part2-2-1\":\"Les données de compte de l’usager renseignées par l’usager au sein de son espace de cloud personnel Grand Lyon à des fins de gestion du compte et de communication avec l’usager ;\",\"part2-2-2\":\"Les données privées de consommation d’énergie et d’eau dont la récupération, la sauvegarde, le stockage, la synchronisation et le partage sur la plateforme de cloud personnel sont initiés par l’usager sans visibilité de la Métropole de Lyon sur leur contenu.\",\"part2-2-3\":\"Les données privées sur la composition du logement et du foyer de l’utilisateur, fournies par l’utilisateur lui-même au sein du service, sont traitées par le service sans visibilité de la Métropole de Lyon sur leur contenu.\",\"part2-2-4\":\"Des métriques d’usage du service anonymisées et remontées périodiquement afin d’améliorer la qualité du service et d’évaluer son impact\",\"part2-3\":\"L’usager est seul décisionnaire des finalités d’utilisation qu’il souhaite définir pour le traitement de ses données personnelles de consommation, à la suite de leur transmission par les partenaires du service Ecolyo sur son cloud personnel. Ainsi, dans le cadre de l’utilisation d’Ecolyo, l’usager ne recevra les données des partenaires du service : Enedis, GRDF et Eau du Grand Lyon seulement qu’à sa demande expresse après la saisie de ses identifiants.\",\"part2-4\":\"L’utilisateur est donc le seul à accéder :\",\"part2-4-1\":\"À ses données de consommation d’électricité horaires, journalières, hebdomadaires, mensuelles et annuelles.\",\"part2-4-2\":\"À ses données de consommation de gaz journalières, hebdomadaires, mensuelles et annuelles.\",\"part2-4-3\":\"À ses données de consommation eau journalières, hebdomadaires, mensuelles et annuelles.\",\"part2-5\":\"Les engagements et responsabilités de la Métropole de Lyon concernant la protection des données et la confidentialité des données Ecolyo sont précisés dans les Mentions légales et les conditions d’utilisation du cloud personnel Grand Lyon qui accueille aujourd’hui le service Ecolyo et sans lequel le service ne peut pas fonctionner. Pour plus d’informations sur les engagements et responsabilités de la Métropole de Lyon concernant la protection et la confidentialité dans le cloud personnel, nous vous invitons à vous référer <a href=\\\"https://manager.cozygrandlyon.cloud/tos/266b4226-8417-42fb-b911-41e86dae8581.pdf?locale=fr\\\">aux mentions légales et CGU du cloud personnel métropolitain.</a> \",\"part2-6\":\"Conformément à la loi 78-17 du 6 janvier 1978 modifiée relative à l’information, aux fichiers et aux libertés, vous disposez d’un droit d’accès, de rectification et d’opposition au traitement de vos données à caractère personnel. Votre cloud personnel vous permet d’exercer ces droits directement dans cet espace sur vos données de compte. S’agissant des données de consommations d’électricité et de gaz, l’utilisateur peut supprimer son consentement à partager ses données auprès d’Enedis et de GRDF.\",\"part2-7\":\"Vous pouvez également exercer vos droits d’accès, de rectification, de limitation, d’opposition et d’effacement de vos données personnelles en contactant directement le Délégué à la Protection des Données par courrier en écrivant à l’adresse :\",\"part2-8\":\"Métropole de Lyon – Délégué à la Protection des Données - Direction des Affaires Juridiques et de la Commande Publique - 20, rue du Lac - BP 33569 - 69505 Lyon Cedex 03 ou en ligne, au moyen du formulaire disponible à l'adresse suivante : <a href=\\\"https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/\\\">https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/.</a>\",\"part2-9\":\"L’exercice de ces droits sur vos données personnelles auprès de la Métropole de Lyon concerne exclusivement les données traitées dans le cadre du service  « Ecolyo ».\",\"title3\":\"Dispositions légales\",\"part3-1\":\"Les divers éléments du site web (la forme, la mise en page, le fonds, la structure …) sont protégés par le droit des dessins et modèles, le droit d’auteur, le droit des marques ainsi que le droit à l’image et ils ne peuvent être copiés ou imités en tout ou partie sauf autorisation expresse de la Métropole de Lyon.\",\"part3-2\":\"Toute personne ne respectant pas les dispositions légales applicables se rend coupable du délit de contrefaçon et est passible des sanctions pénales prévues par la loi.\",\"title4\":\"Droits d’auteurs\",\"part4-1\":\"Les photographies, textes, logos, pictogrammes, ainsi que toutes œuvres intégrées dans le site sont la propriété de la \\\"Métropole de Lyon\\\" ou de tiers ayant autorisé la \\\"Métropole de Lyon\\\" à les utiliser.\",\"part4-2\":\"Les reproductions, les transmissions, les modifications, les réutilisations, sur un support papier ou informatique, dudit site et des œuvres qui y sont reproduites ne sont autorisées que pour un usage personnel et privé conforme aux dispositions de l’article L 122-5 du Code de la Propriété Intellectuelle. Ces reproductions devront ainsi notamment indiquer clairement la source et l’auteur du site et/ou de ces œuvres multimédias. En aucun cas ces reproductions ne sauraient porter préjudice aux droits des tiers. Les reproductions, les transmissions, les modifications, les réutilisations à des fins publicitaires, commerciales ou d’information, de tout ou partie du site, sont totalement interdites.\",\"title5\":\"Logo de la Métropole de Lyon et d’Ecolyo\",\"part5\":\"Les logos de la Métropole de Lyon et d’Ecolyo ne peuvent pas être modifiés – proportions, couleurs, éléments, constituants – et ne peuvent pas être sujet à aucune transformation, animation ou tout autre processus. Les logos de la Métropole de Lyon et d’Ecolyo ne peuvent être utilisés et associés qu’aux seules informations vérifiables. Ils ne peuvent être notamment utilisés que pour illustrer des relations avec la Métropole de Lyon ou des actions de sponsorings dûment établies. Quel que soit le cas d’espèce, la Métropole de Lyon se réserve le droit d’approuver ou de désapprouver toute utilisation des logos de la Métropole de Lyon et d’Ecolyo, pour assurer son utilisation correcte, conformément à l’éthique, la morale et aux intérêts de la Métropole de Lyon. Les conditions susmentionnées s’appliquent dans le cadre de pages web, elles ne font pas référence à l’utilisation des logos dans tout autre document. La Métropole de Lyon se réserve le droit de modifier les conditions d’utilisation des logos de la Métropole de Lyon et d’Ecolyo à tout moment et sans préavis.\",\"title6\":\"Droit des bases de données\",\"part6\":\"Les bases de données sont protégées par la loi du 1er juillet 1998 et le régime français du droit d’auteur.\",\"title7\":\"Établissements de liens vers le site Ecolyo\",\"part7-1\":\"La Métropole de Lyon autorise la mise en place d’un lien hypertexte vers son service Ecolyo pour tous les sites internet, à l’exclusion de ceux diffusant des informations à caractère polémique, pornographique, xénophobe ou pouvant, dans une plus large mesure porter atteinte à la sensibilité du plus grand nombre.\",\"part7-2\":\"Le lien doit aboutir à la page d’accueil du service (<a href=\\\"https://ecolyo.com\\\">https://ecolyo.com</a>), cette page devant apparaître dans une nouvelle fenêtre. Les pages du service Ecolyo ne doivent en aucun cas être intégrées à l’intérieur des pages d’un autre site (iframe).\",\"part7-3\":\"Dans tous les cas d’espèce, La Métropole de Lyon se réserve le droit de demander la suppression d’un lien si elle estime que le site cible ne respecte pas les règles ainsi définies.\",\"title8\":\"Liens vers des sites tiers depuis le site Ecolyo\",\"part8\":\"Les liens hypertextes mis en œuvre au sein du site en direction d’autres sites et/ou de pages personnelles et d’une manière générale vers toutes ressources existantes sur internet ne sauraient engager la responsabilité de la Métropole de Lyon quant aux liens qu’ils contiennent ou aux changements ou mises à jour qui leur sont apportés.\",\"title9\":\"Mise en garde générale\",\"part9-1\":\"Nos services mettent tout en œuvre pour offrir aux visiteurs de ce site web des informations fiables et vérifiées. Cependant, malgré tous les soins apportés, le site peut comporter des inexactitudes, des défauts de mise à jour ou des erreurs.\",\"part9-2\":\"Nous remercions les utilisateurs du site de nous faire part d’éventuelles omissions, erreurs ou corrections par mail sur la boite aux lettres du webmestre ou directement via le formulaire proposé dans le service.\",\"accessibility\":{\"button_close\":\"Fermer la fenêtre\"}},\"navigation\":{\"consumption\":\"Conso\",\"challenges\":\"Défis\",\"ecogestures\":\"Écogestes\",\"options\":\"Options\",\"analysis\":\"Analyse\"},\"oauth\":{\"window\":{\"title\":\"OAuth\"}},\"onboarding\":{\"welcomeModal\":{\"title\":\"Vous êtes à mi-chemin !\",\"part1\":\"Votre cloud personnel a bien été créé.\",\"part2\":\"Il vous faut maintenant créer ou vous connecter à votre compte chez le gestionnaire de votre compteur communicant afin de donner votre accord pour relier Ecolyo à l’électricité (Enedis), au gaz (GRDF) ou à l’eau (Eau du Grand Lyon).\",\"button_valid\":\"Ok\",\"accessibility\":{\"window_title\":\"Fenêtre de bienvenue\",\"button_valid\":\"Valider\"}}},\"old_fluid_data_modal\":{\"errorTxt\":\"Aïe !\",\"oldData\":\"Vos données semblent anciennes\",\"verify\":\"Veuillez vérifier l’état de vos connecteurs : \",\"problem\":\"Vos connecteurs semblent bien connectés, il se peut qu’il y ait un problème au niveau du ou des fournisseurs de données :\",\"problem_electricity\":\"pour l'électricité.\",\"problem_water\":\"pour l'eau.\",\"problem_gas\":\"pour le gaz.\",\"contact\":\"Veuillez prendre contact directement avec eux.\",\"accessButton\":\"Accéder aux connecteurs\",\"later\":\"Plus tard\",\"ok\":\"Ok\",\"accessibility\":{\"window_title\":\"Fenêtre d'information\",\"button_ok\":\"Fermer la fenêtre\",\"button_later\":\"Fermer la fenêtre\",\"button_goto_konnector\":\"Aller aux connecteurs\"}},\"partner_connection_steps\":{\"electricity\":{\"step1\":{\"info1\":\"Munissez-vous d’une <span>facture d’électricité</span> et d’un zeste de patience.\",\"info2\":\"\"},\"step2\":{\"info1\":\"Si le contrat d’électricité est à votre nom, privilégiez l’identification <span>France connect.</span>\",\"info2\":\"Sinon, munissez-vous de la <span>pièce d’identité du titulaire du contrat.</span>\"},\"step3\":{\"info1\":\"Une fois votre compte créé, <span>revenez sur Ecolyo</span> pour finaliser la connexion.\",\"info2\":\"\"},\"button_validate\":\"Aller sur Enedis\"},\"water\":{\"step1\":{\"info1\":\"Munissez-vous d’une <span>facture d'eau</span> et d’un zeste de patience.\",\"info2\":\"\"},\"step2\":{\"info1\":\"Une fois votre compte créé, <span>revenez sur Ecolyo</span> pour finaliser la connexion.\",\"info2\":\"\"},\"button_validate\":\"Aller sur EGL\"},\"gas\":{\"step1\":{\"info1\":\"Munissez-vous d’une <span>facture de gaz</span> et d’un zeste de patience.\",\"info2\":\"\"},\"step2\":{\"info1\":\"Une fois votre compte créé, <span>revenez sur Ecolyo</span> pour finaliser la connexion.\",\"info2\":\"\"},\"button_validate\":\"Aller sur GRDF\"},\"button_previous\":\"Précédent\",\"button_next\":\"Suivant\",\"accessibility\":{\"window_title\":\"Fenêtre d'information sur la création de compte.\",\"button_validate\":\"Aller sur le site du partenaire.\",\"button_close\":\"Fermer la fenètre.\",\"button_previous\":\"Précédent\",\"button_next\":\"Suivant\"}},\"performance_indicator\":{\"bilan\":{\"text1\":\"Par rapport à \",\"text2\":\"soit une différence de : \"},\"error_no_compare\":\"comparaison impossible\",\"error_no_compare_reason\":\"(manque de données)\",\"error_no_compare_no_data\":\"Vos consommations pour cette période sont incomplètes à cause d’un problème technique concernant :\",\"fpi\":{\"no_data\":\"Données non disponibles\",\"no_comparison\":\"Pas de comparaison possible\"}},\"profile\":{\"report\":{\"title_alert\":\"Alerte fuite d'eau\",\"title_bilan\":\"Bilan et conseils\",\"switch_label_bilan\":\"Je reçois la lettre mensuelle contenant un bilan et des conseils sur ma consommation.\",\"switch_label_alert\":\"Être prévenu d’un dépassement anormal de ma consommation d’eau\",\"input_label_alert\":\"Si ma consommation d’eau quotidienne dépasse :\",\"input_label_subtext_alert\":\"(Votre consommation quotidienne maximum sur les 6 derniers mois : \",\"activate\":\"Activer\",\"deactivate\":\"Désactiver\"},\"accessibility\":{\"button_toggle_mail_report\":\"Recevoir mon bilan mensuel par mail\",\"button_toggle_consumption_alert\":\"Recevoir des alertes sur mes consommations journalières\",\"input_water_alert_report\":\"Indiquer une limite de consommation d'eau journalière\"}},\"profile_type\":{\"title_profile\":\"Profil de consommation\",\"read_profile\":\"Ajuster mon profil\",\"button_update_profile\":\"J'ajuste mon profil\",\"your_profile\":\"Votre profil\",\"multi_choices\":\"Plusieurs réponses possibles\",\"housing_type\":{\"title\":\"Logement\",\"question\":\"De quel type de logement disposez-vous ?\",\"individual_house\":\"Maison individuelle\",\"appartment\":\"Appartement\"},\"construction_year\":{\"title\":\"Construction\",\"question\":\"Quelle est son année de construction ?\",\"text_before_1948\":\"Construit avant 1948\",\"text_between_1948_and_1974\":\"Construit entre 1948 et 1974\",\"text_between_1975_and_1989\":\"Construit entre 1975 et 1989\",\"text_between_1990_and_1998\":\"Construit entre 1990 et 1998\",\"text_after_1998\":\"Construit après 1998\",\"text_unknown\":\"Construit après 1998\",\"before_1948\":\"Avant 1948\",\"between_1948_and_1974\":\"Entre 1948 et 1974\",\"between_1975_and_1989\":\"Entre 1975 et 1989\",\"between_1990_and_1998\":\"Entre 1990 et 1998\",\"after_1998\":\"Après 1998\",\"unknown\":\"Je ne sais pas\"},\"occupantsNumber\":{\"single\":\" occupant\",\"multi\":\" occupants\"},\"area\":{\"title\":\"Surface\",\"question\":\"Quelle est sa surface en m² ?\",\"name\":\" m²\"},\"occupants_number\":{\"title\":\"Nombre d'occupants\",\"question\":\"Combien il y a-t-il d'occupants ?\"},\"outside_facing_walls\":{\"1\":\"1 façade\",\"2\":\"2 façades\",\"3\":\"3 façades\",\"4\":\"4 façades\",\"title\":\"Murs extérieurs\",\"question\":\"Combien de façades donnent sur l'extérieur ?\",\"text\":{\"single\":\" façade donne sur l'extérieur\",\"multi\":\" façades donnent sur l'extérieur\"}},\"floor\":{\"title\":\"Étage\",\"question\":\"À quel étage est votre appartement ?\",\"ground_floor\":\"Au rez-de-chaussée\",\"intermediate_floor\":\"Étage intermédiaire\",\"last_floor\":\"Dernier étage\",\"not_applicable\":\"Sans objet\"},\"heating\":{\"title\":\"Chauffage\",\"question\":\"Quel est votre type de chauffage ?\",\"individual\":\"Individuel\",\"collective\":\"Collectif\"},\"individual_insulation_work\":{\"title\":\"Travaux de rénovation\",\"question\":\"Quels travaux de rénovation avez-vous réalisés ces 10 dernières années ?\",\"none\":\"Aucun\",\"roof_insulation\":\"Isolation toiture\",\"window_replacement\":\"Remplacement fenêtres\",\"wall_insulation\":\"Isolation des murs\",\"window_replacement_and_wall_insulation\":\"Remplacement fenêtres et isolation des murs\",\"window_replacement_and_roof_insulation\":\"Remplacement fenêtres et isolation toiture\",\"roof_and_wall_insulation\":\"Isolation toiture et murs\",\"window_replacement_and_roof_and_wall_insulation\":\"Remplacement fenêtre et isolation des murs et isolation toiture\",\"built_after_1998\":\"construit après 1998\"},\"facilities_installation\":{\"title\":\"Équipement\"},\"ventilation\":{\"title\":\"Ventilation double flux\",\"question\":\"Etes-vous équipé d'une ventilation double flux ?\",\"yes\":\"Oui\",\"no\":\"Non\",\"unknown\":\"Je ne sais pas\",\"text\":\"Équipé d'une ventilation double flux\"},\"heater_replacement\":{\"title\":\"Pompe à chaleur ou poêle à bois\",\"question\":\"Au cours de ces 10 dernières années, avez-vous remplacé votre chaudière ou vous êtes-vous équipé d'une pompe à chaleur ou d'un poêle à bois ?\",\"yes\":\"Oui\",\"no\":\"Non\",\"unknown\":\"Je ne sais pas\",\"text\":\"Équipé d'une pompe à chaleur ou poêle à bois\"},\"cold_water\":{\"title\":\"Eau\",\"question\":\"Votre eau est-elle comprise dans vos charges collectives ?\",\"individual\":\"Non\",\"collective\":\"Oui\",\"individual_text\":\"Individuelle\",\"collective_text\":\"Collective\"},\"hot_water\":{\"title\":\"Eau chaude\",\"question\":\"Quel est votre type de production d’eau chaude ?\",\"individual\":\"Individuelle\",\"collective\":\"Collective\"},\"hot_water_equipment\":{\"title\":\"Eau chaude\",\"question\":\"Utilisez-vous l’un de ces équipements pour produire votre eau chaude ?\",\"solar\":\"Chauffe-eau solaire\",\"thermodynamic\":\"Chauffe-eau thermodynamique\",\"other\":\"Aucun des deux\"},\"warming_fluid\":{\"0\":\"Électricité\",\"2\":\"Gaz\",\"3\":\"Bois\",\"4\":\"Fioul\",\"title\":\"Source chauffage\",\"question\":\"Quelle source d’énergie principale utilisez-vous pour vous chauffer ?\",\"no_fluid_text\":\"Produit ni par de l'électricité, ni par du gaz, ni par du bois ou du fuel\",\"0_text\":\"Produit grâce à de l'électricité\",\"2_text\":\"Produit grâce au gaz\",\"3_text\":\"Produit grâce au bois\",\"4_text\":\"Produit grâce au fioul\"},\"hot_water_fluid\":{\"0\":\"Électricité\",\"2\":\"Gaz\",\"title\":\"Source eau chaude\",\"question\":\"Avec quelle source d’énergie votre eau chaude est-elle produite ?\",\"no_fluid_text\":\"Produite ni par de l'électricité, ni par du gaz\",\"0_text\":\"Produite grâce à de l'électricité\",\"2_text\":\"Produite grâce au gaz\"},\"cooking_fluid\":{\"0\":\"Électricité\",\"2\":\"Gaz\",\"title\":\"Source cuisson\",\"question\":\"Quel mode de cuisson principal utilisez-vous ?\"},\"update_date\":{\"title\":\"Date de prise d'effet\",\"question\":\"A partir de quelle date souhaitez-vous que ce nouveau profil soit pris en compte dans l'analyse de vos données ?\"},\"fluidType\":{\"0\":\"Électricité\",\"1\":\"Eau\",\"2\":\"Gaz\"},\"form\":{\"button_previous\":\"Précédent\",\"button_next\":\"Suivant\",\"button_end\":\"Terminer\"},\"finished\":{\"title\":\"Terminé !\",\"label1\":\"Grâce à ces informations, vous pourrez comparer votre consommation avec celle d'un foyer vous ressemblant davantage.\",\"label2\":\"Nous pourrons aussi vous proposer des écogestes adaptés à votre profil.\",\"button_validate\":\"OK\"},\"accessibility\":{\"button_end\":\"Terminer la mise à jour du profil\",\"button_next\":\"Aller à la section suivante\",\"button_previous\":\"Retour à la section précédente\",\"button_update_profile\":\"Ouvrir la page de mise à jour du profil\",\"button_toggle_detail_profile\":\"Afficher ou masquer le détail du profil\",\"button_validate\":\"Valider\"}},\"quiz\":{\"explanation\":\"Répondez correctement aux 5 questions et remportez 5 des 15 étoiles nécessaires pour débloquer le duel final\",\"score_final\":\"SCORE FINAL\",\"correct\":\"Bravo !\",\"wrong\":\"Raté !\",\"rightAnswer\":\"Bonne réponse :\",\"earn\":\"Vous remportez\",\"button_go_back\":\"Retour\",\"button_end_quiz\":\"Youpi !\",\"button_try_again\":\"Rééssayer\",\"button_validate\":\"Valider\",\"next\":\"Suivant\",\"consumption_question\":\"Question sur votre consommation\",\"accessibility\":{\"window_title\":\"Fenêtre de résultat\",\"button_end_quiz\":\"Terminer le quiz\",\"button_go_back\":\"Retour\",\"button_go_next\":\"Suivant\",\"button_try_again\":\"Relancer le quiz\",\"button_validate\":\"Valider\"}},\"splashscreen\":{\"error_loading\":\"Une erreur est survenue\",\"button_reload\":\"Rééssayer\",\"accessibility\":{\"button_reload\":\"Recharger la page\"},\"migration_error\":\"Mise à jour de l'application\",\"consent_error\":\"Vérification de vos consentements pour partager vos données avec Ecolyo\",\"profile_error\":\"Chargement de votre profil utilisateur\",\"profileType_error\":\"Chargement de votre profil de consommation.\",\"ecogesture_error\":\"Chargement de vos écogestes\",\"challenges_error\":\"Actualisation de votre progression dans les défis\",\"analysis_error\":\"Chargement de votre analyse mensuelle\",\"index_error\":\"Chargement des index\",\"prices_error\":\"Mise à jour des prix\",\"consos_error\":\"Test de la connexion à vos données de consommation\",\"partners_error\":\"Récupération de l'état des services partenaires\",\"unknown_error\":\"Veuillez vérifier votre connexion internet\",\"network_error\":\"Erreur de réseau\",\"step\":{\"0\":\"Mise à jour de l'application\",\"1\":\"Vérification de vos consentements pour partager vos données avec Ecolyo\",\"2\":\"Chargement de votre profil\",\"3\":\"Chargement de vos écogestes\",\"4\":\"Actualisation de votre progression dans les défis\",\"5\":\"Mise à jour des prix\",\"6\":\"Test de la connexion à vos données de consommation\"}},\"timestep\":{\"today\":\"Aujourd'hui\",\"activate\":{\"enedis\":{\"consent_active\":{\"title\":\"La visualisation par 1/2 heure n’est pas activée\",\"info\":\"Pour les visualiser, il vous faut activer l’<span>enregistrement</span> de votre consommation horaire sur votre compte Enedis\",\"label1\":\"Activer sur mon compte Enedis\",\"accessibility\":{\"button_activate\":\"Aller sur mon compte Enedis\"}},\"no_consent_active\":{\"title\":\"La visualisation par 1/2 heure n’est pas activée\",\"info\":\"Il semble que votre consentement ait expiré, il vous faut ré-activer l’enregistrement de votre consommation horaire sur votre compte Enedis\",\"label1\":\"Ré-activer sur mon compte Enedis\",\"accessibility\":{\"button_activate\":\"Aller sur mon compte Enedis\"},\"text_analysis\":\"Pour bénéficier d’une analyse approfondie de votre consommation électrique, il vous faut activer l’enregistrement de votre consommation horaire sur votre compte Enedis\"},\"consent_activated\":{\"title\":\"La récupération de vos données s’effectuera cette nuit.\",\"title_2\":\"À demain !\",\"info\":\"Si vous n’avez pas réussi à activer l'enregistrement de votre consommation horaire, vous pouvez ré-essayer.\"}}},\"year\":{\"period\":\"5 ans\",\"comparelabel\":\"Comparer à l'année précédente\"},\"month\":{\"period\":\"Année\",\"comparelabel\":\"Comparer à l'année précédente\"},\"day\":{\"period\":\"Mois\",\"comparelabel\":\"Comparer au mois précédent\"},\"week\":{\"period\":\"Semaine\",\"comparelabel\":\"Comparer à la semaine précédente\"},\"half_an_hour\":{\"period\":\"Jour\",\"comparelabel\":\"Comparer à la journée précédente\"},\"accessibility\":{\"button_zoom_in\":\"Sélectionner le pas de temps précédent\",\"button_zoom_out\":\"Sélectionner le pas de temps suivant\"}},\"unsubscribe\":{\"title\":\"Etes-vous sûr de ne plus vouloir recevoir notre email mensuel ?\",\"content\":\"Dans ce cas, vous ne recevrez plus la notification de votre bilan ainsi que les conseils associés au mois en cours.\",\"button_text\":\"Oui, je me désabonne\",\"button_accessibility\":\"Bouton de désinscription\"},\"welcome_modal\":{\"title\":\"Félicitations\",\"perso\":\"Votre espace personnel a bien été créé.\",\"connect\":\"Vous pouvez maintenant connecter vos compteurs d’énergie à Ecolyo en toute sécurité.\",\"button_valid\":\"Ok\",\"accessibility\":{\"title\":\"Fenêtre de félicitations\",\"button_valid\":\"Valider\"}}}");
+module.exports = JSON.parse("{\"common\":{\"title_app\":\"Ecolyo\",\"title_challenge\":\"Défis\",\"title_quiz\":\"Quiz\",\"title_exploration\":\"Exploration\",\"title_action\":\"Action\",\"title_duel\":\"Duel final\",\"title_ecogestures\":\"Écogestes\",\"title_options\":\"Options\",\"title_analysis\":\"Analyse\",\"title_profiletype\":\"Ajuster mon profil\",\"title_faq\":\"FAQ\",\"title_legal_notice\":\"Mentions légales\",\"title_gcu\":\"CGU\",\"accessibility\":{\"loading\":\"Chargement\"}},\"FLUID\":{\"ELECTRICITY\":{\"NAME\":\"Electricité\",\"LABEL\":\"Électricité\",\"UNIT\":\"kWh\",\"ADD\":\"Ajouter l'électricité\",\"MEGAUNIT\":\"MWh\",\"provider\":\"Enedis\"},\"WATER\":{\"NAME\":\"Eau\",\"LABEL\":\"Eau\",\"ADD\":\"Ajouter l'eau\",\"UNIT\":\"L\",\"MEGAUNIT\":\"m³\",\"provider\":\"Eau du Grand Lyon\"},\"GAS\":{\"NAME\":\"Gaz\",\"LABEL\":\"Gaz\",\"ADD\":\"Ajouter le gaz\",\"UNIT\":\"kWh\",\"MEGAUNIT\":\"MWh\",\"provider\":\"GRDF\"},\"MULTIFLUID\":{\"NAME\":\"Multi fluide\",\"LABEL\":\"Multi\",\"UNIT\":\"€\"}},\"action\":{\"duration\":\"Durée : %{smart_count} jours\",\"result\":\"Résultat\",\"finished\":\"Défi terminé !\",\"details\":\"Détail de l'écogeste\",\"apply\":\"J'applique cette action\",\"other\":\"Je choisis une autre action\",\"resultText1\":\"Cela n'a pas été trop difficile ?\",\"resultText2\":\"Jetez un coup d'œil dans la page conso dans 1 à 3 jours, le temps que vos données arrivent, pour voir l'impact de votre écogeste.\",\"resultText3\":\"Pas de baisse de significative ? Pas de panique, en maintenant cette pratique dans le temps, les économies d'énergies et d'eau seront davantage visibles.\",\"resultText4\":\"Dans tous les cas, bravo, vous remportez...\",\"ok\":\"Ok\"},\"action_modal\":{\"accept\":\"Je relève le défi\",\"refuse\":\"Je me défile\",\"accessibility\":{\"window_title\":\"Fenêtre de confirmation\",\"button_accept\":\"Accepter\",\"button_refuse\":\"Refuser\"}},\"analysis\":{\"viewTitle\":\"Analyse\",\"comparison\":\"Comparatif\",\"analysis_date\":\"Conso totale\",\"challenge\":\"Défis terminés en\",\"user_consumption\":\"Votre conso\",\"average_home\":\"Conso moyenne d'un profil similaire\",\"ideal_home\":\"Conso idéale pour votre profil\",\"approximative_description\":\"Pour comparer votre consommation avec un foyer similaire ou avec une conso idéale, veuillez détailler votre profil\",\"not_connected\":\"Non connecté\",\"no_data_2\":\"Données non disponibles\",\"accessibility\":{\"button_go_to_profil\":\"Aller à la page de profil\"},\"max_day\":\"Jour où vous avez le plus consommé\",\"compare\":{\"title\":\"Comparateur\"},\"no_data\":\"Pas de données\"},\"analysis_error_modal\":{\"title\":\"Aucune analyse\",\"message\":\"Pour profiter d’une analyse de vos consommations, connectez au moins un de vos compteurs.\",\"go_to_options\":\"Je connecte mes compteurs\",\"go_back\":\"Retour\",\"accessibility\":{\"window_title\":\"Fenêtre d'erreur\",\"button_go_back\":\"Retour\",\"button_goto_konnector\":\"Aller aux connecteurs\"}},\"analysis_pie\":{\"total\":\"Conso totale\",\"month\":\"Au mois de \",\"estimation\":\"Comment sont estimés\",\"estimation2\":\"les prix ?\"},\"special_elec\":{\"title\":\"Spécial Électricité\",\"average\":\"Conso moyenne\",\"weektype\":\"un jour de \",\"week\":\"semaine\",\"weekend\":\"week-end\",\"min\":\"Conso minimum\",\"percentage\":\"Part dans la facture\",\"price\":\"Soit\",\"maxPower\":\"Puissance maximum atteinte\",\"showModal\":\"Plus d'infos\"},\"elec_info_modal\":{\"accessibility\":{\"window_title\":\"electricity-info-modal\",\"button_close\":\"close-modal\"},\"title1\":\"Qu’est-ce que la consommation minimum ?\",\"title2\":\"Qu’est-ce que la puissance maximum ?\",\"text1\":\"Elle correspond à votre plus petite consommation du mois sur un créneau d'une demi-heure.\",\"text2\":\"Nous extrapolons cette consommation sur 1 mois afin vous donner un aperçu de la consommation de vos consommations électriques en veille (box, télé, chargeurs, ...) ou encore de celle, incompressible, de vos appareils de froid (frigo, congélateur).\",\"text3\":\"C’est la puissance maximum délivrée par tous les appareils fonctionnant au même moment dans votre logement.\",\"text4\":\"Vous avez choisi une puissance maximum dans votre offre d’éléctricité (3, 6 ou 9 kVA...) que vous ne devez pas dépasser pour ne pas faire sauter votre compteur. \",\"text5\":\"Cette puissance varie d'un mois à l'autre, regardez cette valeur sur l'ensemble de l'année pour vérifier si votre puissance souscrite correspond bien à votre usage.\"},\"auth\":{\"enedisgrandlyon\":{\"connect\":{\"label1\":\"Je me connecte à mon\",\"label2\":\"compte Enedis\"},\"no_account\":{\"title\":\"Ecolyo doit se connecter à votre compte Enedis\",\"subtitle1\":\"Si vous n’avez pas de compte Enedis\",\"button_create_account\":\"Je crée mon compte Enedis\",\"subtitle2\":\"Si vous avez déjà un compte Enedis,\",\"subtitle2_info\":\"votre accord est nécessaire pour connecter Enedis et Ecolyo\",\"info\":\"Enedis est responsable de votre compteur Linky et en charge de relever vos consommations.\"},\"title_with_account\":\"Votre compte Enedis a bien été créé ?\",\"with_account\":{\"title\":\"Votre compte Enedis a bien été créé ?\",\"subtitle1\":\"Plus qu’à donner votre accord pour connecter Enedis et Ecolyo !\",\"subtitle2\":\"Si vous n’avez pas de compte Enedis\",\"button_create_account\":\"Je crée mon compte\",\"subtitle2_info\":\"En cas de soucis pour créer votre compte ou pour vous y connecter, un guide en pas-à-pas est disponible pour vous y aider.\",\"button_goto_guide\":\"Voir le guide\"}},\"grdfgrandlyon\":{\"connect\":{\"label1\":\"Je me connecte à mon\",\"label2\":\"compte GRDF\"},\"no_account\":{\"title\":\"Ecolyo doit se connecter à votre compte GRDF\",\"subtitle1\":\"Si vous n’avez pas de compte GRDF\",\"button_create_account\":\"Je crée mon compte GRDF\",\"subtitle2\":\"Si vous avez déjà un compte GRDF,\",\"subtitle2_info\":\"votre accord est nécessaire pour connecter GRDF et Ecolyo\",\"info\":\"GRDF est responsable de votre compteur Gazpar et en charge de relever vos consommations.\"},\"with_account\":{\"title\":\"Votre compte GRDF a bien été créé ?\",\"subtitle1\":\"Plus qu’à donner votre accord pour connecter GRDF et Ecolyo !\",\"subtitle1_info\":\"Une période de consentement minimale d'un an est recommandée\",\"subtitle2\":\"Si vous n’avez pas de compte GRDF\",\"button_create_account\":\"Je crée mon compte\",\"subtitle2_info\":\"En cas de soucis pour créer votre compte ou pour vous y connecter, un guide en pas-à-pas est disponible pour vous y aider.\",\"button_goto_guide\":\"Voir le guide\"}},\"eglgrandlyon\":{\"connect\":{\"login\":\"Identifiant Eau du Grand Lyon (7 chiffres)\",\"password\":\"Mot de passe\",\"label1\":\"Je me connecte à mon\",\"label2\":\"compte Eau du Grand Lyon\"},\"no_account\":{\"title\":\"Ecolyo doit se connecter à votre compte Eau du Grand Lyon\",\"subtitle1\":\"Si vous n’avez pas de compte EGL\",\"button_create_account\":\"Je crée mon compte EGL\",\"subtitle2\":\"Si vous avez déjà un compte EGL,\",\"subtitle2_info\":\"renseignez votre identifiant Eau Du Grand Lyon.\"},\"with_account\":{\"title\":\"Votre compte Eau du Grand Lyon a bien été créé ?\",\"subtitle1\":\"Plus qu’à donner votre accord pour connecter EGL et Ecolyo !\",\"subtitle2\":\"Si vous n’avez pas de compte EGL\",\"button_create_account\":\"Je crée mon compte\",\"subtitle2_info\":\"En cas de soucis pour créer votre compte ou pour vous y connecter, un guide en pas-à-pas est disponible pour vous y aider.\",\"button_goto_guide\":\"Voir le guide\"}},\"accessibility\":{\"button_reveal_password\":\"Afficher le mot de passe\",\"button_connect\":\"Se connecter\",\"button_create_account\":\"Se créer un compte\",\"button_goto_guide\":\"Voir le guide\"}},\"challenge\":{\"card\":{\"ongoing\":{\"quiz\":\"Quiz\",\"exploration\":\"Explorations\",\"action\":\"Actions\",\"duel\":\"Duel Final\",\"result\":\"Résultat\",\"duelDone\":\"du duel final\"},\"locked\":{\"desc\":\"À débloquer en terminant le challenge précédent\"}},\"card_done\":{\"day\":\" jour\",\"days\":\" jours\",\"saving\":\"Économie de\",\"depense\":\"Dépense de\",\"win\":\"Gagné\",\"lost\":\"Perdu\",\"stars\":\" étoiles\",\"get_in\":\"obtenues en \",\"final_defi\":\"sur le duel final\"},\"card_unlocked\":{\"button_launch\":\"Lancer le challenge\"},\"accessibility\":{\"button_launch\":\"Lancer le challenge\",\"button_goto_konnector\":\"Aller aux connecteurs\",\"button_slider_previous\":\"Précédent\",\"button_slider_next\":\"Suivant\"}},\"challenge_no_fluid_modal\":{\"title\":\"Oups !\",\"content\":\"Connectez au moins 1 fluide pour pouvoir jouer\",\"button_validate\":\"Ok\",\"accessibility\":{\"window_title\":\"Fenêtre d'erreur\",\"button_validate\":\"Valider\"}},\"consumption\":{\"display_last_data\":\"Voir mes dernières consos\",\"accessibility\":{\"button_previous_period\":\"Afficher la période précédente\",\"button_next_period\":\"Afficher la période suivante\",\"button_previous_value\":\"Sélectionner la valeur précédente\",\"button_next_value\":\"Sélectionner la valeur suivante\",\"checkbox_compare\":\"Afficher ou cacher la comparaison\"},\"partners_issue_modal\":{\"title\":\"Un problème dans la récupération de vos données\",\"text_1\":\"Ces partenaires nous indiquent qu’ils subissent en ce moment un soucis technique :\",\"text_2\":\"La visualisation de vos consommations peut s’en trouver affectée.\",\"button_validate\":\"J'ai compris\"}},\"consumption_details\":{\"detail\":\"Détail par fluide\",\"connect\":\"Connecter d'autres fluides\",\"mini_cards_label\":\"AUTRES ENERGIES\"},\"consumption_visualizer\":{\"missing_data\":\"Données manquantes\",\"no_data\":\"Pas de données\",\"why_no_data\":\"Pourquoi n'ai-je pas de données ?\",\"last_data\":\"Dernières données\",\"last_valid_data\":\"Dernières données disponibles\",\"last_valid_data_multi\":\"Dernières données complètes\",\"data_to_come\":\"à venir\",\"aie\":\"Aïe !\",\"data_empty\":\"Vide\",\"estimated\":\"estimés\",\"dataModal\":{\"list_title\":\"3 raisons possibles :\",\"item1\":\"le lien entre Ecolyo et le fournisseur de données est rompu : une mise à jour de ce lien (en bas de la page) peut résoudre ce problème.\",\"item2\":\"un problème technique chez votre gestionnaire : se connecter directement chez ce gestionnaire pour vérifier que cette donnée apparaît.\",\"item3\":\"vous n'aviez tout simplement pas de compteur communicant à l'époque !\"},\"modal\":{\"window_title\":\"info estimation des prix\",\"title\":\"Comment sont estimés les prix ?\",\"close\":\"Fermer la fenêtre\",\"part1\":\"Le prix de votre électricité ou de votre gaz dépend de l'offre choisie auprès de votre fournisseur. N’ayant pas accès à cette information, Ecolyo affiche un prix moyen par fluide. \",\"part2\":\"Tarifs moyens retenus :\",\"list1\":\" : 1 kWh = %{elecPrice} €TTC (il correspond au tarif réglementé d’EDF au %{elecPriceStartDate} pour une puissance souscrite de 3 ou 6 kVA et hors offre heure pleine/heure creuse)\",\"list2\":\" : 1 kWh = %{gasPrice} €TTC (tarif réglementé de vente au %{gasPriceStartDate} pour un consommateur soutirant moins de 6 MWh par an)\",\"list3\":\" : 1 litre d’eau = %{waterPrice} € TTC (prix constaté au %{waterPriceStartDate} pour un abonnement et une consommation de 120 m3/an sur la Métropole de Lyon)\",\"part3\":\"Le coût de votre abonnement n'est pas pris en compte dans Ecolyo.\"},\"release_notes_modal\":{\"title\":\"Du nouveau sur Ecolyo !\",\"message\":\"Les mises à jour suivantes ont été effectuées sur votre application :\",\"go_back\":\"Retour\",\"accessibility\":{\"window_title\":\"Fenêtre de notifications\",\"button_go_back\":\"J'ai compris\"}}},\"duel\":{\"global_error\":\"Oups. Une erreur est survenue. Veuillez retourner à l'écran d’accueil des défis\",\"button_go_back\":\"Retour\",\"average_info\":\"%{average} euros étant votre moyenne actuelle, relevez-vous le défi ?\",\"button_start\":\"Allons-y !\",\"goal1\":\"Faites moins que votre moyenne actuelle sur %{durationInDays} jours\",\"goal2\":\"pour gagner le badge %{title}\",\"caption_average\":\"Votre moyenne à titre indicatif\",\"caption_consumption\":\"Votre consommation\",\"caption_incoming\":\"Données à venir\",\"accessibility\":{\"button_go_back\":\"Retour\",\"button_start_duel\":\"Lancer le duel\",\"button_start_quiz\":\"Lancer le quiz\"}},\"duel_result_modal\":{\"sucess\":{\"title\":\"Félicitations !\",\"message1\":\"Vous avez économisé \",\"message2\":\"et gagné le badge \",\"button_validate\":\"Youpi !\"},\"lost\":{\"title\":\"Presque !\",\"message1\":\"Vous avez dépassé de \",\"message2\":\"et manqué le badge \",\"button_validate\":\"Zut alors !\"},\"accessibility\":{\"window_title\":\"Fenêtre de résultat\",\"button_validate\":\"Valider\"}},\"duel_empty_value_modal\":{\"title\":\"Oups !\",\"message\":\"Impossible de lancer le duel. Il nous manque en effet certaines de vos données de consommation pour vous proposer un duel à votre hauteur.\",\"button\":\"Je retourne au menu des défis\",\"accessibility\":{\"window_title\":\"Fenêtre d'erreur\",\"button_validate\":\"Retourner au menu des défis\"}},\"ecogesture\":{\"title_tab_0\":\"Objectifs\",\"title_tab_1\":\"Je fais déjà\",\"title_tab_2\":\"Tous\",\"MENU_TITLE\":\"Filtrer\",\"ALL\":\"Tous les usages\",\"HEATING\":\"Chauffage\",\"AIR_CONDITIONING\":\"Climatisation\",\"ECS\":\"Eau chaude\",\"COLD_WATER\":\"Eau froide\",\"ELECTRICITY_SPECIFIC\":\"Électricité courante\",\"COOKING\":\"Cuisson\",\"selection\":\"Sélectionner les écogestes les plus adaptés à votre consommation\",\"selection_2\":\"vus sur\",\"button_selection\":\"Continuer ma sélection\",\"no_ecogesture\":\"Aucun écogeste ne correspond à votre filtrage\",\"no_ecogesture_filter\":{\"text1\":\"Nous n'avons pas trouvé d'écogestes adaptés à votre profil dans cette catégorie.\",\"text2\":\"En effet, de par votre profil et vos modes de chauffage, d'eau ou d'eau chaude sanitaire, nous n'avons pas identifié d'éco-gestes vous permettant de diminuer vos factures à titre individuel. Toutefois, vous pouvez toujours agir pour préserver les ressources en appliquant et diffusant autour de vous les autres bonnes pratiques présentées dans la partie \\\"Tous les écogestes\\\".\"},\"adjust_profil\":{\"description\":\"Pour une sélection d’écogestes adaptée à votre consommation, vous pouvez ajuster votre profil.\",\"button_go_to_profil\":\"Ajuster mon profil\"},\"accessibility\":{\"window_title\":\"Fenêtre d'information'\",\"button_go_to_profil\":\"Aller à la page de profil\",\"button_close\":\"Fermer la fenetre\",\"button_selection\":\"Aller à la page de sélection\"},\"doing\":\"Je fais déjà\",\"objective\":\"Objectif\",\"emptyList\":{\"obj1\":\"Les écogestes sont des actions qui vous permettent de réduire vos consommations et donc vos factures.\",\"obj1_done\":\"Aucun écogeste n’est indiqué comme objectif actuellement.\",\"obj2\":\"Vous pouvez sélectionner ceux à mettre en objectifs et ceux que vous appliquez déjà.\",\"obj2_done\":\"Vous pouvez consulter tous les écogestes et ajouter les gestes que vous souhaitez garder en objectif dans cette section.\",\"doing1\":\"Aucun écogeste n’est indiqué comme déjà appliqué actuellement.\",\"doing1_done\":\"Aucun écogeste n’est indiqué comme déjà appliqué actuellement.\",\"doing2\":\"Vous pouvez consulter tous les écogestes et ajouter les gestes que vous mettez déjà en pratique dans cette section.\",\"doing2_done\":\"Vous pouvez consulter tous les écogestes et ajouter les gestes que vous mettez déjà en pratique dans cette section.\",\"btn1\":\"Voir tous les écogestes\",\"btn2\":\"Sélectionner\"},\"initModal\":{\"title\":\"Sélectionner mes écogestes\",\"text1\":\"Les écogestes sont des actions qui vous permettent de réduire vos consommations et donc vos factures.\",\"text2\":\"Vous pouvez sélectionner ceux à mettre en objectifs et ceux que vous appliquez déjà.\",\"text3\":\"Afin de savoir quels écogestes correspondent à votre consommation, merci de répondre à quelques rapides questions.\",\"btn1\":\"Plus tard\",\"btn2\":\"C'est parti !\"},\"reinit\":\"Réinitialiser ma sélection d'écogestes\",\"reinitModal\":{\"title_part1\":\"Cette action\",\"title_part2\":\"supprimera tous les écogestes\",\"title_part3\":\"sélectionnés dans\",\"title_part4\":\"“Objectifs”\",\"title_part5\":\"et\",\"title_part6\":\"“Je fais déjà”\",\"text1\":\"Vous pourrez ensuite faire une nouvelle sélection d’écogestes adaptés à votre consommation.\",\"text2\":\"Souhaitez-vous réinitialiser votre sélection d’écogestes ?\",\"btn1\":\"Non\",\"btn2\":\"Réinitialiser\"}},\"ecogesture_modal\":{\"title_ecogesture\":\"Écogeste\",\"title_action\":\"Action\",\"efficiency\":\"Efficacité\",\"show_less\":\"Je veux moins d’infos\",\"show_more\":\"Je veux plus d’infos\",\"select_action\":\"Je choisis cette action\",\"accessibility\":{\"window_title_ecogesture\":\"Fenêtre ecogeste\",\"window_title_action\":\"Fenêtre action\",\"button_close\":\"Fermer la fenêtre\",\"button_select_action\":\"Sélectionner cette action\",\"button_see_more_detail\":\"Afficher plus de détails\"}},\"ecogesture_info_modal\":{\"header\":\"Comment sont choisis les écogestes adaptés à mon profil ?\",\"text\":\"Les écogestes adaptés à votre profil sont aujourd'hui choisis en fonction des compteurs individuels que vous possédez (communicants ou non). Ceux présentés ici vous permettent d'agir sur vos consommations individuelles. Des modes de tri plus personnalisables seront proposés à l'avenir.\",\"button_close\":\"J'ai compris\",\"accessibility\":{\"window_title\":\"Fenêtre d'information\",\"button_close\":\"Fermer la fenêtre\"}},\"ecogesture_form\":{\"heating_type\":{\"title\":\"Chauffage\",\"question\":\"Quel est votre type de chauffage ?\",\"individual\":\"Individuel\",\"collective\":\"Collectif\"},\"warming_fluid\":{\"0\":\"Électricité\",\"2\":\"Gaz\",\"3\":\"Bois\",\"4\":\"Fioul\",\"title\":\"Source chauffage\",\"question\":\"Quelle source d’énergie principale utilisez-vous pour votre chauffage ?\"},\"hot_water_type\":{\"title\":\"Eau chaude\",\"question\":\"Quel est votre type de production d’eau chaude ?\",\"individual\":\"Individuelle\",\"collective\":\"Collective\"}},\"ecogesture_profile\":{\"equipments\":{\"question\":\"Quels équipements possédez-vous ?\",\"hint\":\"Plusieurs réponses possibles\",\"air_conditioning\":\"Climatisation\",\"computer\":\"Ordinateur\",\"microwave\":\"Micro-ondes\",\"oven\":\"Four\",\"washing_machine\":\"Lave-linge\",\"dishwasher\":\"Lave-vaisselle\",\"cooking_plates\":\"Plaques électriques\",\"garden\":\"Jardin\",\"dryer\":\"Sèche-linge\",\"refregirator\":\"Réfrigérateur\",\"fan\":\"Ventilateur\",\"water_heater\":\"Chauffe-eau\",\"curtain\":\"Rideaux\",\"internet_box\":\"Box internet\",\"ventilation\":\"VMC\",\"freezer\":\"Congélateur\",\"boiler\":\"Chaudière\",\"hydraulic_heating\":\"Chauffage hydraulique\"}},\"ecogesture_selection\":{\"header\":\"Sélection des écogestes\",\"title\":\"Vous avez parcouru un groupe de %{smart_count} écogestes\",\"text\":\"Voulez-vous continuer sur votre lancée ou remettre cette sélection à plus tard ?\",\"title_final\":\"Félicitations !\",\"text_final_1\":\"Vous avez terminé la sélection des écogestes adaptés à votre consommation.\",\"text_final_2\":\"Vous pouvez les retrouver dans les sections “Objectifs” et “Je fais déjà” selon que vous les pratiquiez déjà ou non.\",\"button_go_to_ecogesture\":\"Plus tard\",\"button_ok\":\"J'ai compris\",\"button_continue\":\"Poursuivre\",\"button_objective\":\"Objectif\",\"button_doing\":\"Je fais déjà\",\"button_skip\":\"Pas interessé\",\"accessibility\":{\"window_title\":\"Fenêtre d'information'\",\"button_close\":\"Fermer la fenetre\",\"button_go_to_ecogesture\":\"Retourner aux ecogestes\",\"button_continue\":\"Poursuivre\",\"button_ok\":\"Fermer la sélection\"},\"selectionModal\":{\"title\":\"Des écogestes correspondants à votre profil ont été trouvés !\",\"text\":\"À vous de choisir ceux que vous souhaitez mettre en objectif et ceux que vous faites déjà.\",\"button_close\":\"C'est parti !\"}},\"exploration\":{\"global_error\":\"Oups. Une erreur est survenue. Veuillez retourner à l'écran d’accueil des défis\",\"button_go_back\":\"Retour\",\"button_already_done\":\"C’est déjà fait !\",\"button_come_back\":\"Je reviens quand cela sera fait\",\"button_start\":\"C'est parti !\",\"watch_consumption\":\"Je fonce\",\"congratulation\":\"Bravo !\",\"earn\":\"Vous remportez\",\"button_confirm\":\"Ok\",\"interval\":{\"explanation\":\"Vous pouvez vérifier cette informations sur l'écran Conso.\"},\"accessibility\":{\"button_already_done\":\"Marquer l'exploration comme déjà réalisée\",\"button_confirm\":\"Valider\",\"button_come_back\":\"Fermer l'exploration\",\"button_go_back\":\"Retour\",\"button_start\":\"Lancer l'exploration\"}},\"error_page\":{\"main\":\"Erreur\",\"back\":\"Retour\",\"no_ecogesture\":\"Oups ! Nous n'avons pas trouvé l'écogeste demandé.\"},\"faq\":{\"title_faq\":\"Foire aux questions\",\"read_faq\":\"Lire la FAQ\",\"accessibility\":{\"button_toggle_detail\":\"Afficher ou masquer le détail de la question\"}},\"feedback\":{\"title\":\"Partagez-nous vos retours\",\"type\":\"Motif du retour :\",\"suggest_faq\":\"Avez-vous pensé à consulter la \",\"description\":\"Description :\",\"description_placeholder\":\"Vos remarques\",\"send\":\"Envoyer\",\"ok\":\"Ok\",\"type_bug\":\"Bug\",\"type_idea\":\"Idée\",\"type_other\":\"Autre\",\"success_sending\":\"Nous vous remercions pour votre retour.\",\"warning\":\"Attention !\",\"error_empty_description\":\"Le champ de description est vide.\",\"error_sending\":\"Erreur lors de l'envoi, veuillez essayer ultérieurement.\",\"upload\":\"Joindre une image\",\"imageLabel\":\"Image :\",\"accessibility\":{\"window_title\":\"Fenêtre de partage de retours\",\"select_type_bug\":\"Sélectionner le motif bug\",\"select_type_idea\":\"Sélectionner le motif idée\",\"select_type_other\":\"Sélectionner le motif autre\",\"button_send\":\"Envoyer le retour\",\"button_ok\":\"Valider\",\"button_close\":\"Fermer la fenêtre de partage de retours\"}},\"dataShare\":{\"title1\":\"Bienvenue !\",\"title1Update\":\"Ecolyo évolue !\",\"title2Update\":\"Pour continuer à utiliser Ecolyo, merci d’accepter les modalités de traitement des données ci-dessous.\",\"part1\":\"Pour le bon fonctionnement du service, nous avons besoin de l’adresse email utilisée lors la création de votre cloud personnel Grand Lyon.\",\"part2\":\"Cette donnée de compte est conservée dans Ecolyo le temps de l’utilisation de ce service.\",\"part3\":\"La Métropole de Lyon utilisera cet email afin de vous tenir informé·e :\",\"item1\":\"En réponse à vos demandes, si vous avez pris l’initiative de nous contacter.\",\"item2\":\"En cas de problème majeur avec la gestion de votre compte.\",\"item3\":\"De l’évolution de vos consommations, des nouveautés et  de la qualité du service via une lettre mensuelle. Vous pouvez à tout moment vous désinscrire de cette lettre via la page Options du service.\",\"part4\":\"Vos données privées de consommation d’énergie et d’eau sont récupérées, sauvegardées et stockées dans votre cloud personnel à votre initiative sans visibilité de la Métropole  de Lyon sur leur contenu.\",\"part5\":\"Il en est de même pour les données privées de composition du logement et du foyer, fournies par vos soins. Elles restent également sans visibilité de la Métropole de Lyon sur leur contenu. \",\"part6\":\"Dans le cadre de l’évaluation et de l’amélioration du service, des données d’utilisation anonymisées seront remontées à des fins d’exploitation statistiques. La récupération de ces statistiques anonymisées nous permettra de s’assurer du bon fonctionnement technique de la connexion à vos données de consommation ainsi que d’évaluer l’impact global en termes de baisse des consommations énergétiques de notre service (Plus d’informations sur la manière dont votre anonymat est bien préservé dans ce processus <a href=\\\"https://ecolyo.com/cloud_statistiques.html\\\">ici</a>).\",\"part7\":\"Au sein de votre cloud personnel, vous pouvez à tout moment exercer vos droits d’accès, de rectification, de portabilité, de limitation et d’opposition. \",\"part8\":\"Vous pouvez également exercer vos droits d’accès, de rectification, de limitation, d’opposition et d’effacement de vos données personnelles en contactant directement le Délégué à la Protection des Données par courrier en écrivant à l’adresse :\",\"part9\":\"Métropole de Lyon – Délégué à la Protection des Données - Direction des Affaires Juridiques et de la Commande Publique - 20, rue du Lac - BP 33569 - 69505 Lyon Cedex 03 \",\"part10\":\"ou en ligne, au moyen du formulaire disponible à l'adresse suivante : \",\"link1\":\"<a href=\\\"https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/\\\">https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/</a>\",\"validDataConsent\":\"Je consens au traitement de mes données tel que décrit ci-dessus.\",\"validCGU\":\"Je valide les <span class=\\\"action\\\">Conditions Générales d’Utilisation</span> \",\"validLegal\":\" du service et ai pris connaissance des <span class=\\\"action\\\"> Mentions Légales </span> de celui-ci.\",\"button_accept\":\"C'est parti !\",\"accessibility\":{\"button_accept\":\"Accepter les conditions générales d'utilisation\"}},\"minorUpdate\":{\"title\":\"Ecolyo évolue !\",\"button\":\"J'ai compris\"},\"gcu\":{\"title\":\"Conditions générales d’utilisation du service\",\"subtitle\":\"Envie de prendre le temps de relire ces CGU ces Conditions Générales d’Utilisation plus tard ? Vous pourrez les retrouver dans la page Options du service.\",\"version\":\"V2.0 du 20.08.2021\",\"content\":{\"title1\":\"Ecolyo, késako ?\",\"part1_1\":\"Ecolyo est un service proposé par la Métropole de Lyon vous permettant de suivre au même endroit vos consommations d’électricité, de gaz et d’eau, en kWh, en litres, en euros et à différentes échelles de temps. Ce service vous permet également de participer à des défis individuels et vous offre une analyse de vos consommations. Des éco-gestes vous sont aussi proposés afin de vous permettre de réduire vos consommations.\",\"part1_2\":\"C’est un service gratuit qui prend la forme d’un site web dit « responsive », c’est-à-dire qu’il peut être consulté sur ordinateur ou sur mobile. Sur mobile, c’est une application que l’on a souhaitée ergonomique, réactive et esthétique pour votre plaisir de navigation et d’utilisation au quotidien.\",\"part1_3\":\"Tous les termes « techniques » sont définis en bas de page.\",\"title2\":\"Quelles fonctionnalités le service propose-t-il ?\",\"part2_1\":\"La fonctionnalité principale d’Ecolyo est la visualisation, au même endroit, de vos consommations d’électricité, de gaz et d’eau et ce, à différents pas de temps (de la demi-heure – uniquement pour l’électricité, à plusieurs années, en passant par les pas de temps journaliers et mensuels). La visualisation des consommations se fait en kWh pour l’énergie et en L pour l’eau ainsi qu’en euros (euros résultant d’un prix moyenné).\",\"part2_2\":\"Au-delà de la visualisation de vos consommations et parce que nous souhaitons vous aider à diminuer ces consommations vous retrouverez plusieurs autres pages : \",\"part2_2_list1\":\"Défis : Des quiz, et actions à mettre en place vous seront proposés pour vous pousser à réduire vos consommations.\",\"part2_2_list2\":\"Écogestes : Une liste d’écogestes à trier par usage, et avec une possibilité de les adapter plus précisément à votre profil.\",\"part2_2_list3\":\"Analyse : Une analyse de vos consommations réelles en comparaison à celle d’un foyer étant proche d’une vôtre.\",\"part2_3\":\"Pour la page Analyse ainsi que pour la partie personnalisation des éco-gestes, des éléments supplémentaires sur votre profil vous seront demandés. L’ensemble de ces informations récoltées à l’aide du formulaire peuvent être modifiées par la suite.\",\"part2_4\":\"Dernière page : la page Options dans laquelle vous pourrez retrouver les connecteurs -  services vous permettant d’aller récupérer vos données d’électricité, de gaz et d’eau - , une foire aux questions, et de quoi ajuster votre profil.\",\"title3\":\"Comment ai-je accès à mes données d’électricité, de gaz et d’eau ?\",\"part3_1\":\"Pour visualiser vos consommations réelles et profiter pleinement du potentiel de notre service, il vous faut au minimum un des trois compteurs communicants suivants : Linky (pour l’électricité), Gazpar (pour le gaz), Téléo (pour l’eau).\",\"part3_2\":\"Ces compteurs sont opérés par les gestionnaires de réseaux. Pour Linky, c’est Enedis, le gestionnaire de réseau de distribution d’électricité. Pour Gazpar, GRDF est responsable de cette gestion. Et pour Téléo, c’est Eau du Grand Lyon.\",\"part3_3\":\"Ces acteurs sont responsables de la relève de vos données. Ces données servent notamment à votre fournisseur d’électricité, de gaz ou d’eau pour permettre la facturation de vos consommations d’énergie. Des fournisseurs d’électricité ou de gaz il y en a des dizaines ! Les gestionnaires de réseaux (… et de votre compteur) ne sont qu’au nombre de trois ! Nous avons donc décidé de travailler avec eux, au plus près de la donnée brute issue de vos compteurs.\",\"part3_4\":\"Il vous faudra donc avoir un compte chez Enedis, GRDF et Eau du Grand Lyon pour accéder à vos données. Si vous n’en avez pas, il suffira de vous en créer un. Ceci ne sera à faire qu’une fois, au début.\",\"title4\":\"Ecolyo se trouve dans un cloud personnel Grand Lyon, qu’est-ce que cela signifie ?\",\"part4_1\":\"Comme vous avez dû le remarquer, lors de votre première connexion à Ecolyo vous avez dû vous créer un compte Cloud Personnel Grand Lyon. Ce cloud personnel est un espace sécurisé porté par l’ambition de vous apporter visibilité, transparence et maitrise sur l’usage de vos données personnelles, et dont les fonctionnalités vous permettant de récupérer, synchroniser, stocker et partager vos données avec les destinataires de votre choix.  Le service Ecolyo se déploie  à l’intérieur de cet espace protégé. Dans ce cloud personnel, vous pourrez accéder également à d’autres services. Toutes les données traitées par Ecolyo, mais aussi les autres services que vous seriez amenés à utiliser dans ce cloud personnel restent dans ce Cloud Personnel Grand Lyon et n’en sortent pas, sauf si vous décidez vous-même de partager vos données avec des tiers.\",\"part4_2\":\"Pour en savoir plus sur ce cloud et son utilisation, ainsi que la durée de conservation de vos données, vous pouvez lire les conditions générales d’utilisation du service <a href=\\\"https://manager.cozygrandlyon.cloud/tos/266b4226-8417-42fb-b911-41e86dae8581.pdf?locale=fr\\\">ici</a>.\",\"title5\":\"Et donc concrètement pour Ecolyo, quelles données sont collectées et qui y a accès ?\",\"part5_1\":\"Pour qu’Ecolyo ait accès à vos données de consommations, vous devrez activer vos connecteurs dans la page Options. À ce moment-là, et à travers un parcours qui vous conduira de manière intuitive sur le site de chacun des gestionnaires de réseaux concerné, vous pourrez donner votre consentement à partager ces données avec le Service Ecolyo, et ce pour une durée limitée dans le temps. Pour les données électriques (chez Enedis), elle est par défaut de 6 mois. Pour les données gaz, cela sera à vous de la définir (nous vous recommandons 1 an pour une expérience optimale).\",\"part5_2\":\"Vos connecteurs, une fois configurés, permettent le transfert de vos données de consommations au service Ecolyo. Le transfert de cette donnée se fait sans que personne n’accède à leur contenu, pas même la Métropole de Lyon. En effet, ces données sont stockées et traitées directement dans votre cloud personnel qui en assure la protection. Tous les calculs, analyses et traitements sur ces données sont faites DANS votre espace personnel sans visibilité sur le contenu des données par la Métropole de Lyon.\",\"part5_3\":\"Vous pouvez bien sûr mettre fin à la récupération/ au transfert de vos données de consommation sur votre espace cloud personnel à tout moment et  à plusieurs niveaux : \",\"part5_3_list1\":\"Vous pouvez supprimer le transfert quotidien de vos données en supprimant tout simplement le connecteur dans la Page Options.\",\"part5_3_list2\":\"Attention : lors de la désinstallation du connecteur qui collecte vos données au sein du cloud, celui-ci ne va plus aller chercher vos données. Par contre, votre consentement chez le partenaire fournisseur est toujours actif jusqu’à votre révocation de consentement auprès de ce dernier. Pour révoquer votre consentement, il vous faudra contacter ou agir directement chez le partenaire en question : Enedis pour l’électricité ou GRDF pour le gaz. Pour l’électricité, vous pouvez peut supprimer votre consentement à partager vos données en écrivant directement à dataconnect(at)enedis.fr. Pour le gaz, il vous faudra vous connecter à <a href=\\\"https://monespace.grdf.fr/monespace/connexion\\\">votre espace GRDF</a> et supprimer le consentement donné à la Métropole de Lyon dans la partie « Suivi de Consommations » puis « Données Consultées ». Au terme de la durée initiale de validité du consentement de 6 mois ou de la durée que vous aurez définie librement, votre consentement sera considéré comme révolu. Tout nouveau transfert de données sera donc soumis à nouveau au recueil préalable de votre consentement.\",\"part5_3_list3\":\"Pour supprimer l’ensemble de vos données ainsi que votre espace personnel Grand Lyon, vous devez demander la suppression de votre cloud. Pour faire cela, rendez-vous dans les paramètres de votre cloud personnel via la barre blanche en haut d’Ecolyo et appuyez sur le bouton « Supprimer mon compte » dans la partie paramètres.\",\"part5_4\":\"Des données sur le profil de votre foyer peuvent être également remplies au sein de l’application. Ces données s’enrichiront au fur et à mesure de votre utilisation du service avec d’autres informations : défis réalisés, étoiles gagnées, etc. L’ensemble de ces données restent à l’intérieur de votre cloud personnel, sans que personne n’y ait accès.\",\"part5_5\":\"Enfin, afin de permettre une mise à jour quotidienne de vos données de consommations, vos identifiants Eau du Grand Lyon, un jeton d’identification Enedis et/ou GRDF ainsi que vos numéros de compteurs sont stockés dans votre cloud personnel – sans droit de regard de la Métropole de Lyon.\",\"title6\":\"Personne n’a donc accès à mes données, pas même la Métropole de Lyon, vraiment ?\",\"part6_1\":\"Conformément aux indications du paragraphe précédent, la Métropole de Lyon n’accède ni à vos données de consommations ni aux données utilisées via certaines fonctionnalités du service comme le formulaire (celui-là même qui permet l’analyse de vos consommations personnalisée ainsi qu’une sélection d’éco-gestes personnalisés). Toutes ces informations sont bien gardées au chaud dans votre cloud personnel Grand Lyon.\",\"part6_2\":\"Seul vous pouvez accepter de partager vos données, documents ou fichiers privés avec la Métropole de Lyon, ses partenaires ou d’autres utilisateurs ou acteurs (publics ou privés) après recueil de votre consentement éclairé et par une action expresse de votre part.\",\"part6_3\":\"La Métropole de Lyon n’a accès qu’à l’adresse email utilisée lors la création de votre cloud personnel Grand Lyon. Elle utilise cet email afin de vous tenir informé·e :\",\"part6_3_list1\":\"En réponse à vos demandes, si vous avez pris l’initiative de nous contacter. \",\"part6_3_list2\":\"En cas de problème majeur avec la gestion de votre compte.\",\"part6_3_list3\":\"De l’évolution de vos consommations, des nouveautés et  de la qualité du service via une lettre mensuelle. Vous pouvez à tout moment vous désinscrire de cette lettre via la page Options du service.\",\"part6_4\":\"Par ailleurs, et dans le cadre de l’évaluation et de l’amélioration du service, des données d’utilisation anonymisées seront remontées à des fins d’exploitation statistiques. La récupération de ces statistiques anonymisées nous permettra de s’assurer du bon fonctionnement technique de la connexion à vos données de consommation ainsi que d’évaluer l’impact global en termes de baisse des consommations énergétiques de notre service\",\"title8\":\"Encore des questions ?\",\"part8_1\":\"N’hésitez pas à consulter la FAQ présente dans le service (page Options) ou à nous contacter via le formulaire de contact (la petite bulle jaune) présente sur l’ensemble des pages.\",\"part8_2\":\"Dernière option, contactez-nous directement à <a href=\\\"mailto:ecolyo@grandlyon.com\\\">ecolyo(at)grandlyon.com</a>.\",\"title9\":\"LEXIQUE\",\"part9_1_title\":\"Cloud personnel Grand Lyon : \",\"part9_1_content\":\"Cloud personnel : appelé aussi le « domicile numérique », le cloud personnel est souvent réduit à un simple espace de stockage de documents mais il est bien plus que ça. C'est un espace individuel et sécurisé où vous pouvez accéder à des services sans exposer aucune donnée à l’extérieur. Vous seul pouvez y accéder, personne d'autre.\",\"part9_2_title\":\"Connecteur : \",\"part9_2_content\":\"Un connecteur est un service, installé dans votre cloud personnel également, qui a pour but uniquement d’aller récupérer les données auprès de différents partenaires/sources de données. Dans le cadre d’Ecolyo, trois connecteurs sont pré-installés dans votre cloud personnel : celui d’Enedis, celui de GRDF et celui d’Eau du Grand Lyon.\",\"part9_3_title\":\"Compteur communicant : \",\"part9_3_content\":\"Un compteur communicant est un compteur qui mesure de manière précise et détaillée vos consommations et peut transmettre ces données  au gestionnaire de réseau via une technologie radio (c'est le cas pour Gazpar et Téléo par exemple) ou via les réseaux électriques (via Courant Porteur en ligne, c'est le cas pour Linky par exemple).\",\"part9_4_title\":\"Fournisseur : \",\"part9_4_content\":\"Votre fournisseur d’électricité, de gaz ou d’eau est l’entreprise qui vous facture votre électricité, gaz ou eau. Côté électricité il en existe <a href=\\\"https://www.enedis.fr/liste-des-fournisseurs-delectricite\\\">aujourd’hui plus de 50</a>, chacun proposant des tarifs différents.\",\"part9_5_title\":\"Gestionnaire de réseau de distribution : \",\"part9_5_content\":\"Appelé aussi parfois distributeur, il est en charge de la livraison de votre électricité, gaz ou eau jusqu’à votre domicile. Il est aussi en charge du compteur qui relève vos consommations. Il transmet vos données de consommations à votre fournisseur afin qu’il effectue la facturation de vos consommations d’énergie. Il peut également les transmettre à tout acteur avec qui vous avez décidé de partager ces données.\"}},\"gcu_modal\":{\"button_accept\":\"J'accepte\",\"accessibility\":{\"window_title\":\"Conditions générales d’utilisation\",\"button_accept\":\"Accepter les conditions générales d'utilisation\"}},\"gcu_option\":{\"title\":\"Conditions générales d’utilisation\",\"read_gcu\":\"Lire les CGU\"},\"header\":{\"accessibility\":{\"button_back\":\"Retour à la page précédente\",\"button_open_feedbacks\":\"Ouvrir le partage de retours\"}},\"konnector_form\":{\"label_updated_at\":\"Dernière mise-à-jour le\",\"button_update\":\"Mettre à jour\",\"wait_end_issue\":\"Attendre la fin de la maintenance avant de mettre à jour.\",\"button_delete\":\"Supprimer\",\"issue\":\"Le problème semble venir de \",\"resolve\":\"Une mise à jour peut résoudre ce problème.\",\"login_failed\":\"Un problème a lieu lors de la récupération de vos données. Merci de supprimer votre connecteur et vous reconnecter.\",\"not_installed\":\"Le connecteur n'est pas installé. Veuillez l'installer en cliquant sur le bouton ci-dessous.\",\"button_install\":\"Installer\",\"error_account_creation\":\"Une erreur est survenue, veuillez essayer de nouveau.\",\"error_no_login_password\":\"Identifiant et mot de passe requis\",\"error_login_failed\":\"Identifiants invalides\",\"error_update\":\"Un problème est survenu lors du rapatriement de vos données.\",\"error_update_oauth\":\"Votre autorisation pour afficher vos données %{fluid} a expiré.\",\"button_oauth_reload\":\"Redonner mon consentement\",\"OK\":\"Ok\",\"accessibility\":{\"button_install\":\"Installer le connecteur\",\"button_update\":\"Mettre à jour votre connexion\",\"button_delete\":\"Supprimer votre connexion\"}},\"konnector_options\":{\"label_connect_to_electricity\":\"Se connecter à l'électricité\",\"label_connect_to_water\":\"Se connecter à l'eau\",\"label_connect_to_gas\":\"Se connecter au gaz\",\"partner_issue\":\"En maintenance\",\"outdated\":\"Données manquantes depuis %{isOutdatedData} jours\",\"accessibility\":{\"label_ko_status\":\"Connecteur en erreur\",\"button_toggle_detail_electricity\":\"Afficher ou masquer le détail de la connexion à l'électricité\",\"button_toggle_detail_water\":\"Afficher ou masquer le détail de la connexion à l'eau\",\"button_toggle_detail_gas\":\"Afficher ou masquer le détail de la connexion au gaz\"}},\"konnector_modal\":{\"loading_data\":\"Veuillez patienter, vos données sont en cours de chargement.\",\"loading_data_update\":\"Veuillez patienter, vos données sont en cours de mise à jour.\",\"success_txt\":\"Félicitations !\",\"success_data_electricity\":\"Vos données de consommation d'électricité sont maintenant connectées à Ecolyo.\",\"success_data_water\":\"Vos données de consommation d'eau sont maintenant connectées à Ecolyo.\",\"success_data_gas\":\"Vos données de consommation de gaz sont maintenant connectées à Ecolyo.\",\"success_data_update_electricity\":\"Vos données de consommation d'électricité sont maintenant à jour dans Ecolyo.\",\"success_data_update_water\":\"Vos données de consommation d'eau sont maintenant à jour dans Ecolyo.\",\"success_data_update_gas\":\"Vos données de consommation de gaz sont maintenant à jour dans Ecolyo.\",\"error_txt\":\"Aïe !\",\"error_data_electricity\":\"Un problème est survenu. Vos données de consommation d’électricité ne seront pas chargées.\",\"error_data_water\":\"Un problème est survenu. Vos données de consommation d’eau ne seront pas chargées.\",\"error_credentials_water\":\"Une erreur s'est glissée dans vos identifiants de connexion. Veuillez vérifier ces éléments et tenter de vous reconnecter. L'identifiant est un numéro à 7 chiffres (différent de votre numéro de contrat).\",\"error_credentials_update_water\":\"Une erreur s'est glissée dans vos identifiants de connexion. Veuillez vérifier ces éléments et tenter de vous reconnecter.\",\"error_credentials_update_electricity\":\"Un problème a lieu lors de la récupération de vos données. Merci de supprimer votre connecteur et vous reconnecter.\",\"error_credentials_update_gas\":\"Un problème a lieu lors de la récupération de vos données. Merci de supprimer votre connecteur et vous reconnecter.\",\"error_data_gas\":\"Un problème est survenu. Vos données de consommmation de gaz ne seront pas chargées.\",\"error_data_update_electricity\":\"Un problème est survenu. Vos données de consommation d’électricité n’ont pas été mises à jour.\",\"error_data_update_water\":\"Un problème est survenu. Vos données de consommation d’eau n’ont pas été mises à jour.\",\"error_data_update_gas\":\"Un problème est survenu. Vos données de consommation de gaz n’ont pas été mises à jour.\",\"error_data_2\":\"Merci de réessayer plus tard.\",\"button_validate\":\"Ok\",\"accessibility\":{\"window_title\":\"Fenêtre d'attente de connexion\",\"button_close\":\"Fermer la fenêtre\"}},\"consent_outdated\":{\"title\":{\"0\":\"Votre autorisation pour afficher vos données d’électricité a expiré\",\"2\":\"Votre autorisation pour afficher vos données de gaz a expiré\"},\"text1\":{\"0\":\"Veuillez re-donner votre consentement pour la transmission et la reconnexion de vos données ENEDIS à Ecolyo.\",\"2\":\"Veuillez re-donner votre accord pour que GRDF nous transmette vos données de consommation.\"},\"text2\":{\"0\":\"Voulez-vous  donner votre accord sur votre compte ENEDIS maintenant ?\",\"2\":\"Voulez-vous  donner votre accord sur votre compte GRDF maintenant ?\"},\"later\":\"Plus tard\",\"go\":\"J'y vais\"},\"delete_grdf_modal\":{\"text1\":\"La suppression de la connexion avec GRDF s’accompagne de la suppression de votre consentement à partager vos données gaz avec Ecolyo.\",\"text2\":\"Si vous souhaitez vous reconnecter, il vous faudra re-donner votre accord pour que GRDF nous transmette vos données de consommation.\",\"text3\":\"Voulez-vous  supprimer votre connexion et votre consentement à GRDF ?\",\"cancel\":\"Plus tard\",\"go\":\"Oui\"},\"legal\":{\"read_legal\":\"Lire les mentions légales\",\"title_legal\":\"Mentions légales\",\"version\":\"V2.0 du 20.08.2021\",\"site\":\"Site du service Ecolyo : <a href=\\\"https://ecolyo.com/\\\"> https://ecolyo.com/</a>\",\"adress\":\"Métropole de Lyon - 20, rue du Lac – CS 33569 - 69505 Lyon cedex 03\",\"phone\":\"Tél : (33) 4 78 63 40 40\",\"mail\":\"<a href=\\\"mailto:ecolyo@grandlyon.com\\\"> ecolyo(at)grandlyon.com</a>\",\"p1b\":\"Directeur de publication : \",\"p1\":\"Blandine MELAY\",\"p2b\":\"Animation éditoriale, gestion et mise à jour : \",\"p2\":\"Marion BERTHOLON, Maria Inés LEAL\",\"p3b\":\"Photographies : \",\"p3\":\"sauf mention contraire, les photos sont la propriété de la Métropole de Lyon\",\"p4b\":\"Conception et Charte graphique : \",\"p4\":\"Florent Dufier -  <a href=\\\"https://florentdufier.myportfolio.com/\\\">https://florentdufier.myportfolio.com/</a>\",\"p5b\":\"Réalisation technique : \",\"p5\":\"Métropole de Lyon, Sopra Steria, Cozy Cloud, Clever Age\",\"p6b\":\"Maintenance technique : \",\"p6\":\"Délégation Développement économique, emploi & savoirs - Innovation numérique & systèmes d’information - Usages et services numériques - Développement des services numériques\",\"title1\":\"Crédits\",\"part1\":\"Ce site est le résultat de développements spécifiques réalisés dans les langages Go, TypeScript, HTML et Sass. Les développements s’appuient sur plusieurs bibliothèques et frameworks libres : axios, cozy-bar, cozy-client, cozy-harvest-lib, cozy-scripts, cozy-ui, d3, detect-browser, eslint-config-cozy-app, global, lodash, luxon, moment, moment-timezone, node-sass, object-hash, react, react-dom, react-lottie, react-redux, react-router-dom, react-swipeable-views, redux-devtools-extension, sass-loader. Les tests de l’application s’appuient sur les biliothèques et frameworks libres suivants: enzyme, enzyme-adapter-react-16, jest-junit, react-test-renderer, redux-mock-store. La pile technique intègre également les applications Cozy stack, Yarn, Docker, ACH. Les déploiements sont réalisés sur le registre hébergé chez Cozy. L’équipe de réalisation utilise au quotidien les applications GitLab, IceScrum, RocketChat, Sonarqube.\",\"title2\":\"Traitement des données personnelles et droit d’accès, de modification et de suppression\",\"part2\":\"Conformément à la réglementation en vigueur en matière de protection des données personnelles, le service Ecolyo a fait l’objet d’une inscription au registre des traitements de la Métropole de Lyon. Ecolyo fait partie de l’écosystème de services orientés « self data » déployés par la Métropole de Lyon avec l’ambition d’offrir aux usagers métropolitains les outils et les services leur permettant d’exercer directement leur droit à la portabilité, dans un cadre apte à garantir aussi bien la transparence et le contrôle sur l’usage de leurs données personnelles que l’exploitation directe du contenu de ces données selon leurs libres choix. Le self data est en effet selon la Fondation Internet Nouvelle Génération (FING) « la production, l’exploitation et le partage de données personnelles par les individus, sous leur contrôle et à leurs propres fins ». Au sein de cet environnement self data, la gestion des données s’appuie sur l’organisation suivante des rôles et responsabilités associées : \",\"part2-1\":\"Les partenaires du service Ecolyo – Enedis, GRDF et Eau du Grand Lyon sont responsables exclusivement des seuls traitements de Données Personnelles relatifs à la collecte des données de consommation de l’usager et à leur transmission sur la plateforme de cloud personnel, après consentement de l’usager ;\",\"part2-2\":\"La Métropole de Lyon est responsable de traitement sur le périmètre du service Ecolyo qu’elle propose à l’usager, ainsi que des traitements nécessaires à la fourniture de la plateforme de cloud personnel qu’elle met à disposition de l’usager pour accéder au service Ecolyo. En sa qualité de responsable de ces traitements, elle collecte et traite : \",\"part2-2-1\":\"Les données de compte de l’usager renseignées par l’usager au sein de son espace de cloud personnel Grand Lyon à des fins de gestion du compte et de communication avec l’usager ;\",\"part2-2-2\":\"Les données privées de consommation d’énergie et d’eau dont la récupération, la sauvegarde, le stockage, la synchronisation et le partage sur la plateforme de cloud personnel sont initiés par l’usager sans visibilité de la Métropole de Lyon sur leur contenu.\",\"part2-2-3\":\"Les données privées sur la composition du logement et du foyer de l’utilisateur, fournies par l’utilisateur lui-même au sein du service, sont traitées par le service sans visibilité de la Métropole de Lyon sur leur contenu.\",\"part2-2-4\":\"Des métriques d’usage du service anonymisées et remontées périodiquement afin d’améliorer la qualité du service et d’évaluer son impact\",\"part2-3\":\"L’usager est seul décisionnaire des finalités d’utilisation qu’il souhaite définir pour le traitement de ses données personnelles de consommation, à la suite de leur transmission par les partenaires du service Ecolyo sur son cloud personnel. Ainsi, dans le cadre de l’utilisation d’Ecolyo, l’usager ne recevra les données des partenaires du service : Enedis, GRDF et Eau du Grand Lyon seulement qu’à sa demande expresse après la saisie de ses identifiants.\",\"part2-4\":\"L’utilisateur est donc le seul à accéder :\",\"part2-4-1\":\"À ses données de consommation d’électricité horaires, journalières, hebdomadaires, mensuelles et annuelles.\",\"part2-4-2\":\"À ses données de consommation de gaz journalières, hebdomadaires, mensuelles et annuelles.\",\"part2-4-3\":\"À ses données de consommation eau journalières, hebdomadaires, mensuelles et annuelles.\",\"part2-5\":\"Les engagements et responsabilités de la Métropole de Lyon concernant la protection des données et la confidentialité des données Ecolyo sont précisés dans les Mentions légales et les conditions d’utilisation du cloud personnel Grand Lyon qui accueille aujourd’hui le service Ecolyo et sans lequel le service ne peut pas fonctionner. Pour plus d’informations sur les engagements et responsabilités de la Métropole de Lyon concernant la protection et la confidentialité dans le cloud personnel, nous vous invitons à vous référer <a href=\\\"https://manager.cozygrandlyon.cloud/tos/266b4226-8417-42fb-b911-41e86dae8581.pdf?locale=fr\\\">aux mentions légales et CGU du cloud personnel métropolitain.</a> \",\"part2-6\":\"Conformément à la loi 78-17 du 6 janvier 1978 modifiée relative à l’information, aux fichiers et aux libertés, vous disposez d’un droit d’accès, de rectification et d’opposition au traitement de vos données à caractère personnel. Votre cloud personnel vous permet d’exercer ces droits directement dans cet espace sur vos données de compte. S’agissant des données de consommations d’électricité et de gaz, l’utilisateur peut supprimer son consentement à partager ses données auprès d’Enedis et de GRDF.\",\"part2-7\":\"Vous pouvez également exercer vos droits d’accès, de rectification, de limitation, d’opposition et d’effacement de vos données personnelles en contactant directement le Délégué à la Protection des Données par courrier en écrivant à l’adresse :\",\"part2-8\":\"Métropole de Lyon – Délégué à la Protection des Données - Direction des Affaires Juridiques et de la Commande Publique - 20, rue du Lac - BP 33569 - 69505 Lyon Cedex 03 ou en ligne, au moyen du formulaire disponible à l'adresse suivante : <a href=\\\"https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/\\\">https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/.</a>\",\"part2-9\":\"L’exercice de ces droits sur vos données personnelles auprès de la Métropole de Lyon concerne exclusivement les données traitées dans le cadre du service  « Ecolyo ».\",\"title3\":\"Dispositions légales\",\"part3-1\":\"Les divers éléments du site web (la forme, la mise en page, le fonds, la structure …) sont protégés par le droit des dessins et modèles, le droit d’auteur, le droit des marques ainsi que le droit à l’image et ils ne peuvent être copiés ou imités en tout ou partie sauf autorisation expresse de la Métropole de Lyon.\",\"part3-2\":\"Toute personne ne respectant pas les dispositions légales applicables se rend coupable du délit de contrefaçon et est passible des sanctions pénales prévues par la loi.\",\"title4\":\"Droits d’auteurs\",\"part4-1\":\"Les photographies, textes, logos, pictogrammes, ainsi que toutes œuvres intégrées dans le site sont la propriété de la \\\"Métropole de Lyon\\\" ou de tiers ayant autorisé la \\\"Métropole de Lyon\\\" à les utiliser.\",\"part4-2\":\"Les reproductions, les transmissions, les modifications, les réutilisations, sur un support papier ou informatique, dudit site et des œuvres qui y sont reproduites ne sont autorisées que pour un usage personnel et privé conforme aux dispositions de l’article L 122-5 du Code de la Propriété Intellectuelle. Ces reproductions devront ainsi notamment indiquer clairement la source et l’auteur du site et/ou de ces œuvres multimédias. En aucun cas ces reproductions ne sauraient porter préjudice aux droits des tiers. Les reproductions, les transmissions, les modifications, les réutilisations à des fins publicitaires, commerciales ou d’information, de tout ou partie du site, sont totalement interdites.\",\"title5\":\"Logo de la Métropole de Lyon et d’Ecolyo\",\"part5\":\"Les logos de la Métropole de Lyon et d’Ecolyo ne peuvent pas être modifiés – proportions, couleurs, éléments, constituants – et ne peuvent pas être sujet à aucune transformation, animation ou tout autre processus. Les logos de la Métropole de Lyon et d’Ecolyo ne peuvent être utilisés et associés qu’aux seules informations vérifiables. Ils ne peuvent être notamment utilisés que pour illustrer des relations avec la Métropole de Lyon ou des actions de sponsorings dûment établies. Quel que soit le cas d’espèce, la Métropole de Lyon se réserve le droit d’approuver ou de désapprouver toute utilisation des logos de la Métropole de Lyon et d’Ecolyo, pour assurer son utilisation correcte, conformément à l’éthique, la morale et aux intérêts de la Métropole de Lyon. Les conditions susmentionnées s’appliquent dans le cadre de pages web, elles ne font pas référence à l’utilisation des logos dans tout autre document. La Métropole de Lyon se réserve le droit de modifier les conditions d’utilisation des logos de la Métropole de Lyon et d’Ecolyo à tout moment et sans préavis.\",\"title6\":\"Droit des bases de données\",\"part6\":\"Les bases de données sont protégées par la loi du 1er juillet 1998 et le régime français du droit d’auteur.\",\"title7\":\"Établissements de liens vers le site Ecolyo\",\"part7-1\":\"La Métropole de Lyon autorise la mise en place d’un lien hypertexte vers son service Ecolyo pour tous les sites internet, à l’exclusion de ceux diffusant des informations à caractère polémique, pornographique, xénophobe ou pouvant, dans une plus large mesure porter atteinte à la sensibilité du plus grand nombre.\",\"part7-2\":\"Le lien doit aboutir à la page d’accueil du service (<a href=\\\"https://ecolyo.com\\\">https://ecolyo.com</a>), cette page devant apparaître dans une nouvelle fenêtre. Les pages du service Ecolyo ne doivent en aucun cas être intégrées à l’intérieur des pages d’un autre site (iframe).\",\"part7-3\":\"Dans tous les cas d’espèce, La Métropole de Lyon se réserve le droit de demander la suppression d’un lien si elle estime que le site cible ne respecte pas les règles ainsi définies.\",\"title8\":\"Liens vers des sites tiers depuis le site Ecolyo\",\"part8\":\"Les liens hypertextes mis en œuvre au sein du site en direction d’autres sites et/ou de pages personnelles et d’une manière générale vers toutes ressources existantes sur internet ne sauraient engager la responsabilité de la Métropole de Lyon quant aux liens qu’ils contiennent ou aux changements ou mises à jour qui leur sont apportés.\",\"title9\":\"Mise en garde générale\",\"part9-1\":\"Nos services mettent tout en œuvre pour offrir aux visiteurs de ce site web des informations fiables et vérifiées. Cependant, malgré tous les soins apportés, le site peut comporter des inexactitudes, des défauts de mise à jour ou des erreurs.\",\"part9-2\":\"Nous remercions les utilisateurs du site de nous faire part d’éventuelles omissions, erreurs ou corrections par mail sur la boite aux lettres du webmestre ou directement via le formulaire proposé dans le service.\",\"accessibility\":{\"button_close\":\"Fermer la fenêtre\"}},\"navigation\":{\"consumption\":\"Conso\",\"challenges\":\"Défis\",\"ecogestures\":\"Écogestes\",\"options\":\"Options\",\"analysis\":\"Analyse\"},\"oauth\":{\"window\":{\"title\":\"OAuth\"}},\"onboarding\":{\"welcomeModal\":{\"title\":\"Vous êtes à mi-chemin !\",\"part1\":\"Votre cloud personnel a bien été créé.\",\"part2\":\"Il vous faut maintenant créer ou vous connecter à votre compte chez le gestionnaire de votre compteur communicant afin de donner votre accord pour relier Ecolyo à l’électricité (Enedis), au gaz (GRDF) ou à l’eau (Eau du Grand Lyon).\",\"button_valid\":\"Ok\",\"accessibility\":{\"window_title\":\"Fenêtre de bienvenue\",\"button_valid\":\"Valider\"}}},\"old_fluid_data_modal\":{\"errorTxt\":\"Aïe !\",\"oldData\":\"Vos données semblent anciennes\",\"verify\":\"Veuillez vérifier l’état de vos connecteurs : \",\"problem\":\"Vos connecteurs semblent bien connectés, il se peut qu’il y ait un problème au niveau du ou des fournisseurs de données :\",\"problem_electricity\":\"pour l'électricité.\",\"problem_water\":\"pour l'eau.\",\"problem_gas\":\"pour le gaz.\",\"contact\":\"Veuillez prendre contact directement avec eux.\",\"accessButton\":\"Accéder aux connecteurs\",\"later\":\"Plus tard\",\"ok\":\"Ok\",\"accessibility\":{\"window_title\":\"Fenêtre d'information\",\"button_ok\":\"Fermer la fenêtre\",\"button_later\":\"Fermer la fenêtre\",\"button_goto_konnector\":\"Aller aux connecteurs\"}},\"partner_connection_steps\":{\"electricity\":{\"step1\":{\"info1\":\"Munissez-vous d’une <span>facture d’électricité</span> et d’un zeste de patience.\",\"info2\":\"\"},\"step2\":{\"info1\":\"Si le contrat d’électricité est à votre nom, privilégiez l’identification <span>France connect.</span>\",\"info2\":\"Sinon, munissez-vous de la <span>pièce d’identité du titulaire du contrat.</span>\"},\"step3\":{\"info1\":\"Une fois votre compte créé, <span>revenez sur Ecolyo</span> pour finaliser la connexion.\",\"info2\":\"\"},\"button_validate\":\"Aller sur Enedis\"},\"water\":{\"step1\":{\"info1\":\"Munissez-vous d’une <span>facture d'eau</span> et d’un zeste de patience.\",\"info2\":\"\"},\"step2\":{\"info1\":\"Une fois votre compte créé, <span>revenez sur Ecolyo</span> pour finaliser la connexion.\",\"info2\":\"\"},\"button_validate\":\"Aller sur EGL\"},\"gas\":{\"step1\":{\"info1\":\"Munissez-vous d’une <span>facture de gaz</span> et d’un zeste de patience.\",\"info2\":\"\"},\"step2\":{\"info1\":\"Une fois votre compte créé, <span>revenez sur Ecolyo</span> pour finaliser la connexion.\",\"info2\":\"\"},\"button_validate\":\"Aller sur GRDF\"},\"button_previous\":\"Précédent\",\"button_next\":\"Suivant\",\"accessibility\":{\"window_title\":\"Fenêtre d'information sur la création de compte.\",\"button_validate\":\"Aller sur le site du partenaire.\",\"button_close\":\"Fermer la fenètre.\",\"button_previous\":\"Précédent\",\"button_next\":\"Suivant\"}},\"performance_indicator\":{\"bilan\":{\"text1\":\"Par rapport à \",\"text2\":\"soit une différence de : \"},\"error_no_compare\":\"comparaison impossible\",\"error_no_compare_reason\":\"(manque de données)\",\"error_no_compare_no_data\":\"Vos consommations pour cette période sont incomplètes à cause d’un problème technique concernant :\",\"fpi\":{\"no_data\":\"Données non disponibles\",\"no_comparison\":\"Pas de comparaison possible\"}},\"profile\":{\"report\":{\"title_alert\":\"Alerte fuite d'eau\",\"title_bilan\":\"Bilan et conseils\",\"switch_label_bilan\":\"Je reçois la lettre mensuelle contenant un bilan et des conseils sur ma consommation.\",\"switch_label_alert\":\"Être prévenu d’un dépassement anormal de ma consommation d’eau\",\"input_label_alert\":\"Si ma consommation d’eau quotidienne dépasse :\",\"input_label_subtext_alert\":\"(Votre consommation quotidienne maximum sur les 6 derniers mois : \",\"activate\":\"Activer\",\"deactivate\":\"Désactiver\"},\"accessibility\":{\"button_toggle_mail_report\":\"Recevoir mon bilan mensuel par mail\",\"button_toggle_consumption_alert\":\"Recevoir des alertes sur mes consommations journalières\",\"input_water_alert_report\":\"Indiquer une limite de consommation d'eau journalière\"}},\"profile_type\":{\"title_profile\":\"Profil de consommation\",\"read_profile\":\"Ajuster mon profil\",\"button_update_profile\":\"J'ajuste mon profil\",\"your_profile\":\"Votre profil\",\"multi_choices\":\"Plusieurs réponses possibles\",\"housing_type\":{\"title\":\"Logement\",\"question\":\"De quel type de logement disposez-vous ?\",\"individual_house\":\"Maison individuelle\",\"appartment\":\"Appartement\"},\"construction_year\":{\"title\":\"Construction\",\"question\":\"Quelle est son année de construction ?\",\"text_before_1948\":\"Construit avant 1948\",\"text_between_1948_and_1974\":\"Construit entre 1948 et 1974\",\"text_between_1975_and_1989\":\"Construit entre 1975 et 1989\",\"text_between_1990_and_1998\":\"Construit entre 1990 et 1998\",\"text_after_1998\":\"Construit après 1998\",\"text_unknown\":\"Construit après 1998\",\"before_1948\":\"Avant 1948\",\"between_1948_and_1974\":\"Entre 1948 et 1974\",\"between_1975_and_1989\":\"Entre 1975 et 1989\",\"between_1990_and_1998\":\"Entre 1990 et 1998\",\"after_1998\":\"Après 1998\",\"unknown\":\"Je ne sais pas\"},\"occupantsNumber\":{\"single\":\" occupant\",\"multi\":\" occupants\"},\"area\":{\"title\":\"Surface\",\"question\":\"Quelle est sa surface en m² ?\",\"name\":\" m²\"},\"occupants_number\":{\"title\":\"Nombre d'occupants\",\"question\":\"Combien il y a-t-il d'occupants ?\"},\"outside_facing_walls\":{\"1\":\"1 façade\",\"2\":\"2 façades\",\"3\":\"3 façades\",\"4\":\"4 façades\",\"title\":\"Murs extérieurs\",\"question\":\"Combien de façades donnent sur l'extérieur ?\",\"text\":{\"single\":\" façade donne sur l'extérieur\",\"multi\":\" façades donnent sur l'extérieur\"}},\"floor\":{\"title\":\"Étage\",\"question\":\"À quel étage est votre appartement ?\",\"ground_floor\":\"Au rez-de-chaussée\",\"intermediate_floor\":\"Étage intermédiaire\",\"last_floor\":\"Dernier étage\",\"not_applicable\":\"Sans objet\"},\"heating\":{\"title\":\"Chauffage\",\"question\":\"Quel est votre type de chauffage ?\",\"individual\":\"Individuel\",\"collective\":\"Collectif\"},\"individual_insulation_work\":{\"title\":\"Travaux de rénovation\",\"question\":\"Quels travaux de rénovation avez-vous réalisés ces 10 dernières années ?\",\"none\":\"Aucun\",\"roof_insulation\":\"Isolation toiture\",\"window_replacement\":\"Remplacement fenêtres\",\"wall_insulation\":\"Isolation des murs\",\"window_replacement_and_wall_insulation\":\"Remplacement fenêtres et isolation des murs\",\"window_replacement_and_roof_insulation\":\"Remplacement fenêtres et isolation toiture\",\"roof_and_wall_insulation\":\"Isolation toiture et murs\",\"window_replacement_and_roof_and_wall_insulation\":\"Remplacement fenêtre et isolation des murs et isolation toiture\",\"built_after_1998\":\"construit après 1998\"},\"facilities_installation\":{\"title\":\"Équipement\"},\"ventilation\":{\"title\":\"Ventilation double flux\",\"question\":\"Etes-vous équipé d'une ventilation double flux ?\",\"yes\":\"Oui\",\"no\":\"Non\",\"unknown\":\"Je ne sais pas\",\"text\":\"Équipé d'une ventilation double flux\"},\"heater_replacement\":{\"title\":\"Pompe à chaleur ou poêle à bois\",\"question\":\"Au cours de ces 10 dernières années, avez-vous remplacé votre chaudière ou vous êtes-vous équipé d'une pompe à chaleur ou d'un poêle à bois ?\",\"yes\":\"Oui\",\"no\":\"Non\",\"unknown\":\"Je ne sais pas\",\"text\":\"Équipé d'une pompe à chaleur ou poêle à bois\"},\"cold_water\":{\"title\":\"Eau\",\"question\":\"Votre eau est-elle comprise dans vos charges collectives ?\",\"individual\":\"Non\",\"collective\":\"Oui\",\"individual_text\":\"Individuelle\",\"collective_text\":\"Collective\"},\"hot_water\":{\"title\":\"Eau chaude\",\"question\":\"Quel est votre type de production d’eau chaude ?\",\"individual\":\"Individuelle\",\"collective\":\"Collective\"},\"hot_water_equipment\":{\"title\":\"Eau chaude\",\"question\":\"Utilisez-vous l’un de ces équipements pour produire votre eau chaude ?\",\"solar\":\"Chauffe-eau solaire\",\"thermodynamic\":\"Chauffe-eau thermodynamique\",\"other\":\"Aucun des deux\"},\"warming_fluid\":{\"0\":\"Électricité\",\"2\":\"Gaz\",\"3\":\"Bois\",\"4\":\"Fioul\",\"title\":\"Source chauffage\",\"question\":\"Quelle source d’énergie principale utilisez-vous pour vous chauffer ?\",\"no_fluid_text\":\"Produit ni par de l'électricité, ni par du gaz, ni par du bois ou du fuel\",\"0_text\":\"Produit grâce à de l'électricité\",\"2_text\":\"Produit grâce au gaz\",\"3_text\":\"Produit grâce au bois\",\"4_text\":\"Produit grâce au fioul\"},\"hot_water_fluid\":{\"0\":\"Électricité\",\"2\":\"Gaz\",\"title\":\"Source eau chaude\",\"question\":\"Avec quelle source d’énergie votre eau chaude est-elle produite ?\",\"no_fluid_text\":\"Produite ni par de l'électricité, ni par du gaz\",\"0_text\":\"Produite grâce à de l'électricité\",\"2_text\":\"Produite grâce au gaz\"},\"cooking_fluid\":{\"0\":\"Électricité\",\"2\":\"Gaz\",\"title\":\"Source cuisson\",\"question\":\"Quel mode de cuisson principal utilisez-vous ?\"},\"update_date\":{\"title\":\"Date de prise d'effet\",\"question\":\"A partir de quelle date souhaitez-vous que ce nouveau profil soit pris en compte dans l'analyse de vos données ?\"},\"fluidType\":{\"0\":\"Électricité\",\"1\":\"Eau\",\"2\":\"Gaz\"},\"form\":{\"button_previous\":\"Précédent\",\"button_next\":\"Suivant\",\"button_end\":\"Terminer\"},\"finished\":{\"title\":\"Terminé !\",\"label1\":\"Grâce à ces informations, vous pourrez comparer votre consommation avec celle d'un foyer vous ressemblant davantage.\",\"label2\":\"Nous pourrons aussi vous proposer des écogestes adaptés à votre profil.\",\"button_validate\":\"OK\"},\"accessibility\":{\"button_end\":\"Terminer la mise à jour du profil\",\"button_next\":\"Aller à la section suivante\",\"button_previous\":\"Retour à la section précédente\",\"button_update_profile\":\"Ouvrir la page de mise à jour du profil\",\"button_toggle_detail_profile\":\"Afficher ou masquer le détail du profil\",\"button_validate\":\"Valider\"}},\"quiz\":{\"explanation\":\"Répondez correctement aux 5 questions et remportez 5 des 15 étoiles nécessaires pour débloquer le duel final\",\"score_final\":\"SCORE FINAL\",\"correct\":\"Bravo !\",\"wrong\":\"Raté !\",\"rightAnswer\":\"Bonne réponse :\",\"earn\":\"Vous remportez\",\"button_go_back\":\"Retour\",\"button_end_quiz\":\"Youpi !\",\"button_try_again\":\"Rééssayer\",\"button_validate\":\"Valider\",\"next\":\"Suivant\",\"consumption_question\":\"Question sur votre consommation\",\"accessibility\":{\"window_title\":\"Fenêtre de résultat\",\"button_end_quiz\":\"Terminer le quiz\",\"button_go_back\":\"Retour\",\"button_go_next\":\"Suivant\",\"button_try_again\":\"Relancer le quiz\",\"button_validate\":\"Valider\"}},\"splashscreen\":{\"error_loading\":\"Une erreur est survenue\",\"button_reload\":\"Rééssayer\",\"accessibility\":{\"button_reload\":\"Recharger la page\"},\"migration_error\":\"Mise à jour de l'application\",\"consent_error\":\"Vérification de vos consentements pour partager vos données avec Ecolyo\",\"profile_error\":\"Chargement de votre profil utilisateur\",\"profileType_error\":\"Chargement de votre profil de consommation.\",\"ecogesture_error\":\"Chargement de vos écogestes\",\"challenges_error\":\"Actualisation de votre progression dans les défis\",\"analysis_error\":\"Chargement de votre analyse mensuelle\",\"index_error\":\"Chargement des index\",\"prices_error\":\"Mise à jour des prix\",\"consos_error\":\"Test de la connexion à vos données de consommation\",\"partners_error\":\"Récupération de l'état des services partenaires\",\"unknown_error\":\"Veuillez vérifier votre connexion internet\",\"network_error\":\"Erreur de réseau\",\"step\":{\"0\":\"Mise à jour de l'application\",\"1\":\"Vérification de vos consentements pour partager vos données avec Ecolyo\",\"2\":\"Chargement de votre profil\",\"3\":\"Chargement de vos écogestes\",\"4\":\"Actualisation de votre progression dans les défis\",\"5\":\"Mise à jour des prix\",\"6\":\"Test de la connexion à vos données de consommation\"}},\"timestep\":{\"today\":\"Aujourd'hui\",\"activate\":{\"enedis\":{\"consent_active\":{\"title\":\"La visualisation par 1/2 heure n’est pas activée\",\"info\":\"Pour les visualiser, il vous faut activer l’<span>enregistrement</span> de votre consommation horaire sur votre compte Enedis\",\"label1\":\"Activer sur mon compte Enedis\",\"accessibility\":{\"button_activate\":\"Aller sur mon compte Enedis\"}},\"no_consent_active\":{\"title\":\"La visualisation par 1/2 heure n’est pas activée\",\"info\":\"Il semble que votre consentement ait expiré, il vous faut ré-activer l’enregistrement de votre consommation horaire sur votre compte Enedis\",\"label1\":\"Ré-activer sur mon compte Enedis\",\"accessibility\":{\"button_activate\":\"Aller sur mon compte Enedis\"},\"text_analysis\":\"Pour bénéficier d’une analyse approfondie de votre consommation électrique, il vous faut activer l’enregistrement de votre consommation horaire sur votre compte Enedis\"},\"consent_activated\":{\"title\":\"La récupération de vos données s’effectuera cette nuit.\",\"title_2\":\"À demain !\",\"info\":\"Si vous n’avez pas réussi à activer l'enregistrement de votre consommation horaire, vous pouvez ré-essayer.\"}}},\"year\":{\"period\":\"5 ans\",\"comparelabel\":\"Comparer à l'année précédente\"},\"month\":{\"period\":\"Année\",\"comparelabel\":\"Comparer à l'année précédente\"},\"day\":{\"period\":\"Mois\",\"comparelabel\":\"Comparer au mois précédent\"},\"week\":{\"period\":\"Semaine\",\"comparelabel\":\"Comparer à la semaine précédente\"},\"half_an_hour\":{\"period\":\"Jour\",\"comparelabel\":\"Comparer à la journée précédente\"},\"accessibility\":{\"button_zoom_in\":\"Sélectionner le pas de temps précédent\",\"button_zoom_out\":\"Sélectionner le pas de temps suivant\"}},\"unsubscribe\":{\"title\":\"Etes-vous sûr de ne plus vouloir recevoir notre email mensuel ?\",\"content\":\"Dans ce cas, vous ne recevrez plus la notification de votre bilan ainsi que les conseils associés au mois en cours.\",\"button_text\":\"Oui, je me désabonne\",\"button_accessibility\":\"Bouton de désinscription\"},\"welcome_modal\":{\"title\":\"Félicitations\",\"perso\":\"Votre espace personnel a bien été créé.\",\"connect\":\"Vous pouvez maintenant connecter vos compteurs d’énergie à Ecolyo en toute sécurité.\",\"button_valid\":\"Ok\",\"accessibility\":{\"title\":\"Fenêtre de félicitations\",\"button_valid\":\"Valider\"}}}");
 
 /***/ }),
 
@@ -7676,7 +8732,7 @@ module.exports = JSON.parse("{\"common\":{\"title_app\":\"Ecolyo\",\"title_chall
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.quiz-modal-root {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 1.5rem 0.5rem;\n  text-align: center; }\n  .quiz-modal-root .quiz-modal-answer {\n    font-weight: bold;\n    font-size: 1.7rem;\n    text-transform: uppercase;\n    margin-top: 0;\n    margin-bottom: 1rem; }\n    .quiz-modal-root .quiz-modal-answer.correct {\n      color: #61f0f2; }\n    .quiz-modal-root .quiz-modal-answer.wrong {\n      color: #d25959; }\n  .quiz-modal-root .answer-label {\n    margin-bottom: 1.5rem; }\n  .quiz-modal-root button.btn-secondary-negative {\n    width: auto;\n    padding: 0.5rem 3rem;\n    margin: 2rem 0.25rem 0.5rem;\n    border-color: #e0e0e0; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.quiz-modal-root {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 1.5rem 0.5rem;\n  text-align: center; }\n  .quiz-modal-root .quiz-modal-answer {\n    font-weight: bold;\n    font-size: 1.7rem;\n    text-transform: uppercase;\n    margin-top: 0;\n    margin-bottom: 1rem; }\n    .quiz-modal-root .quiz-modal-answer.correct {\n      color: #61f0f2; }\n    .quiz-modal-root .quiz-modal-answer.wrong {\n      color: #d25959; }\n  .quiz-modal-root .answer-label {\n    margin-bottom: 1.5rem; }\n  .quiz-modal-root button.btn-secondary-negative {\n    width: auto;\n    padding: 0.5rem 3rem;\n    margin: 2rem 0.25rem 0.5rem;\n    border-color: #e0e0e0; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
 
 
 
@@ -9186,6 +10242,17 @@ var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPO
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
 
+/***/ }),
+
+/***/ "CQ5T":
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__("JPst")(false);
+// Module
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-type-progress {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center; }\n  .profile-type-progress .profile-type-progress-label {\n    font-size: 0.938rem;\n    width: 1.875rem;\n    color: #e3b82a;\n    text-align: right; }\n  .profile-type-progress .profile-type-progress-bar-container {\n    margin-left: 0.5rem;\n    flex: 1;\n    height: 6px;\n    background-color: #121212; }\n    .profile-type-progress .profile-type-progress-bar-container .profile-type-progress-bar-content {\n      height: 100%;\n      background-color: #e3b82a;\n      border-radius: 12px; }\n", ""]);
+
+
+
 /***/ }),
 
 /***/ "CSEs":
@@ -10311,7 +11378,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.exploration-card {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: 4rem auto 0;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 80%;\n  text-align: center;\n  padding: 0.5rem 1rem 1rem;\n  font-size: 1.1rem;\n  font-weight: 700; }\n  @media (min-width: 1023px) {\n    .exploration-card {\n      width: 50%; } }\n  @media (min-width: 1201px) {\n    .exploration-card {\n      width: 40%; } }\n  .exploration-card .exploration-finish {\n    width: 75%; }\n    @media (min-width: 768px) {\n      .exploration-card .exploration-finish {\n        width: auto; } }\n  .exploration-card button.btn-secondary-negative {\n    border-color: #e0e0e0;\n    margin-top: 1rem; }\n  .exploration-card .exploration-icon {\n    margin-left: 0.5rem; }\n  .exploration-card .congratulation {\n    font-size: 2.3rem;\n    margin: 2rem 0 1rem; }\n  .exploration-card .exploration-earn {\n    margin: 2rem 0 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.exploration-card {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: 4rem auto 0;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 80%;\n  text-align: center;\n  padding: 0.5rem 1rem 1rem;\n  font-size: 1.1rem;\n  font-weight: 700; }\n  @media (min-width: 1023px) {\n    .exploration-card {\n      width: 50%; } }\n  @media (min-width: 1201px) {\n    .exploration-card {\n      width: 40%; } }\n  .exploration-card .exploration-finish {\n    width: 75%; }\n    @media (min-width: 768px) {\n      .exploration-card .exploration-finish {\n        width: auto; } }\n  .exploration-card button.btn-secondary-negative {\n    border-color: #e0e0e0;\n    margin-top: 1rem; }\n  .exploration-card .exploration-icon {\n    margin-left: 0.5rem; }\n  .exploration-card .congratulation {\n    font-size: 2.3rem;\n    margin: 2rem 0 1rem; }\n  .exploration-card .exploration-earn {\n    margin: 2rem 0 1rem; }\n", ""]);
 
 
 
@@ -10932,7 +11999,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.exploration-error-container {\n  display: flex;\n  min-height: 60vh;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.5rem;\n  color: #e0e0e0; }\n\n.exploration-error-message {\n  margin-top: 3rem;\n  text-align: center; }\n\n.exploration-error-button {\n  margin-top: 3rem;\n  width: 7.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.exploration-error-container {\n  display: flex;\n  min-height: 60vh;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.5rem;\n  color: #e0e0e0; }\n\n.exploration-error-message {\n  margin-top: 3rem;\n  text-align: center; }\n\n.exploration-error-button {\n  margin-top: 3rem;\n  width: 7.5rem; }\n", ""]);
 
 
 
@@ -12240,7 +13307,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.legal-notice-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  padding: 1.5rem 1.5rem 0; }\n  .legal-notice-root .legal-notice-content {\n    max-width: 45.75rem; }\n    .legal-notice-root .legal-notice-content p,\n    .legal-notice-root .legal-notice-content ul,\n    .legal-notice-root .legal-notice-content li,\n    .legal-notice-root .legal-notice-content span,\n    .legal-notice-root .legal-notice-content .legal-notice-oneline {\n      color: #e0e0e0;\n      font-size: 0.9rem; }\n    .legal-notice-root .legal-notice-content a {\n      color: #e3b82a;\n      text-decoration: none; }\n    .legal-notice-root .legal-notice-content li {\n      margin: 1rem 0; }\n    .legal-notice-root .legal-notice-content h2 {\n      color: #a0a0a0;\n      margin-top: 1rem;\n      text-align: center; }\n    .legal-notice-root .legal-notice-content .version {\n      color: #a0a0a0;\n      text-align: center;\n      margin-top: 0;\n      margin-bottom: 2rem; }\n    .legal-notice-root .legal-notice-content h3 {\n      margin-top: 1.25rem;\n      font-size: 1rem;\n      color: #e3b82a; }\n    .legal-notice-root .legal-notice-content .ln-contact {\n      color: #e3b82a; }\n    @media only screen and (max-width: 768px) {\n      .legal-notice-root .legal-notice-content {\n        width: 100%; } }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.legal-notice-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  padding: 1.5rem 1.5rem 0; }\n  .legal-notice-root .legal-notice-content {\n    max-width: 45.75rem; }\n    .legal-notice-root .legal-notice-content p,\n    .legal-notice-root .legal-notice-content ul,\n    .legal-notice-root .legal-notice-content li,\n    .legal-notice-root .legal-notice-content span,\n    .legal-notice-root .legal-notice-content .legal-notice-oneline {\n      color: #e0e0e0;\n      font-size: 0.9rem; }\n    .legal-notice-root .legal-notice-content a {\n      color: #e3b82a;\n      text-decoration: none; }\n    .legal-notice-root .legal-notice-content li {\n      margin: 1rem 0; }\n    .legal-notice-root .legal-notice-content h2 {\n      color: #a0a0a0;\n      margin-top: 1rem;\n      text-align: center; }\n    .legal-notice-root .legal-notice-content .version {\n      color: #a0a0a0;\n      text-align: center;\n      margin-top: 0;\n      margin-bottom: 2rem; }\n    .legal-notice-root .legal-notice-content h3 {\n      margin-top: 1.25rem;\n      font-size: 1rem;\n      color: #e3b82a; }\n    .legal-notice-root .legal-notice-content .ln-contact {\n      color: #e3b82a; }\n    @media only screen and (max-width: 768px) {\n      .legal-notice-root .legal-notice-content {\n        width: 100%; } }\n", ""]);
 
 
 
@@ -13114,7 +14181,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.action-done-container {\n  max-width: 600px;\n  margin: auto;\n  width: 100%;\n  padding: 1.5rem;\n  box-sizing: border-box;\n  min-height: 75vh;\n  display: flex;\n  flex-direction: column; }\n  .action-done-container .action-done {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n    padding: 3rem 1.2rem;\n    margin: auto;\n    color: white;\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55); }\n    @media all and (max-width: 768px) {\n      .action-done-container .action-done {\n        min-height: 75vh; } }\n    .action-done-container .action-done .result-title {\n      font-size: 1.8rem;\n      color: white;\n      text-transform: uppercase; }\n    .action-done-container .action-done .result-text {\n      padding: 0.7rem 0; }\n    .action-done-container .action-done .stars {\n      display: flex;\n      align-items: center;\n      color: #61f0f2;\n      font-size: 1.5rem;\n      font-weight: bold; }\n      .action-done-container .action-done .stars span {\n        margin-right: 0.5rem; }\n    .action-done-container .action-done button.btn-detail {\n      max-width: 210px; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.action-done-container {\n  max-width: 600px;\n  margin: auto;\n  width: 100%;\n  padding: 1.5rem;\n  box-sizing: border-box;\n  min-height: 75vh;\n  display: flex;\n  flex-direction: column; }\n  .action-done-container .action-done {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n    padding: 3rem 1.2rem;\n    margin: auto;\n    color: white;\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55); }\n    @media all and (max-width: 768px) {\n      .action-done-container .action-done {\n        min-height: 75vh; } }\n    .action-done-container .action-done .result-title {\n      font-size: 1.8rem;\n      color: white;\n      text-transform: uppercase; }\n    .action-done-container .action-done .result-text {\n      padding: 0.7rem 0; }\n    .action-done-container .action-done .stars {\n      display: flex;\n      align-items: center;\n      color: #61f0f2;\n      font-size: 1.5rem;\n      font-weight: bold; }\n      .action-done-container .action-done .stars span {\n        margin-right: 0.5rem; }\n    .action-done-container .action-done button.btn-detail {\n      max-width: 210px; }\n", ""]);
 
 
 
@@ -13347,6 +14414,13 @@ exports.default = _default2;
 
 /***/ }),
 
+/***/ "I8oM":
+/***/ (function(module) {
+
+module.exports = JSON.parse("{\"ratio_kw_per_person_per_year\":200}");
+
+/***/ }),
+
 /***/ "IBB8":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -13579,7 +14653,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.cardContent {\n  background: transparent !important;\n  display: flex;\n  flex-direction: column;\n  justify-content: center; }\n  .cardContent.onGoing {\n    border: 1px solid #e0e0e0;\n    position: relative; }\n    .cardContent.onGoing .challengeTitle {\n      margin-top: 0; }\n\n.titleBlock {\n  position: absolute;\n  left: 0;\n  right: 0;\n  margin: auto;\n  top: -1rem;\n  background: #121212;\n  width: fit-content;\n  padding: 0 1rem;\n  max-width: 235px; }\n\n.smallCard {\n  border: none;\n  width: 100%;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  height: 24%;\n  max-height: 90px;\n  margin: 0.5rem 0;\n  padding: 8%;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  color: #e0e0e0;\n  box-sizing: border-box;\n  display: flex;\n  font-family: Lato, sans-serif;\n  transition: all 300ms ease; }\n  @media all and (max-height: 800px) {\n    .smallCard {\n      max-height: 85px;\n      padding: 6%; } }\n  @media all and (max-height: 730px) {\n    .smallCard {\n      max-height: 70px;\n      padding: 3%; } }\n  .smallCard.finished {\n    border: 1px solid #7b7b7b;\n    background: #1b1c22; }\n    .smallCard.finished > * {\n      color: #7b7b7b; }\n  .smallCard:hover {\n    cursor: pointer; }\n  .smallCard .content {\n    display: flex;\n    flex-direction: column;\n    align-self: center;\n    justify-content: space-between;\n    align-items: flex-start; }\n    .smallCard .content span {\n      margin-bottom: 0.3em; }\n  .smallCard .spinner-container {\n    height: 3.75rem;\n    width: 3.75rem;\n    margin: auto; }\n  .smallCard .cardIcon {\n    margin-right: 0.6rem; }\n  .smallCard span {\n    font-size: 1.1rem;\n    font-weight: 700;\n    display: block;\n    margin-bottom: 0.6rem; }\n    @media all and (max-height: 700px) {\n      .smallCard span {\n        margin-bottom: 0.1rem;\n        font-size: 1rem; } }\n  .smallCard .challengeminIcon {\n    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.55)); }\n  .smallCard .duelLocked {\n    margin-left: auto; }\n  .smallCard .starCount {\n    display: flex;\n    align-items: center;\n    margin: 0; }\n    .smallCard .starCount span {\n      margin: 0; }\n    .smallCard .starCount .blueNumber {\n      font-weight: 900;\n      color: #61f0f2;\n      margin: 0 0.3rem 0 0.7rem; }\n  .smallCard .finalDuel {\n    display: flex;\n    flex-direction: column; }\n    .smallCard .finalDuel .starCount span {\n      font-size: 1rem;\n      font-weight: 500; }\n    .smallCard .finalDuel .starCount .blueNumber {\n      margin-left: 0; }\n    .smallCard .finalDuel.result span {\n      margin-bottom: 0.2rem;\n      font-weight: 600;\n      font-size: 1rem; }\n\n.duelCard {\n  background: #181819;\n  border: solid 1px rgba(97, 240, 242, 0.5);\n  align-items: center;\n  justify-content: space-between;\n  position: relative; }\n  .duelCard.active {\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%); }\n\n.explorationCard,\n.actionCard {\n  position: relative; }\n\n.goDuel {\n  align-items: center;\n  justify-content: space-between;\n  height: auto;\n  background: linear-gradient(180deg, #61f0f2 0%, #48c2c4 100%);\n  color: #121212;\n  font-weight: 700;\n  font-family: Lato, sans-serif; }\n\n.notifChallenge {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  right: 4px;\n  top: 4px;\n  width: 1.25rem;\n  height: 1.25rem;\n  color: #25262b;\n  border-radius: 50%;\n  border: 1px solid #25262b;\n  z-index: 1;\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  font-size: 12px; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.cardContent {\n  background: transparent !important;\n  display: flex;\n  flex-direction: column;\n  justify-content: center; }\n  .cardContent.onGoing {\n    border: 1px solid #e0e0e0;\n    position: relative; }\n    .cardContent.onGoing .challengeTitle {\n      margin-top: 0; }\n\n.titleBlock {\n  position: absolute;\n  left: 0;\n  right: 0;\n  margin: auto;\n  top: -1rem;\n  background: #121212;\n  width: fit-content;\n  padding: 0 1rem;\n  max-width: 235px; }\n\n.smallCard {\n  border: none;\n  width: 100%;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  height: 24%;\n  max-height: 90px;\n  margin: 0.5rem 0;\n  padding: 8%;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  color: #e0e0e0;\n  box-sizing: border-box;\n  display: flex;\n  font-family: Lato, sans-serif;\n  transition: all 300ms ease; }\n  @media all and (max-height: 800px) {\n    .smallCard {\n      max-height: 85px;\n      padding: 6%; } }\n  @media all and (max-height: 730px) {\n    .smallCard {\n      max-height: 70px;\n      padding: 3%; } }\n  .smallCard.finished {\n    border: 1px solid #7b7b7b;\n    background: #1b1c22; }\n    .smallCard.finished > * {\n      color: #7b7b7b; }\n  .smallCard:hover {\n    cursor: pointer; }\n  .smallCard .content {\n    display: flex;\n    flex-direction: column;\n    align-self: center;\n    justify-content: space-between;\n    align-items: flex-start; }\n    .smallCard .content span {\n      margin-bottom: 0.3em; }\n  .smallCard .spinner-container {\n    height: 3.75rem;\n    width: 3.75rem;\n    margin: auto; }\n  .smallCard .cardIcon {\n    margin-right: 0.6rem; }\n  .smallCard span {\n    font-size: 1.1rem;\n    font-weight: 700;\n    display: block;\n    margin-bottom: 0.6rem; }\n    @media all and (max-height: 700px) {\n      .smallCard span {\n        margin-bottom: 0.1rem;\n        font-size: 1rem; } }\n  .smallCard .challengeminIcon {\n    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.55)); }\n  .smallCard .duelLocked {\n    margin-left: auto; }\n  .smallCard .starCount {\n    display: flex;\n    align-items: center;\n    margin: 0; }\n    .smallCard .starCount span {\n      margin: 0; }\n    .smallCard .starCount .blueNumber {\n      font-weight: 900;\n      color: #61f0f2;\n      margin: 0 0.3rem 0 0.7rem; }\n  .smallCard .finalDuel {\n    display: flex;\n    flex-direction: column; }\n    .smallCard .finalDuel .starCount span {\n      font-size: 1rem;\n      font-weight: 500; }\n    .smallCard .finalDuel .starCount .blueNumber {\n      margin-left: 0; }\n    .smallCard .finalDuel.result span {\n      margin-bottom: 0.2rem;\n      font-weight: 600;\n      font-size: 1rem; }\n\n.duelCard {\n  background: #181819;\n  border: solid 1px rgba(97, 240, 242, 0.5);\n  align-items: center;\n  justify-content: space-between;\n  position: relative; }\n  .duelCard.active {\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%); }\n\n.explorationCard,\n.actionCard {\n  position: relative; }\n\n.goDuel {\n  align-items: center;\n  justify-content: space-between;\n  height: auto;\n  background: linear-gradient(180deg, #61f0f2 0%, #48c2c4 100%);\n  color: #121212;\n  font-weight: 700;\n  font-family: Lato, sans-serif; }\n\n.notifChallenge {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  right: 4px;\n  top: 4px;\n  width: 1.25rem;\n  height: 1.25rem;\n  color: #25262b;\n  border-radius: 50%;\n  border: 1px solid #25262b;\n  z-index: 1;\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  font-size: 12px; }\n", ""]);
 
 
 
@@ -14780,7 +15854,7 @@ var EcogestureSelection = function EcogestureSelection() {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "eg-selection-header"
-  }, indexEcogesture <= ecogestureList.length - 1 ? "".concat(totalViewed + indexEcogesture + 1, "/").concat(totalViewed + ecogestureList.length) : '')), /*#__PURE__*/_react.default.createElement(_Content.default, {
+  }, indexEcogesture <= ecogestureList.length - 1 ? "".concat(totalViewed + indexEcogesture + 1, "/").concat(totalAvailable) : '')), /*#__PURE__*/_react.default.createElement(_Content.default, {
     height: headerHeight
   }, indexEcogesture <= ecogestureList.length - 1 ? /*#__PURE__*/_react.default.createElement(_EcogestureSelectionDetail.default, {
     ecogesture: ecogestureList[indexEcogesture],
@@ -15034,12 +16108,336 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "Mqix":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(__webpack_require__("lSNA"));
+
+var _toConsumableArray2 = _interopRequireDefault(__webpack_require__("RIqP"));
+
+var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
+
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+
+__webpack_require__("UGT3");
+
+var _I18n = __webpack_require__("buk/");
+
+var _classnames = _interopRequireDefault(__webpack_require__("TSYQ"));
+
+var _ProfileTypeProgress = _interopRequireDefault(__webpack_require__("TkB0"));
+
+var _FormNavigation = _interopRequireDefault(__webpack_require__("btPA"));
+
+var _lodash = __webpack_require__("LvDl");
+
+var _profileType = __webpack_require__("D9qV");
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ProfileTypeFormMultiChoice = function ProfileTypeFormMultiChoice(_ref) {
+  var step = _ref.step,
+      viewedStep = _ref.viewedStep,
+      profileType = _ref.profileType,
+      answerType = _ref.answerType,
+      setNextStep = _ref.setNextStep,
+      setPrevioustStep = _ref.setPrevioustStep,
+      isProfileTypeComplete = _ref.isProfileTypeComplete;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      answer = _useState2[0],
+      setAnswer = _useState2[1];
+
+  var handleChange = function handleChange(value) {
+    var tempAnswer = (0, _toConsumableArray2.default)(answer);
+
+    if (value === 'none' && !tempAnswer.includes(value)) {
+      tempAnswer = [value];
+    } else if (tempAnswer.includes(value)) {
+      (0, _lodash.remove)(tempAnswer, function (n) {
+        return n === 'none' || n === value;
+      });
+    } else {
+      (0, _lodash.remove)(tempAnswer, function (n) {
+        return n === 'none';
+      });
+      tempAnswer.push(value);
+    }
+
+    setAnswer(tempAnswer);
+  };
+
+  var isChecked = function isChecked(value) {
+    if (answer.includes(value)) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  var handlePrevious = (0, _react.useCallback)(function () {
+    setPrevioustStep(profileType);
+  }, [profileType, setPrevioustStep]);
+  var handleNext = (0, _react.useCallback)(function () {
+    profileType[answerType.attribute] = answer;
+    setNextStep(profileType);
+  }, [profileType, setNextStep, answer, answerType.attribute]);
+  (0, _react.useEffect)(function () {
+    var attribute = profileType[answerType.attribute];
+
+    if (step < viewedStep || isProfileTypeComplete) {
+      setAnswer(attribute);
+    }
+  }, [step, viewedStep, profileType, answerType, isProfileTypeComplete]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-form-container'
+  }, /*#__PURE__*/_react.default.createElement(_ProfileTypeProgress.default, {
+    step: step
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-question-label'
+  }, t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".question"))), /*#__PURE__*/_react.default.createElement("span", {
+    className: "profile-question-hint"
+  }, t('profile_type.multi_choices')), answerType.choices.map(function (value, index) {
+    return value ? /*#__PURE__*/_react.default.createElement("label", {
+      key: index,
+      className: (0, _classnames.default)('checkbox', (0, _defineProperty2.default)({}, 'answer-checked', answer.includes(value)))
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      type: 'checkbox',
+      value: value,
+      name: value.toString(),
+      onChange: function onChange() {
+        return handleChange(value);
+      },
+      checked: isChecked(value)
+    }), t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".").concat(value))) : null;
+  })), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
+    step: step,
+    handlePrevious: handlePrevious,
+    handleNext: handleNext,
+    disableNextButton: answer.length < 1
+  }));
+};
+
+__signature__(ProfileTypeFormMultiChoice, "useI18n{{ t }}\nuseState{[answer, setAnswer]([])}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseEffect{}", function () {
+  return [_I18n.useI18n];
+});
+
+var _default = ProfileTypeFormMultiChoice;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ProfileTypeFormMultiChoice, "ProfileTypeFormMultiChoice", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormMultiChoice.tsx");
+  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormMultiChoice.tsx");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
+
+/***/ }),
+
+/***/ "MyUw":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
+
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+
+__webpack_require__("UGT3");
+
+var _I18n = __webpack_require__("buk/");
+
+var _ProfileTypeProgress = _interopRequireDefault(__webpack_require__("TkB0"));
+
+var _FormNavigation = _interopRequireDefault(__webpack_require__("btPA"));
+
+var _profileType = __webpack_require__("D9qV");
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ProfileTypeFormNumberSelection = function ProfileTypeFormNumberSelection(_ref) {
+  var step = _ref.step,
+      viewedStep = _ref.viewedStep,
+      profileType = _ref.profileType,
+      answerType = _ref.answerType,
+      setNextStep = _ref.setNextStep,
+      setPrevioustStep = _ref.setPrevioustStep,
+      isProfileTypeComplete = _ref.isProfileTypeComplete;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      answer = _useState2[0],
+      setAnswer = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      index = _useState4[0],
+      setIndex = _useState4[1];
+
+  var decrement = function decrement() {
+    setAnswer(answerType.choices[index - 1]);
+    setIndex(function (prev) {
+      return prev - 1;
+    });
+  };
+
+  var increment = function increment() {
+    setAnswer(answerType.choices[index + 1]);
+    setIndex(function (prev) {
+      return prev + 1;
+    });
+  };
+
+  var handlePrevious = (0, _react.useCallback)(function () {
+    setPrevioustStep(profileType);
+  }, [profileType, setPrevioustStep]);
+  var handleNext = (0, _react.useCallback)(function () {
+    profileType[answerType.attribute] = answer;
+    setNextStep(profileType);
+  }, [profileType, setNextStep, answer, answerType.attribute]);
+  (0, _react.useEffect)(function () {
+    if (step < viewedStep || isProfileTypeComplete) {
+      var foundIndex = answerType.choices.findIndex(function (element) {
+        return element && element === profileType[answerType.attribute];
+      });
+      foundIndex > -1 && setIndex(foundIndex);
+      setAnswer(profileType[answerType.attribute]);
+    } else {
+      setAnswer(answerType.choices[0]);
+    }
+  }, [step, viewedStep, profileType, answerType, isProfileTypeComplete]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-form-container'
+  }, /*#__PURE__*/_react.default.createElement(_ProfileTypeProgress.default, {
+    step: step
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-question-label'
+  }, t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answer !== null ? /*#__PURE__*/_react.default.createElement("div", {
+    className: 'number-container'
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: 'btn-profile-number',
+    onClick: function onClick() {
+      return decrement();
+    },
+    disabled: index < 1
+  }, "-"), /*#__PURE__*/_react.default.createElement("label", {
+    className: 'number'
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: 'text',
+    value: answer,
+    name: answerType.attribute,
+    disabled: true
+  })), /*#__PURE__*/_react.default.createElement("button", {
+    className: 'btn-profile-number',
+    onClick: function onClick() {
+      return increment();
+    },
+    disabled: index >= answerType.choices.length - 1
+  }, "+")) : null), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
+    step: step,
+    handlePrevious: handlePrevious,
+    handleNext: handleNext,
+    disableNextButton: answer === ''
+  }));
+};
+
+__signature__(ProfileTypeFormNumberSelection, "useI18n{{ t }}\nuseState{[answer, setAnswer]('')}\nuseState{[index, setIndex](0)}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseEffect{}", function () {
+  return [_I18n.useI18n];
+});
+
+var _default = ProfileTypeFormNumberSelection;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ProfileTypeFormNumberSelection, "ProfileTypeFormNumberSelection", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormNumberSelection.tsx");
+  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormNumberSelection.tsx");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
+
+/***/ }),
+
 /***/ "N/oz":
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.unsubscribe-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: 450px;\n  margin: auto;\n  padding: 2rem;\n  text-align: center; }\n  .unsubscribe-container .head {\n    color: #e3b82a; }\n  .unsubscribe-container .question {\n    color: #ffffff;\n    margin-top: 1.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.unsubscribe-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: 450px;\n  margin: auto;\n  padding: 2rem;\n  text-align: center; }\n  .unsubscribe-container .head {\n    color: #e3b82a; }\n  .unsubscribe-container .question {\n    color: #ffffff;\n    margin-top: 1.5rem; }\n", ""]);
 
 
 
@@ -15500,7 +16898,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-form-container {\n  color: #ffffff;\n  margin: 1rem 1rem 3.5rem;\n  width: 100%;\n  max-width: 53rem; }\n  @media (min-width: 1023px) {\n    .profile-form-container {\n      margin: 1rem 1rem 0; } }\n  .profile-form-container .text,\n  .profile-form-container .number {\n    font-size: 1.25rem; }\n    .profile-form-container .text input,\n    .profile-form-container .number input {\n      margin: 0.5rem;\n      background: #121212;\n      color: #ffffff;\n      border: 1px solid #e3b82a;\n      max-width: 5rem;\n      height: 2.5rem;\n      text-align: center; }\n      .profile-form-container .text input:focus,\n      .profile-form-container .number input:focus {\n        outline: #e3b82a 1px; }\n      .profile-form-container .text input:disabled,\n      .profile-form-container .number input:disabled {\n        -webkit-text-fill-color: #ffffff;\n        opacity: 1; }\n  .profile-form-container .profile-question-label {\n    font-weight: bold;\n    font-size: 1.375rem;\n    line-height: 150%;\n    padding: 1rem 0; }\n  .profile-form-container .profile-question-hint {\n    font-size: 1rem;\n    color: #e0e0e0;\n    display: block;\n    margin-bottom: 1rem;\n    font-style: italic; }\n  .profile-form-container .profile-question-answers {\n    display: flex; }\n  .profile-form-container .profile-question-answers-radio-long {\n    flex-wrap: wrap; }\n  .profile-form-container .profile-question-answers-other {\n    flex-direction: column; }\n  .profile-form-container .radio_short,\n  .profile-form-container .radio_long,\n  .profile-form-container .checkbox {\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n    margin: 0.5rem 0;\n    display: flex;\n    align-items: center;\n    font-weight: bold; }\n    .profile-form-container .radio_short input,\n    .profile-form-container .radio_long input,\n    .profile-form-container .checkbox input {\n      margin: 0.5rem 1rem 0.5rem 0.5rem;\n      appearance: none;\n      -moz-appearance: none;\n      -webkit-appearance: none;\n      width: 1.2rem;\n      height: 1.2rem;\n      border-radius: 50%;\n      background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n      position: relative; }\n  .profile-form-container .checkbox input {\n    border-radius: 1px; }\n  .profile-form-container .radio_short,\n  .profile-form-container .checkbox {\n    padding: 1.2rem;\n    border-radius: 4px; }\n  .profile-form-container .radio_long {\n    padding: 0.5rem 1rem;\n    border-radius: 4px;\n    text-align: center; }\n  .profile-form-container .answer-checked {\n    background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n    color: #121212; }\n    .profile-form-container .answer-checked input:before, .profile-form-container .answer-checked input:after {\n      content: '';\n      position: absolute;\n      display: inline-block;\n      background: #e3b82a;\n      border-radius: 0.5rem; }\n    .profile-form-container .answer-checked input:before {\n      width: 3px;\n      height: 12px;\n      left: 10px;\n      top: 4px;\n      transform: rotate(41deg); }\n    .profile-form-container .answer-checked input:after {\n      width: 3px;\n      height: 6px;\n      left: 5px;\n      top: 8px;\n      transform: rotate(133deg); }\n  .profile-form-container .number-container {\n    display: flex;\n    justify-content: left;\n    align-items: center; }\n  .profile-form-container .btn-profile-number {\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    background-color: transparent;\n    border: none;\n    border-radius: 2px;\n    width: 2.5rem;\n    height: 2.5rem;\n    font-size: 2rem;\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0.5rem; }\n  .profile-form-container button:disabled {\n    opacity: 0.5; }\n  .profile-form-container .date-select {\n    margin: 0.5em;\n    border: 1px solid #e3b82a;\n    background: #121212;\n    font-weight: bold; }\n    .profile-form-container .date-select .MuiInput-underline:after {\n      display: none; }\n    .profile-form-container .date-select .year {\n      text-align: center;\n      display: inline-flex;\n      align-content: center;\n      font-size: 1.25rem;\n      font-family: Lato, sans-serif;\n      color: #ffffff;\n      width: 93px; }\n      .profile-form-container .date-select .year svg {\n        top: 0;\n        background-color: #e3b82a;\n        height: 100%; }\n    .profile-form-container .date-select .month {\n      color: #ffffff;\n      font-size: 1.25rem;\n      text-align: center;\n      display: inline-flex;\n      align-content: center;\n      font-family: Lato, sans-serif;\n      min-width: 130px;\n      max-width: 150px; }\n      .profile-form-container .date-select .month svg {\n        top: 0;\n        right: 0;\n        background-color: #e3b82a;\n        height: 100%; }\n  .profile-form-container .select-container {\n    display: flex; }\n  .profile-form-container .date-option {\n    color: #ffffff; }\n  .profile-form-container ul {\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    color: #ffffff;\n    font-weight: normal; }\n    .profile-form-container ul .MuiMenuItem-root {\n      font-family: Lato, sans-serif;\n      text-align: center;\n      font-size: 1.25rem;\n      display: flex;\n      justify-content: space-evenly; }\n      .profile-form-container ul .MuiMenuItem-root :hover {\n        background-color: #e3b82a; }\n    .profile-form-container ul .MuiListItem-root.Mui-selected,\n    .profile-form-container ul .MuiListItem-root.Mui-selected:hover {\n      background-color: #e3b82a;\n      color: #1b1c22;\n      font-weight: bold;\n      display: flex;\n      justify-content: space-evenly; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-form-container {\n  color: #ffffff;\n  margin: 1rem 1rem 3.5rem;\n  width: 100%;\n  max-width: 53rem; }\n  @media (min-width: 1023px) {\n    .profile-form-container {\n      margin: 1rem 1rem 0; } }\n  .profile-form-container .text,\n  .profile-form-container .number {\n    font-size: 1.25rem; }\n    .profile-form-container .text input,\n    .profile-form-container .number input {\n      margin: 0.5rem;\n      background: #121212;\n      color: #ffffff;\n      border: 1px solid #e3b82a;\n      max-width: 5rem;\n      height: 2.5rem;\n      text-align: center; }\n      .profile-form-container .text input:focus,\n      .profile-form-container .number input:focus {\n        outline: #e3b82a 1px; }\n      .profile-form-container .text input:disabled,\n      .profile-form-container .number input:disabled {\n        -webkit-text-fill-color: #ffffff;\n        opacity: 1; }\n  .profile-form-container .profile-question-label {\n    font-weight: bold;\n    font-size: 1.375rem;\n    line-height: 150%;\n    padding: 1rem 0; }\n  .profile-form-container .profile-question-hint {\n    font-size: 1rem;\n    color: #e0e0e0;\n    display: block;\n    margin-bottom: 1rem;\n    font-style: italic; }\n  .profile-form-container .profile-question-answers {\n    display: flex; }\n  .profile-form-container .profile-question-answers-radio-long {\n    flex-wrap: wrap; }\n  .profile-form-container .profile-question-answers-other {\n    flex-direction: column; }\n  .profile-form-container .radio_short,\n  .profile-form-container .radio_long,\n  .profile-form-container .checkbox {\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n    margin: 0.5rem 0;\n    display: flex;\n    align-items: center;\n    font-weight: bold; }\n    .profile-form-container .radio_short input,\n    .profile-form-container .radio_long input,\n    .profile-form-container .checkbox input {\n      margin: 0.5rem 1rem 0.5rem 0.5rem;\n      appearance: none;\n      -moz-appearance: none;\n      -webkit-appearance: none;\n      width: 1.2rem;\n      height: 1.2rem;\n      border-radius: 50%;\n      background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n      position: relative; }\n  .profile-form-container .checkbox input {\n    border-radius: 1px; }\n  .profile-form-container .radio_short,\n  .profile-form-container .checkbox {\n    padding: 1.2rem;\n    border-radius: 4px; }\n  .profile-form-container .radio_long {\n    padding: 0.5rem 1rem;\n    border-radius: 4px;\n    text-align: center; }\n  .profile-form-container .answer-checked {\n    background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n    color: #121212; }\n    .profile-form-container .answer-checked input:before, .profile-form-container .answer-checked input:after {\n      content: '';\n      position: absolute;\n      display: inline-block;\n      background: #e3b82a;\n      border-radius: 0.5rem; }\n    .profile-form-container .answer-checked input:before {\n      width: 3px;\n      height: 12px;\n      left: 10px;\n      top: 4px;\n      transform: rotate(41deg); }\n    .profile-form-container .answer-checked input:after {\n      width: 3px;\n      height: 6px;\n      left: 5px;\n      top: 8px;\n      transform: rotate(133deg); }\n  .profile-form-container .number-container {\n    display: flex;\n    justify-content: left;\n    align-items: center; }\n  .profile-form-container .btn-profile-number {\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    background-color: transparent;\n    border: none;\n    border-radius: 2px;\n    width: 2.5rem;\n    height: 2.5rem;\n    font-size: 2rem;\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0.5rem; }\n  .profile-form-container button:disabled {\n    opacity: 0.5; }\n  .profile-form-container .date-select {\n    margin: 0.5em;\n    border: 1px solid #e3b82a;\n    background: #121212;\n    font-weight: bold; }\n    .profile-form-container .date-select .MuiInput-underline:after {\n      display: none; }\n    .profile-form-container .date-select .year {\n      text-align: center;\n      display: inline-flex;\n      align-content: center;\n      font-size: 1.25rem;\n      font-family: Lato, sans-serif;\n      color: #ffffff;\n      width: 93px; }\n      .profile-form-container .date-select .year svg {\n        top: 0;\n        background-color: #e3b82a;\n        height: 100%; }\n    .profile-form-container .date-select .month {\n      color: #ffffff;\n      font-size: 1.25rem;\n      text-align: center;\n      display: inline-flex;\n      align-content: center;\n      font-family: Lato, sans-serif;\n      min-width: 130px;\n      max-width: 150px; }\n      .profile-form-container .date-select .month svg {\n        top: 0;\n        right: 0;\n        background-color: #e3b82a;\n        height: 100%; }\n  .profile-form-container .select-container {\n    display: flex; }\n  .profile-form-container .date-option {\n    color: #ffffff; }\n  .profile-form-container ul {\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    color: #ffffff;\n    font-weight: normal; }\n    .profile-form-container ul .MuiMenuItem-root {\n      font-family: Lato, sans-serif;\n      text-align: center;\n      font-size: 1.25rem;\n      display: flex;\n      justify-content: space-evenly; }\n      .profile-form-container ul .MuiMenuItem-root :hover {\n        background-color: #e3b82a; }\n    .profile-form-container ul .MuiListItem-root.Mui-selected,\n    .profile-form-container ul .MuiListItem-root.Mui-selected:hover {\n      background-color: #e3b82a;\n      color: #1b1c22;\n      font-weight: bold;\n      display: flex;\n      justify-content: space-evenly; }\n", ""]);
 
 
 
@@ -15511,7 +16909,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.cardLocked {\n  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.55)); }\n  @media all and (max-height: 700px) {\n    .cardLocked .challengeIcon {\n      width: 60%;\n      margin: auto; } }\n\n.toUnlock {\n  text-align: center;\n  color: #e0e0e0; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.cardLocked {\n  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.55)); }\n  @media all and (max-height: 700px) {\n    .cardLocked .challengeIcon {\n      width: 60%;\n      margin: auto; } }\n\n.toUnlock {\n  text-align: center;\n  color: #e0e0e0; }\n", ""]);
 
 
 
@@ -15539,6 +16937,138 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "OjiV":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(__webpack_require__("lSNA"));
+
+var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
+
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+
+__webpack_require__("UGT3");
+
+var _I18n = __webpack_require__("buk/");
+
+var _classnames = _interopRequireDefault(__webpack_require__("TSYQ"));
+
+var _ProfileTypeProgress = _interopRequireDefault(__webpack_require__("TkB0"));
+
+var _FormNavigation = _interopRequireDefault(__webpack_require__("btPA"));
+
+var _profileType = __webpack_require__("D9qV");
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ProfileTypeFormSingleChoice = function ProfileTypeFormSingleChoice(_ref) {
+  var step = _ref.step,
+      viewedStep = _ref.viewedStep,
+      profileType = _ref.profileType,
+      answerType = _ref.answerType,
+      setNextStep = _ref.setNextStep,
+      setPrevioustStep = _ref.setPrevioustStep,
+      isProfileTypeComplete = _ref.isProfileTypeComplete;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      answer = _useState2[0],
+      setAnswer = _useState2[1];
+
+  var handlePrevious = (0, _react.useCallback)(function () {
+    setPrevioustStep(profileType);
+  }, [profileType, setPrevioustStep]);
+  var handleNext = (0, _react.useCallback)(function () {
+    profileType[answerType.attribute] = answer;
+    setNextStep(profileType);
+  }, [profileType, setNextStep, answer, answerType.attribute]);
+  (0, _react.useEffect)(function () {
+    if (step < viewedStep || isProfileTypeComplete) {
+      setAnswer(profileType[answerType.attribute]);
+    }
+  }, [step, viewedStep, profileType, answerType, isProfileTypeComplete]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-form-container'
+  }, /*#__PURE__*/_react.default.createElement(_ProfileTypeProgress.default, {
+    step: step
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-question-label'
+  }, t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answerType.choices.map(function (value, index) {
+    var _classNames;
+
+    return value || value === 0 ? /*#__PURE__*/_react.default.createElement("label", {
+      key: index,
+      className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, 'radio_short', answerType.choices.length < 5), (0, _defineProperty2.default)(_classNames, 'radio_long', answerType.choices.length > 4), (0, _defineProperty2.default)(_classNames, 'answer-checked', answer === value), _classNames))
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      type: 'radio',
+      value: value,
+      name: value.toString(),
+      onChange: function onChange() {
+        return setAnswer(value);
+      },
+      checked: answer === value ? true : false
+    }), t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".").concat(value))) : null;
+  })), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
+    step: step,
+    handlePrevious: handlePrevious,
+    handleNext: handleNext,
+    disableNextButton: answer === ''
+  }));
+};
+
+__signature__(ProfileTypeFormSingleChoice, "useI18n{{ t }}\nuseState{[answer, setAnswer]('')}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseEffect{}", function () {
+  return [_I18n.useI18n];
+});
+
+var _default = ProfileTypeFormSingleChoice;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ProfileTypeFormSingleChoice, "ProfileTypeFormSingleChoice", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormSingleChoice.tsx");
+  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormSingleChoice.tsx");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
+
+/***/ }),
+
 /***/ "OnF0":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -15632,9 +17162,35 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.splash-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%; }\n  .splash-content .splash-loader {\n    width: 100%;\n    margin-top: 20vh; }\n  .splash-content .splash-logos-container {\n    margin-top: auto;\n    margin-bottom: 1rem;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center; }\n  .splash-content .step-label {\n    margin: 1rem 0;\n    max-width: 350px;\n    color: white;\n    text-align: center;\n    height: 40px; }\n  .splash-content .splash-error-text {\n    text-align: center;\n    color: #d25959;\n    margin: 0.5rem; }\n\n.splash-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  height: 10rem; }\n  .splash-footer button.btn-highlight {\n    max-width: 230px;\n    width: 100%;\n    margin: 0.5rem 0 0;\n    height: 40px; }\n\n.splash-progress {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 1rem auto;\n  padding: 1rem;\n  transition: all 300ms ease;\n  border-radius: 12px;\n  box-sizing: border-box;\n  max-width: 350px; }\n  .splash-progress .splash-progress-bar-container {\n    flex: 1;\n    height: 12px;\n    box-sizing: border-box;\n    background-image: linear-gradient(45deg, #e3b82a 11.11%, #1b1c22 11.11%, #1b1c22 50%, #e3b82a 50%, #e3b82a 61.11%, #1b1c22 61.11%, #1b1c22 100%);\n    background-size: 9px 9px;\n    border: solid 1px #e3b82a;\n    border-radius: 12px; }\n    .splash-progress .splash-progress-bar-container .splash-progress-bar-content {\n      height: 12px;\n      box-sizing: border-box;\n      background-color: #e3b82a;\n      border: solid 1px #e3b82a;\n      border-radius: 12px 4px 0 12px;\n      border-right: none;\n      transition: all 300ms ease;\n      position: relative;\n      overflow: hidden;\n      top: -1px;\n      left: -1px; }\n      .splash-progress .splash-progress-bar-container .splash-progress-bar-content:after {\n        content: '';\n        position: absolute;\n        display: block;\n        transform: rotate(45deg);\n        background-color: #1b1c22;\n        width: 15px;\n        height: 15px;\n        right: -9px;\n        top: -8px; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.splash-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%; }\n  .splash-content .splash-loader {\n    width: 100%;\n    margin-top: 20vh; }\n  .splash-content .splash-logos-container {\n    margin-top: auto;\n    margin-bottom: 1rem;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center; }\n  .splash-content .step-label {\n    margin: 1rem 0;\n    max-width: 350px;\n    color: white;\n    text-align: center;\n    height: 40px; }\n  .splash-content .splash-error-text {\n    text-align: center;\n    color: #d25959;\n    margin: 0.5rem; }\n\n.splash-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  height: 10rem; }\n  .splash-footer button.btn-highlight {\n    max-width: 230px;\n    width: 100%;\n    margin: 0.5rem 0 0;\n    height: 40px; }\n\n.splash-progress {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 1rem auto;\n  padding: 1rem;\n  transition: all 300ms ease;\n  border-radius: 12px;\n  box-sizing: border-box;\n  max-width: 350px; }\n  .splash-progress .splash-progress-bar-container {\n    flex: 1;\n    height: 12px;\n    box-sizing: border-box;\n    background-image: linear-gradient(45deg, #e3b82a 11.11%, #1b1c22 11.11%, #1b1c22 50%, #e3b82a 50%, #e3b82a 61.11%, #1b1c22 61.11%, #1b1c22 100%);\n    background-size: 9px 9px;\n    border: solid 1px #e3b82a;\n    border-radius: 12px; }\n    .splash-progress .splash-progress-bar-container .splash-progress-bar-content {\n      height: 12px;\n      box-sizing: border-box;\n      background-color: #e3b82a;\n      border: solid 1px #e3b82a;\n      border-radius: 12px 4px 0 12px;\n      border-right: none;\n      transition: all 300ms ease;\n      position: relative;\n      overflow: hidden;\n      top: -1px;\n      left: -1px; }\n      .splash-progress .splash-progress-bar-container .splash-progress-bar-content:after {\n        content: '';\n        position: absolute;\n        display: block;\n        transform: rotate(45deg);\n        background-color: #1b1c22;\n        width: 15px;\n        height: 15px;\n        right: -9px;\n        top: -8px; }\n", ""]);
+
+
+
+/***/ }),
+
+/***/ "PQ9W":
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__("qQ7A");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__("aET+")(content, options);
 
+if(content.locals) module.exports = content.locals;
 
+if(false) {}
 
 /***/ }),
 
@@ -17511,7 +19067,7 @@ exports.KonnectorUpdate = KonnectorUpdate;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-modal {\n  color: #e0e0e0;\n  margin: 1rem 0;\n  text-align: center;\n  display: flex;\n  flex-direction: column; }\n  .eg-selection-modal .title {\n    margin: 1rem 0;\n    color: #e3b82a; }\n  .eg-selection-modal .text {\n    margin: 1rem 0; }\n  .eg-selection-modal button.btn-highlight {\n    padding: 0.75rem 0.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-modal {\n  color: #e0e0e0;\n  margin: 1rem 0;\n  text-align: center;\n  display: flex;\n  flex-direction: column; }\n  .eg-selection-modal .title {\n    margin: 1rem 0;\n    color: #e3b82a; }\n  .eg-selection-modal .text {\n    margin: 1rem 0; }\n  .eg-selection-modal button.btn-highlight {\n    padding: 0.75rem 0.5rem; }\n", ""]);
 
 
 
@@ -17760,7 +19316,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.quiz-finish-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: 3rem 1rem 1rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  height: 100%;\n  width: 80%;\n  text-align: center;\n  padding: 0.5rem 1rem 2rem; }\n  @media (min-width: 1023px) {\n    .quiz-finish-container {\n      width: 50%; } }\n  @media (min-width: 1201px) {\n    .quiz-finish-container {\n      width: 40%; } }\n  .quiz-finish-container button.btn-secondary-negative {\n    border-color: #e0e0e0;\n    min-width: 11rem; }\n\n.score-final-title {\n  font-weight: bold;\n  font-size: 2rem;\n  margin: 2rem 0 0.5rem; }\n\n.score-final {\n  font-size: 2.2rem;\n  font-weight: bold;\n  margin-bottom: 2rem; }\n  .score-final span {\n    color: #61f0f2; }\n\n.score-label {\n  font-size: 1.15rem;\n  font-weight: bold;\n  margin-bottom: 0.5rem; }\n\n.score-stars {\n  font-size: 1.8rem;\n  font-weight: bold;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #61f0f2; }\n  .score-stars .quiz-icon {\n    margin-left: 0.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.quiz-finish-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: 3rem 1rem 1rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  height: 100%;\n  width: 80%;\n  text-align: center;\n  padding: 0.5rem 1rem 2rem; }\n  @media (min-width: 1023px) {\n    .quiz-finish-container {\n      width: 50%; } }\n  @media (min-width: 1201px) {\n    .quiz-finish-container {\n      width: 40%; } }\n  .quiz-finish-container button.btn-secondary-negative {\n    border-color: #e0e0e0;\n    min-width: 11rem; }\n\n.score-final-title {\n  font-weight: bold;\n  font-size: 2rem;\n  margin: 2rem 0 0.5rem; }\n\n.score-final {\n  font-size: 2.2rem;\n  font-weight: bold;\n  margin-bottom: 2rem; }\n  .score-final span {\n    color: #61f0f2; }\n\n.score-label {\n  font-size: 1.15rem;\n  font-weight: bold;\n  margin-bottom: 0.5rem; }\n\n.score-stars {\n  font-size: 1.8rem;\n  font-weight: bold;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #61f0f2; }\n  .score-stars .quiz-icon {\n    margin-left: 0.5rem; }\n", ""]);
 
 
 
@@ -17851,7 +19407,7 @@ exports.EcogestureStatus = EcogestureStatus;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.se-loader-container {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  @media all and (min-width: 1023px) {\n    .se-loader-container {\n      min-height: 80vh; } }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.se-loader-container {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  @media all and (min-width: 1023px) {\n    .se-loader-container {\n      min-height: 80vh; } }\n", ""]);
 
 
 
@@ -17891,7 +19447,7 @@ module.exports = JSON.parse("[{\"profileType\":{\"updateDate\":\"0000-01-01T00:0
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.quiz-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center; }\n\n.quiz-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 2rem 1rem;\n  padding: 1rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  height: 70vh;\n  text-align: center; }\n  @media (min-width: 768px) {\n    .quiz-begin-container {\n      max-width: 60%;\n      justify-content: space-evenly; } }\n  @media (min-width: 1201px) {\n    .quiz-begin-container {\n      max-width: 40%;\n      padding: 0.5rem 1rem 2rem; } }\n  .quiz-begin-container .btn-secondary-negative {\n    margin-top: auto;\n    border-color: #e0e0e0; }\n  .quiz-begin-container .quiz-icon-stars {\n    margin-top: -4rem; }\n  .quiz-begin-container .quiz-explanation {\n    margin-bottom: 2rem;\n    line-height: 24px;\n    padding: 1rem; }\n    @media (min-width: 1201px) {\n      .quiz-begin-container .quiz-explanation {\n        padding: 0rem 2rem; } }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.quiz-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center; }\n\n.quiz-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 2rem 1rem;\n  padding: 1rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  height: 70vh;\n  text-align: center; }\n  @media (min-width: 768px) {\n    .quiz-begin-container {\n      max-width: 60%;\n      justify-content: space-evenly; } }\n  @media (min-width: 1201px) {\n    .quiz-begin-container {\n      max-width: 40%;\n      padding: 0.5rem 1rem 2rem; } }\n  .quiz-begin-container .btn-secondary-negative {\n    margin-top: auto;\n    border-color: #e0e0e0; }\n  .quiz-begin-container .quiz-icon-stars {\n    margin-top: -4rem; }\n  .quiz-begin-container .quiz-explanation {\n    margin-bottom: 2rem;\n    line-height: 24px;\n    padding: 1rem; }\n    @media (min-width: 1201px) {\n      .quiz-begin-container .quiz-explanation {\n        padding: 0rem 2rem; } }\n", ""]);
 
 
 
@@ -18654,6 +20210,83 @@ if(false) {}
 
 /***/ }),
 
+/***/ "TkB0":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(__webpack_require__("q1tI"));
+
+__webpack_require__("sjUM");
+
+var _profileType = __webpack_require__("D9qV");
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ProfileTypeProgress = function ProfileTypeProgress(_ref) {
+  var step = _ref.step;
+
+  var getProgress = function getProgress() {
+    var total = Object.values(_profileType.ProfileTypeStepForm).length / 2;
+    var progress = Math.round(step / total * 100);
+    return progress;
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-type-progress'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-type-progress-label'
+  }, getProgress(), "%"), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-type-progress-bar-container'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-type-progress-bar-content',
+    style: {
+      width: "".concat(getProgress(), "%")
+    }
+  })));
+};
+
+var _default = ProfileTypeProgress;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ProfileTypeProgress, "ProfileTypeProgress", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeProgress.tsx");
+  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeProgress.tsx");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
+
+/***/ }),
+
 /***/ "TnGH":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -19503,7 +21136,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.header {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  z-index: 18;\n  position: fixed;\n  top: 48px;\n  left: 0; }\n  @media only screen and (max-width: 768px) {\n    .header {\n      top: 0; } }\n  .header .header-top {\n    background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);\n    width: 100%; }\n    .header .header-top .header-text {\n      padding: 0 1rem 1rem 1rem;\n      color: #e0e0e0; }\n  .header .header-content {\n    margin: 0 0 0 220px;\n    display: flex;\n    flex-direction: column; }\n    @media only screen and (max-width: 1023px) {\n      .header .header-content {\n        margin: 0; } }\n    @media only screen and (max-width: 768px) {\n      .header .header-content {\n        margin: 60px 0 0 0; } }\n    .header .header-content .header-content-top {\n      display: flex;\n      flex-direction: row; }\n      .header .header-content .header-content-top.header-content-top-right {\n        justify-content: flex-end; }\n      .header .header-content .header-content-top .header-text {\n        padding: 2rem 1rem;\n        flex: 1; }\n      .header .header-content .header-content-top .header-text-desktop {\n        display: flex;\n        flex: 1;\n        padding: 2rem 1.25rem;\n        color: #e0e0e0; }\n      .header .header-content .header-content-top .header-back-button {\n        padding: 0 0.75rem; }\n      @media only screen and (max-width: 768px) {\n        .header .header-content .header-content-top .header-text {\n          padding: 0 1rem 1rem 1rem;\n          color: #e0e0e0; }\n        .header .header-content .header-content-top .header-text-desktop {\n          display: none; }\n        .header .header-content .header-content-top .header-feedbacks-button {\n          display: none; } }\n\n.building-title {\n  text-align: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.header {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  z-index: 18;\n  position: fixed;\n  top: 48px;\n  left: 0; }\n  @media only screen and (max-width: 768px) {\n    .header {\n      top: 0; } }\n  .header .header-top {\n    background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);\n    width: 100%; }\n    .header .header-top .header-text {\n      padding: 0 1rem 1rem 1rem;\n      color: #e0e0e0; }\n  .header .header-content {\n    margin: 0 0 0 220px;\n    display: flex;\n    flex-direction: column; }\n    @media only screen and (max-width: 1023px) {\n      .header .header-content {\n        margin: 0; } }\n    @media only screen and (max-width: 768px) {\n      .header .header-content {\n        margin: 60px 0 0 0; } }\n    .header .header-content .header-content-top {\n      display: flex;\n      flex-direction: row; }\n      .header .header-content .header-content-top.header-content-top-right {\n        justify-content: flex-end; }\n      .header .header-content .header-content-top .header-text {\n        padding: 2rem 1rem;\n        flex: 1; }\n      .header .header-content .header-content-top .header-text-desktop {\n        display: flex;\n        flex: 1;\n        padding: 2rem 1.25rem;\n        color: #e0e0e0; }\n      .header .header-content .header-content-top .header-back-button {\n        padding: 0 0.75rem; }\n      @media only screen and (max-width: 768px) {\n        .header .header-content .header-content-top .header-text {\n          padding: 0 1rem 1rem 1rem;\n          color: #e0e0e0; }\n        .header .header-content .header-content-top .header-text-desktop {\n          display: none; }\n        .header .header-content .header-content-top .header-feedbacks-button {\n          display: none; } }\n\n.building-title {\n  text-align: center; }\n", ""]);
 
 
 
@@ -19935,7 +21568,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-init-modal {\n  color: #e0e0e0;\n  margin: 1rem 0; }\n  .eg-init-modal .title {\n    text-align: center;\n    color: #e3b82a; }\n  .eg-init-modal .text {\n    margin: 1rem 0; }\n  .eg-init-modal button {\n    min-height: 45px; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-init-modal {\n  color: #e0e0e0;\n  margin: 1rem 0; }\n  .eg-init-modal .title {\n    text-align: center;\n    color: #e3b82a; }\n  .eg-init-modal .text {\n    margin: 1rem 0; }\n  .eg-init-modal button {\n    min-height: 45px; }\n", ""]);
 
 
 
@@ -21592,6 +23225,13 @@ exports.initBar = initBar;
 
 /***/ }),
 
+/***/ "WQDB":
+/***/ (function(module) {
+
+module.exports = JSON.parse("{\"heating_ratio\":{\"individual_house\":{\"before_1948\":196,\"between_1948_and_1974\":184,\"between_1975_and_1989\":140,\"between_1990_and_1998\":129,\"after_1998\":106,\"unknown\":106},\"appartment\":{\"before_1948\":119,\"between_1948_and_1974\":150,\"between_1975_and_1989\":105,\"between_1990_and_1998\":73,\"after_1998\":74,\"unknown\":74}},\"adjustment_outisde_facing_walls\":{\"individual_house\":{\"1\":-0.2,\"2\":-0.15,\"3\":-0.1,\"4\":0},\"appartment\":{\"1\":-0.1,\"2\":0,\"3\":0.1,\"4\":0.15}},\"adjustment_floor\":{\"appartment\":{\"ground_floor\":0.1,\"intermediate_floor\":0,\"last_floor\":0.15,\"not_applicable\":0}},\"adjustment_insulation\":{\"before_1948\":{\"none\":0,\"roof_insulation\":-0.2,\"window_replacement\":-0.06,\"wall_insulation\":-0.15,\"window_replacement_and_wall_insulation\":-0.2,\"window_replacement_and_roof_insulation\":-0.25,\"roof_and_wall_insulation\":-0.3,\"window_replacement_and_roof_and_wall_insulation\":-0.35},\"between_1948_and_1974\":{\"none\":0,\"roof_insulation\":-0.2,\"window_replacement\":-0.06,\"wall_insulation\":-0.15,\"window_replacement_and_wall_insulation\":-0.2,\"window_replacement_and_roof_insulation\":-0.25,\"roof_and_wall_insulation\":-0.3,\"window_replacement_and_roof_and_wall_insulation\":-0.35},\"between_1975_and_1989\":{\"none\":0,\"roof_insulation\":0,\"window_replacement\":-0.06,\"wall_insulation\":-0.2,\"window_replacement_and_wall_insulation\":-0.25,\"window_replacement_and_roof_insulation\":-0.07,\"roof_and_wall_insulation\":-0.2,\"window_replacement_and_roof_and_wall_insulation\":-0.25},\"between_1990_and_1998\":{\"none\":0,\"roof_insulation\":0,\"window_replacement\":-0.04,\"wall_insulation\":-0.12,\"window_replacement_and_wall_insulation\":-0.15,\"window_replacement_and_roof_insulation\":-0.04,\"roof_and_wall_insulation\":-0.1,\"window_replacement_and_roof_and_wall_insulation\":-0.15},\"after_1998\":{\"none\":0,\"roof_insulation\":0,\"window_replacement\":0,\"wall_insulation\":0,\"window_replacement_and_wall_insulation\":0,\"window_replacement_and_roof_insulation\":0,\"roof_and_wall_insulation\":0,\"window_replacement_and_roof_and_wall_insulation\":0},\"unknown\":{\"none\":0,\"roof_insulation\":0,\"window_replacement\":0,\"wall_insulation\":0,\"window_replacement_and_wall_insulation\":0,\"window_replacement_and_roof_insulation\":0,\"roof_and_wall_insulation\":0,\"window_replacement_and_roof_and_wall_insulation\":0}},\"adjustment_facilities\":{\"none\":0,\"collective_heater\":-0.1,\"individual_heater\":-0.1,\"individual_ventilation\":-0.05,\"individual_heater_and_ventilation\":-0.12},\"dju_average_by_month\":[427,363,250,110,40,4,1,1,14,102,273,409],\"dju_annual\":1994}");
+
+/***/ }),
+
 /***/ "WoNc":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -22009,7 +23649,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.o-sidebar {\n  background-color: #25262b;\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);\n  border-top: unset;\n  border-right: unset;\n  position: relative;\n  z-index: calc(18 + 1); }\n\n.logos-container {\n  position: absolute;\n  width: 100%;\n  bottom: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center; }\n  @media only screen and (max-width: 1023px) {\n    .logos-container {\n      display: none; } }\n  .logos-container img {\n    display: inline-block;\n    max-width: 100%; }\n\n.parameters-logos {\n  padding: 1.5rem;\n  display: none;\n  text-align: center; }\n  @media only screen and (max-width: 1023px) {\n    .parameters-logos {\n      display: block; } }\n  .parameters-logos img {\n    display: inline-block;\n    width: 90%; }\n\n.logo-tiga-parameters {\n  display: block;\n  width: 100%;\n  max-width: 80px;\n  margin: auto; }\n\n.logo-grand-lyon-parameters {\n  display: block;\n  width: 100%;\n  max-width: 100px;\n  margin: auto; }\n\n.c-nav-link {\n  padding: 0 1rem;\n  font-size: 0.9rem; }\n  .c-nav-link .on {\n    display: none; }\n  .c-nav-link .off {\n    display: block; }\n\na.c-nav-link,\na.c-nav-link:visited {\n  color: rgba(255, 255, 255, 0.6); }\n\n@media only screen and (max-width: 1023px) {\n  .c-nav-item {\n    height: 54px;\n    margin: -0.3rem 0 0 0; } }\n\n.c-nav-link .c-nav-icon {\n  width: 60px;\n  height: 36px;\n  fill: none; }\n\n.c-nav-link.is-active .c-nav-icon {\n  fill: #b2901b !important; }\n\n.c-nav-link.is-active {\n  color: #ffffff;\n  box-shadow: inset 0.25rem 0 0 0 #b2901b;\n  text-decoration: none; }\n  .c-nav-link.is-active:focus-visible {\n    box-shadow: inset 0 0 0 1px #e0e0e0, inset 0.25rem 0 0 0 #b2901b; }\n  .c-nav-link.is-active .on {\n    display: block; }\n  .c-nav-link.is-active .off {\n    display: none; }\n\n@media only screen and (max-width: 1023px) {\n  .o-sidebar {\n    height: 56px; }\n  .c-nav-link {\n    padding: 0; }\n  .c-nav-link .c-nav-icon {\n    padding: 0;\n    margin: auto; }\n  .c-nav-link.is-active {\n    box-shadow: unset; }\n    .c-nav-link.is-active:focus {\n      box-shadow: unset; } }\n\n.nb-notif {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  left: 42px;\n  bottom: 22px;\n  width: 1.25rem;\n  height: 1.25rem;\n  color: #25262b;\n  border-radius: 50%;\n  border: 1px solid #25262b;\n  z-index: 1;\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  font-size: 12px; }\n  @media only screen and (max-width: 1023px) {\n    .nb-notif {\n      left: 25px;\n      bottom: unset; } }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.o-sidebar {\n  background-color: #25262b;\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);\n  border-top: unset;\n  border-right: unset;\n  position: relative;\n  z-index: calc(18 + 1); }\n\n.logos-container {\n  position: absolute;\n  width: 100%;\n  bottom: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center; }\n  @media only screen and (max-width: 1023px) {\n    .logos-container {\n      display: none; } }\n  .logos-container img {\n    display: inline-block;\n    max-width: 100%; }\n\n.parameters-logos {\n  padding: 1.5rem;\n  display: none;\n  text-align: center; }\n  @media only screen and (max-width: 1023px) {\n    .parameters-logos {\n      display: block; } }\n  .parameters-logos img {\n    display: inline-block;\n    width: 90%; }\n\n.logo-tiga-parameters {\n  display: block;\n  width: 100%;\n  max-width: 80px;\n  margin: auto; }\n\n.logo-grand-lyon-parameters {\n  display: block;\n  width: 100%;\n  max-width: 100px;\n  margin: auto; }\n\n.c-nav-link {\n  padding: 0 1rem;\n  font-size: 0.9rem; }\n  .c-nav-link .on {\n    display: none; }\n  .c-nav-link .off {\n    display: block; }\n\na.c-nav-link,\na.c-nav-link:visited {\n  color: rgba(255, 255, 255, 0.6); }\n\n@media only screen and (max-width: 1023px) {\n  .c-nav-item {\n    height: 54px;\n    margin: -0.3rem 0 0 0; } }\n\n.c-nav-link .c-nav-icon {\n  width: 60px;\n  height: 36px;\n  fill: none; }\n\n.c-nav-link.is-active .c-nav-icon {\n  fill: #b2901b !important; }\n\n.c-nav-link.is-active {\n  color: #ffffff;\n  box-shadow: inset 0.25rem 0 0 0 #b2901b;\n  text-decoration: none; }\n  .c-nav-link.is-active:focus-visible {\n    box-shadow: inset 0 0 0 1px #e0e0e0, inset 0.25rem 0 0 0 #b2901b; }\n  .c-nav-link.is-active .on {\n    display: block; }\n  .c-nav-link.is-active .off {\n    display: none; }\n\n@media only screen and (max-width: 1023px) {\n  .o-sidebar {\n    height: 56px; }\n  .c-nav-link {\n    padding: 0; }\n  .c-nav-link .c-nav-icon {\n    padding: 0;\n    margin: auto; }\n  .c-nav-link.is-active {\n    box-shadow: unset; }\n    .c-nav-link.is-active:focus {\n      box-shadow: unset; } }\n\n.nb-notif {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  left: 42px;\n  bottom: 22px;\n  width: 1.25rem;\n  height: 1.25rem;\n  color: #25262b;\n  border-radius: 50%;\n  border: 1px solid #25262b;\n  z-index: 1;\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  font-size: 12px; }\n  @media only screen and (max-width: 1023px) {\n    .nb-notif {\n      left: 25px;\n      bottom: unset; } }\n", ""]);
 
 
 
@@ -22351,6 +23991,129 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "YKCd":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
+
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+
+__webpack_require__("UGT3");
+
+var _I18n = __webpack_require__("buk/");
+
+var _ProfileTypeProgress = _interopRequireDefault(__webpack_require__("TkB0"));
+
+var _FormNavigation = _interopRequireDefault(__webpack_require__("btPA"));
+
+var _profileType = __webpack_require__("D9qV");
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ProfileTypeFormNumber = function ProfileTypeFormNumber(_ref) {
+  var step = _ref.step,
+      viewedStep = _ref.viewedStep,
+      profileType = _ref.profileType,
+      answerType = _ref.answerType,
+      setNextStep = _ref.setNextStep,
+      setPrevioustStep = _ref.setPrevioustStep,
+      isProfileTypeComplete = _ref.isProfileTypeComplete;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      answer = _useState2[0],
+      setAnswer = _useState2[1];
+
+  var handlePrevious = (0, _react.useCallback)(function () {
+    setPrevioustStep(profileType);
+  }, [profileType, setPrevioustStep]);
+  var handleNext = (0, _react.useCallback)(function () {
+    profileType[answerType.attribute] = answer;
+    setNextStep(profileType);
+  }, [profileType, setNextStep, answer, answerType.attribute]);
+  (0, _react.useEffect)(function () {
+    if (step < viewedStep || isProfileTypeComplete) {
+      setAnswer(profileType[answerType.attribute]);
+    }
+  }, [step, viewedStep, profileType, answerType, isProfileTypeComplete]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-form-container'
+  }, /*#__PURE__*/_react.default.createElement(_ProfileTypeProgress.default, {
+    step: step
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-question-label'
+  }, t("profile_type.".concat(_profileType.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answer != null ? /*#__PURE__*/_react.default.createElement("label", {
+    className: 'text'
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: 'number',
+    value: answer,
+    name: answerType.attribute,
+    onChange: function onChange(e) {
+      return setAnswer(e.target.value);
+    },
+    autoFocus: true
+  }), "m\xB2") : null), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
+    step: step,
+    handlePrevious: handlePrevious,
+    handleNext: handleNext,
+    disableNextButton: answer === ''
+  }));
+};
+
+__signature__(ProfileTypeFormNumber, "useI18n{{ t }}\nuseState{[answer, setAnswer]('')}\nuseCallback{handlePrevious}\nuseCallback{handleNext}\nuseEffect{}", function () {
+  return [_I18n.useI18n];
+});
+
+var _default = ProfileTypeFormNumber;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ProfileTypeFormNumber, "ProfileTypeFormNumber", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormNumber.tsx");
+  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFormNumber.tsx");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
+
+/***/ }),
+
 /***/ "YM2i":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -23145,12 +24908,19 @@ function newProfileEcogestureEntry(upd) {
 
 /***/ }),
 
+/***/ "ZncT":
+/***/ (function(module) {
+
+module.exports = JSON.parse("{\"individual_house\":{\"before_1948\":3040,\"between_1948_and_1974\":3130,\"between_1975_and_1989\":2900,\"between_1990_and_1998\":3230,\"after_1998\":2900,\"unknown\":2900},\"appartment\":{\"before_1948\":1120,\"between_1948_and_1974\":1880,\"between_1975_and_1989\":1780,\"between_1990_and_1998\":1670,\"after_1998\":2060,\"unknown\":2060}}");
+
+/***/ }),
+
 /***/ "ZtfV":
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-restart-container {\n  position: relative;\n  min-height: inherit;\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #e0e0e0;\n  max-width: 45.75rem; }\n  @media only screen and (max-width: 768px) {\n    .eg-selection-restart-container {\n      margin: 0 1rem;\n      max-width: unset; } }\n  .eg-selection-restart-container .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: center;\n    align-items: center; }\n    .eg-selection-restart-container .content .title {\n      color: #e3b82a;\n      margin: 1rem; }\n      @media all and (min-width: 1023px) {\n        .eg-selection-restart-container .content .title {\n          margin: 5rem; } }\n    .eg-selection-restart-container .content .text {\n      margin-top: 3.25rem; }\n  .eg-selection-restart-container .buttons {\n    margin: 1rem 0;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    width: 100%; }\n    .eg-selection-restart-container .buttons button.btn-secondary-negative {\n      padding: 0.75rem 0.5rem;\n      margin: 0 0.25rem; }\n    .eg-selection-restart-container .buttons button.btn-highlight {\n      padding: 0.75rem 0.5rem;\n      margin: 0 0.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-restart-container {\n  position: relative;\n  min-height: inherit;\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #e0e0e0;\n  max-width: 45.75rem; }\n  @media only screen and (max-width: 768px) {\n    .eg-selection-restart-container {\n      margin: 0 1rem;\n      max-width: unset; } }\n  .eg-selection-restart-container .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: center;\n    align-items: center; }\n    .eg-selection-restart-container .content .title {\n      color: #e3b82a;\n      margin: 1rem; }\n      @media all and (min-width: 1023px) {\n        .eg-selection-restart-container .content .title {\n          margin: 5rem; } }\n    .eg-selection-restart-container .content .text {\n      margin-top: 3.25rem; }\n  .eg-selection-restart-container .buttons {\n    margin: 1rem 0;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    width: 100%; }\n    .eg-selection-restart-container .buttons button.btn-secondary-negative {\n      padding: 0.75rem 0.5rem;\n      margin: 0 0.25rem; }\n    .eg-selection-restart-container .buttons button.btn-highlight {\n      padding: 0.75rem 0.5rem;\n      margin: 0 0.5rem; }\n", ""]);
 
 
 
@@ -23209,7 +24979,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.content-view {\n  position: relative;\n  height: inherit;\n  margin-top: 116px;\n  background-color: #121212; }\n  @media only screen and (max-width: 768px) {\n    .content-view {\n      margin-top: 0;\n      height: 100%; } }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.content-view {\n  position: relative;\n  height: inherit;\n  margin-top: 116px;\n  background-color: #121212; }\n  @media only screen and (max-width: 768px) {\n    .content-view {\n      margin-top: 0;\n      height: 100%; } }\n", ""]);
 
 
 
@@ -23220,7 +24990,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.equipment-form-container {\n  padding: 1.5rem;\n  color: #e0e0e0; }\n  @media (min-width: 768px) {\n    .equipment-form-container .equipment-label {\n      text-align: center; } }\n  .equipment-form-container .equipment-hint {\n    margin: 1rem 0; }\n    @media (min-width: 768px) {\n      .equipment-form-container .equipment-hint {\n        text-align: center; } }\n  .equipment-form-container .icons-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: repeat(5, 1fr);\n    grid-column-gap: 32px;\n    grid-row-gap: 32px;\n    max-width: 400px;\n    margin: 1.5rem auto 3rem auto; }\n    .equipment-form-container .icons-container .checkbox-equipment {\n      cursor: pointer;\n      max-width: 80px;\n      text-align: center;\n      margin: 0 auto; }\n      .equipment-form-container .icons-container .checkbox-equipment .text {\n        margin-top: 0.5rem;\n        text-align: center; }\n    .equipment-form-container .icons-container input.item-eq {\n      display: none; }\n    .equipment-form-container .icons-container .equipment-icon-container {\n      display: flex;\n      transition: all 200ms ease;\n      box-sizing: border-box;\n      flex-direction: column;\n      width: 80px;\n      height: 80px;\n      border-radius: 5px;\n      background-color: #e0e0e0; }\n      .equipment-form-container .icons-container .equipment-icon-container.checked {\n        background-color: #e3b82a; }\n      .equipment-form-container .icons-container .equipment-icon-container .equipmentIcon {\n        margin: auto; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.equipment-form-container {\n  padding: 1.5rem;\n  color: #e0e0e0; }\n  @media (min-width: 768px) {\n    .equipment-form-container .equipment-label {\n      text-align: center; } }\n  .equipment-form-container .equipment-hint {\n    margin: 1rem 0; }\n    @media (min-width: 768px) {\n      .equipment-form-container .equipment-hint {\n        text-align: center; } }\n  .equipment-form-container .icons-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: repeat(5, 1fr);\n    grid-column-gap: 32px;\n    grid-row-gap: 32px;\n    max-width: 400px;\n    margin: 1.5rem auto 3rem auto; }\n    .equipment-form-container .icons-container .checkbox-equipment {\n      cursor: pointer;\n      max-width: 80px;\n      text-align: center;\n      margin: 0 auto; }\n      .equipment-form-container .icons-container .checkbox-equipment .text {\n        margin-top: 0.5rem;\n        text-align: center; }\n    .equipment-form-container .icons-container input.item-eq {\n      display: none; }\n    .equipment-form-container .icons-container .equipment-icon-container {\n      display: flex;\n      transition: all 200ms ease;\n      box-sizing: border-box;\n      flex-direction: column;\n      width: 80px;\n      height: 80px;\n      border-radius: 5px;\n      background-color: #e0e0e0; }\n      .equipment-form-container .icons-container .equipment-icon-container.checked {\n        background-color: #e3b82a; }\n      .equipment-form-container .icons-container .equipment-icon-container .equipmentIcon {\n        margin: auto; }\n", ""]);
 
 
 
@@ -25208,7 +26978,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.action-modal {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  color: #e0e0e0;\n  padding: 1.5rem;\n  max-width: 400px; }\n  .action-modal .action-duration {\n    margin-top: 1rem; }\n  .action-modal .action-text {\n    margin: 1.6rem 0; }\n  .action-modal .buttons button {\n    margin-top: 0.5rem; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.action-modal {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  color: #e0e0e0;\n  padding: 1.5rem;\n  max-width: 400px; }\n  .action-modal .action-duration {\n    margin-top: 1rem; }\n  .action-modal .action-text {\n    margin: 1.6rem 0; }\n  .action-modal .buttons button {\n    margin-top: 0.5rem; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
 
 
 
@@ -25397,6 +27167,8 @@ __webpack_require__("iWE3");
 
 var _reactRouterDom = __webpack_require__("55Ip");
 
+var _ProfileTypeView = _interopRequireDefault(__webpack_require__("nKTC"));
+
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -25411,6 +27183,8 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 };
 
 var EcogestureFormView = function EcogestureFormView() {
+  var history = (0, _reactRouterDom.useHistory)();
+
   var _useState = (0, _react.useState)(0),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       headerHeight = _useState2[0],
@@ -25428,9 +27202,6 @@ var EcogestureFormView = function EcogestureFormView() {
   var curProfileEcogesture = (0, _reactRedux.useSelector)(function (state) {
     return state.ecolyo.profileEcogesture;
   });
-  var profileType = (0, _reactRedux.useSelector)(function (state) {
-    return state.ecolyo.profileType;
-  });
   var shouldOpenModal = new URLSearchParams((0, _reactRouterDom.useLocation)().search).get('modal');
 
   var _useState3 = (0, _react.useState)(_ecogestureForm.EcogestureStepForm.HEATING_TYPE),
@@ -25477,11 +27248,11 @@ var EcogestureFormView = function EcogestureFormView() {
       setViewedStep(nextStep);
     }
 
-    var _answerType = _profileEcogestureForm.default.getAnswerForStep(isProfileTypeCompleted ? _ecogestureForm.EcogestureStepForm.EQUIPMENTS : nextStep);
+    var _answerType = _profileEcogestureForm.default.getAnswerForStep(nextStep);
 
     setAnswerType(_answerType);
     setStep(nextStep);
-  }, [isProfileTypeCompleted, step, viewedStep]);
+  }, [step, viewedStep]);
   var setPreviousStep = (0, _react.useCallback)(function (_profileEcogesture) {
     setProfileEcogesture(_profileEcogesture);
     var pefs = new _profileEcogestureForm.default(_profileEcogesture);
@@ -25494,30 +27265,11 @@ var EcogestureFormView = function EcogestureFormView() {
     setStep(previousStep);
   }, [step]);
   (0, _react.useEffect)(function () {
-    var subscribed = true;
-
-    if (isProfileTypeCompleted) {
-      if (subscribed) {
-        curProfileEcogesture.heating = profileType.heating;
-        curProfileEcogesture.hotWater = profileType.hotWater;
-        curProfileEcogesture.warmingFluid = profileType.warmingFluid;
-        setStep(_ecogestureForm.EcogestureStepForm.EQUIPMENTS);
-      }
-    }
-
-    var _answerType = _profileEcogestureForm.default.getAnswerForStep(isProfileTypeCompleted ? _ecogestureForm.EcogestureStepForm.EQUIPMENTS : step);
+    var _answerType = _profileEcogestureForm.default.getAnswerForStep(step);
 
     setAnswerType(_answerType);
-
-    if (subscribed) {
-      setAnswerType(_answerType);
-      setIsLoading(false);
-    }
-
-    return function () {
-      subscribed = false;
-    };
-  }, [step, curProfileEcogesture, isProfileTypeCompleted, profileType]);
+    setIsLoading(false);
+  }, [step]);
 
   if (isLoading) {
     return /*#__PURE__*/_react.default.createElement(_Content.default, {
@@ -25537,7 +27289,11 @@ var EcogestureFormView = function EcogestureFormView() {
     desktopTitleKey: 'common.title_ecogestures'
   }), /*#__PURE__*/_react.default.createElement(_Content.default, {
     height: headerHeight
-  }, step === _ecogestureForm.EcogestureStepForm.EQUIPMENTS && /*#__PURE__*/_react.default.createElement(_EcogestureFormEquipment.default, {
+  }, isProfileTypeCompleted ? /*#__PURE__*/_react.default.createElement(_ProfileTypeView.default, {
+    handleEnd: function handleEnd() {
+      return history.push('/ecogesture-selection');
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, step === _ecogestureForm.EcogestureStepForm.EQUIPMENTS && /*#__PURE__*/_react.default.createElement(_EcogestureFormEquipment.default, {
     step: _ecogestureForm.EcogestureStepForm.EQUIPMENTS,
     profileEcogesture: profileEcogesture,
     setPreviousStep: setPreviousStep
@@ -25548,7 +27304,7 @@ var EcogestureFormView = function EcogestureFormView() {
     answerType: answerType,
     setNextStep: setNextStep,
     setPrevioustStep: setPreviousStep
-  })), /*#__PURE__*/_react.default.createElement(_EcogestureLaunchFormModal.default, {
+  }))), /*#__PURE__*/_react.default.createElement(_EcogestureLaunchFormModal.default, {
     open: openLaunchModal,
     handleCloseClick: function handleCloseClick() {
       return setOpenLaunchModal(false);
@@ -25556,8 +27312,8 @@ var EcogestureFormView = function EcogestureFormView() {
   }));
 };
 
-__signature__(EcogestureFormView, "useState{[headerHeight, setHeaderHeight](0)}\nuseSelector{{ isProfileTypeCompleted }: Profile}\nuseSelector{curProfileEcogesture: ProfileEcogesture}\nuseSelector{profileType: ProfileType}\nuseLocation{}\nuseState{[step, setStep](EcogestureStepForm.HEATING_TYPE)}\nuseState{[answerType, setAnswerType]({\n    type: ProfileEcogestureAnswerType.SINGLE_CHOICE,\n    attribute: '',\n    choices: [],\n  })}\nuseState{[isLoading, setIsLoading](true)}\nuseState{[openLaunchModal, setOpenLaunchModal](shouldOpenModal !== 'false' ? true : false)}\nuseState{[viewedStep, setViewedStep](-1)}\nuseState{[profileEcogesture, setProfileEcogesture](curProfileEcogesture)}\nuseCallback{setNextStep}\nuseCallback{setPreviousStep}\nuseEffect{}", function () {
-  return [_reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRouterDom.useLocation];
+__signature__(EcogestureFormView, "useHistory{history}\nuseState{[headerHeight, setHeaderHeight](0)}\nuseSelector{{ isProfileTypeCompleted }: Profile}\nuseSelector{curProfileEcogesture: ProfileEcogesture}\nuseLocation{}\nuseState{[step, setStep](EcogestureStepForm.HEATING_TYPE)}\nuseState{[answerType, setAnswerType]({\n    type: ProfileEcogestureAnswerType.SINGLE_CHOICE,\n    attribute: '',\n    choices: [],\n  })}\nuseState{[isLoading, setIsLoading](true)}\nuseState{[openLaunchModal, setOpenLaunchModal](shouldOpenModal !== 'false' ? true : false)}\nuseState{[viewedStep, setViewedStep](-1)}\nuseState{[profileEcogesture, setProfileEcogesture](curProfileEcogesture)}\nuseCallback{setNextStep}\nuseCallback{setPreviousStep}\nuseEffect{}", function () {
+  return [_reactRouterDom.useHistory, _reactRedux.useSelector, _reactRedux.useSelector, _reactRouterDom.useLocation];
 });
 
 var _default = EcogestureFormView;
@@ -26095,12 +27851,245 @@ exports.UserChallengeSuccess = UserChallengeSuccess;
 
 /***/ }),
 
+/***/ "dULq":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(__webpack_require__("o0o1"));
+
+var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__("yXPU"));
+
+var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
+
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+
+__webpack_require__("pwUG");
+
+var _I18n = __webpack_require__("buk/");
+
+var _reactRedux = __webpack_require__("/MKj");
+
+var _reactRouterDom = __webpack_require__("55Ip");
+
+var _profile = __webpack_require__("jPH6");
+
+var _profileType = __webpack_require__("TeAr");
+
+var _Button = _interopRequireDefault(__webpack_require__("FtsS"));
+
+var _StyledIcon = _interopRequireDefault(__webpack_require__("I07j"));
+
+var _finish = _interopRequireDefault(__webpack_require__("de6s"));
+
+var _profileType2 = _interopRequireDefault(__webpack_require__("7e12"));
+
+var _useExploration3 = _interopRequireDefault(__webpack_require__("sU2c"));
+
+var _userExploration = __webpack_require__("/rev");
+
+var _usageEvent = __webpack_require__("/fHX");
+
+var _cozyClient = __webpack_require__("SH7X");
+
+var _usageEvent2 = _interopRequireDefault(__webpack_require__("dECN"));
+
+var _profileTypeEntity = _interopRequireDefault(__webpack_require__("aypK"));
+
+var _luxon = __webpack_require__("ExVU");
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ProfileTypeFinished = function ProfileTypeFinished(_ref) {
+  var profileType = _ref.profileType;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var dispatch = (0, _reactRedux.useDispatch)();
+  var history = (0, _reactRouterDom.useHistory)();
+  var client = (0, _cozyClient.useClient)();
+
+  var _useSelector = (0, _reactRedux.useSelector)(function (state) {
+    return state.ecolyo.challenge;
+  }),
+      currentChallenge = _useSelector.currentChallenge;
+
+  var handleClick = function handleClick() {
+    history.goBack();
+  };
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isSaved = _useState2[0],
+      setIsSaved = _useState2[1];
+
+  var _useExploration = (0, _useExploration3.default)(),
+      _useExploration2 = (0, _slicedToArray2.default)(_useExploration, 2),
+      setValidExploration = _useExploration2[1];
+
+  var profile = (0, _reactRedux.useSelector)(function (state) {
+    return state.ecolyo.profile;
+  });
+  (0, _react.useEffect)(function () {
+    function checkForExistingProfileType() {
+      return _checkForExistingProfileType.apply(this, arguments);
+    }
+
+    function _checkForExistingProfileType() {
+      _checkForExistingProfileType = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var consistentProfileType, chosenPeriod, profileTypeEntityService, myProfileTypes, destroyPT;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                consistentProfileType = _profileType2.default.checkConsistency(profileType);
+                chosenPeriod = {
+                  startDate: profileType.updateDate.setZone('utc', {
+                    keepLocalTime: true
+                  }),
+                  endDate: _luxon.DateTime.local().setZone('utc', {
+                    keepLocalTime: true
+                  })
+                };
+                profileTypeEntityService = new _profileTypeEntity.default(client);
+                _context.next = 5;
+                return profileTypeEntityService.getAllProfileTypes(chosenPeriod);
+
+              case 5:
+                myProfileTypes = _context.sent;
+
+                if (!(myProfileTypes !== null)) {
+                  _context.next = 13;
+                  break;
+                }
+
+                _context.next = 9;
+                return profileTypeEntityService.deleteProfileTypes(myProfileTypes);
+
+              case 9:
+                destroyPT = _context.sent;
+
+                if (destroyPT) {
+                  dispatch((0, _profileType.newProfileTypeEntry)(consistentProfileType));
+                  setIsSaved(true);
+                  dispatch((0, _profile.updateProfile)({
+                    isProfileEcogestureCompleted: true,
+                    isProfileTypeCompleted: true
+                  }));
+                } else {
+                  console.log('ERROR');
+                }
+
+                _context.next = 16;
+                break;
+
+              case 13:
+                dispatch((0, _profileType.newProfileTypeEntry)(consistentProfileType));
+                setIsSaved(true);
+                dispatch((0, _profile.updateProfile)({
+                  isProfileEcogestureCompleted: true,
+                  isProfileTypeCompleted: true
+                }));
+
+              case 16:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+      return _checkForExistingProfileType.apply(this, arguments);
+    }
+
+    if (!isSaved) {
+      checkForExistingProfileType();
+
+      if (currentChallenge && currentChallenge.exploration.id === _userExploration.UserExplorationID.EXPLORATION001) {
+        setValidExploration(currentChallenge.exploration.id);
+      }
+
+      _usageEvent2.default.addEvent(client, {
+        type: _usageEvent.UsageEventType.PROFILE_SET_EVENT
+      });
+    }
+  }, [dispatch, profileType, isSaved, profile.isProfileTypeCompleted, currentChallenge, setValidExploration, client]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-type-finished-card'
+  }, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
+    className: 'profile-type-icon',
+    icon: _finish.default,
+    size: 120
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-type-finished-label text-28-normal-uppercase'
+  }, t('profile_type.finished.title')), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-type-finished-description text-18-normal'
+  }, /*#__PURE__*/_react.default.createElement("div", null, t('profile_type.finished.label1')), /*#__PURE__*/_react.default.createElement("div", null, t('profile_type.finished.label2'))), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    "aria-label": t('profile_type.accessibility.button_validate'),
+    onClick: handleClick,
+    className: 'profile-type-finished-button',
+    classes: {
+      root: 'btn-secondary-negative',
+      label: 'text-16-normal'
+    }
+  }, t('profile_type.finished.button_validate')));
+};
+
+__signature__(ProfileTypeFinished, "useI18n{{ t }}\nuseDispatch{dispatch}\nuseHistory{history}\nuseClient{client}\nuseSelector{{ currentChallenge }}\nuseState{[isSaved, setIsSaved](false)}\nuseExploration{[, setValidExploration]}\nuseSelector{profile}\nuseEffect{}", function () {
+  return [_I18n.useI18n, _reactRedux.useDispatch, _reactRouterDom.useHistory, _cozyClient.useClient, _reactRedux.useSelector, _useExploration3.default, _reactRedux.useSelector];
+});
+
+var _default = ProfileTypeFinished;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ProfileTypeFinished, "ProfileTypeFinished", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFinished.tsx");
+  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeFinished.tsx");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
+
+/***/ }),
+
 /***/ "dc6k":
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.modal-empty-value-root {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 1.5rem 0.5rem;\n  text-align: center; }\n  .modal-empty-value-root .modal-empty-value-title {\n    margin: 2rem 0 1rem; }\n  .modal-empty-value-root button.btn-secondary-negative {\n    margin: 2rem 0.25rem 1.5rem; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.modal-empty-value-root {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 1.5rem 0.5rem;\n  text-align: center; }\n  .modal-empty-value-root .modal-empty-value-title {\n    margin: 2rem 0 1rem; }\n  .modal-empty-value-root button.btn-secondary-negative {\n    margin: 2rem 0.25rem 1.5rem; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
 
 
 
@@ -26133,7 +28122,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.challengeSlider {\n  position: relative;\n  min-height: inherit;\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0 2rem; }\n\n.challenge-container {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex: 1;\n  transition: all 300ms ease; }\n\n.cardContent {\n  margin: auto; }\n  .cardContent .title {\n    font-weight: 400;\n    text-align: center;\n    text-transform: uppercase;\n    font-family: Lato, sans-serif;\n    font-size: 1.2rem;\n    margin-bottom: 0; }\n  .cardContent .challengeTitle {\n    display: block;\n    font-weight: 700;\n    text-align: center;\n    font-family: Lato, sans-serif;\n    color: #e0e0e0;\n    font-size: 1.3rem;\n    margin-top: 1rem; }\n  .cardContent .challengeIcon {\n    width: 100%;\n    max-width: 180px;\n    margin: auto;\n    height: auto;\n    text-align: center;\n    display: block; }\n\n.sliderButtons {\n  text-align: center;\n  margin: auto;\n  margin-top: 1.5rem; }\n  @media all and (max-width: 1023px) {\n    .sliderButtons {\n      display: none; } }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.challengeSlider {\n  position: relative;\n  min-height: inherit;\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0 2rem; }\n\n.challenge-container {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex: 1;\n  transition: all 300ms ease; }\n\n.cardContent {\n  margin: auto; }\n  .cardContent .title {\n    font-weight: 400;\n    text-align: center;\n    text-transform: uppercase;\n    font-family: Lato, sans-serif;\n    font-size: 1.2rem;\n    margin-bottom: 0; }\n  .cardContent .challengeTitle {\n    display: block;\n    font-weight: 700;\n    text-align: center;\n    font-family: Lato, sans-serif;\n    color: #e0e0e0;\n    font-size: 1.3rem;\n    margin-top: 1rem; }\n  .cardContent .challengeIcon {\n    width: 100%;\n    max-width: 180px;\n    margin: auto;\n    height: auto;\n    text-align: center;\n    display: block; }\n\n.sliderButtons {\n  text-align: center;\n  margin: auto;\n  margin-top: 1.5rem; }\n  @media all and (max-width: 1023px) {\n    .sliderButtons {\n      display: none; } }\n", ""]);
 
 
 
@@ -26588,7 +28577,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.duel-ongoing-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center; }\n\n.duel-title {\n  color: #a0a0a0;\n  margin-top: 1rem; }\n\n.duel-goal {\n  color: #e0e0e0;\n  margin: 1rem 3rem;\n  text-align: center; }\n\n.duel-consumption {\n  color: #e0e0e0;\n  margin: 1rem auto; }\n  @media (max-width: 576px) {\n    .duel-consumption {\n      margin: 0.5rem auto -0.5rem; } }\n  .duel-consumption .consumption {\n    color: #deaf0e; }\n\n.duel-chart {\n  height: 15.625rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80%; }\n\n.duel-chart-caption {\n  display: flex;\n  flex-direction: column;\n  align-self: flex-start; }\n  .duel-chart-caption .duel-caption {\n    display: flex;\n    margin-top: 0.75rem; }\n    .duel-chart-caption .duel-caption .caption-icon {\n      margin: auto 1.5rem; }\n    .duel-chart-caption .duel-caption .caption-label {\n      color: #e0e0e0; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.duel-ongoing-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center; }\n\n.duel-title {\n  color: #a0a0a0;\n  margin-top: 1rem; }\n\n.duel-goal {\n  color: #e0e0e0;\n  margin: 1rem 3rem;\n  text-align: center; }\n\n.duel-consumption {\n  color: #e0e0e0;\n  margin: 1rem auto; }\n  @media (max-width: 576px) {\n    .duel-consumption {\n      margin: 0.5rem auto -0.5rem; } }\n  .duel-consumption .consumption {\n    color: #deaf0e; }\n\n.duel-chart {\n  height: 15.625rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80%; }\n\n.duel-chart-caption {\n  display: flex;\n  flex-direction: column;\n  align-self: flex-start; }\n  .duel-chart-caption .duel-caption {\n    display: flex;\n    margin-top: 0.75rem; }\n    .duel-chart-caption .duel-caption .caption-icon {\n      margin: auto 1.5rem; }\n    .duel-chart-caption .duel-caption .caption-label {\n      color: #e0e0e0; }\n", ""]);
 
 
 
@@ -27811,9 +29800,16 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.duel-unlocked-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.25rem; }\n\n.duel-icon {\n  margin-top: 2.5rem; }\n\n.duel-title {\n  color: #a0a0a0; }\n\n.duel-description {\n  color: #61f0f2;\n  margin-top: 0.75rem;\n  text-align: center; }\n\n.duel-average-info {\n  color: #e0e0e0;\n  margin-top: 0.75rem;\n  text-align: center; }\n\n.button-start {\n  width: 11rem;\n  margin-top: 2.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.duel-unlocked-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.25rem; }\n\n.duel-icon {\n  margin-top: 2.5rem; }\n\n.duel-title {\n  color: #a0a0a0; }\n\n.duel-description {\n  color: #61f0f2;\n  margin-top: 0.75rem;\n  text-align: center; }\n\n.duel-average-info {\n  color: #e0e0e0;\n  margin-top: 0.75rem;\n  text-align: center; }\n\n.button-start {\n  width: 11rem;\n  margin-top: 2.5rem; }\n", ""]);
+
+
 
+/***/ }),
+
+/***/ "hfGo":
+/***/ (function(module) {
 
+module.exports = JSON.parse("[{\"occupants_number\":1,\"consumption_in_liter_per_day\":137},{\"occupants_number\":2,\"consumption_in_liter_per_day\":274},{\"occupants_number\":3,\"consumption_in_liter_per_day\":343},{\"occupants_number\":4,\"consumption_in_liter_per_day\":412},{\"occupants_number\":5,\"consumption_in_liter_per_day\":481},{\"occupants_number\":6,\"consumption_in_liter_per_day\":550},{\"occupants_number\":7,\"consumption_in_liter_per_day\":619},{\"occupants_number\":8,\"consumption_in_liter_per_day\":688},{\"occupants_number\":9,\"consumption_in_liter_per_day\":757}]");
 
 /***/ }),
 
@@ -27984,7 +29980,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.splash-root {\n  position: fixed;\n  z-index: 1500;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  opacity: 1;\n  overflow: hidden;\n  background-color: #1b1c22;\n  display: flex;\n  flex-direction: column;\n  transition-property: opacity;\n  transition-timing-function: ease-in-out; }\n  .splash-root.splash-fade {\n    opacity: 0; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.splash-root {\n  position: fixed;\n  z-index: 1500;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  opacity: 1;\n  overflow: hidden;\n  background-color: #1b1c22;\n  display: flex;\n  flex-direction: column;\n  transition-property: opacity;\n  transition-timing-function: ease-in-out; }\n  .splash-root.splash-fade {\n    opacity: 0; }\n", ""]);
 
 
 
@@ -28257,7 +30253,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.em-header {\n  color: #e0e0e0;\n  border-bottom: 1px solid rgba(163, 163, 163, 0.4);\n  padding: 1em 0;\n  width: 100%;\n  display: flex;\n  justify-content: center; }\n\n.em-root {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  /* width */\n  /* Track */\n  /* Handle */ }\n  .em-root::-webkit-scrollbar {\n    width: 10px; }\n  .em-root::-webkit-scrollbar-track {\n    background: #3e4045; }\n  .em-root::-webkit-scrollbar-thumb {\n    background: #6f7074; }\n  .em-root .em-content {\n    padding: 1.5rem 2.5rem;\n    width: 100%; }\n    @media only screen and (max-width: 768px) {\n      .em-root .em-content {\n        width: 100%;\n        padding: 2rem; } }\n    .em-root .em-content .em-content-box-img {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center; }\n      .em-root .em-content .em-content-box-img .icon {\n        margin-bottom: 1rem; }\n    .em-root .em-content .em-detail {\n      display: flex;\n      flex-direction: row;\n      margin: 0.5em 0; }\n      .em-root .em-content .em-detail .em-detail-efficiency {\n        display: flex;\n        flex: 1;\n        align-self: flex-start;\n        margin-top: 0.65rem;\n        color: #a0a0a0; }\n      .em-root .em-content .em-detail .em-picto-flow {\n        display: flex;\n        align-self: flex-end; }\n        .em-root .em-content .em-detail .em-picto-flow .em-pic-content {\n          margin: 0.3em; }\n    .em-root .em-content .em-efficiency {\n      margin: 0 0.5rem 0 0.25rem; }\n    .em-root .em-content .em-title {\n      margin-bottom: 0;\n      text-align: center; }\n    .em-root .em-content .long-name {\n      font-weight: bold;\n      line-height: 150%;\n      background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n      border: 2px solid #58ffff40;\n      padding: 1.5rem 0.6rem;\n      border-radius: 50px 1px 50px 1px;\n      text-align: center;\n      margin: 1.5rem 0 1rem; }\n    .em-root .em-content .em-description {\n      display: none;\n      margin: 0.5rem;\n      text-align: left; }\n    .em-root .em-content button.btn-action-launch {\n      background-color: #58ffff;\n      border: none;\n      border-radius: 2px;\n      margin: 1.5rem 0 0;\n      width: 100%;\n      text-transform: none;\n      cursor: pointer;\n      padding: 0.6rem 0; }\n\n.em-content-box-text {\n  display: flex;\n  flex-direction: column;\n  padding: 1.5rem 2.5rem; }\n  @media only screen and (max-width: 768px) {\n    .em-content-box-text {\n      padding: 1.5rem 1.5rem; } }\n  .em-content-box-text .em-description {\n    padding-bottom: 2rem; }\n  .em-content-box-text .em-description-2 {\n    padding-top: 2rem; }\n  .em-content-box-text .em-description-3 {\n    padding-bottom: 0.5rem; }\n  .em-content-box-text .em-title {\n    margin-bottom: 0; }\n\n.block {\n  display: block !important; }\n\n.ecogesture-modal button.btn-secondary-negative {\n  margin: 1rem 0 1.5rem !important; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.em-header {\n  color: #e0e0e0;\n  border-bottom: 1px solid rgba(163, 163, 163, 0.4);\n  padding: 1em 0;\n  width: 100%;\n  display: flex;\n  justify-content: center; }\n\n.em-root {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  /* width */\n  /* Track */\n  /* Handle */ }\n  .em-root::-webkit-scrollbar {\n    width: 10px; }\n  .em-root::-webkit-scrollbar-track {\n    background: #3e4045; }\n  .em-root::-webkit-scrollbar-thumb {\n    background: #6f7074; }\n  .em-root .em-content {\n    padding: 1.5rem 2.5rem;\n    width: 100%; }\n    @media only screen and (max-width: 768px) {\n      .em-root .em-content {\n        width: 100%;\n        padding: 2rem; } }\n    .em-root .em-content .em-content-box-img {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center; }\n      .em-root .em-content .em-content-box-img .icon {\n        margin-bottom: 1rem; }\n    .em-root .em-content .em-detail {\n      display: flex;\n      flex-direction: row;\n      margin: 0.5em 0; }\n      .em-root .em-content .em-detail .em-detail-efficiency {\n        display: flex;\n        flex: 1;\n        align-self: flex-start;\n        margin-top: 0.65rem;\n        color: #a0a0a0; }\n      .em-root .em-content .em-detail .em-picto-flow {\n        display: flex;\n        align-self: flex-end; }\n        .em-root .em-content .em-detail .em-picto-flow .em-pic-content {\n          margin: 0.3em; }\n    .em-root .em-content .em-efficiency {\n      margin: 0 0.5rem 0 0.25rem; }\n    .em-root .em-content .em-title {\n      margin-bottom: 0;\n      text-align: center; }\n    .em-root .em-content .long-name {\n      font-weight: bold;\n      line-height: 150%;\n      background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n      border: 2px solid #58ffff40;\n      padding: 1.5rem 0.6rem;\n      border-radius: 50px 1px 50px 1px;\n      text-align: center;\n      margin: 1.5rem 0 1rem; }\n    .em-root .em-content .em-description {\n      display: none;\n      margin: 0.5rem;\n      text-align: left; }\n    .em-root .em-content button.btn-action-launch {\n      background-color: #58ffff;\n      border: none;\n      border-radius: 2px;\n      margin: 1.5rem 0 0;\n      width: 100%;\n      text-transform: none;\n      cursor: pointer;\n      padding: 0.6rem 0; }\n\n.em-content-box-text {\n  display: flex;\n  flex-direction: column;\n  padding: 1.5rem 2.5rem; }\n  @media only screen and (max-width: 768px) {\n    .em-content-box-text {\n      padding: 1.5rem 1.5rem; } }\n  .em-content-box-text .em-description {\n    padding-bottom: 2rem; }\n  .em-content-box-text .em-description-2 {\n    padding-top: 2rem; }\n  .em-content-box-text .em-description-3 {\n    padding-bottom: 0.5rem; }\n  .em-content-box-text .em-title {\n    margin-bottom: 0; }\n\n.block {\n  display: block !important; }\n\n.ecogesture-modal button.btn-secondary-negative {\n  margin: 1rem 0 1.5rem !important; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
 
 
 
@@ -28495,7 +30491,7 @@ function updateProfile(upd) {
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.info {\n  padding: 0.5rem 0.5rem 0;\n  text-align: center; }\n  .info h1 {\n    color: #e3b82a; }\n  .info p {\n    color: white; }\n  .info button.btn-highlight {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-evenly;\n    margin: 1.5rem 0 1rem;\n    padding: 1rem 2rem;\n    transition: all 300ms ease; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.info {\n  padding: 0.5rem 0.5rem 0;\n  text-align: center; }\n  .info h1 {\n    color: #e3b82a; }\n  .info p {\n    color: white; }\n  .info button.btn-highlight {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-evenly;\n    margin: 1.5rem 0 1rem;\n    padding: 1rem 2rem;\n    transition: all 300ms ease; }\n\n#accessibility-title {\n  display: none; }\n", ""]);
 
 
 
@@ -31430,7 +33426,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.cardContent.cardDone {\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center; }\n  .cardContent.cardDone .iconResult {\n    display: flex; }\n    @media all and (max-height: 700px) {\n      .cardContent.cardDone .iconResult {\n        width: 55%;\n        margin: auto; } }\n  .cardContent.cardDone .imgResult {\n    width: 100%;\n    height: 100%; }\n  .cardContent.cardDone .labelResult {\n    font-weight: bold;\n    font-size: 24px;\n    line-height: 120%; }\n  .cardContent.cardDone .win {\n    color: #b2901b; }\n  .cardContent.cardDone .lost {\n    color: #d25959; }\n  .cardContent.cardDone .statsResult {\n    text-align: center; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.cardContent.cardDone {\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center; }\n  .cardContent.cardDone .iconResult {\n    display: flex; }\n    @media all and (max-height: 700px) {\n      .cardContent.cardDone .iconResult {\n        width: 55%;\n        margin: auto; } }\n  .cardContent.cardDone .imgResult {\n    width: 100%;\n    height: 100%; }\n  .cardContent.cardDone .labelResult {\n    font-weight: bold;\n    font-size: 24px;\n    line-height: 120%; }\n  .cardContent.cardDone .win {\n    color: #b2901b; }\n  .cardContent.cardDone .lost {\n    color: #d25959; }\n  .cardContent.cardDone .statsResult {\n    text-align: center; }\n", ""]);
 
 
 
@@ -32564,6 +34560,295 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "nKTC":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(__webpack_require__("MVZn"));
+
+var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
+
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+
+__webpack_require__("PQ9W");
+
+var _CozyBar = _interopRequireDefault(__webpack_require__("CJMG"));
+
+var _Header = _interopRequireDefault(__webpack_require__("frrP"));
+
+var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
+
+var _ProfileTypeFormSingleChoice = _interopRequireDefault(__webpack_require__("OjiV"));
+
+var _ProfileTypeFinished = _interopRequireDefault(__webpack_require__("dULq"));
+
+var _profileType2 = __webpack_require__("D9qV");
+
+var _fluid = __webpack_require__("5Wkc");
+
+var _ProfileTypeFormMultiChoice = _interopRequireDefault(__webpack_require__("Mqix"));
+
+var _ProfileTypeFormNumber = _interopRequireDefault(__webpack_require__("YKCd"));
+
+var _ProfileTypeFormNumberSelection = _interopRequireDefault(__webpack_require__("MyUw"));
+
+var _reactRedux = __webpack_require__("/MKj");
+
+var _luxon = __webpack_require__("ExVU");
+
+var _profileTypeForm = _interopRequireDefault(__webpack_require__("u4pq"));
+
+var _ProfileTypeFormDateSelection = _interopRequireDefault(__webpack_require__("/y87"));
+
+var _EcogestureFormEquipment = _interopRequireDefault(__webpack_require__("06WC"));
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ProfileTypeView = function ProfileTypeView(_ref) {
+  var handleEnd = _ref.handleEnd;
+  var profile = (0, _reactRedux.useSelector)(function (state) {
+    return state.ecolyo.profile;
+  });
+  var curProfileType = (0, _reactRedux.useSelector)(function (state) {
+    return state.ecolyo.profileType;
+  });
+  var curProfileEcogesture = (0, _reactRedux.useSelector)(function (state) {
+    return state.ecolyo.profileEcogesture;
+  });
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      headerHeight = _useState2[0],
+      setHeaderHeight = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({
+    updateDate: _luxon.DateTime.local().setZone('utc', {
+      keepLocalTime: true
+    }).startOf('month'),
+    housingType: _profileType2.HousingType.INDIVIDUAL_HOUSE,
+    constructionYear: _profileType2.ConstructionYear.BETWEEN_1975_AND_1989,
+    area: '0',
+    occupantsNumber: 1,
+    outsideFacingWalls: _profileType2.OutsideFacingWalls.ONE,
+    floor: _profileType2.Floor.NOT_APPLICABLE,
+    heating: _profileType2.IndividualOrCollective.INDIVIDUAL,
+    coldWater: _profileType2.IndividualOrCollective.INDIVIDUAL,
+    individualInsulationWork: [_profileType2.IndividualInsulationWork.NONE],
+    hasInstalledVentilation: _profileType2.ThreeChoicesAnswer.NO,
+    hasReplacedHeater: _profileType2.ThreeChoicesAnswer.NO,
+    hotWater: _profileType2.IndividualOrCollective.INDIVIDUAL,
+    hotWaterEquipment: _profileType2.HotWaterEquipment.OTHER,
+    warmingFluid: _profileType2.WarmingType.ELECTRICITY,
+    hotWaterFluid: _fluid.FluidType.ELECTRICITY,
+    cookingFluid: _fluid.FluidType.ELECTRICITY,
+    equipments: []
+  }),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      profileType = _useState4[0],
+      setProfileType = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(_profileType2.ProfileTypeStepForm.HOUSING_TYPE),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      step = _useState6[0],
+      setStep = _useState6[1];
+
+  var _useState7 = (0, _react.useState)({
+    type: _profileType2.ProfileTypeFormType.SINGLE_CHOICE,
+    attribute: '',
+    choices: []
+  }),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      answerType = _useState8[0],
+      setAnswerType = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(true),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      isLoading = _useState10[0],
+      setIsLoading = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(-1),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      viewedStep = _useState12[0],
+      setViewedStep = _useState12[1];
+
+  var defineHeaderHeight = (0, _react.useCallback)(function (height) {
+    setHeaderHeight(height);
+  }, []);
+  var setNextStep = (0, _react.useCallback)(function (_profileType) {
+    var profileTypeFormService;
+
+    if (_profileType) {
+      setProfileType(_profileType);
+      profileTypeFormService = new _profileTypeForm.default(_profileType);
+      curProfileEcogesture.heating = _profileType.heating;
+      curProfileEcogesture.hotWater = _profileType.hotWater;
+      curProfileEcogesture.warmingFluid = _profileType.warmingFluid;
+    } else {
+      // if equipments are updated, keep profileType as it is
+      profileTypeFormService = new _profileTypeForm.default((0, _objectSpread2.default)({}, profileType));
+    }
+
+    var nextStep = profileTypeFormService.getNextFormStep(step, !profile.isProfileTypeCompleted);
+
+    if (nextStep === _profileType2.ProfileTypeStepForm.END && handleEnd) {
+      handleEnd();
+    }
+
+    setIsLoading(true);
+
+    if (nextStep > viewedStep) {
+      setViewedStep(nextStep);
+    }
+
+    setStep(nextStep);
+  }, [curProfileEcogesture, handleEnd, profile.isProfileTypeCompleted, profileType, step, viewedStep]);
+  var setPreviousStep = (0, _react.useCallback)(function (_profileType) {
+    setProfileType(_profileType);
+    var profileTypeFormService = new _profileTypeForm.default(_profileType);
+    var previousStep = profileTypeFormService.getPreviousFormStep(step);
+    setIsLoading(true);
+    setStep(previousStep);
+  }, [step]);
+
+  var selectForm = function selectForm() {
+    if (answerType.type === _profileType2.ProfileTypeFormType.SINGLE_CHOICE) {
+      return /*#__PURE__*/_react.default.createElement(_ProfileTypeFormSingleChoice.default, {
+        step: step,
+        viewedStep: viewedStep,
+        profileType: profileType,
+        answerType: answerType,
+        setNextStep: setNextStep,
+        isProfileTypeComplete: profile.isProfileTypeCompleted,
+        setPrevioustStep: setPreviousStep
+      });
+    } else if (answerType.type === _profileType2.ProfileTypeFormType.MULTI_CHOICE) {
+      return /*#__PURE__*/_react.default.createElement(_ProfileTypeFormMultiChoice.default, {
+        step: step,
+        viewedStep: viewedStep,
+        profileType: profileType,
+        answerType: answerType,
+        setNextStep: setNextStep,
+        setPrevioustStep: setPreviousStep,
+        isProfileTypeComplete: profile.isProfileTypeCompleted
+      });
+    } else if (answerType.type === _profileType2.ProfileTypeFormType.NUMBER) {
+      return /*#__PURE__*/_react.default.createElement(_ProfileTypeFormNumber.default, {
+        step: step,
+        viewedStep: viewedStep,
+        profileType: profileType,
+        answerType: answerType,
+        setNextStep: setNextStep,
+        isProfileTypeComplete: profile.isProfileTypeCompleted,
+        setPrevioustStep: setPreviousStep
+      });
+    } else if (answerType.type === _profileType2.ProfileTypeFormType.NUMBER_SELECTION) {
+      return /*#__PURE__*/_react.default.createElement(_ProfileTypeFormNumberSelection.default, {
+        step: step,
+        viewedStep: viewedStep,
+        profileType: profileType,
+        answerType: answerType,
+        setNextStep: setNextStep,
+        isProfileTypeComplete: profile.isProfileTypeCompleted,
+        setPrevioustStep: setPreviousStep
+      });
+    } else if (answerType.type === _profileType2.ProfileTypeFormType.DATE_SELECTION) {
+      return /*#__PURE__*/_react.default.createElement(_ProfileTypeFormDateSelection.default, {
+        step: step,
+        viewedStep: viewedStep,
+        profileType: profileType,
+        answerType: answerType,
+        setNextStep: setNextStep,
+        isProfileTypeComplete: profile.isProfileTypeCompleted,
+        setPrevioustStep: setPreviousStep
+      });
+    } else if (answerType.type === _profileType2.ProfileTypeFormType.EQUIPMENT_SELECTION) {
+      return /*#__PURE__*/_react.default.createElement(_EcogestureFormEquipment.default, {
+        step: step // viewedStep={viewedStep}
+        // answerType={answerType}
+        ,
+        profileEcogesture: curProfileEcogesture,
+        setNextStep: setNextStep,
+        setPreviousStep: setPreviousStep
+      });
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (profile.isProfileTypeCompleted) {
+      setProfileType(curProfileType);
+    }
+
+    var _answerType = _profileTypeForm.default.getAnswerForStep(step);
+
+    setAnswerType(_answerType);
+    setIsLoading(false);
+  }, [step, profile, curProfileType]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CozyBar.default, {
+    titleKey: 'common.title_profiletype',
+    displayBackArrow: true
+  }), /*#__PURE__*/_react.default.createElement(_Header.default, {
+    setHeaderHeight: defineHeaderHeight,
+    desktopTitleKey: 'common.title_profiletype',
+    displayBackArrow: true
+  }), /*#__PURE__*/_react.default.createElement(_Content.default, {
+    height: headerHeight
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'profile-type-container'
+  }, isLoading ? null : step !== _profileType2.ProfileTypeStepForm.END ? selectForm() : /*#__PURE__*/_react.default.createElement(_ProfileTypeFinished.default, {
+    profileType: profileType
+  }))));
+};
+
+__signature__(ProfileTypeView, "useSelector{profile}\nuseSelector{curProfileType}\nuseSelector{curProfileEcogesture: ProfileEcogesture}\nuseState{[headerHeight, setHeaderHeight](0)}\nuseState{[profileType, setProfileType]({\n    updateDate: DateTime.local()\n      .setZone('utc', {\n        keepLocalTime: true,\n      })\n      .startOf('month'),\n    housingType: HousingType.INDIVIDUAL_HOUSE,\n    constructionYear: ConstructionYear.BETWEEN_1975_AND_1989,\n    area: '0',\n    occupantsNumber: 1,\n    outsideFacingWalls: OutsideFacingWalls.ONE,\n    floor: Floor.NOT_APPLICABLE,\n    heating: IndividualOrCollective.INDIVIDUAL,\n    coldWater: IndividualOrCollective.INDIVIDUAL,\n    individualInsulationWork: [IndividualInsulationWork.NONE],\n    hasInstalledVentilation: ThreeChoicesAnswer.NO,\n    hasReplacedHeater: ThreeChoicesAnswer.NO,\n    hotWater: IndividualOrCollective.INDIVIDUAL,\n    hotWaterEquipment: HotWaterEquipment.OTHER,\n    warmingFluid: WarmingType.ELECTRICITY,\n    hotWaterFluid: FluidType.ELECTRICITY,\n    cookingFluid: FluidType.ELECTRICITY,\n    equipments: [],\n  })}\nuseState{[step, setStep](ProfileTypeStepForm.HOUSING_TYPE)}\nuseState{[answerType, setAnswerType]({\n    type: ProfileTypeFormType.SINGLE_CHOICE,\n    attribute: '',\n    choices: [],\n  })}\nuseState{[isLoading, setIsLoading](true)}\nuseState{[viewedStep, setViewedStep](-1)}\nuseCallback{defineHeaderHeight}\nuseCallback{setNextStep}\nuseCallback{setPreviousStep}\nuseEffect{}", function () {
+  return [_reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector];
+});
+
+var _default = ProfileTypeView;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ProfileTypeView, "ProfileTypeView", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeView.tsx");
+  reactHotLoader.register(_default, "default", "/builds/web-et-numerique/llle_project/ecolyo/src/components/ProfileType/ProfileTypeView.tsx");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
+
+/***/ }),
+
 /***/ "nbUl":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -32783,7 +35068,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.action-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center; }\n\n.action-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  box-sizing: border-box;\n  margin: 5rem 1rem 0 1rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  height: 63vh;\n  text-align: center;\n  position: relative;\n  padding: 5rem 1rem 1rem 1rem; }\n  @media (min-width: 1201px) {\n    .action-begin-container {\n      margin: 6rem 1rem 1rem 1rem; } }\n  .action-begin-container .icon-container {\n    width: 8.125rem;\n    height: 8.125rem;\n    position: absolute;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    top: -70px;\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n    border-radius: 8px;\n    border: solid 2px #58ffff;\n    display: flex; }\n  .action-begin-container .action-icon {\n    margin: auto; }\n  .action-begin-container .action-icon-stars {\n    margin-top: -4rem; }\n  .action-begin-container .stars .star:not(:last-of-type) {\n    margin-right: 0.4rem; }\n  .action-begin-container .action-duration {\n    color: #e0e0e0; }\n  .action-begin-container .action-explanation {\n    margin-bottom: 2rem;\n    line-height: 24px;\n    padding: 1rem; }\n    @media (min-width: 1201px) {\n      .action-begin-container .action-explanation {\n        padding: 0rem 2rem; } }\n  .action-begin-container .action-buttons button {\n    padding: 0.7rem;\n    border-color: #e0e0e0; }\n    .action-begin-container .action-buttons button span {\n      font-weight: 700; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.action-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center; }\n\n.action-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  box-sizing: border-box;\n  margin: 5rem 1rem 0 1rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  height: 63vh;\n  text-align: center;\n  position: relative;\n  padding: 5rem 1rem 1rem 1rem; }\n  @media (min-width: 1201px) {\n    .action-begin-container {\n      margin: 6rem 1rem 1rem 1rem; } }\n  .action-begin-container .icon-container {\n    width: 8.125rem;\n    height: 8.125rem;\n    position: absolute;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    top: -70px;\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n    border-radius: 8px;\n    border: solid 2px #58ffff;\n    display: flex; }\n  .action-begin-container .action-icon {\n    margin: auto; }\n  .action-begin-container .action-icon-stars {\n    margin-top: -4rem; }\n  .action-begin-container .stars .star:not(:last-of-type) {\n    margin-right: 0.4rem; }\n  .action-begin-container .action-duration {\n    color: #e0e0e0; }\n  .action-begin-container .action-explanation {\n    margin-bottom: 2rem;\n    line-height: 24px;\n    padding: 1rem; }\n    @media (min-width: 1201px) {\n      .action-begin-container .action-explanation {\n        padding: 0rem 2rem; } }\n  .action-begin-container .action-buttons button {\n    padding: 0.7rem;\n    border-color: #e0e0e0; }\n    .action-begin-container .action-buttons button span {\n      font-weight: 700; }\n", ""]);
 
 
 
@@ -32940,7 +35225,7 @@ exports.i(__webpack_require__("tgIe"), "");
 exports.push([module.i, "@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);", ""]);
 
 // Module
-exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nhtml {\n  background: #1b1c22; }\n\nbody {\n  background: #1b1c22;\n  overflow: unset !important; }\n\n.column {\n  display: flex;\n  flex-direction: column; }\n\n.row {\n  display: flex;\n  flex-direction: row; }\n\n.cozy-bar {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0; }\n  @media only screen and (max-width: 768px) {\n    .cozy-bar {\n      margin-left: 1.25rem; } }\n\n[role='banner'] .coz-bar-container {\n  background-color: #ffffff; }\n  @media only screen and (max-width: 768px) {\n    [role='banner'] .coz-bar-container {\n      padding: 0 0 0 0;\n      background-color: unset; } }\n\n.coz-bar-wrapper {\n  box-shadow: unset !important;\n  background: unset !important; }\n\n.cv-button {\n  width: 4.25rem; }\n\n.coz-label {\n  color: #32363f; }\n\n.header {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  z-index: 18;\n  position: fixed;\n  top: 48px;\n  left: 0; }\n  @media only screen and (max-width: 768px) {\n    .header {\n      top: 0; } }\n  .header .header-top {\n    background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);\n    width: 100%; }\n    .header .header-top .header-text {\n      padding: 0 1rem 1rem 1rem;\n      color: #e0e0e0; }\n  .header .header-content {\n    margin: 0 0 0 220px;\n    display: flex;\n    flex-direction: column; }\n    @media only screen and (max-width: 1023px) {\n      .header .header-content {\n        margin: 0; } }\n    @media only screen and (max-width: 768px) {\n      .header .header-content {\n        margin: 60px 0 0 0; } }\n    .header .header-content .header-content-top {\n      display: flex;\n      flex-direction: row; }\n      .header .header-content .header-content-top.header-content-top-right {\n        justify-content: flex-end; }\n      .header .header-content .header-content-top .header-text {\n        padding: 2rem 1rem;\n        flex: 1; }\n      .header .header-content .header-content-top .header-text-desktop {\n        display: flex;\n        flex: 1;\n        padding: 2rem 1.25rem;\n        color: #e0e0e0; }\n      .header .header-content .header-content-top .header-back-button {\n        padding: 0 0.75rem; }\n      @media only screen and (max-width: 768px) {\n        .header .header-content .header-content-top .header-text {\n          padding: 0 1rem 1rem 1rem;\n          color: #e0e0e0; }\n        .header .header-content .header-content-top .header-text-desktop {\n          display: none; }\n        .header .header-content .header-content-top .header-feedbacks-button {\n          display: none; } }\n\n.content-view-loading {\n  height: 80vh;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: #e0e0e0; }\n  .content-view-loading .content-view-loading-text {\n    padding-top: 1rem;\n    margin: 0 2rem;\n    text-align: center; }\n  .content-view-loading .content-view-loading-button {\n    max-width: 50vw;\n    margin-top: 1rem; }\n\n[role='main'] {\n  /* width */\n  /* Track */\n  /* Handle */ }\n  [role='main']::-webkit-scrollbar {\n    width: 10px; }\n  [role='main']::-webkit-scrollbar-track {\n    background: #3e4045; }\n  [role='main']::-webkit-scrollbar-thumb {\n    background: #6f7074; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n* {\n  font-family: Lato, sans-serif; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  color: #a0a0a0;\n  font-family: Lato, sans-serif; }\n\n.home-title {\n  font-size: 1rem;\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 120%;\n  text-transform: uppercase; }\n\n.app-title {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 21px;\n  line-height: 24px;\n  text-align: center;\n  letter-spacing: 0.15px;\n  color: #e0e0e0;\n  text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07); }\n\n.isBuilding {\n  color: #e3b82a;\n  margin-left: .8rem;\n  margin-right: .8rem; }\n\n.text-10, .text-10-normal, .text-10-normal-uppercase, .text-10-normal-150, .text-10-bold, .text-10-bold-uppercase, .text-10-bold-capitalize, .text-10-italic {\n  font-style: normal;\n  font-size: 0.625rem;\n  line-height: 120%; }\n  .text-10-normal, .text-10-normal-uppercase, .text-10-normal-150 {\n    font-weight: normal; }\n    .text-10-normal-uppercase {\n      text-transform: uppercase; }\n    .text-10-normal-150 {\n      line-height: 150%; }\n  .text-10-bold, .text-10-bold-uppercase, .text-10-bold-capitalize {\n    font-weight: 700; }\n    .text-10-bold-uppercase {\n      text-transform: uppercase; }\n    .text-10-bold-capitalize {\n      text-transform: capitalize; }\n  .text-10-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-14, .text-14-normal, .text-14-normal-uppercase, .text-14-normal-150, .text-14-bold, .text-14-bold-uppercase, .text-14-bold-capitalize, .text-14-italic {\n  font-style: normal;\n  font-size: 0.875rem;\n  line-height: 120%; }\n  .text-14-normal, .text-14-normal-uppercase, .text-14-normal-150 {\n    font-weight: normal; }\n    .text-14-normal-uppercase {\n      text-transform: uppercase; }\n    .text-14-normal-150 {\n      line-height: 150%; }\n  .text-14-bold, .text-14-bold-uppercase, .text-14-bold-capitalize {\n    font-weight: 700; }\n    .text-14-bold-uppercase {\n      text-transform: uppercase; }\n    .text-14-bold-capitalize {\n      text-transform: capitalize; }\n  .text-14-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-15, .text-15-normal, .text-15-normal-uppercase, .text-15-normal-150, .text-15-bold, .text-15-bold-uppercase, .text-15-bold-capitalize, .text-15-italic {\n  font-style: normal;\n  font-size: 0.938rem;\n  line-height: 120%; }\n  .text-15-normal, .text-15-normal-uppercase, .text-15-normal-150 {\n    font-weight: normal; }\n    .text-15-normal-uppercase {\n      text-transform: uppercase; }\n    .text-15-normal-150 {\n      line-height: 150%; }\n  .text-15-bold, .text-15-bold-uppercase, .text-15-bold-capitalize {\n    font-weight: 700; }\n    .text-15-bold-uppercase {\n      text-transform: uppercase; }\n    .text-15-bold-capitalize {\n      text-transform: capitalize; }\n  .text-15-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-16, .text-16-normal, .text-16-normal-uppercase, .text-16-normal-150, .text-16-bold, .text-16-bold-uppercase, .text-16-bold-capitalize, .text-16-italic {\n  font-style: normal;\n  font-size: 1rem;\n  line-height: 120%; }\n  .text-16-normal, .text-16-normal-uppercase, .text-16-normal-150 {\n    font-weight: normal; }\n    .text-16-normal-uppercase {\n      text-transform: uppercase; }\n    .text-16-normal-150 {\n      line-height: 150%; }\n  .text-16-bold, .text-16-bold-uppercase, .text-16-bold-capitalize {\n    font-weight: 700; }\n    .text-16-bold-uppercase {\n      text-transform: uppercase; }\n    .text-16-bold-capitalize {\n      text-transform: capitalize; }\n  .text-16-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-18, .text-18-normal, .text-18-normal-uppercase, .text-18-normal-150, .text-18-bold, .text-18-bold-uppercase, .text-18-bold-capitalize, .text-18-italic {\n  font-style: normal;\n  font-size: 1.125rem;\n  line-height: 120%; }\n  .text-18-normal, .text-18-normal-uppercase, .text-18-normal-150 {\n    font-weight: normal; }\n    .text-18-normal-uppercase {\n      text-transform: uppercase; }\n    .text-18-normal-150 {\n      line-height: 150%; }\n  .text-18-bold, .text-18-bold-uppercase, .text-18-bold-capitalize {\n    font-weight: 700; }\n    .text-18-bold-uppercase {\n      text-transform: uppercase; }\n    .text-18-bold-capitalize {\n      text-transform: capitalize; }\n  .text-18-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-19, .text-19-normal, .text-19-normal-uppercase, .text-19-normal-150, .text-19-bold, .text-19-bold-uppercase, .text-19-bold-capitalize, .text-19-italic {\n  font-style: normal;\n  font-size: 1.188rem;\n  line-height: 120%; }\n  .text-19-normal, .text-19-normal-uppercase, .text-19-normal-150 {\n    font-weight: normal; }\n    .text-19-normal-uppercase {\n      text-transform: uppercase; }\n    .text-19-normal-150 {\n      line-height: 150%; }\n  .text-19-bold, .text-19-bold-uppercase, .text-19-bold-capitalize {\n    font-weight: 700; }\n    .text-19-bold-uppercase {\n      text-transform: uppercase; }\n    .text-19-bold-capitalize {\n      text-transform: capitalize; }\n  .text-19-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-20, .text-20-normal, .text-20-normal-uppercase, .text-20-normal-150, .text-20-bold, .text-20-bold-uppercase, .text-20-bold-capitalize, .text-20-italic {\n  font-style: normal;\n  font-size: 1.25rem;\n  line-height: 120%; }\n  .text-20-normal, .text-20-normal-uppercase, .text-20-normal-150 {\n    font-weight: normal; }\n    .text-20-normal-uppercase {\n      text-transform: uppercase; }\n    .text-20-normal-150 {\n      line-height: 150%; }\n  .text-20-bold, .text-20-bold-uppercase, .text-20-bold-capitalize {\n    font-weight: 700; }\n    .text-20-bold-uppercase {\n      text-transform: uppercase; }\n    .text-20-bold-capitalize {\n      text-transform: capitalize; }\n  .text-20-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-21, .text-21-normal, .text-21-normal-uppercase, .text-21-normal-150, .text-21-bold, .text-21-bold-uppercase, .text-21-bold-capitalize, .text-21-italic {\n  font-style: normal;\n  font-size: 1.313rem;\n  line-height: 120%; }\n  .text-21-normal, .text-21-normal-uppercase, .text-21-normal-150 {\n    font-weight: normal; }\n    .text-21-normal-uppercase {\n      text-transform: uppercase; }\n    .text-21-normal-150 {\n      line-height: 150%; }\n  .text-21-bold, .text-21-bold-uppercase, .text-21-bold-capitalize {\n    font-weight: 700; }\n    .text-21-bold-uppercase {\n      text-transform: uppercase; }\n    .text-21-bold-capitalize {\n      text-transform: capitalize; }\n  .text-21-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-22, .text-22-normal, .text-22-normal-uppercase, .text-22-normal-150, .text-22-bold, .text-22-bold-uppercase, .text-22-bold-capitalize, .text-22-italic {\n  font-style: normal;\n  font-size: 1.375rem;\n  line-height: 120%; }\n  .text-22-normal, .text-22-normal-uppercase, .text-22-normal-150 {\n    font-weight: normal; }\n    .text-22-normal-uppercase {\n      text-transform: uppercase; }\n    .text-22-normal-150 {\n      line-height: 150%; }\n  .text-22-bold, .text-22-bold-uppercase, .text-22-bold-capitalize {\n    font-weight: 700; }\n    .text-22-bold-uppercase {\n      text-transform: uppercase; }\n    .text-22-bold-capitalize {\n      text-transform: capitalize; }\n  .text-22-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-24, .text-24-normal, .text-24-normal-uppercase, .text-24-normal-150, .text-24-bold, .text-24-bold-uppercase, .text-24-bold-capitalize, .text-24-italic {\n  font-style: normal;\n  font-size: 1.5rem;\n  line-height: 120%; }\n  .text-24-normal, .text-24-normal-uppercase, .text-24-normal-150 {\n    font-weight: normal; }\n    .text-24-normal-uppercase {\n      text-transform: uppercase; }\n    .text-24-normal-150 {\n      line-height: 150%; }\n  .text-24-bold, .text-24-bold-uppercase, .text-24-bold-capitalize {\n    font-weight: 700; }\n    .text-24-bold-uppercase {\n      text-transform: uppercase; }\n    .text-24-bold-capitalize {\n      text-transform: capitalize; }\n  .text-24-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-28, .text-28-normal, .text-28-normal-uppercase, .text-28-normal-150, .text-28-bold, .text-28-bold-uppercase, .text-28-bold-capitalize, .text-28-italic {\n  font-style: normal;\n  font-size: 1.75rem;\n  line-height: 120%; }\n  .text-28-normal, .text-28-normal-uppercase, .text-28-normal-150 {\n    font-weight: normal; }\n    .text-28-normal-uppercase {\n      text-transform: uppercase; }\n    .text-28-normal-150 {\n      line-height: 150%; }\n  .text-28-bold, .text-28-bold-uppercase, .text-28-bold-capitalize {\n    font-weight: 700; }\n    .text-28-bold-uppercase {\n      text-transform: uppercase; }\n    .text-28-bold-capitalize {\n      text-transform: capitalize; }\n  .text-28-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-36, .text-36-normal, .text-36-normal-uppercase, .text-36-normal-150, .text-36-bold, .text-36-bold-uppercase, .text-36-bold-capitalize, .text-36-italic {\n  font-style: normal;\n  font-size: 2.25rem;\n  line-height: 120%; }\n  .text-36-normal, .text-36-normal-uppercase, .text-36-normal-150 {\n    font-weight: normal; }\n    .text-36-normal-uppercase {\n      text-transform: uppercase; }\n    .text-36-normal-150 {\n      line-height: 150%; }\n  .text-36-bold, .text-36-bold-uppercase, .text-36-bold-capitalize {\n    font-weight: 700; }\n    .text-36-bold-uppercase {\n      text-transform: uppercase; }\n    .text-36-bold-capitalize {\n      text-transform: capitalize; }\n  .text-36-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n/* Card */\n.card-title-on {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1.125rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n.card-text-bold {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n.card-result {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: 900;\n  font-size: 1.75rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n.card-indicator {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n.card-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n/* Chart */\n.chart-ticks-x-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%; }\n  @media only screen and (max-width: 768px) {\n    .chart-ticks-x-text {\n      font-size: 0.685rem; } }\n\n.chart-ticks-y-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.9rem;\n  line-height: 120%; }\n  @media only screen and (max-width: 768px) {\n    .chart-ticks-y-text {\n      font-size: 0.75rem; } }\n\n/* Cozy bar */\n.cozybar {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1.3125rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.axis {\n  color: #7b7b7b; }\n  .axis .tick-text {\n    fill: #7b7b7b; }\n    .axis .tick-text.tick-text-selected {\n      fill: #e0e0e0; }\n  .axis .separator {\n    text-align: center;\n    margin: 0 2px;\n    font-size: 1rem !important; }\n\n.value-text {\n  fill: #7b7b7b; }\n  .value-text.selected {\n    fill: #e0e0e0; }\n\n.barContainer:hover,\n.barFill:hover {\n  cursor: pointer; }\n\n.background-true {\n  opacity: 0.1; }\n  .background-true:hover {\n    cursor: pointer; }\n\n.background-false {\n  opacity: 0; }\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n  cursor: pointer; }\n\n.bar-ELECTRICITY {\n  fill: #5d3d2a; }\n  .bar-ELECTRICITY.selected {\n    fill: #d87b39;\n    filter: drop-shadow(0 -0.1rem 0.2rem #d87b39); }\n\n.bar-compare-ELECTRICITY {\n  fill: #795c47; }\n  .bar-compare-ELECTRICITY.selected {\n    fill: #e2bca1;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }\n\n.bar-WATER {\n  fill: #20415e; }\n  .bar-WATER.selected {\n    fill: #3a98ec;\n    filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec); }\n\n.bar-compare-WATER {\n  fill: #4d5c6e; }\n  .bar-compare-WATER.selected {\n    fill: #abd4fa;\n    filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa); }\n\n.bar-GAS {\n  fill: #184940; }\n  .bar-GAS.selected {\n    fill: #45d1b8;\n    filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8); }\n\n.bar-compare-GAS {\n  fill: #597773; }\n  .bar-compare-GAS.selected {\n    fill: #a8f7e9;\n    filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9); }\n\n.bar-MULTIFLUID {\n  fill: #705d1d; }\n  .bar-MULTIFLUID.selected {\n    fill: #e3b82a;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n  .bar-MULTIFLUID.disabled:hover {\n    cursor: default; }\n\n.bar-duel {\n  fill: #61f0f2; }\n  .bar-duel.selected {\n    fill: #61f0f2;\n    filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2); }\n  .bar-duel.disabled:hover {\n    cursor: default; }\n\n.bar-UNCOMING {\n  fill: #242633;\n  opacity: 0.6; }\n  .bar-UNCOMING.selected {\n    fill: #e3b82a;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n  .bar-UNCOMING.disabled:hover {\n    cursor: default; }\n\n.bar-compare-MULTIFLUID {\n  fill: #7d6a4e; }\n  .bar-compare-MULTIFLUID.selected {\n    fill: #ffd597;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n\n.bar-average {\n  stroke-width: 2;\n  stroke: #e3b82a; }\n\n.week {\n  fill: #e2bca1; }\n  .week.selected {\n    fill: #e2bca1;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }\n\n.weekend {\n  fill: #ffd597; }\n  .weekend.selected {\n    fill: #ffd597;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n\n/** Animation **/\n.bounce-1 {\n  animation-name: bounce-1;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box; }\n\n@keyframes bounce-1 {\n  0% {\n    transform: scale(0.1, 0.1); }\n  28% {\n    transform: scale(0.1, 1.1); }\n  45% {\n    transform: scale(0.8, 0.95); }\n  55% {\n    transform: scale(1, 1); }\n  65% {\n    transform: scale(1, 0.98); }\n  75% {\n    transform: scale(1, 1); } }\n\n.bounce-2 {\n  animation-name: bounce-2;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box; }\n\n@keyframes bounce-2 {\n  0% {\n    transform: scale(1, 1); }\n  28% {\n    transform: scale(1, 1.1); }\n  45% {\n    transform: scale(0.8, 0.95); }\n  55% {\n    transform: scale(1, 1); }\n  65% {\n    transform: scale(1, 0.98); }\n  75% {\n    transform: scale(1, 1); } }\n\n.bounce-3 {\n  animation-name: bounce-3;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center; }\n\n@keyframes bounce-3 {\n  0% {\n    opacity: 0.6;\n    transform: scaleY(1); }\n  50% {\n    transform: scaleY(1.1);\n    opacity: 0.8; }\n  100% {\n    transform: scaleY(1);\n    opacity: 1; } }\n\n/** Animatio ndelay **/\n.delay {\n  animation-duration: 0.4s; }\n\n.delay--0 {\n  animation-duration: 0.6s; }\n\n.delay--1 {\n  animation-duration: 0.7s; }\n\n.delay--2 {\n  animation-duration: 0.8s; }\n\n.delay--3 {\n  animation-duration: 0.9s; }\n\n.delay--4 {\n  animation-duration: 1s; }\n\n.delay--5 {\n  animation-duration: 1.1s; }\n\n.delay--6 {\n  animation-duration: 1.2s; }\n\n.delay--7 {\n  animation-duration: 1.3s; }\n\n.delay--8 {\n  animation-duration: 1.4s; }\n\n.delay--9 {\n  animation-duration: 1.5s; }\n\n.delay--10 {\n  animation-duration: 1.6s; }\n\n.delay--11 {\n  animation-duration: 1.8s; }\n\n.delay--12 {\n  animation-duration: 1.9s; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nbutton.btn-highlight {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  background-color: #e3b82a;\n  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-highlight span:first-child {\n    color: #000000; }\n  button.btn-highlight:hover, button.btn-highlight:focus, button.btn-highlight.active, button.btn-highlight:disabled {\n    background-color: #b89318; }\n  button.btn-highlight:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-primary-positive {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #121212;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-primary-positive span:first-child {\n    color: #e3b82a; }\n  button.btn-primary-positive:hover, button.btn-primary-positive:focus, button.btn-primary-positive.active, button.btn-primary-positive:disabled {\n    background-color: rgba(18, 18, 18, 0.2); }\n    button.btn-primary-positive:hover span:first-child, button.btn-primary-positive:focus span:first-child, button.btn-primary-positive.active span:first-child, button.btn-primary-positive:disabled span:first-child {\n      color: rgba(227, 184, 42, 0.7); }\n  button.btn-primary-positive:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-primary-negative {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #7b7b7b;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-primary-negative span:first-child {\n    color: #e3b82a; }\n  button.btn-primary-negative:hover, button.btn-primary-negative:focus, button.btn-primary-negative.active, button.btn-primary-negative:disabled {\n    background-color: rgba(123, 123, 123, 0.2); }\n    button.btn-primary-negative:hover span:first-child, button.btn-primary-negative:focus span:first-child, button.btn-primary-negative.active span:first-child, button.btn-primary-negative:disabled span:first-child {\n      color: rgba(227, 184, 42, 0.7); }\n  button.btn-primary-negative:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-secondary-positive {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #121212;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-secondary-positive span:first-child {\n    color: #e0e0e0; }\n  button.btn-secondary-positive:hover, button.btn-secondary-positive:focus, button.btn-secondary-positive.active, button.btn-secondary-positive:disabled {\n    background-color: rgba(18, 18, 18, 0.2); }\n    button.btn-secondary-positive:hover span:first-child, button.btn-secondary-positive:focus span:first-child, button.btn-secondary-positive.active span:first-child, button.btn-secondary-positive:disabled span:first-child {\n      color: rgba(224, 224, 224, 0.7); }\n  button.btn-secondary-positive:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-secondary-negative {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #7b7b7b;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-secondary-negative span:first-child {\n    color: #e0e0e0; }\n  button.btn-secondary-negative:hover, button.btn-secondary-negative:focus, button.btn-secondary-negative.active, button.btn-secondary-negative:disabled {\n    background-color: rgba(123, 123, 123, 0.2); }\n    button.btn-secondary-negative:hover span:first-child, button.btn-secondary-negative:focus span:first-child, button.btn-secondary-negative.active span:first-child, button.btn-secondary-negative:disabled span:first-child {\n      color: rgba(224, 224, 224, 0.7); }\n  button.btn-secondary-negative:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-duel-off {\n  background: #121212;\n  background-color: #121212;\n  border: 1px solid rgba(97, 240, 242, 0.5);\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-duel-off span:first-child {\n    color: #ffffff; }\n  button.btn-duel-off:hover, button.btn-duel-off:focus, button.btn-duel-off.active, button.btn-duel-off:disabled {\n    background-color: black; }\n  button.btn-duel-off:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-duel-active {\n  background: #58ffff;\n  background-color: #58ffff;\n  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-duel-active span:first-child {\n    color: #121212; }\n  button.btn-duel-active:hover, button.btn-duel-active:focus, button.btn-duel-active.active, button.btn-duel-active:disabled {\n    background-color: #00bebe; }\n  button.btn-duel-active:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-duel-on {\n  background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n  background-color: #121212;\n  border: 1px solid #58ffff;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-duel-on span:first-child {\n    color: #ffffff; }\n  button.btn-duel-on:hover, button.btn-duel-on:focus, button.btn-duel-on.active, button.btn-duel-on:disabled {\n    background-color: black; }\n  button.btn-duel-on:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-profile-next {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  background-color: #e3b82a;\n  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-profile-next span:first-child {\n    color: #000000; }\n  button.btn-profile-next:hover, button.btn-profile-next:focus, button.btn-profile-next.active, button.btn-profile-next:disabled {\n    background-color: #b89318; }\n  button.btn-profile-next:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-profile-back {\n  background: none;\n  background-color: none;\n  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-profile-back span:first-child {\n    color: #a0a0a0; }\n  button.btn-profile-back:disabled {\n    cursor: not-allowed; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.card {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  box-sizing: border-box;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  border-radius: 4px;\n  margin: 10px 0px 20px 0px;\n  padding: 16px; }\n  .card:hover {\n    background: linear-gradient(180deg, rgba(70, 71, 77, 0.7) 0%, rgba(57, 58, 63, 0.7) 100%); }\n  .card.rich-card {\n    padding: 24px 16px; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.modal-root .MuiBackdrop-root {\n  background-color: rgba(27, 28, 34, 0.85); }\n\ndiv.modal-paper {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 36rem;\n  max-width: 100%;\n  max-height: 90vh;\n  padding: 2rem;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  margin: 0 0 0 13.75rem;\n  align-items: center;\n  color: #ffffff; }\n  @media only screen and (max-width: 1023px) {\n    div.modal-paper {\n      width: 35rem;\n      margin: 0; } }\n  @media only screen and (max-width: 768px) {\n    div.modal-paper {\n      padding: 1rem;\n      width: 85%;\n      max-width: 35rem;\n      margin: 0; } }\n  div.modal-paper.no-padding {\n    padding: 0; }\n  div.modal-paper.blue-border {\n    border: 1px solid #58ffff40; }\n  div.modal-paper.yellow-border {\n    border: 1px solid rgba(227, 184, 42, 0.4); }\n  div.modal-paper .modal-paper-close-button {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n    padding: 5px 5px;\n    z-index: 10; }\n\ndiv.modal-paper-full-screen {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  color: #ffffff;\n  display: flex;\n  align-items: center; }\n  div.modal-paper-full-screen.dark-background {\n    background: #121212; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.expansion-panel-root {\n  margin: 1.2rem 0;\n  color: #e0e0e0;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border-radius: 4px;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  transition: background-color 0.6s ease;\n  box-sizing: border-box; }\n  div.expansion-panel-root.Mui-expanded:first-child {\n    margin: 1.2rem 0; }\n  div.expansion-panel-root.Mui-expanded:last-child {\n    margin: 1.2rem 0; }\n  div.expansion-panel-root.red-border {\n    border: 1px solid #d25959; }\n\ndiv.expansion-panel-summary {\n  padding: 0.25rem 1.2rem;\n  min-height: 4rem; }\n  div.expansion-panel-summary.Mui-focused {\n    border-radius: 4px;\n    background-color: unset;\n    box-shadow: 0 0 0 1px #e0e0e0; }\n  div.expansion-panel-summary.Mui-expanded {\n    min-height: 4rem; }\n    div.expansion-panel-summary.Mui-expanded.small {\n      min-height: 3rem; }\n  div.expansion-panel-summary.small {\n    padding: 0 1.2rem;\n    min-height: 3rem; }\n  div.expansion-panel-summary.bold-text {\n    font-weight: bold; }\n\ndiv.expansion-panel-content {\n  display: flex;\n  align-items: center; }\n  div.expansion-panel-content.Mui-expanded {\n    margin: 0.75rem 0; }\n\ndiv.expansion-panel-details {\n  padding: 0 1.2rem 1.2rem; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\na {\n  color: #deaf0e; }\n  a:visited {\n    color: #deaf0e; }\n\na:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px #e0e0e0; }\n  a:focus > div:first-child {\n    box-shadow: 0 0 0 1px #e0e0e0; }\n\na.MuiLink-underlineHover:hover {\n  text-decoration: none; }\n\na.MuiTypography-colorPrimary {\n  color: #e0e0e0; }\n\n:root {\n  --blue: #58ffff;\n  --blue40: #58ffff40;\n  --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColor: #d87b39;\n  --elecColor40: rgba(216, 123, 57, 0.4);\n  --elecCompareColor: #e2bca1;\n  --gasColor: #45d1b8;\n  --gasColor40: rgba(69, 209, 184, 0.4);\n  --gasCompareColor: #a8f7e9;\n  --waterColor: #3a98ec;\n  --waterColor40: rgba(58, 152, 236, 0.4);\n  --waterCompareColor: #abd4fa;\n  --multiColor: #e3b82a;\n  --multiCompareColor: #ffd597;\n  --redPrimary: #d25959;\n  --greyBright: #e0e0e0;\n  --greyDark: #7b7b7b;\n  --textWhite: #ffffff;\n  --softGrey: #a0a0a0;\n  --darkLight: #25262b;\n  --darkLight2: #121212;\n  --textFont: Lato, sans-serif;\n  --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n  --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n  --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n  --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n  --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec; }\n\n.application {\n  overflow-x: hidden;\n  background-color: #121212; }\n", ""]);
+exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nhtml {\n  background: #1b1c22; }\n\nbody {\n  background: #1b1c22;\n  overflow: unset !important; }\n\n.column {\n  display: flex;\n  flex-direction: column; }\n\n.row {\n  display: flex;\n  flex-direction: row; }\n\n.cozy-bar {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0; }\n  @media only screen and (max-width: 768px) {\n    .cozy-bar {\n      margin-left: 1.25rem; } }\n\n[role='banner'] .coz-bar-container {\n  background-color: #ffffff; }\n  @media only screen and (max-width: 768px) {\n    [role='banner'] .coz-bar-container {\n      padding: 0 0 0 0;\n      background-color: unset; } }\n\n.coz-bar-wrapper {\n  box-shadow: unset !important;\n  background: unset !important; }\n\n.cv-button {\n  width: 4.25rem; }\n\n.coz-label {\n  color: #32363f; }\n\n.header {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  z-index: 18;\n  position: fixed;\n  top: 48px;\n  left: 0; }\n  @media only screen and (max-width: 768px) {\n    .header {\n      top: 0; } }\n  .header .header-top {\n    background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);\n    width: 100%; }\n    .header .header-top .header-text {\n      padding: 0 1rem 1rem 1rem;\n      color: #e0e0e0; }\n  .header .header-content {\n    margin: 0 0 0 220px;\n    display: flex;\n    flex-direction: column; }\n    @media only screen and (max-width: 1023px) {\n      .header .header-content {\n        margin: 0; } }\n    @media only screen and (max-width: 768px) {\n      .header .header-content {\n        margin: 60px 0 0 0; } }\n    .header .header-content .header-content-top {\n      display: flex;\n      flex-direction: row; }\n      .header .header-content .header-content-top.header-content-top-right {\n        justify-content: flex-end; }\n      .header .header-content .header-content-top .header-text {\n        padding: 2rem 1rem;\n        flex: 1; }\n      .header .header-content .header-content-top .header-text-desktop {\n        display: flex;\n        flex: 1;\n        padding: 2rem 1.25rem;\n        color: #e0e0e0; }\n      .header .header-content .header-content-top .header-back-button {\n        padding: 0 0.75rem; }\n      @media only screen and (max-width: 768px) {\n        .header .header-content .header-content-top .header-text {\n          padding: 0 1rem 1rem 1rem;\n          color: #e0e0e0; }\n        .header .header-content .header-content-top .header-text-desktop {\n          display: none; }\n        .header .header-content .header-content-top .header-feedbacks-button {\n          display: none; } }\n\n.content-view-loading {\n  height: 80vh;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: #e0e0e0; }\n  .content-view-loading .content-view-loading-text {\n    padding-top: 1rem;\n    margin: 0 2rem;\n    text-align: center; }\n  .content-view-loading .content-view-loading-button {\n    max-width: 50vw;\n    margin-top: 1rem; }\n\n[role='main'] {\n  /* width */\n  /* Track */\n  /* Handle */ }\n  [role='main']::-webkit-scrollbar {\n    width: 10px; }\n  [role='main']::-webkit-scrollbar-track {\n    background: #3e4045; }\n  [role='main']::-webkit-scrollbar-thumb {\n    background: #6f7074; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n* {\n  font-family: Lato, sans-serif; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  color: #a0a0a0;\n  font-family: Lato, sans-serif; }\n\n.home-title {\n  font-size: 1rem;\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 120%;\n  text-transform: uppercase; }\n\n.app-title {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 21px;\n  line-height: 24px;\n  text-align: center;\n  letter-spacing: 0.15px;\n  color: #e0e0e0;\n  text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07); }\n\n.isBuilding {\n  color: #e3b82a;\n  margin-left: .8rem;\n  margin-right: .8rem; }\n\n.text-10, .text-10-normal, .text-10-normal-uppercase, .text-10-normal-150, .text-10-bold, .text-10-bold-uppercase, .text-10-bold-capitalize, .text-10-italic {\n  font-style: normal;\n  font-size: 0.625rem;\n  line-height: 120%; }\n  .text-10-normal, .text-10-normal-uppercase, .text-10-normal-150 {\n    font-weight: normal; }\n    .text-10-normal-uppercase {\n      text-transform: uppercase; }\n    .text-10-normal-150 {\n      line-height: 150%; }\n  .text-10-bold, .text-10-bold-uppercase, .text-10-bold-capitalize {\n    font-weight: 700; }\n    .text-10-bold-uppercase {\n      text-transform: uppercase; }\n    .text-10-bold-capitalize {\n      text-transform: capitalize; }\n  .text-10-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-14, .text-14-normal, .text-14-normal-uppercase, .text-14-normal-150, .text-14-bold, .text-14-bold-uppercase, .text-14-bold-capitalize, .text-14-italic {\n  font-style: normal;\n  font-size: 0.875rem;\n  line-height: 120%; }\n  .text-14-normal, .text-14-normal-uppercase, .text-14-normal-150 {\n    font-weight: normal; }\n    .text-14-normal-uppercase {\n      text-transform: uppercase; }\n    .text-14-normal-150 {\n      line-height: 150%; }\n  .text-14-bold, .text-14-bold-uppercase, .text-14-bold-capitalize {\n    font-weight: 700; }\n    .text-14-bold-uppercase {\n      text-transform: uppercase; }\n    .text-14-bold-capitalize {\n      text-transform: capitalize; }\n  .text-14-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-15, .text-15-normal, .text-15-normal-uppercase, .text-15-normal-150, .text-15-bold, .text-15-bold-uppercase, .text-15-bold-capitalize, .text-15-italic {\n  font-style: normal;\n  font-size: 0.938rem;\n  line-height: 120%; }\n  .text-15-normal, .text-15-normal-uppercase, .text-15-normal-150 {\n    font-weight: normal; }\n    .text-15-normal-uppercase {\n      text-transform: uppercase; }\n    .text-15-normal-150 {\n      line-height: 150%; }\n  .text-15-bold, .text-15-bold-uppercase, .text-15-bold-capitalize {\n    font-weight: 700; }\n    .text-15-bold-uppercase {\n      text-transform: uppercase; }\n    .text-15-bold-capitalize {\n      text-transform: capitalize; }\n  .text-15-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-16, .text-16-normal, .text-16-normal-uppercase, .text-16-normal-150, .text-16-bold, .text-16-bold-uppercase, .text-16-bold-capitalize, .text-16-italic {\n  font-style: normal;\n  font-size: 1rem;\n  line-height: 120%; }\n  .text-16-normal, .text-16-normal-uppercase, .text-16-normal-150 {\n    font-weight: normal; }\n    .text-16-normal-uppercase {\n      text-transform: uppercase; }\n    .text-16-normal-150 {\n      line-height: 150%; }\n  .text-16-bold, .text-16-bold-uppercase, .text-16-bold-capitalize {\n    font-weight: 700; }\n    .text-16-bold-uppercase {\n      text-transform: uppercase; }\n    .text-16-bold-capitalize {\n      text-transform: capitalize; }\n  .text-16-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-18, .text-18-normal, .text-18-normal-uppercase, .text-18-normal-150, .text-18-bold, .text-18-bold-uppercase, .text-18-bold-capitalize, .text-18-italic {\n  font-style: normal;\n  font-size: 1.125rem;\n  line-height: 120%; }\n  .text-18-normal, .text-18-normal-uppercase, .text-18-normal-150 {\n    font-weight: normal; }\n    .text-18-normal-uppercase {\n      text-transform: uppercase; }\n    .text-18-normal-150 {\n      line-height: 150%; }\n  .text-18-bold, .text-18-bold-uppercase, .text-18-bold-capitalize {\n    font-weight: 700; }\n    .text-18-bold-uppercase {\n      text-transform: uppercase; }\n    .text-18-bold-capitalize {\n      text-transform: capitalize; }\n  .text-18-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-19, .text-19-normal, .text-19-normal-uppercase, .text-19-normal-150, .text-19-bold, .text-19-bold-uppercase, .text-19-bold-capitalize, .text-19-italic {\n  font-style: normal;\n  font-size: 1.188rem;\n  line-height: 120%; }\n  .text-19-normal, .text-19-normal-uppercase, .text-19-normal-150 {\n    font-weight: normal; }\n    .text-19-normal-uppercase {\n      text-transform: uppercase; }\n    .text-19-normal-150 {\n      line-height: 150%; }\n  .text-19-bold, .text-19-bold-uppercase, .text-19-bold-capitalize {\n    font-weight: 700; }\n    .text-19-bold-uppercase {\n      text-transform: uppercase; }\n    .text-19-bold-capitalize {\n      text-transform: capitalize; }\n  .text-19-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-20, .text-20-normal, .text-20-normal-uppercase, .text-20-normal-150, .text-20-bold, .text-20-bold-uppercase, .text-20-bold-capitalize, .text-20-italic {\n  font-style: normal;\n  font-size: 1.25rem;\n  line-height: 120%; }\n  .text-20-normal, .text-20-normal-uppercase, .text-20-normal-150 {\n    font-weight: normal; }\n    .text-20-normal-uppercase {\n      text-transform: uppercase; }\n    .text-20-normal-150 {\n      line-height: 150%; }\n  .text-20-bold, .text-20-bold-uppercase, .text-20-bold-capitalize {\n    font-weight: 700; }\n    .text-20-bold-uppercase {\n      text-transform: uppercase; }\n    .text-20-bold-capitalize {\n      text-transform: capitalize; }\n  .text-20-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-21, .text-21-normal, .text-21-normal-uppercase, .text-21-normal-150, .text-21-bold, .text-21-bold-uppercase, .text-21-bold-capitalize, .text-21-italic {\n  font-style: normal;\n  font-size: 1.313rem;\n  line-height: 120%; }\n  .text-21-normal, .text-21-normal-uppercase, .text-21-normal-150 {\n    font-weight: normal; }\n    .text-21-normal-uppercase {\n      text-transform: uppercase; }\n    .text-21-normal-150 {\n      line-height: 150%; }\n  .text-21-bold, .text-21-bold-uppercase, .text-21-bold-capitalize {\n    font-weight: 700; }\n    .text-21-bold-uppercase {\n      text-transform: uppercase; }\n    .text-21-bold-capitalize {\n      text-transform: capitalize; }\n  .text-21-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-22, .text-22-normal, .text-22-normal-uppercase, .text-22-normal-150, .text-22-bold, .text-22-bold-uppercase, .text-22-bold-capitalize, .text-22-italic {\n  font-style: normal;\n  font-size: 1.375rem;\n  line-height: 120%; }\n  .text-22-normal, .text-22-normal-uppercase, .text-22-normal-150 {\n    font-weight: normal; }\n    .text-22-normal-uppercase {\n      text-transform: uppercase; }\n    .text-22-normal-150 {\n      line-height: 150%; }\n  .text-22-bold, .text-22-bold-uppercase, .text-22-bold-capitalize {\n    font-weight: 700; }\n    .text-22-bold-uppercase {\n      text-transform: uppercase; }\n    .text-22-bold-capitalize {\n      text-transform: capitalize; }\n  .text-22-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-24, .text-24-normal, .text-24-normal-uppercase, .text-24-normal-150, .text-24-bold, .text-24-bold-uppercase, .text-24-bold-capitalize, .text-24-italic {\n  font-style: normal;\n  font-size: 1.5rem;\n  line-height: 120%; }\n  .text-24-normal, .text-24-normal-uppercase, .text-24-normal-150 {\n    font-weight: normal; }\n    .text-24-normal-uppercase {\n      text-transform: uppercase; }\n    .text-24-normal-150 {\n      line-height: 150%; }\n  .text-24-bold, .text-24-bold-uppercase, .text-24-bold-capitalize {\n    font-weight: 700; }\n    .text-24-bold-uppercase {\n      text-transform: uppercase; }\n    .text-24-bold-capitalize {\n      text-transform: capitalize; }\n  .text-24-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-28, .text-28-normal, .text-28-normal-uppercase, .text-28-normal-150, .text-28-bold, .text-28-bold-uppercase, .text-28-bold-capitalize, .text-28-italic {\n  font-style: normal;\n  font-size: 1.75rem;\n  line-height: 120%; }\n  .text-28-normal, .text-28-normal-uppercase, .text-28-normal-150 {\n    font-weight: normal; }\n    .text-28-normal-uppercase {\n      text-transform: uppercase; }\n    .text-28-normal-150 {\n      line-height: 150%; }\n  .text-28-bold, .text-28-bold-uppercase, .text-28-bold-capitalize {\n    font-weight: 700; }\n    .text-28-bold-uppercase {\n      text-transform: uppercase; }\n    .text-28-bold-capitalize {\n      text-transform: capitalize; }\n  .text-28-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n.text-36, .text-36-normal, .text-36-normal-uppercase, .text-36-normal-150, .text-36-bold, .text-36-bold-uppercase, .text-36-bold-capitalize, .text-36-italic {\n  font-style: normal;\n  font-size: 2.25rem;\n  line-height: 120%; }\n  .text-36-normal, .text-36-normal-uppercase, .text-36-normal-150 {\n    font-weight: normal; }\n    .text-36-normal-uppercase {\n      text-transform: uppercase; }\n    .text-36-normal-150 {\n      line-height: 150%; }\n  .text-36-bold, .text-36-bold-uppercase, .text-36-bold-capitalize {\n    font-weight: 700; }\n    .text-36-bold-uppercase {\n      text-transform: uppercase; }\n    .text-36-bold-capitalize {\n      text-transform: capitalize; }\n  .text-36-italic {\n    font-style: italic;\n    font-weight: normal; }\n\n/* Card */\n.card-title-on {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1.125rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n.card-text-bold {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n.card-result {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: 900;\n  font-size: 1.75rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n.card-indicator {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n.card-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n/* Chart */\n.chart-ticks-x-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%; }\n  @media only screen and (max-width: 768px) {\n    .chart-ticks-x-text {\n      font-size: 0.685rem; } }\n\n.chart-ticks-y-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.9rem;\n  line-height: 120%; }\n  @media only screen and (max-width: 768px) {\n    .chart-ticks-y-text {\n      font-size: 0.75rem; } }\n\n/* Cozy bar */\n.cozybar {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1.3125rem;\n  line-height: 120%;\n  color: #e0e0e0; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.axis {\n  color: #7b7b7b; }\n  .axis .tick-text {\n    fill: #7b7b7b; }\n    .axis .tick-text.tick-text-selected {\n      fill: #e0e0e0; }\n  .axis .separator {\n    text-align: center;\n    margin: 0 2px;\n    font-size: 1rem !important; }\n\n.value-text {\n  fill: #7b7b7b; }\n  .value-text.selected {\n    fill: #e0e0e0; }\n\n.barContainer:hover,\n.barFill:hover {\n  cursor: pointer; }\n\n.background-true {\n  opacity: 0.1; }\n  .background-true:hover {\n    cursor: pointer; }\n\n.background-false {\n  opacity: 0; }\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n  cursor: pointer; }\n\n.bar-ELECTRICITY {\n  fill: #5d3d2a; }\n  .bar-ELECTRICITY.selected {\n    fill: #d87b39;\n    filter: drop-shadow(0 -0.1rem 0.2rem #d87b39); }\n\n.bar-compare-ELECTRICITY {\n  fill: #795c47; }\n  .bar-compare-ELECTRICITY.selected {\n    fill: #e2bca1;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }\n\n.bar-WATER {\n  fill: #20415e; }\n  .bar-WATER.selected {\n    fill: #3a98ec;\n    filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec); }\n\n.bar-compare-WATER {\n  fill: #4d5c6e; }\n  .bar-compare-WATER.selected {\n    fill: #abd4fa;\n    filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa); }\n\n.bar-GAS {\n  fill: #184940; }\n  .bar-GAS.selected {\n    fill: #45d1b8;\n    filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8); }\n\n.bar-compare-GAS {\n  fill: #597773; }\n  .bar-compare-GAS.selected {\n    fill: #a8f7e9;\n    filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9); }\n\n.bar-MULTIFLUID {\n  fill: #705d1d; }\n  .bar-MULTIFLUID.selected {\n    fill: #e3b82a;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n  .bar-MULTIFLUID.disabled:hover {\n    cursor: default; }\n\n.bar-duel {\n  fill: #61f0f2; }\n  .bar-duel.selected {\n    fill: #61f0f2;\n    filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2); }\n  .bar-duel.disabled:hover {\n    cursor: default; }\n\n.bar-UNCOMING {\n  fill: #242633;\n  opacity: 0.6; }\n  .bar-UNCOMING.selected {\n    fill: #e3b82a;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n  .bar-UNCOMING.disabled:hover {\n    cursor: default; }\n\n.bar-compare-MULTIFLUID {\n  fill: #7d6a4e; }\n  .bar-compare-MULTIFLUID.selected {\n    fill: #ffd597;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n\n.bar-average {\n  stroke-width: 2;\n  stroke: #e3b82a; }\n\n.week {\n  fill: #e2bca1; }\n  .week.selected {\n    fill: #e2bca1;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }\n\n.weekend {\n  fill: #ffd597; }\n  .weekend.selected {\n    fill: #ffd597;\n    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n\n/** Animation **/\n.bounce-1 {\n  animation-name: bounce-1;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box; }\n\n@keyframes bounce-1 {\n  0% {\n    transform: scale(0.1, 0.1); }\n  28% {\n    transform: scale(0.1, 1.1); }\n  45% {\n    transform: scale(0.8, 0.95); }\n  55% {\n    transform: scale(1, 1); }\n  65% {\n    transform: scale(1, 0.98); }\n  75% {\n    transform: scale(1, 1); } }\n\n.bounce-2 {\n  animation-name: bounce-2;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box; }\n\n@keyframes bounce-2 {\n  0% {\n    transform: scale(1, 1); }\n  28% {\n    transform: scale(1, 1.1); }\n  45% {\n    transform: scale(0.8, 0.95); }\n  55% {\n    transform: scale(1, 1); }\n  65% {\n    transform: scale(1, 0.98); }\n  75% {\n    transform: scale(1, 1); } }\n\n.bounce-3 {\n  animation-name: bounce-3;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center; }\n\n@keyframes bounce-3 {\n  0% {\n    opacity: 0.6;\n    transform: scaleY(1); }\n  50% {\n    transform: scaleY(1.1);\n    opacity: 0.8; }\n  100% {\n    transform: scaleY(1);\n    opacity: 1; } }\n\n/** Animatio ndelay **/\n.delay {\n  animation-duration: 0.4s; }\n\n.delay--0 {\n  animation-duration: 0.6s; }\n\n.delay--1 {\n  animation-duration: 0.7s; }\n\n.delay--2 {\n  animation-duration: 0.8s; }\n\n.delay--3 {\n  animation-duration: 0.9s; }\n\n.delay--4 {\n  animation-duration: 1s; }\n\n.delay--5 {\n  animation-duration: 1.1s; }\n\n.delay--6 {\n  animation-duration: 1.2s; }\n\n.delay--7 {\n  animation-duration: 1.3s; }\n\n.delay--8 {\n  animation-duration: 1.4s; }\n\n.delay--9 {\n  animation-duration: 1.5s; }\n\n.delay--10 {\n  animation-duration: 1.6s; }\n\n.delay--11 {\n  animation-duration: 1.8s; }\n\n.delay--12 {\n  animation-duration: 1.9s; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nbutton.btn-highlight {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  background-color: #e3b82a;\n  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-highlight span:first-child {\n    color: #000000; }\n  button.btn-highlight:hover, button.btn-highlight:focus, button.btn-highlight.active, button.btn-highlight:disabled {\n    background-color: #b89318; }\n  button.btn-highlight:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-primary-positive {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #121212;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-primary-positive span:first-child {\n    color: #e3b82a; }\n  button.btn-primary-positive:hover, button.btn-primary-positive:focus, button.btn-primary-positive.active, button.btn-primary-positive:disabled {\n    background-color: rgba(18, 18, 18, 0.2); }\n    button.btn-primary-positive:hover span:first-child, button.btn-primary-positive:focus span:first-child, button.btn-primary-positive.active span:first-child, button.btn-primary-positive:disabled span:first-child {\n      color: rgba(227, 184, 42, 0.7); }\n  button.btn-primary-positive:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-primary-negative {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #7b7b7b;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-primary-negative span:first-child {\n    color: #e3b82a; }\n  button.btn-primary-negative:hover, button.btn-primary-negative:focus, button.btn-primary-negative.active, button.btn-primary-negative:disabled {\n    background-color: rgba(123, 123, 123, 0.2); }\n    button.btn-primary-negative:hover span:first-child, button.btn-primary-negative:focus span:first-child, button.btn-primary-negative.active span:first-child, button.btn-primary-negative:disabled span:first-child {\n      color: rgba(227, 184, 42, 0.7); }\n  button.btn-primary-negative:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-secondary-positive {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #121212;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-secondary-positive span:first-child {\n    color: #e0e0e0; }\n  button.btn-secondary-positive:hover, button.btn-secondary-positive:focus, button.btn-secondary-positive.active, button.btn-secondary-positive:disabled {\n    background-color: rgba(18, 18, 18, 0.2); }\n    button.btn-secondary-positive:hover span:first-child, button.btn-secondary-positive:focus span:first-child, button.btn-secondary-positive.active span:first-child, button.btn-secondary-positive:disabled span:first-child {\n      color: rgba(224, 224, 224, 0.7); }\n  button.btn-secondary-positive:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-secondary-negative {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #7b7b7b;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-secondary-negative span:first-child {\n    color: #e0e0e0; }\n  button.btn-secondary-negative:hover, button.btn-secondary-negative:focus, button.btn-secondary-negative.active, button.btn-secondary-negative:disabled {\n    background-color: rgba(123, 123, 123, 0.2); }\n    button.btn-secondary-negative:hover span:first-child, button.btn-secondary-negative:focus span:first-child, button.btn-secondary-negative.active span:first-child, button.btn-secondary-negative:disabled span:first-child {\n      color: rgba(224, 224, 224, 0.7); }\n  button.btn-secondary-negative:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-duel-off {\n  background: #121212;\n  background-color: #121212;\n  border: 1px solid rgba(97, 240, 242, 0.5);\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-duel-off span:first-child {\n    color: #ffffff; }\n  button.btn-duel-off:hover, button.btn-duel-off:focus, button.btn-duel-off.active, button.btn-duel-off:disabled {\n    background-color: black; }\n  button.btn-duel-off:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-duel-active {\n  background: #58ffff;\n  background-color: #58ffff;\n  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-duel-active span:first-child {\n    color: #121212; }\n  button.btn-duel-active:hover, button.btn-duel-active:focus, button.btn-duel-active.active, button.btn-duel-active:disabled {\n    background-color: #00bebe; }\n  button.btn-duel-active:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-duel-on {\n  background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n  background-color: #121212;\n  border: 1px solid #58ffff;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-duel-on span:first-child {\n    color: #ffffff; }\n  button.btn-duel-on:hover, button.btn-duel-on:focus, button.btn-duel-on.active, button.btn-duel-on:disabled {\n    background-color: black; }\n  button.btn-duel-on:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-profile-next {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  background-color: #e3b82a;\n  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-profile-next span:first-child {\n    color: #000000; }\n  button.btn-profile-next:hover, button.btn-profile-next:focus, button.btn-profile-next.active, button.btn-profile-next:disabled {\n    background-color: #b89318; }\n  button.btn-profile-next:disabled {\n    cursor: not-allowed; }\n\nbutton.btn-profile-back {\n  background: none;\n  background-color: none;\n  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer; }\n  button.btn-profile-back span:first-child {\n    color: #a0a0a0; }\n  button.btn-profile-back:disabled {\n    cursor: not-allowed; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.card {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  box-sizing: border-box;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  border-radius: 4px;\n  margin: 10px 0px 20px 0px;\n  padding: 16px; }\n  .card:hover {\n    background: linear-gradient(180deg, rgba(70, 71, 77, 0.7) 0%, rgba(57, 58, 63, 0.7) 100%); }\n  .card.rich-card {\n    padding: 24px 16px; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.modal-root .MuiBackdrop-root {\n  background-color: rgba(27, 28, 34, 0.85); }\n\ndiv.modal-paper {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 36rem;\n  max-width: 100%;\n  max-height: 90vh;\n  padding: 2rem;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  margin: 0 0 0 13.75rem;\n  align-items: center;\n  color: #ffffff; }\n  @media only screen and (max-width: 1023px) {\n    div.modal-paper {\n      width: 35rem;\n      margin: 0; } }\n  @media only screen and (max-width: 768px) {\n    div.modal-paper {\n      padding: 1rem;\n      width: 85%;\n      max-width: 35rem;\n      margin: 0; } }\n  div.modal-paper.no-padding {\n    padding: 0; }\n  div.modal-paper.blue-border {\n    border: 1px solid #58ffff40; }\n  div.modal-paper.yellow-border {\n    border: 1px solid rgba(227, 184, 42, 0.4); }\n  div.modal-paper .modal-paper-close-button {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n    padding: 5px 5px;\n    z-index: 10; }\n\ndiv.modal-paper-full-screen {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  color: #ffffff;\n  display: flex;\n  align-items: center; }\n  div.modal-paper-full-screen.dark-background {\n    background: #121212; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.expansion-panel-root {\n  margin: 1.2rem 0;\n  color: #e0e0e0;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border-radius: 4px;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  transition: background-color 0.6s ease;\n  box-sizing: border-box; }\n  div.expansion-panel-root.Mui-expanded:first-child {\n    margin: 1.2rem 0; }\n  div.expansion-panel-root.Mui-expanded:last-child {\n    margin: 1.2rem 0; }\n  div.expansion-panel-root.red-border {\n    border: 1px solid #d25959; }\n\ndiv.expansion-panel-summary {\n  padding: 0.25rem 1.2rem;\n  min-height: 4rem; }\n  div.expansion-panel-summary.Mui-focused {\n    border-radius: 4px;\n    background-color: unset;\n    box-shadow: 0 0 0 1px #e0e0e0; }\n  div.expansion-panel-summary.Mui-expanded {\n    min-height: 4rem; }\n    div.expansion-panel-summary.Mui-expanded.small {\n      min-height: 3rem; }\n  div.expansion-panel-summary.small {\n    padding: 0 1.2rem;\n    min-height: 3rem; }\n  div.expansion-panel-summary.bold-text {\n    font-weight: bold; }\n\ndiv.expansion-panel-content {\n  display: flex;\n  align-items: center; }\n  div.expansion-panel-content.Mui-expanded {\n    margin: 0.75rem 0; }\n\ndiv.expansion-panel-details {\n  padding: 0 1.2rem 1.2rem; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\na {\n  color: #deaf0e; }\n  a:visited {\n    color: #deaf0e; }\n\na:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px #e0e0e0; }\n  a:focus > div:first-child {\n    box-shadow: 0 0 0 1px #e0e0e0; }\n\na.MuiLink-underlineHover:hover {\n  text-decoration: none; }\n\na.MuiTypography-colorPrimary {\n  color: #e0e0e0; }\n\n:root {\n  --blue: #58ffff;\n  --blue40: #58ffff40;\n  --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColor: #d87b39;\n  --elecColor40: rgba(216, 123, 57, 0.4);\n  --elecCompareColor: #e2bca1;\n  --gasColor: #45d1b8;\n  --gasColor40: rgba(69, 209, 184, 0.4);\n  --gasCompareColor: #a8f7e9;\n  --waterColor: #3a98ec;\n  --waterColor40: rgba(58, 152, 236, 0.4);\n  --waterCompareColor: #abd4fa;\n  --multiColor: #e3b82a;\n  --multiCompareColor: #ffd597;\n  --redPrimary: #d25959;\n  --greyBright: #e0e0e0;\n  --greyDark: #7b7b7b;\n  --textWhite: #ffffff;\n  --softGrey: #a0a0a0;\n  --darkLight: #25262b;\n  --darkLight2: #121212;\n  --textFont: Lato, sans-serif;\n  --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n  --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n  --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n  --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n  --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec; }\n\n.application {\n  overflow-x: hidden;\n  background-color: #121212; }\n", ""]);
 
 
 
@@ -32988,6 +35273,32 @@ var insertInto;
 
 
 
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__("aET+")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "pwUG":
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__("8c7M");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
 var options = {"hmr":true}
 
 options.transform = transform
@@ -33539,6 +35850,17 @@ var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPO
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
 
+/***/ }),
+
+/***/ "qQ7A":
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__("JPst")(false);
+// Module
+exports.push([module.i, ".profile-type-container {\n  position: relative;\n  height: 100%;\n  min-height: inherit;\n  display: flex;\n  justify-content: center; }\n  .profile-type-container label,\n  .profile-type-container input {\n    cursor: pointer; }\n", ""]);
+
+
+
 /***/ }),
 
 /***/ "qSOw":
@@ -34105,36 +36427,35 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 };
 
 var ConsumptionView = (0, _react.lazy)(function () {
-  return Promise.all(/* import() */[__webpack_require__.e(0), __webpack_require__.e(5), __webpack_require__.e(2)]).then(__webpack_require__.t.bind(null, "Fz84", 7));
+  return Promise.all(/* import() */[__webpack_require__.e(0), __webpack_require__.e(6), __webpack_require__.e(3)]).then(__webpack_require__.t.bind(null, "Fz84", 7));
 });
 var EcogestureView = (0, _react.lazy)(function () {
-  return __webpack_require__.e(/* import() */ 4).then(__webpack_require__.t.bind(null, "1MlH", 7));
+  return __webpack_require__.e(/* import() */ 5).then(__webpack_require__.t.bind(null, "1MlH", 7));
 });
 var SingleEcogesture = (0, _react.lazy)(function () {
-  return __webpack_require__.e(/* import() */ 10).then(__webpack_require__.t.bind(null, "GwQd", 7));
+  return __webpack_require__.e(/* import() */ 9).then(__webpack_require__.t.bind(null, "GwQd", 7));
 });
 var OptionsView = (0, _react.lazy)(function () {
   return __webpack_require__.e(/* import() */ 8).then(__webpack_require__.t.bind(null, "e+zH", 7));
 });
 var FAQView = (0, _react.lazy)(function () {
-  return __webpack_require__.e(/* import() */ 12).then(__webpack_require__.t.bind(null, "OIzw", 7));
+  return __webpack_require__.e(/* import() */ 4).then(__webpack_require__.t.bind(null, "OIzw", 7));
 });
 var LegalNoticeView = (0, _react.lazy)(function () {
-  return __webpack_require__.e(/* import() */ 11).then(__webpack_require__.t.bind(null, "LUT6", 7));
+  return __webpack_require__.e(/* import() */ 10).then(__webpack_require__.t.bind(null, "LUT6", 7));
 });
 var GCUView = (0, _react.lazy)(function () {
-  return __webpack_require__.e(/* import() */ 6).then(__webpack_require__.t.bind(null, "1usQ", 7));
+  return __webpack_require__.e(/* import() */ 7).then(__webpack_require__.t.bind(null, "1usQ", 7));
 });
 var AnalysisView = (0, _react.lazy)(function () {
-  return Promise.all(/* import() */[__webpack_require__.e(0), __webpack_require__.e(9), __webpack_require__.e(5), __webpack_require__.e(1)]).then(__webpack_require__.t.bind(null, "DTIR", 7));
+  return Promise.all(/* import() */[__webpack_require__.e(0), __webpack_require__.e(6), __webpack_require__.e(2)]).then(__webpack_require__.t.bind(null, "DTIR", 7));
 });
 var ProfileTypeView = (0, _react.lazy)(function () {
-  return Promise.all(/* import() */[__webpack_require__.e(9), __webpack_require__.e(3)]).then(__webpack_require__.t.bind(null, "nKTC", 7));
+  return Promise.resolve(/* import() */).then(__webpack_require__.t.bind(null, "nKTC", 7));
 });
 
 var Routes = function Routes(_ref) {
-  var termsStatus = _ref.termsStatus,
-      isProfileEcogestureCompleted = _ref.isProfileEcogestureCompleted;
+  var termsStatus = _ref.termsStatus;
   return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: /*#__PURE__*/_react.default.createElement("div", null)
   }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, termsStatus.accepted && /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
@@ -34186,7 +36507,7 @@ var Routes = function Routes(_ref) {
     path: "/challenges/",
     component: _ChallengeView.default,
     exact: true
-  }), !isProfileEcogestureCompleted && /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "/ecogesture-form",
     component: _EcogestureFormView.default
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
@@ -34688,10 +37009,36 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.chart-root {\n  margin-bottom: 1rem;\n  max-width: 400px; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.chart-root {\n  margin-bottom: 1rem;\n  max-width: 400px; }\n", ""]);
 
 
 
+/***/ }),
+
+/***/ "sjUM":
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__("CQ5T");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__("aET+")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
 /***/ }),
 
 /***/ "ss4k":
@@ -34781,7 +37128,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ecogesture-profile-container {\n  position: relative;\n  height: 100%;\n  min-height: inherit;\n  display: flex;\n  justify-content: center; }\n  .ecogesture-profile-container .ecogesture-form-single {\n    width: 100%;\n    max-width: 53rem;\n    color: #ffffff;\n    margin: 1rem 1rem 3.5rem; }\n    @media (min-width: 1023px) {\n      .ecogesture-profile-container .ecogesture-form-single {\n        margin: 1rem 1rem 0; } }\n    .ecogesture-profile-container .ecogesture-form-single label {\n      cursor: pointer; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ecogesture-profile-container {\n  position: relative;\n  height: 100%;\n  min-height: inherit;\n  display: flex;\n  justify-content: center; }\n  .ecogesture-profile-container .ecogesture-form-single {\n    width: 100%;\n    max-width: 53rem;\n    color: #ffffff;\n    margin: 1rem 1rem 3.5rem; }\n    @media (min-width: 1023px) {\n      .ecogesture-profile-container .ecogesture-form-single {\n        margin: 1rem 1rem 0; } }\n    .ecogesture-profile-container .ecogesture-form-single label {\n      cursor: pointer; }\n", ""]);
 
 
 
@@ -34897,6 +37244,358 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "u4pq":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(module) {
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(__webpack_require__("lwsE"));
+
+var _createClass2 = _interopRequireDefault(__webpack_require__("W8MJ"));
+
+var _defineProperty2 = _interopRequireDefault(__webpack_require__("lSNA"));
+
+var _ecogesture = __webpack_require__("SpsK");
+
+var _fluid = __webpack_require__("5Wkc");
+
+var _profileType = __webpack_require__("D9qV");
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ProfileTypeFormService = /*#__PURE__*/function () {
+  function ProfileTypeFormService(profileType) {
+    (0, _classCallCheck2.default)(this, ProfileTypeFormService);
+    (0, _defineProperty2.default)(this, "profileType", void 0);
+    this.profileType = profileType;
+  }
+  /**
+   * getNextFormStep
+   * @param {ProfileTypeStepForm} step
+   * @returns {ProfileTypeStepForm} next step
+   */
+
+
+  (0, _createClass2.default)(ProfileTypeFormService, [{
+    key: "getNextFormStep",
+    value: function getNextFormStep(step, firstProfileType) {
+      switch (step) {
+        case _profileType.ProfileTypeStepForm.HOUSING_TYPE:
+          return _profileType.ProfileTypeStepForm.AREA;
+
+        case _profileType.ProfileTypeStepForm.AREA:
+          return _profileType.ProfileTypeStepForm.OCCUPANTS_NUMBER;
+
+        case _profileType.ProfileTypeStepForm.OCCUPANTS_NUMBER:
+          return _profileType.ProfileTypeStepForm.CONSTRUCTION_YEAR;
+
+        case _profileType.ProfileTypeStepForm.CONSTRUCTION_YEAR:
+          return _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS;
+
+        case _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS:
+          return this.profileType.housingType === _profileType.HousingType.INDIVIDUAL_HOUSE ? _profileType.ProfileTypeStepForm.WARMING_FLUID : _profileType.ProfileTypeStepForm.FLOOR;
+
+        case _profileType.ProfileTypeStepForm.FLOOR:
+          return _profileType.ProfileTypeStepForm.HEATING;
+
+        case _profileType.ProfileTypeStepForm.HEATING:
+          return this.profileType.heating === _profileType.IndividualOrCollective.INDIVIDUAL ? _profileType.ProfileTypeStepForm.WARMING_FLUID : _profileType.ProfileTypeStepForm.COLD_WATER;
+
+        case _profileType.ProfileTypeStepForm.WARMING_FLUID:
+          return this.profileType.constructionYear === _profileType.ConstructionYear.AFTER_1998 ? _profileType.ProfileTypeStepForm.VENTILATION : _profileType.ProfileTypeStepForm.INDIVIDUAL_INSULATION_WORK;
+
+        case _profileType.ProfileTypeStepForm.INDIVIDUAL_INSULATION_WORK:
+          return _profileType.ProfileTypeStepForm.VENTILATION;
+
+        case _profileType.ProfileTypeStepForm.VENTILATION:
+          return _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT;
+
+        case _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT:
+          return this.profileType.housingType === _profileType.HousingType.INDIVIDUAL_HOUSE ? _profileType.ProfileTypeStepForm.HOT_WATER_FLUID : _profileType.ProfileTypeStepForm.COLD_WATER;
+
+        case _profileType.ProfileTypeStepForm.COLD_WATER:
+          return _profileType.ProfileTypeStepForm.HOT_WATER;
+
+        case _profileType.ProfileTypeStepForm.HOT_WATER:
+          return this.profileType.hotWater === _profileType.IndividualOrCollective.INDIVIDUAL ? _profileType.ProfileTypeStepForm.HOT_WATER_FLUID : _profileType.ProfileTypeStepForm.COOKING_FLUID;
+
+        case _profileType.ProfileTypeStepForm.HOT_WATER_FLUID:
+          return _profileType.ProfileTypeStepForm.HOT_WATER_EQUIPMENT;
+
+        case _profileType.ProfileTypeStepForm.HOT_WATER_EQUIPMENT:
+          return _profileType.ProfileTypeStepForm.COOKING_FLUID;
+
+        case _profileType.ProfileTypeStepForm.COOKING_FLUID:
+          return _profileType.ProfileTypeStepForm.EQUIPMENTS;
+
+        case _profileType.ProfileTypeStepForm.EQUIPMENTS:
+          return firstProfileType ? _profileType.ProfileTypeStepForm.END : _profileType.ProfileTypeStepForm.UPDATE_DATE;
+
+        case _profileType.ProfileTypeStepForm.UPDATE_DATE:
+          return _profileType.ProfileTypeStepForm.END;
+
+        default:
+          return _profileType.ProfileTypeStepForm.HOUSING_TYPE;
+      }
+    }
+    /**
+     * getPreviousFormStep
+     * @param {ProfileTypeStepForm} step
+     * @returns {ProfileTypeStepForm} previous step
+     */
+
+  }, {
+    key: "getPreviousFormStep",
+    value: function getPreviousFormStep(step) {
+      switch (step) {
+        case _profileType.ProfileTypeStepForm.AREA:
+          return _profileType.ProfileTypeStepForm.HOUSING_TYPE;
+
+        case _profileType.ProfileTypeStepForm.OCCUPANTS_NUMBER:
+          return _profileType.ProfileTypeStepForm.AREA;
+
+        case _profileType.ProfileTypeStepForm.CONSTRUCTION_YEAR:
+          return _profileType.ProfileTypeStepForm.OCCUPANTS_NUMBER;
+
+        case _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS:
+          return _profileType.ProfileTypeStepForm.CONSTRUCTION_YEAR;
+
+        case _profileType.ProfileTypeStepForm.FLOOR:
+          return _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS;
+
+        case _profileType.ProfileTypeStepForm.HEATING:
+          return _profileType.ProfileTypeStepForm.FLOOR;
+
+        case _profileType.ProfileTypeStepForm.WARMING_FLUID:
+          return this.profileType.housingType === _profileType.HousingType.INDIVIDUAL_HOUSE ? _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS : _profileType.ProfileTypeStepForm.HEATING;
+
+        case _profileType.ProfileTypeStepForm.INDIVIDUAL_INSULATION_WORK:
+          return _profileType.ProfileTypeStepForm.WARMING_FLUID;
+
+        case _profileType.ProfileTypeStepForm.VENTILATION:
+          return this.profileType.constructionYear === _profileType.ConstructionYear.AFTER_1998 ? _profileType.ProfileTypeStepForm.WARMING_FLUID : _profileType.ProfileTypeStepForm.INDIVIDUAL_INSULATION_WORK;
+
+        case _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT:
+          return _profileType.ProfileTypeStepForm.VENTILATION;
+
+        case _profileType.ProfileTypeStepForm.COLD_WATER:
+          return this.profileType.heating === _profileType.IndividualOrCollective.INDIVIDUAL ? _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT : _profileType.ProfileTypeStepForm.HEATING;
+
+        case _profileType.ProfileTypeStepForm.HOT_WATER:
+          return _profileType.ProfileTypeStepForm.COLD_WATER;
+
+        case _profileType.ProfileTypeStepForm.HOT_WATER_FLUID:
+          return this.profileType.housingType === _profileType.HousingType.INDIVIDUAL_HOUSE ? _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT : _profileType.ProfileTypeStepForm.HOT_WATER;
+
+        case _profileType.ProfileTypeStepForm.HOT_WATER_EQUIPMENT:
+          return _profileType.ProfileTypeStepForm.HOT_WATER_FLUID;
+
+        case _profileType.ProfileTypeStepForm.COOKING_FLUID:
+          return this.profileType.hotWater === _profileType.IndividualOrCollective.INDIVIDUAL ? _profileType.ProfileTypeStepForm.HOT_WATER_EQUIPMENT : _profileType.ProfileTypeStepForm.HOT_WATER;
+
+        case _profileType.ProfileTypeStepForm.EQUIPMENTS:
+          return _profileType.ProfileTypeStepForm.COOKING_FLUID;
+
+        case _profileType.ProfileTypeStepForm.UPDATE_DATE:
+          return _profileType.ProfileTypeStepForm.EQUIPMENTS;
+
+        default:
+          return _profileType.ProfileTypeStepForm.HOUSING_TYPE;
+      }
+    }
+    /**
+     * getAnswerForStep
+     * @param {ProfileTypeStepForm} step
+     * @returns {ProfileTypeAnswer}
+     */
+
+  }, {
+    key: "__reactstandin__regenerateByEval",
+    value: // @ts-ignore
+    function __reactstandin__regenerateByEval(key, code) {
+      // @ts-ignore
+      this[key] = eval(code);
+    }
+  }], [{
+    key: "getAnswerForStep",
+    value: function getAnswerForStep(step) {
+      switch (step) {
+        case _profileType.ProfileTypeStepForm.HOUSING_TYPE:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'housingType',
+            choices: Object.values(_profileType.HousingType)
+          };
+
+        case _profileType.ProfileTypeStepForm.CONSTRUCTION_YEAR:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'constructionYear',
+            choices: Object.values(_profileType.ConstructionYear)
+          };
+
+        case _profileType.ProfileTypeStepForm.AREA:
+          return {
+            type: _profileType.ProfileTypeFormType.NUMBER,
+            attribute: 'area',
+            choices: []
+          };
+
+        case _profileType.ProfileTypeStepForm.OCCUPANTS_NUMBER:
+          return {
+            type: _profileType.ProfileTypeFormType.NUMBER_SELECTION,
+            attribute: 'occupantsNumber',
+            choices: [1, 2, 3, 4, 5, 6, 7, 8, 9]
+          };
+
+        case _profileType.ProfileTypeStepForm.OUTSIDE_FACING_WALLS:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'outsideFacingWalls',
+            choices: Object.values(_profileType.OutsideFacingWalls)
+          };
+
+        case _profileType.ProfileTypeStepForm.FLOOR:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'floor',
+            choices: Object.values(_profileType.Floor)
+          };
+
+        case _profileType.ProfileTypeStepForm.HEATING:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'heating',
+            choices: Object.values(_profileType.IndividualOrCollective)
+          };
+
+        case _profileType.ProfileTypeStepForm.WARMING_FLUID:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'warmingFluid',
+            choices: [_profileType.WarmingType.ELECTRICITY, _profileType.WarmingType.GAS, _profileType.WarmingType.WOOD, _profileType.WarmingType.FUEL]
+          };
+
+        case _profileType.ProfileTypeStepForm.INDIVIDUAL_INSULATION_WORK:
+          return {
+            type: _profileType.ProfileTypeFormType.MULTI_CHOICE,
+            attribute: 'individualInsulationWork',
+            choices: Object.values(_profileType.IndividualInsulationWork)
+          };
+
+        case _profileType.ProfileTypeStepForm.VENTILATION:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'hasInstalledVentilation',
+            choices: Object.values(_profileType.ThreeChoicesAnswer)
+          };
+
+        case _profileType.ProfileTypeStepForm.HEATER_REPLACEMENT:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'hasReplacedHeater',
+            choices: Object.values(_profileType.ThreeChoicesAnswer)
+          };
+
+        case _profileType.ProfileTypeStepForm.COLD_WATER:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'coldWater',
+            choices: Object.values(_profileType.IndividualOrCollective).reverse()
+          };
+
+        case _profileType.ProfileTypeStepForm.HOT_WATER:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'hotWater',
+            choices: Object.values(_profileType.IndividualOrCollective)
+          };
+
+        case _profileType.ProfileTypeStepForm.HOT_WATER_EQUIPMENT:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'hotWaterEquipment',
+            choices: Object.values(_profileType.HotWaterEquipment)
+          };
+
+        case _profileType.ProfileTypeStepForm.HOT_WATER_FLUID:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'hotWaterFluid',
+            choices: [_fluid.FluidType.ELECTRICITY, _fluid.FluidType.GAS]
+          };
+
+        case _profileType.ProfileTypeStepForm.COOKING_FLUID:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'cookingFluid',
+            choices: [_fluid.FluidType.ELECTRICITY, _fluid.FluidType.GAS]
+          };
+
+        case _profileType.ProfileTypeStepForm.EQUIPMENTS:
+          return {
+            type: _profileType.ProfileTypeFormType.EQUIPMENT_SELECTION,
+            attribute: 'equipments',
+            choices: Object.keys(_ecogesture.EquipmentType)
+          };
+
+        case _profileType.ProfileTypeStepForm.UPDATE_DATE:
+          return {
+            type: _profileType.ProfileTypeFormType.DATE_SELECTION,
+            attribute: 'updateDate',
+            choices: []
+          };
+
+        default:
+          return {
+            type: _profileType.ProfileTypeFormType.SINGLE_CHOICE,
+            attribute: 'housingType',
+            choices: []
+          };
+      }
+    }
+  }]);
+  return ProfileTypeFormService;
+}();
+
+exports.default = ProfileTypeFormService;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ProfileTypeFormService, "ProfileTypeFormService", "/builds/web-et-numerique/llle_project/ecolyo/src/services/profileTypeForm.service.ts");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("YuTi")(module)))
+
+/***/ }),
+
 /***/ "uDaB":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -34928,7 +37627,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-loader {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  @media all and (min-width: 1023px) {\n    .eg-selection-loader {\n      min-height: 80vh; } }\n\n.eg-selection-header {\n  color: #e0e0e0;\n  text-align: center;\n  margin-top: -1rem;\n  margin-bottom: 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-loader {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  @media all and (min-width: 1023px) {\n    .eg-selection-loader {\n      min-height: 80vh; } }\n\n.eg-selection-header {\n  color: #e0e0e0;\n  text-align: center;\n  margin-top: -1rem;\n  margin-bottom: 1rem; }\n", ""]);
 
 
 
@@ -35335,7 +38034,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.terms-wrapper {\n  padding: 0rem 1.5rem 0 1.5rem;\n  box-sizing: border-box;\n  width: 100vw;\n  overflow-x: hidden; }\n  .terms-wrapper p,\n  .terms-wrapper ul,\n  .terms-wrapper li,\n  .terms-wrapper label,\n  .terms-wrapper span {\n    color: #e0e0e0; }\n  .terms-wrapper h1 {\n    color: #e3b82a;\n    font-weight: 800; }\n\n.terms-content {\n  max-width: 45rem;\n  margin: auto; }\n\n.dataShare-content-wrapper,\n.dataShare-content-root {\n  width: inherit; }\n\n.checkbox {\n  margin: 0.5rem 0;\n  display: flex;\n  align-items: center; }\n  .checkbox:first-of-type {\n    margin-top: 1.5rem; }\n  .checkbox input {\n    margin: 0.5rem 1rem 0.5rem 0.5rem;\n    appearance: none;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    width: 1.45rem;\n    height: 1.45rem;\n    min-width: 1.45rem;\n    min-height: 1.45rem;\n    background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n    position: relative;\n    border: solid 2px #e3b82a;\n    cursor: pointer; }\n\n.answer-checked input:before, .answer-checked input:after {\n  content: '';\n  position: absolute;\n  display: inline-block;\n  background: #e3b82a;\n  border-radius: 0.5rem; }\n\n.answer-checked input:before {\n  width: 3px;\n  height: 12px;\n  left: 10px;\n  top: 4px;\n  transform: rotate(41deg); }\n\n.answer-checked input:after {\n  width: 3px;\n  height: 6px;\n  left: 5px;\n  top: 8px;\n  transform: rotate(133deg); }\n\n.terms-footer {\n  max-width: 45rem;\n  width: 100%;\n  margin: auto;\n  height: 60px;\n  text-align: center;\n  padding-top: 1.5rem; }\n  .terms-footer button {\n    margin: 0;\n    max-width: 150px; }\n    .terms-footer button:disabled {\n      opacity: 0.3; }\n\nbutton.action {\n  appearance: none;\n  cursor: pointer;\n  display: contents;\n  background: transparent;\n  border: none;\n  padding: 0;\n  color: #e3b82a; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.terms-wrapper {\n  padding: 0rem 1.5rem 0 1.5rem;\n  box-sizing: border-box;\n  width: 100vw;\n  overflow-x: hidden; }\n  .terms-wrapper p,\n  .terms-wrapper ul,\n  .terms-wrapper li,\n  .terms-wrapper label,\n  .terms-wrapper span {\n    color: #e0e0e0; }\n  .terms-wrapper h1 {\n    color: #e3b82a;\n    font-weight: 800; }\n\n.terms-content {\n  max-width: 45rem;\n  margin: auto; }\n\n.dataShare-content-wrapper,\n.dataShare-content-root {\n  width: inherit; }\n\n.checkbox {\n  margin: 0.5rem 0;\n  display: flex;\n  align-items: center; }\n  .checkbox:first-of-type {\n    margin-top: 1.5rem; }\n  .checkbox input {\n    margin: 0.5rem 1rem 0.5rem 0.5rem;\n    appearance: none;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    width: 1.45rem;\n    height: 1.45rem;\n    min-width: 1.45rem;\n    min-height: 1.45rem;\n    background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n    position: relative;\n    border: solid 2px #e3b82a;\n    cursor: pointer; }\n\n.answer-checked input:before, .answer-checked input:after {\n  content: '';\n  position: absolute;\n  display: inline-block;\n  background: #e3b82a;\n  border-radius: 0.5rem; }\n\n.answer-checked input:before {\n  width: 3px;\n  height: 12px;\n  left: 10px;\n  top: 4px;\n  transform: rotate(41deg); }\n\n.answer-checked input:after {\n  width: 3px;\n  height: 6px;\n  left: 5px;\n  top: 8px;\n  transform: rotate(133deg); }\n\n.terms-footer {\n  max-width: 45rem;\n  width: 100%;\n  margin: auto;\n  height: 60px;\n  text-align: center;\n  padding-top: 1.5rem; }\n  .terms-footer button {\n    margin: 0;\n    max-width: 150px; }\n    .terms-footer button:disabled {\n      opacity: 0.3; }\n\nbutton.action {\n  appearance: none;\n  cursor: pointer;\n  display: contents;\n  background: transparent;\n  border: none;\n  padding: 0;\n  color: #e3b82a; }\n", ""]);
 
 
 
@@ -35742,7 +38441,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.exploration-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center; }\n\n.exploration-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  margin: 2rem 1rem;\n  padding: 1rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  height: 70vh;\n  width: 80%;\n  text-align: center; }\n  @media (min-width: 768px) {\n    .exploration-begin-container {\n      width: 60%;\n      height: 100%; } }\n  @media (min-width: 1201px) {\n    .exploration-begin-container {\n      max-width: 45%;\n      padding: 0.5rem 1rem 2rem; } }\n  .exploration-begin-container .btn-start {\n    margin-top: auto;\n    border-color: #e0e0e0; }\n  .exploration-begin-container .exploration-icon-stars {\n    margin-top: -4rem; }\n  .exploration-begin-container .exploration-explanation {\n    line-height: 24px;\n    height: 50%;\n    display: flex;\n    flex-direction: column;\n    margin: 2.5rem 0; }\n    .exploration-begin-container .exploration-explanation div {\n      align-self: center; }\n    .exploration-begin-container .exploration-explanation div:first-child {\n      margin-bottom: 1rem; }\n  .exploration-begin-container .button-start {\n    margin-top: 0; }\n    .exploration-begin-container .button-start button.btn-secondary-negative {\n      margin: 0; }\n  .exploration-begin-container .stars svg {\n    margin-right: 0.25rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.exploration-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center; }\n\n.exploration-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  margin: 2rem 1rem;\n  padding: 1rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  height: 70vh;\n  width: 80%;\n  text-align: center; }\n  @media (min-width: 768px) {\n    .exploration-begin-container {\n      width: 60%;\n      height: 100%; } }\n  @media (min-width: 1201px) {\n    .exploration-begin-container {\n      max-width: 45%;\n      padding: 0.5rem 1rem 2rem; } }\n  .exploration-begin-container .btn-start {\n    margin-top: auto;\n    border-color: #e0e0e0; }\n  .exploration-begin-container .exploration-icon-stars {\n    margin-top: -4rem; }\n  .exploration-begin-container .exploration-explanation {\n    line-height: 24px;\n    height: 50%;\n    display: flex;\n    flex-direction: column;\n    margin: 2.5rem 0; }\n    .exploration-begin-container .exploration-explanation div {\n      align-self: center; }\n    .exploration-begin-container .exploration-explanation div:first-child {\n      margin-bottom: 1rem; }\n  .exploration-begin-container .button-start {\n    margin-top: 0; }\n    .exploration-begin-container .button-start button.btn-secondary-negative {\n      margin: 0; }\n  .exploration-begin-container .stars svg {\n    margin-right: 0.25rem; }\n", ""]);
 
 
 
@@ -35763,6 +38462,8 @@ exports.default = void 0;
 
 var _regenerator = _interopRequireDefault(__webpack_require__("o0o1"));
 
+var _objectSpread2 = _interopRequireDefault(__webpack_require__("MVZn"));
+
 var _toConsumableArray2 = _interopRequireDefault(__webpack_require__("RIqP"));
 
 var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__("yXPU"));
@@ -35924,7 +38625,8 @@ var EcogestureService = /*#__PURE__*/function () {
     key: "deleteAllEcogestures",
     value: function () {
       var _deleteAllEcogestures = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-        var ecogestures, index;
+        var ecogestures, _iterator, _step, ecogesture;
+
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
@@ -35935,36 +38637,57 @@ var EcogestureService = /*#__PURE__*/function () {
               case 2:
                 ecogestures = _context3.sent;
                 _context3.prev = 3;
-                index = 0;
+                _iterator = _createForOfIteratorHelper(ecogestures);
+                _context3.prev = 5;
 
-              case 5:
-                if (!(index < ecogestures.length)) {
-                  _context3.next = 11;
+                _iterator.s();
+
+              case 7:
+                if ((_step = _iterator.n()).done) {
+                  _context3.next = 13;
                   break;
                 }
 
-                _context3.next = 8;
-                return this._client.destroy(ecogestures[index]);
+                ecogesture = _step.value;
+                _context3.next = 11;
+                return this._client.destroy(ecogesture);
 
-              case 8:
-                index++;
-                _context3.next = 5;
+              case 11:
+                _context3.next = 7;
                 break;
 
-              case 11:
+              case 13:
+                _context3.next = 18;
+                break;
+
+              case 15:
+                _context3.prev = 15;
+                _context3.t0 = _context3["catch"](5);
+
+                _iterator.e(_context3.t0);
+
+              case 18:
+                _context3.prev = 18;
+
+                _iterator.f();
+
+                return _context3.finish(18);
+
+              case 21:
                 return _context3.abrupt("return", true);
 
-              case 14:
-                _context3.prev = 14;
-                _context3.t0 = _context3["catch"](3);
-                return _context3.abrupt("return", false);
+              case 24:
+                _context3.prev = 24;
+                _context3.t1 = _context3["catch"](3);
+                console.log('Error deleteAllEcogestures: ', _context3.t1);
+                throw _context3.t1;
 
-              case 17:
+              case 28:
               case "end":
                 return _context3.stop();
             }
           }
-        }, _callee3, this, [[3, 14]]);
+        }, _callee3, this, [[3, 24], [5, 15, 18, 21]]);
       }));
 
       function deleteAllEcogestures() {
@@ -35973,6 +38696,85 @@ var EcogestureService = /*#__PURE__*/function () {
 
       return deleteAllEcogestures;
     }()
+  }, {
+    key: "reinitAllEcogestures",
+    value: function () {
+      var _reinitAllEcogestures = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+        var ecogestures, _iterator2, _step2, ecogesture;
+
+        return _regenerator.default.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return this.getAllEcogestures();
+
+              case 2:
+                ecogestures = _context4.sent;
+                _context4.prev = 3;
+                _iterator2 = _createForOfIteratorHelper(ecogestures);
+                _context4.prev = 5;
+
+                _iterator2.s();
+
+              case 7:
+                if ((_step2 = _iterator2.n()).done) {
+                  _context4.next = 13;
+                  break;
+                }
+
+                ecogesture = _step2.value;
+                _context4.next = 11;
+                return this.updateEcogesture((0, _objectSpread2.default)({}, ecogesture, {
+                  objective: false,
+                  doing: false,
+                  viewedInSelection: false
+                }));
+
+              case 11:
+                _context4.next = 7;
+                break;
+
+              case 13:
+                _context4.next = 18;
+                break;
+
+              case 15:
+                _context4.prev = 15;
+                _context4.t0 = _context4["catch"](5);
+
+                _iterator2.e(_context4.t0);
+
+              case 18:
+                _context4.prev = 18;
+
+                _iterator2.f();
+
+                return _context4.finish(18);
+
+              case 21:
+                return _context4.abrupt("return", true);
+
+              case 24:
+                _context4.prev = 24;
+                _context4.t1 = _context4["catch"](3);
+                console.log('Error reinitAllEcogestures: ', _context4.t1);
+                throw _context4.t1;
+
+              case 28:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this, [[3, 24], [5, 15, 18, 21]]);
+      }));
+
+      function reinitAllEcogestures() {
+        return _reinitAllEcogestures.apply(this, arguments);
+      }
+
+      return reinitAllEcogestures;
+    }()
     /**
      * Removes ecogestures from the list that doesn't fit with user's usages
      * @param {Ecogesture[]} ecogestureList
@@ -36017,20 +38819,20 @@ var EcogestureService = /*#__PURE__*/function () {
   }, {
     key: "filterByEquipment",
     value: function filterByEquipment(ecogestureList, profileEcogesture) {
-      var _iterator = _createForOfIteratorHelper(ecogestureList),
-          _step;
+      var _iterator3 = _createForOfIteratorHelper(ecogestureList),
+          _step3;
 
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var ecogesture = _step.value;
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var ecogesture = _step3.value;
 
           if (ecogesture.equipment === true) {
-            var _iterator2 = _createForOfIteratorHelper(ecogesture.equipmentType),
-                _step2;
+            var _iterator4 = _createForOfIteratorHelper(ecogesture.equipmentType),
+                _step4;
 
             try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                var equipmentType = _step2.value;
+              for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                var equipmentType = _step4.value;
 
                 if (!profileEcogesture.equipments.includes(equipmentType)) {
                   var index = ecogestureList.indexOf(ecogesture);
@@ -36038,16 +38840,16 @@ var EcogestureService = /*#__PURE__*/function () {
                 }
               }
             } catch (err) {
-              _iterator2.e(err);
+              _iterator4.e(err);
             } finally {
-              _iterator2.f();
+              _iterator4.f();
             }
           }
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator3.e(err);
       } finally {
-        _iterator.f();
+        _iterator3.f();
       }
 
       return ecogestureList;
@@ -36061,17 +38863,17 @@ var EcogestureService = /*#__PURE__*/function () {
   }, {
     key: "getEcogestureListByProfile",
     value: function () {
-      var _getEcogestureListByProfile = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(profileEcogesture) {
+      var _getEcogestureListByProfile = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(profileEcogesture) {
         var ecogestureList, filteredByUsage, filteredByEquipment, filteredFlaggedEcogesture, sortedByDifficultyAndEfficiency;
-        return _regenerator.default.wrap(function _callee4$(_context4) {
+        return _regenerator.default.wrap(function _callee5$(_context5) {
           while (1) {
-            switch (_context4.prev = _context4.next) {
+            switch (_context5.prev = _context5.next) {
               case 0:
-                _context4.next = 2;
+                _context5.next = 2;
                 return this.getAllEcogestures();
 
               case 2:
-                ecogestureList = _context4.sent;
+                ecogestureList = _context5.sent;
                 filteredByUsage = this.filterByUsage(ecogestureList, profileEcogesture);
                 filteredByEquipment = this.filterByEquipment(filteredByUsage, profileEcogesture);
                 filteredFlaggedEcogesture = filteredByEquipment.filter(function (ecogesture) {
@@ -36082,14 +38884,14 @@ var EcogestureService = /*#__PURE__*/function () {
                 }, function (ecogesture) {
                   return ecogesture.efficiency;
                 }], ['asc', 'desc']);
-                return _context4.abrupt("return", sortedByDifficultyAndEfficiency);
+                return _context5.abrupt("return", sortedByDifficultyAndEfficiency);
 
               case 8:
               case "end":
-                return _context4.stop();
+                return _context5.stop();
             }
           }
-        }, _callee4, this);
+        }, _callee5, this);
       }));
 
       function getEcogestureListByProfile(_x4) {
@@ -36107,27 +38909,27 @@ var EcogestureService = /*#__PURE__*/function () {
   }, {
     key: "updateEcogesture",
     value: function () {
-      var _updateEcogesture = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(ecogesture) {
+      var _updateEcogesture = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(ecogesture) {
         var _yield$this$_client$s, updatedEcogesture;
 
-        return _regenerator.default.wrap(function _callee5$(_context5) {
+        return _regenerator.default.wrap(function _callee6$(_context6) {
           while (1) {
-            switch (_context5.prev = _context5.next) {
+            switch (_context6.prev = _context6.next) {
               case 0:
-                _context5.next = 2;
+                _context6.next = 2;
                 return this._client.save(ecogesture);
 
               case 2:
-                _yield$this$_client$s = _context5.sent;
+                _yield$this$_client$s = _context6.sent;
                 updatedEcogesture = _yield$this$_client$s.data;
-                return _context5.abrupt("return", updatedEcogesture);
+                return _context6.abrupt("return", updatedEcogesture);
 
               case 5:
               case "end":
-                return _context5.stop();
+                return _context6.stop();
             }
           }
-        }, _callee5, this);
+        }, _callee6, this);
       }));
 
       function updateEcogesture(_x5) {
@@ -36197,7 +38999,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.duel-error-container {\n  display: flex;\n  min-height: 60vh;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.5rem;\n  color: #e0e0e0; }\n\n.duel-error-message {\n  margin-top: 3rem;\n  text-align: center; }\n\n.duel-error-button {\n  margin-top: 3rem;\n  width: 7.5rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.duel-error-container {\n  display: flex;\n  min-height: 60vh;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.5rem;\n  color: #e0e0e0; }\n\n.duel-error-message {\n  margin-top: 3rem;\n  text-align: center; }\n\n.duel-error-button {\n  margin-top: 3rem;\n  width: 7.5rem; }\n", ""]);
 
 
 
@@ -37747,7 +40549,7 @@ exports.default = _default2;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.quiz-container {\n  text-align: center; }\n  .quiz-container .question-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin: 3rem 1rem 1rem;\n    padding: 0.5rem 1rem;\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n    border-radius: 4px;\n    transition: all 300ms ease;\n    color: #ffffff;\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    position: relative;\n    width: 80%; }\n    @media (min-width: 768px) {\n      .quiz-container .question-container {\n        width: 60%;\n        height: 45vh; } }\n    @media (min-width: 1201px) {\n      .quiz-container .question-container {\n        width: 45%;\n        padding: 0.5rem 1rem 2rem; } }\n    .quiz-container .question-container .question-loading {\n      min-height: 13.875rem;\n      display: flex;\n      justify-content: center;\n      align-items: center; }\n    .quiz-container .question-container .question {\n      color: #e0e0e0;\n      text-align: center;\n      margin-bottom: 2rem; }\n      @media (min-width: 768px) {\n        .quiz-container .question-container .question {\n          padding: 0 1rem; } }\n    .quiz-container .question-container .question-title {\n      color: #61f0f2;\n      margin-bottom: 0.5rem; }\n    .quiz-container .question-container .btn-back {\n      color: #ffffff;\n      background: none;\n      border: none;\n      padding: 0;\n      font-size: 1.3rem;\n      position: absolute;\n      top: 1rem;\n      right: 1rem; }\n  .quiz-container .answer {\n    text-align: center;\n    width: 100%; }\n    @media (min-width: 768px) {\n      .quiz-container .answer {\n        max-width: 80%; } }\n    .quiz-container .answer input[type='radio'] {\n      position: fixed;\n      opacity: 0;\n      pointer-events: none; }\n    .quiz-container .answer input[type='radio']:focus + label {\n      background: #61f0f2;\n      color: #121212;\n      border-color: #61f0f2; }\n    .quiz-container .answer label {\n      display: block;\n      border: 1px solid #e0e0e0;\n      padding: 0.5rem;\n      margin-bottom: 1rem;\n      cursor: pointer; }\n    .quiz-container .answer input[type='radio']:checked + label,\n    .quiz-container .answer label:hover {\n      background: #61f0f2;\n      color: #121212;\n      border-color: #61f0f2; }\n  .quiz-container button.btn-secondary-negative {\n    width: auto;\n    padding: 0.5rem 3rem;\n    border-color: #e0e0e0; }\n  .quiz-container .index-question {\n    margin: 2rem 0 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.quiz-container {\n  text-align: center; }\n  .quiz-container .question-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin: 3rem 1rem 1rem;\n    padding: 0.5rem 1rem;\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n    border-radius: 4px;\n    transition: all 300ms ease;\n    color: #ffffff;\n    background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n    position: relative;\n    width: 80%; }\n    @media (min-width: 768px) {\n      .quiz-container .question-container {\n        width: 60%;\n        height: 45vh; } }\n    @media (min-width: 1201px) {\n      .quiz-container .question-container {\n        width: 45%;\n        padding: 0.5rem 1rem 2rem; } }\n    .quiz-container .question-container .question-loading {\n      min-height: 13.875rem;\n      display: flex;\n      justify-content: center;\n      align-items: center; }\n    .quiz-container .question-container .question {\n      color: #e0e0e0;\n      text-align: center;\n      margin-bottom: 2rem; }\n      @media (min-width: 768px) {\n        .quiz-container .question-container .question {\n          padding: 0 1rem; } }\n    .quiz-container .question-container .question-title {\n      color: #61f0f2;\n      margin-bottom: 0.5rem; }\n    .quiz-container .question-container .btn-back {\n      color: #ffffff;\n      background: none;\n      border: none;\n      padding: 0;\n      font-size: 1.3rem;\n      position: absolute;\n      top: 1rem;\n      right: 1rem; }\n  .quiz-container .answer {\n    text-align: center;\n    width: 100%; }\n    @media (min-width: 768px) {\n      .quiz-container .answer {\n        max-width: 80%; } }\n    .quiz-container .answer input[type='radio'] {\n      position: fixed;\n      opacity: 0;\n      pointer-events: none; }\n    .quiz-container .answer input[type='radio']:focus + label {\n      background: #61f0f2;\n      color: #121212;\n      border-color: #61f0f2; }\n    .quiz-container .answer label {\n      display: block;\n      border: 1px solid #e0e0e0;\n      padding: 0.5rem;\n      margin-bottom: 1rem;\n      cursor: pointer; }\n    .quiz-container .answer input[type='radio']:checked + label,\n    .quiz-container .answer label:hover {\n      background: #61f0f2;\n      color: #121212;\n      border-color: #61f0f2; }\n  .quiz-container button.btn-secondary-negative {\n    width: auto;\n    padding: 0.5rem 3rem;\n    border-color: #e0e0e0; }\n  .quiz-container .index-question {\n    margin: 2rem 0 1rem; }\n", ""]);
 
 
 
diff --git a/index.html b/index.html
index 5eb4389ba..966491dc6 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=0,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}</head><body><div role="application" class="application" data-cozy-token="{{.Token}}" data-cozy-domain="{{.Domain}}" data-cozy-locale="{{.Locale}}" data-cozy-app-name="{{.AppName}}" data-cozy-app-slug="{{.AppSlug}}" data-cozy-app-name-prefix="{{.AppNamePrefix}}" data-cozy-app-editor="{{.AppEditor}}" data-cozy-icon-path="{{.IconPath}}"><script src="vendors/ecolyo.3256cfd41a1e2c66ff46.js"></script><script src="app/ecolyo.8a2d5fea259eaf991d09.js"></script></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=0,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}</head><body><div role="application" class="application" data-cozy-token="{{.Token}}" data-cozy-domain="{{.Domain}}" data-cozy-locale="{{.Locale}}" data-cozy-app-name="{{.AppName}}" data-cozy-app-slug="{{.AppSlug}}" data-cozy-app-name-prefix="{{.AppNamePrefix}}" data-cozy-app-editor="{{.AppEditor}}" data-cozy-icon-path="{{.IconPath}}"><script src="vendors/ecolyo.3256cfd41a1e2c66ff46.js"></script><script src="app/ecolyo.96a5f78b2e3f86df36fc.js"></script></div></body></html>
\ No newline at end of file
diff --git a/services/aggregatorUsageEvents/ecolyo.js b/services/aggregatorUsageEvents/ecolyo.js
index 716359175..00907fa8d 100644
--- a/services/aggregatorUsageEvents/ecolyo.js
+++ b/services/aggregatorUsageEvents/ecolyo.js
@@ -97433,6 +97433,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _objectSpread2 = _interopRequireDefault(__webpack_require__(3));
+
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(4));
 
 var _cozyClient = __webpack_require__(40);
@@ -97522,13 +97524,33 @@ class EcogestureService {
     const ecogestures = await this.getAllEcogestures();
 
     try {
-      for (let index = 0; index < ecogestures.length; index++) {
-        await this._client.destroy(ecogestures[index]);
+      for (const ecogesture of ecogestures) {
+        await this._client.destroy(ecogesture);
       }
 
       return true;
     } catch (error) {
-      return false;
+      console.log('Error deleteAllEcogestures: ', error);
+      throw error;
+    }
+  }
+
+  async reinitAllEcogestures() {
+    const ecogestures = await this.getAllEcogestures();
+
+    try {
+      for (const ecogesture of ecogestures) {
+        await this.updateEcogesture((0, _objectSpread2.default)({}, ecogesture, {
+          objective: false,
+          doing: false,
+          viewedInSelection: false
+        }));
+      }
+
+      return true;
+    } catch (error) {
+      console.log('Error reinitAllEcogestures: ', error);
+      throw error;
     }
   }
   /**
-- 
GitLab