div.container_galerie_masonry{display: block}
div.container_galerie_masonry div.galerie_masonry{display: block;}
div.container_galerie_masonry div.galerie_masonry div.container_image{display: inline-block; position: relative; width: 33%; cursor: pointer}
div.container_galerie_masonry div.galerie_masonry div.container_image.carre{padding-top: 33%;}
div.container_galerie_masonry div.galerie_masonry div.container_image.rectangle{padding-top: calc(33%/2);}
div.container_galerie_masonry div.galerie_masonry div.container_image div.image{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); height: calc(100% - 30px); background-size: cover; background-repeat: no-repeat; border-radius: 7px; overflow: hidden; filter: brightness(0.9);}
div.container_galerie_masonry div.galerie_masonry div.container_image div.image.left{background-position: left;}
div.container_galerie_masonry div.galerie_masonry div.container_image div.image.center{background-position: center;}
div.container_galerie_masonry div.galerie_masonry div.container_image div.image.right{background-position: right;}
div.container_galerie_masonry div.galerie_masonry div.container_image div.filtre{position: absolute; top: 50%; left: 50%; width: calc(100% - 30px); height: calc(100% - 30px); transform: translate(-50%, -50%); border-radius: 7px; overflow: hidden; z-index: 1; background-blend-mode: multiply; background-size: cover; background-color: #b91b1d; opacity: 0; transition: opacity ease-in-out .25s}
div.container_galerie_masonry div.galerie_masonry div.container_image:hover div.filtre{position: absolute; top: 50%; left: 50%; width: calc(100% - 30px); height: calc(100% - 30px); transform: translate(-50%, -50%); border-radius: 7px; overflow: hidden; z-index: 1; background-blend-mode: multiply; background-size: cover; background-color: #b91b1d; opacity: 1; transition: opacity ease-in-out .25s}
div.container_galerie_masonry div.galerie_masonry div.container_image div.filtre.left{background-position: left;}
div.container_galerie_masonry div.galerie_masonry div.container_image div.filtre.center{background-position: center;}
div.container_galerie_masonry div.galerie_masonry div.container_image div.filtre.right{background-position: right;}
div.container_galerie_masonry div.galerie_masonry div.container_image div.container_titre{position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); width: calc(100% - 30px); height: calc(100% - 30px); font-family: "OpenSans Condensed"; line-height: .9; color: #000; margin-bottom: 0; display: flex; align-items: flex-end; text-decoration: none; text-transform: uppercase; z-index: 2; padding: 15px;}
/*div.container_galerie_masonry div.galerie_masonry div.container_image div.container_titre h3.titre{font-weight: 600; font-size: 18px; color: #fff; margin-bottom: 0;}*/
div.container_galerie_masonry div.galerie_masonry div.container_image div.container_titre h3.titre{font-weight: 600; font-size: 26px; color: #fff; margin-bottom: 0; text-shadow: 0px 0px 7px rgba(0,0,0,.45);}


div.fond_popup_masonry{display: none; position: fixed; height: 100vh; width: 100vw; background-color: rgba(255,255,255,.75);z-index: 10100; text-align: center; top: 0; left: 0}
div#popup_masonry{opacity: 1; position: fixed; top: 50%; left: 50%; transform : translate(-50%, -50%); z-index: 10200; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); overflow: hidden; width: 100%; display: none;}
div#popup_masonry.active{display: block;}
div#popup_masonry div.container-prevPopup{display: none; overflow: hidden; z-index: 3000; cursor: pointer; position: absolute; width: 105px; height: 164px; top: 50%; left: 0; transform: translateY(-50%); background-image: url('../assets/images/modal_arrows.png'); background-position: 0 328px;}
div#popup_masonry div.container-prevPopup div.prevPopup{opacity: 0; width: 105px; height: 164px; position: relative; left: -23px; background-image: url('../assets/images/modal_arrows.png'); background-position: 0 164px;}
div#popup_masonry div.container-nextPopup {display: none; overflow: hidden; z-index: 3000; cursor: pointer; position: absolute; width: 105px; height: 164px; top: 50%; right: 0; transform: translateY(-50%); background-image: url('../assets/images/modal_arrows.png'); background-position: 105px 656px;}
div#popup_masonry div.container-nextPopup div.nextPopup{opacity: 0; width: 105px; height: 164px; position: relative; right: -23px; background-image: url('../assets/images/modal_arrows.png'); background-position: 106px 492px;}
div#popup_masonry div.containerPopup{padding: 0;}
div#popup_masonry div.containerPopup button.container_exit{overflow: hidden; position: absolute;top: -2px; left: 50%; transform: translateX(-50%); z-index: 151;cursor: pointer; padding: 2px; border-radius: 0; border: none; background-color: transparent; width: 164px; height: 105px; cursor: pointer; background-image: url('../assets/images/modal_arrows.png'); background-position: 0 0;}
div#popup_masonry div.containerPopup button.container_exit:focus{outline: 0;}
div#popup_masonry div.containerPopup button.container_exit div.exit{opacity: 0; top: -21px; position: relative; width: 164px; height: 105px; cursor: pointer; background-image: url('../assets/images/modal_arrows.png'); background-position: -1px -112px;}
div#popup_masonry div.containerPopup div.contenuPopup{position: relative;height: 100%;}
div#popup_masonry div.containerPopup div.contenuPopup div.row{position: relative; height: 100%;}
div#popup_masonry div.containerPopup div.contenuPopup div.row div.col-md-12{padding: 0;}
div#popup_masonry div.containerPopup div.contenuPopup div.row div.col-md-12 img{width: 100%; height: 100%;}

@media (min-width: 576px){
	div#popup_masonry{width: 100%; max-width: 540px;}
}

@media (min-width: 768px){
	div#popup_masonry{width: 100%; max-width: 720px;}
}

@media (min-width: 992px){
	div#popup_masonry{width: 100%; max-width: 960px;}
	div.containerSmartImage{margin: 0;}
	div.containerSmartImage.ajuster div.smartImage{padding: 0;}
	div.container_carousel_pictos div.container_carousel_pictos-pagination{display: none;}
	div.containerSmartImage div.smartImage.carre{width: 100%; padding-top: 100%; background-size: cover;}
	div.containerSmartImage.ajuster div.smartImage.carre{padding-top: 0; height: 100%;}
}

@media (min-width: 1200px){
	div#popup_masonry{width: 100%; max-width: 1140px;}
}