div.content_vid {
  width : 980px;
  margin :auto;
  overflow : hidden;
  margin-top : 10px;
  margin-bottom : 10px;
  -moz-box-shadow: 0px 0px 5px #282828;  
  -webkit-box-shadow: 0px 0px 5px #282828;  
  box-shadow: 0px 0px 5px #282828;
}

section.video_content {
 width : 980px;
 min-height : 551px;
 float : left;
 background : #000000;
 position : relative;
 overflow : hidden;

}  

section.videofull {
 width : 100%;
 height : 100%;
 position : absolute;
 background : #000000;
 top : 0px;
 left : 0px;
 overflow : hidden;
 z-index : 10;

}




/*
#fullscreen_mess {
 position : absolute;
 width : 900px;
 height :40px;
 padding-top : 10px;
 border : 1px solid #3f3b3b; 
 -moz-border-radius: 10em 10em 10em 10em; 
 border-radius: 10em 10em 10em 10em;
 background : rgba(29,29,29,0.6);
 white-space : nowrap;
 left : 50%;
 margin-left : -450px;
 top : 300px;
 z-index : 3;
 font-size : 30px;
 text-align : center;
 color : #ffffff;
 opacity : 0;
}

#mode_video_format {
 position : absolute;
 width : 405px;
 height :24px;
 overflow : hidden;
 z-index : 0;
 top : 10px;
 right : 202px;
}
*/

/*
#mod_choose_cont {
 float : left;
 width : 405px;
 height :18px;
 white-space : nowrap;
 
 z-index : 4;
 font-size : 12px;
 text-align : center;
 color : #ffffff;
 opacity : 0;
 font-weight : bold;

}
*/

/*
#mod_choose_cont div {

 height : 18px;
 width : 60px;
 -moz-border-radius: 4px 4px 4px 4px; 
 border-radius: 4px 4px 4px 4px;  
 border : 1px solid #3f3b3b; 

 background : rgba(29,29,29,0.6);

 color : #ffffff;
 padding-top : 4px;

 overflow : hidden;
 float : left;
 margin-left : 5px;
}
*/

/*

*/




#video_content  .information {
    position : absolute;
	left : 20px;
	top : 10px;
	z-index : 3;
	border-radius: 2px 2px 2px 2px;
	background : rgba(29,29,29,0.6);

}

#video_content .information h1 {
	z-index : 3;
	padding :  0px 20px 0px 20px;
	margin : 0px 0px 0px 0px;
	overflow:hidden;
	color : #ffffff;
	font-size : 20px;

}

#video_content .information h1 span {
	color : #979797;
}


#video_content .control_player {
 z-index : 3;
 height : 20px;
 position : absolute;
 left : 50%;
 bottom : 10px;
 margin-left : -480px;
 width : 965px;

}

#video_content .mode_lecture {
 position : relative;
 float : left;
 width : 25px;
 height : 15px;
 border-radius: 5px 5px 5px 5px;
 overflow:hidden;
 cursor: pointer;
 background : rgba(29,29,29,0.7) url("/player_img/play.png") no-repeat center center;
}

#video_content .mode_pause {
 background : rgba(29,29,29,0.7) url("/player_img/pause.png") no-repeat center center;
}


/* Debut Block Avancenemt */
#video_content .avancement {
 position : relative;
 float : left;
 margin-left : 10px;
 padding-left: 5px; 
 width : 820px;
 height : 15px;
 overflow:hidden;
 border-radius: 5px 5px 5px 5px;
 background : rgba(29,29,29,0.7);
}


#video_content .total_avc {
  position : relative;
  float : left;
  margin-top : 4px;
  border-radius: 10em 2em 10em 2em;
  height : 5px;
  width : 745px;
  border : 1px #ffffff solid;
  background : #525252;
  overflow : hidden;
}

#video_content .total_down {
  position : absolute;
  float : left;
  border-radius: 10em 2em 10em 2em;
  height : 5px;
  width : 0px;
  background : #8cc990;
  cursor: pointer;
}

#video_content .position {
  position : absolute;
  border-radius: 10em 2em 10em 2em;
  height : 5px;
  width : 0px;
  border-right : 2px #ffffff solid;
  background : #f8ad4b;
  float : left;
}

#video_content .time {
  position : relative;
  float :left;
  margin-top : 1px;
  margin-left : 5px;
  font-size : 12px;
  color : #ffffff;
  overflow : hidden;
  height : 15px;
  width : 65px;
  font-weight : bold;
}


/* Fin block avancement */
#mode_video_format {
 position : absolute;
 left : 50%;
 top : 50%;
 z-index : 3;
 width : 600px;
 height : 80px;
 margin-left : -300px;
 margin-top : -40px;
/* background : rgba(29,29,29,0.6); */
 opacity : 0;
}

#block_album {
 position : absolute;
 left : 50%;
 top : 50%;
 z-index : 3;
 width : 400px;
 height : 80px;
 margin-left : -300px;
 margin-top : -40px;
/* background : rgba(29,29,29,0.6); */
 opacity : 0;
}

#block_album div {
 float : left;
 margin-left : 2px;
 margin-right : 2px;
 text-align: center;
 height : 80px;
 width : 92px;
 border-radius: 10px 10px 10px 10px;
 font-size: 16px;
 font-weight: 200;
}

#mod_choose_cont div {
 float : left;
 margin-left : 2px;
 margin-right : 2px;
 text-align: center;
 height : 80px;
 width : 92px;
 border-radius: 10px 10px 10px 10px;
 font-size: 16px;
 font-weight: 200;
}

#mod_choose_cont div span.big {
 display: block;
 font-size: 58px;
 width : 95px;
 height : 60px;
 overflow: hidden;
 font-weight: 400;
 
 font-style: italic; 
}

