/*VARIABLES*/

:root {
    /*--Colors--*/
	--express_primary: #246065;
    --express_secondary: #1c1c1a;
    --express_neutral: #246065c7;
    --express_body: #1A1423;
    --express_items: #fff;
    --express_background: #fff;
    --header-icons-brigtness: brightness(1); /* 1=blanc 0=noir*/
    /**/
    
    /*--Fonts--*/
    
    --font_def: "Roboto", sans-serif;
	--font_title: "Sansita", sans-serif;
    
    /**/
    --btn-radius: 0;
    --img-radius: 0;
}

/*//VARIABLES//*/

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

/*IMAGES*/

    /*BG*/

    .back-right{
        background-image: url('../images/droite.jpg');
    }

    .back-left{
        background-image: url('../images/gauche.jpg');
    }

    /*.back-right, .back-left{
        background-image: none;
    }*/

    /**/

    /*Header*/

    header .header-search form i{
        background-image: url('../images/recherche.svg')
    }

    /**/

    /*Fiche Produit*/

    .boxArticle div.cadencier a, .article .droite div.cadencier a{
        background-image: url('../images/liste-envie.svg');
    }

    /**/

    /*Champs*/

    .choix-enlevement-express .column-right .choix-date .r_conso, .choix-enlevement-express .column-right .choix-date .r_jour, .choix-enlevement-express .column-right .choix-date .r_heure, .choix-points-vente-details .date-retrait select, .express.choix-points-vente-details .heure-retrait, .choix-livraison-traiteur .choix-mag .choose-delivery .date-retrait select, .choix-livraison-traiteur .choix-mag .choose-delivery .heure-retrait select, .choix-livraison-traiteur .choix_libelle select{
        background-image: url('../images/select-button.svg')
    }

    /**/

    /*Formulaires*/

    input[type="radio"]:checked + label{
        background-image: url('../images/radio-checked.svg')
    }

    input[type="checkbox"]:checked + label{
        background-image: url('../images/checkbox-checked.svg')
    }

    /**/

    /*Point de vente*/
    .choix-points-vente-details .row > .column-middle .column-right > .nom, .points-vente-details .row > .column-middle .column-right > span, .etape4 .row > .column-middle .column-right > .nom, .points-vente-details .modalLink > .column-right > .nom, .points-vente-details .row > .column-middle .column-right > .nom, .points-vente-details .modalLink > .column-right > .ville, .points-vente-details .row > .column-middle .column-right > .ville,
	.etape4 .row > .column-middle .column-right > .ville {
        background-image: url("../images/points-vente/logo.png");
        background-size: 80%;
    }

    header .map.ligne, .lien-fdf{
        display: none !important;
        width: 0;
        opacity: 0;
        height: 0;
        position: absolute;
    }

/*//IMAGES//*/

.grid-sous-rayon .listeSousRayons .sousRayon img, .grid .bloc .sousRayon a img, .grid-article .grid-content .bloc.row li.item a img{
    width: 100%;
    height: auto;
}

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

/*[SURCHARGE]*/

