h1,
    #category h1.h1 {
        text-align: center;
        color: #E2097B;
        font-size: 28px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 15px 0;
    }
    
    h2 {
        text-align: center;
        color: #E2097B;
        font-size: 28px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 15px 0;
    }
    
    .contact-form h3 {
        text-align: center;
        color: #E2097B;
        font-size: 28px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 15px 0;
    }
    
    p,
    a {
        color: #fff;
    }
    
    .btn-primary:hover {
        background-color: #40539b;
        transition: background-color .5s;
    }
    
    .header-banner span {
        color: #fff;
    }
    
    .products span {
        color: #000;
    }
    
    a.button-pink {
        display: inline-block;
        margin-top: 10px;
        padding: 10px 20px;
        background-color: #e1007a;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
        margin-right: 20px;
    }
    
    .carousel .carousel-inner {
        height: 634px;
        text-align: center;
    }
    
    #header a {
        color: #fff;
    }
    
    #header a:hover {
        color: #fff;
    }
    
    a.connect-banner {
        border: 1px solid #fff;
        padding: 5px;
        border-radius: 5px;
        color: #fff;
    }
    
    a.connect-banner:hover {
        transition: all .2s;
        border: 1px solid #E2007B;
        color: #E2007B;
        padding: 5px;
        border-radius: 5px;
    }
    
    #index #header .header-nav,
    .header-banner {
        background: #40539b;
    }
    
    .container-banner {
        display: flex;
        text-align: center;
        padding: 10px 0;
    }
    
    div#nos-marques {
        display: inline-block;
        color: #fff;
        width: 25%;
        text-align: left;
    }
    
    .header-banner #create-account {
        width: 53%;
    }
    
    .header-banner #link-banner {}
    
    .header-banner #link-banner a {
        padding: 0 10px;
    }
    
    #header .header-top,
    #product #header .header-top {
        background: #fff;
    }
    
    #_desktop_logo a img {
        width: auto;
    }
    
    #search_widget {
        float: left;
    }
    
    div#_desktop_user_info {
        display: flex;
        float: right;
    }
    
    div#_desktop_user_info .material-icons {
        color: #40539b;
    }
    
    #header .header-top .cart-products-count {
        top: 16px;
        right: 65px;
    }
    
    #header .header-top .shopping-cart,
    #product #header .header-top .shopping-cart {
        height: 30px;
        width: 30px;
        line-height: 28px;
        font-size: 1.2em;
        border: 0;
        color: #40539b;
        text-align: center;
    }
    
    .breadcrumb span {
        color: #000;
    }
    
    .btn-primary {
        background-color: #E2097B;
    }
    /**** MENU *****/
    
    #header .header-top .container .menu .dropdown-item,
    #product #header .header-top .container .menu .dropdown-item {
        font-size: 14px;
        padding: 10px 10px;
        color: #000;
    }
    
    #header .header-top .container .menu .dropdown-item:hover,
    #product #header .header-top .container .menu .dropdown-item:hover {
        font-size: 14px;
        padding: 10px 10px;
        color: #40539b;
    }
    /**** FIN *****/
    /***** REASSURANCE BLOC *****/
    
    #reassurance_home {
        background: #40539b;
        color: white;
    }
    
    .icon-text-container {
        display: flex;
        justify-content: space-around;
        /* espace autour des éléments */
        align-items: center;
        padding: 15px 0;
    }
    
    .icon-text {
        display: flex;
        flex-direction: column;
        /* alignement vertical de l'icône et du texte */
        align-items: center;
        text-align: center;
    }
    
    .icon-text img {
        width: 64px;
        /* ajustez la taille de l'icône si nécessaire */
        height: auto;
        margin-bottom: 5px;
    }
    
    .icon-text p {
        margin: 0;
        color: #fff;
    }
    /***** FIN ****/
    
    .featured-products .products-section-title {
        text-align: center;
        color: #E2097B;
        font-size: 26px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 15px 0;
    }
    /**** LES PRODUITS DE NOS MARQUES ******/
    
    #nos_marques {}
    
    #nos_marques h3 {
        color: #40539b;
        font-size: 22px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    #nos_marques span {
        color: #000;
        font-size: 16px;
    }
    
    #nos_marques h2 {
        text-align: center;
        color: #E2097B;
        font-size: 28px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 15px 0;
        margin: 15px 0;
    }
    
    .everblock-21 .grid-item img {
        width: 100%;
        height: 60%;
    }
    
    .grid-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    
    .grid-item {
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
        /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
    }
    
    .grid-item img {
        max-width: 100%;
        height: auto;
        margin: 10px 0;
    }
    
    .grid-item h3 {
        margin: 10px 0;
        font-size: 18px;
    }
    
    .grid-item span {
        display: block;
        margin-bottom: 10px;
        color: #555;
    }
    
    .grid-item a {
        display: inline-block;
        margin-top: 10px;
        padding: 10px 20px;
        background-color: #e1007a;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
    }
    
    .grid-item a:hover {
        background-color: #E2097B;
    }
    
    @media (max-width: 768px) {
        .grid-container {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    
    @media (max-width: 480px) {
        .grid-container {
            grid-template-columns: 1fr;
        }
    }
    /********* FIN ********/
    /********* FOOTER *******/
    
    footer#footer {
        background: #40539b;
        color: #fff;
    }
    
    footer#footer .everblock p,
    a,
    #footer li,
    .js-footer #contact-infos,
    .js-footer ul li a {
        color: #fff;
    }
    /***** FIN FOOTER *****/
    /***** NOS MARQUES CMS *****/
    
    #cms #content h2 {
        margin: 20px 0;
    }
    
    #cms #content p {
        text-align: justify;
        line-height: 22px;
    }
    
    #cms #content .container .marque {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 60%;
    }
    
    .marque h3 {
        text-align: center;
        font-style: normal !important;
    }
    
    .marque li {
        color: #000;
    }
    
    .marque .content .button-pink {
        color: #fff;
    }
    
    .marque-img {
        margin: auto;
    }
    /* Pour les écrans plus grands, l'image et le texte seront alignés horizontalement */
    
    @media (min-width: 768px) {
        #cms #content .container {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            /* Permet de gérer les petits écrans */
        }
    }
    
    #cms #content .container img {
        max-width: 100%;
        height: auto;
        margin-right: 20px;
        /* Espace à droite de l'image */
        flex-shrink: 0;
        /* Empêche l'image de se réduire au-delà de sa taille naturelle */
    }
    /* Sur les écrans plus grands, ajouter de l'espace à droite de l'image */
    
    @media (min-width: 768px) {
        #cms #content .container img {
            margin-bottom: 0;
            margin-right: 20px;
        }
    }
    
    #cms .content {
        flex: 1;
        /* Permet au bloc de texte de prendre tout l'espace restant */
        max-width: 100%;
        /* Assure que le texte ne dépasse pas la largeur du conteneur */
    }
    
    .social-icons {
        text-align: center !important;
        padding-top: 10px;
    }
    
    .paragraph-with-image {
        position: relative;
        /* Assure le bon positionnement de l'image */
    }
    
    .image-right {
        float: right;
        /* Positionne l'image à droite */
        margin: 0 0 10px 10px;
        /* Espace autour de l'image (en bas et à gauche) */
        max-width: 50%;
        /* Assure que l'image ne dépasse pas la moitié du conteneur */
        height: auto;
        /* Conserve les proportions de l'image */
    }
    
    a.button-pink.bcms {
        width: 30%;
        text-align: center;
        display: inline-block;
        margin: 4% 10%;
    }
    
    #cms #content.page-cms-18 #reassurance_home .container {
        display: block;
        color: #fff;
    }
    
    #cms #content.page-cms-18 #reassurance_home .container p {
        color: #fff;
    }
    
    .contact-revendeur .container {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 20px;
    }
    
    .maps,
    .coordonnes {
        flex: 1;
    }
    
    .name-contact {
        color: #000;
        font-weight: bold;
    }
    
    .coordonnes a.button-pink.bcms {
        width: 60%;
        margin: 4% 0%;
    }
    /***** PRODUCT ******/
    /* .btn-primary {
        background: #40539b;
    } */
    
    .connect {
        background-color: #40539b;
        padding: 10px;
        color: #fff;
        border-radius: 5px;
        margin-bottom: 10px;
        display: inline-block;
        width: 80%;
    }
    
    .connect a {
        color: #fff !important;
    }
    
    .connect:hover {
        background-color: #fff;
        border: 1px solid #40539b;
        transition: background-color 0.5s;
        color: #40539b !important;
    }
    
    a.connect:hover {}
    /**** PRODUITS ****/
    
    #subcategories {
        display: none;
    }
    
    #js-product-list-top .col-sm-9.col-xs-8.col-md-9.products-sort-order.dropdown button.btn-unstyle.select-title {
        border: 1px solid #40539b;
        color: #40539b;
    }
    
    .block-categories,
    #search_filters,
    .franco {
        border: 1px solid #000;
        margin: 0;
        background-color: transparent;
        display: block;
        margin-bottom: 20px;
        padding: 10px;
        text-align: left;
    }
    
    .franco span {
        font-size: 1.5rem;
        color: #000;
    }
    
    .franco a,
    .franco p {
        color: #000;
    }
    
    .product-flags li.product-flag {
        background-color: #40539b;
    }
    
    .current-price-value {
        color: #40539b;
    }
    
    .display-price {
        font-size: 18px;
        color: #E2097B;
        font-weight: bold;
        padding: 10px 20px;
        display: block;
        border: 2px solid;
        width: 60%;
        text-align: center;
        border-radius: 5px;
        margin: 10px 0;
    }
    
    .display-price:hover {
        transition: border-color 0.2sec;
        color: #40539b;
        border-color: #40539b;
    }
    
    a.other-link.frais-de-port {
        color: #000;
        display: none;
    }
    /* li.product-flag.new {
        display: none;
    } */
    
    .product-description {
        line-height: 22px;
    }
    /****** FAQ *******/
    
    .hi-faq-block-17 {
        box-shadow: none;
        background: none;
    }
    
    .hi-faq-block-17 .text-uppercase.h6 {
        display: none;
    }
    
    #cms .page-cms-20 .hi-faq-block.hi-faq-block-17 .hi-faq-item {
        border-radius: 0px;
        background-color: #f7f6f3;
        width: 100%;
        border-color: #f7f6f3;
        display: inline-block;
    }
    
    #cms .page-cms-20 .hi-faq-block.hi-faq-block-17 .hi-faq-item a {
        color: #000000;
        font-weight: 400;
        font-size: 20px;
        line-height: 20px;
    }
    
    a.hi-faq-link {
        display: none;
    }
    
    .hi-faq-question:before {
        right: 22px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        transform: rotate(45deg);
    }
    
    .hi-faq-question:after {
        right: 12px;
        transform: rotate(-45deg);
    }
    
    .hi-faq-question:before,
    .hi-faq-question:after {
        content: "";
        display: block;
        width: 15px;
        height: 2px;
        background: #307066;
        position: absolute;
        top: 20px;
        transition: transform .5s;
    }
    
    a.hi-faq-link::after {
        content: "";
        color: #fff;
        top: 4.5%;
        left: 0%;
        width: 15px;
        height: 15px;
        background: transparent url(/img/css/faq.svg) no-repeat 10% 50%;
        background-size: 15px 15px;
        position: absolute;
    }
    /****** ACCOUNT *******/
    
    .page-customer-account #content .no-account a {
        color: #40539b;
    }
    
    #main div#search_widget {
        width: 100%;
        margin-bottom: 10px;
    }
    
    #main div#search_widget input {
        border: 1px solid #40539b;
    }
    
    #main div#search_widget input::placeholder {
        color: #40539b;
    }
    
    #product #main .product-information a {
        color: #40539b;
    }
    
    .facet-label.alpha {
        display: none;
    }
    
    .custom-checkbox a.alpha {
        display: none;
    }
    
    .product-miniature .product-title,
    #products article.product-miniature div.product-description input.input-group.form-control,
    article.product-miniature div.product-description input.input-group.form-control {
        padding-top: 0;
    }
    
    a#address-link,
    #order-slips-link,
    #discounts-link {
        display: none !important;
    }
    
    .carousel .carousel-item img {
        width: 1900px;
    }
    /***** CHECKOUT ****/
    
    #checkout a {
        color: #40539b;
    }
    
    #checkout p {
        color: #000;
    }
    
    body#checkout .additional-information {
        border: 1px solid #40539b;
    }
    
    .product-ean label {
        font-weight: 900;
    }
    
    #blockcart-modal .product-name {
        font-size: 1.125rem;
        color: #40539b;
        font-weight: normal;
        line-height: 24px;
    }
    
    #blockcart-modal .product-price {
        color: #000;
        padding: 10px 0px;
    }
    
    #blockcart-modal .cart-content p.product-total {
        display: none
    }
    
    .cart-voucher.js-cart-voucher {
        display: none;
    }
    
    #cart-subtotal-products,
    .cart-summary-line.cart-total {
        display: none;
    }
    
    article.product-miniature div.thumbnail-container {
        height: 452px;
    }
    
    div#cart-subtotal-products .value {
        display: none;
    }
    
    div#payment-option-1-container {
        display: none;
    }
    
    section#content-hook_payment_return .card-block,
    div#payment-option-1-additional-information {
        display: none !important;
    }
    
    form#customer-form {
        display: none;
    }
    
    #product .product-information li {
        color: #000;
    }
    
    #authentication #main p {
        color: #40539b;
    }
    
    #authentication #main a {
        color: #E2097B;
    }
    
    #product button.btn.btn-primary.add-to-cart {
        background-color: #40539b;
        background-image: none;
        border: 0;
    }
    
    #product button.btn.btn-primary.add-to-cart:hover {
        background-color: #E2007B;
    }
    
    ul.ps-alert-success p {
        color: #40539b;
    }
    
    .ps-alert-success .item,
    .ps-alert-success .item i,
    .ps-alert-success .item i svg {
        background-color: #E2007B;
        border-color: #E2007B;
    }
    
    #history .table.table.table-striped.table-bordered.table-labeled.hidden-sm-down a {
        color: #40539b;
    }
    
    tr.text-xs-right.line-products {
        display: none;
    }
    
    form.forgotten-password header p.send-renew-password-link {
        color: #40539b;
    }