body {
	background-color: hsla(236,100%,3%,1);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
}
.conteneur {
  display: flex;
  align-items: center;
  justify-content: center;
height: 100vh;
}

#image {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.image {
	align-content: center;
	width: 100%;
	height: 100%;
	background-color:hsla(124,94%,7%,1.00);
	text-align: center;
	margin-top: 40px;
}




@media (min-width: 300px){
			.image {
			margin-top: 50px;	
	width: 100%; height:auto
		}
		
}
@media only screen and (min-width: 350px) and (orientation: landscape){
		
	.image {
		margin:0px;
			max-height: 100vh;
			width: auto;
	
		}		
		
}
	
	@media only screen and (min-width: 1000px) {

	.image {			
		width: auto;
		height: 100vh;	
	}
	}