diff --git a/app/ecolyo.d90cdf50bc3098208f22.js b/app/ecolyo.6ece532457ca5ebd4b9e.js
similarity index 99%
rename from app/ecolyo.d90cdf50bc3098208f22.js
rename to app/ecolyo.6ece532457ca5ebd4b9e.js
index 2ae5991d2566e536e8dc2787eb3e1951ede4c2b5..436950bc68c7519a6fbe86da374562ff71d837ec 100644
--- a/app/ecolyo.d90cdf50bc3098208f22.js
+++ b/app/ecolyo.6ece532457ca5ebd4b9e.js
@@ -20187,7 +20187,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 var Handlebars = __webpack_require__("3O+N");
 function __default(obj) { return obj && (obj.__esModule ? obj["default"] : obj); }
 module.exports = (Handlebars["default"] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
-    return "<mj-style>\n  .main div{ line-height: 23.4px !important; font-family: 'Lato', sans-serif\n  !important; }\n</mj-style>\n<mj-style>\n  .small div{ font-weight: 400 !important; font-size: 13px !important;\n  line-height: 23.4px !important; }\n</mj-style>\n<mj-style>\n  .header-title div{ font-weight: normal !important; font-size: 24px !important;\n  line-height: 29px !important; }\n</mj-style>\n<mj-style>\n  .m-divider p { margin: 60px 0 54px 0 !important; }\n</mj-style>\n<mj-style>\n  .button table { background-color: #F1C017 !important; margin: 10px !important;\n  } .button-with-icon td { padding-right: 1px !important; } .button-with-icon\n  table { background-color: #F1C017 !important; margin-left: 10px !important;\n  margin-right: 10px !important; } .button-with-icon span { vertical-align:\n  middle !important; } .button-with-icon a { vertical-align: middle !important;\n  padding-right: 10px !important;} .button-with-icon a img { padding-top: 20px\n  !important;}\n</mj-style>\n<mj-style>\n  .custom-link a { color: #F1C017 !important; text-decoration: none !important;\n  } .custom-link a:visited { color: #F1C017 !important; text-decoration: none\n  !important; }\n</mj-style>\n<mj-style>\n  .text-and-image img { vertical-align: middle!important; margin-right:\n  12px!important }\n</mj-style>\n<mj-attributes>\n  <mj-all font-family='Lato, sans-serif' font-size='16px'></mj-all>\n</mj-attributes>\n<mj-font\n  name='Lato'\n  href='https://fonts.googleapis.com/css?family=Lato'\n></mj-font>\n<mj-style>\n  @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src:\n  local('Lato Regular'), local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2)\n  format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB,\n  U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Lato';\n  font-style: normal; font-weight: 400; src: local('Lato Regular'),\n  local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2)\n  format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6,\n  U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face {\n  font-family: 'Lato-Bold'; font-style: normal; font-weight: 800; src:\n  asset-url('Lato-Bold.woff2') format('woff2'); }\n</mj-style>";
+    return "<mj-style>\n  .main div{ line-height: 23.4px !important; font-family: 'Lato', sans-serif\n  !important; }\n</mj-style>\n<mj-style>\n  .small div{ font-weight: 400 !important; font-size: 13px !important;\n  line-height: 23.4px !important; }\n</mj-style>\n<mj-style>\n  .header-title div{ font-weight: normal !important; font-size: 24px !important;\n  line-height: 29px !important; }\n</mj-style>\n<mj-style>\n  .m-divider p { margin: 60px 0 54px 0 !important; }\n</mj-style>\n<mj-style>\n  .button table { background-color: #F1C017 !important; margin: 10px !important;\n  } .button-with-icon td { padding-right: 1px !important; } .button-with-icon\n  table { background-color: #F1C017 !important; margin-left: 10px !important;\n  margin-right: 10px !important; } .button-with-icon span { vertical-align:\n  middle !important; } .button-with-icon a { vertical-align: middle !important;\n  padding-right: 10px !important;} .button-with-icon a img { padding-top: 20px\n  !important;}\n</mj-style>\n<mj-style>\n  .custom-link a { color: #F1C017 !important; text-decoration: none !important;\n  } .custom-link a:visited { color: #F1C017 !important; text-decoration: none\n  !important; }\n</mj-style>\n<mj-style>\n  .text-and-image img { vertical-align: middle!important; margin-right:\n  12px!important }\n</mj-style>\n<mj-attributes>\n  <mj-all font-family='Lato, sans-serif' font-size='16px'></mj-all>\n</mj-attributes>\n<mj-font\n  name='Lato'\n  href='https://fonts.googleapis.com/css?family=Lato'\n></mj-font>\n<mj-style>\n  @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src:\n  local('Lato Regular'), local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2)\n  format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB,\n  U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Lato';\n  font-style: normal; font-weight: 400; src: local('Lato Regular'),\n  local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2)\n  format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6,\n  U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face {\n  font-family: 'Lato-Bold'; font-style: normal; font-weight: 800; src:\n  asset-url('Lato-Bold.woff2') format('woff2'); }\n</mj-style>\n<mj-style>\n  .gold { color: #F1C017 } .bold { font-weight: 700 }\n</mj-style>";
 },"useData":true});
 
 /***/ }),
