--- a/server/src/main/webapp/WEB-INF/templates/projectIndex.html	Fri Mar 15 17:11:44 2013 +0100
+++ b/server/src/main/webapp/WEB-INF/templates/projectIndex.html	Fri Mar 15 23:19:50 2013 +0100
@@ -18,15 +18,28 @@
         <div id="wrapper">
         	<h1><span th:text="#{renkanIndex.renkan_space}">Renkan Space</span>: <span th:text="${space.title}">Titre</span></h1>
             <div id="inner">
-                <div id="button" onclick="go2Random()" class="translate" th:utext="#{renkanIndex.new_renkan}">New Renkan</div>
-                <div id="label" class="translate" th:text="#{renkanIndex.renkan_exp}">Create a Renkan with the title</div> 
+                <div id="label" class="translate" th:text="#{renkanIndex.renkan_exp}">Create a Renkan</div> 
                 <form action="#" onsubmit="go2Title();return false;"> 
                     <input type="text" id="renkantitle" autofocus="autofocus" x-webkit-speech="x-webkit-speech"/> 
                     <button type="submit">OK</button>
                 </form>
             </div>
             <h2 th:text="#{renkanIndex.project_list}">Project list</h2>
-            <div th:include="fragment/paginationFragment :: paginationFragment"></div>
+            <div th:include="fragment/paginationFragment :: paginationFragment" class="pagination-container">
+                <div>               
+                    <a href="#?p.page=1">&lt;&lt;</a>                    
+                    <a href="#?p.page=3">&lt;</a>
+                    <span>...</span>
+                    <a href="#?p.page=2">2</a>
+                    <a href="#?p.page=3">3</a>
+                    <span>4</span>
+                    <a href="#?p.page=5">5</a>
+                    <a href="#?p.page=6">6</a>
+                    <span>...</span>
+                    <a href="#?p.page=5">&gt;</a>
+                    <a href="#?p.page=7">&gt;&gt;</a> 
+                </div>
+            </div>
             <table>
               <thead>
                 <tr>