/*---------------------------------*\
    Account Global .account
    Applied on every account pages
\*---------------------------------*/
.account #widget_breadcrumb {
    display: none;
}

@media only screen and (min-width: 879px) {
    .account #widget_breadcrumb {
        display: block;
    }
}

.account .my_account {
    padding: 0 20px;
}

.account .myaccount_header {
    padding: 0; /* reset */
    margin-top: 22px;
    margin-bottom: 24px;
    font-weight: normal; /* reset */
    font-family: 'Playfair Display', serif;
    font-size: 26px;
}

@media only screen and (min-width: 879px) {
    .account .myaccount_header {
        font-size: 48px;
    }
}

.account #box .main_header {
    background: none; /* reset */
}

.account #box,
.account #box .my_account .body,
.account #box .myaccount_content {
    min-height: inherit; /* reset */
    margin: 0; /* reset */
    padding: 0; /* reset */
    border: 0; /* reset */
    color: #000; /* reset */
}

/* Back button */
.account .btn-back {
    display: block;
    margin-top: 15px;
    padding-left: 17px;
    background: url(../../images/chevron-left_black.png) 0 3px no-repeat;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .1em;
}

@media only screen and (min-width: 879px) {
    .account .btn-back {
        display: none;
    }
}

.account .myaccount_link {
    color: #000 !important; /* reset */
}

/* Left navigation */
#myAccountNavigationWidget {
    display: none;
}

.account-home #myAccountNavigationWidget {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}

@media only screen and (min-width: 879px) {
    #myAccountNavigationWidget {
        display: block;
        max-width: 260px;
        margin: 55px auto;
    }

    .account-home #myAccountNavigationWidget {
        margin-top: 140px;
        margin-bottom: 140px;
    }
}

#myAccountNavigationWidget .facetSelect a.active {
    position: relative;
    padding-left: 20px;
}

#myAccountNavigationWidget .facetSelect a.active:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 13px;
    height: 3px;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

/* Required field */
.account .required-field {
    width: inherit;
    color: inherit;
    padding: inherit;
}

.account .button_footer_line .required-field {
    clear: both; /* reset */
    padding: 15px 0 0 0; /* reset */
    display: block; /* reset */
    color: #444;
    font-size: 12px;
    font-family: "Playfair Display", serif;
}

@media only screen and (min-width: 879px) {
    .account .button_footer_line .required-field {
        display: inline-block;
        padding-top: 0;
        line-height: 60px;
        margin-left: 15px;
    }
}

.account .order_info {
    margin-bottom: 35px;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
}

/*---------------------------------*\
    Account - Login .account-login
\*---------------------------------*/
.account-login .content_wrapper {
    margin-bottom: 35px;
}

@media only screen and (min-width: 879px) {
    .account-login .content_wrapper {
        margin-bottom: 85px;
    }
}

.account-login .header {
    margin-top: 35px;
}

/*---------------------------------*\
    Account - Homepage .account-home
\*---------------------------------*/
/* Global */
.account-home .account-home-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

