/* GALLERIE PHOTO
-------------------------------------------------------------------------------------------------------------------------------- */
/* >>> Gallery home -------------------------------------------------------------- */
#galerie-home { 
	background: #d1bd96;
	max-width: 1700px;
	margin: 5% auto 0;
	text-align: center;
	padding: 40px;
}
#galerie-home h2 {
	max-width: 560px;
	margin: 0 auto 20px;
}
#galerie-home .widget-galerie_grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.widget-galerie_grid {
	max-width: 1280px;
	margin: 0 auto;
}
.widget-galerie_grid li {
	margin: 1%;
	width: 31.33%;
	position: relative;
}
.widget-galerie_item__fig {
	overflow: hidden;
}
.widget-galerie_item__fig img { 
	display: block;
	width: 100%;
}
.widget-galerie_item__hover {
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 100%;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: rgba(0,89,78,.7);
	opacity: 0;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.widget-galerie_item__hover strong {
	display: block;
	max-width: 280px;
	line-height: 1.2em;
	font-size: 1.25em;
	font-weight: 600;
	color: #fff;
	-webkit-transform: scale(.5);
	    -ms-transform: scale(.5);
	        transform: scale(.5);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}
.widget-galerie_item:hover .widget-galerie_item__hover {
	opacity: 1;
}
.widget-galerie_item:hover .widget-galerie_item__hover strong {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
@media screen and (max-width: 1780px) {
	#galerie-home { margin: 5% 40px 0 }
}
@media screen and (max-width: 980px) {
	#galerie-home { margin: 5% 0 0 }
}
@media screen and (max-width: 780px) { 
	#galerie-home {
		margin: 40px 0 0;
		padding: 30px 25px;
	}
	.widget-galerie_grid li {
		margin: 5px;
		width: calc(33.33% - 10px);
		position: relative;
	}
	.widget-galerie_item__hover strong {
		font-size: 1em;
	}
}
@media screen and (max-width: 540px) { 
	#galerie-home {
		margin: 40px 0 0;
		padding: 30px 25px;
	}
	.widget-galerie_grid { max-width: 380px; }
	.widget-galerie_grid li {
		margin: 5px;
		width: calc(50% - 10px);
	}
	.widget-galerie_grid li:first-child {
		width: calc(100% - 10px);
	}
	.widget-galerie_grid li:first-child .widget-galerie_item__fig img { margin: -20% auto; }
}

