/*-----------------------------------MediaQuery-----------------------------------------*/

@media screen and (max-width: 800px) {
	body {
		margin: 0px;
	}

	#page {
		font-size: 0.8em;
		padding: 0px;
	}

	.logo {
		flex: 0.5;
	}

	.contenu,
	.info {
		padding: 0;
		margin: 0;
	}

	.colonne,
	footer {
		width: 100%;
		margin-top: 0.5vh;
		margin-bottom: 1vh;
		padding: 0;
	}

	.portrait,
	.info {
		font-size: 0.8em;
		text-align: center;
	}

	.menuTitreAvecSousMenu, .menuTitreSansSousMenu {
		justify-content: unset;
	}

	.menu {
		border-top-left-radius: unset;
		border-bottom-right-radius: unset;
	}

	.reduit {
		width: 95%;
	}

	h2,
	h3 {
		font-size: 0.8em;
	}

	img {
		height: auto;
	}

	.contenuAccueil {
		flex-direction: column;
	}

	iframe {
		height: 100vh;
	}

	header {
		background-size: 80%;
	}

	.titreEntete {
		font-size: 1em;
	}

	.portrait,
	.portrait img {
		margin: 0;
		display: block;
	}

	.titre {
		flex: 3;
	}

	.centrer {
		margin: 0;
	}

	.lienDirect {
		justify-content: flex-start;
	}
}