@media only screen and (min-width: 879px) {
    .account-home .account-home-content {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/* Header */
.account-home .myaccount_header {
    padding-left: 20px;
    margin-top: 35px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 879px) {
    .account-home .myaccount_header {
        text-align: center;
    }
}

.account-home .myAccount_desc_title {
    padding-left: 20px;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
}

@media only screen and (min-width: 879px) {
    .account-home .myAccount_desc_title {
        padding-left: 0;
        margin-bottom: 20px;
        text-align: center;
        font-size: 20px;
    }
}

/* Content */
.account-home .facetWidget > .title {
    display: none;
}

@media only screen and (min-width: 879px) {
    .account-home .facetWidget > .title {
        display: block;
    }
}

.account-home .myAccount__bgc-advantages--content .section-content {
    width: 100%;
    max-width: 718px;
    height: 100px;
    margin: 0 auto;
    border: 1px solid red;
}

@media only screen and (min-width: 768px) {
    .account-home .primes__without-vouchers .primes__state--rewards {
        min-height: 572px;
    }

    .account-home .section-withoutVouchers {
        background-size: 110% 110%;
    }

     .page-BGClub .section-withoutVouchers .primes__state--rewards .primes__state__title__text {
        padding-top: 8rem;
    }
}

.account-home .bgc-advantages__title {
    position: relative;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-style: italic;
    line-height: 22px;
    color: #8B8B8B;
}

.account-home .bgc-advantages__title::before,
.account-home .bgc-advantages__title::after {
    content: '';
    position: absolute;
    top: 13px;
    width: 60px;
    height: 1px;
    background-color: #DADADA;
}

.account-home .bgc-advantages__title::before {
    left: 0;
}

.account-home .bgc-advantages__title::after {
    right: 0;
}

@media only screen and (min-width: 879px) {
    .account-home .bgc-advantages__title {
        width: 373px;
        margin-right: auto;
        margin-left: auto;
    }

    .account-home .bgc-advantages__title::before {
        width: 80px;
        left: 290px;
    }

    .account-home .bgc-advantages__title::after {
        width: 80px;
        right: 290px;
    }
}

.account-home .section-primes {
    display: flex;
    flex-direction: column;
    /*align-items: center;
    -ms-flex-pack: center;*/
    width: 100%;
    margin: 16px auto 40px auto;
}

.account-home .section-primes.section-primes--partner {
    align-items: center;
    -ms-flex-pack: center;
}

.account-home .primes__state__title__text.primes__state__title__text--partner::after {
    content: '';
    display: block;
    width: 70%;
    height: .075rem;
    background-color: #bbbcbd;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
}

.account-home .primes__state__title--partner {
    text-transform: uppercase;
    font-size: 15px;
    color: #9d9d9d;
}

@media only screen and (max-width: 879px) {
    .account-home .primes__state.primes__state--partner {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .account-home .section-primes {
        flex-direction: row;
        justify-content: center;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .account-home .section-primes {
        margin-bottom: 16px;
    }
}

.account-home .primes__state {
    position: relative;
    width: 100%;
    max-width: 358px;
    padding-top: 19px;
    padding-bottom: 24px;
    color: #000;
    background-color: #f5f5f5;
}

.account-home .primes__state.section-withoutVouchers {
    max-width: 718px;
    margin-right: 0;
}

.account-home .state--empty__icon .svg {
    width: 4rem;
    height: 3rem;
}

.account-home .state--empty__information {
    font-size: 14px;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
}

@media only screen and (min-width: 540px) {
    .account-home .primes__state {
        padding: 32px 16px;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .account-home .primes__state {
        margin-bottom: 0;
    }
}

.account-home .primes__state--rewards {
    margin-bottom: 4px;
}

@media only screen and (min-width: 768px) {
    .account-home .primes__state--rewards {
        margin-bottom: 0;
        margin-right: 2px;
    }
}

.account-home .primes__state__title {
    position: relative;
    text-align: center;
}

.account-home .primes__state__title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 8%;
    display: block;
    width: 84%;
    height: 1px;
    background-color: #b4b4b4;
}

@media only screen and (min-width: 540px) {
    .account-home .primes__state__title::after {
        width: 50%;
        left: 25%;
    }
}

.account-home .bntClub-link__text {
    margin-right: 16px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.6px;
    color: #8B8B8B;
}

.account-home .bntClub-link .svg-chevron {
    width: 7px;
    height: 7px;
    margin-bottom: 1.2px;
    fill: #8B8B8B;
    transform: rotate(-90deg);
}

.account-home .primes__state__title__text__device {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.account-home .primes__state__title__text__unit {
    font-weight: 700;
}

@media only screen and (min-width: 540px) {
    .account-home .primes__state__title__text__device {
        font-size: 22px;
        font-weight: 400;
    }

    .account-home .primes__state__title__text__unit {
        font-size: 32px;
    }
}

@media only screen and (min-width: 768px) {
    .account-home .primes__state__title__text__device {
        font-size: 36px;
    }

    .account-home .primes__state__title__text__unit {
        font-size: 48px;
        font-weight: 400;
    }
}

.account-home .primes__state__title__text {
    padding-top: 15px;
    padding-bottom: 9px;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    letter-spacing: .3px;
    line-height: 40px;
}

.account-home .primes__state--rewards .primes__state__title__text {
    font-weight: 700;
}

@media only screen and (min-width: 768px) {
    .account-home .primes__state--rewards .primes__state__title__text {
        padding-bottom: 19px;
        padding-top: 23px;
        font-size: 48px;
        font-weight: 400;
        line-height: 64px;
        letter-spacing: .5px;
    }

    .account-home .primes__state--vouchers .primes__state__title__text {
        padding-top: 25px;
        line-height: 64px;
        letter-spacing: .5px;
    }
}

.account-home .primes__state__remaining {
    margin-top: 16px;
    text-align: center;
}

@media only screen and (min-width: 540px) {
    .account-home .primes__state--rewards .primes__state__remaining,
    .account-home .primes__state--vouchers .primes__state__remaining {
        margin-top: 22px;
    }
}

@media only screen and (min-width: 768px) {
    .account-home .primes__state--rewards .primes__state__remaining,
    .account-home .primes__state--vouchers .primes__state__remaining {
        margin-top: 30px;
    }
}

.account-home .remaining__figures {
    padding-top: .35rem;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    line-height: 30px;
}

@media only screen and (min-width: 768px) {
    .account-home .remaining__figures {
        font-size: 20px;
        padding-top: 0;
    }
}

.account-home .remaining__explanations {
    font-size: 16px;
    line-height: 22px;
    color: #8B8B8B;
}

.account-home .user__menu {
    display: none;
    width: 100%;
    max-width: 718px;
    padding: 0;
    margin: 27px auto 96px;
    list-style: none;
    overflow: hidden;
    border: 1px solid #dadada;
}

@media only screen and (min-width: 879px) {
    .account-home .user__menu {
        display: block;
    }
}

.account-home .menu__item {
    width: 49.9%;
    height: 50%;
    padding-bottom: 5.9%;
    float: left;
}

.account-home .menu__item--setting,
.account-home .menu__item--orders {
    border-right: 1px solid #dadada;
}

.account-home .menu__item--setting,
.account-home .menu__item--favorites {
    border-bottom: 1px solid #dadada;
}

.account-home .menu__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 12.4%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 22px;
    letter-spacing: .01rem;
    color: #000;
}

.account-home .menu__link::before {
    width: 68px;
    height: 50px;
    margin: 0 auto 4.4%;
    display: block;
}

.account-home .menu__item--setting .menu__link::before {
    content: url(../../images/picto_setting.png);
    /* content: '';
     background: url(../../Icons/svg/setting-M.svg) no-repeat bottom;
     background-size: 73%;
     rotate: 60deg;*/
}

.account-home .menu__item--favorites .menu__link::before {
    content: url(../../images/picto_favorites.png);
}

.account-home .menu__item--orders .menu__link::before {
    content: url(../../images/picto_orders.png);
}

.account-home .menu__item--BGClub .menu__link::before {
    content: '';
    background: url(../../Icons/svg/logo-BGClub-grey.svg) no-repeat bottom;
    background-size: 100%;
    width: 108px;
}

.account-home .content_events {
    max-width: 718px;
    margin: 27px auto 27px;
}

@media only screen and (max-width: 767px) {
    .account-home .content_events {
        margin:0px auto 16px 0px;
        max-width: 358px;
    }
}

/*---------------------------------*\
    Account - User infos .account-user-infos
\*---------------------------------*/
.account-user-infos .checkboxField.Newsletter {
    margin-bottom: 50px;
    margin-left: 10px;
}

@media only screen and (min-width: 879px) {
    .account-user-infos .checkboxField.Newsletter {
        margin-left: 8px;
    }
}

.account-user-infos .button_footer_line {
    margin-bottom: 55px;
}

@media only screen and (min-width: 879px) {
    .account-user-infos .button_footer_line {
        margin-bottom: 85px;
    }
}

/*---------------------------------*\
    Account - Password .account-password
\*---------------------------------*/
.account-password .my_account {
    margin-bottom: 85px;
}

/*---------------------------------*\
    Account - Reset Password .account-password-reset
\*---------------------------------*/
.account-password-reset .title {
    padding: 0; /* reset */
    margin-top: 25px;
    margin-bottom: 15px;
}

@media only screen and (min-width: 879px) {
    .account-password-reset .title {
        margin-top: 35px;
        margin-bottom: 25px;
    }
}

.account-password-reset .title h1 {
    padding: 0; /* reset */
    color: #000;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    height: auto;
}

@media only screen and (min-width: 879px) {
    .account-password-reset .title h1 {
        font-size: 48px;
    }
}

.account-password-reset .registration_header {
    color: #444;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
}

.account-password-reset .sign_in_registration .forgot_password_container {
    float: none; /* reset */
}

.account-password-reset .button_footer_line {
    margin-top: 25px;
    margin-bottom: 85px;
}

.account-password-reset .forgot_password_content .button_footer_line{
    margin-top: 45px;
    margin-bottom: 45px;
} 

.account-password-reset .mail_sent_info {
    padding: 20px;
    text-align: center;
    font-size: 18px;
}

.account-password-reset .mail_sent_info .forgot-pwd-msg {
    margin-bottom: 15px;
    font-weight: 700;
}

/*---------------------------------*\
    Account - AddressBook .account-addressbook
\*---------------------------------*/
.account-password .my_account {
    margin-bottom: 35px;
}

.account-addressbook .AdressAction {
    margin-left: 30px;
}

.account-addressbook .AdressAction .link {
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 16px;
}

.account-addressbook .AdressAction .link.add {
    background: url(../../images/UpArrowButton.png) 0 4px no-repeat;
}

.account-addressbook .AdressAction .link.delete {
    background: url(../../images/DownArrowButton.png) 0 4px no-repeat;
}

.account-addressbook .button_footer_line {
    margin-bottom: 85px;
}

/*---------------------------------*\
    Account - Whislist .account-whislist
\*---------------------------------*/
.account-whislist {
    padding-left: 20px;
    padding-right: 20px;
}

.account-whislist .my_account_wishlist_container {
    font-size: 16px;
}

.account-whislist .subheader_text {
    font-family: 'Playfair Display', serif;
    font-size: 18px !important; /* reset */
    font-weight: 700;
    font-style: italic;
}

.account-whislist .top_pagination {
    display: none;
}

.account-whislist .productListingWidget .product_btn,
.account-whislist .productListingWidget .product_btn .button {
    width: 100%;
}

.account-whislist .productListingWidget .product_btn .button_text {
    -ms-flex-pack: center;
    justify-content: center;
}

.account-whislist .productListingWidget .btn-remove-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.account-whislist #wishlist_message {
    resize: vertical;
    overflow-y: hidden;
}

/*---------------------------------*\
    Account - Orders History & Order Return List [Page] .account-orders-history (shared)

    Account - Orders History [Table] .account-orders-history .order_status_table
    Account - Order Return List [Table] .account-orders-history .return_order_table
\*---------------------------------*/
/* Global */
.account-orders-history .my_account {
    margin-bottom: 35px;
}

@media only screen and (min-width: 879px) {
    .account-orders-history .my_account {
        margin-bottom: 85px;
    }
}

/* Orders History */
.account-orders-history #OrderStatusDetailPagination {
    margin: 10px;
    font-size: 14px;
}

.account-orders-history .order_status_table .column_heading th.li {
    padding: 10px; /* reset */
}

.account-orders-history .order_status_table .total_price_column_1 {
    text-align: left; /* reset */
}

.account-orders-history .order_status_table .option_1 {
    float: none !important; /* reset */
    padding-top: 10px;
    padding-bottom: 10px;
}

.account-orders-history .order_status_table .btn-return-order-wrapper {
    margin-top: 5px;
}

.account-orders-history .order_status_table .btn-return-order {
    padding: 0;
    font-size: 11px;
    font-weight: 600;
}

.account-orders-history .order_status_table .order_number_column_1,
.account-orders-history .order_status_table .order_date_column_1,
.account-orders-history .order_status_table .status_column_1,
.account-orders-history .order_status_table .total_price_column_1,
.account-orders-history .order_status_table .option_1 {
    width: 100% !important; /* reset */
}

@media only screen and (min-width: 879px) {
    .account-orders-history .order_status_table .order_number_column_1,
    .account-orders-history .order_status_table .order_date_column_1 {
        width: 20% !important; /* reset */
    }

    .account-orders-history .order_status_table .status_column_1 {
        width: 26% !important; /* reset */
    }

    .account-orders-history .order_status_table .total_price_column_1,
    .account-orders-history .order_status_table .option_1 {
        width: 17% !important; /* reset */
        padding: 10px;
    }

    .account-orders-history .order_status_table .btn-details {
        display: block;
    }
}

/* Order Return List */
.account-orders-history .return_order_table .order_number_column {
    width: 100% !important; /* reset */
}

.account-orders-history .return_order_table .return_note_column .label {
    margin-bottom: 10px;
}

@media only screen and (min-width: 879px) {
    .account-orders-history .return_order_table .return_number_column {
        width: 20%;
    }

    .account-orders-history .return_order_table .order_number_column {
        width: 20% !important; /* reset */
    }

    .account-orders-history .return_order_table .status_column {
        width: 15%;
    }

    .account-orders-history .return_order_table .last_update_column {
        width: 30%;
    }

    .account-orders-history .return_order_table .return_note_column {
        width: 15%;
    }

    .account-orders-history .return_order_table .refund_credit_column {
        width: 15%;
    }
}

/*---------------------------------*\
    Account - Order Return Form [Page] .account-return-form
    Account - Order Return Form [Table] .account-return-form .return_items_table
\*---------------------------------*/
.cs-select.order_item_return_select ul span {
    font-size:13px;
} 
.cs-select.order_item_return_select span {
    font-size:13px;
}
.bg-table.return_items_table .order_item_reason_explanation_container {
    font-size:13px;
}
@media only screen and (min-width: 1800px) {
    .cs-select.order_item_return_select ul span {
        font-size:16px;
    }
    .cs-select.order_item_return_select span {
        font-size:16px;
    }
    .bg-table.return_items_table .order_item_reason_explanation_container {
        font-size:16px;
    }
}

.account-return-form .return_items_table .checkbox_wrapper {
    top: -13px;
}

@media only screen and (min-width: 879px) {
    .account-return-form .return_items_table .checkbox_wrapper {
        left: 13px;
    }
}

.account-return-form .return_items_table .product_column .product-name {
    font-size: 14px;
}

.account-return-form .return_items_table .quantity_column .label,
.account-return-form .return_items_table .reason_column .label {
    margin-bottom: 10px;
}

@media only screen and (min-width: 879px) {
    .account-return-form .return_items_table .select_column {
        width: 5%;
    }

    .account-return-form .return_items_table .part_number_column,
    .account-return-form .return_items_table .product_column {
        width: 20%;
    }

    .account-return-form .return_items_table .quantity_column {
        width: 10%;
        font-family: 'Source Sans Pro', sans-serif;
    }

    .account-return-form .return_items_table .reason_column {
        width: 38%;
    }
}

.account-return-form .table_footer {
    margin-top: 25px;
    margin-bottom: 35px;
}

/*---------------------------------*\
    Account - Order Return Details [Page] .account-return-details
    Account - Order Return Details [Table] .account-return-details .return_items_table
\*---------------------------------*/
.account-return-details .my_account {
    margin-bottom: 35px;
}

@media only screen and (min-width: 879px) {
    .account-return-details .my_account {
        margin-bottom: 85px;
    }
}

.account-return-details .return_items_table .product_column .product-name {
    font-size: 14px;
}

.account-return-details .return_items_table .order_number_column {
    width: 100% !important; /* reset */
}

@media only screen and (min-width: 879px) {
    .account-return-details .return_items_table .order_number_column {
        width: 20% !important; /* reset */
    }

    .account-return-details .return_items_table .part_number_column {
        width: 20%;
    }

    .account-return-details .return_items_table .product_column {
        width: 20%;
    }

    .account-return-details .return_items_table .quantity_column {
        width: 10%;
    }

    .account-return-details .return_items_table .reason_column {
        width: 30%;
    }
}

/*---------------------------------*\
    Account - Registration .account-registration
\*---------------------------------*/
.account-registration .title {
    padding: 0; /* reset */
    margin-top: 25px;
    margin-bottom: 15px;
}

@media only screen and (min-width: 879px) {
    .account-registration .title {
        margin-top: 35px;
        margin-bottom: 25px;
    }
}

.account-registration .title h1 {
    padding: 0; /* reset */
    color: #000;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 28px;
}

@media only screen and (min-width: 879px) {
    .account-registration .title h1 {
        font-size: 48px;
    }
}

.account-registration .checkboxField.Newsletter .checkedCheckBox {
    margin-top: 6px;
}

.account-registration .button_footer_line {
    margin-top: 25px;
    margin-bottom: 85px;
}

.account-registration .button_footer_line .btn-register {
    margin-right: 20px;
}

/*---------------------------------*\
    User Account
\*---------------------------------*/
/* Label content */
.form_2column .column.col01 {
    width: 100%;
    max-width: 615px;
    clear: both;
}

/* Newsletter */
.checkboxField.Newsletter .checkboxLabel {
    margin-top: -.2rem;
    font-size: 0.875rem;
    font-style: italic;
    color: #444;
    line-height: 1;
}

.form_2column .column.col01 .input {
    width: 100%;
}

.form_2column .column.col03 {
    width: 290px;
    margin-right: 40px;
}

.form_2column .column.col04 {
    width: 60px;
}

.form_2column .column.col05 {
    width: 240px;
}

.column.col01 .birthdayColumn {
    font-size: 11px;
    color: #8b8b8b;
}

.column.col01 .birthdayColumn div.cs-select.inputField {
    width: 100%;
}

/* Checkbox */
.my_account .column.col01 .checkedCheckBox {
    margin-top: 2px;
}

.my_account .communication-preferences__items .checkedCheckBox,
.my_account .privacy-settings__items .checkedCheckBox {
    margin-top: 6px;
}

/* Input Form */
.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
}

.input__field {
    position: relative;
    display: block;
    float: right;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    /* for box shadows to show on iOS */
}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
}

