.rouge {color:#e60043 !important}

.bloc3-tuile .row .symbole {position:absolute; left:-41px; top:calc(50% - 25px); width:50px; height:50px; display:flex; justify-content:center; align-items:center; font-size:2.6rem; padding-top:5px; border-radius:50%; z-index:5}
.bloc3-tuile .row .ligne1 {border-left:5px solid #ffcd0b}
.bloc3-tuile .row .ligne2 {border-left:5px solid #26b2ff}
.bloc3-tuile .row .btn-primaire, .bloc3-tuile .row .btn-secondaire {max-width:none; width:100%}

.banniere-html-xl380-2 .full {position:relative}
.banniere-html-xl380-2 .full .visuel {height:auto}
.banniere-html-xl380-2 .full .visuel video {width:100%; height:100%; object-fit:cover; object-position:0% 50%}
.banniere-html-xl380-2 .full .row {position:absolute; left:0; top:0; width:100%; height:100%}
.banniere-html-xl380-2 .full .row .contenu .encart {display:inline-block; padding:15px}
.banniere-html-xl380-2 .full .row .contenu > .btn {margin-top:0}

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

.bloc1-encart-img .row {position:relative; justify-content:center; align-items:center}
.bloc1-encart-img .row .visuel img {width:100%; height:auto; object-fit:cover; object-position:40% 0}


@media (max-width:1199.98px){
.bloc3-tuile.un .row .bloc:nth-child(3) .symbole {left:calc(50% - 25px); top:-41px}

.bloc1-encart-img .row {justify-content:flex-end}
.bloc1-encart-img.inverse .row {justify-content:flex-start}
.bloc1-encart-img .row .visuel {margin-left:0}
.bloc1-encart-img.inverse .row .visuel {margin-right:0}
}


@media (max-width:735.98px){
.bloc3-tuile.un .row .bloc:nth-child(2) .symbole,
.bloc3-tuile.deux .row .bloc:nth-child(2) .symbole {left:calc(50% - 25px); top:-41px}

.banniere-html-xl380-2 .full .row {position:relative; padding:0 !important}
.banniere-html-xl380-2 .full .row .contenu {padding:0}
.banniere-html-xl380-2 .full .row .contenu .encart {display:block; padding:15px}
.banniere-html-xl380-2 .full .row .contenu > .btn {padding-bottom:15px}
.banniere-html-xl380-2 .full .row .contenu > .btn [class^="btn-"] {margin-top:0}

.bloc1-zig-zag-img .row.zig .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){
.bloc1-ttl-btn-img .row .contenu .btn {text-align:center}
}