/*Général*/

    body{
        font-size: 14px;
    }

    body > .main-content{
        margin-bottom: 0;
    }

    .agencement.horizontal li.niveau_0 > a label, .agencement.horizontal li.niveau_0 > a span, .agencement.accordion li.niveau_0 > a label, .agencement.accordion li.niveau_0 > a span{
        font-family: var(--font_title);
    }

    @media (min-width:1024px){
        body .navbar.agencement.horizontal{
            display: flex;
            justify-content: center;
            width: 100%;
            overflow: hidden;
            max-width: var(--container_width);
        }
    
        body .navbar.agencement.horizontal .navbar-collapse{
            width: var(--container_width);
            max-width: 100%;
        }

        .agencement.horizontal .opener-child, .agencement.horizontal .smenu.dropdown-menu{
            display: none !important;
        }
    }

    /*.agencement.accordion li.niveau_0.liparent > a .opener, .agencement.accordion li.liparent > a .opener{
        display: none;
    }*/

    .agencement.accordion li.niveau_0.liparent > a .opener{
        top: 11px;
        color: var(--express_body);
        filter: brightness(0);
    }

    .agencement.accordion li.niveau_0.liparent:hover > a .opener, .agencement.accordion li.niveau_0.liparent.active > a .opener{
        filter: brightness(100);
    }

    .agencement.accordion li.niveau_1.liparent > a .opener{
        filter: brightness(0);
    }

    .agencement.horizontal .niveau_0 li > a span{
        font-weight: normal;
    }

    .agencement.accordion ul.smenu{
        margin-left: 20px;
    }

    .boxArticle .details .lib{
        font-family: var(--font_title);
    }

    .boxArticle .details .ttrPu .unite{
        display: none;
    }

    .boxArticle .details .menu .etape .picture{
        width: auto !important;
    }

    .boxArticle .details .hrefLibelle{
        height: 50px;
    }

    .boxArticle .details .menu, .boxArticle .details .short-desc{
        height: 130px;
        max-height: 130px;
        overflow-y: auto;
        margin-top: 15px;
    }

    .boxArticle .details{
        min-height: 307px;
    }

    .module-cross-selling-article-associe .boxArticle .details{
        min-height: auto;
    }
    
    .checkbox input[type="checkbox"]{
        display: none;
    }

    .grid-article .grid-content .item .menu .etape li span:first-of-type, .ui-widget .ui-dialog-content .article .row .droite .detail .menu .etape li span:first-of-type{
        display: none !important;
    }

    .ui-widget .ui-dialog-content .article .row .droite .detail .menu .etape li{
        list-style-type: none;
        margin: 0;
    }

    .ui-widget-overlay{
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        opacity: 1;
    }

    /*.choix-livraison-traiteur .column-right{
        float: none;
        width: 100%;
    }*/

    .grid-content .item .boxArticle .pu{
        margin-top: 20px;
        text-align: right;
    }

    .grid-content .item .boxArticle .pu .ttrPu{
        font-size: 1em;
        font-weight: normal;
        opacity: .7;
    }

    .article .droite .pu .ttc{
        text-align: left;
    }

    .grid-content .item .boxArticle .pu .ttrPu .currency::after,  .grid-content .item .boxArticle .pu .ttcPu .currency::after, .article .droite .pu .ttcPu .currency::after, .article .droite .pu .ttrPu .currency::after, .article-ajout .prix .currency::after, .etape-panier .prix .currency::after, .etape-panier .montant .currency::after, .module-cross-selling-article-associe .pu .prixTTC .currency::after, .article .droite .pu .ttcCalc > .prixTTC.currency::after{
        content: "TTC";
        position: relative;
        bottom: 1px;
        font-size: .8em;
        line-height: .8em;
        vertical-align: super;
        margin-left: 7px;
    }

    .grid-content .item .boxArticle .pu .ttrPu .prixHT, .module-cross-selling-article-associe .pu .prixHT{
        display: block;
        margin-top: 1em;
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: bold
    }

    .grid-content .item .boxArticle .pu .ttrPu .prixHT .currency::after, .grid-content .item .boxArticle .pu .ttcPu .prixHT .currency::after, .article .droite .pu .ttcPu .prixHT .currency::after, .article .droite .pu .ttrPu .prixHT .currency::after, .article-ajout .prix .prixHT .currency::after, .etape-panier .prix .prixHT .currency::after, .etape-panier .montant .prixHT .currency::after, .module-cross-selling-article-associe .pu .prixHT .currency::after, .article .droite .pu .ttcCalc > .prixHT .currency::after{
        content: "HT";
    }

    .article .droite .pu .ttcPu > div .prixHT, .article .droite .pu .ttcPu > span .prixHT, .article .droite .pu .ttrPu > div .prixHT, .article .droite .pu .ttrPu > span .prixHT, .article-ajout .prix .prixHT, .etape-panier .prix .prixHT, .etape-panier .montant .prixHT, .article .droite .pu .ttcCalc > .prixHT{
        display: block;
    }

    .etape-panier .montant .prixTTC{
        font-size: 14px;
    }

    .etape-panier .total .totalttc{
        display: none;
    }

    .article-ajout .prix{
        font-size: 12px;
    }

    .article-ajout .prix{
        float: right;
        text-align: left;
        padding-left: 4em;
    }

    header .cart ul .prixHT{
        display: none;
    }

    header .second .logo a img{
        width: 11em;
    }

    .grid.grid-article .article-type-M .boxArticle .details .hrefInfos, .boxArticle .details .hrefInfos{
        display: none;
    }

    .express .article .allergene th, .express .article .allergene td{
        padding: 0;
    }

    .choix-livraison-traiteur form .pv-livraison i, .choix-livraison-traiteur .select-cp form i{
        display: none;
    }

    .choix-livraison-traiteur .pv-livraison .title-pv-livraison label{
        font-weight: bold;
    }

    .choix-livraison-traiteur .select-livraison-mode, .choix-livraison-traiteur .select-mag-proximite{
        margin: 30px 2px 2px 35px;
    }

    .fiche-produit.ui-dialog .ui-widget-content{
        color: var(--express_body);
    }

    .express .article .allergene{
        font-size: 1em;
    }

    .etape-panier .suppr{
        vertical-align: top;
    }

    .etape-panier .itemsDetails table thead tr th:nth-child(4), .etape-panier .itemsDetails table tbody tr td:nth-child(4){
        display: none;
    }

    .etape-panier .itemsDetails table tbody tr.even td.img span.border{
        padding-top: 17px;
    }

    .commande thead span, .etapes thead span{
        max-height: min-content;
    }

    .module-cross-selling-article-associe h4{
        color: var(--express_primary);
    }

    .module-cross-selling-article-associe .boxArticle .details .pu{
        margin-top: 20px;
    }

    .module-cross-selling-article-associe .ajoutPanier form .spin{
        overflow: visible;
        display: flex;
        width: 100%;
        justify-content: left;
        align-items: center;
        flex-direction: row;
    }

    .module-cross-selling-article-associe .ajoutPanier form .spin .libQte{
        display: none;
    }

    .module-cross-selling-article-associe .ajoutPanier form .spin button{
        position: relative;
        width: auto;
        height: auto;
        padding: 12px;
        text-align: center;
        top: 0;
        color: #fff;
    }

    .module-cross-selling-article-associe .ajoutPanier form .spin input {
        border: none;
        margin: 0 15px;
    }

    @media (min-width: 1024px){
        .express .gauche .image img, .fiche-produit.ui-dialog .gauche .image img{
            margin-top: 5em;
        }
    }


