/*
Theme Name: Tresors2
Theme URI: http://thundra.ca
Author: Thundra Multimedia
Author URI: http://thundra.ca
Description: Theme WP pour Cafés Trésors d'Afrique
Version: 1.00
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thundra

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

--------------------------------------------------------------*/


/*	==========================================================================
	HTML5, Reset & Base setup
	========================================================================== */
	html 										{box-sizing: border-box;}
	*, *:before, *:after 						{box-sizing: inherit;}
	*											{ color: inherit; font: inherit; }
	html 										{ font-family: sans-serif; -ms-text-size-adjust: 100%;
												-webkit-text-size-adjust: 100%;  }
	html, body									{ width: 100%; height: 100%; }
	article, aside, details,figcaption, figure, 
	footer,header, main, nav, section, 
	summary, hr									{ display: block; }
	body, h1, h2, h3, h4, h5, h6, p, figure,  
	blockquote,  hr, ul, ol, dl, dd, nav ul, 
	button, input, optgroup, select, textarea,  
	fieldset, nav ol, li > ul, li > ol, iframe	{ margin: 0; }
	hr, nav ul, nav ol, td, th, legend, iframe, 
	fieldset, button::-moz-focus-inner, 
	input::-moz-focus-inner,  
	input[type="checkbox"], 
	input[type="radio"] 						{ padding: 0; }
	hr, img, legend, fieldset, iframe, 
	button::-moz-focus-inner, 
	input::-moz-focus-inner						{ border: 0 none; }
	hr 											{ box-sizing: content-box; height: 0; }
	nav ul, nav ol								{ list-style: none; list-style-image: none; margin: 0; padding: 0}
	nav li										{ display: inline; }
	img											{ vertical-align: middle; outline: none; }
	a img										{ border: none; }
	img, object, embed, video					{ max-width: 100%; height: auto;}
	iframe										{ width: 100%; }
	table										{ border-collapse: collapse; border-spacing: 0; }
	button, input, optgroup, select, textarea	{ box-sizing: border-box; }
	input										{ line-height: normal; }
	button										{ overflow: visible; }
	textarea									{ overflow: auto; }
	button, select								{ text-transform: none; }
	button, html input[type="button"],
	input[type="reset"], input[type="submit"]	{ -webkit-appearance: button; cursor: pointer; }
	button[disabled], html input[disabled]		{ cursor: default; }
	a											{ background: transparent; text-decoration: none;}
	a:active, a:hover							{ outline: 0; }
	b, strong, .strong, optgroup				{ font-weight: 700; }
	small										{ font-size: 80%; }
	sub, sup									{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup											{ top: -0.5em; }
	sub											{ bottom: -0.25em; }
	label, a									{ cursor: pointer; }
	hr											{ border-top: 1px solid; margin-top: -1px; }
	*:focus 									{ outline: 0; }
    
/*	=============================================================================
	Typography
	========================================================================== */


/* Fonts faces */


/* Typographic baseline */
	
	
	html			{ font-family: 'Open Sans Condensed', sans-serif; font-weight: 500; font-size: 100%; line-height: 1.5; }		
	body			{ font-size: 1em; letter-spacing: 1px; } 
	h1, .h1			{ font-family: 'Oswald', sans-serif; font-size: 2em; line-height: 1.2; font-weight: 700;}						
	h2, .h2			{ font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; line-height: 1.2; font-weight: 300;  }
	h3, .h3			{ font-family: 'Open Sans Condensed', sans-serif;font-size: 1.375em; font-weight: 700; text-transform: none;  }
	h4, .h4			{ font-family: 'Satisfy', cursive;font-size: 1.25em; font-weight: 700; text-transform: none;  }				
	small, .small 	{ font-size: 0.75em; }	
	
	strong {font-family: 'Open Sans', sans-serif;font-weight: 700;}
	b {font-family: 'Open Sans', sans-serif;font-weight: 500;}
/* Color */
	/* 	#020000 black 
		#262017 dark-brown 
		#3c2516 medium-brown 
		#e51937 red 
		#f4f3ef cream (body background-color) 
		#eaeaea light-gray 
		#f7f7f7 white 
	*/

	.black-bg {background-color: #020000}
	.dark-brown-bg {background-color: #262017}
	.medium-brown-bg {background-color: #3c2516}
	.light-brown-bg {background-color: #886841}
	.red-bg {background-color: #e51937}
	.cream-bg {background-color: #f4f3ef}
	.light-gray-bg {background-color: #eaeaea}
	.white-bg {background-color: #f7f7f7}
	
	.black-txt {color: #020000}
	.dark-brown-txt {color: #262017}
	.medium-brown-txt {color: #3c2516}
	.red-txt {color: #e51937}
	.cream-txt {color: #f4f3ef}
	.light-gray-txt {color: #eaeaea}
	.white-txt {color: #f7f7f7}
	
/* Product txt color */
	.saro-txt {color: #ffde00}
	.hobe-txt{color: #acb6ab}
	.zanzibar-txt {color: #f7a11a}
	.mibirizi-txt {color: #e51937}
	.abonnement-mibirizi-txt {color: #e51937}
	.ziza-txt {color: #7170b3}
	.kirunga-txt {color: #9f6614}

/* Product bg color */
	.saro-bg {background-color: #ffde00}
	.hobe-bg{background-color: #acb6ab}
	.zanzibar-bg {background-color: #f7a11a}
	.mibirizi-bg {background-color: #e51937}
	.ziza-bg {background-color: #7170b3}
	.kirunga-bg {background-color: #9f6614}

/* links color */
	
	a {color: #e51937}
	p a:hover {text-decoration: underline }
	
	h1 a {color: #020000}
	h1 a:hover {color: #e51937}
	
	.product a{color: #020000}
	.product a:hover{color: #020000}
	
	a.button, .button a {color: #020000;font-weight: 900;}
	a.button:hover, .button a:hover {text-decoration: none;color: #f7f7f7 }	
	
	a.red-link {color: #ff0000 !important}
	
/* Margins and paddings setup */

	h1, h2, h3, h4, h5, h6, 
	ul, ol, dd, p, figure, pre, table, 
	fieldset, blockquote, hr					{ margin-bottom: 24px; }

	ul, ol, dd,	blockquote						{ padding-left: 12px; }
	blockquote									{ padding-right: 12px; }
	
	.box										{ padding: 24px; }
	
	.pad-vertical-extra							{ padding-top: 60px;padding-bottom: 60px; }
	.pad-top, .pad-vertical						{ padding-top: 24px; }
	.pad-bottom, .pad-vertical					{ padding-bottom: 24px; }
	.pad-left, .pad-horizontal					{ padding-left: 12px; }
	.pad-right, .pad-horizontal					{ padding-right: 12px; }
	
	.margin-top, .margin-vertical				{ margin-top:  24px; }
	.margin-bottom, .margin-vertical			{ margin-bottom: 24px; }
	.margin-left, .margin-horizontal, 
	.align-left									{ margin-left: 12px; }
	.margin-right, .margin-horizontal,
	.align-right								{ margin-right: 12px; }
	.margin-all-sides							{ margin: 6px; }
	
	.no-margin-bottom							{ margin-bottom: 24px !important; }

	hr.pad-left, hr.pad-horizontal				{ padding-left: 0; margin-left: 12px; }
	hr.pad-right, hr.pad-horizontal				{ padding-right: 0; margin-right: 12px; }

	.br											{ margin-bottom: 24px; }


/*	============================================================================
	SITE
	========================================================================== */

	*{padding: 0;margin: 0;}
/* 	body {position: relative;display: table;height: 100%;padding: 0; } */
	body {height: 100%;padding: 0; }
	#site-wrapper {display: table;height: 100%;width: 100%;border-collapse: collapse}
	header, footer{ display: table-cell; height: 1px; width: 100%;z-index:1;}
	main {display: table-row;height: auto;width: 100%; }
	
	
	.wrapper {padding-left: 12px;padding-right: 12px;}
	.container {max-width: 1200px;margin: 0 auto;}
	.container-750 {max-width: 750px;margin: 0 auto;}
	.container-650 {max-width: 650px;margin: 0 auto;}
	.container-50 {max-width: 600px;margin: 0 auto;margin-right: 0;}
	.container-50R {max-width: 600px;margin: 0 auto;margin-left: 0;}
	.container-50C {max-width: 600px;margin: 0 auto;}

	.button {padding: 6px;border: 2px solid #020000;border-radius: 3px;font-size: 1.25em;display: inline-block;}
	.button-small {padding: 3px;border: 1px solid #ff0000;border-radius: 4px;font-size: 1em;display: inline-block;}
	.button:hover {color: #f7f7f7;background-color: #020000;}
	
	.button > .small {font-size: 0.85em;display: inline-block;}

	header {
		height: 175px;
		border-bottom: 0px solid #4f4a42; /*#262017*/
		/*background-color: #e51937;*/
		background: #f7f7f7;
	}
	
	#header-wrapper {
		position: relative;
		max-width: 1200px;
		height:175px;
		margin: 0 auto;
	}
	.cart-in-header{
		position: relative;
		float: right;
		top: 12px;
		right: 12px;
		padding:6px;
		padding-right:0px;
		padding-left: 42px;
		background: transparent url(images/cart-icon.png) no-repeat 0 3px;
		background-size: 30px;
		z-index: 1111;
	}
	.cart-in-header a:hover {color: #e51937;}
	
	.fb-in-header {
		position: absolute;
		left: 33%;
		width: 36px;
		height: 72px;
		background: url(images/fb-icon-red-36x36.png) no-repeat left 18px;
	}
	.fb-in-header:hover {cursor:pointer}
	
	#site-logo {
		position: fixed;
		z-index:1001;
		top: 0px;
		margin: 0px 12px;
		width: 147px;
		height: 147px;
		background: transparent url(images/logo.png) no-repeat 0 0;
	}
	#site-logo.logo-box-shadow {
		box-shadow: 1px 1px 5px;
	}
	
	.cart-in-logo{
		display: none;
		position: relative;
		top: 12px;
		right: 0px;
		left: 6px;
		padding:0px;
		padding-top: 6px;
		padding-left: 30px;
		padding-bottom: 6px;
		background: url(images/cart-icon.png) no-repeat 3px 6px;
		background-size: 24px;
		color: #f7f7f7;
		font-size: 14px;
	}
	.cart-in-logo a {color: #020000;}
	.cart-in-logo a:hover {color: #f7f7f7;}
	
	.logo-tools {
		position:relative;
		top: 100%;
		top: 180px;
	}
	.coords-in-logo {
		display: none;
		position: relative;
		top: 120px;
		left: 0px;
		padding:0px;
		padding-top: 6px;
		font-size: 2em;
		line-height: 1em;
		color: #f7f7f7;
	}

/*	============================================================================
	NAV
	========================================================================== */

	nav a {color: #020000;}
	nav a:hover {color: #e51937;}
	nav li.current-menu-item > a {color: #e51937;}
	
	nav li.current-menu-parent > a{color: #e51937;}
	
/*
	nav ul li ul li.current-menu-item:nth-child(2) a {color: #f7f7f7;}
	nav ul li ul li.current-menu-item:nth-child(2) a:hover {color: #e51937;}
*/
	nav ul li ul li.current-menu-item:first-child > a {color: #e51937;}
	
/* 	nav li.current-menu-item a {color: #e51937;} */
	nav {
		position: absolute;
		bottom: 48px;
		right: 12px;
		text-align: right;
		margin-left: auto;
	}
	nav ul li {
		position: relative;
		min-height: 36px;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 28px;
		font-weight:700;
		text-transform: uppercase;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 18px;
		padding-right: 18px;
		
	}
	nav ul li:last-child {
		padding-right: 0px;
	}
	
	nav ul li:hover > a {
		border-color: #3f3f3f;
		top: 0px;
		z-index: 999;
	}
	nav ul li:hover > ul,
	nav ul li:hover > div {
		display: block;
	}
	nav ul li > a:hover {
		border-color: #3f3f3f;
	}

	
	nav ul li > ul,
	nav ul li > div {
		display: none;
		width: auto;
		min-width: 224px;
		position: absolute;
		left:22px;
		top: 36px;
		padding: 0;
		background: #262017; /*#020000;*/
		z-index: 999;
		text-align: left;
		opacity: 0.96;	
	}
	nav ul li > ul li:first-child:before {
		content: url(images/submenu-top01.png);
		background-color: #f7f7f7;
		height: 18px;
		display: block;
	}
	nav ul li > ul li {
		display: block;
		list-style: inside none;
		padding: 0;
		margin: 0;
		position: relative;
		background: none;
		border-top: 1px solid #333;
		line-height: 1.2em;
		text-transform: none;
		font-size: 20px;
	}
	nav ul li > ul li:first-child {border-top: 0;padding-top: 0px;border:0px solid #f00;}
	nav ul li > ul li:last-child {padding-bottom: 12px;}
	
	nav ul li > ul li a {
		font-size: 22px;
		outline: none;
		display: block;
		position: relative;
		margin: 0;
		padding: 12px;
		color: #ffffff;
		text-decoration: none;
		padding-left: 72px;
		padding-bottom: 12px 
	}
	
	#menu-header-menu-anglais .sub-menu li a {
		padding-right: 60px !important; 
		border:0px solid #f90b !important;
	}
	
	nav ul li > ul li.submenu-all {background: url(images/all-icon-inv.png) no-repeat 12px 30px;}
	nav ul li > ul li.submenu-coffee {background: url(images/coffee-icon-inv.png) no-repeat 9px 3px;background-size: 18%;}
	nav ul li > ul li.submenu-tea {background: url(images/tea-icon-inv.png) no-repeat 9px 9px;background-size: 19%;}
	nav ul li > ul li.submenu-caferable {background: url(images/caferable-icon-inv.png) no-repeat 12px 3px;background-size: 18%;}
	nav ul li > ul li.submenu-gift {background: url(images/gift-icon-inv.png) no-repeat 15px 6px;background-size: 14%;}
	nav ul li > ul li.submenu-taster {background: url(https://tresorsdafrique.com/wp2018/wp-content/themes/tresors2/images/taster-icon-inv.png) no-repeat 15px 6px;background-size: 22%;}
	nav ul li > ul li.submenu-deal {background: url(images/deal-icon-inv.png) no-repeat 12px 6px;}
	nav ul li > ul li.submenu-discover {background: url(images/discover-icon-inv.png) no-repeat 8px 6px;background-size: 25%;}
	nav ul li > ul li.submenu-delivery {background: url(images/delivery-icon-inv.png) no-repeat 8px 6px;background-size: 20%;}
	nav ul li > ul li.submenu-my-account {background: url(https://tresorsdafrique.com/wp2018/wp-content/themes/tresors2/images/my-account-icon.png) no-repeat 12px 6px;background-size: 17%;}
	nav ul li > ul li.submenu-subscriptions {background: url(https://tresorsdafrique.com/wp2018/wp-content/themes/tresors2/images/abonnements-icon.png) no-repeat 12px 6px;background-size: 15%;}
	
	nav ul ul a:hover {
		color: #e51937;
	}
	
	@media screen and (max-width: 1090px) {
	
		
		nav ul li {
			font-size:26px;
			padding-left: 12px;
			padding-right: 12px;
		}
		
	}
	
	@media screen and (max-width: 950px) {
	
		
		nav ul li {
			font-size:20px;
			padding-left: 6px;
			padding-right: 6px;
		}
		
	}
	
	@media screen and (max-width: 767px) {
	
		#main-menu {display: none;}
		#footer-menu {display: none;}
		nav {
			position: absolute;
			top: 48px;
			right: 12px;
			text-align: right;
			margin-left: auto;
		}
		
	}
	
	/* top menu */
	.top-menu {
		position: absolute;
		width: 200px;
		height: 24px;
		left: 40%;
		top: 25px;
	}
	.top-menu ul {list-style-type: none;padding-left: 0;}	
	.top-menu li {display: inline-block;}
	.top-menu li {padding-right: 5px; border-right: 1px solid #999;line-height:12px;}
	.top-menu li:last-child {border-right: 0;}
	.top-menu li a {text-decoration: underline;}
	.top-menu li.wpml-ls-current-language a {text-decoration: none;}
	.top-menu.storelocator li {padding-right: 5px; border-right: 1px solid #999;line-height:12px;}
	.top-menu.storelocator li:last-child {border-right: 0;padding-left: 5px;}
	
	/* Footer */
	#foot p {font-size: 1em;padding-bottom: 0px;}

	#footer-nav ul {
		list-style-type: none;
		position: absolute;
		width: 100%;
		overflow:hidden;
		bottom: 18px;
	}
	#footer-nav ul li {
		display: inline-block;
		font-size: 1.25em;
		padding-right: 6px;
		padding-left: 6px;
		border-right: 1px solid #f7f7f7;
	}
	#footer-nav ul li:last-child {
		border-right: 0; 
	}
	#footer-nav ul li a {color: #f7f7f7;}
	#footer-nav ul li a:hover {color: #e51937;}
	
	
	.foot-tel a, .foot-email a, .foot-fb a {font-size: 0.875em}
	.foot-email a:hover, .foot-fb a:hover {color: #f7f7f7}
	.foot-tel {
		padding-top: 24px;
		padding-bottom: 6px;
		padding-left: 48px;
		background: url(images/tel-icon-red-36x36.png) no-repeat left 18px;
	}
	.foot-email {
		padding-top: 24px;
		padding-bottom: 6px;
		padding-left: 48px;
		background: url(images/email-icon-red-36x36.png) no-repeat left 18px;
	}
	.foot-fb {
		padding-top: 24px;
		padding-bottom: 6px; 
		padding-left: 48px;
		background: url(images/fb-icon-red-36x36.png) no-repeat left 18px;
	}
	

/*	============================================================================
	SLIDERS
	========================================================================== */
	
	/* 	General Sliders CSS
	========================================================================== */
	
	.banner .valign:before	{ padding-top: 33%;}
	.banner2 .valign:before	{ padding-top: 15%;}
	.show-on-mobile 		{display: none}
	.hide-on-mobile 		{display: block}

	.slide-wrapper {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 0 0;
		margin-bottom: 0px;
	}
	.slide-infos {
		padding: 12px;
		background: transparent url(images/transp-50-pixel.png) repeat 0 0;
	}
	
	h1.slide-title {
		padding: 12px; 
		padding-left: 48px;
		padding-right: 48px;
		color: #020000;
		text-transform:uppercase;
	}

	.slide-desc {
		color: #020000;
		font-size:1.375em;
		line-height: 1em;
		font-weight:700;
		max-width:800px;
		text-align:center;
		text-transform: uppercase;
	}
	
	.pager-bullet {
		display: inline-block;
		box-sizing: border-box;
		width:150px;
		height: 48px;
		background-color: #020000;
		margin-right:0px;
		border:0;
		border-left: 1px solid #f7f7f7;
		text-align: center;
		font-size: 24px;
		font-weight: 700;
		text-transform: uppercase;
		color: #f7f7f7;
		padding-top: 6px;
	}

	@media screen and (max-width: 767px) {
		
		.slide-infos {background: none}
		h1.slide-title {color: #f7f7f7;}
				
	}
	
	@media screen and (max-width: 550px) {
		
		/*.banner .valign:before	{ display: block;padding-top: 80%;}*/
				
	}
	
	
	h2.no-margin-bottom {margin-bottom: 0 !important}
	
	/* SLIDER ACCUEIL
	========================================================================== */
	#accueil-slider {
		box-sizing: border-box;
		width:100%;
		margin-bottom: 0px;
		padding-left: 0;
		background-color: #f7f7f7;
	}
	
	.bx-viewport {max-height: 440px;}
	
	.slider-core {
		overflow: hidden;
		max-height: 440px;
		height: 440px;
		margin-top: 0;
		
		background-color: #f7f7f7;
	}
	
	ul.slider-core {
		list-style-type: none;
		padding:0px;
		margin:0;
	}
	
	#accueil-slider .slider-pager-wrapper {
		height:48px;
		text-align:right;
		background: #262017;
		display: none;
	}
		
	#accueil-slider .bx-accueil-pager-link:last-child .pager-bullet {border-right: 1px solid #f7f7f7;}
	#accueil-slider .bx-accueil-pager-link.active .pager-bullet {background-color: #e51937; color: #f7f7f7;margin-left:0px;}
	
	/* ACCUEIL */
	
	.ta-desc,
	.tlid-results-container {padding-bottom: 20px}
	
	.caption { font-size: 14px; padding-left: 40px;padding-right: 40px;}
	
	.homepage-element{padding: 25px} 
	/* couleurs des cases */
	#homepage-first-row .homepage-element:first-child {background-color: #f7f7f7}
	#homepage-first-row .homepage-element:last-child {background-color: #f4f3ef}
	#homepage-second-row .homepage-element:first-child {background-color: #f4f3ef}
	#homepage-second-row .homepage-element:last-child {background-color: #f7f7f7}
	#homepage-third-row .homepage-element:first-child {background-color: #f7f7f7}
	#homepage-third-row .homepage-element:last-child {background-color: #f4f3ef}
	#mailing-list .homepage-element:first-child {background-color: #f4f3ef}
	#mailing-list .homepage-element:last-child {background-color: #f7f7f7}
	
	#mailing-list-accueil {
		background: url(images/mailing-list.png) no-repeat 0 0;
		padding-left: 120px;
		padding-top: 24px;
		min-height: 120px;
		margin-bottom: -12px;
	}
	
	#pitch_caferable {
		background: url(images/3pots.png) no-repeat 0 0;
		background-size: 45%;
		padding-left: 0px;
		padding-top: 80px;
		min-height: 120px;
	}
	#faq_caferable {
		background: url(images/caferable-logo-144x123.png) no-repeat 0 0;
		padding-left: 150px;
		padding-top: 24px;
		min-height: 120px;
	}
	
	#faq_cafe {
		background: url(images/cafe-logo-144x149.png) no-repeat 0 0;
		background-size: 25%;
		padding-left: 120px;
		padding-top: 0px;
		min-height: 120px;
	}
	#faq_the {
		background: url(images/the-logo-144x133.png) no-repeat 0 0;
		background-size: 27%;
		padding-left: 120px;
		padding-top: 0px;
		min-height: 120px;
	}

	#faq_production {
		background: url(images/production-logo-180x144.png) no-repeat 0px 6px;
		background-size: 37%;
		padding-left: 144px;
		padding-top: 6px;
		min-height: 120px;
	}
	#tresors_medias {
		background: url(images/tresors-medias.png) no-repeat 0px 6px;
		background-size: 30%;
		padding-left: 120px;
		padding-top: 6px;
		min-height: 120px;
	}
	
	
	.slider-txt-small {
		font-size: 0.875em;
		text-transform: none !important;
	}
	

/* ============================================================================
	BOUTIQUE EN LIGNE 
	========================================================================== */
	
	/* woo commerce general css */
		
	.woocommerce .woocommerce-message {border-top-color: #e51937 !important;}
	.woocommerce .woocommerce-message:before {color: #e51937 !important;}
	.woocommerce .woocommerce-error {border-top-color: #e51937 !important;}
	.woocommerce .woocommerce-error:before {color: #e51937 !important;}
	
	.add_to_cart_button_wrapper {
		width: 100%;
		text-align: center;
		display: block;
		margin-top: 12px;
		margin-bottom: 24px;
	}
	.add_to_cart_button{
		width: 50%;
		padding: 6px;
		border: 2px solid #020000;
		border-radius: 3px;
	}
	a.add_to_cart_button {
		font-weight: 900;
		
	}
	.add_to_cart_button:hover {
		color: #f7f7f7;
		background-color: #020000;
	}
	

	.button_wrapper {
		width: 100%;
		text-align: center;
		display: block;
		margin-bottom: 24px;
	}
	

	.single_add_to_cart_button.button {background-color: transparent;width: 25%;margin-top: 24px;}
	.single_add_to_cart_button.button:hover {color: #f7f7f7;background-color: #020000;}
	
	.wc-proceed-to-checkout {
		margin-bottom: 24px;
	}
	.checkout-button,
	#place_order {
		color: #020000;
		background-color: #e51937 !important;
	}
	a.checkout-button,
	#place_order {color: #f7f7f7 !important;}
	a.checkout-button:hover,
	#place_order:hover {color: #020000 !important;}
	
	/* checkout page */
	.woocommerce .woocommerce-info:before {
    	color: #020000 !important;
	}

	.woocommerce .woocommerce-info {
    	color: #020000 !important;
    	border-top-color: #e51937 !important;
    	background-color: white !important;
	}
	.woocommerce .woocommerce-info a {
		color: #e51937 !important;
	}

	/* archive */
	ul.products {margin-left: -100px;}
	
	.tresors-archive-btn {
		display: block;
		width: 60%;
		text-align: center;
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.product { 
		display: inline-block;
		text-align: center;
/* 		margin-bottom: 24px; */
		min-width: 300px;
	}
	.product h2 {margin-bottom: 0px;}
	.product .price {display: inline-block;margin-bottom: 0px;}
	
	ul.products li.sale .archive-product-thumbnail img {position: relative;}
	ul.products li.sale .archive-product-thumbnail-inner:before {
		content: url(images/special-price.png);
		position: absolute;
		top: 100px;
		left:24px;
		z-index: 1111111;
	}
	ul.products li.sale .archive-product-thumbnail-inner:after {
		/*content: '16.00$';*/
		color: #f7f7f7;
		font-size: 18px;
		font-family: 'Satisfy', cursive;
		font-weight: 900;
		position: absolute;
		bottom: 34px;
		left:34px;
		z-index: 1211111;
	}
	
	
	ul.products li.sale .archive-product-thumbnail-inner .special-tag {
		/*content: '16.00$';*/
		color: #f7f7f7;
		font-size: 18px;
		font-family: 'Satisfy', cursive;
		font-weight: 900;
		position: absolute;
		bottom: 34px;
		left:34px;
		z-index: 1211111;
	}

	.archive-product-thumbnail {}
	.archive-product-thumbnail img {}
	.archive-product-thumbnail-inner {
		min-height: 240px;
		height: 100%;
		overflow: hidden;
		width: 80%;
		padding:0px !important;
		margin: 0 auto !important;
	}
	
	/* single */
	
	.product-meta {margin-bottom: 12px;border: 0px solid #f00;}
	.product-meta div {display: inline-block;}
	
	.product-description {
		font-size: 1.375em; 
		font-weight: 500;
		display: block;
		margin-top: 60px;
	}
	
	@media (max-width: 767px) {
		.product-description {margin-top: 0px}	
	}
	
	.product-title h1 {
		font-family: 'Oswald', sans-serif; 
		text-transform: uppercase;
		font-weight: 500;
		padding-bottom: 12px;
	}
	
	.single-product-image {padding-top: 40px;}
	.single-product-desc {padding-top: 40px;}
	.single-product-image img {}
	
	select {
/* 		height: 36px; */
		padding: 12px;
		border:1px solid #ccc;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		margin: 6px;
	}

	.quantity:before {
		content: "Quantité / Quantity";
		
	}
	
	.quantity input[type="number"] {width: 92px}
	
	input[type="number"] {
		-webkit-appearance: none;
		appearance: none;
		-moz-appearance: none;
		height: 36px;
		margin: 6px;
		padding: 6px;
	}
	
	.related.products h2 {font-weight: bold;}
	
	
/* 	.related.products:before {position: absolute; content: 'SEE RELATED PRODUCTS?';bottom: 20px;} */
	.product_cat-caferable .related.products,
	.product_cat-caferable-en .related.products {
		display: none;
		border:3px solid #f00 !important;
	}
	.related.products {padding-top:90px;}
	.single-product-desc {padding-bottom: 60px;}
	
	
	/* Paypal Checkout BTN */
	.wcppec-checkout-buttons {text-align: left !important}	
	.single-product-desc .wcppec-checkout-buttons:before {content: '— OU —'; display: block; margin-left: 20%;}
	
	
/* shipping rates table page */

	table.shipping-rates-table,
	.shipping-rates-table tr,
	.shipping-rates-table th,
	.shipping-rates-table td {
		border:1px solid #333;
		padding: 5px;
	}
	.shipping-rates-table th {
		text-align: left;
		background-color: #333;
		color: #fff;
		border-right:1px solid #ccc;
	}
	.shipping-rates-table th:last-child {border-right:1px solid #333;}

	
	table.shipping-rates-table td {min-width: 250px}
	@media screen and (max-width: 981px)  {
		table.shipping-rates-table td {min-width: 150px}
		.shipping-rates-table-msg {display: block; margin-top: 20px}
	}
	
	
	
	/* Woo Pagination */
	nav.woocommerce-pagination  {
    	position: relative;
		bottom: 0;
		right: 0;
		left: -60px;
		text-align: center;
		margin-left: auto;
		
	}
	nav.woocommerce-pagination ul {
		border-top: 1px solid #dfdfdf;
	}
	nav.woocommerce-pagination:before {
		content: 'Pagination';
		margin-left: -30px;
		
	}	

/* Pages */

/*	============================================================================
	PAGE À PROPOS
	========================================================================== */
	h1.apropos {
		padding: 0px;
		padding-bottom: 18px;
		margin: 0;
		color: #020000;
		text-transform:uppercase;
		font-size: 24px;
	}
	.page-fb-widget { margin-top: 48px;}
	
/*	============================================================================
	PAGE CONTACT
	========================================================================== */
	#contact input[type=text],
	#contact input[type=email]  {
		width: 60%;
		min-height: 36px;
		border: 2px solid #020000;
		padding: 6px;
		font-size: 1.2em;
	}
	#contact textarea {
		height: 120px;
		width: 60%;
		border: 2px solid #020000;
		padding: 6px;
		font-size: 1.2em;
	}
		
	#contact input[type=submit] {
		width: 60%;
		max-width: 240px;
		min-height: 36px;
		padding: 6px;
		border: 2px solid #020000;
		border-radius: 3px;
		background: none;
		font-weight: bold;
	}
	#contact input[type=submit]:hover {color: #f7f7f7;background-color: #020000;}
	
	#mailing-list-contact {
		background: #f4f3ef url(images/mailing-list.png) no-repeat 0 0;
		padding-left: 120px;
		padding-top: 12px;
		min-height: 120px;
	}
	.mc4wp-form input[type=text],
	.mc4wp-form input[type=email]  {s
		min-height: 36px;
		border: 2px solid #020000;
		padding: 6px;
		font-size: 1.2em;
	}
	.mc4wp-form input[type=submit] {
		padding: 6px;
		margin-left: 12px;
		margin-top: 12px;
		border: 2px solid #020000;
		border-radius: 3px;
		background: transparent;
		font-size: 1.25em;
		font-weight: normal;
	}
	.mc4wp-form input[type=submit]:hover {color: #f7f7f7;background-color: #020000;}
	
	
	.mailchimp-form-left,
	.mailchimp-form-right  {
		padding-left: 12px;
		padding-right: 12px;
	}
	
	#secondary h4 {font-family: 'Oswald', sans-serif; font-size: 1.25em;}
	
/*	============================================================================
	FOOTER
	========================================================================== */
	#foot {
		position: relative;
		min-height: 48px;
		width: 100%;
		font-size: 14px;
		text-align: center;
		padding-top: 24px;
	}
	
	#foot {
		background: url(images/dark-coffee.jpg) no-repeat 0 0;
		background-size: cover;
		height:750px;
	}
	
	#foot p {
		margin: auto;
		margin-top: 696px;
	}
	
	.coords-in-footer {
/* 		display: none; */
		position: absolute;
		width: 100%;
		top: 280px; /* set this in jquery*/
		left: 0px;
		padding:0px;
		padding-top: 6px;
		font-size: 2em;
		line-height: 1em;
		color: #f7f7f7;
		text-align: left;
	}
	

/*	============================================================================
	STORE LOCATOR
	========================================================================== */

	#pdv-map-section {
		width: 100%;
		/*height: 660px; with map legend*/
		min-height: 727px;
		position: relative;
		top: 0px;
		left: 0px;
		overflow: hidden;
		margin-top: 1px;
	}
	#pdv-map-section .map-wrapper {
		min-height: 726px;
		height: 100%;
		overflow: hidden;
		border:0px solid #f00;
	}
	#pdv-map-section .js-map {
		position: absolute;
		width:100%; 
		height:726px;
		overflow: hidden;
		border:0px solid #f0f;
	}

	
	.gm-style img {max-width: none;}

	.map-tt-inner {font-weight: bold;padding-bottom: 0px;}
	
	#map-legend-wrapper {
		display: table;
		position: relative;
		top: -100px;
		width: auto;
		margin: 19px auto;
		text-align: center;
	}
	.legend-item {
		display: table-cell;
		width: 150px;
		height: 63px;
		line-height: 1em;
		text-align: left;
		padding-top: 15px;
		box-sizing: border-box;
		font-size: 16px;
		padding-left: 50px;	
	}
	
	/*.user_marker_content {max-height: 72px !important;margin:0;padding: 0;}*/
	
	.scrollFix {
		max-width: 250px;
	}
	
	.map-data-image {
		position: absolute; 
		width: 150px; 
		height: 80px;
		top: 0; 
		left: 0;
		text-align: center;
	}
	
	.map-data-name {margin-top: 166px;font-size: 1.25em;font-weight: 500;line-height: 1em;}
	.map-data-address {}
	.map-data-city, .map-data-state {display: inline-block}
	
	.itinerary-link {margin-top: 6px;}
	.store-page-link {
		position: absolute;
		right: 0;
		bottom: 0px;
		width: 24px;
		height: 24px;
	}
	
	a.itinerary {color: #e51937;}
	a.itinerary:hover {color: #020000;}

	#legend-cafes {background: url('images/pin-tresors.png') no-repeat 0 0;}
	#legend-thes {background: url('images/pin-tresors.png') no-repeat 0 0;}
	#legend-caferable {background: url('images/pin-tresors.png') no-repeat 0 0;}
	
	.display-selected {background-color: #020000;}
	a.display-selected {color: #f7f7f7;}
	
	.pdv-title-cafes {background: url(images/coffee-icon.png) no-repeat right center;padding-right: 60px;}
	.pdv-title-thes {background: url(images/tea-icon.png) no-repeat right center;padding-right: 60px;}
	.pdv-title-caferable {background: url(images/caferable-icon-36x36.png) no-repeat right center;padding-right: 48px;}
	
	.pdv-item {height: 231px;overflow: hidden;}
	
	.produits-disponibles {font-size: 12px;}
	.disponibles-icons {padding-right: 12px;}
	
	#produits-boutique ul.products .post-1563  {border:1px solid #f00; display: none;}
	#produits-boutique ul.products .post-1210 {display: none;}
	#produits-boutique ul.products .post-1210.product_cat-en-special  {border:0; display: inline-block;}
	
/*	============================================================================
	Spéciaux des fêtes 2017-2018
	========================================================================== */

	.sale-msg-frame { 
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 3px;
		border: 3px solid #e51937;
		color: #e51937;
	}

	/* 
		FRANCAIS
		308: Mibirizzi 500g FR archives 
		288: Saro 500g FR archives
		248: Kirunga 500g FR archives
		197: Hobe 500g FR archives
	*/
	.post-308 .onsale,
	.post-288 .onsale,
	.post-248 .onsale,
	.post-197 .onsale,
	.onsale {
		text-indent: -9999px !important;
		display: inline-block;
		position: absolute;
		left: 12%;
		top: 5%;
		width: 200px;
		height: 100px;
	}
	
	/* all year specials */
	/* in archive */
	.post-2749 span.onsale {
		background: url(https://tresorsdafrique.com/wp2018/wp-content/themes/tresors2/images/specialFR02.png) no-repeat center;
		background-size: 70%;
		transform: rotate(30deg);
		left: 75px !important;
		top: 0px !important;
	}
	.post-2795 span.onsale {
		background: url(https://tresorsdafrique.com/wp2018/wp-content/themes/tresors2/images/onsaleEN03.png) no-repeat center;
		background-size: 70%;
		transform: rotate(30deg);
		left: 75px !important;
		top: 0px !important;
	}
	/* in single page */
	.single-product-image {position: relative}
	
	.post-2749 .single-product-image span.onsale {
		position: relative !important;
		background: url(https://tresorsdafrique.com/wp2018/wp-content/themes/tresors2/images/specialFR02.png) no-repeat center;
		background-size: 70%;
		transform: rotate(30deg);
		left: 75px !important;
		top: 120px !important;
	}
	
	
	.post-2795 .single-product-image span.onsale {
		position: relative !important;
		background: url(https://tresorsdafrique.com/wp2018/wp-content/themes/tresors2/images/onsaleEN03.png) no-repeat center;
		background-size: 70%;
		transform: rotate(30deg);
		left: 75px !important;
		top: 120px !important;
	}
	
	/* xmas */
	.post-308 .onsale,
	.post-248 .onsale {
		background: url(images/special-holiday-price-fr-red.png) no-repeat center;
		background-size: contain;
	}
	.post-288 .onsale,
	.post-197 .onsale {
		background: url(images/special-holiday-price-fr-green.png) no-repeat center;
		background-size: contain;
	}
	
	/* same FR products, single template */
	.post-308 .single-product-image .onsale,
	.post-288 .single-product-image .onsale,
	.post-248 .single-product-image .onsale,
	.post-197 .single-product-image .onsale,
	.single-product-image .onsale {
		text-indent: -9999px !important;
		display: inline-block;
		position: absolute;
		left: 25%;
		top:  2%;
		width: 240px;
		height: 120px;
		z-index: 11111;
	}
	
	/* all year */
	.post-2749 .single-product-image .onsale {
		background: url(https://tresorsdafrique.com/wp2018/wp-content/themes/tresors2/images/specialFR02.png) no-repeat center;
		background-size: 65%;
		top: 33px;
	}
	.post-2795 .single-product-image .onsale {
		background: url(https://tresorsdafrique.com/wp2018/wp-content/themes/tresors2/images/onsaleEN03.png) no-repeat center;
		background-size: 70%;
	}

	/* xmas */
	.post-308 .single-product-image .onsale,
	.post-248 .single-product-image .onsale{
		background: url(images/special-holiday-price-fr-red.png) no-repeat;
		background-size: contain;
	}
	.post-197 .single-product-image .onsale,
	.post-288 .single-product-image .onsale {
		background: url(images/special-holiday-price-fr-red.png) no-repeat;
		background-size: contain;
	}
	

	/* 
		1473: Mibirizzi 500g EN archives 
		1524: Saro 500g EN archives
		1625: Kirunga 500g EN archives
		1662: Hobe 500g EN archives
	*/
	.post-1473 .onsale,
	.post-1662 .onsale,
	.post-1524 .onsale,
	.post-1625 .onsale {
		text-indent: -9999px !important;
		display: inline-block;
		position: absolute;
		left: 12%;
		top: 45%;
		width: 200px;
		height: 100px;
	}
	.post-1473 .onsale,
	.post-1524 .onsale {
		background: url(images/special-holiday-price-en-red.png) no-repeat center;
		background-size: contain;
	}
	.post-1662 .onsale,
	.post-1625 .onsale {
		background: url(images/special-holiday-price-en-green.png) no-repeat center;
		background-size: contain;
	}
	
	/* same EN products, single template */
	.post-1473 .single-product-image .onsale,
	.post-1524 .single-product-image .onsale,
	.post-1625 .single-product-image .onsale,
	.post-1662 .single-product-image .onsale {
		text-indent: -9999px !important;
		display: inline-block;
		position: absolute;
		left: 25%;
		top:  54%;
		width: 240px;
		height: 120px;
		z-index: 11111;
	}
	.post-1473 .single-product-image .onsale,
	.post-1524 .single-product-image .onsale {
		background: url(images/special-holiday-price-en-red.png) no-repeat;
		background-size: contain;
	}
	.post-1625 .single-product-image .onsale,
	.post-1662 .single-product-image .onsale {
		background: url(images/special-holiday-price-en-green.png) no-repeat;
		background-size: contain;
	}


/*	============================================================================
	Autres spéciaux 2018 - ID 2011 == Duo Espresso FR
	========================================================================== */

	.post-2011 .onsale {
		text-indent: -9999px !important;
		display: inline-block;
		position: absolute;
		left: 15%;
		top: 52%;
		width: 193px;
		height: 76px;
		background: url(images/special-price.png) no-repeat center;
		background-size: contain;
	}
	.post-2011 .onsale:after {
		text-indent: 0px !important;
		content: '-10%';
		position: absolute;
		color: #fff;
		left: 17px;
		top: 23px;
		width: 25px;
		height:25px;
	}
	
	.post-2011 .single-product-image {position: relative;}
	
	.post-2011 .single-product-image .onsale {
		text-indent: -9999px !important;
		display: inline-block;
		position: absolute;
		left:25%;
		width: 193px;
		height: 76px;
		background: url(images/special-price.png) no-repeat;
		background-size: contain;
	}
	.post-2011 .single-product-image .onsale:after {
		text-indent: 0px !important;
		content: '-10%';
		position: absolute;
		color: #fff;
		left: 17px;
		top: 23px;
		width: 25px;
		height:25px;
	}
	
	
	/* EN */
	.post-2032 .onsale {
		text-indent: -9999px !important;
		display: inline-block;
		position: absolute;
		left: 15%;
		top: 52%;
		width: 193px;
		height: 76px;
		background: url(images/special-price-en.png) no-repeat center;
		background-size: contain;
	}
	.post-2032 .onsale:after {
		text-indent: 0px !important;
		content: '-10%';
		position: absolute;
		color: #fff;
		left: 22px;
		top: 23px;
		width: 25px;
		height:25px;
	}
	
	.post-2032 .single-product-image {position: relative;}
	
	.post-2032 .single-product-image .onsale {
		text-indent: -9999px !important;
		display: inline-block;
		position: absolute;
		left:25%;
		width: 225px;
		height: 94px;
		background: url(images/special-price-en.png) no-repeat;
		background-size: contain;
	}
	.post-2032 .single-product-image .onsale:after {
		text-indent: 0px !important;
		content: '-10%';
		position: absolute;
		color: #fff;
		left: 22px;
		top: 30px;
		width: 25px;
		height:25px;
	}
	
	/* aucun label de speciaux sur les produits apparentés */
	.related .onsale {
		background: none !important;
		text-indent: 0 !important;
		font-family: 'Oswald', sans-serif;
		font-size: 20px;
		font-weight: 700 !important;
		height:36px;
		color: #333;
		background-color: #e51937 !important;
	}
	.related .onsale:after {content: '';}
	
	#product-414 .single-product-image img {
		position: relative;
		top: -35px;
	}
	#product-414 .single-product-image:before {
		content: url(https://tresorsdafrique.com/wp2018/wp-content/themes/tresors2/images/Sial_innovation_china_selection_small.png);
		position: relative;
		bottom: 20px;
		z-index: 11;
	}
		
/*	============================================================================
	Helpers
	========================================================================== */
	.bordz{border: 1px solid #f00;}

/* Box elements */
	.box, 
	[class*="pad-"], [class*="grid-"]			{ box-sizing: border-box; }
	.box > :last-child							{ margin-bottom: 0; }
	.pad-none									{ padding: 0; }
	.margin-none								{ margin-bottom: 0; }
	
	
/* Images replacements */
	.ir											{ display: block; border: 0; text-indent: -999em; direction: ltr;
												background-color: transparent; background-repeat: no-repeat; 
												text-align: left; }
	.ir br										{ display: none; }

/* Clearfix */
	.clearfix:before, .line:before, 
	.clearfix:after, .line:after				{ content: ""; display: table; }
	.clearfix:after, .line:after				{ clear: both; }

/* Clears */
	.clear										{ display: block; clear: both; overflow: hidden; }
	br.clear									{ height: 1px!important; margin-top: -1px; margin-bottom:0; }

/* Responsive image and block sizing */
	[class*="stretch-"]							{ max-width: 100%; max-height: 100%;}
	.stretch-vertical							{ width: 100%; height: auto;}
	.stretch-horizontal							{ height: 100%; width: auto; }
	.fill										{ max-width: none; max-height: none; }

/* Fonts & Texts */
	.left										{ text-align: left; }
	.right										{ text-align: right; }
	.center										{ text-align: center; }
	.justify									{ text-align: justify; }
	.lower										{ text-transform: lowercase; }
	.normal-case								{ text-transform: none; }
	.caps										{ text-transform: uppercase; }

/* Floats & Alignements */
	[class*="align-"], [class*="float-"], 
	.align-center, .align-right, .align-left	{ display: block; }
	.align-center, .centered					{ margin-left: auto; margin-right: auto; float: none!important; }
	.align-right, .float-right					{ float: right; }
	.align-left, .float-left					{ float: left; }

/* Icons */
	i											{ font-family: "fontello"; font-style: normal; font-weight: 400; 
												text-decoration: inherit; }
	i:before									{ speak: none; display: inline-block; width: 1em; margin-right: .2em; 
												text-align: center; font-variant: normal; text-transform: none; 
												line-height: 1em; }
/* Others */
	.toggle										{ position: fixed; top:0; left: -9999em;}
	.ltr										{ direction: ltr; }
	.rtl										{ direction: rtl; }		
/* Table layouts */
	.table										{ display: table; width:100%; table-layout: fixed; }
	.row										{ display: table-row; height: 1px; }
	.cell										{ display: table-cell; vertical-align: middle; position: relative; }
	.expand										{ height: auto; }
	.align-top									{ vertical-align: top; }
	.align-middle								{ vertical-align: middle; }
	.align-bottom								{ vertical-align: bottom; }
	
	.table.hcenter:before,
	.table.hcenter:after						{ content: ""; display: table-row; height: auto; } 
	
/* Vertical aligned block */
	.valign:before, .valign > .aligned 			{ display: inline-block; vertical-align: middle; }
	.valign > .aligned.top						{ vertical-align: top; }
	.valign > .aligned.bottom					{ vertical-align: bottom; }
	.valign > .aligned.middle					{ vertical-align: middle; }	
	.valign:before 								{ content: ""; width: 0; margin-left: -.3em;  padding-top:  100%; }
	
/* Displays & Positionning */
	.static										{ position: static; }
	.relative									{ position: relative; }
	.absolute									{ position: absolute; }
	.inline										{ display: inline; }
	.inline-block								{ display: inline-block; }
	.block										{ display: block; }
	
/* Other */
	.hidden										{ display: none; }
	ul.layout									{ padding-left: 0; list-style: none; }
	ul.layout li								{ display: inline-block; }
	ul.layout li[class*="grid-"]				{ display: block; }
	
/* Fluid Grid */
	[class*="grid-"]							{ float: left; }
	.line, [class*="grid-"].last				{ float: none; width: auto; overflow: hidden; }
	[class*="grid-"].cell						{ float: none; }
	[class*="grid-"].centered					{ margin-left: auto; margin-right: auto; float: none;} 
	.grid-5										{ width: 5%; }
	.grid-10									{ width: 10%; }
	.grid-12									{ width: 12.5%; }
	.grid-15									{ width: 15%; }
	.grid-16									{ width: 16.66666%; }
	.grid-20									{ width: 20%; }
	.grid-25									{ width: 25%; }
	.grid-30									{ width: 30%; }
	.grid-33									{ width: 33.33333%; }
	.grid-35									{ width: 35%; }
	.grid-40									{ width: 40%; }
	.grid-45									{ width: 45%; }
	.grid-50									{ width: 50%; }
	.grid-55									{ width: 55%; }
	.grid-60									{ width: 60%; }
	.grid-65									{ width: 65%; }
	.grid-66									{ width: 66.66666%; }
	.grid-70									{ width: 70%; }
	.grid-75									{ width: 75%; }
	.grid-80									{ width: 80%; }
	.grid-85									{ width: 85%; }
	.grid-90									{ width: 90%; }
	.grid-95									{ width: 95%; }
	.grid-100									{ width: 100%; float: none; }

	.push-5										{ margin-left: 5%; }
	.push-10									{ margin-left: 10%; }
	.push-15									{ margin-left: 15%; }
	.push-20									{ margin-left: 20%; }
	.push-25									{ margin-left: 25%; }
	.push-30									{ margin-left: 30%; }
	.push-33									{ margin-left: 33.33333%; }
	.push-35									{ margin-left: 35%; }
	.push-40									{ margin-left: 40%; }
	.push-45									{ margin-left: 45%; }
	.push-50									{ margin-left: 50%; }
	.push-55									{ margin-left: 55%; }
	.push-60									{ margin-left: 60%; }
	.push-65									{ margin-left: 65%; }
	.push-66									{ margin-left: 66.66666%; }
	.push-70									{ margin-left: 70%; }
	.push-75									{ margin-left: 75%; }
	.push-80									{ margin-left: 80%; }
	.push-85									{ margin-left: 85%; }
	.push-80									{ margin-left: 80%; }
	.push-95									{ margin-left: 95%; }
	
	
	
	@media screen and (max-width: 1060px) {
		
		ul.products {margin-left: 0px;padding-left: 7%;}
		
		#pdv-map-section {min-height: 527px;}
		#pdv-map-section .map-wrapper {min-height: 526px;}
		#pdv-map-section .js-map { height:526px;}
		
	}
	
	@media screen and (max-width: 767px) {
		
/* 		* {border:1px solid #333} */

		.grid-10 {width: 100%; float: none;}
		.grid-30 {width: 100%; float: none;}
		.grid-33 {width: 100%; float: none;}
		.grid-40 {width: 100%; float: none;}
		.grid-50 {width: 100%; float: none;}
		.grid-60 {width: 100%; float: none;}
		.grid-70 {width: 100%; float: none;}
		.grid-80 {width: 100%; float: none;}
		.grid-85 {width: 100%; float: none;}
		.grid-90 {width: 100%; float: none;}
		.grid-95 {width: 100%; float: none;}
		.grid-100{width: 100%; float: none;}
		
		.cell {display: block}
		.align-left {margin-left: 0}
		
		header {
			height: 175px;
			background: #e51937;
			border-bottom: 0px solid #4f4a42; /*#262017*/
		}
		
		/* lang switcher */
		.top-menu {position: absolute;width: 70px;height: 24px;left: 10px;top: 80%;}
		.top-menu li a {color: #fff !important; font-size: 22px;}
		.top-menu .wpml-ls-flag {display: none !important;}
		
		.fb-in-header {
			position: absolute;
			left: 12px;
			top: 0px;
			width: 36px;
			height: 72px;
			background: url(images/fb-icon-black-36x36.png) no-repeat left 18px;
			z-index: 1002;	
		}

		#site-logo {
			position: absolute;
			text-align: center;
/* 			display: block; */
/* 			width: 100%; */
			display: inline-block;
			background-size: contain;
			top:-6px;
			margin-left: 0;
		}

		.cart-in-header{top: 96px;}
		.cart-in-header a {color: #020000;}
		.cart-in-header a:hover {color: #f7f7f7}
		
		h1.slide-title {color: #f7f7f7}
		.slide-desc {color: #f7f7f7}
		
		.archive-product-thumbnail-inner {margin-left: auto !important;margin-right: auto !important}
		.product {min-width: 300px;text-align: center;}
		.single_add_to_cart_button.button {width: 100%;text-align: center;}
		
		
		/* couleurs des cases en accueil en responsive*/
		.homepage-element:first-child {background-color: #f7f7f7 !important}
		.homepage-element:last-child {background-color: #f4f3ef !important}
		
		.container-50,
		.container-50R {max-width: 600px;margin: 0 auto;margin-left: 0;}

		.index-thumbnail {max-width: 150px}
		/* PDV */
		#pdv-map-section {min-height: 427px;}
		#pdv-map-section .map-wrapper {min-height: 426px;}
		#pdv-map-section .js-map { height:426px;}
		#pdv-title {padding-right: 24px;}
		#pdv-tools {display: none}
		.pdv-item {display: table; max-width: 300px;}
		.produits-disponibles {padding-bottom: 12px;}
		
		
		ul.products {margin-left: 0px;padding-left: 0;}
		
		#liens-archives .right { text-align: left !important; padding-bottom: 0 !important}
		
	}

.half-page-max {width: 33% !important;}

@media screen and (max-width: 980px) AND (min-width: 320px) {
	.half-page-max {width: 100% !important;max-width: 100% !important;}	
}

#coupon_code {width: 120px !important}

/* My Account NAV */
nav.woocommerce-MyAccount-navigation {position: static !important; margin-bottom: 60px;}
.woocommerce-MyAccount-content {padding-bottom: 60px;}
nav.woocommerce-MyAccount-navigation li a {
	font-size: 16px !important;
	text-transform: none !important;
	text-decoration: underline !important;
}

/* Abonnements */
.product-type-variable-subscription .product-meta .grid-70 {opacity: 0}
.product-type-variable-subscription .woocommerce-variation-price {font-weight: 700; font-size: 22px}

/* TEMP */
.products .post-3390 {
	display: none !important;
	
}
.product-type-subscription .product-description {
	display: block !important;
	margin-top: 50px;
}