.bandeau-html-xl380 .full {position:relative}
.bandeau-html-xl380 .full .visuel img {width:100%; height:380px; object-fit:cover; object-position:50% 50%}
.bandeau-html-xl380 .full .carre {position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; z-index:10}
.bandeau-html-xl380 .full .carre .titre {position:absolute; left:0; top:0; display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; text-align:center; padding:55px 58px 50px 63px; z-index:20}

.bloc1-nav-ext .row {/*padding:0 0 15px;*/ padding:0}
.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;*/ margin:0 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}

.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.forfait .offre {display:flex; justify-content:space-between}
.aloha .row .bloc a.forfait .offre .texte {flex:auto; margin-right:30px}
.aloha .row .bloc a.forfait .offre .visuel {flex:0 0 33%}
.aloha .row .bloc a.forfait .prix {align-self:flex-end; text-align:right; margin-top:auto; padding-top:15px}

.aloha .row .bloc a.produit {text-align:left}
.aloha .row .bloc a.produit .energie, .aloha .row .bloc a.produit .energie img {line-height:1; height:15px; vertical-align:inherit; 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 .bloc a.bg-filet1 {background:url(../img/bg-deco-filets-xl-1.png) no-repeat 45% 50% / cover transparent}
.aloha .row .bloc a.bg-filet2 {background:url(../img/bg-deco-filets-xl-2.png) no-repeat 50% 50% / cover transparent}
.aloha .row .bloc a.bg-filet3 {background:url(../img/bg-deco-filets-xl-3.png) no-repeat 0 50% / cover transparent}
.aloha .row .bloc a.bg-ruban {background:url(../img/bg-deco-ruban-xs-h.png) no-repeat center 45px transparent}

.aloha .row .contenu {display:flex; 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}

.bloc2-modele-11.aloha .row .bloc a .offre {margin-top:0}
.bloc2-modele-11.aloha .row .bloc a .visuel img.acc {width:60%}
.bloc2-modele-11.aloha .row .bloc a .visuel img.mob {width:50%}

.bloc2-modele-11.aloha .row .bloc a .titre .visuel-xs {display:none}
.bloc2-modele-11.aloha .row .bloc a .titre .visuel-xs img {padding-top:0}

.bloc2-modele-12.aloha .row .bloc a {justify-content:space-between}
.bloc2-modele-12.aloha .row .bloc a .offre {margin-top:0}
.bloc2-modele-12.aloha .row .bloc:nth-child(1) a .visuel img.acc {width:60%}
.bloc2-modele-12.aloha .row .bloc:nth-child(1) a .visuel img.mob {width:50%}
.bloc2-modele-12.aloha .row .bloc:nth-child(2) a + a {margin-top:30px}

.bloc2-modele-12.aloha .row .bloc:nth-child(1) a .titre .visuel-xs {display:none}
.bloc2-modele-12.aloha .row .bloc:nth-child(1) a .titre .visuel-xs img {padding-top:0}

.carrousel::-moz-selection {color:inherit; background-color:transparent}
.carrousel::selection {color:inherit; background-color:transparent}

.carrousel .glide__arrows .glide__arrow {position:absolute; color:#fff; background-color:rgba(0, 0, 0, 0.42); z-index:15}
.carrousel .glide__arrows .glide__arrow.glide__arrow--left {left:0; padding:8px 15px 8px 12px}
.carrousel .glide__arrows .glide__arrow.glide__arrow--right {right:0; padding:8px 12px 8px 15px}
.carrousel .glide__arrows .glide__arrow:hover {background-color:rgba(0, 0, 0, 0.54)}
.carrousel .glide__arrows .glide__arrow::before {font-family:icon-orange; font-size:20px}
.carrousel .glide__arrows .glide__arrow.glide__arrow--left::before {content:"\e93f"}
.carrousel .glide__arrows .glide__arrow.glide__arrow--right::before {content:"\e93e"}

.carrousel.div .glide__slide .contenu {display:block}
.carrousel.div .glide__slide .contenu .visuel {position:relative; text-align:center}
.carrousel.div .glide__slide .contenu .visuel img {width:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}

.carrousel.avt .glide__slide {height:auto}
.carrousel.avt .glide__slide .contenu {display:block; height:100%}

.carrousel.avt .glide__bullets {position:absolute; left:50%; bottom:-25px; display:flex; align-items:flex-end; width:auto; transform:translateX(-50%)}
.carrousel.avt .glide__bullets .glide__bullet {width:60px; height:3px; transition:0.15s; margin-right:15px; background-color:#ccc}
.carrousel.avt .glide__bullets .glide__bullet:nth-last-child(n+3),
.carrousel.avt .glide__bullets .glide__bullet:nth-last-child(n+3) ~ .glide__bullet {width:45px}
.carrousel.avt .glide__bullets .glide__bullet:nth-last-child(n+3):last-child,
.carrousel.avt .glide__bullets .glide__bullet:nth-last-child(n+3) ~ .glide__bullet:last-child {margin-right:0}
.carrousel.avt .glide__bullets .glide__bullet:nth-last-child(n+4),
.carrousel.avt .glide__bullets .glide__bullet:nth-last-child(n+4) ~ .glide__bullet {width:45px; margin-right:10px}
.carrousel.avt .glide__bullets .glide__bullet:nth-last-child(n+5),
.carrousel.avt .glide__bullets .glide__bullet:nth-last-child(n+5) ~ .glide__bullet {width:30px}
.carrousel.avt .glide__bullets .glide__bullet:nth-last-child(n+8),
.carrousel.avt .glide__bullets .glide__bullet:nth-last-child(n+8) ~ .glide__bullet {width:15px}
.carrousel.avt .glide__bullets .glide__bullet:last-child {margin-right:0}
.carrousel.avt .glide__bullets .glide__bullet:hover {height:6px; transition:0.3s}
.carrousel.avt .glide__bullets .glide__bullet:active {transition:none}
.carrousel.avt .glide__bullets .glide__bullet.glide__bullet--active {height:6px; background-color:#f16e00}

.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:1199.98px){
.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}

.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){
.aloha .row .bloc a.bg-filet1, .aloha .row .bloc a.bg-filet2 {background:none}
}


@media (max-width:735.98px){
.bandeau-html-xl380 .full .visuel img {object-position:100% 50%}

/*.bloc1-nav-ext .row {padding:15px 0}
.bloc1-nav-ext .row .zone {position:relative}
.bloc1-nav-ext .row .titre {display:inline-block; text-decoration:none; padding:0 21px 0 0}
.bloc1-nav-ext .row .menu {position:absolute; left:0; top:28px; flex-direction:column; width:auto; padding-bottom:7px; border-top:5px solid #f16e00; border-bottom:0; background-color:#fff; box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.4); z-index:15}
.bloc1-nav-ext .row .menu.invisible {display:none}
.bloc1-nav-ext .row .menu .item {margin:0}
.bloc1-nav-ext .row .menu .item a {font-weight:400; text-align:left; white-space:normal; margin:0 20px; padding:9px 0; border:0}
.bloc1-nav-ext .row .menu .item a br, .bloc1-nav-ext .row .menu .item a img, .bloc1-nav-ext .row .menu .item a .icon {display:none}
.bloc1-nav-ext .row .menu .item a:hover, .bloc1-nav-ext .row .menu .item a:focus {text-decoration:underline; color:#555}
.bloc1-nav-ext .row .menu .item a:active {color:#f16e00}
.bloc1-nav-ext .row .menu .item a.actif {font-weight:700}
.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:flex-start}
.bloc1-nav-ext.dark .row .menu {border-top-color:#ff7900; background-color:#000; box-shadow:0 1px 4px 0 rgba(255, 255, 255, 0.4)}
.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:hover, .bloc1-nav-ext.dark .row .menu .item a.actif:focus {color:#ccc}*/

.bloc1-nav-ext .row .menu .item {margin-right:30px}

.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 .bloc a.bg-filet3 {background:none}

.bloc2-modele-11.aloha .row .bloc {flex:0 0 345px; max-width:345px}
.bloc2-modele-11.aloha .row .bloc a {justify-content:normal}
.bloc2-modele-11.aloha .row .bloc a.produit .offre {margin-top:auto}

.bloc2-modele-11.aloha .row .bloc a .titre {display:flex}
.bloc2-modele-11.aloha .row .bloc a .titre .visuel-xs {display:flex; flex:0 0 33%; align-self:flex-start; /*margin-top:-15px; margin-right:-10px*/}
.bloc2-modele-11.aloha .row .bloc a .visuel {display:none}

.bloc2-modele-12.aloha .row .bloc {flex:0 0 345px; max-width:345px}
.bloc2-modele-12.aloha .row .bloc a {justify-content:normal}
.bloc2-modele-12.aloha .row .bloc a.produit .offre {margin-top:auto}
.bloc2-modele-12.aloha .row .bloc:nth-child(2) {flex-direction:row !important; flex:auto; max-width:none}
.bloc2-modele-12.aloha .row .bloc:nth-child(2) a {flex:0 0 345px; max-width:345px}
.bloc2-modele-12.aloha .row .bloc:nth-child(2) a + a {margin:0 0 0 15px}

.bloc2-modele-12.aloha .row .bloc:nth-child(1) a .titre {display:flex}
.bloc2-modele-12.aloha .row .bloc:nth-child(1) a .titre .visuel-xs {display:flex; flex:0 0 33%; align-self:flex-start; /*margin-top:-15px; margin-right:-10px*/}
.bloc2-modele-12.aloha .row .bloc:nth-child(1) a .visuel {display:none}

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

.carrousel.div .glide__arrows {display:none}

.carrousel.avt .row {padding-bottom:30px}
.carrousel.avt .glide__arrows {display:none}

.bloc1-ttl-txt-btn-img .row .visuel {order:-1}

.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){
.bandeau-html-xl380 .full .visuel {display:none}
.bandeau-html-xl380 .full .carre {position:relative}

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

.bloc2-modele-12.aloha .row .bloc {flex:0 0 240px; max-width:240px}
.bloc2-modele-12.aloha .row .bloc:nth-child(2) a {flex:0 0 240px; max-width:240px}
}