.input--sae {
    overflow: hidden;
}

.input__field--sae {
    background: transparent; /* reset */
    width: 100%;
    color: #000;
    font-size: 16px;
    height: 46px;
    border-bottom: 1px solid #bebebe;
    padding: 7px 10px 0;
    position: relative;
}

textarea.input__field--sae {
    margin-top: 20px;
    padding-bottom: 10px;
    min-height: 55px;
}

input[type=text]:before {
    content: "";
    height: 25px;
    width: 10px;
    background: #333;
}

.input__label--sae {
    position: absolute;
    width: 100%;
    text-align: left;
    color: #8b8b8b;
    padding: 0;
    height: 100%;
    pointer-events: none;
}

.input__label--sae::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.input__label--sae::before,
.cs-select .cs-placeholder::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 4px;
    bottom: 0;
    left: -1px;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background-color: #bebebe;
}

.input--sae.input--filled .input__field {
    border-color: #444;
}

.input--sae.input--filled .input__label--sae::before,
.cs-select .cs-placeholder::before {
    background: #444;
}

.input--sae.error .input__field--sae,
.cs-select.error {
    border-color: #c01919;
}

.input--sae.error .input__label--sae::before,
.cs-select.error .cs-placeholder::before {
    background: #c01919;
}

.input__label-content--sae {
    padding: 0;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    display: inline-block;
    vertical-align: bottom;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translate3d(11px, 20px, 0);
    transform: translate3d(11px, 20px, 0);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    position: relative;
    bottom: 5px;
}

