body {background:#000;text-align:center;padding:10px 0 0 0;margin:0}

.logo {margin:0 10px 10px 10px}

div.playerPlaylist {text-align:left;/*padding:10px 10px 10px 10px;*/width:300px;/*-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;behavior: url(scripts/js/PIE-1.0beta4/PIE.htc);background-repeat:no-repeat*/}

div.movieContainer {
	top: 0; 
	right:0 !important;
	left:-256px !important;
	top:0;
} /* 1 pixel contenant le player + Hack pour supporter le RTL */

.radiobox{
	margin:10px 0px 10px 0px;
	padding:0px;
	width:300px;
	font-size:11px;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#999;
	text-align:left;
	/*
	-moz-border-radius: 15px;*/
}
.radiobox p {margin:0}

.controles {
	cursor:pointer;
	margin-bottom:10px;
	padding:0 10px;
}

.playliste{
	/*background-color:#FFF;*/
	list-style-type:none;
	padding:0;
	margin:0;
	border-bottom:1px solid #333;
	/*border: 1px solid #cccccc;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;behavior: url(scripts/js/PIE-1.0beta4/PIE.htc);*/
}
/* Liens des titres */
.radiobox a {color:#CCC;}
.radiobox a:hover, .radiobox li.li1:hover a, .radiobox li.li2:hover a {color:#FFF;}
.radiobox a, .radiobox a:hover{
	text-decoration:none;
	font-family:verdana, sans-serif;
	font-weight:bold;
}
/*.radiobox div.titre a {display:inline-block;font-weight:bold;color:#FFF}*/

.radiobox li.li1.over, .radiobox li.li2.over {
	/*background:#EEE;*/
	background-color:#000;
	background-image:none;
	font-weight:bold;

}

.playliste_pagination{
	margin:5px 0px 0px 0px;
	padding:5px;
	border: 1px solid #cccccc;
}
/* Ligne */
ul.playliste li{
	cursor:pointer;
	color:#FFF;
	margin-bottom:1px;
	padding: 4px 0;
}
/* Couleur de la ligne alterner */
ul.playliste li.li1 {background:url(img/playlist/bg_li1.jpg) repeat-y;border-top:1px solid #333}
ul.playliste li.li2 {background:url(img/playlist/bg_li2.jpg) repeat-y;border-top:1px solid #333}

.radiobox li.li1.play_on a, .radiobox li.li2.play_on a {
	color:#FFF;
}	
.radiobox li.li1.play_on, .radiobox li.li2.play_on {
	background:#000;
}
span.play_{
	/*background:#E6ECFF;*/
	cursor:pointer;
}

span.play_on{
	/*background:#FF0000;*/
	cursor:pointer;
}
div.descriptif {font-weight:normal;padding:0 10px 0 30px;color:#CCC}

#scrollbar{
	background-color: #666;
    border-bottom-color: #444444;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 0 5px #111111 inset;
    height: 10px;
    margin-top: 10px;
    position:relative;
	cursor:pointer;
}
#loading{
	margin:0px;
	padding:0px;
    height: 10px;
	background-color:#ccc;
    border-bottom-color: #444444;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 0 5px #111111 inset;
	width:0%;
	position:absolute;
	left:0px;
	top:0px;
	font-size:0.3em;
	z-index:10;
}
#position{
	margin:0px;
	padding:0px;
	height:10px;
	background-color:#FFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 0 5px #CCC inset;
	width:0%;
	position:absolute;
	left:0px;
	top:0px;
	font-size:0.3em;
	z-index:20;
}

div#now_playing {
	min-width:12px;
	height:10px;
	overflow:hidden;
	padding-top:2px;
	text-align:left;
}

/* Scroller Box */
#scroller_container {
	position: relative;
	width:278px;
	overflow: hidden;
	border: 1px solid #cccccc;
	background:url(img/playlist/bg_ttr.gif) repeat-x;
	height:36px;
	color:#000000;	
	margin:0 0 6px 0;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;behavior: url(scripts/js/PIE-1.0beta4/PIE.htc);
}

#scroller {
	width:600px;
	height: 10px;
	position: absolute;
	left:0;
	top:0;
	margin:10px 0 0 0;
}


/* Scoller Box */

/* At the end of the CSS File */



/* ==================== Player video ==================== */
#player {
	background-color: #e9f6ff;
	color: #000;
	height: 20px;
	width: 200px;
	border: solid 1px #ccc;
}
#player .button {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	float: left;
}
#player .button a {
	display: block;
	height: 20px;
	text-indent: -100em;
	overflow: hidden;
}