#mod_choose_cont div span.little {
 display: block;
 font-size: 10px;
 width : 95px;
 height : 12px;
 font-weight: 100;
 font-style: italic; 
}

#mod_choose_cont .mod_choose {
 color : #ffffff;
 border: 1px solid #282828;
 background : rgba(29,29,29,0.6);
 cursor: pointer;
}

#mod_choose_cont .mod_choose span.big {
 color : #979797;
}

#mod_choose_cont .mod_choose span.little {
 color : #F62800;
}



#mod_choose_cont .mod_choose:hover {
  background-color : rgba(255,96,0,0.6);
}

#mod_choose_cont .mod_nochoose {
 opacity : 0.3;
 background : rgba(255,255,255,0.6);
 cursor: default;
}


#video_content .mode_video {
 position : relative;
 float : left;
 height : 15px;
 width : 50px;
 border-radius: 5px 5px 5px 5px;
 background : rgba(29,29,29,0.6);
 font-size : 12px;
 color : #ffffff;
 padding-right : 5px;
 padding-left : 5px;
 padding-top : 1px;
 margin-left: 5px;
 text-align : center;
 font-weight : bold;
 cursor: pointer;
}

#video_content .full_ecran {
 position : relative;
 float : left;
 width : 25px;
 height : 15px;
 margin-left : 5px;
 border-radius: 5px 5px 5px 5px;
 overflow:hidden;
 cursor: pointer;
 background : rgba(29,29,29,0.6) url("/player_img/full.png") no-repeat center center;
}

#video_content .video_album {
 z-index : 3;
 position : absolute;
 margin : 0px 0px 0px 0px;
 top : 10px;
 right : 20px;
 width : 112px;
 height : 122px;
 color : #ffffff;
 border : 1px solid #3f3b3b; 
 background : rgba(29,29,29,0.6);
 -moz-border-radius: 4px 4px 4px 4px; 
 border-radius: 4px 4px 4px 4px;
 cursor: pointer;
 
 overflow: hidden;
}

#video_content .video_album img {
 z-index : 3;
 float : left; 
 width : 100px;
 height : 100px;
 color : #ffffff;
 margin-left : 5px;
 margin-top : 5px;
 border : 1px solid #ffffff; 
 -moz-border-radius: 4px 4px 4px 4px; 
 border-radius: 4px 4px 4px 4px;

}

#video_content .video_album figcaption {
  font-size : 12px;
 color : #ffffff;
  text-align : center;
 font-weight : bold;
  float : left;
  overflow : hidden;
   width : 110px;
   height : 15px;
   margin-top : 3px;
   padding : 0 0;
   margin : 0 0;
   display: block;
}



#video_content .partage_social {
 z-index : 3;
 position : absolute;
 top : 250px;
  
 right : 20px;
 width : 180px;
 padding-top : 4px;
 color : #ffffff;
 border : 1px solid #3f3b3b; 
 background : rgba(29,29,29,0.6);
 -moz-border-radius: 4px 4px 4px 4px; 
 border-radius: 4px 4px 4px 4px;  /* topleft - topright - bottomleft bottomright */
 font-weight : bold;
 font-size : 12px;
}

#video_content .partage_social div {
 float : left;
 margin-left : 5px;
}
 
#video_content .partage_social .like_fb {
 height : 20px;
 width : 60px;
 -moz-border-radius: 4px 4px 4px 4px; 
 border-radius: 4px 4px 4px 4px;
 overflow : hidden;
}

#video_content .full_ecran:hover,#video_content .mode_video:hover,#video_content .mode_lecture:hover  {
 background-color : rgba(255,96,0,0.6);
 /* rgba(15,145,80,0.6); */
}


#video_content video {
 z-index : 1;
 width : 100%;
 height : 100%;
 position : absolute;
 top : 0px;
 left : 0px;
}

#video_content .clipmeta {
 z-index : 4;
 width : 1920px;
 height : 100px;
 position : absolute;
 bottom : 45px;
 left : 40px;
 opacity : 0.8;
 overflow : hidden; 
}

#video_content .clipmeta img {
	height: 80px;
	width: 120px;
	-moz-border-radius: 1em 4em 1em 4em;
	border-radius: 1em 4em 1em 4em;
	float : left;
	position : relative;

}

#video_content .clipmeta span {
	float : left;
	width: 1710px;
	color : #ffffff;
	
	 position : relative;
	 display: block;
	 margin-left : 10px;
}

#video_content .clipmeta span.playlist_titre {
	font-size: 50px;
	text-shadow: #282828 0px 0px 15px; 
		white-space: nowrap;
}

#video_content .clipmeta span.playlist_artiste {
	font-size: 20px;
	text-shadow: #282828 0px 0px 5px; 
	color : #ff6000;
	white-space: nowrap;
}

#video_content .pub728 {
 z-index : 4;
 width : 728px;
 height : 100px;
 position : absolute;
 bottom : 50px;
 left : 50%;
 margin-left : -340px;
 opacity : 0.7;
 overflow : hidden; 
}



#video_content .pub728 header {
 width : 718px;
 background : rgba(0, 0, 0, 0.7);
 position : relative;
 margin : auto;
 font-size : 12px;
 color : #ffffff;
 padding-left : 10px;
 overflow : hidden;
 height : 15px;
 display : block;
}

#video_content .pub728 #close {
 float : right;
 margin-right : 5px;
 color : #ffffff;
 height : 15px;
 margin : 0 0;
 padding-right : 10px;
 text-align : right;
 width : 100px;
 cursor: pointer;
}

#video_content .pub728 section {
 width : 728px;
 height : 90px;
 position : relative;
 margin : 0 0;
 padding : 0 0;
 overflow : hidden;
 margin : auto;
 background : rgba(0, 0, 0, 0.7);
}