@import "squeezebox.css";

html {
    font-family: Arial, Helvetica, sans-serif;
    color: #2D2D2D;
    background-color: #2D2D2D;
    margin: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    text-align: center;
}

body {
    width: 940px;
    height: 100%;
    margin: auto;
}

img {
    border: none;
}

a {
    text-decoration: none;
	color:#2D2D2D;
	outline:none;
}

#global {
    position:absolute;
	left: 50%; 
    top: 50%;
	margin-top:-182px;
	margin-left:-470px;
    width: 940px;
    height: 465px;
	text-align:left;
}
#fond {
	position:absolute;
	left: 50%; 
    top: 50%;
   margin-top:-180px;
	margin-left:-470px;
    background: #F3F3F3;
    width: 940px;
    height: 365px;
}

#contenu {
	position:absolute;
	 margin-top:-162px;
	margin-left:-450px;
	left: 50%; 
    top: 50%;
    width: 900px;
    height: 325px;
	
}
#cache{
	position:absolute;
	 margin-top:-162px;
	margin-left:-450px;
	left: 50%; 
    top: 50%;
    width: 900px;
    height: 325px;
    z-index:10000;
    background:url(vide.gif);
}
#toggleSound, #skip{
	position:absolute;
	bottom:0px;
	right:0px;
	cursor:pointer;
}
#skip{
	margin-right:40px;
}
#toggleSound{
	width:14px;
	height:17px;
	text-indent:-1000px;
	background:url(toggleSound.png);
	margin-right:10px;
	margin-bottom:2px;
}
#toggleSound:hover{
	background-position:bottom;
}
#mentions{
	position:absolute;
	bottom:0px;
	left:0px;
	padding-left:5px;
	font-size:0.8em;
}