/*TOOLBOX*/
.flex{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: var(--default-flex-wrap);
}
.flexsep{ margin: auto;}
.f-nowrap{ flex-wrap: nowrap;}
.f-center{ 	justify-content: center;}
.f-end{ justify-content: flex-end;}
.f-between{ justify-content: space-between;}
.f-column{ flex-direction: column;}
.f-wrap{ flex-wrap: wrap;}

.pads{ padding: var(--padding-small);}
.padm{ padding: var(--padding-medium);}
.padl{ padding: var(--padding-large);}
.mars{ margin: var(--margin-small);}
.marm{ margin: var(--margin-medium);}
.marl{ margin: var(--margin-large);}

.left{ text-align: left;}
.center{ text-align: center;}
.right{ text-align: right;}

._pc{
	display: none;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin:0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button {
	-o-appearance: none;
	margin:0
}

.btn-std{
	border-radius: var(--border-radius-small);
	margin: var(--margin-medium) auto;
	width: fit-content;
	width: -moz-fit-content;
	cursor: pointer;
}
.btn-std.no-marg{
	margin: 0;
}

.small-link{
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
}
.w25{ width: 25%;}
.w30{ width: 30%;}
.w50{ width: 50%;}
.w70{ width: 70%;}
.w75{ width: 75%;}
.w100{ width: 100%;}
.w600{ max-width: 600px; margin: auto;}
.h100{ height: 100%; position: relative; }

.scroll{ overflow-y: auto;}
a{ text-decoration: initial;color: inherit;}
a:visited{ color: inherit;}

h1, .h1-like{font: var(--font-weight-h1) var(--font-size-h1)/var(--line-height-h1) var(--font-family-h1);}
h2, .h2-like{font: var(--font-weight-h2) var(--font-size-h2)/var(--line-height-h2) var(--font-family-h2);}
h3, .h3-like{font: var(--font-weight-h3) var(--font-size-h3)/var(--line-height-h3) var(--font-family-h3);}
h4, .h4-like{font: var(--font-weight-h4) var(--font-size-h4)/var(--line-height-h4) var(--font-family-h4);}
h5, .h5-like{font: var(--font-weight-h5) var(--font-size-h5)/var(--line-height-h5) var(--font-family-h5);}
h6, .h6-like{font: var(--font-weight-h6) var(--font-size-h6)/var(--line-height-h6) var(--font-family-h6);}

/*  ==  GLOBAL  ==  */
body{
	background-color: var(--bg-1st-color);
	color: var(--fg-1st-color);
	font: var(--font-weight-1st) var(--font-size-1st)/var(--line-height-1st) var(--font-family-1st);
}
.dual-viewport, .drive-viewport{
	overflow: hidden;
	height: 100%;
}
.lnk1{
	color: var(--bg-2nd-color);
	text-decoration: underline;
}
.lnk2{
	color: var(--fg-2nd-color);
}
.main-content{
	overflow: auto;
}
/*  ==  LINKBAR  ==  */
.linkbar{
	font-weight: var(--font-weight-2nd);
	background-color: var(--bg-3rd-color);
	display: none;
}
.linkbar .link:hover{
	text-decoration: underline;
}
/*  ==  HEADER  ==  */
header{
	background-color: var(--bg-2nd-color);
	color: var(--fg-2nd-color);
	position: relative;
	z-index: 110;
	box-shadow: 0 2px 2px 0 #0002;
}
header .topline{
	display: flex;
	align-items: center;
	min-height: 60px;
}
.bottom-bar{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 var(--padding-large);
}
.logo{
	height: 60px;
	padding: var(--padding-small) var(--padding-small) var(--padding-small) 0;
}

.retrait-mobile .link{
	font-size: 12px;
}
header .search{
	margin: 0 0 0 auto;
}
.header-btn{
	position: relative;
	height: 50px;
	width: 50px;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	cursor: pointer;
	transition-duration: 250ms;
}
.header-btn:not(._pc){
	display: flex;
}
.header-btn:hover{
	background: #0002;
}
.bottom-logo-header {
	position: absolute;
	top: 75%;
	right: 0;
	left: 0;
}
.indice-panier {
	font-size: 9px;
	font-weight: 600;
	position: absolute;
	top: 6px;
	right: 7px;
	background-color: var(--bg-4th-color);
	color: var(--fg-1st-color);
	padding: 1px 7px;
	border-radius: 50px;
}
.menu-button{
	font-size: 20px;
}
/*  ==  PANIER  ==  */
.panier-viewport{
	position: fixed;
	top: 0;
	right: -100%;
	bottom: 0;
	width: calc(100% - 40px);
	transition-duration: 500ms;
	max-width: 400px;
	z-index: 1000;
}
.panier-viewport.panier-open{
	right: 0;
}
.panier{
	width: 100%;
	height: 100%;
	background: var(--fg-2nd-color);
	box-shadow: -2px 0 2px #0002;
}
.panier-header{
	height: 50px;
	padding: 0 var(--padding-medium);
}
.panier-content{
	height: calc(100% - 222px);
	overflow-y: auto;
}
.panier-recap{
	height: 168px;
	padding: var(--padding-medium);
}
.panier-sep{
	width: calc(100% - 20px);
	margin: auto;
	height: 2px;
	border-radius: 2px;
	background: var(--fg-3rd-color);
}
.panier-vide{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	font-size: 27px;
	font-weight: 600;
}
.panier-vide-img{
	background: no-repeat center /256px;
	width: 256px;
	height: 256px;
	margin: var(--margin-medium) 0;
}
.panier-total{
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	line-height: 20px;
}
.panier-total-payer{
	font-weight: 600;
}
.bouton-valider{
	background: var(--bg-4th-color);
	color: var(--fg-1st-color);
	font-size: 16px;
	font-weight: 600;
	padding: var(--padding-medium) var(--padding-large);
}
.panier-vider{
	font-size: 12px;
}
.menu-lateral-left{
	position: fixed;
	top: 0;
	left: -100%;
	bottom: 0;
	width: calc(100% - 40px);
	transition-duration: 500ms;
	max-width: 400px;
	z-index: 1000;
	background: var(--fg-2nd-color);
	box-shadow: 2px 0 2px #0002;
	overflow: auto;
}
.menu-lateral-left.menu-lateral-open{
	left: 0;
}
.btn-filtre{
	background: var(--fg-2nd-color);
	border-radius: var(--border-radius-small);
	border: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
	width: fit-content;
	width: -moz-fit-content;
}
.liste-produit{
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(151px,1fr));
	align-items: stretch;
	grid-gap: 8px;
}
.liste-produit.liste-produit-collapse{
	grid-gap: 1px;
}
.tuile-produit{
	background: var(--fg-2nd-color);
	box-shadow: 0 0 0 1px var(--fg-4th-color);
	border-radius: var(--border-radius-small);
	display: flex;
	flex-direction: column;
}
.tuile-produit .infos{
	flex-grow: 1;
}
.liste-produit-collapse .tuile-produit{
	border-radius: 0;
}
.tuile-produit .topbar{
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 34px;
}
.pdttag{
	border-radius: var(--border-radius-medium);
	color: var(--fg-2nd-color);
}
.newtag{ background: var(--fg-5th-color);}
.promotag{ background: var(--bg-4th-color);}
.photo-box{
	padding-top: 100%;
	position: relative;
}
.fiche-container .photo-box{
	padding-top: 40%;
}

