diff --git a/app/ecolyo.6cff09f8227c9c0d51e2.js b/app/ecolyo.70afa61d8311301a3832.js
similarity index 99%
rename from app/ecolyo.6cff09f8227c9c0d51e2.js
rename to app/ecolyo.70afa61d8311301a3832.js
index 6446c7df9dfac1bdbed9c43f71a7ab8710e46d4e..23ba2db9d4098a9394f58d0832354516ba73aed8 100644
--- a/app/ecolyo.6cff09f8227c9c0d51e2.js
+++ b/app/ecolyo.70afa61d8311301a3832.js
@@ -19408,7 +19408,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 !important; }\n  .main .background{ background: radial-gradient(96.2% 96.2% at 50% 3.8%,\n  #343641 0%, #1B1C22 100%) !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: 10px !important; } .button-with-icon\n  table { background-color: #F1C017 !important; margin: 10px !important; }\n  .button-with-icon span { vertical-align: middle !important; }\n  .button-with-icon a { vertical-align: middle !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\" />\n</mj-attributes>\n<mj-font name=\"Lato\" href=\"https://fonts.googleapis.com/css?family=Lato\" />\n<mj-style>\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');\n    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n  }\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n  }\n  @font-face {\n    font-family: 'Lato-Bold';\n    font-style: normal;\n    font-weight: 800;\n    src: asset-url('Lato-Bold.woff2') format('woff2');\n  }\n</mj-style>";
+    return "<mj-style>\n  .main div{ line-height: 23.4px !important; font-family: 'Lato', sans-serif !important; }\n  .main .background{ background: radial-gradient(96.2% 96.2% at 50% 3.8%,\n  #343641 0%, #1B1C22 100%) !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; margin-right: 10px !important; }\n  .button-with-icon span { vertical-align: middle !important; }\n  .button-with-icon a { vertical-align: middle !important; padding-right: 10px !important;}\n  .button-with-icon a img { padding-top: 20px;}\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\" />\n</mj-attributes>\n<mj-font name=\"Lato\" href=\"https://fonts.googleapis.com/css?family=Lato\" />\n<mj-style>\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');\n    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n  }\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n  }\n  @font-face {\n    font-family: 'Lato-Bold';\n    font-style: normal;\n    font-weight: 800;\n    src: asset-url('Lato-Bold.woff2') format('woff2');\n  }\n</mj-style>";
 },"useData":true});
 
 /***/ }),
