@media screen and (max-width: 1024px) {
	.contenu #accueil {
		display: block;
	}

	.contenu #accueil article {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}

	.contenu .propos article {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}

	.contenu #accueil {
		margin-top: 250px;
	}
}

@media screen and (max-width: 800px) {
	.entete {
		position: relative;
		z-index: 1000;
		width: 100%;
	}

	.entete .logo {
		width: 50px;
	}

	.entete .menu-principal {
		display: none;
	}

	.entete .mobile-trigger {
		display: block;
		margin-right: 1em;
		cursor: pointer;
		z-index: 1000;
	}

	.entete .mobile-trigger input[type='checkbox'] {
		display: none;
	}

	.entete .mobile-trigger input[type='checkbox']:checked + nav {
		display: block;
	}
	body > header > div.mobile-trigger > label > img {
		max-width: 33px;
	}
	.contenu #accueil {
		margin-top: 120px;
	}

	.contenu .porpos .details {
		max-width: 250px;
	}

	.contenu .propos img {
		max-width: 100px;
	}

	.contenu .galerie .details {
		padding: 0;
	}
	.pied-de-page .image {
		display: block;
		columns: 1;
		text-align: center;
		margin: auto;
	}

	.pied-de-page .image .social {
		width: auto;
	}
	.pied-de-page .image .logo-1,
	.pied-de-page .image .logo-2 .pied-de-page .image .social {
		width: 100%;
	}

	.eau {
		background: url("../images//water_min.png");
	}
	.elec {
		background: url("../images/lumiere_min.png");
	}
	.frigo {
		background: url("../images/fridge_min.png");
	}
	.frigo p,
	.elec p,
	.foret p,
	.eau p {
		top: 60%;
	}
	.frigo h2,
	.elec h2,
	.foret h2,
	.eau h2 {
		top: 25%;
	}
}