{"id":88,"date":"2025-09-21T16:27:02","date_gmt":"2025-09-21T14:27:02","guid":{"rendered":"http:\/\/localhost\/dronix\/?page_id=88"},"modified":"2026-02-25T20:48:48","modified_gmt":"2026-02-25T20:48:48","slug":"devis-en-ligne","status":"publish","type":"page","link":"https:\/\/dronix-multiservice.fr\/?page_id=88","title":{"rendered":"Devis en ligne"},"content":{"rendered":"<p><!-- ===============================\n     PAGE DEVIS \u2014 Partenaires auto + Devis\n=============================== --><\/p>\n<p><!-- Spacer --><\/p>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"cards-flow\">\n  <!-- ===============================\n       CARD PARTENAIRES\n  =============================== --><\/p>\n<div class=\"general-card partners-card\">\n<h2>Nos partenaires locaux<\/h2>\n<p class=\"partners-intro\">\n      Nous collaborons avec des partenaires locaux de confiance.<br \/>\n      Une remise pourra \u00eatre appliqu\u00e9e sur votre nettoyage.\n    <\/p>\n<p>    <!-- PARTENAIRES AUTO --><br \/>\n      <div class=\"partners-strip\">\n    <div class=\"partners-strip-inner\">\n              <a class=\"partner-item\" href=\"https:\/\/dronix-multiservice.fr\/?p=1227\" target=\"_blank\" rel=\"noopener\">\n          <div class=\"partner-logo-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/dronix-multiservice.fr\/wp-content\/uploads\/2025\/12\/SAKADO-300x300.png\" alt=\"Sakado\">\n          <\/div>\n        <\/a>\n          <\/div>\n  <\/div>\n  <\/p><\/div>\n<p>  <!-- ===============================\n       CARD DEVIS\n  =============================== --><\/p>\n<div class=\"general-card devis-card\">\n<h2>Devis en ligne<\/h2>\n    <div class=\"dt-wrap\">\n      <form id=\"dt-form\" class=\"dt-form\" autocomplete=\"on\">\n        <h3 class=\"dt-h3\">Vos coordonn\u00e9es<\/h3>\n        <div class=\"dt-grid\">\n          <div class=\"dt-field\"><label for=\"dt-client-firstname\">Pr\u00e9nom<\/label><input id=\"dt-client-firstname\" type=\"text\" list=\"dl-firstname\"><\/div>\n          <div class=\"dt-field\"><label for=\"dt-client-lastname\">Nom<\/label><input id=\"dt-client-lastname\" type=\"text\" list=\"dl-lastname\"><\/div>\n          <div class=\"dt-field\"><label for=\"dt-client-phone\">T\u00e9l\u00e9phone<\/label><input id=\"dt-client-phone\" type=\"tel\" list=\"dl-phone\"><\/div>\n          <div class=\"dt-field\"><label for=\"dt-client-email\">E-mail<\/label><input id=\"dt-client-email\" type=\"email\" list=\"dl-email\"><\/div>\n          <div class=\"dt-field dt-field--wide\"><label for=\"dt-client-address\">Adresse<\/label><input id=\"dt-client-address\" type=\"text\" list=\"dl-address\"><\/div>\n          <div class=\"dt-field\"><label for=\"dt-client-postcode\">Code postal<\/label><input id=\"dt-client-postcode\" type=\"text\" pattern=\"\\d{5}\" maxlength=\"5\" list=\"dl-postcode\"><\/div>\n          <div class=\"dt-field\"><label for=\"dt-client-city\">Ville<\/label><input id=\"dt-client-city\" type=\"text\" list=\"dl-city\"><\/div>\n        <\/div>\n\n        <datalist id=\"dl-firstname\"><\/datalist><datalist id=\"dl-lastname\"><\/datalist><datalist id=\"dl-email\"><\/datalist>\n        <datalist id=\"dl-phone\"><\/datalist><datalist id=\"dl-address\"><\/datalist><datalist id=\"dl-postcode\"><\/datalist><datalist id=\"dl-city\"><\/datalist>\n\n        <!-- Voisin AVANT \"Votre besoin\" (sera masqu\u00e9 en solaire via JS) -->\n        <div class=\"dt-voisin-top\">\n          <label>\n            <input type=\"checkbox\" id=\"dt-voisin\">\n            Voisin nettoy\u00e9 en m\u00eame temps (\u2212200\u20ac)\n          <\/label>\n        <\/div>\n\n        <h3 class=\"dt-h3\">Votre besoin<\/h3>\n\n        <div class=\"dt-tabs\">\n          <button type=\"button\" class=\"dt-tab dt-tab--active\" data-dt-mode=\"toiture_facade\">Toiture + fa\u00e7ade<\/button>\n          <button type=\"button\" class=\"dt-tab\" data-dt-mode=\"toiture\">Toiture<\/button>\n          <button type=\"button\" class=\"dt-tab\" data-dt-mode=\"facade\">Fa\u00e7ade<\/button>\n\n                  <\/div>\n\n        <div class=\"dt-grid dt-grid--quote\">\n          <div class=\"dt-field dt-field--surface\">\n            <label for=\"dt-surface\">Surface saisie<\/label>\n            <input id=\"dt-surface\" type=\"text\" placeholder=\"ex: 120\" list=\"dl-surface\">\n            <datalist id=\"dl-surface\"><\/datalist>\n          <\/div>\n\n          <div class=\"dt-field dt-field--surfacetype\">\n            <label class=\"dt-label-surfacetype\">Type de surface<\/label>\n            <div class=\"dt-radio\">\n              <label>\n                <input type=\"radio\" name=\"dt-surfacetype\" value=\"house\" checked>\n                <span class=\"dt-surfacetype-label1\">m\u00b2 de maison<\/span>\n              <\/label>\n              <label>\n                <input type=\"radio\" name=\"dt-surfacetype\" value=\"roof\">\n                <span class=\"dt-surfacetype-label2\">m\u00b2 de toiture<\/span>\n              <\/label>\n            <\/div>\n          <\/div>\n\n          <div class=\"dt-field dt-field--facade\">\n            <label for=\"dt-facade\">Surface de fa\u00e7ade (m\u00b2)<\/label>\n            <input id=\"dt-facade\" type=\"text\" placeholder=\"ex: 40\" list=\"dl-facade\">\n            <datalist id=\"dl-facade\"><\/datalist>\n          <\/div>\n\n          <div class=\"dt-field dt-field--complexite\">\n            <label for=\"dt-complexite\">Complexit\u00e9 du toit<\/label>\n            <select id=\"dt-complexite\">\n              <option value=\"simple\" selected>Toit simple<\/option>\n              <option value=\"complexe\">Toit complexe (+100\u20ac)<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <input type=\"hidden\" id=\"dt-distance\" value=\"\">\n      <\/form>\n\n      <div class=\"dt-actions\">\n        <button id=\"dt-calc\" class=\"dt-btn dt-btn--primary\">Calculer le devis<\/button>\n        <button id=\"dt-export\" class=\"dt-btn dt-btn--ghost\" disabled>Exporter (impression)<\/button>\n        <button id=\"dt-send-email\" class=\"dt-btn dt-btn--ghost\" disabled>Envoyer le devis<\/button>\n      <\/div>\n\n      <div id=\"dt-result\" style=\"display:none;margin-top:12px;\">\n        <div id=\"dt-total\" class=\"dt-total\"><\/div>\n        <div id=\"dt-breakdown\" class=\"dt-breakdown\"><\/div>\n        <div id=\"dt-email\" class=\"dt-email\" style=\"display:none;\"><div id=\"dt-send-status\" class=\"dt-send-status\"><\/div><\/div>\n      <\/div>\n\n      <div class=\"illustrations-toit\">\n        <div class=\"illustration-item simple\">\n          <img decoding=\"async\" src=\"wp-content\/uploads\/2025\/10\/Toit-simple.png\" alt=\"Exemple toit simple\">\n          <p>Toit simple : 2 pans sans d\u00e9croch\u00e9<\/p>\n        <\/div>\n        <div class=\"illustration-item complexe\">\n          <img decoding=\"async\" src=\"wp-content\/uploads\/2025\/10\/Toit-complexe.png\" alt=\"Exemple toit complexe\">\n          <p>Toit complexe : formes multiples, lucarnes, pentes vari\u00e9es<\/p>\n        <\/div>\n      <\/div>\n\n      <p class=\"devis-note\">Un conseiller vous rappellera sous 72h pour confirmer votre devis.<\/p>\n    <\/div>\n    \n<\/p><\/div>\n<\/div>\n<p><!-- Spacer --><\/p>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<style>\n\/* Wrapper largeur *\/\n.cards-flow{\n  max-width: var(--site-max, 900px);\n  margin: 0 auto;\n  padding: 0 var(--site-pad, 16px);\n  display:flex;\n  flex-direction:column;\n}<\/p>\n<p>\/* PARTENAIRES *\/\n.partners-card{\n  display:flex;\n  flex-direction:column;\n  gap:18px;\n}\n.partners-card h2{\n  margin:0;\n  text-align:center;\n}\n.partners-intro{\n  text-align:center;\n  max-width:700px;\n  margin:0 auto 10px;\n  color:#444;\n  line-height:1.55;\n}<\/p>\n<p>\/* Bandeau logos *\/\n.partners-strip{\n  overflow:hidden;\n  padding:4px 0;\n}\n.partners-strip-inner{\n  display:inline-flex;\n  gap:22px;\n  white-space:nowrap;\n}\n.partners-strip-inner.is-animated{\n  animation: partnersMarquee 25s linear infinite;\n}\n@keyframes partnersMarquee{\n  0%{ transform:translateX(0); }\n  100%{ transform:translateX(-50%); }\n}<\/p>\n<p>\/* Logo *\/\n.partner-item{\n  width:180px;\n  flex:0 0 auto;\n  text-decoration:none;\n}\n.partner-logo-wrap{\n  width:180px;\n  height:180px;\n  border-radius:999px;\n  background:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  box-shadow:0 6px 18px rgba(0,0,0,0.12);\n  transition:transform .3s ease;\n}\n.partner-item:hover .partner-logo-wrap{\n  transform:scale(1.08);\n}\n.partner-logo-wrap img{\n  width:80% !important;\n  height:80% !important;\n  object-fit:contain;\n}<\/p>\n<p>\/* Devis *\/\n.devis-card{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  padding:40px 24px;\n  gap:14px;\n}<\/p>\n<p>\/* Mobile *\/\n@media(max-width:600px){\n  .partner-item{ width:140px; }\n  .partner-logo-wrap{\n    width:140px;\n    height:140px;\n  }\n  .devis-card{ padding:28px 18px; }\n}\n<\/style>\n<p><script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const inner = document.querySelector(\".partners-strip-inner\");\n  if (!inner) return;<\/p>\n<p>  const count = inner.children.length;\n  if (count >= 4) {\n    inner.innerHTML += inner.innerHTML;\n    inner.classList.add(\"is-animated\");\n  }\n});\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nos partenaires locaux Nous collaborons avec des partenaires locaux de confiance. Une remise pourra \u00eatre appliqu\u00e9e sur votre nettoyage. Devis en ligne<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dronix-multiservice.fr\/index.php?rest_route=\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dronix-multiservice.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dronix-multiservice.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dronix-multiservice.fr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dronix-multiservice.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":69,"href":"https:\/\/dronix-multiservice.fr\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":1604,"href":"https:\/\/dronix-multiservice.fr\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/1604"}],"wp:attachment":[{"href":"https:\/\/dronix-multiservice.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}