diff --git a/FencerJudgeFront/src/app/components/home/home.component.css b/FencerJudgeFront/src/app/components/home/home.component.css
index a09e6de..a523b15 100644
--- a/FencerJudgeFront/src/app/components/home/home.component.css
+++ b/FencerJudgeFront/src/app/components/home/home.component.css
@@ -270,7 +270,7 @@
             rgba(255, 215, 0, 0.1) 100%);
     border: 2px solid;
     border-image: linear-gradient(45deg, #dc2626, var(--primary-color), #dc2626) 1;
-    border-radius: var(--border-radius);
+    border-radius: 12px;
     padding: 20px;
     position: relative;
     overflow: hidden;
@@ -393,7 +393,7 @@
             rgba(26, 26, 46, 0.9) 50%,
             rgba(0, 0, 0, 0.8) 100%);
     border: 1px solid var(--primary-color);
-    border-radius: var(--border-radius);
+    border-radius: 8px;
     position: relative;
     transition: all 0.3s ease;
     cursor: pointer;
@@ -507,7 +507,7 @@
 .stat-value {
     font-size: 16px;
     font-weight: 700;
-    color: white;
+    color: #ffffff;
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 }
 
@@ -618,14 +618,13 @@
     position: relative;
     background-size: cover;
     background-position: center;
-    border-radius: var(--border-radius);
+    border-radius: 12px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
     width: 400px;
     height: 500px;
     color: white;
     text-align: center;
-    overflow-y: auto;
-    overflow-x: hidden;
+    overflow: auto;
     display: flex;
     flex-direction: column;
     padding: 20px;
@@ -643,8 +642,7 @@
         inset 0 1px 0 rgba(255, 255, 255, 0.1);
     transform: translateY(-2px);
     /* Léger lift au hover */
-    border: 2px solid var(--primary-color);
-    background: var(--card-gradient) !important;
+    border: 2px solid rgba(212, 175, 55, 0.6);
 }
 
 .weapon-card:before,
@@ -655,10 +653,10 @@
     background-image: inherit;
     background-size: cover;
     background-position: center;
-    filter: var(--blur-effect);
+    filter: blur(10px) brightness(1.1) contrast(1.1);
     opacity: .6;
     z-index: 1;
-    transition: var(--transition-smooth);
+    transition: all .6s cubic-bezier(0.4, 0, 0.2, 1);
     /* Courbe plus fluide */
 }
 
@@ -666,7 +664,7 @@
 .diplomes-card:hover:before {
     transform: scale(1.2);
     /* Zoom uniquement sur l'image */
-    filter: var(--blur-hover);
+    filter: blur(8px) brightness(1.3);
     /* Moins de blur + plus lumineux au hover */
     opacity: .8;
     /* Plus visible au hover */
@@ -675,6 +673,8 @@
 
 .weapon-card:hover:before,
 .diplomes-card:hover:before {
+    background:
+        var(--card-gradient);
     animation: metalShine 2s ease-in-out infinite alternate;
 }
 
@@ -696,7 +696,7 @@
 }
 
 .weapon-card p {
-    color: white;
+    color: #ffffff;
     font-size: 0.95em;
 }
 
diff --git a/FencerJudgeFront/src/app/components/home/home.component.html b/FencerJudgeFront/src/app/components/home/home.component.html
index aaf0494..7b82277 100644
--- a/FencerJudgeFront/src/app/components/home/home.component.html
+++ b/FencerJudgeFront/src/app/components/home/home.component.html
@@ -192,7 +192,7 @@
     </div>
 
     <div class="diplomes-container">
-        <div class="diplomes-card" style="background-image: url('./assets/departements.jpg');">
+        <div class="diplomes-card" style="background-image: url('./assets/epee_escrime.jpg');">
             <h2>départemental</h2>
             <p>Ce diplôme est décemé par la CAI ou la CRA dont
                 dépend l'arbitre :</p>
@@ -217,7 +217,7 @@
             </ul>
         </div>
 
-        <div class="diplomes-card" style="background-image: url('./assets/region.png');">
+        <div class="diplomes-card" style="background-image: url('./assets/fleuret_escrime.jpg');">
             <h2>régional</h2>
             <p>Ce diplôme est décerné par la CRA dont dépend
                 l'arbitre :</p>
@@ -242,7 +242,7 @@
             </ul>
         </div>
 
-        <div class="diplomes-card" style="background-image: url('./assets/nationnal.jpg');">
+        <div class="diplomes-card" style="background-image: url('./assets/sabre_escrime.jpg');">
             <h2>national</h2>
             <p>Ce diplôme est décerné par la CNA (Commission
                 Nationale Arbitrage) :</p>
@@ -258,7 +258,7 @@
             </ul>
         </div>
 
-        <div class="diplomes-card" style="background-image: url('./assets/international.jpg');">
+        <div class="diplomes-card" style="background-image: url('./assets/sabre_laser_escrime.jpg');">
             <h2>international</h2>
             <p>Ce diplôme est décerné par la Fédération
                 Internationale d'Escrime (FIE).</p>
diff --git a/FencerJudgeFront/src/assets/departements.jpg b/FencerJudgeFront/src/assets/departements.jpg
deleted file mode 100644
index 787fc6b..0000000
Binary files a/FencerJudgeFront/src/assets/departements.jpg and /dev/null differ
diff --git a/FencerJudgeFront/src/assets/international.jpg b/FencerJudgeFront/src/assets/international.jpg
deleted file mode 100644
index 3447190..0000000
Binary files a/FencerJudgeFront/src/assets/international.jpg and /dev/null differ
diff --git a/FencerJudgeFront/src/assets/nationnal.jpg b/FencerJudgeFront/src/assets/nationnal.jpg
deleted file mode 100644
index a9ed1a7..0000000
Binary files a/FencerJudgeFront/src/assets/nationnal.jpg and /dev/null differ
diff --git a/FencerJudgeFront/src/assets/region.png b/FencerJudgeFront/src/assets/region.png
deleted file mode 100644
index 3c6daa9..0000000
Binary files a/FencerJudgeFront/src/assets/region.png and /dev/null differ
diff --git a/FencerJudgeFront/src/styles.css b/FencerJudgeFront/src/styles.css
index 5374057..a599d8b 100644
--- a/FencerJudgeFront/src/styles.css
+++ b/FencerJudgeFront/src/styles.css
@@ -12,22 +12,5 @@
       rgba(64, 64, 64, 0.95) 0%,
       rgba(32, 32, 32, 0.98) 50%,
       rgba(16, 16, 16, 0.95) 100%);
-  --h-f-bg: #2c2c2c;
-}
-
-/* Filters */
-:root {
-  --blur-effect: blur(10px) brightness(1.1) contrast(1.1);
-  --blur-hover: blur(8px) brightness(1.3);
-}
-
-/* Transitions */
-:root {
-  --transition-smooth: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-  --transition-quick: all 0.3s ease;
-}
-
-/* Borders */
-:root {
-  --border-radius: 12px;
+      --h-f-bg: #2c2c2c;
 }
\ No newline at end of file