Fix issues

pages/parcours2.html

@@ -22,7 +22,7 @@
             border: 1px solid #aaa;
         }
         #fiche {
-padding-right:20px;
+            padding-right:20px;
             width: 40%;
             max-height: 600px;
             overflow-y: auto;
@@ -33,19 +33,19 @@ padding-right:20px;
             border-radius: 5%;
         }
         #fiche ul {
-    padding-left: 20px;
-    list-style-type: disc;
-    overflow-wrap: break-word;
-    word-wrap: break-word;
-    word-break: break-word;
-    white-space: normal;
-    max-width: 90%;
+        padding-left: 20px;
+        list-style-type: disc;
+        overflow-wrap: break-word;
+        word-wrap: break-word;
+        word-break: break-word;
+        white-space: normal;
+        max-width: 90%;
 }
 
-#fiche li {
-    white-space: normal;
-    overflow-wrap: break-word;
-}
+        #fiche li {
+        white-space: normal;
+        overflow-wrap: break-word;
+        }
         body h1 {
             display:flex;
             align-items:center;
@@ -74,30 +74,48 @@ padding-right:20px;
     <div id="container">
         <div id="map"></div>
         <div id="fiche">
-<h2>parcours2</h2>
-<p><strong>Ville :</strong> Paris</p>
-<p><strong>Département :</strong> 1</p>
-<p><strong>Difficulté :</strong> 2</p>
-<p><strong>Durée (heures) :</strong> 2.3</p>
-<p><strong>Longueur (km) :</strong> 17.3</p>
-<img src="../data/parcours1.png">
+<h2>Chemin des</h2>
+<p><strong>Ville :</strong> Bourg en Bresse</p>
+<p><strong>Département :</strong> 0</p>
+<p><strong>Difficulté :</strong> 3</p>
+<p><strong>Durée (heures) :</strong> 3.8</p>
+<p><strong>Longueur (km) :</strong> 24.6</p>
+<img src="data/parcours1.png">
 <h3>Étape 1</h3>
 <p><strong>Personnages :</strong></p>
-<ul><li>Quentin</li>
-<li>Malo</li>
+<ul><li>Clémentine</li>
+<li>Léo</li>
 </ul>
 <p><strong>Dialogues :</strong></p>
-<ul><li>ligne de dialogue 1 HJDDDZJJJJJJJJJJJJJJJJJJJDBJBDJZBZJDBJ</li>
-<li>ligne de dialogue 2BDJJHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHBDHDBHBZHVZDHVHVHEDHJVHVDHEDJD</li>
+<ul><li>Bienvenue à tous, voici le centre historique !</li>
+<li>Regardez cette magnifique horloge, elle date du XIXe siècle !</li>
 </ul>
 <h3>Étape 2</h3>
 <p><strong>Personnages :</strong></p>
-<ul><li>Antoine</li>
-<li>Giovanni</li>
+<ul><li>Aurélie</li>
+<li>Sami</li>
 </ul>
 <p><strong>Dialogues :</strong></p>
-<ul><li>ligne de dialogue 1</li>
-<li>ligne de dialogue 2</li>
+<ul><li>Ici, on trouve les meilleurs fromages de la région !</li>
+<li>Combien de colonnes vois-tu à l'entrée ?</li>
+</ul>
+<h3>Étape 3</h3>
+<p><strong>Personnages :</strong></p>
+<ul><li>Juliette</li>
+<li>Marc</li>
+</ul>
+<p><strong>Dialogues :</strong></p>
+<ul><li>La Reyssouze apporte de la fraîcheur en été.</li>
+<li>Regarde cette inscription ancienne sur la pierre, tu arrives à la lire ?</li>
+</ul>
+<h3>Étape 4</h3>
+<p><strong>Personnages :</strong></p>
+<ul><li>Claire</li>
+<li>Nathalie</li>
+</ul>
+<p><strong>Dialogues :</strong></p>
+<ul><li>Voilà l'abbaye ! Admire l'architecture.</li>
+<li>C'est ici la dernière étape. Observez bien la date !</li>
 </ul>
 
         </div>