.photo{
	position: absolute;
	top: 0;
	left: 5px;
	right: 5px;
	bottom: 0;
	background: no-repeat center /contain;

}
.photo.text{
	padding: 119px 5px;
	color: #FFF;
	text-align: center;
	font-weight: 800;
}
.textGrand{
	color: #FFF;
	text-align: center;
	font-size: 15px;
	font-weight: 800;
}
.photo .textSmall{
	color: #FFF;
	text-align: center;
	font-size: 12px;
}


.photo-mini{
	height: 64px;
	width: 64px;
	background: no-repeat center /contain;
	border: var(--border-large) var(--border-style-1st) var(--fg-4th-color);
}
.photo-mini.photo-selected{
	border: var(--border-medium) var(--border-style-1st) var(--fg-5th-color);
}
.tuile-produit .titre{
	/*color: var(--fg-3rd-color);*/
	font-weight: var(--font-weight-h1);
	font-size: var(--font-size-h6);
}
.tuile-produit .pdt-detail{
	font-size: var(--font-size-2nd);
	color: var(--bg-2nd-color);
}
.prix-box {
	 align-items: flex-end;
	 justify-content: flex-end;
 }
.prix-consigne{
	font-size: var(--font-size-2nd);
}
.tuile-produit .ean, .tuile-produit .origine{
	font-size: var(--font-size-2nd);
}
.pdt-fav .fas{
	color: var(--bg-5th-color);
}
.pdt-add2cart{
	height: 42px;
	width: 42px;
	border-radius: var(--border-radius-small);
	background: var(--fg-5th-color);
	color: var(--fg-2nd-color);
}
.pdt-add2cart.no-stock{
	background: #ccc;
	pointer-events: none;
}
.pdt-add2cart.pdt-txt{
	width: fit-content;
	width: -moz-fit-content;
	padding: 0 var(--padding-large);
}
.label{
	height: 42px;
	width: 42px;
	background: no-repeat center /contain;
}
.label-ab{ background-image: url("../../clientside/images/AB.svg");}
.label-lr{ background-image: url("../../clientside/images/Label_Rouge.svg");}
.label-igp{ background-image: url("../../clientside/images/IGP_inao_image_block.png");}
.rayon-title{
	border-bottom: 6px dashed var(--fg-4th-color);
	margin: var(--margin-large) 0 var(--margin-medium);
	padding: var(--padding-large) 0 0 0;
}
.rayon-title:first-child{
	padding: 0;
}
.search-header{
	margin: auto;
	background-color: var(--fg-2nd-color);
	border-radius: 100px;
	padding: 0 5px;
}
.search-header input{
	width: 350px;
	border: none;
	border-radius: 100px;
	background-color: transparent;
}
.search-header i{
	color: var(--bg-3rd-color);
	cursor: pointer;
}
.search-box{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000d;
	color: var(--fg-2nd-color);
}
.search-box:not(.search-open){
	display: none;
}
.search-close{
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: var(--font-size-h1);
}
.search-center{
	max-width: 600px;
	width: 100%;
}
.search-titre{
	font-size: var(--font-size-h1);
	font-weight: var(--font-weight-h1);
	line-height: var(--line-height-h1);
	padding: var(--padding-medium) 0;
	text-align: center;
}
.search-box input:not([type="checkbox"]), .search-box textarea, .search-box select {
	height: 50px;
	border-radius: 0;
	border: none;
	background: #fff1;
	border-bottom: 3px solid var(--fg-2nd-color);
	color: var(--fg-2nd-color);
	font-size: 20px;
	margin: var(--margin-small) 0 var(--margin-large);
}
.search-box select option{
	color: var(--fg-1st-color);
}
.search-box input:not([type="checkbox"]):focus, .search-box textarea:focus, .search-box select:focus {
	border-bottom: 3px solid var(--fg-5th-color);
}
.mobilemenu .menu-link{
	padding: var(--padding-large);
	font-size: var(--font-size-h6);
	color: var(--fg-1st-color);
	border-bottom: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
	position: relative;
}
.cat-clickable {
	width: calc(100% - 50px);
}
.mobilemenu-expand {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50px;
	transition-duration: .5s;
}
.mobilemenu-expand.open{
	transform: rotate(90deg);
}
.submenu-box{
	background: var(--fg-4th-color);
	height: 0;
	overflow: hidden;
	transition-duration: .5s;
	padding: 0 var(--padding-large);
}
.submenu-box.open{
	height: auto;
	padding: var(--padding-large);
}
.submenu-box .subm-menu-link{
	color: var(--fg-1st-color);
	padding: var(--padding-small);
}
.cat-container{
	min-height: 100%;
	padding-bottom: 1px
}
.fiche-vp, .cart-vp{
	width: 100%;
	height: calc(100% - 50px);
	overflow: auto;
}
.fiche-scroll{
	min-height: 100%;
}
.fiche-scroll.fiche-maxw{
	max-width: 1260px;
	margin: auto;
}
.fiche-scroll.fiche-altbg{
	background-color: var(--fg-2nd-color);
}
.fixed-footer{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 60px;
	background-color: var(--fg-2nd-color);
	box-shadow: 0 -2px 2px 0 #0002;
	min-height: 50px;
	z-index: 101;
	border-bottom: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
}
.fiche-sstitre{
	color: var(--bg-2nd-color);
}
.fiche-vp .pdt-fav{
	position: absolute;
	top: 5px;
	right: 5px;
}
.fiche-vp .promo-new{
	position: absolute;
	top: 5px;
	left: 5px;
}
.fiche-vp .label-box{
	position: absolute;
	bottom: 5px;
	left: 5px;
}
.fiche-description{
	padding: var(--padding-large) 0 0;
}
.nutriscore{
	background: no-repeat center /contain;
	width: 80px;
	height: 44px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.nutriscore.nutri-A{ background-image: url("../../clientside/images/nutriscore-a.svg");}
.nutriscore.nutri-B{ background-image: url("../../clientside/images/nutriscore-b.svg");}
.nutriscore.nutri-C{ background-image: url("../../clientside/images/nutriscore-c.svg");}
.nutriscore.nutri-D{ background-image: url("../../clientside/images/nutriscore-d.svg");}
.nutriscore.nutri-E{ background-image: url("../../clientside/images/nutriscore-e.svg");}
.fiche-cat{
	padding: var(--padding-large) 0 var(--padding-medium);
}
.fiche-link{
	padding: var(--padding-large) 0;
}
.fiche-prix{
	font-size: var(--font-size-h1);
	line-height: var(--line-height-h1);
}
.fiche-prix-kilo{ color: var(--bg-2nd-color)}
.ariane{
	background: var(--fg-4th-color);
	border-radius: var(--border-radius-medium);
	margin: var(--margin-medium) 0;
}
.ariane .fa-home{
	font-size: 12px;
}
.fiche-fixed .pdt-add2cart{
	margin: var(--margin-large) 0;
}
.arr-nutri {
	max-width: 450px;
	background: var(--fg-2nd-color);
}
.arr-nutri-cell {
	width: 50%;
	padding: var(--padding-small);

}
.arr-nutri-row.arr-nutri-head{
	background: var(--bg-2nd-color);
	color: var(--fg-2nd-color);
}
.arr-nutri-row:nth-child(even){
	background: var(--fg-4th-color);
}
.account-vp{
	width: 100%;
	height: 100%;
	overflow: auto;
}
.account-menu{
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
	align-items: stretch;
	grid-gap: 15px;
}
.account-tile{
	display: flex;
	align-items: center;
	border-radius: var(--border-radius-small);
	border: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
	min-height: 100%;
	transition-duration: 500ms;
}
.account-tile:hover{
	color: var(--bg-2nd-color);
}
footer{
	background: var(--bg-3rd-color);
	color: var(--fg-2nd-color);
}
.footer-logo{
	width: calc(100% - 40px);
	max-width: 150px;
	margin: auto;
	padding: var(--padding-large);
}
.footer-col{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	text-align: center;
	padding: var(--padding-medium);
}
.footer-col a{
	padding: var(--padding-small) 0;
}
.socialmedia-vp{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	font-size: 26px;
	min-width: 280px;
}
.footer-bottom{
	text-align: center;
	font-size: 14px;
	font-weight: 300;
}
.tuile-panier{
	border-radius: var(--border-radius-small);
	border: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
}
.tuile-panier-photo{
	width: 60px;
	height: 60px;
}
.tuile-panier-text{
	width: calc(100% - 60px);
}
.tuile-panier .pdt-detail, td .pdt-detail{
	font-size: var(--font-size-2nd);
	color: var(--bg-2nd-color);
}
.tuile-panier-bottom{
	justify-content: space-between;
}
.pdt-add2cart-input{
	display: flex;
}
.pdt-add2cart-minus, .pdt-add2cart-plus {
	width: 22px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--fg-5th-color);
	color: var(--fg-2nd-color);
}
.pdt-add2cart-minus{
	border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.pdt-add2cart-plus{
	border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}
.pdt-add2cart-input input.pdt-add2cart-value{
	width: 42px;
	height: 42px;
	border: var(--border-small) var(--border-style-1st) var(--fg-5th-color);
	border-radius: 0;
	text-align: center;
	text-align: -moz-center;
	text-align: -webkit-center;
}
.prix-barre{
	color: var(--bg-5th-color);
	text-decoration: line-through;
}
.login-box{
	width: 100%;
	border: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
	border-radius: 0 var(--border-radius-small);
	margin: var(--margin-large) 0;
}
.input-cp{
	padding: 0 var(--padding-small) 0 0;
	min-width: 110px;
}
input.input-readonly {
	font-family: var(--font-family-1st);
	border: none;
}
.min300 {
	min-width: 300px;
}
.account-vp input[type="radio"]{
	display: inline;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0;
	position: relative;
	top: 1px;
}

.info_account {
	align-items: flex-start;
}

.info_account > div {
	width: 100%;
}
.form-account {
	max-width: 410px;
	width: 100%;
}
.account-sep{
	height: 1px;
	background: var(--fg-1st-color);
}
.adresse-box{
	border: 1px solid var(--fg-4th-color);
	padding: var(--padding-large);
	margin: var(--margin-medium) 0;
	border-radius: var(--border-radius-small);
	position: relative;
}
.adresse-del {
	position: absolute;
	top: 10px;
	right: 10px;
}
.adresse-modif {
	position: absolute;
	top: 10px;
	right: 30px;
}
.adresse-add-box {
	font-size: var(--font-size-h1);
}
.lbl-box{
	position: relative;
}
.statut-marker{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4px;
	left: -10px;
}
.error-form .statut-marker{ background: var(--bg-5th-color);}
.success-form .statut-marker{ background: var(--fg-5th-color);}
.error-text{
	color: var(--bg-5th-color);
	display: block;
	margin: 0 0 var(--margin-medium) 0;
	font-size: var(--font-size-2nd);
}
.signin-success{
	box-shadow: 0 1px 4px #0004;
	border-radius: var(--border-radius-medium);
	text-align: center;
}
.cart-progress{
	max-width: 800px;
	margin: 0 auto var(--margin-large);
	display: flex;
	justify-content: center;
	border-radius: var(--border-radius-medium);
	overflow: hidden;
}
.cart-step{
	width: 100%;
	padding: var(--padding-large) 0;
	text-align: center;
	display: none;
	background: var(--fg-4th-color);
	position: relative;
}
.cart-step.cart-step-selected{
	display: block;
	background: var(--bg-3rd-color);
	color: var(--fg-2nd-color);
}
.cart-step-past{
	background: var(--bg-2nd-color);
	color: var(--fg-2nd-color);
}
.cart-step span{
	position: relative;
	z-index: 2;
}
.cart-arr{
	width: 100%;
	border: none;
}
.cart-arr th, .cart-arr td, .cart-arr tr{
	border: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
	vertical-align: middle;
}
.cart-empty{
	padding: var(--padding-large);
	margin: var(--margin-large) 0;
}
.cart-qte, .cart-prix{
	max-width: 140px;
	min-width: 60px;
}
tfoot tr{
	border: none !important;
}
.invistd{
	border: none !important;
	text-align: right;
}
.cart-reduc{
	max-width: 300px;
	padding: var(--padding-large) 0;
}
.cart-reduc .panier-bouton-code{
	margin: var(--margin-medium) 0;
}
.btn-std.panier-bouton-next{
	background: var(--fg-5th-color);
	color: var(--fg-2nd-color);
}
.bottom-bar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60px;
	background: var(--fg-2nd-color);
	box-shadow: 0 -2px 2px 0 #0002;
	z-index: 100;
}
.prix_desc{
	margin: var(--margin-medium);
	padding: var(--padding-medium);
	border-radius: var(--border-radius-medium);
	background: var(--fg-4th-color);
}

