diff -r 4e1e66b2fdf1 -r 933b388521f6 startscreen.html
--- a/startscreen.html	Wed Apr 24 17:54:48 2013 +0200
+++ b/startscreen.html	Thu Apr 25 13:21:59 2013 +0200
@@ -6,6 +6,7 @@
         <title>IRI/ALBLF Social Media</title>
                 <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
         <link rel="stylesheet" type="text/css" href="lib/jquery-ui.min.css" />
+        <link rel="stylesheet" type="text/css" href="lib/jquery.tagit.css" />
         <link rel="stylesheet" type="text/css" href="css/reset.css" />
         <link rel="stylesheet" type="text/css" href="css/socialmedia.css" />
         <link rel="stylesheet" type="text/css" href="css/startscreen.css" />
@@ -17,6 +18,7 @@
         <script src="lib/underscore-min.js"></script>
         <script src="lib/jquery.min.js"></script>
         <script src="lib/jquery-ui.min.js"></script>
+        <script src="lib/tag-it.min.js"></script>
         <script src="lib/jquery.ui.touch-punch.min.js"></script>
         <script src="lib/raphael-min.js"></script>
         <script src="js/startscreen.js"></script>
@@ -35,8 +37,8 @@
                         <div class="duration">2:50:00</div>
                     </div>
                     <div class="explain-block shadow-block">
-                        <h3>Recherchez les sujets de l'émission par mots-clés</h3>
-                        <p><input class="keyword-search" type="search" placeholder="Rechercher" /></p>
+                        <h3>Filtrez les sujets de l'émission par mots-clés</h3>
+                        <ul class="keyword-search"></ul>
                     </div>
                 </div>