diff --git a/index.html b/index.html
index 9252a3ec7b2cfdcf23c3a2c2a8c6ff1a8f139321..0f2056fb15284dad56ae05d11209c6934d417ef3 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,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}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.18c101a0fa585f93c419.js"></script><script src="app/ecolyo.d90cdf50bc3098208f22.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,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}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.18c101a0fa585f93c419.js"></script><script src="app/ecolyo.6ece532457ca5ebd4b9e.js"></script></div></body></html>
\ No newline at end of file
diff --git a/services/consumptionAlert/ecolyo.js b/services/consumptionAlert/ecolyo.js
index 0c482dd07d2d267cdf33d442b09e935258b30a21..cae7f72202ea4cfbec44b64fada0d6c9018f494e 100644
--- a/services/consumptionAlert/ecolyo.js
+++ b/services/consumptionAlert/ecolyo.js
@@ -163681,7 +163681,7 @@ module.exports = exports['default'];
 var Handlebars = __webpack_require__(1574);
 function __default(obj) { return obj && (obj.__esModule ? obj["default"] : obj); }
 module.exports = (Handlebars["default"] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
-    return "<mj-style>\n  .main div{ line-height: 23.4px !important; font-family: 'Lato', sans-serif\n  !important; }\n</mj-style>\n<mj-style>\n  .small div{ font-weight: 400 !important; font-size: 13px !important;\n  line-height: 23.4px !important; }\n</mj-style>\n<mj-style>\n  .header-title div{ font-weight: normal !important; font-size: 24px !important;\n  line-height: 29px !important; }\n</mj-style>\n<mj-style>\n  .m-divider p { margin: 60px 0 54px 0 !important; }\n</mj-style>\n<mj-style>\n  .button table { background-color: #F1C017 !important; margin: 10px !important;\n  } .button-with-icon td { padding-right: 1px !important; } .button-with-icon\n  table { background-color: #F1C017 !important; margin-left: 10px !important;\n  margin-right: 10px !important; } .button-with-icon span { vertical-align:\n  middle !important; } .button-with-icon a { vertical-align: middle !important;\n  padding-right: 10px !important;} .button-with-icon a img { padding-top: 20px\n  !important;}\n</mj-style>\n<mj-style>\n  .custom-link a { color: #F1C017 !important; text-decoration: none !important;\n  } .custom-link a:visited { color: #F1C017 !important; text-decoration: none\n  !important; }\n</mj-style>\n<mj-style>\n  .text-and-image img { vertical-align: middle!important; margin-right:\n  12px!important }\n</mj-style>\n<mj-attributes>\n  <mj-all font-family='Lato, sans-serif' font-size='16px'></mj-all>\n</mj-attributes>\n<mj-font\n  name='Lato'\n  href='https://fonts.googleapis.com/css?family=Lato'\n></mj-font>\n<mj-style>\n  @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src:\n  local('Lato Regular'), local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2)\n  format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB,\n  U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Lato';\n  font-style: normal; font-weight: 400; src: local('Lato Regular'),\n  local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2)\n  format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6,\n  U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face {\n  font-family: 'Lato-Bold'; font-style: normal; font-weight: 800; src:\n  asset-url('Lato-Bold.woff2') format('woff2'); }\n</mj-style>";
+    return "<mj-style>\n  .main div{ line-height: 23.4px !important; font-family: 'Lato', sans-serif\n  !important; }\n</mj-style>\n<mj-style>\n  .small div{ font-weight: 400 !important; font-size: 13px !important;\n  line-height: 23.4px !important; }\n</mj-style>\n<mj-style>\n  .header-title div{ font-weight: normal !important; font-size: 24px !important;\n  line-height: 29px !important; }\n</mj-style>\n<mj-style>\n  .m-divider p { margin: 60px 0 54px 0 !important; }\n</mj-style>\n<mj-style>\n  .button table { background-color: #F1C017 !important; margin: 10px !important;\n  } .button-with-icon td { padding-right: 1px !important; } .button-with-icon\n  table { background-color: #F1C017 !important; margin-left: 10px !important;\n  margin-right: 10px !important; } .button-with-icon span { vertical-align:\n  middle !important; } .button-with-icon a { vertical-align: middle !important;\n  padding-right: 10px !important;} .button-with-icon a img { padding-top: 20px\n  !important;}\n</mj-style>\n<mj-style>\n  .custom-link a { color: #F1C017 !important; text-decoration: none !important;\n  } .custom-link a:visited { color: #F1C017 !important; text-decoration: none\n  !important; }\n</mj-style>\n<mj-style>\n  .text-and-image img { vertical-align: middle!important; margin-right:\n  12px!important }\n</mj-style>\n<mj-attributes>\n  <mj-all font-family='Lato, sans-serif' font-size='16px'></mj-all>\n</mj-attributes>\n<mj-font\n  name='Lato'\n  href='https://fonts.googleapis.com/css?family=Lato'\n></mj-font>\n<mj-style>\n  @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src:\n  local('Lato Regular'), local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2)\n  format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB,\n  U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Lato';\n  font-style: normal; font-weight: 400; src: local('Lato Regular'),\n  local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2)\n  format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6,\n  U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face {\n  font-family: 'Lato-Bold'; font-style: normal; font-weight: 800; src:\n  asset-url('Lato-Bold.woff2') format('woff2'); }\n</mj-style>\n<mj-style>\n  .gold { color: #F1C017 } .bold { font-weight: 700 }\n</mj-style>";
 },"useData":true});
 
 /***/ }),
