/*
Theme Name: ALACASA 
Theme URI: http://www.themes.alessioatzeni.com/html/brushed/
Author: Lydia Auduge
Author URI: http://www.alessioatzeni.com
Description: Personal Website and Portfolio of Lydia Auduge
Version: 1.0
*/


/* ==================================================
   Basic Styles
================================================== */
html,body{

  margin:0;
  padding:0;
  }

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('x'),
    url('GraublauWeb.woff') format('woff'),
    url('GraublauWeb.otf') format('opentype'),
    url('GraublauWeb.svg#grablau') format('svg');
}

.through{
	text-decoration:line-through;
}

input,  select, textarea {
	font-weight: 300;
	outline: 0;
}

input:focus, 
textarea:focus,
input[type="text"]:focus {
	outline: 0;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #7F8289;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #7F8289;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #7F8289;
}


/* ==================================================
   Typography
================================================== */

/* ==================================================
   Margin Bottom Sets
================================================== */

.margin-0{
	margin-bottom:0 !important;
}

.margin-10{
	margin-bottom:10px !important;
}

.margin-15{
	margin-bottom:15px !important;
}

.margin-20{
	margin-bottom:20px !important;
}

.margin-30{
	margin-bottom:30px !important;
}

.margin-40{
	margin-bottom:40px !important;
}

.margin-50{
	margin-bottom:50px !important;
}

.margin-60{
	margin-bottom:60px !important;
}

.margin-70{
	margin-bottom:70px !important;
}

.margin-80{
	margin-bottom:80px !important;
}



/* ==================================================
   Section Page
================================================== */

.page {
	background: #2F3238;
	padding: 100px 0;
	position: relative;
	z-index: 99;
	background-color: #FFFFFF;
}

.page-alternate {
	background: #26292E;
	padding: 100px 0;
	position: relative;
	z-index: 99;
}




body {
    overflow-x:hidden;
}
.bandeaug{
position:absolute;
background-color:#FFFFFF;
width:4%;
left:0;
height:100%;
overflow:hidden;
z-index:999;

}
.bandeaud{
position:absolute;
background-color:#FFFFFF;
width:4%;
left:96%;
height:100%;
overflow:hidden;
z-index:999;
}

.bodyindex{

width: 400%;  
  
float:left;
position:relative;
height:770px;
overflow:hidden;

}
.bodyindex ul {  
width: 398%;  
height:770px;  
padding:0;
margin:0;  
list-style: none;  

}  
.bodyindex li {  
float: left;
  
}  
.fleche{
position:absolute;
top:50%;
width:24%;
z-index:9999;

}
.flecheg{
color:#FFFFFF;
left:3.5%;
position:relative;
display:inline-block;


}
.fleched{
right:2%;
color:#FFFFFF;
float:right;
position:relative;
display:inline-block;

}



.bodyindex ul{

height:auto;
padding:0;
margin:0;
list-style:none;
display:inline;


}

.bodyindex ul li{
width:24%;
padding:0;
margin:0;
list-style:none;
float:left;
display:block;


}

.bodyindex ul li img{
height:auto;
width:100%;
list-style:none;
margin:0;
padding:0;
display:inline;
}



/* ==================================================
   Section Portfolio
================================================== */

.type-work {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 1em;
	
}

.work-nav #filters {
	margin: 0;
	padding-top:12px;
	float:left;
	text-align:left;
	display:block;
	width:auto;

}

.work-nav #filters li {
	color:#a7a7a7;
	margin:0;
	padding: 0;
	display:inline;
	list-style: none;
	width:auto;
	
}

.work-nav #filters li a {
	color: #a7a7a7;
	font-size: 14px;
	display:inline-block;  
}

.work-nav #filters li a:hover {
	color: #000000;
}

.work-nav #filters li a.selected {
	color: #000000;
}

.navbar-nav li a.selected {
	color: #000000;
}



#thumbs li {
float:left;
display:block;
}


#produits {
float:left;
display:block;

}

#produits li {

	float:left;
	display:block;
}







