@media (min-width: 1024px) and (max-width: 4500px) {

}

@media (min-width: 768px) and (max-width: 1024px) {
/*	.zoom_img img{ width:50%; }
	.zoom_img_selected img{ width:50%;}	
*/}

@media (min-width: 415px) and (max-width: 767px) {
	.container {
			margin-right:0px !important;
			max-width: 767px;
			padding:0px !important;
			margin-left:0px !important;
	}
	.menu1 { letter-spacing: -0.5px; }
	.col2 { width: /*16.66666667%*/ 20% !important; }
/*	.zoom_img img{ width:50%; }
	.zoom_img_selected img{ width:50%;}
*/}

@media (min-width: 321px) and (max-width: 414px) {
	.container {
	margin-right:0px !important;
	max-width:414px !important;
	padding:0px !important;
	margin-left:0px !important;
	}
	.menu1 { letter-spacing: -0.5px; }
	
	.zoneLeft { width: 30% !important;}
	.zoneTITRE { width: 66% !important; margin-right:5px; box-shadow: 3px 3px 3px #C8C8C8;}
	.zoneMENU { margin-top:0px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	.zone1 { width: 66% !important; padding:5px !important; 	margin-right:5px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	.zone2 { width: 66% !important; padding:5px !important; margin-right:5px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	.zone2a { width: 66% !important; padding:5px !important; margin-right:5px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	
	h1 { font-size: 1.8em !important; }
	h3 { font-size: 0.8em; line-height: 0.85em; }
	
	/*.menu1 { font-size:0.65em !important; line-height:1.7em !important;}*/
	.action { padding-left:4px;}
	.txtAction { font-size:0.8em !important; }
	.madeInFrance {font-size:0.9em; }
	.drapeauBleu { width:30% !important; margin-left:4px !important; }
	.drapeauBlanc { width:30% !important; }
	.drapeauRed { width:30% !important; }
	
	.col2 { width: /*16.66666667%*/ 35% !important; }
	
/*	.zoom_img img{ width:50%; }
	.zoom_img_selected img{ width:50%; border-radius:1.5em !important;}
	.zoom_img_selected img:hover{ border-radius:1.5em !important;}
*/
}


@media (min-width: 241px) and (max-width: 320px) {
	.container {
	margin-right:0px !important;
	max-width:320px !important;
	padding:0px !important;
	margin-left:0px !important;
	}
	.zoneLeft { width: 30% !important;}
	.zoneTITRE { width: 66% !important; margin-right:5px; box-shadow: 3px 3px 3px #C8C8C8;}
	.zoneMENU { margin-top:0px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	.zone1 { width: 66% !important; padding:5px !important; 	margin-right:5px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	.zone2 { width: 66% !important; padding:5px !important; margin-right:5px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	.zone2a { width: 66% !important; padding:5px !important; margin-right:5px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	
	h1 { font-size: 1.8em !important; }
	h3 { font-size: 0.8em; height:1em; }
	
	.menu1 { font-size:0.65em !important; line-height:1.7em !important; letter-spacing: -0.5px; }
	.action { padding-left:4px;}
	.txtAction { font-size:0.6em !important; }
	
	#footerGauche { display:none !important; }
	.madeInFrance {font-size:0.9em; }
	.drapeauBleu { width:30% !important; margin-left:4px !important; }
	.drapeauBlanc { width:30% !important; }
	.drapeauRed { width:30% !important; }
	
	.col2 { width:35% !important; }
	
	.col4 {
	float:left;
	width: 50%;
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	margin:5px;
  	}
	.zoom_img img{
	width:100%;
	-moz-transition:-moz-transform 0.3s ease-in; 
	-webkit-transition:-webkit-transform 0.3s ease-in; 
	-o-transition:-o-transform 0.3s ease-in;
}

	#menu { display: none; }
	#mobile-nav { display: block; float: right; }
	.menu-nav { background-image: url(../images/menu-mobile_@2x.png); background-size: 16px 32px; }
	
	
}

@media (max-width: 240px) {
	.container {
	margin-right:0px !important;
	max-width:240px !important;
	padding:0px !important;
	margin-left:0px !important;
	}
	.zoneLeft { width: 30% !important;}
	.zoneTITRE { width: 66% !important; margin-right:5px; box-shadow: 3px 3px 3px #C8C8C8;}
	.zoneMENU { margin-top:0px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	.zone1 { width: 66% !important; padding:5px !important; 	margin-right:5px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	.zone2 { width: 66% !important; padding:5px !important; margin-right:5px !important; box-shadow: 3px 3px 3px #C8C8C8; }
	.zone2a { width: 66% !important; padding:5px !important; margin-right:5px !important; box-shadow: 3px 3px 3px #C8C8C8;  }
	
	h1 { font-size: 1.8em !important; }
	h3 { font-size: 1em; height:1em; }
	
	.menu1 { font-size:0.65em !important; line-height:1.7em !important;}
	.action { padding-left:4px;}
	.txtAction { font-size:0.6em !important; }
	.madeInFrance {font-size:0.9em; }
	.drapeauBleu { margin-left:4px !important; }
	
/*	.zoom_img img{ width:50%; }
	.zoom_img_selected img{ width:50%; border-radius:1.1em !important;}
	.zoom_img_selected img:hover{ border-radius:1.1em !important;}
*/

/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-moz-min-device-pixel-ratio: 2),
  	only screen and (-o-min-device-pixel-ratio: 2:1),
  	only screen and (min-device-pixel-ratio: 2),
  	only screen and (min-resolution: 2dppx) {
		
/*	.container {
		margin-right:5px !important;
		padding:0px !important;
		margin-left:5px !important;
	}
	.zoom_img img{ width:30%; }
	.zoom_img_selected img{ width:30%; border-radius:1.1em !important;}
	.zoom_img_selected img:hover{ border-radius:1.1em !important;}
*/
	.menu-nav { background-image: url(../img/menu-mobile_@2x.png); background-size: 16px 32px; }
	
}