.bloc1-img-ttl-txt-btn .row .contenu h1 {line-height:normal; font-size:7.5rem}

.bloc1-offre .row .symbole {position:absolute; right:-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%}

.aloha .row .bloc a {display:flex; flex-direction:column; height:100%; padding:15px; border:1px solid transparent}
.aloha .row .bloc a:hover, .aloha .row .bloc a:focus {border-color:#555}
.aloha .row .bloc a:active {border-color:#f16e00}
.aloha .row .bloc a.dark:hover, .aloha .row .bloc a.dark:focus {border-color:#ccc}
.aloha .row .bloc a.dark:active {border-color:#ff7900}

.aloha .row .bloc a.produit {text-align:left}
.aloha .row .bloc a.produit .infobulle.das {display:flex; flex-direction:row; justify-content:flex-end; margin-bottom:15px}
.aloha .row .bloc a.produit .infobulle.das .info {padding:0}
.aloha .row .bloc a.produit .visuel {text-align:center}
.aloha .row .bloc a.produit .visuel img {padding:0}
.aloha .row .bloc a.produit .visuel img.mob {width:165px}
.aloha .row .bloc a.produit .visuel img.acc {width:40%; min-width:195px}
.aloha .row .bloc a.produit .offre {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-end; margin-top:auto; padding-top:15px}
.aloha .row .bloc a.produit .offre .texte {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.aloha .row .bloc a.produit .offre .prix {flex:none; text-align:right; margin-left:15px}

.aloha .row .contenu {display:flex; justify-content:center; flex-wrap:wrap; width:100%; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#f16e00 #ccc}
.aloha .row .contenu::-webkit-scrollbar {width:10px}
.aloha .row .contenu::-webkit-scrollbar-track {background-color:#ccc}
.aloha .row .contenu::-webkit-scrollbar-thumb {background-color:#f16e00}

.bloc1-nav-ext .row {padding:0 0 15px}
.bloc1-nav-ext .row .titre {display:none}
.bloc1-nav-ext .row .menu {display:flex; flex-wrap:wrap; width:100%; border-bottom:1px solid #ccc}
.bloc1-nav-ext .row .menu .item {line-height:2.4rem; font-size:1.8rem; margin:15px 45px 0 0}
.bloc1-nav-ext .row .menu .item:last-child {margin-right:0}
.bloc1-nav-ext .row .menu .item a {display:block; height:100%; font-weight:700; text-align:center; white-space:nowrap; padding:15px 0; border-bottom:5px solid transparent}
.bloc1-nav-ext .row .menu .item a img, .bloc1-nav-ext .row .menu .item a .icon {display:block; height:24px; font-size:2.4rem; text-align:center; margin:0 auto 6px}
.bloc1-nav-ext .row .menu .item a:hover, .bloc1-nav-ext .row .menu .item a:focus {color:#555}
.bloc1-nav-ext .row .menu .item a:active {color:#f16e00}
.bloc1-nav-ext .row .menu .item a.actif {border-bottom-color:#f16e00}
.bloc1-nav-ext .row .menu .item a.actif:hover, .bloc1-nav-ext .row .menu .item a.actif:focus {color:#555}
.bloc1-nav-ext.centre .row .zone {justify-content:center}
.bloc1-nav-ext.centre .row .zone .menu {width:auto}
.bloc1-nav-ext.xl .row .menu .item {flex:1 1 auto}
.bloc1-nav-ext.dark .row .menu {border-bottom-color:#555}
.bloc1-nav-ext.dark .row .menu .item a:hover, .bloc1-nav-ext.dark .row .menu .item a:focus {color:#ccc}
.bloc1-nav-ext.dark .row .menu .item a:active {color:#ff7900}
.bloc1-nav-ext.dark .row .menu .item a.actif {border-bottom-color:#ff7900}
.bloc1-nav-ext.dark .row .menu .item a.actif:hover, .bloc1-nav-ext.dark .row .menu .item a.actif:focus {color:#ccc}

.bloc3-modele .coin {position:absolute; left:0; top:0; display:inline-block; width:0; height:0; border-top:45px solid #f4f4f4; border-right:45px solid transparent}

.bloc1-liste {background-image:linear-gradient(to bottom, #f4f4f4 90px, #fff 15px)}
.bloc1-liste ul.coche {display:flex; flex-wrap:wrap; justify-content:space-between}
.bloc1-liste ul.coche > li {flex:0 0 100%; max-width:100%}
.bloc1-liste ul.coche > li.moitie {flex:0 0 calc(50% - 30px); max-width:calc(50% - 30px)}

.popin {position:fixed; left:0; top:0; display:none; width:100%; height:100%; margin:0 !important; overflow-x:hidden; overflow-y:auto; opacity:0; outline:0; z-index:2000}
.popin .fenetre {position:relative; max-width:870px; width:auto; margin:60px auto; pointer-events:none}
.popin .fenetre .contenu {position:relative; display:flex; flex-direction:column; width:100%; padding:45px 60px; background-color:#fff; background-clip:padding-box; outline:0; pointer-events:auto}
.popin .fenetre .contenu .header {position:relative; display:flex; align-items:flex-start; justify-content:space-between; min-height:2rem; margin:-15px -15px 0 0}
.popin .fenetre .contenu .header .fermer.picto {line-height:1.5rem; font-size:2.4rem; font-weight:700; text-align:right; margin:-10px -10px -10px auto; padding:10px}
.popin .fenetre .contenu .header .fermer.picto:hover {outline:1px dotted}
.popin .fenetre .contenu .header .fermer.texte {display:none}
.popin .fenetre .contenu.dark .header button {color:#fff}
.bg-popin {position:fixed; left:0; top:0; display:none; width:100vw; height:100vh; background-color:#000; opacity:0; z-index:1999}
.scrollbar-measure {position:absolute; top:-9999px; width:100px; height:100px; overflow:scroll}

.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; color:#555}
.bloc1-faq .row .item .titre:active h3 {color:#f16e00}
.bloc1-faq .row .item .titre::after {font-family:icon-orange; font-size:1.4rem; font-weight:700; color:#f16e00; 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:hover h3, .bloc1-faq.dark .row .item .titre:focus h3 {color:#ccc}
.bloc1-faq.dark .row .item .titre:active h3 {color:#ff7900}
.bloc1-faq.dark .row .item .titre::after {color:#ff7900}


@media (max-width:1439.98px){
.popin .fenetre {max-width:calc((100% - 6.25%) * (2 / 3) - 30px)}
}


@media (max-width:1199.98px){
.bloc1-img-ttl-txt-btn .row .contenu h1 {font-size:6.5rem}

.bloc1-nav-ext .row .menu .item {line-height:2.2rem; font-size:1.6rem; margin-right:30px}
.bloc1-nav-ext .row .menu .item a img, .bloc1-nav-ext .row .menu .item a .icon {height:22px; font-size:2.2rem}

.popin .fenetre {max-width:calc((100% - 6.25%) * (5 / 6) - 30px)}
.popin .fenetre .contenu {padding:45px}

.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){
.bloc1-img-ttl-txt-btn .row .contenu h1 {font-size:5.5rem}

.popin .fenetre {max-width:calc((100% - 3.125%) * (5 / 6) - 30px)}
}


@media (max-width:735.98px){
.bloc1-img-ttl-txt-btn .row .contenu {text-align:center}

.bloc1-offre .row .symbole {right:calc(50% - 25px); top:auto; bottom:-34px}

.aloha .row {padding:15px}
.aloha .row .contenu {flex-wrap:nowrap}
.aloha .row .bloc {margin-bottom:16px; padding:0}
.aloha .row .bloc + .bloc {margin-left:15px}

.aloha .row .contenu {justify-content:flex-start}

.bloc3-modele.aloha .row .bloc {flex:0 0 240px; max-width:240px}

.bloc3-modele .coin {border-top-width:30px; border-right-width:30px}

.bloc1-liste ul.coche > li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc}
.bloc1-liste ul.coche > li.moitie {flex:0 0 100%; max-width:100%}
.bloc1-liste ul.coche > li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0}

.popin .fenetre {max-width:100%; height:100%; margin:0}
.popin .fenetre .contenu {min-height:100%; padding:30px 15px}
.popin .fenetre .contenu .header .fermer.picto {display:none}
.popin .fenetre .contenu .header .fermer.texte {display:block}
.popin .fenetre .contenu .body {flex:1 1 auto; margin:15px 0}
.popin .fenetre .contenu .footer {text-align:center}

.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){
.bloc1-img-ttl-txt-btn .row .contenu h1 {font-size:4.5rem}
}