/* Vitrines */
.lookbook{
	width: 30%;
	margin: 0 0 2% 2.5%;
	float:left;
}
.lookbook img{
	width: 100%;
}

/* Focus */
/* 2 colonnes: 2 photos en largeur - 1 photo hauteur */
.lookfocus1{
	width: 38.8%;
	margin: 0 0 2% 2%;
	float:left;
}
.lookfocus1 img{
	width: 100%;
	border: 1px solid #000;
}

.lookmodele1{
	width: 27.3%;
	margin: 0 0 2% 2%;
	float:left;
}
.lookmodele1 img{
	width: 100%;
	border: 1px solid #000;
}
.espaceM1{
	width: 100%;
	margin:0;
	padding-bottom: 7.3%;
}
.lookporte1{
	width: 25.9%;
	margin: 0 0 2% 2%;
	float:left;
}
.lookporte1 img{
	width: 100%;
	border: 1px solid #000;
}


/* 2 colonnes: 1 photo en hauteur et 1 en largeur - 1 photo en largeur et une hauteur */
.lookfocus2{
	width: 48.75%;
	margin: 0 0 2% 2%;
	float:left;
}
.lookfocus2 img{
	width: 100%;
	border: 1px solid #000;
}

.lookmodele2{
	width: 21.625%;
	margin: 0 0 2% 2%;
	float:left;
}
.lookmodele2 img{
	width: 100%;
	border: 1px solid #000;
}
.espaceM2{
	width: 100%;
	margin:0;
	padding-bottom: 7.3%;
}
.lookporte2{
	width: 21.625%;
	margin: 0 0 2% 2%;
	float:left;
}
.lookporte2 img{
	width: 100%;
	border: 1px solid #000;
}

/* 2 colonnes: 3 photos en largeur - 1 photo hauteur */
.lookfocus3{
	width: 43.25%;
	margin: 0 0 2% 2%;
	float:left;
}
.lookfocus3 img{
	width: 100%;
	border: 1px solid #000;
}

.lookmodele3{
	width: 19.85%;
	margin: 0 0 2% 2%;
	float:left;
}
.lookmodele3 img{
	width: 100%;
	border: 1px solid #000;
}
.espaceM3{
	width: 100%;
	margin:0;
	padding-bottom: 7.4%;
}
.lookporte3{
	width: 28.90%;
	margin: 0 0 2% 2%;
	float:left;
}
.lookporte3 img{
	width: 100%;
	border: 1px solid #000;
}

/* ADMIN */

.lookapercu{
	float:left;
	width: 15%;
	margin:0 2% 0 2%;
}
.lookapercu img{
	width: 100%;
	border: 1px solid #000;
}



