Added access instructions

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;
 }