diff --git a/conducteur.html b/conducteur.html
index b3496fab92c4df4d5e253e6a5aa454da90c0549e..c8d686d6db35130cae426fbb1d095cd1a7720f16 100644
--- a/conducteur.html
+++ b/conducteur.html
@@ -2,9 +2,10 @@
 <html>
 <head>
     <meta charset='utf-8'>
-    <title>Klaxit - Reserver</title>
+    <title>Klaxit - Conducteur</title>
     <link rel='stylesheet' href="./css/conducteur.css">
     <link rel='stylesheet' href="./css/footer.css">
+    <link rel="icon" type="image/png" href="./css/images/favicon.png"/>
 </head>
 <body>
 
diff --git a/contact.html b/contact.html
index e6346aa5b8df0e175516d901e0a73c11eb3502a1..2c62d9a25ec5950d3fba005f7ba6edd2c4909785 100644
--- a/contact.html
+++ b/contact.html
@@ -2,9 +2,10 @@
 <html lang="fr">
 <head>
 <meta charset="UTF-8">
-<title>Contact</title>
+<title>Klaxit - Contact</title>
 <link rel="stylesheet" href="./css/contact.css" />
 <link rel="stylesheet" href="./css/footer.css" />
+<link rel="icon" type="image/png" href="./css/images/favicon.png"/>
 </head>
 
 <body>
diff --git a/css/contact.css b/css/contact.css
index d00ebd31b0149690d40161c8b0fd87e59202cab9..877d8c1e6d45f96c3a9003f5e8afb0aa8d56712a 100644
--- a/css/contact.css
+++ b/css/contact.css
@@ -227,7 +227,20 @@ div.connection-success>a {
     color: black;
 }
 
