/* 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
}
#gallery-home-content li a img,
#gallery-list-content li a img {
	display:block; width:100%;
	-webkit-transition:transform .2s linear, opacity .2s linear;
	-moz-transition:transform .2s linear, opacity .2s linear;
	-ms-transition:transform .2s linear, opacity .2s linear;
	-o-transition:transform .2s linear, opacity .2s linear;
	transition:transform .2s linear, opacity .2s linear;
}
#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-home-content li .gallery-title-album,
#gallery-list-content li .gallery-title-album {
	background:rgba(255,255,255,0.5);
	position:absolute; bottom:-60px; left:0; z-index:1;
	padding:10px 0; text-align:center; font-size:16px;
	height:60px; width:100%; opacity:0;
	-webkit-transition:bottom .2s linear, opacity .2s linear;
	-moz-transition:bottom .2s linear, opacity .2s linear;
	-ms-transition:bottom .2s linear, opacity .2s linear;
	-o-transition:bottom .2s linear, opacity .2s linear;
	transition:bottom .2s linear, opacity .2s linear;
}
#gallery-home-content li a:hover .gallery-title-album,
#gallery-list-content li a:hover .gallery-title-album { bottom:0; opacity:1; }
#gallery-list-content li .gallery-album-content { display:none }

@media screen and (max-width: 540px) { 
	#gallery-home-content li, #gallery-list-content li { width:50%; } 
	#gallery-list-content li .gallery-title-album { font-size:12px; height:40px; bottom:-40px; }
}

/* >>> Gallery page -------------------------------------------------------------- */
.gallery-page-content {
	padding:40px 0;
	text-align:center;
	position:relative;
	width:100%; z-index:0;
	overflow:hidden;
}
.gallery-page { padding:0 40px; }
.gallery-page-prev,
.gallery-page-next {
	position:absolute; z-index:3;
	width:30px; height:100%;
	top:0; background:#eeeded !important;
}
.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 span { background:url(../images/icones/sprite_navigation_prev.png) 0 0 no-repeat; }
.gallery-page-next span { background:url(../images/icones/sprite_navigation_next.png) 0 0 no-repeat; }
.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:transform .2s linear, opacity .2s linear;
	-moz-transition:transform .2s linear, opacity .2s linear;
	-ms-transition:transform .2s linear, opacity .2s linear;
	-o-transition:transform .2s linear, opacity .2s linear;
	transition:transform .2s linear, opacity .2s linear;
}
.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: transform .2s linear, opacity .2s linear;
    -moz-transition: transform .2s linear, opacity .2s linear;
    -ms-transition: transform .2s linear, opacity .2s linear;
    -o-transition: transform .2s linear, opacity .2s linear;
    transition: transform .2s linear, opacity .2s linear;
}
#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; }
}