.elementor-52318 .elementor-element.elementor-element-65dd2b2 > .elementor-element-populated{border-style:solid;border-width:3px 3px 3px 3px;}.elementor-52318 .elementor-element.elementor-element-65dd2b2 > .elementor-element-populated, .elementor-52318 .elementor-element.elementor-element-65dd2b2 > .elementor-element-populated > .elementor-background-overlay, .elementor-52318 .elementor-element.elementor-element-65dd2b2 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-widget-ucaddon_uc_material_bullets .ue-icon-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_material_bullets .ue-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_material_bullets .ue-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-52318 .elementor-element.elementor-element-70497d1 .uc_material_bullets_row{background-color:transparent;flex-direction:row;border-radius:10px 10px 10px 10px;background-image:linear-gradient(135deg, #FF7300 0%, var( --e-global-color-secondary ) 100%);}.elementor-52318 .elementor-element.elementor-element-70497d1{width:var( --container-widget-width, 102.278% );max-width:102.278%;--container-widget-width:102.278%;--container-widget-flex-grow:0;}.elementor-52318 .elementor-element.elementor-element-70497d1 .ue-bullets{grid-template-columns:repeat(1, minmax(0, 1fr));gap:20px;}.elementor-52318 .elementor-element.elementor-element-70497d1 .uc_content_box{text-align:inherit;padding:20px 20px 20px 20px;}.elementor-52318 .elementor-element.elementor-element-70497d1 .ue-icon{font-size:79px;color:var( --e-global-color-b7ade4e );width:113px;padding:10px 10px 10px 10px;}.elementor-52318 .elementor-element.elementor-element-70497d1 .ue-icon svg{fill:var( --e-global-color-b7ade4e );}.elementor-52318 .elementor-element.elementor-element-70497d1 .ue-title{color:#ffffff;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );margin-top:4px;}.elementor-52318 .elementor-element.elementor-element-70497d1 .ue-text{color:#ffffff;margin-top:5px;}.elementor-52318 .elementor-element.elementor-element-70497d1 .ue-seperator-line{background-color:#ffffff;width:30px;height:3px;}.elementor-52318 .elementor-element.elementor-element-70497d1 .ue-seperator{margin-top:5px;}.elementor-52318 .elementor-element.elementor-element-bf86235{margin:17px 17px calc(var(--kit-widget-spacing, 0px) + 17px) 17px;padding:0px 0px 0px 0px;}#elementor-popup-modal-52318 .dialog-widget-content{animation-duration:1.2s;border-style:solid;border-radius:19px 19px 19px 19px;box-shadow:16px 8px 93px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-52318 .dialog-message{width:651px;height:auto;}#elementor-popup-modal-52318{justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-52318 .dialog-close-button{display:flex;}@media(max-width:1400px){.elementor-widget-ucaddon_uc_material_bullets .ue-icon-text{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-ucaddon_uc_material_bullets .ue-title{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-ucaddon_uc_material_bullets .ue-text{font-size:var( --e-global-typography-text-font-size );}.elementor-52318 .elementor-element.elementor-element-70497d1 .ue-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-ucaddon_uc_material_bullets .ue-icon-text{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-ucaddon_uc_material_bullets .ue-title{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-ucaddon_uc_material_bullets .ue-text{font-size:var( --e-global-typography-text-font-size );}.elementor-52318 .elementor-element.elementor-element-70497d1 .ue-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-bf86235 */<style>
.popup-wrap {
  position: relative;
  padding: 24px 28px 20px;
}

.network-svg {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  opacity: 0.13;
  pointer-events: none;
}

.cf7-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin-bottom: 12px;
}

.cf7-row p, .cf7-full p {
  margin: 0 !important;
}

.cf7-label {
  font-size: 11px;
  letter-spacing: 0.3px;
  display: block;
  margin-bottom: 4px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  border: 1.5px solid #ff730033 !important;
  background: #fff8f3 !important;
}

.wpcf7 input[type="submit"] {
  width: 100% !important;
  padding: 13px !important;
  background: linear-gradient(135deg, #ff7300, #cc5c00) !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

.confidentialite {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 10px 0 0;
}

.confidentialite p {
  font-size: 12px;
  color: #cc5c00;
  margin: 0;
  font-weight: 500;
  text-align: center;
}
</style>

<div class="popup-wrap">
  <svg class="network-svg" id="networkSvg" xmlns="http://www.w3.org/2000/svg"></svg>

  <div style="position: relative; z-index: 1;">
    [contact-form-7 id="TONID" title="formulaire devis"]
  </div>

  <div class="confidentialite">
    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#cc5c00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
    <p>Vos données sont confidentielles et ne sont jamais revendues · Réponse sous 24h</p>
  </div>
</div>

<script>
const svg = document.getElementById('networkSvg');
const parent = svg.parentElement;
const w = parent.offsetWidth;
const h = parent.offsetHeight;
svg.setAttribute('viewBox', `0 0 ${w} ${h}`);

const pts = [];
for (let i = 0; i < 30; i++) {
  pts.push({ x: Math.random() * w, y: Math.random() * h });
}

for (let i = 0; i < pts.length; i++) {
  for (let j = i + 1; j < pts.length; j++) {
    const d = Math.hypot(pts[i].x - pts[j].x, pts[i].y - pts[j].y);
    if (d < 110) {
      const line = document.createElementNS('http://www.w3.org/2000/svg','line');
      line.setAttribute('x1', pts[i].x); line.setAttribute('y1', pts[i].y);
      line.setAttribute('x2', pts[j].x); line.setAttribute('y2', pts[j].y);
      line.setAttribute('stroke', '#cc5c00');
      line.setAttribute('stroke-width', '0.8');
      line.setAttribute('stroke-opacity', 1 - d/110);
      svg.appendChild(line);
    }
  }
}

for (const p of pts) {
  const circle = document.createElementNS('http://www.w3.org/2000/svg','circle');
  circle.setAttribute('cx', p.x); circle.setAttribute('cy', p.y);
  circle.setAttribute('r', '2.5'); circle.setAttribute('fill', '#ff7300');
  svg.appendChild(circle);
}
</script>/* End custom CSS */