diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..41f3019
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+*.blend?
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 81c29ed..293b117 100644
--- a/css/style.css
+++ b/css/style.css
@@ -114,21 +114,27 @@ hr {
 
 main #main-info {
     grid-column: 2;
-    grid-row: 1;
+    grid-row: 1 / 3;
 }
 
 main #events {
-    grid-column: 2;
-    grid-row: 2;
+    grid-column: 1 / 3;
+    grid-row: 3;
+
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-auto-flow: 1fr;
 }
 
 main #description {
     grid-column: 1;
-    grid-row: 1 / 5;
+    grid-row: 2;
+    margin-bottom: 50px;
 }
 
 #homepage .toolbar {
-    grid-column: 1 / 3;
+    grid-column: 1;
+    grid-row: 1;
     text-align: right;
 }
 
@@ -202,6 +208,34 @@ main #description {
     align-self: center;
 }
 
+/* Join steps */
+
+#join-steps {
+    padding: 0;
+    list-style-type: none;
+
+    text-align: left;
+
+    counter-reset: join-step;
+}
+
+#join-steps li {
+    position: relative;
+    counter-increment: join-step;
+    margin-bottom: 1em;
+}
+
+#join-steps li::before {
+    content: counter(join-step) ".";
+    font-size: 1.5em;
+    margin-right: 0.5em;
+}
+
+#join-steps li:nth-child(2)::before {
+    position: absolute;
+    bottom: 100px;
+}
+
 /* toolbar */
 
 #homepage .toolbar button {
@@ -356,10 +390,6 @@ main > aside {
     position: relative;
 }
 
-.affiche:not(:first-child){
-    margin-top: 25px;
-}
-
 .affiche:not(:last-child){
     margin-bottom: 25px;
 }
diff --git a/images/plan-d-acces.blend b/images/plan-d-acces.blend
new file mode 100644
index 0000000..4750f73
Binary files /dev/null and b/images/plan-d-acces.blend differ
diff --git a/images/plan-d-access.png b/images/plan-d-access.png
new file mode 100644
index 0000000..fa9793f
Binary files /dev/null and b/images/plan-d-access.png differ
diff --git a/index.html b/index.html
index f2c69ae..f02f03d 100644
--- a/index.html
+++ b/index.html
@@ -85,6 +85,11 @@
 				<a href="/status/" id="status">Vérifier si le local est ouvert 🠖</a>
 				<script src="/js/status.js"></script>
 			</section>
+
+			<ol id="join-steps">
+				<li>Sonnez à l’interphone</li>
+				<li><img src="/images/plan-d-access.png" alt="Plan d'acces au locaux du LOL : En entrant depuis la place, tout au bout en traversant une cour. Sur la droite avant les escaliers" title="En entrant depuis la place, tout au bout en traversant une cour. Sur la droite avant les escaliers" /></li>
+			</ol>
 		</aside>
 
 		<section id="events">