.content {
			height: 5000px;
		}

		
		#Lookbook .wrapper {
			display: -webkit-box;
			display: -moz-box;
			display: box;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-moz-box-pack: center;
			box-pack: center;
			-webkit-justify-content: center;
			-moz-justify-content: center;
			-ms-justify-content: center;
			-o-justify-content: center;
			justify-content: center;
			-ms-flex-pack: center;
			-webkit-box-align: center;
			-moz-box-align: center;
			box-align: center;
			-webkit-align-items: center;
			-moz-align-items: center;
			-ms-align-items: center;
			-o-align-items: center;
			align-items: center;
			-ms-flex-align: center;
			height: 100vh;
			width: 100%;
			position: fixed;
			top: 0px
		}
		
		#col1_global .box, #col2_global .box,#col3_global .box,#col4_global .box {
			-webkit-box-flex: none;
			-moz-box-flex: none;
			box-flex: none;
			-webkit-flex: none;
			-moz-flex: none;
			-ms-flex: none;
			flex: none;
			height: auto;
			margin: 0px;
			float: left;
			display: block;
			padding: 0;
    		border: 0;
			width: 100%
		}
		
		#col1_global .box img, #col2_global .box img,#col3_global .box img,#col4_global .box img {
			width: 100%;
			height: auto;
      float: left;
			display: block;
			transition: all ease-in-out 0.5s;
			-moz-transition: all ease-in-out 0.5s;
			-webkit-transition: all ease-in-out 0.5s
		}

    #col1_global {
			width: 31%;
		}

		#col2_global {
			width: 21.2%;
		}
		
		#col3_global {
			width: 18.3%;
		}
		
		#col4_global {
			width:5%;
		}


#col1_global, #col2_global,#col3_global,#col4_global {
	position: fixed; 
	left: 24.8%;
	top: 0;
	bottom: 0;
	float: left;
	z-index: 1;
}

#col1_global:hover, #col2_global:hover, #col3_global:hover, #col4_global:hover {z-index: 5}

#col2_global {
	left: 55.6%; 
}
#col3_global {
	left: 76.8%; 
}
#col4_global {
	left: 95%; 
}

#col1_global .box img, #col2_global .box img,#col3_global .box img,#col4_global .box img {position:relative; max-width: 100%; min-height:auto; transition: 0.5s ease;}
#col1_global .box img:hover, #col2_global .box img:hover,#col3_global .box img:hover,#col4_global .box img:hover { transform: scale(1.2); z-index:100; opacity:1;}



@media (max-width: 996px) {
	#Lookbook .content .wrapper {display: none}
	#Lookbook .content:before {content: "Merci d'utiliser un support plus grand pour voir le lookbook"; display: block; text-align: center;
		margin: 100px 50px 0}	
	#Lookbook .content {max-height: 50vh !important}
}

	
	.interior {
display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.btn {
	text-decoration: none;
}
.modal-window {
position: fixed;
	background-color: rgba(255, 255, 255, 0.15);
top: 0;
right: 0;
bottom: 0;
left: 0;
	z-index: 999;
opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
transition: all 0.3s
}
.modal-window:target {
opacity: 1;
	pointer-events: auto;
}
.modal-window>div {
width: 100%;
height:100%;
position: relative;
padding: 100px;
background: black;
color: white;
}
.modal-window header {
	font-weight: bold;
}
.modal-close {
color: #aaa;
	line-height: auto;
	font-size: 20px;
  position: absolute;
  right: 20px;
	text-align: center;
  top: 20px;
	text-transform: uppercase;
  width: 70px;
	text-decoration: none;
}
.modal-close span:before {content: "\f00d"; font:100 10px/18px fontawesome;margin: 0 5px; vertical-align: top}

.modal-close span {width: 10px; height: 30px; overflow: hidden}
.modal-close:hover {
color: white;
	text-decoration:line-through;
}
.modal-next, .modal-prev {
color: #aaa;
	line-height: 50px;
	font-size: 20px;
position: absolute;
right: 20px;
	text-align: center;
top: 50%;
width: 70px;
	text-decoration: none;
}
.modal-next:hover {
color: white;
	text-decoration:underline;
}
.modal-prev {
left: 20px
}
.modal-prev:hover {
color: white;
	text-decoration:underline;
}
.modal-fb {
position: absolute;
left: 40%;
bottom: 3%;
}
.modal-tw {
position: absolute;
right: 40%;
bottom: 3%;
}
.modal-window h1 {
	font-size: 150%;
margin: 0 0 15px;
}
.pic {
position: absolute;
left: 17%;
top: 7%;
	max-height: 80%;
	max-width:80%;

}


.socialbutton {
	background-color: black;
color: white;
border: 2px solid white;
width:120px;
height:40px;
	text-align: center;
	text-decoration: none;
display: inline-block;
	font-size: 16px;
margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
cursor: pointer;
}

.socialbutton:hover {
	background-color: white;
color: black;
}

marquee {margin-top: 45vh;}

.img_modal_lookbook {text-align: center;position: relative; width: 100%; height: 100%; float: left; margin: 0 auto; overflow: hidden}
.img_modal_lookbook img {text-align: center; max-height: 70vh !important;margin:0 auto }

.modaling {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

@media (max-width: 1024px) {
	.modal-fb {
position: absolute;
left: 36%;
bottom: 3%;
}
.modal-tw {
position: absolute;
right: 36%;
bottom: 3%;
}
}