diff -r 239f91ac1f31 -r 698e4280d270 tweetcast/nodejs-bis/client/css/style.css
--- a/tweetcast/nodejs-bis/client/css/style.css	Tue Nov 22 18:33:51 2011 +0100
+++ b/tweetcast/nodejs-bis/client/css/style.css	Wed Nov 23 18:49:52 2011 +0100
@@ -25,6 +25,14 @@
 	font-family: Helvetica, Arial, sans-serif; background-color: #F7F6F6; background-image: url("../img/bgd.jpg"); background-repeat: repeat-x;
 }
 
+b {
+    font-weight: bold;
+}
+
+.highlight {
+    background: #ffff00;
+}
+
 #container {
     width: 960px; margin: 0 auto;
 }
@@ -42,7 +50,7 @@
 }
 
 .rechercheCourante {
-    background: #ffe0ff; color: #000080; font-weight: bold;
+    background: #ffa0ff; font-weight: bold; color: #000080;
 }
 
 /* Menu */
@@ -93,7 +101,7 @@
 /* Recherche */
 
 #recherche {
-    float: left; margin: 2px 0;
+    position: relative; float: left; padding: 2px 0; width: 452px; border-bottom: 1px solid #999;
 }
 
 #recherche input {
@@ -128,8 +136,55 @@
     background-position: -40px -20px;
 }
 
+#time_legende {
+    float: left; margin-left: 30px; width: 30px; height: 20px; background: url(../img/scale.png) left;
+}
+
+#time_scale {
+    float: left; font-size: 12px; margin: 3px 0 0; color: #666; width: 50px; text-align: center;
+}
+
+#time_zoomout, #time_zoomin {
+    float: left; width: 12px; height: 20px; background: url(../img/scale.png);
+}
+
+#time_zoomout {
+    background-position: -30px;
+}
+
+#time_zoomout.inactive {
+    background-position: -54px;
+}
+
+#time_zoomin {
+    background-position: -42px;
+}
+
+#time_zoomin.inactive {
+    background-position: -66px;
+}
+
+#recherche_annot {
+    position: absolute; top: 20px; z-index: 4; background: #ffffff; border: 1px solid #ccc; padding: 4px; font-size: 12px;
+    display: none; box-shadow: 2px 2px 2px rgba(0, 0, 0, .5)
+}
+
+#recherche_annot a {
+    padding: 1px; line-height: 13px; margin: 1px; font-weight: bold; text-decoration: none; color: #000000;
+}
+
+/* Liste des tweets */
+
 #tweetlist {
-	float: left; width: 280px; height: 450px; list-style: none; border-right: 1px solid #999; color: #585858; cursor: pointer; cursor: hand;
+	float: left; width: 280px; height: 480px; list-style: none; border-right: 1px solid #999; color: #585858; cursor: pointer; cursor: hand; background: #ffffff;
+}
+
+#tweetlist a {
+    text-decoration: none; color: #1985B5;
+}
+
+#tweetlist a:hover {
+    text-decoration: underline; color: #105060;
 }
 
 li.tweet, li.placeholder {
@@ -141,7 +196,7 @@
 }
 
 li.full {
-    width: 270px; height: 84px; border-right: 10px solid #ff0;
+    width: 270px; height: 117px; border-right: 10px solid #ff0;
 }
 
 li.half {
@@ -161,7 +216,7 @@
 }
 
 .full p.tweet_text {
-	font-size: 12px; margin: 5px 0 5px 58px; height: 75px; width: 207px; color: #000000;
+	font-size: 12px; margin: 5px 0 5px 58px; height: 108px; width: 207px; color: #000000;
 }
 
 .half p.tweet_text {
@@ -184,14 +239,10 @@
     margin: 2px; width: 16px; height: 16px;
 }
 
-.full p.created_at {
+p.created_at {
 	font-size: 12px; text-align: center; font-style: italic; color: #999999; width: 58px; overflow: hidden;
 }
 
-.half p.created_at, .icons p {
-    display: none
-}
-
 .annotations {
     position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; 
 }
@@ -208,14 +259,18 @@
     position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden;
 }
 
+div.tweet_actions {
+    position: absolute; bottom : 2px; right: 4px; font-size: 11px;
+}
+
 /* timeline */
 
 #timeline {
-    float: left; height: 450px; width: 150px; border-right: 1px solid #999; cursor: pointer; cursor: hand;
+    float: left; height: 480px; width: 150px; border-right: 1px solid #999; cursor: pointer; cursor: hand;
 }
 
 #scrollcont {
-    float: left; width: 20px; height: 450px; overflow: auto;
+    float: left; width: 20px; height: 480px; overflow: auto;
 }
 
 #scrollin {
@@ -225,7 +280,7 @@
 /* hovertweet */
 
 #hovertweet {
-    position: absolute; display: none; margin: -20px 0 0 15px;
+    position: absolute; display: none; margin: -20px 0 0 15px; z-index: 12;
 }
 
 div.full {