/*********************************/
/*Tunnel*/
/*********************************/
.header-order {
    height: auto;
}

.header-order .content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
}

.header-order .logo-container {
    width: 200px;
    margin-top: 20px;
}

.header-order .logo {
    width: 90px;
}

.header-order .steps {
    margin-top: 35px;
}

.header-order .steps li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #909090;
    font-size: 12px;
}

.header-order .steps li .number {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    color: #909090;
    background-color: #fff;
    font-size: 24px;
    border: 1px solid #909090;
    border-radius: 50%;
}

.header-order .steps li.active .number {
    color: #fff;
    background-color: #002443;
    border-color: #002443;
}

.header-order .steps li:not(:last-child)::after {
    content: "";
    width: 125px;
    height: 1px;
    margin: 20px 10px;
    background-color: #909090;
}

.header-order .securise {
    width: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    color: #fff;
    background-color: #909090;
    font-size: 14px;
    text-transform: uppercase;
}

.title-order{
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #2D2D2D;
    text-align: center;
    margin-bottom: 70px;
}

.title-order-lva{
    font-size: 24px;
    font-weight: 400;
    color: #2D2D2D;
    text-align: center;
    margin-bottom: 70px;
}

.order .customer-title {
    margin-top: 0;
}

.order.basket .steps_order li:first-child,
.order.delivery .steps_order li:nth-child(2),
.order.payment .steps_order li:last-child {
    color: #C02E7D;
    border-color: #C02E7D;
}

.order .titre_page {
    text-align: left;
}

.order .titre_page::after {
    margin: 20px 0 0;
}

.order-content,
.content-recap {
    display: inline-block;
    vertical-align: top;
}

.order-content {
    width: 820px;
}

.content-recap {
    position: -webkit-sticky;
    position: sticky;
    width: 380px;
    margin-left: 10px;
    top: 70px;
}
body.workbench .content-recap{
    margin-left: 30px;
}

.recap-panier {
    font-weight: 400;
    padding: 20px 25px;
    background-color: #ECF1F0;
}
.recap-panier{
    padding: 20px 14px !important;
}
.recap-panier .price-content {
    margin-bottom: 30px;
}
body.fr_FR .recap-panier .price-content{
    margin-bottom: 15px;
}

.recap-panier .titre {
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
}

.recap-panier .recap-txt-normal {
    font-size: 16px;
}
.recap-panier .recap-txt {
    font-size: 16px;
}
.recap-panier .recap-txt:last-child {
    font-size: 19px;
}

.recap-panier .remove-coupon {
    cursor: pointer;
    display: inline-block;
    width: 9px;
    height: 9px;
    padding: 3px;
    color: #4D716C;
    font-size: 10px;
    line-height: 10px;
    border: 1px solid #4D716C;
    border-radius: 51%;
    text-align: center;
    vertical-align: text-bottom;
}

body.de_DE .recap-panier .recap-txt:last-child {
    font-size: 19px;
    min-width: 100px;
    text-align: right;
}

body.de_DE .recap-panier .recap-txt:last-child {
    font-size: 19px;
    min-width: 100px;
    text-align: right;
}

body.de_DE .recap-panier .line-delivery .recap-txt:last-child {
    font-size: 15px;
}

.recap-panier b {
    font-weight: 600;
}

.recap-panier .txt-promo, .txt-total .txt-promo{
    color: #4D716C;
    max-width: 80%;
}
.li-promo{
    margin-top: 5px !important;
}

.recap-panier .recap-txt.txt-promo b {
    font-weight: 600;
    font-size: 18px;
}

.recap-panier .recap-txt.txt-promo.f-14 b {
    font-size: 14px;
}

.recap-panier .recap-txt .livraison {
    display: block;
    max-width: 60%;
    margin-top: 10px;
    font-size: 10px;
    line-height: 13px;
}

.recap-panier .total-txt {
    font-size: 13px;
    text-align: right;
}

.recap-panier .total-txt span.ecopart {
    margin-top: 5px;
    font-size: 9px;
    font-weight: 400;
    color: rgba(0,0,0,0.5);
}

.recap-panier .total-txt b {
    font-size: 20px;
    font-weight: 600;
}
.recap-panier .btn {
    width: 100%;
    height: 50px;
}
.recap-panier .btn.cta-transparent {
    margin-top: 10px;
}
.recap-panier .shipping-fees {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    display: block;
    margin-top: 15px;
}
.recap-panier .shipping-fees span {
    font-weight: 600;
    color: #4D716C;
}
.recap-panier .line-delivery li:last-child {
    font-size: 15px;
}
.recap-panier .payments-section{
    border-top: 1px solid rgba(77,113,108,.6);
}
.recap-panier .payments-section p{
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #4A4A4A;
}
.recap-panier .payments-section span.alma-logo-payments{
    margin-left: 5px;
}
.important-message {
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
}
.content-recap .code-avantage {
    padding: 20px 25px;
    border: 1px solid #4D716C;
}
.content-recap .code-avantage .fs_link {
    font-weight: 400;
}
.content-recap .code-avantage .fs_link:hover {
    text-decoration: underline;
}

.content-recap .code-avantage .activer {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #4D716C;
}
.content-recap .code-avantage .text {
    font-size: 13px;
    line-height: 18px;
    display: block;
    margin-top: 10px;
    font-weight: 400;
}
.content-recap .code-avantage .text span {
    color: #4D716C;
    font-weight: 600;
}

.content-recap .code-avantage .text span span {
    color: #6c6c6c !important;
}

.content-recap .code-avantage .activer .arrow {
    margin-right: 5px;
    padding: 5px;
    border-color: #909090;
    float: right;
}

.content-recap #f_voucher_basket #f_voucher_basket_voucher_object {
    height: 40px;
    width: 220px;
}
body.workbench .content-recap #f_voucher_basket #f_voucher_basket_voucher_object {
    width: calc(100% - 60px);
}
.content-recap #f_voucher_basket .addVoucher {
    height: 40px;
    width: 100px;
}
body.workbench .content-recap #f_voucher_basket .addVoucher {
    height: 40px;
    width: 60px;
}
.content-recap .code-avantage.active .activer .arrow {
    margin-top: 5px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.content-recap .box-parrainage{
    border: none;
    margin-top: 20px;
    padding: 20px 25px;
    background-color: #F6F4EF;
}
.content-recap .box-parrainage .activer {
    color: #2D2D2D;
}
.content-recap .box-parrainage .to-deploy{
    margin-top: 20px;
}
.content-recap .box-parrainage #f_sponsoring_code{
    position: relative;
}
.content-recap .box-parrainage #f_sponsoring_code.invalid{
    margin-bottom: 25px;
}
.content-recap .box-parrainage input:not([type=submit]){
    border: 0.5px solid #2D2D2D;
    width: calc(100% - 60px);
}
.content-recap .box-parrainage .formvalidator_error{
    margin-top: 48px;
    font-size: 12px;
    white-space: nowrap;
}
.content-recap .box-parrainage .formvalidator_error a,
.content-recap .box-parrainage .formvalidator_error a b{
    color: #AE2626;
    font-weight: 400;
    text-decoration: underline;
}
.content-recap .box-parrainage .btn{
    width: 60px;
    height: 40px;
    min-height: unset;
    padding: 0;
}
.content-recap .box-parrainage .btn-savoirplus{
    font-size: 13px;
    line-height: 18px;
    display: block;
    margin-top: 8px;
    font-weight: 400;
    text-decoration: underline;
}

#f_voucher_basket_code {
    position: relative;
}

#f_voucher_basket_code.invalid{
    top: -8px;
}

#f_voucher_basket_code .formvalidator_error {
    bottom: -20px;
    margin-bottom: 0;
}

form .order_rnvp_address .form-container > div {
    width: 100%;
}
.delivery-address #f_editnfo_rnvp_moniker.f_el{
    width: 100%;
}

.emptybasket {
    display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    text-align: center;
}

.emptybasket svg {
    margin-right: 15px;
}

.order .poursuivre {
    display: flex;
    align-items: center;
    font-weight: 400;
    text-decoration: underline;
}
.order .poursuivre .arrow {
    position: relative;
    top: -1px;
    margin-right: 15px;
    border-width: 0 1px 1px 0;
}

.order .order-content .basketgrid .head{
    padding: 15px;
    box-sizing: border-box;
}
.order .order-content .basketgrid .head,
.basketline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.order .order-content .basketgrid .head .titre-panier {
    font-size: 24px;
    font-weight: 600;
}

.order .order-content .basketgrid .head .en-tete {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    flex: 1;
}
.order .order-content .basketgrid .head .en-tete:first-child {
    flex: 2;
}
.order .order-content .basketgrid .head .en-tete:last-child {
    flex: 1.5;
}

.contenu-deroulable .basketline:first-child {
    border-top: 0;
}

