5 files changed, 23 insertions, 9 deletions
diff --git a/events.html b/events.html
index 38f9e9d..a75ec7e 100644
--- a/events.html
+++ b/events.html
@@ -14,16 +14,20 @@
             <img src="img/logo.png" alt="Logo" style="height: 20vh;">
         </a>
         <h1>Evenements à venir</h1>
-        <div class="date-cont">
-            <div class="date">
-                <h2 class="date-desc">Open Mic Rap</h2>
-                <div>
-                    <hr>
-                    <p>19 mars 2024<br>Entrée libre</p>
+        <div class="content">
+            <div class="date-cont">
+                <div class="date">
+                    <h2 class="date-desc">Open Mic Rap</h2>
+                    <div>
+                        <hr>
+                        <p>19 mars 2024<br>Entrée libre</p>
+                    </div>
                 </div>
+                <img src="img/afficheOpenMic1903.png" alt="affiche évènement" />
             </div>
-            <img src="img/afficheOpenMic1903.png" alt="affiche évènement" />
+            <img src="img/calendar.gif" alt="calendar gif" />
         </div>
+
         <script>
             dates = document.getElementsByClassName('date-cont')
             images = document.querySelectorAll('.date-cont img')
diff --git a/img/calendar.gif b/img/calendar.gif
new file mode 100644
index 0000000..e79cca6
--- /dev/null
+++ b/img/calendar.gif
diff --git a/index.html b/index.html
index 2fe8c4a..d50bfcc 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,7 @@
         </p>
         <h2>A venir :</h2>
         <p>Achat prochainement d'une batterie</p>
+        <p><a href="events.html">Evenements à venir</a></p>
         <h2>Contacts :</h2>
         <p>
             <a href="mailto:rtfmepita@outlook.fr">
diff --git a/rec.html b/rec.html
index b9e4753..e7de1c1 100644
--- a/rec.html
+++ b/rec.html
@@ -10,7 +10,7 @@
         <link rel="icon" type="image/x-icon" href="img/logo.ico">
     </head>
     <body style="background: url(./img/wp.jpg)">
-        <a href="./index.html" style="position: fixed; top: 5px; left: 10px; z-index: -1; width: 170px">
+        <a href="./index.html" style="position: fixed; top: 5px; left: 10px; z-index: 0; width: 170px">
 	    <img src="img/logo.png" alt="Logo" width="170px">
         </a>
         <iframe src="https://lavender-but-bread.neocities.org/buttons/piano-button.html" style="position: absolute; top: 10px; right: 10px; border: none;" width="88" height="31"></iframe>
diff --git a/style.css b/style.css
index ec3e7b5..a2797c8 100644
--- a/style.css
+++ b/style.css
@@ -13,6 +13,14 @@ abbr{
     cursor: help;
 }
 
+.content {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    align-items: center;
+    margin: 0 10%;
+}
+
 .audio-players{
     display: flex;
     flex-wrap: wrap;
@@ -83,9 +91,10 @@ audio {
 }
 
 .date-cont{
+    width: 50%;
 	padding-left: 10px;
 	padding-right: 10px;
-	margin-bottom: 10px;
+	margin-bottom: 20px;
 	margin-left: 10%;
 	margin-right: 10%;
     border-radius: 10px;