#avertissement {
	display: none;
	width: 100vw;
	height: 100vh;
}
#avertissement h5 {
	margin-top: 3em;
}
#avertissement img {
	margin-top: 50%;

}
 @media only screen and (orientation:portrait) {
header {
	display: none;
}
footer {
	display: none;
}
.container {
	display: none;
}
main {
	display: none;
}
#avertissement {
	display: block;
}
}
 @media only screen and (orientation:landscape) {
#avertissement {
	display: none;
}
}