.item-thumbsd50r img {
	width: 100%;
	float:left;

}

.item-thumbsd50r .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbsd50r:hover .hover-wrap,
.item-thumbsd50r.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbsd50r .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	

	background: #ffffff;	
	opacity: 0.70;
	filter: alpha(opacity=70);
}


.item-thumbsd ul{
margin:0;
padding:0;
width:100%;
float:left;
display:block;


}


.item-thumbsd50 img {
	width: 100%;

}

.item-thumbsd50 .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbsd50:hover .hover-wrap,
.item-thumbsd50.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbsd50 .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	

	background: #ffffff;	
	opacity: 0.70;
	filter: alpha(opacity=70);
}

li.item-thumbsd50b {
	position: relative;
	overflow: hidden;
	float:left;
	width:45%;

	cursor: pointer;
}
.item-thumbsd50b img {
	width: 100%;
	display:block;

}

.item-thumbsd50b .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbsd50b:hover .hover-wrap,
.item-thumbsd50b.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbsd50b .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	

	background: #ffffff;	
	opacity: 0.70;
	filter: alpha(opacity=70);
}




.item-thumbsd a + img {
	width: 100%;
	float:left;
	display:block;
}

.item-thumbsd .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbsd:hover .hover-wrap,
.item-thumbsd.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbsd .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	

	background: #ffffff;	
	opacity: 0.70;
	filter: alpha(opacity=70);
}

.item-thumbsr a + img {
	width: 100%;

}

.item-thumbsr .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbsr:hover .hover-wrap,
.item-thumbsr.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}



.item-thumbsr .hover-wrapb {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	overflow:hidden;
	opacity: 0;
	filter: alpha(opacity=0);
transition: all 0.5s ease;
	display:inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	zoom:1;

}

.item-thumbsr:hover .hover-wrapb,
.item-thumbsr.active .hover-wrapb {
	display:inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	zoom:1;

}


.item-thumbsr .hover-wrapb .overlay-img .titrevisuel {
position: absolute;
	display: block;
	width: 100%;
	height: 100%;
   opacity: 0;
   left:-100px;
 
	filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			zoom:1;
-webkit-transition: width 0.5s, height 0.5s,-webkit-transform 0.5s;  /* For Safari 3.1 to 6.0 */
transition: width 0.5s, height 0.5s, transform 0.5s;


}

.item-thumbsr:hover .hover-wrapb .overlay-img .titrevisuel,
.item-thumbsr:active .hover-wrapb .overlay-img .titrevisuel {
	opacity:1;
	z-index:9999;
	filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		zoom:1;
	-ms-transform: translate(100px,0); /* IE 9 */
    -webkit-transform: translate(100px,0); /* Chrome, Safari, Opera */
    transform: translate(100px,0); /* Standard syntax */

	

}
.item-thumbsr .hover-wrapb .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #FFFFFF;	
	opacity: 0.7;
	filter: alpha(opacity=70);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    zoom:1;
	z-index:1;
}

.item-thumbsr .hover-wrapb .overlay-img .titrevisuel{
	position: absolute;
	width: auto;
	height: auto;
	top:10%;
	font-size:12px;
	padding-right:5px;
	color:#FFFFFF;
	z-index:9;


}
.item-thumbsr .hover-wrapb .overlay-img .titrevisuel ul{
margin:0;
padding:0;
list-style:none;
}


.item-thumbsr .hover-wrapb .overlay-img .titrevisuel ul li {
margin:0;
padding:0;
margin-bottom:1px;
padding-left:3px;
float:left;
padding-right:3px;
list-style:none;
font-size:12px;
width:auto;
background-color:#000000;


}

.item-thumbsrl a + img {
	width: 100%;

}

.item-thumbsrl .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbsrl:hover .hover-wrap,
.item-thumbsrl.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}



.item-thumbsrl .hover-wrapb {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	overflow:hidden;
	opacity: 0;
	filter: alpha(opacity=0);
transition: all 0.5s ease;
	display:inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	zoom:1;

}

