.blocGalerie 						{ display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; margin-top: 60px; grid-gap: 30px;}
.blocGalerie .item a img 			{ width: 100%; height: auto; display:block;}
.blocGalerie .item a 				{ position: relative;}
.blocGalerie .item a .cadre 		{ background: #2e2e2e; 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: #ea560d; color: #ffffff;}
.blocGalerie .item a:hover .cadre:before {opacity: 1; transform: translate(0,0);}
.blocGalerie .item a:hover .cadre div {opacity: 0;}
}

@media (max-width:1200px) {
.blocGalerie 						{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:800px) {
.blocGalerie 						{ grid-template-columns:1fr; }
}




/***** 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%; background: url("../images/search.svg") 50% no-repeat; 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;}
}


/***** Avant / Après *****/
.bloc-grid-3                      { display: grid; grid-template-columns:repeat(3,1fr); align-items: end; position: relative; margin: var(--marginBloc); grid-gap: 60px  30px;}

.bloc-grid-3 .item                { max-width: 100%; min-width: 0px;}
.bloc-grid-3 .item strong         { display: block; font-weight: 600; font-size: 1.6rem; margin-bottom: 20px;}
.bloc-grid-3 .item .photo         { position: relative; line-height: 0; max-width:600px;}
.bloc-grid-3 .item .photo img     { width:auto; object-fit:cover; display:block;}

@media (max-width:1000px) {
    .bloc-grid-3                  { grid-template-columns:repeat(2,1fr);}
}

@media (max-width:600px) {
    .bloc-grid-3                  { 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: #ea560d; font: 400 14px/60px var(--fontBody); 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: #ea560d ; border-radius: 50%; transition: all 400ms ease-in-out;}
.fancybox-button--close:before					{ width: 18px; left: calc(50% - 9px); background: #ffffff;}
.fancybox-button--close:after					{ width: 18px; left: calc(50% - 9px); background: #ffffff;}
.fancybox-arrow 								{ width: 60px; height: 60px; background: url("../images/arrow_next_white.svg") 54% 50% no-repeat #ea560d; 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: #2e2e2e ;} 
    .fancybox-arrow:hover:not([disabled])  			{ background-color: #2e2e2e ;}
    }

@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;}
    }