diff --git a/index.html b/index.html
index 40c20f2..8d89cfd 100644
--- a/index.html
+++ b/index.html
@@ -1,67 +1,87 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
-<head>
-<meta charset="UTF-8">
-<link rel="stylesheet" href="bdchapril.css"/>
 
-<title>BD Chapril, générateur de BD de l'April</title>
- </head>
-<body>
+    <head>
+        <meta charset="UTF-8">
+        <link rel="stylesheet" href="bdchapril.css" />
+        <link rel="manifest" href="manifest.json" />
+        <title>BD Chapril, générateur de BD de l'April</title>
+    </head>
 
-<!-- ajout conteneur global -->
-<div id="wrapper">
-  <div id="focusImg" style="display:none;"><img id="bigImg"/></div>
-<!-- tableau de bord -->
+    <body>
 
-	<div id="tableauDeBord">
- 		<div id="menuContainer">
-	<h1><span class="hidden">BD Chapril</span><img id="logo" src="images/banniere_bdchapril.png" width="230" height="162" alt="Banniere du générateur" ></h1>
-	<p class="hidden">Générateur de BD de l'April</p>
-			<div id="lib" class="rc">
-			<div><label for="newText"><span class="hidden">Saisissez votre bulle</span></label> <input type="text" id="newText" placeholder="Saisissez votre bulle" onkeypress="cg.createTextFromInput(event)"/></div>
+        <!-- ajout conteneur global -->
+        <div id="wrapper">
+            <div id="focusImg" style="display:none;"><img id="bigImg" />
+            </div>
+            <!-- tableau de bord -->
+
+            <div id="tableauDeBord">
+                <div id="menuContainer">
+                    <h1><span class="hidden">BD Chapril</span><img id="logo" src="images/banniere_bdchapril.png" width="230"
+                            height="162" alt="Banniere du générateur"></h1>
+                    <p class="hidden">Générateur de BD de l'April</p>
+                    <div id="lib" class="rc">
+                        <div><label for="newText"><span class="hidden">Saisissez votre bulle</span></label> <input
+                                type="text" id="newText" placeholder="Saisissez votre bulle"
+                                onkeypress="cg.createTextFromInput(event)" /></div>
                         <div class="upload">
-                          <input type="file" accept="image/*" id="imageFileInput" class="file" multiple   onchange='cg.createImageFromInput(this)' />
-                        <h2 class="save"><a href="#" onclick="$('#imageFileInput').click();" title="Importer une ou plusieurs images">Importer une image</a></h2></div>
+                            <input type="file" accept="image/*" id="imageFileInput" class="file" multiple
+                                onchange='cg.createImageFromInput(this)' />
+                            <h2 class="save"><a href="#" onclick="$('#imageFileInput').click();"
+                                    title="Importer une ou plusieurs images">Importer une image</a></h2>
                         </div>
-	</div>
-	
-<div id="hiddenObjs">
-	<div id="textTool" class="rc mini textTool" title="Ajouter du texte" onclick="cg.createText();">T</div>
-	<div id="instructs" class="rc instructions">
-		<h2>Instructions</h2>
-		<ul>
-			<li><em>Flêche bas</em>: rétrécir</li>
-			<li><em>Flêche haut</em>: agrandir</li>
-			<li><em>Gauche/Droite</em>: retournement horizontal</li>
-			<li><em>Del</em>: effacer l'objet</li>
-		</ul>
+                    </div>
+                </div>
 
-	</div></div>
-<div id="toolbar" class="rcBottom">
-	
-	<h2 class="save"><a href="javascript:cg.saveImage();" title="enregistrer l image">Enregistrer votre image</a></h2>
-<h2 class="last">Redimensionner la fenêtre</h2> 
-<br />
-<p> <input type="text" id="newWidth" placeholder="Largeur"/> x <input type="text" id="newHeight" placeholder="Hauteur"/> </p> 
-<br/>
-<h2 class="save"><a href="javascript:cg.setScreen($('#newWidth').val(), $('#newHeight').val())" class="save">Redimensionner</a> </h2>
-</div></div>
-<!-- fin tableau de bord -->
+                <div id="hiddenObjs">
+                    <div id="textTool" class="rc mini textTool" title="Ajouter du texte" onclick="cg.createText();">T</div>
+                    <div id="instructs" class="rc instructions">
+                        <h2>Instructions</h2>
+                        <ul>
+                            <li><em>Flêche bas</em>: rétrécir</li>
+                            <li><em>Flêche haut</em>: agrandir</li>
+                            <li><em>Gauche/Droite</em>: retournement horizontal</li>
+                            <li><em>Del</em>: effacer l'objet</li>
+                        </ul>
 