.item-thumbsrl:hover .hover-wrapb,
.item-thumbsrl.active .hover-wrapb {
	display:inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	zoom:1;

}


.item-thumbsrl .hover-wrapb .overlay-img .titrevisuel {
position: absolute;
	display: block;
	width: 100%;
	height: 100%;
   opacity: 0;
   left:-100px;
 
	filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			zoom:1;
-webkit-transition: width 0.5s, height 0.5s,-webkit-transform 0.5s;  /* For Safari 3.1 to 6.0 */
transition: width 0.5s, height 0.5s, transform 0.5s;


}

.item-thumbsrl:hover .hover-wrapb .overlay-img .titrevisuel,
.item-thumbsrl:active .hover-wrapb .overlay-img .titrevisuel {
	opacity:1;
	z-index:9999;
	filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		zoom:1;
	-ms-transform: translate(100px,0); /* IE 9 */
    -webkit-transform: translate(100px,0); /* Chrome, Safari, Opera */
    transform: translate(100px,0); /* Standard syntax */

	

}
.item-thumbsrl .hover-wrapb .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #FFFFFF;	
	opacity: 0.7;
	filter: alpha(opacity=70);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    zoom:1;
	z-index:1;
}

.item-thumbsrl .hover-wrapb .overlay-img .titrevisuel{
	position: absolute;
	width: auto;
	height: auto;
	top:10%;
	font-size:12px;
	padding-right:5px;
	color:#FFFFFF;
	z-index:9;


}
.item-thumbsrl .hover-wrapb .overlay-img .titrevisuel ul{
margin:0;
padding:0;
list-style:none;
}


.item-thumbsrl .hover-wrapb .overlay-img .titrevisuel ul li {
margin:0;
padding:0;
margin-bottom:1px;
padding-left:3px;
float:left;
padding-right:3px;
list-style:none;
font-size:12px;
width:auto;
background-color:#000000;


}

.item-thumbs a + img {
	width: 100%;

}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}



.item-thumbs .hover-wrapb {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	overflow:hidden;
	opacity: 0;
	filter: alpha(opacity=0);
transition: all 0.5s ease;
	display:inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	zoom:1;

}

.item-thumbs:hover .hover-wrapb,
.item-thumbs.active .hover-wrapb {
	display:inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	zoom:1;

}


.item-thumbs .hover-wrapb .overlay-img .titrevisuel {
position: absolute;
	display: block;
	width: 100%;
	height: 100%;
   opacity: 0;
   left:-100px;
 
	filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			zoom:1;
-webkit-transition: width 0.5s, height 0.5s,-webkit-transform 0.5s;  /* For Safari 3.1 to 6.0 */
transition: width 0.5s, height 0.5s, transform 0.5s;


}

.item-thumbs:hover .hover-wrapb .overlay-img .titrevisuel,
.item-thumbs:active .hover-wrapb .overlay-img .titrevisuel {
	opacity:1;
	z-index:9999;
	filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		zoom:1;
	-ms-transform: translate(100px,0); /* IE 9 */
    -webkit-transform: translate(100px,0); /* Chrome, Safari, Opera */
    transform: translate(100px,0); /* Standard syntax */

	

}
.item-thumbs .hover-wrapb .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #FFFFFF;	
	opacity: 0.7;
	filter: alpha(opacity=70);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    zoom:1;
	z-index:1;
}

.item-thumbs .hover-wrapb .overlay-img .titrevisuel{
	position: absolute;
	width: auto;
	height: auto;
	top:10%;
	font-size:12px;
	padding-right:5px;
	color:#FFFFFF;
	z-index:9;


}
.item-thumbs .hover-wrapb .overlay-img .titrevisuel ul{
margin:0;
padding:0;
list-style:none;
}


.item-thumbs .hover-wrapb .overlay-img .titrevisuel ul li {
margin:0;
padding:0;
margin-bottom:1px;
padding-left:3px;
float:left;
padding-right:3px;
list-style:none;
font-size:12px;
width:auto;
background-color:#000000;


}

.col-right-imgmissions .overlay-img {
	position: absolute;
	width: 100%;


}