.basketline {
    flex-wrap: wrap;
    padding: 20px 15px;
    box-sizing: border-box;
    border-top: 1px solid #E3E3E3;
    font-weight: 400;
}
.giftcardline {
    flex-wrap: wrap;
    margin-top: -15px;
    padding: 0 15px 20px 15px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 13px;
}
.basketline figure .nouveau{
    position: relative;
    top: -104px;
    left: 3px;
    width: 64px;
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #2D2D2D;
    padding: 5px;
}
.basketline figure .etiquette{
    position: relative;
    top: -104px;
    left: 3px;
    width: 64px;
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 5px;
}
body.de_DE .basketline figure .nouveau{
    width: 25px;
}
.giftline {
    align-items: center;
}
.basketline > div:not(.part4_mention) {
    flex: 1;
}
.basketline > .part4_mention {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 12px;
    padding: 10px 0 0 0;
}
.basketline > div:not(.part4_mention):first-child {
    flex: 2;
}
.giftline > div:first-child {
    align-items: center;
}
.basketline > div:not(.part4_mention):last-child {
    flex: 1.5;
}
.basketline > div:not(.part4_mention):nth-child(2){
    margin-top: 20px;
}
.recapitulatif .basketline > div:first-child {
    align-items: center;
}
.recapitulatif .basketline .name{
    margin-top: 0;
    /*font-weight: 400;*/
}
.recapitulatif .basketline > div:nth-child(2){
    font-size: 14px;
    margin-top: 0;
}
.order.confirm .basketline.giftline .price{
    font-size: 14px;
    font-weight: 600;
}
.recapitulatif .basketline > div:nth-child(2) .units{
    font-size: 17px;
    font-weight: 500;
}
.delivery .basketline > div:nth-child(2){
    margin-top: 30px;
}
.delivery .basketline.basketline_broderie > div:nth-child(2){
    margin-top: 20px;
}
.basketline > div:nth-child(3) {
    margin-top: 25px;
}
.basketline.basketline_broderie > div:nth-child(3) {
    margin-top: 15px;
}
.basketline > div:nth-child(3) {
    font-size: 17px;
}
.giftline > div:nth-child(3) {
    margin-top: 0;
    font-size: 18px;
}
.basketline > div:nth-child(3) b {
    font-weight: 600;
}


.basketline_broderie {
    padding-top: 0;
    border-top: none;
}

.basketline_broderie .empty {
    width: 97px;
}
.embroidery-desc svg{
    margin-right: 5px;
}

.basketline .visuel {
    width: 140px;
    height: auto;
}
body.usePackshotsCarres .basketline .visuel{
    object-fit: cover;
    aspect-ratio: 1 / 1;
    height: 100%;
}
.basketline img.ope {
    position: relative;
    bottom: 22px;
    height: 20px;
}

.basketline .type {
    font-size: 13px;
}

.basketline .type input.broderie {
    width: 210px;
    margin-top: 8px;
    margin-left: 24px;
    padding: 10px;
    border: solid 1px #DEDEDE;
}

.basketline .name {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
}

.basketline .ref {
    margin-top: 5px;
    font-size: 13px;
}

.basketline .infos {
    margin-top: 20px;
    font-size: 13px;
}

.basketline .availability {
    margin-top: 20px;
    font-size: 13px;
}

.basketline .availability.available {
    color: #64902B;
}

.basketline .availability.soon {
    color: #F7AA37;
}

