diff -r 3e93c61f6be0 -r e95ca73cec54 cms/app-client/app/index.html
--- a/cms/app-client/app/index.html	Fri Jan 15 17:16:49 2016 +0100
+++ b/cms/app-client/app/index.html	Mon Jan 18 10:01:39 2016 +0100
@@ -21,19 +21,28 @@
       <h1>Corpus de la parole</h1>
       <div class="menu">
         <ul class="menu_main">
-          <li> <a href="#"> CORPUS </a> </li>
-          <li> <a href="#"> LANGUES </a> </li>
-          <li> <a href="#"> PROJET </a> </li>
-          <li> <a href="#"> RECHERCHE </a> </li>
+          <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>
+    <div id="corpus-app" class="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(item, bla){
+        $(".menu_main .sub-menu").toggleClass("active", false);
+        $(item.currentTarget).toggleClass("active", true);
+      })
+    </script>
 
     {{content-for 'body-footer'}}
   </body>