.input__field--sae:focus + .input__label--sae .input__label-content--sae,
.input__field--sae:focus + script + .input__label--sae .input__label-content--sae,
.input--filled .input__label-content--sae {
    -webkit-transform: translate3d(10px, 0, 0) scale3d(0.7, 0.7, 1);
    transform: translate3d(10px, 0, 0) scale3d(0.7, 0.7, 1);
}

.input__field--sae:focus {
    border-bottom: 1px solid #444;
}

.input__field--sae:focus + .input__label--sae::after,
.input--filled .input__label--sae::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.input__field--sae:focus + .input__label--sae .icon--sae,
.input--filled .icon--sae {
    transition-delay: 0.01s;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -90deg);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -90deg);
}

.validation.validationhandler .message-validate {
    color: #c01919;
    padding: 10px;
    display: inline;
    font-size: 12px;
}

/* Selectbox */
/* Default custom select styles */
.column_label {
    color: #8b8b8b;
    font-size: 11px;
    padding-left: 9px;
}

.myAccountMarginRight .form_2column .inputField::before {
    display: none;
}

div.cs-select.inputField {
    padding: 0;
}

div.cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    background: #fff;
    z-index: 100;
    width: 100%;
    max-width: 500px;
    border-bottom: 1px solid #444;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.cs-select:focus {
    outline: none;
}

