diff -r 8ca7f2cea729 -r 10a958322a62 integration/liste-article.html
--- a/integration/liste-article.html	Thu Jan 24 16:58:55 2013 +0100
+++ b/integration/liste-article.html	Tue Jan 29 13:29:21 2013 +0100
@@ -31,7 +31,7 @@
                     <form action="#">
                         <p>
                             <a href="#" class="photo"></a>
-                            <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" />
+                            <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" value="Présidentielles Sarkozy Hollande" />
                             <input type="submit" title="Rechercher"  value="" class="recherche-submit"/>
                             <a class="plus-button" title="Annoter" href="#"> </a>
                         </p>
@@ -48,7 +48,7 @@
                 </ul>
 
                 <div class="login-wrap">
-                    <h2>CONNECTER VOUS</h2>
+                    <h2>SE CONNECTER</h2>
                     <form action="#">
                         <p><input type="text" name="identifiant" placeholder="Identifiant" /></p> 
                         <p class="submit-wrap">
@@ -143,18 +143,16 @@
                         <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>
+                                <li><a class="selected" href="#" title="Afficher le cluster" data-cluster-id="0">PS</a></li>
+                                <li><a class="" href="#" title="Afficher le cluster" data-cluster-id="1">élections régionales</a></li>
+                                <li><a class="" href="#" title="Afficher le cluster" data-cluster-id="2">gouvernement UMP</a></li>
+                                <li><a href="#" title="Afficher le cluster" data-cluster-id="9">etc.</a></li>
+                                <li><a href="#" title="Afficher le cluster" data-cluster-id="3">affaire de Karachi</a></li>
+                                <li><a class="" href="#" title="Afficher le cluster" data-cluster-id="4">campagne des européennes</a></li>
+                                <li><a href="#" title="Afficher le cluster" data-cluster-id="5">UMP</a></li>
+                                <li><a href="#" title="Afficher le cluster" data-cluster-id="6">livre</a></li>
+                                <li><a href="#" title="Afficher le cluster" data-cluster-id="7">Nouveau Centre Modem</a></li>
+                                <li><a href="#" title="Afficher le cluster" data-cluster-id="8">panique financière</a></li>
                             </ul>
                         </div>
                     </div>
@@ -165,7 +163,7 @@
                     
 
                     <div class="content-left">
-                        <h2>  Affaire Bettencourt »</h2>
+                        <h2>PS »</h2>
                         <div class="widget-wrapper">
                         <div class="widget-wrap">
                             <div class="widget recherche">
@@ -179,16 +177,6 @@
                                     </form>
                                 </div>
                             </div><!-- recherche -->
-                            <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">
@@ -204,20 +192,21 @@
                                     </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>
+                                        <p><input type="checkbox" checked> <label for="">International</label> </p>
+                                        <p><input type="checkbox" checked> <label for="">France</label> </p>
+                                        <p><input type="checkbox" checked> <label for="">Economie</label> </p>
+                                        <p><input type="checkbox" checked> <label for="">Culture</label> </p>
                                     </form>
                                 </div>
                             </div><!-- filtre -->
                             <div class="widget links">
-                                <h3><a href="#">DOSSIER ASSOCIES</a></h3>
+                                <h3><a href="#">DOSSIERS 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>
-                                        <li><a href="#">« Corruption »</a></li>
+                                        <li><a href="#">« Corruption »</a></li> -->
                                     </ul>
                                 </div>
                             </div><!-- links -->
@@ -226,8 +215,8 @@
                                 <div class="widget-inner">
                                     
                                     <ul class="clearfix">
-                                        <li><a  title="Passer en vue Treemap" class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
-                                        <li><a  title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
+                                        <li><a  title="Passer en vue Treemap" class="treemap" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
+                                        <li><a  title="Passer en vue Liste" class="liste active" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
                                     </ul>
                                 </div>
                             </div><!-- affichage -->
@@ -241,46 +230,14 @@
 
                             <div class="article">
                                 <div class="inner-article clearfix">
-                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
+                                    <h2><a title="Lire l'article" href="http://www.mediapart.fr/journal/france/080609/francois-rebsamen-quand-n-pas-de-leader-pas-de-strategie-et-pas-d-organisation">François Rebsamen: «Quand on n’a pas de leader, pas de stratégie et pas d’organisation, il ne reste plus que le travail» »</a></h2>
                                     <p class="author">
-                                        <a href="#">23 JANVIER 2024</a><br/>
-                                        by <a href="#">Jean Dujardin</a>
+                                        <a href="#">08 juin 2009</a><br/>
+                                        by <a href="#">Stéphane Alliès</a>
                                     </p>
                                     <div class="article-content">
