@charset "UTF-8";
@import url(main.css);
div.shadow-lg { box-shadow: none !important; }

.navbar-brand { height: 10vh !important; width: 10vw !important; }

.logo_nav { height: 9vh !important; }

.row.mt-5.flex-lg-row, .row.mt-5.flex-lg-row-reverse { margin-top: 1rem !important; }

h2 { color: #d2232a; }

/*---------------------------------------------------------Entêtes pages service------------------------------*/
.bloc-a7f3-hero { position: relative; min-height: 450px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 60px 20px; background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; }

.bloc-a7f3-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); }

.bloc-a7f3-content { position: relative; z-index: 2; max-width: 1100px; }

.bloc-a7f3-title { position: relative; margin: 0 0 24px; }

.bloc-a7f3-title::before { content: ""; position: absolute; left: 50%; top: 52%; transform: translate(-50%, -50%); width: 920px; height: 120px; background: url("images/motif-blanc.png") center center/contain no-repeat; opacity: 0.22; pointer-events: none; z-index: -1; }

.bloc-a7f3-title > * { margin: 0; font-size: 3.3rem; line-height: 1.1; color: #f8f8f8; }

.bloc-a7f3-text { max-width: 850px; margin: 0 auto; color: #f8f8f8; }

.bloc-a7f3-text > * { margin: 0; font-size: 1.2rem; line-height: 1.7; color: #f8f8f8; }

@media (max-width: 1024px) { .bloc-a7f3-hero { min-height: 430px; } .bloc-a7f3-title > * { font-size: 3rem; } .bloc-a7f3-title::before { width: 700px; height: 90px; } .bloc-a7f3-text > * { font-size: 1.05rem; } }

@media (max-width: 767px) { .bloc-a7f3-hero { min-height: 360px; padding: 40px 20px; } .bloc-a7f3-title { margin-bottom: 18px; } .bloc-a7f3-title > * { font-size: 2.2rem; } .bloc-a7f3-title::before { width: 360px; height: 70px; } .bloc-a7f3-text > * { font-size: 0.98rem; line-height: 1.6; } }

/*---------------------------------------------------------Bloc Maps------------------------------*/
.maps-section .text-color-sixth { color: #111111 !important; }

/*---------------------------------------------------------Bloc Réseaux sociaux------------------------------*/
.social-block { text-align: center; padding: 60px 20px; margin-top: 50px; margin-bottom: 20px; background-color: #050404; }

.social-block h2 { font-size: 36px; margin-bottom: 10px; color: #dd4a3e; }

.social-subtitle { font-size: 18px; margin-bottom: 40px; color: #f3e9e4; }

.social-container { display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; }

.social-card { width: 280px; padding: 30px 20px; border-radius: 15px; text-decoration: none; background-color: rgba(255, 255, 255, 0.08); color: #ffffff; backdrop-filter: blur(5px); transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25); }

.social-card:hover { transform: translateY(-8px) scale(1.02); background-color: rgba(255, 255, 255, 0.15); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35), 0 0 25px rgba(255, 140, 60, 0.25); }

.icon { width: 50px; height: 50px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; }

.icon svg { width: 100%; height: 100%; fill: #ffffff; }

.social-card h3 { margin-bottom: 10px; font-size: 28px; }

.social-card p { font-size: 18px; color: #e7dcd6; }

.social-card { color: #ffffff; }

.social-card h3, .social-card p { color: #ffffff; }

.social-card:nth-child(1):hover { border: 1px solid #1877F2; }

.social-card:nth-child(2):hover { border: 1px solid #E4405F; }

.social-card:nth-child(3):hover { border: 1px solid #ffffff; }

@media screen and (max-width: 768px) { .social-block { padding: 45px 20px; margin-top: 35px; margin-bottom: 15px; } .social-block h2 { font-size: 28px; line-height: 1.3; } .social-subtitle { font-size: 16px; line-height: 1.5; margin-bottom: 30px; } .social-container { gap: 20px; } .social-card { width: 100%; max-width: 340px; padding: 25px 18px; } .social-card h3 { font-size: 24px; } .social-card p { font-size: 16px; line-height: 1.5; } .icon { width: 45px; height: 45px; margin-bottom: 18px; } }

@media screen and (max-width: 480px) { .social-block { padding: 40px 15px; } .social-block h2 { font-size: 29px; } .social-subtitle { font-size: 16px; margin-bottom: 25px; } .social-card { max-width: 100%; padding: 22px 16px; } .social-card h3 { font-size: 24px; } .social-card p { font-size: 16px; } .icon { width: 40px; height: 40px; } }

/*---------------------------------------------------------Titre icones------------------------------*/
.bloc-b9x4 { padding: 40px 20px 0px 20px; /* top | right | bottom | left */ text-align: center; }

/*---------------------------------------------------------Bloc inversé------------------------------*/
@media (min-width: 992px) { #reverse .row.flex-lg-row-reverse { flex-direction: row !important; } }

/*--------------------------------------------------------BANDEAU INFO SHOWROOM------------------------------*/
.showroom-banner { background-color: #050404; padding: 40px 30px; text-align: center; margin-bottom: 10px; }

.showroom-banner-inner { max-width: 1100px; margin: 0 auto; }

.showroom-banner h2 { margin: 0 0 20px 0; color: #dd4a3e; font-size: 37.8px; line-height: 1.3; }

.showroom-banner .showroom-days { margin: 0 0 6px 0; color: #f8f8f8; font-size: 20px; font-weight: 500; line-height: 1.4; }

.showroom-banner .showroom-hours { margin: 0; color: #f8f8f8; font-size: 20px; font-weight: 500; line-height: 1.4; }

@media screen and (max-width: 768px) { .showroom-banner { padding: 26px 16px; } .showroom-banner h2 { font-size: 29px; margin-bottom: 8px; } .showroom-banner .showroom-days, .showroom-banner .showroom-hours { font-size: 18px; } }

/*--------------------------------------------------------Caroussel hover-----------------------------*/
.carousel-partenaires .owl-item { position: relative; overflow: hidden; }

.carousel-partenaires .owl-item::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.08)); opacity: 0; transition: opacity 0.3s ease; z-index: 1; }

.carousel-partenaires .owl-item::after { content: attr(data-hover-label); position: absolute; left: 20px; bottom: 40px; color: #fff; font-size: 20px; font-weight: 600; line-height: 1.3; opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; z-index: 2; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7); }

.carousel-partenaires .owl-item:hover::before, .carousel-partenaires .owl-item:hover::after { opacity: 1; }

.carousel-partenaires .owl-item:hover::after { transform: translateY(0); }

/*--------------------------------------------------------Galerie hover-----------------------------*/
#myGallery { position: relative; }

#myGallery img { transition: filter 0.45s ease, transform 0.45s ease; will-change: filter, transform; }

#myGallery img:hover { filter: brightness(0.68); }

.gallery-hover-label { position: absolute; left: 0; top: 0; color: #ffffff; font-size: 20px; font-weight: 600; line-height: 1.3; opacity: 0; transform: translateY(14px); transition: opacity 0.35s ease, transform 0.35s ease; z-index: 20; pointer-events: none; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7); will-change: opacity, transform, left, top; }

.gallery-hover-label.is-visible { opacity: 1; transform: translateY(0); }

/*--------------------------------------------------------BLOC CATALOGUE-----------------------------*/
.bloc-conseils { padding: 4rem 2rem; background: #FAF6F1; }

.container-conseils { max-width: 1100px; margin: 0 auto; text-align: center; }

.bloc-conseils h2 { margin-bottom: 1.5rem; font-size: 2.4em; line-height: 1.2; }

.intro-conseils { max-width: 700px; margin: 0 auto 2rem; font-size: 16px; line-height: 1.5; }

.liste-guides { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }

.item-guide { display: flex; align-items: center; gap: 1.2rem; background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%); padding: 1.4rem 1.6rem; border-radius: 10px; border: 1px solid #e6e8ee; text-decoration: none; color: #01000B; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06); transition: all 250ms ease; min-height: 130px; }

.item-guide:hover { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); }

.item-guide img { width: 80px; height: 60px; object-fit: contain; flex-shrink: 0; }

.texte-guide { display: flex; flex-direction: column; align-items: flex-start; text-align: left; min-width: 0; }

.texte-guide span { font-weight: 600; margin-bottom: 0.25rem; font-size: 18px; line-height: 1.3; white-space: nowrap; }

.texte-guide small { font-size: 16px; line-height: 1.4; color: #5f6470; }

/* Tablette */
@media (max-width: 991px) { .bloc-conseils { padding: 3.5rem 1.5rem; } .bloc-conseils h2 { font-size: 2rem; } .intro-conseils { font-size: 15px; margin-bottom: 1.8rem; } .liste-guides { grid-template-columns: repeat(2, 1fr); } .item-guide { padding: 1.2rem 1.3rem; } .item-guide img { width: 70px; height: 55px; } }

/* Mobile */
@media (max-width: 767px) { .bloc-conseils { padding: 3rem 1rem; } .bloc-conseils h2 { font-size: 1.7rem; margin-bottom: 1rem; } .intro-conseils { font-size: 15px; line-height: 1.6; margin-bottom: 1.5rem; } .liste-guides { grid-template-columns: 1fr; } .item-guide { padding: 1rem; gap: 1rem; align-items: center; } .item-guide img { width: 64px; height: 50px; } .texte-guide span { font-size: 16px; line-height: 1.3; } .texte-guide small { font-size: 14px; line-height: 1.5; } }

/*--------------------------------------------------------BLOCS SEO-----------------------------*/
.nav-link { color: #F47912 !important; font-weight: 600 !important; }

.bandeau h1 { color: #212529 !important; }

/*# sourceMappingURL=custom.css.map */