.elementor-17486 .elementor-element.elementor-element-1a13f34d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-6bdbbce3 *//* ════════════════════════════════════════════════════════════════════
   TEMPLATE INTERVENTION v3.1 — CSS COMPLET (scope .unt)
   À utiliser en REMPLACEMENT du CSS .unt actuel
   = base existante + ajouts v3.1 (FAQ light, H3 blanc, tel blanc, voisines)
   ════════════════════════════════════════════════════════════════════ */

/* ================================================================
   VARIABLES
   ================================================================ */
.unt {
  --g:   #5b9f44;
  --gd:  #2C5F2D;
  --gl:  #eaf5e3;
  --nk:  #1c1c1c;
  --tx:  #2d2d2d;
  --gr:  #f5f5f0;
  --gr2: #e9e9e1;
  --mu:  #6b7280;
  --wh:  #ffffff;
  --r:   12px;
  --rl:  20px;
  --sh:  0 4px 24px rgba(0,0,0,.08);
  --shl: 0 12px 48px rgba(0,0,0,.15);
  --tr:  all .22s cubic-bezier(.4,0,.2,1);
}

/* ================================================================
   RESET SCOPED — N'interfère pas avec les classes un-core
   ================================================================ */
.unt *, .unt *::before, .unt *::after { box-sizing: border-box; }
.unt .un-agence-card *, .unt .un-agence-map *,
.unt .un-card-header *, .unt .un-card-body *, .unt .un-card-footer *,
.unt .leaflet-container * { box-sizing: initial; }

.unt {
  color: var(--tx);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.unt h1,.unt h2,.unt h3,.unt h4 {
  line-height: 1.15;
  color: var(--nk); margin: 0 0 .75rem;
}
.unt .un-agence-card h1, .unt .un-agence-card h2,
.unt .un-agence-card h3, .unt .un-agence-card h4,
.unt .un-card-title strong { color: unset; margin: unset; }
.unt p  { margin: 0 0 1rem; }
.unt ul { margin: 0 0 1rem; padding-left: 1.4rem; }
.unt li { margin-bottom: .4rem; color: inherit; }
.unt strong { color: var(--nk); }
.unt .unt-a  { color: var(--gd); text-decoration: none; }
.unt .unt-a:hover { text-decoration: underline; }

/* ================================================================
   LAYOUT
   ================================================================ */
.unt .uc  { max-width: 1160px; margin: 0 auto; padding: 0 20px; }
.unt .us  { padding: 72px 0; }
.unt .uss { padding: 48px 0; }

/* ================================================================
   TAG / LABEL
   ================================================================ */
.unt .utag {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: .7rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; margin-bottom: .7rem;
}
.unt .utag-g    { color: var(--g); }
.unt .utag-pill { background: var(--gl); color: var(--g); padding: 4px 12px; border-radius: 50px; }
.unt .utag-glow { background: rgba(91,159,68,.18); border:1px solid rgba(91,159,68,.4);
                  padding: 4px 14px; border-radius: 50px; color: #8fda6e; }
.unt .utag-wh   { color: rgba(255,255,255,.7); }

/* ================================================================
   HERO
   ================================================================ */
.unt .uhero {
  position: relative; min-height: 540px;
  display: flex; align-items: center; background: var(--nk); overflow: hidden;
}
.unt .uhero__bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center top; opacity: .38;
}
.unt .uhero__bg img { position: absolute; width: 1px; height: 1px;
                      opacity: 0; pointer-events: none; }
.unt .uhero__ov {
  position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(110deg,
    rgba(28,28,28,.95) 0%, rgba(28,28,28,.75) 50%, rgba(28,28,28,.3) 100%);
}
.unt .uhero__inner {
  position: relative; z-index: 2; width: 100%;
  max-width: 1160px; margin: 0 auto; padding: 80px 20px;
  display: grid; grid-template-columns: 1fr 380px; gap: 48px;
  align-items: center;
}
.unt .uhero__h1 {
  font-size: clamp(1.85rem, 4vw, 2.8rem); font-weight: 800;
  color: var(--wh); margin-bottom: 1rem; line-height: 1.08;
}
.unt .uhero__h1 h1,
.unt .uhero__h1 span,
.unt .uhero__h1 div {
  font-size: inherit; font-weight: inherit;
  color: var(--wh); margin: 0; line-height: inherit;
}
.unt .uhero__intro { font-size: 1rem; color: rgba(255,255,255,.8); margin-bottom: 1.8rem; }
.unt .uhero__intro p { color: inherit; }
.unt .uhero__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 2rem; }
.unt .uhero__badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.15);
  border-radius: 50px; padding: 5px 13px;
  font-size: .78rem; color: rgba(255,255,255,.9);
}
.unt .uhero__badge i { color: var(--g); }
.unt .uhero__btns { display: flex; gap: 12px; flex-wrap: wrap; }

