Update style.css

style.css

@@ -1,5 +1,5 @@
 /* ---------------------------
-   1. Styles généraux
+   1. Fond en dégradé
 ----------------------------*/
 html, body {
     /* Dégradé diagonal du rose (#ffafbd) vers le pêche (#ffc3a0) */
@@ -9,13 +9,9 @@ html, body {
     padding: 0;
 }
 
-/* En-têtes h1 centrés */
-h1 {
-  text-align: center;
-  display: block;
-}
-
-/* Masquer le footer (Gradio, si tu l'utilises) */
+/* ---------------------------
+   2. Masquer le footer Gradio
+----------------------------*/
 footer {
   display: none !important;
 }
@@ -24,21 +20,19 @@ footer {
    3. Bulles de messages
 ----------------------------*/
 /* Bulle pour le message de l'utilisateur */
-.user-message {
-  background-color: #e0f7fa; /* Bleu clair */
-  color: #333;              /* Couleur du texte */
+.user .gradio-chat-message {
+  background-color: #e0f7fa !important; /* Bleu clair */
+  color: #333 !important;              /* Couleur du texte */
   border-radius: 8px;
-  padding: 0.5rem 1rem;
   margin: 0.5rem 0;
-  display: inline-block;
+  padding: 1rem;
 }
 
 /* Bulle pour le message de l'assistant */
-.assistant-message {
-  background-color: #fff8e1; /* Jaune pastel */
-  color: #333;
+.bot .gradio-chat-message {
+  background-color: #fff8e1 !important; /* Jaune pastel */
+  color: #333 !important;
   border-radius: 8px;
-  padding: 0.5rem 1rem;
   margin: 0.5rem 0;
-  display: inline-block;
+  padding: 1rem;
 }