/***********************************************************
***		REFERENCES /PORTFOLIO
***********************************************************/



.content{
	min-height:100%;
	background:rgba(0, 0, 0, 0) url("../img/background.jpg") no-repeat scroll center center / cover ;
	padding-top:200px;
}
.content:after,.portfolio:after{
  content: ""; /* Important, sinon l'élément n'est pas généré. */
  display: table;
  clear: both;
}
.portfolio.inside{
    display:block;
    height:100vh;
    position: absolute;
    top:0;
    bottom:0;
    width: 100%;

}
.middle{
    margin-top: 50vh;
	margin-left:50vw;

}
.absolute
{
	position:absolute;
}
.content .portfolio img:hover{
	background-image : url("../img/hover-portfolio.png"); 
	cursor:pointer;
}
.left-img img
{
	margin-left:-187.5px;
}
.center-img img
{
	margin-left:-62.5px;
	position: absolute;
    z-index: 10;
}
.right-img img
{
	margin-left:62.5px;
	position: absolute;
    z-index: 10;
}
.top-img img
{
	margin-top:-108.5px;
}
.half-left-img img
{
	margin-left:-125px;
}
.down-img img
{
	margin-top:108.5px;
	position: absolute;
    z-index: 10;
}
.opacity{
	opacity:0.2;
}
.next img
{
	margin-top:216px;
	
}
.prev 
{
	margin-top:-216px;
	
}

.opacity:hover,.opacity img:hover{
	opacity:1;
}
.double-right-img img
{
	margin-left:125px;
}
.double-left-img img
{
	margin-left:-250px;
}
.double-half-right-img img
{
	margin-left:187.5px;
}
.double-half-left-img img
{
	margin-left:-310.5px;
}

.lightbox {
   /** Hide the lightbox */
   opacity: 0;
 
   /** Apply basic lightbox styling */
   position: fixed;
   z-index: 9999;
   width: 100%;
   height: 100%;
   top: -100%;
   left: 0;
   background:rgba(238, 127, 4,0.80);
   -webkit-transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -o-transition: opacity .5s ease-in-out;
   transition: opacity .5s ease-in-out;
   }
 

.lightbox:target {
    opacity: 1;
    outline: medium none;
    top: 0;
    transition: opacity 0.5s ease-in-out 0s;
}
.lightbox p,#contacts p
{
	margin-top:20px;
}
.top-align
{
	margin-top:33vh;
}
.lightbox a:hover
{
	transition: color 0.5s ease;
	color:black;
}


@media screen and (max-width: 650px) {
.double-half-left-img img,.double-half-right-img img,.double-left-img img,.double-right-img img,.next.left-img img,.next.right-img img,.prev.left-img img,.prev.right-img img{
	display:none;
}
}