.col-right-imgmissions .overlay-img .titrevisuel{
	position: absolute;
	width: auto;
	height: auto;
	left:0;
	top:10%;
	font-size:12px;
		padding-right:5px;
	color:#FFFFFF;	

}
.col-right-imgmissions .overlay-img .titrevisuel ul{
margin:0;
padding:0;
list-style:none;
}

.col-right-imgmissions .overlay-img .titrevisuel ul li {
margin:0;
padding:0;
margin-top:10%;
float:left;
list-style:none;
font-size:12px;
width:auto;

}





.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ffffff;	
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.item-thumbs .hover-wrap .overlay-img .titrevisuel{
	position: absolute;
	width: auto;
	height: auto;
	left:2%;
	top:10%;
	font-size:12px;
	margin-left:20px;
	padding-left:5px;
		padding-right:5px;
	color:#FFFFFF;	

}
.item-thumbsd .hover-wrap .overlay-img .titrevisuel{
	position: absolute;
	width: auto;
	height: auto;
	left:0;
	top:5%;

	color:#FFFFFF;	

}
.item-thumbs .hover-wrap .overlay-img .titrevisuel ul{
margin:0;
padding:0;
list-style:none;
}

.item-thumbsd .hover-wrap .overlay-img .titrevisuel ul li {
margin:0;
padding:0;
float:left;
list-style:none;
font-size:12px;
padding-left:3px;
width:auto;

}

.item-thumbs .hover-wrap .overlay-img .titrevisuel ul li {
margin:0;
padding:0;
margin-bottom:1px;
padding-left:3px;
float:left;
padding-right:3px;
list-style:none;
font-size:12px;
width:auto;

}


.item-thumbsc {
width:32.3%;
margin-right:1%;
margin-bottom:1%;
	position: relative;
	display:block;
	float:left;
	cursor: pointer;

}

.item-thumbsc a + img {
	width: 100%;
	float:left;
	display:block;
}

.item-thumbsc .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;

		-webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;

	
}

.item-thumbsc:hover .hover-wrap,
.item-thumbsc.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);

}



.item-thumbsc .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	overflow:hidden;
	opacity: 0;
border: 1px solid #e7e7e7;
	filter: alpha(opacity=0);

}

.item-thumbsc .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ffffff;	
	opacity: 1;
	filter: alpha(opacity=100);
}

.overlay-img .titrevisuelc{
	left:0;
	font-size:12px;
	color:#000000;
}
.titrevisuelc {
  text-align: center;
}

/* The element to be centered, can
   also be of any width and height */ 
.bloc {
padding-top:15%;
padding-left:15px;
padding-right:15px;
   text-align: center;
  width: 100%;
}




.overlay-img .titrevisuelc ul{
margin:0;
padding:0;
list-style:none;
}

.overlay-img .titrevisuelc ul li {
margin:0;
padding:0;
float:left;
list-style:none;
font-size:12px;
vertical-align:middle;
text-align:center;
width:auto;

}
.overlay-img .titrevisuelc ul li mark{
background-color:#FFFFFF;
vertical-align:middle;
text-align:center;
color:#000000;
padding:0;
margin:10;
}



.overlay-img .titrevisueld{
	position: absolute;
	width: auto;
	height: auto;
	top:80%;
	left:5%;
	font-size:12px;
	background: #000000;

	color:#FFFFFF;	

}
.overlay-img .titrevisueld50{
	position: absolute;
	width: auto;
	height: auto;
	top:80%;
	left:5%;
	font-size:12px;
	background: #000000;

	color:#FFFFFF;	

}
.item-thumbsd .litem {
width:50%;
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
float:left;
display:block;

}
.item-thumbsd .litem img{
width:100%;
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
margin-top:5px;
float:left;
display:block;

}

