diff --git a/assets/css/style.css b/assets/css/style.css
index 3517cd9..40c31cb 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -280,4 +280,18 @@ body{
     100%{
         transform: rotate(0deg) scale(1);
     }
+}
+
+.mute{
+    height: 64px;
+    width: 64px;
+    background: url(../img/mute.png) no-repeat;
+    background-position: 0px 0px;
+    position: absolute;
+    left: 15;
+    bottom: 15px;
+}
+
+.mute-off{
+    background-position: 0px -64px;
 }
\ No newline at end of file
diff --git a/assets/img/mute.png b/assets/img/mute.png
new file mode 100644
index 0000000..4028a3e
Binary files /dev/null and b/assets/img/mute.png differ
diff --git a/index.html b/index.html
index 4455f9c..84d121c 100644
--- a/index.html
+++ b/index.html
@@ -30,6 +30,7 @@
                 <a href="#" class="play hard">Pas facile</a>
                 <img src="assets/img/tank.png" alt="tank">
             </div>
+            <div id="mute" class="mute mute-off"></div>
             <div class="line line-1">
                 <div class="col col-1"></div>
                 <div class="col col-2"></div>