.popup {
	background-color: var(--bg-1st-color);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: fit-content;
	width: -moz-fit-content;
	height: fit-content;
	height: -moz-fit-content;
	margin: auto;
	border-radius: var(--border-radius-medium);
	z-index: 120;
}
.popup-modal{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--bg-3rd-color);
	z-index: 1000000;
	opacity: .8;
	display: none;
}
.popup-box{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000001;
	display: none;
	align-items: center;
	justify-content: center;
	padding: var(--padding-large);
}
.popup-modal.popup-open{
	display: flex;
}
.popup-box.popup-open{
	display: flex;
}
.popup-content{
	background-color: var(--fg-2nd-color);
	width: 100%;
	height: 100%;
	max-width: 1200px;
	max-height: 900px;
	box-shadow: 0 2px 3px #0006;
	overflow: hidden;
}
.popup-content-pickup{
	padding: var(--padding-large);
}
.popup-pickup-body{
	background: no-repeat center /cover;
	height: 100%;
	position: relative;
	color: var(--fg-2nd-color);
}
.popup-pickup-bg-color{
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	background: var(--fg-3rd-color);
	opacity: .6;
	z-index: 0;
}
.popup-pickup-text{
	position: relative;
	z-index: 1;
	height: 100%;
	overflow: auto;
}
.popup-pickup-list{
	justify-content: space-evenly;
	align-items: stretch;
}
.popup-pickup-tile {
	position: relative;
	background: var(--fg-2nd-color);
	color: var(--fg-1st-color);
	border-radius: var(--border-radius-small);
	box-shadow: 0 2px 3px #0006;
	width: 100%;
	min-width: 150px;
	text-align: center;
	padding-bottom: 40px;
	margin: var(--margin-large) 0;
}
.popup-pickup-img {
	height: 150px;
	background: no-repeat center /cover;
	padding: 0 5px;
	max-width: 400px;
	margin: auto;
}
.popup-pickup-valider {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}
.lieu-box{
	border-bottom: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
}