.item-thumbsd .ritem{
width:30%;
margin:0;
margin-left:auto;
margin-right:auto;
text-align:left;
float:left;
display:block;

}
.item-thumbsd50r .ritem{
width:100%;
margin:0;
margin-left:auto;
margin-right:auto;
text-align:left;


}
.item-thumbsd .titrev{

width:auto;
float:none;
display:block;
text-align:center;
padding:0;
margin:0;
margin-left:auto;
margin-right:auto;
font-size:14px;
color:#626161;
}

.item-thumbsd .descv{

width:70%;
float:none;
display:block;
text-align:center;
padding:0;
margin:0;
margin-left:auto;
margin-right:auto;

font-size:12px;

}



.titreldetails{
font-weight:bolder;
font-size:14px;
width:auto;

float:left;
display:block;
color:#000000;

}

#back-to-topl {
	display: none;
color:#A7A7A7;
	margin: 0;
	position: fixed;
	bottom: 40px;
	left: 0.5%;
	font-weight:bolder;
	width: 30px;
	height: 30px;
	z-index: 99;
	
	-webkit-transition: background 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s;
		    transition: background 0.1s linear 0s;
}
#back-to-topl2 {
	display: none;
	color:#A7A7A7;
	margin: 0;
	position: fixed;
	top: 160px;
	left: 0.5%;
		font-weight:bolder;
	width: 30px;
	height: 30px;
	z-index: 99;
	
	-webkit-transition: background 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s;
		    transition: background 0.1s linear 0s;
}
#back-to-top {
	display: none;
color:#A7A7A7;
	margin: 0;
	position: fixed;
	bottom: 40px;
	right: 1.5%;
		font-weight:bolder;
	width: 30px;
	height: 30px;
	z-index: 99;
	
	-webkit-transition: background 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s;
		    transition: background 0.1s linear 0s;
}

#back-to-top2 {
	display: none;
color:#A7A7A7;
	margin: 0;
	position: fixed;
	right: 1.5%;
	top:160px;
	width: 30px;
		font-weight:bolder;
	height: 30px;
	z-index: 99;
	
	-webkit-transition: background 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s;
		    transition: background 0.1s linear 0s;
}


#back-to-top i, #back-to-topl i, #back-to-top2 i, #back-to-topl2 i{
	font-size: 24px;
color:#A7A7A7;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	line-height: 1em;
}

#back-to-top i, #back-to-topl i, #back-to-top2 i, #back-to-topl2 i {
	margin-left: -7px;	
}

@media screen and (min-width: 820px) and (max-width: 1024px) {

#back-to-top {
height:43px;
right: 23%;
}
#back-to-topl {
height:43px;
left: 23%;
}
}
@media screen and (min-width: 100px) and (max-width: 819px) {

#back-to-top {
height:43px;
bottom:25px;
right: 23%;
}
#back-to-topl {
height:43px;
bottom:25px;
left: 23%;
}
}


.introdes{
font-size:14px;
width:100%;
/*border:1px solid #000000;*/
float:left;
display:block;
color:#626161;
font-weight:bolder;
margin-bottom:15px;
line-height:19px;

}

.item-thumbsd .hover-wrap .overlay-img-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 1em;	
	opacity: 1;
	filter: alpha(opacity=100);
}

.item-thumbsd50 .hover-wrap .overlay-img-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 1em;	
	opacity: 1;
	filter: alpha(opacity=100);
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 1em;	
	opacity: 1;
	filter: alpha(opacity=100);
	display:inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	zoom:1;
}


/* ==================================================
   About Section
================================================== */

.profile-name {
	margin-bottom: 15px;	
}
.profile-name2 {
	margin-bottom: 12px;
}


.profile-description {
	margin-bottom: 25px;	
}

/*.image-wrap {
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
	cursor: pointer;
}

.image-wrap img {
	width: 100%;	
}

.image-wrap  .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.image-wrap:hover .hover-wrap,
.image-wrap.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}*/



/*.social-icons {
	margin: 0;
	padding: 0;
}

.social-icons li {
	display: inline-block;
	margin-left: 15px;	
}

.social-icons li:first-child {
	margin-left: 0;
}

.social-icons li a{
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1em;
	width: 16px;
	height: 16px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: opacity 0.1s linear 0s;	
	   -moz-transition: opacity 0.1s linear 0s;
		 -o-transition: opacity 0.1s linear 0s;
		    transition: opacity 0.1s linear 0s;
}

.social-icons li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
*/