diff --git a/services/monthlyReportNotification/ecolyo.js b/services/monthlyReportNotification/ecolyo.js
index 2342a4b1d073e6763f6956fca674862c7aaf5a36..210aa51e73ca11b24b788f226f33926c3d13beb2 100644
--- a/services/monthlyReportNotification/ecolyo.js
+++ b/services/monthlyReportNotification/ecolyo.js
@@ -163531,7 +163531,7 @@ module.exports = exports['default'];
 var Handlebars = __webpack_require__(1574);
 function __default(obj) { return obj && (obj.__esModule ? obj["default"] : obj); }
 module.exports = (Handlebars["default"] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
-    return "<mj-style>\n  .main div{ line-height: 23.4px !important; font-family: 'Lato', sans-serif\n  !important; }\n</mj-style>\n<mj-style>\n  .small div{ font-weight: 400 !important; font-size: 13px !important;\n  line-height: 23.4px !important; }\n</mj-style>\n<mj-style>\n  .header-title div{ font-weight: normal !important; font-size: 24px !important;\n  line-height: 29px !important; }\n</mj-style>\n<mj-style>\n  .m-divider p { margin: 60px 0 54px 0 !important; }\n</mj-style>\n<mj-style>\n  .button table { background-color: #F1C017 !important; margin: 10px !important;\n  } .button-with-icon td { padding-right: 1px !important; } .button-with-icon\n  table { background-color: #F1C017 !important; margin-left: 10px !important;\n  margin-right: 10px !important; } .button-with-icon span { vertical-align:\n  middle !important; } .button-with-icon a { vertical-align: middle !important;\n  padding-right: 10px !important;} .button-with-icon a img { padding-top: 20px\n  !important;}\n</mj-style>\n<mj-style>\n  .custom-link a { color: #F1C017 !important; text-decoration: none !important;\n  } .custom-link a:visited { color: #F1C017 !important; text-decoration: none\n  !important; }\n</mj-style>\n<mj-style>\n  .text-and-image img { vertical-align: middle!important; margin-right:\n  12px!important }\n</mj-style>\n<mj-attributes>\n  <mj-all font-family='Lato, sans-serif' font-size='16px'></mj-all>\n</mj-attributes>\n<mj-font\n  name='Lato'\n  href='https://fonts.googleapis.com/css?family=Lato'\n></mj-font>\n<mj-style>\n  @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src:\n  local('Lato Regular'), local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2)\n  format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB,\n  U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Lato';\n  font-style: normal; font-weight: 400; src: local('Lato Regular'),\n  local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2)\n  format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6,\n  U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face {\n  font-family: 'Lato-Bold'; font-style: normal; font-weight: 800; src:\n  asset-url('Lato-Bold.woff2') format('woff2'); }\n</mj-style>";
+    return "<mj-style>\n  .main div{ line-height: 23.4px !important; font-family: 'Lato', sans-serif\n  !important; }\n</mj-style>\n<mj-style>\n  .small div{ font-weight: 400 !important; font-size: 13px !important;\n  line-height: 23.4px !important; }\n</mj-style>\n<mj-style>\n  .header-title div{ font-weight: normal !important; font-size: 24px !important;\n  line-height: 29px !important; }\n</mj-style>\n<mj-style>\n  .m-divider p { margin: 60px 0 54px 0 !important; }\n</mj-style>\n<mj-style>\n  .button table { background-color: #F1C017 !important; margin: 10px !important;\n  } .button-with-icon td { padding-right: 1px !important; } .button-with-icon\n  table { background-color: #F1C017 !important; margin-left: 10px !important;\n  margin-right: 10px !important; } .button-with-icon span { vertical-align:\n  middle !important; } .button-with-icon a { vertical-align: middle !important;\n  padding-right: 10px !important;} .button-with-icon a img { padding-top: 20px\n  !important;}\n</mj-style>\n<mj-style>\n  .custom-link a { color: #F1C017 !important; text-decoration: none !important;\n  } .custom-link a:visited { color: #F1C017 !important; text-decoration: none\n  !important; }\n</mj-style>\n<mj-style>\n  .text-and-image img { vertical-align: middle!important; margin-right:\n  12px!important }\n</mj-style>\n<mj-attributes>\n  <mj-all font-family='Lato, sans-serif' font-size='16px'></mj-all>\n</mj-attributes>\n<mj-font\n  name='Lato'\n  href='https://fonts.googleapis.com/css?family=Lato'\n></mj-font>\n<mj-style>\n  @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src:\n  local('Lato Regular'), local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2)\n  format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB,\n  U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Lato';\n  font-style: normal; font-weight: 400; src: local('Lato Regular'),\n  local('Lato-Regular'),\n  url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2)\n  format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6,\n  U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face {\n  font-family: 'Lato-Bold'; font-style: normal; font-weight: 800; src:\n  asset-url('Lato-Bold.woff2') format('woff2'); }\n</mj-style>\n<mj-style>\n  .gold { color: #F1C017 } .bold { font-weight: 700 }\n</mj-style>";
 },"useData":true});
 
 /***/ }),
