.ml-bonus {position:absolute; left:94%; top:15%; font-size:0.7em; color:#000}

.banniere-img-xl350 .full .visuel {display:block; width:100%; height:350px; background:url(../img/banniere-12051-new-magic7-lite-1440.png) left center no-repeat}

.visionneuse-img-xl380 li a {display:block; height:380px; background:none left center no-repeat}
.visionneuse-img-xl380 li a.slide-1 {background-image:url(../img/banniere-9662-honor-200-1440.png)}
.visionneuse-img-xl380 li a.slide-2 {background-image:url(../img/banniere-9128-honor-200-lite-1440.png)}

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

.bloc1-etapes5 .row .bloc {position:relative; z-index:5}
.bloc1-etapes5 .row .bloc img, .bloc1-etapes5 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes5 .row .bloc .numero {display:inline-block; width:74px; height:44px; line-height:4.4rem; font-size:2rem; padding:0 15px; background:url(../../../commun/img/bg-cercle-noir.png) center center / contain no-repeat transparent}
.bloc1-etapes5 .row .bloc::after {position:absolute; left:0; top:98px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes5 .row .bloc:first-child::after {left:50%}
.bloc1-etapes5 .row .bloc:last-child::after {width:50%}
.bloc1-etapes5.xs .row .bloc::after {top:23px}
.bloc1-etapes5.bg-blanc .row .bloc .numero {background-color:#fff}
.bloc1-etapes5.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes5.bg-gris1 .row .bloc .numero {background-color:#333}
.bloc1-etapes5.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes5.bg-gris2 .row .bloc .numero {background-color:#eee}
.bloc1-etapes5.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes5.bg-noir .row .bloc .numero {background-color:#000}
.bloc1-etapes5.bg-noir .row .bloc::after {background-color:#555}
.bloc1-etapes5.dark .row .bloc .numero {background-image:url(../../../commun/img/bg-cercle-blanc.png)}

.bloc1-faq .row .item {border-bottom:1px solid #000}
.bloc1-faq .row .item:last-child {border-bottom:0}
.bloc1-faq .row .item .titre {display:flex; justify-content:space-between; align-items:center; min-height:70px; padding:11px 0}
.bloc1-faq .row .item .titre h3 {line-height:2.4rem; font-size:1.8rem; padding:0}
.bloc1-faq .row .item .titre h3.txt-max {max-width:1000px !important}
.bloc1-faq .row .item .titre:hover h3, .bloc1-faq .row .item .titre:focus h3 {text-decoration:underline}
.bloc1-faq .row .item .titre:active h3 {color:#de2554}
.bloc1-faq .row .item .titre::after {font-family:icon-sosh; font-size:1.4rem; font-weight:700; color:#de2554; content:"\e93c"; margin-left:15px}
.bloc1-faq .row .item .texte {margin-bottom:30px}
.bloc1-faq .row .item .texte .txt-max {max-width:900px !important}
.bloc1-faq .row .item.ouvert .titre::after {content:"\e93d"}
.bloc1-faq.xl .row .item .titre {min-height:90px; padding:15px 0}
.bloc1-faq.xl .row .item .titre h3 {line-height:3rem; font-size:2.6rem}
.bloc1-faq.xl .row .item .titre::after {font-size:1.9rem}
.bloc1-faq.xl .row .item .texte {line-height:2.4rem; font-size:1.8rem}
.bloc1-faq.dark .row .item {border-bottom-color:#fff}
.bloc1-faq.dark .row .item .titre:active h3 {color:#fbcd00}
.bloc1-faq.dark .row .item .titre::after {color:#fbcd00}


@media (max-width:1199.98px){
.banniere-img-xl350 .full .visuel {background-image:url(../img/banniere-12051-new-magic7-lite-1199.png)}

.visionneuse-img-xl380 li a.slide-1 {background-image:url(../img/banniere-9662-honor-200-1199.png)}
.visionneuse-img-xl380 li a.slide-2 {background-image:url(../img/banniere-9128-honor-200-lite-1199.png)}

.bloc1-etapes5 .row .bloc .numero {width:54px; height:34px; line-height:3.4rem; font-size:1.6rem; padding:0 10px}
.bloc1-etapes5 .row .bloc::after {top:91px}
.bloc1-etapes5 .row .bloc:nth-child(1n+4) {margin-top:45px}
.bloc1-etapes5 .row .bloc:nth-child(3)::after {left:0; width:50%}
.bloc1-etapes5 .row .bloc:nth-child(4)::after {left:50%; width:100%}
.bloc1-etapes5.xs .row .bloc::after {top:16px}

.bloc1-faq .row .item .titre {min-height:70px; padding:13px 0}
.bloc1-faq .row .item .titre h3 {line-height:2.2rem; font-size:1.6rem}
.bloc1-faq .row .item .titre h3.txt-max {max-width:800px !important}
.bloc1-faq .row .item .titre::after {font-size:1.2rem}
.bloc1-faq .row .item .texte .txt-max {max-width:700px !important}
.bloc1-faq.xl .row .item .titre {min-height:80px; padding:14px 0}
.bloc1-faq.xl .row .item .titre h3 {line-height:2.6rem; font-size:2.2rem}
.bloc1-faq.xl .row .item .titre::after {font-size:1.6rem}
.bloc1-faq.xl .row .item .texte {line-height:2.2rem; font-size:1.6rem}
}


@media (max-width:959.98px){
.banniere-img-xl350 .full .visuel {background-image:url(../img/banniere-12051-new-magic7-lite-959.png)}

.visionneuse-img-xl380 li a.slide-1 {background-image:url(../img/banniere-9662-honor-200-959.png)}
.visionneuse-img-xl380 li a.slide-2 {background-image:url(../img/banniere-9128-honor-200-lite-959.png)}
}


@media (max-width:735.98px){
.banniere-img-xl350 .full .visuel {height:435px; background:url(../img/banniere-12051-new-magic7-lite-735.png) center center no-repeat}

.visionneuse-img-xl380 li a {height:475px; background-position:center center}
.visionneuse-img-xl380 li a.slide-1 {background-image:url(../img/banniere-9662-honor-200-735.png)}
.visionneuse-img-xl380 li a.slide-2 {background-image:url(../img/banniere-9128-honor-200-lite-735.png)}

.bloc1-prod-xl-ttl-prix-txt-btn .row .produit {order:-1}
.bloc1-prod-xl-ttl-prix-txt-btn .row .produit img {width:60%}

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

.bloc1-zig-zag-img .row.zig .visuel {order:-1}

.bloc1-etapes5 .row .bloc {margin-top:0 !important}
.bloc1-etapes5 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes5 .row .bloc .numero {width:34px; height:24px; line-height:2.4rem; font-size:1.4rem; padding:0 5px}
.bloc1-etapes5 .row .bloc::after {top:87px}
.bloc1-etapes5 .row .bloc:nth-child(odd)::after {left:50%; width:100%}
.bloc1-etapes5 .row .bloc:nth-child(even)::after {left:0; width:50%}
.bloc1-etapes5 .row .bloc:nth-child(5)::after {display:none}
.bloc1-etapes5.xs .row .bloc::after {top:12px}

.bloc1-faq .row .item .titre h3.txt-max {max-width:none !important}
.bloc1-faq .row .item .texte {margin-bottom:15px}
.bloc1-faq .row .item .texte .txt-max {max-width:none !important}
.bloc1-faq.xl .row .item .titre {min-height:70px; padding:11px 0}
.bloc1-faq.xl .row .item .titre h3 {line-height:2.4rem; font-size:2rem}
.bloc1-faq.xl .row .item .titre::after {font-size:1.5rem}
}


@media (max-width:479.98px){
.banniere-img-xl350 .full .visuel {background-image:url(../img/banniere-12051-new-magic7-lite-479.png)}

.visionneuse-img-xl380 li a.slide-1 {background-image:url(../img/banniere-9662-honor-200-479.png)}
.visionneuse-img-xl380 li a.slide-2 {background-image:url(../img/banniere-9128-honor-200-lite-479.png)}

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