/*Pour éviter création d'un client via formulaire en front*/
#customer-form {
    display: none;
}

/* Réafficher le formulaire sur la page Mes informations */
.page-identity #customer-form {
    display: block !important;
}

body {
    font-family: 'Rubik', sans-serif !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500 !important;
}

.autocomplete-thumbnail {
    border-radius: 0;
}

.page-home h1 {
    background-color: #E0E0E0;
    text-align: center;
    margin-bottom: 0;
    padding-top: 25px;
}

.h3.product-title a {
    font-weight: 600;
    font-size: 16px;
    color: #000000 !important;
    text-transform: initial;
}

.h3.product-title,
.product-description .product-price-and-shipping {
    text-align: left;
}

.product-miniature .product-description {
    padding: 1rem;
}

.highlighted-informations .quick-view {
    color: #000000 !important;
    border: 1px solid #e5007d;
    padding: .625rem;
    border-radius: 8px;
    background: white;
}

.product-miniature .highlighted-informations {
    background: transparent;
    right: -3rem;
}

.product-miniature .thumbnail-container:focus .highlighted-informations.no-variants, .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants {
    top: calc(100% - 3rem);
}

.highlighted-informations .quick-view i {
    color: #e5007d !important;
}

.highlighted-informations .quick-view:hover {
    color: #e5007d !important;
}

.btn-primary {
    border-radius: 7px;
}

img,
.thumbnail-container {
    border-radius: 15px;
}

.thumbnail-container {
    border: 2px solid #E6E6E6
}

.thumbnail-top img {
    border-radius: 15px 15px 0 0;
}

.thumbnail-container .product-description {
    background-color: #FAFAF5;
}

.btn-primary, .btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    background-color: #e5007d;
}

.header-nav {
    background-color: #3b4251;
}

#google_translate_element {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-bottom: 1px;
}

#google_translate_element a {
    color: black !important;
}

#google_translate_element .goog-te-gadget-simple {
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 6px;
}

#header .header-nav .language-selector {
    margin-top: 0;
}

.price,
.product-price,
.tabs .nav-tabs .nav-link.active,
a,
.text-primary,
.wishlist-add-to-new i {
    color: #e5007d !important;
}

a.text-primary:focus,
a.text-primary:hover a:hover,
a:focus,
a.wishlist-add-to-new.text-primary:hover {
    color: #000000 !important;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border-bottom: #e5007d 3px solid;
}

.product-images>li.thumb-container .thumb.selected,
.product-images>li.thumb-container .thumb:hover {
    border: #e5007d 3px solid;
}

.form-control:focus {
    outline: .1875rem solid #e5007d;
    outline-color: #e5007d !important;
    border-color: #e5007d;
}

.btn-comment, .btn-comment-inverse {
    background-color: #9B9278;
}

.page-my-account #content .links a:hover i {
    color: #9B9278;
}

.all-product-link {
    color: #000000 !important;
}

.all-product-link:hover {
    color: #e5007d !important;
}

#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title {
    text-align: left;
    text-transform: initial !important;
}

.product-miniature .thumbnail-container .product-thumbnail img {
    width: 100%;
    object-fit: cover;
}

/*Transformation megamenu*/

.ybc-menu-toggle {
    display: block !important;
}

.mm_menus_ul {
    display: none;
}

.mm_menus_ul.active {
    display: block;
}

