index.html

@@ -22,7 +22,7 @@
 
 <div id="input-panel-container">
 <div id="input-panel" class="rounded-rectangle">
-    <input id="textbox-input" type="text" onkeydown="pressSendButton()" placeholder="Veuillez demandez-nous pour nous vous conseiller..."></input>
+    <input id="textbox-input" type="text" onkeydown="pressSendButton()"></input>
     <button onclick="pressSendButton()"><i class="fa fa-arrow-right" style="font-size:2em"></i></button>
 </div>
 </div>

sncf.json

@@ -8,6 +8,6 @@
     ],
     "messages":
     [
-        { "character": 1, "text": "Bonjour, moi je m'appelle SNCF Conrad et je vais vous aider aujourd'hui. Veuillez envoyez-nous vos questions." }
+        { "character": 1, "text": "Bonjour, moi je m'appelle SNCF Conrad et je vais vous aider aujourd'hui. Veuillez envoyer-moi vos questions." }
     ]
 }

styles.css

@@ -229,8 +229,8 @@ button {
 }
 
 button:hover {
-    color: var(--navy);
+    color: var(--light-cyan);
-    background-color: var(--sky);
+    background-color: var(--onyx);
 }
 
 #typing-indicator {
@@ -246,11 +246,25 @@ button:hover {
 }
 
 button {
-    color: var(--bluewhite);
+    background-color: var(--sky);
+    color: var(--bluegrey);
 
-    padding: 1em;
+    margin: 0.5em;
+    padding: 0;
+    flex-grow: 1;
     right: 0;
     font-size: 1em;
+    border-width: 3px;
+    border-style: none;
+}
+
+button:hover {
+    color: var(--bluewhite);
+    background-color: var(--bluegrey);
+    border-color: var(--bluegrey);
+    border-width: 3px;
+    padding: 0;
+    border-style: solid;
 }
 
 .message-status {