.containervideo {
  position: relative;
   width: 100%;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.partage{
	position: relative;
	bottom: 60px;
	width: 100%;
}

.partage div,.partage a{vertical-align:bottom!important;}



/* LISTE FILTRE GALERIE */
.portfolioFilter	{
	padding: 20px 15px;	
}

.portfolioFilter ul{
	margin:0;
}	

.portfolioFilter ul li{
	list-style-type: none;
	display: inline-block;
	vertical-align:middle;	
}

.portfolioFilter ul li.title{
	font-size:16px;
	text-transform:uppercase;
	display:inline-block
}

.portfolioFilter ul li.btn{
    font-size: 12px;
	border: 1px solid #555;
	padding:5px;
}

.portfolioFilter ul li.btn.current{
	background-color: #fd5157;
	border: 1px solid #eee;
}

.portfolioFilter ul li.btn.current a{ 
	color:#fff;
}

.portfolioFilter ul li a {	
	color:#555;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

/*GALERIE*/
img{
	max-width:100%;
	vertical-align:middle;
}
.item.col-md-4, .item.col-sm-6, .item.col-xs-12{padding-bottom:30px;}

.portfolio.item{
	-moz-animation:fadein 2s;
	-webkit-animation:fadein 2s;
	-o-animation:fadein 2s;	
}

/*ISOTOPE*/
/* .container {
    display: none;
} */
.isotope-item{
	z-index:2
}

.isotope-hidden.isotope-item{
	pointer-events:none;
	z-index:1
}

.isotope{
	overflow:visible!important
}

.isotope,.isotope .isotope-item{

	-webkit-transition-duration:.8s;
	-moz-transition-duration:.8s;
	-ms-transition-duration:.8s;
	-o-transition-duration:.8s;
	transition-duration:.8s
}

.isotope{
	-webkit-transition-property:height,width;
	-moz-transition-property:height,width;
	-ms-transition-property:height,width;
	-o-transition-property:height,width;
	transition-property:height,width
}

.isotope .isotope-item{
	-webkit-transition-property:-webkit-transform,opacity;
	-moz-transition-property:-moz-transform,opacity;
	-ms-transition-property:-ms-transform,opacity;
	-o-transition-property:-o-transform,opacity;
	transition-property:transform,opacity
}

.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s
}

/*CONTAINER FIGURE*/
.item{
	position:relative;
	margin:0 auto;
	list-style:none;
	text-align:center;
}

.item figure{
	position:relative;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	width: 100%;
	display:block;	
}

.item figure img{
	position:relative;
	display:block;
	opacity:1;
	width: 100%;
}

.item figure figcaption p,.item figure figcaption p a{
	color:#fff;
	width:100%;
	height:100%;
	display:block;	
}

.item figure figcaption{
	padding:20px;
	color:#fff;
	font-size:13px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}

.item figure figcaption::after,.item figure figcaption::before{
	pointer-events:none
}

.item figure figcaption,.item figure figcaption>a{
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	height:100%
}

/* EFFET HOVER FIGURE*/
figure.effet-caption img{
	opacity:1;
	-webkit-transition:opacity .35s;
	transition:opacity .35s;
	border:1px solid #ccc;
}

figure.effet-caption figcaption{
	-webkit-transition:background-color .35s;
	transition:background-color .35s
}

figure.effet-caption figcaption::before{
	position:absolute;
	content:''
}

figure.effet-caption figcaption::before, 
figure.effet-caption p,figure.effet-caption .partage{
	opacity:0;
	-webkit-transition:opacity .35s,-webkit-transform .35s;
	transition:opacity .35s,transform .35s;
	-webkit-transform:scale(0);
	transform:scale(0)
}

figure.effet-caption:hover figcaption::before,figure.effet-caption:hover p,figure.effet-caption:hover .partage{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

figure.effet-caption:hover figcaption{
	background-color:rgba(0,0,0,0.5)
}

figcaption p a.fa.fa-search.fa-3x,figcaption p a.fa.fa-search.fa-3x span{
	color:#fff ;
	text-decoration:none;
}

figcaption p a.fa.fa-search.fa-3x {
	
	margin-top:30px;
}

figcaption p a.fa.fa-search.fa-3x span{
	
	font-size:14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align:center; 
	display:block;
	margin-top: 5px;
	
 }
 
 figcaption p a.fa.fa-search.fa-3x:hover{
	color: #fd5157!important;
	-webkit-transition: color 500ms ease-out 1s;
	-moz-transition:color 500ms ease-out 1s;
	-o-transition: color 500ms ease-out 1s;
	transition: color 500ms ease-out 1s;
}

/* SLIMBOX LIGHTBOX*/
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbNumber{
	display:none;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel.png) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel.png) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/closelabel.png) no-repeat center;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-left: 10px;
}


@media only screen and (max-width:740px){
	
	
	.item figure figcaption{
		padding:0;
	}
	
	figure.effet-caption p{
		margin:40px auto;
	}
	
	.portfolioFilter ul li.title { 
		display: block;
	}
	.portfolioFilter ul li.btn {
		margin:5px 0;
	}
	
}
@media only screen and (max-width:568px){
	
	.partage {    
		bottom: 60%;
		padding: 0 15px;
	}
	
	
}