diff --git a/assets/styles/html.sass b/assets/styles/html.sass
index d1d51cd..67f92a5 100644
--- a/assets/styles/html.sass
+++ b/assets/styles/html.sass
@@ -2,18 +2,50 @@ html
   /*-webkit-font-smoothing: antialiased*/
   /*--moz-osx-font-smoothing: grayscale*/
   scroll-behavior: smooth
-  /* In most browsers, this defaults to 16 pixels */
-  font-size: 100%
+  /* 18px */
+  font-size: 112.5%
 
 body
+  font-weight: 400
+  line-height: 1.65
+  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
   color: $color-primary
   background-color: $color-secondary
-  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
 
-p,
-ul:not([class]),
-ol[class],
-dl,
-table
-  margin-bottom: -webkit-calc(1.115rem + 0.1vw)
-  margin-bottom: calc(1.115rem + 0.1vw)
+p
+  margin-bottom: 1.15rem
+
+h1,
+h2,
+h3,
+h4,
+h5
+  margin: 2.75rem 0 1.05rem
+  font-weight: 400
+  line-height: 1.15
+
+h4,
+h5
+  margin: 1.375rem 0 0.75rem
+  font-weight: 400
+  line-height: 1.15
+
+h1
+  margin-top: 0
+  font-size: 1.802em
+
+h2
+  font-size: 1.602em
+
+h3
+  font-size: 1.424em
+
+h4
+  font-size: 1.266em
+
+h5
+  font-size: 1.125em
+
+small,
+.text_small
+  font-size: 0.889em
diff --git a/assets/styles/variables.sass b/assets/styles/variables.sass
index 9660b6b..4125210 100644
--- a/assets/styles/variables.sass
+++ b/assets/styles/variables.sass
@@ -1,2 +1,3 @@
 $color-primary: black
 $color-secondary: white
+$space: 2.75rem
diff --git a/content/annuaires.md b/content/annuaires.md
index 1beb9e8..3fd94cf 100644
--- a/content/annuaires.md
+++ b/content/annuaires.md
@@ -5,7 +5,7 @@ weight: 2
 
 ## Acteurs des low-tech :
 * [Le Low Tech Lab](https://lowtechlab.org/)
-* [Le Low Tech Magazine](https://www.lowtechmagazine.com/) avec le [solar lowtechmagazine](https://solar.lowtechmagazine.com/)
+* [Le Low Tech Magazine](https://solar.lowtechmagazine.com/)
 * [Gauthier Roussilhe](http://gauthierroussilhe.com)
 * [Fairness](https://fairness.coop)
 * [Bertrand Keller](https://bertrandkeller.info/)
diff --git a/content/outils-ressources.md b/content/outils-ressources.md
index 73d450e..907af23 100644
--- a/content/outils-ressources.md
+++ b/content/outils-ressources.md
@@ -3,35 +3,38 @@ title: Outils et ressources
 weight: 3
 ---
 
-## Publications
-* [James Christie, Sustainable Web Design](https://alistapart.com/article/sustainable-web-design/)
+## Ressources
+
+### Lectures
+
+#### Écoconception
+
 * [Guide de conversion numérique au low tech](http://gauthierroussilhe.com/fr/posts/convert-low-tech)
-* [Éloi Laurent, Et si nous nous trompions de transition ? Pour un luddisme écologique](http://lapenseeecologique.com/et-si-nous-nous-trompions-de-transition-pour-un-luddisme-ecologique/)
-
-## Lectures
-
-### Enérgie
-
-* Phillipe Bihouix, L'âge des Low Tech : Vers une civilisation techniquement soutenable
-
-### Écoconception
-
+* [James Christie, Sustainable Web Design](https://alistapart.com/article/sustainable-web-design/)
 * Écoconception web : les 115 bonnes pratiques – 3ème édition
 
-### Rapport
+#### Rapport
 
 * [The shift project](https://theshiftproject.org/lean-ict/)
 
-### Accessibilité
+#### Low Tech
 
-* Laura Kalbag, Accessibility for Everyone
+* Phillipe Bihouix, L'âge des Low Tech : Vers une civilisation techniquement soutenable
 
-### Design
+#### Design
 
 * Eric Meyer & Sara Wachter-Boettcher, Design for Real Life
 * Erika Hall, Just Enough Research
 
-## Conférence
+#### Accessibilité
+
+* Laura Kalbag, Accessibility for Everyone
+
+#### Société
+
+* [Éloi Laurent, Et si nous nous trompions de transition ? Pour un luddisme écologique](http://lapenseeecologique.com/et-si-nous-nous-trompions-de-transition-pour-un-luddisme-ecologique/)
+
+### Conférences & Podcasts
 
 * Design et consommation
   * [Groupe d'éducation en design](https://groupe.design/)
@@ -40,44 +43,51 @@ weight: 3
   * [The Future of Internet Regulation at the European Parliament](https://ar.al/2019/11/29/the-future-of-internet-regulation-at-the-european-parliament/)
   * [Laura Kalbag / ffconf 2019](https://www.youtube.com/watch?v=WkeGGNdOv4g&feature=youtu.be) | [lien invidio.us](https://invidio.us/watch?v=WkeGGNdOv4g)
 
-## Mesures
+## Outils
+
+### Mesures
 
 * [Website Carbon Calculator](https://www.websitecarbon.com/)
+* [Ecoindex](http://www.ecoindex.fr/)
+* [Website Carbon](https://www.websitecarbon.com/)
+* [GTmetrix](https://gtmetrix.com)
 
-## Usage alternatif
+### Usage alternatif
 
+* [nightnight](https://www.nightnight.みんな/details)
 * [Kiwix](https://www.kiwix.org/)
 * [El paquete](https://fr.wikipedia.org/wiki/El_paquete_hebdomadaire)
 * [DakNet](https://ieeexplore.ieee.org/document/1319279)
 
-## Développement
+### Développement
 
-* Générateurs statique
-  * [Hugo](https://gohugo.io/)
-  * [Jekyll](https://jekyllrb.com/)
-  * [Kirby](https://getkirby.com/)
-  * [Getpublii](https://getpublii.com/)
-  * [Mavo.io](https://mavo.io/)
-  * [11ty](https://www.11ty.dev/)
+#### Générateurs statique
 
-## Design
+* [Hugo](https://gohugo.io/)
+* [Jekyll](https://jekyllrb.com/)
+* [Kirby](https://getkirby.com/)
+* [Getpublii](https://getpublii.com/)
+* [Mavo.io](https://mavo.io/)
+* [11ty](https://www.11ty.dev/)
+
+### Design
 
 * [Small Technology](https://small-tech.org/)
 * [Disrupt Design](https://www.disruptdesign.co/)
 
-## Auto-hébergement
+### Auto-hébergement
 
 * [RaspberryPi](https://www.raspberrypi.org/)
 * [NextCloud](https://nextcloud.com/)
 * [Fediverse](https://fediverse.party/)
 
-## Hébergement
+### Hébergement
 
 * [Commons host](https://commons.host/)
 * [Greenhost](https://greenhost.net/)
 * [Ikoula](https://www.ikoula.com/fr)
 * [Site.js](https://sitejs.org/)
 
-## Editeur
+### Editeur
 
 * [Marktext](https://github.com/marktext/marktext)