@media (max-width: 26000px) {
    .mm_menus_ul {
        background-color: #E0E0E0;
        display: block;
        float: left;
        position: relative;
        width: 100%;
    }
    .mm_menus_li > a {
        padding: 10px 15px;
        width: 100%;
        z-index: 90;
    }
    .mm_menus_li > a {
        color: #484848 !important;
        background-color: transparent !important;
    }
    .transition_floating .mm_menus_ul.active {
        opacity: 1;
        visibility: visible;
    }
    .transition_floating .mm_menus_ul {
        -webkit-transition: all 0.35s ease 0s;
    }
    .transition_floating .mm_menus_ul {
        bottom: 0;
        left: 0;
        max-width: 282px;
        overflow: auto;
        position: fixed;
        top: 0;
        z-index: 10000;
    }
    .ets_mm_megamenu .mm_menus_ul .close_menu {
        color: #FFFFFF;
        float: left;
        padding: 10px 15px;
        font-weight: 500;
    }
    #_desktop_logo {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .logo {
        border-radius: initial;
    }
    .ets_mm_megamenu {
        max-width: 110px;
        display: none;
    }
    .ybc-menu-vertical-button, .transition_floating .close_menu, .transition_full .close_menu {
        background-color: #3b4251;
    }
    .transition_floating .close_menu {
        display: block !important;
        font-size: 20px;
        font-weight: bold;
        line-height: 26px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        cursor: pointer;
    }
    .mm_menus_ul>li {
        /*overflow: hidden;*/
    }
    .transition_floating .mm_menus_ul {
        opacity: 0;
        visibility: hidden;
    }
    .mm_menus_li {
        display: none;
        border-top: 1px solid #DDDDDD;
        float: left;
        width: 100% !important;
    }
    .transition_floating .mm_menus_ul.active {
        opacity: 1;
        visibility: visible;
    }
    .mm_columns_ul {
        opacity: 1 !important;
        display: flex !important;
        display: -webkit-flex !important;
        visibility: visible !important;
        /*top: 127px !important;*/
        pointer-events: auto !important;
        position: relative !important;
        z-index: 100 !important;
    }
    .mm_menus_ul {
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
        opacity: 0;
    }
    .mm_menus_ul.active {
        transform: translateX(0);
        opacity: 1;
    }
    .ets_mm_block_content {
        width: 100%;
    }
    .ets_mm_block_content a.ets_mm_url {
        color: black !important;
    }
    .mm_menu_content_title {
        padding: 0;
        font-weight: 500;
    }
    .mm_menu_content_title .mm_arrow {
        display: none;
    }
    .mm_menu_content_title i {
        margin-right: 10px;
    }
    .ets_mm_block_content a.ets_mm_url:hover {
        color: #e5007d !important;
    }
    .ets_mm_block_content a.ets_mm_url::before {
        content: none !important;
    }
    .ets_mm_block.mm_block_type_category {
        display: flex;
        flex-wrap: wrap;
    }
    .ets_mm_block.mm_block_type_category .h4{
        color: #e5007d !important;
    }
    .ets_mm_block.mm_block_type_category::before {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        /*height: 16px;
        width: 16px;
        object-fit: contain;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;*/
    }
    .offers::before {
        content: url('/modules/prestocosy_searchcategories/img/les-offres-exclusives.svg');
    }
    .vehicles::before {
        content: url('/modules/prestocosy_searchcategories/img/les-vehicules.svg');
    }
    .school::before {
        content: url('/modules/prestocosy_searchcategories/img/rentree-des-classes.svg');
    }
    .essential::before {
        content: url('/modules/prestocosy_searchcategories/img/les-indispensables.svg');
    }
    .practical::before {
        content: url('/modules/prestocosy_searchcategories/img/vie-pratique.svg');
    }
    .deliveries::before {
        content: url('/modules/prestocosy_searchcategories/img/les-livraisons.svg');
    }
    .people::before {
        content: url('/modules/prestocosy_searchcategories/img/les-services-a-la-personne.svg');
    }
    .home::before {
        content: url('/modules/prestocosy_searchcategories/img/les-services-a-domicile.svg');
    }
    .locations::before {
        content: url('/modules/prestocosy_searchcategories/img/les-locations.svg');
    }
    .well-being::before {
        content: url('/modules/prestocosy_searchcategories/img/bien-etre.svg');
    }
    .actu::before {
        content: url('/modules/prestocosy_searchcategories/img/actualites.svg');
    }
    .mm_menus_li.mm_has_sub.hover .mm_columns_li.mm_has_sub {
        background-color: white;
    }
    body.noscroll {
        overflow: scroll;
    }
}

.layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li > a:before,
.layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a:before,
.layout_layout1.ybc_vertical_menu:hover .ybc-menu-vertical-button:before,
.layout_layout1:hover .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar,
.ybc-menu-vertical-button.layout_layout1:hover {
    background-color: transparent !important;
}

/*.mm_menus_ul {
    background-color: #F6F6F6;
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

.mm_menus_li {
    border-top: 1px solid #DDDDDD;
    float: left;
    width: 100% !important;
}

.mm_columns_li {
    float: left;
    width: 100%;
}

.mm_columns_ul {
    display: none;
    position: relative;
}

.mm_columns_ul.active {
    clear: both;
    display: block !important;
    float: left;
    visibility: visible;
    width: 100%;
    border-bottom: none;
}

.arrow {
    display: block;
}

.mm_menus_li > a {
    padding: 10px 15px;
    width: 100%;
    z-index: 90;
}

.mm_columns_ul::before {
    display: none;
}

body.noscroll {
    overflow: hidden;
}*/


/*Fin megamenu*/

