/* -------------------------------------------------------------------
----------------------------------------------------------------------
								BOUTIQUE
----------------------------------------------------------------------
---------------------------------------------------------------------- */

:root {
	/* Flags boutique */
	--shop-flag-promo: var(	--type-warning);
	--shop-flag-new: var(--type-success);
	--shop-flag-best: #50bfd6;

	/* Types stock */
	--shop-stock-ok: var(--type-success);
	--shop-stock-low: var(--type-warning);
	--shop-stock-resupply: var(--type-warning);
	--shop-stock-out: var(--type-error);

	--overhead-height: 45px !important;
}

/* Adaptation style de base
---------------------------------------------------------------------- */
body > header .overHead > div { height: var(--overhead-height); }
body > header .overHead .areas li > a,
body > header .overHead .areas li > span { font-size: 15px; }
body > header .overHead .areas li > a i,
body > header .overHead .areas li > span i {font-size: 18px; margin-right: 5px; }

/* Vue générique
---------------------------------------------------------------------- */
.shop-view { display:flex; flex-direction: column; margin: 15px auto; max-width: var(--wrap-width, 1200px); }
.shop-view > aside { width: 100%; padding: 15px; }
.shop-view > section { flex: 1 1; padding: 0; max-width:var(--wrap-width); margin-left:auto; margin-right:auto; }

/* Affichage prix
---------------------------------------------------------------------- */
section.price { padding: 5px 0; display: flex; flex-direction: column; align-items:end; }
section.price > span { padding: 2px 5px; }
section.price > .actual { font-size: 18px; font-weight: bold; }
section.price > .actual .priceTax { font-size:12px; }
.recos section.price > .actual { font-size:16px; }
section.price > .public { margin-top: 5px; text-decoration: line-through; color: #aaa; }
section.price .amount:after { font-size: 0.7em; }
section.price .amount.ht:after { content: ' HT'; }
section.price .amount.ht {  }
section.price .amount.ttc:after { content: ' TTC'; }
section.price .amount.ttc { font-size:14px;}
section.price.discount > .actual { color: var(--shop-flag-promo); }
section.price .starting-from { font-size: 0.55em; }

/* Affichage stock
---------------------------------------------------------------------- */
.prod .prod-stock { font-size: 14px; text-align: center; margin: 10px 0; }
.prod .prod-stock:empty { display:none; }
.modal .prod .prod-stock { text-align: left; margin: 5px 0; font-size: 12px; }
.basket .prod .prod-stock { margin:4px 0; padding:0; font-size:10px; text-align:left; }
.basket .prod .prod-stock:before { content:'Disponibilité: '; }
.prod .prod-stock .nb { font-weight: bold; }
.prod .prod-stock > .ok { color: var(--shop-stock-ok); }
.prod .prod-stock > .low { color: var(--shop-stock-low); font-size:11px; line-height:12px; display:inline-block; }
.prod .prod-stock > .resupply { color: var(--main-color3); font-size:11px; line-height:12px; display:inline-block; }
.prod .prod-stock > .resupply:empty { display:none; }
.prod .prod-stock > .out { color: var(--shop-stock-out);  font-size:11px; line-height:12px; display:inline-block; }

/* Affichage délai
---------------------------------------------------------------------- */
.prod .delay { font-size: 14px; font-weight: bold; text-align: center; margin: 5px 0; }
.modal .prod .delay { text-align: left; font-size: 12px; }
.prod .delay.normal { color: var(--shop-stock-ok); }
.prod .delay.delayed { color: #292929; }

/* Affichage addresse
---------------------------------------------------------------------- */
address { padding: 15px; font-size:14px; font-style: normal; }
address .name { font-weight: bold; color: #555; margin: 8px 0; }

/* Affichage adresse commande
---------------------------------------------------------------------- */
.order-addresses { display: flex; justify-content: center; }
.order-addresses article { flex: 1 1; margin: 10px; max-width: 300px; border: 1px solid var(--border-color); }
.order-addresses article .title { display: flex; align-items: center; height: 45px; color: #000; font-size: 14px; font-weight: bold; padding: 0 15px; border-bottom: 1px solid var(--border-color); }
.order-addresses article .title > i { margin-right: 5px; }
.order-addresses article .title > button { margin-left: auto; }
.order-addresses article address { padding: 25px; background: #fefefe; }

/* Flags produits
---------------------------------------------------------------------- */
.prod-flags {position: absolute; top:8px; right:0;}
.prod-flags .flag {--flag-color: #bbb; background: var(--flag-color); color:#fff; position: relative; height: 20px; display: block; padding:3px 4px; margin-bottom: 5px;}
.prod-flags .flag::before {content:""; position:absolute; top:0; left:-10px; border-bottom: 10px solid var(--flag-color); border-top: 10px solid var(--flag-color); border-left: 10px solid transparent; }
.prod-flags .flag.new {--flag-color: var(--shop-flag-new); }
.prod-flags .flag.best {--flag-color: var(--shop-flag-best); }
.prod-flags .flag.discount {--flag-color: var(--shop-flag-promo); }

.prod-cc-flags {position: absolute; top:0; right:0; height:100%; pointer-events:none; }
.prod-cc-flags img { object-fit:contain !important; aspect-ratio:unset !important; border-radius:unset !important;}
.prod-cc-flags .new img { position:absolute; width:100px !important; top:10px; right:5px; }
.prod-cc-flags .outofstock img { position:absolute; width:40px !important; bottom:8px; right:5px; }

/* Rubriques produits
---------------------------------------------------------------------- */

.shop-categories { display: flex; justify-content: center; flex-wrap: wrap; max-width: var(--wrap-width, 1200px); padding: 0 15px; margin: 0 auto; }
.shop-categories > article { flex: 1 1; min-width: 250px; max-width: 350px; margin: 5px; border-radius:5px; overflow:hidden; }
.shop-categories > article > a { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding: 20px; background: rgba(0, 0 , 0, 0.3); transition: background 0.4s ease; }
.shop-categories > article > a:hover { background: rgba(0, 0, 0, 0.6); }

.shop-categories > article.noimg > a { background: rgba(0, 0 , 0, 0); }
.shop-categories > article.noimg > a:hover { background: rgba(0, 0, 0, 0.08); }

.shop-categories > article h2 { margin: 0; color: #fff; text-align: center; font-size: 28px; }
.shop-categories > article.noimg h2 { color:var(--main-txt-color); }
.shop-categories > article .chapo { margin-top: 10px; color: #fff; font-size: 12px; line-height: 1.4em; text-align: justify; }
.shop-categories > article.noimg .chapo { color:var(--main-txt-color); }
.shop-categories > article.noimg { background-color: var(--alt-color-light-4); }
.shop-categories > article.hasimg { position: relative; height: 200px; background-size: cover; background-position: center center; }

.prodsSection { width:100%; }
.prodsSection > h2 { font-size:30px; text-align:center; }

/* Overlay modale
---------------------------------------------------------------------- */

#modalOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: -1;
}

/* Modale vue produit
---------------------------------------------------------------------- */

#viewProduct {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 820px;
	height: 100%;
}

@media all and (max-width: 2200px) {

	#viewProduct {
		display: flex;
		height: 100vh;
		overflow-y:auto;
	}

}

#viewProduct article.prod {
	background-color: white;
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#viewProduct .close::before{
	border: none !important;
	top: 15px !important;
	right: 15px !important;
}

#viewProduct img {
	max-height: 250px;
	object-fit: contain;
	border-radius: 15px;;
}

#viewProduct .no-pic img { padding: 10%; object-fit: contain !important;}

#viewProduct .main-picture img {
	width: 478px;
	height: 297px;
	object-fit: cover;
}

#viewProduct .infos {
	padding: 1.5em;
	display: flex;
    justify-content: space-between;
}

#viewProduct .sell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px;
	gap: 10px;
	min-width:180px;
}
#viewProduct .price-delay {
	justify-content:center;
	text-align:center;
}
#viewProduct .recos .sell {
	min-width:auto;
	margin-right:5px;
	gap:0px;
}

#viewProduct .sell .price {
	padding: 0 40px 0 0 !important;
}

#viewProduct .pictos {
	display: flex;
	justify-content: space-around;
	gap: 10px;
	flex-wrap:wrap;

}

#viewProduct .pictos2 {
	justify-content: start;
	gap: 10px;
	margin:5px 0 10px;
	display:none;
	flex-wrap:wrap;
}

#viewProduct .btn-sell {
	background-color: transparent;
    color: #242424;
    border: 2px var(--main-color-light-1) solid;
    border-radius: 15px;
	font-size: 18px;
	height:40px;
	padding:4px 24px;
}
#viewProduct > .prod .quantity-modifier.empty + .actions {
	text-align:center;
}

#viewProduct .btn-delay-temp {
	justify-content: center;
	padding: 5px 24px !important;
	background-color: #efefef;
    color: gray;
    border: 2px transparent solid;
    border-radius: 15px;
	font-size: small;
	margin-top:10px;
}

#viewProduct .subtitle {
	font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
	margin-bottom: 5px;
}

#viewProduct .desc {
	padding: 1.5em;
	padding-top: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	flex: 1;
	overflow-y: auto;
}

#viewProduct .desc > * {
	max-width: 60%;
}

#viewProduct .desc h2 {
	font-size: 36px;
	margin-top: 0;
	line-height:1em;
}

#viewProduct .recommended {
	background-color: var(--main-color2);
	padding: 1.5em;
}

#viewProduct .recommended h3 {
	color: white;
	margin-top: 11px !important;
}

#viewProduct .recos {
	display: flex;
    flex-direction: row;
    gap: 14px;
	overflow-x: auto;
	padding-bottom: 5px;
	margin-top: 10px;
}

#viewProduct .recos .prod {
	padding: 2px;
	border-radius: 15px;
    background-color: white;
}

