diff --git a/public/css/theme.scss b/public/css/theme.scss
index 1fab9d8..367d697 100644
--- a/public/css/theme.scss
+++ b/public/css/theme.scss
@@ -47,6 +47,7 @@ a {
       position: fixed;
       height: 100%;
       overflow-y: auto;
+      overflow-x: hidden;
     }
 
     @media (max-width: $screen-sm-max) {
@@ -96,6 +97,14 @@ a {
           text-decoration: none;
         }
       }
+
+      &.tags li:before {
+        @extend .glyphicon-tag;
+      }
+
+      &.categories li:before {
+        @extend .glyphicon-book;
+      }
     }
 
     @media (max-width: $screen-sm-max) {
diff --git a/public/index.html b/public/index.html
index 2b80c31..2fd5f1d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -31,6 +31,26 @@
                     <li><a href="#">Webservice restful avec symfony2 gerer les champs de type datetime</a></li>
                 </ul>
             </div>
+
+            <div id="tags" class="open">
+                <h3 data-open="tags">Tags</h3>
+                <ul class="tags">
+                    <li><a href="#">PHP</a></li>
+                    <li><a href="#">Golang</a></li>
+                    <li><a href="#">Javascript</a></li>
+                    <li><a href="#">HTML</a></li>
+                </ul>
+            </div>
+
+            <div id="categories" class="open">
+                <h3 data-open="categories">Categories</h3>
+                <ul class="categories">
+                    <li><a href="#">Archives Décembre 2015</a></li>
+                    <li><a href="#">Archives Novembre 2015</a></li>
+                    <li><a href="#">Archives Octobre 2015</a></li>
+                    <li><a href="#">Archives Septembre 2015</a></li>
+                </ul>
+            </div>
         </nav>
     </div>
     <div class="col-md-9 article-content">