/* Page « En famille » : une journée au Mazet (maquette Conception/famille.html) */
.parents { grid-column: 3 / 11; }
.moment { padding-top: 24vh; row-gap: 32px; }
.moment-texte { display: flex; flex-direction: column; gap: 18px; align-self: start; }

.matin .moment-texte { grid-column: 1 / 5; grid-row: 1; align-self: center; }
.matin .m-photo { grid-column: 6 / 10; grid-row: 1; }

.piscine .p-bassin { grid-column: 1 / 4; grid-row: 1 / 3; }
.piscine .moment-texte { grid-column: 5 / 10; grid-row: 1; }
.piscine .p-large { grid-column: 5 / 13; grid-row: 2; margin-top: 16px; }
.piscine .p-large img { aspect-ratio: 3 / 2; object-fit: cover; }
.securite { border-top: 1px solid var(--filet); }
.securite li { padding: 10px 0; border-bottom: 1px solid var(--filet); }

.apresmidi .moment-texte { grid-column: 8 / 13; grid-row: 1; }
.apresmidi .a-chemin { grid-column: 1 / 7; grid-row: 1 / 3; }
.apresmidi .a-petanque { grid-column: 8 / 12; grid-row: 2; margin-top: 24px; }
.apresmidi .a-jeux { grid-column: 3 / 7; grid-row: 3; margin-top: 32px; }
.apresmidi .a-chemin img, .apresmidi .a-petanque img, .apresmidi .a-jeux img { aspect-ratio: 3 / 2; object-fit: cover; }

.soir .moment-texte { grid-column: 1 / 5; grid-row: 1; }
.soir .s-diner { grid-column: 6 / 13; grid-row: 1; }
.soir .s-chambre { grid-column: 2 / 7; grid-row: 2; margin-top: 32px; }
.soir .s-diner img, .soir .s-chambre img { aspect-ratio: 3 / 2; object-fit: cover; }

@media (max-width: 800px) {
	.moment { padding-top: 96px; gap: 24px; }
	.piscine .p-large, .apresmidi .a-petanque, .apresmidi .a-jeux, .soir .s-chambre { margin-top: 0; }
	.matin .m-photo, .piscine .p-bassin, .apresmidi .a-jeux { width: 70%; align-self: flex-end; }
	.piscine .moment-texte, .apresmidi .moment-texte { order: -1; }
}