/* Parrures : Vitrines et focus*/

/* PARURES */
.focusordiparure{
	width: 80%;
	float:left;	
	margin:0 0 0 10%;
	padding:1.5rem 0 0 0;	
}
.focusmobparure{
	width: 100%;
	float:left;	
	margin:0;
	padding:0;	
}


/* Gauche chaussure */
.boitePa1{
	width:34%;
	margin:6.5% 0 0 2%;
	float:left;
}
.boitePa1 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
	box-shadow:none; 
}
/* Gauche chaussure => Centre vide */
.boitePa1CV{
	width:34%;
	margin:0 0 0 15%;
	float:left;
}
.boitePa1CV img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
	box-shadow:none; 
}
/* Gauche chaussure => Centre vide : 2 images à droite*/
.boitePa1CV5{
	width:34%;
	margin:6.5% 0 0 15%;
	float:left;
}
.boitePa1CV5 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
	box-shadow:none; 
}
/* Gauche botte */
.boitePa2{
	width:24%;
	margin:0 0 0 12%;
	float:left;
}
.boitePa2 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
	box-shadow:none; 
}
/* Gauche botte => Centre vide */
.boitePa2CV{
	width:24%;
	margin:0 0 0 25%;
	float:left;
}
.boitePa2CV img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
	box-shadow:none; 
}
/* Centre porté */
.boitePa3{
	width:24%;
	margin:0 0 0 2%;
	float:left;
}
.boitePa3 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
	box-shadow:none; 
}
/* Droite 1 boite */
.boitePa4{
	width:34%;
	margin:6.5% 0 0 2%;
	float:left;
}
.boitePa4 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
	box-shadow:none; 
}
/* Droite 1 boite => Centre vide */
.boitePa4CV{
	width:34%;
	margin:0 0 0 2%;
	float:left;
}
.boitePa4CV img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
	box-shadow:none; 
}
/* Droite 2 boites */
.boitePa5{
	width:25.25%;
	margin:0 0 0 2%;
	float:left;
}
.boitePa5 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
	box-shadow:none; 
}
.boitePa5bas{
	width:100%;
	margin:7% 0 0 0;
	float:left;
}
.boitePa5bas img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
	box-shadow:none; 
}

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

	/* Iphone 3 4 5 portrait 320px */
	.focusordiparure{
		display:none;
	}

	/* Boite en hauteur */
	.boitePaLmob{
		width:92%;
		margin:4% 0 0 4%;
		float:left;
	}
	.boitePaLmob img{
		width: 100%;
		margin:0;
		border:1px solid rgba(128,128,128,1);
		box-shadow:none;
	}
	/* Boite en hauteur */
	.boitePaHmob{
		width:70%;
		margin:4% 0 0 15%;
		float:left;
	}
	.boitePaHmob img{
		width: 100%;
		margin:0;
		border:1px solid rgba(128,128,128,1);
		box-shadow:none;
	}

}

@media all and (min-width:368px) and (max-width:467px){
	
	/* Iphone 6 portrait 375px */
	.focusordiparure{
		display:none;
	}

	/* Boite en hauteur */
	.boitePaLmob{
		width:92%;
		margin:4% 0 0 4%;
		float:left;
	}
	.boitePaLmob img{
		width: 100%;
		margin:0;
		border:1px solid rgba(128,128,128,1);
		box-shadow:none;
	}
	/* Boite en hauteur */
	.boitePaHmob{
		width:70%;
		margin:4% 0 0 15%;
		float:left;
	}
	.boitePaHmob img{
		width: 100%;
		margin:0;
		border:1px solid rgba(128,128,128,1);
		box-shadow:none;
	}
		
}

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

	/* iphone 3 4 paysage 480px */
	.focusordiparure{
		display:none;
	}

	.focusmobparure{
		width: 80%;
		float:left;	
		margin:0 0 0 10%;
		padding:0;	
	}

	/* Boite en hauteur */
	.boitePaLmob{
		width:92%;
		margin:4% 0 0 4%;
		float:left;
	}
	.boitePaLmob img{
		width: 100%;
		margin:0;
		border:1px solid rgba(128,128,128,1);
		box-shadow:none;
	}
	/* Boite en hauteur */
	.boitePaHmob{
		width:70%;
		margin:4% 0 0 15%;
		float:left;
	}
	.boitePaHmob img{
		width: 100%;
		margin:0;
		border:1px solid rgba(128,128,128,1);
		box-shadow:none;
	}

}

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

	/* iphone 5 paysage 568px */
	.focusordiparure{
		display:none;
	}

	.focusmobparure{
		width: 70%;
		float:left;	
		margin:0 0 0 15%;
		padding:0;	
	}

	/* Boite en hauteur */
	.boitePaLmob{
		width:92%;
		margin:4% 0 0 4%;
		float:left;
	}
	.boitePaLmob img{
		width: 100%;
		margin:0;
		border:1px solid rgba(128,128,128,1);
		box-shadow:none;
	}
	/* Boite en hauteur */
	.boitePaHmob{
		width:70%;
		margin:4% 0 0 15%;
		float:left;
	}
	.boitePaHmob img{
		width: 100%;
		margin:0;
		border:1px solid rgba(128,128,128,1);
		box-shadow:none;
	}
	
}

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

	/* Samsung galaxy paysage 640px iphone 6 paysage 667 */
	.focusordiparure{
		display:none;
	}

	.focusmobparure{
		width: 70%;
		float:left;	
		margin:0 0 0 15%;
		padding:0;	
	}

	/* Boite en hauteur */
	.boitePaLmob{
		width:92%;
		margin:4% 0 0 4%;
		float:left;
	}
	.boitePaLmob img{
		width: 100%;
		margin:0;
		border:1px solid rgba(128,128,128,1);
		box-shadow:none;
	}
	/* Boite en hauteur */
	.boitePaHmob{
		width:70%;
		margin:4% 0 0 15%;
		float:left;
	}
	.boitePaHmob img{
		width: 100%;
		margin:0;
		border:1px solid rgba(128,128,128,1);
		box-shadow:none;
	}
	
}

/* Tablettes */		

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

	/* ipad portrait 768px Samsung Tab 800px */
	.focusmobparure{
		display:none;
	}

	.focusordiparure{
		width:100%;
		float:left;	
		margin:0;
		padding:1.5rem 0 0 0;	
	}
	
}

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

	/* Asus LG  paysage 960px */
	.focusmobparure{
		display:none;
	}

	.focusordiparure{
		width:100%;
		float:left;	
		margin:0;
		padding:1.5rem 0 0 0;	
	}
	
}

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

	/* ipad paysage 1024 px */
	.focusmobparure{
		display:none;
	}

	.focusordiparure{
		width:100%;
		float:left;	
		margin:0;
		padding:1.5rem 0 0 0;	
	}
			
}

/* Ordinateurs */

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

	.focusmobparure{
		display:none;
	}

}

@media all and (min-width:1200px) and (max-width:1299px) {

	.focusmobparure{
		display:none;
	}
	
}

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

	.focusmobparure{
		display:none;
	}
	
}

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

	.focusmobparure{
		display:none;
	}

}

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

	.focusmobparure{
		display:none;
	}
	
}

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

	.focusmobparure{
		display:none;
	}
	
}

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

	.focusmobparure{
		display:none;
	}
	
}

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

	.focusmobparure{
		display:none;
	}
		
}