/* ================================================================
   FORMULAIRE HERO → GF prérempli
   ================================================================ */
.unt .uhero__form {
  background: var(--wh); border-radius: var(--rl);
  padding: 28px 24px; box-shadow: var(--shl);
}
.unt .uhero__form h3 { font-size: 1.1rem; color: var(--nk); margin-bottom: 4px; }
.unt .uhero__form .ufsub { font-size: .82rem; color: var(--mu); margin-bottom: 18px; }
.unt .ufrow { margin-bottom: 10px; }
.unt .ufrow input, .unt .ufrow select {
  width: 100%; padding: 11px 14px;
  border: 1.5px solid var(--gr2); border-radius: 8px;
  font-size: .88rem; color: var(--nk);
  background: var(--wh); transition: var(--tr);
  -webkit-appearance: none; appearance: none;
}
.unt .ufrow input:focus, .unt .ufrow select:focus {
  outline: none; border-color: var(--g);
  box-shadow: 0 0 0 3px rgba(91,159,68,.14);
}
.unt .ufnote { font-size: .7rem; color: var(--mu); text-align: center; margin-top: 8px; }
.unt #un-hero-submit {
  width: 100%; padding: 13px; background: var(--g); color: var(--wh);
  border: none; border-radius: 8px;
  font-size: .95rem; font-weight: 700; cursor: pointer;
  transition: var(--tr); margin-top: 4px;
}
.unt #un-hero-submit:hover {
  background: var(--gd); transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(44,95,45,.3);
}

/* ================================================================
   PROOF STRIP — 4 items
   ================================================================ */
.unt .uproof {
  background: var(--gr); border-bottom: 1px solid var(--gr2); padding: 16px 0;
}
.unt .uproof__inner {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
}
.unt .upi {
  display: flex; align-items: center; gap: 9px;
  font-size: .83rem; color: var(--tx); flex: 1; min-width: 220px;
  padding: 6px 24px; border-right: 1px solid var(--gr2);
}
.unt .upi:last-child { border-right: none; }
.unt .upi i { color: var(--g); font-size: 1rem; flex-shrink: 0; }
.unt .upi strong { color: var(--nk); }

/* ================================================================
   LAYOUT 2 COLONNES
   ================================================================ */
.unt .ulayout {
  display: grid; grid-template-columns: 1fr 340px;
  gap: 52px; align-items: start;
}
.unt .usidebar { position: sticky; top: 100px; }

/* ================================================================
   BLOCS CONTENU
   ================================================================ */
.unt .ubloc { margin-bottom: 52px; }
.unt .ubloc:not(:last-child) {
  padding-bottom: 52px;
  border-bottom: 1px solid var(--gr2);
}
.unt .ubloc__head {
  display: flex; align-items: center; gap: 14px; margin-bottom: 20px;
}
.unt .ubloc__ico {
  width: 46px; height: 46px; background: var(--gl);
  border-radius: 11px; display: flex; align-items: center;
  justify-content: center; flex-shrink: 0;
}
.unt .ubloc__ico i { color: var(--g); font-size: 1.1rem; }
.unt .ubloc h2 { font-size: 1.45rem; font-weight: 800; margin: 0; }
.unt .usc h2  { font-size: 1.35rem; font-weight: 800; margin: 1.4rem 0 .6rem; }
.unt .usc h3  { font-size: 1.05rem; font-weight: 700; margin: 1.1rem 0 .5rem; }
.unt .usc ul  { padding-left: 1.4rem; list-style: none; }
.unt .usc li  { margin-bottom: .5rem; position: relative; padding-left: .2rem; }
.unt .usc ul li::before {
  content: '';
  position: absolute; left: -1.1rem; top: .55em;
  width: 6px; height: 6px;
  background: var(--g); border-radius: 50%;
}
.unt .usc p   { margin-bottom: .9rem; }

