/* ====================================================================================================
	High Definition
==================================================================================================== */

@media only screen and ( -webkit-min-device-pixel-ratio: 1.5 ), only screen and ( min-resolution: 144dpi ) {
	
	#footer .by a { background: url(../images/guarana.png) no-repeat left top; background-size: 71px 40px;}
	
}


/* ====================================================================================================
	Mobile < 767
==================================================================================================== */

@media screen and ( max-width: 767px ) {
	
	html { -webkit-text-size-adjust: none;}
	html, #container { background-size: 175px auto;}
	body { font-size: 16px;}
	
	.visible-phone { display: block !important; visibility: visible !important;}
	.hidden-phone, .visible-desktop, .visible-tablet, .visible-print { display: none !important; visibility: hidden !important;}
	
	.wrapper, #page .wrapper  { width: auto; padding: 0;
		-webkit-border-radius: 0;
				border-radius: 0;
	}
	.row     { width: 100%; margin: 0;}
	.column  { width: 100%; margin: 1em 0; padding: 0;}
	.inside  { padding: 10px;}
	.no-xs-margin { margin: 0;}
	
	h1 { font-size: 1.875em;}
	h2 { font-size: 1.25em;}
	
	.large { font-size: 1em;}
	a.button, input.button { margin: 8px 0;}
	
	#breadcrumbs { padding: 0 10px;}
	
	#page { padding-top: 0;}
	#header .wrapper, .header-holder { height: 50px;}
	.fixed #header { position: relative;}
	
	#logo { position: absolute; left: 10px; top: 0; right: 70px; bottom: 0; width: 280px; background-position: left center; background-size: 70% auto; height: 50px;}
	#lang_sel_list.lang_sel_list_vertical { float: none; position: absolute; right: 50px; top: 0; height: 50px; line-height: 50px;}
	#lang_sel_list.lang_sel_list_vertical li a { height: 50px; line-height: 50px; padding: 0;}
	a.mobile-nav-bt { position: absolute; top: 12px; right: 10px; color: #fff; font-size: 2em; text-decoration: none;}
	.slideshow-holder .wrapper { padding: 0; height: auto;}
	#slideshow { margin: 0; height: auto;
		-webkit-border-radius: 0;
				border-radius: 0;
	}
	#slideshow, .swiper-container, .swiper-container .swiper-slide { height: 200px !important;}
	#slideshow .caption { bottom: 78px; left: 20px; right: 20px;}
	#slideshow .holder:hover .caption { bottom: 78px;}
	#slideshow .swiper-holder { height: 48px; bottom: -70px; bottom: 0;}
	.featured { max-height: 200px;}
	
	#sidebar { margin: 0;}
	#sidebar aside { padding: 20px 10px;}
	.cta { margin: 0;}
	
	.main .inside { padding: 10px;}
	.product { float: none; width: 100%;}
	
	#footer .wrapper { padding: 0 10px;}
	#footer .by, #footer .copy { float: none !important; text-align: center; display: block;}
	#footer .by { background: #000; padding: 10px; width: 100%; margin-left: -10px; margin-bottom: 0;}
	
	.gallery-item { width: 50%;}
	.gallery-icon { width: 90%; height: auto;}
	.gallery-icon a.over span { display: none;}
	.gallery-icon a.over:hover { background: transparent;}
	
	.product .image { width: 50%; margin: 0 auto 10px auto; height: auto; padding: 10px 0;}
	.products.list .product .image { width: 25%; height: 75px; float: left; padding: 0;}
	.products.list .product .image img { max-height: 80%; margin: 10% auto;}
	.products.list .product a.button { display: inline-block; margin: 20px 0 0 5%; width: 70%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
	}
	article.produit .thumb { margin: 10px auto; width: 30%; max-height: 200px;}
	article.produit .thumb img { max-height: 200px;}
	
	article { margin: 10px 0;}
	article .thumb { width: 25%; height: auto; margin-right: 5%; margin-bottom: 10px;}
	
	#footer .by, #footer .copy { font-size: 0.857em;}
	
	.half, .demi { width: 100%; float: none; margin: 0;}
	.membre { width: 46%;}
	
	#cboxTitle { display: none !important;}
}

@media handheld and ( max-width: 767px ) and ( orientation: portrait ) {

}

