.resize-container {
display: block;
margin-right: auto;
margin-left: auto;
max-width: 1000px;
background-color:black;
}

.resize-container > #player_yt {
opacity: 0;
animation: contentOpacity 1s ease-in;
animation-fill-mode: forwards;
}

.container-iframe {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background-color:#000;
}

.container-iframe iframe {
position: absolute;
left: 0;
top: 0;
z-index: 1;
height: 100% !important;
width: 100% !important;
opacity: 0;
animation: contentOpacity 1s ease-in;
animation-fill-mode: forwards;
}

.resize-container #player_html5{
    background-size:cover;
    background-repeat: no-repeat;
}

.container-html5 {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background-color:#000;
}

.container-html5 video {
position: absolute;
left: 0;
top: 0;
z-index: 1;
height: 100% !important;
width: 100% !important;
opacity: 0;
animation: contentOpacity 1s ease-in;
animation-fill-mode: forwards;
}

@keyframes contentOpacity {
0%   { opacity: 0; }
100% { opacity: 1; }
}

.layer_cmp {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1rem;
background-color: rgba(1, 0, 53, 0.7);
aspect-ratio: 16 / 9;
}

@supports not (aspect-ratio: 16 / 9) {
.layer_cmp::before {
    float: left;
    padding-top: 56.25%;
    content: "";
}

.layer_cmp::after {
    display: block;
    content: "";
    clear: both;
}
}

.container-iframe::before, .container-html5::before {
content:"";
position:absolute;
border: 3px solid #FFF;
border-radius: 50%;
border-top: 3px solid #e9051e;
width: 30px;
height: 30px;
-webkit-animation: spin 2s linear infinite;
animation: spin 1s linear infinite;
top: calc(50% - 15px);
left: calc(50% - 15px);
}

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}


/* Version HTML5 avec RCWB V2 */

.dsg_video .resize-container svg + h4{
    margin-top: 1rem;
}
.dsg_video .resize-container .btn_consentement{
    margin-bottom: 1rem;
}
.dsg_video .resize-container .-dsg_secondaire{
    font-weight: 500;
    text-decoration: underline;
}
.dsg_video .resize-container .-dsg_secondaire::after{
    display: none;
}
@media (max-width: 767px) {
    .dsg_video .resize-container svg{display: none;}
}
@media (max-width: 1023px) {
    .dsg_video .resize-container h4, .dsg_video .resize-container .dsg_a_text, .dsg_video .resize-container .-dsg_secondaire {
        font-size: 14px !important;
    }
}