/* HARD RESET */
/** {margin: 0; padding: 0;}
ul {list-style: none;}*/

/* -----  nav-slide ----- */
.btn-qm { width : 41px; height: 41px;  }
a.btn-qm { display: block; position: absolute; }

.slide-precedent { top: 50% ; left: -35px; background: url(../img/nav-controls/precedent.png) no-repeat center center #77b6d7;}
.slide-suivant 	 { top: 50%; right: -35px ; background: url(../img/nav-controls/suivant.png) no-repeat center center #77b6d7;}
#fermer_projet 	 { top: 30px; right: -35px; background: url(../img/nav-controls/fermeture.png) no-repeat center center #77b6d7;}
/* -----  VIDEO ----- */

ul.projets li { }
.ap-video-screen {position: absolute; top: 204px; left: 120px; width: 670px; height: 425px; background: #000; }
.projet-video {width: 915px; height: 800px; background: url(../img/bg-projet-video-2.jpg) no-repeat; position: relative;}
.macbook-1 { position: absolute; top: 190px; left: 16px; z-index: 10; }
.macbook-2 {position: absolute; top: 184px; left: 20px; z-index: 10;}
.video-screen { position: absolute; top: 226px; left: 156px; width: 600px; height: 314px; background-color: pink; z-index: 5;}
.video-controls-container {
	padding: 20px;
	background-color:#000;
	background-color: rgba(0, 0, 0, 0.4);
	position: relative;
	top: 700px;
	width: 600px;
	margin: 0 auto;
}
.video-controls {
	/*background-color: #E67E22; */
	height: 41px; width: 600px;
	position: relative;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

	.bar-container {
		height: 3px;
		background-color: #000; background-color: rgba(0, 0, 0, 0.4);
		padding: 4px;
		width: 370px;
		position: absolute;
		top: 14px;
		left: 53px;
	}
		.bar-holder {  position: relative; height: 100%; width: 100%;}
			.bar {position: absolute; top: 0; left: 0; display: block; height: 3px;}
			.play-progress{  background-color: #77b6d7;}
			.load-progress { background-color: #fff;  }

	.play-control,
	.pause-control,
	.mute-control,
	.unmute-control { position: absolute; display: block; width: 41px; height: 41px; cursor: pointer; }

	.play-control   { top : 0 ; left : 0 ; background: url(../img/media-controls/play.png) #77b6d7 no-repeat 18px 13px; }
	.pause-control  { top : 0 ; left : 0 ; background: url(../img/media-controls/pause.png) #77b6d7 no-repeat 15px 14px;}
	.mute-control   { top : 13px ; right : 36px; width : 9px; height : 15px ; background: url(../img/media-controls/mute.png) no-repeat; }
	.unmute-control { top : 13px ; right : 36px; width : 9px; height : 15px ; background: url(../img/media-controls/unmute.png) no-repeat;}

	.time-display {
		width: 90px;
		position: absolute;
		right: 80px;
		top: 13px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
		color: #fff;
		text-align: right;
	}
		.current-time { font-weight:}
		.total-time { color: rgba(255, 255, 255, 0.5);}

	.volume-control { position: absolute; display: block; width: 25px; height: 15px; right: 0; top: 13px;}
		.volume-slice { width: 3px; height: 15px; margin-left: 2px; background-color: #fff; display: block; float: left; cursor: pointer; }