diff -r 000000000000 -r f7febf052997 client/css/controlpanel.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/css/controlpanel.css	Mon Feb 13 18:22:23 2012 +0100
@@ -0,0 +1,106 @@
+@font-face {
+    font-family: "Metric";
+    font-weight: normal;
+    font-style: normal;
+    src: url("../font/MetricF-Regular.otf");
+}
+@font-face {
+    font-family: "Metric";
+    font-weight: bold;
+    font-style: normal;
+    src: url("../font/MetricF-Bold.otf");
+}
+@font-face {
+    font-family: "Metric";
+    font-weight: normal;
+    font-style: italic;
+    src: url("../font/MetricF-Italic.otf");
+}
+a, body, div, h1, h2, h3, h4, h5, h6, li, p, span, ul {
+    font-weight: normal; margin: 0; padding: 0; border: none; font-size: 100%;
+    font: inherit; text-decoration: none; color: inherit;
+}
+ul {
+    list-style: none;
+}
+body {
+    font-family: Metric; background: #000000;
+}
+#btv-cp-container {
+    position: absolute; top: -65px; width: 100%;
+    background-image: linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
+    background-image: -o-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
+    background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
+    background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
+    background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
+    height: 70px;
+    border-bottom: 2px solid #666666;
+}
+#btv-cp-container:hover {
+    top: 0;
+}
+.btv-cp-line {
+    position: relative; width: 1160px; height: 100%; margin: 0 auto;
+}
+.btv-cp-element {
+    float: left;
+    height: 66px;
+    padding: 2px 4px; border-right: 1px solid #cccccc;
+}
+.btv-cp-element h2 {
+    font-size: 24px; margin: 18px 0 0;
+}
+.btv-cp-element h3 {
+    font-size: 14px; margin: 3px 0; text-align: center; line-height: 12px;
+}
+.btv-cp-element h4 {
+    font-size: 24px; font-weight: bold; text-align: center;
+}
+
+#btv-cp-champ-filtre {
+    width: 100px;
+}
+
+.btv-cp-liste-tweets {
+    width: 280px; max-height: 45px; background: #fefefe; overflow: auto;
+}
+.btv-cp-liste-tweets:hover {
+    max-height: 150px;
+}
+.btv-cp-liste-tweets li {
+    padding: 1px; border-bottom: 1px solid #ddd; font-size: 12px; font-family: Arial, Helvetica, sans-serif;
+}
+.btv-cp-tweet-button {
+    display: inline-block; margin: -1px 0; width: 15px; height: 14px; background: url("../img/addshow.png");
+}
+.btv-cp-tweet-show {
+    background-position: -15px 0;
+}
+.btv-cp-tweet-date {
+    font-style: italic;
+}
+.btv-cp-tweet-from {
+    font-weight: bold;
+}
+.btv-cp-liste-tweets li:hover {
+    background: #00f; color: #fff;
+}
+
+.btv-cp-cont-pause {
+    width: 60px;
+}
+.btv-cp-play-pause {
+    display: block; margin: 0 12px; width: 32px; height: 35px; background: url("../img/playpause.png");
+}
+.btv-cp-status-play {
+    background-position: -32px 0;
+}
+
+.btv-cp-compteur {
+    width: 75px; position: relative;
+}
+
+.btv-cp-compteur h4 {
+    width: 100%; position: absolute; left: 0; top: 40px;
+}
+ 
\ No newline at end of file