.cs-select select {
    display: none;
}

.cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 0 4px 8px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000;
}

.cs-select > .cs-placeholder {
    padding-right: 30px;
    padding-left: 9px;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
    content: "";
    background-image: url(../../images/responsive/iconologos.png);
    position: absolute;
    right: 10px;
    bottom: 12px;
    background-position-y: 45px;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.cs-select.cs-active > span::after {
    -webkit-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
    bottom: 7px;
}

div.cs-active {
    z-index: 200;
}

.cs-select .cs-selected {
    background: #eaeaea;
}

/* Options */
.cs-select .cs-options {
    position: absolute;
    width: 100%;
    background: #fff;
    max-height: 275px;
    overflow-y: auto;
    visibility: hidden;
    border: 1px solid #000;
}

.cs-select.cs-active .cs-options {
    visibility: visible;
}

.cs-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.cs-select ul li {
    border-bottom: 1px solid #d2d2d2;
    color: #444;
    font-size: 16px;
}

.cs-select ul li:hover {
    background: #eaeaea;
}

.cs-select ul span {
    padding: 13px;
}

.cs-select ul li.cs-focus span {
    background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
    padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
    cursor: default;
}

/* Select 80 */
.birthdayColumn.select_80 {
    width: 80px;
    margin-right: 10px;
}

.birthdayColumn.select_100 {
    width: 100px;
}

.column .birthday_label,
.column .birthday_content {
    float: left;
}

.column .birthday_label {
    font-size: 16px;
    line-height: 36px;
    padding-right: 20px;
    color: #8b8b8b;
}

/* Default style replacement */
#Register input {
    margin-bottom: 0;
}