/* >>> Gallerie liste --------------------------------------------------------------- */
#page_realisations-categorie .heading-photo img { margin: -6% 0; }
#content-galerie {
	padding: 0 20px 60px;
}
#content-galerie > h2,
.content-galerie_heading {
	padding: 40px 20px;
	max-width: 1440px;
	margin: 0 auto;
}
.content-galerie_heading h1 {
	max-width: 580px;
	margin: 0 0 1em;
}
.content-galerie_heading p {
	margin: 0;
	font-size: 1.25em;
}
#content-galerie .galerie-liste {
	background-position: 12% 0;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 860 570'%3E%3Cpath style='fill:%23F3E8CF;' d='M221.6,215.9c34.5-20,72-33,111.4-38.6c157.2-22.4,309,80.7,344.9,235.6c0.2,1.1,0.5,2.2,0.7,3.2c16.9,76.6,76.5,136.3,153.5,150.3l20.1,3.6c8.5-46.6,10.2-95.2,4.2-144.6c-15.5-128-80.1-242.5-181.8-322.3C611.8,53.9,539.6,21.6,463.3,7.7C404.8-2.9,343.9-2.7,283.2,9.2C175.8,30.2,79.7,89.5,7.5,171.8L0,180.3l15.8,13.8C73.7,245,156.4,253.8,221.6,215.9z'/%3E%3C/svg%3E");
	background-size: 60% auto;
	padding: 40px 0;
	max-width: 1440px;
	margin: 0 auto;
}
.galerie-liste {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.galerie-item {
	padding: 20px;
	width: 33.33%;
	position: relative;
}
.galerie-item > a {
	display: block;
	height: 100%;
}
.galerie-item_fig { 
	overflow: hidden;
	background: #00594e;
}
.galerie-item_fig img { 
	display: block;
	width: 100%;
	-webkit-transition: opacity .3s, -webkit-transform .5s;
	transition: opacity .3s, -webkit-transform .5s;
	-o-transition: transform .5s, opacity .3s;
	transition: transform .5s, opacity .3s;
	transition: transform .5s, opacity .3s, -webkit-transform .5s;
}
a:hover .galerie-item_fig img {
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
a:hover .galerie-item_fig:hover img {
	opacity: .4;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}
.galerie-item_content h3 { 
	font-weight: 700;
	color: #00594e;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.galerie-item_content h3:hover { color: #d8b35f }

.empty_content {
	padding: 10vh 20px;
	text-align: center;
	font-size: 1.25em;
	color: #00594e;
	margin: 0;
}

@media screen and (max-width: 980px) {
	#content-galerie > h2 { padding-bottom: 20px; }
	#content-galerie .galerie-liste { padding: 40px 10px }
	.galerie-item { padding: 10px; }
}
@media screen and (max-width: 740px) { 
	#content-galerie { padding: 0 20px 40px; }
	#content-galerie > h2,
	.content-galerie_heading { padding: 20px 10px; }
	#content-galerie .galerie-liste { padding: 20px 0; }
}
@media screen and (max-width: 640px) { 
	.galerie-item { width: 50%; }
}
@media screen and (max-width: 540px) { 
	#content-galerie { padding: 40px 20px; 	}
}
@media screen and (max-width: 360px) { 
	#content-galerie > h2,
	.content-galerie_heading {
		max-width: 260px;
	}
	#content-galerie .galerie-liste { max-width: 260px; }
	.galerie-item { width: 100%; }
	
}

/* >>> Gallery page -------------------------------------------------------------- */
#galerie-liste {
	background-position: 12% 0;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 860 570'%3E%3Cpath style='fill:%23F3E8CF;' d='M221.6,215.9c34.5-20,72-33,111.4-38.6c157.2-22.4,309,80.7,344.9,235.6c0.2,1.1,0.5,2.2,0.7,3.2c16.9,76.6,76.5,136.3,153.5,150.3l20.1,3.6c8.5-46.6,10.2-95.2,4.2-144.6c-15.5-128-80.1-242.5-181.8-322.3C611.8,53.9,539.6,21.6,463.3,7.7C404.8-2.9,343.9-2.7,283.2,9.2C175.8,30.2,79.7,89.5,7.5,171.8L0,180.3l15.8,13.8C73.7,245,156.4,253.8,221.6,215.9z'/%3E%3C/svg%3E");
	background-size: 60% auto;
	padding: 40px 0;
	max-width: 1440px;
	margin: 0 auto;
}
#galerie-liste ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#galerie-liste li {
	position: relative;
	padding: 20px;
	width: 25%;
}
#galerie-liste li a {
	position: relative;
	display: block;
	height: 100%;
}
#galerie-liste li a::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff' clip-rule='evenodd'%3E%3Cpath d='M15.853 16.56c-1.683 1.517-3.911 2.44-6.353 2.44-5.243 0-9.5-4.257-9.5-9.5s4.257-9.5 9.5-9.5 9.5 4.257 9.5 9.5c0 2.442-.923 4.67-2.44 6.353l7.44 7.44-.707.707-7.44-7.44zm-6.353-15.56c4.691 0 8.5 3.809 8.5 8.5s-3.809 8.5-8.5 8.5-8.5-3.809-8.5-8.5 3.809-8.5 8.5-8.5z'/%3E%3C/svg%3E");
	background-size: 30px auto;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transform: scale(.3);
	    -ms-transform: scale(.3);
	        transform: scale(.3);
	-webkit-transition: opacity .3s, -webkit-transform .5s;
	transition: opacity .3s, -webkit-transform .5s;
	-o-transition: opacity .3s, transform .5s;
	transition: opacity .3s, transform .5s;
	transition: opacity .3s, transform .5s, -webkit-transform .5s;
}
#galerie-liste li a:hover::after {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
}

