html,body{
	overflow: hidden;
	color: #333;
    font-family: 'Open Sans',Tahoma,Arial,sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
    background: #FFF;
	height: 100%; 
	background:url('https://www.onlyradio.fr/images/background.jpg');
	animation: background 60s linear infinite;
}
/* background et mouvant */

@-webkit-keyframes background {
    0% {background-position: 0 0}
    100% {background-position: 100% 0}
}

@-moz-keyframes background {
    0% {background-position: 0 0}
    100% {background-position: 100% 0}
}

@keyframes background {
    0% {background-position: 0 0}
    100% {background-position: 100% 0}
}

#top-barre {
	position:fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;	
	width: 100%;
	height: 45px;
	background: #2b2b2b;
	font-size:16px;
	color:#FFF;
	text-align:center;
}

#top-barre .titre-en-cours {
color:#FFF;
text-align:center;
line-height: 40px;
font-size: 13px;
font-weight:bold;
display:inline;
}

#pochette {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom:0;
	margin:auto;
	height:300px;
	width:300px;
	border:solid 1px;
	background: #CCC;

}

#player {
	position:fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;	
	width: 100%;
	height: 55px;
	background: #F1F1F1;
	border-top: 1px solid #CCC;	
}
#player .contener {
	margin: 0 auto;
	width:190px;
}
#player .contener-gauche {
	float: left;
	width: 190px;
	padding-top:10px;
	margin-left:45px;
}
	#player .prev {
		width: 15px;
		height: 35px;
		float: left;
		margin-right: 11px;
		cursor: pointer;
		background: url(images/player.png) -70px -70px no-repeat;
		background-size: 105px;
		display: inline-block;
	}
	#player .play {
		width: 35px;
		height: 35px;
		float: left;
		margin-right: 16px;
		cursor: pointer;
		background: url(images/player.png) 0 0 no-repeat;
		background-size: 105px;
		display: inline-block;
	}
	#player .pause {
		width: 35px;
		height: 35px;
		float: left;
		margin-right: 16px;
		cursor: pointer;
		background: url(images/player.png) 0 -35px no-repeat;
		background-size: 105px;
		display: inline-block;
	}
	#player .next {
		width: 15px;
		height: 35px;
		float: left;
		margin-right: 11px;
		cursor: pointer;
		background: url(images/player.png) -70px -105px no-repeat;
		background-size: 105px;
		display: inline-block;
	}
	#player .current-time {
	text-align: right;
	margin-right: 15px;
	width: 45px;
	float: left;
	height: 35px;
	line-height: 35px;
	font-size: 11px;
	display: inline;
	}