.basketline .name,
.basketline .ref,
.basketline .infos,
.basketline .availability {
    display: block;
    margin-top: 5px;
    line-height: 16px;
}
.giftline .name{
    margin-top: 0;
    font-weight: 400;
}
.basketline .modify-container {
    max-width: 185px;
    margin: 15px 0;
    display: none;
}
.basketline div[data-type="giftcard"] .view-container,
.basketline div[data-type="giftcard"] .modify-container {
    margin: 0;
    width: 100%;
    max-width: 100%;
}
.basketline .modify-container .select-colors .current .checkbox label,
.basketline .modify-container .nice-select.w-border-bottom .current,
.catalog-order .select-colors .current .checkbox label,
.catalog-order .nice-select.w-border-bottom .current,
.f_el .hidden-ref label{
    font-size: 13px !important;
}
.basketline div[data-type="giftcard"] .modify-container .card-custom-amount{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.basketline div[data-type="giftcard"] .modify-container .card-custom-amount .formvalidator_error {
    position: relative;
}
.basketline div[data-type="giftcard"] .modify-container .card-custom-amount input{
    width: 90px;
    font-size: 17px;
    text-align: right;
}
.basketline div[data-type="giftcard"] .modify-container .card-custom-amount span{
    font-size: 17px;
    font-weight: 600;
}
.basketline div[data-type="giftcard"] .modify-container .mention{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    margin-top: 8px;
    color: #8E8E8E;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
}
.order.basket .select-colors .checkbox.rounded img {
    width: 23px;
    height: 23px;
}
.basketline .btn-maj {
    width: 175px;
    height: 40px;
    margin-top: 20px;
    padding: 0;
    display: none;
}
.basketline .btn-maj.visible {
    display: inline-flex;
}

.basketline .basketline-ctas {
    cursor: pointer;
    margin-top: 15px;
    color: #909090;
    font-size: 10px;
}

.basketline .basketline-ctas svg {
    vertical-align: middle;
}

.basketline .basketline-ctas span {
    display: flex;
    align-items: center;
}
.basketline .basketline-ctas span svg {
    margin-right: 5px;
}

.order.basket .new-price {
    font-size: 17px;
    font-weight: 600;
}
.order.basket .old-price,
.basketline .old-price {
    font-size: 17px;
    text-decoration: line-through;
    margin: 0 10px;
}
.basketline .ecopart {
    display: block;
    margin-top: 5px;
    font-size: 9px;
}

.order.basket .reduction,
.basketline .reduction {
    margin: 0 20px;
    padding: 5px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    background-color: #2C4542;
}
.basketline .qty {
    width: 100px;
    margin: auto;
}
.basketline div[data-type="giftcard"] .qty {
    margin: unset;
}
.basketline .qty .current,
.basketline .qty .option {
    font-size: 15px;
    padding-right: 0;
}
.basketline div[data-type="giftcard"] .qty .current,
.basketline div[data-type="giftcard"] .qty .option {
    font-size: 17px;
    font-weight: 600;
}
.basketline .part3 .flex {
    justify-content: flex-end;
}
.basketline .etiquette-container{
    font-size: 11px;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.basketline .etiquette{
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    line-height: initial;
}
.basketline .etiquette.prixdoux,
.basketline .etiquette.excluweb,
.basketline .etiquette.tag,
.basketline .etiquette.broderie_offer{
    padding: 5px 10px;
    line-height: initial;
    color: #2D2D2D;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #fff;
    border-radius: 2px;
    border:1px solid #2D2D2D;
    margin-left: 10px;
}
.basketline .etiquette-container.newPicto .etiquette.prixdoux{
    background-color: #B5D5EB !important;
    border:1px solid #B5D5EB;
}
.basketline .etiquette-container.newPicto .etiquette.excluweb{
    background-color: #fff !important;
    border:1px solid #2D2D2D;
}
.basketline .etiquette-container.newPicto .etiquette.tag{
    background: #CFD8D7 !important;
    border:1px solid #CFD8D7;
}
.basketline .etiquette-container.newPicto .etiquette.broderie_offer{
    background: #BF9335 !important;
    border:1px solid #BF9335;
    color: #ffffff;
}
.de_DE .basketline .part3 .open-popin svg{
    padding-left: 15px;
}
.add-embroidery-line{
    border: 0;
    padding: 10px 0 10px 137px;
}
.add-embroidery-line b{
    font-weight: 600;
}
.basketgrid .lh16, .basketgrid .lh-16 {
    line-height: 16px;
    padding: 20px;
}
.order.basket .add-embroidery {
    font-size: 13px;
    color: #2C4542;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.order .embroidery-desc .add-embroidery {
    width: calc( 100% - 20px );
    display: inline-block;
    margin-top: 15px;
}
.order.basket .add-embroidery svg {
    margin-right: 5px;
}


.order.basket .catalog-order {
    padding: 15px;
    background-color: #ECF1F0;
}

.order.basket .catalog-order input:not([type=submit]){
    border-color: #9e9e9e;
    width: 200px;
}

.order.basket form.unavailable .gift-section > ul {
    opacity: 0.5;
}

.order.basket .catalog-order #f_reference_object {
    width: 195px;
    height: 40px;
    border: 0;
}

.order.basket .catalog-order .titre {
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
}

.order.basket .catalog-order .soustitre {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
}

.order.basket .catalog-order .input-content {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
}

.order.basket .catalog-order .input-content a {
    height: 40px;
    width: 50px;
}
.order.basket .catalog-order .input-content a.quickorder {
    min-height: 40px;
}
.order.basket .catalog-order .hidden-ref {
    display: none;
}
.notfound{
    display: block;
    font-size: 13px;
    margin-top: 20px;
}
.order.basket .catalog-order .choosen-ref {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}
.order.basket .catalog-order .choosen-ref .disponibilite {
    margin-top: 0;
}
.order.basket .catalog-order .choosen-ref .visuel {
    width: 140px;
}
body.usePackshotsCarres .order.basket .catalog-order .choosen-ref .visuel {
    object-fit: cover;
    aspect-ratio: 1 / 1;
    height: 100%;
}
.order.basket .catalog-order .choosen-ref .textblock {
    margin-left: 15px;
    font-size: 13px;
    line-height: 20px;
}
.order.basket .catalog-order .choosen-ref .selects {
    margin-left: 45px;
    width: 185px;
}
.order.basket .catalog-order .choosen-ref .selects .nice-select {
    background-color: transparent;
}
.order.basket .catalog-order .choosen-ref .selects .nice-select.oneSize{
    border: none;
    pointer-events: none;
}
.order.basket .catalog-order .choosen-ref .selects .nice-select.oneSize:after{
    display: none;
}
.order.basket .catalog-order .choosen-ref .price-container {
    margin-left: 49px;
    width: 250px;
}
.order.basket .catalog-order .choosen-ref .price-container .flex-price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.order.basket .catalog-order .choosen-ref .price-container .flex-qty {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
}
.order.basket .catalog-order .choosen-ref .price-container .flex-qty .nice-select {
    height: 41px;
    line-height: 41px;
    width: 95px;
}
.order.basket .catalog-order .choosen-ref .price-container .flex-qty.withmeters .nice-select {
    padding-left: 10px;
    padding-right: 20px;
}
.order.basket .catalog-order .choosen-ref .price-container .flex-qty.withmeters .nice-select.qty .current {
    font-size: 15px;
}
.order.basket .catalog-order .choosen-ref .price-container .flex-qty.withmeters .nice-select .option {
    padding: 0 10px;
    font-size: 15px;
}
.order.basket .catalog-order .choosen-ref .price-container .flex-qty.withmeters .nice-select.qty .current {
    font-size: 15px;
}
.order.basket .catalog-order .choosen-ref .price-container .flex-qty .lds-ellipsis {
    margin-top: 20px;
}
.order.basket .catalog-order .choosen-ref .price-container .flex-qty .select {
    width: 60px;
    height: 40px;
    background-color: transparent;
}
.order.basket .catalog-order .choosen-ref .price-container .flex-qty .btn-add,
.order.basket .catalog-order .hidden-ref .price-container .flex-qty .btn-submit {
    width: 170px;
    min-height: 40px;
    height: 40px;
    padding: 0;
    margin-left: 10px;
}
.order.basket .catalog-order .hidden-ref .price-container .flex-qty .btn-submit.open-popin {
    width: 100%;
    padding: 5px;
    height: fit-content;
}
.order.basket .catalog-order .hidden-ref .price-container .flex-qty .btn-submit {
    letter-spacing: -0.5px;
}

.order.basket a.quickorder.active {
    color: #F6F6F6;
}

.order.basket a.quickorder.active::after {
    background: transparent;
}

.order.basket a.quickorder.active .lds-ellipsis {
    top: -6px;
}

.order.basket .gift-section .titre {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.titre-oav {
    font-size: 16px;
    font-weight: 600;
}

.order.basket .gift-section  {
    background-color: #F6F4EF;
    padding: 10px 15px;
    box-sizing: border-box;
}
.order.basket .gift-section li {
    width: 190px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.order.basket .gift-section li.onf {
    width: 350px;
}
.order.basket .gift-section li.onf a {
    margin-top: 5px;
    font-size: 10px;
    text-decoration: underline;
}
.order.basket .gift-section li.onf a:hover {
    text-decoration: none;
}

.order.basket .gift-section li img {
    width: 100%;
}

.order.basket .gift-section li .label {
    max-width: 85%;
    font-weight: 400;
}

.order.basket .gift-section li .radiorounded {
    margin-top: 0;
}

.order.basket .gift-section li .visuel {
    width: 190px;
    margin-bottom: 20px;
    /*height: 190px;*/
}

.order.basket .offres-supp .titre {
    display: block;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
}

.order.basket .offres-supp .soustitre {
    display: block;
    color: #fff;
    font-size: 16px;
}

.order.basket .offres-supp .content-slider {
    width: 80%;
    background-color: #fff;
    border: 4px solid #9DCECC;
}

.order.basket .offres-supp li {
    padding-bottom: 10px;
    text-align: center;
}

.order.basket .offres-supp li img {
    width: 100%;
}

.order.basket .offres-supp li .textblock {
    height: 150px;
}

.order.basket .offres-supp li:not(:first-child) {
    margin-left: 20px;
}

.order.basket .offres-supp li .txt {
    display: block;
    height: 65px;
    margin-top: 10px;
    color: #909090;
    font-size: 13px;
    line-height: 15px;
}

.order.basket .offres-supp .bandeau {
    width: 20%;
}

.order .lvetmoi {
    margin-top: 15px;
    position: relative;
    font-weight: 400;
}
body.workbench .order .lvetmoi{
    margin-top: 20px;
}
.order .lvetmoi .container-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
}
.order .lvetmoi .textblock {
    background-color: #fff;
    width: 510px;
    height: 135px;
    font-size: 12px;
    padding: 15px 30px;
    box-sizing: border-box;
}
.order .lvetmoi .textblock > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.order .lvetmoi .textblock .textes {
    text-align: center;
}
.order .lvetmoi .textblock .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.order .lvetmoi .textblock .text {
    font-size: 12px;
    line-height: 15px;
}
.order .lvetmoi .textblock .not-logged .text {
    margin-top: 15px;
}
.order .lvetmoi .textblock .container-ctas .btn {
    width: 165px;
    height: 40px;
    padding: 0;
}
.order .lvetmoi .textblock .or {
    display: block;
    font-size: 13px;
    margin: 5px 0;
    text-align: center;
}
.order .lvetmoi .textblock .logged span,
.order .lvetmoi .textblock .logged b{
    display: block;
}
.order .lvetmoi .textblock .logged .points{
    color: #A0543C;
    font-size: 21px;
    font-weight: 600;
}
.order .lvetmoi .textblock .btn-choose{
    width: 210px;
    height: 40px;
    padding: 0;
}

.order.basket .exclusive {
    background-color: #F6F4EF;
    padding: 10px 15px;
    box-sizing: border-box;
    margin-top: 15px;
}
body.workbench .order.basket .exclusive {
    margin-top: 20px;
}
.order.basket .exclusive .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.order.basket .exclusive .flex-container {
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.order.basket .exclusive .left {
    display: flex;
    align-items: center;
}
.order.basket .exclusive .left img {
    width: 185px;
}
body.usePackshotsCarres .order.basket .exclusive .left img {
    width: 185px;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    height: 100%;
}
.specialline{
    display: flex;
    flex-wrap: wrap;
    align-items: center !important;
}
.specialline > div:nth-child(2),
.specialline > div:nth-child(3) {
    margin-top: 0;
}
.order.basket .special {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.order.basket .special span {
    width: 100%;
}
.order.basket .exclusive .textblock {
    margin-left: 25px;
    font-size: 13px;
}
.order.basket .exclusive .textblock .description {
    margin-top: 20px;
    line-height: 18px;
    width: 315px;
    font-weight: 400;
}
.order.basket .exclusive .textblock .link {
    font-weight: 400;
    margin-top: 20px;
    font-size: 11px;
    text-decoration: underline;
    display: inline-block;
}
.order.basket .exclusive .textblock b {
    font-weight: 600;
}
.order.basket .exclusive .right {
    text-align: right;
}
.order.basket .exclusive .price {
    font-size: 17px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}
.order.basket .exclusive .right .cta-transparent {
    width: 210px;
    height: 40px;
    padding: 0;
    min-height: auto;
}
.order.basket .cross-selling {
    margin-top: 70px;
}
.basket .cross-selling .title-section {
    font-family: 'DM Serif Display', serif;
    font-size: 33px;
    text-align: center;
    margin: 0 0 30px 0;
}


.order .order-title {
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid #E3E3E3;
}

.order .order-title small {
    font-size: 14px;
    font-weight: 100;
}

.order .order-title.active {
    border-bottom: none;
    font-weight: 600;
}

.box-livraison [class^="cta-"] {
    padding: 0;
    width: 250px;
    height: 40px;
    min-height: 40px;
    font-weight: 400;
}
.box-livraison .box1 [class^="cta-"] {
    margin-top: 15px;
    margin-bottom: -15px;
}
.box-livraison [class^="cta-"].btn {
    width: 120px;
}
.box-livraison .poion .cta-submit {
    display: none;
}

.box-livraison [class^="cta-"] .lds-ellipsis {
    margin-top: 15px;
    height: auto;
    margin-bottom: 6px;
}

.order .order-title.deroule {
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    font-size: 20px;
    font-weight: 400;
}

.order .order-title.deroule.active .arrow {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.order .contenu-deroulable {
    display: none;
    border-bottom: 1px solid #E3E3E3;
}

.order .disponibilite {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 13px;
}

.order .contenu-deroulable .adresse {
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}

.order .contenu-deroulable #poiresume .adresse {
    font-size: 15px;
    line-height: 20px;
}

.closed {
    color:#F46363;
}

.order .contenu-deroulable .adresse .horaires,
.order .searchaddress {
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
}

a.toggleopeningtimes {
    margin-left: 5%;
}

.encadre-adresse a.toggleopeningtimes {
    margin-left: 0;
}

.openingtimes {
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}

ul.openingtime {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    padding: 9px 0;
    font-size: 11px;
    border-bottom: 1px solid #E3E3E3;
}

.encadre-adresse ul.openingtime {
    width: 83.33333%;
    margin-right: 0;
    margin-left: 0;
}

.adresseresume ul.openingtime {
    width: 50%;
    margin-right: 0;
    margin-left: 0;
}

.adresseconfirm ul.openingtime {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

ul.openingtime.last {
    border: none;
}

ul.openingtime li {
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    text-align: right;
    font-weight: 400;
}

ul.openingtime li:first-child {
    width: 24% !important;
    text-align: left;
}

.order .contenu-deroulable .encadre-adresse {
    display: inline-block;
    width: calc( 100% - 40px );
    padding: 20px;
    border: solid 1px #E3E3E3;
}

.choice-payment-content {
    padding-left: 24px;
}
.choice-payment-content .form-container {
    width: 100%;
}
.choice-payment-content .text_payment_mode {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
#f_placeorder_accept_terms .label {
    font-size: 10px;
    line-height: 19px;
    margin-bottom: 25px;
}
#f_placeorder_accept_terms .label a {
    text-decoration: underline;
}

body.fr_FR #f_placeorder_accept_terms .label{
    margin-bottom: 0;
    font-size: 12px;
}
body.fr_FR #f_placeorder_accept_terms .label a{
    font-size: 12px;
}
.order.delivery .choose-delivery li {
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    position: relative;
    width: 170px;
    height: 95px;
    font-size: 12px;
    border: 1px solid #2C4542;
}

.order.delivery .choose-delivery li {
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    position: relative;
    width: 170px;
    height: 95px;
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #2C4542;
    text-align: center;
    transition: 0.3s;
}
.order.delivery .radiorounded,
.order.delivery .radiorounded.radioroundedchecker {
    width: 14px !important;
    height: 14px;
    border: solid 1px #2C4542;
}
.order .radiorounded:not(.optin) label:after {
    width: 10px;
    height: 10px;
    top: 2px;
    left: 2px;
}
.order .radiorounded.optin label:after {
    width: 10px;
    height: 10px;
    top: 2px;
    left: -28px;
}

.order.delivery .choose-delivery li svg path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    fill: #2C4542;
}

.order.delivery .choose-delivery li:hover::before,
.order.delivery .choose-delivery li.active::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #2C4542;
    bottom: 0;
    left: 0;
}

