.link     { width: max-content; margin: 0 auto; display: block; border: 1px solid #f6ba33;}

.gridlist                           { margin: 0 -20px; font-size: 0; letter-spacing: 0;}
.gridlist>li                        { position: relative; cursor: pointer; display: inline-block; vertical-align: top; width: 33.333%; padding: 20px;}
.gridlist>li.clear                  { width: 100%; padding: 0;}
.gridlist li img                    { width: 100%; height: auto; display: block; transition: all ease-in-out 400ms; filter: brightness(0.7);}
.gridlist li.selectedItem img       { filter: none;}
.gridlist li span                   { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; font-size: 20px; transition: all ease-in 300ms; left: 0;}
.gridlist li.selectedItem span      { opacity: 0;}
.gridlist li strong                 { display: block; text-transform: uppercase; font-size: 30px; line-height: 30px;}*
.gridder-content                    { display: none;}
.gridder-row                        { display: grid; grid-template-columns: 50% 1fr; align-items: center; background: #eee;}
.gridder-close                      { position: absolute; right: 30px; top: 30px; font-size: 0; line-height: 0; z-index: 1;}
.gridder-close::before              { content: url(../images/close.svg); display: block; line-height: 0;}
.clear                              { clear: both; display: block;}
.gridder-row .content               { padding: 50px 80px;}
.gridder-row .galerie               { height: 100%;}
.gridder-row .galerie img           { display: block; width: 100%; height: 100%; object-fit: cover;}
.gridder-row .titre_main            { font-size: 30px; line-height: 30px; margin-bottom: 5px;}
.gridder-row .titre_main span       { text-transform: initial; font-weight: 400; font-size: 20px;}
.gridder-show                       { width: calc(100% - 40px); float: left; position: relative; display: block; font-size: 15px; margin: 20px 20px 0;}
.gridder-nav                        { display: none;}

@media (min-width:1201px) {
.gridlist li:hover img              { filter: none;}
.gridlist li:hover span             { opacity: 0;}
}
@media (max-width:1366px) {
.gridder-row .content               { padding-left: 40px;}
}
@media (max-width:1000px) {
.gridder-row                        { display: block;}
.gridlist>li                        { width: 50%;}
.gridder-row .content               { padding: 40px;}
.gridder-close                      { top: 0; right: 0; padding: 10px; background: #ec7d2c;}
.gridder-close::before              { filter: brightness(0) invert(1);}
}
@media (max-width:700px) {
.gridder-row                        { display: block;}
.gridlist                           { margin: 0;}
.gridlist>li                        { width: 100%; padding: 0; margin-bottom: 20px;}
.gridder-row .content               { padding: 40px 20px 50px;}
.gridder-close                      { top: 0; right: 0; padding: 10px; background: #ec7d2c;}
.gridder-close::before              { filter: brightness(0) invert(1);}
.gridder-show                       { margin: 0 0 20px; width: 100%;}
.gridder-row .titre_main            { font-size: 25px;}
.gridder-row .titre_main span       { font-size: 18px;}
}



.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: #f6ba33; outline: none; position: relative; padding: 16px 50px; overflow: hidden; color: #242424; 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/plus.svg") 50% 50% no-repeat #00000075; 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: #242424; color: #fff;}
.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:1000px) {
.blocGalerie 						{ grid-template-columns:1fr; }
}



.list-av-ap                         { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; margin:10px 0 10px 0;}

.bloc-av-ap .grid                   { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; margin:10px 0 10px 0;}
.bloc-av-ap-titre                   { clear: both; padding: 0 0 0 0; font-weight: normal;}
.bloc-av                            { position: relative;}
.bloc-ap                            { position: relative;}
.bloc-av span                       { position:absolute; bottom: 0; right: 0; padding: 5px 10px; background: #f6ba33; color: #242424; z-index: 999; }
.bloc-ap span                       { position:absolute; bottom: 0; left: 0; padding: 5px 10px; background: #f6ba33; color: #242424; z-index: 999; }
.bloc-av img, .bloc-ap img          { max-width: 100%; height: auto;}
.bloc-av a, .bloc-ap a              { display:block; position: initial; line-height: 0;}
.bloc-av-ap .link                   { margin:0 0 0 10px;}
.bloc-av a img, .bloc-ap a img      { transition: all 300ms ease-in-out;}
@media (min-width:1201px) {
.bloc-av a:hover img, .bloc-ap a:hover img {transform: scale(0.9);}
}


@media (max-width:960px) {
.list-av-ap                         { grid-template-columns: 1fr; grid-gap: 30px;}
}


/***** 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/loupe.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;}
}


/***** custom fancybox *****/
.fancybox-bg						{ background: #fff;}
.fancybox-is-open .fancybox-bg		{ opacity: 1;}
.fancybox-button,
.fancybox-infobar__body 			{ background: none; color: #242424; font: 400 14px/60px "Poppins"; letter-spacing: 0.8px;}
.fancybox-infobar 					{ display: none;}
.fancybox-toolbar 					{ top: 30px; right: 30px; opacity: 1!important;}
.fancybox-show-nav .fancybox-arrow 	{ opacity: 1; transition: all 400ms ease-in-out;}
.fancybox-button--close 			{ width: 55px; height: 55px; background: #eee; transition: all 400ms ease-in-out;}
.fancybox-button--close:before		{ width: 25px; height: 1px; left: calc(50% - 13px); top: calc(50% - 1px); background: #242424;}
.fancybox-button--close:after		{ width: 25px; height: 1px; left: calc(50% - 13px); top: calc(50% - 1px); background: #242424;}
.fancybox-arrow 					{ width: 60px; height: 60px; background: url("../images/arrow_next.svg") 54% 50% no-repeat #eee; margin-top: -40px;}
.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: #f6ba33;} 
.fancybox-arrow:hover:not([disabled])   { opacity: 0.5;}
}
@media (max-width:1200px) { 
.fancybox-arrow			 			{ border: none;}
}
@media (max-width:600px) { 
.fancybox-button,
.fancybox-infobar__body 			{ line-height: 40px;}
.fancybox-toolbar 					{ top: 0; right: 0;}
.fancybox-button--close 			{ width: 45px; height: 45px;}
.fancybox-button--close:before		{ width: 21px; left: calc(50% - 11px);}
.fancybox-button--close:after		{ width: 21px; left: calc(50% - 11px);}
.fancybox-arrow 					{ width: 40px; height: 50px; margin-top: -25px; background-size: 25% auto;}
.fancybox-arrow--right 				{ right: 0;}
.fancybox-arrow--left 				{ left: 0;}
}