#viewProduct .recos img {
	/* width: 100%; */
	width: 184px;
	height: 111px;
	/* height: auto; */
	/* max-height: 100px; */
	object-fit: cover;
	display: block;
}

#viewProduct .recos .price {
	align-items: start;
	padding: 0 !important;
}

#viewProduct .recos .infos {
	padding: 5px 5px;
}

#viewProduct .actions { display:none; }
#viewProduct .quantity-modifier.empty { display:none; }
#viewProduct .quantity-modifier.empty + .actions { display:block; }
#viewProduct .recos .quantity-modifier.empty { display:flex; }

/* Panier
---------------------------------------------------------------------- */

#viewBasket {
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow: hidden;
	justify-content: space-between;
	width: 400px;
	background-color: white;
}

#viewBasket .upper {
	background-color: white;
	flex: 1;
	overflow-y: auto;
	padding: 0 1em 1.5em 1.5em;
}
#viewBasket > h3 {
	background-color:#FFF;
	position:sticky;
	top:0;
	margin:0;
	padding:20px 20px 10px;
}
#viewBasket .lower {
	background-color: white;
	padding-top: 1em;
	background: white;
	padding: 1.5em;
	border-top: 1px solid #ddd;
}
.cont-codepromo { margin-bottom:15px; text-align:center; }
.a-codepromo { text-decoration: underline; }
.d-codepromo { display:none; }
.d-codepromo .btn.medium { padding:7px 12px; border-radius:4px; }

#viewBasket .infos {
	font-size: 14px;
}

#viewBasket .infos .img { padding-right:5px; }
#viewBasket .infos .infos-franchise img { height:29px; width:29px; position:relative; right:2px; top:2px; }

#viewBasket .no-pic img { padding: 18%; }

#viewBasket .products{
	overflow-y: auto;
	display:flex;
	flex-direction:column;
}
#viewBasket .products > article.empty {
	height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#viewBasket .close::before{
	border: none !important;
	top: 15px !important;
	right: 15px !important;
}

#viewBasket .infos img, .infos img {
	height: 25px;
}
main.validationPage  .infos { max-width:600px; margin:0px auto 45px auto; }
main.validationPage  .infos  img { height:30px; }
main.validationPage  .infos  tr:nth-child(4) img { height:33px; }
main.validationPage  .infos  tr:nth-child(3) img { height:28px; }
main.validationPage  .infos  tr:nth-child(4) img { height:33px; }
main.validationPage  .infos td { border-bottom:1px solid #eee; padding:10px 0; }
main.validationPage  .infos tr:last-child td { border-bottom:0; }
main.validationPage  .infos .title { width:25%; }
main.validationPage .basket.compact .pic { max-width:120px; width:120px;  }
main.validationPage .basket.compact .picture img { max-width:120px; object-fit:cover; }
#viewBasket .infos .infos-date img {
	height:23px;
}
#viewBasket .infos button {
	padding: 4px 17px;
	font-size: 16px;
}

#viewBasket .prod {
	display:flex;
	gap:10px;
	width:100%;
}
#viewBasket .prod.zero { opacity:.3; }
#viewBasket .prod .img { width:130px; max-width:130px; min-width:130px; }
#viewBasket .prod.zero .img img { filter: grayscale(100%); }

#viewBasket .prod img {
	width: 130px;
	border-radius: 15px;
	height: 99px;
}

#viewBasket .prod div {
	flex:3;
}

#viewBasket .prod .pricesell {
	display:flex;
	gap:10px;
}

#viewBasket .prod {
	border-bottom: 1px solid #BBBBBB;
	padding:10px 0;
	align-items:center;
}

#viewBasket .prod:last-child {
	border-bottom:0px;
}

#viewBasket .actions {
	display: flex;
    justify-content: center;
	gap:12px;
	align-items:center;
}

#viewBasket .actions .btn { text-align:center; }
#viewBasket .actions .btn.small { padding:8px 10px; }

#viewBasket .prod .price {
	align-items: start;
	flex:1;
}

#viewBasket .prod .price > span {
	padding-left: 0;
}
#viewBasket .prod .sell {
	align-items:end;
	flex:1;
}
#viewBasket .prod .label {
	padding-bottom:10px;
	font-size:16px;
}

/* Delivery
---------------------------------------------------------------------- */

#deliveryModal {
	background-color: white;
	width: 600px;
	padding: 50px;
	max-width:95vw;
}

#deliveryModal .delivery-choice {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

#deliveryModal .modal-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

#deliveryModal .mode-toggle {
	display: flex;
	justify-content: center;
	gap: 1rem;
}

#deliveryModal .mode-btn {
	cursor: pointer;
	border:2px solid var(--main-color2);
}
#deliveryModal .mode-btn:not(.active) {
	background-color:#FFF;
	color:var(--main-color2);
}
#deliveryModal .mode-btn:not(.active):hover {
	color:var(--main-color-light-1);
	border-color:var(--main-color-light-1);
}
#deliveryModal .mode-btn:not(.active):hover svg path {
	stroke:#000;
}
#deliveryModal .mode-btn svg {
	margin-right:5px;
}
#deliveryModal .mode-btn svg path { transition:all 300ms ease; }

#deliveryModal .form-content {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

#deliveryModal .field {
	display: flex;
	flex-direction: column;
}

#deliveryModal .field label {
	font-weight: 500;
	margin-bottom: 0.25rem;
}

#deliveryModal .availability-msg {
	margin-top: 0.25rem;
	font-size: 0.9em;
}

#deliveryModal .delivery.delivery-choice {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

#deliveryModal .availability-msg {
	font-size: 0.9em;
	min-height: 1em;
}

#deliveryModal .delivery-adr,
#deliveryModal .delivery-date,
#deliveryModal .delivery-time {
	position: relative;
	display: flex;
	align-items: center;
}

#deliveryModal .delivery-adr::before,
#deliveryModal .delivery-date::before,
#deliveryModal .delivery-time::before {
	content: '';
	position: absolute;
	left: 0.75rem;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
}

#deliveryModal .delivery-adr::before {
	background-image: url(/img/map.svg);
}

#deliveryModal .delivery-date::before {
	background-image: url(/img/calendar.svg);
}

#deliveryModal .delivery-time::before {
	background-image: url(/img/time.svg);
}

#deliveryModal .delivery-adr input,
#deliveryModal .delivery-date input,
#deliveryModal .delivery-time select {
	width: 100%;
	padding-left: 3rem;
	box-sizing: border-box;
}

#deliveryModal .delivery-choice > div {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

#deliveryModal .autocomplete-list {
	font-size: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: white;
	border: 1px solid #ccc;
	z-index: 1;
	border-radius: 4px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

#deliveryModal .autocomplete-list li {
	padding: 0.5rem;
	cursor: pointer;
}

#deliveryModal .autocomplete-list li:hover {
	background-color: #f0f0f0;
}

#deliveryModal .mode-btn:not(:disabled).active {
	background: var(--main-color2);
    border-color: var(--main-color2);
    color: #FFF;
}
#deliveryModal .mode-btn:not(:disabled).active svg path,
#deliveryModal .mode-btn:hover svg path {
	stroke:#FFF;
}

#deliveryModal .mode-toggle img {
	height: 16px;
	max-width: 16px;
	margin-right: 5px;;
}

/* Produit - encart
---------------------------------------------------------------------- */

/* Liste de produits
---------------------------------------------------------------------- */
.prodsList { display: flex; flex-wrap: wrap; justify-content: start; }
.assoc-products .prodsList,
.recos .prodsList { justify-content:start; }

/* Produit - Liste
---------------------------------------------------------------------- */
.shop-products .product-list {
	padding: 0;
	margin-bottom:45px;
}
.shop-products .prodsList {padding-top:10px;}


