html, body {
            overflow: hidden;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
			background-color:#FAFAFA;
        }


#renderCanvas {
    position:absolute;
	width: 100%;
	height: 100%;
    top: 0;
	touch-action: none;
}

/*LOADER*/
#preloader {
	width   : 100%;
	height  : 100%;
	top : 0px;
	left : 0px;
	background-color: rgba(240,240,240, 1);
	position : fixed;
	z-index: 9999;
	cursor : wait;
    /*-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	transition: opacity: 1s ease-in-out;*/

}

.section {
  position: fixed;
  z-index: 999;
  height: 10em;
  width: 20em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}



#barreFond {
    width:200px;
    height: 10px;
    background-color: gray;
    border-radius: 5%;
    margin: auto;
}

#barre {
    width:0%;
    height: 10px;
    background-color: brown;
    border-radius: 5%;
}

.logo{
    max-width: 100%;
    margin-bottom: 20px;
}

/*MENU*/
.menu {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    z-index: 9;
}

.btn{
    width: 60px;
}

.btn:hover{
    cursor: pointer;
}