diff --git a/static/css/home.css b/static/css/home.css
index f438a5d..893ae13 100644
--- a/static/css/home.css
+++ b/static/css/home.css
@@ -28,6 +28,11 @@ div#jardin p {
   justify-content: center;
 }
 
+nav#sommaire {
+  text-align: center;
+  margin-top: 3rem;
+}
+
 h2#infras {
   background-color: var(--infras);
   grid-area: title-start 1 / col-sep 1 / title-end 1 / col-sep 12;
diff --git a/static/css/layout.css b/static/css/layout.css
index ff73100..9a4d6a5 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -251,7 +251,7 @@ pre.center > a {
   div#container, nav#menu, body {
     background-color: var(--night-background);
   }
-  p, pre, ul, li, a, a:hover, h1, h2, footer {
+  p, pre, ul, li, a, a:hover, h1, h2, footer, nav {
     color: var(--txt-night);
   }
   .highlight {
diff --git a/static/index.html b/static/index.html
index 93be545..4ac02a3 100644
--- a/static/index.html
+++ b/static/index.html
@@ -488,6 +488,10 @@
                                                     </pre>
         </div>
         <p>Fabriquons un internet convivial ⤵</p>
+
+        <nav id="sommaire">
+          <a href="#infras">Infrastructures</a><span role="separator"> · </span><a href="#outils">Services</a><span role="separator"> · </span><a href="#valeurs">Valeurs</a><span role="separator"> · </span><a href="#connaissance">Faisons connaissance</a>
+        </nav>
       </div>
 
       <h2 id="infras"><span class="decoration" aria-hidden="true"></span>Avec nos propres infrastructures<span class="decoration" aria-hidden="true"></span></h2>