diff --git a/client/public/images/heart.webp b/client/public/images/heart1.webp
similarity index 100%
rename from client/public/images/heart.webp
rename to client/public/images/heart1.webp
diff --git a/client/public/images/heart2.webp b/client/public/images/heart2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b0748e45948f005d280484b7f1090a6174309cb3
Binary files /dev/null and b/client/public/images/heart2.webp differ
diff --git a/client/public/images/heart3.webp b/client/public/images/heart3.webp
new file mode 100644
index 0000000000000000000000000000000000000000..09032b282e1efd8c422e28d4f1e98b6ad3c18826
Binary files /dev/null and b/client/public/images/heart3.webp differ
diff --git a/client/public/images/heart4.webp b/client/public/images/heart4.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c1a4b8b27a7ff46bc42c790ca30603ef6abd969e
Binary files /dev/null and b/client/public/images/heart4.webp differ
diff --git a/client/src/main.js b/client/src/main.js
index 1ea271e5773867a53dd5aee1febbcb577e050a2e..57ff4b44c3981b9f80773cd5eba2f651e858bf44 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -28,7 +28,7 @@ imageProjectile.src = '/images/bill.png';
 imageEnemi.src = '/images/koopa.png';
 imageEnemi2.src = '/images/bob_omb.png';
 background.src = '/images/background2.webp';
-imageCoeur.src = '/images/heart.webp';
+imageCoeur.src = '/images/heart1.webp';
 let gameStarted = false;
 let LV2Started = false;
 let canLostLifeAvatar = true;
@@ -128,9 +128,19 @@ function render() {
 	for (let i = 1; i < avatars.length; i++) {
 		if (avatars[i] != undefined) {
 			context.fillStyle = colors[i - 1];
-			const x = 10 + i * 60;
+			const x = 10 + i * 100;
 			context.fillText(avatars[i].score, x, 50);
-			vies += avatars[i].vies;
+			imageCoeur.src = `/images/heart${i}.webp`;
+			console.log(imageCoeur.src);
+			for (let j = 0; j < avatars[i].vies; j++) {
+				context.drawImage(
+					imageCoeur,
+					canvas.width - (avatars[i].vies - j) * 50,
+					i * 50 - 50,
+					50,
+					50
+				);
+			}
 		}
 	}
 
@@ -138,10 +148,6 @@ function render() {
 
 	context.fillText(0 + ':' + min + ':' + sec, canvas.width / 2, 50);
 
-	for (let i = 0; i < vies; i++) {
-		context.drawImage(imageCoeur, canvas.width - (3 - i) * 50, 0, 50, 50);
-	}
-
 	for (let avatarId in avatars) {
 		context.drawImage(avatar.image, avatars[avatarId].x, avatars[avatarId].y);
 		if (avatars[avatarId].projectiles != undefined) {