/*
* grid
*/
.col-50 { display: flex; flex-direction: column; box-orient: vertical; box-direction: normal; }

@media (min-width: 992px) {
	.col-50 { display: block; float: left; width: 48%; margin-right: 2%; }
}

.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.float-right { float: right; margin: 0 0 5px 10px; }


/*
* alert
*/
.alert-danger { color: #fcb73d; }


/*
Spacings (mainly for sections)
*/
.spacing { padding: 5em 0; }
.section-v-spacing { padding: 5em 0; }
.section-v-spacing--extra {padding: 8em 0;}
.spacing-top { padding-top: 5em; }
.spacing-top-small { padding-top: 2.5em; }
.spacing-bottom { padding-bottom: 5em; }
.spacing-bottom-md { padding-bottom: 3.5em; }
.content-top { margin-top: 8em; }
.content-bottom { margin-bottom: 4em; }
.list-unstyled { padding-left: 0; list-style: none; }
ul.list-inline { padding-left: 0; list-style: none; margin-left: -5px; }
ul.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }
.slick-slide:focus { outline: none; }


/* PAGE CONTENT ................................................................................. */
.content { font-size: 1em; line-height: 1.4; color: #020306; }
.content a {font-weight: 700;text-decoration: underline;color: #000;}
.content a:hover { text-decoration: underline; }
.content ul,
.content ol { margin: 0 0 1em 1.2em; padding: 0; list-style-position: outside; }
.page-top-spacing {margin-top: 4.5em;}
.page-stick-to-topbar {margin-top: 4.5em;}

/* Media queries */
@media (min-width: 480px) {
	.content-top,
	.page-top-spacing { margin-top: 10em; }
	.page-banner-first {margin-top: -5.5em;}
}

@media (min-width: 768px) {
	.content-top,
	.page-top-spacing { margin-top: 8em; }
	.page-banner-first { margin-top: -3em; }
	.page-stick-to-topbar {margin-top: 5em;}
}

@media (min-width: 992px) {
	.content-top,
	.page-top-spacing { margin-top: 10em; }
	.page-banner-first { margin-top: -4em; }
	.page-stick-to-topbar {margin-top: 6.3em;}
}

@media (min-width: 1200px) {
	.content-top,
	.page-top-spacing { margin-top: 12em; }
	.page-banner-first { margin-top: -5.1em; }
	.page-stick-to-topbar {margin-top: 6.9em;}
}

@media (min-width: 1500px) {
	.content-top,
	.page-top-spacing { margin-top: 13em; }
	.page-banner-first { margin-top: -5.4em; }
	.page-stick-to-topbar {margin-top: 7.6em;}
}

p.smaller { font-size: .85em; }

.content a.subtle-link {display:inline-block;font-size: 0.9em;font-weight:normal;}
.content a.subtle-link:not(.btn):hover {color: #fdb924; }

	/* Smaller on mobile */
	@media (max-width: 767px) {
		.content a.subtle-link {font-size:0.7em;}
	}


/* Generic cols */
.col-half { margin-bottom: 1em; }

@media (min-width: 768px) {
	.col-half { float: left; width: 45%; margin-right: 5%; }
}

.col-third { margin-bottom: 4em; }

@media (min-width: 768px) {
	.col-third { float: left; width: 28%; margin-right: 5%; }
}

/* 2 cols generic */
.c2 {display: flex; width: 100%; }
.c2 .form-input {box-sizing: border-box;}
.c2__col {display: block;flex: 0 0 auto;width: auto;}
.c2__col--variableWidth {flex: 1 1 auto; }
.c2__col + .c2__col {margin-left: 1em;}
.c2__col *:last-child {margin-bottom: 0;}

	/* Alt : v centered */
	.c2--vCentered {align-items: center;}

/* 2 cols with borders, same width */
.c2Borders {display: flex;width: 100%; border: 1px solid #b5b5b5; border-left: none; border-right: none;}
.c2Borders .form-input {box-sizing: border-box;}
.c2Borders__col {display: block;flex: 0 0 auto;width: 50%;box-sizing: border-box;padding: 5% 8%;}
.c2Borders__col:not(:first-child) {border-left:1px solid #b5b5b5;}

	/* Break cols */
	@media (max-width:767px) {
		.c2Borders {display: block; }
		.c2Borders__col {width: 100%;padding: 10% 10%;}
		.c2Borders__col:not(:first-child) {border-top:1px solid #b5b5b5; border-left: none;}
	}

/* Containers width */
.content-width { position: relative; box-sizing: content-box; width: 90%; margin: 0 5%; }
.content-width-smaller {position: relative;box-sizing: content-box;width: 90%;max-width: 1400px;margin: 0 auto;}
.centered-smaller { position: relative; box-sizing: content-box; width: 90%; max-width: 960px; margin: 0 auto; text-align: center; }


/* FONTS ...........................................................................................
	Avenir
	Light: 300
	Roman (+ Book + Medium): 400
	Heavy: 700
	Black: 900
*/
@font-face {
	font-family: 'Avenir';
	font-weight: 300;
	font-style: normal;
	src: url('fonts/avenir-light-webfont.woff') format('woff'), url('fonts/avenir-light-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-weight: 400;
	font-style: normal;
	src: url('fonts/Avenir-Roman.woff') format('woff'), url('fonts/Avenir-Roman.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-weight: 700;
	font-style: normal;
	src: url('fonts/Avenir-Heavy.woff') format('woff'), url('fonts/Avenir-Heavy.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-weight: 900;
	font-style: normal;
	src: url('fonts/Avenir-Black.woff') format('woff'), url('fonts/Avenir-Black.ttf') format('truetype');
}


/* ICOMOON ...................................................................................... */
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?9adqot');
	src: url('fonts/icomoon.eot?9adqot#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?9adqot') format('truetype'), url('fonts/icomoon.woff?9adqot') format('woff'), url('fonts/icomoon.svg?9adqot#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^='icon-'],
[class*=' icon-'],
.icons-rating,
.header .mobile-nav ul li.has-children:before,
.slick-prev:before,
.slick-next:before,
.rating-icons,
.recette-details-ipa .item h2:before {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icon-rating-half-left:before { content: '\31'; }
.icon-icon-rating-half-right:before { content: '\32'; }
.icon-twitter:before { content: '\e90e'; }
.icon-google-plus:before { content: '\e90f'; }
.icon-facebook:before { content: '\e910'; }
.icon-linkedin:before { content: '\e911'; }
.icon-instagram:before { content: '\e912'; }
.icon-icon-rating-full:before { content: '\2a'; }
.icon-icon-arrow-down:before { content: '\e900'; }
.icon-icon-arrow-left:before { content: '\e901'; }
.icon-icon-arrow-right:before { content: '\e902'; }
.icon-icon-arrow-up:before { content: '\e903'; }
.icon-icon-canard:before { content: '\e91a'; }
.icon-icon-close:before { content: '\e905'; }
.icon-icon-cookmode:before { content: '\e906'; }
.icon-icon-horloge:before { content: '\e907'; }
.icon-icon-marker:before { content: '\e908'; }
.icon-icon-menu-burger:before { content: '\e909'; }
.icon-icon-play:before { content: '\e90a'; }
.icon-icon-print:before { content: '\e90b'; }
.icon-icon-search:before { content: '\e90c'; }
.icon-pinterest:before { content: '\e90d'; }
.icon-icon-contact-casque:before { content: "\e913"; }
.icon-icon-livraison:before { content: "\e914"; }
.icon-icon-open-box:before { content: "\e915"; }
.icon-icon-paiements:before { content: "\e916"; }
.icon-icon-panier:before { content: "\e917"; }
.icon-icon-terms:before { content: "\e918"; }
.icon-icon-user:before { content: "\e919"; }
.icon-icon-question::before{ content: "\ea09"; }
.icon-icon-box-remove::before {content: "\e95f"; }
.icon-icon-bubbles4::before {content: "\e970"; }

.icon-icon-box-remove::before {font-size: 0.9em;}
.icon-icon-bubbles4::before {font-size: 0.9em;}
.icon-icon-livraison::before { font-size: 0.92em; }
.icon-icon-contact-casque::before { font-size: 0.88em; }
.icon-icon-paiements::before { font-size: 1em; }
.icon-icon-panier { font-size: 1.2em; }
.icon-icon-terms::before { font-size: 0.85em; }


/* RECIPE SPINNER ........................................................... */
#recipe-spinner-wrapper { position: relative; clear: both; }
#recipe-spinner-wrapper #floatingCirclesG { left: 50%; top: 0; transform: translate(-50%, 0) scale(0.6); }
#menu-spinner-wrapper { position: relative; clear: both; }
#menu-spinner-wrapper #floatingCirclesG { top: -65px; }
.spinner-wrapper { display: none; }
#floatingCirclesG { position: absolute; width: 51px; height: 51px; margin: auto; top: -5px; left: 30%; transform: scale(0.6); -o-transform: scale(0.6); -moz-transform: scale(0.6); }
.f_circleG { position: absolute; background-color: #ffffff; height: 9px; width: 9px; border-radius: 5px; animation-name: f_fadeG; animation-duration: 0.882s; animation-iteration-count: infinite; animation-direction: normal; }
#frotateG_01 { left: 0; top: 21px; animation-delay: 0.3295s; }
#frotateG_02 { left: 6px; top: 6px; animation-delay: 0.446s; }
#frotateG_03 { left: 21px; top: 0; animation-delay: 0.5525s; }
#frotateG_04 { right: 6px; top: 6px; animation-delay: 0.659s; }
#frotateG_05 { right: 0; top: 21px; animation-delay: 0.7755s; }
#frotateG_06 { right: 6px; bottom: 6px; animation-delay: 0.882s; }
#frotateG_07 { left: 21px; bottom: 0; animation-delay: 0.9985s; }
#frotateG_08 { left: 6px; bottom: 6px; animation-delay: 1.105s; }

@keyframes f_fadeG {
	0% { background-color: #fcb63d; }
	100% { background-color: #ffffff; }
}

.gray-zone { background-color: #f2f2f2; }
.orange-zone { background-color: #f9aa31; color: #fff; }
.orange-zone a { color: #fff; }
.orange-zone a:hover { color: #fcb73d; }


/* BUTTONS ...................................................................................... */
/* Base */
button { display: inline-block; padding: 0; color: #020306; border: none; border-radius: 0; outline: none; background: transparent; }
.btn, a.btn { font-size: .888em; font-weight: 400; line-height: 1; display: inline-block; padding: .8em 1.2em; text-decoration: none; text-transform: uppercase; border-radius: 0; }

	/* Hover */
	.btn:hover, a.btn:hover { text-decoration: none; }

	/* Disabled */
	.btn.disabled {background-color: #d3d3d3 !important; cursor: not-allowed;}


/* Default : Black text, transparent BG, black border / Hover : Black BG */
.btn, a.btn { color: #020306; border: 1px solid #020306; background-color: transparent; }

	/* Hover */
	.btn:hover,
	.btn:focus,
	a.btn:hover,
	a.btn:focus { color: #fff; border: 1px solid #020306; background-color: #020306; }


/* Inverse : White text, transparent BG, white border / Hover : White BG */
.btn.btn-inverse, a.btn.btn-inverse { color: #fff; border: 1px solid #fff; background-color: transparent; }

	/* Hover */
	.btn.btn-inverse:hover,
	.btn.btn-inverse:focus,
	a.btn.btn-inverse:hover,
	a.btn.btn-inverse:focus { color: #020306; border: 1px solid #fff; background-color: #fff; }


/* Yellow : White text, yellow BG / Hover : White BG */
.btn.btn-yellow, a.btn.btn-yellow { font-weight: 900; color: #fff; border: 0; background-color: #fdb924; }

	/* Hover */
	.btn.btn-yellow:hover,
	.btn.btn-yellow:focus,
	a.btn.btn-yellow:hover,
	a.btn.btn-yellow:focus { color: #fdb924; background-color: #fff; }


/* Yellow ALT : Exactly like yellow but with hover black BG */
.btn.btn-yellow-alt, a.btn.btn-yellow-alt { font-weight: 900; color: #fff; border: 0; background-color: #fdb924; }

	/* Hover */
	.btn.btn-yellow-alt:hover,
	.btn.btn-yellow-alt:focus,
	a.btn.btn-yellow-alt:hover,
	a.btn.btn-yellow-alt:focus { color: #fff; background-color: #020306; }


/* Plus minus btn */
.btn.btn-plus-minus,
a.btn.btn-plus-minus {font-weight: 900;font-size: 1.656em;background-color: #fdb924;border:none;color: #fff;height: 1.5em;width: 1.5em;padding: 0;}

	/* Hover */
	.btn.btn-plus-minus:hover,
	.btn.btn-plus-minus:focus,
	a.btn.btn-plus-minus:hover,
	a.btn.btn-plus-minus:focus { color: #fff; border: none; background-color: #020306; }


/* Bouton petit et rond avec seulement icon */
.btn-rond-icon, a.btn-rond-icon {background-color: #f2f2f2;border: none;border-radius: 50%;font-size: 1.4em;height: 1em;width: 1em;padding: 1em;box-sizing: content-box;}

	/* Hover */
	.btn-rond-icon:hover, a.btn-rond-icon:hover,
	.btn-rond-icon:focus, a.btn-rond-icon:focus {border: none;}
	
	/* ALT : Yellow variante */
	.btn-rond-icon--yellow, a.btn-rond-icon--yellow {background-color: #fdb924; }

		/* Hover */
		.btn-rond-icon--yellow:hover, a.btn-rond-icon--yellow:hover,
		.btn-rond-icon--yellow:focus, a.btn-rond-icon--yellow:focus { }

	/* ALT : Smaller. */
	.btn-rond-icon--sm, a.btn-rond-icon--sm {font-size: 0.7em;}


/* MODS */
.btn.btn-more-padding {padding: 1.3em;}
.btn.btn-more-padding-sides { padding-right: 3em; padding-left: 3em; }
.btn.btn-more-padding-sides-half { padding-right: 2em; padding-left: 2em; }
.btn.btn-full-width {width: 100%; box-sizing: border-box; text-align: center;}


/* BASE TAGS .................................................................................... */
html, body, p, ul, h1, h2, h3, h4, h5, h6, input, textarea, button {
	font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html { font-size: 16px; line-height: 1.4; color: #020306; }
body { font-size: 16px; line-height: 1.4; }


/* Box sizing : Apply a natural box layout model to all elements, but allowing components to change */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/* Paragraphs */
p { font-size: 1.125em; margin: 0 0 1em 0; }

/* Links */
a { cursor: pointer; text-decoration: underline; color: #020306; }
a:focus { /*outline: thin dotted;*/ }
a:hover, a:focus { color: #020306; }

/* Other tags */
hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
textarea { resize: vertical; }
fieldset { margin: 0; padding: 0; border: 0; }
ul, ol { margin: 0; padding: 0; list-style-position: outside; }

/* List */
ul.list { font-size: 1.125em; margin: 0 0 1em 1em; }
ul.list li { padding-top: 3px; padding-bottom: 3px; }

ol.list-numbers { font-size: 1.125em; margin: 0 0 1em 1em; list-style-position: inside; }
ol.list-numbers li { text-indent: -1em; }

ol.list-numbers.big { margin-left: 0; list-style: none; counter-reset: list-numbers-big; }
ol.list-numbers.big li { position: relative; padding: 0 0 1em 2em; text-indent: 0; }
ol.list-numbers.big li:before { font-size: 1.5em; font-weight: 900; line-height: 1.1; position: absolute; top: 0; left: 0; content: counter(list-numbers-big); counter-increment: list-numbers-big; }

figure { margin: 0; padding: 0; }

/* Un fix pour IE10 responsive, et aussi pour le "snap mode" */
@-ms-viewport { width: 100%; }
@viewport { width: device-width; }

/* All images responsive */
img {
	max-width: 100%;
	/*width: 100% \9; /* Pour IE 8-10 SVG, mais cause un probleme dans la banner, petite image qui apparait au mouseover, donc enlever la ligne */
	height: auto;
}
img.force-bigger { min-width: 100%; }


/* TITLES ....................................................................................... */
h1, .h1 { font-size: 2.25rem; font-weight: 300; line-height: 1.2; margin: 0 0 .5em 0; padding: 0; }
h2, .h2 { font-size: 2.25rem; font-weight: 300; line-height: 1.2; margin: 0 0 .5em 0; padding: 0; }
h3, .h3 { font-size: 2rem; font-weight: 300; line-height: 1.2; margin: 0 0 .5em 0; padding: 0; }
h4, .h4 {font-size: 1em;font-weight: 900;line-height: 1.1;margin: 0 0 0.8em 0;padding: 0;text-transform: uppercase;}

/* Media queries */
@media (min-width: 768px) {
	h1, .h1 { font-size: 2.25rem; }
}

@media (min-width: 992px) {
	h1, .h1 { font-size: 2.5rem; line-height: 1.1; }
	h3, .h3 { font-size: 2.5em; }
}

@media (min-width: 1200px) {
	h1, .h1 { font-size: 3rem; line-height: 1; margin-bottom: .4em; }
}

@media (min-width: 1500px) {
	h1, .h1 { font-size: 4.5rem; line-height: .9; margin-bottom: .25em; }
	h2, .h2 { font-size: 3.75rem; }
	h3, .h3 { font-size: 3rem; }
}


/* 	TITLE COLS
	Certains titres sont en colonnes : icone a gauche, texte a droite. */
	.titleCols {display: flex;align-items: center;color: #020306;border-bottom: 1px solid #7f7f7f;padding-bottom: 1em;margin-bottom: 3em;}
	.titleCols__icon {display: block;flex: 0 0 auto;font-size: 6em;line-height: 1;margin-right: 0.4em;}
	.titleCols__text {display: block;flex: 1 1 auto;text-transform: uppercase;font-weight: 900;font-size: 1.7em;line-height: 1.1;}

		/* Sizes */
		@media (max-width:991px) {
			.titleCols {font-size: 0.9em;}
		}
		@media (max-width:499px) {
			.titleCols {font-size: 3vw; padding-right: 10%;}
		}



/* TRANSITIONS .................................................................................. */
a,
input,
textarea,
select,
svg,
button,
.btn,
.header .logo,
.header .mobile-nav ul li.has-children:before,
svg *,
a .popup,
.slick-prev:before,
.slick-next:before,
.slick-arrow span,
.produits-list-item.slick-slide a img,
.recette-side-actions .actions a .icon,
.recette-details-ipa .item h2:before,
.carrieres-chiffres .box a img,
.add-transition { transition: all .4s ease; }

.site-transition,
.product-list-item,
.product-list-item .label h2,
.template-marchand .box {transition: all 0.3s ease;}

/* Removes animation when the page renders.
 * Remove the class in the JS. */
.preload *,
.remove-transition { transition: none !important; }


/* HEADER AND MENU .............................................................................. */
.header { font-size: 1rem; line-height: 1; position: fixed; z-index: 6000; top: 0; right: 0; left: 0; }
.header .relative { position: relative; }

/* Logo */
.header .logo { position: relative; z-index: 20; top: .35em; width: 100px; left: 50%; transform: translateX(-50%); }
.header .logo a { display: block; }

/* Menus */
.header ul { list-style: none; }
.header a:not(.btn) { margin: 0; padding: 0; text-decoration: none; }

/* Right nav (contact + lang) */
.header .right-nav { font-size: .75rem; position: absolute; z-index: 12; top: 2.9em; right: 2em; display: flex; align-items: center; }

@media (min-width: 768px) {
	.header .right-nav {top: 0.7em;right: 1em;}
}

.header .right-nav > * { display: block; flex: 0 0 auto; }

@media (max-width: 767px) {
	.header .right-nav > *:not(.nav-user-cart) { display: none; }
	.header .right-nav .nav-user-cart > *:not(.nav-user-cart__cart) { display: none; }
}

.header .right-nav li { display: inline; text-indent: 0; }
.header .right-nav li a { font-size: .875em; margin: 0; padding: .5em 1em; text-decoration: none; text-transform: uppercase; color: #363636; }
.header .right-nav li.lang a { font-size: 1em; font-weight: 700; margin-left: 1em; padding: .5em .3em .4em; color: #020306; }
.header .right-nav li.lang a:hover { color: #fff; }
.header .nav-user-cart { margin-left: 1.5em; display: flex; align-items: center; }
.header .nav-user-cart a { position: relative; display: block; flex: 0 0 auto; font-size: 1.7em; padding: 0 0.6em; transition: opacity 0.3s; }
.header .nav-user-cart a:not(:first-child)::before { position: absolute; display: block; content: ''; top: 5px; bottom: 5px; left: 0; width: 1px; background-color: #bababa; }

@media (max-width: 767px) {
	.header a.nav-user-cart__cart { font-size: 2.1em; padding-right: 0; }
}

.header .nav-user-cart a:hover { opacity: 0.6; }
.cart-icon { display: inline-block; position: relative; padding-right: 0.4em; }
.cart-icon__count { position: absolute; top: 0; right: 0; font-size: 0.5em; font-weight: 900; width: 1em; height: 1em; border-radius: 50%; text-align: center; line-height: 1; color: #020306; background-color: #fcb73d; box-shadow: 0 0 0 0.4em #fcb73d; }

@media (max-width: 767px) {
	.header .nav-user-cart a:not(:first-child)::before { display: none; }
	.header .right-nav .cart-icon { color: #fff; }
}

/* Light nav (4 items only) */
.header .light-nav { position: absolute; z-index: 10; top: 1.2em; width: 100%; border-bottom: .3em solid #feb924; background-color: #000; }
.header .light-nav ul { padding: 0 1%; margin-left: 0; }
.header .light-nav > ul > li { display: inline-block; vertical-align: middle; text-indent: 0; }
.header .light-nav li a { font-weight: 900; display: inline-block; padding: .75em 1em; text-transform: uppercase; color: #f2f2f2; transition: none; }
.header .light-nav li a:hover { color: white; }
.header .light-nav li a:focus { outline: none; }
.header .light-nav li a .icon { font-size: 2em; color: #fcb73d; }
.header .light-nav li a .text { font-size: .85em; display: none; }
.header .light-nav li.produits { display: none; }
.header .light-nav li.acheter { display: none; }
.header .light-nav li.noustrouver { display: none; }

@media (max-width: 374px) {
	.header .light-nav li.recette a { padding-left: 0; font-size: 0.8em; }
}

.page-no-menu .header .light-nav li a { visibility: hidden; }

/* ACCOUNT nav */
.header .topBarAccountNav {display: none;position: absolute;z-index: 20;top: 50%;right: 10%;left: auto;margin: 0;color: #fff;transform: translateY(-300%);opacity: 0;visibility: hidden;transition: all 0.4s ease;}
.header .topBarAccountNav ul {list-style: none;margin: 0;padding: 0;display: flex;}
.header .topBarAccountNav li {display: block;flex: 1 1 auto;margin: 0 2.5vw;}
.header .topBarAccountNav li a {font-weight: 900;display: block;padding: 0.5em 0.5em;text-transform: uppercase;color: #f2f2f2;transition: none;box-sizing: border-box;white-space: nowrap;}
.header .topBarAccountNav li a > .icon,
.header .topBarAccountNav li a > .cart-icon {font-size: 1.25em;float: left;margin-right: .5em;margin-left: 0;color: #fdb924;}
.header .topBarAccountNav li a .text {font-size: .75em;position: relative;top: .15em;display: inline;display: inline-block;transition: opacity 0.4s;}
.header .topBarAccountNav .cart-icon__count {background-color:#fff;box-shadow: 0 0 0 0.4em #fff;}

	/* Hover */
	header .topBarAccountNav li a:hover .text {opacity:0.5;}
	
/* BTN to close the main nav (desktop) */
.header .desktop-nav-close { font-size: 1.5em; position: absolute; z-index: 20; top: -300%; right: 5%; margin: 0; padding: .25em; color: #fff; }
.header .desktop-nav-close:hover { color: #fdb924; }

/* Complete nav (mobile + desktop) */
.header .complete-nav-container { font-size: .8rem; position: fixed; z-index: 1; top: 52px; right: 0; bottom: 0; left: 0; display: none; overflow: auto; padding: 5.5em 7% 10% 7%; color: #fff; background: rgba(0, 0, 0, 0.9); }
.header .mobile-nav {font-size: 1.125em;display: block;margin-bottom: 1em;}
.header .mobile-nav a { color: #fff; }
.header .mobile-nav ul { font-weight: 900; text-transform: uppercase; }
.header .mobile-nav ul li { position: relative; display: block; }
.header .mobile-nav ul li.has-children:before { font-size: 1.5em; /* right: 55%; */ position: absolute; z-index: -1; top: .35em; right: 0; content: '\e902'; color: #fff; }
.header .mobile-nav ul li.has-children.on:before { transform: rotate(90deg); color: #fb0; }
.header .mobile-nav ul li a { display: block; margin: 0 -0.75em; padding: .75em; }
.header .mobile-nav ul ul { font-weight: 400; display: none; margin: .3em 0; color: #feb924; }
.header .mobile-nav ul ul li a { margin: 0; padding: 3% 0 3% 7%; font-size: 16px; color: #feb924; }
.header .mobile-nav-account {margin-bottom: 2em;font-size: 1.125em;}
.header .mobile-nav-account a {position: relative;font-weight: 900;display: block;padding: 0.5em 0;text-transform: uppercase;color: #f2f2f2;transition: none;box-sizing: border-box;}
.header .mobile-nav-account a .icon {font-size: 1.6em;display: inline-block;margin-right: .5em;margin-left: 0;color: #fdb924;vertical-align: middle;}
.header .mobile-nav-account a .text {font-size: 1em;display: inline-block;position: relative;top: 0.2em;transition: opacity 0.4s;}
.header .desktop-nav { font-size: 1em; display: none; margin-bottom: 5em; }
.header .desktop-nav a { color: #fff; }
.header .desktop-nav ul { font-weight: 300; text-transform: uppercase; }
.header .desktop-nav ul li { display: block; float: left; width: 17%; margin-left: 3.75%; }
.header .desktop-nav ul li:first-child { margin-left: 0; }
.header .desktop-nav ul li a { display: block; height: 2em; margin-bottom: 1em; }
.header .desktop-nav ul ul { text-transform: none; color: #feb924; }
.header .desktop-nav ul ul li { display: block; float: none; width: 100%; margin-left: 0; padding: .5em 0; }
.header .desktop-nav ul ul li a { display: inline; height: auto; margin-bottom: 0; color: #feb924; }
.header .desktop-nav ul ul li a:hover { color: #fff; }
.header .nav-home-contact { font-size: .9em; float: left; width: 70%; margin-bottom: 4em; text-transform: uppercase; }
.header .nav-home-contact li { display: inline; }
.header .nav-home-contact li:before { display: inline-block; width: 1.5em; content: '/'; text-align: center; }
.header .nav-home-contact li:first-child:before { width: 0; content: ''; }
.header .nav-home-contact a { color: #fff; }
.header .nav-lang { font-size: .9em; float: right; width: 30%; margin-bottom: 4em; text-align: right; }
.header .nav-lang li { display: inline; margin-left: .5em; }
.header .nav-lang li:after { font-weight: 400; display: inline-block; width: .75em; content: '/'; text-align: right; }
.header .nav-lang li.active { font-weight: 900; }
.header .nav-lang a { color: #fff; }
.header .nav-form { margin-bottom: 3em; }
.header .nav-form .form-input { float: left; width: 60%; }
.header .nav-form .btn { font-size: .875em; float: right; width: 35%; padding-right: 0; padding-left: 0; text-align: center; }
.header .nav-social { font-size: 1.3em; margin-bottom: 0; text-align: center; }
.header .nav-social li { display: inline; }
.header .nav-social a { padding: 1% 4%; color: #fff; }
.header .nav-social a:hover { color: #fdb924; }


/* Search recette form */
.header .search-recette { bottom: 0; display: none; }

/* Sticky */
.header.sticky { position: fixed; }
.header.sticky .logo { top: .1em; }
.header.sticky .light-nav { top: 0; }
.header.sticky .right-nav { top: 1.3em; }

/* Media queries */
@media (min-width: 480px) {
	.header { font-size: 1rem; }
	.header .logo { width: 120px; }
	.header .light-nav ul { padding: .5% 1%; }
	.header .light-nav li.recette .text { position: relative; top: .65em; }
	.header .complete-nav-container { font-size: 1rem; top: 50px; padding: 7em 7% 3em 7%; }
	.header .nav-form .form-input { width: 65%; }
	.header .nav-form .btn { width: 30%; }

	/* Sticky */
	.header.sticky .logo { width: 100px; }
}

@media (min-width: 768px) {
	.header .logo { position: absolute; top: 50%; left: 2%; width: 13%; max-width: 180px; margin: 0; transform: translateY(-50%); }
	.header .light-nav {position: relative;z-index: 10;top: 0;margin: 5vw 0;border-bottom: 0;}
	.header .light-nav ul {padding: 0 0 0 17%;display: flex;align-items: center;height: 3rem;}
	.header .light-nav ul > li { display: block; flex: 1 1 auto; }
	.header .light-nav li.produits { display: block; }
	.header .light-nav li.acheter { display: block; }
	.header .light-nav li.noustrouver { display: block; }
	.header .light-nav li a { padding: 6% 1.9%; }
	.header .light-nav li a .icon,
	.header .light-nav li.recette .icon { font-size: 1.25em; float: left; margin-right: .5em; margin-left: 0; }
	.header .light-nav li a .icon.icon-icon-canard { font-size: 1.4em; }
	.header .light-nav li a .text,
	.header .light-nav li.recette .text { font-size: .75em; position: relative; top: .15em; display: inline; }
	.header .complete-nav-container { top: 60px; padding: 10% 10% 5% 10%; }
	.header .search-recette { bottom: auto; }

	/* Sticky */
	.header.sticky .logo { width: 13%; padding: 0 2%; transform: none; }
	.header.sticky .right-nav { display: none; }
	.header.sticky .light-nav { margin-top: 0; margin-bottom: 0; }
	.header.sticky .complete-nav-container { top: 30px; }
	.header.sticky .search-recette { top: 20px; }
}

@media (min-width: 992px) {
	.header { position: absolute; }
	.header .logo { left: 3.5%; }
	.header .right-nav { font-size: .9rem; top: 1.2vw; }
	.header .light-nav { font-size: 1rem; border-bottom: 0; }
	.header .light-nav ul {padding-left: 19%;height: 3.5rem;}
	.header .light-nav li a { padding: 5% 7%; }
	.header.menu-on .desktop-nav-close { top: 50%; display: block; transform: translateY(-50%); }
	.header .complete-nav-container { z-index: 15; top: 0; padding: 13em 5% 4% 5%; }
	.header .mobile-nav { display: none; }
	.header .mobile-nav-account { display: none; }
	.header .desktop-nav { display: block; }
	.header .nav-home-contact { width: 20%; margin-bottom: 0; }
	.header .nav-lang { float: left; width: 30%; margin-bottom: 0; text-align: left; }
	.header .nav-form { float: left; width: 50%; margin-top: -1.5em; margin-bottom: 2em; }
	.header .nav-form .form-input { width: 70%; }
	.header .nav-form .btn { width: 25%; }
	.header .nav-social { font-size: 1em; clear: both; text-align: right; }
	.header .nav-social a { padding: 1% 1.25%; }

	/* ACCOUNT nav */
	.header .topBarAccountNav {font-size:1rem; display: block;}

		/* STATE / Open */
		.header.menu-on .topBarAccountNav {transform: translateY(-50%);opacity: 1;visibility: visible;}

	.header .desktop-nav ul li.hiddenDesktop {display: none;}

	/* Sticky */
	.header.sticky .complete-nav-container { top: 0; }
}

@media (min-width: 1200px) {
	.header .logo { left: 5%; }
	.header .right-nav {font-size: 1rem;right: 1em;}
	.header .light-nav,
	.header .topBarAccountNav { font-size: 1.2rem; }
	.header .light-nav li a { padding: 4% 8%; }
	.header .complete-nav-container { padding-top: 15em; padding-bottom: 2%; }
	.header .desktop-nav { margin-bottom: 7em; }
}

@media (min-width: 1500px) {
	.header .right-nav {right: 1em;top: 1em;}
	.header .light-nav {font-size: 1.3rem;margin: 4rem 0;}
	.header .light-nav ul {padding-left: calc(8em + 6vw);height: 4rem;}
	.header .light-nav li a { padding: 3.5% 13%; }
	.header .topBarAccountNav {font-size: 1.3rem;}
	.header .complete-nav-container { font-size: 1.2rem; padding-top: 13em; }
	.header .desktop-nav { margin-bottom: 5em; }
	.header .desktop-nav ul { font-size: 1.5em; }
	.header .desktop-nav ul ul { font-size: .75em; }
	.header .desktop-nav ul li a { margin-bottom: .5em; }
}

@media (min-width: 1700px) {
	.header .light-nav,
	.header .topBarAccountNav { font-size: 1.5rem; }
	.header .light-nav ul {height:4.5rem;}
}


/* FOOTER ....................................................................................... */
/* Global */
.footer ul { list-style: none; margin-left: 0; }
.footer ul li { padding-left: 0; text-indent: 0; }
.footer a { margin: 0; padding: 0; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

/* Black zone with form */
.black-zone { padding: 1.6em 0 1.3em 0; color: #fff; background: #020306; }
.black-zone-title h2 { line-height: 1; margin-bottom: 0; }
.footer .black-zone .custom { font-size: 2.25em; line-height: .8; margin-bottom: .7em; }
.footer .black-zone-form { position: relative; }
.footer .black-zone-form button { width: 100%; margin-bottom: .7em; padding-right: 0; padding-left: 0; }
.footer .black-zone-form .alert { margin-bottom: 4px; display: none; }

/* Gray zone, bottom of footer */
.footer .gray-zone { padding: 2em 0 1em 0; background-color: #f2f2f2; }

/* Links */
.footer-col-links { margin-bottom: 2em; text-align: center; }
.footer-col-links li a { display: inline-block; padding: .1em 0; text-decoration: none; }

/* Social icons */
.footer-social { font-size: 1.2em; margin-bottom: 1em; text-align: center; }
.footer-social li { display: inline; }
.footer-social a { padding: 2% 3.5%; }
.footer-social a:hover { text-decoration: none; color: #fdb924; }

/* Langs */
.footer-lang { margin-bottom: 2em; text-align: center; }
.footer-lang li { display: inline; margin-left: .5em; }
.footer-lang li:after { font-weight: 400; display: inline-block; width: .75em; content: '/'; text-align: right; }
.footer-lang li.active { font-weight: 900; }

/* Logo bottom and copyrights */
.footer-logo .logo { width: 6em; margin: 0 auto 1em auto; }
.footer-logo .copyright { font-size: .85em; margin-bottom: 0; text-align: center; }

/* Media queries */
@media (min-width: 375px) {
	.footer .black-zone { padding: 2em 0 1.5em 0; }
	.footer .black-zone-form input { display: inline-block; width: 60%; }
	.footer .black-zone-form button { float: right; width: 37%; }
}

@media (min-width: 480px) {
	.footer-col-links { overflow: hidden; margin-bottom: 3em; text-align: left; }
	.footer-col-links .col-1 { float: left; width: 33.3%; }
	.footer-col-links .col-2 { float: left; width: 33.3%; }
	.footer-col-links .col-3 { float: left; width: 33.3%; }
	.footer-social { float: right; text-align: right; }
	.footer-lang { float: left; margin-bottom: 3em; margin-left: -0.5em; }
}

@media (min-width: 768px) {
	.footer .black-zone-form input { width: 77%; }
	.footer .black-zone-form button { width: 19%; }
	.footer .gray-zone { padding-top: 3em; }
	.footer-social { width: 35%; margin-top: .3em; }
	.footer-social a { padding: 2% 2.5%; }
	.footer-lang { clear: both; margin-bottom: 0; }
	.page-no-menu .footer-lang { clear: none; }
	.footer-col-links { float: left; width: 65%; max-width: 40em; margin-bottom: 2em; }
	.footer-logo .logo { width: 7em; }
}

@media (min-width: 992px) {
	.footer .black-zone { padding: 2em 0 2em 0; }
	.footer .black-zone .custom { font-size: 2.5em; position: relative; top: .15em; display: inline-block; width: 40%; margin-bottom: 0; }
	.footer .black-zone-form { display: inline-block; width: 59%; }
	.footer .black-zone-form input { width: 73%; margin-bottom: 0; }
	.footer .black-zone-form button { width: 22%; margin-bottom: 0; }
}

@media (min-width: 1500px) {
	.footer .black-zone { padding: 2.5em 0; }
	.footer .black-zone .custom { font-size: 3em; }
	.footer .black-zone-form input { font-size: 1.25em; width: 77%; padding: .57em 0; }
	.footer .black-zone-form button { font-size: 1.125em; width: 19%; }
	.footer .gray-zone { font-size: 1.125rem; padding-top: 4em; }
	.footer-col-links { margin-bottom: 0; }
	.footer-col-links li a { padding: 0; }
	.footer-social { font-size: 1.5em; }
	.footer-lang { margin-top: 2.5em; }
	.page-no-menu .footer-lang { margin-top: 0; }
	.footer-logo { margin-top: -3em; }
	.footer-logo .logo { width: 7.5em; margin-bottom: .5em; }
	.footer-logo .copyright { font-size: .75em; }
}


/* FORMS ........................................................................................ */
/* Base styles */
.form-input,
.form-textarea,
.form-select, .select2 { border: 1px solid #b6b6b7; width: 100%; background-color: #f2f2f2; font-size: 1em; line-height: 1.2; display: block; padding: 0.6em 0.8em; border-radius: 0; margin-bottom: 1em; color: #020306; }
.select2 {margin-bottom: 0;}
.select2-selection__arrow {display: none;}
.select2-container--default .select2-selection--single {background-color: inherit; border: none;}

/* Specific styles (and overrides) */
.form-select, .select2-container {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("../img/icon-arrow-down.svg");background-repeat: no-repeat;background-position: right 0.75em center;background-size: 1.25em;padding-right: 2em;box-sizing: border-box;}
select::-ms-expand { display: none; }
.form-checkbox { display: inline-block; margin-right: 5px; }
.form-select option { min-height: 1px; line-height: 1px; }
.form-input-black { background-color: transparent; border: none; border-bottom: 1px solid #fff; color: #fff; padding: 0.4em 0; font-size: 1.125em; margin-bottom: 0.7em; }
.form-input-transparent { background-color: transparent; border: none; color: #fff; }
.form-input-plus-minus {font-weight: 900;margin: 0;display: inline-block;width: 4em;text-align: center;padding: 0.45em 0;font-size: 1.105em;height: 2.25em;border-left: none;border-right: none;box-sizing: border-box;}
.form-input--code-postal {width: 7em;box-sizing: border-box;}

	/* Focus */
	.form-input:focus,
	.form-textarea:focus,
	.form-select:focus, .select2-container:focus { outline: none; border-color: #fdb924; }

/* Fieldset, pour espacement entre groupes de form items */
form fieldset { margin-bottom: 1em; }


/* BANNER ....................................................................................... */
.top-banner { position: relative; width: 100%; }
.top-banner-spacing { margin-bottom: -2px; }
.top-banner .search-recette { display: none; }
.top-banner .search-recette .temps-cuisson { margin-right: -2.5em; }
.top-banner .search-recette .temps-cuisson label { font-size: .8em; padding-left: 7.5%; }
.top-banner .search-recette .actions label { position: relative; margin-top: .75em; transform: none; }
.scroll-down { font-size: 1rem; position: absolute; z-index: 51; display: none; width: 100%; margin: 0 auto; text-align: center; }
.scroll-down a { font-size: 2.2em; line-height: 1; position: relative; top: -1em; display: inline-block; width: 2em; height: 2em; text-decoration: none !important; border-radius: 50%; background: #fdb924; }
.scroll-down a:hover { color: #fdb924; background: #020306; }
.scroll-down a .icon { position: relative; top: .55em; }

@media (min-width: 768px) {
	.scroll-down { font-size: .8rem; display: block; }
}

@media (min-width: 992px) {
	.scroll-down { font-size: .9rem; }
}

/*.top-banner .scroll-down { font-size: 1rem; position: absolute; z-index: 51; display: none; width: 100%; margin: 0 auto; text-align: center; }
.top-banner .scroll-down a { font-size: 2.2em; line-height: 1; position: relative; top: -1em; display: inline-block; width: 2em; height: 2em; text-decoration: none; border-radius: 50%; background: #fdb924; }
.top-banner .scroll-down a:hover { color: #fdb924; background: #020306; }
.top-banner .scroll-down a .icon { position: relative; top: .55em; }*/

@media (min-width: 768px) {
	.top-banner-spacing { margin-top: 5em; }
	/*.top-banner .scroll-down { font-size: .8rem; display: block; }*/
}

@media (min-width: 992px) {
	.top-banner-spacing { margin-top: 6em; }
	/*.top-banner .scroll-down { font-size: .9rem; }*/
}

@media (min-width: 1200px) {
	.top-banner-spacing { margin-top: 6.9em; }
}

@media (min-width: 1500px) {
	.top-banner-spacing { margin-top: 7.6em; }
	.top-banner .flex-zone { display: flex; }
	.top-banner .search-recette { font-size: .8rem; position: relative; top: 110px; display: block; float: right; width: 25%; margin-bottom: 110px; padding: 0 3em 1em 3em; flex: 0 1 auto; }
	.top-banner .search-recette form { margin-top: 23%; }
	.top-banner .scroll-down { font-size: 1rem; clear: both; }
}

@media (min-width: 1700px) {
	.top-banner-spacing { margin-top: 7.9em; }
	.top-banner .search-recette { font-size: .9rem; width: 28%; padding: 0 3.5%; flex: 0 1 auto; }
	.top-banner .search-recette form { margin-top: 25%; }
	.top-banner .search-recette .temps-cuisson { margin-right: -10%; margin-bottom: 3em; }
}

@media (min-width: 1800px) {
	.top-banner-spacing { margin-top: 8em; }
	.top-banner .search-recette form { font-size: 1rem; margin-top: 30%; }
	.top-banner .search-recette .temps-cuisson label { font-size: .85em; }
	.top-banner .search-recette .temps-cuisson { margin-bottom: 4em; }
}


/* MAIN SLIDESHOW ............................................................................... */
.main-slideshow { position: relative; margin-top: 4.5em; }
.main-slideshow .slideshow-item { position: relative; display: none; }
.main-slideshow .slideshow-item:first-child { display: block; }
.main-slideshow .slick-initialized .slick-slide { display: block; }
.main-slideshow .slideshow-item .text { padding: .8em 1em; color: #fff; background: #000; }
.main-slideshow .slideshow-item .title-custom { font-size: 1.875em; font-weight: 400; margin-bottom: -0.5em; }
.main-slideshow .slideshow-item p { font-size: .875em; margin-bottom: 0; }
.main-slideshow-carrieres .slideshow-item .title-custom { margin-bottom: .25em; }
.main-slideshow .slideshow-arrows { position: absolute; right: 0; bottom: 0; }
.main-slideshow .slick-prev,
.main-slideshow .slick-next { font-size: 1em; line-height: 1; z-index: 50; top: -50px; right: 0; bottom: auto; left: auto; display: none; overflow: hidden; width: 45px; height: 50px; transform: none; color: #020306; background: rgba(255, 255, 255, 0.8); }
.main-slideshow .slick-next { top: -102px; }
.main-slideshow .slick-prev .hover,
.main-slideshow .slick-next .hover { position: absolute; top: 0; right: 47px; display: block; height: 50px; transform: translateX(-10px); opacity: 0; background: #f1f1f1; }
.main-slideshow .slick-prev .hover img,
.main-slideshow .slick-next .hover img { position: absolute; right: 100%; height: 50px; transform: scale(1.1); }
.main-slideshow .slick-prev .hover .title,
.main-slideshow .slick-next .hover .title { position: relative; top: 50%; display: block; width: auto; padding: 0 21px; transform: translateY(-50%); text-align: left; vertical-align: middle; white-space: nowrap; }

@media (min-width: 768px) {
	.main-slideshow { margin-top: 0; }
	.main-slideshow .slideshow-item .text { position: absolute; top: 43%; padding: 2%; color: #020306; background: transparent; }
	.main-slideshow .slideshow-item .title-custom { font-size: 2.25em; display: inline-block; margin-bottom: .1em; padding: 3px 12px; background: rgba(255, 255, 255, 0.5); }
	.main-slideshow .slideshow-item p { font-size: 1em; line-height: 1; display: inline; padding: 0 12px 1px 12px; /*background: rgba(255,255,255,.5);*/ }
	.main-slideshow-carrieres .slideshow-item .text { top: 50%; width: 100%; padding: 0; transform: translateY(-50%); text-align: center; color: #fff; }
	.main-slideshow-carrieres .slideshow-item .title-custom { font-weight: 300; display: block; margin-bottom: .1em; padding: 0; background: none; }
	.main-slideshow-carrieres .slideshow-item p { font-size: 1.25em; font-weight: 300; line-height: 1; display: block; padding: 0; background: none; }
	.main-slideshow .slideshow-arrows { top: 57%; }
	.main-slideshow .slick-prev,
	.main-slideshow .slick-next { top: 1px; }
	.main-slideshow .slick-next { top: -51px; }
	.main-slideshow-carrieres .slideshow-arrows { top: 50%; }
	.main-slideshow .slick-prev:hover,
	.main-slideshow .slick-next:hover { overflow: visible; background-color: #fff; }
	.main-slideshow .slick-prev:hover .hover,
	.main-slideshow .slick-next:hover .hover { transform: none; opacity: 1; }
}

@media (min-width: 992px) {
	.main-slideshow .slideshow-item .text { padding-left: 3.5%; padding-right: 3.5%; }
	.main-slideshow .slideshow-item .title-custom { font-size: 3em; margin-bottom: .2em; }
	.main-slideshow .slideshow-item p { font-size: 1.125em; line-height: 1.4; }
	.main-slideshow-carrieres .slideshow-item p { font-size: 1.75em; line-height: 1; }
}

@media (min-width: 1200px) {
	.main-slideshow .slideshow-item .text { padding-left: 4%; padding-right: 4%; }
}

@media (min-width: 1500px) {
	.main-slideshow { float: left; width: 75%; flex: 0 1 auto; }
	.main-slideshow-carrieres { float: none; width: 100%; }
	.main-slideshow .slideshow-item .text { padding-left: 5.5%; padding-right: 5.5%; }
}

@media (min-width: 1700px) {
	.main-slideshow { width: 72%; flex: 0 1 auto; }
	.main-slideshow-carrieres { width: 100%; }
	.main-slideshow .slideshow-item .title-custom { font-size: 3.75em; margin-bottom: .2em; letter-spacing: -2px; }
	.main-slideshow .slideshow-item p { font-size: 1.125em; line-height: 1.4; }
	.main-slideshow-carrieres .slideshow-item .title-custom { margin-bottom: 0; }
	.main-slideshow-carrieres .slideshow-item p { font-size: 2.1em; line-height: 1.4; }
}


/* SEARCH RECETTE ............................................................................... */
/* Voir .header, .top-banner et .search-recette-in-list pour differences entre les 3 .search-recette */
.search-recette { background: #f2f2f2; position: fixed; z-index: 1; left: 0; right: 0; top: 52px; overflow: auto; font-size: 0.8rem; padding: 5.5em 10% 10% 10%; }
.search-recette-inline,
._search-marchand-inline { background: #f2f2f2; padding: 2.5% 0; font-size: 0.8rem; overflow: hidden; display: none; }
.search-recette form { margin: 1em 0 0 0; font-size: 1.125em; }
.search-recette label { font-size: 0.9em; }
.search-recette legend { margin-bottom: 1em; }
.search-recette .form-checkbox { position: relative; top: 0.15em; }
.search-recette .temps-cuisson { margin-bottom: 1.5em; }
.search-recette .temps-cuisson label { display: block; margin-bottom: 1.5em; }
.search-recette label .control-indicator { top: -0.35em; }
.search-recette .actions { margin-bottom: 0; }
.search-recette .actions label { position: relative; margin-bottom: 2.5em; }
.search-recette .actions .btn { font-size: 1em; display: block; }
.search-recette-inline fieldset,
._search-marchand-inline fieldset { display: block; float: left; margin-bottom: 0; }
.search-recette-inline .form-checkbox,
._search-marchand-inline .form-checkbox { position: relative; top: 0.15em; }
.search-recette-inline .form-select,
._search-marchand-inline .form-select { box-sizing: border-box; }
.search-recette-inline .temps-cuisson,
._search-marchand-inline .temps-cuisson { width: 40%; margin-top: 0.7em; }
.search-recette-inline .temps-cuisson label,
._search-marchand-inline .temps-cuisson label { margin-right: 4%; padding-left: 8%; }
.search-recette-inline .actions,
._search-marchand-inline .actions { width: 12%; }
.search-recette-inline .btn,
._search-marchand-inline .btn { min-height: 17px; }
.search-recette-inline .dropdowns { width: 48%; }
.search-recette-inline .dropdowns .form-select { width: 31%; margin-right: 2%; float: left; margin-bottom: 0; }

@media (min-width: 480px) {
	.search-recette { font-size: 1em; }
	.search-recette label { font-size: 0.75em; }
	.search-recette .temps-cuisson { margin-bottom: 4em; margin-right: -2em; }
	.search-recette .temps-cuisson label { display: inline-block; width: 30%; padding-left: 1.95em; }
	.search-recette .actions { /* overflow:hidden; */ }
	.search-recette .actions label { display: inline-block; transform: translateY(100%); margin-bottom: 0; }
	.search-recette .actions .btn { float: right; font-size: 1em; }
}

@media (min-width: 768px) {
	.search-recette label { font-size: 0.9em; }
	.search-recette label .control-indicator { top: -0.15em; }
}

@media (min-width: 991px) {
	.search-recette-inline { display: block; }
}

@media (min-width: 1200px) {
	.search-recette-inline .temps-cuisson { width: 33%; }
	.search-recette-inline .dropdowns { width: 57%; }
	.search-recette-inline .actions { width: 10%; }
}

@media (min-width: 1500px) {
	.search-recette-inline { font-size: 1rem; margin-bottom: 4em; }
	.search-recette-inline .btn { font-size: 1.125em; padding-top: 0.7em; padding-bottom: 0.6em; }
	.search-recette-inline .temps-cuisson { width: 31%; font-size: 0.875em; margin-top: 0.9em; }
	.search-recette-inline .temps-cuisson label { margin-right: 2.5%; padding-left: 7%; }
	.search-recette-inline .temps-cuisson label .control-indicator { top: -2px; }
	.search-recette-inline .dropdowns { width: 56%; }
	.search-recette-inline .actions { width: 13%; }
}

@media (min-width: 1700px) {
	.search-recette-inline .temps-cuisson { width: 26%; }
	.search-recette-inline .dropdowns { width: 63%; }
	.search-recette-inline .actions { width: 11%; }
}



/* BLOCK SEARCH BAR ......................................................... */
.bSearchBar {background: #f2f2f2;padding: 3% 0;font-size: 0.8rem;overflow: hidden;display: block;}
.bSearchBar__in {text-align: center; }
.bSearchBar__cols {display: flex;width: 100%;justify-content: center;}
.bSearchBar__cols > * {padding: 0 1em;margin: 0;}
.bSearchBar__dropdown {flex: 0 0 auto;width: 20em;}
.bSearchBar__btn {flex: 0 0 auto;}
.bSearchBar__btn .btn {min-height: 14px;}

	/* Bigger btn */
	@media (min-width: 1500px) {
		.bSearchBar__cols {font-size:1.3em;}
	}

	/* Mobile : 1 col */
	@media (max-width:599px) {
		.bSearchBar {padding:3em 0;}
		.bSearchBar__cols {flex-wrap:wrap;}
		.bSearchBar__dropdown {flex: 1 1 auto;width: 100%;}
	}


/* CART ............................................................................... */
.topbarCart {position: fixed;visibility: hidden;z-index: 1;right: 0;bottom: 0;top: 52px;width: 100%;overflow: hidden;transform: translate3d(101%, 0, 0);transition: transform 0.3s, visibility 0.3s;}
.topbarCart__in {position: relative;background: rgba(0,0,0,0.85);color: #fff;padding: 4.5em 0 0 0;height: 100%;}
.topbarCart__close {position: absolute;z-index: 20;top: 0;right: 9%;display: none;font-size: 1em;margin: 0;padding: .25em;color: #fff;}
.topbarCart__close:hover {color: #fdb924;}
.woocommerce-shipping-totals th {vertical-align: top;}
.woocommerce-info {border-top-color: #fdb924;}
.woocommerce-info::before {color: #fdb924;}

	/* STATE / On */
	.header.cart-on { }
	.header.cart-on .topbarCart {transform: translate3d(0%, 0, 0); visibility: visible; }

	/* Width restriction of side panel */
	@media (min-width:768px) {
		.topbarCart {max-width: 30em;z-index: 11;top: 5vw;}
		.topbarCart__in {padding-top: 3rem;}
		.topbarCart__close {display: block; height: 3rem;}

		.header.sticky .topbarCart {top:0;}
	}

	/* Follow main nav */
	@media (min-width:992px) {
		.topbarCart__in {padding-top: 3.5rem;}
		.topbarCart__close {height: 3.5rem;}
	}
	@media (min-width:1500px) {
		.topbarCart {top: 4rem;}
		.topbarCart__in {padding-top: 4rem;}
		.topbarCart__close {height: 4rem; font-size: 1.5em;}
	}
	@media (min-width:1700px) {
		.topbarCart {max-width: 35em;}
		.topbarCart__in {padding-top: 4.5rem;}
		.topbarCart__close {height: 4.5rem;}
	}


/* Items in the cart */
.cartData {font-size: 0.7em;height: 100%;overflow: auto;opacity: 0;visibility: hidden;height:0;transition: none;}
.cartData__in {padding: 6% 10%; }
.cartData a {color: #fdb924;}
.cartData a:hover {color: #fff;}
.cartData__items { }
* + .cartData__items {margin-top: 3em;}
.cartData__totaux {border-top:1px solid #fdb924; margin-top: 2em; padding-top: 1em; }
.cartData__pay {text-align: right;margin-top: 2em;}
.cartData__pay .btn {font-size: 1rem;}
.cartData__note {line-height: 1.4;font-size: 1em;}
* + .cartData__note {margin-top:8em;}
.cartData__voirPanier {display: flex;align-items: center;}
.cartData__voirPanierL {padding-right: 1em;margin: 0; flex:1 1 auto;}
.cartData__voirPanierR {flex:1 1 auto; text-align:right; }
.cartData__voirPanier .btn {font-size:1rem;}
* + .cartData__voirPanier {margin-top: 6em;}
.checkoutData__overlay {display: none; position:absolute; z-index: 2; height: 100%; width: 100%; background-color:#000; opacity: 0.25;}

	/* STATE / Show */
	.cartData.show {opacity: 1;visibility: visible;height:100%;transition: opacity 0.5s, visibility 0.5s;}

	/* Bigger font-size */
	@media (min-width:400px) {
		.cartData {font-size: 0.8em; }
	}

	/* Bigger font-size */
	@media (min-width:1700px) {
		.cartData {font-size: 1em; }
	}


/* Table des totaux */
.cartTotaux {text-transform: uppercase; width: 100%; }
.cartTotaux th,
.cartTotaux td {padding: 0.4em 0.5em;}
.cartTotaux th:first-child,
.cartTotaux td:first-child {padding-left: 0; }
.cartTotaux th:last-child,
.cartTotaux td:last-child {padding-right: 0; }
.cartTotaux th {font-weight: normal; text-align: left; }
.cartTotaux td {text-align: right; }

.cartTotaux__price {color: #fdb924; font-weight: 900; }
.cartTotaux__priceTotal {font-size: 1.5em;}


/* Table checkout des totaux */
.checkoutTotaux {width: 100%;font-size: 1.5em;}
* + .checkoutTotaux {margin-top: 2em;}
.checkoutTotaux th,
.checkoutTotaux td {padding: 0 0.5em;}
.checkoutTotaux th:first-child,
.checkoutTotaux td:first-child {padding-left: 0; }
.checkoutTotaux th:last-child,
.checkoutTotaux td:last-child {padding-right: 0; }
.checkoutTotaux th {font-weight: normal; text-align: left; }
.checkoutTotaux td {text-align: right; }

.checkoutTotaux .checkoutTotaux__accent {text-transform: uppercase; font-weight: 900;}
.checkoutTotaux .checkoutTotaux__priceBig {font-size: 1.6em;font-weight: 900;}
.checkoutTotaux .checkoutTotaux__addSpacing {padding-bottom: 0.5em;}

.checkoutTotaux tr.shipping p {font-size: 1rem;}
.checkoutTotaux tr.shipping a {font-size: 1rem;}
.checkoutTotaux tr.shipping .woocommerce-shipping-calculator {margin-bottom: 1em;}

.checkoutTotaux tr.cart-discount .btn-rond-icon--sm, a.btn-rond-icon--sm {font-size: 0.5rem; vertical-align: middle; margin-left: 5px;}

	/* Size */
	@media (max-width:1299px) {
		.checkoutTotaux {font-size: 1.2em;}
	}


/* Table infos de checkout sur le user. */
.checkoutInfos { }
.checkoutInfos th,
.checkoutInfos td {padding: 0.5em 0.5em; vertical-align: top;}
.checkoutInfos th:first-child,
.checkoutInfos td:first-child {padding-left: 0; }
.checkoutInfos th:last-child,
.checkoutInfos td:last-child {padding-right: 0; }
.checkoutInfos th {font-weight: normal; text-align: left; }
.checkoutInfos td {text-align: left; }


/* Single item dans le cart */
.cartItem {width: 100%;display: flex;align-items: center;line-height: 1.4;}
.cartItem + * {margin-top: 1.5em;}
.cartItem__img {display: block;flex: 0 0 auto;width: 37%;margin-right: 5%;border: 1px solid #fdb924;padding: 1.5%;}
.cartItem__ctn {display: block;flex: 1 1 auto;text-align: right;}
.cartItem__ctn > *:last-child {margin-bottom: 0;}
.cartItem__titre {text-transform: uppercase;margin-bottom: 0.5em;}
.cartItem__price {color: #fdb924; font-weight: 900; font-size: 1.5em;}



/* HOME - NOS PRODUITS DISPONIBLES .............................................................. */
.home-produits { overflow: hidden; }
.produits-selection { padding: 5em 0 5em 0; }
.produits-selection h1 { font-size: 1.875rem; }
.produits-list { position: relative; display: none; padding: 8em 5% 8em 5%; text-align: center; background: white; }
.produits-list .close { font-size: 2em; position: absolute; top: 3.65em; right: 5%; }
.produits-list .close a { text-decoration: none; }
.produits-list .close a:hover {text-decoration:none; color:#fdb924; }
.produits-list-options {margin-bottom:6em !important; }
.produits-list-options li {display:inline-block; margin:0 1.25em; }
.produits-list-options a {font-weight:400; display:inline-block; padding:.25em 0; text-decoration:none; text-transform:uppercase; border:1px solid transparent; outline:none; }
.produits-list-options a:hover,.produits-list-options .ui-tabs-active a {text-decoration:none; border-bottom:1px solid #fdb924; }
.produits-list-items .slick-list {margin:0 9%; }
.produits-list-items .slick-track {display:flex; align-items:center; }
.produits-list-item.slick-slide a:hover img {opacity:.5; }

/* Arrows */
.produits-list .slick-prev,
.produits-list .slick-next { z-index: 50; width: 48px; height: 50px; background: #fff; }
.produits-list .slick-prev { left: 0; }
.produits-list .slick-next { right: 0; }

/* Media queries */
@media (min-width: 768px) {
	.produits-selection { padding: 8em 0 5em 0; }
	.produits-selection h1 { font-size: 2.25rem; }
}

@media (min-width: 992px) {
	.produits-selection h1 { font-size: 2.5rem; line-height: 1.1; }
}

@media (min-width: 1200px) {
	.produits-selection h1 { font-size: 3rem; line-height: 1; }
	.produits-list { padding: 8em 3.5% 12em 3.5%; }
	.produits-list .close { font-size: 2.4em; top: 2.9em; right: 3.5%; }
	.produits-list-options { margin-bottom: 9em; }
	.produits-list-options { font-size: 1.125em; }
	.produits-list-options li { margin: 0 2em; }
	.produits-list-items .slick-list { margin: 0 5%; }
}

@media (min-width: 1500px) {
	.produits-selection h1 { font-size: 4.5rem; line-height: .9; margin-bottom: .25em; }
}


/* THREE ICONS CLIQUABLES ....................................................................... */
.three-icons { margin: 3em 0 1em 0; }
.three-icons-overlapping { margin-top: -5em; margin-bottom: -2em; }
.three-icons-col { width: 130px; margin: 0 auto 2em auto; padding: 0 10%; }
.three-icons a { font-weight: 400; position: relative; display: block; text-decoration: none!important; color: #020306; }
.three-icons a:hover { text-decoration: none; }
.three-icons .title { font-size: .875em; display: block; margin-top: 1em; text-transform: uppercase; }

/* SVG icon animation */
.three-icons a svg * { transform-origin: 50% 50%; }
.three-icons a:hover svg .inside { transform: scale(1.1); fill: #fb0; }
.three-icons a:hover svg .stroke { transform: scale(0.5); }

/* Popup on hover */
.three-icons a .popup { font-size: .8em; line-height: .75; position: absolute; top: -7%; right: -30%; display: block; width: 5.5em; height: 5.5em; transform: scale(0.8); opacity: 0; color: #fb0; background: url('../img/icon-bg-round.svg') no-repeat 0 0; }
.three-icons a .centered-vh-unknown { top: 45%; }
.three-icons a .popup strong { font-size: 1.75em; font-weight: 900; line-height: 1; display: block; color: #fff; }
.three-icons a:hover .popup { transform: scale(1); opacity: 1; }

/* Media queries */
@media (min-width: 768px) {
	.three-icons { margin: 4em 0; }
	.three-icons-overlapping { margin-top: -9%; }
	.three-icons-col { float: left; box-sizing: border-box; width: 33.3%; max-width: none; margin-bottom: 0; padding: 0 7%; }
	.three-icons a .popup { font-size: .65em; top: -22%; right: auto; left: 50%; transform: translateX(-50%); }
	.three-icons a:hover .popup { transform: translateX(-50%) scale(1); }
}

@media (min-width: 992px) {
	.three-icons { margin: 4em 3em; }
	.three-icons-overlapping { margin-top: -8%; }
	.three-icons .title { font-size: 1em; }
	.three-icons a .popup { font-size: .8em; }
}

@media (min-width: 1200px) {
	.three-icons { margin: 4em 2em; }
	.three-icons-overlapping { margin-top: -8.5%; }
}

@media (min-width: 1500px) {
	.three-icons { margin: 5em -6em; }
	.three-icons-overlapping { margin-top: -10%; }
	.three-icons .title { font-size: 1.125em; }
	.three-icons-col { padding: 0 8%; }
	.three-icons a .popup { font-size: .95em; }
}


/* PARALLAX CANARD DE PEKIN ..................................................................... */
.zone-canard-pekin { padding: 11em 0 6em; color: #fff; background: transparent; }
.zone-canard-pekin h2.custom { font-size: 3em; line-height: 1; margin-bottom: .75em; }
.zone-canard-pekin h2.custom .subtitle { font-size: .75em; }
.zone-canard-pekin p { font-weight: 300; margin: 0 0 2em 0; }

/* Media queries */
@media (min-width: 768px) {
	.zone-canard-pekin { padding: 20% 0 12%; }
}

@media (min-width: 992px) {
	.zone-canard-pekin { padding: 15% 0 9%; }
}

@media (min-width: 1500px) {
	.zone-canard-pekin h2.custom { font-size: 4.5rem; line-height: .8; margin-bottom: 1em; }
	.zone-canard-pekin h2.custom .subtitle { font-size: .66666em; }
	.zone-canard-pekin p { font-size: 1.5em; margin: 0 0 3em 0; }
}


/* ZONE OU TROUVER NOS PRODUITS SUR L'ACCUEIL ................................................... */
/* Cols */
.zone-ou-trouver-produits .col-1 { margin-bottom: 2em; }

/* Buttons */
.two-buttons-side-by-side { margin-top: 1.75em; }
.two-buttons-side-by-side .btn:first-child { margin-right: 1em; margin-bottom: .5em; }

/* Media queries */
@media (min-width: 480px) {
	.zone-ou-trouver-produits .col-1 { margin-bottom: 3em; }
}

@media (min-width: 768px) {
	.zone-ou-trouver-produits .col-1 { float: left; box-sizing: border-box; width: 35%; margin-right: 5%; }
	.zone-ou-trouver-produits .col-2 { float: left; box-sizing: border-box; width: 57%; }
}

@media (min-width: 992px) {
	.zone-ou-trouver-produits .col-1 { width: 46%; }
	.zone-ou-trouver-produits .col-2 { width: 49%; }
}

@media (min-width: 1200px) {
	.zone-ou-trouver-produits .col-1 { width: 56%; }
	.zone-ou-trouver-produits .col-2 { width: 39%; max-width: 27em; }
	.two-buttons-side-by-side { margin-top: 2em; }
	.two-buttons-side-by-side .btn { display: block; width: 13em; text-align: center; }
	.two-buttons-side-by-side .btn:first-child { margin-bottom: 1em; }
}

@media (min-width: 1500px) {
	.zone-ou-trouver-produits .col-1 { width: 62%; margin-right: 4%; }
	.zone-ou-trouver-produits .col-2 { width: 33%; max-width: 30em; }
	.zone-ou-trouver-produits h2 { max-width: 6em; margin-top: 17%; margin-bottom: .5em; }
}

@media (min-width: 1800px) {
	.zone-ou-trouver-produits .col-1 { margin-right: 3%; }
	.zone-ou-trouver-produits h2 { margin-top: 25%; }
}


/* ZONE HOME NEWS and COMMENTS (on details recette) ............................................. */
.homenews { padding-top: 1em; }
.homenews-title { margin-bottom: 2em; }
.comments-title { margin-bottom: 3em; }
.homenews-items { margin: 0 2em; }
.comments-items { margin: 0 2em 3em 2em; }
.carousel-item.slick-active .text { border-left: 1px solid #bfbfbf; }
.carousel-item.slick-current .text { border-left: none; }
.carousel-item .title { font-weight: 900; margin-bottom: 0; }
.carousel-item .date { margin-bottom: 0; color: #fb0; }
.homenews p { margin-bottom: 3em; }
.carousel-item .text,
.carousel-item figure { padding: 0 .5em; }
.carousel-item figure img { margin: 0 auto; }

/* Arrows */
.slick-prev:before,
.slick-next:before { font-size: 36px; }
.slick-prev:before { content: '\e901'; }
.slick-next:before { content: '\e902'; }
.carousel-std .slick-prev,
.carousel-std .slick-next { top: 32px; width: auto; height: auto; transform: none; }
.carousel-std .slick-prev { left: -45px; }
.carousel-std .slick-next { right: -45px; }
.comments-items .slick-prev,
.comments-items .slick-next { top: 57px;}

/* Media queries */
@media (min-width: 480px) {
	.carousel-item .text,
	.carousel-item figure { padding: 0 1em; }
}

@media (min-width: 768px) {
	.homenews { padding-bottom: 7em; }
	.homenews-title { margin-bottom: 3em; }
	.carousel-item .text,
	.carousel-item figure { padding: 0 2em; }
}

@media (min-width: 992px) {
	.comments-items { margin: 0 0 4em 0; }
	.comments-items .slick-prev,
	.comments-items .slick-next { z-index: 999; top: 0; right: -25px; left: auto; }
	.comments-items .slick-prev { top: 50px; }
}

@media (min-width: 1200px) {
	.carousel-item .text,
	.carousel-item figure { padding: 0 3em; }
}

@media (min-width: 1500px) {
	.homenews { padding-top: 5em; padding-bottom: 11em; }
	.comments-title { margin-top: 5em; margin-bottom: 5em; }

	/* Titre "Nouvelles" a gauche, nouvelles a droite */
	.homenews-title { float: left; width: 25%; text-align: left; }
	.homenews-title h2 { margin-top: .1em; }
	.homenews-items { float: right; width: 75%; margin: 0; }
	.homenews-items .slick-list { margin-right: 2.5em; }
	.carousel-item .text,
	.carousel-item figure { padding: 0 2em; }
	.comments-items .carousel-item .text { padding: 0 15%; }
	.homenews .slick-prev,
	.homenews .slick-next { z-index: 999; top: 0; right: 0; left: auto; }
	.homenews .slick-prev { top: 50px; }
	.comments-items .slick-prev,
	.comments-items .slick-next { right: 0; }
}

@media (min-width: 1700px) {
	.homenews-title { width: 21%; }
	.homenews-items { width: 79%; }
	.carousel-item .text,
	.carousel-item figure { padding: 0 3em; }
}


/* CARRIERES CHIFFRES ........................................................................... */
/* CARRIERES "POURQUOI TRAVAILLER AVEC NOUS" .................................................... */
.carrieres-infos-slider { position: relative; z-index: 1; margin-bottom: 5em; }
.carrieres-infos-slider .bg { margin-bottom: 3em; }
.carrieres-infos-slider .bg img { width: 100%; }
.carrieres-infos-slider h2 { line-height: 1; }
.carrieres-infos-slider p { line-height: 1.3; }
.carrieres-infos-slider .carrieres-carousel-arrows { display: none; }
.carrieres-infos-slider figure { margin: 1.5em 0; padding: 0; }
.carrieres-infos-slider figure img { margin: 0; text-align: left; }
.carrieres-infos-slider .btn-suivant { text-align: right; }
.carrieres-infos-slider .btn-suivant .btn { padding: 1em 2.5em; }

@media (min-width: 1200px) {
	.carrieres-infos-slider { margin-bottom: 0; padding-bottom: 0; }
	.carrieres-infos-slider .bg { margin-top: 0; margin-bottom: 0; }
	.carrieres-infos-slider .content-width { position: absolute; top: 50%; width: 30em; margin: 0; padding: 3% 5% 5% 5%; transform: translateY(-50%); background: #fff; }
	.carrieres-infos-slider .btn-suivant { position: absolute; right: 0; bottom: 0; margin: 0; }
}

@media (min-width: 1500px) {
	.carrieres-infos-slider { font-size: 1em; }
	.carrieres-infos-slider .content-width { width: 35em; padding: 5% 5% 3.5% 5%; }
	.carrieres-infos-slider .btn-suivant .btn { font-size: 1em; }
}

@media (min-width: 1700px) {
	.carrieres-infos-slider .content-width { width: 37em; }
	.carrieres-infos-slider h2 { font-size: 4.5em; line-height: .85; }
}


/* CARRIERES POSTES ............................................................................. */
.carrieres-postes { margin-top: 5em; margin-bottom: 5em; }
.carrieres-postes .poste { position: relative; margin-bottom: 5em; }
.carrieres-postes .poste h3 { margin-top: 1em; margin-bottom: 1em; }
.carrieres-postes .poste h3 .subtitle { font-size: .5em; font-weight: 700; display: block; }
.carrieres-postes .poste figure { margin-bottom: 1em; text-align: center; }
.carrieres-postes .poste figure img { display: block; width: 80px; margin: 1em auto; }
.carrieres-postes .poste figcaption { text-transform: uppercase; }
.carrieres-postes .poste .text { max-width: 30em; margin: 0 auto; padding: 1em 5%; background-color: #f2f2f2; }
.carrieres-postes .poste .btn-action { margin-top: 1.5em; }

@media (min-width: 992px) {
	.carrieres-postes { max-width: 970px; margin-right: auto; margin-left: auto; }
	.carrieres-postes .poste { margin-bottom: 0; }
	.carrieres-postes .poste h3 { margin-top: .5em; }
	.carrieres-postes .poste figure { position: absolute; z-index: 1; top: 50%; width: 250px; transform: translateY(-50%); text-align: right; }
	.carrieres-postes .poste figure img { float: right; }
	.carrieres-postes .poste figcaption { font-size: .875em; margin-top: 48px; margin-right: 100px; }
	.carrieres-postes .poste .ligne { margin: 0 0 0 208px; padding: 2em 0; border-left: 2px solid #f2f2f2; }
	.carrieres-postes .poste .text { max-width: none; margin: 0 10% 0 150px; }
}

@media (min-width: 1500px) {
	.carrieres-postes { max-width: none; margin: 0 5%; }
	.carrieres-postes .poste { float: left; width: 50%; margin-top: -20em; padding: 7em 0; border-right: 2px solid #f2f2f2; }
	.carrieres-postes .poste:first-child { margin-top: 0; }
	.carrieres-postes .poste .ligne { margin: 0; padding: 0; border: none; }
	.carrieres-postes .poste figure { right: -40px; }
	.carrieres-postes .poste .text { margin: 0 190px 0 0; }
	.carrieres-postes .poste .btn-action { text-align: right; }
	.carrieres-postes .poste-right { margin-top: -2em; margin-left: -2px; border-right: none; border-left: 2px solid #f2f2f2; }
	.carrieres-postes .poste:first-child + .poste-right { margin-top: 18em; }
	.carrieres-postes .poste-right figure { right: auto; left: -42px; }
	.carrieres-postes .poste-right .text { margin: 0 0 0 190px; }
	.carrieres-postes .poste-right figure img { float: left; }
}


/* CARRIERES POSTES DETAILS ..................................................................... */
.col-poste-details { margin-right: -5.555%; margin-left: -5.555%; }
.col-poste-description { margin-bottom: 7em; }
.col-poste-details .poste { position: relative; margin: 0 auto; margin-bottom: 3em; }
.col-poste-details .poste h3 { margin-top: 1em; margin-bottom: 1em; }
.col-poste-details .poste h3 .subtitle { font-size: .5em; font-weight: 700; display: block; }
.col-poste-details .poste figure { margin-bottom: 1em; text-align: center; }
.col-poste-details .poste figure img { display: block; width: 80px; margin: 1em auto; }
.col-poste-details .poste figcaption { text-transform: uppercase; }
.col-poste-details .poste .text { padding: 1em 5%; background-color: #f2f2f2; }
.col-poste-details .poste .btn-action { font-size: 1.267rem; margin-top: 2.5em; margin-bottom: 1.5em; }
.col-poste-details .poste .btn-action .btn { font-weight: 300; padding: .9em 2em; }

@media (min-width: 375px) {
	.col-poste-details .poste .btn-action { float: left; width: 50%; }
	.col-poste-details .share { float: right; width: 50%; margin-top: 3.3em; text-align: right; }
}

@media (min-width: 768px) {
	.col-poste-details .poste figure { position: absolute; right: 2.5em; text-align: right; white-space: nowrap; }
	.col-poste-details .poste figure img { display: inline; margin: 3em 1em 3em 0; margin-right: 10px; }
	.col-poste-details .poste figcaption { font-size: .875em; display: inline; }
}

@media (min-width: 1200px) {
	.col-poste-details { float: left; width: 52%; margin: .5em 0 4em 0; }
	.col-poste-details .poste { margin-bottom: 0; }
	.col-poste-details .poste figure { right: 3em; text-align: center; }
	.col-poste-details .poste figure img { display: block; margin: 2.5em 0 1em 0; margin-right: 0; }
	.col-poste-details .poste figcaption { display: block; }
	.col-poste-details .poste h3 { margin-top: .5em; margin-right: 2.5em; }
	.col-poste-details .poste .text { padding: 1em 8%; }
	.col-poste-details .share-list li a { font-size: 1.5rem; padding: .3em .5em; }
	.col-poste-details .poste .btn-action { margin-bottom: 3em; }
	.col-poste-details .share { margin-bottom: 3em; }
	.col-poste-description { position: relative; float: right; width: 43%; margin-top: .5em; margin-bottom: 4em; padding-top: 5em; }
	.col-poste-description .btn-action { position: absolute; top: -2em; top: 0; right: 0; }
}

@media (min-width: 1500px) {
	.col-poste-details .poste .text { padding: 1em 6%; }
	.col-poste-details .poste .btn-action { margin-bottom: 4em; }
	.col-poste-details .share { margin-bottom: 4em; }
}


/* HIDDEN ZONE, SLIDING FROM LEFT, POSTULER POUR UN EMPLOI ...................................... */
.carriere-postuler { position: fixed; z-index: 7000; top: 0; bottom: 0; left: 0; left: -100%; overflow: auto; width: 100%; padding: 20px 5% 0 5%; color: #fff; background: rgba(0, 0, 0, 0.9); }
.carriere-postuler .error-notice { color: #fcb73d; }
.carriere-postuler .form-logo img { width: 172px; height: 172px; }
.carriere-postuler .custom { font-size: 1.25em; margin-bottom: 1em; text-transform: uppercase; }
.carriere-postuler .btn-close { font-size: 1.5em; position: absolute; top: 1.5em; right: 1em; color: #fff; }
.carriere-postuler .btn-close:hover { color: #fdb924; }
.carriere-postuler h3 { margin-bottom: 1em; }
.carriere-postuler h3 .subtitle { font-size: .5em; font-weight: 300; display: block; }
.carriere-black-zone-form { color: #666; }
.carriere-black-zone-form label { display: inline-block; margin-bottom: .5em; cursor: pointer; }
.carriere-black-zone-form .form-input,
.carriere-black-zone-form .form-textarea { border: 1px solid #666; }
.carriere-black-zone-form .form-input:focus,
.carriere-black-zone-form .form-textarea:focus { border-color: #fff; }
.carriere-black-zone-form .form-textarea { height: 6em; }
.carriere-black-zone-form .btn-action { font-size: 1.267rem; margin-top: 1.5em; margin-bottom: 1.5em; text-align: right; }
.carriere-black-zone-form .btn-action .btn { font-weight: 300; padding: .9em 2em; }

@media (min-width: 768px) {
	.carriere-postuler .btn-close { right: 1.5em; }
	.carriere-postuler .custom { font-size: 1.5em; }
	.carriere-black-zone-form .form-col { float: left; width: 45%; margin-top: -1px; }
	.carriere-black-zone-form .form-col-input { width: 55%; }
	.carriere-black-zone-form label { font-size: 1.125em; line-height: 60px; display: block; height: 60px; margin-bottom: 0; padding: 0 20px; border: 1px solid #666; border-right: 0; }
	.carriere-black-zone-form .form-input { font-size: 1.125em; line-height: 60px; height: 60px; margin-bottom: 0; padding: 0 20px; }
	.carriere-black-zone-form .form-input:focus,
	.carriere-black-zone-form .form-textarea:focus { position: relative; z-index: 1; }
	.carriere-black-zone-form .form-textarea { font-size: 1.125em; position: relative; top: -1px; height: 7em; padding: 1em 20px; }
}

@media (min-width: 992px) {
	.carriere-postuler { max-width: 75%; }
}

@media (min-width: 1200px) {
	.carriere-postuler { max-width: 950px; }
	.carriere-postuler .custom { font-size: 1.75em; }
	.carriere-black-zone-form label { font-size: 1.5em; padding: 0 35px; }
	.carriere-black-zone-form .form-textarea { padding: 1em 35px; }
	.carriere-postuler .btn-close { font-size: 2em; }
	.carriere-postuler h3 { margin-bottom: .75em; }
}


/* RATINGS ICONS ................................................................................ */
.rating-icons { font-size: 1.45rem; position: relative; display: inline-block; width: 130px; margin-top: 4px; text-align: center; white-space: nowrap; letter-spacing: 7px; }
.rating-icons:before { position: relative; z-index: 2; color: #fb0; }
.rating-icons:after { position: relative; z-index: 1; color: #f2f2f2; }

/* Rating 1 to 5 */
.rating-icons.rating-0:before { content: ' '; }
.rating-icons.rating-0:after { content: '\2a\2a\2a\2a\2a'; }
.rating-icons.rating-0-5:before { margin-right: -7px; content: '\31'; }
.rating-icons.rating-0-5:after { content: '\32\2a\2a\2a\2a'; }
.rating-icons.rating-1:before { content: '\2a'; }
.rating-icons.rating-1:after { content: '\2a\2a\2a\2a'; }
.rating-icons.rating-1-5:before { margin-right: -7px; content: '\2a\31'; }
.rating-icons.rating-1-5:after { content: '\32\2a\2a\2a'; }
.rating-icons.rating-2:before { content: '\2a\2a'; }
.rating-icons.rating-2:after { content: '\2a\2a\2a'; }
.rating-icons.rating-2-5:before { margin-right: -7px; content: '\2a\2a\31'; }
.rating-icons.rating-2-5:after { content: '\32\2a\2a'; }
.rating-icons.rating-3:before { content: '\2a\2a\2a'; }
.rating-icons.rating-3:after { content: '\2a\2a'; }
.rating-icons.rating-3-5:before { margin-right: -7px; content: '\2a\2a\2a\31'; }
.rating-icons.rating-3-5:after { content: '\32\2a'; }
.rating-icons.rating-4:before { content: '\2a\2a\2a\2a'; }
.rating-icons.rating-4:after { content: '\2a'; }
.rating-icons.rating-4-5:before { margin-right: -7px; content: '\2a\2a\2a\2a\31'; }
.rating-icons.rating-4-5:after { content: '\32'; }
.rating-icons.rating-5:before { content: '\2a\2a\2a\2a\2a'; }
.rating-icons.rating-5:after { content: ' '; }



/* MON COMPTE ............................................................... */
.pageMonCompte {background-color: #f2f2f2;padding-top: 5em;padding-bottom: 15vw;}
.pageMonCompte__ctn {margin-top: 5em;}
.pageMonCompte__cta {margin-top: 1.5em;}
.pageMonCompte h4 {margin-bottom: 1.5em;}

	/* Spacing */
	@media (max-width:1499px) {
		.pageMonCompte__ctn {margin-top:3em;}
	}

	/* Size */
	@media (max-width:992px) {
		.pageMonCompte__ctn {font-size:0.7em;}
	}

	/* Spacing */
	@media (max-width:767px) {
		.pageMonCompte {padding-top:3em;}
		.pageMonCompte__ctn {margin-top:2em; font-size:1em;}
	}



/* CHECKOUT ................................................................. */
.pageCheckout {background-color: #f2f2f2;padding-top: 5em;padding-bottom: 15vw;}

	/* Spacing */
	@media (max-width:767px) {
		.pageCheckout {padding-top:3em;}
	}

/* Page title et bouton */
.headWB {text-align: center; position: relative; }
.headWB__btn {position: absolute; right: 0; }
.headWB__titre { }

	/* Size */
	@media (max-width:991px) {
		.headWB__btn {font-size:0.8em; margin-bottom:2em;}
	}

	/* Button over title */
	@media (max-width:767px) {
		.headWB__btn {position:relative;}
	}

/* 3 steps du checkout */
.checkoutSteps {font-size: 1.2em;}
* + .checkoutSteps {margin-top: 4em;}
div.checkoutSteps ul.checkoutSteps__steps {margin: 0;padding: 0;list-style: none;text-align: center;display: flex;justify-content: center;}
.checkoutSteps__step {padding: 0 2.3em;position: relative;}
.checkoutSteps__step::before {position: absolute;z-index: 1;display: block;content: '';top: 2.5em;height: 1.1px;left: 0;right: 0;background-color: #000;}
.checkoutSteps__step:first-child::before {left: 50%;}
.checkoutSteps__step:last-child::before {right: 50%;}

.checkoutStep, a.checkoutStep {display: block;text-decoration: none;font-weight: normal;text-transform: uppercase;text-align: center;transition: none;position: relative;z-index: 2;background: #f2f2f2;padding: 0 1em;}
.checkoutStep__nb {display: block;font-size: 2em;font-weight: 900;line-height: 1;background-color: #fff;border-radius: 50%;height: 2.6em;width: 2.6em;line-height: 1;margin: 0 auto;padding: 0.8em; transition: color 0.3s, background-color 0.3s;}
.checkoutStep__label {display: block;font-size: 1.2em;margin-top: 0.8em;}

	/* Hover */
	a.checkoutStep:hover {text-decoration: none;}
	a.checkoutStep:hover .checkoutStep__nb {color: #fff; background-color: #fdb924; }

	/* Active */
	.checkoutStep.active .checkoutStep__nb {color: #fff; background-color: #fdb924; }

	/* Size */
	@media (max-width:1999px) {
		.checkoutSteps {font-size: 1em;}
	}
	@media (max-width:991px) {
		.checkoutSteps {font-size: 0.8em;}
		* + .checkoutSteps {margin-top: 6vw;}
	}
	@media (max-width:599px) {
		.checkoutSteps {font-size: 2vw;}
	}

/* Items, cols, main portion of checkout page */
.checkoutData {margin-top: 4em; }
.checkoutData a:not(.btn) {font-weight: 900;text-decoration: underline;display: inline-block;color: #fdb924;font-size: 1em;}
.checkoutData a:not(.btn):hover {color: #000;}
.checkoutData a.subtle-link:not(.btn) {font-weight: normal;text-decoration: underline;display: inline-block;color: #000;font-size: 1em;}
.checkoutData a.subtle-link:not(.btn):hover {color: #fdb924; }
.checkoutData .form-input {box-sizing: border-box; }

.checkoutData__cols {display: flex;}
.checkoutData__colLeft {flex: 1 1 auto;width: 55%;margin-right: 5%;}
.checkoutData__colRight {flex: 1 1 auto;width: 40%;}
.checkoutData__cartItems { }
.checkoutData__whiteBox {background: #fff;padding: 2.7em 3.5em;}
.checkoutData__whiteBox > *:last-child {margin-bottom: 0;}
* + .checkoutData__whiteBox {margin-top: 3em;}
.checkoutData__haveAccount, .woocommerce-billing-fields {margin-bottom: 1.5em;}
.checkoutData__codePromo {margin-top: 2.5em;}
.checkoutData__passerCaisseBtn {margin-top: 0.5em;}
.checkoutData__terms {margin-top: 1.5em;line-height: 1.2;}
.checkoutData__bottomNote {margin: 3em 0 0 0;}
.checkoutData__logosPayments {text-align: center; margin: 2em auto; width: 50%;}
.checkoutData__bigger {font-size: 1.5em;}
.checkoutData__smaller {font-size: 1em;}
.checkoutData__mrMs { }
.checkoutData__separator {margin: 7% 0;}
.create-account {margin-top: 0.8em;}
.woocommerce-checkout .checkoutData #payment {background: inherit;}
.woocommerce-checkout .checkoutData #payment ul.payment_methods {padding: 0; display: none;}
.woocommerce-checkout .checkoutData #payment div.form-row {padding: 0;}
.woocommerce .checkoutData #payment #place_order, .woocommerce-page .checkoutData #payment #place_order {float: none;}

	/* Spacing */
	@media (max-width:1499px) {
		.checkoutData__whiteBox {padding: 2.7vw 3.5vw;}
	}

	/* Size */
	@media (max-width:1299px) {
		.checkoutData__bigger {font-size: 1.2em;}
	}
	
	@media (max-width:991px) {
		.checkoutData {margin-top: 7vw;}
	}

	/* Faire fitter sur tablet en 2 cols */
	@media (max-width:991px) and (min-width:768px) {
		.checkoutData__cols {font-size: 0.7em;}
	}

	/* 1 col */
	@media (max-width:767px) {
		.checkoutData__cols {display: block;}
		.checkoutData__colLeft {width: 100%; margin-right: 0; }
		.checkoutData__colRight {width: 100%; margin-top: 5%; }
		.checkoutData__cartItems {font-size: 0.7em;}
		.checkoutData__whiteBox {padding: 6vw 8vw;}
		* + .checkoutData__whiteBox {margin-top: 5%;}
	}

	/* Size */
	@media (max-width:499px) {
		.checkoutData__mrMs {font-size: 4vw;}
	}
	@media (max-width:399px) {
		.checkoutData__bigger {font-size: 1em;}
	}


/* Note jaune pale avec bouton pour fermer */
.checkoutNote {font-size: 1.3em;position: relative;background-color: #f2ddb2;text-align: center;padding: 2.7em 5em;margin-bottom: 3em;}
.checkoutNote > *:last-child {margin-bottom: 0;}
.checkoutData .checkoutNote a:not(.btn) {color: #000;}
.checkoutNote__close {position: absolute; top: 0; right: 0; padding: 0.7em; }

	/* Size */
	@media (max-width:1999px) {
		.checkoutNote {font-size: 1.1em;}
	}
	@media (max-width:991px) {
		.checkoutNote {font-size: 0.9em;margin-bottom: 3vw;}
	}
	@media (max-width:599px) {
		.checkoutNote {font-size: 0.8em;padding: 2em 3em;margin-bottom: 6%;}
	}

/* Single item dans le checkout */
.checkoutItem {width: 100%;display: flex;align-items: center;line-height: 1.4;background-color: #fff;padding: 4%;box-sizing: border-box;}
.checkoutItem + * {margin-top: 3%;}
.checkoutItem__img {display: block;flex: 0 0 auto;width: 7em;margin-right: 5%;border: 1px solid #fdb924;padding: 1.5%;}
.checkoutItem__ctn {display: block;flex: 1 1 auto;}
.checkoutItem__ctn > *:last-child {margin-bottom: 0;}
.checkoutItem__remove {display: block;flex: 0 0 auto;margin-left: 5%;}
.checkoutItem__titre {text-transform: uppercase;margin-bottom: 0;}
.checkoutItem__price {color: #fdb924;font-weight: 900;font-size: 1.5em;margin-bottom: 0.6em;}


/* STYLES DE PAGES .............................................................................. */
/* Play btn */
.btn-play-over { font-size: 4em; position: absolute; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; text-align: left; text-decoration: none; }
.btn-play-over:hover { font-size: 4.5em; color: #fb0; }


/* HELPERS ET AUTRES STYLES ..................................................................... */
/* Content alignment */
.centered { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

/* Center vertical unknow size (mettre position:relative sur le parent) */
.centered-v-unknown { position: absolute; top: 50%; transform: translateY(-50%); }
.centered-vh-unknown { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* Colors */
.cOrange {color: #fdb924;}
.cGray {color: #999;}

/* Helpers */
.flex { display: flex; }
.relative { position: relative; }
.hide-text { overflow: hidden; white-space: nowrap; text-indent: 100%; }
.screen-reader-text { display: none; }
.soft-hide { display: none; }

/* Difference between hide and soft-hide: hide has important, soft-hide doesn't */
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0; }
.invisible { visibility: hidden; }


/*
 * WTF, forms?
 * Released under MIT and copyright 2014 Mark Otto.
 * http://wtfforms.com
 *
 * Embedded icons from Open Iconic.
 * Released under MIT and copyright 2014 Waybury.
 * http://useiconic.com/open
 */
/*
 * Checkboxes and radios
 */
.control { position: relative; display: inline-block; padding-left: 2rem; cursor: pointer; }
h4 .control {color: #020306;}
.control input { position: absolute; z-index: -1; /* Put the input behind the label so it doesn't overlay text */ opacity: 0; }
.control-indicator { line-height: 1.2rem; /* font-size: 65%; */ position: absolute; /* top: .25rem; */ left: 0; display: block; width: 1.2rem; height: 1.2rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; pointer-events: none; color: #eee; border: 1px solid #b6b6b7; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.control:hover .control-indicator { color: #fff; background-color: #ccc; }
*/

/* Focus */
.control input:focus ~ .control-indicator { /*box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;*/ }

/* Checked state */
.control input:checked ~ .control-indicator { color: #000; }

/* Active */
.control input:active ~ .control-indicator { /* color: #fff; */ background-color: rgba(0, 0, 0, 0.1); }

/* Checkbox modifiers */
.checkbox .control-indicator { top: -0.15rem; border-radius: 0; }
.checkbox input:checked ~ .control-indicator { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiPgogIDxwYXRoIGQ9Ik0xLjQxIDBsLTEuNDEgMS40MS43Mi43MiAxLjc4IDEuODEtMS43OCAxLjc4LS43Mi42OSAxLjQxIDEuNDQuNzItLjcyIDEuODEtMS44MSAxLjc4IDEuODEuNjkuNzIgMS40NC0xLjQ0LS43Mi0uNjktMS44MS0xLjc4IDEuODEtMS44MS43Mi0uNzItMS40NC0xLjQxLS42OS43Mi0xLjc4IDEuNzgtMS44MS0xLjc4LS43Mi0uNzJ6IiAvPgo8L3N2Zz4=); }

/* Radio modifiers */
.control.radio {padding-left: 1.4em;line-height: 1.1;}
.radio .control-indicator {border-radius: 50%;background-color: #f2f2f2;border: none;width: 1em;height: 1em;line-height: 1.2;}
.radio input:checked ~ .control-indicator {/* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); */background-color: #fdb924;}
.print-cookmode { padding: 30px; }

/* Link in label */
.control a {font-weight: normal;text-decoration: underline;display: inline-block;}

.fieldsetRadioCols {margin-bottom: 1em; }
.fieldsetRadioCols legend {display: inline-block;width: auto;float: left;margin-right: 2em;}
.fieldsetRadioCols label {margin-right: 0.7em;}

.fieldsetRadioRows { }
.fieldsetRadioRows label {margin-bottom: 0.7em;}


/* ==========================================================================
	 Print styles
	 ========================================================================== */
@media print {
	*,
	*:before,
	*:after { color: #000 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; }
	a,
	a:visited { text-decoration: underline; }
	/*a[href]:after {content: " (" attr(href) ")"; }*/
	/*abbr[title]:after {content: " (" attr(title) ")"; }*/
	/*a[href^="#"]:after, a[href^="javascript:"]:after {content: ""; }*/
	pre,
	blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr,
	img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	p,
	h2,
	h3 { orphans: 3; widows: 3; }
	.print-format .header,
	.print-format .content,
	.print-format .footer { display: none; }
	.print-format .print-cookmode { font-size: .75rem; display: block !important; }
	.print-format .print-cookmode h1 { font-size: 2rem; }
	.print-format .print-cookmode h2 { font-size: 1.75rem; }
	.print-format .print-cookmode .main-recette-image { width: 70%; }
}


/* Modif stephane */
.page-template-default .page-top-spacing { margin-top: 0em; }

/* effet liens a inside p */
.content-width.spacing.clearfix p a:hover { color: #f9aa31; }
.content-width p a:not(.btn):hover { color: #f9aa31; }
.content-width ul li a:hover { color: #f9aa31; }
.two-buttons-side-by-side a:hover { color: #fff !important; }

/* Menu alpha */
header .light-nav ul li a .text { opacity: 1; transition: opacity 0.5s; }
header .light-nav ul li a:hover .text { opacity: 0.5; }
.header .desktop-nav .menu > .menu-item > a { opacity: 1; transition: opacity 0.5s; }
.header .desktop-nav .menu > .menu-item > a:hover { opacity: 0.5; }
.nav-home-contact,
.nav-lang a { color: #fff; transition: color 0.5s; }
.nav-home-contact a:hover,
.nav-lang a:hover { color: #f9aa31; }

/* Slider */
@media (min-width: 768px) {
	.home .main-slideshow .slideshow-item a .text { max-width: 65%; }
	.home .main-slideshow .slideshow-item a .text .title-custom,
	.home .main-slideshow .slideshow-item a .text .p-text { color: #000; background: rgba(255, 255, 255, 0.5); transition: background 0.5s; transition: color 0.5s; }
	.home .main-slideshow .slideshow-item a:hover .text .title-custom,
	.home .main-slideshow .slideshow-item a:hover .text .p-text { color: #FFF; background: rgba(0, 0, 0, 0.5); }
}

@media (max-width: 768px) {
	.home .main-slideshow .slideshow-arrows { bottom: 0px !important; top: 126px !important; }
}

/* Border img recette */
.single-recettes .recette-side-actions .book img { border: 1px solid #020306; transition: border 0.5s; }
.single-recettes .recette-side-actions .book img:hover { border: 1px solid #f9aa31; }

/* Effet transition bouton btn */
/* Bounce To Right */
.btn { font-weight: lighter; }
.btn.btn-yellow,
a.btn.btn-yellow { font-weight: lighter; }

/* Modif template recette */
.recette-details-ipa .item h2 span { border-bottom: 0px solid #fff; transition: border-bottom 0.4s; }
.recette-details-ipa .item h2 span:hover { border-bottom: 1px solid #fb0; }
.recette-side-actions .book a { text-decoration: none; }
.recette-side-actions .book a:hover { color: #f9aa31; }
.single-recettes .data ul, ol { text-align: left; }

/* ul li conforme */
.page-text-zone .content-width ul li { padding-top: 3px; padding-bottom: 3px; font-size: 16px; }

/* Modif template produi4 */
.single-produits .search-recette-inline .content-width { margin-left: 35%; }
.single-produits .search-recette-inline .dropdowns { width: 20%; }
.single-produits .search-recette-inline .dropdowns .form-select { width: 90%; }

/* Home slider */
/* Liste à puces */
.content ul:not(.list) { list-style-image: url(../img/bullets.gif); text-align: left; }
.content ul.list-inline { text-align: center; }
.content .item div.data ul { list-style-image: none; text-align: left; }
.content .item div.data ul li { list-style-image: none; padding-top: 3px; padding-bottom: 3px; font-size: 1.125em; }
.ui-widget-content ul { text-align: center; }
#reply-title { display: none; }
#comments-form label { display: inline-block; width: 250px; }
#comments-form input[type="text"],
#comments-form input[type="email"],
#comments-form input[type="url"],
#comments-form textarea,
#comments-form select { display: inline-block; width: auto; min-width: 150px; background-color: transparent; border: 1px solid #b6b6b7; padding: 8px 26px 8px 10px; border-radius: 0; }


/* CARRIERES CHIFFRES ........................................................................... */
.carrieres-chiffres { font-size: .8rem; margin-top: 3em; padding: 5em 0; }
.carrieres-chiffres .borders { border: 1px solid #909092; }
.carrieres-chiffres .box { color: #999; position: relative; width: 100%; height: 15em; text-align: center; border: 1px solid #909092; }
.carrieres-chiffres .box.big { height: 25em; }
.carrieres-chiffres .box.box-image { overflow: hidden; height: 15em; color: #fff; }
.carrieres-chiffres .box.box-image .text-bottom { position: absolute; bottom: 2em; width: 100%; }
.carrieres-chiffres .box .bkg-img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-position: center; background-size: cover; opacity: 0.7; transition: all 0.4s ease; }
.carrieres-chiffres .box:hover .bkg-img { opacity: 1; }
.carrieres-chiffres .box .centered-v-unknown { width: 100%; }
.carrieres-chiffres .box p { font-weight: 300; line-height: 1; margin-right: 10%; margin-bottom: .75em; margin-left: 10%; }
.carrieres-chiffres .box p:last-child { margin-bottom: 0; }
.carrieres-chiffres .box a { font-weight: 300; color: #fff; }
.carrieres-chiffres .box a.bg:hover img { opacity: 1; }
.carrieres-chiffres .box .btn { font-size: 1.2em; margin-bottom: 2em; }
.carrieres-chiffres .box .title { font-size: 3em; margin-bottom: 1.1em; color: #fff; }
.carrieres-chiffres .box .small-title { font-size: 1.875em; }
.carrieres-chiffres .box .chiffre { font-size: 3.75em; margin-bottom: .25em; color: #fff; }
.carrieres-chiffres .box .note { font-size: .875em; }
.carrieres-chiffres .box .bg { text-decoration: none; }
.carrieres-chiffres .box .bg img { transform: rotate(0); opacity: .7; backface-visibility: hidden; }
.carrieres-chiffres .box .bg figcaption { font-size: 1.875em; line-height: 1; position: absolute; z-index: 1; bottom: 13%; width: 100%; }

/* Media queries */
@media (min-width: 768px) {
	.carrieres-chiffres { margin-top: 0; padding: 6em 0; }
	.carrieres-chiffres .col { float: left; width: 50%; }
	.carrieres-chiffres .box,
	.carrieres-chiffres .box.box-image { height: 15em; height: 25vw; }
	.carrieres-chiffres .box.big { height: 30.2em; height: 50.25vw; }
}

@media (min-width: 992px) {
	.carrieres-chiffres { padding: 7em 0; }
	.carrieres-chiffres .col { width: 33.333%; }
	.carrieres-chiffres .col.four { width: 100%; }
	.carrieres-chiffres .box,
	.carrieres-chiffres .box.box-image { height: 13em; height: 17vw; }
	.carrieres-chiffres .box.big { height: 22em; height: 27vw; }
	.carrieres-chiffres .box .btn { margin-bottom: 2em; }
}

@media (min-width: 1100px) {
	.carrieres-chiffres .box,
	.carrieres-chiffres .box.box-image { height: 15em; height: 17.5vw; }
	.carrieres-chiffres .box.big { height: 22em; height: 27vw; }
	.carrieres-chiffres .box .btn { margin-bottom: 2em; }
}

@media (min-width: 1500px) {
	.carrieres-chiffres .col { width: 23%; }
	.carrieres-chiffres .col.four { width: 31%; }
	.carrieres-chiffres .box,
	.carrieres-chiffres .box.box-image { height: 14em; height: 12vw; }
	.carrieres-chiffres .box.big { height: 28.15em; height: 24.125vw; }
	.carrieres-chiffres .col.one .box.two,
	.carrieres-chiffres .col.two .box.two,
	.carrieres-chiffres .col.three .box.two,
	.carrieres-chiffres .col.four .box { border-bottom: 0; }
	.carrieres-chiffres .borders { border-bottom-width: 2px; }
}

@media (min-width: 1700px) {
	.carrieres-chiffres { font-size: 1rem; padding: 7em 0; }
	.carrieres-chiffres .box .title { margin-right: 13%; margin-left: 13%; }
	.carrieres-chiffres .box .btn { font-size: 1em; margin-bottom: 3em; }
	.carrieres-chiffres .box,
	.carrieres-chiffres .box.box-image { height: 13em; height: 12.25vw; }
	.carrieres-chiffres .box.big { height: 26.125em; height: 24.6vw; }
}

.cat-label { text-align: center; text-transform: uppercase; font-size: 1em; margin-top: 0.8em; }
.default-text { margin-bottom: 4em; }



/* PRODUCT .................................................................. */
.product-list-item {position: relative;box-sizing: border-box;margin-bottom: 1.5em;border: 1px solid #020306;width: 100%;background-color: transparent; cursor: pointer;}
.product-list-item > a {display: block;}
.product-list-item .dummy { position: relative; overflow: hidden; }
.product-list-item .img-holder {position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: 1;background-size: 100% 100%;background-size: cover;background-position: center;transition: opacity 0.3s;}
.product-list-item .label { height: 3.125em; position: relative; }
.product-list-item .label h2 { position: absolute; left: 0; right: 0; bottom: 0; font-size: 1em; margin: 0; padding: 1em 1.25em; color: #020306; background-color: #fff; }
.product-list-item .rating-icons { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); opacity: 0; backface-visibility: hidden; }
.product-list-item__hidden {position: absolute;z-index: 1;top: 0;bottom: 3em;left: 0;right: 0;visibility: hidden;opacity: 0;transition: visibility 0.3s, opacity 0.3s;}

	/* Font-sizes */
	.product-list-item__hidden {font-size: 0.8em;}

	@media (min-width:399px) {
		.product-list-item__hidden {font-size: 1em;}
	}
	@media (min-width:768px) {
		.product-list-item__hidden {font-size: 0.8em;}
	}
	@media (min-width:1200px) {
		.product-list-item__hidden {font-size: 1em;}
	}
	@media (min-width:1500px) {
		.product-list-item__hidden {font-size: 0.8em;}
	}
	@media (min-width:1500px) {
		.product-list-item__hidden {font-size: 1em;}
	}
	@media (min-width:2300px) {
		.product-list-item__hidden {font-size: 1.2em;}
	}
	

.product-list-item:hover { background-color: #020306; }
.product-list-item:hover .img-holder { opacity: 0.3; }
.product-list-item:hover .label h2 { color: #fb0; background-color: #020306; }
.product-list-item:hover .rating-icons { opacity: 1; }
.product-list-item:hover .product-list-item__hidden {opacity: 1; visibility: visible; }

.productPrice {font-size: 3em;font-weight: 900;}
.productPrice sup,
.supProductPrice,
.checkoutTotaux .woocommerce-Price-currencySymbol {font-size: 0.65em; top: -0.35em; }

.plusMinusInput {display:flex;width: 8.5em;}
* + .plusMinusInput {margin-top: 0.1em;}
.plusMinusInput .btn {display: block;flex: 0 0 auto;}
.plusMinusInput .form-input {display:block; flex:1 1 auto; width:100%;}

.pLAdd {text-align: center;color: #fdb924;position: relative;top: 50%;transform: translateY(-50%);}
.pLAdd__price {font-size: 3em;}
.pLAdd__addBtn {margin-top: 0.7em;}
.pLAdd__details {font-size: 1em;margin: 0;margin-top: 5%;}
.pLAdd__details a {text-decoration: none;color: #fdb924;display: inline-block;}
.pLAdd__details a:hover {color: #fff !important; text-decoration: none; }
.pLAdd .plusMinusInput {margin:0 auto;}

.productFiche {margin: 3em 0;}
.productFiche__infos {padding-left: 3em;width: 100%;box-sizing: border-box;max-width: 50em;}
.productFiche__note {margin-top: 4em;padding: 2.5em 3em;border:1px solid #ccc;border-left: none;border-right: none;}
.productFiche__note > *:last-child {margin-bottom: 0;}

	/* Spacings et text align left */
	@media (max-width: 767px) {
		.productFiche {text-align: left;margin: 0;}
		.productFiche__infos {padding: 0;}
		.productFiche__note {margin-top: 12vw;padding: 7vw 0;}
	}

.productAddLayout {margin-top: 2.5em;display: flex;flex-wrap: wrap;}
.productAddLayout__select {flex: 0 0 auto;width: 50%;margin-right: 1em;}
.productAddLayout__plusMinus {flex: 0 0 auto;}
.productAddLayout__price {width: 100%;flex: 0 0 auto;margin-top: 0.2em;}
.productAddLayout__addBtn {flex: 0 0 auto;width: 100%;margin-top: 1em;}
.productAddLayout__addBtn .btn {font-size:1em;}

	/* Change layout and sizes */
	@media (max-width: 767px) {
		.productAddLayout {align-items: center;margin-top: 1em;}
		.productAddLayout__select {width: 100%;margin: 0;}
		.productAddLayout__plusMinus {width: 50%;}
		.productAddLayout__price {text-align: center;width: 50%;margin-top: 0;line-height: 1;font-size: 2em;}
		.productAddLayout__addBtn .btn {width: 100%;box-sizing: border-box;}
	}

@media (min-width: 768px) {
	.product-list-item { float: left; width: 46%; margin: 2%; }
}

@media (min-width: 1500px) {
	.product-list-item { width: 29%; }
}

@media (min-width: 992px) {
	.recettes-list-related .product-list-item { width: 21%; }
	.recettes-list-related .product-list-item .label { height: 5em; }
}

@media (min-width: 1200px) {
	.recettes-list-related .product-list-item .label { height: 4em; }
}

@media (max-width: 767px) {
	.produit-details .search-marchand-inline { display: none; }
}

.template-marchand .box { width: 46%; margin: 0 2% 4% 2%; float: left; position: relative; }
.template-marchand .box .box-image { position: relative; }
.template-marchand .box .box-image img { width: 100%; height: auto; }

@media (min-width: 768px) {
	.template-marchand .box { width: 29%; margin: 0 2% 4% 2%; }
}

@media (min-width: 992px) {
	.template-marchand .box { width: 21%; margin: 0 2% 4% 2%; }
}

@media (min-width: 1200px) {
	.template-marchand .box { width: 16%; margin: 0 2% 4% 2%; }
}

.search-marchand-inline { background: #f2f2f2; padding: 2.5% 0; font-size: 0.8rem; overflow: hidden; text-align: center; }
.search-marchand-inline h3 { margin-bottom: 0.5em; margin-right: 20px; }
.search-marchand-inline .dropdowns,
.search-marchand-inline .actions,
.search-marchand-inline .temps-cuisson { text-align: center; margin-bottom: 0.5em; position: relative; top: -0.4em; }
.search-marchand-inline .temps-cuisson { margin-right: 20px; }
.search-marchand-inline .dropdowns,
.search-marchand-inline .temps-cuisson { width: auto; }
.search-marchand-inline .form-select { width: 90%; margin-bottom: 0.5em; margin-right: 20px; }
.search-marchand-inline .btn { min-height: 17px; }

@media (min-width: 768px) {
	.search-marchand-inline h3,
	.search-marchand-inline .dropdowns,
	.search-marchand-inline .actions,
	.search-marchand-inline .form-select,
	.search-marchand-inline .temps-cuisson { display: inline-block; margin-bottom: 0; width: auto; }
	.search-marchand-inline .form-select { max-width: 250px; }
}

@media (min-width: 992px) {
	.search-marchand-inline .form-select { max-width: 350px; }
}


/* RECETTES LIST ................................................................................ */
.recettes-list { margin-bottom: 10em; }

/* Search recette in list */
.search-recette.search-recette-in-list { display: none; }
.search-recette.search-recette-in-list:before { position: absolute; right: 0; bottom: 0; width: 100%; height: 20em; content: ' '; background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, #ffffff 100%); }
.search-recette.search-recette-in-list .temps-cuisson { margin-bottom: 2em; }
.search-recette.search-recette-in-list .temps-cuisson label { width: 100%; margin-bottom: 1em; }
.search-recette.search-recette-in-list label .control-indicator { top: -0.1em; }
.search-recette.search-recette-in-list .actions .btn { float: none; }

/* Recette list */
.content-width-recettes-list { width: 80%; margin: 0 auto; }
.recettes-list .recettes-list-qty { margin-bottom: 1.5em; text-align: center; }
.recettes-list .recettes-list-qty strong { font-weight: 900; margin: 0 .75em; white-space: nowrap; }
.recettes-list .more { clear: both; padding-top: 4em; }
.recettes-list .more a {overflow-anchor: none;}

/* Recette item */
.recettes-list-item { position: relative; box-sizing: border-box; margin: 0 0 1.5em 0; border: 1px solid #020306; }
.recettes-list-item h2 { font-size: 1em; margin: 0; padding: 1em 1.25em; color: #020306; }
.recettes-list-item figure { position: relative; }
.recettes-list-item .rating-icons { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); opacity: 0; backface-visibility: hidden; }
.recettes-list-item a { display: block; text-decoration: none; color: #020306; background: #fff; }
.recettes-list-item a:hover { text-decoration: none; background: #020306; }
.recettes-list-item a:hover figure img { opacity: .4; }
.recettes-list-item a:hover figure .rating-icons { opacity: 1; }
.recettes-list-item a:hover h2 { color: #fb0; }
.en-vedette { font-size: 1.25rem; font-weight: 300; line-height: 1.5; position: absolute; top: 1em; left: -1em; padding: 0 2.5em; color: #fff; border: 1px solid #020306; background: #020306; }
.en-vedette:before { position: absolute; z-index: 0; top: 1px; right: 1px; bottom: 1px; left: 1px; content: ' '; border: 1px solid #fff; }

@media (min-width: 480px) {
	.recettes-list-item { margin-bottom: 2em; }
	.recettes-list-item h2 { font-size: 1.125em; padding: 1em 2em; }
}

@media (min-width: 768px) {
	.content-width-recettes-list { width: 90%; }
	.recettes-list-item { float: left; width: 46%; margin: 2%; }
	.recettes-list .recettes-list-qty { margin-bottom: .5em; }
}

@media (min-width: 992px) {
	.recettes-flex { /* display: flex; */ }
	.recettes-list { float: left; width: 67%; /* flex: 1; */ }
	.search-recette.search-recette-in-list { font-size: .8rem; position: relative; top: -75px; display: block; float: right; width: 33%; padding: 5em 3% 20em 3%; /* flex: 1; */ }
	.content-width-recettes-list { box-sizing: border-box; width: 100%; padding-right: 2%; padding-left: 4%; }
}

@media (min-width: 1200px) {
	.recettes-list { width: 70%; }
	.search-recette.search-recette-in-list { top: -90px; width: 30%; padding-top: 6em; }
}

@media (min-width: 1500px) {
	.content-width-recettes-list { padding-right: 0; padding-left: 5%; }
	.recettes-list { width: 73%; }
	.search-recette.search-recette-in-list { width: 27%; padding-top: 7.5em; }
	.search-recette.search-recette-in-list .temps-cuisson { margin-right: -3em; margin-bottom: 3em; }
	.search-recette.search-recette-in-list .temps-cuisson label { width: 29%; }
	.search-recette.search-recette-in-list .temps-cuisson label:last-child { width: 33%; }
	.search-recette.search-recette-in-list .actions .btn { float: right; }
	.recettes-list-item { width: 29%; }
}

@media (min-width: 1700px) {
	.recettes-list .title { margin-bottom: 2em; }
	.recettes-list .recettes-list-qty { position: absolute; top: 1.25em; right: 3%; }
	.recettes-list .recettes-list-qty strong { margin-right: 0; }
}

@media (min-width: 1800px) {
	.search-recette.search-recette-in-list { font-size: .85rem; padding-top: 5.1em; padding-right: 4%; }
}


/* RECETTES DETAILS ............................................................................. */
.recette-details .content-width { position: static; }

/* Summary and big image */
.col-summary-image { display: flex; flex-direction: column; }
.recette-info-top { margin-bottom: 2em; order: 2; }
.recette-info-top h1 { margin-bottom: .75em; }
.recette-info-top .btn--acheter { margin-bottom: 2em;}
.recette-info-top .summary { overflow: hidden; }
.recette-info-top .summary .icon { font-size: 2.6rem; float: left; width: 1.5em; margin-top: .32em; margin-bottom: .45em; color: #fb0; }
.recette-info-top .summary ul { font-size: 1.125em; float: left; margin-bottom: .5em; list-style: none; }
.recette-info-top .share { float: left; width: auto; margin-bottom: .5em; margin-left: 3.4em; }
.recette-info-top .summary li { padding-left: 0!important; }
.share-list { list-style: none; }
.share-list li { display: inline-block; text-indent: 0; }
.share-list li a { font-size: 1.5rem; display: inline-block; padding: .3em .5em; text-decoration: none; }
.share-list li a:hover { text-decoration: none; color: #fb0; }
.recette-big-image-zone {position: relative;box-sizing: border-box;width: 111%;margin: -3em -5.5% 2em -5.5%;order: 1;}
.recette-big-image-zone img {
	width: 100vw;
	/* Patch pour IE11, sinon aime pas le flex + align column + img responsive */
}
.recette-big-image-zone .en-vedette { top: 1.5em; left: -5px; }

/* Actions buttons and details about recipe */
.recette-side-actions .book { margin-bottom: 1em; }
.recette-side-actions .buttons { margin-bottom: 2em; }
.recette-side-actions .buttons .btn { width: 12em; margin-bottom: .5em; text-align: center; }
.recette-side-actions .buttons .btn.buttons__continuerMagasiner { width: auto; }
.recette-side-actions .actions { overflow: hidden; margin-bottom: 3em; }
.recette-side-actions .actions a { font-size: .75em; font-weight: 900; float: left; width: 8em; margin: 0 1em; text-align: center; text-decoration: none; text-transform: uppercase; }
.recette-side-actions .actions a .icon { font-size: 2.5em; display: inline-block; height: 42px; color: #fb0; }
.recette-side-actions .actions a .icon.icon-icon-cookmode { font-size: 3.1em; position: relative; top: -5px; }
.recette-side-actions .actions a .text { display: block; height: 3em; }
.recette-side-actions .actions a:hover { color: #7d7d7d; }
.recette-side-actions .actions a:hover .icon { color: #000; }

/* IPA = Ingredients, Preparation, Accompagnements */
.recette-details-ipa { margin-bottom: 3em; }
.recette-details-ipa .item:first-child { border-top: 1px solid #fb0; }
.recette-details-ipa .item { border-bottom: 1px solid #fb0; }
.recette-details-ipa .item h2 { font-size: 1.875em; font-weight: 400; position: relative; margin: 0; padding: .25em 0; cursor: pointer; }
.recette-details-ipa .item h2:before { font-size: .9em; position: absolute; top: .47em; right: 0; content: '\e902'; transform: rotate(0deg); }
.recette-details-ipa .item .data { font-size: .9em; display: none; padding: 1em 0; }
.recette-details-ipa .item.on .data { display: block; }
.recette-details-ipa .item.on h2:before { transform: rotate(90deg); color: #fb0; }

/* Suggestion de vin */
.nom-vin { display: flex; margin-bottom: 1em; align-items: center; }
.nom-vin .nom { margin-right: 1em; margin-bottom: 0; }
.nom-vin .type { width: 80px; }

/* Recettes related */
.recettes-list-related { width: 80%; margin: 0 auto; text-align: center; }

/* Mobile hidden (2 btn icons) */
.mobile-hidden { display: none; }

/* Media queries */
@media (min-width: 480px) {
	.recette-big-image-zone { margin-top: -5em; }
	.recette-big-image-zone .en-vedette { top: 3em; }
	.recette-big-image-zone .btn-play-over { font-size: 5em; }
	.recette-big-image-zone .btn-play-over:hover { font-size: 5.5em; }
	.recette-info-top .share { float: right; margin-top: -3em; margin-left: 0; }
	.recette-side-actions .book { float: left; width: 40%; }
	.recette-side-actions .buttons { float: right; width: 60%; max-width: 230px; text-align: right; }
	.recette-side-actions .actions { float: right; }
}

@media (min-width: 768px) {
	.recette-big-image-zone { margin-top: -3.1em; }
	.recette-big-image-zone .en-vedette { top: 4em; padding: .2em 3.5em; border-width: 2px; }
	.recette-side-actions .book { width: 128px; margin-bottom: 3em; }
	.recettes-list-related { width: 90%; }
}

/* Desktop layout */
@media (min-width: 992px) {
	.recette-details { margin-top: 17%; }
	.col-summary-image { display: block; float: left; width: 48%; margin-right: 2%; margin-bottom: 3em; }
	.recette-info-top { min-height: 250px; margin-bottom: 1.5em; }
	.col-actions-details { display: block; float: left; width: 48%; margin-left: 2%; }
	.recette-side-actions { min-height: 250px; margin-bottom: 1.5em; }
	.recette-info-top .share { margin-bottom: 0; }
	.recette-big-image-zone { width: 100%; margin: 0; }
	.recette-big-image-zone img { width: auto; }
	.recette-big-image-zone .en-vedette { top: 1em; left: -1em; }
	.recette-side-actions .book { margin-bottom: 1.5em; }
	.recette-side-actions .buttons { margin-bottom: 1em; }
	.recette-side-actions .actions { float: left; width: 100%; margin-bottom: 0; }
	.recette-side-actions .actions a { width: 22%; margin: 0 1.5%; }
	.recette-side-actions .actions a:first-child { margin-left: 0; }
	.recette-side-actions .actions a:last-child { margin-right: 0; }
	.recette-details-ipa { position: relative; }
	.recette-details-ipa .item,
	.recette-details-ipa .item:first-child { margin-top: 70px; border: none; }
	.recette-details-ipa .item h2 { font-size: 1em; font-size: 1.6vw; font-weight: 700; position: absolute; top: 0; width: 33.3%; margin-top: -50px; }
	.recette-details-ipa .item h2:before { display: none; content: ''; }
	.recette-details-ipa .item h2 span { display: inline-block; padding: .125em 0; }
	.recette-details-ipa .item:first-child h2 { margin-left: 0; }
	.recette-details-ipa .item h2 { margin-left: 33.3%; }
	.recette-details-ipa .item:nth-child(3) h2 { margin-left: 66.6%; }
	.recette-details-ipa .item .data { margin-top: 0; padding-top: 0; }
	.recette-details-ipa .item.on h2 span { border-bottom: 1px solid #fb0; }
	.recettes-list-related { text-align: left; }
	.recettes-list-related .list { margin-top: -1%; margin-right: -2%; margin-left: -2%; }
	.recettes-list-related .recettes-list-item { width: 21%; }
	.mobile-hidden { display: block; }
}

@media (min-width: 1200px) {
	.recette-details { margin-top: 15.5%; }
	.recette-side-actions { min-height: 170px; }
	.recette-info-top { min-height: 170px; }
	.recette-info-top h1 { font-size: 2.5rem; line-height: 1.1; margin-bottom: 1.2em; }
	.recette-info-top .summary .icon { font-size: 2rem; width: 1.4em; margin-top: 0; }
	.recette-info-top .summary ul { font-size: .8em; margin-top: 5px; }
	.recette-info-top .summary li { display: inline; }
	.recette-info-top .summary li:after { font-weight: 400; display: inline-block; width: .75em; content: '/'; text-align: right; }
	.recette-info-top .summary li:last-child:after { content: ' '; }
	.share-list li a { font-size: 1.2rem; padding: .3em 15%; }
	.recette-side-actions .buttons { font-size: .9rem; width: auto; max-width: none; margin-bottom: 2em; }
	.recette-side-actions .buttons .btn { float: right; margin-bottom: .5em; margin-left: 5px; }
	.recette-side-actions .buttons .btn + .btn { float: left; }
	.recette-side-actions .actions { float: right; width: 75%; }
	.recette-details-ipa .item h2 { font-size: 1.125em; font-size: 1.6vw; }
}

@media (min-width: 1500px) {
	.recette-details { margin-top: 13.5em; }
	.recette-side-actions { min-height: 220px; margin-bottom: 1.5em; }
	.recette-info-top { min-height: 220px; margin-bottom: 1.5em; }
	.recette-info-top h1 { font-size: 3.75rem; line-height: .9; }
	.recette-info-top .summary .icon { font-size: 2.6rem; width: 1.5em; margin-bottom: 0; }
	.recette-info-top .summary ul { font-size: 1em; margin-top: 8px; }
	.recette-info-top .share { margin-top: -2.5em; }
	.recette-big-image-zone .en-vedette { font-size: 2.5em; line-height: 1.4; left: -0.5em; padding: 0 2em; }
	.recette-side-actions .book { width: 23%; }
	.recette-side-actions .book img { width: 100%; }
	.recette-side-actions .buttons { font-size: 1rem; margin-bottom: 4em; }
	.recette-side-actions .buttons .btn { font-size: 1em; }
	.recette-side-actions .actions { width: 29em; }
	.recette-details-ipa .item .data { font-size: 1em; }
	.recette-details-ipa .item,
	.recette-details-ipa .item:first-child { margin-top: 110px; }
	.recette-details-ipa .item h2 { font-size: 1.5em; font-size: 1.6vw; font-weight: 400; margin-top: -80px; }
}

@media (min-width: 1700px) {
	.col-summary-image { width: 54%; margin-bottom: 4em; }
	.col-actions-details { width: 43%; margin-left: 1%; }
	.recette-info-top .summary ul { font-size: 1.125em; }
	.recette-info-top .share { margin-top: -2.7em; }
	.share-list li a { font-size: 1.5rem; padding: .3em .5em; }
	.recette-big-image-zone .en-vedette { font-size: 3em; line-height: 1.2; padding: 0 2.5em; }
	.recette-big-image-zone .btn-play-over { font-size: 9em; }
	.recette-big-image-zone .btn-play-over:hover { font-size: 9.55em; }
	.recette-side-actions .actions a { font-size: .85em; line-height: 1.1; }
	.recette-side-actions .actions { width: 30em; }
	.recette-side-actions .actions a .icon { height: 50px; }
	.recette-details-ipa .item,
	.recette-details-ipa .item:first-child { margin-top: 140px; }
	.recette-details-ipa .item h2 { margin-top: -90px; }
}

.template-contact .col1 { background-color: #020306; color: #fff; }
.template-contact .col1 a { color: #fff; }
.template-contact .col1 a:hover { color: #fcb73d; }
.template-contact .col1 .top-form-content { padding: 1em; }
.template-contact .section { border-bottom: 2px solid #ebebeb; padding: 1em; }
.template-contact .carriere-postuler { position: static; width: 100%; max-width: 500px; }

@media (min-width: 768px) {
	.template-contact .col1 { width: 50%; margin-right: 0; padding-right: 5%; }
	.template-contact .col2 { width: 50%; margin-right: 0; padding-right: 0; }
	.template-contact .section { padding: 4.5%; }
}

.template-contact .map-holder { position: relative; }
.template-contact .map-holder .js-map { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }

@media (max-width: 768px) {
	.section-v-spacing { padding: 2em 0; }
}

.t-cell { display: table-cell; }
.page-header-image-text { position: relative; *zoom: 1; }
.page-header-image-text:before,
.page-header-image-text:after { display: table; content: ' '; }
.page-header-image-text:after { clear: both; }
.page-header-image-text:before,
.page-header-image-text:after { display: table; content: ' '; }
.page-header-image-text:after { clear: both; }
.page-header-image-text .text { background-color: #000; color: #fff; text-align: center; padding: 1em; width: 100%; }
.page-header-image-text .text a { color: #fff; }
.page-header-image-text .text a:hover { color: #fcb73d; }
.page-header-image-text .text .image-title { max-width: 65%; height: auto; min-width: 345px; }
.page-header-image-text .text .banner-title { margin-bottom: 0.1em; }
.page-header-image-text .text .banner-subtitle { font-size: 1.5em; margin-bottom: 0.3em; font-style: italic; }
.page-header-image-text .text .title-spacer { margin: 0.7em 0 1em 0; }
.page-header-image-text .text .btn { margin-bottom: 0.4em; }

@media (min-width: 768px) {
	.page-header-image-text .text { position: absolute; top: 50%; transform: translateY(-50%); background-color: transparent; padding-right: 15%; padding-left: 15%; }
}

@media (min-width: 992px) {
	.page-header-image-text .text { top: 60%; }
}

.page-text-zone { position: relative; *zoom: 1; overflow: hidden; }
.page-text-zone:before,
.page-text-zone:after { display: table; content: ' '; }
.page-text-zone:after { clear: both; }
.page-text-zone:before,
.page-text-zone:after { display: table; content: ' '; }
.page-text-zone:after { clear: both; }
.page-text-zone .flying-white-container { overflow: hidden; }
.page-text-zone .flying-text { position: absolute; top: 30%; color: #000; font-size: 5rem; white-space: nowrap; z-index: -1; font-weight: 700; transform: translate(0, -50%); }
.page-text-zone .flying-text.in-view { animation: animLeftSlidshow 25s linear infinite; }
.page-text-zone .flying-text.white { color: white; margin-left: -5%; z-index: 1000; }
.page-text-zone .text-top-container { width: 90%; margin: 0 5%; overflow: hidden; }
.page-text-zone .text-top-container .flying-text { color: #fff; }

@media (min-width: 768px) {
	.page-text-zone .flying-text { top: 40%; font-size: 8rem; }
}

@media (min-width: 992px) {
	.page-text-zone .flying-text { top: 50%; font-size: 18rem; }
}
@keyframes animLeftSlidshow {
	0% { transform: translate(0, -50%); }
	100% { transform: translate(-50%, -50%); }
}

.page-text-slider { text-align: center; }
.page-text-slider hr { border-top-color: #E5E5E5; }
.page-text-slider .slider-text-slide-number { position: relative; transform: translateY(50%); z-index: 5; width: 101px; height: 101px; margin: 0 auto; background-image: url(../img/puce@2x.png); background-size: 101px; }
.page-text-slider .slider-text-slide-number .text-item { color: #fff; font-size: 60px; line-height: 101px; text-align: center; }
.page-text-slider .slider-text-slide-number .text-item:focus { outline: none; }
.page-text-slider .slider-text-slide { position: relative; z-index: 1; background-color: #F2F2F2; border: 1px solid #000; margin: 0; }
.page-text-slider .slider-text-slide .text-item { width: 100%; padding: 5em 1em 3em 1em; }
.page-text-slider .slider-text-slide .text-item:focus { outline: none; }
.page-text-slider .slider-text-slide .slick-dots { text-align: center; margin: 0; position: relative; z-index: 2; top: -20px; }
.page-text-slider .slider-text-slide .slick-dots li button:before { font-size: 12px; }

@media (min-width: 768px) {
	.page-text-slider .slider-text-slide { margin: 0 15%; }
	.page-text-slider .slider-text-slide .text-item { padding: 5em 3em 3em 3em; }
}

@media (min-width: 1200px) {
	.page-text-slider .slider-text-slide { margin: 0 23%; }
	.page-text-slider .slider-text-slide .text-item { padding: 5em 4em 3em 4em; }
}

.page-text-slider .slider-text-slide-puce { text-align: center; margin: 0 auto; }
.page-text-slider .slider-text-slide-puce .text-item { display: inline; width: 18px; height: 18px; text-align: center; cursor: pointer; }
.page-text-slider .slider-text-slide-puce .text-item span { display: inline-block; width: 12px; height: 12px; border-radius: 6px; background-color: #000; opacity: 0.3; }
.page-text-slider .slider-text-slide-puce .text-item:focus { outline: none; }
.page-text-slider .slider-text-slide-puce .text-item.slick-current span { opacity: 1; }
.page-interactive-icons { text-align: center; }
.page-interactive-icons .inner-padding { padding: 0 11%; }
.page-interactive-icons .image-slider-title { margin-bottom: 1.7em; }
.page-interactive-icons .image-nav { position: relative; margin-bottom: 4em; }
.page-interactive-icons .image-nav .image-link { color: #fff; }
.page-interactive-icons .image-nav .image-link:hover { color: #000; }
.page-interactive-icons .image-nav .image-link:hover svg { fill: #000; }
.page-interactive-icons .image-nav .image-link svg { fill: #fff; }
.page-interactive-icons .image-nav .image-link svg .stroke { color: #fff; }
.page-interactive-icons .image-nav .image-link svg .inside { color: #ff0000; }
.page-interactive-icons .image-nav .image-item { display: inline-block; }
.page-interactive-icons .image-nav .image-item svg,
.page-interactive-icons .image-nav .image-item img { width: 65px; height: auto; }
.page-interactive-icons .image-nav .image-item svg { color: #fff; }
.page-interactive-icons .image-nav .image-line { position: relative; top: 50%; display: inline-block; width: 15px; height: 1px; background-color: #000; margin: 0 0.3em; }
.page-interactive-icons .image-nav .image-line:last-child { display: none; }

@media (min-width: 768px) {
	.page-interactive-icons .image-nav .image-item svg,
	.page-interactive-icons .image-nav .image-item img { width: 100px; }
	.page-interactive-icons .image-nav .image-line { width: 40px; margin: 0 1em; }
}

@media (min-width: 1200px) {
	.page-interactive-icons .image-nav .image-item svg,
	.page-interactive-icons .image-nav .image-item img { width: 140px; }
	.page-interactive-icons .image-nav .image-line { width: 85px; margin: 0 1em; }
}

.page-interactive-icons .slider-image-slider .image-item:focus { outline: none; }
.page-interactive-icons.orange-zone .image-nav .image-line { background-color: #fff; }

/*@box-tall: 450px;
@box-tall-alt: (@box-tall * 0.85);
@box-medium : (@box-tall / 5 * 3); 
@box-small: (@box-tall - @box-medium);
*/
.section-page-mosaic { position: relative; }
.section-page-mosaic a { text-decoration: none!important; }
.section-page-mosaic .box-item { position: relative; background-size: 100% 100%; background-size: cover; width: 100%; min-height: 250px; }
.section-page-mosaic .box-item .box-text { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; color: white; font-weight: 700; }
.section-page-mosaic .box-item .box-text h3 { font-size: 1.5rem; margin: 0; }
.section-page-mosaic .box-item .box-text img { max-width: 80%; }

@media (min-width: 768px) {
	.section-page-mosaic .box-item { float: left; min-height: auto; }
	.section-page-mosaic .box-item .box-text { position: absolute; }
	.section-page-mosaic .box-item .box-text h3 { font-size: 2.5rem; }
	.section-page-mosaic .box-item.box-1 { width: 50%; height: 450px; }
	.section-page-mosaic .box-item.box-2 { width: 50%; height: 270px; }
	.section-page-mosaic .box-item.box-3 { width: 25%; height: 180px; }
	.section-page-mosaic .box-item.box-4 { width: 25%; height: 180px; }
	.section-page-mosaic .box-item.box-4 h3 { font-size: 2rem; }
	.section-page-mosaic .box-item.box-5,
	.section-page-mosaic .box-item.box-6 { width: 50%; height: 382.5px; }
}

@media (min-width: 992px) {
	.section-page-mosaic .box-item .box-text h3 { font-size: 2.5rem; }
	.section-page-mosaic .box-item.box-1 { height: 450px; }
	.section-page-mosaic .box-item.box-2 { height: 270px; }
	.section-page-mosaic .box-item.box-3 { height: 180px; }
	.section-page-mosaic .box-item.box-3 h3 { font-size: 2.5rem; }
	.section-page-mosaic .box-item.box-4 { height: 180px; }
	.section-page-mosaic .box-item.box-4 h3 { font-size: 2.5rem; }
	.section-page-mosaic .box-item.box-5,
	.section-page-mosaic .box-item.box-6 { height: 382.5px; }
}

@media (min-width: 1200px) {
	.section-page-mosaic .box-item .box-text h3 { font-size: 3.5rem; }
	.section-page-mosaic .box-item.box-1 { height: 600px; }
	.section-page-mosaic .box-item.box-2 { height: 360px; }
	.section-page-mosaic .box-item.box-3 { height: 240px; }
	.section-page-mosaic .box-item.box-3 h3 { font-size: 3.5rem; }
	.section-page-mosaic .box-item.box-4 { height: 240px; }
	.section-page-mosaic .box-item.box-4 h3 { font-size: 3.5rem; }
	.section-page-mosaic .box-item.box-5,
	.section-page-mosaic .box-item.box-6 { height: 510px; }
}

@media (min-width: 1500px) {
	.section-page-mosaic .box-item .box-text h3 { font-size: 4rem; }
	.section-page-mosaic .box-item.box-1 { height: 850px; }
	.section-page-mosaic .box-item.box-2 { height: 510px; }
	.section-page-mosaic .box-item.box-3 { height: 340px; }
	.section-page-mosaic .box-item.box-3 h3 { font-size: 4rem; }
	.section-page-mosaic .box-item.box-4 { height: 340px; }
	.section-page-mosaic .box-item.box-4 h3 { font-size: 4rem; }
	.section-page-mosaic .box-item.box-5,
	.section-page-mosaic .box-item.box-6 { height: 722.5px; }
}



/* LINK WITH BIG ICON ....................................................... */
.linkWBI {display: flex;width: 100%;max-width: 25em; opacity: 1; transition: opacity 0.3s;}
.linkWBI__icon {display: block; flex: 0 0 auto; font-size: 5.5em; line-height: 1; margin-right: 0.3em; }
.linkWBI__c {display: block; flex: 1 1 auto; }
.linkWBI__title {text-transform: uppercase; font-weight: 900; font-size: 1.4em; margin: 0 0 0.3em 0; }

	/* Hover */
	a.linkWBI {text-decoration: none; display: flex; }
	a.linkWBI:hover {text-decoration: none; opacity: 0.5; }

	/* Spacing */
	form + .linkWBI {margin-top: 5em;}


.linkIT {display: block;width: 100%;box-sizing: border-box;text-align: center;opacity: 1;transition: opacity 0.3s;}
.linkIT__icon {display: block; font-size: 3.5em; line-height: 1; }
.linkIT__title {text-transform: uppercase;font-weight: 900;font-size: 1em;margin: 0.5em 0 0 0;}

	/* Hover */
	a.linkIT {text-decoration: none; display: block; }
	a.linkIT:hover {text-decoration: none; opacity: 0.5; }



/* BLOCK LINKS BAR .......................................................... */
.bLinksBar {background-color: #f2f2f2; font-size: 1.1em; padding: 2.5em 0; }
.bLinksBar__in {display: flex;justify-content: space-evenly;}
.bLinksBar__in > * {display: block;flex: 0 0 auto;width: 20%;max-width: 19em; padding: 2em;}

	/* ALT : White variante. */
	.bLinksBar--white {background-color: #fff;}

	/* Huge screens, bigger */
	@media (min-width:2300px) {
		.bLinksBar {font-size: 1.3em;}
	}

	/* Font-size */
	@media (max-width:1799px) {
		.bLinksBar {font-size: 1em;}
	}

	/* Font-size */
	@media (max-width:1299px) {
		.bLinksBar {font-size: 1.2vw;}
	}

	/* Font-size */
	@media (max-width:991px) {
		.bLinksBar {font-size: 0.85em;}
		.bLinksBar__in > * {max-width: none;padding: 1em;}
	}

	/* 2 cols */
	@media (max-width:767px) {
		.bLinksBar {font-size: 3vw; }
		.bLinksBar__in {flex-wrap: wrap; }
		.bLinksBar__in > * {width: 50%; max-width: none; padding: 6vw 1em; }
	}



/* COLORBOX ..................................................................................... */
/*
	Colorbox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper { position: absolute; z-index: 9999; top: 0; left: 0; overflow: hidden; }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft,
#cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay,
#cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow { cursor: pointer; }
.cboxPhoto { display: block; float: left; max-width: none; margin: auto; border: 0; }
.cboxIframe { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; }
#colorbox,
#cboxContent,
#cboxLoadedContent { box-sizing: content-box; }


/* 
	User Style:
	Change the following styles to modify the appearance of Colorbox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { opacity: .75; background: #fff; }
#cboxOverlay.std-popup { opacity: .75; background: #000; }
#colorbox { outline: 0; }
#cboxContent { margin-top: 32px; background: #000; }
.std-popup #cboxContent { margin-top: 70px; background: #fff; }
.cboxIframe { background: #000; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { padding: 1px; background: #000; }
.std-popup #cboxLoadedContent { padding: 1px; background: #fff; }
#cboxLoadingGraphic { /*background:url(../img/colorbox/loading.gif) no-repeat center center;*/ }
#cboxLoadingOverlay { background: #000; }
#cboxTitle { position: absolute; top: -22px; left: 0; color: #000; }
#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose { position: absolute; top: -20px; /*background:url(../img/colorbox/controls.png) no-repeat 0 0;*/ overflow: visible; width: 20px; height: 20px; margin: 0; padding: 0; text-indent: -9999px; border: 0; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active { outline: 0; }
#cboxPrevious { right: 44px; background-position: 0 0; }
#cboxPrevious:hover { background-position: 0 -25px; }
#cboxNext { right: 22px; background-position: -25px 0; }
#cboxNext:hover { background-position: -25px -25px; }
#cboxClose { font-size: 24px; top: -34px; right: 0; display: block; overflow: visible; width: auto; height: auto; text-indent: 0; color: #000; outline: none; background: #fff; background: none; }
#cboxClose:hover { color: #fdb924; }
.std-popup #cboxClose { color: #fdb924; }
.std-popup #cboxClose:hover { color: #fff; }
.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious { right: 66px; }
.cboxSlideshow_on #cboxSlideshow { right: 44px; background-position: -75px -25px; }
.cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; }
.cboxSlideshow_off #cboxSlideshow { right: 44px; background-position: -100px 0; }
.cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; }

@media (min-width: 768px) {
	#cboxContent { margin-top: 42px; }
	#cboxClose { font-size: 30px; top: -44px; }
}

/* Styles not related to the colorbox plugin, but useful for popups */
.cb-popup { margin: 5% 6% 8%; color: #000; }
.cb-popup h2 { margin-top: 1em; }
.cb-popup .main-recette-image { margin-bottom: 1em; }
.cb-popup .ipa { margin-bottom: 1em; margin-left: 0; }
.cb-popup .ipa li { display: inline; }
.cb-popup .ipa li:after { font-weight: 400; display: inline-block; width: .75em; content: '/'; text-align: right; }
.cb-popup .ipa li:last-child:after { content: ' '; }

@media (max-width: 479px) {
	.cb-popup h2 { font-size: 1.75rem; }
}


/* FANCYBOX ................................................................. */
.fancybox-skin {border-radius: 0;}
.fancybox-overlay { background-image: none; background-color: rgba(0, 0, 0, 0.8); }
.fancy-close { position: absolute; color: #fcb73d; top: 0; right: 0; transform: translate(0, -100%); text-decoration: none; font-size: 30px; }
.fancy-close:hover { color: white; }

/* Inline fancybox avec infos (ex : service de livraison). */
.fancyboxInfos {padding: 3vw 5vw; }

	/* Huge screens */
	@media (min-width:2000px) {
		.fancyboxInfos {padding: 4em 6em; }
	}

/* Close BTN a l'interieur du fancybox */
.fancy-close-inner {position: absolute;color: #000;top: 1em;right: 1em;text-decoration: none;font-size: 2em;}
.fancy-close-inner:hover { color: #fcb73d; }

	/* Plus proche du rebord. */
	@media (max-width:767px) {
		.fancy-close-inner {font-size: 1.5em; top: 0.75em; right: 0.75em;}
	}




.header .mobile-nav ul li.pdt_menu:before { font-size: 1.5em; /* right: 55%; */ position: absolute; z-index: -1; top: .35em; right: 0; content: '\e902'; color: #fff; font-family: 'icomoon' !important; font-weight: normal; }
.tooltip .tooltiptext { width: 101%!important; margin-left: -48% !important; left: 48%!important; }
.recette-details-ipa .nomListe { margin-left: -21px; font-size: 1.2em; font-weight: 400; line-height: 1.1; padding-top: 20px; padding-bottom: 10px; display: block; }
.recette-details-ipa .nomListePrep { font-size: 1.2em; font-weight: 400; line-height: 1.1; padding-top: 20px; padding-bottom: 10px; display: block; }
.lien-action { display: inline; position: absolute; top: 0; right: 176px; border: 1px solid #020306; padding-left: 2em; padding-right: 2em; padding-top: 0.5em; padding-bottom: 0.4em; }
.lien-action:hover { border: 1px solid #020306; background-color: #020306; }
.lien-action:hover a { color: #fff; }
.lien-action a:hover { color: #fff!important; text-decoration: none; }
.lien-action a { font-size: .888em; text-decoration: none; font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: lighter; text-transform: uppercase; }

@media (min-width: 320px) and (max-width: 1199px) {
	.lien-action { position: inherit; }
}

@media (max-width: 1200px) {
	.fleche_retour img { visibility: hidden; }
}

.fleche_retour img { width: 32px; position: absolute; margin-left: -52px; margin-top: 45px; padding: 10px; background-color: black; }

/*Menu catégorie produit*/
#menu-item-59 a,
#menu-item-4467 a { display: none!important; }

@media (max-width: 767px) {
	/*
	#menu-main-menu-fr li:nth-child(3) .sub-menu li:nth-child(1) { display: none!important; }
	#menu-main-menu-en li:nth-child(3) .sub-menu li:nth-child(1) { display: none!important; }
	*/
}

.gform_footer .gform_button { color: #fff; border: 0; background-color: #fdb924; margin-bottom: 0; font-size: .888em; line-height: 1; display: inline-block; padding: .8em 1.2em; text-decoration: none; text-transform: uppercase; border-radius: 0; }



/**
 * Front-Page - Slider News
 *
**/
.homenews .homenews-items .carousel-item a {
	text-decoration: none;
}

/**
 * Contact
 *
**/
.template-contact .col1 {
	padding: 0 5%;
}
.grecaptcha-badge{
    visibility: hidden;
}

@media (min-width: 768px) {
	
	.template-contact .content-gradient {
		background: linear-gradient(90deg, #020306 50%, #FFFFFF 50%);
	}
	
}

/**
 * Commentaires
 *
**/
#comments-form {
	position: fixed;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
	width: 100%;
    z-index: 7000;
	overflow: auto;
	padding: 20px 5% 0 5%;
	color: #fff;
    background: rgba(0, 0, 0, 0.9);
}
	
	#comments-form label {
		width: auto;
	}
	
	#comments-form .error-notice {
		color: #fcb73d;
	}

	#comments-form .form-logo img {
		width: 172px;
		height: 172px;
	}
	
	#comments-form .custom {
		font-size: 1.25em;
		margin-bottom: 1em;
		text-transform: uppercase;
	}
	
	#comments-form .btn-close {
		font-size: 1.5em;
		position: absolute;
		top: 1.5em;
		right: 1em;
		color: #fff;
	}
	#comments-form .btn-close:hover {
		color: #fdb924;
	}
	
	#comments-form h3 {
		margin-bottom: 1em;
	}
	
	#comments-form h3 .subtitle {
		font-size: .5em;
		font-weight: 300;
		display: block;
	}
	
	#comments-form form,
	#comments-form form a {
		color: #666;
	}

	#comments-form form label {
		display: inline-block;
		margin-bottom: .5em;
		cursor: pointer;
	}
	
	#comments-form form select option {
		background-color: #000;
	}
	
	#comments-form form select,
	#comments-form form input.form-input {
		width: 100%;
	}
	
	#comments-form form .form-input,
	#comments-form form .form-textarea {
		border: 1px solid #666;
	}
	
	#comments-form form .form-input:focus,
	#comments-form form .form-textarea:focus {
		border-color: #fff;
	}
	
	#comments-form form .form-textarea {
		height: 6em;
		width: 100%;
		margin-bottom: 0;
	}
	
	#comments-form form .btn-action {
		font-size: 1.267rem;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		float: right;
	}
	
	#comments-form form .btn-action .btn {
		font-weight: 300;
		padding: .9em 2em;
	}
	
@media (min-width: 768px) {
	
	#comments-form .btn-close {
		right: 1.5em;
	}
	
	#comments-form .custom {
		font-size: 1.5em;
	}
	
	#comments-form form .form-col {
		float: left;
		width: 45%;
		margin-top: -1px;
	}
	
	#comments-form form .form-col-input {
		width: 55%;
	}
	
	#comments-form form label {
		font-size: 1.125em;
		line-height: 60px;
		display: block;
		height: 60px;
		margin-bottom: 0;
		padding: 0 20px;
		border: 1px solid #666;
		border-right: 0;
	}
	
	#comments-form form .form-input {
		font-size: 1.125em;
		line-height: 60px;
		height: 60px;
		margin-bottom: 0;
		padding: 0 20px;
	}
	
	#comments-form form .form-input:focus,
	#comments-form form .form-textarea:focus {
		position: relative;
		z-index: 1;
	}
	
	#comments-form form .form-textarea {
		font-size: 1.125em;
		position: relative;
		top: -1px;
		height: 7em;
		padding: 1em 20px;
	}
	
}

@media (min-width: 992px) {
	
	#comments-form {
		max-width: 75%;
	}
	
}

@media (min-width: 1200px) {
	
	#comments-form {
		max-width: 950px;
	}
	
	#comments-form .custom {
		font-size: 1.75em;
	}
	
	#comments-form form label {
		font-size: 1.5em;
		padding: 0 35px;
	}
	
	#comments-form form .form-textarea {
		padding: 1em 35px;
	}
	
	#comments-form .btn-close {
		font-size: 2em;
	}
	
	#comments-form h3 {
		margin-bottom: .75em;
	}
	
}

/**
 * Actualités Liste
 *
**/
.page-template-template-actualite  .carrieres-postes {
  margin-top: 5em;
  margin-bottom: 5em;
}
.page-template-template-actualite  .carrieres-postes .poste {
  position: relative;
  margin-bottom: 5em;
}
.page-template-template-actualite  .carrieres-postes .poste h3 {
  margin-top: 1em;
  margin-bottom: 1em;
}
.page-template-template-actualite  .carrieres-postes .poste h3 .subtitle {
  font-size: .5em;
  font-weight: 700;
  display: block;
}
.page-template-template-actualite  .carrieres-postes .poste figure {
  margin-bottom: 1em;
  text-align: center;
}
.page-template-template-actualite  .carrieres-postes .poste figure img {
  display: block;
  width: 100px;
  margin: 1em auto;
}
.page-template-template-actualite  .carrieres-postes .poste figcaption {
  text-transform: uppercase;
}
.page-template-template-actualite  .carrieres-postes .poste .text {
  max-width: 30em;
  margin: 0 auto;
  padding: 1em 5%;
  background-color: #f2f2f2;
}
.page-template-template-actualite  .carrieres-postes .poste .btn-action {
  margin-top: 1.5em;
}

.page-template-template-actualite .carrieres-postes .poste figcaption {
	position:absolute;
	top: 40px;
	left: calc( 50% - 41.5px );
	color: #FFF;
}

@media (min-width: 992px) {
  .page-template-template-actualite  .carrieres-postes {
    max-width: 970px;
    margin-right: auto;
    margin-left: auto;
  }
  .page-template-template-actualite  .carrieres-postes .poste {
    margin-bottom: 0;
  }
  .page-template-template-actualite  .carrieres-postes .poste h3 {
    margin-top: .5em;
  }
  .page-template-template-actualite  .carrieres-postes .poste figure {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 250px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
  }
  .page-template-template-actualite  .carrieres-postes .poste figure img {
    float: right;
  }
  .page-template-template-actualite  .carrieres-postes .poste figcaption {
    font-size: .875em;
    margin-top: 48px;
    margin-right: 100px;
  }
  .page-template-template-actualite  .carrieres-postes .poste .ligne {
    margin: 0 0 0 208px;
    padding: 2em 0;
    border-left: 2px solid #f2f2f2;
  }
  .page-template-template-actualite  .carrieres-postes .poste .text {
    max-width: none;
    margin: 0 10% 0 150px;
  }
  
  .page-template-template-actualite .carrieres-postes .poste figcaption {
		position:absolute;
		right: -85px;
		top: 10px;
		color: #FFF;
	}
  
}
@media (min-width: 1500px) {
  .page-template-template-actualite  .carrieres-postes {
    max-width: none;
    margin: 0 5%;
  }
  .page-template-template-actualite  .carrieres-postes .poste {
    float: left;
    width: 50%;
    margin-top: -20em;
    padding: 7em 0;
    border-right: 2px solid #f2f2f2;
  }
  .page-template-template-actualite  .carrieres-postes .poste:first-child {
    margin-top: 0;
  }
  .page-template-template-actualite  .carrieres-postes .poste .ligne {
    margin: 0;
    padding: 0;
    border: none;
  }
  .page-template-template-actualite  .carrieres-postes .poste figure {
    right: -50px;
  }
  .page-template-template-actualite  .carrieres-postes .poste .text {
    margin: 0 190px 0 0;
  }
  .page-template-template-actualite  .carrieres-postes .poste .btn-action {
    text-align: right;
  }
  .page-template-template-actualite  .carrieres-postes .poste-right {
    margin-top: -2em;
    margin-left: -2px;
    border-right: none;
    border-left: 2px solid #f2f2f2;
  }
  .page-template-template-actualite  .carrieres-postes .poste:first-child + .poste-right {
    margin-top: 18em;
  }
  .page-template-template-actualite  .carrieres-postes .poste-right figure {
    right: auto;
    left: -52px;
  }
  .page-template-template-actualite  .carrieres-postes .poste-right .text {
    margin: 0 0 0 190px;
  }
  .page-template-template-actualite  .carrieres-postes .poste-right figure img {
    float: left;
  }
  
	.page-template-template-actualite .carrieres-postes .poste figcaption {
		position:absolute;
		right: -85px;
		top: 10px;
		color: #FFF;
	}
	
	.page-template-template-actualite .carrieres-postes .poste-right figcaption {
		position:absolute;
		right: auto;
		left: 12px;
		top: 10px;
		color: #FFF;
	}
  
}

@media (min-width: 992px) {
	
	
	
}

/**
 * Actualites Single
**/
.single-post .single-default { max-width: 538px; display: block; margin: 0 auto; }


/**
 * À propos
**/
.section-page-mosaic { background-color: #020306; }
.section-page-mosaic .box-item { opacity: 0.7; transition: all 0.4s ease; }
.section-page-mosaic a:hover .box-item { opacity: 1; }
.section-page-mosaic .box-text h3 { display:inline; /*width: 75%;*/ background-color: rgba(0, 0, 0, 0.4); margin: 0 auto !important; }


/**
 * Single Recette
**/
.single-recettes .col-actions-details a.cookmode { display: none; }
.single-recettes .col-summary-image .recette-info-top h1,
.single-recettes .col-summary-image .recette-info-top .summary { text-align: center; }
.single-recettes .col-summary-image .recette-info-top .summary { padding: 0 5%; }
.col-actions-details { text-align:center; }
.single-recettes .content { opacity:0; padding-top:400px; }
.no-js .single-recettes .content { opacity: 1; padding-top: 0; }

@media (max-width: 767px) {
	.single-recettes .col-summary-image .recette-info-top .share { width: 45%; }
	.recette-side-actions .actions { text-align: center; width: 35%; margin: 0 auto 3em; }
}

@media (max-width: 480px) {
	.single-recettes .col-summary-image .recette-info-top .share { margin: 0 auto; display: block; width: 70%; float: none; }
	.single-recettes .col-summary-image .recette-info-top .share .share-list { text-align:center; }
}

@media (min-width: 768px) {
	.single-recettes .col-actions-details a.cookmode { display: block; }
	.single-recettes .col-summary-image .recette-info-top h1,
	.single-recettes .col-summary-image .recette-info-top .summary { text-align: left; }
	.single-recettes .col-summary-image .recette-info-top .summary { padding: 0; }
	.col-actions-details { text-align: left; }
}


/**
 * Recettes Single
**/
.search-recette-inline .dropdowns .form-select { width: 23%; }


/**
 * Produit Single
**/
.single-produits .content { opacity:0; padding-top:400px; }
.no-js .single-produits .content { opacity: 1; padding-top: 0; }


/**
 * Page Carrières
**/
.carriere-black-zone-form select option { background-color: #000; }


/**
 * Page Animations
**/
@media (min-width: 992px) {
	.page-id-45 .content,
	.page-id-2199 .content,
	.page-id-13 .content,
	.page-id-2212 .content,
	.page-id-29 .content,
	.page-id-2292 .content,
	.page-id-43 .content,
	.page-id-2397 .content,
	.page-template-template-marchand .content,
	.page-template-template-carriere .content,
	.page-template-template-actualite .content,
	.page-template-template-contact .content { opacity:0; padding-top:400px; }

	.no-js .page-id-45 .content,
	.no-js .page-id-2199 .content,
	.no-js .page-id-13 .content,
	.no-js .page-id-2212 .content,
	.no-js .page-id-29 .content,
	.no-js .page-id-2292 .content,
	.no-js .page-id-43 .content,
	.no-js .page-id-2397 .content,
	.no-js .page-template-template-marchand .content,
	.no-js .page-template-template-carriere .content,
	.no-js .page-template-template-actualite .content,
	.no-js .page-template-template-contact .content { opacity: 1; padding-top: 0; }
}


/**
 * Contact Form 7
**/
div.wpcf7-mail-sent-ok { border: none !important; color: #fdb924; font-size: 2rem; }
div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; }
span.wpcf7-not-valid-tip { color: #fdb924; font-size: 1em; display: block; }
div.wpcf7-validation-errors { border: 2px solid #fdb924; color : #fdb924; }


/**
 * Tooltip
**/
.tooltip { position: relative; display: inline-block; }

/* Tooltip text */
.tooltip .tooltiptext { visibility: hidden; width: 100%; background-color: #fdb924; color: #000; text-align: center; padding: 5px 0; font-size:bold; border-radius: 2px; top: 90%; left: 50%; 
    margin-left: -50%; /* Use half of the width (120/2 = 60), to center the tooltip */
 
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext { visibility: visible; }



/**
 * Product single (boutique en ligne)
 */

 /* Lightbox : par-dessus header (topbar) */
.pswp {z-index: 7000;}

/* Content wrapper */
.woocommerce div.product { }

/* Il y a deja une classe .summary dans .recette-info-top, donc canceller les 
styles de base qui sont ajouter par WooCommerce sur leur section .summary.  */
.woocommerce div.product .recette-info-top .summary {float: none; width: auto; margin-bottom: 0; }

/* Trigger button pour ouvrir le zoom (lightbox) sur le produit, petit 
ajustement de position sinon il se retrouve sous la topbar. */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {top: calc(1em + 3vw); right: 3vw; background-color:#fdb924;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover {background-color:#000;}

	/* Hover, jaune */
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {transition: border 0.2s; border-color: #FFF;}
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {transition: background 0.2s; background: #FFF;}
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover::before {border-color: #fff;}
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover::after {background: #fff;}

	/* Position sur desktop */
	@media (min-width:992px) {
		.woocommerce div.product div.images .woocommerce-product-gallery__trigger {top: 0.5em; right: 0.5em;}
	}

/* Galerie d'images */
.woocommerce div.product div.images.woocommerce-product-gallery {margin-bottom: 0;float: none;width: 100%;}
.woocommerce-product-gallery .flex-viewport {margin-bottom: 2em; }
.woocommerce-product-gallery .flex-control-nav.flex-control-nav,
.woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-nav {margin-left: 5%; margin-right: 5%; margin-bottom: 2.5%; }
.woocommerce div.product div.images .flex-control-thumbs li img {padding: 0 10%;opacity: 0.3;transition: opacity 0.2s;}

/*	Reuse Woocommerce loader */
	.blockUI.blockOverlay {position: relative;}
	.blockUI.blockOverlay::before, .loader::before {height: 1em; width: 1em; display: block; position: absolute; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; content: ''; animation: spin 1s ease-in-out infinite; background: url('../../../plugins/woocommerce/assets/images/icons/loader.svg') center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(#000, 0.75);}