diff -r 059e197617bb -r 3612737630f4 integration/annotation-article.html
--- a/integration/annotation-article.html	Wed Jun 19 18:28:56 2013 +0200
+++ b/integration/annotation-article.html	Tue Jun 25 18:46:43 2013 +0200
@@ -11,6 +11,8 @@
         <meta http-equiv="Content-Language" content="fr">
         <link rel="apple-touch-icon" type="image/png" href="http://static.mediapart.fr/sites/all/themes/mediapart/mediapart_v4/images/apple-touch-icon.png">
         <link type="text/css" rel="stylesheet" media="all" href="css/mediapart.css">
+        <link type="text/css" rel="stylesheet" media="all" href="css/ui-red/jquery-ui.css">
+        <link type="text/css" rel="stylesheet" media="all" href="css/jquery.tagit.css">
         <link type="text/css" rel="stylesheet" media="all" href="css/annotation-article.css">
         <title>Les enjeux cachés du duel Moscovici-Montebourg | Mediapart</title>
     </head>
@@ -309,12 +311,16 @@
                     </div>
                     <div class="block tools_article">
                         <div class="facebook-recommanded">
+<!--
                             <iframe allowtransparency="true" class="facebook-iframe" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mediapart.fr%2Fjournal%2Feconomie%2F030912%2Fles-enjeux-caches-du-duel-moscovici-montebourg&layout=button_count&show_faces=false&width=140&action=recommend&font&colorscheme=light&height=21" frameborder="0"></iframe>
                             <iframe allowtransparency="true" class="google-iframe" src="https://plusone.google.com/_/+1/fastbutton?bsv&size=medium&hl=fr&origin=https%3A%2F%2Fplusone.google.com&url=http%3A%2F%2Fwww.mediapart.fr%2Fjournal%2Feconomie%2F030912%2Fles-enjeux-caches-du-duel-moscovici-montebourg&gsrc=3p&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.fr.8uOkYkn2gb0.O%2Fm%3D__features__%2Fam%3DUQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTNmPMNo09lMWzZYftQYbs1Wo4_awA#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled&id=I4_1366704337380&parent=&pfname=%2FI0_1366704315687&rpctoken=98073847" frameborder="0"></iframe>
+-->
                         </div>
 
                         <div class="twitter-offer">
+<!--
                             <iframe data-count="horizontal" allowtransparency="true" class="twitter-share-button twitter-count-horizontal" src="http://platform.twitter.com/widgets/tweet_button.html?count=horizontal&enableNewSizing=false&id=twitter-widget-0&lang=fr&url=http%3A%2F%2Fwww.mediapart.fr%2Fjournal%2Feconomie%2F030912%2Fles-enjeux-caches-du-duel-moscovici-montebourg&size=m&text=Les%20enjeux%20cach%C3%A9s%20du%20duel%20Moscovici-Montebourg&related=mediapart&via=mediapart" frameborder="0"></iframe>
+-->
                             <a href="http://www.mediapart.fr/offrir_article/233850" title="Offrir un article à un ami"><img src="http://static.mediapart.fr/sites/all/themes/mediapart/mediapart_v4/images/offrir-article-big.png" alt="Offrir l'article à un ami" title="" height="22" width="91"></a>
                         </div>
 
@@ -365,12 +371,17 @@
             <div class="right-region">
                 <div class="block tools_article">
                     <div class="facebook-recommanded">
+<!--
                         <iframe allowtransparency="true" class="facebook-iframe" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mediapart.fr%2Fjournal%2Feconomie%2F030912%2Fles-enjeux-caches-du-duel-moscovici-montebourg&layout=button_count&show_faces=false&width=140&action=recommend&font&colorscheme=light&height=21" frameborder="0"></iframe>
                         <iframe allowtransparency="true" class="google-iframe" src="https://plusone.google.com/_/+1/fastbutton?bsv&size=medium&hl=fr&origin=https%3A%2F%2Fplusone.google.com&url=http%3A%2F%2Fwww.mediapart.fr%2Fjournal%2Feconomie%2F030912%2Fles-enjeux-caches-du-duel-moscovici-montebourg&gsrc=3p&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.fr.8uOkYkn2gb0.O%2Fm%3D__features__%2Fam%3DUQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTNmPMNo09lMWzZYftQYbs1Wo4_awA#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled&id=I4_1366704337380&parent=&pfname=%2FI0_1366704315687&rpctoken=98073847" frameborder="0"></iframe>
+-->
                     </div>
 
                     <div class="twitter-offer">
-                        <iframe data-count="horizontal" allowtransparency="true" class="twitter-share-button twitter-count-horizontal" src="http://platform.twitter.com/widgets/tweet_button.html?count=horizontal&enableNewSizing=false&id=twitter-widget-0&lang=fr&url=http%3A%2F%2Fwww.mediapart.fr%2Fjournal%2Feconomie%2F030912%2Fles-enjeux-caches-du-duel-moscovici-montebourg&size=m&text=Les%20enjeux%20cach%C3%A9s%20du%20duel%20Moscovici-Montebourg&related=mediapart&via=mediapart" frameborder="0"></iframe><a href="http://www.mediapart.fr/offrir_article/233850" title="Offrir un article à un ami"><img src="http://static.mediapart.fr/sites/all/themes/mediapart/mediapart_v4/images/offrir-article-big.png" alt="Offrir l'article à un ami" title="" height="22" width="91"></a>
+<!--
+                        <iframe data-count="horizontal" allowtransparency="true" class="twitter-share-button twitter-count-horizontal" src="http://platform.twitter.com/widgets/tweet_button.html?count=horizontal&enableNewSizing=false&id=twitter-widget-0&lang=fr&url=http%3A%2F%2Fwww.mediapart.fr%2Fjournal%2Feconomie%2F030912%2Fles-enjeux-caches-du-duel-moscovici-montebourg&size=m&text=Les%20enjeux%20cach%C3%A9s%20du%20duel%20Moscovici-Montebourg&related=mediapart&via=mediapart" frameborder="0"></iframe>
+-->
+                        <a href="http://www.mediapart.fr/offrir_article/233850" title="Offrir un article à un ami"><img src="http://static.mediapart.fr/sites/all/themes/mediapart/mediapart_v4/images/offrir-article-big.png" alt="Offrir l'article à un ami" title="" height="22" width="91"></a>
                     </div>
 
                     <div class="item-list">
@@ -531,7 +542,9 @@
         <div class="annotation-frames"></div>
         <script src="js/lib/underscore-min.js"></script>
         <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/jquery.fancybox-1.3.4.pack.js"></script>
+        <script src="js/vendor/tag-it.min.js"></script>
         <script src="js/annotation-article.js"></script>
         <script>
             var annotations = [{
@@ -539,6 +552,7 @@
                 "endOffset" : 185,
                 "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"
@@ -547,6 +561,7 @@
                 "endOffset" : 770,
                 "color" : "#8ff",
                 "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"