.banniere-img-xl380 .full .visuel {display:block; width:100%; height:380px; background:url(../img/bandeau-haut-1440.jpg) left center no-repeat}

.bloc3-modele .row .pave {display:flex; flex-direction:column; justify-content:center; height:100%; font-weight:700; text-align:center; padding:30px 15px}
.bloc3-modele .row .signe {line-height:normal; font-size:6rem; font-weight:700; text-align:center}
.bloc3-modele .row a.pave:hover {text-decoration:underline}

.bloc1-etapes3 .row .bloc {position:relative; z-index:5}
.bloc1-etapes3 .row .bloc img, .bloc1-etapes3 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes3 .row .bloc .numero {display:inline-block; width:44px; height:44px; line-height:4.2rem; font-size:2rem; margin:0 15px; border-radius:100%}
.bloc1-etapes3.bg-blanc .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #fff, 15px 0 0 0 #fff; background-color:#fff}
.bloc1-etapes3.bg-gris1 .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #333, 15px 0 0 0 #333; background-color:#333}
.bloc1-etapes3.bg-gris2 .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #f4f4f4, 15px 0 0 0 #f4f4f4; background-color:#f4f4f4}
.bloc1-etapes3.bg-noir .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #000, 15px 0 0 0 #000; background-color:#000}
.bloc1-etapes3 .row .bloc::after {position:absolute; left:0; top:96px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes3 .row .bloc:first-child::after {left:50%}
.bloc1-etapes3 .row .bloc:last-child::after {width:50%}
.bloc1-etapes3.xs .row .bloc::after {top:21px}
.bloc1-etapes3.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes3.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes3.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes3.bg-noir .row .bloc::after {background-color:#555}


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

.bloc1-etapes3 .row .bloc .numero {width:34px; height:34px; line-height:3.2rem; font-size:1.6rem; margin:0 10px}
.bloc1-etapes3 .row .bloc::after {top:91px}
.bloc1-etapes3.xs .row .bloc::after {top:16px}
}


@media (max-width:959.98px){
.banniere-img-xl380 .full .visuel {background-image:url(../img/bandeau-haut-959.jpg)}
}


@media (max-width:735.98px){
.banniere-img-xl380 .full .visuel {height:475px; background:url(../img/bandeau-haut-735.jpg) center center no-repeat}

.bloc3-modele .row .pave br:first-child {display:none}

.bloc1-etapes3 .row .bloc {margin-top:0 !important}
.bloc1-etapes3 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes3 .row .bloc .numero {width:24px; height:24px; line-height:2.2rem; font-size:1.4rem; margin:0 5px}
.bloc1-etapes3 .row .bloc::after {top:87px}
.bloc1-etapes3 .row .bloc:nth-child(2)::after {width:50%}
.bloc1-etapes3 .row .bloc:nth-child(3)::after {display:none}
.bloc1-etapes3.xs .row .bloc::after {top:12px}
}


@media (max-width:479.98px){
.banniere-img-xl380 .full .visuel {background-image:url(../img/bandeau-haut-479.jpg)}
}