/*
	La Chose Verte
*/
.modal.show, .offcanvas-backdrop.show {
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADo0lEQVRYhb1XP2gbZxR/7ztFR4OCWp2wfMa1RUF24BwLdF4aYxAatIjMovVQ0KAMhoJd2XO2DmrwEDzEg0d1Kh6yxSC0eckd2M4NFrVQPeQ4Lh6ubi/osPQ6VBKyIuVOspLfdu973/f73fv+/hA8QpKkgN/vlwFARsTFIWnvAEBpNBoVTdP+8TIuuiXIsiwSUZ6Ikoj4wKtgAHjVbDZ/Pzk5qY4lQJKkAM/zvwDAkxFIPwIRVRzHeTasItygYDweX/D5fL8h4uO7kAMAIGKU47jvI5HIW8Mwrj5q7w/Isiy2Wq3SiOV2BRFdM8Z+VBRF743fqoAkSQHG2AtEnJkkOQAAIvJEJAuC8No0TacTZ71JPM8//8QKn4SIRZ7nn/fGuhVIJBJ5uOOC84gZURRB13UFoL0G2lvt1Rcg7wIRnyiKojMAACLKf0nyXk5OkqSAz+f71a3D8vLyV5FI5J5hGDfDcoLBIFcqlR7Ozs7eOz4+djsJF0OhUInxPJ/0orhQKHy7t7e3kMlkgsPIDw4OFqLR6P3V1dWvg8HgwDOmFzzPJ7np6ek8Ikbdki8uLuxMJiOk0+mwZVmOpmkfett3d3e/W1paelCv1+1cLle1LKvpNiYRASeK4k+IGHZLNgzjRlGUv9Pp9DfJZDJERE1VVf8FACgWi/Nra2uhUcjbaGAikXjjMRkAbpe6XC6/BwBIpVLhMcgBAGBkAf0iAADGJQfoOwm9wrKsZq1WszvftVrNHod8bAHFYnG+U/Z6vW6nUqlwsVicH0sAEZ2P0mFra0vsnfNcLlcdVwQRnTMA0F0z28hms8L6+vqMaZqNzpxbltXM5XJVTdOuxxChc6IoCl4eHtlsVtjZ2Ynatn2zubn55+XlZfdKbTQadHh4eBWLxfypVCoci8X8R0dHlgcBfzDGWMWL1JWVlYBt2zcbGxvV09PTD4Nytre3/yqXy+91XXcGtfeDMVZBAIBEIvESAGS3DnNzc/7eP78jFFVVn3Z2wb6XHhMk73IyAABVVRUiqkxw8E+CiCqqqipdAQAAjuM8g/+NxefGuzYXAPQ8yUzTdKamphRETCMi/zmYiei61Wr9fHZ21t36t+5swzCuIpHIMSIuebkhRyQ/b7VahX6nNNAZtX3gy0m9kIno3HGcp4Pc0cBXi2majiAIrzmO8yPiozuSVxzHKQyzZq7mNB6PLzDG8oiYHJFbAYD9zmofBlcBHbQt2w/gwZ4j4n6/BRuG/wA9X65CnAC2oQAAAABJRU5ErkJggg==) 12 12,auto;
}
.col-xs-5ths {
	-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		width: 20%;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
			width: 20%;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
			width: 20%;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
			width: 20%;
	}
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
:root {
	--MainColor: 	#c69c6d; /* #f2013f; */
	--MainColor10:	rgb(198 156 109 / 10%);
	--MainColor50:	rgb(198 156 109 / 50%);
	--LightBeige: 	#d2bda5;
	--DarkBeige:	#af8a5e;
	--Dark:			#222222; /* #d90138; */
	--Gris: 		#282526;
	--GrisLight:	#dedede; /* #bfbebf; */
	--Black05: 		rgba(0, 0, 0, 0.05);
	--Black10: 		rgba(0, 0, 0, 0.1);
	--Black20: 		rgba(0, 0, 0, 0.2);
	--Black30: 		rgba(0, 0, 0, 0.3);
	--Black50: 		rgba(0, 0, 0, 0.5);
	--Black75:		rgba(0, 0, 0, 0.75);
	--White50:		rgba(255, 255, 255, 0.5);
	--Transparent: 	rgba(0, 0, 0, 0);
	--Alerte:		orangered;
	--Alerte75:		rgb(255 69 0 / 75%);
	--Green:		mediumseagreen; /* #62d162 */
	--Rose:			rgba(235, 141, 170, 1);
}
.main-article .TimeLeft+.Template {
	min-height: 10px;
}
.NoSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input, select {
	-webkit-appearance: none;
	-moz-appearance:	none;
	appearance:		 none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
@-webkit-keyframes shake {
	0%, 100% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
	10%, 30%, 50%, 70%, 90% {
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
	}
	20%, 40%, 60%, 80% {
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
	}
}
@keyframes shake {
	0%, 100% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
	10%, 30%, 50%, 70%, 90% {
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
	}
	20%, 40%, 60%, 80% {
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
	}
}
.Required {
	-webkit-animation-name: shake !important;
	animation-name: shake !important;
	-webkit-animation-duration: 0.2s !important;
	animation-duration: 0.2s !important;
	-webkit-animation-fill-mode: both !important;
	animation-fill-mode: both !important;
	color: var(--Alerte);
}
body.blur #SlideBanner,
body.blur #ArticleContent,
body.blur .CarouselMultiCol,
body.blur #footer
 {
	filter: blur(7px);
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
.row {
	margin: auto;
}
body {
	line-height: 1;
}
button:focus
{
	outline:0 !important;
}
b, strong {
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
.PixEditorText ul li {
	background: url(../../images/svg/Hat.svg) no-repeat left 10px center / 15px auto;
	padding-left: 35px;
	margin-left: 0px;
	border-left: 1px solid var(--LightBeige);
	display: flow-root;
	line-height: normal;
}
.PixEditor sup {
	font-size: 12px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-family: 'Open Sans', sans-serif;
	color: white;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	touch-action: pan-y;
}
a {
	color: white;
}
a:not(.PostLink):not(.custom-button):not(.btnPhone):focus,
a:not(.PostLink):not(.custom-button):not(.btnPhone):hover,
.PixEditor a {
	color: var(--MainColor);
	text-decoration: underline;
}
#top-navigation-bar a.MainMenu:focus,
#top-navigation-bar a.MainMenu:hover {
	text-decoration: none;
}
.top-navigation-bar {
	background-color: transparent !important;
	border: none;
	box-shadow: none;
}
.top-navigation-bar .navbar-nav > li > a.MainMenu {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: auto;
	padding: 25px 20px 10px;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 8px;
	font-weight: normal;
	line-height: 10px;
	text-align: center;
	filter: grayscale(1);
	color: var(--Black50);
}
.top-navigation-bar .navbar-nav > li.active {
	padding-left: 5px;
	padding-right: 5px;
}
.top-navigation-bar .navbar-nav > li.active:before {
	content: '';
	top: -15px;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--MainColor);
	position: absolute;
}
.top-navigation-bar #HomeMenu .st0 {
	fill: currentColor;
}
.top-navigation-bar .SubMenu {
	display: none;
	min-width: 0;
}
.top-navigation-bar .navbar-collapse {
	background: #fff;
	max-height: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	text-align: center;
	transform: translate3d(0, 0, 0);
}
.top-navigation-bar .navbar-collapse .navbar-nav {
	margin: 0;
	box-shadow: -10px 0 45px 0px rgb(0 0 0 / 75%);
	text-align: left;
	align-items: center;
	padding-top: 10px;
	width: 100%;
}
.top-navigation-bar .navbar-nav > li.active > a.MainMenu {
	filter: grayscale(0) invert(1) brightness(5);
	font-weight: bold !important;
	font-size: 10px;
	color: #000;
}
.top-navigation-bar .navbar-nav > li > a.MainMenu:focus,
.top-navigation-bar .navbar-nav > li > a.MainMenu:hover {
	color: var(--Black50);
	text-decoration: none;
}
.top-navigation-bar .navbar-nav > li.Accueil #HomeMenu {
	display: none;
}
@media (max-width: 991px) {
	.FacebookFreeSpace {
		display: none !important;
	}
}
.top-navigation-bar .SubMenu .Category > span {
	display: block;
	padding-bottom: 0.35rem;
	margin-bottom: 0.45rem;
	border-bottom: 1px solid var(--Black30);
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
.top-navigation-bar .SubMenu .SubCategory > span {
	display: block;
	margin-top: 0.8rem;
	margin-bottom: 0.35rem;
	color: var(--MainColor);
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
}
.top-navigation-bar .SubMenu .MenuItem a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 0.9rem;
	line-height: 1.3;
	padding: 0.15rem 0 0.15rem 0.45rem;
	border-left: 1px solid var(--MainColor);
}
.top-navigation-bar .SubMenu .MenuItem a:hover,
.top-navigation-bar .SubMenu .MenuItem a:focus {
	color: var(--MainColor);
	text-decoration: none;
}
@media (max-width: 879px) {
	.top-navigation-bar .navbar-nav > li.Accueil a.MainMenu {
		background: url(../../images/svg/Home.svg) no-repeat scroll top center / 25px auto;
	}
	.top-navigation-bar .navbar-nav > li.Lesplats a.MainMenu {
		background: url(../../images/svg/Fork.svg) no-repeat scroll top center / 25px auto;
	}
	.top-navigation-bar .navbar-nav > li.Lesdesserts a.MainMenu {
		background: url(../../images/svg/Dessert.svg) no-repeat scroll top center / 25px auto;
	}
	.top-navigation-bar .navbar-nav > li.Lesplateaux-repas a.MainMenu {
		background: url(../../images/svg/PlateauRepas.svg) no-repeat scroll top center / 25px auto;
	}
	.top-navigation-bar .navbar-nav > li.Contact a.MainMenu {
		background: url(../../images/svg/Mail.svg) no-repeat scroll top center / 25px auto;
	}
	.top-navigation-bar .navbar-nav > li > a.BasketNav {
		padding-top: 0;
	}
	body.PageList #SlideBanner:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: transparent url(../../images/svg/LeBonheurDuJourWhite.svg) fixed no-repeat top 110px center / 50% auto;
		z-index: 1;
	}
}
@media (max-width: 500px) {
	.top-navigation-bar .navbar-nav > li > a.MainMenu {
		padding: 25px 0 10px;
		height: auto;
	}
}
@media (min-width: 880px) {
	.top-navigation-bar {
		background-color: transparent !important;
	}
	.top-navigation-bar .navbar-collapse {
		border: none;
		padding-right: 40px;
		margin-top: 40px;
		box-shadow: 0 0 40px -10px var(--Black50);
		background: var(--Gris) url(../../images/svg/LeBonheurDuJourWhiteBeigeWide.svg) scroll no-repeat left 15px center / auto 70%;
		border-radius: 0 16px 0 16px;
		text-align: left;
		padding: 0 40px 0 0;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		transform: none;
	}
	.top-navigation-bar.Mini .navbar-collapse {
		margin-top: 20px;
		box-shadow: 0 10px 20px 0px rgb(0 0 0 / 50%);
	}
	.top-navigation-bar .navbar-collapse .navbar-nav {
		box-shadow: none;
		padding-top: 0;
		width: auto;
	}
	.top-navigation-bar .navbar-nav > li > a.MainMenu {
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 14px;
		font-weight: 800;
		text-decoration: none;
		text-align: center;
		line-height: 15px;
		padding: 0 15px;
		justify-content: center;
		align-items: center;
		height: 90px;
		min-height: 90px;
		color: #fff;
		filter: none;
		background: none;
	}
	.top-navigation-bar.Mini .navbar-nav > li > a.MainMenu {
		height: 80px;
		min-height: 80px;
	}
	.top-navigation-bar .navbar-nav > li:hover {
		box-shadow: 0 10px 0px 0px var(--Black20);
	}
	.top-navigation-bar .navbar-nav > li > a.MainMenu:hover {
		background-color: var(--Black50);
		color: #fff;
	}
	.top-navigation-bar .navbar-nav > li.active > a.MainMenu {
		background-color: var(--Black20);
		box-shadow: 0 10px 0px 0px var(--MainColor);
		color: var(--MainColor);
		filter: none;
	}
	.top-navigation-bar .navbar-nav > li.active > a.MainMenu:hover {
		background-color: var(--Black20);
		color: var(--LightBeige);
	}
	.top-navigation-bar .navbar-nav > li.active:before {
		content: none;
	}
	.top-navigation-bar .navbar-nav > li.Accueil #HomeMenu {
		display: block;
		height: 20px;
	}
	.top-navigation-bar .navbar-nav > li.Accueil #HomeMenu .st0 {
		fill: #fff;
	}
	.top-navigation-bar .navbar-nav > li.Accueil.active #HomeMenu .st0,
	.top-navigation-bar .navbar-nav > li.Accueil > a.MainMenu:hover #HomeMenu .st0 {
		fill: var(--MainColor);
	}
	.top-navigation-bar #top-navigation-bar {
		position: relative;
	}
	.top-navigation-bar .SubMenu {
		display: flex !important;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		transform: translateY(-50px);
		background: #201e1e;
		padding: 15px;
		overflow: hidden;
		transform-origin: top;
		opacity: 0;
		pointer-events: none;
		transition: all 0.6s ease .2s;
		margin: 0;
		border: none;
		border-radius: 0;
	}
	.top-navigation-bar .navbar-nav > li.Lesplats:hover .SubMenu {
		pointer-events: all;
		opacity: 1;
		transform: translateY(-15px);
	}
	.top-navigation-bar .SubMenu li.Category {
		font-weight: bold;
		text-transform: uppercase;
		border-right: 1px solid var(--Gris);
	}
	.top-navigation-bar .SubMenu li.Category > span {
		border-bottom: 1px solid #fff;
	}
	.top-navigation-bar .SubMenu li.SubCategory > span {
		color: var(--MainColor);
		text-transform: uppercase;
		font-weight: normal;
	}
	.top-navigation-bar .SubMenu .MenuItem a {
		text-decoration: none;
		text-transform: none;
		font-size: 14px;
		line-height: 14px;
		text-align: left;
		font-weight: normal;
		border-left: 1px solid var(--MainColor);
		padding-left: 5px;
	}
	.top-navigation-bar .navbar-nav > li.Lesplateaux-repas > a.MainMenu {
		position: relative;
	}
	.top-navigation-bar .navbar-nav > li.Lesplateaux-repas > a.MainMenu:before {
		color: var(--MainColor);
		content: 'Pour entreprises';
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 12px;
		letter-spacing: 0;
	}
	.FacebookFreeSpace {
		display: flex !important;
	}
}
a.PostLink:focus,
a.PostLink:hover {
	text-decoration: none;
	color: inherit;
}