-                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                       
-                                        </p>
-                                       
-                                    </div>
-                                </div>
-                            </div><!--article -->
-                            <div class="article">
-                                <div class="inner-article clearfix">
-                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
-                                    <p class="author">
-                                        <a href="#">23 JANVIER 2024</a><br/>
-                                        by <a href="#">Jean Dujardin</a>
-                                    </p>
-                                    <div class="article-content">
-                                        <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
-                                        
-                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing   
-                                        </p>
-                                    </div>
-                                </div>
-                            </div><!--article -->
-                            <div class="article">
-                                <div class="inner-article clearfix">
-                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
-                                    <p class="author">
-                                        <a href="#">23 JANVIER 2024</a><br/>
-                                        by <a href="#">Jean Dujardin</a>
-                                    </p>
-                                    <div class="article-content">
-                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                       
+                                        <p class="resume">
+                                            Proche de Ségolène Royal, François Rebsamen a un temps envisagé de faire le trait-d'union avec les amis de François Hollande pour renverser Martine Aubry de la direction du PS.
                                         </p>
                                        
                                     </div>
@@ -288,30 +245,28 @@
                             </div><!--article -->
                             <div class="article">
                                 <div class="inner-article clearfix">
-                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
+                                    <h2><a title="Lire l'article" href="#">Ségolène Royal veut rester sur le côté des polémiques socialistes »</a></h2>
                                     <p class="author">
-                                        <a href="#">23 JANVIER 2024</a><br/>
-                                        by <a href="#">Jean Dujardin</a>
+                                        <a href="#">22 juillet 2009</a><br/>
+                                        by <a href="#">Stéphane Alliès</a>
                                     </p>
                                     <div class="article-content">
-                                        <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
-                                        
-                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing   
+                                        <p class="resume">
+                                            L'échange épistolaire entre Martine Aubry et Manuel Valls a ouvert la compétition des égos au PS. Mais la présidente de la région Poitou-Charentes affiche ses distances avec ces polémiques.
                                         </p>
                                     </div>
                                 </div>
                             </div><!--article -->
                             <div class="article">
                                 <div class="inner-article clearfix">
-                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
+                                    <h2><a title="Lire l'article" href="#">Face aux députés PS, Martine Aubry soigne sa gauche »</a></h2>
                                     <p class="author">
-                                        <a href="#">23 JANVIER 2024</a><br/>
-                                        by <a href="#">Jean Dujardin</a>
+                                        <a href="#">02 décembre 2008</a><br/>
+                                        by <a href="#">Mathilde Mathieu</a>
                                     </p>
                                     <div class="article-content">
-                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                       
+                                        <p class="resume">
+                                            Mardi 2 décembre, dans un sous-sol de l'Assemblée nationale, Martine Aubry a délivré une feuille de route toute fraîche aux députés socialistes. «On redémarre, on est en marche», a déclaré la première secrétaire du PS, pressé de marquer le nouvel «ancrage à gauche» du parti.
                                         </p>
                                        
                                     </div>
@@ -319,77 +274,14 @@
                             </div><!--article -->
                             <div class="article">
                                 <div class="inner-article clearfix">
-                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
+                                    <h2><a title="Lire l'article" href="#">Razzy Hammadi: «La sincérité du scrutin est mise en cause» »</a></h2>
                                     <p class="author">
-                                        <a href="#">23 JANVIER 2024</a><br/>
-                                        by <a href="#">Jean Dujardin</a>
-                                    </p>
-                                    <div class="article-content">
-                                        <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
-                                        
-                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing   
-                                        </p>
-                                    </div>
-                                </div>
-                            </div><!--article -->
-                            <div class="article">
-                                <div class="inner-article clearfix">
-                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
-                                    <p class="author">
-                                        <a href="#">23 JANVIER 2024</a><br/>
-                                        by <a href="#">Jean Dujardin</a>
+                                        <a href="#">25 octobre 2008</a><br/>
+                                        by <a href="#">Stéphane Alliès</a>
                                     </p>
                                     <div class="article-content">
-                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                       
-                                        </p>
-                                       
-                                    </div>
-                                </div>
-                            </div><!--article -->
-                            <div class="article">
-                                <div class="inner-article clearfix">
-                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
-                                    <p class="author">
-                                        <a href="#">23 JANVIER 2024</a><br/>
-                                        by <a href="#">Jean Dujardin</a>
-                                    </p>
-                                    <div class="article-content">
-                                        <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
-                                        
-                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing   
-                                        </p>
-                                    </div>
-                                </div>
-                            </div><!--article -->
-                            <div class="article">
-                                <div class="inner-article clearfix">
-                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
-                                    <p class="author">
-                                        <a href="#">23 JANVIER 2024</a><br/>
-                                        by <a href="#">Jean Dujardin</a>
-                                    </p>
-                                    <div class="article-content">
-                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                       
-                                        </p>
-                                       
-                                    </div>
-                                </div>
-                            </div><!--article -->
-                            <div class="article">
-                                <div class="inner-article clearfix">
-                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
-                                    <p class="author">
-                                        <a href="#">23 JANVIER 2024</a><br/>
-                                        by <a href="#">Jean Dujardin</a>
-                                    </p>
-                                    <div class="article-content">
-                                        <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
-                                        
-                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing   
+                                        <p class="resume">
+                                            Les débats s'enchaînent au PS, sans que les équilibres internes ne paraissent évoluer. L'incertitude persiste, aucune des trois motions favorites (Royal, Aubry, Delanoë) n'émerge, et nombreux sont ceux qui craignent un démobilisation militante.   
                                         </p>
                                     </div>
                                 </div>