aded json page and minor other changes

pages/contact.css

@@ -181,3 +181,9 @@ body.sombre {
 .q-reponse.ouverte {
     display: block;
 }
+.Faq {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-top: 30 px;
+}

pages/contact.html

@@ -30,7 +30,7 @@
         <div class="form">
             <p><b>Nous contacter</b></p>
             <p id="statut_horaires"></p>
-            <form method="get" action="">
+            <form method="post" action="">
                 <p>
                     <label for="prenom">Votre prénom :</label>
                     <input type="text" name="prenom" id="prenom" placeholder="Ex. : Matthieu" size="30" maxlength="20">
@@ -46,23 +46,26 @@
                 </div>
                 <p>
                     <button>Envoyer</button>
-                    <button type="button" id="effacer">Effacer</button>
+                    <button type="submit" id="effacer">Effacer</button>
                 </p>
 
             </form>
         </div>
 
-        <section class="faq">
-            <h3>Questions fréquentes</h3>
-            <div class="question">
-                <button class="q-titre" type="button">Comment suivre ma flotte en temps réel ?</button>
-                <p class="q-reponse">Grâce à notre service de géolocalisation, accessible 24h/24.</p>
-            </div>
-            <div class="question">
-                <button class="q-titre" type="button">Puis-je résilier à tout moment ?</button>
-                <p class="q-reponse">Oui, sans frais, depuis votre espace client.</p>
-            </div>
-        </section>
+
+        <div class="Faq">
+            <section class="faq">
+                <h3>Questions fréquentes</h3>
+                <div class="question">
+                    <button class="q-titre"type="button" >Comment suivre ma flotte en temps réel ?</button>
+                    <p class="q-reponse">Grâce à notre service de géolocalisation, accessible 24h/24.</p>
+                </div>
+                <div class="question">
+                    <button class="q-titre"type="button">Puis-je résilier à tout moment ?</button>
+                    <p class="q-reponse">Oui, sans frais, depuis votre espace client.</p>
+                </div>
+            </section>
+        </div>
 
         <footer class="footer">
             stagiaires rpz echoes

vehicules.json

@@ -0,0 +1,5 @@
+[
+  { "modele": "Renault Kangoo", "immatriculation": "AB-123-CD", "km": 45200 },
+  { "modele": "Peugeot Partner", "immatriculation": "EF-456-GH", "km": 78900 },
+  { "modele": "Citroën Berlingo", "immatriculation": "IJ-789-KL", "km": 12300 }
+]