a.btnPhone {
	background: var(--MainColor) url(../../images/svg/Phone.svg) no-repeat left 5px center / 25px;
	padding: 5px 10px 5px 35px;
	border-radius: 15px;
	margin-left: 5px;
	font-weight: bold;
}
a.btnPhone:hover {
	background: var(--LightBeige) url(../../images/svg/PhoneBlack.svg) no-repeat left 5px center / 25px;
	color: var(--Gris);
	text-decoration: none;
}
.main-heading a.btnPhone, 
a.btnPhone.White {
	background: #fff url(../../images/svg/PhoneBeige.svg) no-repeat left 5px center / 25px;
	color: var(--MainColor);
	border-radius: 0 15px;
	padding: 0 15px 0 35px;
	font-size: 24px;
}
.main-heading a.btnPhone:hover {
	background: var(--Black50) url(../../images/svg/PhoneBeige.svg) no-repeat left 5px center / 25px;
}
.modal-body a.btnPhone {
	font-size: 24px;
	border-radius: 24px;
}
a, button {
	-webkit-tap-highlight-color: transparent;
}
span.thin {
	font-weight: 300;
}
.page {
	padding: 60px 0;
}
.page-top {
	padding: 110px 0 60px;
}
h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 52px;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.5;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 0;
	color: var(--Gris);
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
p {
	margin-bottom: 15px;
}
.top-navigation-bar .navbar-nav > li,
.top-navigation-bar .navbar-nav > li > a,
.custom-button,
.btn:before,
.carousel-control,
#sidebar-wrapper,
.PriceList button,
.PostType1 .ImageBg,
.PostType1.TooLate:before,
.PriceList li.Added:before,
.BasketNav img,
#CarouselMultiCol .TitleSquare,
.btnPhone,
.main-price,
.PostType1 span.CookMonth,
li.Cursor.Taste:before,
.Mini #top-navigation-bar,
.HowItWorksBg .PostType1,
.ShopOrCall:after,
.carousel-inner.MultiCol .Last:after,
.SpecialMenu:before {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.top-navigation-bar .navbar-brand:hover,
#PlatsClassiques .main-heading h2 {
	color: var(--MainColor);
}
@media (max-width: 768px) {
	h1 {
		font-size: 30px;
	}
	h3 {
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 10px;
	}
	.footer-text {
		font-size: 10px;
	}
}

/* ------------------------------ */
/* BASKET NAV */
/* ------------------------------ */

