/*VARIABLES*/

:root {
    /*--Colors--*/
/*	--express_primary: #030304;*/
	--express_primary: #000;
    --express_secondary: #d3ac88;
    --express_neutral: #343e48;
    --express_body: #ffffff;
    --express_items: #fff;
    --express_background: #fff;
    --header-icons-brigtness: brightness(1); /* 1=blanc 0=noir*/
    --img-radius: 40px;
    /**/
    
    /*--Fonts--*/
    
    --font_def: 'Poppis', sans-serif;
	--font_title: 'Abril Fatface', sans-serif;
    --font_dates: 'Calibri', sans-serif;
    
    /**/
}

/*//VARIABLES//*/

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

/*IMAGES*/

    /*BG*/

    .back-right{
/*        background-image: url('../images/fond.webp');*/
        background-image: none;
        background-color: var(--express_primary);
    }

    .back-left{
/*      background-image: url('../images/fond.webp');*/
        background-image: none;
        background-color: var(--express_primary);
    }

    /**/

    /*Header*/

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

    header .glyphicons-home {
        color: var(--express_primary);
    }
	.boxArticle .in_cart {
        background-color: var(--express_primary);
    }

	.boxArticle .hrefImage img {
		background-color: unset;
	}

    /**/

    /*Fiche Produit*/

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


    /**/

    /*Champs*/
.confirmation.ui-dialog form .s_nom,
.confirmation.ui-dialog form .s_tel_mobile,
.confirmation.ui-dialog form .s_email {
	font-weight: bold;
	color: black;
}

    .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,
	.express.etapes .etape-expedition .heure-retrait {
        background: url('../images/select-button.svg') no-repeat right 0 #ffffff00;
    }
.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,
.express .choix-livraison-traiteur .choix_libelle,
.express.choix-livraison-traiteur .choix_libelle,
.choix-livraison-traiteur .choix_libelle select,
	.etapes .etape-expedition .date-retrait,
	.express.etapes .etape-expedition .date-retrait {
        background: url('../images/single-select-button.svg') no-repeat right 0 #ffffff00;
    }

	.etapes .itemsDetails > table > tbody > tr.commentaire textarea {
		width: 50%;
        background-color: transparent;
    }
	.etape-menu a:first-child span.etape, .etape-menu a:first-child span.etape, .etape-menu a span.etape, .etape-menu a.passee span.etape{
		padding: 1em 0 1em 3em;
		margin: 0;
    }

	.grid .select .item {
		margin-bottom: 15px;
	}

    .niveau.niveau-1-1 .liste.vignette .title-steps{
        display: none;
    }

    /**/

    /*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')
    }

    /**/

/*
	.grid .etape .bloc .item {
		margin: 0;
	}
	*/

    /*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");
    }

    .lien-fdf{
        display: none !important;
    }

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

/*//IMAGES//*/


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

/*SURCHARGE*/

/*Thème Sombre*/

