diff --git a/_sass/screen.scss b/_sass/screen.scss
index 8a9e0df..7d3063a 100644
--- a/_sass/screen.scss
+++ b/_sass/screen.scss
@@ -76,6 +76,8 @@ li { margin-left: 1em; }
 
 .credits { color: $dim; }
 
+.centered_img { display: block; margin: 1em auto; }
+
 #wrapper { max-width: $in_width; margin: auto; }
 #outter-wrapper { width: 100%; height: auto; min-height: 100%; position: relative; }
 #foot_image { height: 150px; background-image: url('../images/antennes.png');
diff --git a/divers.markdown b/divers.markdown
new file mode 100644
index 0000000..744151d
--- /dev/null
+++ b/divers.markdown
@@ -0,0 +1,20 @@
+---
+layout: default
+math: false
+---
+
+# Divers
+
+## Un blog de Terry Tao plus lisible
+
+Voici [un petit bout](https://gist.github.com/gjankowiak/9692034) de CSS pour nettoyer les posts de blogs et les rendre plus agréables à lire.
+Il est commenté (en anglais) pour pouvoir être adapté à vos besoins. Avec Firefox, il faut utiliser l'extension [Stylish](https://addons.mozilla.org/fr/firefox/addon/stylish/?src=search)
+pour l'utiliser.
+Et comme les maths sont affichés via de simples images, ce qui est moyennement esthétique, voilà [le bout](https://gist.github.com/gjankowiak/9692040)
+de Javascript qui va avec. Il injecte [MathJax](http://www.mathjax.org/) dans la page, après avoir transformé les images en texte utilisable par lui. Pour l'utiliser avec Firefox,
+il faut avoir installé [GreaseMonkey](https://addons.mozilla.org/fr/firefox/addon/greasemonkey/).
+
+Voici un aperçu, avant à gauche, après à droite :
+
+![before after](images/misc/tao-before-after.jpg){: .centered_img}
+
diff --git a/images/misc/tao-before-after.jpg b/images/misc/tao-before-after.jpg
new file mode 100644
index 0000000..6d0dab7
Binary files /dev/null and b/images/misc/tao-before-after.jpg differ
diff --git a/index.markdown b/index.markdown
index 8410bca..2c17dba 100644
--- a/index.markdown
+++ b/index.markdown
@@ -10,6 +10,7 @@ FR\|[EN](/en)
 <li><a href="#recherche">Recherche</a></li>
 <li><a href="#enseignement">Enseignement</a></li>
 <li><a href="#contact">Contact</a></li>
+<li><a href="/divers">Divers</a></li>
 </ul>
 </nav>
 
diff --git a/stylesheets/screen.css b/stylesheets/screen.css
index fc26592..754e016 100644
--- a/stylesheets/screen.css
+++ b/stylesheets/screen.css
@@ -215,6 +215,11 @@ li {
   color: #999999;
 }
 
+.centered_img {
+  display: block;
+  margin: 1em auto;
+}
+
 #wrapper {
   max-width: 783px;
   margin: auto;