#logo{top:10px;left:10px;width:80px;height:80px;border: 4px outset transparent;box-shadow: 0 4px 8px rgba(0, 0, 0, 1.2);position:absolute;z-index:1;}
#back{top:2%; right:2%;width: auto;height: auto;position:absolute;border: 2px outset #3DE5D1;box-shadow: 0 4px 12px  rgba(0, 0,0, 1.7);z-index:20;}
	#back:hover,#div-stop:hover{border:2px outset ;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}
	#page-img{width: 150px;height:150px;top:-70%;z-index:99;position:absolute;}
	#choix{top:50%;left:50%;width:30px;height:40px;font-size:15px;position:absolute;display:block;z-index:999;}
	

/*
@media screen and (max-height: 360px)and (max-width: 812px)and (orientation: landscape)
		@media screen and (min-width: 540px)and (max-width: 600px){body{background:green;}}
		@media screen and (min-width: 601px)and (max-width: 720px){body{background:red;}}
		@media screen and (min-width: 721px)and (max-width: 820px){body{background:blue;}}
		@media screen and (min-width: 821px)and (max-width: 960px){body{background:gold;}}
		@media screen and (min-width: 961px)and (max-width: 1024px){body{background:pink;}}
		@media screen and (min-width: 1025px)and (max-width: 1100px){body{background:lime;}}
		@media screen and (min-width: 1101px){body{background:white;}}