/* ---- Menu connecté ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Boutons ----------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up ------------------------------------------------------------------------------------------------------ */
.right-column { border-radius:0px; }

.content-popup .div_parametre {
    /*padding:			15px;*/
    margin-bottom:		10px;
}
.content-popup .div_parametre.erreur {
    color:				#CC3300;
    border: 			2px solid #CC3300;
    background-color:	#F4ADAD;
}
.content-popup .div_parametre.erreur h4 {
    color:				#CC3300;
}
.content-popup .div_parametre.erreur label div {
    border: 			2px solid #CC3300;
}
.content-popup .div_parametre.erreur label.active div::before {
    background: 	    #CC3300;
}
.content-popup .div_parametre.erreur .has-erreur p {
    padding: 10px;
    margin: 10px;
    background: 	    #CC3300;
    font-weight:        bold;
    color:				white;
}

.content-popup .div_parametre .btn_qty { margin-bottom:1rem; }
.content-popup .div_parametre .btn_qty .col-gauche { padding:0px; }
.content-popup .div_parametre .btn_qty .col-gauche .row { border:1px solid #a8a8a8; border-radius:5px; }
.content-popup .div_parametre.erreur .btn_qty .col-gauche .row { border:1px solid #CC3300; }
.content-popup .div_parametre .btn_qty .col-gauche .row .btn-moins,
.content-popup .div_parametre .btn_qty .col-gauche .row .btn-sup-moins { background-color:#e8e8e8; padding:0px; padding-left:8px; padding-top:4px; border:0px; border-top-left-radius:5px; border-bottom-left-radius:5px; }
.content-popup .div_parametre.erreur .btn_qty .col-gauche .row .qty { border-left:1px solid #CC3300; border-right:1px solid #CC3300; }
.content-popup .div_parametre .btn_qty .col-gauche .row .qty { padding-left:6px; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; }
.content-popup .div_parametre .btn_qty .col-gauche .row .btn-plus,
.content-popup .div_parametre .btn_qty .col-gauche .row .btn-sup-plus { background-color:#e8e8e8; padding:0px; padding-left:8px; padding-top:4px; border:0px; border-top-right-radius:5px; border-bottom-right-radius:5px; }
.content-popup .div_parametre .btn_qty .col-droite { margin-bottom:1rem; }

/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Module de navigation ---------------------------------------------------------------------------------------- */
nav::after {bottom:0;transform-origin:100% 100%;}
nav .login::before {transform:skewY(-.5deg);transform-origin:0 100%;top:-100%;}

nav ul li .choixlivraison {position:relative;}
nav ul li .choixlivraison a {text-align:left;position:relative;cursor:pointer;}
nav ul li .choixlivraison a::before {display:none;}
nav ul li .choixlivraison::before {position:absolute;content:'';height:16px;width:16px;left:-22px;top:2px;background-color:#fff;transition:.4s;border-radius:50%;}
nav ul li .choixlivraison.livraison::before {top:2px;}
nav ul li .choixlivraison.retrait::before {top:19px;}
nav ul li.bt-switch {display:flex;align-items:center;align-content:center;justify-content:center;}
nav ul li.bt-switch div, nav.scrolled ul li.bt-switch div {text-align:left;line-height:1.3;font-size:14px;}

.slider.round:before {display:none;}
nav ul li .choixlivraison {position:relative;}
nav ul li .choixlivraison a {text-align:left;position:relative;}
nav ul li .choixlivraison a::before {display:none;}
nav ul li .choixlivraison::before {position:absolute;content:'';height:16px;width:16px;left:-22px;top:2px;background-color:#fff;transition:.4s;border-radius:50%;}
nav ul li .choixlivraison label {margin-bottom:0;}
nav ul li input[id="choixlivraison"] {display:none;}
nav ul li input[id="choixlivraison"]:checked ~ .choixlivraison::before {top:19px;}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Avis ------------------------------------------------------------------------------------------------- */
.star-1, .star-2, .star-3, .star-4, .star-5, .star-moy {border-right:12px solid transparent;border-bottom:8px solid #dfdfdf;border-left:12px solid transparent;position:relative;margin:0;display:block;width:0;height:0;transform:rotate(35deg);}
.star-1:before, .star-2:before, .star-3:before, .star-4:before, .star-5:before , .star-moy:before {border-bottom:10px solid #dfdfdf;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;display:block;width:0;height:0;top:-6px;left:-8px;transform:rotate(-35deg);content:'';}
.star-1:after, .star-2:after, .star-3:after, .star-4:after, .star-5:after, .star-moy:after {position:absolute;display:block;width:0;height:0;top:1px;left:-13px;border-right:12px solid transparent;border-bottom:8px solid #dfdfdf;border-left:12px solid transparent;transform:rotate(-70deg);content:'';}
.rating {display:inline-block;padding:0;margin:0;cursor:pointer;list-style-type:none;vertical-align:3px;}
.rating .star {display:inline-block;margin:0;padding:0;}
.rating.note-globale {margin:0 auto;display:block;text-align:center;}
.rating.note-clients {transform:scale(.75);transform-origin:0 0; margin-bottom:5px;}
#avis .content-popup h5 {margin-bottom:5px;}
#avis .content-popup p.h4 {font-size:30px;text-align:center;color:#d9242e;}
#avis .content-popup p {font-size:14px;}
#avis .avis-internaute {text-align:center;}
#avis .content-popup .avis-internaute {padding-top:20px;}
#avis .content-popup .avis-internaute p {color:#d9242e;font-size:16px;margin-bottom:0;}
#avis .liste {overflow:auto;height:100%;max-height:560px;}
#avis [name="commentaire-internaute"] {resize:none;width:100%;font-size:14px;padding:5px;}
#avis h4 {margin-bottom:10px; font-size:30px;text-align:center;color:#d9242e;}
#avis h4 span {text-align:center;font-style:normal;}
#avis h4 span em {display:block;font-size:30px;color:#000;display:block;font-style:normal;}
#avis h4 span::after {content:'';display:block;width:80px;height:6px;margin:20px auto 10px auto;background:#000;}
#avis a {color:var(--couleur_principale);}
#avis .content-popup .row:first-of-type {border:0;}
#avis_ajout .principal { color:var(--couleur_principale); }
#avis_ajout span::before, #avis_ajout span::after {content:'';}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Infos pratiques -------------------------------------------------------------------------------------- */
#info_pratique .font_14 {font-size:15px;}
#info_pratique .liste {overflow:auto;height:100%;max-height:560px;}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Connexion / Inscription ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Validation de commande ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Historique & Suivi de commandes ---------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Changement de quartier (Pop-up) ----------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Section Inscription ----------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ==== Divers ====================================================================================================== */
.container { padding-left:0px; padding-right:0px; }
header.rm {margin-top:113px;height:240px;display:flex;align-items:center;align-self:center;align-content:center;justify-content:flex-end;}

.switch {position:relative;display:inline-block;width:10px;height:32px;}
.switch input {display:none;}
.message_rm {
    padding:			15px;
    margin-bottom:		10px;
    color:				#000;
    text-align:			center;
    border: 			2px solid #000;
    background-color:	#DBDBDB;
}

#top {min-height:300px;}
#top {-moz-box-shadow:-5px 10px 10px 0px #bcbbbb;-webkit-box-shadow:-5px 10px 10px 0px #bcbbbb;-o-box-shadow:-5px 10px 10px 0px #bcbbbb;box-shadow:-5px 10px 10px 0px #bcbbbb;filter:progid:DXImageTransform.Microsoft.Shadow(color=#bcbbbb, Direction=243, Strength=10);}

#breadcrumbs {margin:10px 0;width:100%;padding:0 15px;}
.commentaire { border:2px solid var(--green); border-radius:5px; }

#infos { padding-top:10px; background-color:#FFF; border-radius:0px; }
.flex {display:flex;align-items:center;align-content:center;justify-content:center;}
h1 {font-family:'Montserrat', sans-serif; font-size:18px; font-weight:bolder; color:#000;}
h1 span {display:block;font-size:18px;font-weight:normal;line-height:40px;color:#000;}

span.lien_ouverture.ouvert { color: green; }
span.lien_ouverture.ferme { color: #CC3300; }
span.lien_ouverture.precommande { color: #1f76a0; }

/* ------------------------------------------------------------------------------------------------------------------ */

/* ---- Présentation des catégories --------------------------------------------------------------------------------- */
.bg-first-color {background:var(--couleur_principale);}
.bg-second-color {background:var(--couleur_secondaire);}

#container .right-column h3, #container .right-column h4 {font-family:'Montserrat', sans-serif;font-weight:600;font-size:30px;line-height:1;color:#3d3c3f;text-align:center;}
#container .right-column h4 {font-weight:normal;font-size:14px;color:#3d3c3f;}
#container .bt-collapse {color:var(--couleur_principale);font-weight:normal;text-align:center;display:flex;justify-content:center;cursor:pointer;}
#container .bt-collapse .bt-collapse-link {font-size:50px;transition:all .5s ease;}
#container .bt-collapse:hover .bt-collapse-link {font-size:80px;}
#container .right-column .bg-second-color h3, #container .right-column .bg-second-color h4, #container .bg-second-color .bt-collapse {color:#fff;}
#container .right-column .row {min-height:205px;}
#container .right-column .row.affichage_rm {min-height:235px; padding-top:25px;}

#div_contenu_categorie { max-height:1000px; }
div.contenu_categorie a img, div.contenu_categorie img {
    border-radius: 5px;
}

#container .row.product-list {min-height:0;}
#container .row.product-list.active {animation:none;height:auto;max-height:none;}
#container .row.product-list.inactive {animation:openListReverse .5s ease forwards; overflow:hidden;}
#container .product-list .row {min-height:0;}
.product-list p span {display:block;color:#9d9d9f;font-size:14px;}
.product-list p a {color:var(--couleur_principale); font-size:14px;}


/* ---- Liste des catégories de gauche ------------------------------------------------------------------------------ */
.carte.fixed {position:fixed; top:120px; overflow: auto; max-height: calc(100vh - 100px);}
.carte.fixed ul li a {padding:0;font-size:12px;}
.carte ul {margin:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;}
.carte ul li {list-style-type:none;}
.carte ul li a {display:block;color:#3d3c3f;padding:3px 0;transition:all .5s ease;}
.carte ul li a:hover {
color:var(--couleur_principale);
text-decoration:none;
}
.carte h2 {margin-bottom:0px;font-size:16px;font-weight:400;line-height:1.5;}
.carte a:hover h2, .carte a.active h2 {color:var(--couleur_principale); font-weight:600;}
.carte.fixed h2 {padding: 0;}
/* ------------------------------------------------------------------------------------------------------------------ */
/* ================================================================================================================== */


/* ---- Footer ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Version MOBILE ---------------------------------------------------------------------------------------------- */
@media screen and (max-width:991px){
    main .row { margin:0; }

    /* ---- Pop-up Validation de commande --------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------------------------------------------- */


    /* ==== Divers ================================================================================================== */
    .right-column { padding-left:0px; padding-right:0px; }
    #top h1 { margin-top:10px; }

    /* ============================================================================================================== */

}
/* ------------------------------------------------------------------------------------------------------------------ */