diff --git a/_sass/screen.scss b/_sass/screen.scss
index 4606d05..7a08975 100644
--- a/_sass/screen.scss
+++ b/_sass/screen.scss
@@ -45,7 +45,8 @@ header h1 { font-size: 1.5em; margin:0 0 0.3em 0; }
 header a { color: $text; }
 
 nav { text-align: center; font-size: 120%; margin: 1em 0; }
-nav ul li { display: inline; margin: 0; clear: both; }
+nav ul li { display: inline; margin: 0; clear: both; padding: 0 10px 0 11px; }
+nav ul li:nth-child(n+2) { border-left: 1px solid $rule; }
 
 footer { font-size: 75%; padding-bottom: 175px; }
 
diff --git a/en.markdown b/en.markdown
index 15882e7..5548d41 100644
--- a/en.markdown
+++ b/en.markdown
@@ -9,8 +9,8 @@ header-homelink: /en
 {: .switcher}
 <nav>
 <ul>
-<li><a href="#research">Research</a> |</li>
-<li><a href="#teaching-in-french">Teaching</a> |</li>
+<li><a href="#research">Research</a></li>
+<li><a href="#teaching-in-french">Teaching</a></li>
 <li><a href="#contact">Contact</a></li>
 </ul>
 </nav>
diff --git a/index.markdown b/index.markdown
index 14dcdd6..a471600 100644
--- a/index.markdown
+++ b/index.markdown
@@ -7,8 +7,8 @@ FR\|[EN](/en)
 {: .switcher}
 <nav>
 <ul>
-<li><a href="#recherche">Recherche</a> |</li>
-<li><a href="#enseignement">Enseignement</a> |</li>
+<li><a href="#recherche">Recherche</a></li>
+<li><a href="#enseignement">Enseignement</a></li>
 <li><a href="#contact">Contact</a></li>
 </ul>
 </nav>
diff --git a/stylesheets/screen.css b/stylesheets/screen.css
index ab5102b..818179e 100644
--- a/stylesheets/screen.css
+++ b/stylesheets/screen.css
@@ -143,6 +143,11 @@ nav ul li {
   display: inline;
   margin: 0;
   clear: both;
+  padding: 0 10px 0 11px;
+}
+
+nav ul li:nth-child(n+2) {
+  border-left: 1px solid #999999;
 }
 
 footer {