.rubans-h {position:relative; height:200px; overflow-x:hidden; background-color:#000}
.rubans-h img {position:absolute; left:calc(50% - (1440px / 2)); bottom:0; max-width:none; height:100%; z-index:10}

.rubans-v {position:absolute; right:0; top:0; z-index:5}

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

.carrousel::-moz-selection {color:inherit; background-color:transparent}
.carrousel::selection {color:inherit; background-color:transparent}
.carrousel .glide__slide {height:auto}
.carrousel .glide__slide .contenu {display:block; height:100%}

.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 .glide__bullets {position:absolute; left:50%; bottom:-25px; display:flex; align-items:flex-end; width:auto; transform:translateX(-50%)}
.carrousel .glide__bullets .glide__bullet {width:60px; height:3px; transition:0.15s; margin-right:15px; background-color:#ccc}
.carrousel .glide__bullets .glide__bullet:nth-last-child(n+3),
.carrousel .glide__bullets .glide__bullet:nth-last-child(n+3) ~ .glide__bullet {width:45px}
.carrousel .glide__bullets .glide__bullet:nth-last-child(n+3):last-child,
.carrousel .glide__bullets .glide__bullet:nth-last-child(n+3) ~ .glide__bullet:last-child {margin-right:0}
.carrousel .glide__bullets .glide__bullet:nth-last-child(n+4),
.carrousel .glide__bullets .glide__bullet:nth-last-child(n+4) ~ .glide__bullet {width:45px; margin-right:10px}
.carrousel .glide__bullets .glide__bullet:nth-last-child(n+5),
.carrousel .glide__bullets .glide__bullet:nth-last-child(n+5) ~ .glide__bullet {width:30px}
.carrousel .glide__bullets .glide__bullet:nth-last-child(n+8),
.carrousel .glide__bullets .glide__bullet:nth-last-child(n+8) ~ .glide__bullet {width:15px}
.carrousel .glide__bullets .glide__bullet:last-child {margin-right:0}
.carrousel .glide__bullets .glide__bullet:hover {height:6px; transition:0.3s}
.carrousel .glide__bullets .glide__bullet:active {transition:none}
.carrousel .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-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:735.98px){
.rubans-h {height:105px}
.rubans-h img {left:calc(50% - (756px / 2))}

.rubans-v {display:none}

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

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

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