html, body, .main-content, .index .boxModule.module-rayons, header, .dropdown-menu, .express .confirmation.ui-dialog{
    background: var(--express_primary) !important;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-panel, .commande .itemsDetails a, .etapes .itemsDetails a{
    color: var(--express_items);
}

.index .boxModule.module-rayons img, .boxArticle div.acheter a, .envoi-photo div.acheter button, .article .droite div.acheter a, header .navbar-user > li > a, .dropdown-menu, .button,.totalisation .row.action a, .etapes .itemsDetails > table > tbody > tr.commentaire textarea, .express.etapes .content .action a.login, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[idx="1"], .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-dialog-buttons.confirmation, header .navbar-user li ul.dropdown-menu.pull-right li.commande a, header .header-search form.f_search .input-group input, .etapes .valider-commande, .express.etapes .valider-commande, .etape1 .main-content .content button, .informations button{
    border: 2px solid #fff !important;
}

.dropdown-menu *, header .magasin ul a, header .magasin ul span, header .account ul a, header .account ul span, header .identification ul a, header .identification ul span, span.title-steps, tr.commentaire td::before, .edition-compte .head .title, .nouveau-compte .head .title, .informations .title, header .header-search form.f_search .input-group input{
    color: var(--express_items);
}

header .navbar-user > li > a, header .header-search form.f_search .input-group input{
    border-radius: 99999px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, span.title-art-steps, .liste .row .item form .pu h2, .liste .row .item form .pu h2 sup, .multi_colonne .row .item form .pu h2, .multi_colonne .row .item form .pu h2 sup, .express.commande div.title .libelle, .express.etapes div.title .libelle{
    color: var(--express_secondary);
}

.spin-niveau input, .spin-menu input, .commande table .odd, .commande table .even, .etapes table .odd, .etapes table .even, .commande .commandeTotals .total, .etapes .commandeTotals .total, div.spin input, .etapes .etape-expedition .heure-retrait select, .etapes .etape-expedition .date-retrait select{
    background: transparent !important;
}

.button.sans-supplement-menu, button.sans-ingredient-menu, .button.sans-supplement-menu:hover, button.sans-ingredient-menu:hover{
    background: var(--express_secondary) !important;
    border: none !important;
}

.button.sans-supplement-menu *, button.sans-ingredient-menu *, .button.sans-supplement-menu:hover *, button.sans-ingredient-menu:hover *, .etape-menu a.passee span.etape, .etape1 .main-content input[type=text], .etape1 .main-content input[type=password]{
    color: var(--express_primary);
}

button.spin-plus, button.spin-minus{
    background-color: var(--express_background) !important;
    color: var(--express_primary) !important;
    font-size: 20px;
}

select option, .informations input[type=text], .informations input[type=password], .confirmation.ui-dialog form #info_nom{
    color: var(--express_primary);
}

tr.commentaire span{
    color: var(--express_items);
}

/**/

h1{
    text-transform: uppercase;
}

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

.choix-points-vente-details .choix_libelle select, .choix-points-vente-details .heure-retrait select, .choix-points-vente-details .date-retrait select{
    width: 200px;
}

.dropdown-menu, .picture{
    border-radius: var(--img-radius) !important;
}

.agencement.accordion {
	margin: 0 46px 0 -46px;
}
header .magasin ul li.point-retrait {
	display : none;
}

.agencement.horizontal li.niveau_0:hover > a label, .agencement.horizontal li.niveau_0:hover > a span, .boxArticle div.acheter a:hover{
    color: var(--express_primary);
}
.agencement.accordion li.niveau_0.active.liparent > a,
.agencement.accordion li.niveau_0 > a {
	margin : 0;
	padding : 1em 0;
}
.agencement.accordion li.niveau_0 {
	padding : 0;
}
.agencement.accordion li.niveau_0.active.liparent > a {
    background-color: var(--express_primary);
}

.item .boxRayon h3 label, .item .sousRayon h3 label{
    color: var(--express_secondary) !important;
    font-family: var(--font_title) !important;
    font-weight: bold !important;
    font-size: 16px !important
}
.commande .itemsDetails .rupture td,
.etapes .itemsDetails .rupture td {
    background-color: var(--express_primary);
	color: var(--express_items);
}

.grid-article .bloc.row .item .menu, article > .module .module-content > div .menu, .boxArticle .details .hrefInfos{
    display: none !important;
}

.grid-article .bloc.row .item .short-desc{
    max-height: 70px;
    min-height: 70px;
    overflow: auto;
    margin-bottom: 1em;
	display: none;
}
.rayon-00100 .grid-article .bloc.row .item .short-desc{
	display: block;
}

.grid-article .bloc.row .item .lib{
    min-height: 45px;
}

.boxArticle .details{
    min-height: auto;
}
.rayon-00100 .boxArticle .details{
    min-height: 200px;
}

.boxArticle .details{
    margin: 0 !important;
}

/*Changement d'image au survol*/

.express .boxArticle a.hrefImage img:nth-child(2){
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
    width: 100%;
}

.express .boxArticle a.hrefImage:hover img:nth-child(2){
    opacity: 1;
    visibility: visible;
}

/**/

/*Fiche Produit*/

.fiche-produit .article .droite .reseau-sociaux{
    display: none;
}

.fiche-produit .article .droite .price{
    margin: 1em 0;
}

.article .gauche .image img{
    border-radius: var(--img-radius);
}

    /*Onglets supp*/

    .article > .row{
        display: flex;
        gap: 20px;
    }

    .article > .row > div{
        float: none;
        margin: 0;
    }

    .article > .row > .gauche{
        width: 40%;
    }

    .article > .row > .droite{
        width: 60%;
    }

    .article .ui-tabs .ui-tabs-nav{
        margin-bottom: 20px;
    }

    /*Vente croise*/

    .article > .module{
        width: 100%;
    }

    .article > .module .module-content{
        display: flex;
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .article > .module .module-content > div{
        width: 100%;
        max-width: 800px;
    }

    .article > .module .module-content > div h4{
        color: var(--express_primary);
    }

    /**/

    @media (max-width: 768px){
        .article > .row{
            flex-direction: column;
        }

        .article > .row > div{
            width: 100%;
        }

        .article .ui-tabs .ui-tabs-nav li, .article .ui-tabs .ui-tabs-nav li.ui-tabs-active{
            text-align: left;
        }
    }

    .article .droite .detail{
        padding: 0;
    }

    .article .droite .menu.ui-tabs{
        padding: 20px 0;
    }

    .article .droite .menu.ui-tabs ul li{
        font-size: 1.15rem;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .article .droite .menu.ui-tabs ul li a{
        padding: 5px 10px;
        background: var(--express_primary);
        color: var(--express_items);
    }

    .article .droite .menu.ui-tabs ul li:hover a, .article .droite .menu.ui-tabs ul li.ui-state-active a{
        background: var(--express_secondary);
        color: var(--express_primary);
    }

    .article .droite .menu div[itemprop="menu-contenu"] .menu-contenu{
        display: flex;
        flex-wrap: wrap;
        padding: 20px 0;
        gap: 10px;
    }

    .article .droite .menu div[itemprop="menu-contenu"] .menu-contenu li{
        font-size: 1.3rem;
        color: var(--express_primary);
    }

    /**/

/*Fiche produit*/

.module-cross-selling-article-associe .boxArticle .details{
    min-height: 0;
}

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

.points-vente-details .column-right .adr-cp{
    background-image: none !important;
}

.boxModule h4{
    background: transparent;
}

.liste-cadencier.ui-dialog{
    background: var(--express_background);
}

.liste-cadencier.ui-dialog form {
    display: flex;
    flex-direction: column;
}

.liste-cadencier.ui-dialog form .selector{
    margin: 12px 0;
}

.liste-cadencier.ui-dialog span, .liste-cadencier.ui-dialog .msg .nom{
    color: var(--express_body) !important;
}

header .cadencier > ul{
    background: transparent;
}

.express header .cadencier ul li{
    padding: 10px 18px;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5));
    border: none;
}

.express header .cadencier ul li a:hover, .express header .cadencier ul li:hover, .express header .cadencier ul li a, .express header .cadencier ul li{
    background: var(--express_background);
    color: var(--express_body);
}

.etape-panier .menu .libelle{
    display: inline-block;
}

.action.row .anonyme{
    float: right !important;
    margin-right: 1em;
}

.action.row .continue{
    opacity: .8;
}

.action.row .continue a:hover{
    opacity: 1;
    background: var(--express_neutral) !important;
}

.select-mag-proximite .ville{
    display: none;
}

.ui-dialog.points-vente-details .ui-dialog-titlebar-close{
    filter: drop-shadow(1px 1px 2px);
}

.nouveau-compte .date-mariage, .nouveau-compte .prenom-conjoint{
    display: none;

}

/*Menus*/

.liste .row .item form, .multi_colonne .row .item form{
    border: none;
    border-radius: 600px;
    padding: 0;
    box-shadow: none !important;
}

.liste .row .item form img, .multi_colonne .row .item form img{
    border: none;
    border-radius: 600px;
    transition: all .2s ease-in-out;
}

/*.liste .row .item form, .multi_colonne .row .item form:hover img{
    transform: rotate(-8deg);
}*/

.etape-menu a.passee .etape{
    background: var(--express_secondary);
    justify-content: left;
    padding: 0;
    margin: 0;
}

.confirmation-menu .title, .menu .libelle, .table-choix .libelle, .etape-table .libelle .libelle, .client-profil, .ui-dialog .modalLink .module-haut{
    display: none;
}

.confirmation-menu .etape li{
    font-size: 1.5rem;
}

.confirmation-menu .etape li:before{
    content: "\2022";
    color: var(--express_primary);
    font-weight: bold;
    display: inline-block;
    width: 1em
}

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

.boxArticle .menu .etape a{
    display: none;
}

/**/

/*Panier*/

.commande .total .mnt, .commande thead > tr:first-child, .etapes .total .mnt, .etapes thead > tr:first-child{
    border-left: none;
}

.etape-expedition .a-partir-livraison{
    font-size: 1.4rem !important;
}

.etapes .etape-expedition .date-retrait select, .etapes .etape-expedition .heure-retrait select{
    padding: 5px !important;
}

/**/

/*Forms*/

.informations div.more-info{
    padding: 2rem
}

/**/

/*Edition de compte*/

.edition-compte .head .title, .nouveau-compte .head .title, .informations .title{
    color: var(--express_body);
}

/**/

/*Footer*/

footer .main-content{
    background: var(--express_primary);
    position: relative;
    width: 100%;
}

footer .main-content::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/texture-footer.webp);
    opacity: .2;
    z-index: 0;
    background-size: cover;
    background-position: fixed;
    pointer-events: none;
}

