.gallery .container { margin: 40px 0; position: relative; max-width: 1200px; width: 90vw; }
.gallery .row       { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.gallery img        { max-width: 100%; height: auto; vertical-align: middle;}

/*.gallery*/
.gallery     { width: 100%;	display: block;	}

.gallery-filter                     { width: 100%; text-align: center; margin:60px 0 0 0; display: grid; grid-template-columns:repeat(8,auto);         padding: 0 5vw; margin-left: -5vw;}
.gallery-filter::-webkit-scrollbar  { display: none;}


.gallery-filter .filter-item        { color: #ffffff; font-size: 1.6rem; display: inline-block;align-items: center; cursor: pointer; background : #cdb375; transition: all 0.3s ease; padding: 10px 20px; border-radius: 5px; margin: 0 5px; width: max-content;}
.gallery-filter .filter-item.active { color: #ffffff; background : #00144c;}

.gallery .gallery-item               { /*width: calc(100% / 4);*/ width: 100%; position: relative;}
.gallery .gallery-item a             { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.gallery .gallery-item-inner img     { width: 100%; border-radius: 10px;}
.gallery .gallery-item.show          { animation: fadeIn 0.5s ease;}
.gallery .gallery-item span          { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  border-radius: 10px; opacity: 0;  background: url("../images/big-plus.svg") 50% 50% no-repeat #cdb375; z-index: 30;}
.gallery .gallery-item-inner em       { position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); text-transform: uppercase; font-size: 14px; color: #ffffff; font-weight: 500; font-style: normal; width: 100%; text-align: center; z-index: 10}
.gallery-item-inner .degrade-img     { position: absolute; z-index: 1; bottom: 0; width: 100%; height: 150px; background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.8) 100%); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }


.bloc-galerie-domaine     { margin: var(--marginBloc); max-width: 1600px; width: 90vw; column-count: 3; gap: 1.5rem; font-size: 0; line-height: 0}
.bloc-galerie-domaine div { position: relative; padding-bottom: 1.5rem;}
/*.bloc-galerie-domaine img { width: calc(100% / 3); margin-bottom: 30px; height: auto;}*/
.bloc-galerie-domaine div img { height: auto; max-width: 100%; object-fit: cover; border-radius: 10px; }


@keyframes fadeIn{
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.gallery .gallery-item.hide{ display: none;}


@media (min-width:1201px) {
    .gallery .gallery-item a:hover span {  opacity: 1}
}

@media (max-width:1200px) {
    .gallery-filter { overflow-x: auto; width: 100vw;}
}

@media (max-width:1000px) {
    .gallery .row       { grid-template-columns: 1fr 1fr 1fr;}
}

@media (max-width:800px) {
    .gallery .row       { grid-template-columns: 1fr 1fr;}
}

@media (max-width:600px) {
    .bloc-galerie-domaine         { column-count: 2; gap: 1.2rem;}
    .bloc-galerie-domaine div img { border-radius: 5px; }
}

@media (max-width:500px) {
    .gallery .row                 { grid-template-columns: 1fr;}
    .gallery-filter .filter-item  { display: flex; align-items: center; width: auto;}
}