diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 130f99a..e06d8bc 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -15,9 +15,7 @@ const { title } = Astro.props;
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
 	</head>
-	<body style="
-		background: url('/logo_les-particules_orange.jpg') top no-repeat;
-		height:fit-content; min-height: 100% ">
+	<body>
 		<main>
 			<h1>
 				<a href="/">
@@ -27,6 +25,9 @@ const { title } = Astro.props;
 			</h1>
 			<slot />
 		</main>
+		<footer>
+			© Les Particules 2024
+        </footer>
 	</body>
 </html>
 <style is:global>
@@ -38,11 +39,20 @@ const { title } = Astro.props;
 		font-family: system-ui, sans-serif;
 		background-color: #F6F6F6;
 	}
-	html, body {
+	html {
 		height: 100%;
-		padding:0;
-		margin:0;
-    }
+		padding: 0;
+		margin: 0;
+		background: url('/logo_les-particules_orange.jpg') top no-repeat white;
+	}
+	body {
+		display: flex;
+		flex-direction: column;
+		margin: 0;
+		align-items: center;
+		justify-content: space-between;
+		height: 100%;
+	}
 
 	h1 a {
 		text-decoration: none;
@@ -50,11 +60,21 @@ const { title } = Astro.props;
 	}
 
 	main {
-		margin: auto;
 		padding: 1.5rem;
 		max-width: 80ch;
 	}
 
+	footer{
+		background: white;
+		text-align: center;
+		border-radius: 0.4em;
+		border: black 0.15em solid;
+		box-shadow: 0.2em 0.2em 1em black;
+		padding: 0.2em 0.8em;
+		font-weight: bold;
+		margin-bottom: 1em;
+	}
+
 	code {
 		font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
 			Bitstream Vera Sans Mono, Courier New, monospace;
