diff -r 63dae3d25255 -r bad0e6c60b63 integration/annotation-article.html
--- a/integration/annotation-article.html	Mon Jul 22 12:02:47 2013 +0200
+++ b/integration/annotation-article.html	Mon Jul 22 14:56:35 2013 +0200
@@ -408,10 +408,15 @@
                 </div>
                 
                 <!-- PERIPLUS: Liste des Annotations -->
-                
-                <div class="annotation-list-container">
-                    <h2 class="title-underline-journal">Liste des annotations</h2>
-                    <ul class="annotation-list"></ul>
+                <div class="annotation-blocks">
+                    <div class="block annotation-list-container">
+                        <h2 class="title-underline-journal"><span class="annotations-count">00</span> annotation<span class="annotation-plural">s</span> dans ce dossier</h2>
+                        <ul class="annotation-file-list annotation-list"></ul>
+                    </div>
+                    <div class="block annotation-list-container">
+                        <h2 class="title-underline-journal"><span class="annotations-count">00</span> annotation<span class="annotation-plural">s</span> dans d'autres dossiers</h2>
+                        <ul class="annotation-other-list annotation-list"></ul>
+                    </div>
                 </div>
                 
                 <!-- PERIPLUS: Fin de la liste des Annotations -->
@@ -549,39 +554,67 @@
         <script src="js/vendor/tag-it.min.js"></script>
         <script src="js/annotation-article.js"></script>
         <script>
-            var username = "edwy-plenel";
+            var currentUser = {
+                id: "u-001",
+                name: "Edwy Plénel"
+            };
+            var currentDocumentaryFile = {
+                id: "d-001",
+                name: "Ce dossier documentaire"
+            };
             var annotations = [{
                 "startOffset" : 153,
                 "length" : 32,
-                "creator": "edwy-plenel",
+                "creator": {
+                    id: "u-001",
+                    name: "Edwy Plénel"
+                },
                 "color" : "#8f8",
                 "comment" : "Ne pas confondre avec la Bibliothèque Publique d'Information du Centre Pompidou",
                 "tags": [ "Banque", "Publique", "Investissement" ],
                 "annotatedText" : "Banque publique d’investissement",
                 "beforeText" : "Arnaud Montebourg au sujet de la ",
                 "afterText" : " (BPI) et se sont longuement attardés",
-                "isPublic": true
+                "isPublic": true,
+                "documentaryFile": {
+                    id: "d-001",
+                    name: "Ce dossier documentaire"
+                }
             }, {
                 "startOffset" : 752,
                 "length" : 17,
                 "color" : "#8ff",
-                "creator": "alcatel-lucent",
+                "creator": {
+                    id: "u-002",
+                    name: "Le Président de la République"
+                },
                 "comment" : "Le Premier Ministre",
                 "tags": [ "Chef du gouvernement" ],
                 "annotatedText" : "Jean-Marc Ayrault",
                 "beforeText" : "certains ministres du gouvernement de ",
                 "afterText" : ". Il révèle aussi que les deux",
-                "isPublic": true
+                "isPublic": true,
+                "documentaryFile": {
+                    id: "d-001",
+                    name: "Ce dossier documentaire"
+                }
             }, {
                 "startOffset" : 13163,
                 "length" : 17,
+                "creator": {
+                    id: "u-001",
+                    name: "Edwy Plénel"
+                },
                 "color" : "#f8f",
-                "creator": "edwy-plenel",
                 "comment" : "Le Ministre du Redressement productif",
                 "annotatedText" : "Arnaud Montebourg",
                 "beforeText" : "de l'assurance-vie Or, même si ",
                 "afterText" : " ne veut pas contrevenir à la",
-                "isPublic": false
+                "isPublic": false,
+                "documentaryFile": {
+                    id: "d-002",
+                    name: "Un autre dossier documentaire"
+                }
             }];
         </script>