diff --git a/app/ecolyo.17a49c8db3ad82fa6a93.js b/app/ecolyo.465df7519672eb5438d3.js
similarity index 99%
rename from app/ecolyo.17a49c8db3ad82fa6a93.js
rename to app/ecolyo.465df7519672eb5438d3.js
index d783b4e57e8bfcb529c434911062e8016ee44e29..e043d342c0a4dc66f19fc6147419b945a94728c0 100644
--- a/app/ecolyo.17a49c8db3ad82fa6a93.js
+++ b/app/ecolyo.465df7519672eb5438d3.js
@@ -3349,7 +3349,9 @@ var WelcomeModal = function WelcomeModal(_ref) {
               appleImageUrl: baseUrl + '/assets/apple.png',
               dotImageUrl: baseUrl + '/assets/dot.png',
               starImageUrl: baseUrl + '/assets/star.png',
-              shareImageUrl: baseUrl + '/assets/share.png'
+              shareImageUrl: baseUrl + '/assets/share.png',
+              pwaAndroidUrl: baseUrl + '/assets/pwa_android.gif',
+              pwaIosUrl: baseUrl + '/assets/pwa_ios.gif'
             });
             mailData = {
               mode: 'noreply',
@@ -28430,11 +28432,15 @@ module.exports = (Handlebars["default"] || Handlebars).template({"1":function(co
     + alias2(alias1((depth0 != null ? lookupProperty(depth0,"androidImageUrl") : depth0), depth0))
     + "\" name=\"ecolyo\" padding=\"0 24px 0 0\">\n            Ecolyo pour Android\n          </mj-social-element>\n        </mj-social>\n        <mj-text color=\"white\" font-size=\"18px\">\n          1 - Appuyez sur les trois petits points du menu en haut à droite\n          <img width=\"24px\" src="
     + alias2(alias1((depth0 != null ? lookupProperty(depth0,"dotImageUrl") : depth0), depth0))
-    + "></img>\n        </mj-text>\n        <mj-text color=\"white\" font-size=\"18px\">\n          2 - Sélectionnez \"Ajouter à l'écran d'accueil\".\n        </mj-text>\n        <mj-text color=\"white\" font-size=\"18px\">\n          3 - Nommez la page et appuyez sur \"Ajouter\". Un raccourci vers la page web est apparu sur l'écran d'accueil de votre smartphone.\n        </mj-text>\n\n        <mj-social align=\"left\" icon-size=\"30px\" mode=\"horizontal\" font-weight=\"600\" font-size=\"18px\" padding-top=\"30px\">\n          <mj-social-element color=\"#F1C017\" src="
+    + "></img>\n        </mj-text>\n        <mj-text color=\"white\" font-size=\"18px\">\n          2 - Sélectionnez \"Ajouter à l'écran d'accueil\".\n        </mj-text>\n        <mj-text color=\"white\" font-size=\"18px\">\n          3 - Nommez la page et appuyez sur \"Ajouter\". Un raccourci vers la page web est apparu sur l'écran d'accueil de votre smartphone.\n        </mj-text>\n        <mj-image src="
+    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"pwaAndroidUrl") : depth0), depth0))
+    + " width=\"250px\" align=\"center\"></mj-image>\n\n        <mj-social align=\"left\" icon-size=\"30px\" mode=\"horizontal\" font-weight=\"600\" font-size=\"18px\" padding-top=\"30px\">\n          <mj-social-element color=\"#F1C017\" src="
     + alias2(alias1((depth0 != null ? lookupProperty(depth0,"appleImageUrl") : depth0), depth0))
     + " name=\"ecolyo\" padding=\"0 24px 0 0\">\n            Ecolyo pour Iphone\n          </mj-social-element>\n        </mj-social>\n        <mj-text color=\"white\" font-size=\"18px\" vertical-align=\"middle\">\n          1 - Cliquez sur partager (carré avec flèche pointant vers le haut)\n          <img width=\"24px\" src="
     + alias2(alias1((depth0 != null ? lookupProperty(depth0,"shareImageUrl") : depth0), depth0))
-    + " />\n        </mj-text>\n        <mj-text color=\"white\" font-size=\"18px\">\n          2 - Dans le menu ouvert, descendez et sélectionnez sur « Sur l’Écran d’Accueil ».\n        </mj-text>\n        <mj-text color=\"white\" font-size=\"18px\">\n          3 - Cliquez sur « Ajouter ». Un raccourci vers Ecolyo aura ainsi été créé sur votre écran d’accueil. Vous pourrez y accéder comme pour une autre application.\n        </mj-text>\n        <mj-text color=\"#A0A0A0\" font-weight=\"400\" font-style=\"italic\" font-size=\"18px\">\n          Attention cette manipulation ne fonctionne que si vous avez ouvert le lien dans Safari.\n        </mj-text>\n      </mj-column>\n    </mj-section>\n\n    <mj-section background-color=\"#1B1C22\">\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=\""
+    + " />\n        </mj-text>\n        <mj-text color=\"white\" font-size=\"18px\">\n          2 - Dans le menu ouvert, descendez et sélectionnez sur « Sur l’Écran d’Accueil ».\n        </mj-text>\n        <mj-text color=\"white\" font-size=\"18px\">\n          3 - Cliquez sur « Ajouter ». Un raccourci vers Ecolyo aura ainsi été créé sur votre écran d’accueil. Vous pourrez y accéder comme pour une autre application.\n        </mj-text>\n        <mj-text color=\"#A0A0A0\" font-weight=\"400\" font-style=\"italic\" font-size=\"18px\">\n          Attention cette manipulation ne fonctionne que si vous avez ouvert le lien dans Safari.\n        </mj-text>\n        <mj-image src="
+    + alias2(alias1((depth0 != null ? lookupProperty(depth0,"pwaIosUrl") : depth0), depth0))
+    + " width=\"250px\" align=\"center\"></mj-image>\n      </mj-column>\n    </mj-section>\n\n    <mj-section background-color=\"#1B1C22\">\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))
diff --git a/assets/pwa_android.gif b/assets/pwa_android.gif
new file mode 100644
index 0000000000000000000000000000000000000000..35c61ebbbc6f273d6e1b36353d2e11bb52d80939
Binary files /dev/null and b/assets/pwa_android.gif differ
diff --git a/assets/pwa_ios.gif b/assets/pwa_ios.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8dcdd7bc86c6d0110f130a4a40bab26fe4b42b5b
Binary files /dev/null and b/assets/pwa_ios.gif differ
diff --git a/index.html b/index.html
index 4a3d79d6ea81e81b646c6c5662cd2725df8c940c..ebc00125b1d3f411919e34eb1d41b5dd9bec7123 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.d332a37d84cf028b68a7.js"></script><script src="app/ecolyo.17a49c8db3ad82fa6a93.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.d332a37d84cf028b68a7.js"></script><script src="app/ecolyo.465df7519672eb5438d3.js"></script></div></body></html>
\ No newline at end of file