.form_2column .column {
    min-width: inherit;
    margin-bottom: 24px;
}

#content {
    overflow: inherit;
}

#section_list_wishlists[aria-expanded="false"] {
    display: none;
}

/* Wishlist Page */
.Page_WishListDisplay #right_nav {
    width: 100%;
}

.Page_WishListDisplay #wishlist {
    padding-bottom: 10%;
}

.myAccountMarginRight .my_account_wishlist {
    width: 100%;
}

.Page_WishListDisplay .column {
    margin-bottom: 24px;
}

.Page_WishListDisplay p.header_text.required-field {
    padding: 16px 0;
    color: #444;
    display: block;
}

.Page_WishListDisplay #wishlist .contents {
    font-size: 14px;
}

.Page_WishListDisplay #wishlist .header_text,
.Page_WishListDisplay #wishlist .header h2 {
    font-size: 14px;
    font-weight: normal;
}

.Page_WishListDisplay .column .input--sae {
    width: 40%;
}

/* Account Order Detail */
.my_account .order_details_my_account {
    margin-top: 15px;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.my_account .order_details_my_account .label,
.my_account .order_details_my_account .text {
    display: inline-block;
}

.my_account .OrderShipmentDetails .headingtext {
    position: relative;
    margin-top: 35px;
    margin-bottom: 35px;
    font-family: 'Playfair Display', serif;
    font-weight: normal;
    font-size: 36px;
    text-align: center;
    background: #fff;
    color: #000;
}

@media screen and (max-width: 1024px) {
    .my_account .OrderShipmentDetails .headingtext {
        font-size: 26px;
    }
}

.my_account .OrderShipmentDetails .headingtext span {
    position: relative;
    display: inline-block;
    z-index: 9;
    max-width: 70%;
    padding-right: 30px;
    padding-left: 30px;
    background: #fff;
    word-wrap: normal;
}

.my_account .OrderShipmentDetails .headingtext:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    background: #000;
}