@@ -24235,7 +24235,7 @@ var importIconbyId = /*#__PURE__*/function () {
 exports.importIconbyId = importIconbyId;
 
 var getPreviousMonthName = function getPreviousMonthName(date) {
-  var monthNames = ['janiver', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
+  var monthNames = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
   return monthNames[date.month - 1];
 };
 /**
diff --git a/index.html b/index.html
index 121c9e78501aed6885b33a35eaf76edb0e418e71..0e82ffd4e4b266adda4b73b2721c42a029ff8600 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">{{.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.6cff09f8227c9c0d51e2.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">{{.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.70afa61d8311301a3832.js"></script></div></body></html>
\ No newline at end of file
diff --git a/services/aggregatorUsageEvents/ecolyo.js b/services/aggregatorUsageEvents/ecolyo.js
index 2cc6f7faf64ac0e302de27fd23c56e28f5f28c92..7f8644b5fb401f5fc965934c046a463fc13e130c 100644
--- a/services/aggregatorUsageEvents/ecolyo.js
+++ b/services/aggregatorUsageEvents/ecolyo.js
@@ -92878,7 +92878,7 @@ const importIconbyId = async (id, pathType) => {
 exports.importIconbyId = importIconbyId;
 
 const getPreviousMonthName = date => {
-  const monthNames = ['janiver', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
+  const monthNames = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
   return monthNames[date.month - 1];
 };
 /**
diff --git a/services/consumptionAlert/ecolyo.js b/services/consumptionAlert/ecolyo.js
index 9b10f41b19fae9d1e64950e8d050b2d723c93269..556b1e9b7ba55b74b8a37b920c8dd8ad193c5d15 100644
--- a/services/consumptionAlert/ecolyo.js
+++ b/services/consumptionAlert/ecolyo.js
@@ -75505,7 +75505,7 @@ const importIconbyId = async (id, pathType) => {
 exports.importIconbyId = importIconbyId;
 
 const getPreviousMonthName = date => {
-  const monthNames = ['janiver', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
+  const monthNames = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
   return monthNames[date.month - 1];
 };
 /**
@@ -144151,7 +144151,7 @@ module.exports = exports['default'];
 var Handlebars = __webpack_require__(1441);
 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 !important; }\n  .main .background{ background: radial-gradient(96.2% 96.2% at 50% 3.8%,\n  #343641 0%, #1B1C22 100%) !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: 10px !important; } .button-with-icon\n  table { background-color: #F1C017 !important; margin: 10px !important; }\n  .button-with-icon span { vertical-align: middle !important; }\n  .button-with-icon a { vertical-align: middle !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\" />\n</mj-attributes>\n<mj-font name=\"Lato\" href=\"https://fonts.googleapis.com/css?family=Lato\" />\n<mj-style>\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');\n    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n  }\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n  }\n  @font-face {\n    font-family: 'Lato-Bold';\n    font-style: normal;\n    font-weight: 800;\n    src: asset-url('Lato-Bold.woff2') format('woff2');\n  }\n</mj-style>";
+    return "<mj-style>\n  .main div{ line-height: 23.4px !important; font-family: 'Lato', sans-serif !important; }\n  .main .background{ background: radial-gradient(96.2% 96.2% at 50% 3.8%,\n  #343641 0%, #1B1C22 100%) !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; margin-right: 10px !important; }\n  .button-with-icon span { vertical-align: middle !important; }\n  .button-with-icon a { vertical-align: middle !important; padding-right: 10px !important;}\n  .button-with-icon a img { padding-top: 20px;}\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\" />\n</mj-attributes>\n<mj-font name=\"Lato\" href=\"https://fonts.googleapis.com/css?family=Lato\" />\n<mj-style>\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');\n    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n  }\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n  }\n  @font-face {\n    font-family: 'Lato-Bold';\n    font-style: normal;\n    font-weight: 800;\n    src: asset-url('Lato-Bold.woff2') format('woff2');\n  }\n</mj-style>";
 },"useData":true});
 
 /***/ }),
diff --git a/services/monthlyReportNotification/ecolyo.js b/services/monthlyReportNotification/ecolyo.js
index 26f87b946255b039ecb7fc7b6b117fb7db7c1612..df8665732abee60a5f16a977d97087ae7ecc597d 100644
--- a/services/monthlyReportNotification/ecolyo.js
+++ b/services/monthlyReportNotification/ecolyo.js
@@ -75505,7 +75505,7 @@ const importIconbyId = async (id, pathType) => {
 exports.importIconbyId = importIconbyId;
 
 const getPreviousMonthName = date => {
-  const monthNames = ['janiver', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
+  const monthNames = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
   return monthNames[date.month - 1];
 };
 /**
@@ -143975,7 +143975,7 @@ module.exports = exports['default'];
 var Handlebars = __webpack_require__(1441);
 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 !important; }\n  .main .background{ background: radial-gradient(96.2% 96.2% at 50% 3.8%,\n  #343641 0%, #1B1C22 100%) !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: 10px !important; } .button-with-icon\n  table { background-color: #F1C017 !important; margin: 10px !important; }\n  .button-with-icon span { vertical-align: middle !important; }\n  .button-with-icon a { vertical-align: middle !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\" />\n</mj-attributes>\n<mj-font name=\"Lato\" href=\"https://fonts.googleapis.com/css?family=Lato\" />\n<mj-style>\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');\n    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n  }\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n  }\n  @font-face {\n    font-family: 'Lato-Bold';\n    font-style: normal;\n    font-weight: 800;\n    src: asset-url('Lato-Bold.woff2') format('woff2');\n  }\n</mj-style>";
+    return "<mj-style>\n  .main div{ line-height: 23.4px !important; font-family: 'Lato', sans-serif !important; }\n  .main .background{ background: radial-gradient(96.2% 96.2% at 50% 3.8%,\n  #343641 0%, #1B1C22 100%) !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; margin-right: 10px !important; }\n  .button-with-icon span { vertical-align: middle !important; }\n  .button-with-icon a { vertical-align: middle !important; padding-right: 10px !important;}\n  .button-with-icon a img { padding-top: 20px;}\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\" />\n</mj-attributes>\n<mj-font name=\"Lato\" href=\"https://fonts.googleapis.com/css?family=Lato\" />\n<mj-style>\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');\n    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n  }\n  @font-face {\n    font-family: 'Lato';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n  }\n  @font-face {\n    font-family: 'Lato-Bold';\n    font-style: normal;\n    font-weight: 800;\n    src: asset-url('Lato-Bold.woff2') format('woff2');\n  }\n</mj-style>";
 },"useData":true});
 
 /***/ }),
