/*entete*/

.vignette-image {
    height: 400px;
    border-radius: 1.5rem;
    background-size: 100%;
    width: 267px;
}

#btn_demonstration:hover .svg path {
    fill: var(--color-green-dark);
}

.container-img {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1200px) {
    .container-img {
        width: 80%;
    }
}

/*slider et card*/

.swiper {
    width: 90%;
    height: 310px;
}


.slider-wrapper {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 70px 55px;
}

.card-list .card-item {
    background-color: var(--color-blue-page);
    padding: 1.5rem 1rem 1.5rem 1rem;
    position: relative;
    border-radius: 12px;
}

    .card-list .card-item:hover{
        border : 1px solid var(--color-blue-dark);
    }

    .card-list .card-item svg {
        fill: var(--color-blue-dark);
    }

    .card-list .card-item div:not(.card-item-footer) {
        margin-bottom: 2rem;
    }

    .card-list .card-item .card-item-footer {
        position: absolute;
        bottom: 1.5rem;
        right: 2rem;
    }

        .card-list .card-item .card-item-footer a {
            color: var(--color-blue-dark);
            text-decoration: underline;
        }


@media (max-width: 768px) {
    .slider-wrapper {
        margin: 0 10px 40px;
    }
}

.swiper-button-prev {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.swiper-button-next {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 20px !important;
        font-weight: var(--font-weight-bold);
        color: var(--color-blue);
    }

/*bloc expertise*/

.btn-menu {
    display:inline-block;
    width:100%;
    margin-bottom:2rem;
}

.separator-orange {
    color: var(--color-orange);
    font-size: 1.75rem;
    font-weight: 400;
    position: relative;
    top: 5px;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    display: none;
}

@media (min-width: 1200px) {
    .btn-menu{
        width:auto;
    }

    .separator-orange {
        display: inline-block;
        margin-bottom: 0;
    }
}

#bloc_expertise_funeraire {
    background-color: var(--color-orange-page);
    border-radius: 12px;
    padding: 2rem 4rem;
}

    #bloc_expertise_funeraire .menu {
        font-weight: var(--font-weight-semibold);
        font-size: 0.9rem;
    }


        #bloc_expertise_funeraire .menu .btn-menu:hover,
        #bloc_expertise_funeraire .menu .btn-menu-active {
            color: var(--color-orange);
        }

    #bloc_expertise_funeraire .bloc-expertise-contenu a {
        color: var(--color-orange);
        text-decoration: underline;
    }

/*Bloc prouquoi*/

#bloc_pourquoi .titre {
    font-size: 1.2rem;
    font-weight: 700;
}

#bloc_pourquoi .container-icon-pourquoi {
    height: 90px;
    width: 90px;
}

/*Bloc securite*/

.bloc-securite {
    background-color: #FFF;
    border-radius: 25px;
    padding: 1rem;
}

/*Bloc confiance*/
#bloc_confiance {
    margin-top: 6rem !important;
}