/*----------------------------
	WebCMS ©2013 by Olivier Toscano
	contact	:	info@webcms.lu
	url		:	webcms.lu
	society	:	WebCMS S.à r.l.
------------------------------*/
@CHARSET "UTF-8";

/*
---------------
Résolutions
---------------
iPhone : 320 x 480
iPhone Retina : 640 x 960
iPhone (4") Retina : 640 x 1136

iPad Portrait : 768 x 1004
iPad Portrait Retina : 1536 x 2008

iPad Lanscape : 1024 x 768
iPad Landscape Retina : 2048 x 1496
*/

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/* insert rules */

	/* gabarit */
	div#wrapper_header,
	div#wrapper_banners,
	div#header,
	div#banners,
	div#banners img { width: 1024px; }
	
	div#wrapper_content,
	div#wrapper_footer { width: 1024px; }
	div#content,
	div#footer { width: 1004px; }
	
	/* footer */
	div.absRight { right: 20px; }

	/* filters */
	div#wrapper_filters { width: 200px; }
	div#wrapper_view_select { width: 778px; }
	
	/* home page bandeau */
	div.homepage img.homepagebandeau { width: 1024px; }
	
	/* orderStep1 */
	div.adrLivraisonWrapper { width: 500px; }
	
	/* product */
	div.product_wrapper_left { margin-right: 10px; }
	div.product_wrapper_right { width: 340px; }
	div.product_wrapper_price { margin-left: 10px; }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	/* insert rules */

	/* gabarit */
	div#wrapper_header,
	div#wrapper_banners,
	div#header,
	div#banners { width: 768px; }

	div#wrapper_content,
	div#wrapper_footer { width: 768px; }
	div#content,
	div#footer { width: 748px; }
	
	/* footer */
	div#footer .float3 { width: 150px; font-size: 0.8em; }
	div.absRight { right: 20px; }
	
	/* categories */
	div#wrapper_filters { width: 200px; }
	div#wrapper_view_select { width: 528px; margin-left:10px; }
	div.view_list ul.products li p.productFooter { width: 70%; }
	
	/* home page bandeau */
	div.homepage img.homepagebandeau { width: 768px; }
	
	/* orderStep1 */
	div.adrLivraisonWrapper { width: 500px; }
	
	/* product */
	div.product_wrapper_left { margin-right: 10px; }
	div.product_wrapper_right { clear:left; width: 340px; }
	div.product_wrapper_price { position: absolute; top: 90px; right: 20px; margin-left: 10px; }
}

/* iPads Retina (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2)
and (min-device-pixel-ratio : 2) {
	/* insert rules */
}

/* iPads Retina (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2)
and (min-device-pixel-ratio : 2) {
	/* insert rules */
}

@media only screen and (orientation : landscape) {}
@media only screen and (orientation : portrait) {}