diff --git a/TODO.txt b/TODO.txt
new file mode 100644
index 0000000..858d9ac
--- /dev/null
+++ b/TODO.txt
@@ -0,0 +1 @@
+younes: final chrono , pop up cookie , centrer ligne , animation pop up
diff --git a/demineur.html b/demineur.html
index ac25e47..859c424 100644
--- a/demineur.html
+++ b/demineur.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Démineur</title>
     <link rel="stylesheet" href="style.css">
+    <script src="demineur.js"></script> 
 </head>
 <body id="body_demineur">
 
@@ -15,17 +16,21 @@
     <div class="item_nav">
         <a href="https://demineur.nhtdev.com/fr/rules">Help</a>  
     </div>
+    
     <div class="item_nav">    
     Temps:
-</div> 
+    <input id="temps" type="number" value="000" disabled>
+    </div> 
+
 <div class="item_nav">  
         Mines restantes:10
     </div>
     </nav>   
 
     <div id="jeu">ICI se retourve le jeu</div>
+<button id="debut_game" onclick="chrono()">GO!</button>
+<button id="fin_game" onclick="reset()">CIAO</button>
 
-
-
+<span class="vertical-line"></span>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/demineur.js b/demineur.js
index 2c431da..707faf1 100644
--- a/demineur.js
+++ b/demineur.js
@@ -7,3 +7,33 @@ class Case {
     }
 
 }
+function sleep(ms){
+	return new Promise(resolve => setTimeout(resolve, ms));
+}
+async function chrono(){
+	let k=document.getElementById("temps").value;
+	const myButton = document.getElementById("fin_game");
+	let arret=0;
+
+	while(arret==!1) {
+	
+	await sleep(1000);
+	document.getElementById("temps").value=document.getElementById("temps").value*1+1;
+	myButton.addEventListener("click",() =>{arret=1;})
+}
+}
+async function reset(){
+	await sleep(500);
+	document.getElementById("temps").value=0;
+
+}
+
+function Cookies() {
+	var accept = confirm("Tu veux des cookies ?");
+	if (accept === true) {
+	alert("Bon jeu!");
+	} else {
+	Cookies();
+	}
+	}
+Cookies();
\ No newline at end of file
diff --git a/style.css b/style.css
index 4375b34..f94e073 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,6 @@
 #nav_demineur{
 	width: 100%;
-	background-position:0cm;
+	
 	background-color: #2bd7d484;
 	border-width: 2px;
 	border-style: double;
@@ -18,13 +18,22 @@
 }
 
 #jeu{
+	
 	display: flex;
-    justify-content: center;
-    /* border-width: 2px;
-	border-style: double; */
+    justify-content: left;
+    border-width: 2px;
+	border-style: double; 
+	width: 49%;
 }
 
 .item_nav{
 	margin-top: 3px;
 	padding-right: 10px;
-}
\ No newline at end of file
+}
+.vertical-line{
+	border-left: 4px solid #000;
+	display: inline-block;
+	height: 400px;
+	margin: 0 50% ;
+	padding-top: 0;
+  }
\ No newline at end of file
