/* hero index */
    .hero_index{
        width: 100%; height: calc(100dvh - 35px);
        background-color: var(--light-gray);
        position: relative;
    }

    .box_img_hero_index{
        width: 100%; height: 100%;
        img{
            width: 100%; height: 100%;
            object-fit: cover;
        }
    }

    .design_bottom{
        position: absolute;
        left: 0; bottom: -6px;
        width: 100%;
        img{
            width: 100%; height: 100%;
            object-fit: cover;
        }
    }
/* hero index */

/* section annonce */
    .caroussel_container.section_annonce{
        width: 100%; height: 70dvh;
    }
/* section annonce */

/* section signature */
    .container_signature{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
        width: max-content;
        max-width: 100%;
        margin: 0 auto;
    }

    .content_signature{
        flex: 0 0 280px;
    }

    .titre_signature{
        background-color: var(--red);
        padding: 8px 32px;
        font-weight: 700;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        cursor: pointer;
        span{
            color: var(--white);
        }
        svg{
            fill: var(--white);
        }
    }

    .titre_signature:hover{
        background-color: var(--yellow);
        span{
            color: var(--red);
        }
        svg{
            fill: var(--red);
        }
    }

    .description_signature{
        width: 250px; height: auto;
        margin: 0 auto;
        border: 1px solid var(--red);
        border-top: none;
        padding: 16px;
        text-align: center;
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
        display: none;
    }

    .description_signature.active{
        display: block;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
/* section signature */