/* Detail Order Shipping Information */
#WC_OrderShipmentDetails_div_1.my_account {
    padding-bottom: 10%;
}

/* Detail Order Payment Information */
.account-order-detail #shipping .shipping_address {
    padding-top: 0;
    padding-bottom: 35px;
}

.account-order-detail #shipping .canceled_items {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;    
    min-height: 40px;
    padding-bottom: 12px;
}

.account-order-detail #shipping .canceled_items p.label{    
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.account-order-detail #shipping .canceled_items p.text{ 
    font-size: 16px;  
    text-transform: unset;
    font-weight: 300;
    
}

.account-order-detail .checkout-cart-table .shopCart_qty .item-quantity .item-canceled{
    text-transform: uppercase;
    float: right;
}

.account-order-detail .shipping_method {
    padding-top: 35px;
    padding-bottom: 35px;
}

.my_account #WC_OrderShipmentDetails_div_6 #billing_summary .billing_address {
    width: 30%;
}

.my_account #WC_OrderShipmentDetails_div_6 #billing_summary {
    color: #000;
}

.my_account #WC_OrderShipmentDetails_div_6 #billing_summary .billing_border {
    margin-top: 18px;
}

/* Order Detail Footer Link */
#WC_OrderShipmentDetails_div_1.my_account .button_footer_line {
    padding-top: 3%;
}

#WC_OrderShipmentDetails_div_1.my_account .button_footer_line .button_right_side_message {
    line-height: 54px;
}

#WC_OrderShipmentDetails_div_1.my_account .item_wrapper .info_prodcut .hover_underline {
    font: 16px 'Playfair Display', serif
}

#WC_OrderShipmentDetails_div_1.my_account .item_wrapper .info_prodcut .descp_product {
    font: 12px 'Playfair Display', serif;
}

#WC_OrderShipmentDetails_div_1.my_account .item_wrapper .item-quantity {
    display: block;
    width: 100%;
    padding-top: 8px;
}

/* Media queries */
@media (max-width: 690px) {
    .my_account #WC_OrderShipmentDetails_div_6 #billing_summary .billing_address {
        width: 80%;
    }

    .Page_WishListDisplay .column .input--sae {
        width: 100%;
    }
}

/* User Account */
@media (max-width: 879px) {
    /* User Account */
    #editAddressContents .sign_in_registration .title h1 {
        padding-top: 0;
    }

    /* Order Title */
    .form_2column .column.col03,
    .form_2column .column.col01 {
        width: 100%;
        max-width: inherit;
    }

    .form_2column .column.col03 .input {
        display: block;
    }

    /* Home Account
    ---------------------------------------------------*/
    .my_account .account_Nav {
        padding: 35px 0 80px;
    }

    .my_account .account_Nav li {
        border-top: 1px solid #d1d1d1;
    }

    .my_account .account_Nav a {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 51px;
        display: block;
        position: relative;
    }

    .my_account .account_Nav a::after {
        content: url(../../images/picto_arrow_Right.png);
        width: 5px;
        height: 11px;
        position: absolute;
        right: 36px;
    }

    #contentWrapper.homeAccount_ContentWrap {
        margin-top: 22px;
    }
}

/* Contact Us Custom */
#contactUsForm {
    width: 100%;
    max-width: 764px;
    margin: 44px auto 0;
}

#contactUsForm select,
#contactUsForm input,
#contactUsForm textarea {
    border: none;
    border-bottom: 1px solid #444;
    width: 415px;
    margin-bottom: 30px;
}

#contactUsForm select.error,
#contactUsForm input.error,
#contactUsForm textarea.error {
    border-color: #c01919;
}

#contactUsForm textarea {
    height: 80px;
}