.order.delivery .choose-delivery li.active::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #2C4542;
    bottom: -8px;
    left: calc(50% - 4px);
    border: solid transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.order.delivery .choose-delivery li:hover {
    color: #2C4542;
}

.order.delivery .choose-delivery li.active {
    color: #fff;
    background-color: #2C4542;
}
.giftcard_delivery_messages{
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    gap: 15px;
    width: 100%;
    padding: 0 0 25px 0;
    color: #2D2D2D;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}
.giftcard_delivery_message{
    display: inline-block;
    width: 100%;
}

.order.delivery .choose-delivery li:hover svg path {
    fill: #2C4542;
}

.order.delivery .choose-delivery li.active svg path {
    fill: #ffffff;
}

.order.delivery .choice-address .label {
    color: #2C4542;
    font-size: 16px;
    font-weight: 600;
}

.order.delivery .choice-address .radiorounded:hover {
    border-color: #2C4542;
}

.order.delivery .choice-address .radiorounded label:after {
    background-color: #2C4542;
}

.order.delivery #f_add_addresse,
.order.delivery #f_modify_addresse {
    padding: 0 20px;
}
.order.delivery .address-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order .adressebloc {
    cursor: pointer;
    display: inline-block;
    width: 49%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 20px 10px 20px;
    border: 1px solid #E3E3E3;
    vertical-align: top;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.order .adressebloc.addresson {
    padding: 10px;
    border: solid 3px #2C4542;
}

.order .adressebloc.addAddress {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    height: 149px;
    border: 1px solid #2C4542;
}

.order .adressebloc.addAddress .plus {
    width: 25px;
    height: 25px;
    color: #2C4542;
    font-size: 25px;
    font-weight: 400;
    border: 1px solid #2C4542;
    border-radius: 50%;
    text-align: center;
}

.order .adressebloc.addAddress .txt {
    margin-top: 10px;
    font-weight: 400;
}

.order .adressebloc .radiorounded {
    display: none;
    margin-top: 2px;
}

.order .adressebloc.addresson .radiorounded {
    display: inline-block;
}

.order .adressebloc:hover {
    -moz-box-shadow: 0 8px 30px -22px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 8px 30px -22px rgba(0, 0, 0, 0.75);
    box-shadow: 0 8px 30px -22px rgba(0, 0, 0, 0.75);
}

.order .adressebloc.addAddress:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.order .adressebloc:not(:last-child) {
    margin-bottom: 20px;
}

.order .adressebloc .ctas {
    float: right;
}

.order .adressebloc .ctas svg {
    vertical-align: bottom;
}

.order .adressebloc .ctas svg path, .order .adressebloc .ctas span {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    fill: #000;
}
.order .adressebloc .ctas span[data-role="delete-delivery-address"] span{
    text-decoration: underline;
    font-weight: 400;
    margin-right: 15px;
}
.order .adressebloc .ctas span[data-role="edit-delivery-address"] span{
    text-decoration: underline;
    font-weight: 400;
}

.order .adressebloc .ctas span:hover {
    color: #959699
}

.order .adressebloc .ctas span:hover svg path {
    fill: #959699
}

.order.delivery .with-address .actual-address {
    margin-left: 23px;
    font-size: 14px;
    line-height: 19px;
}

.order.delivery .with-address .coordonnees-txt {
    font-size: 14px;
    line-height: 19px;
}

.order.delivery #map {
    height: 415px;
}

.order.delivery .listpoints {
    max-height: 413px;
    overflow: scroll;
    border: solid 1px #E3E3E3;
}

.order.delivery .listpoints li {
    width: 94%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 4% 3%;
    border-bottom: 1px solid #E3E3E3;
}

.order.delivery .listpoints li .inlineblock.pt10 {
    padding-top: 0 !important;
    font-size: 14px;
    width: 100%;
}

.order.delivery .listpoints li b {
    font-weight: 600;
}

.order.delivery .listpoints li .radiorounded.radioroundedchecker {
    display: none;
}

.order.delivery .listpoints li.poion {
    width: calc(96% - 12px);
    padding: 2%;
    border: solid 2px #2C4542;
}

.order.delivery .listpoints li.poion .inlineblock.pt10 {
    margin-left: 0 !important;
    padding-top: 10px !important;
}

.order.delivery .listpoints li.poion a.cta-light {
    display: none;
}

.order.delivery .listpoints li.poion .radiorounded.radioroundedchecker {
    display: inline-block;
}

.order.delivery .addresson .radiorounded.radioroundedchecker {
    display: inline-block;
    margin-top: 8px;
    margin-left: 10px;
    width: 20px;
}

.order.delivery .f_gift {
    border: 1px solid #4D716C;
    margin-top: 20px;
    padding: 15px 25px;
    box-sizing: border-box;
}
.order.delivery .f_gift .title {
    font-size: 16px;
    font-weight: 600;
    color: #4D716C;
    text-transform: uppercase;
}
.order.delivery .f_gift .text1 {
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    margin-top: 10px;
}
.order.delivery .f_gift .text2 {
    font-size: 12px;
    line-height: 19px;
    font-weight: 400;
    margin-top: 10px;
}

.order.delivery .f_gift .el-radio {
    display: inline-flex;
    vertical-align: bottom;
}
.order.delivery .f_gift .el-radio .radiorounded {
    margin-right: 0;
    margin-left: 10px;
}
.order.delivery .f_gift #f_gift_message {
    margin-top: 10px;
    justify-content: space-between;
}
.order.delivery .f_gift #f_gift_message_object {
    width: 100%;
    height: 40px;
}
.order.delivery .f_gift .cta-submit {
    width: 110px;
    height: 40px;
    padding: 0;
}

/*POPIN TEMPORAIRE INFO LIVRAISON*/
.deliveryInformation {
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.deliveryInformation .infoContent{
    background-color: #fefefe;
    margin: auto;
    padding: 25px;
    border: 8px solid #Fcc197;
    width: 30%;
    height: 130px;
}

.deliveryInformation .infoContent .maintext {
    line-height: 1.5;
}

.deliveryInformation .infoContent .closeInfoDelivery {
    display: block;
}

.deliveryInformation .infoContent .closeInfoDelivery:hover,
.deliveryInformation .infoContent .closeInfoDelivery:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .deliveryInformation .infoContent{
        width: 60%;
        height: 150px;
    }
}

@media screen and (max-width: 768px) {
    .deliveryInformation .infoContent{
        width: 65%;
        height: 175px;
    }

    .order.basket .exclusive .title {
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
    }
}

/*FIN POPIN TEMPORAIRE*/

.order.payment .choice-payment, .order.payment .choice-payment-alt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    padding: 12px 0;
}
.order.payment .choice-payment.choice-alma {
    padding: 17px 0 16px;
}
.order.payment .chose-payment li {
    position: relative;
    z-index: 1;
}
.order.payment .chose-payment li.giftcard{
    z-index: 2;
    margin-bottom: -2px;
}
.order.payment .choice-payment.choice-giftcard,
.order.payment .choice-payment-content.choice-giftcard{
    background-color: #F6F4EF;
    padding: 15px;
}
.order.payment .choice-payment-content.choice-giftcard-completed{
    background-color: #fff;
    padding: 15px;
}
.order.payment .choice-payment-content.choice-giftcard-completed .text_giftcard_tocomplete{
    color: #AE2626;
    font-size: 12px;
}
.order.payment .choice-payment-content.choice-giftcard-completed .text_giftcard_tocomplete svg{
    margin-right: 10px;
}
.order.payment .choice-payment-content.choice-giftcard .cta-submit{
    height: 50px;
}
.order.payment .choice-payment.choice-giftcard svg {
    margin-right: 10px;
}
.order.payment .gifcard-used .choice-payment.choice-giftcard svg {
    height: 26px;
}
.order.payment .choice-payment.choice-giftcard .btn {
    padding: 12px 20px;
}
.order.payment .choice-payment.choice-giftcard .btn-use-giftcard {
    border: solid 1px #fff;
    opacity: 1;
    transition: opacity 0.3s;
}
.order.payment .choice-payment.choice-giftcard.active .btn-use-giftcard {
    opacity: 0;
    transition: opacity 0.3s;
}
.order.payment .choice-payment.choice-giftcard.active .label {
    font-weight: 700;
}
.order.payment .choice-payment-content.choice-giftcard .text_payment_mode{
    font-weight: 400;
}
.order.payment .choice-payment-content.choice-giftcard .text_payment_explain{
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
}
.choice-giftcard.active > div > svg{
    display: none;
}
.order.payment .choice-payment-content.choice-giftcard .form-container{
    margin-top: 25px;
}

