/* CSS Document */

/*-------------------------------------------
			Styles hit radio
-------------------------------------------*/
/* 
 * ----------------------------------
 * Redefinition des balises standards
 * ----------------------------------
 */

html,body {
	width: 					100%;
	height: 				100%;
	padding: 				0px;
	margin: 				0px;	
	text-align: 			center;
	background-color:		#FFFFFF;
	background-repeat:		repeat;
	background-position:	top left;
}

html, body, table, input, select {
	font-family:			Tahoma, verdana;
	font-size: 				10px;
	color:	 				#808080;
}


a		    {text-decoration:none;}
a:hover	 	{text-decoration:none;}

h1			{margin:0px; padding:0px; font-size:16px;}
h3,h4,h5	{margin:0px; padding:0px; font-size:10px;}
h2 			{margin:0px; padding:0px; font-size:14px;}

table 		{border: 0px; padding:0px; border-collapse:collapse;}
td 			{border: 0px; vertical-align: top; margin:0px; padding:0px; text-align:left;}
tr 			{border: 0px; vertical-align: top;}

img 		{border: 0px; margin: 0px; padding: 0px; vertical-align:middle;}

dl, dd, ul, li {margin:	0px; padding:0px;}

p, form {margin:0px; padding:0px;}

/* 
 * -----------------------------------------------------------
 * Mise en page du site
 * -----------------------------------------------------------
 */
 
 /**************container site******************************/
 
 #xhtml_container{
 	width:850px;
	height:521px;
	margin:0px auto;
 }
 
 #header_container{
 	height:94px;
	text-align:left;
	background-image:url(../img/ban_hitRadio.gif);
	background-repeat:no-repeat;
	background-position:top left;
 }
 
 #content_container{
 	background-image:url(../img/bckg_content.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:316px;
 }
 
 #footer_container{
 	float:left;
	width:100%;
	padding:10px 0px;
	text-align:center;
 }
 
 /**********************logo*******************/
 
 .logo{
 	margin-left:9px;
	margin-top:3px;
 }
 
 /************************menu******************/
 
 .container_menu{
 	height:42px;
 }
 
 .container_menu ul{
 	display:inline;
	float:left;
	height:42px;
	padding-left:23px;
	padding-top:2px;
	width:805px
 }
 
  html>body .container_menu ul{
 	display:inline;
	float:left;
	height:42px;
	padding-left:23px;
	padding-top:1px;
	width:805px
 }
 
 .container_menu ul li{
 	display:inline;
	float:left;
	list-style:none;
 }
 
 .container_menu ul li img{
 	cursor:pointer;
 	vertical-align:top;
 }
 
 .container_menu ul li.li_right{
 	display:inline;
	float:right;
	list-style:none;
 }
 
 .container_menu ul li.li_right img{
 	cursor:pointer;
 }
 
 .container_menu ul li.li_right img.curseur_normal{
 	cursor:default;
 }
 
 .recherche{
 	width:240px;
	height:27px;
	padding-top:10px;
	border:0px;
	background-color:#323232;
	vertical-align:middle;
	color:#c9c9c9;
	font-size:13px;
 }
 
 .content{
 	float:left;
	width:100%;
	height:272px;
 }
 
 /*.player_container{
 	float:left;
	width:512px;
	height:242px;
	background-image:url(../img/bckg_contenu1.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding:8px 8px 0px 8px;
	margin-top:8px
 }*/
 
 .player_container{
 	float:left;
	width:203px;
	padding-left:10px;
	padding-top:0px;
	margin-top:8px
 }
 
 .liste_titres{
 	float:left;
	width:309px;
	height:242px;
	background-image:url(../img/bckg_contenu.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding:8px 8px 0px 8px;
	margin-top:8px
 }
 
 .ban_right{
 	float:right;
	width:300px;
	height:250px;
	padding-right:10px;
	padding-top:8px
 }
 
 .titles{
 	text-align:left;
	padding-bottom:12px;
 }
 
 .container_titre{
 	float:left;
	width:100%;
	padding-bottom:8px;
 }
 
 .img_titre{
 	height:33px;
	width:33px;
	float:left;
 }
 
 .infos_container{
 	float:left;
	width:200px;
	height:33px;
	padding-left:10px;
 }
 
 .song{
 	background-color:#000000;
	height:15px;
	color:#FFFFFF;
	text-align:left;
	font-size:10px;
	padding-left:4px;
 }
 
 .song a, .song a:hover{
	color:#FFFFFF;
 }
 
 .singer{
 	background-color:#000000;
	height:15px;
	color:#ce2839;
	text-align:left;
	margin-top:3px;
	font-size:10px;
	padding-left:4px;
 }
 
  .singer a, .singer a:hover{
	color:#ce2839;
 }
 
 .voter{
 	padding:0px 0px 6px 0px;
 }
 
 .bts div img{
 	cursor:pointer;
 }
 
 .player{
 	width:202px;
	height:250px;
	background-image:url(../img/bckg_player.gif);
	background-position:center;
	background-repeat:no-repeat;
 }
 
 .title_player{
 	color:#FFFFFF;
	font-size:10px;
	text-align:left;
	height:20px;
	padding:4px 3px 4px 25px;
	background-image:url(../img/picto.gif);
	background-repeat:no-repeat;
	background-position:10px 9px;
 }
 
 .title_player a, .title_player a:hover{
 	color:#FFFFFF;
	font-size:10px;
 }
 
 .title_player .artist{
 	color:#ce2839;
	font-size:10px;
	text-align:left;
 }
 
 .title_player .artist a, .title_player .artist a:hover{
 	color:#ce2839;
	font-size:10px;
 }
 
 .pochette{
 	text-align:left;
	padding:29px 46px 18px 46px;
	height:105px;
 }
 
 .bts_controls{
	 height:37px;
 }
 
 .bts_controls ul{
 	display:inline;
	float:left;
	height:37px;
	padding-left:13px;
	padding-top:1px;
 }
 
 .bts_controls ul li{
 	display:inline;
	float:left;
	list-style:none;
 }
 
 .bts_controls ul li img{
 	cursor:pointer;
 }
 
 .animateur_container{
 	height:51px;
	width:200px;
	background-color:#000000;
	margin-top:1px;
	padding:1px
 }
 
 .photo_animateur{
 	width:51px;
	height:51px;
	float:left;
 }
 
 .infos_animateur{
 	width:135px;
	height:31px;
	float:left;
	padding: 10px 0px 10px 0px;
 }
 
 .name{
 	background-image:url(../img/picto_1.gif);
	background-repeat:no-repeat;
	background-position:10px 3px;
	color:#eca93c;
	text-align:left;
	padding-left:18px;
 }
 
 .name a, .name a:hover{
 	color:#eca93c;
 }
 
 .links{
 	text-align:left;
	padding-left:10px;
	padding-top:5px;
 }
 
 .links img{
 	cursor:pointer;
 }
 
 #player_controlls{
 	
 }