.lieu-horaire{
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(60px,1fr));
	align-items: stretch;
	grid-gap: 8px;
}
.lieu-heure{
	border: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
	border-radius: var(--border-radius-small);
	position: relative;
}
.lieu-heure.lieu-heure-disabled{
	cursor: not-allowed;
	background: var(--fg-4th-color);
	color: var(--bg-5th-color);
}
.lieu-heure.lieu-heure-disabled:hover:after{
	background: var(--bg-5th-color);
	border-radius: 5px;
	bottom: 32px;
	color:  var(--fg-2nd-color);
	content: 'Complet';
	left: -50%;
	padding: 5px 15px;
	position: absolute;
	z-index: 1000;
	width: 100px;
	transition-duration: .5s;
}
.lieu-heure.lieu-heure-indispo{
	cursor: not-allowed;
	background: var(--fg-4th-color);
	color: var(--bg-5th-color);
}
.lieu-heure.lieu-heure-indispo:hover:after{
	background: var(--bg-5th-color);
	border-radius: 5px;
	bottom: 32px;
	color:  var(--fg-2nd-color);
	content: 'Produit indisponible ce jour';
	left: -50%;
	padding: 5px 15px;
	position: absolute;
	z-index: 1000;
	width: 100px;
	transition-duration: .5s;
}
.lieu-heure.lieu-heure-selected{
	color: var(--fg-2nd-color);
	background: var(--bg-2nd-color);
	border: var(--bg-3rd-color);
}
.pdt-litige {
	background: #ff140040;
	border-radius: var(--border-radius-medium);
}
.panier-bouton-pdt-litige {
	background: var(--bg-5th-color);
	color:  var(--fg-2nd-color);
	margin: 2px 0 0 auto !important;
}
.cadre {
	border: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
	border-radius: var(--border-radius-small);
}
.border-bottom {
	border-bottom: var(--border-small) var(--border-style-1st) var(--fg-4th-color);
}
.liste-commande {
	font-size: 11px;
}
.header-liste-commande {
	background-color: var(--bg-2nd-color);
	color: var(--fg-2nd-color);
}
.commande-ref {
	width: 100%;
}
.commande-retrait {
	width: 100%;
}
.image-commande {
	background: no-repeat center /contain;
	width: 50px;
	height: 50px;
}
.detail-commande > div {
	width: 100%;
}
.commande-viewport {
	position: relative;
}

