.column2 {
    column-count: 2;
}
.card_item, .detail_item {
    box-shadow: -5px 11px 34px rgba(0,0,0,.16);
    padding: 38px 41px 30px 44px;
    border-radius: 50px;
    color: var(--grey);
    flex: 1;
}
.ligne-1 .card_item {
    height: 100%;
}
.card_item:not(:last-of-type) {
    margin-bottom: 27px;
}
.card_item .card_item-title, .card_item .card_item-intro p, .card_item .card_item-intro ul li, .card_item .card_item-intro ol, .card_item .card_item-intro strong {
    color: var(--grey);
}
.card_item.bg-blue .card_item-title, .card_item.bg-blue .card_item-intro p, .card_item.bg-blue .card_item-intro ul li, .card_item.bg-blue .card_item-intro ol, .card_item.bg-blue .card_item-intro strong, .card_item.bg-blue a {
    color: var(--white);
}
@media screen and (max-width:768px) {
    .card_item .card_item-title {
        font-size: 2rem;
    }
}
.card_item-title {
    margin: 0;
}
.card_item .card_item-intro ul li::before {
    background-color: var(--grey);
}
.card_item:not(.bg-yellow):not(.bg-blue):not(.bg-orange) {
    background-color: var(--white);
}
.card_item-picto, .detail_item-picto {
    background-color: var(--color-primary);
    width: 71px;
    height: 71px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card_item:not(.bg-none) .card_item-picto {
    background-color: var(--grey);
}
.detail_item-picto:hover {
    color: transparent;
}
    .card_item-picto img {
        max-width: 40px;
    }

    .card_item-head {
        padding-left: 4rem;
        margin-bottom: 2rem;
    }


.detail_item {
    margin-bottom: 150px;
    position: relative;
    background-color: var(--white);
}
.bloc-details {
    position: relative;
}
.blocs::before {
    content: '';
    position: absolute;
    top: calc(100% - 295px);
    left: 50%;
    border-radius: 50% 50% 0 0;
    transform: translateX(-50%)  scale(1.1);
    width: 100vw;
    height: 130px;
    background-color: var(--white);
    z-index: -1;
}
.blocs::after {
    content: '';
    position: absolute;
    top: calc(100% - 200px);
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 500px;
    background-color: var(--white);
    z-index: -1;
}
.bloc-details::after {
    top: 636px;
}
.bloc-details::before {
    top: 488px;
}
    .detail_item-title {
        color: var(--color-primary);
        margin-top: 0!important;
    }
.detail_item-picto {
    width: 100px;
    height: 100px;
    background-color: var(--grey);
}
@media screen and (max-width:768px) {
    .detail_item-picto {
        width: 65px;
        height: 65px;
    }

}
    .detail_item-picto .icon-arrow-light {
        transform: rotate(-90deg);
        font-size: 30px;
    }

    .detail_item-title {
        margin: 0 0 4rem 6rem!important;
    }
    @media screen and (max-width:768px) {
        .detail_item-title {
            margin: 16px 0 2rem 4rem!important;
            font-size: 2.5rem;
        }
    }
    .detail_item {
        padding: 38px 74px 72px 77px;
    }
    @media screen and (max-width:768px) {
        .detail_item {
            padding: 15px 35px 30px 35px;
        }
    }

    .bloc-resumes {
        margin-bottom: 150px;
    }
    .bloc-resumes .col-left {
        display: flex;
        flex-direction: column;
    }

    .bloc-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1;
    }

    .card_item.bg-none .card_item-intro a, .card_item.bg-none .card_item-intro a strong {
        color: var(--color-primary);
    }


    .blocs {
        margin-bottom: 115px;
    }

    .bloc-resumes .col-right .card_item:last-child {
        height: 100%;
    }

    .bloc-intro {
        /* height: 80vh; */
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    @media screen and (min-width:768px) {
        .bloc-intro {
            /* height: 50vh; */
            min-height: 380px;
            margin-bottom: 10rem;
        }
    }
    .bloc-intro h2 {
        font-size: 6.5rem;
    }
    .bloc-intro p + h2 {
        margin-top: 80px;
    }
    @media screen and (max-width:768px) {
        .bloc-intro h2 {
            font-size: 4rem;
        }
    }

    .bloc-options h2 {
        margin: 0 0 0 5rem;
    }