/* ==================================================
   Twitter Feed
================================================== */

#twitter-feed {
	padding: 100px 0 90px;
	text-align: center;	
}

#twitter-feed .follow {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -8px;
	font-size: 16px;	
}

#ticker .tweet_list {
	margin: 0;
	padding: 0;
	height: 64px;
	list-style: none;
	overflow-y: hidden;	
}

#ticker .tweet_list li {
	font-size: 18px;
	height: 64px;
	line-height: 28px;
	overflow: hidden;
}

#ticker .tweet_list .tweet_time a {
	color: #7f8289;
	font-size: 14px;
	font-style: italic;
	margin-left: 10px;	
}

#ticker .tweet_list .tweet_time a:hover {
	color: #FFFFFF;	
}


/* ==================================================
   Social Area
================================================== */

/*#social-area {
    text-align: center;
}

#social-area #social ul {
	margin: 0;
	padding: 0;
}

#social-area #social ul li {
	display: inline-block;
	margin-left: 30px;
	list-style: none;
	cursor: pointer;
}

#social-area #social ul li:first-child {
	margin-left: 0;
}

#social ul li a {
	display: block;
	width: 70px;
	height: 70px;

	background: #26292E;
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
	
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}

#social ul li a span {
	display: inline-block;
	margin: 0;
	color: #55606a;
	font-size: 32px;
	line-height: 70px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}*/

/*#social ul li:hover a,
#social ul li.active a {
	background-color: #DE5E60;	
	
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
		    transform: rotateY(0deg);
}

#social ul li:hover a span,
#social ul li.active a span {
	color: #FFFFFF;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
}

*/


/* ==================================================
   Back to Top
================================================== */
/*
#back-to-top {
	display: none;
	background-color: #3C3F45;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	z-index: 99;
	
	-webkit-transition: background 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s;
		    transition: background 0.1s linear 0s;
}

#back-to-top:hover {
	background-color:#DE5E60;
}

#back-to-top i {
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	line-height: 1em;
}

#back-to-top i {
	margin-left: -7px;	
}*/


/* ==================================================
   Preloader
================================================== */

#jpreOverlay,
#jSplash {
	background-color: #FFFFFF;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 700;
}

#jpreSlide{
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
}

#jpreLoader {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;	
}

#jprePercentage {
	width: 50px;
	height: 50px !important;
	line-height: 50px;
	position: absolute !important;
	text-align: center;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	z-index: 800;
	
	font-size: 24px;
	color: #FFFFFF;	

	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
		 -o-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

#circle {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
	background: #dedede;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	opacity: 0;
	filter: alpha(opacity=0);
			
	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

@-webkit-keyframes circle {
	0% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
	50% {-webkit-transform: rotateY(180deg);
		-webkit-animation-timing-function: ease-out;
	}
	100% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
}

@-moz-keyframes circle {
	0% {-moz-transform: rotateY(0deg);
	}
	50% {-moz-transform: rotateY(180deg);
		-moz-animation-timing-function: ease-out;
	}
	100% {-moz-transform: rotateY(0deg);
		-moz-animation-timing-function: ease-in;
	}
}

@-ms-keyframes circle {
	0% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
	50% {-ms-transform: rotateY(180deg);
		-ms-animation-timing-function: ease-out;
	}
	100% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
}

@-o-keyframes circle {
	0% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
	50% {-o-transform: rotateY(180deg);
		-o-animation-timing-function: ease-out;
	}
	100% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
}

@keyframes circle {
	0% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
	50% {transform: rotateY(180deg);
		animation-timing-function: ease-out;
	}
	100% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
}


/* ==================================================
   Isotope Filtering
================================================== */

/**** Isotope Filtering ****/





.isotope-item {
  z-index: 2;

}

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

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.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;
}

/**** disabling Isotope CSS3 transitions ****/

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

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}