diff --git a/index.html b/index.html
index 22697db..e65ab4c 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
 <ul>
     <li><a href="jeux/signal.html">Signal</a></li>
     <li><a href="jeux/camel.html">Camel</a></li>
-    <li><a href="jeux/urbain.html">Urbain Nature</a></li>
+    <li><a href="jeux/nature.html">Urbain Nature</a></li>
 </ul>
 <footer>
     <p>
diff --git a/jeux/assets/nature.css b/jeux/assets/nature.css
index e69de29..115a8c4 100644
--- a/jeux/assets/nature.css
+++ b/jeux/assets/nature.css
@@ -0,0 +1,5 @@
+.img-holder {
+    position: relative;
+    top: 0;
+    left: 0;
+}
\ No newline at end of file
diff --git a/jeux/assets/nature.js b/jeux/assets/nature.js
index e69de29..5c618c3 100644
--- a/jeux/assets/nature.js
+++ b/jeux/assets/nature.js
@@ -0,0 +1,32 @@
+const MAX_LEAVES = 1000;
+let counter = MAX_LEAVES;
+
+function loadLeaves() {
+    for (let i = 0; i < MAX_LEAVES; i++) {
+        const img = document.createElement("img");
+        const moquette = document.getElementById("moquette");
+        const id = Math.floor(Math.random() * 3) + 1;
+        img.src = `images/feuille-${id}.png`;
+        img.classList.add("hidden");
+        img.addEventListener("mouseover", disappear);
+        const maxTop = moquette.height - img.height;
+        const maxLeft = moquette.width - img.width;
+        const top = Math.floor(Math.random() * maxTop);
+        const left = Math.floor(Math.random() * maxLeft);
+        const angle = Math.floor(Math.random() * 360);
+        img.style = `position: absolute; top: ${top}px; left: ${left}px; transform: rotate(${angle}deg);`;
+        img.classList.remove("hidden");
+        moquette.parentElement.appendChild(img);
+    }
+}
+
+function disappear() {
+    this.remove();
+    counter--;
+    if (counter <= 0) {
+        counter = 0;
+        win();
+    }
+}
+
+loadLeaves();
diff --git a/jeux/images/feuille-1.png b/jeux/images/feuille-1.png
new file mode 100644
index 0000000..0803890
Binary files /dev/null and b/jeux/images/feuille-1.png differ
diff --git a/jeux/images/feuille-2.png b/jeux/images/feuille-2.png
new file mode 100644
index 0000000..a354733
Binary files /dev/null and b/jeux/images/feuille-2.png differ
diff --git a/jeux/images/feuille-3.png b/jeux/images/feuille-3.png
new file mode 100644
index 0000000..d17b54f
Binary files /dev/null and b/jeux/images/feuille-3.png differ
diff --git a/jeux/images/nature.jpg b/jeux/images/nature.jpg
new file mode 100644
index 0000000..e92e3b7
Binary files /dev/null and b/jeux/images/nature.jpg differ
diff --git a/jeux/nature.html b/jeux/nature.html
index e69de29..05842e2 100644
--- a/jeux/nature.html
+++ b/jeux/nature.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Urbain Nature</title>
+    <link rel="stylesheet" href="assets/style.css">
+    <link rel="stylesheet" href="assets/nature.css">
+</head>
+<body>
+<h1>Urbain Nature</h1>
+<nav><a href="..">&laquo; Retour</a></nav>
+<p>
+    Oh non ! Quelqu'un a laissé les fenêtres ouvertes sur le plateau de la certif et
+    tout est recouvert de feuilles mortes... Vite ! Prenez votre souris et balayez tout
+    ça !
+</p>
+<p class="img-holder">
+    <img src="images/nature.jpg" id="moquette" width="620" height="652" alt="Moquette">
+</p>
+<p class="failure hidden"></p>
+<p class="success hidden">
+    Félicitations ! Le plateau de la certif est maintenant comme neuf ! 🎉
+    Vous pouvez être fier de vous !
+</p>
+<script src="assets/jeu.js" type="application/javascript"></script>
+<script src="assets/nature.js" type="application/javascript"></script>
+<footer>
+    <p>
+        Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
+    </p>
+</footer>
+</body>
+</html>
\ No newline at end of file