footer .footer-widgets{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: transparent;
    position: relative;
    z-index: 1;
}

footer .footer-widgets .footer-column{
    gap: 10px;
}

footer .third, footer .third ul{
    margin-bottom: 0;
}

/**/

/*Mobile*/

@media (max-width: 991px) {
    header button.toggle-nav span, header button.toggle-nav:after, .glyphicon-align-justify:before{
        border-color: var(--express_background);
    }

    /*Panier*/

    .etapes .etape-panier{
        padding: 1rem;
    }

    .etapes .action.row{
        margin-bottom: 2rem;
    }

    .etape-panier thead th span{
        font-size: 1rem;
    }

    .etape-panier td.img, .etape-panier thead .tharticle{
        display: none;
    }

    .etapes .itemsDetails tbody td span.border > span{
        font-size: 1.3rem;
    }

    /**/
}

@media(max-width: 768px){
    .etapes .action.row{
        width: 70%;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }

    .etapes .action.row a{
        text-align: center;
        margin: 0;
    }

    .etapes .action.row .login{
        order: 1;
    }

    .etapes .action.row .anonyme{
        order: 2;
    }

    .etapes .action.row .continue{
        order: 3;
    }

    .express .boxArticle a.hrefImage img:nth-child(2){
        display: none;
    }

    /*Panier*/
    /*.etape-panier .itemsDetails{
        width: 100%;
        overflow-x: auto;
    }
    .etape-panier .itemsDetails table{
        width: 100;
        min-width: 600px;
    }
    
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-dialog-buttons, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.fiche-produit, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.points-vente-details, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.choix-enlevement-express{
        width: 100% !important;
    }*/
    
    header .identification.open > .dropdown-menu{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    header .identification ul li{
        padding: 0 !important;
        margin: 0 !important;
    }

    header .second .navbar-user .identification ul li{
        margin-bottom: 0 !important;
    }

    /*Corriger menu moin point de retrait*/
    header .magasin .adresse-retrait{ 
        white-space: normal;
    }
    
    header .magasin .dropdown-menu{
        min-width: 285px;
    }
    /**/

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-dialog-buttons, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.fiche-produit, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.points-vente-details, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.choix-enlevement-express{
        width: 100% !important;
    }
}

/**/

/*//SURCHARGE//*/