/* Ajustements du 23/08/2026, absents du site Webflow.
   A retirer si Benjamin prefere retrouver le rendu d'origine.

   Les captures WhatsApp passent a deux par ligne sur telephone : elles
   retrecissent de moitie et la page raccourcit d'autant.

   Les longs messages ecrits, eux, ne suivent pas la meme regle. Sur la page
   de vente ils etaient sur trois colonnes de 96 px, illisibles et debordant
   de l'ecran : deux colonnes les rattrapent (regle posee dans la page).
   Sur l'accueil ils tiennent deja sur une colonne large et lisible ; les
   passer a deux rallongerait la page de 3 200 px, on n'y touche donc pas.

   Le selecteur passe par body pour prendre le pas sur les styles poses
   dans le corps des pages, qui se chargent apres cette feuille. */
@media (max-width: 767px) {
	body .captures,
	body .cap-mur {
		column-count: 2;
		column-gap: 14px;
	}
}

/* Le burger se transforme en croix quand le menu s'ouvre.
   Cette animation venait de la maquette accueil-v3 ; elle n'a jamais ete
   remontee dans Webflow. Les barres sont espacees de 6 px pour 2 px de haut,
   soit 8 px entre leurs centres. */
.burger-barre {
	transition: transform .2s ease, opacity .15s ease;
}
.burger-toggle[aria-expanded="true"] .burger-barre:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}
.burger-toggle[aria-expanded="true"] .burger-barre:nth-child(2) {
	opacity: 0;
}
.burger-toggle[aria-expanded="true"] .burger-barre:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}