-	<div id="cscreen">
-		<canvas class="rc" id="c" crossorigin="anonymous" width="800" height="600">
-			Le générateur du GKND a besoin d'un navigateur récent et de javascript pour fonctionner.
-		</canvas>
-	</div>
-<footer>
-	<p><em>Les dessins sont l'œuvre de <a href="https://ptilouk.net"><em>Gee</em></a> et sont diffusés sous licence Creative Commons By-Sa.<br/>
-	<em>BD Chapril</em> est une adaptation de <a href="https://framalab.org/gknd-creator/">GéGé</a>, lui-même une adaptation de <a href="https://github.com/willianpc/comicgen" title="Code source de l'auteur original sur Github">Comic Gen de Willian Carvalho</a> réalisée par Cyrille Largillier pour <a href="https://framasoft.org" title="Vous ne connaissez pas encore Framasoft ?">Framasoft</a>.</p>
-</footer>
-<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
-<script type="text/javascript" src="ragaboom.min.js"></script>
-<script type="text/javascript" src="comicgen.js"></script>
-<script type="text/javascript" src="bdchapril.js"></script>
+                    </div>
+                </div>
+                <div id="toolbar" class="rcBottom">
 
-</div>
-</body>
-</html>
+                    <h2 class="save"><a href="javascript:cg.saveImage();" title="enregistrer l image">Enregistrer votre
+                            image</a></h2>
+                    <h2 class="last">Redimensionner la fenêtre</h2>
+                    <br />
+                    <p> <input type="text" id="newWidth" placeholder="Largeur" /> x <input type="text" id="newHeight"
+                            placeholder="Hauteur" /> </p>
+                    <br />
+                    <h2 class="save"><a href="javascript:cg.setScreen($('#newWidth').val(), $('#newHeight').val())"
+                            class="save">Redimensionner</a> </h2>
+                </div>
+            </div>
+            <!-- fin tableau de bord -->
+
+            <div id="cscreen">
+                <canvas class="rc" id="c" crossorigin="anonymous" width="800" height="600">
+                    Le générateur du GKND a besoin d'un navigateur récent et de javascript pour fonctionner.
+                </canvas>
+            </div>
+            <footer>
+                <p>Les dessins sont l'œuvre de <a href="https://ptilouk.net"><em>Gee</em></a> et sont diffusés sous
+                        licence Creative Commons By-Sa.<br />
+                        <em>BD Chapril</em> est une adaptation de <a href="https://framalab.org/gknd-creator/">GéGé</a>,
+                        lui-même une adaptation de <a href="https://github.com/willianpc/comicgen"
+                            title="Code source de l'auteur original sur Github">Comic Gen de Willian Carvalho</a> réalisée
+                        par Cyrille Largillier pour <a href="https://framasoft.org"
+                            title="Vous ne connaissez pas encore Framasoft ?">Framasoft</a>.</p>
+            </footer>
+            <script type="text/javascript" src="jquery-1.5.2.min.js"></script>
+            <script type="text/javascript" src="ragaboom.min.js"></script>
+            <script type="text/javascript" src="comicgen.js"></script>
+            <script type="text/javascript" src="bdchapril.js"></script>
+
+        </div>
+    </body>
+
+</html>
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..5820c06
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,13 @@
+{
+    "name": "Service BD du Chapril",
+    "short_name": "bd",
+    "description": "Le générateur de BD du Chapril",
+    "icons":[
+        {
+            "src": "images/banniere_bdchapril.png"
+        }
+    ],
+    "start_url": "/index.html",
+    "display": "browser",
+    "prefer_related_applications": false
+}
\ No newline at end of file
diff --git a/sw.js b/sw.js
index 95b18c1..9e45769 100644
--- a/sw.js
+++ b/sw.js
@@ -3,6 +3,7 @@
 
 const RESOURCES = [
     '/',
+    '/manifest.json',
     '/bdchapril.css',
     '/comicgen.js',
     '/index.html',
