.media{
	position:relative;
}

.media audio{
	position:absolute;
	width:100%;
	height:100%;
	bottom:0;
	margin:0 auto;
}

.media_wrapper{
	margin:0 auto;
	position:relative;
	background-color:#000;
	text-align:left;
	overflow:hidden;
	font-family: Helvetica,Arial,sans-serif;
	text-shadow:#000 1px 1px 1px;
	font-weight:bold;
	color:#d5d5d5;
}

.media_wrapper_full{
	position:fixed;
	width:100%;
	height:100%;
	background:rgb(0,0,0);
	background:rgba(0,0,0,.9);
	top:0;
	left:0;
	z-index:11000;
	text-align:center;
}
.media_wrapper .html5_cover, .media_wrapper .flowplayer{
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
}
.media_wrapper .flowplayer{
	background-color:transparent;
}
.media_wrapper .html5_cover img{
	width:100%;
	height:100%;
}

.media_wrapper .flowplayer,
.media_wrapper video{
	cursor:pointer;
}

.media_wrapper .messages{
	position:absolute;
	max-width:45%;
	height:auto;
	top:10px;
	right:10px;
	padding:5px;
	font-size:1.2em;
	background: rgb(23, 35, 34);
	background: rgba(23, 35, 34, 0.75);
	-webkit-user-select:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.media_wrapper .controls{
	padding:8px 0 10px 0;
	position: absolute;
	text-align: center;
	bottom:0;
	width: 100%;
	left:0;
	opacity:0;
	-webkit-user-select:none;
	-webkit-transition:.5s opacity ease-out;
	-moz-transition:.5s opacity ease-out;
	-o-transition:.5s opacity ease-out;
	margin:0 auto;
}

.media_wrapper .buttons_left{
	float:left;
	background: rgb(23, 35, 34);
	background: rgba(23, 35, 34, 0.75);
	cursor: pointer;
	display:block;
	margin:-8px 5px 0 5px;
	opacity:1;
	z-index:3;
	-webkit-transition:.5s background-color;
	-moz-transition:.5s background-color;
	-o-transition:.5s background-color;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}

.media_wrapper .buttons_left:hover{
	background-color: rgb(128, 206, 254);
}

.media_wrapper .buttons_right{
	background: rgb(23, 35, 34);
	background: rgba(23, 35, 34, 0.75);
	margin:0 5px;
	padding:3px 5px;
	float:right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	display:block;
}

.ie .buttons_right{
	width:55px;
}

.media_wrapper span.play_pause_button{
	background:transparent url(images/player/button_play_pause.png) no-repeat;
	height: 40px;
	width: 65px;
	display:block;
}

.media_wrapper:hover .controls.small,
.media_wrapper div:hover .controls.small,
.media_wrapper .controls.small:hover,
.media_wrapper.paused .controls,
.media_wrapper.buffering .controls,
.media_wrapper.loading .controls,
.media_wrapper.seeking .controls{
	opacity:1;
}

.loading .controls.small .play_pause_button{
	background:url(images/player/button_loading.gif) 50% 50% no-repeat;
}

.media_wrapper span.volume_button{
	cursor:pointer;
	display:block;
	height:25px;
	margin:0px 0 0 5px;
	width:24px;
	background:url(images/player/button_volume_all.png) 0 -100px no-repeat;
	float:right;
}

.media_wrapper span.volume_button.volume_button_66{
	background-position:0 -75px;
}

.media_wrapper span.volume_button.volume_button_33{
	background-position:0 -50px;
}

.media_wrapper span.volume_button.volume_button_0{
	background-position:0 -25px;
}

.media_wrapper span.volume_button.muted{
	background-position:0 0;
}

.media_wrapper .controls .play_pause_button.pause{
	background-position:0 -42px;
}

.media_wrapper .controls .progress_bar{
	padding:10px 5px;
	height:12px;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:rgb(23,35,34);
	background:rgba(23,35,34,0.75);
}

.loading .controls .progress_bar{
	filter: alpha(opacity=0);
	opacity:0;
}

.loading .controls .progress_bar *{
	filter: alpha(opacity=0);
}
.media_wrapper .controls em.elapsed_time,
.media_wrapper .controls em.remaining_time{
	float:left;
	width:auto;
	padding:0 5px;
	font-style:normal;
	font-size:10px;
	text-align:center;
}

.media_wrapper .controls em.remaining_time{
	cursor:pointer;
}

.media_wrapper .controls .progress_back{
	float:left;
	height:8px;
	border:1px solid rgb(137,143,143);
	text-align:left;
	cursor:pointer;
	padding:1px;
	position:relative;
}

.media_wrapper_full .controls{
	opacity:0;
}

.media_wrapper_full.hover .controls, 
.media_wrapper_full.paused .controls,
.media_wrapper_full .controls:hover{
	opacity:1;
}

.media_wrapper_full .controls .progress_back{
}

.media_wrapper .controls .progress_back .progress_loading_wrapper{
	margin:1px;
	height:8px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.media_wrapper.loading .controls .progress_back .progress_loading_wrapper,
.media_wrapper.seeking .controls .progress_back .progress_loading_wrapper{
	display:block;
}

.media_wrapper .controls .progress_back .progress_loading_wrapper .progress_loading_stripes{
	width:100%;
	height:8px;
	position:relative;
	/*background: url(images/bar_loading.png) repeat-x scroll 0 0 transparent;*/
	background: url(images/player/bar_loading.gif) repeat-x scroll 0 0 transparent;
}
.media_wrapper .controls .progress_back .progress_buffered{
	width:0;
	height:8px;
	background-color:#666;
	cursor:pointer;
}

.media_wrapper_full .controls .progress_back .progress_buffered{
	margin:0;
	position:inherit;
}
.media_wrapper .controls .progress_back .progress_elapsed_time{
	height:8px;
	margin-top:-8px;
	width:0%;
	cursor:pointer;
	background-color: rgb(128, 206, 254);
	cursor:pointer;
}
.media_wrapper_full .controls .progress_back .progress_elapsed_time{
	margin-top:-8px;
	z-index:100000;
	position:inherit;

}
.media_wrapper .controls .progress_back span.progress_indicator{
	display:none;
}

.media_wrapper .controls span.fullwindow_button{
	background:transparent url(images/player/button_fullscreen_complet.png) no-repeat;
	width:14px;
	height:14px;
	float:right;
	margin:5px 5px 0 5px;
	cursor:pointer;
}


.controls span.loop_button{
	background:transparent url(images/player/bouton_loop.png) no-repeat;
	width:18px;
	height:14px;
	float:right;
	margin:5px 5px 0 5px;
	cursor:pointer;
}

.loop .controls span.loop_button{
	background-image:url(images/player/bouton_loop_on.png);
}
.media_wrapper_full .controls span.fullwindow_button{
	background-position:0 -14px;
}

.controls span.loop_button{
	background:transparent url(images/player/bouton_loop.png) no-repeat;
	width:18px;
	height:14px;
	float:right;
	margin:5px 5px 0 5px;
	cursor:pointer;
}

.loop .controls span.loop_button{
	background-image:url(images/player/bouton_loop_on.png);
}

.media_wrapper > audio{
	width:100%;
	height:100%;
}

.media_wrapper .ui-corner-all{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

.progress_back .ui-widget-header{
	background:none;
}

.media_wrapper .ui-widget-content{
	background:transparent;
	border:none;
	margin:0;
}
.media_wrapper .ui-slider {}
.media_wrapper .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0;}

.media_wrapper_full .controls .progress_back.ui-slider-horizontal { position:relative; }
.media_wrapper .progress_back.ui-slider-horizontal { height: 8px; }

.media_wrapper .volume_slider_container.horizontal{
	height: 21px;
	padding : 2px 0 0 0;
	float:right;
}

.media_wrapper .volume_slider_container.vertical{
	width: 21px;
	padding : 5px 2px 0 2px;
	position:absolute;
	right:10px;
	bottom:42px;
	background-color:rgba(23, 35, 34, 0.75);
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}

.media_wrapper .vertical .ui-slider-vertical,.media_wrapper .volume_slider.ui-slider-horizontal{
	cursor:pointer;
	position:relative;
	display:block;
}

.media_wrapper .vertical .ui-slider-vertical {
	width: 15px;
	margin:0 3px;
	height: 80px;
	background:transparent url(images/player/back_slider_volume_vertical_empty.png) repeat-y;
}

.media_wrapper .volume_slider.ui-slider-horizontal {
	height: 15px;
	margin:3px 0px;
	width: 80px;
	background:transparent url(images/player/back_slider_volume_empty.png) repeat-x;
}

.media_wrapper .volume_slider_container .ui-slider-vertical .ui-slider-range{
	width:100%;
	bottom:0;
	background:transparent url(images/player/back_slider_volume_vertical_full.png) repeat-y;
}

.media_wrapper .volume_slider_container .ui-slider-horizontal .ui-slider-range{
	height:100%;
	background:transparent url(images/player/back_slider_volume_full.png) repeat-x;
}

.media_wrapper .ui-slider-vertical .ui-slider-handle,
.media_wrapper .ui-slider-horizontal .ui-slider-handle,
.media_wrapper .volume_slider_container.vertical {
	display:none;
}

.media_wrapper .controls:hover .volume_slider_container.vertical{
	display:inherit;
}

.media_wrapper.error .controls{
	opacity:1;
}

.media_wrapper.error .progress_bar,
.media_wrapper.error .buttons_right{
	display:none;
}

.media_wrapper.error .play_pause_button{
	cursor:wait;	
}