diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index 49fba1d..373e7ed 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Playfair_Display, Inter } from "next/font/google";
 import "./globals.css";
+import Header from "@/components/layout/Header";
 
 const playfairDisplay = Playfair_Display({
   variable: "--font-playfair",
@@ -23,11 +24,11 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html
-      lang="fr"
-      className={`${playfairDisplay.variable} ${inter.variable} h-full antialiased`}
-    >
-      <body className="min-h-full flex flex-col">{children}</body>
+    <html lang="fr" className={`${playfairDisplay.variable} ${inter.variable} bg-brand-beige m-[11px] antialiased`}>
+      <body className="min-h-screen flex flex-col bg-brand-beige text-brand-brown">
+        <Header />
+        {children}
+      </body>
     </html>
   );
-}
+}
\ No newline at end of file
diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
new file mode 100644
index 0000000..bfb19c3
--- /dev/null
+++ b/components/layout/Header.tsx
@@ -0,0 +1,16 @@
+export default function Header() {
+  return (
+    <header className="bg-brand-brown text-brand-beige w-full py-6 px-10 flex justify-between items-center">
+        <div className="font-serif text-2xl font-bold">M. Guilbert</div>
+        <nav>
+            <ul className="flex gap-8 font-sans uppercase text-sm tracking-widest">
+                <li>Accueil</li>
+                <li>Projets</li>
+                <li>À propos</li>
+                <li>Blog</li>
+            </ul>
+        </nav>
+        <div>🇫🇷</div>
+    </header>
+  );
+}
\ No newline at end of file