/* ================================================================
   ESPÈCES
   ================================================================ */
.unt .uespeces-wrap {
  background: var(--gr); border-radius: var(--rl);
  padding: 24px; margin-bottom: 48px;
}
.unt .uespeces-wrap .utag { margin-bottom: 16px; }

/* ================================================================
   IMAGE BACKGROUND / SCHEMA / SUPPLEMENTAIRE
   ================================================================ */
.unt .ucimg {
  border-radius: var(--rl); overflow: hidden;
  margin-bottom: 36px; line-height: 0;
}
.unt .ucimg img { width: 100%; height: auto; display: block; }

/* ================================================================
   ÉTAPES
   ================================================================ */
.unt .usteps { position: relative; margin: 24px 0; }
.unt .usteps::before {
  content: ''; position: absolute; left: 22px; top: 0; bottom: 0;
  width: 2px; background: var(--gr2); z-index: 0;
}
.unt .ustep {
  display: grid; grid-template-columns: 46px 1fr;
  gap: 20px; padding-bottom: 32px; position: relative; z-index: 1;
}
.unt .ustep:last-child { padding-bottom: 4px; }
.unt .ustep__n {
  width: 46px; height: 46px; background: var(--g); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--wh); font-weight: 800; font-size: .88rem; flex-shrink: 0;
  box-shadow: 0 0 0 4px var(--wh), 0 0 0 6px var(--gl);
}
.unt .ustep__b h3 { font-size: .98rem; margin-bottom: .25rem; padding-top: 11px; }
.unt .ustep__b p  { color: var(--mu); font-size: .86rem; margin: 0; }

/* ================================================================
   AVANTAGES GRID
   ================================================================ */
.unt .uavs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; }
.unt .uav {
  display: flex; align-items: flex-start; gap: 12px;
  background: var(--wh); border: 1.5px solid var(--gr2);
  border-radius: var(--r); padding: 14px; transition: var(--tr);
}
.unt .uav:hover { border-color: var(--g); box-shadow: 0 4px 16px rgba(91,159,68,.1); }
.unt .uav i     { color: var(--g); font-size: 1.05rem; margin-top: 1px; flex-shrink: 0; }
.unt .uav strong { display: block; font-size: .87rem; color: var(--nk); }
.unt .uav span   { font-size: .77rem; color: var(--mu); }

/* ================================================================
   SIDEBAR
   ================================================================ */
.unt .uscard {
  background: var(--wh); border: 1.5px solid var(--gr2);
  border-radius: var(--rl); padding: 20px; margin-bottom: 16px;
  box-shadow: var(--sh);
}
.unt .uscard--green {
  background: var(--g); border-color: var(--g);
}
.unt .uscard--green .utag-wh,
.unt .uscard--green h3 { color: var(--wh); }
.unt .uscard--green p  { color: rgba(255,255,255,.88); }
.unt .uscard h3 { font-size: .96rem; margin-bottom: 10px; }
.unt .ustel {
  display: block; text-align: center;
  font-size: 1.25rem; font-weight: 800;
  color: var(--gd); text-decoration: none; margin: 8px 0 4px;
}
.unt .uscard--green .ustel { color: var(--wh); }
.unt .usinfo {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 7px 0; border-bottom: 1px solid var(--gr);
  font-size: .83rem; color: var(--tx);
}
.unt .usinfo:last-child { border: none; padding-bottom: 0; }
.unt .usinfo i { color: var(--g); flex-shrink: 0; width: 14px; margin-top: 2px; }
.unt .un-risque-bandeau { color: unset !important; background: unset !important;
                          border-color: unset !important; }
.unt .uscard-img { padding: 0; overflow: hidden; }
.unt .uscard-img img { width: 100%; display: block; border-radius: var(--rl); }

/* ════════════════════════════════════════════════════════════════
   v3.1 — CARD VERTE : H3 forcé en blanc (override Elementor)
   ════════════════════════════════════════════════════════════════ */
