diff --git a/BJ.html b/BJ.html
index eb390cb..9fea84c 100644
--- a/BJ.html
+++ b/BJ.html
@@ -1,47 +1,30 @@
 <!DOCTYPE html>
 
 <html>
-
 	<head>
-
 		<meta charset="utf-8">
-
 		<title>casino 77</title>
-
 		<link rel="stylesheet" type="text/css" href="styles.css">
 	</head>
 	<body>
-	
-
-
-	
 	<img class=logo src="image/logo.png">
-	
-	<a href="Index.html">
+	<a href="menu.html">
 		<img class=accueil src="image/accueil.png">
 	</a>
-
-
 	<div class="loader">
-
         <span class="lettre">7</span>
-
         <span class="lettre">7</span>
-
         <span class="lettre">7</span>
 	</div>
 
 	<h2 class="h2bj">BLACK JACK</h2>
-
 	<div class="bjform">
 	    <h3>Dealer: <span id="dealer-sum"></span></h3>
         <div id="dealer-cards">
             <img id="hidden" src="./cards/BACK.png">
         </div>
-
         <h3>You: <span id="your-sum"></span></h3>
         <div id="your-cards"></div>
-
         <br>
         <div class="buttonhs">
         	<button id="hit">Hit</button>
@@ -53,18 +36,6 @@
     <div class="reload">
     	<input type="button" onclick='window.location.reload(false)' value="Rafraichir" />
     </div>
-
-
-
-
-
-
-
-
-
-
-
-
 	<div class="bg"></div>
 
   <script src="loading.js"></script>
diff --git a/Index.php b/Index.php
new file mode 100644
index 0000000..ce461a6
--- /dev/null
+++ b/Index.php
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>casino 777</title>
+		<link rel="stylesheet" type="text/css" href="styles.css">
+	</head>
+	<body>
+		<img class=logo src="image/logo.png">
+		<div class="loader">
+			<span class="lettre">7</span>
+			<span class="lettre">7</span>
+			<span class="lettre">7</span>
+		</div>
+		<p class="bg" id="demande_age">Veuillez entrer votre age</p>
+		<form method="post" action="menu.php" >
+			<p id="demande_age" class="input_age">
+				<input type="password" name="mot_de_passe" />
+				<input type="submit" value="Valider" />
+			</p>
+		</form>
+
+		<div class="bg"></div>
+
+		<script src="loading.js"></script>
+	</body>
+</html>
+
diff --git a/Index.html b/menu.php
similarity index 74%
rename from Index.html
rename to menu.php
index e9078c8..1bb925a 100644
--- a/Index.html
+++ b/menu.php
@@ -1,34 +1,21 @@
 <!DOCTYPE html>
 
 <html>
-
 	<head>
-
 		<meta charset="utf-8">
-
 		<title>casino 777</title>
-
 		<link rel="stylesheet" type="text/css" href="styles.css">
 	</head>
 	<body>
-	
-
-
+		<?php
+			if (isset($_POST['mot_de_passe']) AND $_POST['mot_de_passe']>=18){
+		?>
 	<img class=logo src="image/logo.png">
-	
-	
-			 
-
 	<div class="loader">
-
         <span class="lettre">7</span>
-
         <span class="lettre">7</span>
-
         <span class="lettre">7</span>
 	</div>
-	
-	
 	<a href="slots.html">
 	<img class="img1" src="image/imgnoirslot.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirslot.png'" alt="" />
 	</a>
@@ -38,11 +25,22 @@
 	<img class="img3" src="image/imgnoirroulette.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirroulette.png'" alt="" />
 	<img class="img4" src="image/imgnoirbingo.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbingo.png'" alt="" />
 	
-
 	<div class="bg"></div>
 
-  <script src="loading.js"></script>
-  <script src="main.js"></script>
+	<script src="loading.js"></script>
+	<script src="main.js"></script>
+  	<?php
+		}
+		else{
+	?>
+			<p class="bg" id="demande_age">Vous êtes trop jeune !!!</p>
+			<div class="bg"></div>
+
+  			<script src="loading.js"></script>
+  			<script src="main.js"></script>
+	<?php
+		}
+	?>
 
   </body>
 </html>
diff --git a/slots.html b/slots.html
index 2fa48d7..50fdf65 100644
--- a/slots.html
+++ b/slots.html
@@ -1,33 +1,20 @@
 <!DOCTYPE html>
 
 <html>
-
 	<head>
-
 		<meta charset="utf-8">
-
 		<title>casino 77</title>
-
 		<link rel="stylesheet" type="text/css" href="styles.css">
 	</head>
 	<body>
-	
-
-
-	
 	<img class=logo src="image/logo.png">
-	
-	<a href="Index.html">
+	<a href="menu.html">
 		<img class=accueil src="image/accueil.png">
 	</a>
 
-
 	<div class="loader">
-
         <span class="lettre">7</span>
-
         <span class="lettre">7</span>
-
         <span class="lettre">7</span>
 	</div>
 
@@ -71,15 +58,9 @@
 		  <input type="text" id="mise" name="mise">
 
 			<p class="info"></p>
