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

#top_video{ display:block; width:740px; padding-top:5px; }
#titreContener{ display:none; }
#titreVideo {
	float:left;
	width:400px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:5px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:0;
	display:block;
}


#filAriane {
	float:left;
	width:270px;
	padding-left:44px;
	padding-top:13px;
	padding-bottom:0px;
	font:normal 11px Arial, Helvetica, sans-serif;
}
#content_video{ display:block; width:740px; }
#footerPlayerContener{ display:none; }


#player_contener{
	padding-top:2px;
	float:left;
	width:420px;
	height:373px;
}
#player { width:420px; height:315px; }
#player_holder{width:420px; height:315px;}

#video {
	position:absolute;
	width:400px;
	height:300px;
	margin-top:10px;
	margin-left:10px;
}
#footerPlayer {
	width:420px;
	height:19px;
	background-color:#1a191e;
	color:#FFF;
	margin-top:1px;
	padding:4px 0 0 0;
}

#footerPlayer a.addToPlaylist{ display:block; float:left; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:11px; text-decoration:none; background:url(../img/bt_plus.png) no-repeat; padding:0 0 0 20px; margin-left:10px;}
#footerPlayer a.addToPlaylist:hover {text-decoration:underline;}
#footerPlayer a.viewPlaylist{ display:block; float:left; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:11px;text-decoration:none; background:url(../img/bt_like.png) no-repeat; padding:0 0 0 20px; margin-left:14px;}
#footerPlayer a.viewPlaylist:hover {text-decoration:underline;}
#note {
	width:120px;
	display:inline;
	padding-top:0;
	padding-left:0px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	float:left;
}

#vu {
	text-align:right;
	padding-left:7px;
	padding-top:0px;
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	float:left;
}

.note span.text{
	float:left;
	display:block;
	width:30px;
	height:10px;
	padding-top:0;
	padding-left:14px;
}
.note span.note_off{
	float:left;
	display:block;
	width:65px;
	height:14px;
	text-align:left;
	margin-top:-2px;
	background:url(../img/note_off.gif) bottom left repeat-x;
}
.note span.note_on{
	display:block;
	height:14px;
	text-align:left;
	background:url(../img/note_on.gif) bottom left repeat-x;
}

#thumbwall {
	float:right;
	display:block;
	width:310px;
	height:412px;
}

#picto {
	text-align:right;
	padding-right:330px;
	padding-top:10px;
	padding-bottom:10px;
}
#descContener{
	width:390px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	margin:0 0 0 15px;
	padding:5px 0 5px 1px;
	overflow:visible;
}
#description {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	height:85px;
	width:390px;
	display:block;
	overflow:auto;
}
#left_video{
	float:left;
	width:420px;
}
#right_video{
	float:left;
	width:286px;
	padding-left:32px;
	
}
#ficheMetier {
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
}
#ficheMetier ul{
	padding:10px 0 0 3px;
	margin:0;
	list-style-type:none;
}
#ficheMetier ul li{
	padding:0 0 0 18px;
	margin:0;
	background:url(../img/puceMetier.gif) top left no-repeat;
}
#ficheMetier ul li a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:underline;
}

#right_video .fiches {
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	margin-top:50px;
}
#right_video .fiches ul{
	padding:10px 0 0 3px;
	margin:0;
	list-style-type:none;
}
#right_video .fiches ul li{
	padding:0 0 0 18px;
	margin:0;
	background:url(../img/puceMetier.gif) top left no-repeat;
}
#right_video .fiches ul li a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:underline;
}


#basPage {
	margin-left:25px;
}
#coproduction {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
	padding-top:10px;
	text-align:center;
}
#dvd {
	font:bold 11px Arial, Helvetica, sans-serif;
	float:left;
	margin-left:50px;
	padding-top:10px;
	text-align:center;
}
#cadreLiens {
	float:right;
	display:0;
	width:132px;
	height:121px;
	background:url(../img/cadre.gif) top left no-repeat;
	padding:15px 0 25px 4px;
	margin-top:5px;
	vertical-align:middle;
}
#cadreLiens #optionContener{
	position:relative;
}
#cadreLiens #optionContener div.option{
	display:none;
	position:absolute;
	top:-10px;
	left:124px;
	width:300px;
	height:100px;
	padding:4px 10px 4px 10px;
	border-top:1px solid #8EA4C3;
	border-bottom:1px solid #8EA4C3;
	border-right:1px solid #8EA4C3;
	border-left:none;
	background-color:#C3D7EE;
}
.liensCadre {
	padding-left:5px;
	padding-bottom:3px;
}
.liensCadre a {
	display:block;
	padding-left:6px;
	width:116px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#006ab3;
	text-decoration:underline;
}
.liensCadre a.open {
	background-color:#C3D7EE;
	background:url(../img/option_open.gif) center left no-repeat;
	text-decoration:none;
	color:#000000;
}
#partieDroite {
	float:right;
}

#contentVideo{ margin-top:-70px;}