/***** galerie *****/
.realisations_in .banner            { margin: 190px auto 0px; }
.galerie  							{ display: grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:40px; margin-top: 35px;}
.galerie img 						{ display:block; max-width: 100%}
.galerie a 							{ display:block; position:relative; border-radius: 50%; overflow: hidden;}
.galerie a:before 					{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/loupe.svg) center no-repeat rgba(0,0,0,0.5); z-index:15; opacity:0;}

@media (min-width:1201px) {
.galerie a:hover:before				{ opacity:1;}
}
@media (max-width:1200px) {
    .cont_img                           { display: none; }
.banner .content                    {  margin: 80px 0 0 0;  }
.realisations_in .banner            { margin: 80px auto 0px; }
}
@media (max-width:1000px) {
.galerie  							{ grid-template-columns: 1fr 1fr 1fr;}	
.banner .content                    {  margin: 40px 0 0 0;  }
}
@media (max-width:600px) {
.galerie  							{ grid-template-columns:1fr 1fr; grid-gap:20px; margin-top: 25px;}	

}


/***** custom galerie *****/
#galerie .top_page 					{ padding-bottom: 90px;}
#galerie .bloc_texte 				{ padding: 0 5vw;}

@media (max-width:1000px) {
#galerie .top_page 					{ padding-bottom: 70px;}
}
@media (max-width:600px) {
#galerie .top_page 					{ padding-bottom: 40px;}
#galerie .top_page .chapo			{ display: none;}
#galerie .top_page .titre_main		{ margin: 0 0 -5px 0;}
#galerie .bloc_texte 				{ padding: 0 7.5vw;}
}


/***** custom fancybox *****/
.fancybox-bg									{ background: #061626;}
.fancybox-is-open .fancybox-bg					{ opacity: 1;}
.fancybox-button,
.fancybox-infobar__body 						{ background: none; color: #1d1d1d; 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: #f57f20 ; transition: all 400ms ease-in-out; border-radius: 50%;}
.fancybox-button--close:before					{ width: 18px; left: calc(50% - 9px); background: #fff;}
.fancybox-button--close:after					{ width: 18px; left: calc(50% - 9px); background: #fff;}
.fancybox-arrow 								{ width: 60px; height: 60px; background: url("../images/arrow_next_white.svg") 54% 50% no-repeat #f57f20; margin-top: -30px; border-radius: 50%;}
.fancybox-button--play,
.fancybox-button--fullscreen,
.fancybox-button--thumbs,
.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: #08233d;} 
.fancybox-arrow:hover:not([disabled])  			{ background-color:  #08233d;}
}
@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;}
} 



.blocGalerie 						{ display:grid; grid-template-columns:repeat(3,1fr); text-align:center; margin-top:60px;  grid-gap:50px;}
.blocGalerie .item a img 			{ width: 100%; height: auto; display:block; border-radius: 50%; margin-bottom: 20px;}
.blocGalerie.detail 				{ display:grid; grid-template-columns:repeat(4,1fr); text-align:center; margin-top:60px; margin-bottom:40px;  grid-gap:40px;}
.item a 							{ position: relative;}
.item a .cadre 						{ background: #eeeeee;outline: none; position: relative; padding: 15px 30px; overflow: hidden; font-weight: 500; color: #2d3e51; border-radius: 50px; 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% 60% no-repeat #000000; opacity: 0; content: "";}


@media (min-width:1201px) {
.blocGalerie.detail a:hover:after	{ /*background-position: 50% 50%;*/ opacity: 1;}

.item_2:hover a .cadre				{ background: #f57f20;}
.item_3:hover a .cadre				{ background: #e30613;}
.item_4:hover a .cadre				{ background: #0074bf;}
.item_5:hover a .cadre				{ background: #00963f;}
.item_6:hover a .cadre				{ background: #b2b2b2;}

}

/*button:before (attr data-hover)*/
.item a:hover .cadre:before{opacity: 1; transform: translate(0,0);}
.item a .cadre:before{
	content: "Voir la galerie";
	position: absolute;
    color:#ffffff !important;
	left: 0;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: 0;
/*	transform: translate(0,-100%);*/
	transition: all .5s ease-in-out;
}

.item a .cadre.nl:before{content: "Zie de galerij";}

/*button div (button text before hover)*/
	.item a:hover .cadre div{opacity: 0; /*transform: translate(100%,0)*/}
	.item a .cadre div{
	letter-spacing: 1px;
	transition: all .5s ease-in-out;
}
@media (max-width:1200px) {
.blocGalerie 						{ grid-template-columns:repeat(2,1fr); }
.blocGalerie.detail 				{ grid-template-columns:repeat(3,1fr);  grid-gap:20px; margin-bottom:20px;}
}
@media (max-width:600px) {
.blocGalerie 						{ grid-template-columns:1fr; }
.blocGalerie.detail 				{ grid-template-columns:repeat(2,1fr);  grid-gap:10px; margin-bottom:10px;}
}