diff --git a/front/style/home.css b/front/style/home.css
index 2efbf87..cabc769 100644
--- a/front/style/home.css
+++ b/front/style/home.css
@@ -18,7 +18,7 @@ body {
 
 #header { 
     text-align: center;
-    background-color: #303030;
+    background-color: #191a21;
     margin : 0px;
     /* border-radius: 0.75cap; */
 }
@@ -33,7 +33,7 @@ body {
     flex-direction: row;
     margin:0px;
     height: 100%;
-    background-color: #fff3e5;
+    background-color: #282a36;
  }
 
 #personal-space {
@@ -43,7 +43,7 @@ body {
 }
 
 #sideMenu {
-    background-color: #a7a7a7;
+    background-color: #303341;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -52,6 +52,9 @@ body {
 
 #titlePersonalSpace h2 {
     text-align: center;
+    color : #e6edf3;
+    /* font-family: Helvetica;
+    font-weight: bold; */
 }
 
 #sideMenu h2 {
@@ -63,30 +66,27 @@ body {
     width: 90%;
 }
 .titreSideMenu {
-    border-bottom: black solid 3px;
+    border-bottom: #191a21 solid 3px;
     width: 100%;
     margin-bottom: 3%;
-
-
 }
 
 #sideMenu .title {
     font-size: 12px;
     font-weight: bold;
-    color : #FFFFFF;
+    color : #e6edf3;
     letter-spacing: 1px;
     text-transform: uppercase;
-    background-color: #303030;
+    background-color: #191a21;
     padding : 3%;
     margin-bottom: 0px;
-    margin-right: 3%;
-  
+    margin-right: 3%; 
 }
 
 #bodyPersonalSpace {
     width: 95%;
-    background-color: #ccc2b7;
-    /* border : 2px #303030 solid; */
+    /* background-color: #ccc2b7; */
+    border : 2px #191a21 solid;
     border-radius: 0.5cap;
     align-self: center;
 }
@@ -106,18 +106,19 @@ body {
     text-align: center;  
     overflow: hidden ;
 }
-.dataTactic {
-    border : 1.5px solid #303030;
-    background-color: #ccc2b7;
+.data {
+    border : 1.5px solid #e6edf3;
+    background-color: #191a21;
     border-radius: 0.75cap;
+    color : #e6edf3; 
 }
 
-.dataTactic:hover {
-    background-color: #c9d1e0;
-    /* color : #ffa238; */
+.data:hover {
+    border-color: #ffa238 ;
     cursor : pointer;
 }
 
+
 .listTactic {
     border: 2px solid green;
     display: block;
@@ -134,8 +135,8 @@ ul {
 }
 
 
-.ButtonSideMenu {
-    border : black solid 1px;
+.buttonSideMenu {
+    /* border : black solid 1px; */
     border-radius :0.5cap;
     width :fit-content;
     padding: 2%;
@@ -144,7 +145,7 @@ ul {
 }
 
 .ButtonSideMenu:hover {
-    background-color: #c9d1e0;
+    /* background-color: #c9d1e0; */
     cursor : pointer;
 }
 
diff --git a/front/views/Home.tsx b/front/views/Home.tsx
index 307e016..488a08c 100644
--- a/front/views/Home.tsx
+++ b/front/views/Home.tsx
@@ -99,7 +99,7 @@ function TableData({allTactics} : {allTactics : Tactic[]} ) {
     i = 0;
     while (i < nbRow) {
         listTactic[i] = listTactic[i].map((tactic : Tactic) => 
-            <td key={tactic.id} className="dataTactic" onClick={() => {location.pathname="/tactic/"+tactic.id+"/edit"}}>{troncName(tactic.name, 25)}</td>
+            <td key={tactic.id} className="data" onClick={() => {location.pathname="/tactic/"+tactic.id+"/edit"}}>{troncName(tactic.name, 25)}</td>
         );
         i++;
     }
@@ -205,7 +205,7 @@ function ButtonTeam ({team} : {team : Team}) {
         <div>
             <div 
                 id={"ButtonTeam"+team.id} 
-                className="ButtonSideMenu"
+                className="buttonSideMenu data"
                 onClick={() => {location.pathname="/team/"+team.id}}
             >
                 {name}
@@ -219,7 +219,7 @@ function ButtonLastTactic ({tactic} : {tactic : Tactic}) {
     return (
         <div 
             id={"Button"+tactic.id} 
-            className="ButtonSideMenu"
+            className="buttonSideMenu data"
             onClick={() => {location.pathname="/tactic/"+tactic.id+"/edit"}}
         >
             {name}