.accueil-visiteur {
    overflow: hidden;
    margin-bottom: -1em;
    position: relative;
}

.homeContainer {
    position: absolute;
    top: 20%;
    height: 100%;
    width: 100%;
    color: var(--color-3);
    text-align: center;
    display: flex;
    flex-direction: column;
}

.video-accueil {
    min-width: 100vw;
    filter: brightness(60%);
    width: 100%;
    min-height: 50vh;
    background-color: var(--color-1);
}

.video-accueil video{
    object-fit: cover;
}

.bloc-histoire{
    background: linear-gradient(94.91deg, #004380 0%, #009FA0 100%);
    color: var(--color-3);
    padding: 2em;
}

.bloc-histoire img{
    max-width: 30vw;
}

.bloc-histoire .button{
    place-self: baseline;
    background-color: var(--color-2);
}

.bloc-histoire .button:hover{
    background-color: var(--color-4);
}

@media (max-width:700px) {
    .homeContainer h1{
        padding: 0.5em;
    }

    .video-accueil{
        overflow: hidden;
        height: 80vh;
        width: auto;
    }
}

@media (max-width:550px){
    .bloc-histoire{
        position: relative;
    }

    .bloc-histoire img{
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        clip-path: polygon(0% 0%, 0% 100%, 0% calc(100%), 100% calc(0%));
    }
}