#bloc_video {
	width: 100%;
	height: 100%;
	font-family: Arial, Trebuchet, Tahoma, sans-serif;
	font-size: 11px;
	color: #292f38;
	text-align: justify;
}

#bloc_video .gauche {
	background: url( 'gfx/fond_lecteur.png' ) no-repeat top left;
	width: 430px;
	height: 470px;
   	margin: 10px 0px 0px 0px;   /* 1=haut, 2=droite, 3=bas, 4=gauche */
   	padding: 0px;
	float: left;
}

#bloc_video .player_video {
/*	background: url( 'gfx/flux_flv.jpg' ) no-repeat top left;*/
background:transparent;
	border: 1px solid #4d5964;	
	width: 400px;
	height: 320px;
   	margin: 14px 0px 0px 14px;   /* 1=haut, 2=droite, 3=bas, 4=gauche */
   	padding: 0px;
	float: left;
}

#bloc_video .chapitre_video {
	background: url( 'gfx/fond_chapitre.png' ) no-repeat top left;
	width: 402px;
	height: 105px;
   	margin: 14px 0px 0px 14px;   /* 1=haut, 2=droite, 3=bas, 4=gauche */
   	padding: 5px 0px 0px 10px;   /* 1=haut, 2=droite, 3=bas, 4=gauche */
	float: left;
	font-family: Arial;
	font-weight:bolder;
	font-size: 12px;
	color: #fff;
}

#bloc_video .bloc_screenshot {
	background-color: transparent;
	width: 320px;
	height: 66px;
   	margin: 5px 0px 0px 0px;   /* 1=haut, 2=droite, 3=bas, 4=gauche */
   	padding: 0;
	float: left;
}

#bloc_video .fleche_gauche {
	background: url( 'gfx/fleche_gauche.png' ) no-repeat top left;
	border: none;
	width: 20px;
	height: 30px;
   	margin: 20px 10px 0px 0px;   /* 1=haut, 2=droite, 3=bas, 4=gauche */
   	padding: 0;   	
	float: left;
	Opacity: 0.8;
}
#bloc_video .fleche_gauche:hover {
	Opacity: 1;
}

#bloc_video .fleche_droite {
	background: url( 'gfx/fleche_droite.png' ) no-repeat top left;
	border: none;
	width: 20px;
	height: 30px;
   	margin: 20px 20px 0px 0px;   /* 1=haut, 2=droite, 3=bas, 4=gauche */
   	padding: 0;   	
	float: right;
	Opacity: 0.8;
}
#bloc_video .fleche_droite:hover {
	Opacity: 1;
}

#bloc_video .droite {
	width: 220px;
	height: 100%;
   	margin: 10px 0px 0px 10px;   /* 1=haut, 2=droite, 3=bas, 4=gauche */
   	padding: 0;
	float: left;
}

#bloc_video .droite .description {
	height: 380px;
	clear: both;
}

#bloc_video h1 {
	font-family: Arial;
	font-size: 14px;
	font-weight:bolder;
	text-align:left;
	color: #015a93;
	margin: 0;
   	padding: 0;
}

#bloc_video h2 {
	font-family: Arial;
	font-size: 11px;
	font-weight:bolder;
	text-align:left;
	color: #015a93;
	clear:both;
	margin: 10px 0px 0px 0px;
   	padding: 0;
}

#bloc_video .separateur_duree {
	color: #cae2f7;
	clear: none;
	display: inline;
}

#bloc_video ul {
	padding: 0;	/* 1=haut, 2=droite, 3=bas, 4=gauche */
	margin: 0;
	clear:both;
}

#bloc_video li {
	list-style-image: url( 'gfx/puce_chapitre.png' );
	list-style-position: inside;
	padding: 0px;  	/* 1=haut, 2=droite, 3=bas, 4=gauche */
	margin: 10px 0px 0px 0px;  	/* 1=haut, 2=droite, 3=bas, 4=gauche */
}

#bloc_video .bloc_vote {
	background: url( 'gfx/bloc_vote.png' ) no-repeat top left;
	width: 220px;
	height: 85px;
	padding: 5px 8px 0px 8px;  	/* 1=haut, 2=droite, 3=bas, 4=gauche */
	margin: 0;
	font-size: 12px;
	color: #000;	
}
#bloc_video .bloc_etoiles {
	/*background: url( 'gfx/etoiles_note0.png' ) no-repeat top left;*/
	width: 80px;
	height: 16px;
	padding: 3px 100px 5px 0px; 
	display: inline;
	clear:none;
}