#contactUsForm a {
    display: inline-block;
    position: relative;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    border-spacing: 0;
    transition: all 0.5s ease;
    height: 60px;
    padding: 0 46px 0 30px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    line-height: 60px;
}

#contactUsForm a::after {
    content: " ";
    position: absolute;
    background: url(../../images/chevron-right.png) no-repeat 10px 4px;
    width: 17px;
    height: 15px;
    right: 32px;
    top: 22px;
    transition: 0.5s ease;
}

#contactUsForm a:hover {
    background: #444;
}

.account-password-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width: 879px) {
    .account-password-wrapper {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .account-password-wrapper .inputFormMessageDescriptif {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-order: 3;
        order: 3;
    }
}

.account .validation.validationhandler .message-validate {
    width: 700px;
    word-wrap: break-word;
}

@media (max-width: 879px) {
    .account .validation.validationhandler .message-validate {
        width: initial;
        word-wrap: inherit;
    }
}

.account .inputFormMessageDescriptif,
.card_info .validation.validationhandler {
    white-space: nowrap;
    margin-top: 2px;
    word-wrap: inherit;
}

.forgot_password_content .inputFormMessageDescriptif{
    margin-bottom: 25px;
}

@media (max-width: 879px) {
    .account .inputFormMessageDescriptif,
    .card_info .validation.validationhandler {
        white-space: inherit;
        word-wrap: break-word;
    }
}

.account .inputFormMessageDescriptif.inputPasswordMessage {
    clear: both;
    float: left;
    margin-top: -15px;
    margin-bottom: 15px;
}

.account .loyaltyCardVerif {
    float: left;
    position: absolute;
    top: 20px;
    left: 300px;
    right: inherit;
    min-width: 310px;
    text-align: right;
    z-index: 9;
}

@media (max-width: 879px) {
    .account .loyaltyCardVerif {
        right: 0px;
        left: inherit;
        z-index: 9;
    }
}

.account-user-infos .form-component {
    position: relative;
    margin-top: 1.125rem;
    margin-bottom: 1rem;
}

.account-user-infos .form-checkbox-input {
    position: absolute;
    left: -9999px;
}

.account-user-infos .checkboxField.Newsletter a {
    padding-top: 1.05rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.875rem;
    color: #444;
    line-height: 1.375rem;
}
.account-user-infos .checkboxField.Newsletter a:hover {
    text-decoration: underline;
}

.account-user-infos .form-checkbox-label {
    position: relative;
    padding-top: 1.05rem;
    padding-left: 2.2rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.875rem;
    color: #444;
    line-height: 1.375rem;
    font-style: italic;
}

.account-user-infos .form-checkbox-label::before {
    content: "";
    position: absolute;
    left: 0.52rem;
    top: 1.17rem;
    display: block;
    width: .75rem;
    height: .75rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #b7b7b7;
    border-radius: 0;
}

.account-user-infos .form-checkbox-input:checked + .form-checkbox-label::after {
    content: "";
    position: absolute;
    left: .7rem;
    top: 1.35rem;
    display: block;
    width: 0.375rem;
    height: 0.375rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #000;
    border-radius: 0;
}

.account-user-infos .js-loyaltyCardFormInput {
    display: none;
}

.account-user-infos .js-loyaltyCardFormInput.active {
    display: flex;
    margin-bottom: 0;
}

.account-user-infos .input__field--LoyaltyCardNumber,
.account-user-infos .input__field--LoyaltyCardPin {
    height: 64px;
    margin-top: 3rem;
}

.account-user-infos .column--loyaltyCardFormInput .input__label-content--LoyaltyCardPin {
    margin-top: 22px;
}

@media (min-width: 374px) {
    .account-user-infos .input__field--LoyaltyCardNumber,
    .account-user-infos .input__field--LoyaltyCardPin {
        height: 40px;
    }
}

@media (min-width: 394px) {
    .account-user-infos .input__field--LoyaltyCardNumber ,
    .account-user-infos .input__field--LoyaltyCardPin {
        height: 54px;
        margin-top: 2rem;
    }
}

@media (min-width: 494px) {
    .account-user-infos .input__field--LoyaltyCardNumber,
    .account-user-infos .input__field--LoyaltyCardPin {
        margin-top: 1rem;
    }

    .account-user-infos .column--loyaltyCardFormInput .input__label-content--LoyaltyCardPin {
        margin-top: 0;
    }
}

@media (min-width: 610px) {
    .account-user-infos .column--loyaltyCardFormInput .input__label-content--LoyaltyCardPin {
        margin-top: 22px;
    }
}

.account-user-infos .form_2column .column--loyaltyCardFormInput {
    margin-right: 20px;
}

.account-user-infos .form_2column .column--loyaltyCardFormInput:last-child {
    margin-right: 0;
}