.payment .radiorounded {
    cursor: pointer;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-color: #fff;
    border: solid 1px rgba(0,0,0,0.7);
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.payment .hidden-checkbox{
    display: none;
}

.chose-payment input:not([type=submit]) {
    border: 1px solid #808080;
}
.gift-cards{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 5px;
    margin-left: 5px;
}
.gift-cards svg{
    width: 30px;
}
#f_placeorder_giftcard_cardnumber_object,
#f_placeordert_giftcard_cryptogramme_object{
    width: 80%;
}
.chose-payment label {
    text-transform: uppercase;
}
.semicol-payment {
    width: 49% !important;
}
.chose-payment .semicol-payment .f_el {
    width: 49%;
}
.chose-payment .semicol-payment .f_el input {
    width: 92%;
}
#ccicon{
    display: none;
}

.order.payment .choice-payment .label, .order.payment .choice-payment-alt .label {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
}
.choice-payment-content label{
    font-size: 12px;
}
.order.payment .choice-payment .radiorounded:hover, .order.payment .choice-payment-alt .radiorounded:hover {
    border-color: #002443;
}

.order.payment .chose-payment li:not(:first-child) {
    border-top: 1px solid #909090;
}
.order.payment .choice-payment svg.svg1{grid-area: svg1;}
.order.payment .choice-payment svg.svg2{grid-area: svg2;}
.order.payment .choice-payment svg.svg3{grid-area: svg3;}
.order.payment .choice-payment svg.svg4{grid-area: svg4;}
.order.payment .choice-payment svg.svg5{grid-area: svg5;}
.payment-icons{
    display: grid;
    grid-template-areas:
                        "svg1   svg2   svg3 svg4    svg5";
    grid-gap: 5px 0;
    justify-items: center;
}

.order.confirm .titre {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    text-align: center;
}

.order.confirm .text {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
}

.order.confirm .recapitulatif {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    font-weight: 400;
}

.order.confirm .recapitulatif .recap-titre {
    display: block;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.order.confirm .recapitulatif .product-lines li:last-child {
    border-bottom: 1px solid #000;
}

.order.confirm .recapitulatif .product-lines li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 20px;
    border-top: 1px solid #000;
}

.order.confirm .recapitulatif .product-lines img {
    width: 100%;
}

.order.confirm .recapitulatif .txt-total {
    margin-top: -1px;
    padding: 20px 15px;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

.order.confirm .recapitulatif .txt-total b {
    font-weight: 600;
}

.order.confirm .recapitulatif .txt-total li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 17px;
}

.order.confirm .recapitulatif .txt-total li:not(:first-child) {
    margin-top: 25px;
}

.order.confirm .recapitulatif .txt-total ul.openingtime li {
    margin-top: 0;
    font-size: 13px;
    font-weight: 400;
}

.order.confirm .recapitulatif .txt-total li.ecopart {
    margin-top: 5px;
    font-size: 9px;
}
.order.confirm .recapitulatif .line-ecopart {
    margin-top: 10px;
    font-size: 9px;
    display: block;
}
.order.confirm .recapitulatif .txt-total .ecopart {
    margin-top: 5px;
    font-size: 9px;
}

.order.confirm .nouveautes .titre {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
}

.order.confirm .nouveautes .soustitre {
    color: #fff;
    font-size: 25px;
}

.order.confirm .banner {
    width: 100%;
    height: 350px;
}

.order.confirm .banner figure {
    position: relative;
    width: 100%;
    height: 100%;
}

.order.confirm .banner figure figcaption {
    position: absolute;
    color: #fff;
    font-family: 'DM Serif Display';
    font-size: 77px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.order.confirm .banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0 70%;
    object-position: 0 70%;
}

.order.paybylink .banner {
    width: 100%;
    height: 200px;
}

.order.paybylink .banner figure {
    position: relative;
    width: 100%;
    height: 100%;
}

.order.paybylink .banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0 70%;
    object-position: 0 70%;
}
.order.paybylink .text {
    font-size: 15px;
    line-height: 22px;
}
.order.paybylink .text a {
    text-decoration: underline;
    font-weight: 500;
}
.order.paybylink .text a:hover {
    text-decoration: none;
}

.order.confirm .maincontent {
    position: relative;
    padding-top: 40px;
    z-index: 1;
}

.order.confirm .basketline {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
}
.order.confirm .giftcardline {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
}

.order.confirm .basketline .price {
    font-size: 17px;
}

.order .head_delivery .inputcheck,
.order .inputcheck.head_payment {
    width: 20px;
    height: 20px;
}

.order .inputcheck.head_payment.active .arrow {
    margin-top: 2px;
    margin-left: 6px;
    padding: 4px 3px 6px 2px;
}

.order.payment .box_payment .cache {
    display: none;
}

.order .dataaddress .form-modify {
    width: 590px;
    padding: 20px;
    border: 1px solid #2C4542;
}

.order .dataaddress .form-modify .backpage {
     position: inherit;
     top: inherit;
}
.order .dataaddress .form-modify .nice-select {
    border: solid 1px #808080;
}
.order .dataaddress .form-modify .f_el.flex .formvalidator_error {
    margin-top: 20px;
}

.order #f_delivery_athome ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
}

.order #f_delivery_athome .adressebloc .txtcheck {
    height: 100px;
    font-weight: 400;
}

.padding-bot-15 {
    padding-bottom: 15px;
}

.info-broderie-noêl {
    font-size: 12px;
    padding: 0 80px 30px;
}

.order .empty-basket-text{
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    display: block;
    margin:-20px 0 75px;
}

.order .emptybasket-content .order-content{
    display: block;
    margin: 0 auto;
}

