/* Add your custom CSS code here */
/*HEADER STYLE*/

@media screen and (max-width: 992px) {
    .emthemesModez-header-topSection {
        display: none;
    }
}

/*
body a:hover
{
    color: #1167FF !important;
}
*/

.emthemesModez-header-topSection
{
    background: linear-gradient(90deg, #121924 26.04%, #1167FF 69.79%);
}
.emthemesModez-header-topSection .container
{
    height: 50px;
}
.reggao-reviews-top a
{
    background-image: url("img/reggao/review-stars.png");
    background-repeat: no-repeat;
    padding-left: 105px;
    padding-top: 3px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #EBEAEB;
    text-decoration: none;
    background-position-y:center;
    font-display: swap;
}

.reggao-header-topmessage
{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #FFA41D;
    margin-left:25px;
}
.reggao-header-contact
{
    margin-left: 30px;
    color: #EBEAEB;
}
.reggao-header-contact a
{
    text-decoration: none;
    color: #EBEAEB;
}

.reggao-header-contact a:hover
{
    text-decoration: underline;
}
.reggao-header-contact ul li
{
    display: inline;
    background-repeat: no-repeat;
}

.reggao-header-alma
{
    background-image: url("img/reggao/alma.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 60px;
    color: white;
    padding-left: 65px;
    margin-left: 30px;
}
.reggao-header-alma span.X{
    background-color: #f0630c;
    padding: 1px 4px;
    border-radius: 5px;
    font-size: 0.9rem;

}
.reggao-header-alma span.frais{
    font-size: 0.7rem;
}


.reggao-header-contact ul li.phone
{
    background-image: url("img/reggao/phone.png");
    padding-left:30px;
    margin-left: 10px;
}

.reggao-header-contact ul li.mail a
{
    background-repeat: no-repeat;
    margin-left: 20px;
    background-image: url("img/reggao/mail.png");
    padding-left: 20px;
}

.reggao-header-contact ul li.whatsapp
{
    background-image: url("img/reggao/whatsapp.png");
    padding-right: 40px;
    background-position: right;
    padding-top:10px;
    padding-bottom:10px;
    margin-left: 20px;
}

.reggao-header-contact ul li.teamviewer
{
    background-image: url("img/reggao/teamviewer.png");
    padding-right: 40px;
    background-position: right;
    padding-top:10px;
    padding-bottom:10px;
    margin-left: 20px;
}

/**
MENU CART / SEARCH / CUSTOMER
 */
.emthemesModez-header-userSection .navUser-item-icon
{
    border: 1.5px solid rgba(0, 0, 0, 0.2);
    border-radius: 9px;
}
.emthemesModez-header-userSection .navUser-item-icon:hover
{
    color:rgba(0, 0, 0, 0.2);
    background-color:#FFF;
}
.emthemesModez-header-userSection .emthemesModez-icon-cart2
{
    color: #FFB400;
    border: 1.5px solid rgba(255, 164, 29, 0.5);
    border-radius: 9px;
}
.emthemesModez-header-userSection .emthemesModez-icon-cart2:hover, navUser-item-cartLabel:hover
{
    color: #FFF;
    background-color:#FFA41D;
}
.navUser-item--cart .navUser-action:hover, .navUser-item--cart .navUser-action.is-open:hover
{
    color: #FFA41D;
}
a:hover .navUser-item-icon, a:focus .navUser-item-icon, .navUser-item-icon:hover, .navUser-item-icon:focus {
    color: white;
    background: #FFB400;
}
.reggao-user-account-widget li, .navUser-item-cartLabel
{
    padding-left: 10px !important;
}
.countPill
{
    background-color:#FFA41D;
}

/**
MENU
 */
.emthemesModez-navPages-verticalCategories-container a, .navPages-list a
{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    font-display: swap;
}
/**
FOOTER
 */
.footer-info-col-item-expertise,
.footer-info-col-item-qualite,
.footer-info-col-item-service,
.footer-info-col-item-chat
{
    background-image: url("img/reggao/expertise.png");
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: top;
}
.footer-info-col-item-expertise h5,
.footer-info-col-item-qualite h5,
.footer-info-col-item-service h5,
.footer-info-col-item-chat h5
{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #222222;
    padding-left: 40px;
    margin-bottom: 15px;
    width: 245px !important;
    font-display: swap;
}

.footer-info-col-item-expertise .footer-info-text,
.footer-info-col-item-qualite  .footer-info-text,
.footer-info-col-item-service  .footer-info-text,
.footer-info-col-item-chat .footer-info-text
{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #121924;
    font-display: swap;
}
.footer-info-col-item-expertise a,
.footer-info-col-item-qualite a,
.footer-info-col-item-service a,
.footer-info-col-item-chat a
{
    color: #1167FF;
    display: contents;
}

.footer-info-col-item-qualite
{
    background-image: url("img/reggao/qualite.png");
}
.footer-info-col-item-service
{
    background-image: url("img/reggao/user.png");
}
.footer-info-col-item-chat
{
    background-image: url("img/reggao/chat.png");
}
.footer-info-col-item-service h5
{
    width: 230px !important;
}
.footer-info-col-item-chat h5
{
    margin-bottom: 39px;
}


/**
VERSION MOBILE
 */

@media (max-width: 767px)
{
    .footer-info-col-item-expertise h5,
    .footer-info-col-item-qualite h5,
    .footer-info-col-item-service h5,
    .footer-info-col-item-chat h5
    {
        text-align: center;
        width: 100% !important;
    }

    .footer-info-col-item-expertise, .footer-info-col-item-qualite, .footer-info-col-item-service, .footer-info-col-item-chat
    {
        text-align: center;
    }
    .footer-info-col-item-expertise .footer-info-text, .footer-info-col-item-qualite .footer-info-text, .footer-info-col-item-service .footer-info-text, .footer-info-col-item-chat .footer-info-text
    {
        display: flow-root;
    }
    .footer-info-col-item-expertise h5, .footer-info-col-item-qualite h5, .footer-info-col-item-service h5, .footer-info-col-item-chat h5
    {
        display: inherit;
        padding-left: 0px;
        padding-top: 9px;
        margin-bottom:5px ;
    }

    .footer-info-col
    {
        margin-bottom: 15px;
    }
    .footer-info-col-item-expertise
    {
        background-position-x: 50px;
        background-position-y: 0px;
    }
    .footer-info-col-item-qualite
    {
        background-position-x: 5px;
        background-position-y: 0px;
    }

    .footer-info-col-item-service
    {
        background-position-x: 55px;
        background-position-y: 0px;
    }
    .footer-info-col-item-chat
    {
        background-position-x: 60px;
        background-position-y: 0px;
    }
    .footer-info-col-item-chat h5
    {
        margin-bottom:5px ;
    }
}


/**
MENU MOBILE
 */

@media (max-width: 767px)
{
    body > header > div.emthemesModez-header-userSection.emthemesModez-header-userSection--logo-left > div > nav:nth-child(1) > span
    {
        position: absolute;
        right: 81px;
        top: -22px;
    }
    body > header > div.emthemesModez-header-userSection.emthemesModez-header-userSection--logo-left
    {
        padding-top:5px;
    }
    .mobileMenu-toggle
    {
        margin-top: 5px;
    }
}


.footer-container-links
{
    background-color: #121924;
}

.footer-container-links a, .footer-container-links ul li
{
    color:#EBEAEB;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    align-items: center;
    font-display: swap;
}
.footer-container-links a:hover
{
    color:#EBEAEB;
    text-decoration: underline;
}
.footer-container-links h5
{
    color:#009FE3;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #009FE3;
    font-display: swap;
}


/**  HOMEPAGE**/


.mobile-banner-principal-home
{
    display:none;
}


@media screen and (max-width: 992px) {
    .mobile-banner-principal-home
    {
        display:inherit;
        width: 100%;
    }
    .mobile-banner-principal-home img
    {
        width: 100%;
    }
    .banner-principal-home
    {
        display:none;
    }


    #emthemesModez-section1-container img
    {
        margin-bottom: 10px;
    }

}

.heroCarousel-title
{
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 45px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #EBEAEB;
}
.heroCarousel-description
{
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 18px;
    color: #EBEAEB;
}
.home-region-1
{
    padding:6px;
    margin-bottom: 20px;
}
.home-cat-featured
{
   /* padding-top: 15px;
    padding-bottom: 1px;
    */
}

.emthemesModez-banner
{
    margin-bottom: 0px;
}
.emthemesModez-bannersContainer--half-1
{
    background-color: #F5F5F5;
}

#home-banner-reprogrammation
{
    margin-bottom: 1.5rem;
    background-color: #009FE3;
    color:#FFF;
    height: 133px;
    cursor:pointer;
}

#home-banner-reprogrammation div
{
    background-color: #009FE3;
    color: #FFF;
}

@media (min-width: 801px) {
    #home-banner-reprogrammation img
    {
        height: 133px;
    }
}
@media (max-width: 767px) {
    #home-banner-reprogrammation .vertical-center a {
        display: none;
    }
}

#home-banner-reprogrammation h3
{
    margin: 0px;
    padding: 0px;
    font-family: Poppins;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 3.15px;
    text-transform: uppercase;
    color:#EBEAEB;
    margin-bottom: 8px;
    margin-top: 15px;
    font-display: swap;
}

#home-banner-reprogrammation p
{
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    font-display: swap;
}

#home-banner-reprogrammation .vertical-center a
{
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #FFF;
    padding: 10px 5px;
    text-decoration: none;
    font-display: swap;
}

@media (min-width: 801px) {
    .vertical-center {
        padding-top: 50px;
    }
}

#home-about-obd-auto
{
    background-color: #FFF;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem;
}

#home-title-seo-section
{
    padding: 20px;
    text-align: center;
    border:1px solid #e8e8e8;
    border-top: 2px solid #e8e8e8;
}
#home-title-seo-section h1, #home-title-seo-section h2
{
    margin: 0px;
    padding:0px;
    font-size: 18px;
}

#home-title-seo-section h2
{
    font-size: 15px;
}
@media (max-width: 767px) {
    .heroCarousel-content{
        background-color:transparent;
        position: absolute;
        top: 50px;
    }
}

.marketingSectionImg {
    margin-bottom: 2rem;
}


    /*
    @media (min-width: 801px) {
        .emthemeModez-section1--sarahmarket1 .emthemesModez-section1-aside
        {
            margin: 0;
            padding: 0;
            margin-top:-5px;
            margin-bottom:-5px;
        }
    }*/

/**
   BUTTON ACTION TO BUY !
 */
#form-action-addToCart,
.previewCartAction-checkout a, .previewCartAction-checkout a:hover,
#checkout-shipping-continue,
#checkout-payment-continue,
.optimizedCheckout-buttonPrimary,
.cart-actions .button--primary,
.previewCartCheckout .button--primary,
.previewCartCheckout .submit-cart-button
{
    color: #FFF;
    border-color:#FFA41D ;
    background-color:#FFA41D;
}


/**
* LISTING DES PRODUITS
 */

@media (min-width: 801px) {
    .card-title
    {
        height: 80px;
    }
}
.card-body
{
    margin-bottom: 15px;
}
.card-body .rating-number a
{
    color: #A5A5A5;
    text-align: center;
    /* Text Rating Pdt */
    font-size: 12px;
    font-family: Poppins;
    line-height: 18px;
    font-display: swap;
}
.card-body, .card-title > a
{
    text-align: left !important;
    font-family: Montserrat;
    color: #000;
    font-size: 12px;
    font-weight: 550;
    line-height: 18px;
    letter-spacing: 0.5px;
    font-display: swap;
}

.card-title > a:hover
{
    color:#1167ff;
}

.card-body .price
{
    font-size: 16px;
    font-family: Poppins;
    font-weight: 600;
    line-height: 18px;
    color: #FFA41D;
    font-display: swap;
}

.productView-price .price-section--withTax .price--rrp, .card .price-section--withTax .price--rrp
{
    color: #FF4545 !important;
}

.card-text
{
    font-weight: 400;
    font-size: 10px;
}

.card-figcaption-button, .card-figcaption-button:hover
{
    color: #FFF;
    border-color:#FFA41D ;
    background-color:#FFA41D;
}

.quickview,  .previewCartCheckout .button-continue-shopping, .previewCartCheckout .button-see-cart, .previewCartAction-viewCart .button
{
    background-color: #1167ff;
    border-color: #1167ff;
    color: white;
}
.quickview:hover, .previewCartAction-viewCart .button:hover
{
    background-color: #009FE3;
    border-color: #009FE3;
}
/**
 *   CATEGORY CSS MANAGEMENT.
 */
.category-left-banner-ads
{
    display: none;
}
@media (min-width: 801px) {
    .category-left-banner-ads
    {
        display: flex;
        margin-top: 10px;
    }
}

#facetedSearch
{
    margin-top:5px;
}

/**
SPECIFIC STYLE
FOR CONTENT IMPORT FROM OXATIS
**/
.cat-desc, .cat-desc h2, .cat-desc p, .cat-desc div, .cat-desc h1, .cat-desc h3, .cat-desc h4
{
    font-size: 12px !important;
    color: #a5a5a5 !important;
    margin: 0px !important;
    padding: 0px !important;
    font-weight: normal;
    text-align: left;
}


/**
PRODUCT PAGE
 */
#form-action-addToCart
{
    margin: 0px;
    margin-left: 10px;
}
@media (max-width: 992px) {
    #form-action-addToCart
    {
        margin-left: 0px;
        margin-top: 10px
    }
}

#tab-reviews h2
{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: 500;
}

.product_payment_x_label.product_payment_x_container{
    background-image: url("img/reggao/alma.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 60px;
    padding-left: 70px;
}

/**
PRICE MANAGEMENT
 */

.card-text span.price--withoutTax,.card-text .price-section--withoutTax .price--rrp
{
    color: #a5a5a5;
    font-size: 12px;
    font-weight: normal;
}

.card-text .price-section--withTax
{
    font-size: 15px;
    font-family: Poppins;
    font-weight: 600;
    line-height: 18px;
    color: #FFA41D;
    font-display: swap;
}
.productView-price .price-section--withTax
{
    color: #FFA41D;
    font-size: 26px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    display:block;
    font-display: swap;
}

.productView-price .price-section--withoutTax
{
    font-size: 18px;
}
.productView-reviewLink a, .productView-reviewLink a:hover
{
    text-decoration: underline;
    color:#a5a5a5;
}


.productView-title {
    color: #121924;
    font-size: 22px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    font-display: swap;
}



.productView-brand, .productView-brand a
{
    margin:0px;
    color:#009FE3;
    font-size: 13px;
}
.productView-brand a:hover
{
    color:#009FE3;
    text-decoration: underline;
}
.productView-price
{
    border: 0px;
}

.productView-reviewLink
{
    font-size: 11px;
}

.product-container-box-price-review
{
    margin-top: 2rem;
}
.product-promo-price
{
    color:#FFA41D !important;
}
.sale-flag-side
{
    background-color:#FF4545;
    font-size: 14px;
}
.card .sale-flag-side
{
    font-size: 12px;
}

/** PRODUCT CSS ONLY FOR DESKTOP **/
@media (min-width: 801px)
{
    .productView-product
    {
        border-bottom: 0px;
        padding-bottom:0px ;
    }
    .productView-details
    {
        margin-bottom: 0px;
    }
    .product-container-box-review
    {
        padding-right: 0px;
        text-align: center;
    }
}
.product-container-box-price, .product-container-box-review
{
    padding-left: 0px;
}
/** payment en plusieurs fois **/
.product_payment_x
{
    display: inline-flex;
    width: 45px;
    height: 45px;
    padding: 15px 12.53px 15px 12.73px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px solid rgba(0, 0, 0, 0.30);
    color:#2322A9;
    cursor: pointer;
}
.product_payment_x_hover, .product_payment_x:hover
{
    border: 1px solid rgba(0, 0, 0, 0.30);
    background: #2322A9;
    color:#FFF;
}
.product_payment_x_label
{
    color: #121924;
    font-size: 16px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-display: swap;
}
.product_payment_x_label .price
{
    color: #FFB400;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.product_payment_x_container
{
    padding-left:0px;
}

/** MANAGE MENU **/
@media (min-width: 801px)
{
    .navPages-action.is-open:hover,
    .navPages-list--categories,
    .menu-category-items,
    .emthemesModez-navPages-verticalCategories-container:focus .navPages-action.is-open,
    .emthemesModez-navPages-verticalCategories-container:hover .navPages-action.is-open,
    .emthemesModez-verticalCategories .navPage-subMenu.is-open
    {
        background-color: #FFF;
    }

    .menu-category-items  a.navPages-action, .menu-title-sub-category
    {
        font-size: 12px;
        padding-top: 7px;
        padding-left: 15px;
        padding-right: 10px;
        text-transform: uppercase;
        font-weight: 400;
        padding-bottom: 7px;
    }

    .menu-category-items a.navPages-action:hover
    /*.emthemesModez-verticalCategories .emthemesModez-categoriesGrid-item:hover,*/
    {
        background-color:#009FE3 !important;
        color:#FFF;
    }
    .menu-title-sub-category
    {
        background-color:#009FE3;
        border:1px solid #e8e8e8;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
    }

    .menu-title-sub-category a
    {
        color: #FFF !important;
    }

    .menu-title-sub-category
    {
        text-align:center ;
    }
    .menu-title-sub-category a
    {
        color: #FFF;
        text-decoration:none ;
        font-weight: 500;
    }

    a.navPages-action {
        display: table;
        width: 100%;
    }

    a.navPages-action span {
        display: table-cell;
        vertical-align: middle;
        text-align: right; /* Pour placer le span à droite */
        font-weight: bold;
        font-size: 14px;
    }

    .emthemesModez-verticalCategories .emthemesModez-categoriesGrid-item
    {
        flex-basis: 25%;
    }
    .emthemesModez-verticalCategories .emthemesModez-categoriesGrid-item a
    {
        margin:10px !important;
        margin-left:0px !important;
        border: none !important;
        text-align: center;
        padding: 0px !important;
    }

    .emthemesModez-verticalCategories .emthemesModez-categoriesGrid-item a
    {
        text-decoration: underline;
        color : #555555;
    }


    .emthemesModez-verticalCategories .emthemesModez-categoriesGrid-item a.has-subMenu
    {
        background-color: #009FE3 !important;
        color: #FFF;
        text-align: left;
        padding: 5px 10px !important;
        text-decoration: none;
    }

    .emthemesModez-verticalCategories .emthemesModez-categoriesGrid-item ul li a
    {
        text-align: left;
        font-size: 11px;
        padding: 5px 10px !important;
    }

    .emthemesModez-verticalCategories .emthemesModez-categoriesGrid-item a:hover
    {
        background-color: #FFF !important;
        color : #009FE3 !important;
    }

    .navPage-childList
    {
        background-color: #FFF;
    }
}


/**
BRAND PAGE
 */
@media (min-width: 801px)
{

    .brandGrid .brand {
        width: 18%;
        /*border: 1px solid #e8e8e8;*/
        margin: 12px;
    }

    .brandGrid .brand .card-figure
    {
        height:100px;
    }

    .brandGrid .brand a
    {
        text-decoration: underline;
    }

    .brandGrid {
        list-style: none;
        max-width: none;
    }
}

/**
Produt options style
 */


.productView-options [data-product-option-change] .form-field
{
    flex: none;
}


#product-reviews i span
{
    height: 10px;
    width: 10px;
    margin-bottom:5px;
}

/**
SEARCH CONFIGURATION
 */
@media (min-width: 801px) {
    .quickSearchResults .productGrid .product {
        -ms-flex-preferred-size: 25%;
        flex-basis: 16.66%;
    }

    .quickSearchResults .card-title {
        height: 80px;
    }

    #search-results-heading h1 {
        font-size: 14px;
    }

    .account--fixed, .account--fixedLarge {
        margin: 0 auto;
        width: 100%;
    }
}
.emthemesModez-section .page-heading
{
    border-top:1px solid #e8e8e8;
}
#reassurance-block-shipping-message, #reassurance-block-zendesk-message
{
    color: #2322A9;
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.5px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-top: 5px;
    font-display: swap;
}
#reassurance-block-shipping-message span, #reassurance-block-zendesk-message span
{
    font-size: 30px;
    display: inline-flex;
    float: left;
    margin-right: 10px;
}
#reassurance-block-zendesk-message
{
    cursor: pointer;
    padding-left: 20px;
}

#reassurance-block-zendesk-message strong
{
    text-decoration: underline;
}
.checkbox-container-multioptions
{
    margin-top: 7px;
    margin-bottom: 7px;
}
.checkbox-container-multioptions div
{
    padding-left: 0px !important;
}

@media (min-width: 801px)
{
    #previewModal > div.modal-content > div.modal-body > div > section.productView > div > dl
    {
        margin-bottom: 0px;
    }
}
.zendesk-product
{
    cursor: pointer;
}