body{margin:0;padding:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;}

#about img {
    width: 80%;
    border-radius: 12px;
  }
#presentation {
  position: absolute;
  z-index: 801;
  top:130px;
}
#presentation img {
  width: 20%;
}
#presentation .logo-artiste {
  width: 10%;
}
#presentation p {
  font-size: 34px;
  line-height: 10px;
}

#presentation a {
  text-decoration: none;
  color: #ff7643;
}

#pleasewait {
	position:absolute;
    top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:800;
	background:#fff;
	background-image:url(https://hubertgpeintre.fr/wp-content/uploads/2021/03/background-scaled.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	
}
#pleasewait {
    -webkit-animation: AnimateBackground 10s ease infinite;
    -moz-animation: AnimateBackground 10s ease infinite;
    animation: AnimateBackground 10s ease infinite;
}

@-webkit-keyframes AnimateBackground {
    0%{background-position:0% 47%}
    50%{background-position:100% 54%}
    100%{background-position:0% 47%}
}
@-moz-keyframes AnimateBackground {
    0%{background-position:0% 47%}
    50%{background-position:100% 54%}
    100%{background-position:0% 47%}
}
@keyframes AnimateBackground {
    0%{background-position:0% 47%}
    50%{background-position:100% 54%}
    100%{background-position:0% 47%}
}
#pleasewait table{width:100%;height:80%;}
#pleasewait table td{font-family:Arial;font-size:20px;}
#pleasewait img{width:70%;}
#pleasewaitcontainer{position:absolute;bottom:0;width:100%;height:100px;}
#buttonenter{position:absolute;bottom:0;width:100%;height:100px;z-index:801;display:none;margin-bottom: 4em;}
#buttonenter div {
    border-radius: 40px;
    padding: 15px 25px;
    font-size: 22px;
    text-decoration: none;
    margin: 20px;
    color: #fff;
    display: inline-block;
    font-family: Arial;
    text-shadow: 0 0 1px #000000,0 0 5px #000000;
    transform: translate(0px, 5px);
    background-color: #4baef3;
    box-shadow: 0px 2px 7px #333;
    cursor: pointer;
}
#content{width:100%;height:100%;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;overflow:hidden;text-align:center;}
#container{position:absolute;width:100%;height:100%;background-color:#303030;overflow:hidden;}

