diff -r c86141a8570d -r c2dd00471b2d integration/home.html
--- a/integration/home.html	Tue Nov 27 18:08:06 2012 +0100
+++ b/integration/home.html	Wed Dec 12 18:17:52 2012 -0800
@@ -35,7 +35,7 @@
                             <a data-trace-id="" data-trace-type="search" data-trace-view="head-search-snap" href="#" class="photo"></a>
                             <input  data-trace-id="" data-trace-type="search" data-trace-view="head-search-query" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" />
                             <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-submit" type="submit" value="" class="recherche-submit"/>
-                           
+                            <a class="plus-button home" title="Annoter" href="#"> </a>
                         </p>
                     </form>
                 </div>
@@ -46,7 +46,7 @@
                     <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-france" href="#">FRANCE</a></li>
                     <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-economie" href="#">ECONOMIE</a></li>
                     <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-culture" href="#">CULTURE</a></li>
-                    <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-cluster" href="#">CLUSTER X</a></li>
+
                 </ul>
 
                 <div class="login-wrap">
@@ -138,7 +138,30 @@
                     <div class="streamgraph"></div>
                     <div id="slider-range"></div>
                 </div><!-- frise -->
-
+                <div class="cluster-wrap">
+                    <a href="#" class="cluster-arrow arrow-left"></a>
+                    <a href="#" class="cluster-arrow arrow-right"></a>
+                    <div class="cluster-containment">
+                        <div class="cluster-visible">
+                        
+                            <ul class="cluster">
+                                <li><a title="Afficher le cluster" href="#">Début</a></li>
+                                <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
+                                <li><a title="Afficher le cluster" href="#">Syrie</a></li>
+                                <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
+                                <li><a title="Afficher le cluster" href="#">Syrie</a></li>
+                                <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
+                                <li><a title="Afficher le cluster" href="#">Syrie</a></li>
+                                <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
+                                <li><a title="Afficher le cluster" href="#">Syrie</a></li>
+                                <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
+                                <li><a title="Afficher le cluster" href="#">Syrie</a></li>
+                                <li><a title="Afficher le cluster" href="#">Fin</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    
+                </div>
 
                 <div class="content clearfix">
                     
@@ -157,6 +180,50 @@
                                         </ul>
                                     </div>
                                 </div><!-- affichage -->
+
+                                 <div class="widget classer">
+                                <h3><a href="#">CLASSER</a></h3>
+                                <div class="widget-inner">
+                                    <form action="#" class="filtre-categorie">
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                    </form>
+                                </div>
+                            </div><!-- classer -->
+                            <div class="widget filtre">
+                                <h3><a href="#">FILTRES</a></h3>
+                                <div class="widget-inner">
+                                    <form action="#" class="filtre-date">
+                                        <p>
+                                            <label for="">De :</label>
+                                            <input type="text" name="dateBegin" class="dateBegin" />
+                                        </p>
+                                        <p>
+                                            <label for="">à :</label>
+                                            <input type="text" name="dateEnd" class="dateEnd" />
+                                        </p>
+                                    </form>
+                                    <h4>Catégories :</h4>
+                                    <form action="#" class="filtre-categorie">
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                    </form>
+                                </div>
+                            </div><!-- filtre -->
+                            <div class="widget links">
+                                <h3><a href="#">DOSSIER ASSOCIES</a></h3>
+                                <div class="widget-inner">
+                                    <ul>
+                                        <li><a href="#">« Corruption »</a></li>
+                                        <li><a href="#">« Corruption »</a></li>
+                                        <li><a href="#">« Corruption »</a></li>
+                                        <li><a href="#">« Corruption »</a></li>
+                                    </ul>
+                                </div>
+                            </div><!-- links -->
+                            
                             </div>
                         </div>
                     </div>