/* SUPPRIMER FLOAT AFFICHAGE MINI*/

@media (max-width: 575px) {
    .button_rec {
        clear: both;
    }
    .aright {
        clear: both;
    }
    .col-5.sommelier {
        clear: both;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px;
        height: 65vw;
        background: rgba(148, 112, 68, 1);
        background: -moz-linear-gradient(left, rgba(148, 112, 68, 1) 0%, rgba(26, 26, 28, 1) 50%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(148, 112, 68, 1)), color-stop(50%, rgba(26, 26, 28, 1)), color-stop(100%, rgba(26, 26, 26, 1))) left top no-repeat;
        background: -webkit-linear-gradient(left, rgba(148, 112, 68, 1) 0%, rgba(26, 26, 28, 1) 50%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
        background: -o-linear-gradient(left, rgba(148, 112, 68, 1) 0%, rgba(26, 26, 28, 1) 50%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
        background: -ms-linear-gradient(left, rgba(148, 112, 68, 1) 0%, rgba(26, 26, 28, 1) 50%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
        background: linear-gradient(to right, rgba(148, 112, 68, 1) 0%, rgba(26, 26, 28, 1) 50%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#947044', endColorstr='#1a1a1a', GradientType=1) left top no-repeat;
        background-size: 100% 1px;
    }
    .col.part_bottom, .col.col-md-1 {
        clear: both;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .end_part {
        clear: both;
    }
    #basic-search {
        display: none;
    }
    /* .input-search {
        margin-left: 0 !important;
        margin-top: 5px;
        padding: 5px;

        width: 95vw !important;
        position: absolute;
        right: -5vw;
        top: 25px;
    } */
    .float-left, .float-right {
        display: block;
    }

    .table-responsive table {
        width: 100%;
    }
    .table-responsive .table thead th,
    .table-responsive .table td {
        display: inline-block;
        width: 100%;
    }
    .table-responsive .table thead th:nth-child(2),
    .table-responsive .table thead th:nth-child(3),
    .table-responsive .table thead th:nth-child(4),
    .table-responsive .table thead th:nth-child(5),
    .table-responsive .table thead th:nth-child(6),
    .table-responsive .table thead th:nth-child(7){
        display: none;
    }


    .table-responsive .table tbody td:nth-child(1){
        width: 50%;
        float: left;
    }
    .table-responsive .table tbody td:nth-child(2),
    .table-responsive .table tbody td:nth-child(3),
    .table-responsive .table tbody td:nth-child(5),
    .table-responsive .table tbody td:nth-child(6){
        width: 50%;
    }
    .table-responsive .table tfoot tr:first-child,
    .table-responsive .table tfoot tr.livraison td:nth-child(3),
    .table-responsive .table tfoot tr.livraison td:nth-child(4){
        display: none;
    }
}

/* AFFICHAGE SELON RESOLUTION */

@media (min-width: 0px) {
    /*HEAD  GROUP*/
    .img_user {
        width: 14px;
        height: 16px;
        display: inline-block;
    }
    .img_cart {
        width: 19px;
        height: 17px;
        display: inline-block;
    }
    /* .user {
        position: absolute;
        right: 28px;
    }
    .user .text-pineau-desktop {
        display: none;
    } */
    .logo_horiz {
        width: 14.624932542vw;
        min-width: 175px;
    }
    .clear.T {
        clear: both;
        height: 10px;
    }
    /* .clear.U {
        clear: both;
        height: 20px;
    } */
    .clear.UM {
        clear: both;
        height: 40px;
    }
    .clear.UMAX {
        clear: both;
        height: 60px;
    }
    /* .text-pineau_bold, .text-pineau_bold:hover {
        color: #916e43;
        font-family: Lato;
        text-decoration: underline;
        font-size: 12px;
        margin-left: 5px;
    } */
    /* #basic-search {
        margin-left: 25px;
    }
    .input-search {
        width: 100px;
        margin-left: 5px;
        background-color: #1a1a1a;
        border: 0;
        font-family: Lato;
        font-size: 12px;
        color: #FFFFFF;
        padding: 5px;
    }
    .input-search::placeholder {
        color: #FFFFFF;
    } */
    /*BODY GROUP*/
    h1 {
        color: #FFFFFF;
        text-transform: uppercase;
        font-family: Libre Baskerville;
        font-size: 16px;
    }
    h1 span {
        padding-bottom: 5px;
        background: rgba(255, 255, 255, 1) left bottom no-repeat;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%) left bottom no-repeat;
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(60%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))) left bottom no-repeat;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%) left bottom no-repeat;
        background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%) left bottom no-repeat;
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%) left bottom no-repeat;
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%) left bottom no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#5e5e5e', GradientType=1) left bottom no-repeat;
        background-size: 50% 2px;
    }
    .information, .information a {
		color: #FFFFFF;
		position: relative;
	}
	.information a {
		display: inline-block;
	}
    .information ol {
        counter-reset: repas;
        color: #FFFFFF;
    }
    /* on initialise et nomme un compteur */
    .information ol li {
        list-style-type: none;
        counter-increment: repas;
        /* on incrémente le compteur à chaque nouveau li */
        margin-bottom: 10px;
        color: #FFFFFF;
    }
    .information ol li:before {
        content: counter(repas);
        /* on affiche le compteur */
        border-radius: 15px;
        background: #cd9958;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        font-size: 15px;
        color: #000000;
        font-family: Lato;
        margin-right: 20px;
    }
    .information .title {
        font-family: Lato;
        color: #cd9958;
        text-transform: uppercase;
    }
    .btn-secondary {
        color: #fff;
        border-color: #6c757d;
        background-color: #1a1a1a;
        width: 100%;
        text-align: left;
        font-size: 13px;
        font-family: Lato;
        height: 40px;
        border-radius: 2px;
    }
    custom-radio .custom-control-input:checked~.custom-control-label::before {
        background-color: #cd9958;
    }
    .custom-control-input:checked~.custom-control-label::before {
        color: #fff;
        background-color: #cd9958;
    }
    .custom-radio .custom-control-input:checked~.custom-control-label::before {
        background-color: #cd9958;
    }
    .custom-control-label::before {
        background-color: #d2cec9;
    }
    .custom-control-label {
        font-size: 13px;
        font-family: Lato;
    }
    .paiement {
        width: 100%;
        background-color: #000000;
        padding: 20px;
    }
    .paiement h2 {
        color: #cd9958;
        font-size: 17px;
        font-family: Lato;
    }
    .paiement label {
        color: #ffffff;
        font-family: Lato;
        font-size: 15px;
    }
    .paiement input {
        background-color: #323232;
        border-radius: 2px;
        border: 1px solid #818181;
    }
    .small {
        color: #FFFFFF;
    }
    .btn-outline-dark, .btn-outline-dark:hover {
        border-color: #cd9958;
        background: none;
        color: #cd9958;
        font-family: Lato;
        text-transform: uppercase;
        padding: 10px;
        border-radius: 2px;
        height: auto;
    }
    .btn-pineau, .btn-pineau:hover {
        border-color: :#cd9958;
        background: #cd9958;
        color: #ffffff;
        font-family: Lato;
        padding: 10px;
        border-radius: 2px;
    }
    .code_promo a {
        color: #cd9958;
        font-family: Lato;
        font-size: 13px;
        text-decoration: underline;
        text-transform: uppercase;
    }
    .caract {
        color: #FFFFFF;
        font-size: 13px;
        font-family: Lato;
        max-width: 500px;
    }
    .table td, .table th {
        border-top: 0;
        border-bottom: 1px solid #4d4d4d;
    }
    .table td {
        text-align: right;
    }
    /*FOOTER GROUP*/
    .titre_bottom {
        color: #cd9958;
        font-size: 11px;
        font-family: Lato;
        text-align: center;
        margin-top: 15px;
    }
    .text_bottom {
        font-size: 11px;
        font-family: Lato;
    }
    .min_logo {
        margin-bottom: 20px;
        width: auto;
    }
    .end_h {
        line-height: 0px;
    }
    .btn-facebook, .btn-facebook:hover {
        border-color: #949494;
        background: none;
        border-radius: 0px;
        font-family: Lato;
        font-size: 0.7vw;
    }
    .btn-outline-p {
        border-color: #cd9958;
        background: none;
        border-radius: 0px;
        font-family: Lato;
        color: #cd9958;
        border-radius: 2px;
        font-size: 12px;
        text-align: center;
    }
    .btn-outline-p:hover {
        background-color: white;
    }
    .ligne_bottom {
        display: none;
    }
    .paraphb2 {
        margin-top: 20px;
    }
    .hr_top {
        display: block;
        background: rgba(26, 26, 26, 1);
        background: -moz-linear-gradient(left, rgba(26, 26, 26, 1) 0%, rgba(91, 91, 91, 1) 34%, rgba(91, 91, 91, 1) 76%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(26, 26, 26, 1)), color-stop(34%, rgba(91, 91, 91, 1)), color-stop(76%, rgba(91, 91, 91, 1)), color-stop(100%, rgba(26, 26, 26, 1))) left top no-repeat;
        background: -webkit-linear-gradient(left, rgba(26, 26, 26, 1) 0%, rgba(91, 91, 91, 1) 34%, rgba(91, 91, 91, 1) 76%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
        background: -o-linear-gradient(left, rgba(26, 26, 26, 1) 0%, rgba(91, 91, 91, 1) 34%, rgba(91, 91, 91, 1) 76%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
        background: -ms-linear-gradient(left, rgba(26, 26, 26, 1) 0%, rgba(91, 91, 91, 1) 34%, rgba(91, 91, 91, 1) 76%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
        background: linear-gradient(to right, rgba(26, 26, 26, 1) 0%, rgba(91, 91, 91, 1) 34%, rgba(91, 91, 91, 1) 76%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#1a1a1a', GradientType=1) left top no-repeat;
        background-size: 95% 1px;
    }
    .table-responsive table td {
        text-align: left;
    }
    .table-dark {
        color: #fff;
        background-color: #1a1a1a;
        font-family: Lato;
        font-size: 13px;
    }
    .table-dark td, .table-dark th {
        padding: .75rem;
        vertical-align: top;
    }
    .table-responsive .table thead th {
        vertical-align: bottom;
        border-bottom: 1px solid #cd9958;
        border-top: 1px solid #cd9958;
    }
    .table-dark td, .table-dark th, .table-dark thead th {
        color: #cd9958;
    }
    .table-dark tbody td {
        border-bottom: 0;
        color: #fff;
    }
    .table-dark .livraison {
        background-color: #323232;
        color: #fff;
        /* border:0; */
    }
    .table-dark .livraison .data_suppl_livraison {
        margin-top: 15px;
    }
    .table-dark .livraison .data_suppl_livraison>div {
        display: none;
	}
	.total_avant_reduc_livraison_vendeur {
		text-decoration: line-through;
	}
	#total_avant_reduc_livraison {
		color: #cd9958;
		text-decoration: line-through;
	}
    .paniersupprimer {
        cursor: pointer;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
    /*FOOTER GROUP*/
    .end_part {
        float: left;
    }
    .min_logo {
        width: 6.098219104vw;
        min-width: 80px;
    }
    .titre_bottom {
        text-align: left;
    }
    .text_bottom {
        font-size: 12px;
    }
    .paraphb2 {
        margin-top: 0;
    }
    .ligne_bottom {
        position: absolute;
        display: block;
        right: 0;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
    /*HEAD  GROUP*/
    /* .text-pineau_bold, .text-pineau_bold:hover {
        font-size: 13px;
    } */
    /*FOOTER GROUP*/
    .min_logo {
        display: block;
        width: 6.098219104vw;
        margin-left: -35px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
    /*HEAD  GROUP*/
    /* .user {
        position: static;
        margin-top: 0vw;
        margin-right: 4vw;
    }
    .user .text-pineau-desktop {
        display: inline-block;
    } */
    /*BODY GROUP*/
    h1 {
        font-size: 20px;
    }
}

@media (min-width: 1100px) {
    /*HEAD  GROUP*/
    /*FOOTER GROUP*/
    .text_bottom {
        font-size: 13px;
    }
    .titre_bottom {
        font-size: 13px;
    }
}

@media (min-width: 1300px) {
    /*FOOTER GROUP*/
    .ligne_bottom {
        position: absolute;
        display: block;
        right: 3vw;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1340px;
    }
    /*FOOTER GROUP*/
    .ligne_bottom {
        right: 1.2vw;
    }
}

.lignevendeur, .paiement {
    background-color: #323232;
}

.reduc_livraison {
	position: absolute;
    left: -3px;
    top: -2px;
    max-width: 105%;
}