.menu-toggle-checkbox, .menu-toggle-label {
	display: none;
}

@media (max-width: 850px) {

	body {
		width: 100%;
		padding: 0 12px;
		box-sizing: border-box;
		background-image: none;
		display: flex;
		flex-direction: column;
	}

	body > div.haut { order: 1; }
	body > .menu-toggle-label { order: 2; }
	body > div#menu { order: 3; }
	body > div#contenu { order: 4; }
	body > div.footer { order: 5; }

	.menu-toggle-checkbox {
		display: none;
	}

	.menu-toggle-label {
		display: block;
		background: #f7f7f7;
		border: 1px solid #E8E8E8;
		border-radius: 4px;
		padding: 10px 14px;
		margin: 8px 0;
		font-family: Arial, sans-serif;
		font-size: 1.1em;
		text-align: center;
		cursor: pointer;
	}

	div#menu {
		display: none;
	}

	.menu-toggle-checkbox:checked ~ div#menu {
		display: block;
	}

	div.haut {
		width: 100%;
		height: auto;
		overflow: hidden;
		box-sizing: border-box;
		padding: 10px 0;
	}

	div.haut > div {
		float: none !important;
		width: 60% !important;
		max-width: 220px;
		margin: 0 auto;
	}

	div.haut img {
		max-width: 100%;
		height: auto;
	}

	div#menu {
		float: none;
		width: 100%;
		box-sizing: border-box;
		background: #f7f7f7;
	}

	div#contenu {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}

	div#contenu p {
		font-size: 1.05em;
		text-indent: 0;
	}

	img,
	img.photo_droite,
	img.photo_gauche,
	img.photo_droite_1,
	img.photo_gauche_1 {
		max-width: 100%;
		height: auto;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	div.newsd, div.newsg, div.newsm,
	.catd, .catg, .exd, .exg, .listed, .listeg {
		float: none;
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}

	div.commenter label, div.contacter label {
		float: none;
		width: 100%;
		text-align: left;
	}

	div.commenter input.champ, div.commenter select, div.commenter textarea,
	div.contacter input.champ, div.contacter select, div.contacter textarea {
		width: 100%;
		box-sizing: border-box;
	}

}