-		</div>
-	
-		
-	</div>
-
-	
-
+		</div>			
+	</div>	
 	<div class="bg"></div>
-
   <script src="loading.js"></script>
   <script src="main.js"></script>
 
diff --git a/styles.css b/styles.css
index 3906f2a..5f883c8 100644
--- a/styles.css
+++ b/styles.css
@@ -1,19 +1,13 @@
 .logo {
 	position:absolute;
 	right: 43%
-	
-	
-	
 }
 
 .accueil {
 	position:absolute;
 	left:88%; z-index:2;
-	
 	width: 10%;
 	height:18%;
-	
-	
 }
 
 .accueil:hover {
@@ -28,8 +22,6 @@
 	height:100px;
 	width: 200px;
 	transition: opacity linear .5s;
-
-
 }
 
 .img2 {
@@ -39,7 +31,6 @@
 	height:100px;
 	width: 200px;
 	transition: opacity linear .5s;
-
 }
 
 
@@ -50,7 +41,6 @@
 	height:100px;
 	width: 200px;
 	transition: opacity linear .5s;
-
 }
 	
 .img4 {
@@ -60,7 +50,6 @@
 	height:100px;
 	width: 200px;
 	transition: opacity linear .5s;
-
 }
 
 .img1 {
@@ -111,113 +100,65 @@
      box-shadow:8px 8px 10px 0 rgba(147,112,219,0.5);
 }
 .loader {
-
     position: absolute;
-	
 	z-index: 1;
-
     width: 100%;
-	
     height: 100%;
-
     background: white;
-
     display: flex; 
-
     justify-content: center;
-
     align-items: center;
-
 }
 
 .lettre {
-
     color: #9700ff;
-
     font-size: 80px;
-
     letter-spacing: 15px;
-
     margin-bottom: 150px;
-
     animation: flash 1.2s linear infinite;
-	
 	font-family: casino;
-
-
-
 }
 
 @keyframes flash {
-
     0% {
-
         color: #ff2d00;
-
         text-shadow: 0 0 7px #ff2d00;
-
     }
-
     90% {
-
         color: #9700ff;
-
         text-shadow: none;
-
     }
-
     100% {
-
         color: #ff2d00;
-
         text-shadow: 0 0 7px #ff2d00;
-
     }
-
 }
 
 
 
 .lettre:nth-child(1){
-
     animation-delay: 0.1s;
-
 }
 
 .lettre:nth-child(2){
-
     animation-delay: 0.2s;
-
 }
 
 .lettre:nth-child(3){
-
     animation-delay: 0.3s;
-
 }
 
-
-
-
 .fondu-out {
-
     opacity: 0;
-
     transition: 0.4s ease-out;
-	
 	display: ;
-
 }
 
 
 
 @font-face {
-
   font-family: "casino";
-
   src: url("casino.TTF");
-
-
 }
 
 
@@ -247,19 +188,13 @@
 }
 
 :root{
-
   --hauteur-menu: 60px;
-
 }
 
 * {
-
   margin: 0px;
-
   padding: 0px;
-
   font-family: Montserrat, sans-serif;
-
 }
 
 #app {
@@ -280,11 +215,9 @@
 .bank{
   background: #fafafa;
   box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.4) inset;
-
   width: 100px;
   height: 150px;
   overflow: hidden;
-  
   border-radius: 1ex;
   margin: 1ch;
   float: top;
@@ -301,11 +234,9 @@
 .door {
   background: #fafafa;
   box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.4) inset;
-
   width: 100px;
   height: 150px;
   overflow: hidden;
-
   border-radius: 1ex;
   margin: 1ch;
   float: right;
@@ -329,10 +260,8 @@
 
 button {
   cursor: pointer;
-
   font-size: 1.2rem;
   text-transform: uppercase;
-
   margin: 0 0.2rem 0 0.2rem;
 }
 
@@ -342,8 +271,6 @@ button {
   width: 100%;
   text-align: center;
 }
-
-
 body{
   color: rgb(90,46,255);
   font-family: "casino";
@@ -355,7 +282,6 @@ body{
                 0 0 50px rgb(147,112,219),
                 0 0 60px rgb(147,112,219)
 }
-
 h1{
   color: rgb(190,46,255);
   text-shadow:  0 0 7px rgb(147,112,219), 
@@ -380,7 +306,6 @@ h2{
     font-size: 200%;
     margin-top: 15%;
     margin-left: 46%;
-
     color: rgb(90,46,255);
     text-shadow:  0 0 7px rgb(0,0,219), 
                 0 0 10px rgb(147,112,219), 
@@ -443,7 +368,6 @@ h2{
                 0 0 25px rgb(147,112,219),
                 0 0 35px rgb(147,112,219),
                 0 0 45px rgb(147,112,219)
-
 }
 
 .reload {
@@ -451,7 +375,15 @@ h2{
     z-index: 1;
     margin-top: 49%;
     margin-left: 47%;
-  
+}
+
+#demande_age{
+  text-align: center;
+  color: #fafafa;
+}
+
+.input_age{
+  position: relative;
 }
 
 