#controls{position:absolute;left:10px;top:10px;padding:10px;background:rgba(0,0,0,0.6);border-radius:15px;z-index:700;font-family:Arial;font-size:13px;color:white;}
#controls_minus{float:left;width:32px;height:32px;margin-left:5px;margin-right:10px;background-repeat:no-repeat;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+IHGxEBCkZKDb8AAAGMSURBVFjD7Ze9SsRAEMd/EwJ+1iJ2ZyMidiJa3nG9xRWCj2Aj+PEIgi9gZangE1hZ2giClZ29+ACCnhZ/mz2UXHKZJHuCcAOBZMnu/zeTyewsTGxMJglJpe/ZuMSHhCxfKqkpsCWpPY6IeBba14+tlAnmXbHEJanr9bwxQI74EECR0CiIxCsOnNf9E/IScACRxBQvyvQiiFKAOp4HoXkPoCRSSUkQ2c6BW68Q7g7QAi7N7C2bbIVRkLSh+tYNa8xJeg9jT5IWwvhSNvGyyZgA0xGK3ydwG+7XgOsQ8peyKCQxSq+ZfQE7wGkY6kja9MyNAhAgBJwBg4//twCDKFddOxqAJAMOfu2wD555aUTvr4C9cH8H3Hsj0I/g/RTQC4/PwK6ZSdJithBl60MKPAb6vELUciZgX1IPWAYuzOwjCL029ezEU4hy5s14d0YPxHEVgFFNSO2+QNKRB6CKeOXGpACicUNSFeLQ+wk8UYkBsdq0KbWaEG1g1sxuvOeCoqbkfx5MauyUk7NqoX0D1a6Lyd14PWQAAAAASUVORK5CYII=");}
#controls_plus{float:left;width:32px;height:32px;margin-right:5px;background-repeat:no-repeat;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+IHGxA4BK60xzUAAAKASURBVFjD7Zc7aFRREIb/c7PRlfhAIVHjC0VQkUAKjQYLybqVIhZa2ViksxETLaysBNFKLZQEBSWgoCBqYYyghaABRSTaGCG+0Do+wDUx+Wzm4nDdbDa7N9pkYJnZf+bcmXPPPM6VZmiaCNgGbPlfzpv4Q31Ac9oOtgJtJfRLgPcuiBGgEwhpOD/oHryuhF0dcAz44ewvAFFazgHyZaxZC7x2a86l5fyvAIAM8AAYAHIOrweeuXX703BeLICVCX0PkDXdfGDI8C9AQ7XOix4BsA/45GyuAzWm2+HwrmqdT5gDwFzgtrM77XSXDRsFGgREwHngReI3wOSUdw/OAe3ALPtfC/Sa3S9glSvhmDoEbKJyyruSi8vtVXy+QCPw1fAzhgXgjWG9kaRsCr1pRNJ9kzdKuipJIYTPkq4ZfgAIIQQk3TWsJUqjM4YQRiXtkXTCoBzQYvIt4wskNZr8zvjCKK32bDs7KYl4d8aHnNl64x9iIEp7Djk5KoLVGB9PPQAbNIckxQPnqfHVzmzQ+LIYyKS4+x5JcYt9JKnf5N3GC5I+mrzc+LCAzSmU4WygYNggsNSN5WHf+awM4x5zLyPpuUXfmthRlHh9pRLwJ7BX0hpJ3SGEgrXfbsv+cUmnzLxZUpPJfZOd69EKW/Ec4IazO+t0Xa4VLy4nuY5McRjtBN46mztAxnTbHX5pKhneWeY4XpHQ3wTqTDfPjePvcZ5UG0QygFrgifX6XQ5fBPS7de2V1npHGUcQ/OXT3spLt+ZiVZfTRBAbSthlgcPAN2d/Jc6Hartem3/FRfT1buQCjAHH45vRv/gwaXbOHwOtE/aQaQogSMpLGpP00CblDBWl3zD3hBVJlgzgAAAAAElFTkSuQmCC");}
#info{position:absolute;left:0px;right:0px;bottom:0px;width:100%;margin:0 auto;display:none;}
#infotext{margin:10px;padding:10px;background:rgba(0,0,0,0.6);border-radius:15px;z-index:701;font-family:Arial;font-size:16px;color:white;}
#about{position:absolute;right:10px;top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;width: 5%;border-radius:15px;z-index:702;font-family:Arial;font-size:16px;line-height:32px;color:white;}
.lds-spinner{color:black;display:inline-block;position:relative;width:64px;height:64px;}
.lds-spinner div{transform-origin:32px 32px;animation:lds-spinner 1.2s linear infinite;}
.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:#000000;}
.lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s;}
.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s;}
.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s;}
.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s;}
.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s;}
.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s;}
.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s;}
.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s;}
.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s;}
.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s;}
.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s;}
.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s;}
@keyframes lds-spinner{0%{opacity:1;}100%{opacity:0;}}




@media screen and (max-width: 900px) {
	
	#presentation {
	  top: 15px;
	}
	#presentation p {
	  font-size: 25px;
	}
	#buttonenter {
	  height: 75px;
	  margin-bottom: 0em;
	}

	#buttonenter div {
	  padding: 11px 16px;
	  font-size: 17px!important;
	}
	#presentation > p:nth-child(4) {
	  font-size: 14px!important;
	  line-height: 15px;
	  margin: 0;
	  margin-bottom: 10px;
	}
	#about > a:nth-child(2) > img:nth-child(1) {
	  width: 100%;
	}

	#about {
	  width: 6%;
	}
}