/* general */

.btn-padding-1 {
    padding: 1rem 1.5rem;
}
.fw-bold {
    font-weight: 700 !important;
}
.fw-semibold {
    font-weight: 600 !important;
}
.ff-roboto {
    font: 1.125rem Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.fs-1 {
    font-size:calc(1.375rem + 1.5vw)!important
}
.fs-5 {
    font-size: 1.25rem !important;
}
.lh-5 {
    line-height: 1.5rem;
}
@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important;
    }
    .fs-5 {
        font-size: 1.5rem !important;
    }
}
.start-0{
    left: 0!important
}
.align-text-center {
    vertical-align: middle !important;
    text-align : center;
}
.top-30 {
    top: 30% !important;
}
.border-radius-8 {
    border-radius: 8px;
}
.bg-light-grey {
    background: #F3F3F3;
}
@media (min-width: 992px) {
    .col-lg-4 {
        /*flex: 0 0 auto;*/
    }
}


.p-4 {
    padding: 1.5rem !important;
}
@media (min-width: 992px) {
    .p-lg-5 {
        padding: 3rem !important;
    }
}
.mb-3 {
    margin-bottom: 1rem !important;
}
@media (min-width: 992px) {
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 2.5rem !important;
    }
}

@media (min-width: 992px) {
    .bloc_center_marge_25 {
        margin-left: 25%;
        margin-right: 25%;
    }
}

/* new header 2025 */
/*
.dropdown-menu .dropdown-item, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover{
    color: #00897e;
}
.encart_card {
    padding: 13px 20px;
    color: #ffffff;
    background: #00897e;
    border-radius: 8px;
}
.dropdown-menu {
    border: none;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item.active:hover {
    color: #ffffff;
}

.colNavbar {
    padding-right: 0;
}

@media (max-width: 992px) {
    .colNavbar {
        order: 2;
    }
}
.navbar-expand-lg .navbar-nav {
    align-items: center;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-item{
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-item{
        padding-left: 16px;
        padding-right: 16px;
    }
}*/
.navbar-toggler {
    padding: .15rem 0;
}
.navbar-toggler.collapsed {
    padding: .15rem .2rem;
}
.navbar-nav {
    font: 1.125rem -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.nav-link-black {
    color: #000000 !important;
}
.dropdown-item {
    color: #D4092D;
}
.dropdown-menu {
    font-size: 1.125rem;
    top: 95%;
}
.dropdown-divider {
    border: 0;
}
.navbar-nav .show img {
    transform: rotate(180deg);
}
@media (max-width: 992px) {
    .dropdown-menu {
        border: 0;
    }
    .nav-item-m-red-top {
        border-top: solid 1px #D4092D;
        margin-top: 1rem;
        padding-top: 1rem;
    }
}
/*@media (max-width: 992px) {
    .navbar {
        position: relative;
        padding-right: calc(var(--bs-gutter-x)*1);
    }
    #navbarNavDropdown{
        width: 100vw;
        margin-left: -15px;
        position: absolute;
        right: 0;
        top: 60px;
        background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
        z-index: 99999;
        margin-top: 5px;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: calc(var(--bs-gutter-x)*1.5);
    }
    #navbarNavDropdown .navbar-nav .nav-item{
        width: 100vw;
        text-align: left;
        padding-right: calc(var(--bs-gutter-x)*1.5);
    }
    #navbarNavDropdown .navbar-nav .nav-item a {
        display: flex;
        justify-content: space-between;
    }
    #navbarNavDropdown .dropdown-menu{
        background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
        width: 100vw;
        text-align: left;
    }
    .navbar-toggler {
        border: none;
    }
    .navbar button[aria-expanded="true"] .navbar-toggler-icon{
        background-image: url('images/navbar-toggler-close.svg');
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
}*/


/* homepage 2025 */

.slide-homepage2025 {
    background: url('/images/hp2025/hp2025-header-mobile2.png') no-repeat;
    background-size: cover;
    background-position-y: top;
    background-position-x: center;
}
.slide-homepage2025 .h5 {
    font-size: 2.5rem;/*40px;*/
    padding-top: 3rem;
    padding-bottom: 1rem;/*16px*/
}
@media (min-width: 992px) {
    .slide-homepage2025 {
        background: url('/images/hp2025/hp2025-header2.png') no-repeat;
        background-position-y: top;
        background-position-x: center;
        background-size: cover;
    }
    .slide-homepage2025 .h5 {
        font-size: 4rem;/*64px;*/
        padding-top: 11rem;
        padding-bottom: 5rem;
    }
    .slide-homepage2025 .container {
        /*padding-bottom: 5rem;*/
    }
}

.homepage2025 {
    margin-top: -7.875rem;/*126px*/
}
@media (min-width: 992px) {
    .homepage2025 {
        margin-top: -12rem;
    }
}

.homepage2025 .hero-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    font-size: 1.125rem;
    line-height: 1.5rem

}
.homepage2025 .hero-card .btn {
    font-size: 1.125rem;
    font-weight: 400;
}
.homepage2025 .hero-card img {
    width: 4rem;
}