.bloc_etoiles .r0 , .bloc_etoiles .r1, .bloc_etoiles .r2, .bloc_etoiles .r3, .bloc_etoiles .r4, .bloc_etoiles .r5,
.bloc_etoiles .s0 , .bloc_etoiles .s1, .bloc_etoiles .s2, .bloc_etoiles .s3, .bloc_etoiles .s4, .bloc_etoiles .s5,
.bloc_etoiles .blocknote {
	width: 80px;
	height: 16px;
	position:absolute;
	clear:none;
	float:left;
	display:inline;
	cursor:pointer;
}
.bloc_etoiles .blocknote {
	background:transparent;
z-index:300;
}
.bloc_etoiles .blocknote .note {
	width: 16px;
	height: 16px;
	position:relative;
	float:left;
	clear:none;
	display:inline;
}
.bloc_etoiles .r0 {
	z-index:100;
	background: url( 'gfx/etoiles_note0.png' ) no-repeat top left;
}
.bloc_etoiles .r1 {
	z-index:101;
	background: url( 'gfx/etoiles_note1.png' ) no-repeat top left;
}
.bloc_etoiles .r2 {
	z-index:102;
	background: url( 'gfx/etoiles_note2.png' ) no-repeat top left;
}
.bloc_etoiles .r3 {
	z-index:103;
	background: url( 'gfx/etoiles_note3.png' ) no-repeat top left;
}
.bloc_etoiles .r4 {
	z-index:104;
	background: url( 'gfx/etoiles_note4.png' ) no-repeat top left;
}
.bloc_etoiles .r5 {
	z-index:105;
	background: url( 'gfx/etoiles_note5.png' ) no-repeat top left;
}
.bloc_etoiles .s1 {
	z-index:201;
	background: url( 'gfx/etoiles_note1s.png' ) no-repeat top left;
}
.bloc_etoiles .s2 {
	z-index:202;
	background: url( 'gfx/etoiles_note2s.png' ) no-repeat top left;
}
.bloc_etoiles .s3 {
	z-index:203;
	background: url( 'gfx/etoiles_note3s.png' ) no-repeat top left;
}
.bloc_etoiles .s4 {
	z-index:204;
	background: url( 'gfx/etoiles_note4s.png' ) no-repeat top left;
}
.bloc_etoiles .s5 {
	z-index:205;
	background: url( 'gfx/etoiles_note5s.png' ) no-repeat top left;
}

.clipbox .mask{
	position:relative;
	width:320px;
	height:66px;
	overflow:hidden;
	background:transparent;
}
.clipbox .box{
	display:block;
	position:absolute;
}
.clipbox .box span{
	float:left;
	clear:none;
	display:inline;
	padding:0px 8px 0px 8px;
}
.clipbox .box span img{
	background:transparent;
	display:inline;
	clear:none;
	float:left;
	border:none;
	cursor:pointer;
}

.clipbox .fondpanel {
	width:650px;
	height:480px;
	background:transparent;
	padding:10px;
}

/***********
* Notation *
***********/
/*
#note {
	font-family: Arial, Trebuchet, Tahoma, sans-serif;
	font-size: 12px;
	color: #292f38;
	text-align: justify;
   	padding: 10px 0px 0px 0px;  
   	margin: 0px;
}

#note h1 {
	font-family: Arial Black;
	font-size: 14px;
	color: #015a93;
	margin: 0px 0px 10px 0px; 
   	padding: 0;
}

#note h2 {
	font-family: Arial Black;
	font-size: 11px;
	color: #015a93;
	clear: none;
	float: left;
	display: inline;
}

#note .captcha {

	margin: 0px 0px 0px 385px;	
}

#note .etoile {
   	color: #ec543b;
	font-size: 18px;
	font-family: Arial Black;
}

#note div {
   	padding: 0px 0px 20px 0px;
	margin: 0px;
}

#note label {
	display: block;
	text-align: left;
	float: left;
	width: 50px;
	margin-left: 40px;	
}

#note input {
	width: 474px;
	height: 20px;	
	border: 1px solid #c1c0c0;
	font-size: 14px;
	color: #444444;
	text-align: left;
	margin: 0px 0px 10px 0px;
	background-color: #fff;
}

#note textarea {
	width: 474px;
	height: 100px;	
	border: 1px solid #c1c0c0;
	font-size: 14px;
	color: #444444;
	text-align: left;
	margin-bottom: 10px;	
	background-color: #fff;
}

#note a.bouton {
	font-family: Arial Black;
	font-size: 14px;
	text-align: center;
	text-decoration: none;	
	color: #ec543b;
	vertical-align: middle;
	border: 1px solid #c1c0c0;
	background-color: #fbe501;
	padding: 5px 10px 5px 10px;
	margin: 0px 20px 0px 20px;	
	Opacity: 0.8;
}
#note a.bouton:hover {
	Opacity: 1;
}

#note .centre {
	position: relative;
	margin: 10px 0px 10px 0px;
	text-align: center;
	clear: both;
}

#note .piedepage {
	text-align: left;
	padding: 0;
    	margin: 0;
	clear: both;
}
*/