@media (max-width: 768px) {
	li a.BasketNav img {
		margin-top: 0;
	}
	li a.BasketNav {
		transform: translate(0px, -10px);
	}
	.fb_dialog.fb_dialog_mobile iframe {
		margin: 0 !important;
		transform: scale(.5);
		bottom: 2px !important;
		right: 5px !important;
	}
}
.BasketNav {
	position: relative;
}
.BasketNav[data-count-cart]:before {
	content: attr(data-count-cart);
	position: absolute;
	left: calc(50% - 8px);
	top: 23px;
	background: #fff;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 16px;
	font-size: 11px;
	padding: 0;
	letter-spacing: 0;
	color: var(--Gris);
	z-index: 1;
}
@media (max-width: 768px) {
	.BasketNav[data-count-cart]:before {
		top: 22px;
		background: var(--MainColor);
		color: #FFF;
	}
}
.BasketNav[data-count-cart]:hover:before {
	background: var(--MainColor);
	color: #fff;
}
.BasketNav:hover img {
	filter: brightness(10);
}
.service {
	padding: 35px 0 40px;
	border-top: 1px solid #d00136;
}
.service h2 {
	margin-bottom: 15px;
}
.service-number {
	font-family: 'Open Sans', sans-serif;
	font-size: 100px;
	color: var(--Gris);
	margin-top: -30px;
	display: inline-block;
	font-weight: 700;
	line-height: 1.5;
}
.section-snippet {
	margin-bottom: 20px;
}
.section-snippet span {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	display: block;
	color: var(--MainColor);
	margin-left: 5px;
}
span.CallMe {
	line-height: 34px;
}
.section-snippet span.snippet-heading {
	text-transform: uppercase;
	font-weight: 800;
	color: #bbb;
	letter-spacing: 0;
	line-height: normal;
}
.section-snippet span:last-child {
	margin-bottom: 40px;
}
.team-member {
	padding: 40px 0;
}
.team-member::first-of-type {
	padding-top: 0;
	border: none;
}
.team-member-img {
	width: 100%;
	height: 230px;
	background-image: '';
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 40px;
	border-top: 5px solid var(--Gris);
}
.team-member-contact {
	margin-bottom: 40px;
}
.team-member-desc-heading {
	margin-bottom: 20px;
}
.team-member-desc-heading h4 {
	margin-bottom: 10px;
}
.team-member-desc-heading span {
	font-size: 18px;
	color: var(--MainColor);
}
.custom-button {
	font-family: 'Open Sans', sans-serif;
/* 	border-radius: 0; */
	height: 60px;
	background: var(--MainColor) url(../../images/svg/LeBonheurDuJourWhiteFork.svg) no-repeat center left 10px / auto 21px;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	padding-left: 30px !important;
	position: relative;
	border: none;
	border-radius: 0 15px 0 15px;
}
.custom-button.Info {
	background: #fff;
	padding-left: .75rem !important;
	font-size: 14px;
	height: auto;
	color: var(--MainColor);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
button.custom-button {
	font-size: 18px;
}
.custom-button.Large {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 24px;
	border-radius: 0 25px;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
}
@media (max-width: 768px) {
	.custom-button.CoverAllBtn {
		display: none;
/*
		top: 0;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		background: transparent;
		font-size: 0;
*/
	}
	.custom-button.CoverAllBtn:hover,
	.custom-button.CoverAllBtn:focus {
		background-color: transparent;
	}
	.custom-button.Large {
		font-size: 14px;
	}
}
.custom-button:not(.Info):hover,
.custom-button:not(.Info):focus {
	background-color: var(--Dark);
}
@media (min-width: 768px) {
	.btn[disabled] {
		/* pointer-events: none; */
		opacity: .35;
		color: #fff;
		cursor: not-allowed;
	}
	.btn.focus,
	.btn:focus,
	.btn:not([disabled]):hover {
		padding-left: 10px;
		color: var(--MainColor);
		box-shadow: -35px 0 0px 0px var(--MainColor) inset;
		padding-right: 40px;
	}
	.btn:before {
		content: '';
		position: absolute;
		right: 10px;
		background: url(../../images/svg/arrow-right.svg) no-repeat center right / 17px;
		top: 0;
		bottom: 0;
		width: 24px;
		filter: invert(1);
		opacity: 0;
	}
}
a.btn.custom-button.Mini {
	font-size: 14px;
	background-image: none;
	padding-left: 10px !important;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.ShareButtons .custom-button.FacebookShare {
	background-color: #1877f2;
	color: #fff;
	border-color: #1877f2;
	background-image: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding-left: 10px !important;
}
.ShareButtons .custom-button.FacebookShare img {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
}
@media (max-width: 768px) {
	.ShareButtons .custom-button.FacebookShare.CoverAllBtn {
		display: inline-flex !important;
	}
}
@media (min-width: 768px) {
	.ShareButtons .btn.custom-button.FacebookShare:hover,
	.ShareButtons .btn.custom-button.FacebookShare:focus,
	.ShareButtons .btn.custom-button.FacebookShare:not([disabled]):hover {
		background-color: #1877f2 !important;
		color: #fff !important;
		box-shadow: -35px 0 0px 0px #166fe5 inset !important;
	}
}
.btn:not([disabled]):hover:before,
.btn:focus:before {
	opacity: 1;
}
.btn-inlineblock {
	height: auto;
	border-radius: 0 6px 0 6px;
	font-size: 18px;
	padding: 4px 8px;
}
.DarkBg {
	background: var(--Gris);
}
.DarkBg h3 {
	color: var(--MainColor);
	font-size: 14px;
}
.PaperBg {
	background: transparent url(../../images/Paper-4.jpg) repeat fixed center;
}
.PaperBeigeBg {
	background: transparent url(../../images/Paper-4-Beige.jpg) repeat fixed center;
}
.PaperBg.SpecialMenu {
	background-color: transparent;
	background-repeat: repeat;
	background-position: left top;
	background-attachment: fixed, scroll;
	background-size: 1000px, auto;
}
.PaperBg.SpecialMenu.CristmasMenu {
	background-image: url(../../images/svg/CristmasPatern.svg), url(../../images/Paper-4.jpg);
}
.PaperBg.SpecialMenu.LoveMenu {
	background-image: url(../../images/svg/LovePatern.svg), url(../../images/Paper-4.jpg);
}
.PaperBg h1 {
	color: var(--Black75);
}
.PaperBg .main-heading p {
	color: var(--Gris);
}
.ArdoiseBg {
	background: transparent url(../../images/back-ardoise.jpg) repeat fixed center / cover;
}
.HowItWorksBg
{
	background-color: transparent;
	background-image: url(../../images/FondHowItWorks-Left.png), url(../../images/FondHowItWorks-Right.png), url(../../images/Paper-4-Beige.jpg);
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: left, right, center;
	background-attachment: scroll, scroll, fixed;
	background-size: contain, contain, auto;
	padding: 30px 0 0;
}
.page {
	padding: 60px 0;
}
.main-heading {
	margin-bottom: 40px;
}
/*
@media (min-width: 769px) {
	section#banner:before,
	section#banner:after {
		content: '';
		width: 40em;
		height: 20em;
		background: transparent url(../../images/back-ardoise.jpg) ;
		position: fixed;
		top: -5em;
		left: -5em;
		transform: rotate(-13deg);
		border-radius: 0 0 6em 0;
		box-shadow: 0 0 40px 0px rgba(1,1,1,0.5);
		z-index: 10;
	}
	section#banner:after {
		content: '';
		background: url(../../images/Epices.png) no-repeat left 65px center / 20em;
		box-shadow: none;
	}
}
*/
.banner {
	background: url(../../images/Paper-4.jpg) repeat fixed center center #fff;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.banner .container,
.carousel-fade .carousel-inner .item .container,
.BgWhite20,
.carousel-inner,
figure {
	position: relative;
}
figcaption {
	position: absolute;
	bottom: -10px;
	padding: 5px 15px;
	background: var(--Black50);
	color: #fff;
	border-radius: 0 15px 0 15px;
	left: 15px;
	font-size: 12px;
}
figcaption p {
	margin: 0 !important;
}
.carousel-fade .carousel-inner.full-height .item .container {
	top: 40%;
}
.carousel-fade .carousel-inner.half-height .item .container {
	top: 40%;
}
.carousel-fade .carousel-inner .item .container h1,
.carousel-fade .carousel-inner .item .container h2 {
	color: var(--Black75);
}
.carousel-fade .carousel-inner .item .container h2 {
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	z-index: 1;
	position: relative;
}
@media (max-width: 768px) {
	.carousel-fade .carousel-inner .item .container h2 {
		font-size: 14px;
	}
}
.carousel-fade .carousel-inner .item .container h2 b {
	font-weight: bold;
}
.banner h1 {
	margin-bottom: 20px;
}
.banner h1 .SubTitle {
	font-size: 16px;
	display: block;
}
/* [data-takeoffdate]:after {
	content: attr(data-takeoffdate);
	position: absolute;
	background: var(--Alerte75);
	color: #fff;
	padding: 5px;
	width: auto;
	text-transform: uppercase;
	line-height: normal;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	bottom: 100%;
	left: 0;
	letter-spacing: 1px;
	transform: rotate(-4deg) translate(0px, 10px);
} */
.banner p {
	max-width: 470px;
	text-align: right;
}
.who-are-we {
	background: transparent url(../../images/Paper-4.jpg) fixed center;
	color: var(--Black75);
	box-shadow: -20px 50px 80px -40px var(--Black20) inset;
}
.who-are-we h1 {
	margin-bottom: 40px;
}
.who-are-we h2 {
	color: var(--MainColor);
	text-transform: uppercase;
	font-size: 20px;
}
.services {
	background-color: var(--LightBeige);
}
.cta {
	background-color: var(--Gris);
}
.cta h1 {
	margin-bottom: 40px;
}
.SlideBanner {
	background-color: var(--MainColor);
}
/*
section#SlideBanner:before {
	content: '';
	background: url(../../images/Epices.png) no-repeat fixed center / cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: 0.1;
}
*/
.about-heading {
	position: absolute;
	top: 35%;
}
.about-heading h3 {
	margin-bottom: 10px;
}
.about-us {
	background-color: var(--Gris);
}
.about-us h1 {
	margin-bottom: 40px;
}
.team-members {
	background: url(../../images/Paper-4.jpg) repeat fixed center center #fff;
	color: #444;
}
#address {
	background: url(../../images/Contact.jpg) no-repeat scroll top center / cover;
}
#address .row {
	background: transparent url(../../images/svg/LeBonheurDuJourWhiteWide1Line.svg) scroll no-repeat center / 100% auto;
	height: 100%;
}
.address {
	background-color: var(--MainColor);
}
.address h1 {
	margin-bottom: 30px;
}
.address-table {
	color: #fff;
	margin-bottom: 60px;
}
.address-table td {
	border-bottom: 1px solid var(--Gris);
}
.address-wrapper,
.email-wrapper,
.form-wrapper,
.map-wrapper,
.footer-wrapper {
	max-width: 500px;
	margin: 0 auto;
}
.email-us {
	background-color: var(--Gris);
}
.email-us h1 {
	margin-bottom: 30px;
}
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff url(../../images/Paper-4.jpg) repeat fixed center;
	z-index: 9999;
}
#loader {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../../images/svg/puffBeige.svg), url(../../images/svg/LeBonheurDuJourSquare.svg);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
	background-size: 200px, 100px;
}
.banner-item {
	position: absolute;
	top: 20%;
}
#SlideBannerBox .SliderBtn {
	position: absolute;
	bottom: 0;
	left: 0px;
	right: 0px;
	text-align: right;
}
#SlideBannerBox.MainBannerCarousel {
	--banner-visible-cols: 3;
	--banner-hover-grow: 1.6;
	--banner-hover-shrink: 0.7;
	--banner-hover-duration: 700ms;
	--banner-fade-duration: 320ms;
	--banner-hover-delay: 70ms;
	--banner-before-delay-offset: 200ms;
	--banner-hover-ease: cubic-bezier(0.22, 1, 0.36, 1);
	width: 100%;
	margin: 0;
	padding: 0;
}
#SlideBannerBox.MainBannerCarousel .carousel-inner {
	overflow: hidden;
	height: 100vh !important;
}
#SlideBannerBox.MainBannerCarousel .carousel-item.item {
	overflow: hidden;
	height: 100%;
}
#SlideBannerBox.MainBannerCarousel .carousel-item.item.active,
#SlideBannerBox.MainBannerCarousel .carousel-item.item.carousel-item-next,
#SlideBannerBox.MainBannerCarousel .carousel-item.item.carousel-item-prev {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
}
#SlideBannerBox.MainBannerCarousel .CarouselColItem {
	flex: 1 1 0;
	max-width: none;
	min-width: 0;
	padding: 0 !important;
	margin: 0 !important;
	transition: flex-grow var(--banner-hover-duration) var(--banner-hover-ease);
}
#SlideBannerBox.MainBannerCarousel .BannerCard {
	position: relative;
	min-height: 100%;
	height: 100%;
	border-radius: 0;
	overflow: hidden;
	box-shadow: none;
	display: flex;
	width: 100%;
}
#SlideBannerBox.MainBannerCarousel .BannerCard:after {
	content: 'Photo non contractuelle';
	position: absolute;
	left: 20px;
	z-index: 1;
	bottom: 20px;
	text-align: center;
	mix-blend-mode: color-dodge;
	color: var(--MainColor);
	opacity: .75;
}
#SlideBannerBox.MainBannerCarousel .BannerCardInner {
	display: flex;
	align-items: flex-end;
	padding: 1.25rem;
	width: 100%;
}
#SlideBannerBox.MainBannerCarousel .BgWhite20 {
	width: auto;
	padding: 1rem 1.25rem;
}
#SlideBannerBox.MainBannerCarousel .BgWhite20 > h2 {
	font-size: 14px;
	margin-bottom: .5rem;
}
#SlideBannerBox.MainBannerCarousel .BgWhite20 > h1 {
	font-size: clamp(1.75rem, 2.8vw, 2.9rem);
	line-height: 1.08;
	margin-bottom: 1rem;
}
#SlideBannerBox.MainBannerCarousel .BgWhite20 > h1 .SubTitle {
	font-size: clamp(.95rem, 1.2vw, 1.15rem);
}
#SlideBannerBox.MainBannerCarousel .BgWhite20 > p {
	max-width: none;
	text-align: left;
	margin-bottom: 0;
}
#SlideBannerBox.MainBannerCarousel .BgWhite20 > p .custom-button {
	margin-top: .75rem;
}
#SlideBannerBox.MainBannerCarousel .BgWhite20 > * {
	position: relative;
	z-index: 2;
}
#SlideBannerBox.MainBannerCarousel .BgWhite20 > h1 {
	margin-bottom: 0;
	color: #fff;
}
#SlideBannerBox.MainBannerCarousel .animated {
	animation: none !important;
	-webkit-animation: none !important;
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
	#SlideBannerBox.MainBannerCarousel .BgWhite20:before {
		opacity: 0;
		transition: opacity var(--banner-fade-duration) var(--banner-hover-ease);
		transition-delay: 0ms;
	}
	#SlideBannerBox.MainBannerCarousel .BgWhite20 > h1 {
		transition: margin-bottom var(--banner-fade-duration) var(--banner-hover-ease);
	}
	#SlideBannerBox.MainBannerCarousel .BgWhite20 > h2,
	#SlideBannerBox.MainBannerCarousel .BgWhite20 > p,
	#SlideBannerBox.MainBannerCarousel .BgWhite20 > h1 .SubTitle {
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		transform: translateY(10px);
		margin-top: 0;
		margin-bottom: 0;
		transition: opacity var(--banner-fade-duration) var(--banner-hover-ease), transform var(--banner-fade-duration) var(--banner-hover-ease), max-height var(--banner-fade-duration) var(--banner-hover-ease), margin var(--banner-fade-duration) var(--banner-hover-ease);
		transition-delay: 0ms;
		pointer-events: none;
	}
	#SlideBannerBox.MainBannerCarousel .carousel-item.item.has-hovered-card > .CarouselColItem,
	#SlideBannerBox.MainBannerCarousel .carousel-item.item:hover > .CarouselColItem {
		flex-grow: var(--banner-hover-shrink);
	}
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem.is-hovered,
	#SlideBannerBox.MainBannerCarousel .carousel-item.item:hover > .CarouselColItem:hover {
		flex-grow: var(--banner-hover-grow);
	}
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem.is-hovered .BgWhite20:before,
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem:hover .BgWhite20:before {
		opacity: 1;
		transition-delay: calc(var(--banner-hover-delay) + var(--banner-before-delay-offset));
	}
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem.is-hovered .BgWhite20 > h1,
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem:hover .BgWhite20 > h1 {
		color: #fff;
		margin-bottom: 1rem;
	}
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem.is-before-visible .BgWhite20 > h1 {
		mix-blend-mode: normal;
		color: var(--Black75);
	}
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem.is-hovered .BgWhite20 > h2,
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem.is-hovered .BgWhite20 > p,
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem.is-hovered .BgWhite20 > h1 .SubTitle,
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem:hover .BgWhite20 > h2,
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem:hover .BgWhite20 > p,
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem:hover .BgWhite20 > h1 .SubTitle {
		opacity: 1;
		max-height: 260px;
		transform: translateY(0);
		transition-delay: var(--banner-hover-delay);
		pointer-events: auto;
	}
	#SlideBannerBox.MainBannerCarousel .carousel-item.item > .CarouselColItem:hover .BgWhite20 > h2 {
		margin-bottom: .5rem;
	}
}
@media (max-width: 767px) {
	#SlideBannerBox.MainBannerCarousel .BannerCardInner {
		padding: 1rem;
	}
	#SlideBannerBox.MainBannerCarousel .BgWhite20 {
		padding: 1rem;
	}
}

