.banniere-html-xl380 .full {background:url(../img/banniere-haut-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))}

.bloc1-zig-zag-img .row:nth-child(1n+2) {padding-top:15px}
.bloc1-zig-zag-img .row.zag .visuel {order:-1}

.bloc2-offre-double .row .contenu {display:flex; flex:auto}
.bloc2-offre-double .row .contenu a {flex:0 0 50%}
.bloc2-offre-double .row .contenu a:nth-child(1) {padding-right:15px}
.bloc2-offre-double .row .contenu a:nth-child(2) {padding-left:15px}

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


@media (max-width:735.98px){
.banniere-html-xl380 .full {padding-top:380px; background:url(../img/banniere-haut-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-zig-zag-img .row.zig .visuel {order:-1}
}


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

.bloc2-offre-double .row .contenu {flex-wrap:wrap}
.bloc2-offre-double .row .contenu a {flex:0 0 100%; padding:0 !important}
.bloc2-offre-double .row .contenu a:nth-child(2) {margin-top:30px !important}
}