--- 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>