<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*main {
	height: 600px;
	background-color:#FF0;
}*/
/********************************************** IMG *******************************/  
#question{
	position:absolute;
	z-index:10;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	background-color: #b9b995;
}
#question i{
	padding:2px 10px;
}
/********************************************** MENU 6 *******************************/  
#bougez{
	width: 90%;
	height: auto;
	margin: 0 5%;
	position: relative;
	top: 0px;
	/*border: 1px dashed #063;
	background-color: rgba(369, 154, 255, 0.4);*/
	
	transition: top 0.5s ease;
	transition-delay: 100ms;
}
#bouge1{	
	width:400px;
	height: 40px;
	z-index:6;
	position: relative;
	top: 0px;
	background-color: #2d3862;
	padding:5px;
	margin: 0 auto;
}
#bouge2{
	width:400px;
	height: 40px;
	z-index:5;
	position: relative;
	top: 20px;
	background-color: #2d3862;
	padding:5px;
	margin: 0 auto;
	
	-webkit-animation: mov1 0.7s ease-out 0s;
    -moz-animation: mov1 0.7s ease-out 0s;
    -o-animation: mov1 0.7s ease-out 0s;
    -ms-animation: mov1 0.7s ease-out 0s;
	animation: mov1 0.7s ease-out 0s; 
}
#bouge3{
	width:400px;
	height: 40px;
	z-index:4;
	position: relative;
	top: 40px;
	background-color: #2d3862;
	padding:5px;
	margin: 0 auto;
	
	 -webkit-animation: mov2 0.9s ease-out 0s;
    -moz-animation: mov2 0.9s ease-out 0s;
    -o-animation: mov2 0.9s ease-out 0s;
    -ms-animation: mov2 0.9s ease-out 0s;
	animation: mov2 0.9s ease-out 0s; 
}
#bouge4{	
	width:400px;
	height: 40px;
	z-index:3;
	position: relative;
	top: 60px;
	right:0px;
	background-color: #2d3862;
	padding:5px;
	margin: 0 auto;
	
	 -webkit-animation: mov3 1.1s ease-out 0s;
    -moz-animation: mov3 1.1s ease-out 0s;
    -o-animation: mov3 1.1s ease-out 0s;
    -ms-animation: mov3 1.1s ease-out 0s;
	animation: mov3 1.1s ease-out 0s; 
}
#bouge5{
	width:400px;
	height: 40px;
	z-index:2;
	position: relative;
	top: 80px;
	background-color: #2d3862;
	padding:5px;
	margin: 0 auto;
	
	-webkit-animation: mov4 1.3s ease-out 0s;
    -moz-animation: mov4 1.3s ease-out 0s;
    -o-animation: mov4 1.3s ease-out 0s;
    -ms-animation: mov4 1.3s ease-out 0s;
	animation: mov4 1.3s ease-out 0s; 
}
@keyframes mov1 {
	 0% { top: -190px }
	 40% { top: -190px }
	 100% { top: 20px }
  }
@keyframes mov2 {
	 0% { top: -380px }
	 40% { top: -380px }
	 100% { top: 40px }
  }
@keyframes mov3 {
	 0% { top: -570px }
	 40% { top: -570px }
	 100% { top: 60px }
  }
@keyframes mov4 {
	 0% { top: -760px }
	 40% { top: -760px }
	 100% { top: 80px }
  }
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (max-width: 911px){
	#bougez{
		width: 98%;
		/*height: 1300px;*/
		margin: 0 1%;
	}
	#bloc1{
		width: 100%;
		margin-left: 0%;
	}
	#bloc2{
		width: 100%;
	}
	#bouge1, #bouge2, #bouge3, #bouge4, #bouge5{
		margin: 0 auto;
		float:none;
		width:100%;
		max-width: 400px;
		min-width: 300px;
	}

}</pre></body></html>