
.contenu{
	width:80vw;
	height:auto;
	min-height:80vh;
	background-color:#e8e8e8;
	display:flex;
	flex-direction:column;
	align-items:center;
	border:1px solid #a9a9a9;
}

.droite{
	padding:1vw;
	flex-direction:column;
	align-items:left;
}

.gauche{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.mflimg{
	width:90%;
}

.uploadform{
	display:flex;
	flex-direction:row;
}

@media (max-width: 700px) {
	
	.contenu {
		width:100%;
		margin:0;
	}

}

@media (orientation: portrait) {

	.contenu{
		padding:3vw;
		padding-top:15vw;
	}
	
	.droite{
		width:100%;
	}
	
	.gauche{
		width:100%;
	}
	
	.sbs{
		display:flex;
		flex-direction:column;
	}	
	
}
@media (orientation: landscape) {

	.contenu{
		padding:1vw;
	}
	
	.droite{
		width:69%;
	}
	
	.gauche{
		width:31%;
	}
	
	.sbs{
		display:flex;
		flex-direction:row;
	}

}