@charset "utf-8";
/* CSS Document */

html, body{ margin:0; padding:0; height:100%; }
body{
	text-align:center; background:#bdbdbd url(../img/arsep/fond.gif) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:12px;
}
#center{
	width:898px; padding:0 17px 0 17px; height:640px; margin:auto;
	text-align:left; background:url(../img/arsep/fond.png) top center no-repeat;
}

#header{ height:140px; position:relative; }

#content{ height:428px; position:relative; }
#footer{ height:77px; position:relative; }

#flagFR, #flagEN, #flagFR img, #flagEN img{ width:23px; height:29px; }
#flagFR, #flagEN{ position:absolute; top:73px; display:block; background-repeat:no-repeat; }

#flagFR{ left:17px; background-image:url(../img/arsep/flag_fr.gif); }
#flagEN{ left:43px; background-image:url(../img/arsep/flag_en.gif); }

#header a.on{ background-position:bottom; }
#header a.off{ background-position:top; }

#header #title{
	position:absolute; top:134px; left:1px; height:19px; width:auto; padding:0 0 0 14px;
	background:url(../img/arsep/title_back.png) bottom right no-repeat; color:#01628b; font-size:14px; font-weight:bold;
}
#header #title h1{ display:block; padding:0; margin:0; font:inherit; color:inherit; }
#header #title span.sstitre{ display:none; padding:0; margin:0; }


#player{ position:absolute; top:33px; left:16px; width:480px; height:270px; }
#description{ position:absolute; top:310px; left:16px; width:470px; height:117px; overflow:auto; padding-left:10px; }
#sumary{ position:absolute; top:33px; right:16px; width:370px; height:394px; overflow:auto; font-size:11px; font-weight:bold; }

#description .title{ color:#e00000; padding-bottom:10px; }
#description .text{ color:#475c71; }

#sumary .part{ padding:5px; background:#d1d7dc url(../img/arsep/fond_partie.gif) bottom left repeat-x; margin:0 0 4px 0; }
#sumary .title{ color:#01628b; padding-left:5px; }
#sumary .title a{ color:#01628b; }
#sumary .part .subtitle{ color:#e00000; padding-left:5px; }
#sumary .part .subtitle a{ color:#e00000; }


#sumary .subpart{ padding:5px; background:#e0e0e0 url(../img/arsep/fond_souspartie.gif) center left repeat-x; margin:0 0 4px 0;-background:#e0e0e0; }
#center.VOD #sumary .subpart{ background-position:bottom;  }

#sumary .subpart div{ float:left; display:block; width:336px; height:auto; padding-left:5px; }
#sumary .subpart a.thumb{ float:left; display:block; width:101px; height:69px; background-color:#CCCCCC; }
#sumary .subpart div.subtitle{ color:#54616b; }
#sumary .subpart div.subtitle a{ color:#54616b; }

#sumary a{ text-decoration:none; color:inherit; }

#center.VOD #sumary .subpart div{ padding-left:10px; width:230px; }

#sumary .partsep{ height:10px; margin-bottom:5px; overflow:hidden; background:url(../img/arsep/title_back.png) center right no-repeat; }

#links{ position:absolute; top:12px; left:650px; font-weight:normal;  }
#copyright{
	position:absolute; top:60px; left:0; width:100%; text-align:center;
	color:#787878; font-size:11px; font-weight:bold;
}
#copyright a{ color:#787878; font-size:11px; font-weight:bold; text-decoration:none; }
#copyright a:hover{ text-decoration:underline; }

.clear{ float:none; display:block; margin:0; padding:0; clear:both; }
h1{ margin:0; padding:0; font-size:14px; }