body
{
    position: relative;
}
#bloc_communication
{
    text-align: center;
    width: 100%;
}
#bloc_communication video 
{
    margin: auto;
}

.content-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 25vh;
}

.content-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 600px) {
    .content-video {
        padding-top: 75%;
    }
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
    .content-video {
        padding-top: 60%;
    }
}

@media only screen and (min-width: 1025px) {
    .content-video {
        padding-top: 35%;
    }
}