diff -r 31cb29055591 -r a79a94e14d4d crea/inte-crea/css/ldt-player.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/crea/inte-crea/css/ldt-player.css	Mon Nov 14 18:11:13 2011 +0100
@@ -0,0 +1,65 @@
+#player_col_g {
+    float: left; width: 550px;
+}
+
+#top_media {
+    width: 550px; border-bottom: 1px solid #484848;
+}
+
+#media_share {
+    float: right; margin-top: 5px;
+}
+
+li.share_li {
+    padding: 5px 0 0 5px; height: 20px;
+}
+
+#ann_fleche_cont {
+    width: 550px; height: 21px; overflow: hidden; position: relative;
+}
+
+#ann_fleche {
+    width: 1100px; height: 21px; position: absolute; margin-left: -550px;
+}
+
+#ann_fleche div {
+    float: left; width: 550px; height: 21px;
+}
+
+#ann_fl_left {
+    background:url(../img/anarl.png);
+}
+
+#ann_fl_right {
+    background:url(../img/anarr.png);
+}
+
+#annotation_bas {
+    float: left; width: 550px; background: url(../img/annot_bg.png); margin: 0 0 25px;
+}
+
+/* COLONNE DE DROITE */
+
+#player_col_d {
+    float: left; width: 410px;
+}
+
+#player_col_d .li_h2 {
+    width: 400px; margin-left: 10px;
+}
+
+#annot_media {
+    width: 400px; margin: 5px 0 10px 10px; max-height: 400px; overflow: auto;
+}
+
+#annot_media li {
+    padding: 5px 0;
+}
+
+#annot_media li.selected {
+    background: url(../img/annot_bg.png);
+}
+
+div.une_annot {
+    width: 280px;
+}