/* ------------------------------ */
/* CAROUSEL */
/* ------------------------------ */

.CarouselMultiCol .main-heading h1,
#PlatsDeLaSemaine .main-heading h1,
#PlatsClassiques .main-heading h1 {
	padding-right: 100px;
}
.carousel-inner {
	color: var(--Gris);
}
@media (max-width: 880px) {
	#SlideBanner:before {
		background: url(../../images/svg/LeBonheurDuJourWhite.svg) no-repeat scroll center / 300px;
		content: '';
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		z-index: 1;
		pointer-events: none;
	}
}
.carousel-control {
	position: relative;
	top: auto;
	margin-top: 0;
	bottom: auto;
	left: auto;
	width: 50px;
	height: 50px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
	background-color: var(--Transparent);
	filter: alpha(opacity=100);
	opacity: 1;
	background-color: #fff;
	box-shadow: 0 0 40px -10px var(--Black50);
	vertical-align: middle;
	display: inline-block;
}
#SlideBannerBox .carousel-control,
.CarouselMultiCol .carousel-control {
	background: none;
	border-radius: 50px;
	overflow: hidden;
	box-shadow: 0 2px 20px 0 rgb(0 0 0 / 31%);
	position: absolute;
	top: calc(50% - 25px);
}
.carousel-control.right {
	background-image: none;
}
.carousel-inner.MultiCol {
	border-radius: 0 15px 0 15px;
}
.CarouselMultiCol .carousel.carousel-multi-item.is-grabbable .carousel-inner {
	cursor: grab;
	touch-action: pan-y;
}
.CarouselMultiCol .carousel.carousel-multi-item.is-grabbing .carousel-inner {
	cursor: grabbing;
	user-select: none;
}
.carousel-control.right i img {
	margin-top: 12px;
}
.CarouselMultiCol .carousel-control.right {
	right: -15px;
	background-color: var(--MainColor50);
}
#SlideBannerBox .carousel-control.right {
	right: 50px;
}
#SlideBannerBox.MainBannerCarousel .carousel-control.right {
	right: 5px;
}
.carousel-control.left {
	background-image: none;
}
.carousel-control.left i img {
	margin-top: 12px;
}
#SlideBannerBox .carousel-control.left {
	left: -15px;
	background-color: var(--MainColor50);
}
#SlideBannerBox.MainBannerCarousel .carousel-control.left {
	left: 5px;
	background-color: var(--MainColor50);
}
.CarouselMultiCol .carousel-control.left {
	left: -15px;
	background-color: var(--MainColor50);
}
.carousel-control a {
	line-height: 0;
}
.carousel-control:hover {
	background: #f2f2f2;
}
/*
.CarouselMultiCol .carousel-control:hover {
	background: none;
}
*/
.CarouselMultiCol .carousel-control.left:hover {
	transform: translate(-10px, 0px);
}
.CarouselMultiCol .carousel-control.right:hover {
	transform: translate(10px, 0px);
}
.carousel-indicators {
	background-color: #fff;
	width: auto;
	height: 50px;
	bottom: auto;
	left: auto;
	margin-left: 0;
	top: auto;
	margin-top: 0;
	padding: 14px 10px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.carousel-indicators li {
	background-color: var(--Black30);
	border: none;
	border-radius: 10px;
	box-shadow: 2px 0 10px 0px var(--Black30) inset;
	margin: 1px 10px;
}
.carousel-indicators li {
	width: 12px;
	height: 12px;
	display: inline-block;
}
.carousel-indicators li.active {
	background-color: var(--MainColor);
}
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
@media (max-width: 768px) {
	.carousel-fade .carousel-inner .item {
		background-attachment: scroll !important;
		-o-background-size: cover !important;
		-moz-background-size: cover !important;
		-webkit-background-size: cover !important;
	}
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.carousel-inner.MultiCol .PostType1 {
	max-width: calc(50% - 80px);
}
.carousel-inner.MultiCol .PostType1.Last {
/* 	opacity: .5; */
	position: absolute;
	pointer-events: none;
}
.carousel-inner.MultiCol .PostType1.Last .TimeLeft {
	display: none;
}
.carousel-inner.MultiCol .carousel-item {
	overflow: hidden;
}
.carousel-inner.MultiCol .PostType1.Last:after {
	content: '';
/* 	background: var(--MainColor50); */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.carousel-inner.MultiCol .PostType1.Last.Overlay:after {
	background: var(--MainColor50);
}
.CarouselMultiCol:not(.HalfItem) #CarouselMultiCol .carousel-item.item.active,
.CarouselMultiCol:not(.HalfItem) #CarouselMultiCol .carousel-item.item.carousel-item-next,
.CarouselMultiCol:not(.HalfItem) #CarouselMultiCol .carousel-item.item.carousel-item-prev {
	display: flex;
	flex-wrap: nowrap;
}
.CarouselMultiCol.HalfItem .carousel-inner.MultiCol .carousel-item.item.active,
.CarouselMultiCol.HalfItem .carousel-inner.MultiCol .carousel-item.item.carousel-item-next,
.CarouselMultiCol.HalfItem .carousel-inner.MultiCol .carousel-item.item.carousel-item-prev {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
}
.CarouselMultiCol.HalfItem #CarouselMultiColWeekMeal .carousel-item.item > .PostType1.Last {
	position: relative;
	flex: 0 0 calc(50% - 80px);
	width: calc(50% - 80px);
	min-width: calc(50% - 80px);
	max-width: calc(50% - 80px);
}
.CarouselMultiCol:not(.HalfItem) #CarouselMultiCol .CarouselColItem {
	flex: 0 0 100%;
	max-width: 100%;
}
/* ------------------------------ */
/* FORM */
/* ------------------------------ */

.form-wrapper {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	padding: 20px;
	border-radius: 0 25px 0 25px;
	background: #393636;
}
label, input, textarea {
	display: block;
	width: 100%;
	outline: none;
}
label {
	font-weight: normal;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 14px;
	color: var(--LightBeige);
}
input, textarea {
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	padding: 10px 5px;
	margin-bottom: 20px;
}
.form-wrapper input:focus, .form-wrapper textarea:focus {
	box-shadow: 0 0 0px 2px var(--Alerte75) inset;
}
.form-wrapper input:not([type="submit"]), .form-wrapper textarea {
	background-color: var(--LightBeige);
	border: none;
	color: var(--Gris);
}
textarea {
	height: 130px;
	margin-bottom: 20px;
}
input.custom-button {
	border: none;
	font-family: 'Open Sans', sans-serif;
}
label.local-error {
	background-color: #FCF8E3;
	color: #C74581;
	font-weight: 300;
	font-size: 12px;
	margin-top: -10px;
	margin-bottom: 20px;
	padding: 3px 20px;
	border-radius: 2px;
}
table {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #444;
	width: 100%;
}
table tr td {
	padding: 15px 0;
	border-bottom: 1px solid #d5d5d5;
}
table tr td:first-of-type {
	width: 30%;
	font-weight: 700;
}

