/* GALLERIE PHOTO
-------------------------------------------------------------------------------------------------------------------------------- */
/* >>> Gallery home -------------------------------------------------------------- */
#gallery-home,
#gallery-list {
	padding:40px 0;
	text-align:center;
	position:relative;
	width:100%; z-index:0;
	overflow:hidden;
}
#gallery-home h2 { max-width:990px; margin:0 auto 20px; }
#gallery-home-content,
#gallery-list-content {
	position:relative;
	max-width:990px;
	padding:20px;
	margin:0 auto;
	z-index:2;
}
#gallery-home-content li,
#gallery-list-content li { width:33.33333%; float:left; }
#gallery-home-content li a,
#gallery-list-content li a {
	display:block; margin:10px;
	overflow:hidden; position:relative;
	background-color:#3a383b;
}
#gallery-home-content li a img,
#gallery-list-content li a img {
	display:block; width:100%;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
#gallery-list-content li a img { position:relative; z-index:0; }
#gallery-home-content li a:hover img,
#gallery-list-content li a:hover img {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.4
}
.gallery-title-album {
	text-align:center;
	position:absolute;
	bottom:-50%; left:15%;
	width:70%; height:100px;
	padding:10px 20px;
	margin-bottom:-50px; z-index:1;
	line-height:80px; background:#fff;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-ms-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}
.gallery-title-album .gallery-title-text {
	display:inline-block;
	text-transform:uppercase;
	vertical-align:middle;
	line-height:1.2em;
	margin-top:-400%;
	color:#3a383b; font-size:16px;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-ms-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}
a:hover .gallery-title-album { bottom:50%; }
a:hover .gallery-title-album .gallery-title-text { margin-top:0; }
#gallery-list-content li .gallery-album-content { display:none }

#gallery-fiche #gallery-list-content li:nth-child(1) { width:66.666666%; }
#gallery-fiche #gallery-list-content li:nth-child(1) a img { width:calc(100% + 10px) }

@media screen and (max-width: 990px) {
	.gallery-title-album {
		display:block;
		position:relative;
		bottom:auto; left:auto;
		line-height:normal;
		width:100%;
	}
	.gallery-title-album .gallery-title-text { margin:0 }
}

@media screen and (max-width: 540px) { 
	#gallery-home-content li, #gallery-list-content li { width:50%; } 
	#gallery-fiche #gallery-list-content li:nth-child(1),
	#gallery-fiche #gallery-list-content li:nth-child(1) a img { width:100%; }
	.gallery-title-album .gallery-title-text { font-size:12px; }
}
@media screen and (max-width: 360px) {
	#gallery-home-content li, #gallery-list-content li { width:auto; float:none; } 
}

/* >>> Gallery page -------------------------------------------------------------- */
.gallery-page-content {
	padding:40px 0;
	text-align:center;
	position:relative;
	width:100%; z-index:0;
	overflow:hidden;
}
.gallery-page { padding:30px; } 
.gallery-page-prev,
.gallery-page-next {
	position:absolute; z-index:3;
	width:30px; height:100%; top:0;
}
.gallery-page-prev { left:0 }
.gallery-page-next { right:0 }
.gallery-page-prev span,
.gallery-page-next span {
	z-index:3; left:0;
	position:absolute;
	width:30px; height:40px;
	top:50%; margin-top:-20px;
}
.gallery-page-prev:hover span, 
.gallery-page-next:hover span { background-position:0 bottom; }
.gallery-page-content .gallery-page-list li { width:25%; float:left; }
.gallery-page-content .gallery-page-list a {
	display:block; margin:10px;
	overflow:hidden; position:relative
}
.gallery-page-content .gallery-page-list li img {
	display:block; width:100%;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
.gallery-page-content .gallery-page-list li a:hover img {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.4
}
@media screen and (max-width: 750px) { .gallery-page .gallery-page-list li { width:33.33333%; float:left; }  }
@media screen and (max-width: 540px) { .gallery-page .gallery-page-list li { width:50%; float:left; }  }
@media screen and (max-width: 360px) { .gallery-page .gallery-page-list li { width:100%; float:left; } }

/* category */
#gallery-category { margin:50px 0 0; }
#gallery-category > a { display:block; width:50%; float:left; }
#gallery-category .els_categorygals { margin:15px; }
#gallery-category .gallery-thumb { margin-bottom:20px; overflow:hidden; }
#gallery-category .gallery-thumb img {
	display: block; width: 100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
#gallery-category .gallery-title { 
	text-align:center;
	-webkit-transition:color .2s linear;
	-moz-transition:color .2s linear;
	-ms-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
#gallery-category a:hover .gallery-thumb img {
	opacity:.3;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
@media screen and (max-width: 540px) { 
	#gallery-category > a { display:block; width:100%; float:none; }
}

/* fiche */
.gallery_description {
	padding:0 30px 0 150px;
	min-height:40px;
}
.gallery_description .bouton_retour {
	position:absolute;
	left:30px; top:0;
}
@media screen and (max-width: 480px) { 
	.gallery_description {
		padding:0 20px;
	}
	.gallery_description .bouton_retour {
		position:static; display:block;
		padding:8px 30px;
		margin-bottom:20px;
		text-align:center;
	}
}