/* Puzzle photos de la page d'accueil (section .csa-puzzle).
   Chargé avec une version basée sur la date de modification du fichier (anti-cache). */

/* rangées bord à bord, sans marges ni paddings */
.csa-puzzle .et_pb_row {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 auto !important;
}

/* images pleine largeur : pas de marge, pas d'interligne sous l'image */
.csa-puzzle .et_pb_image {
	margin: 0 !important;
	line-height: 0;
	font-size: 0;
}
.csa-puzzle .et_pb_image_wrap {
	display: block;
	width: 100%;
	line-height: 0;
}
.csa-puzzle .et_pb_image img {
	display: block;
	width: 100%;
	/* neutralise le "cadre" blanc de 6px du plugin _gwp (wp.css : img[class*="wp-image-"]{padding:6px}) */
	padding: 0 !important;
}

/* Hauteurs des colonnes-photos (en % de la largeur : ratio constant sur tous les écrans).
   csa-p = portrait (colonne 1/3), csa-sq = carré (colonne 2/5), csa-l = paysage */
.csa-puzzle .et_pb_column.csa-p {
	padding-top: 21%;
	padding-bottom: 21%;
}
.csa-puzzle .et_pb_column.csa-sq,
.csa-puzzle .et_pb_column.csa-l {
	padding-top: 20%;
	padding-bottom: 20%;
}

@media (max-width: 980px) {
	/* colonnes empilées en pleine largeur : hauteur adaptée au format de chaque photo,
	   sans marges blanches entre elles */
	.csa-puzzle .et_pb_column.et_pb_column_empty {
		display: block;
	}
	.csa-puzzle .et_pb_row .et_pb_column {
		margin-bottom: 0 !important;
	}
	.csa-puzzle .et_pb_column.csa-p {
		padding-top: 55%;
		padding-bottom: 55%;
	}
	.csa-puzzle .et_pb_column.csa-sq {
		padding-top: 42%;
		padding-bottom: 42%;
	}
	.csa-puzzle .et_pb_column.csa-l {
		padding-top: 33%;
		padding-bottom: 33%;
	}
}