diff --git a/src/app.html b/src/app.html
index d168691..07d5037 100644
--- a/src/app.html
+++ b/src/app.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.avif" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 	</head>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f28656a..c4449be 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -8,7 +8,11 @@
 	const props: Props = $props();
 </script>
 
-<h1>TCL-Guessr</h1>
+<svelte:head>
+	<title>TCL-Guessr</title>
+</svelte:head>
+
+<h1><img src="/logo.avif" alt="tcl-guessr logo" width="240" height="240" /></h1>
 
 <div class="login">
 	{#if props.data.user === null}
@@ -50,12 +54,15 @@
 </form>
 
 <style>
+	img {
+		vertical-align: middle;
+	}
+
 	.login {
 		font-size: 20px;
 	}
 
 	.pfp {
-		vertical-align: middle;
 		border-radius: 100%;
 	}
 
diff --git a/src/routes/game/+page.svelte b/src/routes/game/+page.svelte
index 646ec26..4657ecd 100644
--- a/src/routes/game/+page.svelte
+++ b/src/routes/game/+page.svelte
@@ -105,7 +105,7 @@
 				.addTo(map)
 				.openPopup();
 		} else {
-			alert("it seems than an error occurred");
+			alert(`une erreur est survenue: ${response.status} ${await response.text()}`);
 		}
 
 		isChecking = false;
@@ -135,18 +135,22 @@
 	}
 </script>
 
-{#await Promise.all([mapPromise, gamePromise])}
-	<h1>Loading...</h1>
+<svelte:head>
+	<title>TCL-Guessr</title>
+</svelte:head>
 
-	<div><button disabled>Loading...</button></div>
+{#await Promise.all([mapPromise, gamePromise])}
+	<h1>Chargement...</h1>
+
+	<div><button disabled>Chargement...</button></div>
 {:then [, gameData]}
 	<h1>{gameData.stopNames[currentIndex]}</h1>
 
 	<div>
 		{#if results === null}
-			<button onclick={checkLocation} disabled={!playerMarker || isChecking}>SUBMIT</button>
+			<button onclick={checkLocation} disabled={!playerMarker || isChecking}>VÉRIFIER</button>
 		{:else}
-			<button onclick={restartGame}>NEXT</button>
+			<button onclick={restartGame}>SUIVANT</button>
 		{/if}
 	</div>
 {/await}
@@ -168,6 +172,10 @@
 		max-width: 100% !important;
 	}
 
+	button {
+		padding: 10px;
+	}
+
 	.results {
 		color: green;
 		font-size: 20px;
diff --git a/src/routes/leaderboard/+page.svelte b/src/routes/leaderboard/+page.svelte
index 01338e4..11a93fa 100644
--- a/src/routes/leaderboard/+page.svelte
+++ b/src/routes/leaderboard/+page.svelte
@@ -15,7 +15,11 @@
 	}
 </script>
 
-<h1>LEADERBOARD !!!!!</h1>
+<svelte:head>
+	<title>Tableau des scores</title>
+</svelte:head>
+
+<h1>Tableau des scores</h1>
 
 <div>
 	Mode: <select name="mode" bind:value={mode}>
diff --git a/src/routes/results/+page.svelte b/src/routes/results/+page.svelte
index a773f4e..c1085de 100644
--- a/src/routes/results/+page.svelte
+++ b/src/routes/results/+page.svelte
@@ -14,6 +14,10 @@
 	const saveParams = new URLSearchParams({ next: `/api/save?id=${props.data.gameId}` });
 </script>
 
+<svelte:head>
+	<title>TCL-Guessr - Résultats</title>
+</svelte:head>
+
 <h1>Score total: {totalScore}</h1>
 
 <span>Mode: <b>{mode}</b></span>
diff --git a/static/favicon.avif b/static/favicon.avif
new file mode 100644
index 0000000..e40fe1b
Binary files /dev/null and b/static/favicon.avif differ
diff --git a/static/favicon.png b/static/favicon.png
deleted file mode 100644
index 825b9e6..0000000
Binary files a/static/favicon.png and /dev/null differ
diff --git a/static/logo.avif b/static/logo.avif
new file mode 100644
index 0000000..5299a43
Binary files /dev/null and b/static/logo.avif differ