/*//Général//*/

/*Index*/

    .index .carrousel-2{
        margin-top: 0;
    }

    .index .carrousel-2 h4, .index .carrousel-3 h4{
        display: none;
    }

    .index .carrousel-2 .owl-carousel .owl-controls .owl-buttons, .index .carrousel-3 .owl-carousel .owl-controls .owl-buttons{
        /*position: absolute;
        width: 100%;
        top: -165px;
        left: -4px;*/
        display: none;
    }

    .index .carrousel-2.boxModule .item, .index .carrousel-3.boxModule .item{
        margin: 0;
    }

    .index .boxModule.module-rayons img{
        width: auto;
        height: min-content;
    }

    /*.index .main-content .module-haut .module-rayons ul.row{
        margin-top: 4em;
    }*/
    
    .express.index .boxModule:nth-child(2) h4{
        display: block !important;
    }

    /*.index .boxModule.module-rayons h4{
        display: block;
        background: none;
        color: var(--express_primary);
        font-weight: bold;
        text-align: left;
    }

    .index .boxModule.module-rayons h4::after{
        content: "Nous pensons que la pause déjeuner en entreprise est LE facteur de performance au travail. Notre mission est de vous aider à travailler mieux chaque jour en vous livrants des plats cuisinés apportant des valeurs nutritifs saine. De plus, les saveurs ensoleillé d’Été de nos gammes vous procureront une véritable coupure dans votre journée et de vous ressourcer. Que ce soit pour manger seul ou à plusieurs, assis ou debout, nos repas sauront vous satisfaire en quantité et qualité !";
        display: block;
        font-size: 16px;
        font-weight: normal;
        color: var(--express_body);
        font-family: var(--font_def);
        line-height: 1.8;
        margin-top: 12px;
    }*/

    .index .carrousel-0{
        margin-top: 50px;
    }

    .index .carrousel-0 li.item{
        float: none;
        text-align: center;
    }

    .index .main-content .module-haut .module-rayons .row li{
        width: 17%;
    }

    .index .engagement-titre{
        text-align: center;
        font-family: var(--font_title);
        color: var(--express_primary);
        font-weight: bold;
        font-size: 30px;
    }

    .index .engagement{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .index .engagement div{
        flex: 1;
        padding: 4%;
        text-align: center;
    }

    .index .engagement div img{
        width: 30%;
        height: 30%;
        margin-bottom: 2em;
    }
    
    .index .engagement div h3{
        margin-bottom: 1em;
        color: var(--express_primary);
        font-family: var(--font_title);
    }

    .index .engagement div p{
        font-size: 16px;
        line-height: 1.5;
    }

    .index .engagement div em{
        font-weight: bold;
    }

    .express .owl-theme .owl-controls .owl-page.active span{
        background-color: #fff;
    }

/*//Index*/

/*Jus de fruits*/

.rayon-50001 .grid .item .menu{
    display: none;
}

/**/

/*Panier*/

.commande div.title .step, .etapes div.title .step{
    height: 35px;
    width: 35px;
    line-height: normal;
}

/*//Panier//*/

/*Grids*/

    .grid .grid-content{
        width: 100%;
    }

    /*.grid.grid-article .grid-content .bloc.row .item .boxArticle{
        justify-content: start;
    }*/

    .grid-menu .grid-content .bloc.row li.item, .grid .bloc .sousRayon .item, .grid-sous-rayon .sous-rayon .listeSousRayons .bloc.row li.item, .grid-article .grid-content .bloc.row li.item{
        width: 30%;
        float: none;
    }

    .grid-menu .grid-content .bloc.row li.item .boxArticle, .grid .bloc .sousRayon, .grid-article .grid-content .bloc.row li.item .boxArticle{
        width: auto;
        height: auto;
    }

    .grid-menu .grid-content .bloc.row li.item .boxArticle a img{
        width: 100%;
        height: auto;
    }

    .grid-content ul.bloc.row{
        align-items: baseline;
    }

    .grid-sous-menu .bloc .item{
        margin: 0 20px 10px 0;;
    }

    .liste .row .item form img, .multi_colonne .row .item form img{
        border: none;
    }

    .etapes .etape-panier .menu{
        max-height: 190px;
        overflow-y: auto;
    }

    .etapes .fidelite > div > span{
        color: var(--express_primary);
    }

    .grid .listeSousRayons .bloc .sousRayon a{
        display: flex;
        flex-direction: column-reverse;
    }

    .grid .listeSousRayons .bloc .sousRayon a h3{
        background-color: var(--express_primary);
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .grid .listeSousRayons .bloc .sousRayon a h3 label{
        color: #fff;
        font-family: var(--font_def);
        font-weight: normal;
        font-size: 20px;
    }

    @media (max-width:768px){
        .grid .listeSousRayons .bloc .sousRayon a h3 label{
            font-size: 16px;
        }
    }

    .grid .listeSousRayons .bloc .sousRayon a h3 label:last-word{
        font-weight: bold;
    }

    @media (max-width:410px){
        .grid-menu .grid-content .bloc.row li.item, .grid .bloc .sousRayon .item, .grid-sous-rayon .sous-rayon .listeSousRayons .bloc.row li.item, .grid-article .grid-content .bloc.row li.item{
            width: 40%;
            margin: 0 20px 50px 0;
        }
    }

/*//Grids//*/

/*Footer*/

    footer .main-content{
        display: flex;
        justify-content: center;
        width: 100%;
    }

    footer .main-content .pageStatique{
        width: var(--container_width);
    }

    footer .footer-widgets, footer .main-content{
        background-color: var(--express_secondary);
    }

    .footer{
        border-top: 5px solid rgba(0,0,0,.2);
    }

    footer .footer-widgets img.footer-paiements{
        width: 75%;
        background-color: #fff;
        padding: 5px;
        display: block;
        margin: auto;
    }

    footer .footer-widgets{
        line-height: 2;
    }

    footer .footer-widgets .bouton{
        background-color: #fff;
        padding: 10px 15px;
        display: inline-block;
        margin-bottom: 12px;
        color: var(--express_secondary);
        transition: all .2s ease-in-out;
    }

    footer .footer-widgets .bouton:hover{
        background-color: var(--express_primary);
        color: #fff;
        transform: scale(1.1);
    }

/*//Footer//*/

/*Modales*/

.ui-widget{
    font-family: var(--font_def);
}

.ui-widget .article .menu .etape{
    font-size: 11px;
}

.ui-widget .article h1.lib{
    font-size: 30px;
}

.ui-widget .article .droite .price{
    margin: 0;
}

.ui-widget .article .description.ui-tabs li, .ui-widget .article .description.ui-tabs li.active{
    height: auto;
    border: 1px solid var(--express_body);
    margin: 0;
    margin-right: 5px;
}

.ui-widget .article .description.ui-tabs li a, .ui-widget .article .description.ui-tabs li.active a{
    padding: 8px;
}

.fiche-produit.ui-dialog .ui-dialog-titlebar button{
    filter: brightness(0);
}

/*//Modales//*/

@media (min-width: 992px){
    .index .carrousel-3{
        display: none;
    }
}

@media (max-width:992px){
    .index .main-content .module-haut .module-rayons .row li{
        width: 40%;
    }

    /*.index .main-content .module-haut .module-rayons ul.row{
        margin-top: 16em;
    }*/

    .index .boxModule.module-000000002.carrousel-0.boutique-express{
        display: block !important;
    }

    .index .engagement div{
        width: 100%;
        flex: auto;
    }

    .index .carrousel-2{
        display: none;
    }

    .express .article .allergene th, .express .article .allergene td{
        padding: 0;
    }

    .express .article .allergene{
        width: 100%;
    }

    footer .footer-widgets img.footer-paiements{
        width: 50%;
    }

    .liste .row .item form .details .lib, .multi_colonne .row .item form .details .lib{
        font-size: 16px;
    }

    .liste .row .item form .details .short-desc{
        font-size: 14px;
    }

    .liste .row .item form img, .multi_colonne .row .item form img{
        width: 100px;
    }
    
    .liste .row .item form .ajoutPanier.disponible, .multi_colonne .row .item form .ajoutPanier.disponible{
        margin-right: 0;
    }

}

@media (max-width:410px){
    /*.index .main-content .module-haut .module-rayons ul.row{
        margin-top: 18em;
    }*/

    .main-content{
        padding: 0 1em !important;
    }
}

.page-statique h2{
    margin-bottom: .5em;
    margin-top: 1em;
}

/*//[SURCHARGE]//*/


.rgpd.ui-dialog-content.ui-widget-content{
    width: 100% !important;
}