@@ -144124,9 +144124,9 @@ const buildConsumptionText = async client => {
 
     if (value) {
       if (value > 0) {
-        text += '<span class="elec-text">-&nbsp;' + Math.ceil(value * 100) + "&nbsp;%&nbsp;d'électricité</span>";
+        text += '<span class="elec-text"><br>-&nbsp;' + Math.ceil(value * 100) + "&nbsp;%&nbsp;d'électricité</span>";
       } else {
-        text += '<span class="elec-text">+&nbsp;' + Math.ceil(Math.abs(value * 100)) + "&nbsp;%&nbsp;d'électricité</span>";
+        text += '<span class="elec-text"><br>+&nbsp;' + Math.ceil(Math.abs(value * 100)) + "&nbsp;%&nbsp;d'électricité</span>";
       }
     }
   }
@@ -144135,14 +144135,10 @@ const buildConsumptionText = async client => {
     const value = consumption[_fluid.FluidType.GAS] && consumption[_fluid.FluidType.GAS].percentageVariation !== null ? consumption[_fluid.FluidType.GAS].percentageVariation : 0;
 
     if (value) {
-      if (text.length > 0) {
-        text += ', ';
-      }
-
       if (value > 0) {
-        text += '<span class="gas-text">-&nbsp;' + Math.ceil(value * 100) + '&nbsp;%&nbsp;de&nbsp;gaz</span>';
+        text += '<span class="gas-text"><br>-&nbsp;' + Math.ceil(value * 100) + '&nbsp;%&nbsp;de&nbsp;gaz</span>';
       } else {
-        text += '<span class="gas-text">+&nbsp;' + Math.ceil(Math.abs(value * 100)) + '&nbsp;%&nbsp;de&nbsp;gaz</span>';
+        text += '<span class="gas-text"><br>+&nbsp;' + Math.ceil(Math.abs(value * 100)) + '&nbsp;%&nbsp;de&nbsp;gaz</span>';
       }
     }
   }
@@ -144151,14 +144147,10 @@ const buildConsumptionText = async client => {
     const value = consumption[_fluid.FluidType.WATER].percentageVariation ? consumption[_fluid.FluidType.WATER].percentageVariation : 0;
 
     if (value) {
-      if (text.length > 0) {
-        text += ', ';
-      }
-
       if (value > 0) {
-        text += '<span class="water-text">-&nbsp;' + Math.ceil(value * 100) + "&nbsp;%&nbsp;d'eau</span>";
+        text += '<span class="water-text"><br>-&nbsp;' + Math.ceil(value * 100) + "&nbsp;%&nbsp;d'eau</span>";
       } else {
-        text += '<span class="water-text">+&nbsp;' + Math.ceil(Math.abs(value * 100)) + "&nbsp;%&nbsp;d'eau</span>";
+        text += '<span class="water-text"><br>+&nbsp;' + Math.ceil(Math.abs(value * 100)) + "&nbsp;%&nbsp;d'eau</span>";
       }
     }
   }
