diff -r 9ef0952033e0 -r 66739650678f cms/app-client/app/index.html
--- a/cms/app-client/app/index.html	Thu Dec 10 17:00:02 2015 +0100
+++ b/cms/app-client/app/index.html	Thu Dec 10 17:00:59 2015 +0100
@@ -26,14 +26,35 @@
           <li> <a href="#"> PROJET </a> </li>
           <li> <a href="#"> RECHERCHE </a> </li>
         </ul>
+        <ul id="menu_main" class="menu_main">
+          <li id="langues" class="sub-menu"> Langues </li>
+          <li id="cartographie" class="sub-menu"> Cartographie </li>
+          <li id="thematiques" class="sub-menu"> Thématiques </li>
+          <li id="discours" class="sub-menu"> Discours </li>
+          <li id="chronologie" class="sub-menu"> Chronologie </li>
+        </ul>
+        <ul class="menu_main">
+          <li class="sub-menu"> <a href="#/langues"> Langues </a> </li>
+          <li class="sub-menu"> <a href="#/cartographie"> Cartographie </a> </li>
+          <li class="sub-menu"> <a href="#/thematiques"> Thématiques </a> </li>
+          <li class="sub-menu"> <a href="#/discours"> Discours </a> </li>
+          <li class="sub-menu"> <a href="#/chronologie"> Chronologie </a> </li>
+        </ul>
       </div>
     </div>
 
     {{content-for 'body'}}
     <div id="corpus-app"></div>
-
+    
+    <script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['treemap']}]}"></script>
     <script src="assets/vendor.js"></script>
     <script src="assets/app-client.js"></script>
+    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
+    <script>
+      $("#menu_main .sub-menu").click(function(){
+        window.history.pushState('', '', this.id);
+      })
+    </script>
 
     {{content-for 'body-footer'}}
   </body>