diff --git a/Jeux_404/main.html b/Jeux_404/main.html
index d9eacf2..a8e0269 100644
--- a/Jeux_404/main.html
+++ b/Jeux_404/main.html
@@ -7,44 +7,71 @@
 <head>
     <meta charset="UTF8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <style>
-        canvas {
-            border-bottom: 2px solid #0d0d0d;
-        }
-        
-        .center {
-            text-align: center;
-        }
-        
-        button {
-            margin-top: +50px;
-            display: block;
-            margin-left: auto;
-            margin-right: auto;
-        }
-        
-        img {
-            margin-top: +130px;
-            margin-left: +300px;
-        }
-    </style>
+    <link rel="stylesheet" type="text/css" href="./styles.css" />
 </head>
 
 <body>
+    <!--Jeux principal-->
     <h1 class="center">Fuyez l'homme en noir !</h1>
-
     <script src="./scores.js">
         startGame()
     </script>
+
+    <!--Tableau des scores-->
+    <h3 class="cote">Meilleur score</h3>
     <script src="./script.js">
         load()
     </script>
+    <table class="tab">
+        <tbody>
+            <tr>
+                <td>
+                    <p>1ST</p>
+                </td>
+                <td>
+                    <script>
+                        document.write(getPremier());
+                    </script>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <p>2ND</p>
+                </td>
+                <td>
+                    <script>
+                        document.write(getSecond());
+                    </script>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <p>3RD</p>
+                </td>
+                <td>
+                    <script>
+                        document.write(getTroisieme());
+                    </script>
+                </td>
+            </tr>
+        </tbody>
+    </table>
 
+    <!--gif homme en noir qui marche-->
     <img src="./gifs/homme trop swag.gif" alt="homme en noir" height="150" width="150">
 
-    <br>
-    <button onmousedown="sauter(-0.5)" onmouseup="sauter(0.05)">SAUTER</button>
+    <!--Insertion de l'audio a chaque saut-->
+    <audio id="myAudio">
+            <source src="./sons/OhPonyBoy_-_WOUTIPOUP.ogg" type="audio/ogg">
+            <source src="./sons/OhPonyBoy_-_WOUTIPOUP.mp3" type="audio/mpeg">
+    </audio>
 
+    <!--bouton evenement-->
+    <br>
+    <button onmousedown="sauter(-0.05)" onmouseup="sauter(0.05)">SAUTER</audio></button>
+    <button onclick="playAudio()">MUSIC</audio></button>
+
+    <!--lancer le jeux-->
     <script>
         startGame()
         load()
diff --git a/Jeux_404/scores.js b/Jeux_404/scores.js
index f1adb72..85bbb7c 100644
--- a/Jeux_404/scores.js
+++ b/Jeux_404/scores.js
@@ -1,43 +1,47 @@
 //VARIABLES
-var premier = 0;
-var deuxieme = 0;
-var troisième = 0;
-
-var ligne;
-
-var score = new Array("1ST", "2ND", "3RD");
-var premier = score["1ST"];
-var deuxieme = score["2ND"];
-var troisième = score["3RD"];
+var premier = localStorage.setItem('premier', 0);
+var deuxieme = localStorage.setItem('deuxieme', 0);
+var troisieme = localStorage.setItem('troisieme', 0);
 
 var tableau = {
     canvas: document.createElement("canvas"),
     start: function() {
         this.canvas.width = 200;
         this.canvas.height = 150;
-        this.context = this.canvas.getContext("2d");
-        this.canvas.style = "position:absolute; margin-write: +500px; border: 2px solid #0d0d0d;";
+        var ctx = this.canvas.getContext("2d");
+        this.canvas.style = "position:absolute; margin-top: +50px; border: 2px solid #0d0d0d;";
         document.body.insertBefore(this.canvas, document.body.childNodes[0]);
         this.interval = setInterval(updateGameArea, 20);
     },
     clear: function() {
-        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+        this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
     }
 }
 
-
 //METHODES
 function update(score) {
     if (score > premier)
-        this.premier = score;
+        localStorage.setItem('premier', score);
     else if (score > deuxieme)
-        this.deuxieme = score;
-    else if (score > troisième)
-        this.troisième = score;
+        localStorage.setItem('deuxieme', score);
+    else if (score > troisieme)
+        localStorage.setItem('troisieme', score);
 }
 
 function load() {
-    update();
-    //for (var i = 0; i < score.lenght; i++)
+    update(getScore());
     tableau.start();
+}
+
+//GETTER
+function getPremier() {
+    return localStorage.getItem('premier');
+}
+
+function getSecond() {
+    return localStorage.getItem('deuxieme');
+}
+
+function getTroisieme() {
+    return localStorage.getItem('troisieme');
 }
\ No newline at end of file
diff --git a/Jeux_404/script.js b/Jeux_404/script.js
index 7355f15..2afc5ef 100644
--- a/Jeux_404/script.js
+++ b/Jeux_404/script.js
@@ -119,5 +119,12 @@ function everyinterval(n) {
 }
 
 function sauter(n) {
+    let audio = new Audio("./");
+    audio.play();
     personnage.gravity = n;
+}
+
+//GETTER
+function getScore() {
+    return score;
 }
