:root { --color0: #f8f8f8; --color-body: #909090; --color-dark-transparent: #14141429; --color-dark: #0a0909; --background: #F8F8F8; --color1: #CCB686; --color4: #f2eded; --nuanceColor1: #cfcecd; --color2: #000; --color3: #9d9d9d; --red: #dd3333; --red2: #CCB686; --dark-gold: #3d3d3d80; --cream: #F8F6F0; --dark-grey: #1a1a1a; --light-grey: #f5f5f5; --bg-facultatif: #f7f7f7; --font_family_1: 'Barlow-Regular',sans-serif; --font_family_2: BarlowSemiCondensed-Bold; --font_family_3: BarlowSemiCondensed-Bold; --taille_font: clamp(1.7rem, .8vw, 2rem); --h1-size: clamp(3rem, 6vw, 3rem); --font-title: clamp(4.7rem, 1vw, 5rem); --border-radius: 5px; }
.progress-bar { display: none; }
.step { display: none; animation: 0.4s ease-in-out 0s 1 normal none running fadeIn; background-color: rgba(255, 255, 255, 0); margin-bottom: 0rem; padding: 7vh 4vw; border: 1px solid var(--color1); border-radius: 13px; }
.step.active { display: block; }
.progress-step { flex: 1 1 0%; position: relative; text-align: center; color: rgb(153, 153, 153); cursor: pointer; font-weight: 500; padding: 0.5rem; transition: color 0.3s; }
.progress-step.active { color: rgb(0, 123, 255); }
.progress-step::before { content: ""; display: block; margin: 0px auto 0.5rem; width: 12px; height: 12px; background-color: rgb(204, 204, 204); border-radius: 50%; transition: background-color 0.3s; }
.progress-step.active::before { background-color: rgb(0, 123, 255); }
.progress-bar::after { content: ""; position: absolute; top: 16px; left: 5%; width: 90%; height: 2px; background-color: rgb(224, 224, 224); z-index: -1; }
.step-buttons { display: flex; justify-content: flex-end; margin-top: 2rem; gap: 1%; }
div#contactButtonsMobile a { background: var(--red) !important; color: white !important; }
div#contactButtonsMobile a i path { fill: white; }
.linkedin-cta {display: inline-block;margin-top: 10px;padding: 8px 15px;border: 2px solid rgb(0, 119, 181);color: rgb(255, 255, 255);text-decoration: none !important;font-weight: bold;border-radius: 5px;transition: background-color 0.3s, transform 0.2s;}
.linkedin-cta:hover {background-color: rgb(0, 119, 181) !important;transform: translateY(-2px) !important;color: var(--color0) !important;}
.btn-step { padding: 16px 25px; margin: 1em 0px; text-align: center; text-transform: uppercase; letter-spacing: 3px; transition: 400ms; font-size: calc(var(--taille_font) - .2em); border-style: solid; border-width: 1px; color: var(--color0); border-color: var(--red); font-family: var(--font_family_1); background: var(--red); border-radius: var(--border-radius); }
.footertrust { text-align: left; float: left; margin: 25px 0px; display: flex; justify-content: flex-start; }
.footertrust div { width: auto !important; }
.btn-step:hover { background-color: var(--color1); color: var(--color0); border-color: var(--color1); }
.btn-step:disabled { display: none; background-color: rgb(0, 0, 0); cursor: not-allowed; color: var(--FSFZyKGVCr); float: right; }
@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: none; }
}
.encarts .swiper-button-next i, .encarts .swiper-button-prev i {
    color: var(--color1) !important;
}
.body-catalogue-item div#lightgallery {
    height: 40vh;
}
span.categorie-item
 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--red);
}
.services-home-content a.bouton-principal {
    margin-top: 7vh;
}
@media (max-width: 768px) {
  .progress-bar { flex-direction: column; align-items: flex-start; }
  .progress-step { margin-bottom: 10px; text-align: left; }
  .step-buttons { flex-direction: column; gap: 1rem; }
}
th.label.label1, .groupContent th { color: var(--red); font-family: var(--font_family_1); font-size: var(--taille_font); margin: 0px 0px 0vh; padding: 0px 0px 20px; }
.groupContent thead { border-bottom: 1px solid var(--color1); }
tbody { width: 100%; }
tr.itemTr { padding: 1vh 0px; }
span.help-block { float: left; position: relative; top: 5px !important; font-size: 0.84em !important; }
.body-page-1 .banniere { height: 100%; }
body.body-catalogue-item .banniere.ban1::before { opacity: 0.4; }
.services-home2 { padding: 15vh 13vw; width: 100%; position: relative; background: var(--color2); z-index: 100; }
.serviceimg { float: right; width: 50%; margin-left: 12%; margin-bottom: 7vh; position: relative; z-index: 10; }
.panel-group .panel-heading + .panel-collapse > .panel-body h3 { margin: 0px 0px 1vh; font-family: var(--font_family_2); letter-spacing: 1px; }
.ser2 { display: flex; flex-direction: row-reverse; align-items: center; }
.banniere .slog h1 { color: var(--color0); text-shadow: rgba(183, 181, 181, 0.12) 1px 1px 2px; position: relative; font-family: var(--font_family_3); margin: 3vh 0px; text-transform: uppercase; letter-spacing: 2px; }
.banniere::before { background: var(--color2); content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; opacity: 0.7; }
.banniere .slog h1::after { position: absolute; left: 50%; background: var(--color0); height: 1px; bottom: -12px; margin-left: -40px; }
.banniere .slog .titre { font-size: 53px; color: rgb(0, 0, 0); background: url("../images/trait4.png") 0px bottom no-repeat; padding: 0px; margin: 0px 0px 20px; }
.banniere .slog .titre-secondaire { font-size: 22px; color: rgb(0, 0, 0); margin: 0px; }
.banniere { position: relative; top: 0px; width: 100%; left: 0px; height: 70vh; background-size: cover !important; }
.banniere .slog { display: flex; flex-wrap: wrap; place-content: center; align-items: center; height: 100%; top: 0vh; padding: 20vh 2vw 0px; color: var(--color0); position: relative; z-index: 10; text-align: center; }
.banniere.ban1 { background-image: url("../images/car.jpeg"); background-size: initial; background-repeat: no-repeat; background-origin: initial; background-clip: initial; background-color: initial; background-position: center bottom !important; }
.containerblock, .marques {padding: 10vh 8vw;width: 100%;}
.containerblock .h1 { text-align: left; }
.marques {background: #f3f3f3;position: relative;z-index: 10;}
.containerblock::before { background: url("../images/bg-car.png"); content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; left: 0px; filter: invert(1); top: 0px; opacity: 0.75; }
.atout-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(32%, 1fr)); gap: 2%; margin-top: 40px; }
.atout-card { background: rgba(210, 210, 210, 0.03); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 25px; transition: 0.4s; position: relative; overflow: hidden; margin: 0px 0px 2vh; }
.atout-card::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 2px; background: linear-gradient(90deg, rgb(108, 79, 7), rgb(236, 210, 118)); transform: scaleX(0); transform-origin: left center; transition: transform 0.4s; }
.atout-card:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(197, 156, 51, 0.57); transform: translateY(-5px); box-shadow: rgba(184, 163, 88, 0.22) 0px 2px 7px; }
.atout-card:hover::before { transform: scaleX(1); }
.atout-icon img { width: 43px; float: left; margin-right: 10px; filter: brightness(0) saturate(100%) invert(20%) sepia(90%) saturate(5000%) hue-rotate(-8deg) brightness(85%) contrast(76%); }
.atout-icon { transition: transform 0.3s; float: left; display: flex; flex-direction: column; place-content: center flex-start; align-items: flex-start; width: 100%; }
.atout-card:hover .atout-icon { }
.atout-title { font-size: calc(var(--taille_font) *1.2); margin-bottom: 12px; font-family: var(--font_family_2); text-transform: uppercase; color: var(--Y9ISp7TM89); }
.atout-description { line-height: 1.7; font-size: 1em; display: block; width: 100%; }
body.body-catalogue-list.body-catalogue-list-0 .services-home::before { display: none; }
body.body-service.body-service-292 h2, body.body-service.body-service-292 h3, body.body-service.body-service-292 h4, body.body-service.body-service-292 h5, .body-service.body-service-292 .fluid-contenu .corps ul strong { color: rgb(245, 209, 47); }
.block.block-5 img { width: 25vw; height: auto; margin: 4vh 0px; }
body.body-service.body-service-292 a.bouton-principal.btn-retour { background: rgb(248, 206, 62); color: var(--color2) !important; }
div#service-292 .clearfix { display: none; }
.header-x p.adresse { padding-right: 2vw; border-right: 1px solid; }
.body-pageseo div#MultipleFiles { display: none; }
.loader-wrapper {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: var(--color-dark);z-index: 99999;display: flex;align-items: center;justify-content: center;}
.loader { border-radius: 50%; width: 50px; height: 50px; animation: 2s linear 0s infinite normal none running spin; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 3px solid var(--red); }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.mySwiper-bann.swiper { width: 100%; height: 100%; overflow: hidden; position: relative; }
.swiper-wrapper { display: flex; }
.swiper-slide i { font-size: 70px; color: var(--color5); }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: var(--border-radius); }
.body-page-1 .services, .body-pageseo .services {color: var(--color0);position: relative;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding: 10vh 8vw;background: var(--color2) url(../images/bg-car.png);}
.bloc-contenu.services::before, .certifs::before { content: ""; position: absolute; background: url("../images/bg2.svg") 0% 0% / cover; width: 100%; height: 100%; left: 0px; z-index: 0; opacity: 0.2; top: 0px; filter: invert(1); }
.titre2mini { padding: 0px; display: block; letter-spacing: 2px; font-size: var(--taille_font); font-family: var(--font_family_2); margin: 1vh 0px; text-wrap: balance; color: var(--color1); }
.body-page-1 .services h2 .titre-secondaire, .body-pageseo .services h2 { color: var(--color0); }
.body-page-1 .services h2::before, .body-pageseo .services h2::before, .certifs h2.h1::before { background: var(--color0); }
.btn-service { text-align: center; margin: 10px 0px; }
.card-img, .img-service img, .liste-services, .swiper-container3 { width: 100%; position: relative; margin: 5vh 0px 0px; }
.card-img::before { background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 1%, rgba(0, 0, 0, 0.71)); position: absolute; height: 100%; width: 100%; content: ""; z-index: 1; left: 0px; }
.liste-services .swiper-container { overflow: clip visible; }
.card-body { padding: 0px 2rem 0rem; position: relative; }
.card-body a.btn-card { max-width: 80%; }
.card-body a.btn-card { transition: 0.15s; text-decoration: none; position: absolute; left: 40px; z-index: 2; text-transform: initial; font-size: 16px; border: none; background: none; color: var(--color0); margin: 0px; bottom: 33px; text-align: left; width: 100%; padding: 0px !important; }
.service-card:hover .card-body a.btn-card::before { width: 15%; }
.card-body:hover a.btn-card::before { width: 36px; }
a.btn-card.bouton-principal.service-all { height: 100%; width: 100%; z-index: 6; inset: 0px; background: transparent; position: absolute; }
.btn-card:hover::before { background: none; }
.marques span.titlemini {
    color: var(--red);
}

