html {
	height: 100%;
	background-color: #4d4d4d;
}
body {
	width:100%;
	height: 100%;
	background-color: #4d4d4d;
}

#left img{
	position: absolute;
	width: 60%;
	left: 20%;
}

#right img {
	position: absolute;
	    width: 60%;
		    left: 20%;
}

p {
	font-size: 1vw;
	margin: 0px;
	padding: 0px;
}

#day {
	position: relative;
	top:5%;
	left:20%;
	width:70%;
	height:70%;
}

div {
	padding:0px;
	margin:0px;
}

#middle {
	background-color: #909090;
	border-radius: 10px;
	position: absolute;
	top: 25%;
	left: 15%;
	width: 69%;
	height: 70%
}

#cluster {
	border: 10px solid #909090;
	border-radius: 10px;
	box-shadow: 10px 5px 5px black;
}

#right {
	box-shadow: 10px 5px 5px black;
	border-radius: 10px;
	background-color: #909090;
	position: absolute;
	top: 22%;
	right: 0px;
	width: 12%;
	height: 60%;
}

#left {
	box-shadow: 10px 5px 5px black;
	border-radius: 10px;
	background-color: #909090;
	position: absolute;
	top: 22%;
	width: 12%;
	height: 60%;
}
input {
	height: 40%;
}

#book {
	position: absolute;
	top: 2%;
}

#lol {
	opacity: 0;
	top: 58%;
	left: 78%;
	background-color: red;
	position: absolute; 
	width: 20%;
	height: 24%;
}

#fa {
	top:89%;
	right: 78%;
	position: absolute;
	background-color: #3AF24B;
	width: 60%;
	height: 24%;
	 box-shadow: 10px 5px 5px black;
	 border-radius: 10px;
}

#lil {
	opacity: 0;
	top: 58%;
	left: 32%;
	background-color: red;
	position: absolute;
	width:13%;
	height: 24%;
}



#towel {
	position: absolute;
   top: 20%;	
}

#brick {
	position: absolute;
	top: 40%;
	left:10%;
	width: 74%;
	height: 20%;
}

#brick1 {
	    position: absolute!important;
		    top: 40%;
			left: 10%;
	}

#arrow {
	position: absolute;
	top: 2%;

}

#main {
   position: absolute;
	top: 20%;
}

#oeil {
	margin: 0px;
	padding: 0px;
	border: 4px solid red;
	position: absolute;
	top: 40%;
}

#outil {
	position: absolute;
	top: 60%;
}

#chat {
	    position: absolute;
	     top: 80%;
	   }

#top {
	box-shadow: 10px 10px 5px black;
	border-radius: 10px;
	width:100%;
	height:20%;
	position: relative;
	left:0px;
	top: 0px;
	background-color: #909090;
}

#dd {
	width:20%;
	height:10%;
}

#doth {
	border-radius: 10px;
	position:relative;
	left:4%;
	top:0px;
}

#loupe {
	position: relative;
	left: 11%;
	top: 20%;
}

#reload {
	 position: absolute;
	 right: 0%;
	 top: 0%;
}

#close {
	position: absolute;
	right: 0%;
	bottom: 0%;
}