HTML{
	margin:0px;
	width:100%;
	height:100%;
    overflow: clip;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
	scrollbar-width: none;
    }
    body::-webkit-scrollbar {
        display:none;
    }
	input{
	  display: none;
	  }
	label{
	  font-size:18px;
	  background: #000;
	  color:#fff;
	  cursor:pointer;
	  text-align: center;
	  border: solid 2px #aaaaaa;
	  display:inline-block;
	  line-height:44px;
	}
	button{
	  font-size:18px;
	  width:70px;
	  height:30px;
	  background: rgba(0,0,0,0.6);
	  border-color:#888888 #888888 #888888 #888888;
	  color:#aaaaaa;
	  margin-top:0px;
	  margin-bottom:0px;
	}
	button:active{
	  background-color:#444444;
	  color:#00ffff;
	}
	#filename{
	  display:inline-block;
	  font-size:18px;
	  height:20px;
	  width:150px;
	  background: rgba(0,0,0,0.6);
	  color:#aaaaaa;
		padding: 5px 5px;
	  margin-top:0px;
	  margin-left:1px;
	}
	#progtime{
	  display:inline-block;
	  font-size:18px;
	  height:26px;
	  width:180px;
	  background: rgba(0,0,0,0.6);
	  color:#aaaaaa;
	  margin-top:0px;
	}
	#volumelevel{
	  display:inline-block;
	  font-size:18px;
	  height:26px;
	  width:150px;
	  background: rgba(0,0,0,0.6);
	  color:#aaaaaa;
	  margin-top:0px;
	margin-left:60px;
	}
	#dropmenu {
	  list-style-type: none;
	  width: 800px;
	  height: 4px;
	  margin-top:0px;
	  background: #000000;
	}
	#dropmenu li {
	  position: relative;
	  float: left;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	}
	#dropmenu li ul {
	  position: absolute;
	  top: 100%;
	  left: -50%;
	  list-style: none;
	  margin: 0;
	  z-index: 2;
	  border-radius: 0 0 3px 3px;
	}
	#dropmenu li ul li{
	  overflow: hidden;
	  width: 100%;
	  height: 0px;
	  -moz-transition: .2s;
	  -webkit-transition: .2s;
	  -o-transition: .2s;
	  -ms-transition: .2s;
	  transition: .2s;
	}
	#dropmenu li:hover ul li{
	  overflow: visible;
	  height: 100%;
	}
	#progress-wrap {
	    width: 100%;
	    height: 1rem;
	}
	 
	#progress-out {
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.2);
	    border-radius: 3px;
	    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	    transform: scaleY(0.5);
	    transition: 0.3s;
	}
	 
	#progress-out:hover {
	    transform: scaleY(1.0);
	    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	    cursor: pointer;
	}
	 
	#progress-in {
	    margin: 0 auto 0 0;
	    width: 100%;
	    height: 100%;
	    background-color: #3F51B5;
	    border-radius: 3px;
	    transform-origin: top left;
	    transition: 0.1s;
	}
	 
	#controller-box {
	    text-align: center;
	}
#laDescription {
  background: #000000 ;
  color: #FFFFFF; font-size:18pt;
}

#zoneDescription { 
  z-index:5;
  position: absolute; 
  top: 80%; height: 105px;
  left: 0%;  width: 100%;
  background-color: transparent;
}
#zoneDescription div {visibility: hidden;}
#zoneDescription:hover div { visibility: visible;}
#flecheGauche { 
  z-index:5;
  position: absolute; 
  top: 20%; height: 60%;
  left: 1%;  width: 10%;
  background-color: transparent;
}
#flecheGauche div {visibility: hidden;}
#flecheGauche:hover div { visibility: visible;}
#flecheDroite {
  z-index:5;
  position: absolute;
  top: 20%; height: 60%;
  left: 89%;  width: 10%;
  background-color: transparent;
}
#flecheDroite div {visibility: hidden;}
#flecheDroite:hover div {visibility: visible;}