.audiojsZ{
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.audiojsZ audio { position: absolute; left: -1px; }
.audiojsZ { height: 36px; background: #363636; overflow: hidden; font-family: monospace; font-size: 12px;
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
.audiojsZ .play-pauseZ { margin-left : 0px; float: left; overflow: hidden;}
.audiojsZ p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.audiojsZ .playZ { display: block; }
.audiojsZ .scrubberZ { position: relative; float: left; width: 280px; background: #788785; height: 14px; margin: 10px; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.audiojsZ .progressZ { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #FEFEFE; z-index: 1; }
.audiojsZ .loadedZ { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #536865; }
.audiojsZ .timeZ { margin-top : -30px !important;margin-left : 97px !important; position: absolute; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid black; color: white; text-shadow: 1px 1px 0px rgba(125, 0, 0, 0.5); font-weight:bold; }
.audiojsZ .timeZ em { padding: 0px 2px 0px 0px; color: white; font-style: normal; }
.audiojsZ .timeZ strong { padding: 0px 0px 0px 2px; font-weight: normal; color: white;}
.audiojsZ .error-messageZ { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;
text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojsZ .error-messageZ a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }

.play-pauseZ input{
background: #363636;
color : white;
border : 1px solid white;
margin-left: 0px;
margin-top: 4px;
}

/*.audiojsZ .playZ { background: url('/audiojs/audiojs/player-graphics.gif') -2px -1px no-repeat; }
.audiojsZ .loadingZ { background: url('/audiojs/audiojs/player-graphics.gif') -2px -31px no-repeat; }
.audiojsZ .errorZ { background: url('/audiojs/audiojs/player-graphics.gif') -2px -61px no-repeat; }
.audiojsZ .pauseZ { background: url('/audiojs/audiojs/player-graphics.gif') -2px -91px no-repeat; }*/

.playingZ .playZ, .playingZ .loadingZ, .playingZ .errorZ { display: none; }
.playingZ .pauseZ { display: block; }

.loadingZ .playZ, .loadingZ .pauseZ, .loadingZ .errorZ { display: none; }
.loadingZ .loadingZ { display: block; }

.errorZ .timeZ, .errorZ .playZ, .errorZ .pauseZ, .errorZ .scrubberZ, .errorZ .loadingZ { display: none; }
.errorZ .errorZ { display: block; }
.errorZ .play-pauseZ p { cursor: auto; }
.errorZ .error-messageZ { display: block; }

/*debut de l'adaptation responsive*/
@media (min-width: 768px) and (max-width: 979px) {
	/*cas d'une tablet*/
	div.span3.play-pauseZ{
		width: 60px;
	}

	div.audiojsZ div.timeZ{
		padding-left: 4px !important;
	}
}

@media (max-width: 767px) {
	/*cas d'un telephone*/
	div.audiojsZ div.timeZ{
		margin-left: 46px !important;
	}
	
}

@media (max-width: 1024px) {
	/*cas d'un ipad Paysage*/
	div.span3.play-pauseZ{
		width: 60px;
	}
}

.audiojsZ, .audiojsZ *{
	font-size: 14px;
}