diff --git a/README.md b/README.md
index fd97f30..b1bf80e 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,6 @@
 La page d'accueil de la mare des crapauds fous
 ===============================================
 
+[![pipeline status](https://gitlab.com/crapaud-fou/portail/badges/master/pipeline.svg)](https://gitlab.com/crapaud-fou/portail/commits/master)
+
 Ceci est la page d'atterrissage du site des crapauds fous.
diff --git a/site/crapaud-fou.css b/site/crapaud-fou.css
index b542680..7941c7d 100644
--- a/site/crapaud-fou.css
+++ b/site/crapaud-fou.css
@@ -20,7 +20,6 @@ a:hover {
 .link:hover a {
   padding-right: 2.4em;
   padding-left: 2.4em;
-  margin-right: -2em;
   border-radius: 1em;
 }
 .nombre {
@@ -32,7 +31,7 @@ a:hover {
   color: #666;
   background-color: #eee;
   margin: 0 -.3em;
-  padding: .5em 1.5em;
+  padding: .5em .5em;
   border-top: 1px solid #ccc;
 }
 .stats-title {
diff --git a/site/index.html b/site/index.html
index 0738bfa..1a11fb6 100644
--- a/site/index.html
+++ b/site/index.html
@@ -34,7 +34,7 @@
 </head>
 
 <body>
-  <div class="container-fluid">
+  <div class="container">
   
   <div class="row">
     <div class="col">
@@ -70,9 +70,9 @@
       <div class="card idees">
         <div class="card-body">
           <div class="link">
-            <h5 class="card-title">
-              <a href="https://idees.crapaud-fou.org" class="badge badge-success float-right stretched-link">https://idees.crapaud-fou.org</a>
-              Avoir des idées
+            <h5 class="card-title text-center">
+              Avoir des idées ...<br>
+              <a href="https://idees.crapaud-fou.org" class="badge badge-success stretched-link">https://idees.crapaud-fou.org</a>
             </h5>
             <p>Les idées folles ne sont que des rêves tant qu'on ne les explique pas. Notre boite à idées part du principe qu'il n'y a pas d'idée stupide.</p>
           </div>
@@ -91,7 +91,7 @@
               <div class="recent">
                 <div title="Nombre d'utilisateurs s'étant connecté au moins une fois"><span class="nombre crapauds">0</span> crapauds actifs</div>
                 <div title="Nombre d'idées récentes"><span class="nombre idees">0</span> nouvelles idées</div>
-                <div title="Nombre de nouveaux commentaires"><span class="nombre commentaires">0</span> nouveaux commentaires</div>
+                <div title="Nombre de nouveaux commentaires"><span class="nombre commentaires">0</span> commentaires</div>
               </div>
             </div>
           </div>
@@ -112,6 +112,9 @@
             </ul>
             </div>
           </div>
+          <div>
+            <button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpid">Comment proposer une idée</button>
+          </div>
         </div>
       </div>
     </div>
@@ -119,9 +122,9 @@
       <div class="card chat">
         <div class="card-body">
           <div class="link">
-            <h5 class="card-title">
-              <a href="https://coa.crapaud-fou.org" class="badge badge-success float-right stretched-link">https://coa.crapaud-fou.org</a>
-              ... en discuter ...
+            <h5 class="card-title text-center">
+              ... en discuter ...<br>
+              <a href="https://coa.crapaud-fou.org" class="badge badge-success stretched-link">https://coa.crapaud-fou.org</a>
             </h5>
             <p>Cette espace de discussion en temps réel est un vrai espace social, pour débattre et partager. C'est là qu'on trouve la force du lien avec les autres crapauds.</p>
           </div>
@@ -150,9 +153,9 @@
             </ul>
             </div>
           </div>
-        </div>
-        <div>
-          <button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpchat">Premiers pas dans le Chat</button>
+          <div>
+            <button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpchat">Les premiers pas dans le Chat</button>
+          </div>
         </div>
       </div>
     </div>
@@ -161,31 +164,32 @@
       <div class="card wiki">
         <div class="card-body">
           <div class="link">
-            <h5 class="card-title">
-              <a href="https://wiki.crapaud-fou.org" class="badge badge-success float-right stretched-link">https://wiki.crapaud-fou.org</a>
-              ... et partager!
+            <h5 class="card-title text-center">
+              ... et agir!<br>
+              <a href="https://wiki.crapaud-fou.org" class="badge badge-success stretched-link">https://wiki.crapaud-fou.org</a>
             </h5>
-            <p>Le site collaboratif qui permet de publier des textes et projets crapaud fou.</p>
+            <p>Le wiki permet de formaliser des plans d'action mais aussi et surtout de partager les méthodes pour que tout le monde puisse en profiter.</p>
           </div>
-          <p>
-            <div>Depuis mars 2018</div>
-            <div>
-              <span class="nombre">0</span> crapauds
-              <span class="nombre">0</span> pages
-              <span class="nombre">0</span> photos
+          <div class="row mb-3">
+            <div class="col stats">
+              <div class="stats-title">Depuis mars 2018</div>
+              <div class="total">
+                <div><span class="nombre crapauds">0</span> crapauds</div>
+                <div><span class="nombre pages">0</span> pages</div>
+                <div><span class="nombre photos">0</span> photos</div>
+              </div>
             </div>
-          </p>
-          <p>
-            <div>Sur les 30 derniers jours</div>
-            <div>
-              <span class="nombre">0</span> crapauds actifs
-              <span class="nombre">0</span> pages modifiées
-              <span class="nombre">0</span> nouvelles photos
+            <div class="col stats">
+              <div class="stats-title">Sur les 30 derniers jours</div>
+              <div class="recent">
+                <div><span class="nombre crapauds">0</span> crapauds actifs</div>
+                <div><span class="nombre pages">0</span> pages modifiées</div>
+                <div><span class="nombre photos">0</span> nouvelles photos</div>
+              </div>
             </div>
-          </p>
-          <p>
+          </div>
+          <div>
             <div>Les dernières pages modifiées</div>
-            <div>
             <ul>
               <li><a href="">#general</a></li>
               <li><a href="">#general</a></li>
@@ -198,19 +202,46 @@
               <li><a href="">#general</a></li>
               <li><a href="">#general</a></li>
             </ul>
-            </div>
-          </p>
+          </div>
+          <div>
+            <button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpwiki">Mode d'emploi du wiki</button>
+          </div>
+
         </div>
       </div>
     </div>
   </div>
 
 
+  <div class="modal fade" id="helpid" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+        <h5 class="modal-title">Comment proposer une idée</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+    </div>
+  </div>
+
   <div class="modal fade" id="helpchat" tabindex="-1" role="dialog">
     <div class="modal-dialog" role="document">
       <div class="modal-content">
         <div class="modal-header">
-        <h5 class="modal-title">Premiers pas dans le Chat</h5>
+        <h5 class="modal-title">Les premiers pas dans le Chat</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <div class="modal fade" id="helpwiki" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+        <h5 class="modal-title">Mode d'emploi du Wiki</h5>
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
           <span aria-hidden="true">&times;</span>
         </button>
