@charset "utf-8";

/* CSS Document */

html,body{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}

body{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#e7eefe;
	color:#333333;
}

#center{
	position:relative;
	margin:auto;
	width:760px;
	height:auto;
	background-color:#FFFFFF;
}

#header{
	background-image:url(../img/header.png);
	background-repeat:no-repeat;
}

#header.avant{
	background-image:url(../img/headerAvant.png);
	background-repeat:no-repeat;
}


#onglet1 {width:112px;height:23px; position:absolute; top:225px; left:348px}
#onglet2 {width:112px;height:23px; position:absolute; top:225px; left:467px}
#onglet3 {width:112px;height:23px; position:absolute; top:225px; left:568px}

#phraseChoc {
	position:relative;
	margin:auto;
	width:760px;
	height:auto;
	background-color:#FFFFFF;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#footer {
	background-image:url(../img/footer.png);
	background-repeat:no-repeat;
	position:relative;
	width:760px;
	height:33px;
}

#ump {width:100px;height:23px; position:absolute; left:627px; top:10px;}
#blog {width:140px;height:10px; position:absolute;  left:0; top:20px;}

#containt{
	padding:0 0 0 0;
	height: 350px;
}

#containt.avant{
	padding:0 0 0 0;
	padding-top:120px;
	height: 160px;
	font: bold  20px Verdana, Arial, Helvetica, sans-serif;
	color:#048db4;
	top: 250px;
	text-align:center;
}

#left{
	float:left;
	width:400px;
	overflow:hidden;
	padding-left:20px;
}

#left #player{
	width:400px;
	height:295px;
}

#right{
	float:right;
	width:310px;	
}

#container{
height:295px;
overflow:auto;
width:310px;
}

.item{

	height:auto;
	padding:8px 8px 8px 0;
}
.pesEspace{
	padding:0;
}

.sousTitleCliquable a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#048db4;
	text-decoration: none ;

}

.sousTitleCliquable a:hover{
	text-decoration: underline ;
}



.titleCliquable a{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#048db4;
	text-decoration: none ;
}
.titleCliquable a:hover{
	text-decoration: underline ;
}

.encours{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#e2017b;
}


.sTencours{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#e2017b;
}


.desc {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#048db4;
	font-weight:normal;
}

#goblin {
	padding:0 0 0 0;
	height: 50px;
}

#goblin #direct {
	float:left;
	overflow:hidden;
	padding-left:10px;
}

#goblin #chaine {
	float:right;
	width:350px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#e2017b;
	text-align:center;
}