/* ACCUEIL */


.bigboxAG{
	width:66.75%;
	margin: 0;
	float: left;
}
.bigboxAD{
	width: 66.75%; 
	margin:0 0 0 0;
	float: left;
}
.boxAG{
	position:relative;
	float:left;
	width :98.5%;
	margin:0 0 1.6% 0;
}
.boxAD{
	position:relative;
	float:left;
	width :98.5%;
	margin:0 0 1.6% 0;
}

.bigboxBG{
	width: 33.25%;
	margin: 0;
	float: left;
}
.boxBG{
	position:relative;
	float:left;
	width :97%;
	margin:0 0 3% 0;
}
.bigboxBD{
	width: 33.25%;
	margin: 0 0 0 0;
	float: left;
}
.boxBD{
	position:relative;
	float:left;
	width :97%;
	margin:0 0 3% 0;
}

.bigboxC{
	width: 32.5%;
	margin: 0 2% 0 0;
	float: left;
}
.boxC{
	position:relative;
	float: left;
	width :93%;
	margin:0 0 7% 0;
}

.bigboxD{
	width: 32%; 
	margin: 0;
	float: left;
}
.boxD{
	position:relative;
	float:left;
	width :93%;
	margin:0 0 9% 0;
}


.bigboxE{
	width: 50%;
	margin: 0;
	float: left;
}
.boxEG{
	position:relative;
	float:left;
	width :98%;
	margin:0 0 2% 0;
}
.boxED{
	position:relative;
	float:left;
	width :98%;
	margin:0 0 2% 0;
}


.bigboxF{
	width: 50%;
	margin: 0;
	float: left;
}
.boxFG{
	position:relative;
	float:left;
	width :97%;
	margin:0 0 3% 0;
}
.boxFD{
	position:relative;
	float:left;
	width :97%;
	margin:0 0 3% 0;
}

.vitrine{
	width: 99%;
	float:left;
	background-color: rgba(210,180,140,0.8);
	margin:0;
	padding: 1% 0 0 1%;
}
.vitrine img{
	width: 100%;
	float:left;
	margin:0;
	border:none;
	box-shadow:none;
}
.vitrine h5{
	position:absolute;
	right:0.5rem;
	bottom:0.5rem;
	font-size:1.1rem;
}

@media all and (max-width:374px) {

	/* Iphone 3 4 5 portrait 320px
	   Galaxy S9 portrait 360px */
	.vitrine h5{
		display:none;
	}
	.euro{
		display:none;
	}		

}

@media all and (min-width:375px) and (max-width:479px){

	/* Iphone 6/7/8 portrait 375px */
	.vitrine h5{
		display:none;
	}
	.euro{
		display:none;
	}

}

@media all and (min-width:480px) and (max-width:567px){

	/* iphone 3 4 paysage 480px */
	.vitrine h5{
		display:none;
	}
	.euro{
		display:none;
	}

}

@media all and (min-width:568px) and (max-width:639px) {

	/* iphone 5 paysage 568px */
	.vitrine h5{
		display:none;
	}
	.euro{
		display:none;
	}
	
}

@media all and (min-width:640px) and (max-width:719px) {

	/* Samsung galaxy paysage 640px iphone 6 paysage 667 */
	.vitrine h5{
		display:none;
	}
	.euro{
		display:none;
	}
	
}

@media all and (min-width:720px) and (max-width:767px) {

	/* Microsoftsurface portrait 720 px iphone 6+ paysage 736 */
	.vitrine h5{
		display:none;
	}
	.euro{
		display:none;
	}
	
}

/* Tablettes */		

@media all and (min-width:768px) and (max-width:959px) {

	/* ipad portrait 768px Samsung Tab 800px */
	.vitrine h5{
		font-size:0.9rem;	
	}
	.euro{
		font-size:0.7rem;
	}
	
}

@media all and (min-width:960px) and (max-width:1023px) {

	/* Asus LG  paysage 960px */
	.vitrine h5{		
		font-size:0.9rem;		
	}
	.euro{
		font-size:0.7rem;
	}
	
}

@media all and (min-width:1024px) and (max-width:1099px) {

	/* ipad paysage 1024 px */
	.vitrine h5{		
		font-size:0.9rem;		
	}
	.euro{
		font-size:0.7rem;
	}
			
}

/* Ordinateurs */

@media all and (min-width:1100px) and (max-width:1199px) {

	.vitrine h5{		
		font-size:1rem;		
	}
	.euro{
		font-size:0.9rem;
	}

}

@media all and (min-width:1200px) and (max-width:1279px) {

	.vitrine h5{
		font-size:1rem;	
	}
	.euro{
		font-size:0.9rem;
	}
	
}

@media all and (min-width:1280px) and (max-width:1365px) {

	.vitrine h5{
		font-size:1rem;		
	}
	.euro{
		font-size:0.9rem;
	}

}

@media all and (min-width:1366px) and (max-width:1400px) {

	.vitrine h5{
		font-size:1rem;		
	}
	.euro{
		font-size:0.9rem;
	}
	
}

@media all and (min-width:1400px) and (max-width:1499px) {

	.vitrine h5{
		font-size:1.1rem;	
	}
	.euro{
		font-size:0.9rem;
	}

}

@media all and (min-width:1500px) and (max-width:1599px) {

	.vitrine h5{
		font-size:1.1rem;	
	}
	.euro{
		font-size:0.9rem;
	}
	
}

@media all and (min-width:1600px) and (max-width:1699px) {

	.vitrine h5{
		font-size:1.1rem;	
	}
	.euro{
		font-size:0.9rem;
	}
	
}

@media all and (min-width:1700px) and (max-width:1799px) {

	.vitrine h5{
		font-size:1.1rem;	
	}
	.euro{
		font-size:0.9rem;
	}
	
}

@media all and (min-width:1800px) {

	.vitrine h5{
		font-size:1.1rem;	
	}
	.euro{
		font-size:0.9rem;
	}
		
}



