diff --git a/assets/styles/content.sass b/assets/styles/content.sass
index 461e8f1..8c7dd9a 100644
--- a/assets/styles/content.sass
+++ b/assets/styles/content.sass
@@ -1,2 +1,4 @@
 .container
   padding: 1rem
+main
+  padding-bottom: 2*$space
\ No newline at end of file
diff --git a/assets/styles/html.sass b/assets/styles/html.sass
index 67f92a5..ae6a203 100644
--- a/assets/styles/html.sass
+++ b/assets/styles/html.sass
@@ -1,9 +1,13 @@
+/* Box sizing rules */
+*,*::before,*::after
+  box-sizing: border-box
+
 html
   /*-webkit-font-smoothing: antialiased*/
   /*--moz-osx-font-smoothing: grayscale*/
   scroll-behavior: smooth
   /* 18px */
-  font-size: 112.5%
+  font-size: $font-size
 
 body
   font-weight: 400
diff --git a/assets/styles/main.sass b/assets/styles/main.sass
index 1940868..c857b14 100644
--- a/assets/styles/main.sass
+++ b/assets/styles/main.sass
@@ -14,12 +14,12 @@ body
   min-height: 100vh
   position: relative
   padding: 1rem
-
   h1
     text-align: center
+    font-size: 1rem
 
 @media screen and (min-width: 60rem)
   .layout
-    width: 800px
+    width: $content-width
     margin: 0 auto
     box-shadow: 8px 0 6px #ddd
diff --git a/assets/styles/menu.sass b/assets/styles/menu.sass
index 38be455..3bad445 100644
--- a/assets/styles/menu.sass
+++ b/assets/styles/menu.sass
@@ -1,12 +1,16 @@
 nav
-  position: absolute
-  top: 10rem
-  left: -15rem
+  position: fixed
+  top: 4*$space
+  right: 50%
+  margin-right: $content-width/2
+  width: 6*$space
+  font-family: $font-family-monospace
   ul
     list-style: none
     li
-      border-left: 1px solid $color-primary
       padding-left: 15px
+      text-transform: capitalize
+      font-size: 0.8*$font-size
       &.active
         font-weight: $active
       a
@@ -23,7 +27,6 @@ nav
     padding-bottom: 2*$space
   nav
     display: none
-    position: fixed
     z-index: 10
     top: 0
     left: 0
@@ -40,9 +43,11 @@ nav
       right: 0
       width: 100%
       li
-        line-height: 1.8*$space
-        font-size: 0.7*$space
+        line-height: 1.5*$space
+        font-size: 1.2*$font-size
         text-align: right
+        border-left: 0
+        padding: 0
         a
           text-decoration: none
           color: $color-primary
@@ -62,7 +67,6 @@ nav
     background: transparent !important
     &:before
       content: 'menu'
-      padding: 0 2em
       text-transform: uppercase
       background: $color-secondary
       position: fixed
@@ -70,9 +74,10 @@ nav
       width: 100%
       height: 2*$space
       bottom: 0
-      padding: 0.5*$space 3*$space 0.5*$space 0
-      line-height: $space
+      padding: 0.9*$space 2*$space 0.6*$space 0
+      line-height: 0.5*$space
       text-align: right
+      font-size: 0.8*$font-size
     &.is-active:before
       content: ''
     & > *
@@ -81,8 +86,8 @@ nav
       flex-direction: column
       justify-content: space-between
       align-items: stretch
-      height: 2.6rem
-      width: 3.6rem
+      height: 0.4*$space
+      width: 0.6*$space
       background-image: linear-gradient(#333,#333)
       background-position: 50%
       background-repeat: no-repeat
diff --git a/assets/styles/variables.sass b/assets/styles/variables.sass
index cedb777..2c163b5 100644
--- a/assets/styles/variables.sass
+++ b/assets/styles/variables.sass
@@ -1,4 +1,7 @@
 $color-primary: black
 $color-secondary: white
 $space: 2.75rem
+$font-size: 112.5%
+$font-family-monospace: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace
+$content-width: 800px
 $active: 600
diff --git a/content/outils-ressources.md b/content/outils-ressources.md
index e0eca85..18d3d2e 100644
--- a/content/outils-ressources.md
+++ b/content/outils-ressources.md
@@ -2,7 +2,7 @@
 title: Outils et ressources
 menu:
   main:
-    name: 🛠 Outils et ressources
+    name: 🛠 Outils & ressources
     weight: 30
 ---