/* ------------------------------ */
/* ANIMATION DELAY */
/* ------------------------------ */

.delay-1 {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	animation-delay: 300ms;
}
.delay-2 {
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	animation-delay: 600ms;
}
.delay-3 {
	-webkit-animation-delay: 1200ms;
	-moz-animation-delay: 1200ms;
	animation-delay: 1200ms;
}
.delay-4 {
	-webkit-animation-delay: 1500ms;
	-moz-animation-delay: 1500ms;
	animation-delay: 1500ms;
}
@media (min-width: 400px) {
		.banner-item {
		top: 30%;
	}
		.about-heading {
		top: 40%;
	}
		.form-wrapper {
		padding: 30px;
	}
}
@media (min-width: 768px) {
	body {
		font-size: 16px;
		line-height: 26px;
	}
	h2 {
		font-family: 'Open Sans', sans-serif;
		font-size: 26px;
		font-weight: 800;
		line-height: 1.5;
	}
	.page {
		padding: 80px 0;
	}
	.banner-item {
		top: 35%;
	}
	.banner-item img {
		margin-top: -10px;
	}
	.about-us p {
		color: #e6e6e6;
	}
	.service-number {
		font-size: 140px;
	}
	.address-wrapper,
	.email-wrapper,
	.form-wrapper,
	.map-wrapper,
	.footer-wrapper {
		max-width: 100%;
		margin: 0;
	}
	.address-table {
		max-width: 350px;
	}
	.form-wrapper {
		padding: 40px;
	}
	.email-us h1 {
		margin-bottom: 100px;
	}
}
@media (min-width: 992px) {
	h1 {
		font-size: 62px;
	}
	.banner-item img {
		margin-top: -25px;
	}
	.about-us h1 {
		margin-bottom: 60px;
	}
	.page-top {
		padding: 200px 0 60px;
	}
	.team-member-img, .team-member-contact {
		max-width: 350px;
	}
}
@media (min-width: 1200px) {
	.banner-item img {
		margin-top: -55px;
	}
	.about-heading {
		top: 48%;
	}
}
.team-member-desc {
	margin: 0px 15px;
	text-align: justify;
}

/* ------------------------------ */
/* FOOTER */
/* ------------------------------ */

.footer {
	background: var(--Gris) url(../../images/svg/LeBonheurDuJourBlackPattern.svg) repeat top left / 200px auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}
.footer h4 {
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 15px;
	color: var(--MainColor);
	text-transform: uppercase;
	margin: 0;
}
.footer ul {
	margin-bottom: 40px;
}
.footer-wrapper {
	border-top: 1px solid #222;
	padding: 60px 0;
}
.footer-link h5 {
	text-transform: uppercase;
	color: var(--LightBeige);
	line-height: normal;
}
.footer-link ul li {
	line-height: normal;
}
.footer-link ul li ul li {
	border-left: 1px solid var(--LightBeige);
	padding-left: 10px;
}
.footer-link a:hover {
	color: var(--MainColor);
	text-decoration: none;
}
.footer-text a {
	color: var(--MainColor);
}
.footer-text a:hover {
	text-decoration: none;
}
.BgWhite20:before,
.Day:before {
	background-color: rgb(198 156 109 / 80%);
	content: '';
	position: absolute;
	top: -30px;
	left: -30px;
	right: 0;
	bottom: 50px;
	transform: rotate(-13deg);
	border-radius: 100px 0;
	box-shadow: 0 0 40px 0px rgb(1 1 1 / 50%);
	z-index: 0;
}
.LoveMenu .BgWhite20:before {
	background-color: rgb(193 27 47 / 80%);
}
.Day:before {
	z-index: -1;
	bottom: -10px;
	top: -10px;
	left: -30px;
	right: -40px;
}
.carousel-inner.MultiCol .Day:before {
	box-shadow: 15px 0 20px 0px rgb(1 1 1 / 50%);
}

/* ------------------------------ */
/* DESIGN POSTTYPE1 */
/* ------------------------------ */

.rounded-half {
	border-radius: 0 15px 0 0;
}
a.PostLink {
	text-decoration: none;
}
/*
.PostType1 .ImageBg {
	padding: 100px 0;
	border-radius: 0 15px 0 0;
}
*/
@media (max-width: 768px) {
	.PostType1 .ImageBg,
	#CarouselMultiCol .TitleSquare {
		background-size: cover !important;
	}
}
.PostType1:hover .ImageBg, 
#CarouselMultiCol .TitleSquare:hover {
	/* background-size: auto 110% !important; */
	transition: all 0.3s ease;
	transform: scale(1.1);
	transform-origin: center;
}
.PostType1 .Day {
	position: absolute;
	z-index: 1;
	text-transform: uppercase;
	font-weight: bold;
	top: 100px;
}
.carousel-inner.MultiCol .PostType1 .Day,
.Day.TopLeft {
	color: #fff;
	transform: translate(2.5rem, -3rem);
}
.PostType1 .Day span {
	display: block;
}
.PostType1 .Day span.CookMonth {
	font-size: 14px;
	opacity: .6;
	line-height: 8px;
}
.PostType1 .Day span.CookMonth sup {
	font-size: 9px;
}
.PostType1:hover span.CookMonth {
	opacity: 1;
}
.PostType1 .Detail {
	border-radius: 0 0 0 15px;
/* 	text-align: right; */
}
.PaperBg .PostType1 .Detail {
	background: transparent url(../../images/back-ardoise.jpg) no-repeat scroll center / cover;
}
.ArdoiseBg .PostType1 .Detail,
.PaperBeigeBg .PostType1 .Detail {
	background: transparent url(../../images/Paper-4.jpg) no-repeat scroll center / cover;
	color: var(--Black75);
}
.PaperBg .PostType1.CristmasMenu .Detail {
	background: transparent url(../../images/back-Cristmas12.jpg) no-repeat scroll center / cover;
}
.PostType1 .Detail h2 {
	text-transform: uppercase;
	font-size: 15px;
	height: 40px;
	color: var(--MainColor);
	text-align: left;
	line-height: 16px;
}
.PostType1.SpecialMenu .Detail h2 {
	color: #fff;
}
.PostType1.SpecialMenu.LoveMenu .Detail h2 {
	color: #d8b1c1;
}
@media (max-width: 768px) {
	.PostType1 .Detail h2 {
		height: auto;
	}
}
.PostType1 .Detail p.BestPrice,
.CarouselMultiCol .BestPrice span.Price {
	font-size: 12px;
}
.PostType1 .Detail span.Price,
.CarouselMultiCol .BestPrice {
	font-size: 20px;
	font-weight: bold;
}
.PostType1 .Detail span.Price sup,
#SlideBannerBox p span.BestPrice .Price sup {
	font-size: 13px;
}
.CarouselMultiCol .BestPrice span.Price {
	font-size: 20px;
	line-height: 16px;
	color: var(--DarkBeige);
}
.CarouselMultiCol .BestPrice {
	display: block;
	font-size: 10px;
	color: var(--MainColor);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#SlideBannerBox p span.BestPrice {
	color: #fff;
	font-size: 12px;
	display: block;
	font-weight: bold;
}
#SlideBannerBox p span.BestPrice .Price {
	font-size: 16px;
}
.CarouselMultiCol .BestPrice span.Price sup {
	font-size: 11px;
}
#CarouselMultiCol .SpecialMenu .TitleSquare h3 .BestPrice,
#CarouselMultiCol .SpecialMenu .TitleSquare h3 .Price {
	color: var(--Gris);
}
#CarouselMultiCol .LoveMenu .TitleSquare h3 .BestPrice,
#CarouselMultiCol .LoveMenu .TitleSquare h3 .Price {
	color: rgba(255,255,255,.75);
}
.PostType1.TooLate a {
	pointer-events: none;
	opacity: .5;
}
.PostType1.TooLate:not(.EmptyMeal):before {
	content: 'Ce plat n’est plus disponible. \A Rdv la semaine prochaine';
	position: absolute;
	left: 25%;
	right: 25%;
	top: 25%;
	text-align: center;
	background: var(--Black75);
	padding: 15px;
	z-index: 2;
	border-radius: 0 15px 0 15px;
	color: var(--MainColor);
	opacity: 0;
	white-space: pre-wrap;
	line-height: 20px;
}
.PostType1.TooLate:hover:before {
	opacity: 1;
	transform: translate(0px, 10px);
}

/* ------------------------------ */
/* TIME LEFT */
/* ------------------------------ */

#ArticleContent h3.TakeOff {
	font-weight: normal;
	font-size: 16px;
}
#ArticleContent h3.TakeOff b {
	color: var(--MainColor);
}

/* ------------------------------ */
/* TIME LEFT */
/* ------------------------------ */

/*
.TimeLeft {
	position: absolute;
	left: 2rem;
	bottom: 1rem;
	z-index: 1;
}
*/
.main-article .TimeLeft {
	position: inherit;
	left: auto;
	float: left;
	top: 5px;
	margin-right: 15px;
	border: 1px solid var(--LightBeige);
	padding: 5px;
}
.TimeLeft time {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 1px;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	color:  #fff; /* var(--Gris); */
}
.TimeLeft time::before {
	content: '';
	display: inline-block;
	width: 13px;
	min-width: 13px;
	height: 13px;
	background: transparent url(../../images/svg/Clock.svg) no-repeat center / 13px auto;
}
.ArdoiseBg .TimeLeft time,
.PaperBeigeBg .TimeLeft time,
#ArticleContent .TimeLeft time {
	color: var(--Gris);
}
.TimeLeft div {
	color: var(--MainColor);
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	line-height: 10px;
}

/* ------------------------------ */
/* … */
/* ------------------------------ */

section#ArticleContent.PaperBg {
	color: var(--Black75);
}
.WideImage img{
	width: 100%;
}
.banner-item:after {
	content: 'Photo non contractuelle';
	position: absolute;
	left: 20px;
	z-index: 1;
	bottom: 20px;
	text-align: center;
	mix-blend-mode: color-dodge;
	color: var(--MainColor);
	opacity: .75;
}
@media (max-width: 768px) {
	.WideImage img{
		height: 100%;
		width: auto;
	}
}
/* ------------------------------ */
/* CART */
/* ------------------------------ */

