--- a/web/sweet-tweet/style.css	Fri Dec 16 10:39:51 2011 +0100
+++ b/web/sweet-tweet/style.css	Fri Dec 16 15:57:23 2011 +0100
@@ -2,12 +2,20 @@
     margin: 0; font-family: Helvetica, Arial, sans-serif;
 }
 
+body.jour {
+    background: #ffffff;
+}
+
+body.nuit {
+    background: #000000;
+}
+
 img {
     border: none;
 }
 
 .highlight {
-    background: #ffff80;
+    font-weight: bold; padding: 0 2px; color: #ffffff;
 }
 
 #container {
@@ -15,52 +23,73 @@
     height: 1280px;
     margin: 0 auto;
     position: relative;
+    overflow: hidden;
 }
 
 #tweetcont {
-    float: left; width: 780px; height: 72px; background: #dddddd;
-    padding: 15px 10px;
+    float: left; width: 760px; height: 96px; background: #dddddd;
+    padding: 20px;
 }
 
 #tweetcont img {
-    float: left; width: 72px; height: 72px;
+    float: left; width: 96px; height: 96px;
 }
 
 #tweetcont p {
-    margin: -2px 5px 10px 82px; padding: 0; font-size: 18px;
+    margin: -2px 5px 10px 106px; padding: 0; font-size: 20px;
 }
 
 p.tweet_text {
     color: #666;
 }
 
+#ptimg {
+    position: absolute; top: -5px; right: -10px;
+}
+
 #columncont {
     float: left; width: 800px; margin-top: 20px;
 }
 
 .column {
-    float: left; width: 780px; height: 70px; margin: 8px 10px; overflow: hidden; position: relative;
+    float: left; width: 780px; height: 70px; margin: 8px 10px; position: relative;
 }
 
 .column-tube {
-    float: left; width: 420px; height: 70px; background: #eeeeee;
+    float: left; width: 420px; height: 70px;
+}
+
+.tube {
+    width: 1000px; height: 35px; margin-left: -580px; overflow: hidden;
 }
 
 .column-title {
-    float: left; margin-left: 10px; width: 350px; height: 70px; background: #eeeeee;
+    float: left; margin-left: 10px; width: 350px; height: 70px;
+}
+
+.polemicvol {
+    float: right; height: 70px;
 }
 
 .column-title h3 {
-    margin: 10px; padding: 0; font-size: 40px; line-height: 50px;
-    height: 50px; text-transform: uppercase; color: #666;
+    position: absolute; margin: 10px; padding: 0; font-size: 40px; line-height: 50px;
+    height: 50px; text-transform: uppercase;
 }
 
+.jour .column-tube, .jour .column-title {
+    background: #cccccc; color: #ffffff;
+}
+ 
+.nuit .column-tube, .nuit .column-title {
+    background: #eeeeee; color: #000000;
+}
+   
 div.avatar {
-   display: block; position: absolute; width: 35px; height: 35px; z-index: 2;
+   float: right; width: 35px; height: 35px; overflow: hidden;
 }
 
 .avatar img {
-    width: 35px; height: 35px;
+    width: 100%; height: 100%;
 }
 
 div#logos {