/* Picto */
.products .product_list li .wishlist a:hover {
    background-image: url(../img/codezeel/elec/wishlist-hover.svg);
}

.product-quantity .st-wishlist-button:hover {
    background-image: url(../img/codezeel/elec/wishlist-hover.svg);
}

.block_newsletter form input.btn {
    background-image: url(../img/codezeel/elec/newsletter-btn.svg);
}

#header .search-widget .search_button:hover {
    background-image: url(../img/codezeel/elec/search-hover.svg);
}

#header .user-info .user-info-title:hover {
    background-image: url(../img/codezeel/elec/user-hover.svg);
}

#header .user-info .user-info-title {
    background-image: url(../img/codezeel/elec/user.svg);
}

#header .blockcart .blockcart-header > a.shopping-cart:hover,
#header .blockcart .blockcart-header > a.shopping-cart:focus {
    background-image: url(../img/codezeel/elec/cart-hover.svg);
}

.header-top-inner .menu-icon .cat-title:after {
    background-image: url(../img/codezeel/elec/menu.svg);
}

#header .blockcart .blockcart-header > a.shopping-cart {
    background-image: url(../img/codezeel/elec/cart.svg);
}

.product-quantity .st-compare-button:hover {
    background-image: url(../img/codezeel/elec/compare-hover.svg);
}

.products .product_list li .compare a:hover {
    background-image: url(../img/codezeel/elec/compare-hover.svg);
}

.products .product_list li .quick-view:hover {
    background-image: url(../img/codezeel/elec/quickview-hover.svg);
}

#header .header-top .head-wishlist .ap-btn-wishlist {
    background-image: url(../img/codezeel/elec/wishlist-head.svg);
}

#header .header-top .head-wishlist .ap-btn-wishlist:hover {
    background-image: url(../img/codezeel/elec/wishlist-head-hover.svg);
}

#header .search-widget .search_button.active:hover {
    background-image: url(../img/codezeel/elec/close-hover.svg);
}

#header .search-widget form button[type=submit]:hover {
    background-image: url(../img/codezeel/elec/search-hover.svg);
}

.top_button {
    background-image: url(../img/codezeel/elec/top-arrow.svg);
}

.customNavigation a.prev:hover {
    background-image: url(../img/codezeel/elec/left-arrow-hover.svg);
}

.customNavigation a.next:hover {
    background-image: url(../img/codezeel/elec/right-arrow-hover.svg);
}

.products-selection .display li#grid a {
    background: url(../img/codezeel/elec/sprite.png) no-repeat scroll -3px -2px transparent;
}

.products-selection .display li#list a {
    background: url(../img/codezeel/elec/sprite.png) no-repeat scroll -40px -2px transparent;
}

.czhomeslider .nivo-directionNav .nivo-nextNav:hover {
    background-image: url(../img/codezeel/elec/slider-right-arrow-hover.svg);
}

.czhomeslider .nivo-directionNav .nivo-prevNav:hover {
    background-image: url(../img/codezeel/elec/slider-left-arrow-hover.svg);
}


/* Redéfinition complète des styles du header */
#header .header-top {
    padding: 10px 0px 15px;
}

#header .header-top .container {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #808080;
    line-height: 26px;
    letter-spacing: 0.5px;
    box-sizing: inherit;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 1170px;
    max-width: 100%;
    /* Nouveaux styles pour le layout flexbox */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    position: relative;
    height: auto;
    min-height: 80px; /* Ajustez selon la hauteur souhaitée */
}

#header .header-top .header_logo {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #808080;
    line-height: 26px;
    letter-spacing: 0.5px;
    box-sizing: inherit;
    /* Styles redéfinis */
    padding: 0;
    margin: 0;
    position: static;
    /* text-align: left; */
    top: auto;
    left: auto;
    right: auto;
    /* display: flex; */
    align-items: center;
    /* flex-shrink: 0; */
}

#header .header-top .header_logo h1 {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

#header .header-top #ecb_list_depots {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #808080;
    line-height: 26px;
    letter-spacing: 0.5px;
    box-sizing: inherit;
    /* Styles redéfinis */
    position: static;
    float: none;
    margin-left: 35px;
    top: auto;
    text-align: left;
    display: flex;
    align-items: center;
    /* flex-shrink: 0; */
}

#header .header-top #ecb_list_depots div {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#header .header-top #ecb_list_depots .fa {
    margin-right: 8px;
}

#header .header-top #ecb_list_shops {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #808080;
    line-height: 26px;
    letter-spacing: 0.5px;
    box-sizing: inherit;
    /* Nouveaux styles pour positionnement à droite */
    position: static;
    float: none;
    margin-left: auto;
    top: auto;
    text-align: right;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
}

#header .header-top #ecb_list_shops .label_shop {
    margin-bottom: 5px;
    white-space: nowrap;
    font-size: 12px;
}

#header .header-top #ecb_list_shops .block_content {
    display: flex;
    align-items: center;
}

#header .header-top #ecb_list_shops select {
    text-align: right;
    text-align-last: right;
}
#header .logo {
    max-width: 100%;
    float: initial;
    max-height: 70px;
}
/* Media queries pour la responsivité */
@media (max-width: 768px) {
    #header .logo {
        max-height: 50px;
    }
}



@media (max-width: 576px) {

    #ecb_list_depots{
        margin-left: 15px;
    }
    #ecb_list_depots span {
        display: block !important;
    }

    #header .header-top {
        padding: 10px 0px 10px;
    }

}

#czheadercmsblock a {
    color: white;
    font-weight: bold;
    font-size: 18px;
}

@media (max-width: 768px) {
    #czheadercmsblock a {
        font-size: 15px;
    }

    .czsubbanner_container > h1, .testimonial_container  h1, .lastest_block.block h2 {
        font-size: 25px !important;
    }

    .czsubbanner_container > h2 {
        font-size: 12px !important;
        font-weight:400 !important;
    }

    .czsubbanner_container > h3 a,.testimonial_container a.btn.btn-default{
        font-size: 12px;
    }

}

@media (max-width: 650px) {
    div#czheadercmsblock  {
        max-width:200px;
    }
}

#header .header-top #ecb_list_shops{
    margin-left: initial;
}

div#czheadercmsblock {
    margin-left: auto;
    top: auto;
    text-align: right;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    vertical-align: middle;
    padding-right: 15px;
}

#czheadercmsblock p{
    padding:0px;
    margin: 0px;
}