ul.PriceList,
ul.PriceList li > div,
#CartList li > div {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
ul.PriceList li {
	position: relative;
}
.main-price #OrderInfo {
	background: var(--Alerte75);
	color: #fff;
	text-align: center;
	padding: 5px 0;
}
.main-price #OrderInfo:before,
#TakeOffDetail > h3:not(.Completed):before {
	content: '';
	background: url(../../images/svg/Arrow.svg) no-repeat;
	position: absolute;
	width: 30px;
	height: 30px;
	right: 2.5rem;
	bottom: -1.5rem;
	pointer-events: none;
	z-index: 1;
}
#TakeOffDetail > h3.CompleteTakeOffDate:not(.Completed):before,
#TakeOffDetail > h3.CompleteTakeOffDate.Hour:not(.Completed):before {
	top: auto;
	bottom: 7px;
	left: 0px;
	right: auto;
	background: url(../../images/svg/ArrowLeft.svg) no-repeat;
}
#TakeOffDetail > h3.CompleteTakeOffDate.Hour:not(.Completed):before {
	left: calc(66.6666% - 20px);
}
.main-price {
	background: #fff;
	box-shadow: 0 0 30px -5px rgb(0 0 0 / 50%);
	border-radius: 0 30px 0 30px;
	z-index: 1;
}
ul.PriceList.TooLate {
	pointer-events: none;
	cursor: not-allowed !important;
}
ul.PriceList.TooLate li {
	opacity: .2;
}
ul.PriceList.TooLate:before {
	content: 'Ce plat du jour n’est plus disponible';
	position: absolute;
	z-index: 5;
	background: rgba(255,255,255,.95);
	color: #000;
	top: 10%;
	left: 10%;
	right: 10%;
	text-align: center;
	padding: 15px;
	box-shadow: 0 0 30px -5px rgb(0 0 0 / 50%);
}
@media (min-width: 768px) {
	.main-price {
		margin-top: -120px;
		position: sticky;
		top: 120px;
	}
}
.main-price h2 {
	padding: 15px;
	color: #fff;
	background: var(--Gris);
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	border-radius: 0 30px 0 0;
/* 	margin-bottom: 5px; */
}
.main-price h2 img {
	height: 35px;
	display: inline-block;
	vertical-align: middle;
}
.main-price select.OrderSelect {
	background: var(--Black05) url(../../images/svg/Chevron.svg) no-repeat right 15px center / 15px;
	border: none;
	padding: 10px;
	border-radius: 0 0 0 15px;
	outline: none;
	text-transform: capitalize;
	color: var(--Black75);
}
select#TakeOffHours {
	border-radius: 0 0 15px 0;
}
.PriceList button,
#CartList button {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	border-radius: 30px;
	border: none;
	padding: 0;
}
.PriceList .Plus button,
#CartList .Plus button {
	background: var(--LightBeige) url(../../images/svg/Plus.svg) scroll no-repeat center / 10px;
}
.PriceList .Minus button,
#CartList .Minus button {
	background: var(--Black20) url(../../images/svg/Minus.svg) scroll no-repeat center / 10px;
}
#CartList .Trash button {
	background: var(--Black50) url(../../images/svg/Trash.svg) scroll no-repeat center / 17px;
}
.PriceList .Plus button:hover,
#CartList .Plus button:hover {
	background: var(--MainColor) url(../../images/svg/Plus.svg) scroll no-repeat center / 10px;
}
.PriceList .Minus button:hover,
#CartList .Minus button:hover {
	background: var(--Black30) url(../../images/svg/Minus.svg) scroll no-repeat center / 10px;
}
#CartList .Trash button:hover {
	background: var(--Black30) url(../../images/svg/Trash.svg) scroll no-repeat center / 17px;
}
.PriceList .PriceBtn.Plus.ToDo button {
	box-shadow: 0 0 0px 10px var(--Alerte75);
	background: var(--Alerte75) url(../../images/svg/Plus.svg) scroll no-repeat center / 10px;
}
.PriceList li,
#CartList li {
	display: block;
	background: var(--Black05);
	border-radius: 0 15px 0 15px;
}
#CartList {
	max-height: 70vh;
	overflow: auto;
}
#CartList li {
	background: none;
}
#CartList li.ItemTitle,
#CartList li.ItemSubTotal,
#CartList li.ItemTotal,
#CartMainTotal {
	color: var(--Gris);
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 0 0 0px;
	display: inline-block;
	background: none;
	width: 100%;
	font-size: 24px;
	line-height: normal;
}
#CartList li.ItemTitle {
	font-size: 18px;
}
#CartList li.ItemSubTotal,
#CartList li.ItemSubTotal input {
	padding: 5px 0 0;
	border-top: 1px solid var(--Black30);
	border-radius: 0;
	font-size: 14px;
	color: var(--Black30);
}
#CartList li.ItemSubTotal .SubTotal,
#CartList li.ItemTotal .Total,
#CartMainTotal .Total {
/* 	float: right; */
	font-size: 20px;
}
#CartList li.ItemSubTotal .SubTotal input[type="text"] {
	padding: 0;
}
#CartList li.EmptyCart {
/* 	border: 1px solid var(--Gris); */
	color: var(--Gris);
	text-align: center;
	text-transform: uppercase;
}
.ItemTitle .SubTitle {
	display: inline;
	color: var(--Gris);
	font-size: 12px;
	padding-left: 5px;
	margin-left: 5px;
	border-left: 1px solid var(--Gris);
}
.ItemTitle .SubTitle.Important {
	color: var(--Alerte);
	border: none;
	line-height: normal;
}
.Alert.Error {
	background: var(--Alerte) url(../../images/svg/Warning.svg) no-repeat scroll center left 5px / auto 70%;
	color: #fff;
	border-radius: 15px 0 15px 0;
}
.OpeningDate {
	background: #fff url(../../images/svg/OpeningTimeBeige.svg) no-repeat scroll center left 5px / auto 70%;
	color: var(--MainColor);
	border-radius: 0 15px 0 15px;
	padding: 3px 8px 3px 30px;
	display: inline-block;
	font-weight: bold;
	/* text-transform: uppercase; */
}
.ArdoiseBg .OpeningDate {
	color: #fff;
	background: var(--MainColor) url(../../images/svg/OpeningTime.svg) no-repeat scroll center left 5px / auto 70%;
}
#CartList li.EmptyCart img {
	width: 100px;
	margin: auto;
	display: block;
}
.PriceName {
	color: var(--MainColor);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 15px;
	font-size: 14px;
}
.PriceDetail {
	color: var(--Gris);
	line-height: normal;
}
.PriceDetail sup {
	font-size: 11px;
}
.PriceList .Plus button:active {
	background-color: var(--Gris);
	transform: scale(1.15);
}
.PriceList li[data-minus="0"] .PriceBtn.Minus,
#CartList li[data-minus="1"] .PriceBtn.Minus {
	opacity: .2;
}
.PriceList li:before,
#CartList li[data-minus]:before {
	content: attr(data-minus);
	background: var(--GrisLight); /* var(--MainColor); */
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	text-align: center;
	border-radius: 25px;
	top: calc(50% - 15px);
	left: -15px;
}
.PriceList li:not([data-minus="0"]):before {
	background: var(--Alerte75);
}
#CartList li[data-minus]:before {
	left: 10px;
}
.PriceList li.Added:before,
#CartList li.Added:before {
	transform: scale(1.35);
	background: var(--Gris);
}
a.RemoveItem {
	color: var(--Gris);
	font-size: 12px;
}

button#OrderBtn,
button#AddToCart,
button#OrderByCall {
	border-radius: 0 15px 0 15px;
/* 	width: calc(100% - 30px); */
/* 	margin: 0 15px 15px; */
	font-size: 18px;
	background: var(--MainColor);
}
button#OrderBtn {
	width: 100%;
	margin: 0;
}
button#AddToCart,
button#OrderByCall,
button#OrderBtn {
	margin: 0;
	font-size: 16px;
	line-height: 17px;
}
button#AddToCart:not([disabled]):hover,
button#OrderByCall:not([disabled]):hover,
button#OrderBtn:not([disabled]):hover {
	padding-left: 5px !important;
}
button#AddToCart,
button#OrderBtn {
	border-radius: 0 0 0 15px;
}
button#OrderByCall {
	border-radius: 0 15px 0 0;
	background: var(--DarkBeige);
/* 	box-shadow: 110px 0 35px -100px var(--DarkBeige) inset; */
}
button#AddToCart:not([disabled]):hover,
button#AddToCart:focus,
button#OrderBtn:hover,
button#OrderBtn:focus,
button#OrderByCall:not([disabled]):hover,
button#OrderByCall:focus {
	background: var(--Dark);
}
.main-price h3 {
	font-weight: bold;
	margin: 10px 0;
	border-bottom: 1px solid;
	color: var(--Black50);
	letter-spacing: 0;
}
input[name="PriceTotal"],
#CartList li.ItemSubTotal .SubTotal input[type="text"],
#CartMainTotal .Total input[type="text"] {
	border: none;
	text-align: right;
	background: transparent;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	outline: none;
	appearance: none;
}
.ShopOrCall:after {
	content: 'ou';
	position: absolute;
	color: var(--MainColor);
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	width: 30px;
	height: 30px;
	line-height: 30px;
	pointer-events: none;
	font-size: 11px;
	text-align: center;
	border-radius: 30px;
	background: #fff;
	box-shadow: 10px 0 10px 0 rgb(0 0 0 / 15%);
	font-weight: bold;
	text-transform: uppercase;
}
/*
.ShopOrCall.Disabled:after {
	background: none;
	box-shadow: none;
}
*/
.ShopOrCall:not(.Disabled):hover:after {
	top: -15px;
}

/* ------------------------------ */
/* … */
/* ------------------------------ */

#sidebar-wrapper {
	z-index: 1031;
	position: fixed;
	right: -500px;
	width: 450px;
	top: 0;
	bottom: 0;
