diff -r b00fdbef41d4 -r 16413123bc8c integration/documentaire.html
--- a/integration/documentaire.html	Tue Oct 09 16:31:25 2012 +0200
+++ b/integration/documentaire.html	Wed Oct 10 15:16:59 2012 +0200
@@ -26,9 +26,10 @@
                     <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1>
                     <form action="#">
                         <p >
+                            <a href="#" class="photo"></a>
                             <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" />
                             <input type="submit" value="" class="recherche-submit"/>
-                            <a class="plus-button" href="#"><img src="img/plus-button.jpg" alt=""/> </a>
+                            <a class="plus-button" href="#"> </a>
                         </p>
                     </form>
                 </div>
@@ -167,11 +168,11 @@
                                     <form action="#" class="filtre-date">
                                         <p>
                                             <label for="">De :</label>
-                                            <input type="text" />
+                                            <input type="text" name="dateBegin" class="dateBegin" />
                                         </p>
                                         <p>
                                             <label for="">à :</label>
-                                            <input type="text" />
+                                            <input type="text" name="dateEnd" class="dateEnd" />
                                         </p>
                                     </form>
                                     <h4>Catégories :</h4>
@@ -193,7 +194,12 @@
                            <ul>
                                <li class="item-dossier clearfix">
                                    <div class="dossier-col-left">
-                                       <h2><a href="#">L'affaire Sarkozy »</a></h2>
+                                        <div class="header-dossier">
+                                          <h2>
+                                            <a href="#">L'affaire Sarkozy »</a>
+                                          </h2>
+                                        </div>
+                                        
                                        <div class="dossier-content">
                                            <img src="img/visuel-article.jpg" alt="">
                                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -318,7 +324,17 @@
                                <li><a href="#">« Election 2012 »</a> par TomeJ</li>
                              </ul>
                            </div>
-                         </div>
+                         </div><!-- widget -->
+                         <div class="widget">
+                           <h3><a href="#">TOUTES MES ANNOTATIONS</a></h3>
+                           <div class="widget-inner">       
+                             <ul>
+                               <li><a href="#">« Election 2012 »</a> par TomeJ</li>
+                               <li><a href="#">« Election 2012 »</a> par TomeJ</li>
+                               <li><a href="#">« Election 2012 »</a> par TomeJ</li>
+                             </ul>
+                           </div>
+                         </div><!-- widget -->
                        </div><!-- dossier-similaire -->
                     </div><!-- content-right -->
                 </div>
@@ -364,6 +380,7 @@
         <!-- JavaScript -->
         <script src="js/vendor/jquery-1.8.0.min.js"></script>
         <script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script>
+        <script src="js/vendor/dragslider.js"></script>
         <script src="js/plugins.js"></script>
         <script src="js/main.js"></script>