#module-prepayment-dashboard .block-center .block-buy .button.button-small {
    background: transparent;
    border-color: #E5007D;
}

.solde-porte-monnaie {
    color: white;
    font-size: 14px;
    font-weight: 400;
}

.btn-recharge {
    border: #E5007D;
    border-radius: 8px;
    padding: 0.5rem 1.5rem;
    background: white;
    margin-left: 1rem;
}

#module-prepayment-nav .header_user_info {
    margin-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.cart-products-count {
    position: absolute;
    top: 0;
    right: -5px;
    background-color: #E5007D;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1;
}

.blockcart .header a, .blockcart .header {
    position: relative;
}

.material-icons.shopping-cart {
    font-size: 24px;
    position: relative;
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.justify-content-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.d-block {
    display: block;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.loupe-header {
    position: absolute;
    top: 2px;
}

.header-top-right {
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

#header .header-top {
    padding: 0.5rem 0;
}

.layout_layout1 .ets_mm_megamenu_content {
    background: transparent !important;
    border-bottom: 0 solid transparent;
    border-top: 0 solid transparent;
}

.ybc-menu-toggle {
    text-transform: capitalize;
    font-weight: normal;
}

#module-prepayment-nav .header_user_info {
    margin-top: 0.4rem;
}

#search_widget .ui-autocomplete-input {
    background: #F7F1F5;
}

#footer-before {
    padding-left: 0;
    padding-right: 0;
    background-color: #9B9278;
}

#footer {
    background: #F0E3EA;
    padding-top: 0;
}

body#contact #footer-before {
    display: none;
}

#footer .footer-container a,
#footer .footer-container #block_myaccount_infos a {
    color: black !important;
}

#footer .footer-container a:hover,
#footer .footer-container #block_myaccount_infos a:hover {
    color: #E5007D !important;
}

#block_myaccount_infos .myaccount-title a {
    font-weight: 500;
}

#footer_account_list,
#footer_sub_menu_2,
#footer_sub_menu_1,
#footer_sub_menu_3 {
    line-height: 1em;
}

.order-reverse {
    display: flex;
    flex-wrap: wrap;
}

.js-content-wrapper.left-column {
    order: 1;
}

#left-column {
    order: 2;
}

#product-list-header .block-category-inner {
    display: block;
}

#js-product-list-header .block-category-inner {
    flex-wrap: wrap;
}

.block-category .block-category-inner .category-cover {
    position: relative;
    width: 100%;
    padding-top: 45.44%; /* Ratio 570/259 */
    overflow: hidden;
    border-radius: 30px !important;
}

.block-category .block-category-inner .category-cover picture,
.block-category .block-category-inner .category-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 30px !important;
}

.left-column.w-100 .block-category .block-category-inner .category-cover {
    padding-top: 31.44%;
}

.left-column.w-100 .block-category .block-category-inner .category-cover picture, .block-category .block-category-inner .category-cover img {
    height: 326px;
}

#subcategories ul li:hover .subcategory-image a {
    border: 5px solid #E5007D;
}

#subcategories a.subcategory-name {
    color: black !important;
}

#subcategories a.subcategory-name:hover,
#subcategories ul li:hover a.subcategory-name {
    color: #E5007D !important;
}

#subcategories ul li {
    border: 2px solid #E6E6E6;
    border-radius: 15px;
}

#category-description {
    margin-top: 20px;
}

#wrapper {
    background: white;
}

.pfg-forms {
    background: #FAFAF5;
    padding: 20px;
    border: 2px solid #E6E6E6;
    border-radius: 15px;
    margin-bottom: 20px;
}

.pfg-forms .form-group input, .pfg-forms .form-group textarea, .pfg-forms .form-group select {
    background: white;
    border-radius: 8px;
    border: 2px solid #E6E6E6;
    font-size: 0.9rem;
}

.pfg-forms .form-group textarea {
    height: 150px;
}

.pfg-forms .form-group.hidden {
    display: none;
}

.pfg-forms button[name="submitMessage"] {
    width: 91%;
}

.pfg-forms .form-group input:focus, .pfg-forms .form-group textarea:focus, .pfg-forms .form-group select:focus {
    outline: .1875rem solid #E5007D;
    border-color: #E5007D;
}

.input-group.focus {
    outline: .1875rem solid #E5007D; !important;
}

body#category .page-content.page-not-found {
    display: none;
}

.direction {
    display: none;
}
.direction.show {
    display: block;
}

#index #wrapper .container {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}

#index #wrapper .container #content-wrapper,
#index #wrapper .container .row.order-reverse {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
}

