.num-vert {width:50%; min-width:210px}

.banniere-html-xl380 .full {background:url(../img/bg-banniere-entete-1440.jpg) right top no-repeat}
.banniere-html-xl380 .full .degrade {background:linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left top / 50% auto no-repeat}
.banniere-html-xl380 .full .row {height:380px}
.banniere-html-xl380.dark .full .degrade {background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}

.video-container {position:relative; padding-bottom:56.25%}
.video-container iframe {position:absolute; left:0; top:0; display:block; width:100%; height:100%}
.video-container .video-consent-overlay {position:absolute; left:0; top:0; display:flex; flex-direction:column; justify-content:center; align-items:center; box-sizing: border-box; width:100%; height:100%; color:#fff; padding:0 15px; background-color:#000}
.video-container .video-consent-overlay-text {text-align:center}


@media (max-width:1199.98px){
.banniere-html-xl380 .full {background-image:url(../img/bg-banniere-entete-1199.jpg)}
}


@media (max-width:735.98px){
.banniere-html-xl380 .full {padding-top:380px; background:url(../img/bg-banniere-entete-735.jpg) center top no-repeat}
.banniere-html-xl380 .full .degrade {background:none}
.banniere-html-xl380 .full .row {height:auto}
.banniere-html-xl380.dark .full .degrade {background:none}

.bloc1-ttl-txt-btn-vid .row .video {order:-1}

.bloc1-ttl-txt-btn-img .row .visuel {order:-1}

.bloc1-ttl-btn-img .row .contenu .btn {text-align:left}
.bloc1-ttl-btn-img .row .visuel {order:-1}
}


@media (max-width:479.98px){
.banniere-html-xl380 .full {padding-top:248px; background-size:auto 248px}

.bloc1-ttl-btn-img .row .contenu .btn {text-align:center}
}