diff -r d92c38c912ec -r 239f91ac1f31 tweetcast/nodejs-bis/client/css/style.css
--- a/tweetcast/nodejs-bis/client/css/style.css	Tue Nov 22 18:22:37 2011 +0100
+++ b/tweetcast/nodejs-bis/client/css/style.css	Tue Nov 22 18:33:51 2011 +0100
@@ -37,6 +37,14 @@
     float: left; width: 100%;
 }
 
+.greyed {
+    color: #999; font-style: italic;
+}
+
+.rechercheCourante {
+    background: #ffe0ff; color: #000080; font-weight: bold;
+}
+
 /* Menu */
 
 #headlogo {
@@ -82,6 +90,44 @@
     float: left; width: 452px; border: 1px solid #999;
 }
 
+/* Recherche */
+
+#recherche {
+    float: left; margin: 2px 0;
+}
+
+#recherche input {
+    float: left;
+}
+
+#inp_q {
+    width: 236px; border: none; padding: 1px; margin-left: 2px; height: 17px; font-size: 13px;
+}
+
+#inp_submit, #inp_reset {
+    border: 0; padding: 0; width: 20px; height: 20px; overflow: hidden; text-indent: 800px; background: url(../img/searchcancel.png)
+}
+
+#inp_submit:hover {
+    background-position: -20px 0;
+}
+
+#inp_submit:active {
+    background-position: -40px 0;
+}
+
+#inp_reset {
+    background-position: 0 -20px;
+}
+
+#inp_reset:hover {
+    background-position: -20px -20px;
+}
+
+#inp_reset:active {
+    background-position: -40px -20px;
+}
+
 #tweetlist {
 	float: left; width: 280px; height: 450px; list-style: none; border-right: 1px solid #999; color: #585858; cursor: pointer; cursor: hand;
 }
@@ -224,9 +270,12 @@
     background: url(../img/bgdeplie.png) top repeat-x #efefef;
 }
 
-/* Tag Cloud
+/* Tag Cloud */
 
 #motscles {
-    float: left; width: 400px; height: 100px; text-align: center; border: 1px solid #999; margin: 0 20px;
+    text-align: center;
 }
-*/
\ No newline at end of file
+
+#motscles span {
+    padding: 2px; cursor: pointer; cursor: hand;
+}