/*
* 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: #ea0a8c;
}


/*
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: #ea0a8c;
}

/* 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: '\34';
}

.icon-icon-rating-half-right:before {
	content: '\35';
}

.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: '\33';
}

.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_bacon:before {
	content: "\e904";
}

.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: #ea0a8c;
	;
	color: #fff;
}

.orange-zone a {
	color: #fff;
}

.orange-zone a:hover {
	color: #ea0a8c;
}


/* 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: #ea0a8c;
}

/* Hover */
.btn.btn-yellow:hover,
.btn.btn-yellow:focus,
a.btn.btn-yellow:hover,
a.btn.btn-yellow:focus {
	color: #ea0a8c;
	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: #ea0a8c;
}

/* 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: #ea0a8c;
	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: #ea0a8c;
}

/* 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: #ea0a8c;
	box-shadow: 0 0 0 0.4em #ea0a8c;
}

@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 #ea0a8c;
	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: #ea0a8c;
}

.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: #ea0a8c;
}

.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: #ea0a8c;
}

/* 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: #ea0a8c;
}

.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: #ea0a8c;
}

.header .mobile-nav ul ul li a {
	margin: 0;
	padding: 3% 0 3% 7%;
	font-size: 16px;
	color: #ea0a8c;
}

.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: #ea0a8c;
	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: #ea0a8c;
}

.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: #ea0a8c;
}

.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: #ea0a8c;
}


/* 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: #ea0a8c;
}

/* 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: #ea0a8c;
}

/* 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: #ea0a8c;
}

.scroll-down a:hover {
	color: #ea0a8c;
	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: #ea0a8c; }
.top-banner .scroll-down a:hover { color: #ea0a8c; 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: #ea0a8c;
}

.woocommerce-shipping-totals th {
	vertical-align: top;
}

.woocommerce-info {
	border-top-color: #ea0a8c;
}

.woocommerce-info::before {
	color: #ea0a8c;
}

/* 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: #ea0a8c;
}

.cartData a:hover {
	color: #fff;
}

.cartData__items {}

*+.cartData__items {
	margin-top: 3em;
}

.cartData__totaux {
	border-top: 1px solid #ea0a8c;
	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: #ea0a8c;
	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 #ea0a8c;
	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: #ea0a8c;
	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: #ea0a8c;
}

.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 #ea0a8c;
}

.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: #ea0a8c;
}

.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: #ea0a8c;
	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: #ea0a8c;
}

.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: #ea0a8c;
}

.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: #ea0a8c;
}

.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: #ea0a8c;
}

.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: '\33\33\33\33\33';
}

.rating-icons.rating-0-5:before {
	margin-right: -7px;
	content: '\34';
}

.rating-icons.rating-0-5:after {
	content: '\35\33\33\33\33';
}

.rating-icons.rating-1:before {
	content: '\33';
}

.rating-icons.rating-1:after {
	content: '\33\33\33\33';
}

.rating-icons.rating-1-5:before {
	margin-right: -7px;
	content: '\33\34';
}

.rating-icons.rating-1-5:after {
	content: '\35\33\33\33';
}

.rating-icons.rating-2:before {
	content: '\33\33';
}

.rating-icons.rating-2:after {
	content: '\33\33\33';
}

.rating-icons.rating-2-5:before {
	margin-right: -7px;
	content: '\33\33\34';
}

.rating-icons.rating-2-5:after {
	content: '\35\33\33';
}

.rating-icons.rating-3:before {
	content: '\33\33\33';
}

.rating-icons.rating-3:after {
	content: '\33\33';
}

.rating-icons.rating-3-5:before {
	margin-right: -7px;
	content: '\33\33\33\34';
}

.rating-icons.rating-3-5:after {
	content: '\35\33';
}

.rating-icons.rating-4:before {
	content: '\33\33\33\33';
}

.rating-icons.rating-4:after {
	content: '\33';
}

.rating-icons.rating-4-5:before {
	margin-right: -7px;
	content: '\33\33\33\33\34';
}

.rating-icons.rating-4-5:after {
	content: '\35';
}

.rating-icons.rating-5:before {
	content: '\33\33\33\33\33';
}

.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: 1em;
	width: 1em;
	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: #ea0a8c;
}

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

/* 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: #ea0a8c;
	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: #ea0a8c;
}

.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 #ea0a8c;
	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: #ea0a8c;
	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: #ea0a8c;
}


/* 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: #ea0a8c;
}

.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: #ea0a8c;
}

.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: #ea0a8c;
	;
}

.content-width p a:not(.btn):hover {
	color: #ea0a8c;
	;
}

.content-width ul li a:hover {
	color: #ea0a8c;
	;
}

.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: #ea0a8c;
	;
}

/* 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 #ea0a8c;
	;
}

/* 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 #ea0a8c;
}

.recette-side-actions .book a {
	text-decoration: none;
}

.recette-side-actions .book a:hover {
	color: #ea0a8c;
	;
}

.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: #ea0a8c;
	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: #ea0a8c;
	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: #ea0a8c;
	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: #ea0a8c;
}

.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: #ea0a8c;
}

.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: #ea0a8c;
}

.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: #ea0a8c;
}

.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 #ea0a8c;
}

.recette-details-ipa .item {
	border-bottom: 1px solid #ea0a8c;
}

.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: #ea0a8c;
}

/* 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 #ea0a8c;
	}

	.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: #ea0a8c;
}

.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: #ea0a8c;
}

.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: #ea0a8c;
}

.std-popup #cboxClose {
	color: #ea0a8c;
}

.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: #ea0a8c;
	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: #ea0a8c;
}

/* 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: #ea0a8c;
	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: #ea0a8c;
}

#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: #ea0a8c;
}

#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: #ea0a8c;
	font-size: 2rem;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

span.wpcf7-not-valid-tip {
	color: #ea0a8c;
	font-size: 1em;
	display: block;
}

div.wpcf7-validation-errors {
	border: 2px solid #ea0a8c;
	color: #ea0a8c;
}


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

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 100%;
	background-color: #ea0a8c;
	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: #ea0a8c;
}

.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);
}