.presentation {
	background:  no-repeat top center /cover;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
}
.presentation-logo {
	max-width: 90%;
}
.presentation-content {
	z-index: 2;
	align-items: stretch;
}
.presentation-content img {
	width: 300px;
}
.presentation-header-content {
	align-items: flex-start;
	font-weight: bold;
}
.presentation-center {
	padding-top: 40px;
}
.emplacement-description {
	width: fit-content;
	width: -moz-fit-content;
	bottom: 0;
	right: 0;
	left: -40px;
	margin: auto;
	position: relative;
}
.presentation-description {
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}
.presentation-description-content {
	position: absolute;
	top: 142px;
	left: 124px;
	width: 170px;
}
.orange-bocoh-back {
	background-color: var(--bg-4th-color);
	color: var(--fg-2nd-color);
}
.orange-bocoh-text {
	color: var(--bg-4th-color);
}
.small-text {
	font-size: 12px;
}
.btn-video {
	font-size: 40px;
}
.flex-btn-panier-save {
	gap: 5px;
}
.popup-panier-wh {
	max-width: 600px;
	height: fit-content;
	height: -moz-fit-content;
	max-height: 95%;
	overflow: auto;
}
.stock {
	margin: var(--margin-small) 0;
	width: fit-content;
	width: -moz-fit-content;
}
.btn-stock-empty {
	background-color: var(--bg-4th-color);
}
.btn-stock-limit {
	background-color: var(--bg-5th-color);
}
.btn-stock-full {
	background-color: var(--fg-5th-color);
}
.page-redaction {
	position: relative;
}
.ajout-redac {
	position: absolute;
	bottom: -15px;
	left: -22px;
	width: calc(100% + 22px);
	opacity: 0;
	transition-duration: .2s;
}
.ajout-redac.ajout-redac-top {
	top: 0;
	left: -4px;
	bottom: initial;
	width: calc(100% - 11px);
}
.ajout-redac:hover {
	opacity: 1;
}
.ajout-redac i {
	color: var(--bg-2nd-color);
	cursor: pointer;
}
.ajout-redac .ligne-redac {
	background-color: var(--bg-2nd-color);
	flex: 1;
	height: 1px;
}
.redaction-editable {
	position: relative;
}
.element-redaction {
	position: relative;
}
.element-redaction .change-element {
	cursor: pointer;
}
.element-redaction .move-element {
	cursor: grab;
}
.element-redaction .remove-element,
.element-redaction .change-type-element,
.element-redaction .change-element {
	cursor: pointer;
}
.element-redaction.cadre {
	border-color: transparent;
}
.element-redaction.cadre:hover {
	border-color: var(--fg-4th-color);
}
.element-redaction .right {
	position: absolute;
	top: 0;
	right: 0;
}
.element-redaction .right .redac-action {
	background-color: var(--bg-1st-color);
}
.element-redaction img {
	max-width: 100%;
}
.element-redaction .img-element { 
	background: no-repeat center /contain;
	height: 200px;
	width: fit-content;
	width: -moz-fit-content;
}
.ajout-element-redac,
.modif-element-redac {
	cursor: pointer;
}
.btn-paiement{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding: 30px 0 0;
}
.btn-paiement div {
	background: var(--bg-4th-color);
	color: var(--fg-1st-color);
	font-size: 16px;
	font-weight: 600;
	padding: var(--padding-medium) var(--padding-large);
	border-radius: var(--border-radius-small);
	margin: var(--margin-medium) auto;
	width: fit-content;
	cursor: pointer;
}
.type-paiement{
	margin: 10px 0;
	padding: 10px 20px;
	background: var(--fg-4th-color);
	font-weight: 700;
	font-size: 16px;
	color: var(--bg-3rd-color);
}
.loading-paiement{
	width: 100%;
	max-width: 300px;
	text-align: center;
	margin: 10px auto 0;
	display: none;
}
.loading-paiement .spinner{
	--fa-primary-color: var(--bg-2nd-color);
	--fa-secondary-color:  var(--fg-4th-color);
	font-size: 60px;
	--fa-secondary-opacity: 1;
	padding: 20px;
}
.fa-spin-x2 {
	-webkit-animation: fa-spin 1s infinite linear;
	animation: fa-spin 1s infinite linear;
}
.fa-spin-x4 {
	-webkit-animation: fa-spin .5s infinite linear;
	animation: fa-spin .5s infinite linear;
}
.filtre-sep{
	margin: 25px auto 15px auto;
	width: 100%;
	height: 3px;
	background-color: var(--bg-2nd-color);
}
.panier-enregistre{
	width: fit-content;
	margin-left: auto;
}
.pdt-no-stock {
	background: #ff140040;
	border-radius: var(--border-radius-medium);
}