.unt .uscard.uscard--green h3 { color: var(--wh) !important; }

/* ════════════════════════════════════════════════════════════════
   v3.1 — CARD VERTE : couleur lisible pour le tel sous le bouton CTA
   ════════════════════════════════════════════════════════════════ */
.unt .uscard--green .un-cta-tel,
.unt .uscard--green .un-cta-tel a {
  color: rgba(255,255,255,.92) !important;
}
.unt .uscard--green .un-cta-tel a {
  font-weight: 700 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.unt .uscard--green .un-cta-tel a:hover {
  text-decoration: none;
}

/* ════════════════════════════════════════════════════════════════
   v3.1 — RISQUE BANDEAU sans wrapper .uscard : marge cohérente
   ════════════════════════════════════════════════════════════════ */
.unt .usidebar > .un-risque-bandeau {
  margin: 0 0 16px !important;
}

/* ================================================================
   TARIF DARK
   ================================================================ */
.unt .utarif { background: var(--nk); padding: 72px 0; }
.unt .utarif .utag-wh  { color: rgba(255,255,255,.6); }
.unt .utarif h2 { color: var(--wh); }
.unt .utarif .usc p,
.unt .utarif .usc li,
.unt .utarif .usc span { color: rgba(255,255,255,.78); }
.unt .utarif .usc strong { color: var(--wh); }
.unt .utarif .usc h3  { color: rgba(255,255,255,.92); }
.unt .utarif .usc ul li::before { background: var(--g); }
.unt .utarif-img { border-radius: var(--rl); overflow: hidden; line-height: 0; }
.unt .utarif-img img { width: 100%; display: block; border-radius: var(--rl); }
.unt .ucta-wrap { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.unt .utarif .un-cta-tel,
.unt .utarif .un-cta-tel a { color: rgba(255,255,255,.7) !important; }

/* ================================================================
   CTA BANDE VERTE
   ================================================================ */
.unt .ucta-band {
  background: linear-gradient(135deg, var(--gd) 0%, var(--g) 100%);
  padding: 60px 20px; text-align: center;
}
.unt .ucta-band h2 { color: var(--wh); font-size: clamp(1.3rem, 3vw, 2rem); margin-bottom: .9rem; }
.unt .ucta-band .un-cta-tel,
.unt .ucta-band .un-cta-tel a { color: rgba(255,255,255,.85) !important; }
.unt .ucta-band p  { color: rgba(255,255,255,.85); max-width: 520px; margin: 0 auto 1.8rem; }
.unt .ucta-row { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }

/* ================================================================
   FAQ DARK (legacy — gardé pour rétro-compatibilité)
   ================================================================ */
.unt .ufaq-sec { background: var(--nk); padding: 72px 0; }
.unt .ufaq-sec > .uc > h2 { color: var(--wh); }
.unt .ufaq-sec .un-faq-item {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.15) !important;
  border-radius: 10px !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
}
.unt .ufaq-sec .un-faq-item[open] {
  background: rgba(255,255,255,.11) !important;
  border-color: rgba(91,159,68,.45) !important;
}
.unt .ufaq-sec summary.un-faq-question,
.unt .ufaq-sec .un-faq-question {
  color: var(--wh) !important;
  background: transparent !important;
  padding: 16px 20px !important;
  font-weight: 600 !important;
  font-size: .95rem !important;
}
.unt .ufaq-sec .un-faq-answer   { color: rgba(255,255,255,.72) !important; }
.unt .ufaq-sec .un-faq-answer ul li::before { background: var(--g); }

/* ════════════════════════════════════════════════════════════════
   v3.1 — FAQ FOND CLAIR (variante --light pour uniformisation page agence)
   ════════════════════════════════════════════════════════════════ */
.unt .ufaq-sec--light { background: var(--gr) !important; }
.unt .ufaq-sec--light > .uc > h2 { color: var(--nk) !important; }

.unt .ufaq-sec--light .un-faq-item {
  background: var(--wh) !important;
  border-color: var(--gr2) !important;
}
.unt .ufaq-sec--light .un-faq-item[open] {
  background: var(--wh) !important;
  border-color: rgba(91,159,68,.6) !important;
}
.unt .ufaq-sec--light summary.un-faq-question,
.unt .ufaq-sec--light .un-faq-question {
  color: var(--nk) !important;
  background: #fafaf6 !important;
  font-weight: 600 !important;
}
.unt .ufaq-sec--light .un-faq-question:hover {
  background: var(--gl) !important;
}
.unt .ufaq-sec--light .un-faq-answer {
  color: #374151 !important;
  background: var(--wh) !important;
}
.unt .ufaq-sec--light .un-faq-question::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1c1c' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
}
.unt .ufaq-sec--light .un-faq-item[open] > .un-faq-question::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b9f44' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
}

