.bg-primaire2-deco {background-color:#fbcd00 !important}

.banniere-html-xl350-2 .full {position:relative}
.banniere-html-xl350-2 .full .visuel {height:350px}
.banniere-html-xl350-2 .full .visuel img {width:100%; height:100%; object-fit:cover; object-position:100% 50%}
.banniere-html-xl350-2 .full .row {position:absolute; left:0; top:0; width:100%; height:100%}
.banniere-html-xl350-2 .full .row .contenu .encart {display:inline-block; padding:15px 30px; border:2px solid #fff; border-radius:30px}
.banniere-html-xl350-2 .full .row .contenu > .btn {margin-top:0}

.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;*/ border-bottom:1px solid #000}
.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:#de2554}
.bloc1-nav-ext .row .menu .item a:active {color:#000}
.bloc1-nav-ext .row .menu .item a.actif {color:#de2554; border-bottom-color:#de2554}
.bloc1-nav-ext .row .menu .item a.actif:hover, .bloc1-nav-ext .row .menu .item a.actif:focus {color:#000}
.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:#fbcd00*/ color:#fff}
.bloc1-nav-ext.dark .row .menu .item a:active {color:#fff}
.bloc1-nav-ext.dark .row .menu .item a.actif {/*color:#fbcd00; border-bottom-color:#fbcd00*/ color:#fff; border-bottom-color:#fff}
.bloc1-nav-ext.dark .row .menu .item a.actif:hover, .bloc1-nav-ext.dark .row .menu .item a.actif:focus {color:#fff}

.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:#de2554}
.aloha .row .bloc a.dark:hover, .aloha .row .bloc a.dark:focus {border-color:#ccc}
.aloha .row .bloc a.dark:hover .btn-primaire, .aloha .row .bloc a.dark:focus .btn-primaire {color:#000; border-color:#fff; background-color:#fff}
.aloha .row .bloc a.dark:active {border-color:#fbcd00}
.aloha .row .bloc a.dark:active .btn-primaire {color:#fbcd00; border-color:#fbcd00; background-color:transparent}

.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}
.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 .contenu {display:flex; flex-wrap:wrap; width:100%; overflow-x:auto; scrollbar-width:thin; /*scrollbar-color:#de2554 #ccc*/ scrollbar-color:#fff #555}
.aloha .row .contenu::-webkit-scrollbar {width:10px}
.aloha .row .contenu::-webkit-scrollbar-track {background-color:#555}
.aloha .row .contenu::-webkit-scrollbar-thumb {/*background-color:#de2554*/ background-color:#fff}

.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}

.bloc2-picto-ttl-txt-lien .row .bloc .icon {font-size:6rem}

.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:13px 16px 13px 14px}
.carrousel .glide__arrows .glide__arrow.glide__arrow--right {right:0; padding:13px 14px 13px 16px}
.carrousel .glide__arrows .glide__arrow:hover {border-radius:3px; background-color:rgba(0, 0, 0, 0.54)}
.carrousel .glide__arrows .glide__arrow::before {height:20px; line-height:20px; font-family:icon-sosh; font-size:16px; text-shadow:0 2px #000}
.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:-30px; display:flex; align-items:flex-end; width:auto; transform:translateX(-50%)}
.carrousel.avt .glide__bullets .glide__bullet {width:16px; height:16px; border-radius:50%; transition:none; margin:0 21px 0 1px; padding-bottom:7px; background-color:#000}
.carrousel.avt .glide__bullets .glide__bullet:last-child {margin:0 1px}
.carrousel.avt .glide__bullets .glide__bullet:hover:last-child {margin:0}

.carrousel.avt .glide__bullets .glide__bullet:hover,
.carrousel.avt .glide__bullets .glide__bullet:active {margin:0 20px 0 0; border-width:0 9px 16px; border-style:solid; border-color:transparent transparent #000; border-radius:0; background-color:transparent; transition:none}
.carrousel.avt .glide__bullets .glide__bullet:active {border-color:transparent transparent #de2554}

.carrousel.avt .glide__bullets .glide__bullet.glide__bullet--active {width:18px !important; margin:0 20px 0 0}
.carrousel.avt .glide__bullets .glide__bullet.glide__bullet--active {border-width:0 9px 16px; border-style:solid; border-color:transparent transparent #de2554; border-radius:0; background-color:transparent}

.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){
.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){
.banniere-html-xl350-2 .full .visuel {height:310px}

.aloha .row .bloc a.bg-filet1, .aloha .row .bloc a.bg-filet2 {background:none}
}


@media (max-width:735.98px){
/*.banniere-html-xl350-2 .full .row {position:relative; padding:0 !important}
.banniere-html-xl350-2 .full .row .contenu {padding:0}
.banniere-html-xl350-2 .full .row .contenu .encart {display:block; padding:15px}
.banniere-html-xl350-2 .full .row .contenu > .btn {padding-bottom:15px}
.banniere-html-xl350-2 .full .row .contenu > .btn [class^="btn-"] {margin-top:0}*/

.banniere-html-xl350-2 .full .visuel {height:155px}
.banniere-html-xl350-2 .full .row .contenu {text-align:center}

/*.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 #de2554; 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:#de2554}
.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:#fbcd00; 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:#fbcd00}
.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.forfait a .offre .texte {margin-right:15px}

.aloha .row .bloc a.bg-filet3 {background: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*/ margin-left:30px}
.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){
.banniere-html-xl350-2 .full .visuel {height:120px}
.banniere-html-xl350-2 .full .row .contenu .encart {padding:15px}

.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}
}