@@ -144293,14 +144285,15 @@ const monthlyReportNotification = async ({
     newsContent: monthlyReport.newsContent.replace(/{cozyUrl}/g, appLink + '#/'),
     pollText: monthlyReport.question.replace(/{cozyUrl}/g, appLink + '#/'),
     pollUrl: monthlyReport.link,
-    previousMonth: (0, _utils.getPreviousMonthName)(date.minus({
+    previousMonth: (0, _utils.getMonthNameWithPrep)(date.minus({
       month: 1
     })),
-    consoImageUrl: baseUrl + '/assets/multifluidConsumption.png'
+    consoImageUrl: baseUrl + '/assets/multifluidConsumption.png',
+    feedbackImageUrl: baseUrl + '/assets/feedback.png'
   });
   const mailData = {
     mode: 'noreply',
-    subject: `[Ecolyo] - Votre bilan mensuel ${(0, _utils.getMonthNameWithPrep)(date)} ${date.year}`,
+    subject: `[Ecolyo] Votre bilan mensuel ${(0, _utils.getMonthNameWithPrep)(date)} ${date.year}`,
     parts: [{
       type: 'text/html',
       body: (0, _mjml.default)(template).html
@@ -144351,14 +144344,12 @@ module.exports = (Handlebars["default"] || Handlebars).template({"1":function(co
         return undefined
     };
 
-  return "        <mj-text color=\"white\" font-weight=\"400\"  font-size=\"18px\">Ce mois-ci vous avez consommé "
-    + ((stack1 = alias1((depth0 != null ? lookupProperty(depth0,"consumptionText") : depth0), depth0)) != null ? stack1 : "")
-    + "  par rapport au mois de "
+  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))
-    + ". <br /><br /> Retrouvez le détail de vos consommations et plus d'informations dans votre bilan Ecolyo.</mj-text>\n";
+    + ", 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\">Retrouvez le détail de vos consommations et plus d'informations dans votre bilan Ecolyo.</mj-text>\n";
-},"7":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];
@@ -144368,10 +144359,10 @@ module.exports = (Handlebars["default"] || Handlebars).template({"1":function(co
 
   return "          <mj-divider css-class=\"m-divider\"></mj-divider>\n          <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\" align=\"center\" 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";
-},"9":function(container,depth0,helpers,partials,data) {
+},"7":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];
@@ -144379,7 +144370,7 @@ module.exports = (Handlebars["default"] || Handlebars).template({"1":function(co
         return undefined
     };
 
-  return "          <mj-divider css-class=\"m-divider\"></mj-divider>\n          <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\" align=\"center\" css-class=\"custom-link\" >"
+  return "          <mj-divider css-class=\"m-divider\"></mj-divider>\n          <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=\""
     + container.escapeExpression(alias1((depth0 != null ? lookupProperty(depth0,"pollUrl") : depth0), depth0))
@@ -144394,30 +144385,31 @@ module.exports = (Handlebars["default"] || Handlebars).template({"1":function(co
 
   return "<mjml>\n  <mj-head>\n"
     + ((stack1 = container.invokePartial(__webpack_require__(1463),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: bold !important;\n      }\n    .gas-text {\n        color: #45d1b8 !important;\n        font-weight: bold !important;\n      }\n    .water-text {\n        color: #3a98ec !important;\n        font-weight: bold !important;\n      }\n    </mj-style>\n  </mj-head>\n  <mj-body background-color=\"#121212\" css-class=\"main\">\n"
+    + "    <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"
     + ((stack1 = container.invokePartial(__webpack_require__(1464),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=\"60%\" 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 width=\"55%\" vertical-align=\"middle\">\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 : "")
-    + ((stack1 = lookupProperty(helpers,"unless").call(alias3,(depth0 != null ? lookupProperty(depth0,"consumptionTextExist") : depth0),{"name":"unless","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":32,"column":8},"end":{"line":34,"column":19}}})) != null ? stack1 : "")
-    + "      </mj-column>\n      <mj-column width=\"40%\" vertical-align=\"middle\">\n        <mj-image src="
+    + "      </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=\"consomation\"></mj-image>\n      </mj-column>\n    </mj-section>\n    <mj-section background-color=\"#121212\">\n      <mj-column>\n        <mj-social css-class=\"button-with-icon\" icon-size=\"36px\" mode=\"horizontal\" font-size=\"20px\" font-weight=\"700\" >\n          <mj-social-element src=\""
+    + " width=\"132px\" align=\"center\" alt=\"consomation\"></mj-image>\n      </mj-column>\n    </mj-section>\n    <mj-section background-color=\"#121212\">\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-column>\n        <mj-social css-class=\"button-with-icon\" icon-size=\"36px\" 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    <mj-section background-color=\"radial-gradient(96.2% 96.2% at 50% 3.8%, #343641 0%, #1B1C22 100%)\">\n      <mj-column>\n          <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=\""
     + alias2(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\"  align=\"center\" css-class=\"custom-link\">"
+    + "\" 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"
-    + ((stack1 = lookupProperty(helpers,"if").call(alias3,(depth0 != null ? lookupProperty(depth0,"isServiceNews") : depth0),{"name":"if","hash":{},"fn":container.program(7, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":56,"column":8},"end":{"line":62,"column":15}}})) != null ? stack1 : "")
-    + ((stack1 = lookupProperty(helpers,"if").call(alias3,(depth0 != null ? lookupProperty(depth0,"isPoll") : depth0),{"name":"if","hash":{},"fn":container.program(9, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":63,"column":8},"end":{"line":72,"column":15}}})) != null ? stack1 : "")
-    + "      </mj-column>\n    </mj-section>\n\n    <mj-section background-color=\"black\">\n      <mj-column>\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias3,(depth0 != null ? lookupProperty(depth0,"isServiceNews") : depth0),{"name":"if","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":54,"column":8},"end":{"line":60,"column":15}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"if").call(alias3,(depth0 != null ? lookupProperty(depth0,"isPoll") : depth0),{"name":"if","hash":{},"fn":container.program(7, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":61,"column":8},"end":{"line":70,"column":15}}})) != null ? stack1 : "")
+    + "      </mj-column>\n    </mj-section>\n    <mj-section background-color=\"#121212\">\n      <mj-column width=\"40%\" vertical-align=\"middle\">\n        <mj-image src="
+    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"feedbackImageUrl") : depth0), depth0))
+    + " width=\"53px\" align=\"center\" alt=\"feedback\"></mj-image>\n      </mj-column>\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.\n      </mj-text>\n    </mj-section>\n    <mj-section background-color=\"black\">\n      <mj-column>\n"
     + ((stack1 = container.invokePartial(__webpack_require__(1465),depth0,{"name":"base/footer","fn":container.program(1, data, 0),"inverse":container.noop,"data":data,"helpers":helpers,"partials":partials,"decorators":container.decorators})) != null ? stack1 : "")
     + ((stack1 = container.invokePartial(__webpack_require__(1472),depth0,{"name":"base/unsubscribe","fn":container.program(1, data, 0),"inverse":container.noop,"data":data,"helpers":helpers,"partials":partials,"decorators":container.decorators})) != null ? stack1 : "")
-    + "      </mj-column>\n    </mj-section>\n  </mj-body>\n</mjml>\n\n";
+    + "      </mj-column>\n    </mj-section>\n  </mj-body>\n</mjml>";
 },"usePartial":true,"useData":true});
 
 /***/ }),