/* Structure générale */

* {
    margin: 0;
    padding: 0;
    font-family: "filson-pro-light";
    font-size: 15.6px;
    color: #8f8980;
    line-height: 175%;
    letter-spacing: 0.05em;
}

body {
    background-color: #f6eee4 !important;
    font-family: "filson-pro";
    line-height: 120%;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}

section.sectionIntro {
    padding: 1rem 0 5rem;
}

section {
    padding: 5rem 0;
}

body a:hover {
    text-decoration: none;
    transition: all 1s;
}

body .container {
    max-width: 1450px;
}

.bigContent.container {
    max-width: 1600px;
}

body .popupAlert {
    background-color: #fff;
    color: #111;
}
.dropdown-toggle:after {
    font-size: 18px;
    color: #006b39;
}
/* Button and input */
body.bodyCel {
    background-image: none;
}

body .btn {
    border: 1px #006b39 solid;
    border-radius: 0;
}

body .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px #a7a095 solid;
    border-radius: 0;
    color: #8f8980;
}

/* CUSTOM SCROLLBAR */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #8dc63f;
}

/* Font, Background and Text Color */

.text-medium {
    font-size: 1.2em;
}

.subTitle {
    font-size: 3em;
    line-height: 120%;
}

body p, body h1, body h2 {
    line-height: 150%;
    margin-bottom: 0;
}

body h1 {
    font-size: 1em;
}
#concept strong {
    font-family: "filson-pro";
}

body strong, body b {
    font-family: "filson-pro-book";
    font-weight: 400;
}

.tk-brim-narrow-combined-1 {
    font-family: "brim-narrow-combined-1",sans-serif;
}

.pacifico {
    font-family: 'pacificoregular';
}
.regular {
    font-family: "filson-pro";
}
.book {
    font-family: "filson-pro-book";
}
.filson-pro-book {
    font-family: 'filson-pro-book';
}

.bg-vert {
    background-color: #006b39;
}

.bg-vert-clair {
    background-color: #83c24f;
}

.text-vert {
    color: #006b39;
}

.text-bleu-fonce {
    color: #31333e;
}

.text-vert-clair {
    color: #84c44f;
}

.text-jaune {
    color: #e5c857;
}

.bg-jaune {
    background-color: #e5c857;
}

.text-gris-clair {
    color: #f7efe4;
}

/* Mise en forme header */

header ul li a {
    font-family: 'filson-pro';
    transition: all 1s;
}

header ul li a:hover {
    color: #83c24f;
    transition: all 1s;
    text-decoration: none;
}

.navbar-toggler {
    top: 2rem;
    right: 1rem;
    z-index: 99;
}

.navbar-toggler i {
    font-size: 23px;
}

/* Mise en forme footer */

footer {
    background-color: #232d29;
}

footer .container {
    max-width: 1800px;
}

footer .mentions {
    font-size: 0.7em;
}

.sepFooter {
    width: 80px;
    border-top: 2px #f7efe4 solid;
}

/* Mise en forme CEL */

.titreProductCategory {
    font-size: 1em;
}

.titreCategory {
    font-size: 1.5em;
}
.clickCel {
    cursor: pointer;
}

body .liCategory .dropdown-menu {
    position: relative !important;
    float: none;
    top: 0 !important;
    transform: none !important;
    background-color: rgba(246,238,228,0.5);
    border: none;
    padding: 0;
}

.modfront-productsetitem {
    border: 1px #d8d2c9 solid;
    border-radius: 7px;
    cursor: pointer;
}

.active.modfront-productsetitem {
    border: 2px #006b39 solid;
}

body .conteneur-btn-commander .btn, body .btn#validComposition {
    background-color: #006B39;
    border-color: #006b39;
    color: #f1e9df;
    transition: all 1s;
}
body .conteneur-btn-commander .btn:hover, body .btn#validComposition:hover {
    background-color: #f1e9df;
    color: #006B39;
    transition:all 1s;
}

/* Mise en forme panier */


body .fixedButton .btn {
    background-color: #83c24f;
    color: #006b39;
    border-color: #83c24f;
}

body .recapBlock .btn {
    background-color: #83c24f;
    color: #006b39;
    border: none;
    font-family: "filson-pro",sans-serif;
}

body .recapBlock input {
    border: 1px #83c24f solid;
    border-radius: 5px 0 0 5px;
    color: #83c24f;
    font-size: 0.8em;
    border-right: none;
    background-color: transparent;
    font-style: italic;
}
body .recapBlock input::placeholder {
    color: #83c24f;
}
.quantityBasketCart .btn{
    border: 1px #a8a095 solid;
}
.quantityBasketCart a.quantiteBasket {
    border-top: 1px #a8a095 solid;
    border-bottom: 1px #a8a095 solid;
    margin: 0 -6px;
}
.quantityBasketCart > a {
    width: 35px;
    height: 35px;
    padding: 0;
    line-height: 30px;
}
.quantityBasketCart > a i{
    font-size:10px;
}

body .recapBlock hr {
    border-top-color: #269157;
}
.listPanier li:nth-child(1n+2) {
    border-top: 1px #a8a095 dotted;
}
.checkShipping {
    width: 37px;
    height: 37px;
    line-height: 37px;
    border-radius: 7px;
    border: 1px #a8a095 solid;
    top: 0;
    display: inline-block;
}

.listOptions .active .shippingActive, .listOptions .active .shippingActive {
    border-color: #83c24f;
    background-color: #83c24f;
}

.blockTitleHome.container {
    max-width: 875px;
}

.quantite a {
    width: 16px;
    height: 16px;
    border-radius: 10px;
    border: 1px #e5c857 solid;
    line-height: 11px;
}

.quantite i {
    font-size: 10px;
}

