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

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



/* Produit - Liste
---------------------------------------------------------------------- */


/* Produit - Fiche
---------------------------------------------------------------------- */



/* Liste de produits
---------------------------------------------------------------------- */


/* Barre de filtre de recherche
---------------------------------------------------------------------- */
.shopColumn {}


/* Moteur de recherche
---------------------------------------------------------------------- */




/* Panier (bloc du panier)
---------------------------------------------------------------------- */



/* Panier (page)
---------------------------------------------------------------------- */



/* Login & création compte
---------------------------------------------------------------------- */



/* Choix Adresse
---------------------------------------------------------------------- */



/* Choix Livraison
---------------------------------------------------------------------- */



/* Récapitulatif (validation)
---------------------------------------------------------------------- */



/* Confirmation de commande
---------------------------------------------------------------------- */

/* Choix lieu et date livraison (page d'accueil)
---------------------------------------------------------------------- */
.delivery-choice { display: flex; flex-direction: row; justify-content: center; position: absolute; bottom: 250px; width: 100%; z-index: 1000; }
.delivery-choice > input { width: 40%; max-width: 300px; font-size: 14px; }


/* Sélecteur de date et créneau horaire
---------------------------------------------------------------------- */
body > .digi-slideshow { z-index: 1000; }

.date-selector-container {position: absolute; top: 100%;right: 0; background:white; width: 506px;}
.date-selector-container > header > label { display: block; font-size: 15px; font-weight: bold; color: #d2232a; text-transform: uppercase; padding: 15px; text-align: center; }
.date-selector-container > section { display: flex; padding: 0px 25px 15px; }
.date-selector-container > section .calendar { margin-right: 10px; }
.date-selector-container > section .calendar > table { border-collapse: separate; }
.date-selector-container > section .calendar > table td,
.date-selector-container > section .calendar > table th { font-size: 14px; text-align: center; border: 1px solid transparent; }
.date-selector-container > section .calendar > table thead th { padding: 6px; }
.date-selector-container > section .calendar > table tbody td { padding: 4px 6px; background: #fcf2f6; font-size: 14px; }
.date-selector-container > section .calendar > table tbody td { cursor: pointer; }
.date-selector-container > section .calendar > table tbody td.off { cursor: default; }
.date-selector-container > section .calendar > table tbody td.out { background: #fff; color: #ccc; }
.date-selector-container > section .calendar > table tbody td.today { border: 1px solid #d2232a; }
.date-selector-container > section .calendar > table tbody td.on,
.date-selector-container > section .calendar > table tbody td:not(.off):hover { background: #d2232a; color: #efefef; }

.date-selector-container > section .time {max-width:50%;}

/* Module - jSlider */
.layout-slider { margin:10px 0 10px 0; }
.jslider { display:block; width:180px; height:1em; position:relative; top:0.6em; font-family:Arial, 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:#006500; }
.jslider .jslider-pointer { width:12px; height:12px; background: #006500; position:absolute; left:20%; top:-4px; cursor:pointer; border-radius:6px; }
.jslider .jslider-pointer-hover { background:#64544b; }
.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; }
/**************** Filtres ***************/
.filter-slide-bloc {padding: 10px;}
.filter-titre {
	color: #000;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: bold;
}

/* Colonne Boutique */
.sideNav { float:left; width:25%; padding-right: 15px; padding-left: 15px; }
.sideNav > div,
.sideNav > section {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.12);
	padding: 0 3px;
	margin-bottom: 20px;
}

/* Colonne Boutique - Navigation */
.shop-catalog ul.menu > li { padding: 20px 0; border-bottom: 1px solid #F1F1F1; position: relative; }
.shop-catalog ul.menu > li.active::before {
    content: '';
    width: 9px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -3px;
    background-color: #d2232a;
}

.shop-catalog ul.menu > li > a { display: flex;align-items: center; padding: 0 20px;font-size: 15px;text-transform: uppercase;color: #222; cursor: pointer; }
.shop-catalog ul.menu > li:not(.active) > a:hover { color: #d2232a;}
.shop-catalog ul.menu > li > a > div.imgMenu > img { width: 20px; object-fit: contain; }
.shop-catalog ul.menu > li > a > div.imgMenu { margin-right: 20px; }
.shop-catalog ul.menu > li div.opensub {
	color: #d2232a;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 20px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	border: 1px solid transparent;
	cursor: pointer;
	z-index: 10;
}
.shop-catalog ul.menu > li div.opensub:hover { border-color: #d2232a; }
.shop-catalog ul.menu > li.active div.opensub { display: none; }

.shop-catalog ul.menu div.sub > ul { display: flex; flex-direction: column; margin-left: 60px; }
.shop-catalog ul.menu div.sub > ul > li { padding-left: 20px; position: relative; transition: 0.3s; }
.shop-catalog ul.menu div.sub > ul > li > a {
	font-size: 13px;
	line-height: 25px;
	font-family: "rubik_medium";
	color: #BEBEBE;
	text-transform: uppercase;
}
.shop-catalog ul.menu div.sub > ul > li > a::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #d2232a;
}
.shop-catalog ul.menu div.sub > ul > li > a:hover,
.shop-catalog ul.menu div.sub > ul > li.active > a { color: #d2232a; }

.payment-section .side-basket-product table.basket.foot tr td.total,
.payment-section .side-basket-product table.basket.foot tr td.subtotal { text-align: right;  }
.payment-section .side-basket-product table.basket.foot tr td.subprice { width: 10%;  }