#index #carousel .carousel-inner,
#index #wrapper #htmlcontent_home,
#index #wrapper .featured-products,
#index #wrapper .custom-text-block .row
{
    margin-left: auto;
    margin-right: auto;
    width: 1140px;
    max-width: 100%;
}

/*#index #carousel .carousel-item figure {
    width: 100%;
}*/

/*#index #wrapper #carousel .carousel-inner {
    border-radius: 15px;
}*/

#index #wrapper {
    padding-top: 0;
}

/*#index #carousel {
    padding-top: 1.563rem;
    padding-bottom: 0.1rem;
    background-color: #E0E0E0;
    margin-bottom: 0;
}*/

/* Page Catégorie */

.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover {
    color: #fff !important;
    background: #e5007d !important;
}

/*#products .dropdown-menu a.select-list {
    color: black !important;
}*/

/* Page Produit */

.breadcrumb a {
    color: black !important;
}

.breadcrumb a:hover {
    color: #e5007d !important;
}

#category_results .category-img {
    height: 250px;
}

#category_results .wishlist-button-add {
    display: none;
}

#product-modal .modal-content .modal-body .product-images img:hover {
    border: #e5007d 3px solid !important;
}

#product img.js-modal-product-cover.product-cover-modal,
#product .thumb.js-modal-thumb {
    border-radius: 0;
}

#product .js-modal-product-cover.product-cover-modal {
    height: auto !important;
}

#blockcart-modal .h6.product-name {
    color: black;
}

#blockcart-modal .cart-content .cart-products-count {
    display: none;
}

#blockcart-modal .cart-content .btn.btn-primary,
#cart .btn.btn-primary {
    color: white !important;
}

/* Panier */

#cart .product-line-info a,
#cart .cart-grid a.label,
#cart .cart-line-product-actions a {
    color: black !important;
}

#cart .product-line-info a:hover,
#cart .cart-grid a.label:hover,
#cart .cart-line-product-actions a:hover {
    color: #e5007d !important;
}

.block-promo .promo-input+button {
    border: 2px solid transparent;
}

/* Tunnel de paiement */

.custom-radio input[type=radio]:checked+span {
    background-color: #e5007d;
}

body#checkout section.checkout-step .address-item.selected {
    border: #e5007d 3px solid;
}

body#checkout #header .header-nav {
    background-color: white;
}

/* Résultats de recherche */

.pagination a.js-search-link {
    color: black !important;
}

.pagination a.disabled.js-search-link,
.pagination a.js-search-link:hover {
    color: #e5007d !important;
}

/* authentification */

#authentication #main {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 81vh;
     margin: 0;
     flex-direction: column;
     overflow: hidden;
}

#authentication .login-form {
    padding: 20px;
}

#header .container.no-log .ets_mm_megamenu {
    display: none !important;
}

/*Mon compte*/

a.psgdprgetdatabtn17 {
    color: white !important;
}

.wishlist-list-item:hover .wishlist-list-item-title,
.page-footer .account-link:hover,
.text-sm-center a:hover {
    color: #e5007d !important;
}

.page-footer .account-link,
.text-sm-center a {
    color: black !important;
}

.alert-info {
    background-color: #FAFAF5;
    border-color: #9B9278;
    color: #9B9278;
}

/* Page de Contact */

.bootstrap-filestyle .group-span-filestyle label {
    background-color: #e5007d;
}

/* Formulaire de contact */

.pfg-forms .form-group input, .pfg-forms .form-group textarea, .pfg-forms .form-group select,
.pfg-forms .form-group input:focus, .pfg-forms .form-group textarea:focus, .pfg-forms .form-group select:focus {
    color: black;
}

@media (min-width: 768px) {
    .ets_mm_megamenu.sticky_enabled.scroll_heading {
        position: initial;
    }
    #header {
        margin-bottom: 0px !important;
        position: sticky;
        top: 0;
    }
    .d-md-flex {
        display: flex;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #header .header-top .container {
        width: 100%;
        max-width: 100%;
    }
    .ets_mm_megamenu.hook-default {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .ets_mm_megamenu .container {
        background-color: transparent;
    }
    .ybc-menu-toggle {
        padding: 0;
    }
}

@media (max-width: 575px) {
    .ybc-menu-toggle {
        font-size: 0;
    }
    .ybc-menu-toggle .ybc-menu-button-toggle_icon {
        font-size: initial;
    }
    .header-top-right.col-xs-6 {
        width: 50%;
    }
    #search_widget form input {
        display: none;
    }
    .page-home h1 {
        font-size: 1rem;
    }
}