/* ────── Animation FAQ (commune light + dark) ────── */
.unt .un-faq-answer {
  display: grid; grid-template-rows: 0fr;
  transition: grid-template-rows .28s ease;
}
.unt .un-faq-item[open] .un-faq-answer {
  grid-template-rows: 1fr;
}
.unt .un-faq-answer > * { overflow: hidden; }
.unt .un-faq-question { list-style: none; }
.unt .un-faq-question::marker, .unt .un-faq-question::-webkit-details-marker { display: none; }
.unt .un-faq-question::after {
  content: '';
  flex-shrink: 0; margin-left: auto;
  width: 18px; height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-size: contain; background-repeat: no-repeat;
  transition: transform .25s ease;
}
.unt .un-faq-item[open] > .un-faq-question::after { transform: rotate(180deg); }

/* ================================================================
   VILLES VOISINES (legacy)
   ================================================================ */
.unt .uvois-sec { background: var(--gr); padding: 56px 0; }

/* ================================================================
   AGENCE
   ================================================================ */
.unt .uagence-sec { padding: 72px 0; }
.unt .uagence-sec h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); margin-bottom: 32px; }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1024px) {
  .unt .uhero__inner { grid-template-columns: 1fr; }
  .unt .uhero__form  { max-width: 520px; }
  .unt .ulayout      { grid-template-columns: 1fr; }
  .unt .usidebar     { position: static; order: -1; }
  .unt .uavs         { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .unt .us  { padding: 52px 0; }
  .unt .uhero__inner { padding: 60px 20px; }
  .unt .uproof__inner { gap: 0; }
  .unt .upi { border-right: none; border-bottom: 1px solid var(--gr2); min-width: 100%; }
  .unt .upi:last-child { border-bottom: none; }
}
@media (max-width: 640px) {
  .unt .un-esp-grid { grid-template-columns: 1fr !important; }
  .unt .ufaq-sec summary.un-faq-question,
  .unt .ufaq-sec .un-faq-question { padding: 14px 16px !important; font-size: .88rem !important; }
  .unt .ufaq-sec--light summary.un-faq-question,
  .unt .ufaq-sec--light .un-faq-question { padding: 14px 16px !important; font-size: .88rem !important; }
  .unt .uvois-sec .un-grid { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 480px) {
  .unt .uhero__h1 { font-size: 1.75rem; }
  .unt .ucta-row { flex-direction: column; align-items: stretch; }
}

/* ================================================================
   SECTIONS unj3 — maillage interne (autres prestations / voisines)
   ================================================================ */
.unj3-wrap{max-width:1140px;margin:0 auto;padding:48px 20px;}
.unj3-section{margin-bottom:48px;}
.unj3-section:last-child{margin-bottom:0;}
.unj3-h2{font-size:1.6rem;font-weight:700;color:#1c1c1c;margin:0 0 8px 0;line-height:1.25;}
.unj3-sub{font-size:.95rem;color:#6b7280;margin:0 0 24px 0;line-height:1.5;}
@media(max-width:680px){.unj3-h2{font-size:1.3rem;}}

/* ════════════════════════════════════════════════════════════════
   v3.1 — Variante voisines : fond clair pour distinction visuelle
   ════════════════════════════════════════════════════════════════ */
.unt .unj3-section--voisines {
  background: var(--gr);
  padding: 56px 0;
  margin-bottom: 0;
}
.unt .unj3-section--voisines + .unj3-section {
  padding: 56px 0;
}
.unt .unj3-section--voisines .unj3-h2 { color: var(--nk); }
.unt .unj3-section--voisines .unj3-sub { color: var(--mu); }/* End custom CSS */