.homepage2025 .accordion {
    --bs-accordion-border-width: 0px;
}
.homepage2025 .accordion .accordion-item{
    border-bottom: solid 1px #E6E6E6;
    margin-bottom: 1.5rem;
}
.homepage2025 .accordion .accordion-item .accordion-button {
    padding-left: 1px;
    padding-right: 1px;
}
.homepage2025 .accordion .accordion-button:not(.collapsed) {
    background-color: transparent;
}
.homepage2025 .accordion .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.homepage2025 .mes-avantages .card {
    background: transparent;
}

.homepage2025 .solde-hp {
    font-size: 4.5rem; /*72px;*/
    line-height: 4rem;
}
@media (min-width: 992px) {
.homepage2025 .solde-hp {
    font-size: 6.5rem; /*104px;*/
    line-height: 5rem;
}
}

.hp25-boutiques {
    display: flex;
    font-weight: 500;
}
.hp25-boutiques .card-overlay, .hp25-boutiques .card-overlay-soon {
    background: linear-gradient(transparent,rgba(0, 0, 0, .25));
    display: flex;
    align-items: flex-end;
}
.hp25-boutiques .card-overlay-soon {
    backdrop-filter: blur(16px);
}
.img_mobile {
    display: none;
}
.img_desktop {
    display: inline;
}
@media (max-width: 992px) {
    .img_mobile {
        display: inline;
    }
    .img_desktop {
        display: none;
    }
    .hp25-boutiques > div:nth-child(2) a {
        width: 100%;
        max-width: 100%;
        flex: 1 100%;
    }
    .hp25-boutiques .card-overlay-soon .top-30 {
        top: 20% !important;
    }
    .hp25-boutiques > div:nth-child(2) .card-overlay-soon .top-30 {
        top: 0 !important;
    }
    .hp25-boutiques > div:nth-child(2) .card-overlay-soon .top-30 div {
        display: inline;
        padding-left: 1rem;
    }
    .hp25-boutiques > div:nth-child(2) .card-overlay-soon .top-30 img {
        height: 70%;
    }
}

.homepage2025 .slick-slide {
    text-align: left;
}
.homepage2025 .slider-one {
    margin: 0;
}
.homepage2025 .slider-one{
position: relative;
}

.homepage2025 .slider-one .slick-arrow{
    background: #FFFFFF !important;
    border-radius: 8px !important;
    height: 3rem;
    width: 3rem;
    bottom: 0;
    padding-top: 4px;
}
.homepage2025 .slider-one .slick-prev {
    left: 3.75rem;
    bottom: 0;
}
.homepage2025 .slider-one .slick-prev::before {
    /*content: "<";*/
    content: url('/images/hp2025/faq_arrow_left.svg');
}
.homepage2025 .slider-one .slick-next {
    /*right: 3.75rem;*/
    left: 7.75rem;
    bottom: 0;
}
.homepage2025 .slider-one .slick-next::before {
    /*content: ">";*/
    content: url('/images/hp2025/faq_arrow_right.svg');
}
.slick-next, .slick-prev {
    top: 75%;
}
@media (max-width: 992px) {
    .slick-next, .slick-prev {
        top: 80%;
    }
    .homepage2025 .slider-one .slick-prev {
        left: 2.05rem;
    }
    .homepage2025 .slider-one .slick-next {
        /*right: 1.85rem;*/
        left: 6.05rem;
    }
}

/* slider slick */

.mes-avantages a {
    text-decoration: underline;
}
@media (max-width: 576px) {
    .mes-avantages {
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 0;
        padding-right: 0 !important;
        border-radius: 0 !important;
    }
}
@media (max-width: 768px) {
    .mes-avantages {
        padding-right: 0 !important;
        border-radius: 0 !important;
    }
}

.slick-next, .slick-prev {
    z-index: 9999;
}
.slick-next::before, .slick-prev::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(0,0,0,.6)  !important;
    font-family: bootstrap-icons !important;
    font-size: 1.6rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    opacity: .75;
    text-transform: none;
    vertical-align: -.125em;
}

/* accordion */

.accordion-button {
    align-items: center;
    background-color: #ffffff;
    border: 0;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #212529;
    display: flex;
    font-size: 1rem;
    overflow-anchor: none;
    padding: 1rem 1.25rem;
    position: relative;
    text-align: left;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    width: 100%;
}

.btn-accordion::before {
    /*content: url('/images/moins.png');*/
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    transform: rotate(-180deg) translateY(16px);
    width: 12px;
}
.btn-accordion.collapsed::before {
    /*content: url('/images/plus.png'); */
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333741'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    transform: rotate(0deg);
    width: 12px;
}