.banniere-img-xl380 .full .visuel {display:block; width:100%; height:380px; background:none left center no-repeat}

.visionneuse-img-xl380 li a {display:block; height:380px; background:none left center no-repeat}
.visionneuse-img-xl380 li a.slide-1 {background-image:none}
.visionneuse-img-xl380 li a.slide-2 {background-image:none}
.visionneuse-img-xl380 li a.slide-3 {background-image:none}

.banniere-html-xl380 .full {background:none right top no-repeat}
.banniere-html-xl380 .full .degrade {background:linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left top / 50% auto no-repeat}
.banniere-html-xl380 .full .row {height:380px}
.banniere-html-xl380.dark .full .degrade {background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}

.bloc1-nav .row {padding:15px 0}
.bloc1-nav .row .titre {display:none}
.bloc1-nav .row .menu {display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc}
.bloc1-nav .row .menu .item {margin-right:45px}
.bloc1-nav .row .menu .item:last-child {margin-right:0}
.bloc1-nav .row .menu .item a {display:block; font-weight:700; white-space:nowrap; padding:15px 0 10px; border-bottom:5px solid transparent}
.bloc1-nav .row .menu .item a:hover, .bloc1-nav .row .menu .item a:focus {color:#555}
.bloc1-nav .row .menu .item a:active {border-bottom-color:#f16e00}
.bloc1-nav .row .menu .item a.actif {border-bottom-color:#f16e00}
.bloc1-nav .row .menu .item a.actif:hover, .bloc1-nav .row .menu .item a.actif:focus {color:#555}
.bloc1-nav.dark .row .menu {border-bottom-color:#555}
.bloc1-nav.dark .row .menu .item a:hover, .bloc1-nav.dark .row .menu .item a:focus {color:#ccc}
.bloc1-nav.dark .row .menu .item a:active {border-bottom-color:#ff7900}
.bloc1-nav.dark .row .menu .item a.actif {border-bottom-color:#ff7900}
.bloc1-nav.dark .row .menu .item a.actif:hover, .bloc1-nav.dark .row .menu .item a.actif:focus {color:#ccc}

.bloc2-offre .row .bloc {display:flex; flex-wrap:wrap}

.bloc2-img-ttl-txt-lien .row .contenu .visuel {height:150px; background:none center top no-repeat}

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

.bloc1-etapes3 .row .bloc {position:relative; z-index:5}
.bloc1-etapes3 .row .bloc img, .bloc1-etapes3 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes3 .row .bloc .numero {display:inline-block; width:44px; height:44px; line-height:4.2rem; font-size:2rem; margin:0 15px; border-radius:100%}
.bloc1-etapes3.bg-blanc .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #fff, 15px 0 0 0 #fff; background-color:#fff}
.bloc1-etapes3.bg-gris1 .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #333, 15px 0 0 0 #333; background-color:#333}
.bloc1-etapes3.bg-gris2 .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #f4f4f4, 15px 0 0 0 #f4f4f4; background-color:#f4f4f4}
.bloc1-etapes3.bg-noir .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #000, 15px 0 0 0 #000; background-color:#000}
.bloc1-etapes3 .row .bloc::after {position:absolute; left:0; top:96px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes3 .row .bloc:first-child::after {left:50%}
.bloc1-etapes3 .row .bloc:last-child::after {width:50%}
.bloc1-etapes3.xs .row .bloc::after {top:21px}
.bloc1-etapes3.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes3.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes3.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes3.bg-noir .row .bloc::after {background-color:#555}

.bloc1-etapes4 .row .bloc {position:relative; z-index:5}
.bloc1-etapes4 .row .bloc img, .bloc1-etapes4 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes4 .row .bloc .numero {display:inline-block; width:44px; height:44px; line-height:4.2rem; font-size:2rem; margin:0 15px; border-radius:100%}
.bloc1-etapes4.bg-blanc .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #fff, 15px 0 0 0 #fff; background-color:#fff}
.bloc1-etapes4.bg-gris1 .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #333, 15px 0 0 0 #333; background-color:#333}
.bloc1-etapes4.bg-gris2 .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #f4f4f4, 15px 0 0 0 #f4f4f4; background-color:#f4f4f4}
.bloc1-etapes4.bg-noir .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #000, 15px 0 0 0 #000; background-color:#000}
.bloc1-etapes4 .row .bloc::after {position:absolute; left:0; top:96px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes4 .row .bloc:first-child::after {left:50%}
.bloc1-etapes4 .row .bloc:last-child::after {width:50%}
.bloc1-etapes4.xs .row .bloc::after {top:21px}
.bloc1-etapes4.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes4.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes4.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes4.bg-noir .row .bloc::after {background-color:#555}

.bloc1-etapes5 .row .bloc {position:relative; z-index:5}
.bloc1-etapes5 .row .bloc img, .bloc1-etapes5 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes5 .row .bloc .numero {display:inline-block; width:44px; height:44px; line-height:4.2rem; font-size:2rem; margin:0 15px; border-radius:100%}
.bloc1-etapes5.bg-blanc .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #fff, 15px 0 0 0 #fff; background-color:#fff}
.bloc1-etapes5.bg-gris1 .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #333, 15px 0 0 0 #333; background-color:#333}
.bloc1-etapes5.bg-gris2 .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #f4f4f4, 15px 0 0 0 #f4f4f4; background-color:#f4f4f4}
.bloc1-etapes5.bg-noir .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #000, 15px 0 0 0 #000; background-color:#000}
.bloc1-etapes5 .row .bloc::after {position:absolute; left:0; top:96px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes5 .row .bloc:first-child::after {left:50%}
.bloc1-etapes5 .row .bloc:last-child::after {width:50%}
.bloc1-etapes5.xs .row .bloc::after {top:21px}
.bloc1-etapes5.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes5.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes5.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes5.bg-noir .row .bloc::after {background-color:#555}

.bloc1-etapes6 .row .bloc {position:relative; z-index:5}
.bloc1-etapes6 .row .bloc img, .bloc1-etapes6 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes6 .row .bloc .numero {display:inline-block; width:44px; height:44px; line-height:4.2rem; font-size:2rem; margin:0 15px; border-radius:100%}
.bloc1-etapes6.bg-blanc .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #fff, 15px 0 0 0 #fff; background-color:#fff}
.bloc1-etapes6.bg-gris1 .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #333, 15px 0 0 0 #333; background-color:#333}
.bloc1-etapes6.bg-gris2 .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #f4f4f4, 15px 0 0 0 #f4f4f4; background-color:#f4f4f4}
.bloc1-etapes6.bg-noir .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #000, 15px 0 0 0 #000; background-color:#000}
.bloc1-etapes6 .row .bloc::after {position:absolute; left:0; top:96px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes6 .row .bloc:first-child::after {left:50%}
.bloc1-etapes6 .row .bloc:last-child::after {width:50%}
.bloc1-etapes6.xs .row .bloc::after {top:21px}
.bloc1-etapes6.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes6.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes6.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes6.bg-noir .row .bloc::after {background-color:#555}

.bloc2-picto-ttl-txt-btn .row img {flex:0 0 auto; align-self:flex-start; margin-right:30px}
.bloc2-picto-ttl-txt-btn .row .btn {padding-left:150px}

.bloc2-img-xs-ttl-txt-btn .row .bloc {display:flex; flex-wrap:wrap}
.bloc2-img-xs-ttl-txt-btn .row .visuel {width:50%; padding:0 15px 0 0}
.bloc2-img-xs-ttl-txt-btn .row .contenu {width:50%; margin-bottom:30px; padding-left:15px}
.bloc2-img-xs-ttl-txt-btn .row .btn {margin-left:calc(50% + 15px)}
.bloc2-img-xs-ttl-txt-btn .row .btn [class^="btn-"] {margin-top:0}

.bloc2-prod-xs-ttl-prix-txt-btn .row .bloc {display:flex; flex-wrap:wrap}
.bloc2-prod-xs-ttl-prix-txt-btn .row .produit {flex:1 1 0px; margin:0 30px 0 0}
.bloc2-prod-xs-ttl-prix-txt-btn .row .contenu {flex:1 1 0px}

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

.carrousel::-moz-selection {color:inherit; background-color:transparent}
.carrousel::selection {color:inherit; background-color:transparent}
.carrousel .glide__slide .contenu {display:block}
.carrousel .glide__slide .contenu .visuel {position:relative; cursor:grab}
.carrousel .glide__slide .contenu .visuel img {width:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.carrousel .glide__slide .contenu .texte {padding-top:10px; border-top:1px solid #333}
.carrousel .glide__slide .contenu div.richtextG2M {margin-bottom:10px}
.carrousel .glide__slide .contenu div.richtextG2M:last-child {margin-bottom:0}
.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"}


@media (max-width:1199.98px){
.banniere-img-xl380 .full .visuel {background-image:none}

.visionneuse-img-xl380 li a.slide-1 {background-image:none}
.visionneuse-img-xl380 li a.slide-2 {background-image:none}
.visionneuse-img-xl380 li a.slide-3 {background-image:none}

.banniere-html-xl380 .full {background-image:none}
.bloc1-nav .row .menu .item {margin-right:30px}

.bloc1-prod-xl-ttl-prix-txt-btn .row .produit img {width:75%}

.bloc1-etapes3 .row .bloc .numero {width:34px; height:34px; line-height:3.2rem; font-size:1.6rem; margin:0 10px}
.bloc1-etapes3 .row .bloc::after {top:91px}
.bloc1-etapes3.xs .row .bloc::after {top:16px}

.bloc1-etapes4 .row .bloc .numero {width:34px; height:34px; line-height:3.2rem; font-size:1.6rem; margin:0 10px}
.bloc1-etapes4 .row .bloc::after {top:91px}
.bloc1-etapes4.xs .row .bloc::after {top:16px}

.bloc1-etapes5 .row .bloc .numero {width:34px; height:34px; line-height:3.2rem; font-size:1.6rem; margin:0 10px}
.bloc1-etapes5 .row .bloc::after {top:91px}
.bloc1-etapes5 .row .bloc:nth-child(1n+4) {margin-top:45px}
.bloc1-etapes5 .row .bloc:nth-child(3)::after {left:0; width:50%}
.bloc1-etapes5 .row .bloc:nth-child(4)::after {left:50%; width:100%}
.bloc1-etapes5.xs .row .bloc::after {top:16px}

.bloc1-etapes6 .row .bloc .numero {width:34px; height:34px; line-height:3.2rem; font-size:1.6rem; margin:0 10px}
.bloc1-etapes6 .row .bloc::after {top:91px}
.bloc1-etapes6 .row .bloc:nth-child(1n+4) {margin-top:45px}
.bloc1-etapes6 .row .bloc:nth-child(3)::after {left:0; width:50%}
.bloc1-etapes6 .row .bloc:nth-child(4)::after {left:50%; width:100%}
.bloc1-etapes6.xs .row .bloc::after {top:16px}

.bloc2-picto-ttl-txt-btn .row img {width:105px}
.bloc2-picto-ttl-txt-btn .row .btn {padding-left:135px}

.bloc2-img-xs-ttl-txt-btn .row .bloc {flex-direction:column}
.bloc2-img-xs-ttl-txt-btn .row .visuel {width:100%; padding:0 0 15px 0}
.bloc2-img-xs-ttl-txt-btn .row .contenu {width:100%; margin-bottom:0; padding-left:0}
.bloc2-img-xs-ttl-txt-btn .row .btn {margin-left:0}
.bloc2-img-xs-ttl-txt-btn .row .btn [class^="btn-"] {margin-top:30px}

.bloc2-prod-xs-ttl-prix-txt-btn .row .produit {flex:1 1 100%; margin:0 0 15px 0}

.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 p.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-img-xl380 .full .visuel {background-image:none}

.visionneuse-img-xl380 li a.slide-1 {background-image:none}
.visionneuse-img-xl380 li a.slide-2 {background-image:none}
.visionneuse-img-xl380 li a.slide-3 {background-image:none}

.bloc2-picto-ttl-txt-btn .row img {width:90px}
.bloc2-picto-ttl-txt-btn .row .btn {padding-left:120px}
}


@media (max-width:735.98px){
.banniere-img-xl380 .full .visuel {height:475px; background:none center center no-repeat}

.visionneuse-img-xl380 li a {height:475px; background-position:center center}
.visionneuse-img-xl380 li a.slide-1 {background-image:none}
.visionneuse-img-xl380 li a.slide-2 {background-image:none}
.visionneuse-img-xl380 li a.slide-3 {background-image:none}

.banniere-html-xl380 .full {padding-top:380px; background:none center top no-repeat}
.banniere-html-xl380 .full .degrade {background:none}
.banniere-html-xl380 .full .row {height:auto}
.banniere-html-xl380.dark .full .degrade {background:none}

.bloc1-nav .row .titre {display:inline-block; padding:0 21px 0 0}
.bloc1-nav .row .menu {position:absolute; left:0; top:28px; flex-direction:column; 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 .row .menu.invisible {display:none}
.bloc1-nav .row .menu .item {margin-right:0}
.bloc1-nav .row .menu .item a {font-weight:400; white-space:normal; margin:0 20px; padding:10px 0 8px; border:0}
.bloc1-nav .row .menu .item a:hover, .bloc1-nav .row .menu .item a:focus {text-decoration:underline; color:#000}
.bloc1-nav .row .menu .item a:active {color:#f16e00}
.bloc1-nav .row .menu .item a.actif {font-weight:700}
.bloc1-nav .row .menu .item a.actif:hover, .bloc1-nav .row .menu .item a.actif:focus {color:#f16e00}
.bloc1-nav.dark .row .menu {border-top-color:#ff7900; background-color:#000; box-shadow:0 1px 4px 0 rgba(255, 255, 255, 0.4)}
.bloc1-nav.dark .row .menu .item a:hover, .bloc1-nav.dark .row .menu .item a:focus {color:#fff}
.bloc1-nav.dark .row .menu .item a:active {color:#ff7900}
.bloc1-nav.dark .row .menu .item a.actif:hover, .bloc1-nav.dark .row .menu .item a.actif:focus {text-decoration:underline; color:#ff7900}

.bloc1-ttl-btn-img .row .contenu .btn {text-align:left}
.bloc1-ttl-btn-img .row .visuel {order:-1}

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

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

.bloc1-ttl-prix-txt-btn-prod .row .produit {order:-1}

.bloc1-prod-xl-ttl-prix-txt-btn .row .produit img {width:50%}

.bloc2-offre .row .bloc:nth-child(2) {margin-top:60px !important}
.bloc2-offre .row .bloc .tarif {width:100%}

.bloc1-zig-zag-vid .row.zig .video, .bloc1-zig-zag-vid .row.zig .visuel {order:-1}

.bloc1-etapes3 .row .bloc {margin-top:0 !important}
.bloc1-etapes3 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes3 .row .bloc .numero {width:24px; height:24px; line-height:2.2rem; font-size:1.4rem; margin:0 5px}
.bloc1-etapes3 .row .bloc::after {top:87px}
.bloc1-etapes3 .row .bloc:nth-child(2)::after {width:50%}
.bloc1-etapes3 .row .bloc:nth-child(3)::after {display:none}
.bloc1-etapes3.xs .row .bloc::after {top:12px}

.bloc1-etapes4 .row .bloc {margin-top:0 !important}
.bloc1-etapes4 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes4 .row .bloc .numero {width:24px; height:24px; line-height:2.2rem; font-size:1.4rem; margin:0 5px}
.bloc1-etapes4 .row .bloc::after {top:87px}
.bloc1-etapes4 .row .bloc:nth-child(odd)::after {left:50%; width:100%}
.bloc1-etapes4 .row .bloc:nth-child(even)::after {left:0; width:50%}
.bloc1-etapes4.xs .row .bloc::after {top:12px}

.bloc1-etapes5 .row .bloc {margin-top:0 !important}
.bloc1-etapes5 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes5 .row .bloc .numero {width:24px; height:24px; line-height:2.2rem; font-size:1.4rem; margin:0 5px}
.bloc1-etapes5 .row .bloc::after {top:87px}
.bloc1-etapes5 .row .bloc:nth-child(odd)::after {left:50%; width:100%}
.bloc1-etapes5 .row .bloc:nth-child(even)::after {left:0; width:50%}
.bloc1-etapes5 .row .bloc:nth-child(5)::after {display:none}
.bloc1-etapes5.xs .row .bloc::after {top:12px}

.bloc1-etapes6 .row .bloc {margin-top:0 !important}
.bloc1-etapes6 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes6 .row .bloc .numero {width:24px; height:24px; line-height:2.2rem; font-size:1.4rem; margin:0 5px}
.bloc1-etapes6 .row .bloc::after {top:87px}
.bloc1-etapes6 .row .bloc:nth-child(odd)::after {left:50%; width:100%}
.bloc1-etapes6 .row .bloc:nth-child(even)::after {left:0; width:50%}
.bloc1-etapes6.xs .row .bloc::after {top:12px}

.bloc2-picto-ttl-txt-btn .row img {width:75px; margin-right:15px}
.bloc2-picto-ttl-txt-btn .row .btn {padding-left:0}

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

.carrousel .glide__arrows {display:none}
}


@media (max-width:479.98px){
.banniere-img-xl380 .full .visuel {background-image:none}

.visionneuse-img-xl380 li a.slide-1 {background-image:none}
.visionneuse-img-xl380 li a.slide-2 {background-image:none}
.visionneuse-img-xl380 li a.slide-3 {background-image:none}

.banniere-html-xl380 .full {padding-top:248px; background-size:auto 248px}

.bloc1-ttl-btn-img .row .contenu .btn {text-align:center}

.bloc2-picto-ttl-txt-btn .row img {width:60px}
}



/* Ajout G2M v3.3.6 : Permettre 1 seul row pour les EditoNcols : */
[class*="bloc2-"] .row > .bloc:nth-child(n+3) {margin-top:45px}
.bloc3-picto-ttl-txt-lien .row > .bloc:nth-child(3) {margin-top:0}

/* Ajout G2M v3.3.5 : Ajouter template Carrousel avec réduction image pour les visuel de type produit : */
.carrousel .glide__slide .contenu .visuel.produit img {width:80%}

/* Ajout G2M v3.3.1 : Ajouter fond Noir indépendant par bloc : */
.bg-noirG2M {background-color:#000 !important}

.bg-noirG2M.txt-gris3, .bg-noirG2M .txt-gris3 {color:#ccc !important}
.bg-noirG2M.txt-noir, .bg-noirG2M .txt-noir {color:#fff !important}
.bg-noirG2M.txt-primaire, .bg-noirG2M .txt-primaire {color:#ff7900 !important}
.bg-noirG2M.txt-secondaire, .bg-noirG2M .txt-secondaire {color:#fff !important}

a.dark:hover .transition.primaire, a.dark:focus .transition.primaire, a.dark:hover .transition.primaire2, a.dark:focus .transition.primaire2, a.dark:hover .transition.secondaire, a.dark:focus .transition.secondaire {color:#ff7900 !important}

a.dark:hover .btn-primaire, a.dark:focus .btn-primaire {color:#000; border-color:#ccc; background-color:#ccc}
a.dark:active .btn-primaire {color:#fff; border-color:#f16e00; background-color:#f16e00}
a.dark:disabled .btn-primaire, a.dark.disabled .btn-primaire {color:#000; border-color:#555; background-color:#555}

a.dark:hover .btn-secondaire, a.dark:focus .btn-secondaire {color:#ccc; border-color:#ccc; background-color:transparent}
a.dark:active .btn-secondaire {color:#ff7900; border-color:#ff7900; background-color:transparent}
a.dark:disabled .btn-secondaire, a.dark.disabled .btn-secondaire {color:#555; border-color:#555; background-color:transparent}

/* Ajout G2M : Ajout class pour limiter largeur des images dans EditoNcols picto-xs=45x45 et picto-s=105x105 */
.bloc2-picto-ttl-txt-lien img.flex-none, .bloc3-picto-ttl-txt-lien img.flex-none, .bloc4-picto-ttl-txt-lien img.flex-none {width:45px}
.bloc2-picto-ttl img.flex-none, .bloc3-picto-ttl img.flex-none, .bloc4-picto-ttl img.flex-none {width:105px}

/* Ajout G2M : Ajout class pour ajuster titre EditoNcols 4 colonnes picto-s=105x105 */
.bloc4-picto-ttl .t4 {line-height:2.4rem; font-size:1.8rem; padding-top:0; padding-bottom:0}

/* Ajout G2M : Ajout class=edito1colG2M pour alterner affichage visuel droite/gauche sur template Edito1col : */
.edito1colG2M .row.zag div.contenu + div.visuel {order:-1}
.edito1colG2M .row.zag div.contenu + div.produit {order:-1}
.edito1colG2M .row.zag div.produit + div.contenu {order:-1}

/* Ajout G2M : Ajout class pour affichage des images dans EditoNcols 3 et 4 colonnes img-s=705x150 : */
.bloc3-img-ttl-txt-lien .row .contenu .visuel, .bloc4-img-ttl-txt-lien .row .contenu .visuel {height:150px; background:none center top no-repeat}

/* Modif G2M : Afficher les puces de type Liste "ul.liste" dans les <ul> des Richtext */
.site-width .richtextG2M ul li {position:relative}
.richtextG2M ul > li::before {position:absolute; left:0; display:block; content:""; border-radius:50%; background-color:#f16e00}
.bg-gris2 .richtextG2M ul > li::before {background-color:#000}
.dark .richtextG2M ul > li::before {background-color:#ff7900}
.richtextG2M ul > li {margin-left:15px; padding:7px 0 10px 24px}
.richtextG2M ul > li::before {top:15px; width:0.9rem; height:0.9rem}

/* Ajout G2M : Afficher les puces de type Liste "ul.liste" dans les <ul> des Richtext pour les templates centrés (template Etapes) */
li.txt-center .richtextG2M ul > li::before {position:relative; display:inline-block; content:""; border-radius:50%; background-color:#f16e00}
li.txt-center .richtextG2M ul > li {margin-left:15px; padding:7px 0 10px 0}
li.txt-center .richtextG2M ul > li::before {top:0; width:0.5em; height:0.5em; margin-right:15px}

/* Ajout G2M : Afficher les puces de type Coche "ul.coche" dans les <ol> des Richtext */
.site-width .richtextG2M ol li {position:relative}
.richtextG2M ol > li::before {position:absolute; left:0; display:block; font-family:icon-orange; color:#f16e00; content:"\eb77"}
.bg-gris2 .richtextG2M ol > li::before {color:#000}
.dark .richtextG2M ol > li::before {color:#ff7900}
.richtextG2M ol > li {margin-left:15px; padding:7px 0 10px 31px}
.richtextG2M ol > li::before {top:8px}

/* Ajout G2M : Afficher les puces de type Coche "ul.coche" dans les <ol> des Richtext pour les templates centrés (template Etapes) */
li.txt-center .richtextG2M ol > li::before {position:relative; display:inline-block; font-family:icon-orange; color:#f16e00; content:"\eb77"}
li.txt-center .richtextG2M ol > li {margin-left:15px; padding:7px 0 10px 0}
li.txt-center .richtextG2M ol > li::before {top:2px; width:auto; height:0; margin-right:15px}

/* Ajout G2M : Afficher correctement les numéros de renvoie ".renvoi" aux Mentions en indices après le prix ".t1" et ".t2" */
span.t1 + sup {font-size:1.1em; font-weight:400; color:#555; top:-0.8em}
.dark span.t1 + sup {color:#fff}
span.t2 + sup {font-size:1em; font-weight:400; color:#555; top:-0.7em}
.dark span.t2 + sup {color:#fff}

/* Ajout G2M : Ajout class=richtextG2M pour afficher correctement les liens de type "lien-simple" dans les champs Richtext */
.richtextG2M a {font-weight:700; text-decoration:underline}
.richtextG2M a:hover, .richtextG2M a:focus {color:#555}
.richtextG2M a:active {color:#f16e00}
.dark .richtextG2M a:hover, .dark .richtextG2M a:focus {color:#ccc}
.dark .richtextG2M a:active {color:#ff7900}

/* Ajout G2M : Afficher correctement les liens de type "lien-chevron" dans les champs Richtext */
.richtextG2M .lien-chevron {text-decoration:none}
.richtextG2M .lien-chevron:hover, .richtextG2M .lien-chevron:focus {text-decoration:underline}

/* Ajout G2M : Ajout class=mentionG2M car class "#mentions .row p" dans init_v3 pas pris en compte étant donné que les p ont été remplacés par div suite BUG imbrication DIV dans P */
#mentions .row .mentionG2M {padding:8px 0 10px}

/* Ajout G2M : Ajout class=mentionNumeroG2M pour que le 1er div des mentions Numérotés se place à la suite du numéro et n'aille pas à la ligne */
#mentions .row .mentionNumeroG2M div:first-child {display:inline-block}


@media (max-width:1199.98px){
/* Ajout G2M : Ajout class pour ajuster titre EditoNcols 4 colonnes picto-s=105x105 */
.bloc4-picto-ttl .t4 {line-height:3rem; font-size:2.6rem; padding-top:0.4rem; padding-bottom:1rem}

/* Modif G2M : Afficher les puces de type Liste "ul.liste" dans les <ul> des Richtext */
.richtextG2M ul > li {margin-left:10px; padding:8px 0 10px 17px}
.richtextG2M ul > li::before {top:16px; width:0.7rem; height:0.7rem}

/* Ajout G2M : Afficher les puces de type Coche "ul.coche" dans les <ol> des Richtext */
.richtextG2M ol > li {margin-left:10px; padding:8px 0 10px 24px}
.richtextG2M ol > li::before {top:9px}

/* Ajout G2M : Afficher correctement les numéros de renvoie ".renvoi" aux Mentions en indices après le prix ".t1" et ".t2" */
span.t1 + sup {top:-0.7em}
span.t2 + sup {top:-0.6em}

/* Ajout G2M : Ajout class=mentionG2M car class "#mentions .row p" dans init_v3 pas pris en compte étant donné que les p ont été remplacés par div suite BUG imbrication DIV dans P */
#mentions .row .mentionG2M {padding-bottom:11px}
}


@media (max-width:959.98px){
}


@media (max-width:735.98px){
/* Ajout G2M : ajout pour alterner affichage visuel droite/gauche sur template Edito1col : */
.edito1colG2M .row.zag div.contenu + div.visuel {order:-1}
.edito1colG2M .row.zag div.contenu + div.produit {order:-1}
.edito1colG2M .row.zag div.produit + div.contenu {order:1}

/* Ajout G2M : Afficher correctement les numéros de renvoie ".renvoi" aux Mentions en indices après le prix ".t1" et ".t2" */
span.t1 + sup {font-size:0.9em; top:-0.6em}
span.t2 + sup {font-size:0.9em; top:-0.5em}

}


@media (max-width:479.98px){
/* Modif G2M : Ajout !important pour que le resize soit bien pris en compte */
.banniere-html-xl380 .full {padding-top:248px; background-size:auto 248px !important}
}



/* Ajout G2M : Bannière One-i */
.banniere-shop-xl .full .visuel {display:block; overflow:hidden}

/* Ajout G2M : visuels Bannières Img et Html */
.full.BannImage1 .visuel {background:url("../img/1440x380_doro_8020.jpg") left center no-repeat}


@media (max-width:1199.98px){
.full.BannImage1 .visuel {background-image:url("../img/1199x380_doro_8020.jpg")}

}

@media (max-width:959.98px){
.full.BannImage1 .visuel {background-image:url("../img/959x380_doro_8020.jpg")}

}

@media (max-width:735.98px){
.full.BannImage1 .visuel {background:url("../img/735x475_doro_8020.jpg") center center no-repeat}

}

@media (max-width:479.98px){
.full.BannImage1 .visuel {background-image:url("../img/479x475_doro_8020.jpg")}

}