body{
	background-color: #D3D3D3;
	user-select: none;
}


.container{
	position: absolute;
	transform: scale(1);
}
@media (min-width:1320px){
.container{ transform: scale(1); }
}
@media (min-width:1000px) and (max-width:1320px)
{
.container{ transform: scale(0.84); }
}
@media (min-width:680px) and (max-width:1000px)
{
.container{ transform: scale(0.54); }
}
@media (max-width:680px)
{
.container{ transform: scale(0.34); }
}



#etatchargement {
	position: absolute;
	display: block;
	height: 50px;
	width: 250px;
	padding: 10px;
	background-color: white;
	margin-left: 450px;
	margin-top: 350px;
	opacity: 1;
	border-radius: 5px;
	border: solid 1px black;
}
#etatchargementtexte {
	margin-top: 12px;
	font-size: 20px;
}

#etatchargementimage{
	height: 50px;
	width: 50px;
	margin-left: 180px;
	margin-top: -10px;
	border: none;
}
@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}
.rotation {
    -webkit-animation: rotating 2s linear infinite;
}


#zonedetext {
	position: absolute;
	padding: 10px;
	background-color: white;
	left: 40px;
	top: 30px;
	opacity: 0.75;
	border-radius: 5px;
}
p{
	margin: 0px 0px 0px 0px;
}
#titre{
	font-weight: bold;
}
#text{
	margin-bottom: 5px;
}


#myslider {
	-webkit-appearance: none;
	position: absolute;
	height: 20px;
	width: 1100px;
	left: 30px;
	top: 865px;
	background: #A5A5A5;
	outline: none;
	border-radius: 5px;
	cursor:pointer;
}
#myslider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 25%; 
  background: #7AA300;
  cursor: pointer;
}
#myslider::-moz-range-thumb {
  width: 30px;
  height: 30px;
  border-radius: 25%;
  background: #7AA300;
  cursor: pointer;
}

img{
	width: 1100px;
	position: absolute;
	left: 30px;
	top: 20px;
	border: solid 2px black;
}

#img3d01{display: block;}
#img3d02{display: none;}
#img3d03{display: none;}
#img3d04{display: none;}
#img3d05{display: none;}
#img3d06{display: none;}
#img3d07{display: none;}
#img3d08{display: none;}
#img3d09{display: none;}
#img3d10{display: none;}
#img3d11{display: none;}
#img3d12{display: none;}
#img3d13{display: none;}
#img3d14{display: none;}
#img3d15{display: none;}
#img3d16{display: none;}
#img3d17{display: none;}
#img3d18{display: none;}
#img3d19{display: none;}
#img3d20{display: none;}
#img3d21{display: none;}
#img3d22{display: none;}
#img3d23{display: none;}
#img3d24{display: none;}
#img3d25{display: none;}
#img3d26{display: none;}
#img3d27{display: none;}
#img3d28{display: none;}
#img3d29{display: none;}
#img3d30{display: none;}
#img3d31{display: none;}
#img3d32{display: none;}
#img3d33{display: none;}
#img3d34{display: none;}
#img3d35{display: none;}
#img3d36{display: none;}