@media screen and (max-width: 1000px) { 

	header{
		z-index: 3;
		font-size: 1rem;
		background-color: white;
	}

	body{
		font-size: 1rem;
	}

	#conteneur {
		width: 100%;
		box-sizing: border-box;
		display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 5px;
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	    padding-left: 0rem;
	    padding-right: 1.5rem;    
	}


	main{
		padding-top: 0vh;
		width: 100%;
		margin-top: 8vh;
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 2rem;
	}


	aside{
		box-sizing: border-box;
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background-color: var(--background-color);
		padding-top: 5vh;
		padding-left: 1.5rem;
		padding-bottom: 1rem;
	}

	#infoClose{
		width: 30px;
		height: 30px;
		position: fixed;
		top: 1rem;
		left: calc(100vw - 30px - 1rem);
		z-index: 5;
		cursor: url("../img/cursor/clic.svg") 16 16, pointer;
		display: none;
	}

	#infoClose.active{
		z-index: 5;
	}

	#infos{
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		padding-top: 10vh;
		padding-left: 1.5rem;
		background-color: var(--accent-color);
		z-index: 2;
		display: none;
	}

	#infos.active{
		display: initial;
		z-index: 3;
	}


	nav{
		display: none;
	}

	.legende{
		font-size: .8rem;
		z-index: 2;
		width: 100%;
		padding-top: 0.5rem;
	}

	.swiper {
		margin-left: 0;
		margin-right: 0;
	    width: 98vw;
	    height: 60vh;
	}

	img{
		max-width: 98vw;
	}

	footer{
		display: none;
		width: 100%;
	}

	footer.active{
		display: initial;
	}

	.mail{
		display: initial;
	}

	h2{
		grid-column: 2/4;
	}

	.projet{
		width: 100%;
		height: auto;
	}

	.swiper-button-next{
		display: none;
	}

	.swiper-button-prev{
		display: none;

	}

	#blankSpaceBottom{
		margin-bottom: 5vh;
	}



}