\ No newline at end of file
diff --git a/Jeux_404/sons.js b/Jeux_404/sons.js
new file mode 100644
index 0000000..c5b1099
--- /dev/null
+++ b/Jeux_404/sons.js
@@ -0,0 +1,9 @@
+var x = document.getElementById("myAudio");
+
+function playAudio() {
+    x.play();
+}
+
+function pauseAudio() {
+    x.pause();
+}
\ No newline at end of file
diff --git a/Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.mp3 b/Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.mp3
new file mode 100644
index 0000000..0ef6a7e
Binary files /dev/null and b/Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.mp3 differ
diff --git a/Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.ogg b/Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.ogg
new file mode 100644
index 0000000..85c7c1a
Binary files /dev/null and b/Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.ogg differ
diff --git a/Jeux_404/styles.css b/Jeux_404/styles.css
new file mode 100644
index 0000000..6d18640
--- /dev/null
+++ b/Jeux_404/styles.css
@@ -0,0 +1,31 @@
+canvas {
+    border-bottom: 2px solid #0d0d0d;
+}
+
+.center {
+    text-align: center;
+}
+
+.cote {
+    margin-top: -40px;
+}
+
+button {
+    margin-top: +50px;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+img {
+    margin-top: -10px;
+    margin-left: +300px;
+}
+
+.tab {
+    margin-top: -10px;
+}
+
+.marge {
+    margin-left: 5em;
+}
\ No newline at end of file
diff --git a/database.sql b/database.sql
deleted file mode 100644
index ce44545..0000000
--- a/database.sql
+++ /dev/null
@@ -1,136 +0,0 @@
---
--- Base de données :    'Sombra'
---
-
--- --------------------------------------------------------
-
---
--- Structure de la table 'IDENTITE'
---
-
-CREATE TABLE 'IDENTITE' (
-    'idIdentite' int(11) NOT NULL,
-    'nom' varchar(30) NOT NULL,1
-    'prenom' varchar(30) NOT NULL,
-    'email' varchar(50) NOT NULL,
-    'dateNaissance' date NOT NULL,
-    'genre' varchar(15) NOT NULL
-);
-
--- --------------------------------------------------------
-
---
--- Structure de la table 'IMAGE'
---
-
-CREATE TABLE 'IMAGE' (
-    'idPhoto' int(11) NOT NULL,
-    'lienImage' varchar(100) NOT NULL
-);
-
--- --------------------------------------------------------
-
---
--- Structure de la table 'MESSAGE'
---
-
-CREATE TABLE 'MESSAGE' (
-    'idMessage' int(11) NOT NULL,
-    'auteur' int(11) NOT NULL,
-    'message' varchar(255) NOT NULL,
-    'image' int(11)
-);
-
--- --------------------------------------------------------
-
---
--- Structure de la table 'USER'
---
-
-CREATE TABLE 'USER' (
-    'idUser' int(11) NOT NULL,
-    'login' varchar(11) NOT NULL,
-    'password' varchar(11) NOT NULL,
-    'identite' int(11) NOT NULL
-);
-
---
--- Index pour les tables déchargées
---
-
---
--- Index pour la table 'IDENTITE'
---
-ALTER TABLE 'IDENTITE'
-    ADD PRIMARY KEY ('idIdentite');
-
---
--- Index pour la table 'IMAGE'
---
-ALTER TABLE 'IMAGE'
-    ADD PRIMARY KEY ('idPhoto');
-
---
--- Index pour la table 'MESSAGE'
---
-ALTER TABLE 'MESSAGE'
-    ADD PRIMARY KEY ('idMessage'),
-    ADD KEY 'imageMessage' ('image'),
-    ADD KEY 'userMessage' ('auteur');
-
---
--- Index pour la table 'USER'
---
-ALTER TABLE 'USER'
-    ADD PRIMARY KEY ('idUser'),
-    ADD KEY 'userIdentLink' ('identite');
-
---
--- AUTO_INCREMENT pour les tables déchargées
---
-
---
--- AUTO_INCREMENT pour la table 'IDENTITE'
---
-ALTER TABLE 'IDENTITE'
-    MODIFY 'idIdentite' int(11) NOT NULL AUTO_INCREMENT;
-
---
--- AUTO_INCREMENT pour la table 'IMAGE'
---
-ALTER TABLE 'IMAGE'
-    MODIFY 'idPhoto' int(11) NOT NULL AUTO_INCREMENT;
-
---
--- AUTO_INCREMENT pour la table 'MESSAGE'
---
-ALTER TABLE 'MESSAGE'
-    MODIFY 'idMessage' int(11) NOT NULL AUTO_INCREMENT;
-
---
--- AUTO_INCREMENT pour la table 'USER'
---
-ALTER TABLE 'USER'
-    MODIFY 'idUser' int(11) NOT NULL AUTO_INCREMENT;
-
---
--- Contraintes pour les tables déchargées
---
-
---
--- Contraintes pour la table 'MESSAGE'
---
-ALTER TABLE 'MESSAGE'
-    ADD CONSTRAINT 'imageMessage' FOREIGN KEY ('image') REFERENCES 'IMAGE' ('idPhoto') ON DELETE CASCADE ON UPDATE CASCADE,
-    ADD CONSTRAINT 'userMessage' FOREIGN KEY ('auteur') REFERENCES 'USER' ('idUser') ON UPDATE CASCADE;
-
---
--- Contraintes pour la table 'USER'
---
-ALTER TABLE 'USER'
-    ADD CONSTRAINT 'userIdentLink' FOREIGN KEY ('identite') REFERENCES 'IDENTITE' ('idIdentite') ON DELETE CASCADE ON UPDATE CASCADE;
-COMMIT;
-
-/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
-/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
-/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
\ No newline at end of file