.order .arrow {
    border-width: 0 1px 1px 0;
}
.order .arrow.down {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.order.confirm .recapitulatif .basketline > div:nth-child(2) > div:nth-child(2) {
    margin-top: 40px;
}

.content-recap .code-avantage .parrain-valid{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #F6F4EF;
    margin: 0 auto;
}

.content-recap .code-avantage .parrain-valid p{
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    text-align: left;
    margin-top: 10px;
}
.content-recap .code-avantage .parrain-valid p b{
    font-weight: 600;
}

@media screen and (max-width: 1056px) {
    .semicol-payment {
        width: 100% !important;
    }
    .semicol-payment.around {
        justify-content: space-between;
    }
    .chose-payment label{
        font-size: 12px;
    }
    .chose-payment .semicol-payment .f_el input{
        width: 100%;
    }
    .title-order{
        margin-bottom: 15px;
        text-align: left;
        font-weight: 600;
        font-size: 20px;
        padding: 0 20px;
    }
    .order .poursuivre{
        padding: 0 20px;
        font-size: 13px;
        color: #959699;
    }
    .order .poursuivre.modifaddr{
        padding: 0 0;
    }
    .order .poursuivre svg {
        margin-right: 10px;
    }
    .order .poursuivre svg path{
        fill: #959699;
    }
    .steps_order,
    .order .resumeorder,
    .order .recapbasket,
    .order.confirm .recapbasket {
        width: 100%;
    }

    .order .resumeorder {
        padding-right: 0;
    }

    .steps_order li {
        font-size: 4.5vw;
    }

    .payment .customer-title{
        display: none;
    }

    .order .titre_page {
        font-size: 5vw;
    }

    .order #f_reference input[name=reference] {
        width: 100%;
    }

    .order.delivery .prixlivraison {
        top: 0;
        right: 0;
    }

    .order .adressebloc {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .order.basket .recapbasket {
        display: none;
    }

    .order.delivery .txtlivraison {
        width: 50vw;
        margin-left: 5px;
    }

    .order .sprite.relaiscolis {
        width: 50px;
        height: 35px;
        background-position: -89px -97px;
        background-size: 307px;
    }

    .order .sprite.colissimo {
        width: 50px;
        height: 35px;
        background-position: 0 -97px;
        background-size: 307px;
    }

    .order.payment .icon-lock {
        top: 10px;
        right: -15px;
    }

    .order.confirm .recapbasket .txtarticle {
        width: 50vw;
    }

    .content-recap {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-left: 0;
    }
    body.workbench .content-recap{
        margin-left: 0;
    }

    .recap-panier .price-content {
        padding: 20px 2.5%;
    }

    .order-content {
        width: 100%;
    }

    .order.confirm .recapitulatif {
        width: 100%;
        padding: 0 25px;
        box-sizing: border-box;
    }

    .order.confirm .recapitulatif .txt-total {
        padding: 25px 0;
    }
    .giftcardline {
        padding: 0 0 25px 0;
    }

    .order.confirm .banner{
        height: 145px;
        margin-bottom: 20px;
    }
    .order.confirm .banner figure figcaption {
        font-size: 52px;
    }
    .order.confirm .maincontent {
        margin-top: 0;
        padding-top: 0;
    }

    .order .order-content .basketgrid .head {
        display: none;
    }

    .confirmation-ctas{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .confirmation-ctas a{
        width: 75%;
        margin: 0 0 10px 0 !important;
    }

    .order.confirm .basketline {
        padding: 20px 0;
    }

    .order.confirm .basketline .visuel {
        width: 120px;
    }

    .recapitulatif .basketline > div:nth-child(2) {
        width: 100%;
        margin-top: 25px;
    }
    .recapitulatif .giftline > div:nth-child(2) {
        margin-top: -25px;
    }

    .recapitulatif .basketline > div:nth-child(2) br {
        display: none;
    }
    .recapitulatif .basketline > div:first-child {
        width: 100%;
    }

    .basketline .part2 .changeQty {
        margin-left: 0;
        min-width: 90px;
    }

    .basketline .availability {
        margin-top: 5px;
    }

    .basketline .infos {
        margin-top: 5px;
    }
    .order.basket .old-price {
        font-size: 13px;
    }

    .basketline .basketline-ctas {
        margin-top: 10px;
        font-size: 10px;
    }

    .basketline .basketline-ctas.showm {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .basketline {
        border-top: 1px solid #E3E3E3;
    }
    .add-embroidery-line {
        padding: 10px 15px 10px 165px;
        border: 0;
    }
    .basketline.basketline_broderie > div:nth-child(3){
        align-self: center;
    }
    .order:not(.payment) .contenu-deroulable {
        padding: 0 25px;
        border-bottom: none;
    }
    .delivery .giftline > div:nth-child(2) {
        display: none;
    }
    .giftline .part3 .flex {
        font-weight: 600;
        margin-top: -18px;
    }

    .order.basket .gift-section .titre {
        display: block;
        text-align: center;
    }

    .order.basket .gift-section ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .basketline.basketline_broderie {
        border-top: none;
        padding-top: 0;
        margin-top: 0;
    }
    .basketline_broderie > div:nth-child(3) {
        margin-top: 32px;
    }

    .order.basket .gift-section li {
        margin-top: 40px;
    }

    .order.basket .catalog-order {
        padding: 15px 25px;
    }
    .order.basket .catalog-order .choosen-ref .textblock {
        font-weight: 400;
    }

    .emptybasket{
        display:none;
    }
    .order .empty-basket-text {
        margin: 75px 0 75px;
    }

    .recap-panier {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -ms-order: 2;
        -webkit-order: 2;
        margin-top: 30px;
    }
    .delivery .recap-panier {
        -ms-flex-order: 1;
        order: 1;
        -ms-order: 1;
        -webkit-order: 1;
    }

    .recap-panier .recap-txt .livraison {
        max-width: 80%;
    }

    .content-recap .f_voucher {
        display: block;
    }

    .order.basket .offres-supp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-direction: column;
        width: 100%;
    }

    .order.basket .cross-slider {
        width: auto;
    }

    .order.basket .offres-supp .content-slider {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 0 30px;
    }

    .order.basket .offres-supp .bandeau {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 2.5%;
    }

    .content-recap .code-avantage .activer {
        text-align: center;
    }

    .order.payment .choice-payment:not(.choice-alma) svg, .order.payment .choice-payment-alt svg {
        min-width: 40px;
        height: 15px;
    }
    .alma-payment-plans{
        margin-left: 40px;
    }
    .order.payment .choice-payment #body_1{
        height: 25px;
    }
    .order.payment .chose-payment .choice-payment .ml5.showd{
        display: block;
    }
    .order.payment .chose-payment .flex.showm{
        display: none;
    }
    .header-order .content {
        -webkit-align-items: center;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 10px;
    }

    .header-order .logo-container {
        margin-top: 0;
        width: 37vw;
    }

    .header-order .logo {
        width: 50px;
    }

    .header-order .steps {
        width: 63vw;
        margin-top: 0;
    }

    .header-order .steps li:not(:last-child)::after {
        width: 25px;
    }

    .header-order .steps li .number {
        width: 25px;
        height: 25px;
        font-size: 17px;
    }

    .header-order .securise {
        display: none;
    }

    .content-recap .recap-panier .recap-reduc {
        font-size: 17.5px;
    }
    .order .lvetmoi .visuel{
        width: 100%;
    }

    .giftcard_delivery_messages,
    .delivery .delivery-address .choose-delivery,
    .order .searchaddress,
    .order #f_delivery_atpoi{
        padding: 0 25px;
    }
    .delivery .delivery-address .choose-delivery{
        justify-content: space-between;
    }
    .order .adressebloc:not(:last-child) {
         margin-bottom: 0;
    }

    .delivery .order-title{
        padding: 0 25px 20px;
    }
    .delivery .listpoints{
        width: calc(100% - 30px);
        margin: auto;
    }
    .delivery .customer-title{
        display: none;
    }

    .order.delivery .f_gift {
        -ms-flex-order: 2;
        order: 2;
        -ms-order: 2;
        -webkit-order: 2;
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }
    .order.delivery .f_gift .title{
        font-size: 20px;
    }
    .order.delivery .f_gift .text2{
        font-size: 13px;
    }

    .choice-payment-content{
        padding-left: 0;
    }
    .payment .content-payment{
        padding: 0 25px;
        overflow-x: hidden;
    }
    .order.confirm .basketline_broderie .empty{
        width: 120px;
    }

}

