diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss
index 00f1abc..568302b 100644
--- a/assets/scss/_footer.scss
+++ b/assets/scss/_footer.scss
@@ -12,10 +12,12 @@
     margin-bottom: 1em;
   }
 
+  @include inline-list;
+
   li {
-    list-style: none;
     margin-right: .5em;
   }
+
 }
 
 .smallcaps {
diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss
index 83a6033..44f5c71 100644
--- a/assets/scss/_header.scss
+++ b/assets/scss/_header.scss
@@ -10,6 +10,12 @@
     flex-direction: column;
   }
 
+  @include breakpoint(tablet) {
+    section {
+      flex-direction: row;
+    }
+  }
+
   header {
     flex-grow: 1;
   }
@@ -27,6 +33,26 @@
 }
 
 nav {
-  align-self: flex-end;
-  margin-right: .5em;
+  display: flex;
+  justify-content: end;
+
+  @include breakpoint(tablet) {
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+
+  @include inline-list;
+
 }
+
+.nav-item:not(:last-child) {
+  &::after {
+    content: ' /';
+  }
+}
+
diff --git a/assets/scss/_mixins.scss b/assets/scss/_mixins.scss
new file mode 100644
index 0000000..fe751c0
--- /dev/null
+++ b/assets/scss/_mixins.scss
@@ -0,0 +1,12 @@
+///////////////////
+//               //
+//    MIXINS     //
+//               //
+///////////////////
+
+// Inline, no bullet lists
+@mixin inline-list {
+  ul > li {
+    display: inline;
+  }
+}
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index cf6616d..1a5333c 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -6,6 +6,7 @@
 
 @import 'variables';
 @import 'grid';
+@import 'mixins';
 @import 'colors';
 @import 'fonts';
 @import 'footer';
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index becbb89..cd84fac 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -6,14 +6,29 @@
       <h1>{{ .Site.Title }}</h1></a>
     </header>
     <nav>
-      <a href="{{ .Site.BaseURL }}blog">Blog</a> /
-      <a href="{{ .Site.BaseURL }}categories">Catégories</a>
-      {{ if .IsNode }}
-        / <a href="{{ .Permalink }}index.xml"><span class="smallcaps">rss</a>
-      {{ end }}
-      {{ if .IsPage }}
-        / <a href="{{ .Site.BaseURL }}index.xml"><span class="smallcaps">rss</a>
-      {{ end }}
+      <ul>
+        {{ $currentPage := . -}}
+        {{ range .Site.Menus.main -}}
+        <li class="nav-item">
+          <a class="nav-item-link{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
+        </li>
+        {{ end -}}
+        <li class="nav-item">
+        {{ if .IsPage -}}
+          <a class="nav-item-link" href="{{ .Site.BaseURL }}index.xml"
+             title="S'abonner aux publications du site">S'abonner
+          </a>
+        {{ else if .IsHome -}}
+          <a class="nav-item-link" href="{{ .Site.BaseURL }}index.xml"
+             title="S'abonner aux publications du site">S'abonner
+          </a>
+        {{ else if .IsNode -}}
+          <a class="nav-item-link" href="{{ .Permalink }}index.xml"
+             title="S'abonner aux publications de cette section">S'abonner
+          </a>
+        {{ end -}}
+        </li>
+      </ul>
     </nav>
   </section>
 </header>