@charset "UTF-8";
@import url(main.css);
h5 { font-size: 2.5rem; }

/*------------Bloc actu------------------------------*/
#news-posts-bloc { margin-top: 150px !important; margin-bottom: 150px !important; }

/*************************************Barre de navigation**********************************/
nav.navbar { background-color: #263a0d !important; }

/*********************************************Barre de navigation*************************/
.animated-border-button { background-color: transparent !important; color: #f1eade !important; letter-spacing: 0.05rem !important; font-weight: 300 !important; }

.animated-border-button:after { background-color: #f1eade; }

/*************************************************AJUSTEMENTS SEO******************************/
div.first-activity-div, div.second-activity-div { background-color: transparent; box-shadow: none !important; }

div:has(> .first-activity-div) { position: relative !important; overflow: hidden !important; padding: 180px 0 50px; background-color: red; margin-top: -200px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F3mHWQwsaAwed0NTO0XOfLRQOYGj2%2Fimages%2FCharte_graphique_9_3cqk.webp") !important; background-size: cover !important; background-position: bottom !important; background-repeat: no-repeat !important; color: #f1eade !important; isolation: isolate !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 900' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 95C190 35 350 30 520 82C710 140 855 118 1015 65C1180 10 1315 28 1440 78V900H0V95Z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 900' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 95C190 35 350 30 520 82C710 140 855 118 1015 65C1180 10 1315 28 1440 78V900H0V95Z'/%3E%3C/svg%3E") !important; -webkit-mask-size: 100% 100% !important; mask-size: 100% 100% !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; }

div:has(> .first-activity-div)::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -3 !important; background: radial-gradient(circle at 20% 20%, rgba(162, 176, 68, 0.18), transparent 32%), radial-gradient(circle at 85% 70%, rgba(82, 113, 27, 0.28), transparent 34%), linear-gradient(135deg, #263a0d, rgba(13, 21, 3, 0.96)) !important; }

#navbarSupportedContent > ul > li.dropdown.px-4 > div > ul a { transition: all 0.5s ease; }

.first-banner-seo-page .background-image-div-opacity { background-image: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2F3mHWQwsaAwed0NTO0XOfLRQOYGj2%2Fimages%2FCharte_graphique_1_6hlp.webp?alt=media&token=e6930448-b9ec-4a81-9c81-f49b47254591") !important; opacity: 0.5 !important; }

.first-banner-seo-page h1 { font-family: 'Cormorant Garamond' !important; font-size: 2.5rem !important; width: 80%; margin: auto; }

#bandeau-title-seo h2.titles { font-family: 'Cormorant Garamond' !important; font-size: 2.3rem !important; width: 80%; margin: auto !important; font-weight: 300 !important; }

@media screen and (max-width: 1000px) { #bandeau-title-seo h2.titles { font-size: 2rem !important; width: 90% !important; } }

#photo-text-seo-page h2.titles, #seo-text-images h2.titles { font-family: 'Cormorant Garamond' !important; font-size: 2.3rem !important; width: 80%; margin: auto !important; font-weight: 300 !important; }

@media screen and (max-width: 1000px) { #photo-text-seo-page h2.titles, #seo-text-images h2.titles { font-size: 2rem !important; width: 90% !important; } }

.first-activity-div .card-cover a, .second-activity-div .card-cover a, .third-activity-div .card-cover a { font-weight: 300 !important; }

/*************************************************Bannière d'accueil*****************************/
.arum-hero { --arum-light: #f1eade; --arum-dark: #263a0d; --arum-green: #52711b; --arum-olive: #a2b044; position: relative; min-height: 100vh; overflow: hidden; isolation: isolate; background: var(--arum-dark); color: var(--arum-light); }

/* Images de fond */
.arum-hero__bg, .arum-hero__slide { position: absolute; inset: 0; }

.arum-hero__bg { z-index: -4; }

.arum-hero__slide { background-size: cover; background-position: center; opacity: 0; transform: scale(1.06); animation: arumFadeSlider 24s infinite ease-in-out; will-change: opacity, transform; }

.arum-hero__slide::after { content: ""; position: absolute; inset: 0; background: rgba(38, 58, 13, 0.16); }

.slide-1 { animation-delay: 0s; }

.slide-2 { animation-delay: 6s; }

.slide-3 { animation-delay: 12s; }

.slide-4 { animation-delay: 18s; }

@keyframes arumFadeSlider { 0% { opacity: 0;
    transform: scale(1.06); }
  7% { opacity: 1; }
  28% { opacity: 1; }
  38% { opacity: 0;
    transform: scale(1.01); }
  100% { opacity: 0;
    transform: scale(1.06); } }

/* Overlay bas : fondu doux vers le bloc suivant #263a0d */
.arum-hero__bottom-fade { position: absolute; left: 0; right: 0; bottom: -1px; height: 28%; z-index: -2; pointer-events: none; background: radial-gradient(ellipse 85% 120% at bottom left, #263a0d 0%, rgba(38, 58, 13, 0.82) 22%, rgba(38, 58, 13, 0.42) 48%, rgba(38, 58, 13, 0.12) 68%, rgba(38, 58, 13, 0) 86%), radial-gradient(ellipse 85% 120% at bottom right, #263a0d 0%, rgba(38, 58, 13, 0.82) 22%, rgba(38, 58, 13, 0.42) 48%, rgba(38, 58, 13, 0.12) 68%, rgba(38, 58, 13, 0) 86%), linear-gradient(180deg, rgba(38, 58, 13, 0) 0%, rgba(38, 58, 13, 0.06) 28%, rgba(38, 58, 13, 0.22) 58%, rgba(38, 58, 13, 0.72) 84%, #263a0d 100%); }

/* Contenu */
.arum-hero__content { position: relative; z-index: 2; min-height: 100vh; width: calc(100% - 40px); margin-inline: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 120px 0 140px; }

.arum-hero__veil { position: absolute; inset: 0; z-index: -3; background: radial-gradient(ellipse at 50% 42%, #263a0d00 0%, #263a0d0a 28%, #0d150338 58%, #000000d6 100%), linear-gradient(180deg, #0d130600 0%, #263a0d0a 38%, #263a0d14 58%, #0000002b 100%); background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F3mHWQwsaAwed0NTO0XOfLRQOYGj2%2Fimages%2FCharte_graphique_5_q40j.webp"); background-size: cover; background-position: bottom; }

/* Titre */
.arum-hero__title { margin: 0; font-family: "Cormorant Garamond", "Georgia", serif; font-size: clamp(3.4rem, 8vw, 8.8rem); font-weight: 400; line-height: 0.9; color: var(--arum-light); text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6); }

.arum-hero__title h1 { line-height: 0.8; }

.arum-hero__title p { font-size: 1.6rem; line-height: 1.4; max-width: 700px; margin: auto; position: relative; display: inline-block; padding-top: 22px; }

.arum-hero__title p::before { content: ""; position: absolute; top: 0; left: 50%; width: 90px; height: 1px; transform: translateX(-50%); background: #f1eade; opacity: 0.75; }

div.arum-hero__content > div > h1 > span:nth-child(1) { font-weight: 600; letter-spacing: 0.5rem; font-size: 8rem; text-shadow: 4px 4px 13px rgba(0, 0, 0, 0.6); }

div.arum-hero__content > div > h1 > span:nth-child(3) { font-size: 4rem; }

/* Flèche animée */
.arum-hero__scroll { position: absolute; left: 50%; bottom: clamp(24px, 5vw, 46px); z-index: 3; width: 34px; height: 54px; transform: translateX(-50%); border: 1px solid rgba(241, 234, 222, 0.72); border-radius: 999px; }

.arum-hero__scroll span { position: absolute; left: 50%; top: 12px; width: 7px; height: 7px; border-right: 1.8px solid var(--arum-light); border-bottom: 1.8px solid var(--arum-light); transform: translateX(-50%) rotate(45deg); animation: arumScrollArrow 1.7s infinite ease-in-out; }

@keyframes arumScrollArrow { 0% { opacity: 0;
    transform: translate(-50%, -4px) rotate(45deg); }
  35% { opacity: 1; }
  100% { opacity: 0;
    transform: translate(-50%, 18px) rotate(45deg); } }

/* Responsive */
@media (max-width: 768px) { .arum-hero { min-height: 78vh; } .arum-hero__content { min-height: 78vh; width: calc(100% - 28px); max-width: 720px; padding: 96px 0 120px; } .arum-hero__title { letter-spacing: 0.035em; } .arum-hero__bottom-fade { height: 22%; } }

/* Accessibilité : réduire les animations */
@media (prefers-reduced-motion: reduce) { .arum-hero__slide, .arum-hero__scroll span { animation: none; } .slide-1 { opacity: 1; transform: scale(1.02); } }

/*************************************************
Décorations DA ARUM
*************************************************/
.arum-hero__decor { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }

/* Grain très léger pour rappeler les textures premium / papier */
.arum-hero__grain { position: absolute; inset: 0; opacity: 0.16; mix-blend-mode: soft-light; background-image: radial-gradient(circle at 18% 24%, rgba(241, 234, 222, 0.22) 0 1px, transparent 1px), radial-gradient(circle at 72% 64%, rgba(241, 234, 222, 0.16) 0 1px, transparent 1px), radial-gradient(circle at 42% 82%, rgba(241, 234, 222, 0.12) 0 1px, transparent 1px); background-size: 42px 42px, 58px 58px, 76px 76px; }

/* Lignes fines éditoriales comme sur la planche graphique */
.arum-hero__line { position: absolute; left: 50%; width: calc(100% - 72px); max-width: 760px; height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent 0%, rgba(241, 234, 222, 0.32) 18%, rgba(241, 234, 222, 0.68) 50%, rgba(241, 234, 222, 0.32) 82%, transparent 100%); opacity: 0.55; }

.arum-hero__line--top { top: 130px; }

.arum-hero__line--bottom { bottom: 160px; opacity: 0.28; }

/* Lueurs végétales très douces dans les coins */
.arum-hero__glow { position: absolute; width: 360px; height: 360px; border-radius: 999px; background: radial-gradient(circle, rgba(162, 176, 68, 0.18) 0%, rgba(82, 113, 27, 0.1) 38%, rgba(82, 113, 27, 0) 72%); filter: blur(10px); opacity: 0.6; animation: arumDecorFloat 8s ease-in-out infinite alternate; }

.arum-hero__glow--left { left: -120px; top: 18%; }

.arum-hero__glow--right { right: -140px; bottom: 18%; animation-delay: 1.8s; }

@keyframes arumDecorFloat { from { translate: 0 0; }
  to { translate: 0 -12px; } }

/* Responsive décorations */
@media (max-width: 768px) { .arum-hero__line { width: calc(100% - 48px); max-width: none; } .arum-hero__line--top { top: 92px; } .arum-hero__line--bottom { bottom: 118px; } .arum-hero__grain { opacity: 0.1; } .arum-hero__glow { width: 240px; height: 240px; } .arum-hero__glow--left { left: -120px; top: 20%; } .arum-hero__glow--right { right: -130px; bottom: 20%; } }

@media (prefers-reduced-motion: reduce) { .arum-hero__glow { animation: none; } }

/***********************************CARROUSEL + texte*******************************/
.mv-intro-section { position: relative !important; padding: 90px 0 130px !important; overflow: hidden !important; background-color: #263a0d; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F3mHWQwsaAwed0NTO0XOfLRQOYGj2%2Fimages%2FCharte_graphique_9_3cqk.webp"); background-size: cover; background-position: bottom; }

.mv-intro-section { z-index: 4; padding-bottom: 250px !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 900' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 0H1440V805C1200 875 1040 870 850 815C660 760 520 785 350 845C190 900 80 860 0 825V0Z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 900' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 0H1440V805C1200 875 1040 870 850 815C660 760 520 785 350 845C190 900 80 860 0 825V0Z'/%3E%3C/svg%3E") !important; -webkit-mask-size: 100% 100% !important; mask-size: 100% 100% !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; }

.mv-intro-section::after { content: none !important; }

.mv-intro-container { width: 100% !important; max-width: 1380px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 58px !important; align-items: center !important; }

.mv-intro-carousel { position: relative !important; min-height: 520px !important; border-radius: 34px !important; overflow: hidden !important; background: #62625b !important; box-shadow: 0 28px 70px #0000002e, 0 12px 26px #a9a90824 !important; isolation: isolate !important; }

.mv-intro-slide { position: absolute !important; inset: 0 !important; opacity: 0 !important; transform: scale(1.08) !important; transition: opacity 1.1s ease, transform 5.5s ease !important; }

.mv-intro-slide.active { opacity: 1 !important; transform: scale(1) !important; }

.mv-intro-slide img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; object-position: center !important; }

.mv-intro-dots { position: absolute !important; left: 34px !important; bottom: 30px !important; z-index: 4 !important; display: flex !important; gap: 9px !important; }

.mv-intro-dots .mv-dot { width: 9px !important; height: 9px !important; border-radius: 999px !important; background: #f1eade !important; transition: width 0.35s ease, background 0.35s ease !important; border: 0 !important; padding: 0 !important; cursor: pointer !important; }

.mv-intro-dots .mv-dot.active { width: 32px !important; background: #a2b044 !important; }

.mv-intro-content { position: relative !important; z-index: 2 !important; }

.mv-intro-kicker { display: inline-flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 18px !important; font-family: 'Montserrat'; color: #f1eade !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; font-size: 0.92rem !important; }

.mv-intro-kicker::before { content: "" !important; width: 44px !important; height: 1px !important; border-radius: 999px !important; background: #f1eade !important; }

.mv-intro-content h2 { margin: 0 0 24px 0 !important; color: #f1eade !important; font-size: 5.5rem !important; line-height: 1.06 !important; text-wrap: balance !important; }

.mv-intro-content p { color: #f1eade !important; font-size: 1.28rem !important; line-height: 1.5 !important; max-width: 620px !important; }

@media (max-width: 980px) { .mv-intro-container { grid-template-columns: 1fr !important; gap: 38px !important; } .mv-intro-carousel { min-height: 440px !important; } .mv-intro-content h2 { font-size: 2.5rem !important; } }

@media (max-width: 760px) { .mv-intro-section { padding: 56px 0 !important; } .mv-intro-container { padding: 0 14px !important; } .mv-intro-carousel { min-height: 360px !important; border-radius: 26px !important; } .mv-intro-dots { left: 24px !important; bottom: 22px !important; } .mv-intro-content h2 { font-size: 2.1rem !important; } .mv-intro-content p { font-size: 1rem !important; line-height: 1.7 !important; } }

@media (max-width: 420px) { .mv-intro-carousel { min-height: 310px !important; } .mv-intro-content h2 { font-size: 1.85rem !important; } }

@media (prefers-reduced-motion: reduce) { .mv-intro-slide, .mv-intro-dots .mv-dot { animation: none !important; transition: none !important; } }

/*******************************************************EVENEMENTS************************************/
.arum-creations-section { position: relative !important; overflow: hidden !important; padding: 250px 0 !important; background-color: #263a0d !important; color: #f1eade !important; isolation: isolate !important; margin-top: -150px; z-index: 2; }

.arum-creations-section::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -3 !important; background: radial-gradient(circle at 20% 20%, rgba(162, 176, 68, 0.18), transparent 32%), radial-gradient(circle at 85% 70%, rgba(82, 113, 27, 0.28), transparent 34%), linear-gradient(135deg, #263a0d, rgba(13, 21, 3, 0.96)) !important; }

.arum-creations-section::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -2 !important; opacity: 0.13 !important; mix-blend-mode: soft-light !important; background-image: radial-gradient(circle at 18% 24%, rgba(241, 234, 222, 0.28) 0 1px, transparent 1px), radial-gradient(circle at 72% 64%, rgba(241, 234, 222, 0.2) 0 1px, transparent 1px), radial-gradient(circle at 42% 82%, rgba(241, 234, 222, 0.15) 0 1px, transparent 1px) !important; background-size: 42px 42px, 58px 58px, 76px 76px !important; }

.arum-creations-container { position: relative !important; z-index: 2 !important; width: calc(100% - 40px) !important; max-width: 1320px !important; margin: 0 auto !important; }

.arum-creations-heading { display: grid !important; grid-template-columns: 0.85fr 1.15fr !important; gap: 70px !important; align-items: end !important; margin-bottom: 72px !important; }

.arum-creations-kicker { display: inline-flex !important; align-items: center !important; gap: 14px !important; margin-bottom: 22px !important; color: #a2b044 !important; font-family: "Montserrat", sans-serif !important; font-size: 0.9rem !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; }

.arum-creations-kicker::before { content: "" !important; width: 44px !important; height: 1px !important; background: #a2b044 !important; }

.arum-creations-title h2 { margin: 0 !important; color: #f1eade !important; font-size: 6.5rem !important; font-weight: 400 !important; line-height: 1.06 !important; }

.arum-creations-intro { position: relative !important; padding-left: 34px !important; border-left: 1px solid rgba(241, 234, 222, 0.28) !important; }

.arum-creations-intro h3 { margin: 0 0 18px !important; color: #f1eade !important; font-size: 3.5rem !important; font-weight: 400 !important; line-height: 1.1 !important; }

.arum-creations-intro p { margin: 0 !important; color: #f1eade !important; font-size: 1.28rem !important; line-height: 1.5 !important; }

.arum-creations-layout { display: grid !important; grid-template-columns: 1fr 1.15fr !important; gap: 42px !important; align-items: stretch !important; }

.arum-creations-feature { position: relative !important; min-height: 560px !important; border-radius: 34px !important; overflow: hidden !important; padding: 42px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; background: linear-gradient(180deg, rgba(38, 58, 13, 0.05), rgba(38, 58, 13, 0.92)), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F3mHWQwsaAwed0NTO0XOfLRQOYGj2%2Fimages%2FCharte_graphique_2_0yfc.webp") center/cover no-repeat !important; box-shadow: 0 34px 80px rgba(0, 0, 0, 0.28) !important; }

.arum-creations-feature::before { content: "" !important; position: absolute !important; inset: 22px !important; border: 1px solid rgba(241, 234, 222, 0.26) !important; border-radius: 26px !important; pointer-events: none !important; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F3mHWQwsaAwed0NTO0XOfLRQOYGj2%2Fimages%2F935187078306401_xgcj.webp"); background-position: bottom center; opacity: 0.5; }

.arum-creations-feature-content { position: relative !important; z-index: 2 !important; }

.arum-creations-feature span { display: inline-block !important; margin-bottom: 18px !important; color: #a2b044 !important; font-size: 0.82rem !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; }

.arum-creations-feature h3 { margin: 0 0 18px !important; color: #f1eade !important; font-size: 3.8rem !important; font-weight: 400 !important; line-height: 1 !important; }

.arum-creations-feature p { margin: 0 !important; max-width: 520px !important; color: #f1eade !important; font-size: 1.28rem !important; line-height: 1.5 !important; }

.arum-creations-cards { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 18px !important; }

.arum-occasion-card { position: relative !important; overflow: hidden !important; min-height: 250px !important; padding: 30px !important; border-radius: 28px !important; background: rgba(241, 234, 222, 0.08) !important; border: 1px solid rgba(241, 234, 222, 0.16) !important; backdrop-filter: blur(8px) !important; transition: transform 0.45s ease, background 0.45s ease, border-color 0.45s ease !important; }

.arum-occasion-card::before { content: "" !important; position: absolute !important; right: -70px !important; bottom: -70px !important; width: 170px !important; height: 170px !important; border-radius: 999px !important; background: radial-gradient(circle, rgba(162, 176, 68, 0.28), transparent 70%) !important; opacity: 0 !important; transition: opacity 0.45s ease, transform 0.45s ease !important; }

.arum-occasion-card.is-active { transform: translateY(-8px) !important; background: rgba(241, 234, 222, 0.13) !important; border-color: rgba(162, 176, 68, 0.55) !important; }

.arum-occasion-card.is-active::before { opacity: 1 !important; transform: scale(1.2) !important; }

.arum-occasion-number { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 38px !important; }

.arum-occasion-number span { color: rgba(241, 234, 222, 0.42) !important; font-size: 2.3rem !important; line-height: 1 !important; }

.arum-occasion-number i { display: block !important; width: 46px !important; height: 1px !important; background: linear-gradient(90deg, rgba(162, 176, 68, 0), #a2b044) !important; }

.arum-occasion-card h3 { position: relative !important; z-index: 2 !important; margin: 0 0 14px !important; color: #f1eade !important; font-size: 3rem !important; font-weight: 400 !important; line-height: 1.05 !important; }

.arum-occasion-card p { position: relative !important; z-index: 2 !important; margin: 0 !important; color: #f1eade !important; font-size: 1.28rem !important; line-height: 1.5 !important; }

@media (max-width: 1080px) { .arum-creations-heading, .arum-creations-layout { grid-template-columns: 1fr !important; gap: 42px !important; } .arum-creations-title { font-size: 4rem !important; } .arum-creations-feature { min-height: 440px !important; } }

@media (max-width: 780px) { .arum-creations-container { width: calc(100% - 28px) !important; } .arum-creations-title { font-size: 3rem !important; } .arum-creations-intro { padding-left: 22px !important; } .arum-creations-intro h3 { font-size: 1.9rem !important; } .arum-creations-cards { grid-template-columns: 1fr !important; } .arum-creations-feature { min-height: 390px !important; padding: 30px !important; border-radius: 26px !important; } .arum-creations-feature h3 { font-size: 2.35rem !important; } .arum-occasion-card { min-height: auto !important; padding: 26px !important; } .arum-creations-bottom { grid-template-columns: 1fr !important; padding: 34px 28px !important; } .arum-creations-bottom h3 { font-size: 2.1rem !important; } .arum-creations-btn { width: 100% !important; } }

/***********************************************************BLOC MAPS********************************/
.arum-map-bottom { position: relative !important; margin-top: 150px !important; padding: 38px !important; border-radius: 32px !important; background: #f1eade !important; color: #263a0d !important; display: grid !important; grid-template-columns: 0.85fr 1.15fr !important; gap: 38px !important; align-items: stretch !important; overflow: hidden !important; box-shadow: 0 28px 70px rgba(38, 58, 13, 0.12) !important; }

.arum-map-bottom::before { content: "" !important; position: absolute !important; right: -90px !important; top: -120px !important; width: 280px !important; height: 280px !important; border-radius: 999px !important; background: rgba(162, 176, 68, 0.3) !important; }

.arum-map-bottom::after { content: "" !important; position: absolute !important; left: -110px !important; bottom: -130px !important; width: 310px !important; height: 310px !important; border-radius: 999px !important; background: rgba(82, 113, 27, 0.14) !important; }

.arum-map-content { position: relative !important; z-index: 2 !important; padding: 24px 16px 24px 18px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; }

.arum-map-kicker { display: inline-flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 18px !important; font-family: 'Montserrat'; color: #52711b !important; font-size: 0.92rem !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }

.arum-map-kicker::before { content: "" !important; width: 42px !important; height: 1px !important; background: #52711b !important; }

.arum-map-content h2 { position: relative !important; margin: 0 0 16px !important; color: #263a0d !important; font-size: 4.5rem !important; font-weight: 400 !important; line-height: 1.05 !important; }

.arum-map-content p { position: relative !important; margin: 0 0 28px !important; max-width: 520px !important; color: #263a0d !important; font-size: 1.28rem !important; line-height: 1.5 !important; }

.arum-map-btn { position: relative !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-width: 210px !important; padding: 16px 24px !important; border-radius: 999px !important; background: #263a0d !important; color: #f1eade !important; font-family: "Montserrat", sans-serif !important; font-size: 0.88rem !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 18px 36px rgba(38, 58, 13, 0.18) !important; transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease !important; }

.arum-map-btn svg { width: 19px !important; height: 19px !important; flex: 0 0 auto !important; transition: transform 0.35s ease !important; }

.arum-map-btn:hover { transform: translateY(-4px) !important; background: #52711b !important; color: #f1eade !important; box-shadow: 0 24px 44px rgba(38, 58, 13, 0.24) !important; }

.arum-map-btn:hover svg { transform: translateX(2px) scale(1.08) !important; }

.arum-map-frame { position: relative !important; z-index: 2 !important; min-height: 430px !important; border-radius: 26px !important; overflow: hidden !important; background: #263a0d !important; box-shadow: 0 22px 56px rgba(38, 58, 13, 0.2) !important; }

.arum-map-frame::before { content: "" !important; position: absolute !important; inset: 16px !important; border: 1px solid rgba(241, 234, 222, 0.34) !important; border-radius: 20px !important; z-index: 2 !important; pointer-events: none !important; }

.arum-map-frame iframe { display: block !important; width: 100% !important; height: 100% !important; min-height: 430px !important; filter: saturate(0.85) contrast(1.02) !important; }

@media (max-width: 980px) { .arum-map-bottom { grid-template-columns: 1fr !important; padding: 28px !important; } .arum-map-content { padding: 12px 4px 4px !important; } .arum-map-content h2 { font-size: 2.3rem !important; } .arum-map-frame, .arum-map-frame iframe { min-height: 360px !important; } }

@media (max-width: 560px) { .arum-map-bottom { margin-top: 46px !important; padding: 20px !important; border-radius: 24px !important; } .arum-map-content h2 { font-size: 2rem !important; } .arum-map-content p { font-size: 0.96rem !important; } .arum-map-btn { width: 100% !important; min-width: 0 !important; } .arum-map-frame { border-radius: 20px !important; } .arum-map-frame, .arum-map-frame iframe { min-height: 320px !important; } }

/***************************************BLOC AVIS*******************************/
div.googleReviews-div { position: relative !important; z-index: 4 !important; margin-top: -150px; margin-bottom: 0 !important; padding: 190px 0 110px !important; overflow: hidden !important; background-color: #263a0d !important; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F3mHWQwsaAwed0NTO0XOfLRQOYGj2%2Fimages%2FCharte_graphique_9_3cqk.webp") !important; background-size: cover !important; background-position: bottom !important; background-repeat: no-repeat !important; color: #f1eade !important; isolation: isolate !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 900' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 95C190 35 350 30 520 82C710 140 855 118 1015 65C1180 10 1315 28 1440 78V900H0V95Z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 900' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 95C190 35 350 30 520 82C710 140 855 118 1015 65C1180 10 1315 28 1440 78V900H0V95Z'/%3E%3C/svg%3E") !important; -webkit-mask-size: 100% 100% !important; mask-size: 100% 100% !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; }

div.googleReviews-div::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -3 !important; background: radial-gradient(circle at 0% 0%, rgba(162, 176, 68, 0.34) 0%, rgba(162, 176, 68, 0.2) 18%, rgba(82, 113, 27, 0.08) 34%, transparent 58%), linear-gradient(135deg, rgba(13, 21, 3, 0.98) 0%, #152107 4%, rgba(38, 58, 13, 0.72) 22%, rgba(38, 58, 13, 0) 100%) !important; }

.googleReviews-div .arum-reviews-heading { position: relative !important; z-index: 3 !important; width: calc(100% - 40px) !important; max-width: 1180px !important; margin: 0 auto 56px !important; text-align: center !important; color: #f1eade !important; }

.googleReviews-div .arum-reviews-kicker { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; margin: 0 0 22px !important; color: #a2b044 !important; font-family: "Montserrat", sans-serif !important; font-size: 0.9rem !important; font-weight: 700 !important; letter-spacing: 0.13em !important; line-height: 1 !important; text-transform: uppercase !important; }

.googleReviews-div .arum-reviews-kicker::before, .googleReviews-div .arum-reviews-kicker::after { content: "" !important; display: block !important; width: 54px !important; height: 1px !important; background: #a2b044 !important; opacity: 0.9 !important; }

.googleReviews-div .arum-reviews-heading h2 { margin: 0 !important; color: #f1eade !important; font-size: 7rem !important; font-weight: 400 !important; line-height: 0.96 !important; text-shadow: 0 18px 48px rgba(0, 0, 0, 0.34) !important; }

.googleReviews-div > .container { position: relative !important; z-index: 3 !important; width: calc(100% - 40px) !important; max-width: 1180px !important; margin: 0 auto 42px !important; padding: 0 !important; }

.googleReviews-div > .container > .card { position: relative !important; overflow: hidden !important; padding: 30px 36px !important; border-radius: 34px !important; border: 1px solid rgba(241, 234, 222, 0.18) !important; background: rgba(241, 234, 222, 0.1) !important; color: #f1eade !important; box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }

.googleReviews-div > .container > .card::before { content: "" !important; position: absolute !important; right: -90px !important; top: -120px !important; width: 280px !important; height: 280px !important; border-radius: 999px !important; background: rgba(162, 176, 68, 0.24) !important; pointer-events: none !important; }

.googleReviews-div > .container > .card h3 { margin: 0 0 8px !important; color: #f1eade !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 2.4rem !important; font-weight: 400 !important; line-height: 1 !important; }

.googleReviews-div .avatar-google-place { width: 78px !important; height: 78px !important; padding: 8px !important; border-radius: 999px !important; background: #f1eade !important; border: 1px solid rgba(162, 176, 68, 0.55) !important; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22) !important; object-fit: contain !important; }

.googleReviews-div #place-rating { color: rgba(241, 234, 222, 0.84) !important; font-family: "Montserrat", sans-serif !important; font-size: 0.98rem !important; font-weight: 500 !important; line-height: 1.4 !important; }

.googleReviews-div .star, .googleReviews-div .bi-star-fill { color: #a2b044 !important; text-shadow: 0 0 18px rgba(162, 176, 68, 0.3) !important; }

.googleReviews-div a.button_homepageScreen, .googleReviews-div #maps-url { position: relative !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-height: 48px !important; padding: 15px 26px !important; border-radius: 999px !important; border: 1px solid rgba(241, 234, 222, 0.34) !important; background: #f1eade !important; color: #263a0d !important; font-family: "Montserrat", sans-serif !important; font-size: 0.86rem !important; font-weight: 800 !important; letter-spacing: 0.06em !important; line-height: 1 !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important; transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease, box-shadow 0.35s ease !important; }

.googleReviews-div a.button_homepageScreen:hover, .googleReviews-div #maps-url:hover { transform: translateY(-4px) !important; background: #a2b044 !important; color: #263a0d !important; box-shadow: 0 24px 54px rgba(0, 0, 0, 0.3) !important; }

.googleReviews-div a.button_homepageScreen i, .googleReviews-div #maps-url i { color: currentColor !important; font-size: 1rem !important; margin: 0 !important; }

.googleReviews-div #google-reviews-widget { position: relative !important; z-index: 3 !important; width: calc(100% - 20px) !important; max-width: 1500px !important; margin: 0 auto !important; padding: 14px 0 74px !important; }

.googleReviews-div #google-reviews-widget .owl-stage-outer { overflow: visible !important; }

.googleReviews-div #google-reviews-widget .owl-item { opacity: 0.46 !important; transition: opacity 0.35s ease, transform 0.35s ease !important; }

.googleReviews-div #google-reviews-widget .owl-item.active { opacity: 1 !important; transform: translateY(-4px) !important; }

.googleReviews-div #google-reviews-widget .card { position: relative !important; min-height: 260px !important; margin: 0 14px 24px !important; padding: 28px !important; border-radius: 30px !important; border: 1px solid rgba(241, 234, 222, 0.16) !important; background: rgba(241, 234, 222, 0.12) !important; color: #f1eade !important; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; overflow: hidden !important; transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease !important; }

.googleReviews-div #google-reviews-widget .card::before { content: "“" !important; position: absolute !important; right: 24px !important; bottom: -28px !important; color: rgba(162, 176, 68, 0.2) !important; font-family: Georgia, serif !important; font-size: 9rem !important; line-height: 1 !important; pointer-events: none !important; }

.googleReviews-div #google-reviews-widget .card:hover { transform: translateY(-8px) !important; background: rgba(241, 234, 222, 0.18) !important; border-color: rgba(162, 176, 68, 0.5) !important; }

.googleReviews-div #google-reviews-widget .card > .d-flex { position: relative !important; z-index: 2 !important; justify-content: flex-start !important; text-align: left !important; margin: 0 0 20px !important; gap: 12px !important; }

.googleReviews-div .avatar-google-reviews { width: 48px !important; height: 48px !important; padding: 9px !important; border-radius: 999px !important; background: #f1eade !important; border: 1px solid rgba(162, 176, 68, 0.42) !important; object-fit: contain !important; }

.googleReviews-div #google-reviews-widget .mx-2 { margin-left: 0 !important; margin-right: 0 !important; }

.googleReviews-div #google-reviews-widget .mx-2 > div:first-child { color: #f1eade !important; font-family: "Montserrat", sans-serif !important; font-size: 0.96rem !important; font-weight: 700 !important; line-height: 1.35 !important; }

.googleReviews-div #google-reviews-widget small, .googleReviews-div #google-reviews-widget .text-muted { color: rgba(241, 234, 222, 0.58) !important; font-family: "Montserrat", sans-serif !important; font-size: 0.78rem !important; font-weight: 500 !important; }

.googleReviews-div #google-reviews-widget .card-body { position: relative !important; z-index: 2 !important; padding: 0 !important; }

.googleReviews-div #google-reviews-widget .card-body span { display: inline-flex !important; gap: 3px !important; margin-bottom: 16px !important; }

.googleReviews-div #google-reviews-widget .card-text { margin: 0 !important; color: rgba(241, 234, 222, 0.84) !important; font-family: "Montserrat", sans-serif !important; font-size: 1rem !important; font-weight: 400 !important; line-height: 1.72 !important; }

.googleReviews-div #google-reviews-widget .card-text:empty::before { content: "Avis laissé avec une note de 5 étoiles." !important; color: rgba(241, 234, 222, 0.58) !important; font-style: italic !important; }

.googleReviews-div .owl-nav { position: absolute !important; left: 50% !important; bottom: 0 !important; z-index: 5 !important; display: flex !important; gap: 14px !important; transform: translateX(-50%) !important; }

.googleReviews-div .owl-nav button { position: relative !important; width: 52px !important; height: 52px !important; border-radius: 999px !important; border: 1px solid rgba(241, 234, 222, 0.32) !important; background: rgba(241, 234, 222, 0.12) !important; color: #f1eade !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease, border-color 0.35s ease !important; }

.googleReviews-div .owl-nav button:hover { transform: translateY(-3px) !important; background: #f1eade !important; color: #263a0d !important; border-color: #f1eade !important; }

.googleReviews-div .owl-nav button span { display: block !important; color: currentColor !important; font-size: 2.4rem !important; line-height: 0.8 !important; transform: translateY(-2px) !important; }

@media (max-width: 991px) { .googleReviews-div { padding: 160px 0 88px !important; } .googleReviews-div .arum-reviews-heading h2 { font-size: 3.7rem !important; } .googleReviews-div > .container > .card { padding: 26px !important; } .googleReviews-div > .container > .card .d-lg-flex { gap: 18px !important; } }

@media (max-width: 768px) { .googleReviews-div { padding: 132px 0 76px !important; } .googleReviews-div .arum-reviews-heading { width: calc(100% - 28px) !important; margin-bottom: 36px !important; } .googleReviews-div .arum-reviews-heading h2 { font-size: 2.8rem !important; } .googleReviews-div .arum-reviews-kicker { font-size: 0.78rem !important; gap: 10px !important; } .googleReviews-div .arum-reviews-kicker::before, .googleReviews-div .arum-reviews-kicker::after { width: 34px !important; } .googleReviews-div > .container { width: calc(100% - 28px) !important; } .googleReviews-div > .container > .card h3 { font-size: 2rem !important; } .googleReviews-div #google-reviews-widget { width: calc(100% - 10px) !important; } .googleReviews-div #google-reviews-widget .card { min-height: 240px !important; padding: 24px !important; margin-left: 10px !important; margin-right: 10px !important; } }

/****************************************Réseaux-sociaux*********************************/
.arum-social-section { position: relative !important; overflow: hidden !important; padding: 110px 0 250px !important; background-color: #263a0d !important; color: #f1eade !important; isolation: isolate !important; background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2F3mHWQwsaAwed0NTO0XOfLRQOYGj2%2Fimages%2FCharte_graphique_9_3cqk.webp?alt=media&token=baf72d2f-9fcd-439f-a759-f7da44c91ecf); background-size: cover; background-position: center; }

.arum-social-section::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; opacity: 0.14 !important; mix-blend-mode: soft-light !important; background-image: radial-gradient(circle at 18% 24%, rgba(241, 234, 222, 0.22) 0 1px, transparent 1px), radial-gradient(circle at 72% 64%, rgba(241, 234, 222, 0.16) 0 1px, transparent 1px), radial-gradient(circle at 42% 82%, rgba(241, 234, 222, 0.12) 0 1px, transparent 1px) !important; background-size: 42px 42px, 58px 58px, 76px 76px !important; pointer-events: none !important; }

.arum-social-container { position: relative !important; z-index: 2 !important; width: calc(100% - 40px) !important; max-width: 1180px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 0.95fr 1.05fr !important; gap: 54px !important; align-items: center !important; }

.arum-social-content { position: relative !important; z-index: 2 !important; }

.arum-social-kicker { display: inline-flex !important; align-items: center !important; gap: 14px !important; margin-bottom: 22px !important; font-family: "Montserrat" !important; color: #f1eade !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; font-size: 0.92rem !important; }

.arum-social-kicker::before { content: "" !important; width: 44px !important; height: 3px !important; border-radius: 999px !important; background: #f1eade !important; }

.arum-social-content h2 { margin: 0 0 22px !important; color: #f1eade !important; font-size: 4.6rem !important; font-weight: 400 !important; line-height: 0.98 !important; }

.arum-social-content p { margin: 0 0 34px !important; max-width: 560px !important; color: #f1eade !important; font-size: 1.28rem !important; line-height: 1.5 !important; }

.arum-social-btn { position: relative !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-width: 220px !important; padding: 16px 26px !important; border-radius: 999px !important; background: #f1eade !important; color: #263a0d !important; font-family: "Montserrat", sans-serif !important; font-size: 0.88rem !important; font-weight: 700 !important; letter-spacing: 0.035em !important; line-height: 1 !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important; transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease, box-shadow 0.35s ease !important; }

.arum-social-btn svg { width: 20px !important; height: 20px !important; flex: 0 0 auto !important; color: currentColor !important; transition: transform 0.35s ease !important; }

.arum-social-btn:hover { transform: translateY(-4px) !important; background: #a2b044 !important; color: #263a0d !important; box-shadow: 0 24px 54px rgba(0, 0, 0, 0.3) !important; }

.arum-social-btn:hover svg { transform: translateX(2px) scale(1.08) !important; }

.arum-social-frame { position: relative !important; z-index: 2 !important; width: 100% !important; max-width: 560px !important; margin-left: auto !important; padding: 18px !important; border-radius: 34px !important; background: rgba(241, 234, 222, 0.1) !important; border: 1px solid rgba(241, 234, 222, 0.18) !important; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28) !important; overflow: hidden !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; }

.arum-social-frame::before { content: "" !important; position: absolute !important; inset: 18px !important; border: 1px solid rgba(241, 234, 222, 0.26) !important; border-radius: 24px !important; pointer-events: none !important; z-index: 2 !important; }

.arum-social-frame iframe { display: block !important; width: 100% !important; height: 500px !important; border: 0 !important; border-radius: 24px !important; background: #f1eade !important; }

@media (max-width: 980px) { .arum-social-container { grid-template-columns: 1fr !important; gap: 42px !important; } .arum-social-content h2 { font-size: 3.5rem !important; } .arum-social-frame { max-width: 560px !important; margin: 0 auto !important; } }

@media (max-width: 560px) { .arum-social-section { padding: 76px 0 !important; } .arum-social-container { width: calc(100% - 28px) !important; } .arum-social-content h2 { font-size: 2.7rem !important; } .arum-social-content p { font-size: 1.08rem !important; } .arum-social-btn { width: 100% !important; min-width: 0 !important; } .arum-social-frame { padding: 12px !important; border-radius: 26px !important; } .arum-social-frame::before { inset: 12px !important; border-radius: 18px !important; } .arum-social-frame iframe { height: 500px !important; border-radius: 18px !important; } }

/************************************Formulaire de contact**************************/
#contact { position: relative !important; overflow: hidden !important; padding: 120px 0 !important; background-color: #263a0d !important; color: #f1eade !important; isolation: isolate !important; font-family: 'Montserrat'; }

#contact::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; background: radial-gradient(circle at 0% 0%, rgba(162, 176, 68, 0.34) 0%, rgba(162, 176, 68, 0.2) 18%, rgba(82, 113, 27, 0.08) 34%, transparent 58%), linear-gradient(135deg, rgba(13, 21, 3, 0.98) 0%, #263a0d 34%, rgba(38, 58, 13, 0.72) 62%, rgba(38, 58, 13, 0) 100%) !important; pointer-events: none !important; }

#contact::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; opacity: 0.14 !important; mix-blend-mode: soft-light !important; background-image: radial-gradient(circle at 18% 24%, rgba(241, 234, 222, 0.22) 0 1px, transparent 1px), radial-gradient(circle at 72% 64%, rgba(241, 234, 222, 0.16) 0 1px, transparent 1px), radial-gradient(circle at 42% 82%, rgba(241, 234, 222, 0.12) 0 1px, transparent 1px) !important; background-size: 42px 42px, 58px 58px, 76px 76px !important; pointer-events: none !important; }

#contact .background-image-div-opacity { display: none !important; }

#contact > .row { position: relative !important; z-index: 2 !important; width: calc(100% - 40px) !important; max-width: 1080px !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; justify-content: center !important; }

#contact > .row > .col-lg-6:first-child { display: none !important; }

#contact > .row > .col-md-10 { width: 100% !important; max-width: 920px !important; flex: 0 0 100% !important; padding: 0 !important; margin: 0 auto !important; display: flex !important; justify-content: center !important; }

#formContact { position: relative !important; width: 100% !important; max-width: 920px !important; margin: 0 auto !important; padding: 58px !important; border: 1px solid rgba(241, 234, 222, 0.18) !important; border-radius: 34px !important; background: rgba(241, 234, 222, 0.1) !important; color: #f1eade !important; box-shadow: 0 34px 90px rgba(0, 0, 0, 0.28) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; overflow: hidden !important; }

#formContact::before { content: "" !important; position: absolute !important; right: -90px !important; top: -110px !important; width: 280px !important; height: 280px !important; border-radius: 999px !important; background: rgba(162, 176, 68, 0.24) !important; pointer-events: none !important; }

#formContact::after { content: "" !important; position: absolute !important; left: -120px !important; bottom: -150px !important; width: 340px !important; height: 340px !important; border-radius: 999px !important; background: rgba(82, 113, 27, 0.18) !important; pointer-events: none !important; }

.arum-contact-heading { position: relative !important; z-index: 2 !important; margin: 0 0 34px !important; text-align: center !important; }

.arum-contact-kicker { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; margin: 0 0 18px !important; font-family: "Montserrat" !important; color: #f1eade !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; font-size: 0.92rem !important; line-height: 1.4 !important; }

.arum-contact-kicker::before, .arum-contact-kicker::after { content: "" !important; width: 48px !important; height: 1px !important; background: rgba(241, 234, 222, 0.72) !important; }

.arum-contact-title { margin: 0 !important; color: #f1eade !important; font-size: 4rem !important; font-weight: 400 !important; line-height: 1 !important; }

#formContact .row, #formContact .checkbox, #formContact button { position: relative !important; z-index: 2 !important; }

#formContact .form-floating, #formContact .mb-3, #formContact .input-group { position: relative !important; }

#formContact .form-control { min-height: 58px !important; border-radius: 18px !important; border: 1px solid rgba(241, 234, 222, 0.2) !important; background: rgba(241, 234, 222, 0.12) !important; color: #f1eade !important; font-size: 1rem !important; box-shadow: none !important; transition: border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease !important; }

#formContact textarea.form-control { min-height: 160px !important; padding: 18px 20px !important; }

#formContact .form-control:focus { border-color: rgba(162, 176, 68, 0.78) !important; background: rgba(241, 234, 222, 0.16) !important; color: #f1eade !important; box-shadow: 0 0 0 4px rgba(162, 176, 68, 0.16) !important; }

#formContact label { color: rgba(241, 234, 222, 0.78) !important; font-size: 0.92rem !important; }

#formContact .form-floating > label { padding-left: 18px !important; }

#formContact .form-floating > .form-control:focus ~ label, #formContact .form-floating > .form-control:not(:placeholder-shown) ~ label { color: #a2b044 !important; opacity: 1 !important; }

#formContact input[type="file"] { padding: 16px 18px !important; line-height: 1.4 !important; }

#formContact input[type="file"]::file-selector-button { margin-right: 14px !important; padding: 10px 16px !important; border: 0 !important; border-radius: 999px !important; background: #f1eade !important; color: #263a0d !important; font-weight: 700 !important; cursor: pointer !important; }

#formContact #erase-file { border-radius: 16px !important; border: 1px solid rgba(241, 234, 222, 0.22) !important; background: rgba(241, 234, 222, 0.12) !important; color: #f1eade !important; }

#formContact .checkbox { margin: 8px 0 28px !important; color: rgba(241, 234, 222, 0.82) !important; font-size: 0.92rem !important; line-height: 1.6 !important; }

#formContact .checkbox input { accent-color: #a2b044 !important; margin-right: 8px !important; }

#formContact .checkbox a { color: #a2b044 !important; text-decoration: underline !important; text-underline-offset: 4px !important; }

#formContact button[type="submit"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-height: 58px !important; padding: 17px 28px !important; border: 0 !important; border-radius: 999px !important; background: #f1eade !important; color: #263a0d !important; font-size: 0.92rem !important; font-weight: 800 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important; transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease !important; }

#formContact button[type="submit"]:hover { transform: translateY(-4px) !important; background: #a2b044 !important; color: #263a0d !important; box-shadow: 0 24px 56px rgba(0, 0, 0, 0.32) !important; }

#formContact button[type="submit"] svg { width: 20px !important; height: 20px !important; color: currentColor !important; flex: 0 0 auto !important; }

#successModal .modal-content, #errorModal .modal-content { border-radius: 28px !important; border: 1px solid rgba(38, 58, 13, 0.12) !important; background: #f1eade !important; color: #263a0d !important; }

@media (max-width: 768px) { #contact { padding: 82px 0 !important; } #contact > .row { width: calc(100% - 28px) !important; } #formContact { padding: 34px 24px !important; border-radius: 28px !important; } .arum-contact-title { font-size: 2.8rem !important; } .arum-contact-kicker { font-size: 0.78rem !important; gap: 10px !important; } .arum-contact-kicker::before, .arum-contact-kicker::after { width: 28px !important; } }

/**************************************RESPONSIVE***********************************/
/*****Bannière d'accueil*****/
@media (max-width: 780px) { div.arum-hero__content > div > h1 > span:nth-child(1) { font-size: 5rem; } div.arum-hero__content > div > h1 > span:nth-child(3) { font-size: 3rem; } .arum-hero__title p { font-size: 1.1rem; } }

/*****Carrousel + Texte*****/
@media (max-width: 980px) { .mv-intro-section { padding: 180px 0 !important; } }

/*******BLOC AVIS***********/
@media (max-width: 980px) { div.googleReviews-div { mask-size: 200% 100% !important; } div:has(> .first-activity-div) { mask-size: 200% 100% !important; } }

/*****************************************BOUTONS**********************************/
a.button_header, a.button_homepageScreen, a.button_homepageDoubleScreen, a.phone-number-button { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-height: 46px !important; padding: 13px 24px !important; border-radius: 999px !important; border: 1px solid rgba(241, 234, 222, 0.34) !important; background: rgba(241, 234, 222, 0.1) !important; color: #f1eade !important; font-family: "Montserrat", sans-serif !important; font-size: 0.88rem !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; overflow: hidden !important; transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease, color 0.35s ease, box-shadow 0.35s ease !important; }

a.button_header::before, a.button_homepageScreen::before, a.button_homepageDoubleScreen::before, a.phone-number-button::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; background: linear-gradient(135deg, rgba(162, 176, 68, 0.22), rgba(82, 113, 27, 0.18), rgba(241, 234, 222, 0.08)) !important; opacity: 0 !important; transition: opacity 0.35s ease !important; }

a.button_header:hover, a.button_homepageScreen:hover, a.button_homepageDoubleScreen:hover, a.phone-number-button:hover { transform: translateY(-3px) !important; border-color: rgba(162, 176, 68, 0.72) !important; background: #f1eade !important; color: #263a0d !important; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24), 0 0 0 4px rgba(162, 176, 68, 0.13) !important; }

a.button_header:hover::before, a.button_homepageScreen:hover::before, a.button_homepageDoubleScreen:hover::before, a.phone-number-button:hover::before { opacity: 1 !important; }

a.button_header:active, a.button_homepageScreen:active, a.button_homepageDoubleScreen:active, a.phone-number-button:active { transform: translateY(-1px) scale(0.98) !important; }

a.button_header i, a.button_header svg, a.button_homepageScreen i, a.button_homepageScreen svg, a.button_homepageDoubleScreen i, a.button_homepageDoubleScreen svg, a.phone-number-button i, a.phone-number-button svg { width: 18px !important; height: 18px !important; flex: 0 0 auto !important; color: currentColor !important; fill: none !important; stroke: currentColor !important; transition: transform 0.35s ease !important; }

a.button_header:hover i, a.button_header:hover svg, a.button_homepageScreen:hover i, a.button_homepageScreen:hover svg, a.button_homepageDoubleScreen:hover i, a.button_homepageDoubleScreen:hover svg, a.phone-number-button:hover i, a.phone-number-button:hover svg { transform: translateX(2px) scale(1.08) !important; }

@media (max-width: 768px) { a.button_header, a.button_homepageScreen, a.button_homepageDoubleScreen, a.phone-number-button { min-height: 44px !important; padding: 12px 18px !important; font-size: 0.78rem !important; gap: 8px !important; } a.button_header i, a.button_header svg, a.button_homepageScreen i, a.button_homepageScreen svg, a.button_homepageDoubleScreen i, a.button_homepageDoubleScreen svg, a.phone-number-button i, a.phone-number-button svg { width: 16px !important; height: 16px !important; } }

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