html { 	font-family: Arial, sans-serif; margin: 0; padding: 0; color: #eee;}
body { background: #FFFF35; width:100%;}
img {border: none; margin: 0px; padding: 0px;}
p { margin: 0; padding: 0px; }
a, a:focus, a:visited, a:active { color: #feff66; text-decoration: none;}
a.hover { color: #66bbff; text-decoration: none;}

.nettoyeur {clear: both;}

#page { width: 876px; height: 600px; margin: 0 auto; }
#principal {
	background: url(../img/bloc-principal-vide.png) no-repeat;
	width: 870px; height: 435px;
	margin: 0 auto;
	position: relative;
}
#principal-tv {
	background: url(../img/bloc-principal-tv.png) no-repeat;
	width: 870px; height: 435px;
	margin: 0 auto;
	position: relative;
}
#header {position: relative; height: 100px;}
#titre {
	position: absolute; bottom: 0px; left: 0px;
	font-family: Calibri, sans-serif;
	font-size: 64px; color: #0f1473; font-weight: bold;
}
#slogan {
	position: absolute; bottom: 0px; right: 0px;
	font-family: Arial, sans-serif;
	font-size: 30px; color: #808080;
	padding-bottom: 17px;
}
#bloc-left { position: absolute; left: 13px; top: 44px; }
#bloc-centre { position: absolute; left: 175px; top: 75px; padding: 14px;}
#bloc-player { position: absolute; left: 175px; top: 75px; padding: 10px 20px;}
#bloc-right { position: absolute; left: 740px; top: 44px; }
#vumetre { position: absolute; top: 75px; left: 575px;}
#scroller_container {
	position: relative; top: 10px;
	width: 350px;
	height: 25px;
	overflow: hidden;
}
#chanson {
	white-space: nowrap;
	font-size: 16px;
}
#chanson p {
	padding-top: 5px;
	color: #eee;
}
.btn-std {
	background: url(../img/btn-std.png) no-repeat;
	width: 94px; height: 42px;
	margin: 5px; padding-left: 10px; padding-top: 10px;
}
.btn-std:hover { box-shadow: 0px 0px 15px 0 rgba(114,216,254,0.75) inset; }
.btn-big {
	background: url(../img/btn-big.png) no-repeat;
	width: 104px; height: 270px;
	margin: 5px; padding-top: 10px;
	text-align: center;
}
.btn-big:hover { box-shadow: 0px 0px 15px 0 rgba(114,216,254,0.75) inset; }
.btn-big a { color: #ffffff; text-decoration: none; }
#pochette { position: absolute; top: 115px; left: 8px;}
#pochette-titre {
	position: absolute; top: 115px; left: 153px;
	font-size: 16px; color:#eee /*#0b004c*/;
	text-align: center;
}
#radios {
	background: url(../img/bloc-radio.png) no-repeat;
	width: 872px; height: 116px;
	margin: 12px auto 0 auto;
	position: relative;
}
#player { position: absolute; top: -10px; left: 0px; width:200px; }
#appli-radio {
	width: 400px; height:50px;
	position: absolute; left: 10px; top: 55px;
	text-align: left;
}
.appli-std {
	width: 150px; height: 50px; margin: 0 0 0 10px;
	border: 1px solid #fff; border-radius: 8px;
	position: relative; max-width: 100%; float: left;
}
.appli-std:hover::before {
	content: '';
	position: absolute;
    top:0; left:0; bottom: 0; right: 0;
	box-shadow: 0px 0px 15px 0 rgba(114,216,254,0.75) inset;
	border-radius: 8px;
}
.appli-std img { float: left; }
.radio-std {
	width: 92px; height: 92px;
	border: 1px solid #fff; margin: 0 0 0 10px;
	position: relative; max-width: 100%; float: left;
}
.radio-std:hover::before {
	content: '';
	position: absolute;
    top:0; left:0; bottom: 0; right: 0;
	box-shadow: 0px 0px 15px 0 rgba(114,216,254,0.75) inset;
}
.radio-std img { float: left; }

#player-tv { box-shadow: 0 0 10px #000000; }
#titre-radio {
	width: 300px; height:50px;
	position: absolute; left: 200px; top: 6px;
	text-align: left; color: #0f1473; font-size: 14px;
}
#logo-radio {
	width: 540px; height:92px;
	position: absolute; left: 340px; top: 12px;
	text-align: right;
}