.blog-galerie                       { position: relative; max-width: 1600px; width: 85vw; margin: 80px auto;}


.blocGalerie 						{ display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; grid-gap: 30px; max-width: 1600px; width: 85vw; margin: 80px auto;}
.blocGalerie .item a img 			{ width: 100%; height: auto; display:block;}
.blocGalerie .item a 				{ position: relative;}
.blocGalerie .item a .cadre 		{ background: #25353f; outline: none; position: relative; padding: 16px 50px; overflow: hidden; color: #ffffff; text-transform: uppercase; transition: all 400ms ease-in-out;}

.blocGalerie.detail a 				{ display: block;}
.blocGalerie.detail a:after			{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:url(../images/loupe.svg) 50% 50% no-repeat #00000080; opacity: 0; content: "";}

.blocGalerie .item a .cadre:before  { content: "Voir la galerie"; position: absolute; left: 0; width: 100%; text-transform: uppercase; letter-spacing: 1px; opacity: 0; transition: all .5s ease-in-out;}

.blocGalerie .item a .cadre div     { letter-spacing: 1px; transition: all .5s ease-in-out; }

@media (min-width:1201px) {
.blocGalerie.detail a:hover:after	{ opacity: 1;}
.blocGalerie .item a:hover .cadre	{ background: #25353f; color: #ff925c;}
.blocGalerie .item a:hover .cadre:before {opacity: 1; transform: translate(0,0);}
.blocGalerie .item a:hover .cadre div {opacity: 0;}
}

@media (max-width:1440px) {
    .blocGalerie                               { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:1000px) { 
    .blog-galerie, .blocGalerie                { margin: 50px auto;}
    .blocGalerie                               { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) { 
    .blocGalerie                               { grid-template-columns:1fr; }
    .blog-galerie, .blocGalerie                { margin: 30px auto;}
}

/***** galerie *****/
.galerie_details					{ margin: 60px auto; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; font-size: 0; line-height: 0; letter-spacing: 0;}
.galerie_details .item 				{ display: block; margin-bottom: 20px;}
.galerie_details .item:after		{ width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; content: "";}
.galerie_details .item img			{ width: 100%; height: auto; display: block; transition: all 300ms ease-in-out;}

@media (min-width:1201px) {
.galerie_details .item:hover:after	{ opacity: 1;}
.galerie_details .item:hover img    { filter: brightness(0.4);}
}
@media (max-width:1400px) {
.galerie_details 					{ padding: 0;}
}
@media (max-width:1200px) {
.galerie_details 					{ grid-gap: 10px; grid-template-columns: 1fr 1fr;}
.galerie_details .item 				{ margin-bottom: 10px;}
}
@media (max-width:600px) {
.galerie_details 					{ grid-template-columns: 1fr;}
}


/***** custom fancybox *****/
.fancybox-bg									{ background: rgba(0,0,0,0.90);}
.fancybox-is-open .fancybox-bg					{ opacity: 1;}
.fancybox-button,
.fancybox-infobar__body 						{ background: none; color: #ff7f00; font: 400 14px/60px "Poppins"; letter-spacing: 0.8px;}
.fancybox-infobar 								{ top: 30px; left: auto; right: 90px; margin-left: 0;}
.fancybox-infobar button						{ display: none;}
.fancybox-toolbar 								{ top: 30px; right: 30px;}
.fancybox-show-nav .fancybox-arrow 				{ opacity: 1; transition: all 400ms ease-in-out;}
.fancybox-button--close 						{ width: 60px; height: 60px; background: #ff7f00 ; border-radius: 50%; transition: all 400ms ease-in-out;}
.fancybox-button--close:before					{ width: 18px; left: calc(50% - 9px); background: #25353f;}
.fancybox-button--close:after					{ width: 18px; left: calc(50% - 9px); background: #25353f;}
.fancybox-arrow 								{ width: 60px; height: 60px; background: url("../images/arrow_next_blue.svg") 54% 50% no-repeat #ff7f00; border-radius: 50%; margin-top: -30px;}
.fancybox-button--thumbs,
.fancybox-button--fullscreen,
.fancybox-button--play,
.fancybox-arrow:after							{ display: none;}
.fancybox-arrow--right 							{ right: 30px;}
.fancybox-arrow--left 							{ left: 30px;}


@media (min-width:1201px) { 
    .fancybox-button:hover:not([disabled]) 			{ background-color: #ff925c ;} 
    .fancybox-arrow:hover:not([disabled])  			{ background-color: #ff925c ;}
    }

@media (max-width:1200px) { 
    .fancybox-arrow			 						{ border: none;}
    }

@media (max-width:700px) { 
    .fancybox-button,
    .fancybox-infobar__body 						{ line-height: 40px;}
    .fancybox-infobar 								{ top: 7.5vw; left: 7.5vw;}
    .fancybox-toolbar 								{ top: 7.5vw; right: 7.5vw;}
    .fancybox-button--close 						{ width: 40px; height: 40px;}
    .fancybox-button--close:before					{ width: 20px; left: calc(50% - 10px);}
    .fancybox-button--close:after					{ width: 20px; left: calc(50% - 10px);}
    .fancybox-arrow 								{ width: 40px; height: 40px; margin-top: -20px; background-size: 20% auto;}
    .fancybox-arrow--right 							{ right: 7.5vw;}
    .fancybox-arrow--left 							{ left: 7.5vw;}
    }