diff --git a/client/src/App.vue b/client/src/App.vue
index c5e5b1a..89a5678 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -17,22 +17,21 @@ export default {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-h1,
-h2 {
+h1,h2 {
   font-weight: normal;
   font-size: 2em;
   font-weight: bold;
+  
 }
 
 p {
   text-align: justify;
 }
 
-.is-success {
-  background-color: #4caf50;
+
+.hero {
+    background-color: #00858C;
+    color: white;
 }
 
-.is-hoverable {
-  color: #42b983;
-}
 </style>
diff --git a/client/src/components/Teammood.vue b/client/src/components/Teammood.vue
index 4a96adb..064090d 100644
--- a/client/src/components/Teammood.vue
+++ b/client/src/components/Teammood.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <section class="hero has-text-centered is-success is-fullheigh">
+    <section class="hero has-text-centered is-fullheigh">
       <div class="hero-body">
-        <h1 class="title">Teammood</h1>
+        <h1 class="has-text-white-bis title">Teammood</h1>
         <h2 class="Subtitle">Bienvenue {{$store.getters.name}}</h2>
       </div>
     </section>
diff --git a/client/src/components/modalname.vue b/client/src/components/modalname.vue
index a29c1d1..53f472f 100644
--- a/client/src/components/modalname.vue
+++ b/client/src/components/modalname.vue
@@ -1,9 +1,9 @@
 <!-- components/Login.vue -->
 <template>
   <modal @close="$emit('close')">
-      <div class="hero is-success">
+      <div class="hero">
         <div class="hero-body has-text-centered">
-          <h2 class="title">Entrer votre Nom.</h2>
+          <h2 class="has-text-white-bis title ">Entrer votre Nom.</h2>
           <p class="subtitle error-msg">{{ errorMsg }}</p>
         </div>
       </div>
diff --git a/img/site.png b/img/site.png
index 615c02e..d31e437 100644
Binary files a/img/site.png and b/img/site.png differ