/* Mise en forme home page */


.stepContent p {
    line-height: 200%;
}

.sectionCoordonnees {
    background-color: #2c3531;
}

.tableHoraires.table td {
    font-size: 0.8em;
    color: #f7efe4;
    text-align: right;
    border-top: none;
    padding: 10px;
}

.tableHoraires.table td.jourSemaine {
    color: #889791;
    font-family: "filson-pro-light", sans-serif;
    text-align: left;
    padding-left: 0;
}

.horairesEmporter {
    color: #2c3531;
}

.blockCarteFidHome {
    background-color: #242d29;
}

.blockCarteFidHome div {
    line-height: 100%;
}

.savoirPlusFid {
    border: 1px #f7efe4 solid;
}
.savoirPlusFid:hover {
    border-color: #83c24f;
    transition:all 1s;
}
.savoirPlusFid:hover a {
    color: #83c24f;
    transition:all 1s;
    text-decoration:none;
}
.colonneAdresse {
    border-right: 1px #45514c solid;
}
.colonneAdresse a:hover{
    color:#006b39;
}

#menuCarteHome.nav-tabs .nav-link {
    padding: 0;
}

#menuCarteHome.nav-tabs .nav-link, #menuCarteHome.nav-tabs .nav-link:hover {
    border: none;
    color: #34885C;
    font-weight: 700;
    font-size: 0.9em;
}

#menuCarteHome.nav-tabs .nav-link.active {
    background-color: transparent;
    color: #f7efe4;
}

.nav-tabs#menuCarteHome {
    border-bottom: none;
}

.blockMenuCarte {
    max-height: 550px;
    border: 1px #f7efe4 solid;
}
.choixCommentaires {
    border-radius: 12px;
    border: 1px #f7efe4 solid;
}
    .choixCommentaires:hover {
        background-color: #f7efe4;
        color: #31333e;
        font-family: "filson-pro-book";
        transition: all 1s;
    }
.blockMenuCarte .mCustomScrollBox {
    padding-bottom: 20px;
}

.blockMenuCarte .mCSB_container {
    padding: 10px 0px 10px 10px;
    margin-right: 20px;
}

.blockMenuCarte .mCSB_scrollTools {
    right: 10px;
}

/* Mise en forme Fidélité */

.create-acount .btn {
    background-color: transparent;
}

.carteFid {
    font-size: 1.4em;
}

.forgotPassword a {
    font-style: italic;
    font-size: 0.7em;
    color: #006b39;
}

.infoCustomer p {
    font-size: 0.7em;
    color: #31333e;
}

.infoCustomer span {
    color: #31333e;
}

.colonneInfoLoyalty {
    border-radius: 7px;
}

.blockBarCode {
    border: 1px #f5f5f5 solid;
    border-radius: 7px;
}

.montantCagnotte {
    font-size: 3em;
}

.cercleCagnotte {
    border: 20px #006B39 solid;
    border-radius: 150px;
    height: 270px;
    width: 270px;
}

.blockOffresFid {
    border-radius: 8px;
}

.nonActive.blockOffresFid {
    border: 1px #a7a094 solid;
}

body .nav-tabs .nav-link.btn {
    border: 1px #006b39 solid;
}

.listeCarteHome li {
    line-height: initial;
}

@media screen and (max-width: 1430px) {
    * {
        font-size: 14px;
    }
    .quantityBasketCart {
        padding-top: 15px;
    }
}

@media screen and (max-width: 767px) {
    section .sectionIntro {
        padding: 0 0 5rem;
    }

    body {
        background-color: #f8f0e5;
        background-image: url(../images/fond-resp.png);
    }
    .logo img {
        max-width: 150px;
    }

    .step-2 {
        border-top: 1px #b4d679 solid;
        border-bottom: 1px #b4d679 solid;
    }
    .blockMenuCarte {
        max-height: 350px;
    }
    .carteFid {
        font-size: 1.2em;
    }

    #validComposition {
        width: 100%;
        margin-top: 0;
        padding: 6px;
    }

    .fixedButton .beforeStep {
        background-color: #fff;
        color: #d7d5d5;
        width: 100%;
    }
}


@media screen and (min-width: 768px) {
    body {
        background-image: url(../images/fond-accueil.webp);
        background-position: top;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .step-2 {
        border-left: 1px #b4d679 solid;
        border-right: 1px #b4d679 solid;
    }
}

@media (max-width: 1199px) {
    nav.nav-category ul li a {
        font-size: 1.4em;
    }
    .menu-header.navbar {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9;
    }

    .menu-header .menuVitrine {
        background-color: #f8f0e5;
        border-bottom: 2px #006b39 solid;
    }

    .navbar-toggler {
        z-index: 10;
        right: 15px;
        top: 15px;
    }

    #AddToCart {
        position: fixed;
        background-color: #016a39;
        z-index: 9999;
        bottom: 0;
    }
    body .conteneur-btn-commander .btn {
        background-color: #83c24f;
        color: #006b39;
    }
    .listPanier li span, .listPanier li p {
        color: #fff;
    }
    .carteMenu{
        padding:0 30px;
    }
    #validerPanier {
        background-color: #fde5d3;
        color: #3e5375;
    }
    .checkShipping {
        top: 1rem;
        right: 1rem;
        width: 25px;
        height: 25px;
        line-height: 24px;
    }
    .quantite a {
        width: 25px;
        height: 25px;
        border-radius: 14px;
        line-height: 23px;
        margin: 0 2px;
    }
    .quantite i {
        font-size: 14px;
    }
}
#popup, #popup2, .bMulti, popup {
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    display: none;
    min-width: 450px;
    padding: 25px;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%) !important;
    position: fixed !important;
}