diff --git a/WEB/assets/img/conexion-icon.jpg b/WEB/assets/img/conexion-icon.jpg
new file mode 100644
index 00000000..3af1d498
Binary files /dev/null and b/WEB/assets/img/conexion-icon.jpg differ
diff --git a/WEB/src/CSS/enigme.css b/WEB/src/CSS/enigme.css
index 1ad87c77..691585b2 100644
--- a/WEB/src/CSS/enigme.css
+++ b/WEB/src/CSS/enigme.css
@@ -88,7 +88,7 @@ body{
 }
 
 .sign{
-  margin-left:3%;
+  margin-left:5%;
 }
 
 
diff --git a/brythonRunner/javascript/chuckNorris.js b/WEB/src/JS/chuckNorris.js
similarity index 100%
rename from brythonRunner/javascript/chuckNorris.js
rename to WEB/src/JS/chuckNorris.js
diff --git a/WEB/src/pages/Enigme/ChuckNorris.html b/WEB/src/pages/Enigme/ChuckNorris.html
index 5f282702..75ec3169 100644
--- a/WEB/src/pages/Enigme/ChuckNorris.html
+++ b/WEB/src/pages/Enigme/ChuckNorris.html
@@ -1 +1,80 @@
-﻿
\ No newline at end of file
+﻿<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Palindrome</title>
+  <link rel="stylesheet" href="../../CSS/Enigme.css"/>
+  <link rel="stylesheet" href="../../CSS/Home.css">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+
+</head>
+<body>
+  <div class="enigme">
+    <div class="titre_pre">
+      <div class="retour">
+          <a class="material-icons" id="home" href="../Home.html" style="font-size:36px;color:white;">home</a>
+      </div>
+      <div class="sign">
+        <h1>
+            <span class="fast-flicker">p</span>
+            <span>alin</span>
+            <span class="flicker">d</span>
+            <span>rome</span>
+        </h1>
+      </div><br>
+    </div> 
+    <h2>Consigne</h2><br>
+	  <p class="enonce">
+      Écrire une fonction estPalindrome qui prend en argument un entier et qui renvoie True si c’est un palindrome et False sinon. 
+		</p><br><br>
+    <h2>Rappel</h2><br>
+    <p class="rappel">Un palindrome est un nombre qui peut se lire dans les deux sens. Par exemple 111.</p><br><br>
+    <h2>Exemple</h2><br>
+    <p>Entrée :&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;Sortie :</p>
+    <p>[1,0,1]&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;True</p>
+    <p>[1,1,9,1]&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;False</p><br><br>
+    <h2>Aide</h2><br>
+    <p>En python l’instruction [::-1] permet d’inverse une chaine de caractère. Par exemple print("ae"[::-1])  affiche : ea.</p>
+  </div>
+  <div class='ace' id='editor'>def estPalindrome(var):</div>
+  <div class='compiler_class'>
+    <textarea id='console' readonly rows="30" cols="100"></textarea>
+    <div class="buttons">
+      <div>
+        <a onclick="run_init()" class="btn">
+          <span class="noAnimation">Run</span>
+        </a>
+        <a href="#m1-o" onclick="submit()" class="btn">
+          <span class="noAnimation">Submit</span>
+        </a>
+      </div>
+    </div>
+  </div>
+
+  <div class="modal-container" id="m1-o" style="--m-background: transparent;">
+    <div class="modal">
+      <div id="containerResult">
+        <h1 id="result"></h1>
+      </div>
+      <div class="buttons">
+        <div id="top">
+          <a href="#" class="btn">
+            <span class="noAnimation">x</span>
+          </a>
+        </div>
+        <div id="bottom">
+          <a href="./ChuckNorris.html" class="btn" id="fleche">
+            <span class="noAnimation">Next</span>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script src="https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
+  <script src="https://raw.githack.com/pythonpad/brython-runner/master/lib/brython-runner.bundle.js" type="text/javascript" charset="utf-8"></script>
+  <script src="../../JS/base.js"></script>
+  <script src="../../JS/chuckNorris.js"></script>
+</body>
+</html>
diff --git a/WEB/src/pages/Home.html b/WEB/src/pages/Home.html
index 3e6dc2fd..89d76f27 100644
--- a/WEB/src/pages/Home.html
+++ b/WEB/src/pages/Home.html
@@ -19,7 +19,7 @@
         </div>
         <div class="align-items-center">
             <div>
-                <a class="enigme" href="./Enigme/Presentation.html">
+                <a class="enigme" href="./Presentation.html">
                     <span></span>
                     <span></span>
                     <span></span>
diff --git a/WEB/src/pages/Enigme/Presentation.html b/WEB/src/pages/Presentation.html
similarity index 84%
rename from WEB/src/pages/Enigme/Presentation.html
rename to WEB/src/pages/Presentation.html
index 26f68f88..0c03b2da 100644
--- a/WEB/src/pages/Enigme/Presentation.html
+++ b/WEB/src/pages/Presentation.html
@@ -4,9 +4,9 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="../../CSS/enigme.css">
-    <link rel="stylesheet" href="../../CSS/Home.css">
-    <link rel="stylesheet" href="../../CSS/Presentation.css">
+    <link rel="stylesheet" href="../CSS/enigme.css">
+    <link rel="stylesheet" href="../CSS/Home.css">
+    <link rel="stylesheet" href="../CSS/Presentation.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
     <title>Presentation</title>
 </head>
@@ -14,7 +14,7 @@
     <div class="presentation_titre" id="home">
         <div class="titre_pre">
             <div class="retour">
-                <a class="material-icons" id="home" href="../Home.html" style="font-size:64px;color:white;">home</a>
+                <a class="material-icons" id="home" href="Home.html" style="font-size:64px;color:white;">home</a>
             </div>
             <div class="sign">
                 <h1>
@@ -27,7 +27,7 @@
         </div>   
         <div class="Presentation">
             <div class="Histoire">
-                <img src="../../../assets/img/Renard.png">
+                <img src="../../assets/img/Renard.png">
                 <div class="Consigne">
                     <p>Bonjour utilisateur ! Je suis Foxy, une IA créer par Howard Aiken, un chercheur en informatique. J'ai besoin de ton aide ... </p>
                 </div>
@@ -55,7 +55,7 @@
                 </div> 
             </div>
             <div class="buttons">
-                <a href="palindrome.html" class="btn">
+                <a href="./Enigme/palindrome.html" class="btn">
                     <span class="noAnimation">Next</span>
                 </a>
             </div>