-
+div.connection-success {
+    margin-top: 5%;
+    background-color: #B0F2B6;
+    font-family: "Inter";
+    color: black;
+    padding: 1%;
+    width: 60%;
+    margin-left: 20%;
+}
+div.connection-success>a {
+    text-decoration: underline;
+    background-color: #B0F2B6;
+    color: black;
+}
 footer {
     position: sticky;
     bottom: 0px;
diff --git a/faq.html b/faq.html
index 88b02b4b1a829cc743c9599f7571216b95ebc048..0772c6c45cc406df06b8a34648c588aa4708f546 100644
--- a/faq.html
+++ b/faq.html
@@ -2,9 +2,10 @@
 <html lang="fr">
 <head>
 <meta charset="UTF-8">
-<title>FAQ</title>
+<title>Klaxit - FAQ</title>
 <link rel="stylesheet" href="./css/faq.css" />
 <link rel="stylesheet" href="./css/footer.css" />
+<link rel="icon" type="image/png" href="./css/images/favicon.png"/>
 </head>
 
 <body>
diff --git a/forms/conducteur-result.html b/forms/conducteur-result.html
index 2160b78f0981494a27fe7af72fa5274ffe836387..101cb077efa1823bed46f227bc42c39de522082d 100644
--- a/forms/conducteur-result.html
+++ b/forms/conducteur-result.html
@@ -2,9 +2,10 @@
 <html>
 <head>
     <meta charset='utf-8'>
-    <title>Klaxit - Reserver</title>
+    <title>Klaxit - Conducteur</title>
     <link rel='stylesheet' href="../css/conducteur.css">
     <link rel='stylesheet' href="../css/footer.css">
+    <link rel="icon" type="image/png" href="../css/images/favicon.png"/>
 </head>
 <body>
 
diff --git a/forms/contact-result.html b/forms/contact-result.html
index f3117ffcf1d705e5ec7e3d5cc5702e117f422df0..7b7f2e36e601fcdd03d6008bd820c4cee7ef78a1 100644
--- a/forms/contact-result.html
+++ b/forms/contact-result.html
@@ -3,15 +3,16 @@
 <head>
 <meta charset="UTF-8">
 <title>Contact</title>
-<link rel="stylesheet" href="./css/contact.css" />
-<link rel="stylesheet" href="./css/footer.css" />
+<link rel="stylesheet" href="../css/contact.css" />
+<link rel="stylesheet" href="../css/footer.css" />
+<link rel="icon" type="image/png" href="../css/images/favicon.png"/>
 </head>
 
 <body>
     <header>
         <div class="nav-bar">
             <nav>
-                <a class="img" href="../index.html"><img src="./css/images/logoKlaxit_BBCD_Color.webp" alt="Logo Klaxit"></a>
+                <a class="img" href="../index.html"><img src="../css/images/logoKlaxit_BBCD_Color.webp" alt="Logo Klaxit"></a>
                 <div>
                 <a href="reserver.html">PASSAGER</a>
                 <a href="conducteur.html">CONDUCTEUR</a>
@@ -32,24 +33,40 @@
     </header>
     <main>
         <section class="corp">
-            <div class="Container">
-                <div class="corpContainer">
-                    <div class="connect-panel">
-                        <div class="panel">
-                            <form>
-                                <div class="texte">
-                                    <label for="Départ">Votre point de départ&nbsp;:</label> 
-                                    <input type="string" id="lieux"/> 
-                                    <label for="Heure">Heure de départ&nbsp;:</label>
-                                    <input type="nombre" id="heure">
-                                </div>
-                                <div class="button">
-                                    <button class="confirm-button" type="submit">Confirmer</button>
-                                </div>
-                            </form>
-                        </div>       
+
+            <div class="connection-success">
+                Nous avons bien recus votre demande ! <br>
+                Vous pouvez desormais <a href="../index.html">retourner a l'accueil</a></a>
+            </div>
+
+
+        
+            <div class="formContainer" style="margin-top: 10%;">
+                <div class="corpImg">
+                    <form action="contact-result.html" method="post">
+                        <label class="titreForm">Formulaire de contact : <br><br></label>
+                        <div class="dispoForm">
+                            <label class="nomForm">
+                                <input name="submitted-name" autocomplete="nom" placeholder="Votre nom"/>
+                            </label>
+                            <label class="prenomForm">
+                                <input name="submitted-surname" autocomplete="prenom" placeholder="Votre prénom"/>
+                            </label><br><br>
+                        </div>
+                        <label id="email">
+                            <input type="email" name="email" id="emailform" placeholder="Votre adresse e-mail"/>
+                        </label>
+                        <label>
+                            <br><br>
+                            <textarea name="text" id="text" placeholder="Votre message"></textarea>
+                        </label>
+                        <label>
+                            <input class="btn-purple" type="submit" name="send" value="ENVOYER VOTRE MESSAGE">
+                        </label>
+                    </form>
                 </div>
             </div>
+            
         </section>
 
     </main>
diff --git a/forms/index-result.html b/forms/index-result.html
index 72ec5af5a9ee3ce1f1eae74df95499406be1a412..f7574518fbc2449c6d6fd56706a32ed0e640df3d 100644
--- a/forms/index-result.html
+++ b/forms/index-result.html
@@ -6,6 +6,7 @@
     <link rel='stylesheet' href="../css/styles.css">
     <link rel='stylesheet' href="../css/login.css">
     <link rel='stylesheet' href="../css/footer.css">
+    <link rel="icon" type="image/png" href="../css/images/favicon.png"/>
 </head>
 <body>
 
diff --git a/forms/login-result.html b/forms/login-result.html
index b961fdfb0a8d1b1195b599b3f101242135c1d78e..77da06c8250b395c3f2908bc02fbca226c787ec5 100644
--- a/forms/login-result.html
+++ b/forms/login-result.html
@@ -2,10 +2,11 @@
 <html>
 <head>
     <meta charset='utf-8'>
-    <title>Klaxit</title>
+    <title>Klaxit - Connection</title>
     <link rel='stylesheet' href="../css/styles.css">
     <link rel='stylesheet' href="../css/login.css">
     <link rel='stylesheet' href="../css/footer.css">
+    <link rel="icon" type="image/png" href="../css/images/favicon.png"/>
 </head>
 <body>
 
diff --git a/forms/reserver-result.html b/forms/reserver-result.html
index f2f2f9f47162cf0d30a623b34ecce61724c3e332..e8bc831572f873d44c12a8c2d1e4c2e85fa79ec1 100644
--- a/forms/reserver-result.html
+++ b/forms/reserver-result.html
@@ -6,6 +6,7 @@
     <link rel='stylesheet' href="../css/styles.css">
     <link rel='stylesheet' href="../css/footer.css">
     <link rel='stylesheet' href="../css/reserver-result.css">
+    <link rel="icon" type="image/png" href="../css/images/favicon.png"/>
 </head>
 <body>
 
diff --git a/forms/reserver-result2.html b/forms/reserver-result2.html
index 71f231a17e30b405951dffd91571909c1c99ab38..46c204d5c11faffeb6946c575d32c67f7b67c546 100644
--- a/forms/reserver-result2.html
+++ b/forms/reserver-result2.html
@@ -7,6 +7,7 @@
     <link rel='stylesheet' href="../css/reserver.css">
     <link rel='stylesheet' href="../css/footer.css">
     <link rel='stylesheet' href="../css/reserver-result.css">
+    <link rel="icon" type="image/png" href="../css/images/favicon.png"/>
 </head>
 <body>
 
diff --git a/index.html b/index.html
index 37dc8b2b22c464f4370f5674101ae91218072e8f..3d0c7500885d7a9011775e8e1cfdc69d4327d098 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,10 @@
 <html>
 <head>
     <meta charset='utf-8'>
-    <title>Acceuil</title>
+    <title>Klaxit - Accueil</title>
     <link rel='stylesheet' href="./css/index.css">
     <link rel='stylesheet' href="./css/footer.css">
+    <link rel="icon" type="image/png" href="./css/images/favicon.png"/>
 </head>
 
 <body>
diff --git a/info.html b/info.html
index 30b3e03958c267bae7bbbc6ae858e1945ba188bb..7ef22a4a3145084f26f79927b40aa762d226d922 100644
--- a/info.html
+++ b/info.html
@@ -2,9 +2,10 @@
 <html lang="fr">
 <head>
 <meta charset="UTF-8">
-<title>Qui sommes-nous ?</title>
+<title>Klaxit - Qui sommes-nous ?</title>
 <link rel="stylesheet" href="./css/info.css" />
 <link rel="stylesheet" href="./css/footer.css" />
+<link rel="icon" type="image/png" href="./css/images/favicon.png"/>
 </head>
 
 <body>
diff --git a/login.html b/login.html
index 8baf3a044a904bb295e93379c4d1e946cc9e7a89..fd4fef5dcd3fdb2ab42140ad0a08a9c2c270d6b1 100644
--- a/login.html
+++ b/login.html
@@ -2,10 +2,11 @@
 <html>
 <head>
     <meta charset='utf-8'>
-    <title>Klaxit</title>
+    <title>Klaxit - Connection</title>
     <link rel='stylesheet' href="./css/styles.css">
     <link rel='stylesheet' href="./css/footer.css">
     <link rel='stylesheet' href="./css/login.css">
+    <link rel="icon" type="image/png" href="./css/images/favicon.png"/>
 </head>
 <body>
 
diff --git a/reserver.html b/reserver.html
index e103b74fdd9ed4ea1b34f2585744528f6769f508..d30cec935cd07f00fca2203bd5ae5dea2194f7a3 100644
--- a/reserver.html
+++ b/reserver.html
@@ -6,6 +6,7 @@
     <link rel='stylesheet' href="./css/styles.css">
     <link rel='stylesheet' href="./css/footer.css">
     <link rel='stylesheet' href="./css/reserver.css">
+    <link rel="icon" type="image/png" href="./css/images/favicon.png"/>
 </head>
 <body>