.marques span.titlemini::before {
    border-color: var(--red);
}
.card-title h3 { font-size: 20px; letter-spacing: 0px; line-height: initial; font-family: var(--font_family_1); color: var(--color0); text-align: start; position: absolute; left: 40px; z-index: 3; bottom: 50px; padding-right: 10px; }
.btn-card::before, .btn-card::after { display: none; }
.btn-card::before { display: none; }
.navigation_box { position: relative; display: flex; flex-direction: row; width: 70px; margin: 15px auto 0px; align-items: center; text-align: center; justify-content: center; padding: 10px 5px; }
.service-card:hover { box-shadow: rgba(0, 0, 0, 0.04) 0px 14px 28px; transform: translateY(-10px); transition: 0.4s; }
.swiper-container1, .swiper-container3 { margin: 0px auto; list-style: none; padding: 0px; z-index: 1; height: 100%; width: 100%; overflow: hidden; }
.img-service img { height: 45vh; border-radius: 0px; border: none; object-fit: cover; }
.liste-services .swiper-wrapper { padding: 10px 0px; width: 100%; }
.service-card { width: 100%; overflow: hidden; border-radius: 7px; margin: 0px; position: relative; z-index: 0; border: none; transform: translateY(0px); display: block !important; height: fit-content !important; transition: 0.3s !important; }
.service-card::before { background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 1%, rgba(0, 0, 0, 0.71)); position: absolute; height: 100%; width: 100%; content: ""; }
.service-card:hover::before { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 1%, rgba(0, 0, 0, 0.82)); }
.the-third { display: flex; gap: 20px; }
.the-third .service-card { width: 33%; }
.services {display: block;width: 100%;position: relative;z-index: 80;background: var(--color0);}
.prestation:last-child .cell.texte { border-bottom: none; }
.prestation .cell.texte .contenu { padding: 4vh 6% 4vh 3%; text-align: left; display: flex; align-items: center; justify-content: flex-start; gap: 5%; }
.prestation .cell.photo { display: table-cell; vertical-align: top; width: 53%; background-position: center center; border-radius: var(--radius); }
.blocservice h2.h1.sans-image { text-align: left; font-size: calc(var(--taille_font) * 1.4); }
.blocservice h2.h1.sans-image::before { left: 0px; margin-left: 0px; }
.swiper-navigation { position: relative; display: flex; width: 10px; margin: 0px auto; align-items: center; text-align: center; justify-content: center; padding: 45px 8px; }
.swiper-button-prev i, .swiper-button-next i { font-size: 22px; color: var(--color0); }
.container-service .swiper-navigation .swiper-button-next { height: 45px; width: 45px; border-radius: 50%; right: 50%; margin-right: -73.5px; }
.container-service .swiper-navigation .swiper-button-prev { left: 50%; margin-left: -41.5px; height: 45px; width: 45px; border-radius: 50%; }
.swiper-button-prev, .swiper-button-next { display: flex; justify-content: center; align-items: center; border-radius: 50%; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0); border: 2px solid; height: 45px; width: 45px; position: absolute; background-image: none !important; }
.flexbloc .tab-gallery:nth-of-type(2n) .serviceimg { float: left; margin-left: 0px; margin-right: 12%; }
body { background-color: var(--color2); transition: background-color 0.6s, color 0.6s; }
body.light-mode { background-color: var(--color0); }
.swiper.mySwiper-bann .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.arrowsAB .swiper-button-prev1, .arrowsAB .swiper-button-next1 { background: rgba(255, 255, 255, 0.17); backdrop-filter: blur(5px); display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid rgba(238, 238, 238, 0.22); opacity: 1; color: var(--color0); height: 2.344vw !important; width: 2.344vw !important; }
.swiper-pagination-custom { color: var(--color1); padding: 2vh 2vw; text-align: right; }
.arrowsAB .swiper-button-next1 i, .arrowsAB .swiper-button-prev1 i { color: var(--color0); }
.arrowsAB { position: absolute; bottom: 5vh; width: 5.927vw; right: 5vw; height: 100px; z-index: 9000; }
.header-slideshow2::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgb(0, 0, 0); z-index: 2; opacity: 0.5; }
.header-slideshow2 { height: 100vh; background: none; position: relative; z-index: 1; }
.flex { display: flex; }
.header-x { float: left; background: var(--red); padding: 0px 9vh; width: 100%; z-index: 1000; display: flex; place-content: center space-between; align-items: center; flex-wrap: wrap; transition: 400ms; font-size: var(--taille_font); }
.fixed.tete .cols { padding: 0vh 3vw; }
.row.description-galerie.clear a.btnp { padding: 18px 25px 16px; font-size: calc(var(--taille_font) - .1em); }
.row.description-galerie.clear a.btnp:hover { color: rgb(248, 206, 62) !important; background: var(--color2) !important; }
a.btnp { display: inline-block; padding: 8px 18px; margin: 10px 0px; text-align: left; overflow: hidden; font-size: var(--taille_font); letter-spacing: 2px; transition: 400ms; background: transparent; border: 1px solid var(--color1); font-family: var(--font_family_1); border-radius: var(--border-radius); color: var(--color0) !important; text-decoration: none !important; }
a.btnp:hover { background-color: var(--color0); border-color: var(--color0); text-decoration: none; color: var( --red) !important; }
.header-x .flex-address { float: left; color: rgba(248, 248, 248, 0.64); display: flex; gap: 0vw; font-size: var(--taille_font); }
.header-x i { color: var(--color0); height: 18px; margin-right: 12px; margin-top: 3px; }
.header-x p { margin-bottom: 0px !important; }
.header-x p.tel.tel1.callTracker { margin-left: 30px; float: left; color: rgba(248, 248, 248, 0.64); text-transform: none; }
.hilite-title.text-right strong { display: block; font-size: calc(var(--h1-size) * 3.5); line-height: 1.1; font-weight: bold; color: rgba(191, 191, 191, 0.5); font-family: var(--font_family_3); }
.dispaly_flex { padding: 0px; }
.map { width: 100%; }
.map iframe { width: 100%; filter: grayscale(1); margin: 0px; }
.cursor { position: fixed; top: 0px; left: 0px; width: 20px; height: 20px; background: var(--color1); border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); transition: transform 0.1s; z-index: 1000; opacity: 0.5; }
.cursor.hovered { width: 40px; height: 40px; opacity: 0.2; }
.hilite-title span { display: block; font-size: calc(var(--taille_font) *1.7); line-height: 24px; letter-spacing: 3px; font-family: var(--font_family_2); }
.titlegal .h2 { float: left; }
.titlegal h3.h2 span.t1 { float: left; }
.enca1 img { border-radius: 50%; margin: -9vh 0px 7vh; border: 8px solid var(--color2); }
.titlegal a { display: block; background: transparent; width: 100%; }
.panel-default > .panel-heading { background-color: transparent; }
.panel-body .block { color: rgba(254, 254, 254, 0.82); }
.panel-body .block strong { color: var(--red); font-family: Montserrat-Light; }
span.t1 small { font-size: 81%; letter-spacing: 1px; color: rgba(225, 112, 76, 0.79); }
.titlegal a { color: var(--color0); }
small.service-292 { }
div#service-292 a.btnp:hover { background-color: rgb(0, 0, 0); border-color: rgb(224, 188, 53); text-decoration: none; color: rgb(252, 203, 67) !important; }
.titlegal { display: flex; flex-wrap: nowrap; align-items: center; margin: 0px; padding: 24px 0px; width: 100%; background: transparent; border: 0px !important; }
.titlegal a span.faq-icon { margin-top: 0rem; height: 1.5rem; width: 2vw; float: right; }
.faq-icon svg path { fill: var(--color4); }
.titlegal h3 a:hover { text-decoration: none; }
.titlegal h3.h2 a { padding: 1rem; }
.titlegal h3.h2 { width: 100%; margin-top: 0px; column-gap: 2rem; color: var(--color0); cursor: pointer; align-items: flex-start; padding: 0px; display: flex; font-size: calc(var(--font-title) - 2rem); background: transparent; text-transform: none; justify-content: space-between; font-family: var(--font_family_2); margin-bottom: 0px !important; }
.panel-group::before { content: ""; border-radius: 11px 0px 0px; position: absolute; z-index: -1; top: -1px; height: 84%; width: 53%; left: -1px; opacity: 0.2; }
.panel-title { column-gap: 2rem; color: var(--color0); cursor: pointer; justify-content: space-between; align-items: flex-start; padding: 0px; display: flex; font-size: calc(var(--font-title) - 2.8rem); background: transparent; font-weight: bold; font-family: var(--font_family_4); }
.panel-heading { padding: 0px; border-radius: 0px; }
.panel-title a:hover { text-decoration: none; }
.panel-body ul { margin: 1rem 0px 0px; list-style: none; padding: 0px 0px 0px 0vw; }
.panel-group .panel { background: transparent; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-radius: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.18); margin-top: 0px !important; }
span.glyphicon.glyphicon-plus.pull-right { display: block; font-family: var(--font_family_2); font-size: calc(var(--h1-size) * 1.5); float: right !important; }
.panel-accordion-primary > .panel-heading a.collapsed .glyphicon-plus::before { content: "+"; }
.panel-accordion-primary > .panel-heading a .glyphicon-plus::before { content: "−"; }
span.titlefaq { display: block; }
h4.panel-title a { padding: 2rem 0px; display: flex; align-items: stretch; justify-content: space-between; }
.body-gallery .panel-group .panel-heading + .panel-collapse > .panel-body { color: var(--color2); padding: 1vh 0px 3vh; font-size: calc(var(--taille_font) * 1.1); }
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { color: var(--color0); padding: 1vh 0px; background: transparent; border: 0px; }
.panel { box-shadow: 0 1px 1px var(--color0transparent); border-radius: 0px; }
.panel-group.panelaccueil { max-width: 50vw; background-color: var(--color0transparent); border-radius: var(--border-radius); flex: 1 1 0%; margin-left: auto; margin-right: auto; padding: 0px; z-index: 10001; position: relative; border-width: 1.5px; border-style: solid; border-color: transparent; border-image-slice: 1; background-image: linear-gradient(264deg,transparent,var(--color0transparent)); }
.row.accordions { position: relative; float: left; width: 100%; }
.faq { padding: 18vh 7vw 6vh; float: left; width: 100%; position: relative; }
.faq.node-1218::after { display: none; }
.faq-icon { width: 2vw; height: 0.5rem; opacity: 1; display: block; position: relative; right: 0px; color: rgb(26, 26, 26); float: right; transition: 0.1s; transform: translate3d(5px, -5px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(45deg) skew(0deg, 0deg); transform-style: preserve-3d; }
.faq_iconspan.titlefaq { float: left; width: 97%; }
span.faq-icon svg { position: absolute; right: 0px; fill: var(--red); width: 1.5vw !important; height: 1.5vw !important; }
a.collapsed { width: 100%; display: block; }
p.text-faq { text-align: center; margin: 0px 0px 4em; font-family: var(--font_family_2); color: var(--color0transparent3); letter-spacing: 1px; }
h4.panel-title a { width: 100%; float: left; text-transform: uppercase; }
a.collapsed .faq-icon { transform: translateY(5px); transform-style: preserve-3d; }
div#accordion-services { background: var(--color0transparent); padding: 3vh 1vw; position: relative; margin: 2vh 0px 4vh; width: auto; backdrop-filter: blur(10px); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 90px; overflow: hidden; }
.swiper-services { margin: 0px auto; overflow: hidden; list-style: none; padding: 0px; z-index: 1; position: relative; width: 100%; }
.container3 { padding: 10vh 10vw; position: relative; margin: -5px 0px 0px; z-index: 1000; background: var(--color2); color: var(--color0); }
.advantage-card:hover .highlight::before { left: 100%; }
.advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(32%, 1fr)); gap: 3rem; margin-top: 4rem; }
.advantage-card { background: linear-gradient(145deg, rgba(0, 0, 0, 0.9), rgba(20, 20, 20, 0.95)); backdrop-filter: blur(20px); border-radius: 5px; padding: 3rem; border: 1px solid rgba(225, 112, 76, 0.54); position: relative; overflow: hidden; transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1); animation: 0.8s ease-out 0s 1 normal both running slideInUp; }
.advantage-card:nth-child(1) { animation-delay: 0.1s; }
.advantage-card:nth-child(2) { animation-delay: 0.2s; }
.advantage-card:nth-child(3) { animation-delay: 0.3s; }
.advantage-card:nth-child(4) { animation-delay: 0.4s; }
.advantage-card:nth-child(5) { animation-delay: 0.5s; }
.advantage-card:nth-child(6) { animation-delay: 0.6s; }
.advantage-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 2px; background: linear-gradient(90deg, transparent, rgb(225, 112, 76), rgba(225, 112, 76, 0.7)); transform: scaleX(0); transition: transform 0.6s; }
.advantage-card:hover::before { transform: scaleX(1); }
.advantage-card::after { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s; }
.advantage-card:hover::after { opacity: 1; }
.advantage-card:hover { transform: translateY(-8px); border-color: rgba(225, 113, 76, 0.64); box-shadow: rgba(212, 175, 55, 0.1) 0px 25px 50px; }
.icon-container i { font-size: var(--h1-size); color: rgba(221, 197, 164, 0.83); margin-left: 8px; margin-top: 7px; }
.icon-container { width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; text-align: center; margin-bottom: 2rem; position: relative; transition: 0.4s; place-content: center; }
.icon-container::before { position: absolute; inset: -2px; border-radius: 50%; z-index: -1; opacity: 0; transition: opacity 0.4s; }
.advantage-card:hover .icon-container::before { opacity: 1; }
.advantage-card:hover .icon-container { }
.icon { width: 45px; height: 45px; fill: var(--gold); }
.advantage-title { color: var(--red); margin: 2vh 0px; font-size: 120%; }
.advantage-description { color: rgba(255, 255, 255, 0.87); font-size: 100%; margin-bottom: 2rem; }
.hilite-title.text-right { display: none; }
.body-gallery-31 h1.sans-image, .body-gallery-31 .h1.sans-image { color: white; font-weight: bold; font-family: var(--font_family_3); }
.body-gallery-31 h4 { position: relative; float: left; width: 100%; padding-left: 3vw; }
.body-gallery-31 h4::before { content: ""; position: absolute; top: 50%; width: 2vw; height: 2px; background: var(--color0); left: 0px; }
.background-video { position: fixed; inset: 0px; z-index: 1; background: 0% 0% / cover rgb(0, 0, 0); overflow: hidden; }
@keyframes text { 
  0% { top: 0px; opacity: 0; }
  100% { top: 70px; opacity: 1; }
}
caption, th { text-align: left; }
table, .table { border-collapse: collapse; width: 100%; border-spacing: 0px; }
body::after { content: url("../images/bx_loader.gif") !important; display: none; }
.coord { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin: 40px 0px; }
.title2 .h1 { text-align: left; color: var(--color0); }
.service-image-container::before { content: ""; position: absolute; top: 70px; left: -70px; z-index: -1; width: 100%; height: 100%; background-color: transparent; border: 30px solid rgba(255, 255, 255, 0.07); }
.services-home2 { margin-top: 0px; }
.service-image-container { text-align: center; padding: 20px; position: relative; }
#service-main-image { border-radius: var(--border-radius); height: 64vh; object-fit: cover; }
.panel-title a { display: block; color: rgb(51, 51, 51); font-weight: bold; text-decoration: none; }
.panel-title a:hover { }
.panel-body { background: rgb(249, 249, 249); border-radius: 4px; }
.btn-primary { margin-top: 10px; }
.ag-container { display: flex; gap: 1rem; flex-flow: wrap; }
.ag-button { display: flex; align-items: center; justify-content: center; gap: 0.75rem; border-radius: 7px; transition: transform 0.2s, opacity 0.2s; text-align: center; padding: 1em 2em; text-decoration: none !important; color: rgb(255, 255, 255) !important; }
.ag-button:hover { opacity: 0.9; }
#content { text-align: center; color: rgb(255, 255, 255); z-index: 1; opacity: 0; transition: opacity 1s; transform: translate(0px, -100%); }
#content.show { opacity: 1; transform: translate(0px, 0px); }
.loader-wrap { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; background: var(--color2); transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); }
.loader-wrap.hide { transform: translate(0px, -100%); }
.loader-wrap svg { position: absolute; bottom: 0px; width: 100%; height: 3%; fill: rgb(0, 0, 0); }
.loader-wrap-heading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.load-text { display: flex; gap: 5px; font-size: clamp(3.5rem, 7vw, 7rem); color: rgb(255, 255, 255); height: 100%; text-transform: uppercase; letter-spacing: 5px; justify-content: center; align-items: center; font-family: var(--font_family_3); }
.load-text span { display: inline-block; animation: 1.4s ease-in-out 0s infinite normal none running bounce; text-shadow: rgba(255, 255, 255, 0.8) 0px 0px 20px; }
.load-text span:nth-child(1) { animation-delay: 0s; }
.load-text span:nth-child(2) { animation-delay: 0.1s; }
.load-text span:nth-child(3) { animation-delay: 0.2s; }
.load-text span:nth-child(4) { animation-delay: 0.3s; }
.load-text span:nth-child(5) { animation-delay: 0.4s; }
.load-text span:nth-child(6) { animation-delay: 0.5s; }
.load-text span:nth-child(7) { animation-delay: 0.6s; }
@keyframes bounce { 
  0%, 60%, 100% { transform: translateY(0px); }
  30% { transform: translateY(-20px); }
}
@keyframes circleWave { 
  0% { d: path("M 0 300 Q 250 250 500 250 T 1000 300 V 1000 H 0 Z"); }
  50% { d: path("M 0 250 Q 250 300 500 300 T 1000 250 V 1000 H 0 Z"); }
  100% { d: path("M 0 300 Q 250 250 500 250 T 1000 300 V 1000 H 0 Z"); }
}
#svg { animation: 3s ease-in-out 0s infinite normal none running circleWave; }
.spacer { height: 60vh; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; text-align: center; opacity: 0.8; }
.stats-section { background: var(--red); border-radius: 20px; padding: 60px 40px; max-width: 100%; margin: 0px auto; box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 60px; }
.stats-title { text-align: center; font-size: calc(var(--h1-size) * 6); color: rgba(255, 255, 255, 0.17); position: absolute; top: 4vh; left: 0px; z-index: -1; opacity: 0.5; }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-bottom: 20px; }
.stat-card { text-align: center; padding: 30px; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); border-radius: 15px; box-shadow: rgba(102, 126, 234, 0.3) 0px 10px 30px; transform: translateY(50px); opacity: 0; transition: 0.8s; }
.stat-card.visible { transform: translateY(0px); opacity: 1; }
.stat-card:nth-child(2) { transition-delay: 0.2s; }
.stat-card:nth-child(3) { transition-delay: 0.4s; }
.stat-number { font-size: 3.5rem; font-weight: 800; color: white; margin-bottom: 15px; line-height: 1; }
.stat-plus { color: rgb(255, 215, 0); }
.stat-description { font-size: 1.1rem; color: rgba(255, 255, 255, 0.95); line-height: 1.6; }
@media (max-width: 768px) {
  .stats-section { padding: 40px 20px; }
  .stats-title { font-size: 122px; margin-bottom: 47px; top: 17vh; text-align: left; }
  .stat-number { font-size: 2.5rem; }
  .stat-description { font-size: 1rem; }
  .spacer { font-size: 1.5rem; }
}
.encart-counter::before { display: none; }
.pac-info { color: rgb(255, 255, 255); padding: 60px 0px; }
.pac-container { margin: 0px auto; background: rgb(22, 22, 22); padding: 50px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.35) 0px 15px 40px; }
.pac-info h2 { font-size: 32px; margin-bottom: 15px; color: rgb(221, 51, 51); }
.pac-intro { font-size: 18px; margin-bottom: 25px; line-height: 1.6; }
.pac-contact { background: rgba(221, 51, 51, 0.1); border-left: 4px solid rgb(221, 51, 51); padding: 15px 20px; margin-bottom: 35px; }
.pac-contact a { color: rgb(255, 255, 255); font-weight: 600; text-decoration: none; }
.pac-contact a:hover { text-decoration: underline; }
.pac-block { margin-bottom: 30px; }
.pac-block h3 { font-size: 22px; margin-bottom: 10px; color: rgb(255, 255, 255); text-transform: uppercase; }
.pac-block p { line-height: 1.7; color: rgb(208, 208, 208); }
.pac-1 { font-size: calc(var(--taille_font) * 2); }
.pac-highlight { color: rgb(255, 255, 255); padding: 20px; font-family: var(--font_family_2); display: flex; flex-direction: row; place-content: center flex-start; align-items: center; border-radius: 13px; gap: 10%; background: rgba(255, 255, 255, 0.04); border: 1px dashed rgba(221, 51, 51, 0.4); }
.pac-pricing { margin: 30px 0px; padding: 43px 24px; background: var(--red); border-radius: 12px; float: right; width: 48%; text-align: center; }
.pac-pricing span { display: block; margin-bottom: 24px; color: rgb(255, 255, 255); font-size: calc(var(--taille_font) * 1.5); }
.pac-pricing-link { padding: 16px 25px; margin: 1em 0px; text-align: center; text-transform: uppercase; letter-spacing: 3px; transition: 400ms; font-size: calc(var(--taille_font) - .2em); border-style: solid; border-width: 1px; color: var(--color0); border-color: var(--red); font-family: var(--font_family_1); background: rgb(197, 45, 45); border-radius: 8px; text-decoration: none !important; }
.pac-pricing-link:hover { background: rgb(185, 40, 40); transform: translateY(-2px); }
.pac-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 25px; }
.pac-logo { font-weight: 700; margin-bottom: 10px; }
.pac-legal { font-size: 14px; color: rgb(170, 170, 170); line-height: 1.6; }
.pac-legal a { color: rgb(221, 51, 51); text-decoration: none; }
.pac-legal a:hover { text-decoration: underline; }
@media (max-width: 768px) {
  .pac-container { padding: 30px 20px; }
  .pac-info h2 { font-size: 26px; }
}
.cont-sliderthumb.relative { display: flex; height: 36vh; gap: 50px; flex-direction: row-reverse; }
.title-flex { display: flex; justify-content: space-between; align-items: baseline; }
.AvisClientsBg { position: relative; z-index: 8000; text-align: center; }
.cont-thumbs { width: 40%; position: relative; }
.mySwiperGalAB .swiper-button-prev, .mySwiperGalAB .swiper-button-next { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--color1); color: var(--color0); border-radius: 50%; top: 46%; border: 5px solid var(--color0); font-size: 13px; transition: 0.3s; }
.mySwiperGalAB .swiper-button-prev:hover, .mySwiperGalAB .swiper-button-next:hover { background-color: rgb(66, 75, 92); }
.mySwiperGalAB .swiper-button-prev { left: -20px; background: white; }
.mySwiperGalAB .swiper-button-next { right: -20px; background: rgb(87, 87, 87); }
.gallery .nav li { display: inline-block; margin-bottom: 10px; background: 0px 0px; width: 15%; height: 36vh; padding: 0px 3px 0px 5px; position: relative; }
.gallery .nav li a { text-transform: uppercase; font-size: 16px; font-family: var(--font_family_1); text-align: center; border-radius: var(--border-radius); background: var(--color1); text-decoration: none; height: 100%; display: flex; align-items: end; justify-content: center; border: none; color: rgb(255, 255, 255); overflow: hidden; z-index: 10; }
.nav-pills > li.active > a { }
.nav-pills a::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(184deg, rgba(0, 0, 0, 0.33) 0%, rgba(201, 130, 144, 0.57) 100%); }
.gallery .nav li::before { content: none; }
.gallery .nav li a.bouton-principal { display: flex; align-items: flex-end; text-transform: none; font-size: calc(var(--taille-font) * 2); font-family: var(--font_family_3); border-radius: var(--border-radius); text-decoration: none; justify-content: flex-start; text-align: left; }
.gallery .nav li a.bouton-principal::before { border: unset; }
.gallery .nav li::after { position: absolute; font-size: 20px; right: 0px; top: 18px; height: 5px; border-radius: 5px; display: block; content: " "; }
.gallery .nav li a.bouton-principal::before { }
.gallery .nav li { }
.gallery .nav li a.bouton-principal::after { content: none; }
.gallery .nav li.active { }
.gallery .tab-content { padding-top: 10px; padding-bottom: 0px; }
.gallery .tab-content h2 { padding-left: 15px; margin-bottom: 20px; }
.gallery .bas-galerie { padding: 40px 0px; text-align: center; }
.gallery .bas-galerie a.bouton-principal { padding-left: 15px; padding-right: 60px; display: inline-block; }
.gallery .bas-galerie a.bouton-principal::after { }
.swiper { overflow: hidden; }
.swiper.gallery-thumbs.swiper-container-vertical { width: 100%; position: relative; height: 60%; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.21); border-radius: var(--border-radius); }
.gallery-thumbs .swiper-slide h3 { color: rgb(255, 255, 255); margin: 0px; text-align: center; font-family: var(--font_family_2); font-size: calc(var(--taille_font) * 1.15 ); padding-left: 0px; display: flex; align-items: center; justify-content: center; }
.gallery-thumbs .swiper-slide-active h3 { color: rgb(255, 255, 255); }
.cont-thumbs::after { content: ""; position: absolute; }
.swiper.gallery-top.swiper-container-vertical { box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 50px; }
.AvisClientsBg::before { content: ""; position: absolute; width: 100%; height: 56%; left: 0px; top: 0px; }
.swiper.avisSwiper.swiper-container-horizontal { overflow: hidden; }
.logo-container img { width: 120px; height: 120px; object-fit: contain; filter: invert(1); }
@media (max-width: 768px) {
  .logo-container { width: 100px; height: 100px; }
  .logo-container img { width: 60px; height: 60px; }
  .loading-text { font-size: 16px; }
  .loading-progress { width: 150px; }
}
@keyframes text { 
  0% { top: 0px; opacity: 0; }
  100% { top: 70px; opacity: 1; }
}
.corps .page-contenu h2:first-of-type, .corps .seo-content h2:first-of-type, .corps .newsItem h2:first-of-type { position: relative; padding: 3vh 2vw; font-size: calc(var(--taille_font) + .2rem); line-height: calc(var(--taille_font) + 1rem); border: none; font-weight: 700; z-index: 1; }
.corps .page-contenu h2:first-of-type::before, .corps .seo-content h2:first-of-type::before, .corps .newsItem h2:first-of-type::before { content: ""; position: absolute; background: var(--color1); width: 100%; height: 100%; opacity: 0.2; left: 0px; top: 0px; z-index: -1; border-radius: var(--border-radius); }
.corps .page-contenu h2, .corps .seo-content h2, .corps .newsItem h2 { margin-bottom: 2vh; }
::selection { color: rgb(255, 255, 255); background-color: var(--color1); }
li.niveau3 { margin-left: 22px !important; }
li.niveau2 { margin-left: 15px !important; }
html, body { height: 100%; }
body { width: 100%; margin: 0px; padding: 0px; }
.title img { width: 395px; opacity: 1; }
.titlemini::before { width: 60px; margin-right: 20px; position: relative; top: -5px; border-top-width: 1px; border-top-style: solid; border-color: var(--color1); content: ""; display: inline-block; }
a { transition: color 300ms ease-out; }
a.bouton-p img { width: 200px; margin: 0px 1vw 0px 0px; }
a.bouton-p span { padding-left: 1vw; border-left: 1px solid white !important; }
a.bouton-p { display: inline-block; padding: 16px 25px; margin: 1em 0px; text-align: center; overflow: hidden; font-size: calc(var(--taille_font)); text-transform: uppercase; letter-spacing: 2px; transition: 400ms; background: rgb(0, 0, 0); color: var(--color0); font-weight: bold; font-family: Montserrat-SemiBold; border-radius: var(--border-radius); border: 1px solid; text-decoration: none !important; }
a.bouton-p:hover { background: rgb(0, 0, 0); color: white; }
a img { border: none; }
.logo11 { text-align: center; width: 100%; margin: 0px 0px 7vh; }
.logo11 img { max-width: 30%; }
img { max-width: 100%; }
ul, ol { list-style: none; padding-left: 15px; }
.tete.fixed::before { background: var(--color0); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; }
.serviceimg::before { content: ""; position: absolute; top: 53px; left: -53px; z-index: -1; width: 100%; height: 100%; background-color: transparent; border: 23px solid rgba(250, 250, 250, 0.1); }
body.body-gallery .serviceimg::before { border: 23px solid rgba(159, 158, 158, 0.16); z-index: -1; }
.serviceimg img { height: 49vh; object-fit: cover; }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.header { text-align: center; margin-bottom: 40px; }
@keyframes slideIn { 
  0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0px); }
}
.contacts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-bottom: 40px; }
.contact-card { background: linear-gradient(135deg, rgb(248, 248, 248) 0%, rgb(232, 232, 232) 100%); border-radius: 20px; padding: 30px; border: 2px solid rgba(0, 0, 0, 0.1); transition: 0.3s; position: relative; overflow: hidden; }
.contact-card::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 4px; background: linear-gradient(90deg, rgb(0, 0, 0), rgb(74, 74, 74)); }
.contact-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 30px; border-color: rgba(0, 0, 0, 0.3); }
.contact-name { font-size: 1.4rem; font-weight: 700; color: rgb(45, 55, 72); margin-bottom: 8px; }
.contact-role { font-size: 1rem; color: rgb(74, 74, 74); font-weight: 600; margin-bottom: 20px; }
.contact-info { display: flex; align-items: center; margin-bottom: 10px; font-size: 1rem; color: rgb(74, 85, 104); }
.contact-info:last-child { margin-bottom: 0px; }
.icon { font-size: 1.2rem; margin-right: 12px; width: 20px; text-align: center; }
.availability-section { background: linear-gradient(135deg, rgb(177, 150, 112) 0%, rgb(196, 177, 149) 100%); border-radius: 20px; padding: 25px; color: white; text-align: center; margin-bottom: 30px; position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); }
.availability-section::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); animation: 20s linear 0s infinite normal none running rotate; }
@keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.availability-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 10px; position: relative; z-index: 1; }
.availability-text { font-size: 1.1rem; margin-bottom: 8px; position: relative; z-index: 1; }
.availability-subtitle { font-size: 0.9rem; opacity: 0.9; font-style: italic; position: relative; z-index: 1; }
.address-section, .map-section { backdrop-filter: blur(20px); border-radius: 5px; padding: 3rem; border: 1px solid rgba(212, 175, 55, 0.2); position: relative; overflow: hidden; transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1); animation: 0.8s ease-out 0s 1 normal both running slideInUp; }
.address-section::before, .map-section::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 2px; background: linear-gradient(90deg, transparent, rgb(171, 145, 108), transparent); transform: scaleX(0); transition: transform 0.6s; }
.address-title { }
.address-content { display: flex; align-items: flex-start; gap: 35px; flex-direction: column; justify-content: center; }
.address-icon { font-size: 2rem; color: rgb(45, 55, 72); }
.map-title { font-size: 1.3rem; font-weight: 700; color: rgb(45, 55, 72); margin-bottom: 20px; text-align: center; }
.map-container { border-radius: 15px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 35px; position: relative; height: 400px; background: rgb(245, 245, 245); }
#map { width: 100%; height: 100%; border: none; filter: grayscale(100%) contrast(1.2); transition: filter 0.3s; }
#map:hover { filter: grayscale(70%) contrast(1.1); }
.territories-overlay { position: absolute; top: 15px; right: 15px; background: rgba(0, 0, 0, 0.8); color: white; padding: 10px 15px; border-radius: 20px; font-size: 0.9rem; display: none; font-weight: 600; z-index: 10; backdrop-filter: blur(5px); }
.social-section { text-align: center; padding: 3rem; border-radius: var(--border-radius); border: 1px solid rgba(0, 0, 0, 0.1); }
.social-title { font-weight: 600; color: rgb(45, 55, 72); font-size: calc(var(--taille_font) + 1rem); margin: 1vh 0px 4vh; }
.social-links { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.social-link { background: linear-gradient(135deg, rgb(165, 130, 84), rgb(189, 167, 135)); padding: 8px 16px; border-radius: var(--border-radius); font-weight: 500; transition: 0.3s; color: white !important; text-decoration: none !important; }
.social-link:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 15px; background: linear-gradient(135deg, rgb(74, 74, 74), rgb(0, 0, 0)); }
.datePickerZone .datepicker table tr td.today::before { color: var(--color2); background-color: var(--color0); border-color: var(--color0); }
.datePickerZone .datepicker table tr td.disabled, .datePickerZone .datepicker table tr td.disabled:hover { cursor: no-drop; opacity: 0.8; color: var(--color3) !important; }
.datePickerZone .datepicker table tr td.day:hover, .datePickerZone .datepicker table tr td.focused { color: var(--color0) !important; }
.datePickerZone .datepicker table tr td.day { color: var(--gold); background-color: transparent !important; border-color: transparent !important; }
.datePickerZone .datepicker table tr td.old { color: var(--color2); opacity: 0.6; }
.datePickerZone .datepicker table tr td.new.day { color: var(--color3); opacity: 0.6; }
.datePickerZone .datepicker table tr td.day:hover::before, .datePickerZone .datepicker table tr td.focused::before { background: var(--color5); }
.datePickerZone .datepicker .datepicker-switch, .datePickerZone .datepicker .prev, .datePickerZone .datepicker .next, .datePickerZone .datepicker tfoot tr th { color: var(--color5); }
.datePickerZone .datepicker table tr td.active.active::before { background: var(--color5); }
ol { list-style: circle; }
.datePickerZone { padding: 20px 0px; }
.datepicker-inline { width: 100%; }
.beforeFooter { position: relative; padding: 20px 0px 0px; background-color: var(--color0); text-align: center; background-image: url("../images/beforeFooter.jpg"); background-repeat: no-repeat; background-position: 50% 0px; }
.beforeFooter .h { font-size: 29px; color: var(--color2); margin-bottom: 10px; margin-top: 30px; }
.beforeFooter p { font-size: 18px; color: var(--color2); margin-bottom: 50px; }
.beforeFooter ul { text-align: left; padding-left: 20px; }
.beforeFooter ul li { list-style-image: url("../images/puce.png"); font-size: 20px; color: var(--color4); line-height: 40px; }
.beforeFooter .storeLinks { padding: 15px; display: inline-block; }
.storeLinksBg { margin: 20px 0px; }
.beforeFooterImg02 { float: right; }
.qrCode { position: relative; top: -20px; }
footer .scrollbars { height: 35vh; }
.modal-content label.checkbox.label-rgpd span.text-warning { position: absolute; bottom: -20px; }
.modal { z-index: 9999; font-size: 16px; color: rgb(0, 0, 0); }
.modal-backdrop { z-index: 0; }
.modal-content { border-radius: 0px; padding: 2vh 2vw; background: white; }
.modal-content .h { text-align: center; font-size: 23px; color: rgb(196, 51, 80); margin: 0px 0px 30px; text-transform: none; }
.modal-content .form-control { height: 50px; padding: 0px 0px 0px 12px; box-shadow: none; border-radius: 0px; border: 1px solid rgb(200, 200, 200); background-color: rgb(255, 255, 255); font-size: 15px; line-height: normal; }
#modal-evenement .modal-content select.form-control { background-image: url("../images/modalSelect.png") !important; }
.modal-content .form-group::after { clear: both; display: table; content: " "; }
.modal-content input[name="captcha"] + a, .modal-content .form-control { height: 50px !important; }
.modal-content input[name="captcha"] { width: 100% !important; margin-right: 2%; }
.modal-content input[name="captcha"] + a { width: 100% !important; text-align: center; }
.modal-content input[name="captcha"] + a img { margin: 0px auto; width: auto !important; height: 100% !important; }
.modal-content::before { content: ""; position: absolute; width: 100%; height: 100%; background: white; opacity: 0.5; left: 0px; top: 0px; }
.modal-content textarea.form-control { padding: 20px 10px; box-shadow: none; border-radius: 0px; border: 1px solid rgb(200, 200, 200); }
.modal-content input[type="number"] { padding-right: 0px; }
.modal-content label { padding-left: 0px; font-size: 13px; padding-top: 13px; font-weight: normal; margin-top: 0px; color: rgb(0, 0, 0); }
.modal-content .btn-default { padding: 14px 140px 10px; background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); text-transform: uppercase; color: rgb(0, 0, 0); border-radius: 0px; font-size: 14px; text-decoration: none; transition: 400ms; }
.modal-content .btn-default:hover { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
.modal-content .description { margin: 20px 0px 0px; font-size: 14px; }
.modal-content .obligatoire { font-size: 9px; padding: 10px 0px 0px; margin-bottom: 20px; font-style: italic; color: rgb(255, 0, 0); }
.modal-content .form-group { margin-bottom: 20px; }
.modal-content textarea.form-control { resize: vertical; height: 150px !important; }
.actuAndNewsletterBg { padding: 50px 0px 40px; background-color: rgb(237, 237, 237); }
.modal-header { padding: 0px; border-bottom: 0px solid rgb(229, 229, 229); min-height: 16.4286px; }
.modal-header .btn { margin-top: 0px; background-color: transparent; font-size: 25px; color: rgb(109, 109, 109); padding: 0px; top: -6px; float: right; margin-right: 10px; }
.modal-header .btn i.fa.fa-times { font-style: normal; float: right; font-size: 14px; }
.modal-header .btn:focus, .modal-header .btn:hover { color: rgb(255, 89, 124); }
.parallax { position: relative; }
.parallax .banner img { position: relative; }
#lol { position: relative; }
#modal-calendar .modal-header, #modal-evenement .modal-header { margin-bottom: 40px; border-bottom: 1px solid rgb(0, 0, 0); }
#modal-calendar .datePickerZone { padding: 0px 0px 30px; }
#modal-calendar .modal-footer { border-top: 0px; text-align: center; }
.compteurs { display: flex; justify-content: space-between; padding: 7vh 0px; flex-direction: row; }
.stats-num.count { display: block; z-index: 0; text-align: center; margin: 0px; font-size: clamp(5rem, 8vw, 10rem); position: relative; line-height: 1em; letter-spacing: 0px; color: rgba(204, 182, 134, 0.65); font-family: var(--font_family_2); }
.counter { padding: 10vh 8vw; position: relative; z-index: 1; color: rgb(255, 255, 255); background: var(--color0); }
.count-text { display: flex; left: 0px; height: 100%; text-transform: uppercase; justify-content: flex-start; align-items: center; color: var(--color-dark); font-weight: 600; }
.encart-counter { display: flex; place-content: center flex-start; align-items: center; width: 30%; position: relative; font-family: var(--font_family_1); gap: 3%; }
.encart-counter::before { content: ""; position: absolute; width: 1px; height: 64%; background: var(--color-body); opacity: 0.3; right: 4%; }
.encart-counter:last-child::before { display: none; }
.encart-counter span { margin: 0px; right: 0px; font-size: calc(var(--taille_font) * 3); }
.count-text { width: 100%; }
.carte .blazy { margin-bottom: 20px; }
.price.label { position: relative; }
.section.carte .reserver { display: inline-block; color: var(--color0); }
.section.carte .reserver img { vertical-align: text-top; margin: 3px 0px 0px; }
.carte .price span { display: block; white-space: nowrap; }
.carte .item .item-description .blazy { float: left; margin: 5px 10px 10px 0px; width: auto; }
.body-contact-10 + #modal-evenement .modal-header .btn-prev, .body-page-1 + #modal-evenement .modal-header .btn-prev { display: none; }
.AvisClientsBg h2 { text-align: left; margin: 0px 0px 10vh; }
.pagelayer-col-holder { background: rgba(210, 210, 210, 0.03); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 16px; padding: 30px; transition: 0.4s; position: relative; overflow: hidden; margin: 0px 0px 1vh; }
.titlemini { padding: 0px; display: block; letter-spacing: 2px; font-size: var(--taille_font); font-family: var(--font_family_2); margin: 1vh 0px; text-wrap: balance; color: var(--color1); }
.hero {height: 100vh;display: flex;align-items: center;justify-content: flex-start;text-align: center;position: absolute;padding: 190px 5% 0px;z-index: 1000;width: 100%;}
.hero-content {padding: 0vh 13%;text-align: center;width: 100%;}
.swiper.mySwiper-bann.swiper-container-horizontal { position: relative; top: 0px; height: 100%; }
.hero-subtitle { font-size: var(--taille_font); text-transform: uppercase; letter-spacing: 7px; color: var(--color4); margin-bottom: 0rem; font-family: var(--font_family_2); opacity: 0; animation: 1s ease 0.3s 1 normal forwards running fadeInUp; }
.btn-descendre, a.btn-descendre { width: 20px; height: 20px; border-radius: 50%; border: 2px solid rgb(0, 0, 0); background: rgb(0, 0, 0); display: block; text-align: center; line-height: 12px; z-index: 1000; left: 50%; transform: rotate(90deg); margin-left: -10px; bottom: 8px; transition: 0.3s; position: absolute; cursor: pointer; color: rgb(255, 255, 255) !important; }
a.btn-descendre:hover { background: var(--color0); color: var(--color2) !important; }
.arrow-wrapper::after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; content: ""; font-size: 340px; color: rgb(255, 255, 255); filter: invert(1); pointer-events: none; background: url("../images/after.png") 0% 0% / 100% no-repeat; left: 50%; right: 50%; width: 300px; height: 45px; transform: translateX(-50%); bottom: 0px; z-index: 1; margin-bottom: -1px; position: absolute; }
.arrow-wrapper { left: 50%; bottom: 0px; transform: translateX(-50%); position: absolute; z-index: 1000; }
.btn-descendre i::after { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; margin-left: 2px; font-size: 10px; position: relative; transition: 0.3s; }
.hero .h1 { font-family: var(--font_family_3); font-size: clamp(3.5rem, 7vw, 6.5rem); font-weight: 300; margin-bottom: 2rem; color: var(--cream); line-height: 1.1; opacity: 0; transform: translateY(30px); animation: 1s ease 0.6s 1 normal forwards running fadeInUp; }
.hero-tagline { margin-bottom: 3vh; color: var(--color0); font-size: var(--taille_font); text-align: left; opacity: 0; transform: translateY(20px); animation: 1s ease 0.9s 1 normal forwards running fadeInUp; }
.hero-description { margin-bottom: 3rem; padding: 0px 20%; margin-left: auto; font-size: 19px; color: rgba(254, 254, 254, 0.64); opacity: 0; transform: translateY(20px); animation: 1s ease 1.1s 1 normal forwards running fadeInUp; }
.cta-buttons { display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap; opacity: 0; transform: translateY(20px); animation: 1s ease 1.4s 1 normal forwards running fadeInUp; }
.input-group-btn .btn.btn-primary { margin: 0px; }
.cta-button, .btn-primary { display: inline-block; padding: 16px 25px; margin: 1em 0px; text-align: center; overflow: hidden; font-size: calc(var(--taille_font) - .2em); text-transform: uppercase; letter-spacing: 2px; transition: 400ms; background: var(--red); color: var(--color0); font-family: var(--font_family_1); border-radius: var(--border-radius); border: 0px; text-decoration: none !important; }
p.cta-button.secondary.callTracker { }
a.cta-button.secondary { color: var(--color0); background: var(--color1); }
.gallery-top a { text-align: center; }
.gallery-top a img { width: 100%; height: 100%; object-fit: cover; }
.gallery-top .swiper-button-prev, .gallery-top .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; background-repeat: no-repeat; filter: revert-layer; border: 0px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e51e31'%2F%3E%3C%2Fsvg%3E") !important; }
.gallery-top .swiper-button-next, .gallery-top .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; background-repeat: no-repeat; border: 0px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e51e31'%2F%3E%3C%2Fsvg%3E") !important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e51e31'%2F%3E%3C%2Fsvg%3E"); left: -4%; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e51e31'%2F%3E%3C%2Fsvg%3E"); right: -4%; left: auto; }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.gallery-top {backdrop-filter: blur(20px);border-radius: 5px;padding: 0px;margin: 0px;overflow: hidden;}
.swiper-slide { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.scroll01 { max-height: 407px; overflow: hidden; }
.gallery-top .swiper-slide { border: none; width: 100%; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; }
.swiper.mySwiper3.swiper-container-horizontal .swiper-slide {background: rgb(255, 255, 255);border: 1px solid var(--color1);height: 25vh;border-radius: var(--border-radius);}
.swiper.mySwiper3 { margin: 7vh 0px 0px; }
.swiper-button-prev.swiper-button-disabled { opacity: 0.5; }
.gallery-top .swiper-slide a { height: 100%; width: 100%; flex-direction: column; text-decoration: none; display: flex; color: inherit; transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; padding: 0px; align-items: stretch; align-content: space-around; }
.gallery-top { height: 100%; width: 100%; border: 1px solid rgba(212, 175, 55, 0.2); }
.gallery-thumbs {box-sizing: border-box;padding: 10px 0px;height: 100% !important;display: none;}
.gallery-thumbs .swiper-slide { width: auto; height: 100%; opacity: 0.4; padding: 12px 0px; cursor: pointer; display: flex; place-content: center; align-items: center; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.partenaire-swiper { position: relative; width: 100%; overflow: hidden; }
.partenaire-swiper .swiper-slide { display: flex; justify-content: center; align-items: center; border: 1px solid rgb(221, 221, 221); filter: grayscale(1); }
.partenaire-swiper .img_item { height: 19vh; display: flex; justify-content: center; align-items: center; padding: 2vh 0px; box-sizing: border-box; transition: transform 0.3s; }
.partenaire-swiper .img_item:hover { }
.partenaire-swiper .img_item img { max-width: 56%; max-height: 100%; object-fit: contain; display: block; }
.swiper-button-next, .swiper-button-prev { color: var(--color0); top: 56%; transform: translateY(-50%); opacity: 0.8; }
.swiper-pagination { margin-top: 0px; text-align: center; display: none; font-size: 14px !important; }
.swiper-pagination-bullet { background: rgb(225, 112, 76); opacity: 0.5; }
.swiper-pagination-bullet-active { opacity: 1; }
.page-contenu2.page-contenu-home2.clear { padding: 9vh 10% 0px 0px; width: 58%; color: rgba(247, 247, 247, 0.59); }
.row2 { position: relative; float: left; width: 100%; display: flex; align-items: stretch; margin: 0px 0px 30px; }
.fluid-contenu .corps ul strong { color: var(--red); }
.fluid-contenu .corps .description-galerie ul { margin: 0px 0px 2vh; }
.fluid-contenu .corps .description-galerie ul li, .fluid-contenu .corps .flex-seoContain ul li { background: url("../images/puce.svg") left 7px / 10px no-repeat; padding-left: 14px; margin: 0px 0px 7px; }
.fluid-contenu .corps .services .bx-wrapper li { background: none; padding: 0px; margin: 0px; }
.fluid-contenu .corps .services .bx-wrapper ul { background: transparent; padding: 0px; overflow: hidden; margin: 0px; border-radius: var(--border-radius); }
.corps .page-contenu2 h2:first-of-type, .corps .seo-content h2:first-of-type, .corps .newsItem h2:first-of-type { position: relative; padding: 2vh 1vw; font-size: calc(var(--taille_font) + .1rem); line-height: calc(var(--taille_font) + 1rem); border: none; font-weight: 700; z-index: 1; font-family: var(--font_family_1); color: var(--color0); }
.corps .page-contenu2 h2:first-of-type::before, .corps .seo-content h2:first-of-type::before, .corps .newsItem h2:first-of-type::before { content: ""; position: absolute; background: var(--color2); width: 100%; height: 100%; opacity: 0.3; left: 0px; top: 0px; z-index: -1; border-radius: var(--border-radius); border: 1px solid rgba(255, 255, 255, 0.29); }
.corps .page-contenu2 h2, .corps .gallery h2, .corps .seo-content h2, .corps .newsItem h2 { margin-bottom: 2vh; }
.corps blockquote { font-size: inherit; background: var(--red); border-radius: var(--border-radius); border: 0px; padding: 3vh 2vw; margin: 3vh 0px; position: relative; color: var(--color0); }
.alert.alert-warning.alert-dismissable { width: 100%; }
menu, dir { padding-left: 15px; }
body.body-catalogue-list.body-catalogue-list-0 .services-home { padding: 0px; background: transparent; }
.col-md-4.nopad.text-right .div-rs .btn-partage2 { float: right; }
.corps blockquote strong { font-family: var(--font_family_3); color: var(--red); font-size: 131%; }
blockquote p { font-size: inherit; }
.quote1 blockquote { font-family: var(--font_family_3); font-size: 119%; padding: 14vh 2vw 5vh; text-align: left; width: 50%; }
.quote1 { display: flex; gap: 0.5%; }
.quote1 blockquote:first-child::before { content: "ARCHI"; position: absolute; width: 100%; z-index: -1; font-size: calc(var(--h1-size) * 2); right: 0px; top: 2px; opacity: 0.2; text-align: right; }
.quote1 blockquote:last-child::before { content: "MOP"; position: absolute; width: 100%; z-index: -1; font-size: calc(var(--h1-size) * 2); left: 0px; top: 2px; opacity: 0.4; color: var(--color0); text-align: left; }
.title0, .h1.title0 { font-size: var(--h1-size); text-transform: uppercase; font-family: var(--font_family_3); text-align: center; width: 100%; margin: 0px 0px 6vh; }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes slideInUp { 
  0% { opacity: 0; transform: translateY(60px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes shimmer { 
  0% { background-position: -200px 0px; }
  100% { background-position: calc(100% + 200px) 0px; }
}
.node-1 small.titre-secondaire { color: var(--color0); }
.advantage-title { animation: 3s ease-in-out 0s infinite normal none running shimmer; }
table, table td, table th { font-size: inherit; }
main, section, article, aside, footer, header, nav, hgroup { display: block; }
iframe { border: none; }
ul li.niveau2, ol li.niveau2 { margin-left: 30px; }
body.body-catalogue-list.body-catalogue-list-0 .section-lieux { padding: 0px; }
body.body-catalogue-list.body-catalogue-list-0 .container2 { padding: 0px 0px 8vh; }
body.body-catalogue-list.body-catalogue-list-0 .section-lieux h2 { text-align: left; }
.body-page-1 .fluid-contenu { background: var(--color2) none; color: var(--color0); }
.fluid-contenu { position: relative; z-index: 10000; margin: 0px; opacity: 1; background: var(--color0)none; color: var(--color2); }
.photo-one { position: relative; width: 100%; margin: 0px; z-index: 100; }
.fluid-contenu li { position: relative; }
a.imagecont.noflicker img { height: 100%; }
.blocarte { border: 1px solid var(--color1); padding: 14px; border-radius: 6px; width: 33%; }
.group-description strong { color: rgb(221, 51, 51); font-family: var(--font_family_2); text-transform: uppercase; margin: 3vh 0px; }
table.group { width: 53%; }
.flex.flex1 { gap: 2%; background: var(--color2); color: var(--color0); padding: 6vh 5%; display: flex; place-content: center space-between; align-items: center; border-radius: 10px; margin: 0px 0px 7vh; }
blockquote.info-box h2 { color: var(--color0); }
.container1 { column-count: 2; column-gap: 7%; }
.container.nopad { }
.services .mainSectionSlider li.img-0::before { display: none; }
.ligne-photos .propor::after { padding-top: 76%; display: block; content: ""; }
.ligne-photos .propor .propor-cont { position: absolute; inset: 0px; }
.ligne-photos .propor .propor-cont img { object-fit: cover; min-width: 100%; min-height: 100%; width: auto; flex: 1 1 0%; height: 100%; border-radius: var(--border-radius); }
.ligne-photos .propor .propor-cont .imagecont { transform: translateZ(0px); justify-content: center; display: flex; flex-direction: row; overflow: hidden; position: relative; height: 100%; }
.ligne-photos .propor .propor-cont .imagecont .imagefond { display: block; height: 100%; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; }
.ligne-photos .propor .propor-cont .imagecont .masque { display: block; position: absolute; top: 0px; left: 0px; opacity: 0; width: 100%; height: 100%; background-color: var(--color1); background-image: url("../images/ico-zoom.svg"); background-repeat: no-repeat; background-position: center center; border-radius: var(--border-radius); }
.ligne-photos .propor .propor-cont .imagecont:hover .masque { opacity: 0.7; }
.ligne-photos .propor .propor-cont .imagecont:hover .imagefond { transform: scale(1.15); }
.photo-one::before { content: ""; position: absolute; top: 70px; left: -70px; z-index: -1; width: 100%; height: 100%; }
.fluid-contenu li { position: relative; }
.tab-pane1 { position: relative; float: left; width: 100%; background: var(--color0); color: var(--color2); padding: 7vh 9vw; }
.tab-pane1:nth-of-type(2n) { position: relative; float: left; width: 100%; background: var(--color2); color: var(--color0); padding: 7vh 9vw; }
.ser1 h3 { padding: 1vh 0px; position: relative; margin-top: 2.2rem; margin-bottom: 2rem; color: var(--color1); font-size: var(--h1-size); }
.fluid-contenu li::before { display: inline-block; content: "❯"; position: absolute; left: -11px; font-size: 12px; color: var(--color1); top: 3px; width: 9px; }
.row { margin-right: 0px !important; margin-left: 0px !important; }
.nopad { padding-left: 0px; padding-right: 0px; }
.nopad-l { padding-left: 0px; }
.nopad-r { padding-right: 0px; }
.nomargin { margin: 0px; }
.hide { display: none; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.clear::after { content: ""; display: block; clear: both; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.relative { position: relative; }
.inline-block { display: inline-block; vertical-align: top; }
.noflicker { transform: translateZ(0px); }
.retrait { margin-left: -5px !important; margin-right: -5px !important; }
.transition { transition: 400ms; transform: translateZ(0px); }
.cover { background-size: cover !important; }
.photo-accueil { width: 50%; float: right; }
.photo-one img { height: 62vh; width: 100%; object-fit: cover; }
.text-client { position: absolute; color: var(--color2); line-height: 2; font-size: calc(var(--font-title) / 1.8); text-shadow: rgb(255, 255, 255) 1px 1px 1px; bottom: 2vh; background: rgba(254, 254, 254, 0.61); padding: 0px 18px; }
.text-client b { color: rgb(0, 0, 0); font-family: var(--font_family_3); }
hr.trait { height: 1px; margin: -0.5em 0px; padding: 0px; color: rgb(224, 224, 225); background-color: rgb(224, 224, 225); border: 0px; }
.page-contenu img { margin: 0px; object-fit: cover; transition: 1.3s; }
.cat-produit .row.relative { padding: 2vh 0px; position: relative; float: left; width: 100%; }
@media print {
  @page { size: portrait; margin: 2cm; }
  body { background-color: rgb(255, 255, 255); font-family: serif; font-size: 10pt; }
  a::after { content: " [" attr(href) "] "; }
  h1, h2, h3 { font-family: verdana, serif; }
  .hide-print { display: none; }
  .hide { display: none; }
  .clear { clear: both; }
  div[class^="col-"] { width: 100%; }
  .gallery .ligne-photos div[class="col-md-2"] { width: 16.6667%; }
  .gallery .ligne-photos div[class="col-md-3"] { width: 25%; }
  .gallery .ligne-photos div[class="col-md-4"] { width: 33%; }
  .gallery .ligne-photos div[class="col-md-6"] { width: 50%; }
}
@media (min-width: 992px) {
  .container { max-width: 970px; }
}
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}
.container.nopad .sitemap ul { }
ul.tabs-list li a { text-decoration: none; cursor: pointer; }
.h1, h1 { font-size: calc(var(--h1-size) * 1.4); color: var(--color0); position: relative; line-height: 1; letter-spacing: 0px; }
.title0 { font-size: var(--h1-size); text-transform: uppercase; font-family: var(--font_family_3); letter-spacing: 6px; margin: 0px 0px 7vh; text-align: left; }
body { color: var(--color2); font-family: var(--font_family_1); font-size: var(--taille_font); background: var(--color0); }
a, a:link, a:visited { color: inherit; text-decoration: underline; }
a:hover { color: var(--color1); }
.row.description-galerie.clear h2::after { content: ""; width: 46px; height: 1px; position: absolute; bottom: 0px; left: 0px; }
body.body-service.body-service-292 main.fluid-contenu .container::before { content: ""; position: absolute; width: 100%; height: 5vh; background: url("../images/barre.jpg") 0% 0% / 11% repeat-x; top: 0px; animation: 80s linear 0s infinite normal none running Anim; opacity: 1; left: 0px; }
.row.description-galerie.clear h2 { padding: 1vh 0px; position: relative; margin-top: 2.2rem; margin-bottom: 2rem; color: var(--color1); font-size: var(--h1-size); }
h2.titre {color: var(--color2);}
.encarts .swiper-container .swiper-slide.item.swiper-slide-active { opacity: 1; }
.encarts .swiper-container .swiper-slide.item {opacity: 1;}
.h1, .h2, .h3, h1, h2, h3, h4 { margin-top: 2vh; margin-bottom: 2vh; }
h2.h1 { color: var(--color2); text-transform: none; }
.h1 { color: var(--color2); text-transform: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 { color: rgb(221, 51, 51); margin: 0px 0px 3vh; font-family: var(--font_family_2); text-transform: uppercase; }
.h2, h2 { font-size: calc(var(--taille_font) + 1rem); margin-top: 1.2rem; margin-bottom: 2vh; text-transform: uppercase; }
h3 { font-size: calc(var(--taille_font) + .6rem); margin-top: 1.9rem; margin-bottom: 1rem; }
h4 { font-size: calc(var(--taille_font) + .4rem); margin-top: 1.5rem; margin-bottom: 1rem; }
h5 { font-size: calc(var(--taille_font) + .3rem); margin-top: 1rem; margin-bottom: 0.7rem; }
h6 { font-size: calc(var(--taille_font) + .2rem); }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, .h1 a:link, .h2 a:link, .h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, .h1 a:visited, .h2 a:visited, .h3 a:visited { font-size: inherit; color: inherit; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover { text-decoration: underline; }
.tableGrid > .row, .tableGrid { display: table; margin: 0px auto; padding: 0px; position: relative; height: 100%; }
.tableGrid > .table-row { height: 100%; display: table-row; }
.tableGrid.fullWidth { width: 100%; }
.tableGrid > .row .table-row > [class*="col"], .tableGrid .table-row > [class*="col"], .tableGrid > .row > [class*="col"], .tableGrid > [class*="col"] { display: table-cell; vertical-align: top; float: none; height: 100%; position: relative; }
.noPaddingCells > .row .table-row > [class*="col"], .noPaddingCells .table-row > [class*="col"], .noPaddingCells > .row > [class*="col"], .noPaddingCells > [class*="col"] { padding: 0px; }
.tableGrid.nopadding > .row .table-row > [class*="col"], .tableGrid.nopadding .table-row > [class*="col"], .tableGrid.nopadding > .row > [class*="col"], .tableGrid.nopadding > [class*="col"] { padding: 0px; }
.tableGrid.va-middle > .row .table-row > [class*="col"], .tableGrid.va-middle .table-row > [class*="col"], .tableGrid.va-middle > .row > [class*="col"], .tableGrid.va-middle > [class*="col"] { vertical-align: middle; }
.contact .coordonnees address p.tel.callTracker span { text-decoration: none; }
.contenus { position: relative; }
.wrapper { margin: 0px -15px; display: flex; flex-wrap: wrap; }
body.body-gallery.body-gallery-296 .fluid-contenu .corps { border: 1px solid rgb(107, 107, 107); padding: 1vh 3vw 5vh; text-align: center; border-radius: 21px; margin: 0px 0px 6vh; }
.cell ul li { background: url("../images/puce.svg") left 4px / 10px no-repeat; padding-left: 14px; margin: 0px 0px 7px; }
.flexbloc .tab-gallery { padding: 10vh 12vw; opacity: 1; }
.flexbloc div#gallery-0, .flexbloc div#gallery-3 { background: var(--color0); color: var(--color-dark); }
.flexbloc .cell h3 { font-size: calc(var(--h1-size) /1.1); margin: 0px 0px 5vh; position: relative; width: 100%; padding: 0px 0px 2vh; }
.flexbloc .cell h3::before { content: ""; width: 2.7vw; height: 2px; background: var(--red2); position: absolute; bottom: 0px; left: 0px; }
.flexbloc div#gallery-2 { line-height: 1.8; position: relative; border: 0px; background: var(--red); font-family: var(--font_family_3); text-align: center; font-size: var(--h1-size); }
.flexbloc div#gallery-2 h3:first-of-type { display: none; }
.flexbloc div#gallery-2 .cell::before { color: rgba(255, 255, 255, 0.5); left: 50%; content: "❞"; font-size: calc(var(--font-title) * 2); height: 130px; line-height: 130px; margin-left: -65px; position: absolute; text-align: center; text-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px; top: 0px; width: 130px; }
.light-mode .intervention { background: var(--color0); color: var(--color2); }
.light-mode .intervention .contenu .h1 { color: var(--color2); }
.intervention::before { content: ""; position: absolute; background: url("../images/bg.png") left center / 27% no-repeat; width: 100%; height: 100%; filter: invert(1); opacity: 0.15; }
.light-mode .intervention::before { content: ""; position: absolute; background: url("../images/bg.png") left center / 27% no-repeat; width: 100%; height: 100%; opacity: 0.15; filter: invert(0); }
.intervention .contenu {padding: 12vh 0 10vh 0px;position: relative;z-index: 1000;background: url("../images/car.png") right center / 50% no-repeat rgb(11, 11, 11);}
.intervention .contenu .h1 { color: var(--color0); margin: 0px 0px 5vh; }
.intervention {position: relative;z-index: 99;color: var(--background);}
.sidebar-scroll-right .callTracker { width: 100%; height: 50px; }
.callTracker { position: relative; }
.callTracker span, .callTracker a { display: inline-block; text-align: left; padding: 0px; transition: 500ms; height: 100%; text-decoration: none; }
.callTracker .t_phone { opacity: 0; display: none; }
.callTracker .t_affiche { cursor: pointer; }
header.hide-print.tete.fixed .texte2 { color: var(--color2) !important; border: 1px solid var(--color2) !important; }
header.hide-print.tete.fixed .texte2:hover { color: var(--color0) !important; border: 1px solid var(--color1) !important; }
header .callTracker span, header .callTracker a { top: 5px; }
header .callTracker .t_affiche { }
.callTracker.active .t_phone { opacity: 1; color: inherit; display: inline-block; }
.callTracker.active .t_affiche { opacity: 0; display: none; }
.pied .callTracker a, .coordonnees .callTracker a { position: relative; left: 0px; }
.pied .callTracker span.t_affiche { font-weight: bold; text-decoration: underline; }
.main-page {position: relative;overflow: hidden;}
.tete { position: fixed; z-index: 99997; width: 100%; top: 0px; left: 0px; transition: 0.3s; height: auto; }
.tete.fixed { box-shadow: rgba(113, 112, 112, 0.28) 1px 1px 3px 2px; background-size: contain; height: auto; padding: 0vh 0px; }
.tete.fixed .logo-site { filter: invert(0); }
.tete.fixed .navh .menu_principal, .tete.fixed .tel, .tete.fixed .btn-recherche, .tete.fixed .btn-favoris { color: var(--color2); }
.tete .cols { display: flex; width: 100%; padding: 1vh 5vw; position: relative; place-content: center space-between; align-items: center; transition: 400ms; background: var(--color-dark); }
.tete .cols .col.col1 { width: 12%; }
.tete .cols .col.col2 { width: 100%; }
.gallery-top .swiper-button-prev.swiper-button-disabled, .gallery-top .swiper-button-next.swiper-button-disabled { display: none; }
.nav-top { height: 50px; box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px; }
.nav-top ul li { color: var(--color0); font-size: calc(var(--taille_font) - 1px); float: left; margin-right: 47px; height: 50px; line-height: 50px; list-style: none; }
.nav-top ul li.social-bloc { float: right; margin-right: 25px; }
.nav-top ul li i { color: var(--gold); margin-right: 10px; font-size: 18px; margin-top: 10px; }
.social-bloc a.btnp { display: inline-block; margin-left: 10px; }
.nav-top ul li.social-bloc a i { font-size: 15px; color: var(--color4); transition: 0.3s; }
.nav-top ul li.social-bloc a:hover i { color: var(--color1); }
.btn-gmb:hover .icones { fill: var(--color1); }
.tete.fixed .nav-top { display: none; }
.menu_principal .menu_catalog li a::before { z-index: -1; bottom: 0px; height: 100% !important; }
.produits3 { height: 29vh; overflow: hidden; border-radius: var(--border-radius); }
.produits3 img { position: relative; top: 0px; left: 0px; object-fit: cover; min-width: 100%; min-height: 100%; width: auto; flex: 1 1 0%; height: 100%; transition: 0.5s ease-out; }
.tete .btn-recherche, .tete.fixed .tel { color: var(--color2); }
li.child a::before { display: none; }
.tete.fixed .navh .menu_principal a:hover, .tete.fixed .navh .menu_principal li.active > a { color: var(--color1); }
.tete .cols .col.col3 { width: 23%; place-content: center flex-end; align-items: center; column-gap: 5%; display: none; }
.tete .logo-site img { max-height: 119px; vertical-align: middle; }
.tete .logo-site { padding: 0px; }
.tete .btn-recherche { overflow: hidden; color: var(--color0); float: left; margin: 0px 9%; }
.tete .btn-favoris { margin: 44px 0px 0px; overflow: hidden; text-indent: 100px; background: url("../images/ico-favoris.png") center top no-repeat; display: inline-block; vertical-align: top; width: 40px; height: 26px; border-left: 1px solid rgb(236, 236, 236); }
.tete .tel { font-size: var(--taille_font); color: var(--color0); padding: 0px 30px 0px 0px; display: inline-block; margin: 0px; vertical-align: top; font-family: var(--font_family_1); text-transform: uppercase; }
.tete .tel a { color: inherit; text-decoration: none; }
.zone-recherche ::-webkit-input-placeholder { color: rgb(255, 255, 255) !important; }
.zone-recherche { position: relative; }
.img-swiper h2 { font-size: calc(var(--taille_font) + .4rem); }
.tete.fixed .zone-recherche { filter: invert(1); }
.img-swiper { margin: 0px 0px 2vh; background: var(--bg-facultatif); padding: 2vh 2vw; position: relative; float: left; width: 100%; height: 100%; }
.zone-recherche input[type="text"] { height: 38px; background: transparent; line-height: 1; color: rgb(255, 255, 255); border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; padding: 0px 1px; font-size: var(--taille_font); border-bottom: 1px solid rgb(241, 241, 241) !important; }
.zone-recherche input[type="submit"] { transition: 200ms; color: rgb(255, 255, 255); text-align: center; display: inline-block; vertical-align: top; font-size: 0px; background: url("../images/zoom.svg") 0% 0% / 100% no-repeat; width: 20px; height: 22px; border: none; position: absolute; right: 6px; top: 5px; }
.zone-recherche input[type="submit"]:hover { }
.text-services { display: flex; gap: 4%; justify-content: space-between; }
.widget-partage { display: none; }
.img-swiper h3 { color: var(--color1); margin: 0px; font-size: calc(var(--taille_font) + .3rem); }
body.body-catalogue-item .hide-print.encarts { padding: 3vh 10vw; background: var(--bg-facultatif); }
.swiper.swiper-container4 { overflow: hidden; }
.encarts .swiper.mySwiper, .encarts .swiper-container, .encarts .swiper-container1 { overflow: hidden; position: relative; float: left; width: 100%; }
.text-encarts { padding: 12px; text-align: left; }
.text-encarts .cell1.ancien { width: 100%; }
.encarts .swiper-pagination-bullet-active { background: var(--color0); }
.encarts p.legend { font-size: 14px; font-weight: bold; text-align: center; margin: 0px; color: var(--color2); }
.encarts .swiper-pagination-bullet { background: var(--color0); }
.encarts .picto { margin-bottom: 1em; }
.encarts .picto i { width: auto; }
.encarts .swiper-button-prev, .swiper-button-prev1, .swiper-button-prev2 { background-image: none; left: -6%; opacity: 0.8; top: 50%; position: absolute; }
.encarts .swiper-button-next, .swiper-button-next1 { background-image: none; right: -6%; top: 50%; opacity: 0.8; height: 24px; position: absolute; }
.encarts .swiper-button-next i, .swiper-button-prev i, .swiper-button-next1 i, .swiper-button-prev1 i, .swiper-button-next2 i, .swiper-button-prev2 i { font-size: var(--taille_font); color: var(--color0); display: block; }
.encarts .swiper-button-next:hover, .swiper-button-prev:hover, .encarts .swiper-button-next1:hover, .swiper-button-prev1:hover, .encarts .swiper-button-next2:hover, .swiper-button-prev2:hover { opacity: 1; }
.encarts .picto i { color: var(--color2); text-align: center; font-size: 3rem; }
.liste-services.description ul li { background: none; margin: 0px; padding-left: 0px; }
.liste-services.description ul#myTabs { overflow: unset; position: relative; margin: 0px; padding: 0px; list-style: outside none; display: flex; width: 100%; place-content: center; column-gap: 4vw; align-items: center; flex-wrap: nowrap; }
.menu1 li.active a::before, .menu1 li a::before { width: 100%; }
.menu1 li a::before { position: absolute; bottom: 0px; content: ""; left: 50%; transform: translateX(-50%); transition: 0.3s; width: 0px; height: 2px; background: rgb(0, 0, 0); }
.menu1 li a { color: var(--color2); font-size: calc(var(--taille_font) + .5em); padding: 0px 0px 5px; border: 0px; display: inline-block; position: relative; opacity: 0.5; font-family: var(--font_family_2); }
li.active { }
.menu1 li.active a { opacity: 1; }
.menu1 li { position: relative; vertical-align: middle; text-align: center; padding: 0px; float: left; }
.zone-catalogue { display: none; z-index: 9997; position: absolute; top: 89px; left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px inset; padding: 0px 20vw !important; }
.zone-catalogue .categorie { border-bottom: 1px solid rgb(224, 224, 224); padding: 35px 0px 0px; }
.zone-catalogue .categorie:last-child { border-bottom: none; }
.zone-catalogue .categorie .titre-cats { text-transform: uppercase; color: rgb(228, 183, 121); margin: 0px; padding: 0px 0px 0px 25px; }
.zone-catalogue .categorie .titre-cats a { color: inherit; }
.zone-catalogue .categorie .titre-cats a:hover { text-decoration: underline; }
.zone-catalogue .categorie .liste-cats { color: rgb(0, 0, 0); padding: 5px 0px 45px; list-style-type: none; margin: 0px; display: table; table-layout: fixed; width: 100%; }
.zone-catalogue .liste-cats .menu-item a { display: inline-block; line-height: 1; }
.zone-catalogue .categorie .liste-cats li { display: table-cell; vertical-align: top; text-align: center; }
.zone-catalogue .categorie .liste-cats li a, .zone-catalogue .categorie .liste-cats li a:visited { font-size: 20px; display: block; padding: 0px 0px 110px; color: inherit; text-decoration: none; background-position: center bottom; background-repeat: no-repeat; }
.zone-catalogue .categorie .liste-cats li.active a, .zone-catalogue .categorie .liste-cats li a:hover { color: rgb(228, 183, 121); }
.zone-catalogue .categorie .liste-cats li.active a:hover { cursor: default; text-decoration: none; }
.zone-catalogue .btn-fermer { color: rgb(0, 0, 0); display: inline-block; position: absolute; top: 15px; right: 15px; width: 35px; height: 24px; background: url("../images/ico-croix.png") center top / 100% 100% no-repeat; }
.zone-catalogue .btn-fermer:hover { opacity: 0.8; }
.masque-noir { display: none; background: var(--color2); position: fixed; inset: 0px; z-index: 9996; opacity: 0.5; cursor: pointer; }
.decouvrez { text-align: center; }
.swiper-container5 { width: 100%; overflow: hidden; }
.swiper-container5 .swiper-slide img { width: 100%; height: auto; object-fit: cover; }
.swiper-container5 .swiper-slide { position: relative; overflow: hidden; width: 100% !important; }
.swiper-container5 .thumbnails { display: flex; justify-content: flex-start; margin-top: 10px; overflow: hidden; }
.masonry-catalog { column-count: 4; column-gap: 10px; }
@media (max-width: 900px) {
  .masonry-catalog { column-count: 2; }
  .cont-slider::before { content: ""; position: absolute; top: 0px; width: 100%; height: 100%; background: var(--color2); }
}
.masonry-catalog figure img { max-width: 100%; display: block; width: 100%; }
.masonry-catalog figure { margin: 0px 0px 10px; display: grid; grid-template-rows: 1fr auto; break-inside: avoid; position: relative; overflow: hidden; }
.masonry-catalog figure a { position: absolute; inset: 0px; z-index: 9; }
.masonry-catalog figure * { transition: 0.3s ease-in-out; }
.masonry-catalog figure .overlay { position: absolute; width: 100%; height: 0px; opacity: 0; background: radial-gradient(circle, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 80%); top: 0px; left: 0px; z-index: 1; display: flex; align-items: center; justify-content: center; }
.masonry-catalog figure .overlay span { color: rgb(255, 255, 255); font-size: 2.2em; opacity: 0; transform: translateY(-20px); }
.masonry-catalog figure:hover .overlay span, .masonry-catalog figure:focus .overlay span { opacity: 1; transform: translateY(0px); transition-delay: 0.2s; }
.masonry-catalog figure:hover .overlay, .masonry-catalog figure:focus .overlay { height: 100%; opacity: 1; }
.masonry-catalog figure:hover img { transform: scale(1.1); }
.masonry-catalog figure img { grid-area: 1 / 1 / -1; }
.swiper-container5 .thumbnail { margin: 0px 5px; cursor: pointer; opacity: 0.7; width: 80px !important; height: 80px !important; }
.thumbnail-active { opacity: 1; }
.swiper-container-thumbnails { margin-top: 10px; }
.swiper-container5 .thumbnail:hover { opacity: 1; }
.AvisClientsBg.avisblack {
    padding: 9vh 8vw;
}
swiper-container-horizontal{overflow-x:hidden;}
.light-mode .page-contenu2.page-contenu-home2.text.clear { color: var(--color2); }
.body-page-1 main.fluid-contenu .container .row.relative.corps {padding: 15vh 8vw;}
.body-page-1 main.fluid-contenu .container { padding: 0vh 0px; position: relative; background: rgb(0, 0, 0); color: var(--color0); }
.page-contenu.clear h1.sans-image { text-align: center; line-height: 1.7; }
.swiper-container5 .thumbnail img { width: 100%; height: auto; }
.decouvrez a, a.bouton-principal, a.view-btn-all, button.bouton-principal { position: relative; display: inline-block; padding: 18px 25px 16px; margin: 1em 0px; text-align: center; overflow: hidden; font-size: calc(var(--taille_font) - .1em); text-transform: uppercase; letter-spacing: 2px; transition: 400ms; background: var(--red); color: var(--color0); font-family: var(--font_family_1); border-radius: var(--border-radius); border: 0px; text-decoration: none !important; }
.decouvrez a:hover, a.bouton-principal:hover, .view-btn-all:hover, button.bouton-principal:hover, .cta-button:hover, .btn-primary:hover, .btn-primary:focus { background-color: var(--red2); border-color: var(--gold); color: var(--color0); text-decoration: none; }
.fluid-collections { background-repeat: no-repeat; background-size: cover; padding: 15vh 10vw 0px; }
.fluid-collections .titre { color: var(--color2); font-size: var(--h1-size); text-transform: uppercase; text-align: left; line-height: 23px; margin: 0px 0px 1em; text-wrap: balance; font-family: var(--font_family_2); }
.fluid-collections .encart { text-align: left; }
.fluid-collections .encart .info { justify-content: flex-start; display: flex; bottom: 0px; transform: translateY(0px); top: auto; position: absolute; width: 100%; left: 0px; text-align: left; padding: 0px 15px 50px 45px; flex-wrap: wrap; }
.fluid-collections .encart .photo { position: relative; display: flex; height: 40vh; overflow: hidden; border-radius: var(--border-radius); }
.fluid-collections .encart .photo img { object-fit: cover; min-width: 100%; min-height: 100%; width: 100%; transition: 0.5s ease-out; flex: 1 1 0%; height: 100%; }
.titre small { color: var(--color0); }
.fluid-collections .titre small, h1 small, h2 small, small.titre-secondaire, .titre small, .service_sub_title, .titre-secondaire { padding: 0px; display: block; letter-spacing: 2px; font-family: var(--font_family_3); margin: 1vh 0px; text-wrap: balance; color: var(--color2); }
.fluid-collections .encart .titre-col { text-transform: uppercase; font-size: 27px; font-family: var(--font_family_2); margin: 25px 0px 0px; width: 100%; }
.fluid-collections .encart a { color: var(--font_family_1); text-decoration: none; font-size: 16px; width: 100%; display: block; letter-spacing: 2px; position: relative; }
.fluid-collections .encart a:hover { text-decoration: none; }
.fluid-collections .encart a:hover span.decouvrir::after { content: ""; position: absolute; width: 100%; height: 1px; left: 0px; background: var(--color2); bottom: 0px; }
.body-service .container2 { padding: 0px 10vw 8vh; }
body.body-gallery.body-gallery-36 .container2 { background: var(--bg-facultatif); padding: 6vh 5vw; }
.fluid-collections .encart a span.decouvrir { text-decoration: none; position: relative; font-size: 75%; }
.fluid-collections .encart .photo a:hover span.decouvrir::before { background: var(--color3) !important; }
.recup-photos .propor .propor-cont .imagecont { position: absolute; inset: 0px; overflow: hidden; border-radius: 10px; }
.recup-photos .propor .propor-cont .imagecont img { object-fit: cover; min-width: 100%; min-height: 100%; width: auto; transform: scale(1) translateX(-5px); transition: 0.5s ease-out; overflow: hidden; border-radius: 10px; }
.body-page-1 .recup-photos .propor { width: 100%; position: relative; margin-bottom: 15px; border-radius: var(--border-radius); }
.recup-photos .propor::after { padding-top: 87%; display: block; content: ""; }
.recup-photos .propor .propor-cont { position: absolute; inset: 0px; z-index: 1000; overflow: hidden; }
.recup-photos .propor .propor-cont .imagecont .imagefond { display: block; height: 100%; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; }
.recup-photos .propor .propor-cont .imagecont .masque { position: absolute; top: 0px; left: 0px; opacity: 0; width: 100%; height: 100%; transition: 0.5s; background-color: var(--color1); background-image: url("../images/ico-zoom.png"); background-repeat: no-repeat; background-position: center center; display: none; }
.recup-photos .propor .propor-cont .imagecont:hover .masque { opacity: 0.7; }
.propor { position: relative; margin: 0px 0px 1vh; }
li.menu-item.menu-p a:before {
    display: none;
}
.recup-photos .propor .propor-cont .imagecont:hover .imagefond { transform: scale(1.15); }
.navh { margin: 0px; z-index: 8000; width: 100%; max-width: 100%; display: inline-block; }
.row.recup-photos.gallery { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-right: -15px !important; margin-left: -15px !important; }
.navh .menu_principal { margin: 0px; padding: 0px; list-style: outside none; display: flex; width: 100%; justify-content: flex-end; column-gap: 3%; }
.navh .menu_principal > li { position: relative; height: 90px; padding: 0px; display: flex; justify-content: center; align-items: center; }
.navh .menu_principal a, .navh .menu_principal a:visited { color: var(--color0); display: inline-flex; font-size: calc(var(--taille_font) - .1rem); height: 100%; margin-right: 0px; font-family: var(--font_family_1); position: relative; text-decoration: none; transition: 400ms; cursor: pointer; align-items: center; letter-spacing: 0.02em; transform: translateX(-9px); text-transform: uppercase; }
.navh .menu_principal a:hover, .navh .menu_principal li.active > a { transform: translateX(0px); color: var(--color1); }
li.menu-item.menu-item-external .child i.theSub.fas.fa-angle-down { display: none; }
i.theSub.fas.fa-angle-down { }
.navh .menu_principal ul li a::before { bottom: 0px; }
.theSub { display: inline-block; padding: 0px 0px 0px 5px; font-size: 85%; }
.menu_principal ul, .menu_catalog, .menu_catalog li .sub-menu { visibility: hidden; opacity: 0; margin: 0px; padding: 0px 14px; width: 250px; position: absolute; left: 0px; top: 4em; z-index: 99; transform: translate(0px, 0px); transition: 0.3s ease-out; background: rgba(59, 59, 59, 0.85); }
.menu_principal ul li { display: block; float: none; margin: 0px 0px 1px; padding: 0px; position: relative; }
.menu_principal .sub-menu ul li a::before { display: none; }
.navh .menu_principal ul li a, .navh .menu_principal ul li a:visited { font-size: 90%; display: block; text-align: left; padding: 1rem; left: 0px; top: 0px; color: var(--color0) !important; text-transform: none !important; }
.menu_principal ul > li:last-child > a { border: 0px; }
.menu_principal li:hover > ul { visibility: visible; opacity: 1; transform: translate(0px, 0px); }
.menu_principal li > ul ul:hover { visibility: visible; opacity: 1; transform: translate(0px, 0px); }
.menu_principal ul ul.sub-menu { left: 250px; top: 0px; }
.tete.fixed .menu_principal .menu-item-external a::after { filter: invert(0); }
.fixed .menu_principal a::before { }
.menu_principal .menu-item-external a i { position: relative; display: inline-block; vertical-align: middle; z-index: 2; transform-origin: center center; transition: inherit; background-size: 100%; margin: 0px 0px 0px 6px; }
.navh .menu_principal li.active > a:hover { cursor: default; }
.menu_principal a::before, .fluid-collections .encart a.decouvrir::before { position: absolute; content: ""; width: 5px; height: 5px; left: -18px; margin-top: 3px; background-color: var(--color0); border-radius: 50%; transition: transform 0.6s; transform: translate(50%, -50%) scale(0); }
.navh .menu_principal a:hover::before, .navh .menu_principal li.active > a::before, .fluid-collections .encart a.button:hover::before { opacity: 1; visibility: visible; width: 5px; transform: translate(50%, -50%) scale(1); }
.fluid-slider { background: rgb(23, 23, 23); }
.body-page-1 .fluid-contenu {position: relative;z-index: 100;margin: 0px;}
.body-page-1 main.fluid-contenu::after { content: ""; }
body.body-catalogue-list .fluid-contenu .corps, body.body-catalogue-item .fluid-contenu .corps { padding: 0em 0px 2em; }
main.fluid-contenu .container { width: 100%; max-width: 100%; padding: 10vh 10vw 5vh; }
main.fluid-contenu em { font-family: KaushanScript-Regular; }
.AvisClientsBg::before, .bande2::before, .section-lieux::before {margin: 0px;content: "";position: absolute;z-index: 0;top: 0px;width: 100%;height: 100%;opacity: 0.3;content: "";background: url(../images/bg-car.png);width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;filter: invert(1);}
.fluid-contenu .corps { padding: 0px; background: transparent; }
.body-service-list .fluid-contenu .corps { padding: 0em 0vw; }
.sidebar { padding-top: 30px; text-align: right; }
.page-contenu.clear { line-height: 1.3; display: flex; column-gap: 0px; justify-content: space-between; }
.page .row.recup-photos.gallery { margin-top: 0px; width: 47%; display: flex; align-content: flex-start; align-items: flex-start; margin-right: 0px !important; margin-left: 0px !important; }
.sidebar .photoa { background: url("../images/photo-accueil.jpg") right top no-repeat; height: 187px; }
.encarts {padding: 10vh 8vw;background: rgb(255, 255, 255);position: relative;width: 100%;z-index: 10;}
.encarts h2 { font-size: 39px; padding: 0px 0px 1em; text-align: left; }
.encarts .tous-tous { text-align: center; padding: 30px 0px 0px; }
.encarts .tous-tous a { transition: 400ms; text-decoration: none; display: inline-block; background: url("../images/ico-fleche.png") 0px 4px no-repeat; padding: 0px 0px 0px 30px; color: rgb(150, 150, 150); font-size: 20px; }
.encarts .tous-tous a:hover { padding-left: 45px; }
.encarts .gauche { height: 720px; background: url("../images/photo-promotions.jpg") center center / cover no-repeat; }
.encarts .droite { height: 720px; text-align: center; }
.content-list > div:not(:first-child) { display: none; }
ul.tabs-list li { background: none !important; padding-left: 0px !important; }
ul.tabs-list li { color: var(--color3); display: flex; justify-content: flex-start; font-family: var(--font_family_2); text-align: center; border-radius: 0px; max-width: max-content; cursor: pointer; position: relative; z-index: 15; font-size: large; transition: 0.2s ease-out; align-items: center; width: auto !important; margin: 0px 1vw 2vh 0px !important; }
ul.tabs-list li.active { color: var(--color2); background: none; padding-left: 0px; }
ul.tabs-list { position: relative; z-index: 20; display: flex; padding: 1vh 0px; }
.indicateur_slider { width: 100%; position: absolute; height: 1px; background: rgba(0, 0, 0, 0.49); bottom: 0px; }
.indicator { height: 2px; width: 30%; background-color: rgb(193, 18, 31); position: absolute; }
.tabs-list li:nth-child(1).active ~ .indicateur_slider .indicator { transition: 0.3s ease-in-out; opacity: 1; left: 0px; }
ul.tabs-list li::after { position: absolute; bottom: -7px; content: ""; left: 0px; transition: 0.3s; width: 0px; height: 1px; background: var(--color2); }
ul.tabs-list li.active::after, ul.tabs-list li:hover::after { width: 100%; }
.tabs-list li:nth-child(2).active ~ .indicateur_slider .indicator { transition: 0.3s ease-in-out; opacity: 1; left: 335px; width: 39%; }
.tabs-list li:nth-child(3).active ~ .indicateur_slider .indicator { transition: 0.3s ease-in-out; opacity: 1; left: 790px; width: 31%; }
.stats-grid { display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); }
.stat { text-align: center; padding: 6rem 4rem; background: var(--white); border: 1px solid rgba(200, 168, 130, 0.2); }
.stat-number { font-weight: 300; color: var(--red); font-size: calc(var(--taille_font) * 2); margin-bottom: 2vh; }
.stat-label { font-size: 79%; text-transform: uppercase; letter-spacing: 2px; opacity: 0.8; }
.recup-photos .propor .propor-cont .imagecont:hover img, .modele-liste .item .div-proportionnel-item .imagecont:hover img, .fluid-collections .encart a:hover img, .services-home .one-service:hover img { transform: scale(1.02); }
.body-gallery-2 .container2 { padding: 9vh 10vw 8vh; }
.container2 { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0px 0px 8vh; }
.encarts2 .tous-tous { text-align: center; padding: 30px 0px 0px; }
.encarts2 .tous-tous a { transition: 400ms; text-decoration: none; display: inline-block; background: url("../images/ico-fleche.png") 0px 4px no-repeat; padding: 0px 0px 0px 30px; color: rgb(150, 150, 150); font-size: 20px; }
.encarts2 .tous-tous a:hover { padding-left: 45px; }
.encarts2 .gauche { height: 720px; background: url("../images/photo-favoris.jpg") center center / cover no-repeat; }
.encarts2 .droite { height: 720px; text-align: center; }
.encarts3 { }
.encarts3 h2 { margin: 70px 0px 15px; font-size: 36px; background: url("../images/trait3.png") center bottom no-repeat; padding: 0px 0px 5px; }
.encarts3 .tous-tous { text-align: center; padding: 30px 0px 0px; }
.encarts3 .tous-tous a { transition: 400ms; text-decoration: none; display: inline-block; background: url("../images/ico-fleche.png") 0px 4px no-repeat; padding: 0px 0px 0px 30px; color: rgb(150, 150, 150); font-size: 20px; }
.encarts3 .tous-tous a:hover { padding-left: 45px; }
.encarts3 .gauche { height: 720px; background: url("../images/photo-nouveautes.jpg") center center / cover no-repeat; }
.encarts3 .droite { height: 720px; text-align: center; }
.fluid-app { height: 700px; background: url("../images/bg-app.jpg") center top no-repeat; padding: 45px 0px 0px; }
.fluid-app h2 { text-align: center; font-size: 31px; color: rgb(64, 63, 63); text-transform: uppercase; margin: 20px 0px 5px; }
.fluid-app .soustitre { text-align: center; color: rgb(0, 0, 0); font-size: 27px; }
.fluid-app .liste-app { list-style-type: none; list-style-image: none; padding: 0px 0px 0px 40px; margin: 90px 0px 0px; }
.fluid-app .liste-app li { background: url("../images/ico-puce.png") 0px center no-repeat; padding: 3px 0px 2px 30px; font-size: 25px; color: rgb(0, 0, 0); }
.fluid-app .qrcode { text-align: center; text-transform: uppercase; margin: 160px 0px 0px; position: relative; }
.fluid-app .qrcode .fleche { width: 118px; height: 96px; background: url("../images/fleche.png") center top no-repeat; position: absolute; top: -120px; left: 45px; }
.fluid-app .liste-boutiques { list-style-type: none; list-style-image: none; padding: 40px 0px 0px; margin: 0px; }
.fluid-app .liste-boutiques li { display: inline-block; vertical-align: top; }
.fluid-app .apps { position: absolute; top: 65px; right: -200px; width: 600px; height: 600px; background: url("../images/app-screen.png") center top no-repeat; }
.isServiceList .services h1 { top: -35px; text-align: center; position: absolute; z-index: 9; }
.isServiceList .content { padding: 0px; width: 100%; }
.nosServicesBg { padding-top: 40px; padding-bottom: 40px; position: relative; }
.nosServicesBg .content { padding: 40px 0px; float: left; background-color: transparent; }
.linkList { padding: 0px; margin: 10px 0px 0px; list-style: none; float: left; }
.temoignages-cont .swiper.mySwiper2 { overflow: hidden; margin: 0px; }
.contain-GMB { width: 100%; }
section.temoignages { padding: 11vh 10vw; width: 100%; position: relative; z-index: 100; }
.temoignages-cont .row { width: 100%; }
.temoignages .title { text-align: left; }
.temoignages .title .titre2 { margin: 0px 0px 4vh; }
.temoignages-cont { }
.temoignages-cont h3 { font-weight: 500; letter-spacing: 0.4px; text-transform: uppercase; color: var(--red2); font-size: 0.9em; padding: 0px; margin: 0px; }
.temoignages-cont p { display: block; font-size: calc(var(--taille_font) * 1.4); margin-bottom: 0px; padding-top: 0px; font-family: var(--font_family_3); text-align: center; line-height: 1.9; }
section.temoignages .swiper-pagination { display: flex; align-items: center; justify-content: center; position: absolute; left: 0px; width: 100% !important; }
.swiper-pagination-bullet { width: 44px; height: 7px; border-radius: var(--border-radius); transform: scale(1); position: relative; border: 0px; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(1); }
.temoignages-cont a.AvisClients { width: 100%; margin-bottom: 3rem; position: relative; padding: 12vh 6vw 1vh; text-align: left; height: auto; margin-top: 0px; display: flex; text-decoration: none; border-radius: 0px; flex-flow: column; align-items: flex-start; justify-content: center; }
.avis { background-color: rgb(255, 255, 255); padding: 20px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; text-align: left; }
.avis { background-color: rgb(255, 255, 255); padding: 20px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; text-align: left; }
.avis h3 { font-size: 1.5rem; margin-bottom: 10px; color: rgb(51, 51, 51); }
.date_post { color: rgb(102, 102, 102); }
.AvisClients i.fa-solid.fa-quote-left { color: var(--color-dark-transparent); font-size: 60px; margin-bottom: 0px; float: left; }
.titrestar { display: flex; place-content: center flex-start; column-gap: 1vw; align-items: center; width: 100%; }
.fa-star-o::before { content: ""; color: var(--color-dark-transparent); }
.temoignages-cont .swiper-wrapper { }
.temoignageScroll { max-height: 14vh; text-align: center; overflow: hidden; }
.temoignages-cont .swiper-slide { height: 100%; }
.etoiles { color: rgb(255, 205, 124); margin-bottom: 0px; }
.etoiles .fa { }
.avisContent { font-size: 1rem; color: rgb(102, 102, 102); line-height: 1.5; }
.img-curv .img img { width: 100%; height: 100%; object-fit: cover; }
.img-curv .img { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }
.photo-avis { display: flex; -webkit-box-align: center; align-items: flex-end; margin-left: -1vw; margin-bottom: -1vw; }
.img-curv { position: relative; padding: 15px; border-radius: 0px 40px 0px 0px; background: var(--color-light); }
.info-avis { display: flex; column-gap: 1.1vw; }
.titre-calendrier { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.actualites.view.view-3 article { display: flex; flex-flow: wrap; }
.body-news-list .corps .contain-actus { padding: 0px; background: transparent; }
.body-news-list .corps .contain-actus .actualites article { width: 100%; border: 0px; display: flex; flex-direction: column; }
.h { padding: 1vh 0px; }
.btn1::after { content: ""; position: absolute; left: 0px; border-bottom: 1px solid; bottom: -3px; width: 100%; transform-origin: left center; transform: scaleX(0) translateZ(0px); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.one-service.item:hover .btn1::before, a.btn1:hover::before { transform: scaleX(0) translateZ(0px); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.one-service.item:hover .btn1::after, a.btn1:hover::after { transform: scaleX(1) translateZ(0px); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
.btn1, .lire-suite a { position: relative; text-transform: none; text-align: left; display: block; font-weight: bold; float: left; font-size: var(--taille_font); transition: 400ms; font-family: var(--font_family_1); margin: 4vh 0px; color: var(--color2); text-decoration: none !important; }
.btn1::before, .lire-suite a::before { content: ""; position: absolute; left: 0px; border-bottom: 1px solid; bottom: -3px; width: 100%; transform-origin: right center; transform: scaleX(1) translateZ(0px); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
.corps .page-contenu2 h2:first-of-type::before { background: var(--color2); }
.corps .page-contenu2 h2:first-of-type { color: var(--color0); font-family: var(--font_family_3); }
.body-page-1 .recup-photos .propor::before { content: ""; position: absolute; width: 93%; height: 100%; background: var(--color1); z-index: 1; top: -17px; right: -17px; opacity: 0.4; }
.contain-actus2 h2.h1::before { content: ""; position: absolute; width: 1vw; height: 1px; left: 0px; top: 24px; background: var(--color2); }
.contain-actus2::before { position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none; content: ""; border: max(1px, 0.0625rem) solid rgb(49, 57, 65); border-radius: inherit; mask-image: linear-gradient(to right bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0.2)); }
.contain-actus .actualites .cell.photo, .contain-actus2 .actualites .cell.photo { position: relative; text-align: center; height: 54vh; display: block; background: rgb(255, 255, 255); overflow: hidden; border-radius: 6px 6px 0px 0px; }
.contain-actus .actualites .contenu .date_post i, .contain-actus2 .actualites .contenu .date_post i { margin-right: 8px; }
.contain-actus .actualites .contenu, .contain-actus2 .actualites .contenu { margin-top: 20px; }
.contain-actus2 .actualites .contenu .bouton-principal, .lire-suite a { position: relative; background: 0px 0px; text-transform: none; color: var(--color0); text-align: left; padding: 0px; display: block; text-decoration: none; transition: 400ms; }
.contain-actus2 .actualites .contenu .bouton-principal::before, .lire-suite a::before { content: ""; width: 27px; height: 1px; position: absolute; top: 27px; left: 0px; background: var(--color0); z-index: 1; transition: 0.5s; opacity: 1; transform: scale(1, 1); }
.contain-actus .actualites .contenu .bouton-principal:hover::before, .contain-actus2 .actualites .contenu .bouton-principal:hover::before { width: 20px; }
.body-news .contain-actus .actualites .cell.texte { padding: 0vh 0vw 1vh; border-bottom: 1px solid rgba(182, 174, 170, 0.44); margin: 0px 0px 2vh; }
.contain-actus2 .actualites .contenu .bouton-principal:hover, .lire-suite a:hover { padding-left: 80px !important; }
.contain-actus .actualites .cell.photo img, .contain-actus2 .actualites .cell.photo img { position: relative; height: 100%; width: 100%; object-fit: cover; object-position: center center !important; }
.contain-actus2 h3 { font-size: calc(var(--taille_font) + .2rem); }
.contain-actus2 .actualites { display: flex; flex-direction: column; }
.text-center.see-all { display: block; width: 100%; float: left; }
.actualites.view-3 article.node-13 { border-bottom: 1px solid var(--color0transparent3); }
.body-news-list .contain-actus .actualites .cell.photo, .body-news-list .contain-actus .actualites .cell.photo img { border-radius: 10px 10px 0px 0px; }
.body-news-list .contain-actus .actualites .contenu { padding: 1vh 0px; margin-top: 0px; }
.actualites.view.view-7 { display: flex; flex-direction: column; gap: 0px; }
.contain-actus .actualites.view.view-7 article { width: 100%; }
.actualites.view.view-7 p.date_post { font-size: 80%; font-weight: 700; padding: 0px; color: var(--color4) !important; }
.contain-actus .actualites article { width: 100%; padding: 0px; display: flex; background: transparent; border-radius: var(--border-radius); gap: 6%; }
.contain-actus {position: relative;padding: 10vh 8vw 5vh;z-index: 0;float: left;width: 100%;background: rgb(255, 255, 255);}
.contain-actus .h1 { margin-bottom: 1em; }
.see-all .bouton-principal { margin-top: 2em; }
.contain-actus .actualites .contenu .bouton-principal:hover::before, .lire-suite a:hover::before { width: 62px; }
.actualites.view.view-7 .cell.texte .contenu h3 { color: var(--color0); }
.actualites.view.view-1 a.btn1 { margin: 0px; color: var(--color2) !important; }
.body-news .contain-actus .h1 { text-align: left; }
.actualites .cell.photo a { display: block; }
.actualites .cell.photo.cover img { object-fit: cover; min-width: 100%; min-height: 100%; width: auto; flex: 1 1 0%; height: 100%; }
.actualites { width: 100%; display: flex; position: relative; z-index: 8000; padding: 1em 0px; gap: 1vw; }
.actualites article { width: 100%; }
.actualites .cell.photo { display: table-cell; vertical-align: top; width: 50%; background-position: center center; border-radius: var(--border-radius); }
.actualites .cell.photo:hover { opacity: 0.95; }
.actualites .cell.texte { display: block; vertical-align: top; padding: 0px 1vw; }
.actualites:last-child .cell.texte { border-bottom: none; }
.actualites .cell.texte .contenu { padding: 0em 0%; direction: ltr; }
.services-content { float: left; width: 100%; }
.actualites .cell.texte .contenu h3 { width: 100%; float: left; color: var(--color2); font-size: calc(var(--taille_font) + .5rem); }
.actualites .cell.texte .contenu h3::before { display: none; }
.actualites .cell.texte .contenu ul { padding: 0px; margin: 0px; }
.actualites .cell.texte .contenu ul li { padding: 5px 0px 5px 20px; background: url("../images/puce.svg") 0px 9px no-repeat; }
.actualites .cell.texte .contenu ul li .bouton-principal { display: block; }
.view-btn-all { position: relative; display: table; margin: 20px auto; }
.view-btn-all i { margin-left: 8px; font-size: 14px; }
.actualites .date_post { font-size: 80%; font-weight: 700; color: var(--color2); }
.news .ligne-actus .date-article { margin-top: 18px; margin-bottom: 0px; }
.news .ligne-actus .contenu-article { margin-top: 0px; }
.news .contenu-article { margin-top: 21px; }
.news .ligne-actus .date-article { margin-top: 18px; margin-bottom: 0px; }
.news .ligne-actus .contenu-article { margin-top: 0px; }
.news .contenu-article { margin-top: 21px; }
.newsList .ligne-actus { flex: 0 0 auto; margin: 0px 0px 30px; float: none; }
.news .date_post { color: var(--color1) !important; }
.news .date_post span { display: block; line-height: 13px; min-width: 84px; }
.news .date_post .s1 { line-height: 35px; padding-bottom: 5px; font-size: clamp(40px, 2vw, 50px); }
.newsList .propor .propor-cont .imagecont .masque { background-color: rgba(250, 250, 250, 0.2); background-image: none; }
.news .propor .propor-cont .imagecont:hover { transform: scale(1.15); }
.newsList .propor { overflow: hidden; margin: 0px 0px 2vh; position: relative; }
.newsList .item .h3 { margin-top: 1vh; margin-bottom: 0vh; text-align: left; font-size: calc(var(--taille_font) + .5rem); color: var(--color2); }
.newsList .item:hover .h3 { color: var(--nuanceColor1); }
.newsList .item .h3 a:hover { text-decoration: none; }
.item-news { position: relative; }
.newsItem .photo img { object-fit: cover; min-width: 100%; min-height: 100%; flex: 1 1 0%; width: 100%; height: 100%; overflow-x: hidden; }
.newsItem .photo { width: 100%; border-radius: var(--border-radius); overflow: hidden; height: clamp(300px, 40vw, 650px); background-color: rgb(242, 242, 242); transition: 0.5s; margin: 0px 0px 2vh; background-position: center center !important; background-repeat: no-repeat !important; }
.newsItem .contenu-article { padding: 15px 0px 0px; min-height: 200px; margin: 0px; }
.newsItem .div-rs { margin: 0px auto 40px; display: flex; align-items: center; place-content: center flex-start; font-family: var(--font_family_1); }
.newsItem .div-rs .btn-partage { display: flex; height: 36px; position: relative; top: 0px; margin: 0px 0px 0px 2rem; }
.newsItem .div-rs .btn-partage .icones { fill: var(--color1); color: var(--color1); width: 17px !important; }
.newsItem .div-rs .btn-partage .btnp { }
.newsItem .div-rs .btn-partage .btnp:hover { background-color: var(--color1); }
.newsItem .div-rs .btn-partage .btnp:hover .icones { fill: var(--color0); }
.newsItem .date_post { padding: 5% 3% 3%; }
p.center.btn-news { float: left; width: 100%; margin: 7vh 0px; }
.btn-partage.text-left { display: flex; justify-content: flex-start; margin: 4vh 0px; }
.news_avant_apres { width: 100%; text-align: center; margin: 0px; position: relative; float: left; }
.news_avant_apres > div { display: table-cell; padding: 0px; height: 100%; float: left; }
.news_avant_apres a, .news_avant_apres a:visited { padding: 15px 30px; color: var(--color0); text-decoration: none; border: 1px solid var(--bg-facultatif); display: block; height: 100%; font-family: var(--font_family_1); text-transform: uppercase; border-radius: var(--border-radius); }
.news_avant_apres a:focus, .news_avant_apres a:hover { border-color: var(--color1); text-decoration: none; }
.news_avant_apres > div:last-child { right: -5px; float: right; }
.news_avant_apres a:focus b, .news_avant_apres a:hover b { text-decoration: none; color: var(--color1); }
.navButtons, .navButtons:visited { padding: 0px 0px 10px; color: var(--color1); transition: 0.8s; text-decoration: none; display: block; }
.news_avant_apres a:focus span, .news_avant_apres a:hover span { color: var(--color1); text-decoration: none; }
.pagination > li { background: 0px 0px; padding-left: 0px; }
.pagination > li > a, .pagination > li > span { color: var(--color1); border-color: var(--color3); }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { color: var(--color0); background-color: var(--color1); border-color: var(--color1); }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: var(--color1); background-color: var(--color0); }
@media (min-width: 768px) {
  .dispaly_flex { }
  .flex_child_2 {padding: 0px 8vw 7vh;width: 59%;}
  .flex_child_1 { flex: 1 1 0%; }
}
.AvisClientsBg .contenu { position: relative; }
.AvisClientsBg {padding: 15vh 8vw;position: relative;color: var(--color2);z-index: 0;/* float: left; *//* width: 100%; */}
.AvisClientsBg .bx-prev { left: -2vw; }
.AvisClientsBg .bx-prev::before { display: inline-block; content: ""; font-weight: 700; font-family: "Font Awesome 5 Free"; font-size: 23px; color: var(--color0); }
.AvisClientsBg .bx-next { right: -2vw; }
.AvisClientsBg .bx-next::before { display: inline-block; content: ""; font-weight: 700; font-family: "Font Awesome 5 Free"; font-size: 23px; color: var(--color0); }
.AvisClientsBg .bx-next, .AvisClientsBg .bx-prev { text-indent: initial; font-size: 0px; display: flex; align-items: center; text-decoration: none; margin-top: -55px; justify-content: center; opacity: 0.7; transition: 0.5s; }
.AvisClientsBg .bx-next:hover, .AvisClientsBg .bx-prev:hover { opacity: 1; }
.AvisClientsBg .contenu .bx-viewport { padding: 28px 0px 8px; display: block; height: auto !important; }
.AvisClientsBg.bg-optionnel-gris .h1 { padding: 0px 0px 1em; margin: 0px; text-align: left; color: var(--color0); }
.title2 { display: flex; margin: 0px 0px 4vh; justify-content: space-between; }
.etoiles .fa { color: var(--red); }
.AvisClientsList { padding: 0px; overflow: hidden; margin: 0px -15px !important; }
.AvisClientsList li { list-style: none; background: 0px 0px; }
.AvisClientsList li::before { content: none; }
.avisClientsBg .h { text-align: center; }
.temoignage1 .date { text-align: revert; margin-top: 1vh; margin-right: 0px; margin-left: 0px; font-family: var(--font_family_2); font-size: var(--taille_font); margin-bottom: 2px !important; }
h2.pseudo { font-size: 21px; color: var(--color1); text-align: center; text-transform: uppercase; font-weight: 600; margin-bottom: 0px; margin-top: 0px; padding: 0px; min-height: auto; }
.temoignageScroll i.fa-solid.fa-quote-left { font-size: var(--h1-size); position: absolute; left: 2rem; opacity: 0.1; }
.AvisClients .blazy { font-size: 16px; color: var(--color0); width: 128px; margin: 0px auto 20px -64px; border-radius: 50%; position: absolute; top: -70px; left: 50%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-color: var(--color0); }
.AvisClientsBg .bx-pager { bottom: 17px; }
.avisContent::before { content: "«"; display: inline-block; margin-right: 5px; }
.avisContent::after { content: "»"; display: inline-block; margin-left: 5px; }
.temoignageScroll { max-height: 30vh; text-align: center; overflow: hidden; }
.temoignageScroll .scrollbar-content { padding: 0px 10px 0px 0px; width: 100%; }
.temoignageScroll .scrollbar-path-vertical { right: 0px; }
.date_post { padding: 4px 0px; text-align: left; font-size: 80%; }
.date_post i { margin-right: 8px; }
.divAvis .fa-solid { font-size: calc(var(--h1-size) * 2); opacity: 0.2; position: absolute; top: 0px; }
.temoignage1 { text-align: center; width: 100%; margin: 4vh 0px 0px; }
a.transition.AvisClients::before { color: rgba(255, 255, 255, 0.5); left: 50%; content: "❞"; font-size: calc(var(--font-title) * 2); height: 130px; line-height: 130px; margin-left: -65px; position: absolute; text-align: center; text-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px; top: 2vh; width: 130px; filter: invert(1); opacity: 0.4; }
.divAvis::before { color: rgba(255, 255, 255, 0.5); left: 50%; content: "❞"; font-size: calc(var(--font-title) * 2); height: 130px; line-height: 130px; margin-left: -65px; position: absolute; text-align: center; text-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px; top: 2vh; width: 130px; }
.body-temoignage main.fluid-contenu .container { padding: 6vh 0px 5vh; }
.divAvis:nth-child(2n) { background: var(--color0); }
div#itemReviewed_295 { }
.divAvis:nth-child(2n) .temoignage { color: var(--color2) !important; }
p.temoignage { }
.divAvis:nth-child(2n)::before { filter: invert(1); opacity: 0.3; }
.AvisClientsBg .bx-controls.bx-has-pager { display: block; position: relative; height: 46px; }
.livre-elements { padding: 8vh 0vw; margin-bottom: 0px; text-align: center; }
.livre-elements .livre-ligne { position: relative; display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.livre-elements .blazy { margin: 0px auto 10px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-color: var(--color0); width: 115px; height: 115px; }
.livre-elements .pseudo { font-size: 21px; color: var(--color1); text-align: center; text-transform: uppercase; font-weight: 600; margin-bottom: 0px; margin-top: 0px; padding: 0px; min-height: auto; }
.livre-elements .date { text-align: revert; margin-top: 1vh; margin-right: 0px; margin-left: 0px; color: rgb(121, 121, 121); margin-bottom: 2px !important; }
.livre-elements .etoiles { margin-bottom: 0px !important; }
.livre-elements .temoignage { display: block; font-size: calc(var(--taille_font) * 1.4); margin-bottom: 0px; color: var(--color0); padding-top: 2vh; font-family: var(--font_family_3); text-align: center; line-height: 1.9; width: 100%; }
.livre-elements .temoignage::before { content: "«"; display: inline-block; margin-right: 5px; }
.livre-elements .temoignage::after { content: "»"; display: inline-block; margin-left: 5px; }
.divAvis { width: 100%; margin-bottom: 3rem; position: relative; padding: 12vh 6vw 7vh; text-align: left; height: auto; margin-top: 0px; display: flex; text-decoration: none; border-radius: var(--border-radius); flex-flow: column; align-items: flex-start; justify-content: center; background: var(--color2); }
.btn-avis { margin-bottom: 30px; }
.modal-content a, .modal-content a:link, .modal-content a:visited { color: var(--color2); }
.modal-header .h1 { text-align: center; color: var(--color2); font-weight: 700; text-shadow: none; padding: 0px; }
.modal { display: none; overflow: auto scroll; position: fixed; inset: 0px; outline: 0px; z-index: 9999; font-size: 16px; color: var(--color0); }
.modal-backdrop.in { z-index: 0; }
.modal-open .modal { z-index: 99997; background: rgba(0, 0, 0, 0.28); color: var(--color2); text-shadow: none; font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; }
.modal-content .btn-close { border: 0px; background: 0px 0px; padding: 0px; font-size: 21px; color: var(--color2); opacity: 0.2; line-height: 1; position: absolute; z-index: 100; right: 0px; top: 12px; }
.modal-content .form-control { min-height: 32px; border-radius: 2px; }
.modal-content .btn-close:focus, .modal-content .btn-close:hover { opacity: 0.5; }
.modal-content .submit-review { padding-right: 60px !important; }
.modal-content label.control-label { display: none; padding-top: 0px !important; }
.modal-content label.control-label.label-note, .modal-content label.control-label.label-photo { display: block; padding-top: 14px !important; }
#add-review .conditions { font-size: 8px; margin: 2px 0px 0px; text-align: justify; }
#add-review { text-align: center; }
#add-review .form-group { text-align: left; }
#add-review input[type="file"] { display: block; width: 100%; height: 50px; }
#add-review #stars-existing { margin: 0px auto 10px; display: block; text-align: left; padding-top: 15px; }
#add-review .form-group #captcha { height: 46px !important; }
.formulaire #add-review .form-group .form-control, .formulaire #add-review .form-group input, .formulaire #add-review .form-group textarea { background: var(--color0); border: 1px solid rgb(204, 204, 204); color: var(--color2); border-radius: 2px; }
.modal-content .form-control::placeholder { color: var(--color2) !important; opacity: 1; }
#add-review .submit-review { float: none; display: block; background-image: none; margin: 15px auto !important; padding: 14px 15px !important; }
#add-review .body-review { height: 100px; }
#add-review .form-group.form-group-1 .col-md-10, #add-review .form-group.form-group-2 .col-md-10, #add-review .form-group.form-group-4 .col-md-10 { width: 100%; padding: 0px; }
#add-review .conditions, .modal-content .email-block { font-size: 10px; font-weight: 400; font-style: italic; text-align: justify; opacity: 0.6; display: block; margin-top: 23px; clear: both; margin-bottom: 0px; color: var(--color2) !important; }
.modal-content { margin-top: 13vh; }
p.text-center { text-align: center; }
.btn2-swiper { margin: 4vh 0px 0px; }
.news .ligne-actus .date-article { margin-top: 18px; margin-bottom: 0px; }
.certifs::before { content: ""; position: absolute; width: 100%; height: 100%; background: var(--color0); left: 0px; top: 0px; opacity: 0.7; z-index: -1; }
.panel-body li::before { display: none; }
.page-contenu strong { font-family: Montserrat-Medium; }
.body-page-1 .services-home-content { position: relative; z-index: 100; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
.services-home-content { position: relative; z-index: 100; }
.address-content i, .address-title i { color: var(--gold); }
h4.panel-title a:hover { color: var(--color1); text-transform: uppercase; }
.panel-body ul li { background: url("../images/puce.svg") left 4px / 12px no-repeat; padding-left: 15px; margin: 0px 0px 1vh 16px; }
body.body-gallery.body-gallery-326 .panel-group .panel-heading + .panel-collapse > .panel-body { font-size: calc(var(--taille_font) * 1.5); }
h4.panel-title { width: 100%; margin-top: 0px; column-gap: 0px; color: var(--color2); cursor: pointer; align-items: flex-start; padding: 0px; display: flex; font-size: calc(var(--font-title) - 2rem); background: transparent; text-transform: none; justify-content: space-between; font-family: var(--font_family_2); margin-bottom: 0px !important; }
div#accordion-services { border-radius: var(--border-radius); display: flex; padding: 0px; height: auto; position: relative; margin: 2vh 0px; flex-direction: column; border: 0px; }
.services-home .titre { width: 48%; text-align: left; }
.services-home-content .container2.nopad.pad-sm.pad-xs { }
.services-home::before { content: ""; background: url("../images/bg-car.png"); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; filter: invert(1); opacity: 0.5; }
.services-home {padding: 10vh 8vw;width: 100%;position: relative;background: var(--color0);z-index: 1;}
.services-home .one-service a.btn1 { position: relative; height: auto; }
.body-page-1 .services-home .titre { }
.body-page-1 .services-home-content .container2.nopad.pad-sm.pad-xs { margin: 5vh 0px 0px; width: 100%; }
.swiper-button-next2 { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e51e31'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; filter: brightness(0) invert(1); height: 1vw; width: 1vw; opacity: 0.6; background-position: right center; }
.btn1-swiper { float: left; position: relative; display: flex; color: var(--color-body); width: 4vw; justify-content: flex-start; align-items: center; padding: 10px 0px; gap: 7%; }
.swiper-button-prev2 { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e51e31'%2F%3E%3C%2Fsvg%3E"); width: 1vw; height: 1vw; position: relative; background-repeat: no-repeat; filter: brightness(0) invert(1); opacity: 0.6; background-position: left center; }
.body-catalogue-list .one-service-info.transition { position: relative; transform: inherit; clip-path: inherit; padding: 1vh 0vw; height: auto; display: flex; align-items: flex-start; flex-direction: column; }
.body-catalogue-list .one-service .one-service-info .h3 { margin: 0px; font-size: calc(var(--taille_font) + 1rem); }
.body-catalogue-list .one-service .one-service-info .one-service-info-inner, .body-catalogue-list .services-home .one-service:hover .one-service-info-inner { transform: translateX(0px); }
.body-catalogue-list .services-home .one-service { border: 1px solid var(--color1); border-radius: 13px; padding: 13px; text-align: center; margin: 0px 5px 3vh !important; }
.body-catalogue-list .services-home .one-service:hover .one-service-info.transition { height: auto; transition: inherit; }
.body-catalogue-list .btn1 {margin: 1vh 0px 4vh;}
.services-home h2 span { color: var(--red); }.btn1 a {
    text-decoration: none;
}
.services-home h2 span::before { border-color: var(--red); }
.services-home .one-service a.btn1 { margin: 0px 0px 3vh; text-decoration: none !important; color: var(--color0) !important; }
.services-home .one-service { height: auto; position: relative; margin: 0px; overflow: hidden; background: transparent; border: 1px solid var(--color1); border-radius: 12px; }
.produits2 { height: 23vh; overflow: hidden; border-radius: 0px; display: flex; justify-content: center; align-items: center; }
.services-home .one-service a { position: absolute; inset: 0px; z-index: 9; height: 100%; color: transparent; }
.body-gallery-17 .fluid-contenu { position: relative; z-index: 10000; margin: 0px; opacity: 1; background: var(--color2) url(../images/bg-car.png); color: var(--color0); }
.services-home .one-service * { transition: 0.4s ease-in-out; margin: 0px 0px 2vh; }
.services-home .one-service:hover img { }
.services-home .one-service:hover .one-service-info { }
.services-home .one-service:hover .one-service-info-inner { transform: translateX(5px); }
.services-home .one-service img { position: relative; top: 0px; left: 0px; object-fit: cover; width: auto; height: 65%; transition: 0.5s ease-out; }
.one-service .one-service-info .one-service-info-inner { display: flex; width: 100%; padding: 0em 0px; position: relative; bottom: 0px; left: 0px; flex-direction: column; align-content: center; align-items: center; }
.one-service .one-service-mask { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; }
.one-service .one-service-info h3::after { display: none; }
.one-service .one-service-info h3, .one-service .one-service-info .h3 { margin: 12px 0px; font-size: calc(var(--taille_font) + 1.3rem); padding: 0px; font-family: var(--font_family_2); color: var(--color2); }
.Duo-section { position: relative; z-index: 8000; padding: 3em 9% 5em 0px; background: white; }
.Duo-section { display: none; }
.isServiceList .content { padding: 0px; width: 100%; }
.services-home h2, .contain-actus h2, .services-home .titre, .services-home2 .titre { text-transform: uppercase; font-size: var(--h1-size); margin-bottom: 2vh; font-family: var(--font_family_3); color: var(--color2); }
.nosServicesBg { padding-top: 0px; padding-bottom: 0px; position: relative; background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.nosServicesBg .h { margin: 70px 0px 15px; font-size: 36px; background: url("../images/trait3.png") center bottom no-repeat; padding: 0px 0px 5px; }
.nosServicesBg .hicon::after { background-color: transparent; margin: 0px !important; }
.nosServicesBg .content { padding: 40px 10%; float: left; background-color: transparent; }
.linkList { padding: 0px; margin: 10px 0px 0px; list-style: none; float: left; }
.linkList li { display: block; width: 100%; float: left; margin: 0px; }
.linkList li a { width: 100%; text-decoration: none; text-transform: uppercase; margin: 4px 0px; }
.body-service-list .fluid-contenu .container { width: 100%; max-width: 100%; padding: 4vh 0px; }
.ligne-photos.retrait.centerservice2 { margin: 0px 16% !important; }
.ligne-photos.retrait.centerservice { margin: 0px 33% !important; }
.btn-retour .glyphicon { font-size: 15px; }
.body-service-list .services .tableGrid.row:nth-of-type(2n) .bodyContent { text-align: justify; padding: 7vh 3vw 7vh 0px; }
.body-service-list .services .tableGrid.row { overflow-x: hidden; padding: 3em 10vw; }
.body-service-list .services .tableGrid.row:nth-of-type(2n+1) { direction: rtl; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.body-service-list .services .tableGrid.row:nth-of-type(2n+1) a.bouton-principal { }
.body-service-list .services .tableGrid.row:nth-of-type(2n) { direction: ltr; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.body-service-list .services .tableGrid.row:nth-of-type(2n+1) [class*="col-"] { direction: ltr; }
.body-service-list .services .tableGrid.row .h { text-align: left; font-size: calc(var(--taille_font) + 2rem); }
.body-service-list .services .tableGrid.row:nth-of-type(2n+1) .h { }
.body-service-list .services .tableGrid.row:nth-of-type(2n+1) .service_sub_title { }
.body-service-list .services .tableGrid.row .bodyContent { text-align: justify; padding: 6vw 0vw 6vh 3vw; }
.body-service-list .services .tableGrid.row .bodyContent .content { }
.isServiceList #main { width: 100%; }
.body-service-list .main_bg { padding-bottom: 80px; min-height: 600px; z-index: 1; position: relative; }
.body-service-list .bodyContent .h { text-align: initial; }
.nosServicesBg ul { padding: 0px; }
.nosServicesBg .mainSectionSlider .show { position: absolute; height: 100%; width: 100%; inset: 0px; background-color: transparent; }
.nosServicesBg .mainSectionSlider .blazy { position: absolute; height: 100%; width: 100%; inset: 0px; background-color: transparent; }
.services .mainSectionSlider .show { border-radius: var(--border-radius); position: absolute; height: 100%; width: 100%; inset: 0px; background-color: transparent; }
.services .mainSectionSlider .blazy { position: absolute; height: 100%; width: 100%; inset: 0px; background-color: transparent; }
.nosServicesBg .bx-wrapper { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }
.nosServicesBg .bx-viewport { position: absolute !important; height: 100% !important; width: 100% !important; top: 0px !important; left: 0px !important; }
.nosServicesBg .mainSectionSlider { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }
.services .bx-wrapper { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }
.services .bx-viewport { position: absolute !important; height: 100% !important; width: 100% !important; top: 0px !important; left: 0px !important; }
.services .mainSectionSlider { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; padding: 0px; list-style: none; }
.nosServicesBg .bx-viewport li, .services .bx-viewport li { height: 100%; list-style: none; }
.services .bx-pager, .mainSectionSliderBg .bx-pager { z-index: 9999; }
.nosServicesBg .bx-viewport li, .services .bx-viewport li { height: 100%; }
.mainSectionSlider img { width: 100%; height: 100%; }
.body-service-list .services .tableGrid.row [class*="col-"] { }
.block_catalogue::after { content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; bottom: 0px; left: 0px; }
.block_catalogue { position: relative; padding: 10vh 10vw 0px; background: var(--color0); z-index: 9000; }
.nosServicesBg p:last-of-type, .services p:last-of-type { margin-bottom: 0px; }
.div-rs .btn-partage2 { margin: 12px 6px; }
.scrollbars { height: 40vh; margin: 0px 0px 1vh; }
.btn-partage2 { padding: 0px; display: flex; column-gap: 8px; margin: 0px 0px 3vh; }
.btn-partage2 .btnp { width: 36px; height: 36px; border-radius: 36px; background-repeat: no-repeat; background-position: center center; display: flex; transition: 0.4s; text-align: center; justify-content: center; align-items: center; border: 1px solid var(--color1); cursor: pointer; flex-direction: column; }
.btn-partage2 .btnp:hover { transform: rotate(360deg); background-color: var(--color1); border-color: var(--color1); fill: var(--color0); }
.btn-partage2 .btnp:hover .icones { fill: var(--color0); }
.btn-partage { padding: 0px; display: flex; column-gap: 8px; margin: 0px 0px 3vh; justify-content: flex-end; }
.btn-partage .btnp { width: 36px; height: 36px; border-radius: 36px; background-repeat: no-repeat; background-position: center center; display: block; transition: 0.4s; text-align: center; }
.btn-partage .btnp:hover { transform: rotate(360deg); background-color: var(--color1); border-color: var(--color1); fill: var(--color0); }
.btn-partage .btnp:hover .icones { fill: var(--color0); }
a.btn.btn-default { float: right; }
.label-rgpd strong, .info-rgpd strong, .info-rgpd a, .info-rgpd a:visited { color: rgb(228, 183, 121); }
.info-rgpd p, .label-rgpd { font-size: 12px; }
.btn.bouton-principal { background-repeat: no-repeat; background-position: 2vw center; padding: 2vh 3vw; float: right; border: none; }
.btn-partage .btnp { width: 36px; height: 36px; border-radius: 36px; display: flex; background-repeat: no-repeat; background-position: center center; text-align: center; border: 1px solid var(--color1); align-items: center; justify-content: center; flex-direction: column; }
.btn-partage .btnp:hover { background-color: var(--color-secondary); border-color: var(--color-secondary); fill: var(--color-light); }
.btn-partage .btnp:hover .icones { fill: var(--color0); }
.btn-partage .icones { width: 16px; margin: 0px; height: 16px; padding: 0px; position: relative; left: 0px; fill: var(--color2); }
.footer {background: var(--color-dark);width: 100%;position: relative;float: left;}
.footer .newsletter {position: relative;padding: 5vh 8vw;justify-content: center;column-gap: 11%;border-bottom: 1px solid var(--color-transparent);align-items: center;}
.footer h6, .footer-section h6 { text-transform: uppercase; color: var(--color0); margin: 0px 0px 2vh; }
.footer-section .btn-liens-rs { float: left; }
.footer-tous-sections {padding: 8vh 8vw;gap: 1rem;align-items: start;}
.footer-section { row-gap: 1rem; flex-direction: column; flex-basis: 25%; font-size: 96%; color: var(--color-body); }
.footer-section ul li { margin: 8px 0px; }
.footer-section ul li a { text-decoration: none; color: inherit; }
.footer-section ul li a:hover { text-decoration: underline; }
.footer-section form { width: 100%; }
.text-newsletter h5 { color: var(--color0); }
#newsletter_form label { display: none; }
#newsletter_form input[type="text"] { height: 42px; width: 100%; padding: 5px var(--form-side-padding); background: none; border-style: none none solid; border-radius: var(--form-radius); border-left-width: initial; border-left-color: initial; border-top-width: initial; border-top-color: initial; border-right-width: initial; line-height: 2; outline: none; font-weight: 400; appearance: none; transition: border-color 0.3s, box-shadow 0.3s; color: var(--color-body) !important; }
.form-newsletter { flex-basis: 51%; position: relative; color: var(--color-body) !important; }
#newsletter_form input[type="submit"]:hover { opacity: 1; }
.text-newsletter { flex-basis: 48%; }
#newsletter_form input[type="submit"] { color: var(--color-light); position: absolute; z-index: 3; top: 25px; right: 15px; width: auto; height: 42px; line-height: 42px; padding: 0px; background: none; border: none; opacity: 0.5; }
#newsletter_form input[type="text"]:hover { border-bottom: 1px solid var(--color-light); color: var(--color-light); }
.text-newsletter p { margin: 0px; padding: 0px; color: var(--color-body); font-size: 98%; }
.footer-section.lienseo { flex-basis: 50%; }
.footer-section form input[type="email"] { height: 42px; padding: 5px; width: 100%; border-bottom: 1px solid var(--color-body); color: var(--color-light); font-size: 16px; line-height: 2; transition: 0.3s; appearance: none; background: var(--color-dark); border-top: none; border-right: none; border-left: none; }
#newsletter_form input[type="email"]:focus { border-color: var(--color-light); }
.footer-section form button { position: absolute; z-index: 3; top: 0px; right: 15px; width: auto; height: 42px; line-height: 42px; padding: 0px; background: none; border: none; color: inherit; }
.footer-section form button:hover { background-color: rgb(0, 86, 179); }
.footer-section .social-links { display: flex; gap: 10px; }
.footer-bottom p.logo-site img { height: 116px; }
.footer-bottom p.logo-site { float: right; }
.footer-section .social-links a { color: var(--color2); text-decoration: none; display: block; opacity: 0.7; transition: opacity 0.3s ease-in; }
.footer-section .social-links a:hover { text-decoration: underline; opacity: 1; }
.footer-bottom { text-align: center; padding: 1vh 9vw; justify-content: space-between; align-items: center; column-gap: 2vw; border-top: 1px solid rgb(65, 65, 65); flex-direction: row; display: flex; }
.footer-bottom p { margin: 0px; }
.footer-menu { text-align: center; margin-top: 0px; text-transform: uppercase; width: 100%; }
.menu_footer { list-style: none; padding: 0px; color: var(--color-body); }
.menu_footer li { display: block; margin: 0px; width: 100%; }
.menu_footer li a { text-decoration: none; color: inherit; font-size: 95%; position: relative; padding: 0px 0px 0px 12px; }
.menu_footer li a::before { display: inline-block; content: "❯"; position: absolute; left: 0px; font-size: 12px; color: var(--color1); top: 0px; width: 9px; }
.menu_footer li a:hover { text-decoration: underline; }
.menu_referencement { color: var(--color3); list-style-image: none; list-style-type: none; margin: 0px; text-align: justify; padding: 0px; }
.menu_referencement li { display: inline; padding: 0px; background: 0px 0px; }
.menu_referencement li::before { content: none; }
.menu_referencement li::after { content: " - "; }
.menu_referencement li:last-child::after { content: ""; }
.menu_referencement li a, .menu_referencement li a:visited { color: inherit; font-size: 85%; text-decoration: none; }
.menu_referencement li a:hover { color: var(--color1); }
.menu_referencement li.active a:hover { text-decoration: none; }
#logoFD svg * { fill: rgba(198, 178, 131, 0.7); }
#logoFD svg { width: 21rem; }
.banniere.racine .slog .titre, .banniere.homme .slog .titre, .banniere.femme .slog .titre { color: rgb(255, 255, 255); background: url("../images/trait5.png") 0px bottom no-repeat; text-transform: uppercase; }
.banniere.racine .slog .titre-secondaire, .banniere.homme .slog .titre-secondaire, .banniere.femme .slog .titre-secondaire { color: rgb(255, 255, 255); }
.banniere.enfant .slog .titre { text-transform: uppercase; }
.cont-slider { position: relative; top: 0px; width: 100%; left: 0px; margin-left: 0px; height: 100vh; overflow: hidden; }
.cont-slider::before { content: ""; position: absolute; top: 0px; width: 100%; height: 100%; background: var(--color2); z-index: 1; opacity: 0.8; }
.sudo-slider, .sudo-slider img { width: 100%; }
.sudo-slider img { height: 100vh; object-fit: cover; min-width: 100%; min-height: 100%; width: auto; }
span.controls a.prevBtn { background: url("../images/left.png") center center no-repeat; width: 50px; height: 50px; left: 3vw; transition: 0.4s; border: 2px solid rgb(255, 255, 255); border-radius: 50px; display: block; position: absolute; font-size: 0px; }
span.controls a.nextBtn { background: url("../images/right.png") center center no-repeat; width: 50px; height: 50px; right: 3vw; transition: 0.4s; border: 2px solid rgb(255, 255, 255); border-radius: 50px; display: block; position: absolute; font-size: 0px; }
.cont-slider .controls { position: absolute; top: 50%; width: 100%; z-index: 1000; opacity: 0.6; margin-top: 100px; }
.caption { position: absolute; font-size: 20px; margin-top: 0px; color: rgb(255, 255, 255); width: 100%; height: 100vh; display: flex; place-content: center flex-start; align-items: center; flex-wrap: wrap; z-index: 10; padding: 0px 3%; }
.caption .texte1 {
  color: var(--color0); font-family: var(--font_family_2); width: 100%; text-wrap: balance; text-align: center; font-size: clamp(3.5rem, 8vw, 7rem); font-weight: 300; margin-bottom: 3rem; line-height: 1.1; opacity: 0; transform: translateY(30px); animation: 1s ease 0.6s 1 normal forwards running fadeInUp;
  & .heroh1 { font-family: "Playfair Display", serif; font-size: clamp(3.5rem, 8vw, 7rem); font-weight: 300; margin-bottom: 3rem; color: var(--dark-grey); line-height: 1.1; opacity: 0; transform: translateY(30px); animation: 1s ease 0.6s 1 normal forwards running fadeInUp; }
}
.caption .texte1 small { font-size: 59px; display: block; margin: 3vh 0px; }
@keyframes fadeInUp { 
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes float { 
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-10px) rotate(180deg); }
}
.nav-top .container { max-width: 100%; width: 100%; padding: 0vh 5vw; }
.texte2 { font-size: var(--taille_font); line-height: 1.3; letter-spacing: 3px; display: inline-block; min-width: 220px; text-transform: none; transition: 400ms; border-style: solid; border-width: 1px; padding: 1rem; text-align: center; font-family: var(--font_family_1); border-radius: var(--border-radius); text-decoration: none !important; margin: 0px !important; color: var(--color0) !important; }
.texte2:hover { background-color: var(--color1); border-color: var(--color1); cursor: pointer; }
ol.numericControls { display: none !important; }
.cta.hidden-xs.hidden-sm { display: flex; justify-content: center; align-items: center; column-gap: 1vw; width: 100%; }
.caption { animation: 2s ease-in-out 0s 1 normal forwards running caption; }
@-webkit-keyframes caption { 
  0% { opacity: 0; transform: translateX(40px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes caption { 
  0% { opacity: 0; transform: translateX(40px); }
  100% { opacity: 1; transform: translateX(0px); }
}
.body-catalogue-item .formulaire.gauche.col-md-12 .form-group { }
.formulaire.droite.col-md-12.nopad.nopad-sm.nopad-xs .form-group { width: 100%; }
.formulaire.gauche.col-md-12.nopad.nopad-sm.nopad-xs fieldset, .formulaire.droite.col-md-12.nopad.nopad-sm.nopad-xs { display: block; }
.formulaire.droite.col-md-12.nopad.nopad-sm.nopad-xs .form-group .col-md-12 { padding: 0px; }
.contact .plan h2 { margin-top: 20px; }
.form-group .col-md-12 { padding: 0px; }
.plan { font-size: 0px; margin: 0px 0px 4em; position: relative; float: left; width: 100%; }
.contact .plan .block #googlemapapi, .plan iframe { filter: grayscale(100%); width: 100% !important; height: 57vh !important; }
.plan iframe:hover { filter: grayscale(0%); }
.contact .horaires { margin: 0px; padding: 3px 0px 0px; font-size: 16px; }
.contact .coordonnees { padding-left: 2vw; }
.adresse1 { border-bottom: 1px solid rgb(51, 51, 51); padding: 2vh 0px; font-size: 107%; float: left; width: 100%; }
p.adress1 { color: var(--color1); text-transform: uppercase; font-family: var(--font_family_3); font-size: 135%; }
.contact .coordonnees h2 { margin-top: 20px; }
.contact .coordonnees address p { padding: 3px 0px 0px; }
.contact .coordonnees address p.adresse { }
.contact .coordonnees address p.tel { }
.contact .coordonnees address p.tel a { color: inherit; text-decoration: none; }
.contact .coordonnees address p span.intitule { font-weight: bold; }
.contact .coordonnees address p span.texte { }
.contact .coordonnees address p a { text-decoration: none; color: inherit; }
.contact .coordonnees address p a:hover { text-decoration: underline; }
.contact .description-contact { padding: 0px 0px 10px; color: var(--color2); }
.contact .formulaire .form-group label.col-md-4 { padding-left: 0px !important; padding-right: 0px !important; }
.contact .formulaire .form-group div.col-md-8 { padding-left: 5px !important; padding-right: 5px !important; }
.contact .formulaire .form-group .col-md-4 { display: none; }
.contact .formulaire .form-group .col-md-8 { width: 100% !important; }
.contact .formulaire .control-label { text-align: left !important; font-weight: normal; }
.contact .formulaire .form-group { margin-bottom: 13px; padding: 0px !important; margin-left: 0px !important; margin-right: 0px !important; }
.contact .formulaire .form-group .form-control { font-size: 15px; background: var(--color0); box-shadow: none; border-radius: 0px; color: rgb(0, 0, 0); border: 1px solid rgba(221, 221, 221, 0.37); width: 100% !important; }
.contact .formulaire .form-group textarea.form-control { height: 20vh; position: static; padding: 14px; }
.contact .formulaire .form-group input.form-control { height: 56px; line-height: 1; padding: 14px; }
.contact .formulaire .form-group select.form-control { height: 56px; line-height: 56px; padding: 12px; }
@media screen and (-webkit-min-device-pixel-ratio: 0), screen and (-moz-images-in-menus:0) {
  .form-horizontal select.form-control { appearance: none !important; background-image: url("../images/image-select.png") !important; background-repeat: no-repeat !important; background-position: right center !important; line-height: normal !important; }
  .form-horizontal select.form-control option { color: rgb(0, 0, 0); background: var(--color0); }
}
main.container-1 { color: var(--color0); position: relative; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 10vh 10vw; background: var(--color2) url(../images/bg-car.png); }
div#leads-form h2 { margin: 0px 0px 5vh; color: var(--color0); }
.formulaire.gauche.col-md-12.nopad.nopad-sm.nopad-xs { width: 100%; }
.body-catalogue-item .formulaire.gauche.col-md-12.nopad.nopad-sm.nopad-xs fieldset { }
.contact .formulaire .form-group .g-recaptcha { display: inline-block; vertical-align: top; padding-right: 20px; float: left; width: 301px !important; height: 76px !important; margin-right: 2% !important; }
.contact .formulaire .form-group input[name="captcha"] { display: inline-block; vertical-align: top; width: 31% !important; height: 56px !important; float: none !important; margin-right: 2% !important; }
.contact .formulaire .form-group input[name="captcha"] + a { width: 35%; display: inline-block; margin-right: 2%; vertical-align: top; }
.contact .formulaire .form-group #captcha { width: 100%; border-radius: 0px; padding: 0px; height: 56px !important; }
.contact .formulaire .form-group input.btn-primary { display: inline-block; float: right; }
.contact .formulaire .form-actions { font-size: 12px; }
.contact a.btn.btn-default { float: right; }
.form-group .label-rgpd strong, .info-rgpd strong, .info-rgpd a, .info-rgpd a:visited { color: rgb(228, 183, 121); }
.info-rgpd p, .label-rgpd { font-family: arial; }
.shop-location { margin: 0px auto; padding: 6vh 10vw; display: flex; background: url("../images/bg2.jpg") 0% 0% / 100%; position: relative; }
.coordonnee1 strong { display: block; color: rgb(64, 63, 63); text-transform: uppercase; font-family: var(--font_family_3); width: 100%; font-size: calc(var(--taille_font) + .4rem); }
.coordonnee1 { margin: 0px 0px 2vh; }
.location-details { width: 50%; position: relative; }
.location-details p { margin-bottom: 10px; }
.shop-location::before { content: ""; position: absolute; width: 100%; height: 100%; background: var(--color0); left: 0px; top: 0px; z-index: 0; opacity: 0.7; }
.location-details ul { list-style-type: none; padding-left: 0px; }
.location-details ul li { margin-bottom: 5px; }
.map-container h3 { font-family: Arial, sans-serif; font-size: 1.25rem; color: rgb(51, 51, 51); margin-bottom: 10px; }
.map-container iframe { width: 100%; height: 400px; filter: grayscale(1); }
.body-error404 a.btn.btn-default, .contact .formulaire input.btn-primary, .contact a.btn.btn-default { padding: 16px 25px; margin: 1em 0px; text-align: center; text-transform: uppercase; letter-spacing: 3px; transition: 400ms; font-size: calc(var(--taille_font) - .2em); border-style: solid; border-width: 1px; fill: var(--red); border-color: var(--red); font-family: var(--font_family_1); background: var(--red); }
.body-error404 a.btn.btn-default:hover, .body-error404 a.btn.btn-default:active, .contact .formulaire input.btn-primary:hover, .contact .formulaire input.btn-primary:active, .contact a.btn.btn-default:hover, .contact a.btn.btn-default:active { background-color: var(--red2); border-color: var(--red2); color: var(--color0); text-decoration: none; }
::-webkit-input-placeholder { color: rgb(0, 0, 0) !important; }
.img-seo img { width: 100%; }
.partieseo2 { margin: 10vh 0px 0px; position: relative; display: flex; width: 100%; align-items: center; justify-content: space-between; flex-flow: row-reverse wrap; }
.flex-seoContain { position: relative; display: flex; width: 100%; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.flex-seoContain .seo-content { width: 53%; padding-top: 1em; }
.flex-seoContain .seo-content h1, .flex-seoContain .seo-form h2.h1 { text-align: left; }
.flex-seoContain .seo-content h1::before, .flex-seoContain .seo-form h2.h1::before { left: 0px; margin-left: 0px; }
.flex-seoContain .seo-form { width: 44%; padding: 3em 3%; background: rgba(255, 255, 255, 0.23); border-radius: 10px; border: 1px solid var(--color1); }
.img-seo img { border-radius: var(--border-radius); width: 100%; height: 100%; }
.flex-seoContain .seo-content img { width: 100%; height: 100%; object-fit: cover; }
.imagecont.noflicker.img1 { display: block; margin: 1vh 0px 2vh; height: 30vh; overflow: hidden; }
.pageseo .formulaire .form-group input[name="captcha"] { width: 100% !important; margin-right: 0% !important; text-align: left !important; }
.pageseo .formulaire .form-group input[name="captcha"] + a { position: absolute; width: 140px; top: 0px; right: 0px; margin-right: 0px !important; }
.pageseo .formulaire .form-group .g-recaptcha { display: table-cell; width: 302px !important; margin-right: 2% !important; }
.pageseo .formulaire .form-group input.btn-primary { width: 31%; margin-top: 0px; float: right; }
.gallery .description-galerie { padding: 0px 0px 2em; text-align: justify; width: 100%; float: left; }
.img-gallery { float: right; margin-left: 3vw; margin-bottom: 6vh; width: 45%; }
.img-gallery img { width: 100%; }
.gallery .multiple .ligne-photos .col-md-1, .gallery .multiple .ligne-photos .col-md-2, .gallery .multiple .ligne-photos .col-md-3, .gallery .multiple .ligne-photos .col-md-4, .gallery .multiple .ligne-photos .col-md-6 { margin-bottom: 20px; padding-left: 10px !important; padding-right: 10px !important; }
.gallery .ligne-photos .propor { width: 100%; position: relative; margin-bottom: 15px; }
.gallery .multiple .ligne-photos .propor { margin-bottom: 0px; }
.gallery .ligne-photos .propor .propor-cont img { object-fit: cover; min-width: 100%; min-height: 100%; width: auto; flex: 1 1 0%; height: 100%; border-radius: var(--border-radius); }
.gallery .ligne-photos .col-md-1, .gallery .ligne-photos .col-md-2, .gallery .ligne-photos .col-md-3, .gallery .ligne-photos .col-md-4, .gallery .ligne-photos .col-md-6 { padding-left: 7px !important; padding-right: 7px !important; }
.gallery .ligne-photos { margin-left: -7px !important; margin-right: -7px !important; }
.gallery .ligne-photos .propor { width: 100%; position: relative; margin-bottom: 15px; }
.gallery .ligne-photos .propor::after { padding-top: 88%; display: block; content: ""; }
.gallery .ligne-photos .propor .propor-cont { position: absolute; inset: 0px; }
.gallery .ligne-photos .propor .propor-cont .imagecont { height: 100%; display: block; border: 0px solid rgb(236, 233, 233); width: 100%; overflow: hidden; position: relative; transform: translateZ(0px); }
.gallery .ligne-photos .propor .propor-cont .imagecont .imagefond { display: block; height: 100%; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; }
.gallery .ligne-photos .propor .propor-cont .imagecont .masque { display: block; position: absolute; top: 0px; left: 0px; opacity: 0; width: 100%; height: 100%; background: url("../images/ico-zoom.png") center center no-repeat rgba(0, 0, 0, 0.5); }
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .masque { opacity: 1; }
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .imagefond { transform: scale(1.15); }
.gallery .nav { margin: 10px 0px; padding-right: 10px; }
.gallery .nav li { display: inline-block; width: 100%; margin-bottom: 10px; }
.gallery .nav li a { background: rgb(34, 34, 34); display: block; color: rgb(255, 255, 255); padding: 10px; text-align: center; border-radius: 0px; text-decoration: none; }
.gallery .nav li a:hover, .gallery .nav li.active a { background: rgb(66, 68, 69); color: rgb(255, 255, 255); }
.gallery .nav li.active a { cursor: default; }
.gallery .tab-content { padding-top: 10px; padding-bottom: 10px; }
.gallery .tab-content h2 { padding-left: 15px; margin-bottom: 20px; }
.etiquette { position: absolute; z-index: 9000; }
.etiquette.favoris { background: url("../images/ico-coeur.png"); top: 5px; right: 5px; width: 25px; height: 23px; transition: 400ms; }
.item:hover .etiquette.favoris { background: url("../images/ico-coeur-h.png"); }
li.mention.nouveaute svg { width: 20px; height: 20px; }
.mentions { padding: 0px 0px 10px; margin: 0px; list-style-type: none; list-style-image: none; }
li.mention.favoris { align-items: center; color: var(--nuanceColor1); }
li.mention.nouveaute { align-items: center; color: rgb(242, 197, 119); }
li.mention.nouveaute { align-items: center; color: var(--color1); }
.fluid-contenu .corps ul.mentions { position: absolute; top: 0px; left: 0px; list-style: initial; padding: 8px; margin: 0px; z-index: 9985; }
li.mention.favoris, li.mention.nouveaute, li.mention.destockage { position: relative; font-size: 76%; text-align: center; border-radius: var(--border-radius); overflow: hidden; color: var(--color0); border: none; align-items: center; justify-content: center; display: inline-block !important; padding: 5px !important; background: var(--color1) !important; }
.fil-arianne { border-bottom: 1px solid rgb(185, 184, 184); margin: 0px 0px 4em; font-size: 14px; padding: 0px 0px 6px; }
.fil-arianne a { text-decoration: none; color: inherit; }
.fil-arianne a:hover { text-decoration: underline; }
.cat-produit .fil-arianne { margin: 0px; }
.cat-liste .titre-liste { background: rgb(63, 63, 63); border-radius: 3px; margin-bottom: 20px; }
.cat-liste .titre-liste h2 { background: none; margin: 0px; }
.cat-liste #filtres { display: block; padding: 20px 0px 0px; font-size: 14px; text-align: right; text-transform: uppercase; }
.cat-liste #filtres form { display: inline-block; }
.cat-liste #filtres form#form_ipp { padding-right: 0px; }
.cat-liste #filtres form label, .cat-liste #filtres form b { font-weight: normal; color: rgb(0, 0, 0); }
.cat-liste #filtres form label { background: url("../images/points.png") right 4px no-repeat; padding: 0px 10px 0px 0px; }
.cat-liste #filtres p { margin: 0px; }
.cat-liste #filtres select { height: 30px; line-height: 30px; padding: 5px; border: 1px solid rgb(204, 204, 204); margin: 0px 0px 0px 10px; }
.cat-liste #pagination { padding: 8px 0px; text-align: right; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); margin: 30px 0px 0px; }
.cat-liste #pagination ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; }
.cat-liste #pagination ul li { display: inline-block; width: 28px; }
.cat-liste #pagination ul li a { background: rgb(245, 245, 245); color: rgb(0, 0, 0); text-align: center; display: block; height: 28px; line-height: 28px; font-weight: bold; font-size: 16px; text-decoration: none; }
.cat-liste #pagination ul li a:hover, .cat-liste #pagination ul li.active a { background: rgb(237, 235, 235); }
.filtres-catalogue { padding: 0px; }
.filtres-catalogue button, .filtres-catalogue a.btn-reset { color: var(--color1); background: transparent; display: block; text-align: center; width: 100%; font-size: 11px; text-transform: uppercase; line-height: 48px; letter-spacing: 3px; transition: 400ms; padding: 0px 25px; font-family: var(--font_family_1); border: 1px solid var(--color1) !important; }
.filtres-catalogue button:hover, .filtres-catalogue a.btn-reset:hover { background: var(--color1); color: var(--color0); border: 1px solid var(--color1); }
.filtres-catalogue h3 { font-size: 16px; color: var(--color1); padding: 5px 0px; border-bottom: 1px solid; font-family: var(--font_family_1); }
.filtres-catalogue p { line-height: 26px; }
.filtres-catalogue p.range { padding: 2em 0px; }
.filtres-catalogue label { font-weight: normal; font-size: 16px; color: var(--color3); font-style: normal; margin: 0px; padding: 0px 0px 0px 5px; }
.filtres-catalogue input:disabled + label { font-weight: normal; font-size: 16px; color: var(--color3); font-style: normal; margin: 0px; padding: 0px 0px 0px 5px; opacity: 0.7; }
.filtres-catalogue input[type="submit"] { color: var(--color2); background: transparent; display: block; text-align: center; width: 100%; font-size: 11px; text-transform: uppercase; line-height: 48px; letter-spacing: 3px; transition: 400ms; padding: 0px 25px; font-family: var(--font_family_1); margin: 10px 0px; border-radius: var(--border-radius); border: 1px solid var(--color2) !important; }
.filtres-catalogue input[type="submit"]:hover { background: var(--color1); color: var(--color0); border: 1px solid var(--color1); }
.slider-handle { position: absolute; width: 18px; height: 18px; background: var(--color0); border: 1px solid var(--color2); border-radius: var(--border-radius) !important; }
.modele-liste { padding: 0px; margin-left: -15px !important; margin-right: -15px !important; }
.encarts p.text-center { position: relative; width: 100%; text-align: center; }
.encarts .modele-liste, .encarts2 .modele-liste, .encarts3 .modele-liste { position: relative; width: 100%; overflow: hidden; padding: 0px; margin-left: 0px !important; margin-right: 0px !important; }
.modele-liste .col-md-2, .modele-liste .col-md-3, .modele-liste .col-md-4, .modele-liste .col-md-6 { padding-left: 10px !important; padding-right: 10px !important; }
.modele-liste .item { margin-bottom: 13px; position: relative; border-radius: var(--border-radius); }
.modele-liste.cont-sliderfav .item { width: 100%; padding: 0px 20px; }
.modele-liste .item {padding: 0px;border-radius: var(--border-radius);border: 1px solid rgb(92 90 90 / 6%);overflow: hidden;position: relative;transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s;cursor: pointer;text-decoration: none;display: flex;flex-direction: column;color: inherit;}
.hide-print2 .text-encarts { min-height: auto; }
.zone-catalogue::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; backdrop-filter: blur(12px); filter: blur(12px); }
.zone-catalogue .container3 { display: flex; place-content: center; align-items: center; background: var(--color0); }
.two-products .col-md-3.col-sm-3.col-xs-12 { width: 50%; }
.col-md-12.btnfiltre.text-right { margin: 0px 0px 3vh; padding: 0px; }
.col-md-12.btnfiltre.text-right button { width: 40px; height: 40px; position: relative; padding: 0px; display: inline-block; text-align: center; font-size: 18px; margin-right: 0px; z-index: 1; color: var(--color3); border: 1px solid var(--bg-facultatif); background: rgba(227, 227, 227, 0.21); cursor: pointer; }
.col-md-12.btnfiltre.text-right button:hover { background: var(--color1); color: var(--color0); }
.hide-print2 { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 1em 0px; text-align: center; }
ul.catalog li ul li a::after { border-bottom: 1px solid var(--color2); content: ""; position: absolute; top: 96%; left: 0px; width: 0px; transition: width 0.3s; }
ul.catalog li ul li a:hover::after { width: 100%; }
ul.catalog li ul li a { position: relative; font-family: var(--font_family_1); color: var(--color2); }
ul.catalog li ul li { position: relative; float: left; width: 100%; margin: 0px 0px 0.5vh; }
a.title-r { text-decoration: none; text-transform: uppercase; font-family: var(--font_family_2); font-size: calc(var(--taille_font) *1.3); color: var(--color1); margin: 0px 0px 1vh; display: block; }
ul.catalog { list-style: none; padding: 4vh 2vw; }
ul.catalog li ul { list-style: none; margin: 0px; padding: 0px; }
.modele-liste.cont-sliderred .item { width: 100%; padding: 0px 20px; }
.modele-liste.cont-slidernouv .item { width: 100%; padding: 0px 20px; }
.modele-liste.cont-sliderfav .item .div-proportionnel-item, .modele-liste.cont-sliderred .item .div-proportionnel-item, .modele-liste.cont-slidernouv .item .div-proportionnel-item { width: 220px !important; display: inline-block; }
.modele-liste .item .div-proportionnel-item { width: 100%; position: relative; margin: 0px; overflow: hidden; }
.modele-liste .item .div-proportionnel-item::after { display: block; content: ""; }
.modele-liste .item .div-proportionnel-item .cont-propor { position: relative; inset: 0px; border-radius: var(--border-radius); }
.modele-liste .item .div-proportionnel-item .imagecont { width: 100%; overflow: hidden; position: relative; height: 37vh; transition: 400ms; text-align: center; display: inline-block; border-radius: var(--border-radius) var(--border-radius)  0 0; }
.modele-liste .item .div-proportionnel-item .imagecont:hover .img2 { opacity: 1; }
.labelprice { margin: 0px 6px 0px 0px; }
.news { display: flex; align-content: center; padding: 0px; flex-wrap: wrap; gap: 1%; }
.modele-liste .news .item { width: 24%; border-radius: var(--border-radius); border: 1px solid var(--color1); padding: 0px; }
.modele-liste .item .div-proportionnel-item .imagecont .imagefond { display: block; overflow: hidden; background-repeat: no-repeat; width: 100%; border: none; object-fit: cover; border-radius: var(--border-radius); box-shadow: none; object-position: center center; transform: scale(1.05) translateX(-5px); transition: 0.5s ease-out; top: 0px; left: 0px; right: 0px; max-width: 100%; vertical-align: bottom; margin: 0px; height: 100% !important; }
.modele-liste .item .noimage { background: url("../images/noim.jpg") center center no-repeat rgb(255, 255, 255); }
.modele-liste .item .tableau { width: 100%; }
.modele-liste .item h2, .modele-liste .item h3 {color: var(--color2);margin: 8px 0px;font-size: calc(var(--taille_font) + .45rem);padding: 0px;overflow: hidden;font-family: var(--font_family_2);}
.modele-liste .item h2 a, .modele-liste .item h3 a {color: var(--color2);font-family: var(--font_family_1);text-transform: none;font-size: 80%;}
.modele-liste .item h3 a:hover { text-decoration: none !important; }
.modele-liste .item .prix-item { font-size: var(--taille_font); color: var(--color1); line-height: 13px; min-height: 4vh; }
.modele-liste .item .prix-item div { display: inline-block; vertical-align: top; padding: 0px; }
.modele-liste .item .prix-item div.cell2 { display: inline-block; white-space: nowrap; color: var(--color1); font-family: var(--font_family_1); }
.modele-liste .item .prix-item div.ancien { text-decoration: line-through; color: var(--color2); position: relative; font-size: 12px; }
.modele-liste .item .prix-item div.ancien::before { content: ""; position: absolute; top: 18px; left: 2px; right: 2px; border-bottom: 1px solid rgb(158, 158, 158); display: inline-block; opacity: 0; }
.saluuut .item .prix-item { font-size: 30px; line-height: normal; }
.saluuut .item .prix-item div { display: inline-block; vertical-align: top; padding: 7px 0px 0px; }
.saluuut .item .prix-item div.cell2 { display: block; }
.saluuut .item .prix-item div.ancien { text-decoration: line-through; color: rgb(158, 158, 158); position: relative; font-size: 24px; }
.saluuut .item .prix-item div.ancien::before { content: ""; position: absolute; top: 18px; left: 2px; right: 2px; border-bottom: 1px solid rgb(158, 158, 158); display: inline-block; opacity: 0; }
.saluuut .mentions .mention { text-align: left; }
.cat-produit .item-titre { margin-top: 0px; margin-bottom: 17px; font-size: 34px; color: var(--color2); word-break: break-word; display: block; }
body.body-catalogue-item main.fluid-contenu .container, body.body-catalogue-list main.fluid-contenu .container { padding: 5vh 10vw 0px; }
.cat-produit .item-description { font-size: var(--taille_font); padding: 6vh 0px 30px; color: var(--color2); position: relative; float: left; width: 100%; column-count: 2; column-gap: 3%; }
.cat-produit .item-description p { margin-bottom: 0px; }
.modele-liste .item .div-proportionnel-item .imagecont:hover .imagefond.img2 { opacity: 1 !important; }
.modele-liste .item .div-proportionnel-item .imagecont .imagefond.img2 { opacity: 0; position: absolute; z-index: 1000; display: block; overflow: hidden; height: 100% !important; width: 100% !important; }
.cat-produit .item-prix { font-size: calc(var(--taille_font) * 1.3); display: flex; vertical-align: middle; font-weight: 400; width: 100%; float: right; padding: 0px 0px 1em; justify-content: flex-end; align-items: center; position: relative; gap: 2%; }
span.manufacturer_left { background: var(--color0); }
span.manufacturer_right { background: var(--color0); padding-left: 1rem; }
span.manufacturer_center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(117, 109, 109, 0.2); width: 95%; height: 0.1px; z-index: -1; }
.badgepromo.red, .badgepromo2.red { background: red; }
.badgepromo.marron, .badgepromo2.marron { background: var(--color1); }
.badgepromo.rouge, .badgepromo2.rouge { background: rgb(217, 43, 30); }
.badgepromo.mauve, .badgepromo2.mauve { background: rgb(152, 105, 218); }
.badgepromo { font-size: 13px; color: var(--color0); display: block; background: var(--color1); padding: 7px 6px !important; float: right !important; }
.badgepromo2 { font-size: 13px; color: var(--color0); display: block; z-index: 1000; top: 2px; right: 4px; position: absolute; background: var(--color1); border-radius: var(--border-radius); padding: 7px 6px !important; float: right !important; }
.cat-produit .item-prix div { display: inline-block; vertical-align: top; padding: 0px; float: left; }
.cat-produit .item-prix div.cell2 { display: inline-block; white-space: nowrap; float: left; }
.cat-produit .item-prix div.ancien { text-decoration: line-through; color: var(--color3); float: left; display: block; position: relative; width: 100%; font-size: 16px; }
.cat-produit .item-prix div.ancien::before { content: ""; position: absolute; top: 12px; left: 2px; right: 2px; border-bottom: 1px solid rgb(158, 158, 158); display: inline-block; opacity: 0; }
img.marque_image { width: 100px; display: inline-block; margin: 0px 15px 15px 0px; }
.fluid-contenu .corps .cat-produit .particularites li::before { display: none; }
.fluid-contenu .corps .cat-produit .particularites { margin: 0px 0px 4vh; padding: 0px; list-style-type: none; column-gap: inherit; background: transparent; }
.fluid-contenu .corps .cat-produit .particularites li { width: 100%; background: none; position: relative; justify-content: flex-start; border-bottom: 1px solid var(--color1); padding: 13px 0px; text-align: right; }
.cat-produit .particularites li span { color: var(--color2); padding-right: 1rem; text-align: left; position: relative; float: left; }
.cat-produit .equipements ul { margin: 0px; padding: 0px; list-style-type: none; }
.cat-produit .btn-retour { padding: 20px 0px 0px; margin: 3vh 0px 0px; float: left; width: 100%; }
.cat-produit .btn-retour a { padding: 16px 25px; margin: 1em 0px; text-align: center; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; transition: 400ms; border-style: solid; border-width: 1px; fill: var(--color2); color: var(--color2); font-family: var(--font_family_1); background: transparent; text-decoration: none; border-radius: var(--border-radius); }
.cat-produit .btn-retour a:hover { background-color: var(--color1); border-color: var(--color1); color: var(--color0); text-decoration: none; }
.cat-produit .titre-similaire { font-size: 28px; text-transform: uppercase; padding: 19px 0px 12px 15px; color: rgb(64, 63, 63); text-align: center; border: 1px solid rgb(200, 200, 200); margin: 70px 0px 50px; }
.cat-produit .titre-desc { text-transform: none; font-size: 31px; text-align: center; margin: 20px 0px 21px; }
.cat-produit .btn-envie { text-align: right; }
.cat-produit .btn-envie a { transition: 400ms; display: inline-block; text-decoration: none; border: 1px solid rgb(88, 88, 88); font-size: 16px; color: rgb(0, 0, 0); padding: 15px 30px 12px 55px; text-transform: uppercase; background: url("../images/ico-envie.png") 30px center no-repeat; }
.cat-produit .btn-envie a:hover, .cat-produit .btn-envie a.remove-from-wishlist { background: url("../images/ico-envie-h.png") 30px center no-repeat rgb(0, 0, 0); color: rgb(255, 255, 255); }
.cat-produit { position: relative; }
.cat-produit .cont-sliderthumb { }
.cat-produit .description { padding: 3em 10vw; margin: 1vh 0px; background: rgb(250, 250, 250); border-radius: var(--border-radius); }
.cat-produit .cont-sliderthumb .div-proportionnel { width: 100%; position: relative; }
.cat-produit .cont-sliderthumb .div-proportionnel::after { padding-top: 72%; display: block; content: ""; }
.cat-produit .cont-sliderthumb .div-proportionnel .cont-propor { position: absolute; inset: 0px; }
.cat-produit .cont-sliderthumb .div-proportionnel .imagecont { height: 100%; display: block; width: 100%; overflow: hidden; position: relative; cursor: zoom-in; }
.cat-produit .cont-sliderthumb .div-proportionnel .imagecont .imagefond { display: block; height: 100%; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; }
.cat-produit .noimage { display: block; background: url("../images/noim.jpg") center center no-repeat rgb(255, 255, 255); width: 100%; height: 400px; }
.cat-produit .sudo-slider-thumb { text-align: center; box-shadow: rgba(195, 195, 195, 0.15) -1px 0px 3px 3px; padding: 0.9vh 0.5vw; border-radius: var(--border-radius); }
.cat-produit .noimage { background-image: url("../images/noim.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-size: auto !important; }
.cat-produit .cont-miniatures { overflow: hidden; position: relative; margin: 10px 0px 0px; }
.cat-produit .miniatures { width: 300000px; }
.cat-produit .miniatures .miniature { width: 80px; float: left; border: 1px solid rgb(204, 204, 204); border-radius: var(--border-radius); margin: 0px 5px 0px 0px; cursor: pointer; opacity: 0.7; height: 80px !important; }
.cat-produit .miniatures .div-proportionnel { width: 100%; position: relative; }
.cat-produit .miniatures .div-proportionnel::after { padding-top: 94%; display: block; content: ""; }
.cat-produit .miniatures .div-proportionnel .cont-propor { position: absolute; inset: 0px; }
.cat-produit .miniatures .div-proportionnel .imagecont { height: 100%; display: block; width: 100%; overflow: hidden; position: relative; }
.cat-produit .miniatures .div-proportionnel .imagecont .imagefond { display: block; height: 100%; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; }
.cat-produit .cont-miniatures .precedent-miniatures { position: absolute; top: 50%; margin-top: -16px; left: 15px; display: none; width: 32px; height: 32px; background: url("../images/ico-thumb-g.png"); }
.cat-produit .cont-miniatures .suivant-miniatures { position: absolute; top: 50%; margin-top: -16px; right: 15px; display: none; width: 32px; height: 32px; background: url("../images/ico-thumb-d.png"); }
.cat-produit .cont-miniatures:hover .precedent-miniatures, .cat-produit .cont-miniatures:hover .suivant-miniatures { display: block; }
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="prev"], .cat-produit .cont-sliderthumb a.customLinkThumb[data-target="next"] { z-index: 9000; position: absolute; top: 50%; display: none; width: 32px; height: 32px; margin-top: -16px; }
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="prev"] { left: 0px; background: url("../images/ico-thumb-g.png"); }
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="next"] { right: 0px; background: url("../images/ico-thumb-d.png"); }
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="prev"]:hover, .cat-produit .cont-sliderthumb a.customLinkThumb[data-target="next"]:hover { opacity: 0.8; }
.cat-produit .cont-sliderthumb:hover a.customLinkThumb[data-target="prev"], .cat-produit .cont-sliderthumb:hover a.customLinkThumb[data-target="next"] { display: block; }
.cat-produit .controlsthumb { display: inline-block; z-index: 9000; position: absolute; bottom: 10px; left: 0px; right: 0px; text-align: center; }
.cat-produit .controlsthumb { }
.cat-produit .controlsthumb ol { margin: 0px; padding: 0px; list-style-type: none; display: none; }
.cat-produit .controlsthumb ol li { display: inline-block; }
.cat-produit .controlsthumb ol li a { display: block; width: 23px; height: 23px; background-image: url("../images/miette.png"); background-repeat: no-repeat; background-position: 50% 50%; margin: 0px 2px; }
.cat-produit .controlsthumb ol li.current a { background-image: url("../images/miette-h.png"); }
.cat-produit .controlsthumb ol li a span { display: none; }
.cat-produit .zone-leads { padding: 8vh 7vw; position: relative; float: left; width: 100%; border: 1px solid var(--gold); margin-top: 11vh; background: rgba(16, 16, 16, 0.5); }
.cat-produit .form-question { padding: 20px 0px 0px; }
.cat-produit .form-question select { width: 100%; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(185, 185, 185); height: 32px; margin: 0px 0px 20px; line-height: 32px; padding: 5px 5px 5px 0px; }
.cat-produit .form-question textarea { width: 100%; border: 1px solid rgb(185, 185, 185); padding: 10px; height: 277px; margin: 0px 0px 12px; }
.cat-produit .form-question input[type="text"], .cat-produit .form-question input[type="email"], .cat-produit .form-question input[type="tel"] { width: 100%; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(185, 185, 185); margin: 0px 0px 20px; height: 32px; line-height: 1; padding: 0px; }
.cat-produit .form-question input[type="submit"] { width: 100%; border: 3px solid rgb(228, 183, 121); padding: 6px 20px 2px 0px; color: rgb(72, 72, 72); background: rgb(255, 255, 255); text-transform: uppercase; transition: 400ms; }
.cat-produit .form-question input[type="submit"]:hover { background: rgb(228, 183, 121); color: rgb(255, 255, 255); }
.help-block { margin-top: 0px; margin-bottom: 10px; position: relative; top: -15px; }
.cat-produit .form-question input[name="captcha"] { width: 83%; }
.cat-produit .form-question #captcha3 { padding: 0px 4px; height: 34px !important; }
@media screen and (-webkit-min-device-pixel-ratio: 0), screen and (-moz-images-in-menus:0) {
  .cat-produit .form-question select { appearance: none !important; background-image: url("../images/image-select.png") !important; background-repeat: no-repeat !important; background-position: right center !important; line-height: normal !important; }
  .cat-produit .form-question select option { color: inherit; }
}
.cat-produit .form-question ::-webkit-input-placeholder { color: rgb(0, 0, 0) !important; }
.header-sidebars, .sidebar-left, .sidebar-right { letter-spacing: 1px; }
.sidebar-left a, .sidebar-right a, .sidebar-bottom-controls a, .contactButton, .nav-item-active, .sidebar-form label, .sidebar-send-button, .sidebar-divider-text { color: var(--color2) !important; }
.header-sidebars { height: 82px; z-index: 99999; position: fixed; left: 0px; right: 0px; top: 0px; width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px 1px; background: var(--color2); }
.header-sidebars .header-top { display: table; height: 76px; width: 100%; }
.top-logo { display: table-cell; vertical-align: middle; position: relative; z-index: 9999; text-align: center; overflow-y: hidden; }
.top-logo img { position: absolute; left: 0px; top: 0px; max-height: 85px; max-width: 170px; color: rgb(255, 179, 131); }
.deploy-left-sidebar { display: table-cell; background-color: rgb(228, 183, 121); background-size: auto 49%; background-image: url("../images/menu-mobile-3/nav.svg"); background-repeat: no-repeat; height: 65px; width: 65px; background-position: center center; }
.deploy-right-sidebar { border-left: 1px var(--color3) solid; display: table-cell; background-color: var(--color2); background-size: auto 42%; background-image: url("../images/menu-mobile-3/nav.svg"); background-repeat: no-repeat; height: 79px; width: 69px; background-position: center center; }
.deploy-right-mail { border-left: 1px var(--color3) solid; display: table-cell; background-color: var(--color2); background-size: auto 42%; background-image: url("../images/menu-mobile-3/mail.svg"); background-repeat: no-repeat; height: 79px; width: 69px; background-position: center center; position: absolute; right: 69px; top: 0px; }
.deploy-right-call { display: table-cell; background-color: var(--color2); background-size: auto 42%; background-image: url("../images/menu-mobile-3/telephone.svg"); background-repeat: no-repeat; height: 79px; width: 69px; background-position: center 21px; right: 138px; top: 0px; position: absolute !important; }
.deploy-back-home { background-image: url("../images/menu-mobile-3/home.png"); background-repeat: no-repeat; background-color: rgb(249, 250, 252); width: 50px; height: 50px; background-position: center center; float: right; margin-top: -50px; }
.delete-right-sidebar { display: none; background-image: url("../images/menu-mobile-3/contact.png"); background-repeat: no-repeat; background-color: rgb(249, 250, 252); width: 50px; height: 50px; background-position: center center; float: right; margin-top: -50px; }
.sidebar-left { width: 270px; z-index: 9999; top: 0px; left: -270px; bottom: 0px; overflow: hidden; position: fixed; box-shadow: rgba(0, 0, 0, 0.1) 3px 0px 3px 0px; font-family: Nunito-Regular, Helvetica !important; }
.sidebar-scroll-left { padding-right: 20px; left: 0px; width: 310px; height: 100%; background-color: rgb(195, 28, 38); overflow: hidden scroll !important; }
.sidebar-scroll-right { width: 275px; height: 100%; background-color: var(--color0); overflow: hidden auto !important; }
.sidebar-right { background-repeat: repeat; position: fixed; overflow: hidden; z-index: 999999; right: -280px; top: 0px; bottom: 0px; width: 270px; box-shadow: rgba(0, 0, 0, 0.1) -2px 0px 2px 0px; font-family: Nunito-Regular, Helvetica !important; }
.sidebar-decoration { background-image: url("../images/menu-mobile-3/sidebar-deco.png"); background-repeat: repeat-x; height: 2px; margin-bottom: 15px; }
.sidebar-left a, .sidebar-right a { text-decoration: none; display: block; overflow: hidden; position: relative; z-index: 1; color: rgb(64, 63, 63) !important; }
.sidebar-header-left { height: 65px; background-color: rgb(247, 142, 30); position: relative; }
.sidebar-left-logo { max-height: 75px; position: absolute; top: -2px; left: 8px; margin-right: 179px; }
.sidebar-right-logo { margin-left: auto; top: 14px; right: 4px; max-width: 180px; float: right; max-height: 37px; position: relative; display: none; }
.close-sidebar-left { background-image: url("../images/menu-mobile-3/left-chevron.svg"); background-size: 45%; background-repeat: no-repeat; background-position: center center; height: 65px; width: 65px; margin-left: 205px; display: block; }
.sidebar-divider-text { font-size: 20px; padding-top: 15px; padding-left: 20px; padding-bottom: 15px; margin-bottom: 0px; color: var(--color1); background: var(--nuanceColor1); font-family: var(--font_family_2); }
.home-nav { background-image: url("../images/menu-mobile-3/home.png"); }
.info-nav { background-image: url("../images/menu-mobile-3/infoabout.png"); }
.folio-nav { background-image: url("../images/menu-mobile-3/bendedright.png"); }
.mail-nav { background-image: url("../images/menu-mobile-3/mail.svg"); }
.newsletter-nav { background-image: url("../images/menu-mobile-3/rss.png"); }
.call-nav { background-image: url("../images/menu-mobile-3/phonehook.svg"); }
.text-nav { background-image: url("../images/menu-mobile-3/speechbubble4.png"); }
.facebook-nav { background-image: url("../images/menu-mobile-3/facebook.png"); }
.twitter-nav { background-image: url("../images/menu-mobile-3/twitter.png"); }
.sidebar-bottom-controls { background-color: rgb(228, 183, 121); }
.sidebar-bottom-controls p { margin-top: 3px; }
.sidebar-bottom-controls a { font-size: 12px; background-repeat: repeat-y; text-align: center; float: left; width: 33%; line-height: 10px; display: block; }
.facebook-bottom { display: block; padding-top: 26px; background-image: url("../images/menu-mobile-3/facebook.png"); background-repeat: no-repeat; background-position: center 33px; background-size: 16px 16px; height: 50px; margin-top: -25px; }
.twitter-bottom { display: block; background-image: url("../images/menu-mobile-3/twitter.png"); background-repeat: no-repeat; background-position: center 33px; background-size: 16px 16px; height: 50px; margin-top: -25px; }
.close-bottom-left, .close-bottom-right { display: block; padding-top: 26px; background-image: url("../images/menu-mobile-3/accessdenied.png"); background-repeat: no-repeat; background-position: center 33px; background-size: 16px 16px; height: 50px; margin-top: -25px; }
.nav-item { font-size: 16.2px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-size: 22px; background-color: rgb(201, 50, 59); height: 60px; line-height: 61.5px; background-repeat: no-repeat; padding-left: 60px; background-position: 20px center; margin-bottom: 1px; }
.icon-active { position: absolute; background-image: url("../images/menu-mobile-3/left-sidebar/location.png"); background-size: 10px 15px; background-repeat: no-repeat; display: block; width: 10px; height: 15px; top: 19px; left: 240px; }
.icon-page { position: absolute; background-image: url("../images/menu-mobile-3/left-sidebar/gopage.png"); background-size: 8px 11px; background-repeat: no-repeat; display: block; width: 10px; height: 15px; top: 19px; left: 240px; }
.icon-drop { position: absolute; background-image: url("../images/menu-mobile-3/left-sidebar/godrop.png"); background-size: 10px 8px; background-repeat: no-repeat; display: block; width: 10px; height: 15px; top: 19px; left: 239px; }
.submenu a { text-shadow: rgb(0, 0, 0) 0px 2px 0px; background-image: url("../images/menu-mobile-3/sidebar-deco.png"); background-repeat: repeat-x; padding-top: 12px; padding-bottom: 12px; padding-left: 25px; font-size: 10px; color: rgb(135, 135, 135); text-transform: uppercase; font-weight: 900; }
.submenu a em { background-image: url("../images/menu-mobile-3/left-sidebar/gopage.png"); background-size: 8px 11px; background-repeat: no-repeat; float: left; width: 10px; height: 15px; display: block; margin-top: 5px; padding-right: 35px; }
.submenu a:first-child { background-image: none !important; }
.submenu { display: none; }
.submenu-active { display: block; }
.sidebar-notifications a { margin-bottom: 15px; background-repeat: no-repeat; background-position: 0px center; padding-left: 38px; margin-left: 20px; font-size: 10px; color: rgb(135, 135, 135); font-family: Lato, sans-serif; font-weight: 700; text-transform: uppercase; line-height: 10px; }
.sidebar-header-right { height: 65px; background-color: rgb(245, 244, 238); position: relative; }
.close-sidebar-right { background-image: url("../images/menu-mobile-3/right-chevron.svg"); background-size: 45%; background-repeat: no-repeat; background-position: center center; height: 65px; width: 65px; margin-left: 0px; display: block; }
.sidebar-left .close-sidebar-left, .sidebar-right .close-sidebar-right { position: absolute !important; }
.right-sidebar-copyright { margin: 20px 0px; }
.footer-text a { padding-top: 10px; font-size: 10px; color: rgb(138, 138, 138); }
.copyright-sidebar { font-size: 10px; text-align: center; text-transform: uppercase; }
.menu-mobile-dynamique { margin: 0px; padding: 0px; list-style: inside none none; }
.menu-mobile-dynamique li { width: 100%; margin-bottom: 1px; padding-left: 0px; border-bottom: 1px solid rgb(238, 238, 238); }
.menu-mobile-dynamique .sub-menu li { background-color: rgba(216, 216, 216, 0.33); margin-bottom: 0px; padding-left: 0px; }
.menu-mobile-dynamique .sub-menu li a { height: 42px; text-transform: none; color: var(--color2); }
.menu-mobile-dynamique li.active a { color: var(--color1) !important; }
.menu-mobile-dynamique .sub-menu li ul li { padding-left: 21px; }
.menu-mobile-dynamique .sub-menu { padding-top: 10px; padding-bottom: 10px; margin-left: -18px; }
.menu-mobile-dynamique li.parent i.theSub.fas.fa-angle-down { display: none; }
.menu-mobile-dynamique li.parent { background-image: url("../images/menu-mobile-3/left-sidebar/gopage.svg"); background-position: 238px 23.2px; background-repeat: no-repeat; background-size: 9px; }
.menu-mobile-dynamique li a { display: table-cell; width: 270px; vertical-align: middle; line-height: 1; font-size: 87%; font-family: var(--font_family_1); background-image: url("../images/menu-mobile-3/bendedright.svg"); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-size: 8px; color: rgb(255, 255, 255); height: 49px; background-repeat: no-repeat; padding-left: 43px; background-position: 10% center; text-decoration: none !important; }
.menu-mobile-dynamique ul { list-style: inside none none; padding-left: 0px; }
.menu-mobile-dynamique ul li a { background: none; color: rgb(190, 190, 190); }
.small-notification p { margin: 10px 13px; padding-bottom: 2px; line-height: 18px; }
.search { padding: 2px 16px; width: 100%; position: relative; float: left; }
.search input[type="text"] { width: 100%; border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; border-radius: 0px; outline: none; padding: 12px 10px; min-height: 45px; border-bottom: 1px solid var(--color1); max-width: 102%; background: transparent; font-size: var(--taille_font); }
form { width: 100%; }
.search input[type="submit"] { transition: 400ms; color: rgb(0, 0, 0); text-align: center; border: none; padding: 13px 12px 7px; display: inline-block; vertical-align: top; font-size: var(--taille_font); position: absolute; font-family: var(--font_family_2); right: 15px; background: transparent; }
.text-input { overflow: hidden; position: relative; font-size: 11px; color: rgb(102, 102, 102); width: 230px; margin-left: 20px; height: 30px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; display: block; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgb(61, 61, 61); }
#contactEmail { margin-bottom: -5px !important; }
#contactMessage { display: none; }
#contactName { display: none; margin-bottom: 10px; }
#left_label_name { overflow: hidden; position: relative; display: none; text-align: left; margin-left: 200px; font-size: 11px; color: rgb(140, 140, 140); opacity: 0.3; margin-top: -20px; padding-bottom: 5px; margin-bottom: 10px; }
#name_label { overflow: hidden; position: relative; display: none; margin-top: 20px; margin-left: 20px; font-family: Lato, sans-serif; font-size: 12px; color: rgb(197, 197, 197); }
#email_label { margin-top: 20px; margin-left: 20px; font-size: 12px; color: rgb(197, 197, 197); display: block; overflow: hidden; position: relative; }
#left_label_mail { display: block; overflow: hidden; position: relative; line-height: 18px; text-align: left; margin-left: 200px; font-size: 11px; color: rgb(140, 140, 140); opacity: 0.3; font-family: "Open Sans", sans-serif; margin-top: -20px; padding-bottom: 5px; margin-bottom: 10px; }
.contact-button-house { line-height: 18px; margin-bottom: 20px; font-size: 11px; display: block; overflow: hidden; position: relative; vertical-align: baseline; outline: none; }
.contactButton { display: block; overflow: hidden; position: relative; margin-left: 20px; margin-top: 30px; height: 36px; font-family: Lato, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; width: 230px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgb(61, 61, 61); }
.buttonWrap { min-width: 43%; padding: 10px !important; }
.contactSubmitButton { margin-right: 4px; float: left; margin-bottom: 20px; display: block !important; height: 36px !important; }
.contactNameField { padding-bottom: 5px; font-size: 12px; }
.contactField { font-size: 15px; overflow: hidden; position: relative; color: rgb(255, 255, 255); min-width: 100%; display: block; box-sizing: border-box; height: 30px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; }
.contactTextarea { font-size: 15px; overflow: hidden; position: relative; color: rgb(255, 255, 255); min-width: 100%; display: block; box-sizing: border-box; margin-bottom: 20px; line-height: 18px; height: 90px; padding: 9px 12px; }
.menu-mobile-dynamique input { appearance: none; border-radius: 0px; }
.menu-mobile-dynamique .menu-item-external { background-position: 239px 17.2px; background-repeat: no-repeat; background-size: 7px; }
.sidebar-form { display: none; margin-left: 20px; width: 230px; box-sizing: border-box; }
.sidebar-form2 { display: none; }
.sidebar-form label { font-size: 13px; color: rgb(197, 197, 197); text-transform: uppercase; padding-top: 10px; display: block; opacity: 0.8; border-radius: 0px !important; }
.sidebar-form label span { text-transform: lowercase; float: right; opacity: 0.5; }
.sidebar-form input { background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgb(61, 61, 61); }
.sidebar-form textarea { background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgb(61, 61, 61); margin-bottom: 0px; }
.sidebar-send-button { font-size: 13px; display: block; width: 100%; color: rgb(210, 210, 210); font-family: Lato, sans-serif; text-transform: uppercase; font-weight: 700; }
.success-subscribe { margin-top: 20px; width: 230px; margin-left: 20px; }
.sidebar-form { margin-bottom: 0px !important; margin-top: -10px !important; }
.sidebar-form .formSuccessMessageWrap { width: 230px; margin-top: 20px; margin-bottom: 0px; }
.sidebar-form .small-notification { margin-top: 20px; }
.sidebar-form #emailError { margin-top: 20px; width: 230px; margin-left: 20px; border-radius: 0px; height: 36px; }
.sidebar-form #emailError p { text-align: center; color: rgb(255, 129, 129); margin: 8px 0px; display: block; background-image: none; text-transform: uppercase; padding-left: 0px; }
.sidebar-form #emailError2 { margin-top: 20px; width: 230px; margin-left: 20px; border-radius: 0px; height: 36px; }
.sidebar-form #emailError2 p { text-align: center; color: rgb(255, 129, 129); margin: 8px 0px; display: block; background-image: none; text-transform: uppercase; padding-left: 0px; }
.subscribe-notification { margin-left: 20px; width: 230px !important; border-radius: 0px !important; margin-bottom: -15px !important; margin-top: 20px !important; background-image: none !important; }
.subscribe-notification p { text-align: center; margin: 20px 0px 8px; display: block; text-transform: uppercase; padding-left: 0px; background-image: none !important; color: rgb(255, 129, 129) !important; }
.formValidationError { margin-bottom: -15px; }
.sidebar-form .formValidationError div { width: 230px; height: 36px; border-radius: 0px !important; margin-top: 20px !important; }
.sidebar-form .formSubmitButtonErrorsWrap { margin-bottom: 20px; overflow: visible !important; }
.sidebar-form .formValidationError p { text-align: center; margin: 8px 0px; display: block; background-image: none; text-transform: uppercase; padding-left: 0px; color: rgb(255, 129, 129) !important; }
.menu-mobile-dynamique label { display: block; overflow: hidden; position: relative; border: 0px; vertical-align: baseline; outline: none; }
.red-notification { background-color: rgba(219, 84, 84, 0.5); border-radius: 5px; border: 1px solid rgb(203, 177, 144); }
.formValidationError .red-notification p { background-image: none !important; display: block !important; padding-left: 0px !important; text-align: center !important; }
.no-bottom { margin-bottom: 0px !important; }
.menu-mobile-dynamique .sub-menu { display: none; }
.red-notification { background-color: rgba(219, 84, 84, 0.5); border-radius: 5px; border: 1px solid rgb(194, 71, 71); }
.formValidationError .red-notification p { font-size: 14px; background-image: none !important; display: block !important; padding-left: 0px !important; text-align: center !important; }
.notification-box { color: rgb(255, 255, 255) !important; }
.notification-box h4 { color: rgb(255, 255, 255) !important; }
.sidebar-right .btn-recherche { margin: 0px; overflow: hidden; text-indent: 100px; background: url("../images/ico-recherche-mobile.png") center center no-repeat; display: inline-block; vertical-align: top; width: 50px; height: 48px; position: absolute; top: 68px; right: 50px; }
.sidebar-right .btn-favoris { position: absolute; margin: 0px; top: 68px; right: 0px; overflow: hidden; text-indent: 110px; background: url("../images/ico-favoris-mobile.png") center center no-repeat; display: inline-block; vertical-align: top; width: 50px; height: 48px; }
.remonter { position: fixed; z-index: 9999; display: none; bottom: 10px; right: 10px; width: 44px; background: rgba(0, 0, 0, 0.5); border-radius: 3px; }
.remonter button { display: block; padding: 3px 10px 6px; text-align: center; background: none; border: 0px; }
.remonter button:hover { opacity: 0.8; }
.deprecated-ie { text-align: center; color: rgb(0, 0, 0); background: rgb(238, 238, 238); }
.deprecated-ie p { line-height: 30px; margin: 0px; }
.deprecated-ie a { line-height: 30px; font-family: "Trebuchet MS", Helvetica, arial, sans-serif; font-size: 13px; color: rgb(0, 0, 0); text-decoration: underline; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .lightboxOverlay { overflow: scroll; }
  .lightboxOverlay::-webkit-scrollbar { width: 0px; }
}
@media (max-width: 1199px) {
  .remonter { display: none !important; }
  .navfooter { float: left; width: 100%; }
}
@media (min-width: 768px) {
  .zone-favoris .article:nth-child(3n+1) { clear: both; }
  .pied .categorie:nth-child(3n+1) { }
}
@media (max-width: 991px) {
  .cat-produit .item-description { column-count: 1; column-gap: 0px; }
  .ser2 { display: flex; flex-direction: column-reverse; align-items: center; }
  :root { --taille_font: 16px; --h1-size: 25px; --font-title: 24px; }
  .partenaire-swiper .img_item { width: 120px; height: 80px; }
  .photo-one img { height: 23vh; object-position: center top; }
  h4.panel-title { font-size: 17px; }
  .text-client { font-size: 18px; }
  div#contactButtonsMobile a { background: var(--red) !important; color: white !important; }
  .body-pageseo .contain-actus, .body-page-1 .contain-actus { padding: 5vh 5vw; }
  .photo-accueil { width: 100%; }
  .plaquettes.hidden-lg.hidden-md { display: flex; gap: 5px; justify-content: space-evenly; }
  .logo11 img { max-width: 61%; }
  a.btnp { width: 100%; padding: 0px; text-align: center; }
  .plaquettes.hidden-lg.hidden-md a.btnp.jaune { background: rgb(247, 206, 62); color: var(--color2) !important; }
  .plaquettes.hidden-lg.hidden-md a.btnp { background: var(--red); font-size: 15px; }
  .hero-content { width: 99%; }
  .intervention .contenu { padding: 4vh 0px; background: none rgb(0, 0, 0); }
  .footer-bottom { display: flex; flex-direction: column-reverse; }
  nav.footer-menu { width: 100%; }
  .footer-tous-sections { display: flex; flex-direction: column; padding: 8vh 4vw; }
  .footer .newsletter { padding: 4vh 4vw; column-gap: 0px; display: block; }
  .text-newsletter { flex-basis: 100%; width: 100%; }
  .form-newsletter { flex-basis: 100%; }
  section.temoignages { padding: 5vh 3vw; }
  .body-page-1 main.fluid-contenu .container .row.relative.corps { }
  .page-contenu2.page-contenu-home2.clear { padding: 0px; font-size: 15px; width: 100%; }
  .gallery-thumbs { display: none !important; }
  .gallery-top { padding: 1.5rem; }
  .body-service-list .services .tableGrid.row .bodyContent, .body-service-list .services .tableGrid.row:nth-of-type(2n) .bodyContent { padding-bottom: 0px !important; padding-top: 0px !important; }
  .body-service-list .services .tableGrid.row { overflow-x: hidden; padding: 0em 4vw; }
  .wrapper .row2 { display: flex; flex-flow: wrap; margin: 0px 0px 2px; }
  .stats-grid { gap: 0rem; }
  ul.tabs-list { position: relative; z-index: 20; display: flex; padding: 0vh 0px; margin: 0px; flex-wrap: wrap; }
  .gallery-top { height: auto; width: 100%; overflow: hidden; }
  .title-flex { display: flex; flex-direction: column; align-items: center; }
  .banniere.ban1 { height: 28vh; background-attachment: inherit; }
  .body-page-1 .banniere.ban1 { height: 49vh; }
  .btn-liens-rs { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.4vw; padding: 0rem 0px 0px; margin: 0px 0px 12vh; }
  .livre-elements .livre-ligne { display: block; }
  .divAvis { width: 100%; }
  .enca1 img { width: 48%; margin: -9vh 0px 3vh; }
  .cat-produit .zone-leads { padding: 1vh 0vw; }
  .flexbloc .tab-gallery { padding: 10vh 6vw; }
  .banniere .slog { top: 4vh; padding: 13px 2vw; }
  .map-container, .location-details { width: 100%; }
  .body-page-1 main.fluid-contenu .container::after { opacity: 0.5; }
  li.mention.favoris, li.mention.nouveaute, li.mention.destockage { font-size: 78%; }
  .modele-liste .item { padding: 0px 5px; }
  main.fluid-contenu .container, .container { max-width: none; width: auto; padding: 1vh 2vw; }
  .shop-location { margin: 0px auto; padding: 1vh 3vw; display: block; flex-wrap: wrap; }
  .fluid-collections { padding: 1em 1vw; }
  .sudo-slider img { width: 100%; height: auto; }
  .block_catalogue { position: relative; padding: 0px 3vw; }
  .container2, .body-service .container2 { padding: 0px 1vw; }
  .formulaire.gauche.col-md-12 .form-group { width: 100%; float: left; }
  .cat-produit .description { padding: 10px; }
  .pied .bande1 { padding: 2em 0vw; }
  .services-home, .certifs { padding: 5vh 2vw; }
  .produits2 { height: 23vh; }
  .swiper-button-prev2, .swiper-button-next2 { width: 19px; height: 14px; }
  .btn1-swiper { width: 40%; }
  .photo-one::before { display: none; }
  .hilite-title.text-right { display: none; }
  .title0, .title0, .h1.title0 { font-size: 25px; text-align: left; }
  .services-home2 { padding: 3vh 3vw; }
  .services-home h2, .contain-actus h2, .services-home .titre, .services-home2 .titre { text-align: left; padding: 0px; }
  .titlegal h3.h2 { font-size: 20px; }
  .serviceimg img { height: auto; width: 100%; }
  .serviceimg { width: 100%; margin-left: 0px; }
  .serviceimg::before { display: none; }
  .titlegal a { color: var(--color0); }
  .flex_child_2 { padding: 0px 4vw; }
  .advantages-grid { display: flex; flex-direction: column; gap: 0px; }
  .advantage-card { margin: 0px 0px 2vh; }
  .fluid-collections .titre { margin: 0px; }
  .stats-num.count { opacity: 1; }
  .atout-grid { grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); gap: 0px; margin-top: 0px; }
  .containerblock, .marques { padding: 4vh 4vw; }
  .img-service img { height: 30vh; }
  a.btn-card.bouton-principal.service-all { padding: 0px; }
  .card-body { padding: 0px; }
  .card-title h3, .card-body a.btn-card { left: 13px; }
  .modele-liste .item .div-proportionnel-item .imagecont { height: 22vh; }
  .services-home, .contain-actus, .AvisClientsBg, .bande1, .bande2 { padding: 4em 0px; }
  .services-home .one-service { margin: 0px 5px; }
  .one-service .one-service-info h3 { padding: 0px; margin: 1vh 0px; }
  .one-service .one-service-info .one-service-info-inner { padding: 0px; margin: 0px 0px 3vh; }
  .actualites { padding: 1em 2vw; display: block; flex-direction: row; width: 100%; }
  .actualites .cell.photo { display: block; width: 100%; }
  .actualites .cell.texte .contenu { padding: 0em 0px; }
  .contain-actus .actualites article { display: flex; column-gap: 16px; width: 100%; flex-direction: column; }
  .actualites .cell.texte { width: 100%; display: block; }
  .cat-produit .row.relative { padding: 5px 0px; }
  body.body-catalogue-item main.fluid-contenu .container, body.body-catalogue-list main.fluid-contenu .container { padding: 1em 4vw; }
  .copyright { column-count: 1; column-gap: 0vw; text-align: justify; }
  .ligne-photos.retrait.centerservice2 { margin: 0px !important; }
  .ligne-photos.retrait.centerservice { margin: 0px 25% !important; }
  .contact .formulaire .form-group .col-md-4 { width: 100% !important; }
  .contact .formulaire .form-group .col-md-8 { width: 100% !important; }
  .contact .formulaire .form-group input[name="captcha"] { width: 100% !important; margin-right: 0% !important; text-align: left !important; }
  .contact .formulaire .form-group input[name="captcha"] + a { position: absolute; width: 140px; top: 0px; right: 0px; margin-right: 0px !important; }
  .contact .formulaire .form-group input.btn-primary { width: 100%; margin-top: 8px; }
  .lb-prev { background: url("../images/lightbox-g.png") left 48% no-repeat; opacity: 1 !important; }
  .lb-next { background: url("../images/lightbox-d.png") right 48% no-repeat; opacity: 1 !important; }
  .scrollbars { width: 100%; height: 31vh; }
  .scrollbar-content { padding: 0px; }
  body { font-size: 17px; }
  span.controls { display: none; }
  .hero-tagline { margin-bottom: 2vh; }
  .page-contenu.clear, .contenus, main.fluid-contenu .contenus { width: 100%; display: block; font-size: 13px; padding: 0px; margin: 0px; }
  .page .row.recup-photos.gallery { display: none; }
  body.body-service-list.body-service-list-0 h1 { padding: 0px 5vw; text-align: center; }
  .pied .navf .menu_footer { column-count: 1; }
  .hero .h1 { font-size: 25px; }
  .header-slideshow2 { display: none; }
  .body-page-1 .services-home-content { display: block; padding: 0px 4vw; }
  .body-page-1 .services-home .titre { width: 100% !important; }
  .body-page-1 .services-home-content .container2.nopad.pad-sm.pad-xs { width: 100% !important; }
  .titlegal a span.faq-icon { width: 15px; height: 16px; }
  span.faq-icon svg { width: 20px !important; height: 23px !important; }
  .cat-produit .item-prix { margin: 0px; }
  .temoignages-cont .swiper.mySwiper2 { background: rgba(174, 174, 174, 0.12); margin: 0px 0px 3vh; }
  .hero::before { content: ""; position: absolute; top: 0px; width: 100%; height: 100%; background: var(--color2); z-index: -1; opacity: 0.4; left: 0px; }
  .container3 { padding: 4vh 4vw; }
  .hero-subtitle { font-size: 14px; }
  .header-slideshow2 { display: none; }
  .hero { padding: 16vh 1vw 7vh; height: 100%; width: 100%; display: flex; align-items: flex-start; background: url("../images/car.jpeg") 0% 0% / cover no-repeat; }
  .encarts .swiper-button-next, .swiper-button-next1, .encarts .swiper-button-prev, .swiper-button-prev1, .swiper-button-prev2 { display: none; }
  .hero-description { padding: 0px 5%; font-size: 14px; margin-bottom: 1.5rem; }
  .section-lieux { padding: 5vh 2vw; }
  h1, .h1, .body-service-list .services .tableGrid.row .h { font-size: 26px; line-height: 26px; margin-bottom: 20px; }
  .cont-slider { position: relative; width: 100%; height: 48vh; top: 0px; margin: 0px; }
  .caption { top: 8vh; left: 0px; font-size: 16px; opacity: 1; line-height: 16px; z-index: 1111; padding: 0px; }
  .caption .texte1 { font-size: 24px; line-height: 24px; padding: 0px 0px 1px; width: 100%; margin: 0px 0px 5px; top: 0px; position: absolute; display: block; }
  .caption .texte2 { font-size: 22px; color: rgb(64, 63, 63); line-height: 19px; }
  .fluid-contenu { margin: 0px !important; }
  .fluid-contenu .corps, .body-page-1 main.fluid-contenu .container .row.relative.corps { padding: 30px 15px; }
  .fluid-collections .titre { font-size: 26px; padding: 17px 0px 10px; letter-spacing: 0px; }
  .fluid-collections .encart { padding: 30px 0px; }
  .decouvrez a { margin: 25px 0px 0px; }
  .encarts .droite { height: 630px; }
  .encarts2 .droite { height: 630px; }
  .encarts3 .droite { height: 630px; }
  .encarts h2, .encarts2 h2, .encarts3 h2 { font-size: 26px; padding: 0px 8vw 19px 10vw; }
  .modele-liste .item h2, .modele-liste .item h3 { margin: 4px 0px 10px; font-size: 24px; }
  .encarts .tous-tous, .encarts2 .tous-tous, .encarts3 .tous-tous { padding: 10px 0px 0px; }
  .cont-sliderred .controls { bottom: -95px; }
  .cont-sliderfav .controls { bottom: -95px; }
  .encarts { padding: 27px 0px; }
  .cont-slidernouv .controls { bottom: -95px; }
  .contact .plan { margin: 0px 0px 30px; }
  .modele-liste .item h2, .modele-liste .item h3 { }
  .filtres-catalogue { margin: 0px 0px 20px; }
  .cat-liste #filtres { padding: 20px 0px; }
  .fil-arianne { font-size: 15px; line-height: 13px; }
  .cat-produit .cont-miniatures { display: none; }
  .cat-produit .item-titre { font-size: 24px; max-width: 46%; }
  .zone-favoris { top: 70px; left: 15px; right: 15px; }
  .zone-favoris .container { padding: 0px 15px; }
  .zone-recherche { top: 70px; left: 15px; right: 15px; }
  .zone-recherche .container { padding: 0px 15px; }
  .zone-favoris .soustitre { font-size: 21px; margin: 20px 0px 50px; line-height: 20px; padding: 0px 10px 15px; }
  .cat-produit .cont-miniatures .suivant-miniatures, .cat-produit .cont-miniatures .precedent-miniatures { display: block; }
  .compteurs { display: block; padding: 2vh 4vw 0px; }
  .encart-counter { gap: 22px; padding: 5vh 0px; margin: 0px; width: 100%; border-bottom: 1px solid var(--color1); }
  .counter { padding: 14px 7vw; }
  .count-text { width: 100%; }
  .encarts .swiper-container .swiper-slide.item {
    opacity: .5;
}
}
@media (max-width: 767px) {
  .swiper { overflow: visible; }
  .news_avant_apres { display: block; }
  .quote1 blockquote { width: 100%; }
  .quote1 { display: block; }
  .news_avant_apres > div { width: 100%; display: block; padding: 0px; margin: 0px; }
  .news_avant_apres > div:last-child { right: 0px; margin: 1vh 0px; }
  .ligne-photos.retrait.centerservice2 { margin: 0px !important; }
  .newsList .ligne-actus { padding: 0px !important; }
  .title { display: flex; flex-direction: column; align-items: center; }
  .img-gallery.noflicker { width: 100%; }
  ul.tabs-list li { font-size: 13px; padding: 0px; display: block; height: 36px; line-height: 40.5px; margin: 0vh 3vw 1vh 0px !important; width: 100% !important; }
  .ligne-photos.retrait.centerservice { margin: 0px !important; }
  .dtable [class*="col-"] { display: block; vertical-align: middle; float: left; }
  .dtable #submitReservation { width: 100%; }
  .tableGrid > .row, .tableGrid { display: block; }
  .tableGrid > .row > .table-row > [class*="col"], .tableGrid > .table-row > [class*="col"], .tableGrid > .row > [class*="col"], .tableGrid > [class*="col"] { display: block; vertical-align: top; float: left; height: 100%; position: relative; }
  .actualites article, .contain-actus .actualites article { width: 100%; padding: 0px 0px 27px; float: left; margin: 0px 0px 4px; display: block !important; }
  .actualites .cell.photo { width: 100%; height: 28vh; display: block; }
  .nosServicesBg .mainSectionSlider .show { position: relative; height: auto; width: 100%; inset: 0px; background-color: transparent; }
  .nosServicesBg .mainSectionSlider .blazy { position: absolute; height: 100%; width: 100%; inset: 0px; background-color: transparent; }
  .services .mainSectionSlider .show { position: relative; height: auto; width: 100%; inset: 0px; background-color: transparent; }
  .services .mainSectionSlider .blazy { position: absolute; height: 100%; width: 100%; inset: 0px; background-color: transparent; }
  .nosServicesBg .bx-wrapper { position: relative; height: auto; width: 100%; top: 0px; left: 0px; }
  .nosServicesBg .bx-viewport { position: relative !important; height: 250px !important; width: 100% !important; top: 0px !important; left: 0px !important; }
  .nosServicesBg .mainSectionSlider { position: relative; height: 100%; width: 100%; top: 0px; left: 0px; }
  .services .bx-wrapper { position: relative; height: auto; width: 100%; top: 0px; left: 0px; }
  .services .bx-viewport { position: relative !important; height: 250px !important; width: 100% !important; top: 0px !important; left: 0px !important; }
  .services .mainSectionSlider { position: relative; height: 100%; width: 100%; top: 0px; left: 0px; padding: 0px; list-style: none; }
  .nosServicesBg .bx-viewport li, .services .bx-viewport li { height: 100%; list-style: none; }
  .services .bx-pager, .mainSectionSliderBg .bx-pager { z-index: 9999; }
  .tableGrid > .table-row { height: 100%; display: block; }
  .pad-xs { padding-left: 15px !important; padding-right: 15px !important; }
  .container2, body.body-gallery.body-gallery-36 .container2 { padding: 0px 1vw !important; }
  .row.recup-photos.gallery { display: block; }
  .propor { margin: 0px 0px 30px; }
  .row.description-galerie.clear.text .img-gallery { display: none; }
  .body-gallery-2 .container2 { padding: 2vh 2vw !important; }
  .pad-xs-l { padding-left: 15px !important; }
  .pad-xs-r { padding-right: 15px !important; }
  .nopad-xs { padding-left: 0px !important; padding-right: 0px !important; }
  .nopad-xs-l { padding-left: 0px !important; }
  .nopad-xs-r { padding-right: 0px !important; }
  .zone-favoris .article:nth-child(2n+1) { clear: both; }
  .fluid-collections { padding: 0px 3vw; }
  .fluid-collections .encart { padding: 12px 0px 0px; width: 100%; }
  .fluid-collections .encart .photo { height: 201px; width: 100%; overflow: hidden; }
  .encarts .gauche, .encarts2 .gauche, .encarts3 .gauche { height: 220px; }
  .pied .categorie { width: 100%; }
  .pied .categorie:nth-child(2n+1) { clear: both; width: 100%; }
  .pied .categorie .liste-cats li a, .pied .categorie .liste-cats li a:visited { font-size: 18px; }
  .pied .copyright-footer { text-align: center; }
  .pied h2 { font-size: 18px; }
  .slider.slider-horizontal { width: 100%; }
  .filtres-catalogue input[type="submit"] { margin: 10px 0px; }
  .cat-produit .btn-retour { text-align: center; position: static; padding: 20px 0px 30px; }
  .cat-produit .fil-arianne { margin: 0px 0px 30px; }
  .cat-produit .cont-sliderthumb { margin: 0px 0px 20px; }
  .cat-produit .item-titre { max-width: 100%; }
  .cat-produit .btn-partage { text-align: center; position: static; padding: 10px 0px 0px; }
  .cat-produit .btn-envie { text-align: center; }
  .cat-produit .particularites { margin: 20px 0px 35px; }
  .cat-produit .titre-similaire { font-size: 21px; padding: 19px 0px 12px; }
  .zone-recherche input[type="text"] { width: 210px; }
  .zone-favoris .item h3 { font-size: 18px; }
  .btn-like { text-align: center; padding: 20px 0px 0px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pad-sm { padding-left: 15px !important; padding-right: 15px !important; }
  .pad-sm-l { padding-left: 15px !important; }
  .pad-sm-r { padding-right: 15px !important; }
  .nopad-sm { padding-left: 0px !important; padding-right: 0px !important; }
  .nopad-sm-l { padding-left: 0px !important; }
  .nopad-sm-r { padding-right: 0px !important; }
  .filtres-catalogue .partie { width: 40%; margin: 0px 4%; display: inline-block; vertical-align: top; }
  .filtres-catalogue h3 a { background: url("../images/ico-plus.png") right 7px no-repeat; }
  .bx-wrapper .bx-next { right: -10px; }
  .bx-wrapper .bx-prev { left: -10px; }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .navh { width: 95%; }
  .page-contenu img { height: 40vh; }
  .contain-actus .actualites .cell.photo, .contain-actus2 .actualites .cell.photo { height: 28vh; }
  .modele-liste .item .div-proportionnel-item .imagecont, .img-service img { height: 20vh; }
  .intervention .contenu { padding: 8vh 30% 7vh 0px; }
  .counter, .services-home, .encarts, .body-page-1 .services, .body-pageseo .services, .containerblock, .marques, .contain-actus, .AvisClientsBg { padding: 2vh 2%; }
  .page-contenu2.page-contenu-home2.clear { padding: 0px 2% 0px 0px; }
  .produits2 { height: 12vh; margin: 0px !important; }
  .scrollbars { height: 26vh; }
  .body-page-1 main.fluid-contenu .container .row.relative.corps { padding: 3vh 5%; }
  .header-x { padding: 0px 2vw; }
  .header-x .flex-address { font-size: 14px; }
  .pied .bande1, .pied .bande2 { padding: 2em 4vw; }
  .tete .cols .col.col3 { width: 250px; display: none; }
  .tete .tel { font-size: 14px; padding: 0px 20px 0px 0px; }
  .navh .menu_principal a, .navh .menu_principal a:visited { font-size: 12px; padding: 10px 1px; }
  .caption .texte1 { font-size: 22px; }
  .tete .cols .col.col1 { width: 12%; text-align: center; }
  .navh .menu_principal { column-gap: 15px; display: flex; justify-content: center; }
  .cat-produit .miniatures .miniature { width: 153px; }
  .slider.slider-horizontal { width: 100%; }
  .fluid-app .soustitre { font-size: 22px; }
  .banniere { height: 38vh; }
  div#hero { height: 58vh; display: flex; justify-content: space-between; width: 100%; }
  .cont-slider { height: 58vh; }
  .contact .formulaire .form-group input.btn-primary { width: 33%; }
  .bx-wrapper .bx-next { right: -10px; }
  .bx-wrapper .bx-prev { left: -10px; }
}
@media (min-width: 990px) and (max-width: 1600px) {
  .navh { width: 100%; max-width: 100%; }
  .tete .cols { padding: 0px 1vw; }
  .tete .cols .col.col3 { width: 32%; }
  .hero .h1 { font-size: 28px; }
  p.tel-header.texte2.callTracker { min-width: max-content; margin: 0px; }
  .tete .cols .col.col2 { width: 84%; }
  .zone-recherche { width: 43%; }
  :root { --taille_font: 15px; --h1-size: clamp(2.5rem, 5vw, 2rem); --border-radius: 3px; }
}
@media (max-width: 1200px) {
  .tete .cols { display: flex; width: 100%; padding: 0vh 0px; position: relative; align-items: center; flex-direction: row; gap: 0px; }
}
.infinite-scroll { padding: 0px 0px 50px; position: relative; }
span.controls a { display: none !important; }
.infinite-scroll .btn, .infinite-scroll .btn:focus { color: var(--color2); background: transparent; text-align: center; font-size: 11px; text-transform: uppercase; line-height: 48px; letter-spacing: 3px; transition: 400ms; padding: 0px 25px; font-family: var(--font_family_1); margin: 10px 0px; border: 1px solid var(--color2) !important; text-decoration: none !important; }
.infinite-scroll .btn:hover { background: var(--color1); border: 3px solid var(--color1); color: var(--color0); }
.infinite-scroll .chargement { display: none; background: url("../images/chargement.gif") center top no-repeat; height: 32px; width: 32px; position: absolute; bottom: 0px; left: 50%; margin-left: -16px; }
#pageLoader { position: fixed; inset: 0px; z-index: 99999; background-image: url("../images/pageLoader.gif"); background-repeat: no-repeat; background-position: 50% 0px; background-color: rgba(255, 255, 255, 0.95); }
.sk-circle { margin: -25px auto 0px -25px; width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; transform: scale(1.2); }
.sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.sk-circle .sk-child::before { content: ""; display: block; margin: 0px auto; width: 15%; height: 15%; background-color: rgb(228, 183, 121); border-radius: 100%; animation: 1.2s ease-in-out 0s infinite normal both running sk-circleBounceDelay; }
.sk-circle .sk-circle2 { transform: rotate(30deg); }
.sk-circle .sk-circle3 { transform: rotate(60deg); }
.sk-circle .sk-circle4 { transform: rotate(90deg); }
.sk-circle .sk-circle5 { transform: rotate(120deg); }
.sk-circle .sk-circle6 { transform: rotate(150deg); }
.sk-circle .sk-circle7 { transform: rotate(180deg); }
.sk-circle .sk-circle8 { transform: rotate(210deg); }
.sk-circle .sk-circle9 { transform: rotate(240deg); }
.sk-circle .sk-circle10 { transform: rotate(270deg); }
.sk-circle .sk-circle11 { transform: rotate(300deg); }
.sk-circle .sk-circle12 { transform: rotate(330deg); }
.sk-circle .sk-circle2::before { animation-delay: -1.1s; }
.sk-circle .sk-circle3::before { animation-delay: -1s; }
.sk-circle .sk-circle4::before { animation-delay: -0.9s; }
.sk-circle .sk-circle5::before { animation-delay: -0.8s; }
.sk-circle .sk-circle6::before { animation-delay: -0.7s; }
.sk-circle .sk-circle7::before { animation-delay: -0.6s; }
.sk-circle .sk-circle8::before { animation-delay: -0.5s; }
.sk-circle .sk-circle9::before { animation-delay: -0.4s; }
.sk-circle .sk-circle10::before { animation-delay: -0.3s; }
.sk-circle .sk-circle11::before { animation-delay: -0.2s; }
.sk-circle .sk-circle12::before { animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}
@keyframes sk-circleBounceDelay { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}
img.blazy { width: 100%; background-image: url("../images/bx_loader.gif"); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(246, 246, 246); }
img.blazy.b-error { background-image: url("../images/noImage.png"); }
div.blazy { width: 100%; background-image: url("../images/bx_loader.gif"); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(255, 255, 255); }
div.blazy img { width: 100%; }
div.blazy.b-error { background-image: url("../images/noImage.png"); }
.blazy.imgLoaded { background-size: 100%; }
#clear-filter-form { transition: none; }
.zone-catalogue .categorie { min-height: 295px; }
.slideUp { transform: scaleY(0); opacity: 0; visibility: hidden; }
.slideDown { display: block; transform: scaleY(1); opacity: 1; visibility: visible; }
.slide { line-height: normal; text-align: center; }
.slide .blazy.imgLoaded { background-size: contain; }
.body-catalogue-item .form-horizontal .row { margin-left: 0px; margin-right: 0px; }
.contact .formulaire .form-group label.col-md-4 { padding-left: 0px !important; padding-right: 0px !important; }
.ancien { display: block; margin-right: 13px; }
@media (max-width: 980px) {
  .flex-seoContain { flex-wrap: wrap; }
  .flex-seoContain .seo-content { width: 100%; background: transparent; }
  .flex-seoContain .seo-form { width: 100%; padding: 1em 3%; }
  .flex-seoContain .seo-content img { width: 100%; height: 100%; }
  .imagecont.noflicker.img1 { height: auto; }
}
@media (min-width: 3000px) {
  :root { --h1-size: clamp(6rem, 3vw, -45.5rem); --taille_font: clamp(2.3rem, 0.9vw, 2.7rem); }
  .infos .tel { font-size: calc(var(--h1-size) - 2.7rem); }
  .navh { margin: 0px; z-index: 8000; width: 100%; max-width: 66%; display: inline-block; }
  .corps .row.r-flex .col-md-5.col-sm-12.col-xs-12 { width: 30%; }
}