diff --git a/public/assets/cards/common/rat.jpg b/public/assets/cards/common/rat.jpg
index e69de29..109a4fb 100644
Binary files a/public/assets/cards/common/rat.jpg and b/public/assets/cards/common/rat.jpg differ
diff --git a/public/assets/cards/epic/dragon.jpg b/public/assets/cards/epic/dragon.jpg
index e69de29..7f6f164 100644
Binary files a/public/assets/cards/epic/dragon.jpg and b/public/assets/cards/epic/dragon.jpg differ
diff --git a/public/assets/cards/epic/golem.jpg b/public/assets/cards/epic/golem.jpg
index e69de29..af720d1 100644
Binary files a/public/assets/cards/epic/golem.jpg and b/public/assets/cards/epic/golem.jpg differ
diff --git a/public/assets/cards/epic/hydre.jpg b/public/assets/cards/epic/hydre.jpg
index e69de29..6dc2f5d 100644
Binary files a/public/assets/cards/epic/hydre.jpg and b/public/assets/cards/epic/hydre.jpg differ
diff --git a/public/assets/cards/epic/licorne.jpg b/public/assets/cards/epic/licorne.jpg
index e69de29..59698a0 100644
Binary files a/public/assets/cards/epic/licorne.jpg and b/public/assets/cards/epic/licorne.jpg differ
diff --git a/public/assets/cards/epic/phenix.jpg b/public/assets/cards/epic/phenix.jpg
index e69de29..1836995 100644
Binary files a/public/assets/cards/epic/phenix.jpg and b/public/assets/cards/epic/phenix.jpg differ
diff --git a/public/assets/cards/legendary/ancien_dragon.jpg b/public/assets/cards/legendary/ancien_dragon.jpg
index e69de29..bbae5ec 100644
Binary files a/public/assets/cards/legendary/ancien_dragon.jpg and b/public/assets/cards/legendary/ancien_dragon.jpg differ
diff --git a/public/assets/cards/legendary/dieu_dechu.jpg b/public/assets/cards/legendary/dieu_dechu.jpg
index e69de29..1bc257c 100644
Binary files a/public/assets/cards/legendary/dieu_dechu.jpg and b/public/assets/cards/legendary/dieu_dechu.jpg differ
diff --git a/public/assets/cards/legendary/titan.jpg b/public/assets/cards/legendary/titan.jpg
index e69de29..78032f9 100644
Binary files a/public/assets/cards/legendary/titan.jpg and b/public/assets/cards/legendary/titan.jpg differ
diff --git a/public/assets/cards/rare/archimage.jpg b/public/assets/cards/rare/archimage.jpg
index e69de29..0a0500b 100644
Binary files a/public/assets/cards/rare/archimage.jpg and b/public/assets/cards/rare/archimage.jpg differ
diff --git a/public/assets/cards/rare/assassin.jpg b/public/assets/cards/rare/assassin.jpg
index e69de29..3352fc0 100644
Binary files a/public/assets/cards/rare/assassin.jpg and b/public/assets/cards/rare/assassin.jpg differ
diff --git a/public/assets/cards/rare/capitaine.jpg b/public/assets/cards/rare/capitaine.jpg
index e69de29..6e99351 100644
Binary files a/public/assets/cards/rare/capitaine.jpg and b/public/assets/cards/rare/capitaine.jpg differ
diff --git a/public/assets/cards/rare/champion.jpg b/public/assets/cards/rare/champion.jpg
index e69de29..dd6bb2e 100644
Binary files a/public/assets/cards/rare/champion.jpg and b/public/assets/cards/rare/champion.jpg differ
diff --git a/public/assets/cards/rare/oracle.jpg b/public/assets/cards/rare/oracle.jpg
index e69de29..7ec7155 100644
Binary files a/public/assets/cards/rare/oracle.jpg and b/public/assets/cards/rare/oracle.jpg differ
diff --git a/public/assets/cards/uncommon/chevalier.jpg b/public/assets/cards/uncommon/chevalier.jpg
index e69de29..4844f26 100644
Binary files a/public/assets/cards/uncommon/chevalier.jpg and b/public/assets/cards/uncommon/chevalier.jpg differ
diff --git a/public/assets/cards/uncommon/druide.jpg b/public/assets/cards/uncommon/druide.jpg
index e69de29..3ad5a7c 100644
Binary files a/public/assets/cards/uncommon/druide.jpg and b/public/assets/cards/uncommon/druide.jpg differ
diff --git a/public/assets/cards/uncommon/mage.jpg b/public/assets/cards/uncommon/mage.jpg
index e69de29..28d1e32 100644
Binary files a/public/assets/cards/uncommon/mage.jpg and b/public/assets/cards/uncommon/mage.jpg differ
diff --git a/public/assets/cards/uncommon/pretre.jpg b/public/assets/cards/uncommon/pretre.jpg
index e69de29..9b1d9c1 100644
Binary files a/public/assets/cards/uncommon/pretre.jpg and b/public/assets/cards/uncommon/pretre.jpg differ
diff --git a/public/assets/cards/uncommon/voleur.jpg b/public/assets/cards/uncommon/voleur.jpg
index e69de29..6d81f96 100644
Binary files a/public/assets/cards/uncommon/voleur.jpg and b/public/assets/cards/uncommon/voleur.jpg differ
diff --git a/public/src/components/ui/CollectionDisplay.mjs b/public/src/components/ui/CollectionDisplay.mjs
index 38395f2..72df0ad 100644
--- a/public/src/components/ui/CollectionDisplay.mjs
+++ b/public/src/components/ui/CollectionDisplay.mjs
@@ -72,6 +72,7 @@ export class CollectionDisplay {
                 <h2>Vos Cartes</h2>
                 <div class="cards-grid">
                     ${cards.map(card => `
+<div class="card-container">
                         <div class="card ${card.rarity}" data-card-id="${card.id}">
                             <div class="card-image-container">
                                 <img src="${card.image}" alt="${card.name}" class="card-image" />
@@ -87,12 +88,11 @@ export class CollectionDisplay {
                                     </div>
                                 </div>
                             </div>
-                            <div class="card-details">
-                                <p class="card-description">${card.description}</p>
-                                <p>Acquis le : ${new Date(card.acquiredDate).toLocaleDateString()}</p>
-                                <p>Valeur : ¤ ${card.getCurrentValue()}</p>
-                            </div>
                         </div>
+                        <div class="card-details">
+                            <p class="card-description">${card.description}</p>
+                            <p>Acquis le : ${new Date(card.acquiredDate).toLocaleDateString()}</p>
+                        </div></div>
                     `).join('')}
                 </div>
             </div>
diff --git a/public/styles.css b/public/styles.css
index ad717ca..09ad420 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1370,6 +1370,26 @@ html, body {
     padding: 1rem;
 }
 
+.card-container {
+    margin: var(--spacing-xs);
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-sm);
+    height: 100%;
+    position: relative;
+}
+
+.card-details {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    background-color: var(--color-hover);
+    height: 7rem;
+    padding: var(--spacing-md);
+    border-radius: var(--border-radius-md);
+    box-shadow: var(--shadow-xl);
+}
+
 .stats-grid {
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
 }
@@ -1606,22 +1626,6 @@ html, body {
     color: white;
 }
 
-.card-details {
-    display: none;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.9);
-    margin: 1rem;
-    color: white;
-}
-
-.card:hover .card-details {
-    display: block;
-}
-
 .placeholder {
     background: radial-gradient(circle, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
     width: 100%;