/*
#de2554 => #de034b
#fbcd00 => #ffe500
#26828e => #0173c1
*/

.txt-primaire, .txt-primaire-fixe {color:#de034b !important}
.txt-primaire2, .txt-primaire2-fixe {color:#ffe500 !important}
.txt-secondaire, .txt-secondaire-fixe {color:#0173c1 !important}

h2:not(.no-signature):not(.t1):not(.t3):not(.t4):not(.big):not(.standard):not(.small) {color: #0173c1}

.btn-primaire {border-color:#de034b; background-color:#de034b}
.btn-primaire:active, a:active .btn-primaire {color:#de034b; border-color:#de034b}


.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}
.banniere-html-xl350-2 .full .row .contenu > .btn {margin-top:0}

.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: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 .glide__bullets {position:absolute; left:50%; bottom:-30px; display:flex; align-items:flex-end; width:auto; transform:translateX(-50%)}
.carrousel .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 .glide__bullets .glide__bullet:last-child {margin:0 1px}
.carrousel .glide__bullets .glide__bullet:hover:last-child {margin:0}

.carrousel .glide__bullets .glide__bullet:hover,
.carrousel .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 .glide__bullets .glide__bullet:active {border-color:transparent transparent #de034b}

.carrousel .glide__bullets .glide__bullet.glide__bullet--active {width:18px !important; margin:0 20px 0 0}
.carrousel .glide__bullets .glide__bullet.glide__bullet--active {border-width:0 9px 16px; border-style:solid; border-color:transparent transparent #de034b; 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:#de034b}
.bloc1-faq .row .item .titre::after {font-family:icon-sosh; font-size:1.4rem; font-weight:700; color:#de034b; 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:#ffe500}
.bloc1-faq.dark .row .item .titre::after {color:#ffe500}


@media (max-width:1199.98px){
.banniere-html-xl350-2 .full .visuel img {object-position:63% 50%}

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


@media (max-width:735.98px){
.banniere-html-xl350-2 .full .visuel img {object-position:96% 50%}
.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}

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

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


@media (max-width:479.98px){
.banniere-html-xl350-2 .full .visuel {height:240px}
.banniere-html-xl350-2 .full .visuel img {object-position:92% 50%}
}