@charset "utf-8";
/*Theme used : default (Don't modify this line)*/
/*Google fonts : family=Archivo:500|Open+Sans:300,400,700 (Don't modify this line)*/
/* ***CSS BEGIN*** gallery_1 (Ne pas modifier cette ligne) */
/* CSS Document */

/*********************************************************************
 * Designed by Chami webmaster@chami.eu
 *
 * Template : gallery_1
 *********************************************************************/

.gallery_1 {
}

.gallery_1 .imgWrapper {
   overflow: hidden;
}

.gallery_1 .imgWrapper ul {
   overflow: inherit;
	 width: 1000vw;
	 margin: 1vw 0;
}

.gallery_1 ul li {
	float: left;
	position: relative;
	list-style: none;
}

.gallery_1 [id^='img_'] {
	display:inline-block;
	margin: 1.5vw;
	border: #186F5D 1vw double;
	/* valeur initiale pour 3 images (100 - (1.5 + 1)*6)/3 */
	width: 28.33vw;
}

.gallery_1 ul li .titre {
	position: absolute;
	top: 3vw;
	left: 3vw;
	background-color: #321807;
}

.gallery_1 ul li .titre h1 {
	font-size: 1.4em;
	padding: .1em .3em;
	color: #DEF1EE;
}

.gallery_1 ul li .fade_gt {
	position: absolute;
	top: 24%;
	left: 10%;
	width: 78%;
	max-height: 66%;
	padding: 1%;
	background-color: hsla(224,35%,21%,0.65);
	opacity: 0;
	transition: opacity 1s ease .2s;
}
.gallery_1 ul li .fade_gt span {
	font-size: 1.14em;
	color: hsla(56,95%,57%,1.00);
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
		/* ================================ */
		
@media only screen and (max-device-width:1000px) {
}
@media only screen and (max-device-width:400px) {
	#canvas header,
	#canvas footer {
		display: none;
	}
}
@media only screen and (max-width:1000px) {
	.gallery_1 [id^='img_'] {
		display:inline-block;
		margin: 1.5vw;
		border: #186F5D 1vw double;
		/* valeur initiale pour 2 images (100 - (1.5 + 1)*4)/2 */
		width: 45vw;
	}
}
@media only screen and (max-width:480px) {
	.gallery_1 [id^='img_'] {
		display:inline-block;
		margin: 1.5vw;
		border: #186F5D 1vw double;
		/* valeur initiale pour 2 images (100 - (1.5 + 1)*2)/1 */
		width: 95vw;
	}
}
/* ***CSS END*** gallery_1 (Ne pas modifier cette ligne) */