--- a/tweetcast/nodejs-bis/client/css/style.css	Mon Nov 21 11:46:37 2011 +0100
+++ b/tweetcast/nodejs-bis/client/css/style.css	Tue Nov 22 13:25:43 2011 +0100
@@ -22,22 +22,68 @@
 }
 
 body {
-	font-family: Helvetica, Arial, sans-serif;
+	font-family: Helvetica, Arial, sans-serif; background-color: #F7F6F6; background-image: url("../img/bgd.jpg"); background-repeat: repeat-x;
 }
 
 #container {
-    margin: 20px;
+    width: 960px; margin: 0 auto;
+}
+
+#colgauche {
+    float: left; width: 455px; margin-right: 13px;
+}
+
+.barre {
+    float: left; width: 100%;
+}
+
+/* Menu */
+
+#headlogo {
+    float: left; margin-right: 10px;
 }
 
-/* Barre */
-.barre  {
-    float: left; width: 100%;
+.menu {
+    border-left: 1px solid #C3C3C3;
+    float: left;
+    list-style: none;
+    font-size: 12px;
+    height: 62px; overflow: hidden;
+}
+
+.menu li {
+    background: url("../img/menu_underline.gif") left bottom no-repeat;
+    padding: 3px 0 0 5px;
+    height: 18px;
+    min-width: 80px;
+}
+
+.menu a {
+    color: #000000; text-decoration: none;
+}
+
+.menu a:hover {
+    color: #0099FF;
+}
+
+/* Formulaire */
+
+#twwWrap {
+    float: left; width: 450px; background: #ffffff; padding: 1px; border-width: 1px; border-style: solid solid none solid; border-color: #ababab; margin-top: 6px;
+}
+
+#tweetWriter {
+    width: 430px; padding: 10px; background: #efefef;
 }
 
 /* Liste de Tweets */
 
+#tweetviz {
+    float: left; width: 452px; border: 1px solid #999;
+}
+
 #tweetlist {
-	float: left; width: 280px; height: 450px; list-style: none; border: 1px solid #999; color: #585858; cursor: pointer; cursor: hand;
+	float: left; width: 280px; height: 450px; list-style: none; border-right: 1px solid #999; color: #585858; cursor: pointer; cursor: hand;
 }
 
 li.tweet, li.placeholder {
@@ -119,17 +165,15 @@
 /* timeline */
 
 #timeline {
-    float: left; height: 450px; width: 150px; border-width: 1px; border-style: solid solid solid none; border-color: #999;  cursor: pointer; cursor: hand;
+    float: left; height: 450px; width: 150px; border-right: 1px solid #999; cursor: pointer; cursor: hand;
 }
 
-
-
 #scrollcont {
-    float: left; width: 20px; height: 452px; overflow: auto;
+    float: left; width: 20px; height: 450px; overflow: auto;
 }
 
 #scrollin {
-    width: 1px; height: 10000px;
+    width: 1px; height: 8000px;
 }
 
 /* hovertweet */
@@ -146,8 +190,43 @@
     position: absolute; width: 10px; height: 18px; left: -9px; top: 13px;  background: url(../img/arrow.png);
 }
 
-/* Tag Cloud */
+/* Colonne de droite */
+
+#coldroite {
+    float: left; width: 492px;
+}
+
+#vlWrap {
+    float: left; border: 5px solid #ffffff; background: #999999; padding: 1px; margin-top: 20px;
+}
+
+#videoLivePlayer {
+    width: 480px; height: 320px; background: #000000;
+}
+
+#out_fleche {
+    float: left; position: relative; width: 492px; height: 14px; background: url(../img/bgnoarrow.png);
+}
+
+#in_fleche {
+    position: absolute; left: 10px; width: 27px; height: 15px; background: url(../img/arrowtop.png);
+}
+
+#accordeon {
+    float: left; width: 492px; list-style: none; background: #777777;
+}
+
+#accordeon li {
+    float: left; width: 480px; margin: 0 1px 1px 1px; padding: 4px; border: 1px solid #ffffff; background: #efefef;
+}
+
+#accordeon li.deplie {
+    background: url(../img/bgdeplie.png) top repeat-x #efefef;
+}
+
+/* Tag Cloud
 
 #motscles {
     float: left; width: 400px; height: 100px; text-align: center; border: 1px solid #999; margin: 0 20px;
 }
+*/
\ No newline at end of file