html,body{width: 100%; height: 100%; margin:0;}
	body{margin-left: auto; margin-right: 20px; hyphens: auto;}
	
	div{border-style:outset; border-color:yellow; border-width: 3px; text-align: center; padding-top:10px; padding-bottom:10px; width: 98%;}
	
	div.exe{border-style: none; width:80%; position: center; margin-left:10%;margin-right: 10%;
			background-color: white;
			}
	
	
	#nav2 a{background-color: silver; font-size:0.9em; display: flex; flex-direction: column;}
	.header{position: sticky; top: 0em; z-index: 1;}
	.header1{position: sticky; top: 3em; z-index: 1; background-color: lightblue;}
	#haut{color: white; background-color: lightblue; margin: 0 0 10px 0; animation: tourneX 1s forwards;}
	
	h1{color: red;width: 100%;}
	h4{color: blue;}
	h3{color: green;}
	h2{color : blue;}
	
	
	
	/* Extra small devices (phones, 600px and down) */
	@media only screen and (max-width: 600px) {
		body,button{font-size: 0.7em;}
		.titre{font-size: 1em;}
		.courbe {width: 95%;}
		
		
	}

	/* Small devices (portrait tablets and large phones, 600px and up) */
	@media only screen and (min-width: 600px) {
		body,button{font-size: 0.8em;}
		.titre{font-size: 1.3em;}
		.courbe {width: 92%;}
		
	}

	/* Medium devices (landscape tablets, 768px and up) */
	@media only screen and (min-width: 768px) {
		body,button{font-size: 0.9em;}
		.titre{font-size: 2.5em;}
		.courbe {width: 90%;}
	}
		



	
	/* Large devices (laptops/desktops, 992px and up) */
	@media only screen and (min-width: 992px) {
		body,button{font-size: 1.05em;}
		.titre {font-size: 3em;}
		.courbe {width: 88%;}
		
	} 

	/* Extra large devices (large laptops and desktops, 1200px and up) */
	@media only screen and (min-width: 1200px) {
		body,button{font-size: 1.1em;}
		.titre {font-size: 4em;}
		.courbe {width: 85%;}
		
	}
	
	
	
	#background-container{
			position: absolute;
			width: 100%;
			height: 100%;
			display: bock;
			z-index: -1;
			background-position: center center;
			
	}