diff --git a/components/Footer.js b/components/Footer.js
index c868f04..80393fa 100644
--- a/components/Footer.js
+++ b/components/Footer.js
@@ -68,6 +68,7 @@ export default function Footer() {
               text="Nous contacter ?"
               link="mailto:ozensemble@fabrique.social.gouv.fr"
             /> */}
+            <ArrowList text="Plan du site" link="/plan" />
             <ArrowList text="Ils parlent de nous" link="/partners" />
             <button
               className="block underline text-sm font-light mb-2 cursor-pointer"
diff --git a/components/Navigation.js b/components/Navigation.js
index d0dfe15..18ebfd3 100644
--- a/components/Navigation.js
+++ b/components/Navigation.js
@@ -73,6 +73,7 @@ export default function Navigation({ showPopup, setShowPopup }) {
               onClick={() => setShowContactPopup(true)}
             /> */}
             <Link name="Blog" target="/blog" setIsOpen={setIsOpen} />
+            <Link name="Plan du site" target="/plan" setIsOpen={setIsOpen} />
             <Link
               name="Ils parlent de nous"
               target="/partners"
diff --git a/pages/plan.js b/pages/plan.js
new file mode 100644
index 0000000..1a521be
--- /dev/null
+++ b/pages/plan.js
@@ -0,0 +1,65 @@
+import Footer from "../components/Footer"
+import Navigation from "../components/Navigation"
+import Head from "next/head"
+import { useState } from "react"
+
+const Plan = () => {
+  const [showPopup, setShowPopup] = useState(false)
+  return (
+    <>
+      <Head>
+        <title>Plan du site | Oz Ensemble</title>
+      </Head>
+      <div>
+        <Navigation showPopup={showPopup} setShowPopup={setShowPopup} />
+        <div className="mt-30 lg:mt-40">
+          <h1 className="mb-2 text-3xl text-center font-extrabold lg:text-5xl text-oz-blue">
+            Plan du site
+          </h1>
+          <div className="flex flex-col gap-9 pl-40 py-12">
+            <ArrowList text="Accueil" link="/" />
+            <div className="flex flex-col gap-6 px-12">
+              <SubArrowList text="Comment ça marche ?" link="/#how-it-works" />
+              <SubArrowList text="Qui sommes-nous ?" link="/#who-are-we" />
+            </div>
+            <ArrowList text="Blog" link="/blog" />
+            <ArrowList text="Ils parlent de nous" link="/partners" />
+            <h3 className="text-2xl text-[#115F3D]">Utilités</h3>
+            <div className="flex flex-col gap-6 px-12">
+              <SubArrowList
+                text="Mentions légales"
+                link="/files/25012023-Oz_Ensemble-Mentions_legales_site_V2.pdf"
+              />
+              <SubArrowList
+                text="Politique de confidentialité"
+                link="/files/25012023-Oz_Ensemble-Politique_de_confidentialite_site_V3.pdf"
+              />
+              <SubArrowList text="Statistiques" link="/stats" />
+              <SubArrowList
+                text="Accessibilité : non conforme"
+                link="/accessibility"
+              />
+            </div>
+          </div>
+        </div>
+        <Footer />
+      </div>
+    </>
+  )
+}
+const ArrowList = ({ text, link }) => (
+  <div className="mb-2 items-start">
+    <a href={link}>
+      <p className="text-2xl underline text-[#115F3D]">→ {text}</p>
+    </a>
+  </div>
+)
+const SubArrowList = ({ text, link }) => (
+  <div className="mb-2 items-start">
+    <a href={link}>
+      <p className="text-xl font-light underline text-[#115F3D]">→ {text}</p>
+    </a>
+  </div>
+)
+
+export default Plan
