.gallery_bg{
  padding-top: 40px;
  padding-bottom: 40px;
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), #000000), url(../assets/images/title-bg.jpg);
  background-position: center center;
	background-size: cover;
	color: #ffffff;
	text-align: left;
}
/* ATTENTION, la CSS de lightbox est chargée dans les options (roue crantée) de la CSS */

.grid-container {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-auto-flow: dense;
}
.grid-container .item {
  
  display:flex;

}
.grid-container .item a {
  display:flex;
  width:100%;
}
.grid-container .item img {
  width:400px;
  height:300px;
  object-fit:cover;
}


/* CSS ne servant qu'à la décoration, inutile pour le fonctionnement */

.filter-buttons {
  padding:1rem;
  text-align:center;
}
.filter-buttons button {
  background:#ccc;
  border:none;
  font-size:1rem;
  padding:.5rem 1rem;
  margin-bottom:.5rem;
}
.filter-buttons button:focus {
  outline:none;
  background:#eee;
}
/**********Wp-fixed logo*****************************************************/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.my-float{
	margin-top:16px;
}