/* CSS réalisé par Julie Narbonne */

.bloc_galerie {
    -moz-column-count: 1; /*Nombre de colonnes (par navigateur)*/
    -moz-column-gap: 6px; /*Margin colonnes*/
    -webkit-column-count: 1;
    -webkit-column-gap: 6px;
    column-count: 1;
    column-gap: 6px;
    width: 100%;
    margin: auto;
	-webkit-column-break-inside:always; /* Pour empêcher le dépassement des colonnes Chrome, Safari, Opera */
    page-break-inside: always; /* Firefox */
    break-inside: always; /* IE 10+ */
}

.bloc_galerie + p {
  margin-top: 15px;
}

.bloc_galerie.colonnes-1 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

.bloc_galerie.colonnes-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.bloc_galerie.colonnes-2 img{
    max-height: 602px;
}

.bloc_galerie.colonnes-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

.bloc_galerie.colonnes-3 img{
    max-height:400px;
}


.bloc_galerie img {
	width: 100%;
	margin-bottom: 0px;
  	display: block;
  	object-fit: cover; /* Ratio photos*/
}

.gallery img {
	padding-bottom: 6px;
}

.placeholder { /*Leurre pour une seule petite image centrée*/
    width: 100%;
    padding-top: 66.666%;
}

@media only screen and (max-width: 1100px) 
{

  .bloc_galerie.colonnes-2 img{
    max-height: max-content;
  }

 }