edit: un peu de rangement, ajout bouton plus évènement, ok en version dégradée, problème itération (ne garde pas en mémoire les poster des évènements, null au 2e tour) et style qui ne change pas dans js

affiches/test/index.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/svg" href="../assets/favicon.svg" />
+    <title>TEST EVENT</title>
+    <style>
+      /*=========================== INFROMATIONS AFFICHES :
+
+      la première balise style est filtrée
+            ici on place les eléments qui entre en conflit avec la page principale
+
+      les suivant sont inclus
+
+      IMPORTANT : il faut nommer le main avec un id unique pour éviter les conflit avec les reste du site
+
+      ====================================================*/
+
+      body{
+        width: 100%;
+        height: 100%;
+        background-color: black;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-around;
+        align-items: center;
+      }
+    </style>
+
+    <style media="screen">
+      #testAffiche{
+        width: 333px;
+        height:  333px;
+        background-color: green;
+      }
+
+      #testAffiche p{
+        color: black;
+        font-size: 33px;
+      }
+    </style>
+</head>
+<body>
+    <main id="testAffiche">
+        <p>test affiche !</p>
+    </main>
+</body>
+</html>