diff --git a/src/components/EventCard.astro b/src/components/EventCard.astro
index e51847e..52fd430 100644
--- a/src/components/EventCard.astro
+++ b/src/components/EventCard.astro
@@ -86,21 +86,24 @@ const accentColor = categoryColors[type] || categoryColors["default"];
     }
     /* Style spécifique quand il y a une image de fond */
         .event-card.has-bg {
+            color: #fff; /* Texte blanc pour meilleure lisibilité sur image */
+            text-shadow: 1px 1px 1px rgba(0,0,0,1); /* Ombre portée pour contraste */
             background-image: linear-gradient(
                 to bottom,
-                rgba(255, 255, 255, 0.0) 0%,
-                rgba(255, 255, 255, 0.1) 100%
+                rgba(0, 0, 0, 0.0) 0%, /* Assombrir le haut de l'image */
+                rgba(0, 0, 0, 0.1) 100% /* Assombrir le bas de l'image */
             ), var(--bg-image) !important;
         }
     .card-inner {
-        height: 100%;
-        border: 1px solid rgba(0, 0, 0, 0.1);
+        height: 100%;/* Bordure plus claire sur fond foncé */
         border-radius: 10px;
         display: flex;
         flex-direction: column;
         padding: 12px;
-        /* Rendre le fond transparent si une image est présente */
-        background: rgba(255, 255, 255, 0.05);
+        background: linear-gradient(
+            rgba(0, 0, 0, 0.1) 0%, /* Assombrir le haut de l'image */
+            rgba(0, 0, 0, 0.1) 70%, /* Assombrir le haut de l'image */
+            rgba(0, 0, 0, 0.3) 100%)
     }
     .event-header {
         display: flex;
@@ -121,6 +124,9 @@ const accentColor = categoryColors[type] || categoryColors["default"];
         text-align: center;
         padding: 10px;
     }
+    .event-card.has-bg .event-art {
+        border: 1px solid rgba(0,0,0, 0.1); /* Bordure plus claire sur fond foncé */
+    }
     .event-title {
         font-size: 1.4rem;
         margin: 5px 0;
@@ -128,18 +134,24 @@ const accentColor = categoryColors[type] || categoryColors["default"];
     .event-title-overlay {
             font-size: 1.4rem; [cite: 16]
             margin-bottom: 10px;
-            text-shadow: 0px 1px 2px rgba(255,255,255,0.8);
+            text-shadow: 1px 1px 4px rgba(0,0,0,0.8); /* Ombre portée foncée pour le contraste */
         }
     .location-tag {
         font-size: 0.7rem;
         opacity: 0.9;
     }
+    .event-card.has-bg .location-tag {
+        opacity: 1; /* Assurer pleine opacité sur fond foncé */
+    }
     .event-info-line {
         font-size: 0.8rem;
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         padding-bottom: 5px;
         margin-bottom: 10px;
     }
+    .event-card.has-bg .event-info-line {
+        border-bottom: 1px solid rgba(0,0,0, 0.1); /* Bordure plus claire sur fond foncé */
+    }
     .event-body {
         flex: 1.2;
         font-size: 0.85rem;
@@ -150,6 +162,10 @@ const accentColor = categoryColors[type] || categoryColors["default"];
         padding: 2px 8px;
         border-radius: 4px;
     }
+    .event-card.has-bg .event-type {
+        background: rgba(0, 0, 0, 0.4); /* Fond plus foncé pour le badge sur image */
+        text-shadow: none; /* Pas d'ombre portée sur éléments avec fond */
+    }
     .summary {
         font-style: italic;
         line-height: 1.4;
@@ -172,6 +188,10 @@ const accentColor = categoryColors[type] || categoryColors["default"];
         border-radius: 4px;
         font-size: 0.65rem;
     }
+    .event-card.has-bg .p-tag {
+        background: rgba(0, 0, 0, 0.4); /* Fond plus foncé pour les tags sur image */
+        text-shadow: none; /* Pas d'ombre portée sur éléments avec fond */
+    }
     .event-footer {
         display: flex;
         justify-content: space-between;
@@ -185,4 +205,8 @@ const accentColor = categoryColors[type] || categoryColors["default"];
         border-radius: 5px;
         font-weight: bold;
     }
+    .event-card.has-bg .social-impact {
+        background: rgba(0, 0, 0, 0.4); /* Fond plus foncé sur image */
+        text-shadow: none; /* Pas d'ombre portée sur éléments avec fond */
+    }
 </style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 38d8f74..18fd3a0 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -128,7 +128,7 @@ const latestPerUser = Array.from(
                 <div class="card-focus">
                     <EventCard frontmatter={latestEvent.data} />
                     <div class="entry-meta">
-                        <p>Projet</p>
+                        <p>Evénement, Projet, IRL</p>
                     </div>
                 </div>
             )