@media screen and (max-width: 675px) {
    .order .order-title,
    .order .order-title.deroule {
        font-size: 22px;
    }
    .recap-panier .total-txt {
        font-size: 4vw;
    }


    .order.confirm .basketline {
        flex-direction: column;
    }

    .recap-panier .total-txt b {
        font-size: 6vw;
    }
    .order.payment .choice-payment .label, .order.payment .choice-payment-alt .label {
        /*font-size: 5vw;*/
    }

    .order.payment .chose-payment .choice-payment .ml5.showd{
        display: none;
    }
    .order.payment .chose-payment .flex.showm{
        display: flex;
        justify-content: flex-end;
        margin-bottom: 10px;
    }

    .order.confirm .titre {
        font-size: 20px;
        line-height: 25px;
    }

    .order.confirm .text {
        font-size: 14px;
        line-height: 20px;
    }

    .order.confirm .recapitulatif .recap-titre {
        font-size: 6vw;
    }

    .order.confirm .recapitulatif .txt-total li {
        font-size: 4vw;
    }

    .order.confirm .recapitulatif .txt-total.txt-total-end li {
        flex-direction: column;
    }

    .order.basket .catalog-order .titre {
        font-size: 15px;
        line-height: 20px;
    }
    .order.basket .catalog-order .soustitre {
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
    }

    .order.basket .gift-section .titre {
        font-size: 20px;
        text-align: left;
    }

    .order.basket .gift-section li, order.basket .gift-section li.onf {
        width: 45% !important;
        margin: 0;
    }
    .order.basket .gift-section ul{
        justify-content: space-between;
    }

    .order.basket .gift-section li .label {
        font-weight: 400;
        max-width: 80%;
    }
    .order .lvetmoi {
        font-weight: 400;
    }

    .order.basket .gift-section li .visuel {
        width: 100%;
        height: auto;
        margin: auto;
    }

    .order .adressebloc:not(:first-child) {
        margin-left: 0;
    }

    .order .with-address [class^="cta-"] {
        width: 100%;
    }

    .order.delivery .choice-address .label {
        max-width: 90%;
        vertical-align: top;
    }

    .order.delivery .choose-delivery li {
        width: 47%;
    }

    .order.delivery .choose-delivery li:last-child {
        margin-left: 0;
    }

    .adressebloc .txtcheck {
        max-width: 80%;
    }

    .qas_content select {
        height: 25px;
    }

    .qas_content div.label {
        max-width: 90%;
        margin-left: 2%;
        vertical-align: top;
    }

    .order.delivery .listpoints {
        max-height: inherit;
        overflow: inherit;
    }

    .order.delivery .listpoints li:nth-child(n+11) {
        display: none;
    }

    .order.delivery .poilist {
        display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .order.delivery .poilist #poilistmap {
        -webkit-order: 2;
        -ms-order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order.delivery .poilist .f_el {
        -webkit-order: 1;
        -ms-order: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .encadre-adresse ul.openingtime {
        width: 100%;
    }

    .basketline {
        display: grid;
        grid-template-areas:
        "part1   part1"
        "part2   part3";
        padding: 20px 0;
    }
    .add-embroidery-line{
        padding: 20px;
    }
    .basketline .part1 {
        grid-area: part1;
    }
    .basketline .part2 {
        grid-area: part2;
    }
    .basketline .part3 {
        grid-area: part3;
    }
    .basketline > div,
    .basketline > div:last-child{
        flex: inherit!important;
    }
    .basketline > div:last-child{
        margin-left: 0!important;
    }
    .basketline .part3:not(.part3-giftline) {
        margin-left: 140px;
    }
    .basketline .part4_mention {
        margin-top: -50px;
    }
    .header-order .logo-container {
        margin-top: 0;
        width: 25vw;
    }
    .header-order .steps {
        width: 75vw;
    }
    .content-recap .recap-panier .recap-reduc {
        width: 70%;
    }

    .order.basket .catalog-order .ref-visible{
        flex-direction: column;
    }
    .order.basket .catalog-order .choosen-ref{
        flex-wrap: wrap;
    }
    .order.basket .catalog-order .choosen-ref .selects{
        width: 100%;
        margin: 10px 0 0;
    }
    .order.basket .catalog-order .choosen-ref .price-container{
        width: 100%;
        margin: 20px 0 0;
    }
    .order.basket .catalog-order .choosen-ref .price-container .flex-qty{
        justify-content: space-between;
    }
    .order.basket .catalog-order .choosen-ref .price-container .flex-qty .btn-add{
        width: 230px;
    }
    .order.basket .gift-section{
        background-color: #fff;
    }

    .order.basket .exclusive{
        background-color: #fff;
        border-top: 1px solid rgba(0,0,0,.5);
        border-bottom: 1px solid rgba(0,0,0,.5);
        padding: 20px 0 30px;
        width: calc(100% - 40px);
        margin: 25px auto 0;
    }
    .order.basket .exclusive .flex-container{
        flex-direction: column;
    }
    .order.basket .exclusive .visuel{
        width: 150px;
    }
    .order.basket .exclusive .right{
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }
    .order.basket .exclusive .price{
        margin-bottom: 0;
    }
    .order.basket .exclusive .left{
        align-items: flex-start;
    }
    .order.basket .exclusive .textblock{
        margin-left: 10px;
        line-height: normal;
    }
    .order.basket .exclusive .textblock .description,
    .order.basket .exclusive .textblock .link{
        margin-top: 10px;
    }
    .order.basket .exclusive .textblock .description {
        font-weight: 400;
        width: auto;
    }

    .order .lvetmoi .textblock{
        width: 100%;
        height: auto;
        padding: 15px 0px;
    }
    .order .lvetmoi .textblock > div{
        flex-direction: column;
    }
    .order .lvetmoi .visuel{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
    }
    .order .lvetmoi .container-text{
        padding: 15px 50px;
        box-sizing: border-box;
        position: static;
    }
    .order .lvetmoi .container-ctas{
        margin-top: 20px;
    }
    .order .lvetmoi .textblock .btn-choose{
        margin-top: 20px;
        width: 190px;
    }

    .content-recap .code-avantage{
        border: 0;
        border-top: 1px solid rgba(0,0,0,.5);
        border-bottom: 1px solid rgba(0,0,0,.5);
        width: calc(100% - 40px);
        padding: 15px 20px;
        margin: 30px auto 0;
    }
    body.workbench .content-recap .code-avantage{
        width: calc(100% - 50px);
        padding: 18px 0;
    }
    .content-recap .code-avantage .activer{
        font-size: 20px;
        font-weight: 600;
    }
    .content-recap #f_voucher_basket #f_voucher_basket_voucher_object{
        width: calc(100% - 40px);
    }
    body.workbench .content-recap .box-parrainage{
        width: 100%;
        border: none;
        padding: 18px 25px;
        box-sizing: border-box;
        margin-top: 17px;
    }
    body.workbench .content-recap .box-parrainage .arrow.right{
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: relative;
        border-color: #2D2D2D;
        top: -4px;
        padding: 6px;
        margin-top: 4px;
    }
    body.workbench .content-recap .box-parrainage.open .arrow.right{
        transform: rotate(135deg);
        -webkit-transform: rotate(-135deg);
        margin-top: 10px;
        top: 0;
    }
    body.workbench .content-recap .box-parrainage .to-deploy{
        display: none;
        width: 100%;
    }
    .recap-panier .price-content{
        padding: 0;
    }
    .recap-panier .titre{
        font-size: 22px;
    }
    .recap-panier .recap-txt{
        font-size: 15px;
    }
    .recap-panier .recap-txt:last-child{
        font-size: 20px;
        max-width: 75%;
    }
    .order.basket .cross-selling{
        padding: 0;
    }
    .order.basket .add-embroidery{
        align-items: flex-start;
    }
    .recap-txt span{
        font-size: 12px;
    }
    .basketline .basketline-ctas{
        /*font-size: 10px;*/
        margin-top: 15px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .basketline .basketline-ctas span:first-child{
        margin-right: 15px;
    }
    .basketline .basketline-ctas span{
        margin: 5px 0;
    }
    .basketgrid > form{
        padding: 0 20px;
        box-sizing: border-box;
    }
    .specialline{
        padding: 20px 20px;
        box-sizing: border-box;
    }
    .specialline .part2{
        display: none;
    }
    .specialline .part3 {
        margin-top: -17px !important;
    }
    .order.basket .reduction{
        margin: 0 10px;
    }
    .basketline .qty{
        margin: 0;
    }
    .basketline .part1{
        width: 100%;
    }
    .basketline .part1 .textblock{
        max-width: calc(100% - 155px);
    }
    .basketline_broderie .part1 .textblock{
        max-width: 100%;
    }
    .order .dataaddress .form-modify{
        width: calc(100% - 30px);
        margin: auto;
    }
    .order .dataaddress .form-modify .backpage{
        margin-top: 0;
    }
    #f_address_add [class^="cta-"]{
        width: 185px;
        margin-top: 10px;
    }

    .basketline_broderie .empty{
        display: none;
    }
    .basketline_broderie .textblock{
        margin-left: 0;
    }

    .order.confirm .recapitulatif .basketline > div:nth-child(2){
        display: flex;
        justify-content: space-between;
    }
    .order.confirm .recapitulatif .basketline.giftline > div:nth-child(2){
        display: block;
    }
    .order.confirm .recapitulatif .basketline_broderie{
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    .order.confirm .recapitulatif .basketline_broderie > div:first-child{
        width: auto;
        flex: 1!important;
    }
    .order.confirm .recapitulatif .basketline_broderie > div:nth-child(2){
        width: auto;
        margin: 0 0 0 10px;
    }
    .order.confirm .basketline .old-price{
        font-size: 13px;
    }
    .order.confirm .basketline .reduction{
        margin: 0 10px;
        font-size: 15px;
    }
    .order.confirm .recapitulatif .basketline > div:nth-child(2),
    .order.confirm .recapitulatif .basketline > div:nth-child(2) .units{
        font-size: 13px;
    }
    .order.confirm .recapitulatif .basketline > div:nth-child(2) > div:nth-child(2){
        margin-top: 0;
    }
    .order.payment .choice-payment.choice-giftcard svg {
        display: none;
    }
    .order.payment .gifcard-used .choice-payment.choice-giftcard svg {
        display: flex;
    }
    .order.payment .gifcard-used .choice-payment.choice-giftcard svg {
        margin-right: 5px;
    }
    .order.payment .gifcard-used .choice-payment.choice-giftcard a svg {
        height: 19px;
    }
    .order.payment .gifcard-used .choice-payment.choice-giftcard .label {
        font-size: 12px;
        line-height: 15px;
    }
    .order.payment .gifcard-used .choice-payment-content.choice-giftcard-completed {
        padding: 15px 0;
    }
    .order.payment .gifcard-used .choice-payment-content.choice-giftcard-completed svg {
        width: 38px;
    }
    .order.payment .choice-payment.choice-giftcard, .order.payment .choice-payment-content.choice-giftcard {
        flex-direction: column;
        align-items: center;
        width: calc( 100% + 30px );
        margin-left: -30px;
    }
    .order.payment .choice-payment.choice-giftcard.active{
        align-items: start;
        padding: 15px 30px;
        width: calc( 100% - 5px );
    }
    .order.payment .choice-payment-content.choice-giftcard {
        padding: 0 30px;
        width: calc( 100% - 5px );
    }
    .order.payment .choice-payment.choice-giftcard .btn-use-giftcard {
        margin-top: 15px;
    }
    .order.payment .choice-payment.choice-giftcard.active .btn-use-giftcard {
       display: none;
    }
}

@media screen and (min-width: 676px) and (max-width: 1056px) {
    .order.basket .offres-supp li {
        width: 29.5vw;
    }
    .order .lvetmoi .visuel.desktop{
        display: block;
        width: 100%;
    }
    .order .lvetmoi .visuel.mobile{
        display: none;
    }
    .content-recap .code-avantage{
        text-align: center;
    }
    #f_voucher_basket_code{
        justify-content: center;
    }
}

/*IOS 9*/
@media screen and (min-width: 1025px) and (max-width: 1240px) {
    .order-content {
        width: 60%;
    }

    .order.payment .choice-payment svg, .order.payment .choice-payment-alt svg {
        max-width: 60px;
        height: 20px;
    }

    .content-recap {
        width: 33%;
    }

    .content-recap .code-avantage .activer {
        font-size: 1.2vw;
    }

    #poiselect div[id^="f_delivery_atpoi_poi_"] {
        margin-right: 10px;
        margin-left: 0;
    }

    #poiselect div:nth-child(5) {
        margin-left: 0;
    }

    #poiselect .cta-light {
        padding: 0;
    }

    .order .adressebloc {
        width: 48%;
    }

    .order.delivery .listpoints li .inlineblock {
        max-width: 70%;
    }

    .basketline {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .basketline .part1 {
        width: 50%;
    }

    .basketline .part1 > a {
        width: 130px;
    }

    .basketline .part1 > div {
        width: calc(100% - 130px);
    }

    .basketline .part2 {
        width: 120px;
        margin: 0 10px;
    }

    .basketline .part3 {
        width: 145px;
    }

    .order .order-content .basketgrid .head .en-tete {
        display: none;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Popin broderie */
/*--------------------------------------------------------------------------------------------------------------------*/
.popin-embroidery .popin-content {
    padding: 20px 15px 15px;
    width: 700px;
    box-sizing: border-box;
}
.popin-embroidery .title{
    font-size: 13px;
    text-align: center;
    display: block;
}
.popin-embroidery .broderie-input{
    margin: 15px auto 0;
    width: 300px;
    display: block;
    border-color: #2C4542;
}
.popin-embroidery .type-title{
    font-size: 13px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    display: block;
}
.popin-embroidery .type ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
.popin-embroidery .type li{
    display: flex;
    align-items: flex-start;
    width: 210px;
}
.popin-embroidery .type li{
    margin-right: 12px;
    margin-bottom: 12px;
}
.popin-embroidery .type li img{
    width: 80px;
}
.popin-embroidery .type li .textblock{
    display: flex;
    align-items: flex-start;
    margin-left: 10px;
    padding-top: 5px;
}
.popin-embroidery .type li .textblock .text{
    font-size: 11px;
    line-height: 15px;
}
.popin-embroidery .btn-validate{
    width: 170px;
    height: 40px;
    display: flex;
    margin: 30px auto 0;
}
.popin-embroidery .mentions{
    color: rgba(0,0,0,0.5);
    font-size: 9px;
    line-height: 12px;
    margin-top: 20px;
    display: block;
}
.etiquette.broderie_offer {
    padding: 5px 10px;
    line-height: initial;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 2px;
    background: #BF9335 !important;
    border: 1px solid #BF9335;
    color: #ffffff;
    font-size: 11px;
    width: max-content;
    display: block;
}
.alma-payment-plans{
    list-style: disc!important;
}

.alma-payment-plans li{
    border-top: 0px!important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .order.basket .catalog-order .input-content.mt-25-mb {
        margin-top: 0 !important;
    }
    .recap-panier .btn {
        width: 51%;
        height: 50px;
    }
    #f_next{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .order.basket .catalog-order .choosen-ref {
        justify-content: space-between;
    }
    .order.basket .gift-section .titre {
        text-align: left;
        margin-top: 20px;
        margin-bottom: -20px;
        font-size: 20px;
    }
    .delivery .delivery-address .choose-delivery {
        justify-content: flex-start;
    }
}
@media screen and (max-width: 435px) {
    .payment-icons .ml5{margin-left:0;}
    .order.payment .choice-payment svg.svg1{min-width:20px;}
    .payment-icons{
        display: grid;
        grid-template-areas:
                        ".   svg2   svg3"
                        "svg1   svg4    svg5";
    }
}

.cross-selling.parure .slider-parure{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.cross-selling.parure {
    margin-top: 60px;
    margin-bottom: -50px;
}
.cross-selling.parure .swiper-slide {
    margin-bottom: 50px;
}
.cross-selling.parure .swiper-slide a {
    display: inline-block;
    width: 100%;
}
.cross-selling.parure .slider-parure{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.cross-selling.parure .parure-bloc .visuel{
    width: 100%;
}
body.usePackshotsCarres .cross-selling.parure .parure-bloc .visuel{
    object-fit: cover;
    aspect-ratio: 1 / 1;
    height: 100%;
}
@media screen and (max-width: 435px) {
    .cross-selling.parure {
        margin-bottom: -50px;
        padding: 0 15px;
    }
    .cross-selling .parure .slider-arrow {
        top: calc(50% - 65px);
    }
    .cross-selling.parure .swiper-slide {
        margin-bottom: 50px;
        width: 85vw;
    }
    .cross-selling.parure .swiper-slide a {
        display: inline-block;
        width: 100%;
    }
    .cross-selling.parure .slider-parure{
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
        padding: 0 20px;
    }

    .cross-selling.parure .slider-parure .swiper-button-next{
        margin-right: -6px;
    }
    .cross-selling.parure .slider-parure .swiper-button-prev{
        margin-left: -6px;
    }
    .cross-selling.parure .parure-bloc .visuel{
        width: 98%;
    }
}
.cross-selling.parure .parure-bloc .type{
    font-size: 12px;
    display: block;
    margin-top: 10px;
}
.cross-selling.parure .parure-bloc .name{
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-top: 5px;
}
.cross-selling.parure .parure-bloc .ref-container{
    margin-top: 5px;
    display: flex;
    font-size: 10px;
}
.cross-selling.parure .parure-bloc .ref-container .ref{
    color: #666666;
}
.cross-selling.parure .parure-bloc .ref-container .disponibilite{
    margin-left: 15px;
}
.cross-selling.parure .parure-bloc .select-container{
    display: flex;
    justify-content: space-between;
}
.cross-selling.parure .parure-bloc .select-container .burstingcolors,
.cross-selling.parure .parure-bloc .select-container .nice-select,
.cross-selling.parure .parure-bloc .select-container .sizes{
    width: 48%;
}
.cross-selling.parure .parure-bloc .select-container .select-colors{
    width: 100%;
}
.cross-selling.parure .parure-bloc .select-container .sizes .nice-select{
    width: 100%;
}
.cross-selling.parure .parure-bloc .select-container .sizes .nice-select.oneSize{
    border: none;
    pointer-events: none;
}
.cross-selling.parure .parure-bloc .select-container .sizes .nice-select.oneSize:after{
    display: none;
}
.cross-selling.parure .parure-bloc .select-container .nice-select .current,
.cross-selling.parure .parure-bloc .select-colors .current .checkbox label{
    font-size: 13px;
}
.cross-selling.parure .parure-bloc .price-container{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 11px;
    margin-top: 20px;
}
.cross-selling.parure .parure-bloc .price-container .total{
    font-size: 18px;
    margin-left: 5px;
    font-weight: 600;
}
.cross-selling.parure .parure-bloc .price-container .reduction{
    background-color: #2C4542;
    color: #fff;
    padding: 5px;
    font-size: 16px;
    margin: 0 5px;
}
.cross-selling.parure .parure-bloc .price-container .old{
    font-size: 12px;
    color: #4A4A4A;
}
.cross-selling.parure .parure-bloc .price-container .ecopart{
    display: block;
}
.cross-selling.parure .parure-bloc .container-cta{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.cross-selling.parure .parure-bloc .qty{
    width: 55px;
    margin-right: 20px;
    padding-left: 10px;
    height: 50px;
    line-height: 48px;
    display: flex;
    align-items: center;
}
.cross-selling.parure .parure-bloc .qty::after{
    margin-top: -9px;
}
.cross-selling.parure .parure-bloc .cta-add{
    height: 35px;
    width: calc( 100% - 55px );
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.cross-selling.parure .parure-bloc .btn{
    flex: 1;
}

.popin-cadeau-onf .popin-container{
    max-width: 800px;
}
.popin-cadeau-onf .popin-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #2C4542;
    box-shadow: 6px 6px 41px rgba(0, 0, 0, 0.28);
}
.popin-cadeau-onf .textblock{
    padding: 25px 35px;
    box-sizing: border-box;
}
body.de_DE .popin-cadeau-onf .textblock{
    padding: 18px 35px;
}
.popin-cadeau-onf .title{
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2D2D2D;
}
.popin-cadeau-onf .text{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-top: 25px;
}
body.de_DE .popin-cadeau-onf .text{
    margin-top: 20px;
}
.popin-cadeau-onf .text b{
    font-weight: 600;
}
.popin-cadeau-onf .btn{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 20px;
    display: block;
    text-decoration: underline;
}
.popin-cadeau-onf .btn:hover{
    text-decoration: none;
}
.popin-cadeau-onf .visuel{
    max-width: 271px;
}
@media screen and ( max-width: 1055px ){
    .popin-cadeau-onf .visuel{
        max-width: 145px;
    }
    .popin-cadeau-onf .popin-content{
        padding: 30px;
        flex-direction: column;
    }
    .popin-cadeau-onf .textblock,
    body.de_DE .popin-cadeau-onf .textblock{
        padding: 0;
        margin-top: 20px;
    }
    .popin-cadeau-onf .textblock .text{
        font-size: 12px;
        line-height: 14px;
        text-align: left;
    }
    .popin-cadeau-onf .btn{
        font-size: 12px;
        line-height: 14px;
    }
}

/* offre */
.mention-code-panier{
    background-color: #5D8579;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 15px;
}
.mention-code-panier.acm-push-panier{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.mention-code-panier.acm-push-panier span{
    text-align: center;
    width: 100%;
}
.mention-code-panier.has-mention{
    padding-bottom: 15px;
}
.mention-code-panier .mention{
    font-size: 10px;
    position: absolute;
    bottom: 0;
    right: 5px;
}
#googlepay-container button,
#applepay-container button {
    width: 100%;
}

/* gift message */
.layerajax[data-layer="giftmessage"] .content{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 28px 42px;
    box-sizing: border-box;
}
.layerajax[data-layer="giftmessage"] .presentation{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
}
.layerajax[data-layer="giftmessage"] .presentation b{
    font-size: 14px;
}
.layerajax[data-layer="giftmessage"] .presentation > div:first-child{
    max-width: 250px;
}
.layerajax[data-layer="giftmessage"] .message{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.layerajax[data-layer="giftmessage"] .message #f_message_cadeau_message{
    position: relative;
    width: 100%;
    height: 100px;
    padding-bottom: 35px;
    background-color: #fff;
    border: solid 1px #fff;
    transition: border .250s ease-in-out;
}
.layerajax[data-layer="giftmessage"] #area_send_gift_message{
    position: relative;
}
.layerajax[data-layer="giftmessage"] #area_send_gift_message.inactive:after{
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F6F4EF;
    opacity: .45;
    cursor: not-allowed;
}
.layerajax[data-layer="giftmessage"] .message #f_message_cadeau_message.invalid{
    margin-bottom: 25px;
    border: solid 1px #941718;
    transition: border .250s ease-in-out;
}
.layerajax[data-layer="giftmessage"] .message #f_message_cadeau_message .formvalidator_error{
    display: none;
}
.layerajax[data-layer="giftmessage"] .message #f_message_cadeau_message.invalid .formvalidator_error{
    display: flex;
    position: relative;
    top: 40px;
    font-size: 11px;
}
.layerajax[data-layer="giftmessage"] .message #cadeau_message{
    width: 100%;
    height: 100px;
    border: none;
    resize: none;
}
.layerajax[data-layer="giftmessage"] .message #messagecharcounter{
    position: absolute;
    bottom: 10px;
    left: 15px;
    color: #8E8E8E;
    font-size: 12px;
    font-weight: 400;
}
.layerajax[data-layer="giftmessage"] .message #messagecharcounter.text-danger{
    color: #941718;
}
.layerajax[data-layer="giftmessage"] .message .nota{
    width: 100%;
    color: #666;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 16px;
}
.giftlinemsg-elements{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (max-width: 675px) {
    .basketline[data-id="gift-message"]{
        display: flex;
        flex-direction: column;
        padding: 20px;
    }
    .basketline[data-id="gift-message"] .part3{
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }
    .basketline[data-id="gift-message"] .part3 a{
        margin-top: 0 !important;
    }
    .layerajax[data-layer="giftmessage"] .content{
        padding: 28px 25px;
    }
    .layerajax[data-layer="giftmessage"] .presentation br{
        display: none;
    }
}