diff -r 7b55777486c3 -r 75ba66457232 test/integration/allocine_dossier_independant/css/LdtPlayer.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/test/integration/allocine_dossier_independant/css/LdtPlayer.css	Fri Apr 06 16:55:34 2012 +0200
@@ -0,0 +1,529 @@
+/* Some general styling classes */
+
+.Ldt-floatClear {
+    display: block; width: 100%; height: 0; clear: both;
+}
+
+ul.Ldt-floatList {
+    padding: 0; margin: 0; list-style: none;
+}
+
+.Ldt-floatList li {
+    float: left;
+}
+
+/* */
+
+#demo-frame > div.demo { padding: 5px !important; };
+
+button.ui-button-icon-only  {
+  height:1.5em;
+  width:1.5em;
+}
+
+#Ldt-loader {
+    background:url(imgs/loader.gif) center no-repeat;
+    text-indent: -9999px;
+    position: absolute;
+}
+
+/* general class for all buttons */
+.Ldt-button {
+
+}
+
+.Ldt-SegmentsWidget {
+ /* overflow: auto; /* clear the floats */
+  margin-top: 1px;
+  padding-bottom: 8px; /* FIXME: only a temporary fix. This should be put into the layout manager. */
+}
+
+.Ldt-iri-chapter {
+  position: absolute;
+  height: 10px;
+  border-right: 1px solid white;
+}
+
+.Ldt-SegmentPositionMarker {
+  position: absolute;
+  z-index: 100;
+  width: 1px;
+  height: 10px;
+  background-color: white;
+}
+.tooltip {
+  display:none;
+  background:transparent url(imgs/black_arrow_mini.png);
+  font-size:12px;
+  height:55px;
+  width:180px;
+  padding:10px;
+  padding-left:15px;
+  padding-top:15px;
+  padding-right:15px;
+  color:#000;
+  font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+}
+#Ldt-Root{
+  font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+}
+#Ldt-Hat{
+  height:3px;
+}
+
+.Ldt-AnnotationsWidget {
+  font-size: 12px;
+  font-family: "Arial",  "Verdana", "sans-serif";
+  background-color:#eeeeee;
+}
+
+.Ldt-AnnotationContent {
+  padding:5px;
+  padding-left: 12px;
+
+}
+
+.Ldt-fbShare {
+  display: block;
+  float: left;
+  width: 24px;
+  height: 24px;
+  background:url('imgs/facebook.png');
+}
+
+.Ldt-TwShare {
+  display: block;
+  float: left;
+  width: 24px;
+  height: 24px;
+  background:url('imgs/twitter.png');
+}
+
+.Ldt-GplusShare {
+  display: block;
+  float: left;
+  width: 24px;
+  height: 24px;
+  background:url('imgs/google.png');
+}
+
+.Ldt-SaTitle{
+  padding-top:2px;
+  padding-bottom:3px;
+  font-size: 12pt;
+  color : #0068c4;
+}
+
+.Ldt-SaDescription{
+  font-size:12px;
+}
+
+.Ldt-SaKeywords {  
+  font-weight:bold;  
+  font-size:10px;
+}
+
+.Ldt-AnnotationShareIcons {
+  float:right;
+  position: relative;
+}
+
+
+#Ldt-PlaceHolder{
+  position:absolue;
+  float:none;
+}
+
+.Ldt-Segments{
+  float:left;
+  font-size: 62.5%;
+}
+
+.Ldt-mode-radio{
+  visibility:hidden;
+  height:0px;
+  display:none
+}
+    
+.Ldt-cleaner {
+  clear:both;
+}
+
+.cleaner {
+  clear:both;
+}
+
+.share {
+  background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ;
+  display:block;
+  height:16px;
+  line-height:16px !important;
+  overflow:hidden;
+  width:16px;
+  float:left;
+  cursor:pointer;
+  margin:2px;
+}
+.shareFacebook{
+  background-position:0 -704px;
+}
+.shareMySpace{
+  background-position:0 -736px;
+}
+.shareTwitter{
+  background-position:0 -1072px;
+}
+.shareGoogle{
+  background-position:0 -752px;
+}
+.shareDelicious{
+  background-position:0 -672px;
+}
+.shareJamesPot{
+  background-position:0 -1808px;
+}
+
+.tip{
+  position: absolute;
+  padding : 3px;
+  z-index: 10000000000;
+  max-width: 200px;
+  background: transparent url("imgs/black_arrow_long.png");
+  font-size: 12px;
+  height: 115px;
+  width: 180px;
+  padding: 15px 15px 20px;
+  color: #ffffff;
+  font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
+  overflow:hidden;
+}
+
+.tipcolor {
+    float: left; margin: 2px 4px 2px 0;
+}
+
+.tip img {
+    max-width: 140px; max-height: 70px; margin: 0 20px;
+}
+
+
+
+/* sparkline widget */
+.Ldt-sparklineWidget {
+  position: relative;
+  margin-bottom: 5px;
+}
+
+.Ldt-sparkLinePositionMarker {
+  position: absolute;
+  top: 0px;
+  width: 0px;
+  background-color: #333333;
+  border-right: solid 1px pink;
+  z-index: 3;
+  opacity: 0.2;
+}
+
+.Ldt-sparkLine {
+  position: absolute;
+  top: 0px;
+}
+
+.Ldt-sparkLineClickOverlay {
+  position: absolute;
+  width: 640px;
+  height: 60px;
+  z-index: 4;
+  top: 0px;
+  opacity: 0.3;
+}
+
+/* CINECAST Annotation Widget block */
+
+.Ldt-createAnnotationWidget {
+    width: 610px; padding-bottom: 10px; clear: both;
+    color: #fff;
+    background: url(img-cinecast/createannbgd.png) no-repeat bottom right;
+}
+
+.Ldt-createAnnotation-DoubleBorder {
+    width: 590px; position: relative; clear: both;
+    background: url(img-cinecast/createannbgd.png) no-repeat top left;
+    padding: 20px 10px 0;
+  min-height: 150px;
+}
+/* */
+
+.Ldt-createAnnotation-Title {
+  font-size: 12pt;
+  color : #0068c4;  
+  float: left;
+  margin-right: 5px;
+}
+
+.Ldt-createAnnotation-TimeFrame {
+  font-size: 12pt;
+  color : #ff5589;  
+  float: left;
+}
+.Ldt-createAnnotation-Container {
+  float: left; width: 100%; clear: both;
+}
+
+.Ldt-createAnnotation-userAvatar { 
+  float: right; 
+  width: 80px;
+  height: 64px;
+  border: 1px #ffffff;
+  margin: 5px 0;
+}
+
+.Ldt-createAnnotation-userAvatar img { 
+  margin: 0 auto; 
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.Ldt-createAnnotationWidget .Ldt-floatClear {
+    height: 30px; background: url(img-cinecast/logo.iri.small.png) left no-repeat;
+}
+
+/* CINECAST HIDE ARROW */
+
+.Ldt-createAnnotation-profileArrow {
+  display: none;
+}
+
+/* CINECAST SPECIFIC TEXTAREA */
+
+.Ldt-createAnnotation-Description {
+  float: left; background: url(img-cinecast/textarea.png); border: none; margin: 0; padding: 4px 8px 4px 4px; width: 493px; height: 68px;
+  resize: none;
+}
+/* */
+
+.Ldt-createAnnotation-btnblock {
+}
+
+.Ldt-createAnnotation-btnblock label {
+    float: left; margin-top: 20px; width: 480px; font-size: 14px; color: #ffffff;
+}
+
+/* CINECAST SPECIFIC TAG BUTTONS */
+
+.Ldt-createAnnotation-keywords ul {
+    width: 100%; clear: both;
+}
+
+.Ldt-createAnnotation-keywords li {
+    border: none; margin: 0 10px 5px 0; height: 23px; padding: 0 0 0 15px;
+    background: url(img-cinecast/tag.png) left top no-repeat;
+    cursor: pointer;
+}
+
+.Ldt-createAnnotation-keyword-button {
+  font-size: 13px; color: #ffffff; width: 170px; text-shadow: 1px 1px 1px #000000;
+  height: 23px; padding: 0 5px 0 0; border: none; margin: 0;
+  background: url(img-cinecast/tag.png) right top no-repeat;
+  cursor: pointer;
+}
+
+.Ldt-createAnnotation-keywords li:hover {
+  background-position: left -23px;
+}
+
+.Ldt-createAnnotation-keywords li:hover .Ldt-createAnnotation-keyword-button {
+  background-position: right -23px;
+}
+
+.Ldt-createAnnotation-keywords li.Ldt-createAnnotation-active-button {
+  background-position: left -46px; margin: 0 0 5px 0;
+}
+
+.Ldt-createAnnotation-keywords li.Ldt-createAnnotation-active-button .Ldt-createAnnotation-keyword-button {
+  background-position: right -46px; padding: 0 15px 0 0; width: 180px;
+}
+/* */
+
+/* CINECAST SUBMIT BUTTON */
+
+.Ldt-createAnnotation-submitButton {
+  float: right;
+  width: 96px;
+  height: 34px;
+  background: url(img-cinecast/greenbutton.png);
+  border: none;
+  margin: 8px 0;
+  font-size: 13px;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+
+.Ldt-createAnnotation-submitButton:hover {
+    background-position: 0 -34px;
+}
+
+/* */
+
+.Ldt-createAnnotation-endScreen {
+  background-color: #ffffff;
+  margin-left: 5px;
+  margin-right: 5px;
+  border: 1px solid #d6d6d6;
+  padding: 10px;
+  font-size: 13px;
+  font-weight: bold;
+  color : #f7268e;
+  text-align: center;
+}
+
+.Ldt-createAnnotation-errorMessage {
+  color: #D93C71;
+}
+
+.Ldt-createAnnotation-Minimize {
+  position: relative;
+  float: right;
+  height: 17px;
+  width: 17px;
+  right: 0px;
+  background:url('imgs/minimize.png');
+}
+
+/* */
+
+.Ldt-createAnnotation-spinner {
+	display: inline;
+	width: 16px;
+	height: 16px;
+	background-image('imgs/spinner.gif');
+}
+
+.Ldt-createAnnotation-endScreen-TweetLink {
+	width: 54px;
+	height: 20px;
+	background-image('imgs/tweet_button.png');
+}
+
+.Ldt-createAnnotation-endScreen-FbLink {
+	width: 55px;
+	height: 20px;
+	background-image('imgs/facebook_button.png');
+}
+
+.Ldt-createAnnotation-endScreen-GplusLink {
+	width: 50px;
+	height: 20px;
+	background-image('imgs/gplus_button.png');
+}
+/* AnnotationsListWidget */
+
+.Ldt-AnnotationsListWidget {
+  font-size: 12px;
+  font-family: "Arial",  "Verdana", "sans-serif";
+}
+
+.Ldt-AnnotationsList-ul {
+  list-style: none;
+  padding: 0 3px;
+}
+
+.Ldt-AnnotationsList-li {
+  float: left; width: 100%; clear: both;
+  margin: 2px 0; padding: 2px 0;
+  position: relative;
+  min-height: 70px;
+  background: #000000;
+}
+
+.Ldt-AnnotationsList-li:hover {
+  background-color: #333333;
+}
+
+.Ldt-AnnotationsListWidget a {
+  text-decoration: none;
+}
+
+.Ldt-AnnotationsListWidget a:hover {
+  text-decoration: underline;
+}
+
+.Ldt-AnnotationsList-Thumbnail {
+    border: none;
+    float: left;
+    max-width: 75px;
+    max-height: 48px;
+}
+
+.Ldt-AnnotationsList-Duration {  
+  color : #ffffff;
+  position: absolute; top: 55px; left: 5px; text-align: center;
+}
+
+.Ldt-AnnotationsList-TcSeparator, .Ldt-AnnotationsList-End {
+    display: none;
+}
+
+.Ldt-AnnotationsList-Title {
+  font-size: 13px;
+  margin: 0 0 2px 80px;
+  color: #ffffff;
+}
+
+.Ldt-AnnotationsList-Description {
+  font-style: italic;
+  margin: 0 0 2px 80px;
+}
+
+.Ldt-AnnotationsList-Description a {
+    color: #dddddd;
+}
+
+.Ldt-AnnotationsList-Tags {
+    float: left; clear: both; padding: 0; margin: 2px 0 0 80px; list-style: none;
+}
+
+.Ldt-AnnotationsList-Tag-Li {
+    float: left; border: none; margin: 0 0 0 5px; height: 23px; padding: 0 0 0 20px;
+    background: url(img-cinecast/tag.png) left top no-repeat;
+    cursor: pointer;
+}
+
+.Ldt-AnnotationsList-Tag-Div {
+  font-size: 13px; color: #ffffff; text-shadow: 1px 1px 1px #000000;
+  height: 19px; padding: 4px 5px 0 0; border: none; margin: 0;
+  background: url(img-cinecast/tag.png) right top no-repeat;
+    cursor: pointer;
+}
+
+.Ldt-createAnnotation-moar-keywordz {
+    float: right; font-size: 13px; color: #ffffff; text-shadow: 1px 1px 1px #000000; cursor: pointer;
+    width: 140px; height: 23px; background: url(img-cinecast/moar.png); border: none; margin: 0 15px;
+}
+
+.Ldt-createAnnotation-moar-keywordz:hover {
+    background-position: bottom;
+}
+
+/* Tagcloud */
+
+.Ldt-TagCloud {
+    font-family: "PT Sans", Arial, Helvetica, sans-serif;
+}
+
+.Ldt-TagCloud ul {
+    list-style: none; padding: 0; margin: 5px; text-align: center;
+}
+
+.Ldt-TagCloud li {
+    display: inline-block; margin: 2px; cursor:pointer; cursor:hand;
+}
+
+.Ldt-TagCloud li:hover {
+    color: #0099ff;
+}
+
+.Ldt-TagCloud-actif {
+    color: #c000c0;
+}