/* 	height: 100%; */
/*
	overflow-y: auto;
	overflow-x: hidden;
*/
	background: transparent url(../../images/Paper-4.jpg);
	left: auto;
	box-shadow: -50px 0 45px 0px var(--Black50);
}
@media (max-width: 768px) {
	#sidebar-wrapper {
		bottom: 42px;
		border: none;
		width: 0;
/* 		overflow: auto; */
	}
	#sidebar-wrapper.toggled {
		left: 40px;
		width: auto;
	}
	#CartList {
		max-height: 50vh;
	}
}
#sidebar-wrapper.toggled {
	right: 0;
}
.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--Black50);
	z-index: 1;
}
#sidebar-wrapper::-webkit-scrollbar,
.boumchtatrap {
	display: none;
}
#sidebar-wrapper button.Close {
	text-align: left;
	background: transparent;
	border: none;
	left: -70px;
}

/* ------------------------------ */
/* MODAL */
/* ------------------------------ */

.modal-content {
	border-radius: 0 15px 0 15px;
}
.modal-header {
	padding: 30px 20px 30px;
	background: url(../../images/svg/LeBonheurDuJourBlackBeigeWide1Line.svg) no-repeat top 15px center / auto 40px;
	border: none;
}
.DarkBg .modal-header {
	padding: 30px 20px 30px;
	background: url(../../images/svg/LeBonheurDuJourWhiteBeigeWide.svg) no-repeat top 15px center / auto 40px;
	border: none;
}
.modal-body #DetailSell li {
	color: var(--Gris);
}
.modal-body #DetailSell li .ItemPrice {
	text-align: right;
}
@media (max-width: 768px) {
	#OrderFormModal .modal-body {
		padding: 10px !important;
	}
}

/* ------------------------------ */
/* SAVEUR */
/* ------------------------------ */

li.Cursor.Taste {
	background: var(--Black05);
	color: #fff;
	padding: 5px;
	margin-bottom: 10px;
	position: relative;
	border-radius: 0 15px 0 15px;
	height: 35px;
}
li.Cursor.Taste:before {
	content: attr(data-taste);
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	background: var(--MainColor50);
	z-index: 0;
	border-radius: 0 15px 0 15px;
	line-height: 25px;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
li.Cursor.Taste:hover:before {
	background: var(--MainColor);
}
li.Cursor.Taste.w25:before {
	width: 25%;
}
li.Cursor.Taste.w50:before {
	width: 50%;
}
li.Cursor.Taste.w75:before {
	width: 75%;
}
li.Cursor.Taste.w100:before {
	width: 100%;
}
li.Cursor.Taste ul li {
	width: 20%;
	display: inline-block;
	height: 4px;
	color: var(--Black20);
}

/* ------------------------------ */
/* ALLERGY */
/* ------------------------------ */

li.AllergyIcon {
	padding-left: 36px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	line-height: normal;
	border-left: 1px solid var(--Black20);
	display: inline-block;
}
li.AllergyIcon.Gluten {
	background-image: url(../../images/svg/Gluten.svg);
}
li.AllergyIcon.Crustace {
	background-image: url(../../images/svg/Crustace.svg);
}
li.AllergyIcon.Oeuf {
	background-image: url(../../images/svg/Oeuf.svg);
}
li.AllergyIcon.Poisson {
	background-image: url(../../images/svg/Poisson.svg);
}
li.AllergyIcon.Arachide {
	background-image: url(../../images/svg/Arachide.svg);
}
li.AllergyIcon.Soja {
	background-image: url(../../images/svg/Soja.svg);
}
li.AllergyIcon.Lait {
	background-image: url(../../images/svg/Lait.svg);
}
li.AllergyIcon.FruitACoque {
	background-image: url(../../images/svg/FruitACoque.svg);
}
li.AllergyIcon.Celeri {
	background-image: url(../../images/svg/Celeri.svg);
}
li.AllergyIcon.Moutarde {
	background-image: url(../../images/svg/Moutarde.svg);
}
li.AllergyIcon.Sesame {
	background-image: url(../../images/svg/Sesame.svg);
}
li.AllergyIcon.Sulfite {
	background-image: url(../../images/svg/Sulfite.svg);
}
li.AllergyIcon.Lupin {
	background-image: url(../../images/svg/Lupin.svg);
}
li.AllergyIcon.Molusque {
	background-image: url(../../images/svg/Molusque.svg);
}

/* ------------------------------ */
/* CAROUSEL MULTI-COLONNE */
/* ------------------------------ */

#CarouselMultiCol .TitleSquare {
	border-radius: 0 15px 0 15px;
}
#CarouselMultiCol .TitleSquare + h3 {
	background: #fff;
	position: absolute;
	left: 3vh;
	top: auto;
	bottom: 4vh;
	right: 3vh;
	letter-spacing: 0;
	padding: .75vh .75vh 1vh;
	line-height: normal;
	font-size: 16px;
	border-radius: 0 15px 0 15px;
	width: auto;
	text-align: center;
}
#CarouselMultiCol .CristmasMenu .TitleSquare h3 {
	background: var(--MainColor);
	color: #fff;
}
#CarouselMultiCol .LoveMenu .TitleSquare h3 {
	background: var(--Rose);
	color: #fff;
}
#CarouselMultiCol a:hover {
	color: var(--MainColor);
}
@media (max-width: 768px) {
	#CarouselMultiCol .TitleSquare h3 {
		font-size: 12px;
/*
		left: 8px;
		right: 8px;
*/
		line-height: 13px;
/* 		bottom: 8px; */
	}
}

#CarouselMultiCol .TitleSquare a.custom-button {
	bottom: 2.75vh;
	position: absolute;
	font-size: 14px;
	right: 4vh;
}
#CarouselMultiCol .SliderBtn {
	text-align: right;
}

/* ------------------------------ */
/* DETAILSELL MODAL ORDER FORM */
/* ------------------------------ */

#DetailSell {
	display: inline-block;
	float: none;
	background: #fff;
	box-shadow: 0 0 30px -5px rgb(0 0 0 / 50%);
	padding: 1em;
	border-radius: 15px 0 15px 0;
	margin-bottom: 1em;
}
#DetailSell > ul li,
.DetailTranscation li {
	line-height: 14px;
	font-size: 14px;
	font-family: monospace;
}
#DetailSell .InfoPayment {
	color: var(--Gris);
	border: 1px solid var(--Gris);
	font-size: 12px;
	line-height: normal;
}
span.Stabilo {
	background: rgb(255 255 0 / 50%);
}
#DetailSell .InfoPayment li {
	list-style: square inside;
}
#OrderFormBtn h3.Merci {
	text-align: center;
	color: var(--Green);
}
div#OrderFormDetail {
	color: var(--Gris);
	float: none;
	display: inline-block;
}
form#OrderForm > div {
	background: var(--MainColor);
	display: inline-block;
}
form#OrderForm label {
	margin: 0;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
}
#OrderForm input {
	border: none;
}
form#FormulaireContact {
	position: relative;
}
form#FormulaireContact.Saving {
	pointer-events: none;
}
form#OrderForm.Saving:before,
form#FormulaireContact.Saving:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--MainColor50) url(../../images/svg/tail-spin.svg) no-repeat scroll center / 150px;
	z-index: 1;
	pointer-events: none;
}
.alert.alert-danger.ajax {
	background: var(--Alerte75) !important;
	display: inline-block !important;
	color: #fff;
	width: 100%;
}

/* ------------------------------ */
/* MAINTENANCE MODE */
/* ------------------------------ */

.MaintenanceMode {
	position: fixed;
	top: 20%;
	left: 0;
	right: 0;
	padding: 15px;
	background: var(--Alerte75);
	z-index: 100000;
	text-align: center;
}

/* ------------------------------ */
/* COOKIES */
/* ------------------------------ */

.cc-window {
	border-radius: 15px 0 15px;
	color: #fff;
	background-color: var(--Black75);
}
.cc-window .cc-compliance .cc-btn {
	text-decoration: none;
	color: #fff;
	border-color: transparent;
	background-color: var(--Gris);
}
span#cookieconsent\:desc {
	background: url(../../images/svg/cookies.svg) no-repeat scroll top center / 100px;
	padding-top: 120px;
}
.cc-window .cc-compliance .cc-btn:hover,
.cc-window .cc-compliance .cc-btn:focus {
	background-color: #fff !important;
	color: var(--Black75) !important;
	border-color: var(--Black20) !important;
	text-decoration: none;
}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape)
{
	.cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
		left: 2vh !important;
		right: 2vh !important;
		bottom: 80px !important;
		box-shadow: 0 0 0px 260px rgb(255 255 255 / 90%);
	}
}

/* ------------------------------ */
/* DETAIL SELL TABLE */
/* ------------------------------ */

#DetailSell th {
		background: #c69c6d;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		padding-left: 10px;
	}
#DetailSell table tr td {
	padding-left: 10px;
	line-height: 14px;
	padding: 10px;
	vertical-align: middle;
	font-weight: normal;
	width: auto;
	border: none;
}
#DetailSell table tr.TakeOff {
	color: #c69c6d;
}
#DetailSell table tr.TakeOff td {
	padding-top: 0;
}
#DetailSell table tr.TakeOff,
#DetailSell table tr.TrItem,
#DetailSell table tr td.SubTotalPriceTitle,
#DetailSell table tr td.SubTotalPriceItem {
	border-left: 1px solid #efe4d6;
	border-right: 1px solid #efe4d6;
}
#DetailSell table tr td.ItemPrice {
	font-weight: bold;
}
#DetailSell table tr td.ItemQty {
	text-align: center;
}
#DetailSell table tr td.SubTotalPriceTitle,
#DetailSell table tr td.SubTotalPriceItem {
	background: #efe4d6;
}
#DetailSell table tr td.TotalPriceItem {
	font-size: 16px;
}
#DetailSell table tr td.TotalPriceItem,
#DetailSell table tr td.SubTotalPriceItem,
#DetailSell table tr td.ItemPrice {
	text-align: right;
}
#DetailSell table tr td.TotalPriceTitle,
#DetailSell table tr td.TotalPriceItem {
	background: #282526;
	color: #fff;
}
img.PixCol-12 {
	max-width: 100%;
}

/* ------------------------------ */
/* RETOUR COMMANDE */
/* ------------------------------ */

.rapport_envoi, .rapport_erreur {
	text-align: center;
	margin: auto;
	display: block;
	max-width: 400px;
	background: var(--Green);
	color: #fff;
	padding: 10px;
	border-radius: 25px 0;
}
.rapport_erreur {
	background: var(--Alerte);
}
.rapport_envoi h2 {
	display: none;
}

/* ------------------------------ */
/* HOMEMADE */
/* ------------------------------ */

