4 files changed, 37 insertions, 13 deletions
diff --git a/dates.html b/dates.html
index a40d210..8392ce0 100644
--- a/dates.html
+++ b/dates.html
@@ -6,19 +6,17 @@
 		<link rel="stylesheet" type="text/css" href="./style.css" />
 	</head>
 	<body>
+    <nav>
+      <a href="index.html">Retour</a>
+      <a href="membres.html">Le groupe</a>
+      <a href="#">Nos dates</a>
+    </nav>
 		<div class="content">
 			<div class="date">
 				<p class="date-desc">Rencontres musicales</p>
 				<div>
 					<hr>
-					<p>--------<br>€€</p>
-				</div>
-			</div>
-			<div class="date">
-				<p class="date-desc">Concert privé<br>St Martin Je Sais Plus Quoi</p>
-				<div>
-					<hr>
-					<p>28-08-23<br>Entrée privée</p>
+          <p>19 août 2023<br>Entrée libre</p>
 				</div>
 			</div>
 		</div>
diff --git a/index.html b/index.html
index 1165b51..43997af 100644
--- a/index.html
+++ b/index.html
@@ -6,12 +6,9 @@
 		<meta charset="utf-8" />
 	</head>
 	<body class="index">
-		<h2>Bienvenue sur le site des Running Gags !</h2>
+		<h1>Bienvenue sur le site des Running Gags !</h1>
 		<a class="button" href="membres.html">
-			<div style="display: flex;">
 			<h3>Le groupe</h3>
-			<img src="https://momg.neocities.org/gifs/i-8483.gif" style="height: 25%;" >
-			</div>
 		</a>
 		<a class="button" href="dates.html">
 			<h3>Nos dates</h3>
diff --git a/membres.html b/membres.html
index cea632d..621c819 100644
--- a/membres.html
+++ b/membres.html
@@ -6,6 +6,11 @@
 		<meta content="text/html; charset=utf-8" http-equiv="content-type" />
 	</head>
 	<body>
+    <nav>
+      <a href="index.html">Retour</a>
+      <a href="#">Le groupe</a>
+      <a href="dates.html">Nos dates</a>
+    </nav>
 		<div class="content">
 			<h1>Membres du groupe</h1>
 			<div class="zikos">
@@ -48,7 +53,6 @@
 				</div>
 			</div>
 		</div>
-		<a href="index.html" class="return"><img src="https://momg.neocities.org/gifs/i-47092.gif" ></a>
 	</body>
 </html>
 
diff --git a/style.css b/style.css
index f489a85..3172af1 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,7 @@
+:root{
+	--shadow-size: 8px;
+}
+
 body{
 	display: flex;
 	background: url(img/bg.jpg) no-repeat fixed;
@@ -13,6 +17,27 @@ body.index{
 	font-family: serif;
 }
 
+nav{
+	display: flex;
+	flex-direction: column;
+	justify-content: space-around;
+	position: fixed;
+	height: 100vh;
+	width: 9vw;
+	top:0;
+	left: 0;
+}
+
+nav a{
+	text-shadow: 1px 1px var(--shadow-size) white, -1px -1px var(--shadow-size) white, -1px 1px var(--shadow-size) white, 1px -1px var(--shadow-size) white;
+	transition-property: var(--shadow-size);
+	transition-duration: 1s;
+}
+
+nav a:hover{
+	--shadow-size: 15px;
+}
+
 .content{
 	padding: 5px;
 	margin: auto;