.banniere-img-xl380 .full .visuel {display:block; width:100%; height:150px; background:url(../img/bandeau-1440.jpg) left center no-repeat}

.bloc1-nav-ext .row {padding:0 0 15px}
.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}
.bloc1-nav-ext .row .menu .item:last-child {margin-right:0}
.bloc1-nav-ext .row .menu .item a {display:block; 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:#e60000}
.bloc1-nav-ext .row .menu .item a.actif {border-bottom-color:#e60000}
.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:#ff0000}
.bloc1-nav-ext.dark .row .menu .item a.actif {border-bottom-color:#ff0000}
.bloc1-nav-ext.dark .row .menu .item a.actif:hover, .bloc1-nav-ext.dark .row .menu .item a.actif:focus {color:#ccc}

.bloc1-nav-int .row {padding:0 0 15px}
.bloc1-nav-int .row .titre {display:none}
.bloc1-nav-int .row .menu {display:flex; flex-wrap:wrap; width:100%; border-bottom:1px solid #ccc}
.bloc1-nav-int .row .menu .item {line-height:2.4rem; font-size:1.8rem; margin:15px 45px 0 0}
.bloc1-nav-int .row .menu .item:last-child {margin-right:0}
.bloc1-nav-int .row .menu .item a {display:block; font-weight:700; text-align:center; white-space:nowrap; padding:15px 0}
.bloc1-nav-int .row .menu .item a img, .bloc1-nav-int .row .menu .item a .icon {display:block; height:24px; font-size:2.4rem; text-align:center; margin:0 auto 6px}
.bloc1-nav-int .row .menu .item a:hover, .bloc1-nav-int .row .menu .item a:focus {color:#555}
.bloc1-nav-int .row .menu .item a:active {color:#e60000}
.bloc1-nav-int.centre .row .zone {justify-content:center}
.bloc1-nav-int.centre .row .zone .menu {width:auto}
.bloc1-nav-int.xl .row .menu .item {flex:1 1 auto}
.bloc1-nav-int.dark .row .menu {border-bottom-color:#555}
.bloc1-nav-int.dark .row .menu .item a:hover, .bloc1-nav-int.dark .row .menu .item a:focus {color:#ccc}
.bloc1-nav-int.dark .row .menu .item a:active {color:#ff0000}

.popin {position:fixed; left:0; top:0; display:none; width:100%; height:100%; margin:0 !important; overflow-x:hidden; overflow-y:auto; opacity:0; outline:0; z-index:2000}
.popin .fenetre {position:relative; max-width:870px; width:auto; margin:60px auto; pointer-events:none}
.popin .fenetre .contenu {position:relative; display:flex; flex-direction:column; width:100%; padding:45px 60px; background-color:#fff; background-clip:padding-box; outline:0; pointer-events:auto}
.popin .fenetre .contenu .header {position:relative; display:flex; align-items:flex-start; justify-content:space-between; min-height:2rem; margin:-15px -15px 0 0}
.popin .fenetre .contenu .header .fermer.picto {line-height:1.5rem; font-size:2.4rem; font-weight:700; text-align:right; margin:-10px -10px -10px auto; padding:10px}
.popin .fenetre .contenu .header .fermer.picto:hover {outline:1px dotted}
.popin .fenetre .contenu .header .fermer.texte {display:none}
.popin .fenetre .contenu.dark .header button {color:#fff}
.bg-popin {position:fixed; left:0; top:0; display:none; width:100vw; height:100vh; background-color:#000; opacity:0; z-index:1999}
.scrollbar-measure {position:absolute; top:-9999px; width:100px; height:100px; overflow:scroll}

.bloc2-offre-prod .row .bloc {display:flex; flex-wrap:wrap}
.bloc2-offre-prod .row .bloc:nth-child(2) .produit {flex:1 1 0px; margin:0 30px 0 0}
.bloc2-offre-prod .row .bloc:nth-child(2) .contenu {flex:1 1 0px}

.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 p {margin-bottom:10px}
.carrousel .glide__slide .contenu p: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:1439.98px){
.popin .fenetre {max-width:calc((100% - 6.25%) * (2 / 3) - 30px)}
}


@media (max-width:1199.98px){
.banniere-img-xl380 .full .visuel {background-image:url(../img/bandeau-1199.jpg)}

.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-nav-int .row .menu .item {line-height:2.2rem; font-size:1.6rem; margin-right:30px}
.bloc1-nav-int .row .menu .item a img, .bloc1-nav-int .row .menu .item a .icon {height:22px; font-size:2.2rem}

.popin .fenetre {max-width:calc((100% - 6.25%) * (5 / 6) - 30px)}
.popin .fenetre .contenu {padding:45px}
}


@media (max-width:959.98px){
.banniere-img-xl380 .full .visuel {background-image:url(../img/bandeau-959.jpg)}

.popin .fenetre {max-width:calc((100% - 3.125%) * (5 / 6) - 30px)}
}


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

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

.bloc3-picto-ttl img {width:50%; height:auto}

.bloc1-nav-int .row {padding:15px 0}
.bloc1-nav-int .row .zone {position:relative}
.bloc1-nav-int .row .titre {display:inline-block; text-decoration:none; padding:0 21px 0 0}
.bloc1-nav-int .row .menu {position:absolute; left:0; top:28px; flex-direction:column; width:auto; padding-bottom:7px; border-top:5px solid #e60000; background-color:#fff; box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.4); z-index:15}
.bloc1-nav-int .row .menu.invisible {display:none}
.bloc1-nav-int .row .menu .item {margin:0}
.bloc1-nav-int .row .menu .item a {font-weight:400; text-align:left; white-space:normal; margin:0 20px; padding:9px 0}
.bloc1-nav-int .row .menu .item a img, .bloc1-nav-int .row .menu .item a .icon {display:none}
.bloc1-nav-int .row .menu .item a:hover, .bloc1-nav-int .row .menu .item a:focus {text-decoration:underline; color:#555}
.bloc1-nav-int .row .menu .item a:active {color:#e60000}
.bloc1-nav-int.centre .row .zone {justify-content:flex-start}
.bloc1-nav-int.dark .row .menu {border-top-color:#ff0000; background-color:#000; box-shadow:0 1px 4px 0 rgba(255, 255, 255, 0.4)}
.bloc1-nav-int.dark .row .menu .item a:hover, .bloc1-nav-int.dark .row .menu .item a:focus {color:#ccc}
.bloc1-nav-int.dark .row .menu .item a:active {color:#ff0000}

.popin .fenetre {max-width:100%; height:100%; margin:0}
.popin .fenetre .contenu {min-height:100%; padding:30px 15px}
.popin .fenetre .contenu .header .fermer.picto {display:none}
.popin .fenetre .contenu .header .fermer.texte {display:block}
.popin .fenetre .contenu .body {flex:1 1 auto; margin:15px 0}
.popin .fenetre .contenu .footer {text-align:center}

.bloc2-offre-prod .row .bloc .tarif {width:100%}
.bloc2-offre-prod .row .bloc:nth-child(2) .produit {flex:1 1 100%; margin:0 0 15px 0}

.carrousel .glide__arrows {display:none}
}


@media (max-width:479.98px){
.banniere-img-xl380 .full .visuel {background-image:url(../img/bandeau-479.jpg)}

}