/* >>> videos ------ */
#galerie-liste li.video-thumb {
	padding-top: calc(25% - 20px);
}
#galerie-liste li.video-thumb a {
	position: absolute;
	top: 20px; left: 20px;
	bottom: 20px; right: 20px;
	height: auto; width: auto;
}
#galerie-liste li.video-thumb a img {
	width: 190%;
    margin: -20% -45%;
}
#galerie-liste li.video-thumb a::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath style='fill:%23fff' d='M6.94,39.41a3.76,3.76,0,0,1-1.86-.5A3.69,3.69,0,0,1,3.23,35.7V4.3A3.71,3.71,0,0,1,8.79,1.09L36,16.79a3.71,3.71,0,0,1,0,6.42L8.79,38.91A3.75,3.75,0,0,1,6.94,39.41Zm0-36.81A1.71,1.71,0,0,0,5.23,4.3V35.7a1.67,1.67,0,0,0,.85,1.47,1.69,1.69,0,0,0,1.71,0L35,21.47a1.7,1.7,0,0,0,0-2.94L7.79,2.83A1.65,1.65,0,0,0,6.94,2.6Z' /%3E%3C/svg%3E");
}
#galerie-liste li.video-thumb a::before {
	content: "";
	display: block;
	border-radius: 50%;
	background-color: #00594e;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath style='fill:%23fff' d='M6.94,39.41a3.76,3.76,0,0,1-1.86-.5A3.69,3.69,0,0,1,3.23,35.7V4.3A3.71,3.71,0,0,1,8.79,1.09L36,16.79a3.71,3.71,0,0,1,0,6.42L8.79,38.91A3.75,3.75,0,0,1,6.94,39.41Zm0-36.81A1.71,1.71,0,0,0,5.23,4.3V35.7a1.67,1.67,0,0,0,.85,1.47,1.69,1.69,0,0,0,1.71,0L35,21.47a1.7,1.7,0,0,0,0-2.94L7.79,2.83A1.65,1.65,0,0,0,6.94,2.6Z' /%3E%3C/svg%3E");
	background-size: 30px auto;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px;
	z-index: 2;
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: opacity .3s, -webkit-transform .5s;
	transition: opacity .3s, -webkit-transform .5s;
	-o-transition: opacity .3s, transform .5s;
	transition: opacity .3s, transform .5s;
	transition: opacity .3s, transform .5s, -webkit-transform .5s;
}
#galerie-liste li.video-thumb a:hover::before {
	-webkit-transform: scale(.5);
	    -ms-transform: scale(.5);
	        transform: scale(.5);
	opacity: 0;
}
@media screen and (max-width: 980px) {
	#galerie-liste { padding: 10px }
	#galerie-liste li { padding: 10px; }
	#galerie-liste li.video-thumb { padding-top: calc(25% - 10px); }
	#galerie-liste li.video-thumb a {
		top: 10px;
		left: 10px;
		bottom: 10px;
		right: 10px;
	}
}
@media screen and (max-width: 740px) { 
	#galerie-liste { padding: 0 }
	#galerie-liste li { width: 33.33%; }
	#galerie-liste li.video-thumb { padding-top: calc(33.33% - 10px); }
}
@media screen and (max-width: 480px) { 
	#galerie-liste li { width: 50%; }
	#galerie-liste li.video-thumb { padding-top: calc(50% - 10px); }
}
@media screen and (max-width: 360px) { 
	#page_realisations-fiche .content-galerie_heading { max-width: 100%; }
	#galerie-liste, #galerie-liste li { padding: 5px; }
	#galerie-liste li.video-thumb { padding-top: calc(50% - 5px); }
	#galerie-liste li.video-thumb a {
		top: 5px;
		left: 5px;
		bottom: 5px;
		right: 5px;
	}
}
.footer-gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 1440px;
	margin: 0 auto;
	padding: 20px;
}
.footer-gallery_retour .bouton_1 { margin: 0 }
.rs-sharing { text-align:center  }
.rs-sharing li { display:inline; }
.rs-sharing li a {
	display:inline-block;
	width: 40px; height: 40px;
	background-color: #00594e;
	text-align: center;
	border-radius: 50%;
	line-height: 38px;
	-webkit-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	transition:background-color .3s linear;
}
.rs-sharing li a svg {
	display: inline-block;
	vertical-align: middle;
	width: 20px; 
	height: 20px;
	fill: #fff;
}
.rs-sharing li a:hover { background-color:#d8b35f }
@media screen and (max-width: 740px) { 
	.footer-gallery {
		padding: 20px 10px;
	}
}
@media screen and (max-width: 480px) {  
	.footer-gallery {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.rs-sharing {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.footer-gallery_retour {
		width: 100%;
		padding: 20px 0 0;
		text-align: center;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
}