@media handheld and ( max-width: 767px ) and ( orientation: landscape ) {

}


/* ====================================================================================================
	Tablet 768 - 979
==================================================================================================== */

@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
	
	html, #container { background-size: 175px auto;}
	body { font-size: 14px;}
	
	.visible-tablet { display: block !important; visibility: visible !important;}
	.hidden-tablet, .visible-desktop, visible-phone, .visible-print { display: none !important; visibility: hidden !important;}
	
	.wrapper { width: 724px;}
	.row     { margin-left: -20px;}
	.column  { margin-left: 20px;}
	.inside, #sidebar aside  { padding: 20px;}
	
	.col-1   { width: 42px;}
	.col-2   { width: 104px;}
	.col-3   { width: 166px;}
	.col-4   { width: 228px;}
	.col-5   { width: 290px;}
	.col-6   { width: 352px;}
	.col-7   { width: 414px;}
	.col-8   { width: 476px;}
	.col-9   { width: 538px;}
	.col-10  { width: 600px;}
	.col-11  { width: 662px;}
	.col-12  { width: 724px;}
	
	.tablet-fixed #header { position: fixed; top: 0; left: 0;}
		
	#logo { width: 170px; background-size: 170px auto; background-position: center center;}
	#nav li a { padding: 0 8px;}
	#slideshow, .swiper-container, .swiper-container .swiper-slide { height: 260px !important;}
	#slideshow .caption { bottom: 78px; left: 20px; right: 20px;}
	#slideshow .holder:hover .caption { bottom: 78px;}
	#slideshow .swiper-holder { height: 48px; bottom: -70px; bottom: 0;}
	.featured { max-height: 260px;}
	
	.cta { padding: 20px 0;}
	a.button { padding: 5px 12px; font-size: 0.857em; margin: 10px 0;}
	
	.gallery-icon { width: 100px; height: 100px;}
	
	.product .image { height: 150px;}
	
	.swiper-offres { height: 160px;}
	.swiper-offres .image { height: 110px;}
	
	.gallery-icon a.over span { line-height: 100px;}
	
}

@media handheld and ( min-width: 980px ) and ( orientation: portrait ) {

}

@media handheld and ( min-width: 980px ) and ( orientation: landscape ) {

}


/* ====================================================================================================
	Screen > 1220
==================================================================================================== */

@media screen and ( min-width: 1200px ) {
	
	body { font-size: 16px;}
	
	.visible-desktop { display: block !important; visibility: visible !important;}
	.hidden-desktop, .visible-tablet, .visible-phone, .visible-print  { display: none !important; visibility: hidden !important;}
	
	.wrapper { width: 1170px;}
	.row     { margin-left: -30px;}
	.column  { margin-left: 30px;}
	.inside  { padding: 30px;}
	
	.col-1   { width: 70px;}
	.col-2   { width: 170px;}
	.col-3   { width: 270px;}
	.col-4   { width: 370px;}
	.col-5   { width: 470px;}
	.col-6   { width: 570px;}
	.col-7   { width: 670px;}
	.col-8   { width: 770px;}
	.col-9   { width: 870px;}
	.col-10  { width: 970px;}
	.col-11  { width: 1070px;}
	.col-12  { width: 1170px;}
	
	#nav li a { font-size: 1.25em; padding: 0 15px;}
	#slideshow, #slideshow .swiper-container, #slideshow .swiper-slide { height: 420px !important;}
	#slideshow .holder:hover .caption { bottom: 115px;}
	#slideshow .swiper-thumb { height: 70px;}
	#slideshow .swiper-holder { height: 75px; bottom: -85px;}
	.featured { max-height: 420px;}
	
	a.button { padding: 10px 20px;}
	
	.gallery-icon { width: 150px; height: 150px;}
	
	.gallery-icon a.over span { line-height: 150px;}
	
	#splash .wrapper p { font-size: 2.25em;}
	
}
/*
     FILE ARCHIVED ON 19:59:20 Oct 15, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:26:06 Apr 23, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.645
  exclusion.robots: 0.03
  exclusion.robots.policy: 0.018
  esindex: 0.012
  cdx.remote: 403.172
  LoadShardBlock: 137.423 (3)
  PetaboxLoader3.datanode: 81.259 (4)
  PetaboxLoader3.resolve: 106.657 (2)
  load_resource: 118.072
*/