@@ -163635,32 +163635,32 @@ const logStack = _cozyLogger.default.namespace('report');
  * @param client
  * @param fluidType - FluidType
  */
-const getConsumptionValue = async (client, fluidType) => {
+const getConsumptionValue = async (client, fluidType, period) => {
   const consumptionService = new _consumption.default(client);
 
   const analysisDate = _luxon.DateTime.local().setZone('utc', {
     keepLocalTime: true
   });
 
-  const periods = {
-    timePeriod: {
-      startDate: analysisDate.minus({
-        month: 1
-      }).startOf('month'),
-      endDate: analysisDate.minus({
-        month: 1
-      }).endOf('month')
-    },
-    comparisonTimePeriod: {
-      startDate: analysisDate.minus({
-        month: 2
-      }).startOf('month'),
-      endDate: analysisDate.minus({
-        month: 2
-      }).endOf('month')
-    }
+  const timePeriod = {
+    startDate: analysisDate.minus({
+      month: 1
+    }).startOf('month'),
+    endDate: analysisDate.minus({
+      month: 1
+    }).endOf('month')
   };
-  return consumptionService.getPerformanceIndicators(periods.timePeriod, _timeStep.TimeStep.MONTH, fluidType, periods.comparisonTimePeriod);
+  const minusPeriod = period === 'year' ? {
+    year: 1,
+    month: 1
+  } : {
+    month: 2
+  };
+  const comparisonTimePeriod = {
+    startDate: analysisDate.minus(minusPeriod).startOf('month'),
+    endDate: analysisDate.minus(minusPeriod).endOf('month')
+  };
+  return consumptionService.getPerformanceIndicators(timePeriod, _timeStep.TimeStep.MONTH, fluidType, comparisonTimePeriod);
 };
 /**
  * Build consumption text to attach in email. According to client consumption, display electricity and/or gaz and/or water
@@ -163669,50 +163669,41 @@ const getConsumptionValue = async (client, fluidType) => {
  */
 
 
-const buildConsumptionText = async client => {
-  logStack('info', 'Building consumption text...');
-  const consumption = await getConsumptionValue(client, [_fluid.FluidType.ELECTRICITY, _fluid.FluidType.GAS, _fluid.FluidType.WATER]);
-  let text = '';
+const buildComparisonText = async (client, period) => {
+  var _consumption$FluidTyp, _consumption$FluidTyp2, _consumption$FluidTyp3;
 
-  if (consumption[_fluid.FluidType.ELECTRICITY]) {
-    const value = consumption[_fluid.FluidType.ELECTRICITY].percentageVariation ? consumption[_fluid.FluidType.ELECTRICITY].percentageVariation : 0;
+  logStack('info', 'Building consumption text...');
+  const consumption = await getConsumptionValue(client, [_fluid.FluidType.ELECTRICITY, _fluid.FluidType.GAS, _fluid.FluidType.WATER], period);
+  const fluidTexts = [];
 
-    if (value) {
-      if (value > 0) {
-        text += '<span class="elec-text"><br>+&nbsp;' + Math.ceil(value * 100) + "&nbsp;%&nbsp;d'électricité</span>";
-      } else {
-        text += '<span class="elec-text"><br>-&nbsp;' + Math.ceil(Math.abs(value * 100)) + "&nbsp;%&nbsp;d'électricité</span>";
-      }
-    }
+  if ((_consumption$FluidTyp = consumption[_fluid.FluidType.ELECTRICITY]) !== null && _consumption$FluidTyp !== void 0 && _consumption$FluidTyp.percentageVariation) {
+    const value = consumption[_fluid.FluidType.ELECTRICITY].percentageVariation;
+    const sign = value > 0 ? '+' : '-';
+    fluidTexts.push(`<p class="elec text">${sign}&nbsp;${formatConsumptionValue(value)}&nbsp;%&nbsp;d'électricité</p>`);
   }
 
-  if (consumption[_fluid.FluidType.GAS]) {
-    var _consumption$FluidTyp;
-
-    const value = ((_consumption$FluidTyp = consumption[_fluid.FluidType.GAS]) === null || _consumption$FluidTyp === void 0 ? void 0 : _consumption$FluidTyp.percentageVariation) !== null ? consumption[_fluid.FluidType.GAS].percentageVariation : 0;
+  if ((_consumption$FluidTyp2 = consumption[_fluid.FluidType.GAS]) !== null && _consumption$FluidTyp2 !== void 0 && _consumption$FluidTyp2.percentageVariation) {
+    const value = consumption[_fluid.FluidType.GAS].percentageVariation;
+    const sign = value > 0 ? '+' : '-';
+    fluidTexts.push(`<p class="gas text">${sign}&nbsp;${formatConsumptionValue(value)}&nbsp;%&nbsp;de&nbsp;gaz</p>`);
+  }
 
-    if (value) {
-      if (value > 0) {
-        text += '<span class="gas-text"><br>+&nbsp;' + Math.ceil(value * 100) + '&nbsp;%&nbsp;de&nbsp;gaz</span>';
-      } else {
-        text += '<span class="gas-text"><br>-&nbsp;' + Math.ceil(Math.abs(value * 100)) + '&nbsp;%&nbsp;de&nbsp;gaz</span>';
-      }
-    }
+  if ((_consumption$FluidTyp3 = consumption[_fluid.FluidType.WATER]) !== null && _consumption$FluidTyp3 !== void 0 && _consumption$FluidTyp3.percentageVariation) {
+    const value = consumption[_fluid.FluidType.WATER].percentageVariation;
+    const sign = value > 0 ? '+' : '-';
+    fluidTexts.push(`<p class="water text">${sign}&nbsp;${formatConsumptionValue(value)}&nbsp;%&nbsp;d'eau</p>`);
   }
 
-  if (consumption[_fluid.FluidType.WATER]) {
-    const value = consumption[_fluid.FluidType.WATER].percentageVariation ? consumption[_fluid.FluidType.WATER].percentageVariation : 0;
+  return fluidTexts.join('');
+};
+/**
+ * Get the ceiled absolute percentage representation of a number
+ * @example (ex: -0.1234 => 13)
+ */
 
-    if (value) {
-      if (value > 0) {
-        text += '<span class="water-text"><br>+&nbsp;' + Math.ceil(value * 100) + "&nbsp;%&nbsp;d'eau</span>";
-      } else {
-        text += '<span class="water-text"><br>-&nbsp;' + Math.ceil(Math.abs(value * 100)) + "&nbsp;%&nbsp;d'eau</span>";
-      }
-    }
-  }
 
-  return text;
+const formatConsumptionValue = value => {
+  return Math.ceil(Math.abs(value * 100));
 };
 /**
  * getMonthlyReport
@@ -163823,7 +163814,8 @@ const monthlyReportNotification = async ({
     unsubscribeUrl = url.replace('analysis', 'unsubscribe');
   }
 
-  const consumptionText = await buildConsumptionText(client);
+  const monthComparisonText = await buildComparisonText(client, 'month');
+  const yearComparisonText = await buildComparisonText(client, 'year');
   const isInfo = monthlyReport.info !== '';
   const isServiceNews = monthlyReport.newsTitle !== '' && monthlyReport.newsContent !== '';
   const isPoll = monthlyReport.question !== '' && monthlyReport.link !== '';
@@ -163842,8 +163834,11 @@ const monthlyReportNotification = async ({
     username: username,
     clientUrl: url,
     unsubscribeUrl: unsubscribeUrl,
-    consumptionTextExist: consumptionText.length > 0,
-    consumptionText: consumptionText.replace(/{cozyUrl}/g, appLink + '#/'),
+    comparisonExist: monthComparisonText.length > 0 || yearComparisonText.length > 0,
+    monthComparisonExist: monthComparisonText.length > 0,
+    monthComparisonText: monthComparisonText,
+    yearComparisonExist: yearComparisonText.length > 0,
+    yearComparisonText: yearComparisonText,
     infoText: monthlyReport.info.replace(/{cozyUrl}/g, appLink + '#/'),
     infoImage: monthlyReport.image !== '' ? baseUrl + monthlyReport.image : baseUrl + '/assets/astuce.png',
     isContent: isInfo || isServiceNews || isPoll,
@@ -163852,13 +163847,16 @@ const monthlyReportNotification = async ({
     isServiceNews: isServiceNews,
     divider2: isServiceNews && isPoll,
     isPoll: isPoll,
-    newsTitle: monthlyReport.newsTitle.replace(/{cozyUrl}/g, appLink + '#/'),
+    newsTitle: monthlyReport.newsTitle,
     newsContent: monthlyReport.newsContent.replace(/{cozyUrl}/g, appLink + '#/'),
     pollText: monthlyReport.question.replace(/{cozyUrl}/g, appLink + '#/'),
     pollUrl: monthlyReport.link,
     previousMonth: (0, _utils.getMonthNameWithPrep)(date.minus({
       month: 1
     })),
+    currentMonth: (0, _utils.getMonthNameWithPrep)(date),
+    previousYear: date.year - 1,
+    currentYear: date.year,
     consoImageUrl: baseUrl + '/assets/multifluidConsumption.png',
     feedbackImageUrl: baseUrl + '/assets/feedback.png'
   });
@@ -163901,19 +163899,51 @@ function __default(obj) { return obj && (obj.__esModule ? obj["default"] : obj);
 module.exports = (Handlebars["default"] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
     return "";
 },"3":function(container,depth0,helpers,partials,data) {
-    var stack1, alias1=container.lambda, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+    var stack1, alias1=container.lambda, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "          <mj-text color=\"white\" font-weight=\"700\" font-size=\"18px\">Votre bilan "
+    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"currentMonth") : depth0), depth0))
+    + " "
+    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"currentYear") : depth0), depth0))
+    + " est prêt. Voilà l’évolution de vos consommations :</mj-text>\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias3,(depth0 != null ? lookupProperty(depth0,"yearComparisonExist") : depth0),{"name":"if","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":32,"column":10},"end":{"line":38,"column":17}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"if").call(alias3,(depth0 != null ? lookupProperty(depth0,"monthComparisonExist") : depth0),{"name":"if","hash":{},"fn":container.program(6, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":39,"column":10},"end":{"line":45,"column":17}}})) != null ? stack1 : "");
+},"4":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.lambda, alias2=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
         if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
           return parent[propertyName];
         }
         return undefined
     };
 
-  return "        <mj-text color=\"white\" font-weight=\"400\" font-size=\"18px\">Par rapport au mois "
-    + container.escapeExpression(alias1((depth0 != null ? lookupProperty(depth0,"previousMonth") : depth0), depth0))
-    + ", vous avez consommé :"
-    + ((stack1 = alias1((depth0 != null ? lookupProperty(depth0,"consumptionText") : depth0), depth0)) != null ? stack1 : "")
-    + "<br /></mj-text>\n";
-},"5":function(container,depth0,helpers,partials,data) {
+  return "            <mj-text color=\"white\" font-weight=\"400\" font-size=\"18px\">\n              Par rapport au mois \n              <span class=\"bold gold\">"
+    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"currentMonth") : depth0), depth0))
+    + " "
+    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"previousYear") : depth0), depth0))
+    + "</span>\n              , vous avez consommé :"
+    + ((stack1 = alias1((depth0 != null ? lookupProperty(depth0,"yearComparisonText") : depth0), depth0)) != null ? stack1 : "")
+    + "\n            </mj-text>\n";
+},"6":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.lambda, alias2=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "            <mj-text color=\"white\" font-weight=\"400\" font-size=\"18px\">\n              Par rapport au mois\n              <span class=\"bold gold\">"
+    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"previousMonth") : depth0), depth0))
+    + " "
+    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"currentYear") : depth0), depth0))
+    + "</span>\n              , vous avez consommé :"
+    + ((stack1 = alias1((depth0 != null ? lookupProperty(depth0,"monthComparisonText") : depth0), depth0)) != null ? stack1 : "")
+    + "\n            </mj-text>\n";
+},"8":function(container,depth0,helpers,partials,data) {
     var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {
         if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
           return parent[propertyName];
@@ -163922,13 +163952,13 @@ module.exports = (Handlebars["default"] || Handlebars).template({"1":function(co
     };
 
   return "      <mj-section background-color=\"#1B1C22\">\n        <mj-column>\n"
-    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"isInfo") : depth0),{"name":"if","hash":{},"fn":container.program(6, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":50,"column":10},"end":{"line":56,"column":17}}})) != null ? stack1 : "")
-    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"divider1") : depth0),{"name":"if","hash":{},"fn":container.program(8, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":57,"column":10},"end":{"line":59,"column":17}}})) != null ? stack1 : "")
-    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"isServiceNews") : depth0),{"name":"if","hash":{},"fn":container.program(10, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":60,"column":10},"end":{"line":65,"column":17}}})) != null ? stack1 : "")
-    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"divider2") : depth0),{"name":"if","hash":{},"fn":container.program(12, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":66,"column":10},"end":{"line":68,"column":17}}})) != null ? stack1 : "")
-    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"isPoll") : depth0),{"name":"if","hash":{},"fn":container.program(14, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":69,"column":10},"end":{"line":77,"column":17}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"isInfo") : depth0),{"name":"if","hash":{},"fn":container.program(9, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":58,"column":10},"end":{"line":64,"column":17}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"divider1") : depth0),{"name":"if","hash":{},"fn":container.program(11, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":65,"column":10},"end":{"line":67,"column":17}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"isServiceNews") : depth0),{"name":"if","hash":{},"fn":container.program(13, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":68,"column":10},"end":{"line":73,"column":17}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"divider2") : depth0),{"name":"if","hash":{},"fn":container.program(11, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":74,"column":10},"end":{"line":76,"column":17}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"isPoll") : depth0),{"name":"if","hash":{},"fn":container.program(15, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":77,"column":10},"end":{"line":85,"column":17}}})) != null ? stack1 : "")
     + "        </mj-column>\n      </mj-section>\n";
-},"6":function(container,depth0,helpers,partials,data) {
+},"9":function(container,depth0,helpers,partials,data) {
     var stack1, alias1=container.lambda, lookupProperty = container.lookupProperty || function(parent, propertyName) {
         if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
           return parent[propertyName];
@@ -163936,14 +163966,14 @@ module.exports = (Handlebars["default"] || Handlebars).template({"1":function(co
         return undefined
     };
 
-  return "            <mj-text css-class=\"title\" color=\"white\" font-weight=\"900\" font-size=\"24px\" align=\"center\" >\n              L'info du mois\n            </mj-text>\n            <mj-image src=\""
+  return "            <mj-text css-class=\"title\" color=\"white\" font-weight=\"900\" font-size=\"24px\" align=\"center\">\n              L'info du mois\n            </mj-text>\n            <mj-image src=\""
     + container.escapeExpression(alias1((depth0 != null ? lookupProperty(depth0,"infoImage") : depth0), depth0))
     + "\" width=\"82px\" alt=\"nouveauté\"></mj-image>\n            <mj-text color=\"white\" font-weight=\"400\" font-size=\"18px\" css-class=\"custom-link\">"
     + ((stack1 = alias1((depth0 != null ? lookupProperty(depth0,"infoText") : depth0), depth0)) != null ? stack1 : "")
     + "</mj-text>\n";
-},"8":function(container,depth0,helpers,partials,data) {
+},"11":function(container,depth0,helpers,partials,data) {
     return "            <mj-divider css-class=\"m-divider\"></mj-divider>\n";
-},"10":function(container,depth0,helpers,partials,data) {
+},"13":function(container,depth0,helpers,partials,data) {
     var stack1, alias1=container.lambda, lookupProperty = container.lookupProperty || function(parent, propertyName) {
         if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
           return parent[propertyName];
@@ -163951,14 +163981,12 @@ module.exports = (Handlebars["default"] || Handlebars).template({"1":function(co
         return undefined
     };
 
-  return "            <mj-text css-class=\"title custom-link\" color=\"white\" font-weight=\"900\" font-size=\"24px\" align=\"center\" >\n              "
+  return "            <mj-text css-class=\"title custom-link\" color=\"white\" font-weight=\"900\" font-size=\"24px\" align=\"center\">\n              "
     + container.escapeExpression(alias1((depth0 != null ? lookupProperty(depth0,"newsTitle") : depth0), depth0))
-    + "\n            </mj-text>\n            <mj-text color=\"white\" font-weight=\"400\" font-size=\"18px\" css-class=\"custom-link\" >"
+    + "\n            </mj-text>\n            <mj-text color=\"white\" font-weight=\"400\" font-size=\"18px\" css-class=\"custom-link\">"
     + ((stack1 = alias1((depth0 != null ? lookupProperty(depth0,"newsContent") : depth0), depth0)) != null ? stack1 : "")
     + "</mj-text>\n";
-},"12":function(container,depth0,helpers,partials,data) {
-    return "              <mj-divider css-class=\"m-divider\"></mj-divider>\n";
-},"14":function(container,depth0,helpers,partials,data) {
+},"15":function(container,depth0,helpers,partials,data) {
     var stack1, alias1=container.lambda, lookupProperty = container.lookupProperty || function(parent, propertyName) {
         if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
           return parent[propertyName];
@@ -163966,9 +163994,9 @@ module.exports = (Handlebars["default"] || Handlebars).template({"1":function(co
         return undefined
     };
 
-  return "            <mj-text css-class=\"title \" color=\"white\" font-weight=\"900\" font-size=\"24px\" align=\"center\" >\n              Votre avis nous intéresse\n            </mj-text>\n            <mj-text color=\"white\" font-weight=\"400\" font-size=\"18px\" css-class=\"custom-link\" >"
+  return "            <mj-text css-class=\"title \" color=\"white\" font-weight=\"900\" font-size=\"24px\" align=\"center\">\n              Votre avis nous intéresse\n            </mj-text>\n            <mj-text color=\"white\" font-weight=\"400\" font-size=\"18px\" css-class=\"custom-link\">"
     + ((stack1 = alias1((depth0 != null ? lookupProperty(depth0,"pollText") : depth0), depth0)) != null ? stack1 : "")
-    + "</mj-text>\n            <mj-button color=\"black\" background-color=\"#F1C017\" css-class=\"button\" font-size=\"20px\" font-weight=\"700\" >\n              <a href=\""
+    + "</mj-text>\n            <mj-button color=\"black\" background-color=\"#F1C017\" css-class=\"button\" font-size=\"20px\" font-weight=\"700\">\n              <a href=\""
     + container.escapeExpression(alias1((depth0 != null ? lookupProperty(depth0,"pollUrl") : depth0), depth0))
     + "\" style=\"text-decoration: none; color: black\">C'est parti !</a>\n            </mj-button>\n";
 },"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
@@ -163981,20 +164009,20 @@ module.exports = (Handlebars["default"] || Handlebars).template({"1":function(co
 
   return "<mjml>\n  <mj-head>\n"
     + ((stack1 = container.invokePartial(__webpack_require__(1596),depth0,{"name":"style","fn":container.program(1, data, 0),"inverse":container.noop,"data":data,"helpers":helpers,"partials":partials,"decorators":container.decorators})) != null ? stack1 : "")
-    + "    <mj-style>\n    .elec-text {\n        color: #d87b39 !important;\n        font-weight: normal !important;\n      }\n    .gas-text {\n        color: #45d1b8 !important;\n        font-weight: normal !important;\n      }\n    .water-text {\n        color: #3a98ec !important;\n        font-weight: normal !important;\n      }\n    </mj-style>\n  </mj-head>\n  <mj-body background-color=\"#121212\" css-class=\"main\">\n"
+    + "    <mj-style>\n      .text {\n        margin: 0;\n      }\n      .elec {\n        color: #d87b39;\n      }\n      .gas {\n        color: #45d1b8;\n      }\n      .water {\n        color: #3a98ec;\n      }\n    </mj-style>\n  </mj-head>\n  <mj-body background-color=\"#121212\" css-class=\"main\">\n"
     + ((stack1 = container.invokePartial(__webpack_require__(1597),depth0,{"name":"base/header","fn":container.program(1, data, 0),"inverse":container.noop,"data":data,"helpers":helpers,"partials":partials,"decorators":container.decorators})) != null ? stack1 : "")
-    + "\n    <mj-section background-color=\"#121212\">\n      <mj-column width=\"55%\" vertical-align=\"middle\">\n        <mj-text color=\"white\" font-weight=\"900\" font-size=\"24px\">\n          Bonjour "
+    + "\n    <mj-section background-color=\"#121212\">\n      <mj-column padding=\"0 32px\" vertical-align=\"middle\">\n        <mj-image src="
+    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"consoImageUrl") : depth0), depth0))
+    + " width=\"132px\" align=\"center\" alt=\"consommation\"></mj-image>\n        <mj-text color=\"white\" font-weight=\"900\" font-size=\"24px\">\n          Bonjour "
     + alias2(alias1((depth0 != null ? lookupProperty(depth0,"username") : depth0), depth0))
     + ",\n        </mj-text>\n"
-    + ((stack1 = lookupProperty(helpers,"if").call(alias3,(depth0 != null ? lookupProperty(depth0,"consumptionTextExist") : depth0),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":29,"column":8},"end":{"line":31,"column":15}}})) != null ? stack1 : "")
-    + "      </mj-column>\n      <mj-column width=\"45%\" vertical-align=\"middle\">\n        <mj-image src="
-    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"consoImageUrl") : depth0), depth0))
-    + " width=\"132px\" align=\"center\" alt=\"consommation\"></mj-image>\n      </mj-column>\n    </mj-section>\n    <mj-section background-color=\"#121212\">\n      <mj-column>\n        <mj-text color=\"white\" font-weight=\"400\" font-size=\"18px\">Retrouvez le détail de vos consommations et plus d'informations dans votre bilan Ecolyo.<br /><br /></mj-text>\n        <mj-social css-class=\"button-with-icon\" icon-size=\"36px\" mode=\"horizontal\" font-size=\"20px\" font-weight=\"700\">\n          <mj-social-element src=\""
+    + ((stack1 = lookupProperty(helpers,"if").call(alias3,(depth0 != null ? lookupProperty(depth0,"comparisonExist") : depth0),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":30,"column":8},"end":{"line":46,"column":15}}})) != null ? stack1 : "")
+    + "        <mj-text color=\"#A0A0A0\" font-weight=\"400\" font-size=\"18px\" align=\"center\">Retrouvez le détail de vos consommations et plus d’informations dans votre bilan Ecolyo.</mj-text>\n        <mj-social css-class=\"button-with-icon\" icon-size=\"32px\" mode=\"horizontal\" font-size=\"20px\" font-weight=\"700\">\n          <mj-social-element src=\""
     + alias2(alias1((depth0 != null ? lookupProperty(depth0,"baseUrl") : depth0), depth0))
     + "/assets/ecolyo-icon.png\" name=\"ecolyo\" padding=\"0 10px 0 0\" href=\""
     + alias2(alias1((depth0 != null ? lookupProperty(depth0,"clientUrl") : depth0), depth0))
-    + "\">\n            Voir mon bilan\n          </mj-social-element>\n        </mj-social>\n      </mj-column>\n    </mj-section>\n"
-    + ((stack1 = lookupProperty(helpers,"if").call(alias3,(depth0 != null ? lookupProperty(depth0,"isContent") : depth0),{"name":"if","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":47,"column":4},"end":{"line":80,"column":11}}})) != null ? stack1 : "")
+    + "\">\n            J’ouvre mon Ecolyo\n          </mj-social-element>\n        </mj-social>\n      </mj-column>\n    </mj-section>\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias3,(depth0 != null ? lookupProperty(depth0,"isContent") : depth0),{"name":"if","hash":{},"fn":container.program(8, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":55,"column":4},"end":{"line":88,"column":11}}})) != null ? stack1 : "")
     + "    <mj-section background-color=\"#121212\">\n      <mj-column vertical-align=\"middle\">\n        <mj-image src="
     + alias2(alias1((depth0 != null ? lookupProperty(depth0,"feedbackImageUrl") : depth0), depth0))
     + " width=\"32px\" align=\"center\" alt=\"feedback\"></mj-image>\n        <mj-text color=\"white\" font-weight=\"900\" align=\"center\" font-size=\"18px\">\n          Un problème, une question, une suggestion ?\n        </mj-text>\n        <mj-text color=\"white\" align=\"center\" font-size=\"18px\">\n          N'hésitez pas à nous écrire via la bulle dans le service ou en\n          <a style=\"color:white;\" href=\"https://support.grandlyon.com/ecolyo/\" alt=\"lien vers le service assistance utilisateur\">cliquant ici.</a>\n        </mj-text>\n      </mj-column>\n    </mj-section>\n    <mj-section background-color=\"black\">\n      <mj-column>\n"