@media (max-width: 700px) {
    #headerLogo
    {
        display: none;
    }

    #contentGalerie
    {
        margin-top: 12vh;
    }
}

@media (min-width: 700px) {
    #headerLogo
    {
        display: flex;
    }
}

@media (max-width: 900px) {
    .contentEffetApercu
    {
        width: 46.75vw;
        height: 26.3vw;
    }
}

@media (max-width: 500px) {
    .contentEffetApercu
    {
        width: 95.5vw;
        height: 52.6vw;
    }
}

@media (max-width: 1000px) {
    #contentAddEffect
    {
        display: none;
    }
}


@media (max-width: 700px) {
    #interface_copy
    {
        z-index: 5;
        top: 10vh;
    }

    #interface_copy h2
    {
        height: 5%;
    }

    #parent_for_copy
    {
        flex-direction: column;
        padding-bottom: 1vh;
    }

    .bloc_to_copy
    {
        flex: initial;
        height: 8vh;
    }

    .bloc_to_copy_open
    {
        flex: 1;
    }

    .deplier_open
    {
        transform:  translate(-50%, -50%) rotate(0deg);
    }

    .header_copy
    {
        height: 8vh;
        position: relative;

    }

    .header_copy::after
    {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 1px;
        border-bottom: 1px solid white;
    }

    .header_copy h3
    {
        position: absolute;
        top: 50%;
        left: 20%;
        transform: translate(-50%, -50%);
    }

    .btn_copy
    {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .deplier_code
    {
        display: flex;
        position: absolute;
        top: 50%;
        right: 10%;
    }
}