@media all and (max-width:367px) {

	.lookbook{
		width: 48.5%;
		margin: 0 0 0.25% 1%;
	}

	.lookfocus1, .lookfocus2, .lookfocus3{
		width: 90%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele1{
		width: 43.4%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.espaceM1{
		width: 100%;
		margin:0;
		padding-bottom: 8%;
	}
	.lookporte1{
		width: 41.6%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele2{
		width: 42.5%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookmodele2 img{
		width: 100%;
		border: 1px solid #000;
	}
	.espaceM2{
		width: 100%;
		margin:0;
		padding-bottom: 9%;
	}
	.lookporte2{
		width: 42.5%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele3{
		width: 34%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 8.8%;
	}
	.lookporte3{
		width: 51%;
		margin: 0 0 5% 5%;
		float:left;
	}	

}

@media all and (min-width:368px) and (max-width:467px){

	.lookbook{
		width: 48.5%;
		margin: 0 0 0.25% 1%;
	}

	.lookfocus1, .lookfocus2, .lookfocus3{
		width: 90%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele1{
		width: 43.4%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.espaceM1{
		width: 100%;
		margin:0;
		padding-bottom: 8%;
	}
	.lookporte1{
		width: 41.6%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele2{
		width: 42.5%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookmodele2 img{
		width: 100%;
		border: 1px solid #000;
	}
	.espaceM2{
		width: 100%;
		margin:0;
		padding-bottom: 9%;
	}
	.lookporte2{
		width: 42.5%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele3{
		width: 34%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookmodele3 img{
		width: 100%;
		border: 1px solid #000;
	}
	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 8.8%;
	}
	.lookporte3{
		width: 51%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookporte3 img{
		width: 100%;
		border: 1px solid #000;
	}
		
}

@media all and (min-width:468px) and (max-width:567px){

	.lookbook{
		width: 48.5%;
		margin: 0 0 0.25% 1%;
	}

	.lookfocus1, .lookfocus2, .lookfocus3{
		width: 90%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookmodele1{
		width: 43.4%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.espaceM1{
		width: 100%;
		margin:0;
		padding-bottom: 8.3%;
	}
	.lookporte1{
		width: 41.6%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele2{
		width: 42.5%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookmodele2 img{
		width: 100%;
		border: 1px solid #000;
	}
	.espaceM2{
		width: 100%;
		margin:0;
		padding-bottom: 9%;
	}
	.lookporte2{
		width: 42.5%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele3{
		width: 34%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookmodele3 img{
		width: 100%;
		border: 1px solid #000;
	}
	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 9.5%;
	}
	.lookporte3{
		width: 51%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookporte3 img{
		width: 100%;
		border: 1px solid #000;
	}
	
}

@media all and (min-width:568px) and (max-width:667px) {

	.lookbook{
		width: 47.75%;
		margin: 0 0 1% 1.5%;
	}

	.lookfocus1, .lookfocus2, .lookfocus3{
		width: 90%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele1{
		width: 43.4%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.espaceM1{
		width: 100%;
		margin:0;
		padding-bottom: 8.5%;
	}
	.lookporte1{
		width: 41.6%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele2{
		width: 42.5%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookmodele2 img{
		width: 100%;
		border: 1px solid #000;
	}
	.espaceM2{
		width: 100%;
		margin:0;
		padding-bottom: 9%;
	}
	.lookporte2{
		width: 42.5%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele3{
		width: 34%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookmodele3 img{
		width: 100%;
		border: 1px solid #000;
	}
	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 10.2%;
	}
	.lookporte3{
		width: 51%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookporte3 img{
		width: 100%;
		border: 1px solid #000;
	}

}

@media all and (min-width:668px) and (max-width:767px) {

	.lookbook{
		width: 47.75%;
		margin: 0 0 1% 1.5%;
	}

	.lookfocus1, .lookfocus2, .lookfocus3{
		width: 90%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele1{
		width: 43.4%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.espaceM1{
		width: 100%;
		margin:0;
		padding-bottom: 8.5%;
	}
	.lookporte1{
		width: 41.6%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele2{
		width: 42.5%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.lookmodele2 img{
		width: 100%;
		border: 1px solid #000;
	}
	.espaceM2{
		width: 100%;
		margin:0;
		padding-bottom: 9%;
	}
	.lookporte2{
		width: 42.5%;
		margin: 0 0 5% 5%;
		float:left;
	}

	.lookmodele3{
		width: 34%;
		margin: 0 0 5% 5%;
		float:left;
	}
	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 10.8%;
	}
	.lookporte3{
		width: 51%;
		margin: 0 0 5% 5%;
		float:left;
	}
	
}

/* Tablettes */		

@media all and (min-width:768px) and (max-width:899px) {

	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 6.1%;
	}
	
}

@media all and (min-width:900px) and (max-width:999px) {

	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 6.8%;
	}
	
}

@media all and (min-width:1000px) and (max-width:1099px) {

	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 7%;
	}
	
}

/* Ordinateurs */

@media all and (min-width:1100px) and (max-width:1199px) {

	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 7%;
	}
	
}

@media all and (min-width:1200px) and (max-width:1299px) {
	
	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 7.1%;
	}
	
}

@media all and (min-width:1300px) and (max-width:1399px) {

	.espaceM3{
		width: 100%;
		margin:0;
		padding-bottom: 7.2%;
	}

}

@media all and (min-width:1400px) and (max-width:1499px) {

	
	
}

@media all and (min-width:1500px) and (max-width:1599px) {

	
	
}

@media all and (min-width:1600px) and (max-width:1699px) {

	

}


@media all and (min-width:1700px) and (max-width:1799px) {

	
}


@media all and (min-width:1800px) {
	
	
	
}