#hdr {
    /* position: sticky; */
    /* top: 0; */
    /* border-bottom: 1px solid #eee; */
    /* background-image: url("../img/hdr6.png"); */
    /* background-image: url("../img/wood.avif"); */
    /* background-repeat: repeat; */
    /* background-size: 52px 52px; */
    /* background-size: cover; */
    /* background-position: center 70%; */
    /* background: rgba(0, 255, 0, 0.5); */
    top: 0;
    /* background: rgba(255, 255, 255, 0.5); */
    background: #fff;
    border-bottom: 1px solid #ddd;
    /* box-shadow: 0 0 10px 0 #999; */
    z-index: 3;
}

.hdr {
    /* border: 1px dashed; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 40px;
    /* width: 100vw; */
    /* padding: 0 20px; */
    /* border-bottom: 1px solid #eee; */
    /* background: #085c35; */
}

.hdr img {
    max-width: none;
}

.hdr .logo a {
    display: flex;
}

.hdr .logo img {
    object-fit: contain;
    max-width: 100%;
    min-width: 50px;
}

.hdr .center {
    /* border: 1px dashed; */
    position: relative;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    /* align-content: center; */
    width: 100%;
    height: 100%;
    max-width: 1440px;
    /* gap: 20px; */
    /* background: rgba(255, 255, 255, 0.7); */
    /* background-image: repeating-linear-gradient(-45deg, #ffffff 0, #ffffff 2px, transparent 0, transparent 50%); */
    /* background-size: 36px 36px; */
    /* background-color: #529b84; */
}

.hdr .center > div {
    position: relative;
    display: grid;
    align-content: center;
}

.hdr .white_hdr {
    /* background: rgba(255, 255, 255, 0.7); */
    padding: 0 10px;
    /* background: #085c35; */
}

/* .hdr .logo {
    padding-left: 10px;
} */

/* .hdr .hmb p {
    margin: 0;
    padding: 0;
} */

#hdr a {
    text-decoration: none;
    color: unset;
}

.expander {
    /* width: 100%; */
    flex-grow: 1;
}

.panier {
    position: relative;
}

#qte_panier {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5px;
    right: 0px;
    border: 2px solid red;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    font-weight: bold;
    transform: scale(0);
    /* transition: transform 0.45s cubic-bezier(0, 0, 0.24, 1.69); */
}
/* 
.bg_hdr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/hdr.webp");
    background-image: url("../img/wood.avif");
    background-size: cover;
    background-position: left 35%;
} 
*/