.masonry-portfolio {
margin-left:15px;
 
}


.masonry-portfolio figure {
float: left;
width:20%;
height: 159px ;  
margin: 0 2px 4px; 
overflow:hidden;
-webkit-background-size: cover; 
-moz-background-size: cover !important; 
 -o-background-size: cover; 
 background-size: cover !important ; 
 
}

.masonry-portfolio .item-w2 {
width: 40%; 
overflow:hidden;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover !important; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
 background-size: cover !important; 
 
}

.masonry-portfolio .item-h2 {
height: 322px;
overflow:hidden;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover !important; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover !important;
 
}

.masonry-portfolio .item-h3 {
height: 485px; 
overflow:hidden; 
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover !important; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover !important; 

}

.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
	
}

#masonry-modules {
webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
padding: 0;
font-size: 0;
display:none;
margin-bottom: 40px;
text-align:center;
text-indent:-5000px;
}

.masonry-portfolio figure img {
width:100%;
height:100%; 
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover !important; /* pour Firefox */ 
-o-background-size: cover; /* pour Opera */
background-size: cover !important ; 
  
}

.filter {
padding: 0;
font-size: 0;
margin-bottom: 40px;
text-align:center;

}

.filter li {
display: inline;
color: #000;
line-height: 50px;

}

.filter.text-center li {
display: inline-block;

}

.filter li a {
color: #000;
padding: 13px 23px;
border: 1px solid #e5e5e5;
font-size: 12px;
font-weight: 300;
text-transform: uppercase;
margin-right:10px;
border-radius:3px;

}

.filter li a:hover {

}

.filter li a.active {
color: #fff !important;
border: 0px solid #eb5a55;

}

.filter li:first-child a {
border-left: 1px solid #e5e5e5

}

.text-overlay{
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
height: 100%;
position: absolute;
text-decoration: none;
width: 100%;
z-index: 100;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
bottom:0px;
font-size:22px;
overflow:hidden;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover !important; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover !important ; 
		
}

figure a:hover .text-overlay {
opacity: 0.85;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
}

figure a .text-overlay .info {
text-align: center;
top: 40%;
width: 100%;
left: 0px;
position: absolute; 
margin-top: -16px;
color: #fff;
font-weight: 300;
text-transform: uppercase;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
letter-spacing:1px;
		
}

figure a .text-overlay .info h5 {
color: #fff;
font-weight: 500;
text-transform:none;
margin-top:6px !important;

}

figure a:hover .text-overlay .info {
top: 50%;

}

.info h4  {
text-align:center !important;
font-weight: 300 !important;
text-transform:uppercase !important;
margin-bottom:0px !important;
color:#fff !important;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}