p.HomeMade {
	color: var(--Alerte75);
	display: inline;
	padding: 5px;
}
section#ArticleContent p.HomeMade {
	float: left;
	width: 100%;
	text-align: center;
}
img.HomeMadeIcon {
	height: 45px;
	display: inline-block;
	padding-right: 10px;
	vertical-align: bottom;
}
#PlatsDeLaSemaine .main-heading > h1,
#PlatsClassiques .main-heading > h1,
body.LesPlats #ListItem .main-heading > h1,
#SlideBannerBox .carousel-item .BgWhite20 > h2,
.CarouselMultiCol .main-heading h1 {
	position: relative;
}
/*
#PlatsDeLaSemaine .main-heading > h1:before,
#PlatsClassiques .main-heading > h1:before,
body.LesPlats #ListItem .main-heading > h1:before,
#SlideBannerBox .carousel-item .BgWhite20 > h2:before {
	content: 'Fait maison à partir de produits frais';
	background: var(--Alerte75);
	color: #fff;
	position: absolute;
	transform: rotate(-2deg);
	font-size: 14px;
	padding: 2px 5px;
	top: -10px;
	z-index: -1;
	left: -5px;
	border-radius: 10px 0;
}
*/
/*
#PlatsDeLaSemaine .main-heading > h1:before, 
#PlatsClassiques .main-heading > h1:before, 
body.LesPlats #ListItem .main-heading > h1:before, 
*/
#SlideBannerBox .carousel-item .BgWhite20 > h2:before,
.CarouselMultiCol .main-heading h1:before,
#PlatsDeLaSemaine .main-heading h1:before,
#PlatsClassiques .main-heading h1:before {
	content: '';
	background: url(../../images/svg/HomeMade-White.svg) no-repeat;
	position: absolute;
	width: 100px;
	height: 100px;
	top: -100px;
	z-index: -1;
	right: 0;
}
.CarouselMultiCol.PaperBg .main-heading h1:before,
#PlatsDeLaSemaine.PaperBg .main-heading h1:before,
#PlatsClassiques.PaperBg .main-heading h1:before {
	background: url(../../images/svg/HomeMade-Black.svg) no-repeat;
}
.CarouselMultiCol .main-heading h1:before,
#PlatsDeLaSemaine .main-heading h1:before,
#PlatsClassiques .main-heading h1:before {
	top: calc(50% - 50px);
	z-index: 0;
}

/* ------------------------------ */
/* ORDER UNTIL */
/* ------------------------------ */

p.OrderUntil {
	background: var(--MainColor);
	float: left;
	padding: 5px;
	width: 100%;
	text-align: center;
	color: #fff;
	margin: 10px 0 10px;
}
/* ------------------------------ */
/* HOW IT WORKS */
/* ------------------------------ */

.HowItWorksBg .PostType1 .Detail[data-step]:before {
	content: attr(data-step);
	position: absolute;
	font-size: 80px;
/* 	font-weight: bold; */
	left: 0;
	top: 0;
	width: 40px;
	text-align: left;
	z-index: 1;
	opacity: .2;
}
.HowItWorksBg .PostType1:hover {
	background: var(--Black10);
	border-radius: 0 25px 0 0;
}
.HowItWorksBg b.FakeButton {
	color: var(--MainColor);
	background: #fff;
	padding: 1px 7px;
	font-size: 14px;
	cursor: auto;
	border-radius: 3px;
	display: inline-block;
}
.HowItWorksBg .PostType1.actif {
	background: var(--Black10);
}
section#HowItWorks .main-heading h2 {
	border-top: 1px solid var(--Black30);
	padding-top: 10px;
	margin-top: 10px;
}
.HowItWorksBg .Detail h2 {
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}
.HowItWorksBg .Detail h3 {
	font-size: 12px;
	text-align: center;
	opacity: .8;
	color: #fff;
	line-height: 14px;
}
.HowItWorksBg img {
	width: 100px;
	margin: auto;
	display: block;
}
.HowItWorksBg [data-info] {
	display: none;
	background: var(--Black10);
	padding: 15px;
	border-radius: 0 0 0 25px;
}
.HowItWorksBg [data-info] ol {
	column-count: 4;
	counter-reset: listNumbering;
}
.HowItWorksBg [data-info="1"] > div,
.HowItWorksBg [data-info="2"] > div {
	column-count: 3;
	display: inline-block;
}
.HowItWorksBg [data-info="2"] > div {
	column-count: 2;
}
.HowItWorksBg [data-info] > div p {
	border-left: 2px solid var(--MainColor);
	padding-left: 10px;
}
.HowItWorksBg [data-info] ol li {
	position: relative;
	counter-increment: listNumbering;
	padding-left: 40px;
	display: inline-block;
	line-height: normal;
	margin-bottom: 20px;
	max-width: 100%;
}
.HowItWorksBg [data-info] ol li:before {
	content: counter(listNumbering,decimal) ' ';
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	width: 40px;
	overflow: hidden;
	opacity: .3;
	text-align: right;
	padding-right: 5px;
	top: -5px;
}
.HowItWorksBg [data-info] ol li:after {
	content: '';
	position: absolute;
	width: 0;
	border-left: 1px solid var(--MainColor);
	top: 23px;
	bottom: 0;
	left: 28px;
}
.HowItWorksBg [data-info] ul,
.HowItWorksBg [data-info] ul li {
	display: inline-block;
}
.HowItWorksBg [data-info] ul li {
	padding-left: 5px;
	border-left: 4px solid var(--MainColor);
	margin-left: 5px;
	line-height: 14px;
}

/* ------------------------------ */
/* CRISTMAS MENU */
/* ------------------------------ */

.carousel-item.item .SpecialMenu {
	position: relative;
}
.SpecialMenu:before,
.SpecialMenu .TitleSquare h3:after,
#ArticleContent.SpecialMenu .main-heading h1:after,
#PlatsClassiques .SpecialMenu:after,
#CarouselMultiCol .SpecialMenu .TitleSquare h3:before,
#SlideBannerBox .SpecialMenu .BgWhite20:after,
#ListItem .SpecialMenu .ImageBg:after {
	content: '';
	position: absolute;
	left: .5rem;
	right: .5rem;
	top: .5rem;
	bottom: .5rem;
	z-index: 1;
	pointer-events: none;
}
.CristmasMenu:before,
.CristmasMenu .TitleSquare h3:after,
#ArticleContent.CristmasMenu .main-heading h1:after,
#PlatsClassiques .CristmasMenu:after,
#CarouselMultiCol .CristmasMenu .TitleSquare h3:before,
#SlideBannerBox .CristmasMenu .BgWhite20:after,
#ListItem .CristmasMenu .ImageBg:after {
	mix-blend-mode: lighten;
	background: transparent url(../../images/Stars.png) no-repeat right top / 100%;
}
.LoveMenu:before,
.LoveMenu .TitleSquare h3:after,
#ArticleContent.LoveMenu .main-heading h1:after,
#PlatsClassiques .LoveMenu:after,
#CarouselMultiCol .LoveMenu .TitleSquare h3:before,
#SlideBannerBox .LoveMenu .BgWhite20:after,
#ListItem .LoveMenu .ImageBg:after {
	background: transparent url(../../images/Hearts.png) no-repeat right top / 100%;
	opacity: .8;
}
#CarouselMultiCol .SpecialMenu .TitleSquare h3:before {
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
}
.SpecialMenu .TitleSquare h3:after,
#ListItem .SpecialMenu .ImageBg:after {
	max-height: 30px;
	top: -25px;
	filter: drop-shadow(0px 0px 10px var(--Black50));
	mix-blend-mode: inherit;
}
.CristmasMenu .TitleSquare h3:after,
#ListItem .CristmasMenu .ImageBg:after {
	background: transparent url(../../images/svg/MenudeFete-Blanc.svg) no-repeat center top / auto 30px;
}
.LoveMenu .TitleSquare h3:after,
#ListItem .LoveMenu .ImageBg:after {
	background: transparent url(../../images/svg/MenuStValentin-Blanc.svg) no-repeat center top / auto 30px;
}
#ListItem .SpecialMenu .ImageBg:after {
	top: 50%;
}
.SpecialMenu:hover:before {
	transform: translate(0px, 10px);
}
#ArticleContent.SpecialMenu:before {
	z-index: 1;
	bottom: 30%;
	top: 0;
	left: 0;
	right: 0;
}
#ArticleContent.CristmasMenu:before {
	background: transparent url(../../images/StarsBig.png) no-repeat right top / cover;
	mix-blend-mode: color-dodge;
}
#ArticleContent.LoveMenu:before {
	background: transparent url(../../images/HeartsBig.png) no-repeat right top / cover;
	opacity: .8;
}
#ArticleContent.SpecialMenu:hover:before {
	transform: translate(0px, -30px);
}
#SlideBannerBox .SpecialMenu .BgWhite20:after {
	mix-blend-mode: hard-light;
}
#ArticleContent.CristmasMenu .main-heading h1:after {
	background: transparent url(../../images/svg/MenudeFete-Beige.svg) no-repeat left top / auto 30px;
	max-height: 30px;
	top: -30px;
	mix-blend-mode: inherit;
	right: auto;
	width: 250px;
	left: 10px;
}
#ArticleContent.SpecialMenu .main {
	background: var(--White50);
	box-shadow: -30px 30px 35px -15px var(--Black20);
	padding-bottom: 30px;
	padding-top: 40px;
}
#PlatsClassiques .SpecialMenu:before {
	top: 0;
	bottom: auto;
	height: 200px;
	right: 15px;
}
#PlatsClassiques .SpecialMenu.CristmasMenu:before {
	background: transparent url(../../images/Stars.png) no-repeat right top / contain;
}
#PlatsClassiques .SpecialMenu.LoveMenu:before {
	background: transparent url(../../images/Hearts.png) no-repeat right top / contain;
}
#PlatsClassiques .CristmasMenu:after {
	background: transparent url(../../images/svg/MenudeFete-Blanc.svg) no-repeat center top 15px / auto 30px;
	height: 200px;
	filter: drop-shadow(0px 0px 10px var(--Black50));
	mix-blend-mode: inherit;
}

/* ------------------------------ */
/* 404 ERROR */
/* ------------------------------ */

#Error404 .error-texts {
	padding-top: 40vh;
	position: relative;
}
/*
#Error404 .error-texts:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../../images/Miette.png) no-repeat center;
}
*/