.prodsList > .prod { border-radius: 5px; overflow: hidden; border:1px solid #DEDEDE; border-radius:15px; }
.prodsList > .prod .picture-frame { position: relative; }
.prodsList > .prod .prod-content { display:flex; width:100%; padding:5px 7px 7px 7px; }
.prodsList > .prod .prod-content > * { flex:1; }
.prodsList > .prod .prod-content .desc { flex:5; }
.prodsList > .prod .prod-content .sell { flex:3; }
.prodsList > .prod > .picture-frame img { display: block; object-fit: cover; object-position: center center; }
.prodsList > .prod > .picture-frame.no-pic img { padding: 18%; object-fit: contain; }
.prodsList > .prod header > h2 { font-size: 16px; line-height:18px; text-transform: none; margin: 0 0 7px 0; height: auto; text-align: left; justify-content:start; }
.prodsList > .prod header > h2::after {	content: none;}
.prodsList > .prod header > h2 > a { font-size: 16px; line-height:18px; text-align: left; color:#242424; font-family:'Futura PT'; font-weight:800; }
.prodsList > .prod > .sell nav .btn { display: block; width: 100%; text-align: center; }

/* Produit - Liste (mosaïque)
----------------------------------------------------------------------- */
.prodsList.style-mosaic { margin:0px 10px 10px 10px; }
.prodsList.style-mosaic > .prod { display: flex; flex-direction: column; flex: 1 1 calc(25% - 20px); max-width: calc(25% - 20px); overflow: hidden; margin:0px 10px 20px 10px; }
.prodsList.style-mosaic > .prod > .picture-frame img { width: 100%; aspect-ratio:100 / 68; border-radius:10px 10px 15px 15px; }
.prodsList.style-mosaic > .prod.rupture > .picture-frame img {  filter: grayscale(100%); }
.prodsList.style-mosaic > .prod > .desc { position: relative; display: flex; flex-direction: column; flex: 1 1; background: #fff; padding: 10px; }
.prodsList.style-mosaic > .prod .price > span { text-align: right; }
.prodsList.style-mosaic > .prod .price > span .apartirde,
.recos section.price > .actual .apartirde { font-size:12px; padding-right:19px; }
.prodsList.style-mosaic > .prod header { flex: 4; }
.prodsList.style-mosaic > .prod header > div {
	font-size: 15px;
	text-align: left;
	line-height: unset;
	margin-bottom: 10px;
}
.prodsList.style-mosaic > .prod header p:empty { display:none; }
.prodsList.style-mosaic > .prod header > p {
	font-size: 12px;
	text-align: left;
	margin-bottom:0;
	line-height:12px;
}
.prodsList.style-mosaic > .prod header .prod-stock { margin-bottom:0; }
.prodsList.style-mosaic > .prod header > *:last-child { margin-bottom:0; }

.prodsList.style-mosaic > .prod > .desc > section { text-align: center; user-select: none; -moz-user-select: none; -webkit-user-select: none; }

.prodsList.style-mosaic > .prod > .sell .quantity-modifier { display: none; }
.prodsList.style-mosaic > .prod > .sell nav .btn { border-top-left-radius: 0; border-top-right-radius: 0; }

.prodsList.style-mosaic > .prod.rupture .indispo { text-align:right; }

/* Produit - Liste (liste)
------------------------------------------- */
.prodsList.style-list {display: flex; flex-direction: column;}
.prodsList.style-list > .prod {
	display: flex;
	flex-direction: row;
	align-items: center;

	max-width: 100%;
	width: 100%;
	height: 275px;

	margin: 15px 0;
}
.prodsList.style-list > .prod > .desc { flex: 1 1; padding: 10px 10px 10px 25px; }
.prodsList.style-list > .prod header > h2 { font-size: 22px; text-align: left;}
.prodsList.style-list > .prod header > h2 > a { font-size: 22px;}
.prodsList.style-list > .prod header > div { font-size: 16px; margin: 10px 0 20px 0;}
.prodsList.style-list > .prod > .picture-frame { height: 100%; }
.prodsList.style-list > .prod > .picture-frame figure { width: 275px; height: 100%; }
.prodsList.style-list > .prod > .picture-frame a { display: block; width: 100%; height: 100%;}
.prodsList.style-list > .prod > .picture-frame img { height: 100%; aspect-ratio:1 / 1; object-fit:cover; }
.prodsList.style-list > .prod > .picture-frame img.no-pic { width: 100%; }
.prodsList.style-list > .prod > .picture-frame .quantity-modifier { display: none;}
.prodsList.style-list > .prod > .desc { display: flex; flex-direction: column; height: 100%; }

.prodsList.style-list > .prod > .sell { display: flex; flex-direction: column; height: 100%; padding: 10px; }
.prodsList.style-list > .prod > .sell .price { flex-direction: column-reverse; }
.prodsList.style-list > .prod > .sell .add-to-basket { margin-top: auto; }
.prodsList.style-list > .prod > .sell nav { margin-top: 10px; }

@media (max-width: 799px) {
	.prodsList.style-list { align-items: center; }
	.prodsList.style-list > .prod { flex-direction: column; max-width: 400px; height: unset;  }
	.prodsList.style-list > .prod > .picture-frame { width: 100%; height: 300px; }
	.prodsList.style-list > .prod > .picture-frame figure { width: 100%; }
	.prodsList.style-list > .prod > .picture-frame img { width: 100%; }
	.prodsList.style-list > .prod > .picture-frame img.no-pic { padding: 15%; }
	.prodsList.style-list > .prod > .sell .price { flex-direction: column; }
}

/* Produit - Liste Mini
----------------------------------------------------------------------- */
.prodsList.mini {padding-left:15px;}
.prodsList.mini > .prod { display: flex; flex-direction: column; flex: 1; max-width: 180px; margin: 15px 15px 15px 0; overflow: hidden; }
.prodsList.mini > .prod .picture-frame img { width: 100%; aspect-ratio:1 / 1; }
.prodsList.mini > .prod > .desc { flex: 1 1; }
.prodsList.mini > .prod header > h2 { font-size: 14px; overflow: hidden;}
.prodsList.mini > .prod header > h2 > a {font-size: 14px; }
.prodsList.mini > .prod > .sell nav .btn { border-top-left-radius: 0; border-top-right-radius: 0; }

/* Produit - Fiche
---------------------------------------------------------------------- */
.product-wrapper { max-width: var(--wrap-width); margin: 0 auto; }
.product-wrapper > .prod { display: flex; flex-direction: row; align-items:start; margin:20px 0 0 0; }

.product-wrapper > .prod > .picture-frame { display: flex; flex-direction: column; flex: 1 1; }
.product-wrapper > .prod > .picture-frame > figure { position: relative; height: 100%; cursor:pointer;  }
.product-wrapper > .prod > .picture-frame > figure > img { display: block; width: 100%; height: 100%; max-height: 70vh; object-fit: cover; border-radius:5px; aspect-ratio:1 / 1; }
.product-wrapper > .prod > .picture-frame > figure > img.no-pic { padding: 120px; object-fit: contain; }
.product-wrapper > .prod > .picture-frame .gallery { display: flex; flex-direction: row; gap:5px; margin:5px 0; }
.product-wrapper > .prod > .picture-frame .gallery li { height: 100px; width: 100px; cursor: pointer;  }
.product-wrapper > .prod > .picture-frame .gallery li > img { width: 100%; height: 100%; opacity: 0.6; transition: opacity 0.4s ease; border-radius:5px; }
.product-wrapper > .prod > .picture-frame .gallery li.on > img,
.product-wrapper > .prod > .picture-frame .gallery li:hover > img { opacity: 1; }

.product-wrapper > .prod > .details { display: flex; flex-direction: column; min-width: 300px; width: 30%; background: #fefefe; color: var(--text-color); padding: 15px; }
.product-wrapper > .prod > .details > .ref { font-size: 0.9em; }
.product-wrapper > .prod > .details > .ref > span { font-weight: bold; }
.product-wrapper > .prod > .details h1 { color: var(--text-color); font-size: 22px; line-height: 28px; padding: 0; margin: 0; text-align: left;  margin: 5px 0; }
.product-wrapper > .prod > .details > .desc { margin: 15px 0; font-size: 14px; line-height: 1.2em; }

.product-wrapper > .prod > .sell { display: flex; flex-direction: column; padding: 15px; background-color:var(--alt-color-light-4); }
.product-wrapper > .prod > .sell .add-to-basket { display: flex; flex-direction: column; align-items: center; padding: 15px 0; }
.product-wrapper > .prod > .sell .add-to-basket .quantity-modifier { padding: 10px; }
.product-wrapper > .prod > .sell .add-to-basket .addToBasket { justify-content: center;  width: 100%; }
.product-wrapper > .prod > .sell .price { font-size: 1.4em; flex-direction: column; }

.product-wrapper > article { }
.product-wrapper .subinfos > div { padding: 0 var(--medium-padding); }
.product-wrapper .subinfos > div:not(:last-child) { margin-bottom: var(--medium-padding); }

.product-wrapper h2 { font-variant: none; font-size: 20px; line-height: 24px; margin: 0; padding: var(--medium-padding) 0; }
.product-wrapper h3 { font-variant: none; font-size: 15px; line-height: 18px; margin: 0; padding: 5px 0; color: var(--main-txt-color); font-weight: bold; }

.product-wrapper .specs > table { border-collapse: collapse; border: 1px solid #ddd; width: 100%; }
.product-wrapper .specs > table td,
.product-wrapper .specs > table th { border: 1px solid #ddd; padding: 10px; }
.product-wrapper .specs > table td { width: 70%; }

.product-wrapper .recommended { background: #fefefe; margin-top: 35px; padding-bottom: 20px; }

@media (max-width: 899px) {
	.product-wrapper > .prod { flex-direction: column; }
	.product-wrapper > .prod > .picture-frame > figure > img { max-height: 40vh; }

	.product-wrapper > .prod > .details { width: 100%; padding: 30px; }
	.product-wrapper > .prod > .details .add-to-basket { display: flex; flex-direction: row; }
	.product-wrapper > .prod > .details .add-to-basket .quantity-modifier { flex: 1 1; }

	.product-wrapper > .prod > .sell { width: 100%; padding: 30px; }

	.product-wrapper .specs > table td { width: 50%; }
}
@media (max-width: 1199px) {
	.product-wrapper { padding-left:15px; padding-right:15px; }
}

.lateral {
	background-color: white;
}

/* Colonne boutique
---------------------------------------------------------------------- */
.shopColumn { padding: 10px; }
.shopColumn > section { /*box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); border-radius: 5px; margin: 10px 0; */ }
.shopColumn > section h3 { padding: 10px; background: #f0f0f0; font-size: 18px; line-height: 22px; margin: 0;}
.shopColumn > section > div { padding: 10px; }

/* Colonne boutique - Catalogue
---------------------------------------------------------------------- */
.shopColumn > .shop-catalog { --level-pad: 15px; }
.shopColumn > .shop-catalog li > a { display: block; font-size: 14px; padding: 5px; }
.shopColumn > .shop-catalog li > a.current { color: var(--main-color); }
.shopColumn > .shop-catalog li.cat-level1 { padding-left: calc(1 * var(--level-pad)); }
.shopColumn > .shop-catalog li.cat-level2 { padding-left: calc(2 * var(--level-pad)); }
.shopColumn > .shop-catalog li.cat-level3 { padding-left: calc(3 * var(--level-pad)); }

/* Colonne boutique - Filtres
---------------------------------------------------------------------- */
.shopColumn > .shop-filters > div { display:flex; gap:20px; justify-content:center; }
.filter-bloc { position:relative; }
.shopColumn > .shop-filters .filter-bloc:not(:last-child) { margin-bottom: 10px; }
.shopColumn > .shop-filters .filter:empty { display:none; }
.shopColumn > .shop-filters .filter-titre {
	color: #000;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	margin-bottom:0;
}
.filter-slide-bloc { position:relative; width:220px; }
.filter-header, .filter-titre {
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.filter-header, .filter-slide-bloc .filter-titre { border-radius:25px;  background-color:var(--alt-color-light-4); min-width:220px; position:relative; padding-left:40px; cursor:pointer; height:54px; }
.shopColumn > .shop-filters .open .filter-titre,
.shopColumn > .shop-filters .open .filter-header { border-radius:25px 25px 0 0; }
.filter-header::before,
.filter-slide-bloc .filter-titre::before { content:''; width:20px; height:20px; background-image:url(/img/filter.svg); position:absolute; left:14px; top:50%; margin-top:-9px; background-position:center center; background-repeat:no-repeat; }
.filter-header::after,
.filter-slide-bloc .filter-titre::after { content:''; width:14px; height:11px; background-image:url(/img/raquo-3.svg); position:absolute; right:14px; top:50%; margin-top:-6px;  background-position:center center; background-repeat:no-repeat; }
.filter-select-bloc { width:220px; }
.shopColumn > .shop-filters .open .filter-slide-bloc > .filter-titre::after,
.shopColumn > .shop-filters .open .filter-select-bloc > .filter-header::after { transform:rotate(180deg); }
.filter-titre { margin-bottom:0; }
.filter-select, .layout-slider { margin:0px; padding:20px; background-color:var(--alt-color-light-4); border-radius:0px 0px 30px 30px; display:none; }
.shopColumn > .shop-filters .open .filter-select { padding-top:0; }
.shopColumn > .shop-filters .open .filter-select li { font-size:15px; cursor:pointer; }
.shopColumn > .shop-filters .open .filter-select li a { font-size:15px; }
.shopColumn > .shop-filters .open .filter-select li a.btn { min-width:80%; justify-content:center; margin-top:5px; padding:8px 8px; }
.shopColumn > .shop-filters .open .filter-select,
.shopColumn > .shop-filters .open .layout-slider { display:block; position:absolute; z-index:10; width:100%; }
.filter-header > .filter-titre { pointer-events: none; }
.filter-clear { position:absolute; display:flex; right:-2px; align-items:center; justify-content:center; top:-8px; height:22px; width:22px; border:2px solid #242424; border-radius:15px; background-color:#FFF;  }
.filter-clear a { position:relative; bottom:1px; color:#242424; }
.filter-clear:hover { background-color:#242424; }
.filter-clear:hover a { color:#FFF; }
.filter-preview { white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; max-width:calc(100% - 25px); text-transform:none; font-weight:normal; }

.shop-filters-menu { display:none; }
.shopColumn > .shop-filters-header { display:none; }

/* Barre de tri et disposition
---------------------------------------------------------------------- */
.listBar { display: flex; padding: 10px; margin-top: 25px; background: var(--main-color); border: 1px solid var(--main-color-dark-2); border-radius: 5px; }
.listBar > .styles { margin-left: auto; }
.listBar > ul > li { display: inline-block; }
.listBar > ul > li > a,
.listBar > ul > li > i { display: inline-block; padding: 6px; font-size: 15px; cursor: pointer; color: var(--alt-txt-color); border-radius: 3px; box-shadow: inset 0 0 4px 1px rgba(0 , 0, 0, 0); transition: all 0.3s ease; }
.listBar > ul > li.on > i,
.listBar > ul > li.on > a,
.listBar > ul > li:hover > i,
.listBar > ul > li:hover > a { background: var(--main-color-light-2); box-shadow: inset 0 0 4px 1px rgba(0 , 0, 0, 0.25); }
.listBar > ul.numbers > li > a { padding: 8px; }
/* Moteur de recherche
---------------------------------------------------------------------- */
.header-container .header-right {text-align: center; display:flex; flex-direction: column; justify-content: center;}
.header-container .search {display:inline-block; max-width: 400px; align-self: center;}
.header-container .search form {display:flex;}
.header-container .search form input {background: #fff; box-shadow: none; border:1px solid #eee; font-size:12px; width:300px;}
.header-container .search form input::-webkit-input-placeholder{ color:#aaa; font-style: italic;}
.header-container .search form input::-moz-placeholder{ color:#aaa; font-style: italic;}
.header-container .search form input:-ms-input-placeholder { color:#aaa; font-style: italic;}
.header-container .search form input:-moz-placeholder{ color:#aaa; font-style: italic;}
.header-container .search form button {}



/* Modificateur de Quantité
---------------------------------------------------------------------- */
.quantity-modifier {
	display: flex;
	justify-content: end;
	align-items: center;
	/* min-width: 160px; */
	transition: bottom 0.3s ease-in, background 0.3s ease-in;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.modal .quantity-modifier { justify-content:center; }
.rupture .quantity-modifier { display:none; }

.quantity-modifier input {max-width:35px; text-align: center; vertical-align: middle; border:1px solid var(--main-color2); color:#242424; border-radius:0; font-family:'Futura PT', Arial; z-index:3; font-weight:700; font-size:18px; padding-left:2px; padding-right:2px; }
.recos .quantity-modifier input { max-width:30px; font-size:16px; }
.quantity-modifier.empty input { display:none; }

.quantity-modifier .minus,
.quantity-modifier .plus {
	display: flex;
	justify-content: center;
	align-items: center;

	background: var(--main-color2);
	text-align: center;

	width: 30px;
	height: 40px;

	border:1px solid var(--main-color2);
	border-radius: 3px;
	font-size: 0;
	color: #fff;
	cursor:pointer;
}
.recos .quantity-modifier .minus,
.recos .quantity-modifier .plus
{
width: 25px;
}

.quantity-modifier .minus::before,
.quantity-modifier .plus::before {
	font-size: 11px;
}

.quantity-modifier .minus { border-right:0; position:relative; right:-2px; }
.quantity-modifier.empty .minus { display:none; }
.quantity-modifier .plus { border-left:0; position:relative; left:-2px; }
.quantity-modifier.empty .plus { border-left:2px solid var(--main-color2); left:0; width:40px; }

.quantity-modifier .minus:hover,
.quantity-modifier .plus:hover { background-color:var(--main-color-light-1); }

.quantity-modifier .minus::before { content: ''; color:var(--main-color-light-1); background-image:url(/img/minus.svg); height:7px; width:7px; position:absolute; background-size:contain; background-position:center center; background-repeat:no-repeat; margin-right:2px; }
.quantity-modifier .plus::before { content: ''; color:var(--main-color-light-1); background-image:url(/img/plus.svg);  height:14px; width:14px;  position:absolute; background-size:contain; background-position:center center; }

.quantity-modifier +

/* Processus de commande
---------------------------------------------------------------------- */
.processPage .content { padding: 0 15px;}
.processPage nav { display: flex; flex-direction: row; padding: 15px 0; }
.processPage nav .btn.next { margin-left: auto; }
.processPage h1 { padding:3vh 20px; }
.processPage h3 { font-weight:bold; text-align:center; padding: 10px 0 25px; }

.process-cmd {margin:25px 0 10px; width:100%;}
.process-cmd ul {border:1px solid #eee; display:flex;}
.process-cmd ul li {border-right:1px solid #eee; padding:10px; text-align: center; font-size:14px; text-transform: uppercase; display: inline-block; flex:1; color:#888;}
.process-cmd ul li:last-child {border-right:none;}
.process-cmd ul li.on {font-weight: bold; background: #f9f9f9; color: var(--main-color);}
.process-cmd ul li.pass {font-weight: bold; background: #fbfbfb; color: #000; cursor: pointer;}

.processCmd { display:flex; gap:50px; padding-left:20px; padding-right:20px; }
.processCmd .modules { flex:3; }
.processCmd .right { flex:1; position:relative; }
.processCmd .right #module-recapitulatif { position: sticky; top: 125px; }
.processCmd .right .recap { border-radius:10px; border:2px solid var(--main-color2); padding:17px; display:flex; flex-direction:column; }

.processCmd .modules .module { border-radius:10px; background-color:#f2f2f2; margin-bottom:10px; padding: 12px 17px 17px; position:relative; }
.processCmd .modules .module.lock > * { opacity:.4; pointer-events:none; user-select:none; }
.processCmd .modules .module.lock-silent > * { pointer-events:none; user-select:none; }
.processCmd .modules .module.loading > * { opacity:.4; pointer-events:none;  user-select:none; }
.processCmd .modules .module > .module-header { display:flex; align-items:center; margin-bottom:5px; }
.processCmd .modules .module > .module-header .btn { display:inline-block; cursor:pointer; transition:none; }
.processCmd .modules .module > .module-header .btn > span { padding-left:0; margin-left:0; }
.processCmd .modules .module > .module-header .btn > i { display:none; }
.processCmd .modules .module > .module-header .modify { display:flex; align-items:center; }
.processCmd .modules .module > .module-header .modify.closeM .btn { /* display:none; */ opacity:0; pointer-events:none; }
.processCmd .modules .module.cannotmodify > .module-header .modify { display:none; }
.processCmd .modules .module > .module-header .fa-times { display:none; cursor:pointer; font-size:22px; color:#000; }
.processCmd .modules .module > .module-header .modify.closeM .fa-times { display:inline-block; }
.processCmd .modules .module > .module-header > h3 { text-align:left; margin:0; padding:0px; font-size:17px; display:flex; align-items:center; flex-grow:1; color:#000; }
.processCmd .modules .module > .module-header > h3 img,
.processCmd .modules .module > .module-header > h3 i { height:26px; width:24px; font-size:23px; object-fit:contain; margin-right:5px; text-align:center; }
.processCmd .modules .module.delivery > .module-header > h3 img { height:28px; width:24px; }
.processCmd .modules .module.date > .module-header > h3 img { height:18px; position:relative; bottom:1px;}
.processCmd .modules .module.payment > .module-header > h3 img { height:21px; }
.processCmd .modules .module.infossup > .module-header > h3 img { height:23px; }

.processCmd .modules .module .basket { margin-top:0; }
.processCmd .modules .module .basket.foot { margin-bottom:0; }

.processCmd .modules .module .module-content { border-radius:5px; padding:0px; line-height:1.3; }
.processCmd .modules .module .module-content > div { padding:20px; background:#FFF; margin-bottom: 5px; margin-top: 2px;}
.processCmd .modules .module .module-content h4 { text-align:left; margin:0; padding:0px 2px 2px 2px; font-size:13px; color:#000; display:flex; align-items:center; flex-grow:1; color:var(--type-info); }

.processCmd .modules .module .module-content .infos_complementaires.edit,
.processCmd .modules .module .module-content > div.selection.edit { background-color:#FFD; }
.processCmd .modules .module .module-content .infos_complementaires article { display:flex; gap:5px; margin-bottom:10px; flex-direction:column; }
.processCmd .modules .module .module-content .infos_complementaires article:last-child { margin-bottom:0; }
.processCmd .modules .module .module-content .infos_complementaires article .next { margin-top:5px; }
.processCmd .modules .module .module-content .infos_complementaires article > label { text-align:right; display:flex; align-items:center; justify-content: left; flex:2; }
.processCmd .modules .module .module-content .infos_complementaires article > div { flex:3; }
.processCmd .modules .module .module-content .infos_complementaires article textarea { width:100%; min-height:80px; border:1px solid #abacaa }

.processCmd .modules .module .adresse-item {background:#FFF;}
.processCmd .modules .module .btnWrapper {background-color: transparent !important;}

.processCmd .digiForm article { margin:5px 0; }
.processCmd .digiForm article label { font-size:14px; }
.processCmd .digiForm article input,
.processCmd .digiForm article select,
.processCmd .digiForm article textarea { font-size:14px; height:auto; padding:7px; }
.processCmd .digiForm nav { justify-content:center; }
.processCmd .digiForm nav .btn.next { margin-left:0; }

.processCmd .modules .module .module-content > div.list,
.processCmd .modules .module .module-content > div.selection { padding:0; }
.processCmd .modules .module.address .module-content > div.list { padding:10px; }
.processCmd .modules .module .module-content .btnWrapper { padding:0 10px 10px; text-align:right; }

.processCmd .modules .module .module-content .module-list { padding:0; margin:0; list-style:none;  }
.processCmd .modules .module .module-content .module-list > li { padding:9px 10px; margin:0; border-bottom:1px solid #DFDFDF; }
.processCmd .modules .module .module-content .list .module-list > li { background-color:#FFD; cursor:pointer; }
.processCmd .modules .module .module-content div.list .module-list > li:hover { background-color:var(--type-success-lt); border-bottom-color:var(--type-success-lt); }
.processCmd .modules .module .module-content div.list .module-list > li:hover > .el > div:hover:not(.el-action) { cursor:pointer; }
.processCmd .modules .module .module-content .module-list > li:last-child { border-bottom:0; }
.processCmd .modules .module .module-content .module-list > li .el { display:flex; align-items:center; }
.processCmd .modules .module .module-content .module-list > li .el > .el-check { flex:1; max-width:35px; display:flex; }
.processCmd .modules .module .module-content .module-list > li .el > .el-check .check { display:inline-block; height:25px; width:25px; background-color:var(--type-success); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.processCmd .modules .module .module-content .module-list > li .el > .el-check .check img { width:60%; }
.processCmd .modules .module .module-content .module-list > li .el > .el-title { flex:2; font-size:14px; font-weight:bold; }
.processCmd .modules .module .module-content .module-list > li .el > .el-title span { font-weight:normal; }
.processCmd .modules .module .module-content .module-list > li .el > .el-details { flex:3; font-size:12px; }
.processCmd .modules .module .module-content .module-list > li .el > .el-details.f14 { font-size:14px; }
.processCmd .modules .module .module-content .module-list > li .el .el-price { font-weight:bold; color:var(--type-info); font-size:15px; }
.processCmd .modules .module .module-content .module-list > li .el > .el-action { flex:4; text-align:right; }
.processCmd .modules .module .module-content .module-list > li .el > .el-action .btn + .btn { margin-left:5px; }
.processCmd .modules .module .module-content .module-list > li .el > .el-action button.btn { padding:6px 8px; }
/* .processCmd .modules .module .module-content .module-list > li .el > .el-action .btn-delete { background-color:var(--alt-color-dark-3); } */
.processCmd .modules .module .adresse-content {display: flex;justify-content: space-between;}
.processCmd .modules .form-errors ul {background-color: var(--type-error-lt);border-radius: 5px;display: flex;flex-direction: column;align-items: center;padding: 10px;margin-bottom: 10px;border: solid 1px var(--alt-color);}
.processCmd .modules .module .margin-5 {margin-top: 10px !important;}
.processCmd .modules .module .hide {display: none !important;}
.processCmd .pay-disabled {cursor: not-allowed;background-color: lightgray;color: white;border-color: rgba(213, 213, 213, .4);}
.processCmd .pay-disabled:hover {background-color: rgba(118, 136, 113, 0.4);color: white;border-color: rgba(213, 213, 213, 0.4);}
.processCmd .address {overflow: hidden;}
.processCmd .red {color: var(--type-error) !important; border-color: var(--type-error) !important;}
.processCmd .input-error {border-color: #d00;color: #d00;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset, 0 0 2px 1px rgba(240, 61, 31, 0.3);}
.processCmd .btn-add {margin-top: 6px;}

.processCmd .right .recap h3 { font-size:22px; text-align:left; margin:0; padding:0 0 10px; }
.processCmd .right.loading > * { opacity:.4; pointer-events:none;  user-select:none; cursor:progress; }
.processCmd .right .recap-content-nav { display:flex; flex-direction:column; }
.processCmd .right .recap .recap-content .nb-articles,
.processCmd .right .recap .recap-content .subtotal,
.processCmd .right .recap .recap-content .fdl { padding:5px 0 5px 0; font-size:16px; display:flex; }
.processCmd .right .recap .recap-content .subtotal:empty { display:none; }
.processCmd .right .recap .recap-content .nb-articles { border-bottom:1px solid #DFDFDF; padding-bottom:10px; margin-bottom:7px; }
.processCmd .right .recap .recap-content .subtotal span,
.processCmd .right .recap .recap-content .fdl span { flex:1; }
.processCmd .right .recap .recap-content .subtotal span:last-child,
.processCmd .right .recap .recap-content .fdl span:last-child { flex:0.7; display:flex; justify-content:end; }
.processCmd .right .recap .recap-content .fdl { margin-bottom:5px; }
.processCmd .right .recap .recap-content .total { display:flex; font-weight:bold; justify-content:space-between; padding:12px 0; border-top:1px solid #DFDFDF; }
.processCmd .right .recap .recap-content .total p { font-size:20px; }
.processCmd .right .recap .recap-content .cgv { align-items:start; }
.processCmd .right .recap .recap-content .cgv input { margin:0; }
.processCmd .right .recap .recap-content .cgv label { padding-left:16px; font-size:14px; cursor:pointer; }
.processCmd .right .recap nav { justify-content:center; padding-bottom:0; order:3; }
.processCmd .right .recap nav .btn.next { text-align:center; margin-left:unset; }

.processCmd .modules .module.loading::after { content: ""; position: absolute; top: 25px;  left: 50%;  width: 30px;  height: 30px;  margin: -15px 0 0 -15px;  border: 4px solid #ccc; border-top: 4px solid var(--type-info);  border-radius: 50%;  animation: processCmd-spin 750ms linear infinite;  z-index: 10;}
.processCmd .right.loading::after { content: ""; position: absolute; top: 25px;  left: 50%;  width: 30px;  height: 30px;  margin: -15px 0 0 -15px;  border: 4px solid #ccc; border-top: 4px solid var(--type-info);  border-radius: 50%;  animation: processCmd-spin 750ms linear infinite;  z-index: 10; display: flex
; align-items: center;}

@keyframes processCmd-spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Sauvegarde panier
---------------------------------------------------------------------- */
.processPage .save-name { display: flex; }
.processPage .save-name-ok { display: flex; justify-content: center; align-items: center; }

/* Login & création compte
---------------------------------------------------------------------- */
.auth {display:flex; justify-content: space-between;}
.auth.auth-step{flex-direction:column; max-width:450px; margin-left:auto; margin-right:auto; position:relative; transition:all 300ms ease;}
.auth.auth-step.step-pass,
.auth.auth-step.step-register,
.auth.auth-step.step-emailcheck { display:none; }
 .auth.auth-step.step-emailcheck nav { /* display:none; */ }
 .simple-modal .auth.auth-step.step-emailcheck nav { display:block; }
.simple-modal h3, .auth h3 { padding:0.4em; margin: 6px 0px; font-size:2.4em; line-height:1.1em; text-align: center; }
.auth > article {width:calc(50% - 20px); background: #fbfbfb; border:1px solid #eee; padding:10px 30px; display:flex; flex-direction: column; justify-content: space-between;}
.connect-popin .auth > article { background:none; border:0; }
.auth > article.account-step {width:100%;}
.auth > .account-new {text-align:center; padding-top:20px;}
.auth > article.account-step div { text-align:center;}
.auth > article.account-step fieldset {padding:0; margin-top:0;}
.auth > article.account-step fieldset article { margin:12px 0; flex-direction:column; }
.auth > article.account-step fieldset[data-codeform="shopNewAccountExpress"] article { margin-top:5px; margin-bottom:5px; }
.auth > article.account-step fieldset[data-codeform="shopNewAccountExpress"] article.formTxt  { font-style:italic; }
.auth > article.account-step fieldset article.article-email-edit { margin-bottom:0; }
.auth > article.account-step fieldset article > * {width:100%; float:none; text-align:left; padding-left:0; }
.auth > article.account-step fieldset article > .forgetPwd { text-decoration:underline; }
.auth > article.account-step fieldset article > label {color:#000; font-weight:bold;font-size:14px; padding-bottom:4px;}
.auth > article.account-step fieldset article.formRadio ul li:last-child { padding-right:0; }
.auth > article.account-step nav {justify-content:center;}
.auth > article div {font-size:15px; line-height: 19px;}
.auth > article .digiForm {margin-top:10px;}
.auth > article .digiForm nav {text-align: center; padding-bottom:10px; }
.auth .divider{position:relative; text-align:center; margin:15px 0;}
.auth .divider::after{background-color:transparent; border-top:1px solid #d5d9d9; content:''; display:block; height: 1px; margin-top:-1px; position:absolute; top: 50%; z-index: 1; width: 100%;}
.auth .divider > span { padding:0 5px; background:#FFF; position:relative; z-index:2;}
.auth > article.account-step .email-user { font-weight:normal; font-size:16px; }
.auth > article.account-step .email-edit { margin-left:7px; font-weight:normal; font-size:13px; text-decoration:underline;}
.auth > article.account-step .page-form { padding-bottom:0; padding:0; padding-bottom:0 !important; }
.auth > article.account-step fieldset.digiForm > section { padding-top:0; padding-bottom:15px; margin-top:0; margin-bottom:0; }
.auth > article.account-step fieldset.digiForm > section:last-child { padding-bottom:0px; }
.auth > article.account-step .form-title { margin-top:10px; text-transform: uppercase; font-weight: bold; color: var(--main-color2); border: 0; text-align: left;  letter-spacing:0; font-size:14px; }
.auth > article.account-step input[type="text"],
.auth > article.account-step input[type="password"],
.auth > article.account-step select { width:100%; }
.password-wrapper { position: relative; display: inline-block; width: 100%;  text-align:left; }
.password-wrapper i { position:absolute;right:0px; top:50%; transform:translateY(-50%); cursor:pointer;  color:#888; padding:10px; }


/* Panier (page)
---------------------------------------------------------------------- */
.basket-page {	padding: 0 15px;}


/* Panier (bloc du panier)
---------------------------------------------------------------------- */
.basket-page .basket {width:100%; border:solid #eee; border-width: 0 0 1px 1px; }
.basket-page .basket.empty td {text-align: center; padding: 15px;}
.basket-page .basket thead {background: #fbfbfb;}
.basket-page .basket thead tr {}
.basket-page .basket thead tr td {border:solid #eee; border-width: 1px 1px 0 0; padding:12px; color:#000;}
.basket-page .basket thead tr td.price,
.basket-page .basket thead tr td.qtty {text-align: center;}
.basket-page .basket tbody {margin-bottom: 10px; background: #fbfbfb;}
.basket-page .basket tbody tr {}
.basket-page .basket tbody tr td {border:solid #eee; border-width: 1px 1px 0 0;}
.basket-page .basket tbody tr td.product figure {width:150px; display: inline-block; vertical-align: top;}
.basket-page .basket tbody tr td.product figure img {width:100%;}
.basket-page .basket tbody tr td.product figure img.no-pic {padding: 20%;}
.basket-page .basket tbody tr td.qtty {text-align: center;  padding:4px;}
.basket-page .basket tbody tr td.price {text-align: center;  padding:12px;}
.basket-page .basket tbody tr td.totalpriceHT {text-align: right; width:120px;}
.basket-page .basket tbody tr td.del {text-align: center; width:52px; }
.basket-page .basket.foot {margin:20px 0; border:none;}
.basket-page .basket tfoot {}
.basket-page .basket tfoot td.corner {width:70%; border:none; border-right:1px solid #eee; vertical-align: top}
.basket-page .basket tfoot td.corner section.corner {display:flex;}
.basket-page .basket tfoot tr:first-child td.subtotal,
.basket-page .basket tfoot tr:first-child td.subprice {border:solid #eee; border-width: 1px;}
.basket-page .basket tfoot tr td.price {width:120px; text-align: right;}
.basket-page .basket tfoot tr td.subtotal,
.basket-page .basket tfoot tr td.subprice,
.basket-page .basket tfoot tr td.price,
.basket-page .basket tfoot tr td.total {border:solid #eee; border-width: 0px 1px 1px 0px; padding:12px; font-size:14px; text-align: right; background: #fbfbfb;}
.basket-page .basket tfoot tr td.subtotal,
.basket-page .basket tfoot tr td.total {font-weight: bold; color:#000;}

.basket-page .basket + .information {margin-top:20px; }


/* Choix Adresse
---------------------------------------------------------------------- */
/* digi-addresses : vieux module js Multi-adresse, pas finalisé ? */
.digi-addresses ul li.address.chosen {border-color: #f15c84 !important;}
.digi-addresses ul li.address.chosen::after {color: #f15c84 !important; border-color: #f15c84 !important;}
.digi-addresses ul li.new:hover {color: #f15c84 !important;	border-color: #f15c84 !important;}

.addressChoice {padding:5px 0;}
.addressChoice > ul { background: #fefefe; }
.addressChoice > ul > li { display: flex; align-items: center; padding:8px 4px; transition: background-color 0.3s ease; border-bottom:1px solid #EEE; }
.addressChoice > ul > li > input {display:inline-block; margin: 20px; vertical-align: top;}
.addressChoice > ul > li > label {display:inline-block; width:calc(100% - 50px); vertical-align: top;}
.addressChoice > ul > li > label span.n {display:block; font-size:14px; line-height: 18px; padding:4px 0; }
.addressChoice > ul > li > label span.n > * {vertical-align: middle;}
.addressChoice > ul > li > label span.n span strong { font-size:16px; }
.addressChoice > ul > li > label span.addr {display:block; font-size:14px; line-height: 18px;}
.addressChoice > ul > li.newAddr {padding: 30px; font-size:14px; flex-direction: column; align-items:start; }
.addressChoice > ul > li.newAddr button {margin-top:8px;}
.addressChoice > ul > li:not(.newAddr):hover {background: var(--main-color-light-4);}
.addressChoice > ul > li.sel { background: var(--type-success-lt); }


/* Choix Livraison
---------------------------------------------------------------------- */
.shipModes {margin:20px 0;}
.shipModes li {padding:10px 0; border-bottom: 1px solid #eee; transition: all 0.3s ease;}
.shipModes li input {vertical-align: top;}
.shipModes li label {vertical-align: top; padding-left:12px; display: inline-block; width:calc(100% - 30px);}
.shipModes li label h5 {margin:0; color:#000; font-weight: bold; font-size:16px;}
.shipModes li label .price {color: #36c2d9;}
.shipModes li label .price > .tax {font-size: 0.6em;}
.shipModes li div {padding:12px 0px; line-height: 18px; font-size:13px;}
.shipModes li:last-child {border:none;}
.shipModes li:hover {background: #eee;}

.infoShip { line-height: 18px; border-bottom:1px solid #EEE; }
.infoShip h4 { padding-bottom:20px; color:var(--main-color) }
.infoShip b {font-size:15px;}
.infoShip address { font-size: 14px; padding-left:0; padding-top:10px; }
ul.shipModes { border-bottom:1px solid #EEE; margin:0; padding:20px 0; }


/* Récapitulatif (validation)
---------------------------------------------------------------------- */
.processPage .basket {width:100%; border:solid #eee; border-width: 0 0 1px 1px; margin:20px 0 0 0;}
.processPage .basket thead {background: #fbfbfb;}
.processPage .basket thead tr td {border:solid #eee; border-width: 1px 1px 0 0; padding:12px; color:#000;}
.processPage .basket thead tr td.price,
.processPage .basket thead tr td.qtty {text-align: center;}
.processPage .basket tbody {margin-bottom: 10px; background: #fff;}
.processPage .basket tbody tr td { border: 1px solid #eee; padding:12px; background: #fff;}
.processPage .basket tbody tr td.qtty {text-align: center;  padding:4px;}
.processPage .basket tbody tr td.price {text-align: center;  padding:12px;}
.processPage .basket tbody tr td.totalpriceHT {text-align: right; width:120px;}
.processPage .basket.foot {margin:20px 0; border:none;}
.processPage .basket tfoot td.corner {width:70%; border:none; border-right:1px solid #eee; vertical-align: top}
.processPage .basket tfoot td.corner section.corner {display:flex;}
.processPage .basket tfoot tr:first-child td.subtotal,
.processPage .basket tfoot tr:first-child td.subprice {border:solid #eee; border-width: 1px;}
.processPage .basket tfoot tr td.price {width:120px; text-align: right;}
.processPage .basket tfoot tr td.shipping,
.processPage .basket tfoot tr td.shippingprice,
.processPage .basket tfoot tr td.subtotal,
.processPage .basket tfoot tr td.subprice,
.processPage .basket tfoot tr td.price,
.processPage .basket tfoot tr td.total {border:solid #eee; border-width: 0px 1px 1px 0px; padding:12px; font-size:14px; text-align: right; background: #fbfbfb;}
.processPage .basket tfoot tr td.subtotal,
.processPage .basket tfoot tr td.total {font-weight: bold; color:#000;}

.processPage .basket tfoot tr td.shipping,
.processPage .basket tfoot tr td.shippingprice {font-size:11px;}


.processPage .payModes {display: flex; justify-content: center; flex-wrap: wrap; margin: 0 0 25px 0;}
.processPage .payModes li {margin: 15px 12px; border:2px solid #EEE; border-radius:18px;min-width:170px; text-align:center; }
.processPage .payModes li label { padding:35px 45px; display:inline-block; text-align:center; }
.processPage .payModes li.select {border: 2px solid var(--main-color2); }
.processPage .payModes li img {display: block; width: 150px; height: 90px; object-fit: contain; display:block; }
.processPage .payModes li span {display: block;	text-align: center;	margin-top: 10px;}
.processPage .cgv { margin: 10px 0; font-size:14px; display:flex; justify-content: end;  align-items: start; order:2; margin-top:0; }
.processPage .cgv > label { font-size: 0.9em; padding-left:8px; line-height:1.2em; }
.processPage .cgv > input { margin-top:0; }
.processPage .choiceQuotation > input { margin-top:0; }
.processPage .choiceQuotation {margin: 25px 0; font-size:14px; text-align:center;}
.processPage .choiceQuotation > label { font-size: 15px; }
.processPage .recap .choiceQuotation { margin:10px 0; display:flex; justify-content:start; align-items:start; }
.processPage .recap .choiceQuotation > label { font-size: 0.9em; padding-left:8px; line-height:1.2em; text-align:left; }
.processPage .recap .message-container-wrapper { order:3; }
.recap-error { border:1px solid var(--type-warning); border-radius:5px; padding:10px; width:100%; color:var(--type-warning); text-align:left; }
#deliveryModal .recap-error { margin-bottom: 5px; border-color: var(--type-error); color: var(--type-error);}

.processPage .prod.card { display:flex; margin-bottom:8px; gap:20px; padding:10px !important; }
.processPage .prod.card > * { flex:1; }
.processPage .prod.card h2 { margin:0 0 10px 0; padding-top:0px; font-size:16px; font-weight:bold; line-height:18px; color:#000; }
.processPage .prod.card h2 a { color:#000; }
.processPage .prod.card h2 > .qtty { font-size:22px; color:#555; font-weight:normal; color:var(--type-info); }
.processPage .prod.card h2 > .qtty > span { font-size:inherit; font-size:18px; }
.processPage .prod.card > .picture { flex:1; max-width:120px; }
.processPage .prod.card > .product { flex:4; display: flex; flex-direction: column; justify-content: center;}
.processPage .prod.card > .product .price { font-size:14px; font-weight:normal; }
.processPage .prod.card > .price { flex:1; display:flex; flex-direction:column; justify-content:center; align-items:end; font-size:20px; font-weight:bold; }
.processPage .prod.card > .price > span { font-weight:normal; font-size:14px; }
.processPage .prod.card > .picture img { width:100%; max-height:90px; display:block; }
.processPage .prod.card section.price { justify-content:start; align-items:start; padding:0px; font-weight:bold; font-size:16px; }
.processPage .prod.card section.price > span { padding:0px !important; }
.processPage .no-pic img { padding: 10% !important; }



/* Confirmation de commande
---------------------------------------------------------------------- */
.paymentConfPage .content strong {color: var(--main-color); font-weight: 900;}
.paymentConfPage nav.actions { padding: 25px 0; }

/* Paiement par carte
---------------------------------------------------------------------- */
.processPage .payment_form .chapo {
	margin-bottom: 15px;
	text-align: center;
}

.processPage .payment_form form > div {
	text-align: center;
}

/* Panier (base)
---------------------------------------------------------------------- */

/* Panier (default)
---------------------------------------------------------------------- */
.basket.default {width:100%; border:solid #eee; border-width: 0 0 1px 1px; }
.basket.default thead {background: #fbfbfb;}
.basket.default thead tr td {border:solid #eee; border-width: 1px 1px 0 0; padding:12px; color:#000; font-weight: bold;white-space: nowrap; text-align: center;}
.basket.default thead tr td.product { text-align: left; }
.basket.default tbody {margin-bottom: 10px; background: #fbfbfb;}
.basket.default tbody tr td { border: 1px solid #eee; }
.basket.default tbody tr td.product { min-width: 60%; padding: 12px;}
.basket.default tbody tr td.product article { padding:0 20px 5px 20px; display: inline-block; vertical-align: top;}
.basket.default tbody tr td.product h2 { font-size:18px; line-height: 22px; text-align: left; text-transform: none; font-variant: none; margin: 5px 0; }
.basket.default tbody tr td.product h2 a { font-size: 16px; color: var(--main-color); }
.basket.default tbody tr td.product .period { margin: 5px 0 10px 0; }
.basket.default tbody tr td.product .period > span { font-weight: bold; }
.basket.default tbody tr td.product .ref { font-size: 10px; }
.basket.default tbody tr td.product .prod { font-size: 10px; }
.basket.default tbody tr td.dispo { white-space: nowrap; }
.basket.default tbody tr td.qtty {text-align: center;  padding:4px;}
.basket.default tbody tr td.price {text-align: center;  padding:12px; white-space: nowrap; width:100px; }
.basket.default tbody tr td.totalpriceHT {text-align: right; width:120px;}

.basket.default.foot {margin:0 0 20px 0; border:none;}
.basket.default.foot tfoot {}
.basket.default.foot tfoot td.corner {width:70%; border:none; border-right:1px solid #eee; vertical-align: top}
.basket.default.foot tfoot td.corner section.corner {display:flex; padding-right:22px; }
.basket.default.foot tfoot tr:first-child td.subtotal,
.basket.default.foot tfoot tr:first-child td.subprice {border:solid #eee; border-width: 1px;}
.basket.default.foot tfoot tr td.price {width:152px; text-align: right;}
.basket.default.foot tfoot tr td.subtotal,
.basket.default.foot tfoot tr td.subprice,
.basket.default.foot tfoot tr td.price,
.basket.default.foot tfoot tr td.total {border:solid #eee; border-width: 0px 1px 1px 0px; padding:12px; font-size:14px; text-align: right; background: #fbfbfb;}
.basket.default.foot tfoot tr td.subtotal,
.basket.default.foot tfoot tr td.total {font-weight: bold; color:#000;}
.basket.default.foot.no-corner {
	background: #fbfbfb;

	width: 320px;
	max-width: 100%;

	margin-top: 20px;
	margin-left: auto;

	border: 1px solid #eee;
	border-collapse: collapse;
}

.basket.default.foot.no-corner td {
	padding: 10px;
	border: 1px solid #eee;
	text-align: right;
}
.basket.default.foot td > .corner { display: flex; flex-direction: column; }
.basket.default.foot .corner .corner-module { margin: 10px 0; }
.basket.default.foot .corner .corner-module h2 {font-size:13px; line-height:16px; font-weight:bold; color:#000; text-transform: none; font-variant: none; text-align: left; padding: 0; margin:4px 0;}

.basket.default.foot .corner .corner-module.codepromo .code { font-weight: bold; }
.basket.default.foot .corner .corner-module.allergens .allergens-list { display: block; text-align: center; font-weight: bold; margin-top: 5px; }

.basket.default.foot .corner input {background: #eee; padding:4px; height:28px; font-size:13px; }
.basket.default.foot .corner .corner-module.delivery button { margin-right: 8px;}
.basket.default.foot .corner .corner-module.delivery .invalid { color: var(--type-error); font-weight: bold; margin-left: 8px; }

.basket-header { text-align:center; }
.basket-header .delivery h2,
.basket-header .delivery article { text-align:center; }
.basket-header .delivery article { font-size:18px; }

/* Panier (mini)
---------------------------------------------------------------------- */
.shop-mini-basket {background: #fff; padding:15px; margin-top:30px; cursor: auto;}
.shop-mini-basket .basket.mini {border-collapse:collapse;border-spacing:0; width: 100%;}
.shop-mini-basket .basket.mini tbody tr { }
.shop-mini-basket .basket.mini tbody td {padding:0;}
.shop-mini-basket .basket.empty tbody td { text-align: center; padding: 10px;}
.shop-mini-basket .basket.mini .picture {width:50px; font-size: 0; padding: 5px 0;}
.shop-mini-basket .basket.mini .picture img {width:100%;}
.shop-mini-basket .basket.mini .product {font-size: 12px;  padding:5px 6px;}
.shop-mini-basket .basket.mini .product .name > a { color:#FFF; font-weight: bold; }
.shop-mini-basket .basket.mini .product section.price { font-size: 12px; align-items: flex-start;}
.shop-mini-basket .basket.mini .product section.price .amount { font-size: 14px; font-weight: bold; padding: 0; }
.shop-mini-basket .basket.mini .del { text-align: right; }

.shop-mini-basket .basket.mini tfoot {}
.shop-mini-basket .basket.mini tfoot td {padding:10px 0;}
.shop-mini-basket .basket.mini .subtotal { text-align: left;}
.shop-mini-basket .basket.mini .subprice { text-align: right;}
.shop-mini-basket .basket.mini .total { font-weight: bold; text-align: left;}
.shop-mini-basket .basket.mini tfoot .price { font-weight: bold; text-align: right;}

.shop-mini-basket nav.actions { text-align: center; padding-top: 10px; }

/* Panier (mini) - Déroulant
---------------------------------------------------------------------- */
body > header .overHead .areas li.top-basket > a i { margin-right: 8px; }
.areas .basketQtty { position:absolute; z-index:10; top:2px; right:4px; background: var(--main-color2); border-radius: 20px; width:20px; height: 20px; font-size:11px; font-weight: normal; padding:4px 0; text-align: center; color:#FFF; display:flex; align-items:center; justify-content:center; }
.areas .basketQtty:empty {display: none;}
.areas .basketPrice { display: inline-block; border-radius: 10px; background: var(--main-color); color: #fefefe; font-size: 11px; padding: 4px 6px; margin-left: 3px; }
.top-basket { position: relative; }
.top-basket .basket-dropdown.shop-mini-basket {
	position: absolute; top: -100vh; right: 0;
	z-index: -1; background: var(--alt-bg); width: 320px; transition: all 0.3s ease; margin-top:0px;
	color: var(--alt-txt-color);
	border-bottom-left-radius: 8px;
	z-index:1;
}
.top-basket:hover .basket-dropdown.shop-mini-basket { top:100%; }


/* Popin ajout / ajouté au panier
---------------------------------------------------------------------- */
.modal.shop .inner-content {padding:20px;}
.modal.shop .inner-content > .product-view > .product {display:flex;border: none;}
.modal.shop .inner-content > .product-view > .product aside {width:40%;}
.modal.shop .inner-content > .product-view > .product aside figure {width:100%; padding:0;}
.modal.shop .inner-content > .product-view > .product aside figure img {width:100%; border-radius: 8px;}
.modal.shop .inner-content > .product-view > .product aside figure img.no-pic {padding:20%;}
.modal.shop .inner-content > .product-view > .product > article {display: flex; flex-direction: column; width:60%; padding-left:20px;}
.modal.shop .inner-content > .product-view > .product > article > .title {font-size:18px; margin-bottom: 10px; color: var(--main-color); font-weight: bold; }
.modal.shop .inner-content > .product-view > .product > article > .ref { font-size: 12px; margin-bottom: 10px; color: #555; }
.modal.shop .inner-content > .product-view > .product > article > .ref > span { font-weight: bold; }
.modal.shop .inner-content > .product-view > .product > article > .error {font-size:14px; color:#d00;margin:15px 0; padding:10px; border:#d00; background: #fdd;}
.modal.shop .inner-content > .product-view > .product > article > .error:empty { display: none; }
.modal.shop .inner-content > .product-view > .product > article > .price { align-items: flex-start; }
.modal.shop .inner-content > .product-view > .product > article > .price > span { padding: 0; }
.modal.shop .inner-content > .product-view > .product > article > .package {font-size:13px;padding-top:10px;}
.modal.shop#addToBasket .inner-content > .product-view article .quantity {padding-top:10px; margin-top: auto;}
.modal.shop .inner-content .quantity-modifier {margin:6px 0; justify-content: flex-end; }
.modal.shop nav.actions { display:flex; justify-content: space-between; margin-top:20px; text-align: center; justify-content:center; }
.modal.shop nav.actions.center { justify-content: center;}
.modal.shop nav.actions.right { justify-content: flex-end;}
.modal.shop nav.actions.left { justify-content: flex-start;}
.modal.shop nav.actions .add,
.modal.shop nav.actions .moveforward { /*margin-left: auto;*/ }
.modal.shop nav.actions .add-unavailable { margin-left: auto; }
.modal.shop .assoc-products { background-color:var(--alt-color-light-4); padding:10px 0; }
.modal.shop .assoc-products h4 {padding-left:20px; margin-bottom: 5px;}

/* Choix date de livraison
---------------------------------------------------------------------- */
.overHead .delivery { display: flex; align-items: center; }
.overHead .delivery .delivery-date { position: relative; margin-left: 10px; padding-left: 30px; background:rgba(213,213,213,.4); border-radius:15px; }
header.homePage .overHead .delivery .delivery-date { background:rgba(255,255,255,.3); }
header.homePage.scroll .overHead .delivery .delivery-date { background:rgba(213,213,213,.4); }
.overHead .delivery .delivery-date input { height: 30px; font-size: 14px; text-align:left;  max-width: 90px; border:0; background:none;  padding-left:6px; padding-right:6px; color:#242424; }
.overHead .delivery .delivery-date::before {
	position: absolute; left: 5px; top: 20%;
	display: flex; justify-content: center; align-items: center;
	content:'';
	background-image:url(/img/calendar.svg);
	height: 55%; width: 30px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	color: var(--main-txt-color);
}
.overHead .delivery .delivery-date input:empty { max-width:100px; }
.overHead .delivery .delivery-time,
header.scroll .overHead .delivery .delivery-time { margin-left: 10px; position:relative; padding-left: 30px; background:rgba(213,213,213,.4); border-radius:15px; padding-right:5px; }
header.homePage .overHead .delivery .delivery-time { background:rgba(255,255,255,.3); }
header.homePage.scroll .overHead .delivery .delivery-time { background:rgba(213,213,213,.4); }
.overHead .delivery .delivery-time select { color:#000; height: 30px; font-size: 14px; padding: 0; text-align: center; background:transparent; border:0; padding-right:6px; }
.overHead .delivery .delivery-time select option { padding-left:0; }
.overHead .delivery .delivery-time::before {
	position: absolute; left: 5px; top: 20%;
	display: flex; justify-content: center; align-items: center;
	content:'';
	background-image:url(/img/time.svg);
	height: 55%; width: 30px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	color: var(--main-txt-color);
}

.overHead .delivery .delivery-mode { height:30px; min-width:100px; position: relative; margin-left: 10px; background:rgba(213,213,213,.4); border-radius:15px; }
.overHead .delivery .delivery-adr { position: relative; margin-left: 10px; padding-left: 30px; background:rgba(213,213,213,.4); border-radius:15px; }
header.homePage .overHead .delivery .delivery-adr { background:rgba(255,255,255,.3); }
header.homePage.scroll .overHead .delivery .delivery-adr { background:rgba(213,213,213,.4); }
.overHead .delivery .delivery-adr input { height: 30px; font-size: 14px; text-align:left; width: 140px; border:0; background:none;  padding-left:6px; padding-right:6px; color:#242424; }
.overHead .delivery .delivery-adr::before {
	position: absolute; left: 5px; top: 20%;
	display: flex; justify-content: center; align-items: center;
	content:'';
	background-image:url(/img/map.svg);
	height: 55%; width: 30px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	color: var(--main-txt-color);
}

.overHead .search { position: relative; margin-left: 10px; padding-left: 30px; background:rgba(213,213,213,.4); border-radius:15px; }
.overHead .search input[type="text"] { height: 30px; font-size: 14px; text-align:left; width: 220px; border:0; background:none;  padding-left:6px; padding-right:6px; color:#242424; }
.overHead .search input[type="text"]:focus { outline:none; box-shadow:none; }
.overHead .search input[type="button"] { color:#FFF; background:var(--main-color2); border:0; padding:0; font-size:13px; line-height:13px; height:100%; padding:5px 10px; border-bottom-left-radius: 0; border-top-left-radius: 0; justify-content:center; line-height:22px; right:-50px; position:relative; transition:all 300ms ease-in; opacity:0; }
.overHead .search input[type="text"]:focus + input[type="button"] { right:0px; opacity:1; }
.overHead .search input[type="button"]:hover {  }
body > header .overHead > div > ul > li.search { padding:0px 0px 0px 28px; overflow:hidden; }
.overHead .search::before {
	position: absolute; left: 5px; top: 24%;
	display: flex; justify-content: center; align-items: center;
	content:'';
	background-image:url(/img/loupe.svg);
	height: 55%; width: 30px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	color: var(--main-txt-color);
}

@media all and (max-width: 799px) {
	/* .overHead .delivery { display: none; } */
}

#chooseDate .location-mode { display: flex; flex-direction: row; }
#chooseDate .location-mode > article { display: flex; flex: 1 1 calc(50% - 10px); align-items: center; max-width: calc(50% - 10px); margin: 5px 5px; }
#chooseDate .location-mode > article > label { flex: 1 1 30%; }
#chooseDate .location-mode > article > div { flex: 1 1 70%; max-width: 80%; }

/* Déclinaisons
---------------------------------------------------------------------- */
.variant-details { margin: 10px 0; }
.variant-details > .detail { display: block; }
.variant-details > .detail:not(:last-child) { margin-bottom: 5px; }
.variant-details > .detail > .value { font-weight: bold; }

/* Module - jSlider (filtre)
---------------------------------------------------------------------- */
/* .layout-slider { margin:10px 0 10px 0; } */
.jslider { display:block; width:180px; height:1em; position:relative; top:0.6em; font-family:'Futura PT', sans-serif; color:#333; }
.jslider table { width:100%; border-collapse:collapse; border:0; }
.jslider td, .jslider th { padding:0; vertical-align:top; text-align:left; border:0; }
.jslider table,
.jslider table tr,
.jslider table tr td { width:100%; vertical-align:top; }
.jslider .jslider-bg { position:relative; }
.jslider .jslider-bg i { height:4px; position:absolute; font-size:0; top:0; }
.jslider .jslider-bg .l { width:50%; background:#999; left:0; border-radius:2px 0 0 2px; }
.jslider .jslider-bg .r { width:50%; background:#999; left:50%; border-radius:0 2px 2px 0; }
.jslider .jslider-bg .v { position:absolute; width:60%; left:20%; top:0; height:4px; background: var(--main-color); }
.jslider .jslider-pointer { width:12px; height:12px; background: var(--main-color); position:absolute; left:20%; top:-4px; cursor:pointer; border-radius:6px; }
.jslider .jslider-pointer:hover { background:var(--main-color-dark-1); }
.jslider .jslider-pointer-to { left:auto; right: 0; margin-left:-12px; }
.jslider .jslider-label { font-size:10px; line-height:11px; color:#999; white-space:nowrap; padding:0px 2px; position:absolute; top:-17px; left:0px; }
.jslider .jslider-label-to { left:auto; right:0; }
.jslider .jslider-value { font-size:11px; white-space:nowrap; padding:2px 2px 0; position:absolute; top:-19px; left: 0; background:white; line-height:11px; background:transparent; color:var(--sco-orange);font-weight:bold; }
.jslider .jslider-value-to { left:auto; right: 0; background:transparent; }
.jslider .jslider-label small,
.jslider .jslider-value small { position:relative; top:-0.4em; }
.jslider .jslider-scale { position:relative; top:9px; }
.jslider .jslider-scale span { position:absolute; height:5px; border-left:1px solid #999; font-size:0; }
.jslider .jslider-scale ins { font-size:9px; text-decoration:none; position:absolute; left:0px; top:5px; color:#999; }
.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v,
.jslider-limitless .jslider-label{ display:none; }




@media all and (max-height:765px) {
	#viewProduct { max-width:100%; overflow:auto; display:block; }
}