devis-pppt.fr | Estimation PPPT en ligne<\/title>\r\n <meta name=\"description\" content=\"Obtenez rapidement une estimation PPPT en ligne pour votre copropri\u00e9t\u00e9. Demande simple, claire et sans engagement.\">\r\n\r\n <style>\r\n :root{\r\n --red:#d6140d;\r\n --red-dark:#af100a;\r\n --blue:#173b7a;\r\n --blue-dark:#102b59;\r\n --text:#1f2937;\r\n --muted:#6b7280;\r\n --bg:#f4f7fb;\r\n --white:#ffffff;\r\n --border:#d9e2ec;\r\n --soft:#eef4ff;\r\n --shadow:0 12px 32px rgba(15,23,42,.10);\r\n --radius:16px;\r\n }\r\n\r\n *{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n }\r\n\r\n html{\r\n scroll-behavior:smooth;\r\n }\r\n\r\n body{\r\n font-family:Arial, sans-serif;\r\n background:linear-gradient(180deg,#eef3f9 0%, #f9fbfd 100%);\r\n color:var(--text);\r\n line-height:1.6;\r\n }\r\n\r\n a{\r\n text-decoration:none;\r\n }\r\n\r\n .container{\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:0 20px;\r\n }\r\n\r\n .topbar{\r\n background:#fff;\r\n border-bottom:1px solid #e5e7eb;\r\n }\r\n\r\n .topbar-inner{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n gap:20px;\r\n padding:18px 0;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .brand{\r\n display:flex;\r\n align-items:center;\r\n gap:14px;\r\n }\r\n\r\n .logo{\r\n width:62px;\r\n height:62px;\r\n border-radius:18px;\r\n background:linear-gradient(135deg,var(--blue),var(--red));\r\n color:#fff;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:22px;\r\n font-weight:800;\r\n flex-shrink:0;\r\n box-shadow:0 10px 22px rgba(23,59,122,.18);\r\n }\r\n\r\n .brand-text strong{\r\n display:block;\r\n font-size:30px;\r\n line-height:1.05;\r\n color:var(--blue);\r\n letter-spacing:-0.02em;\r\n }\r\n\r\n .brand-text span{\r\n display:block;\r\n color:#4b5563;\r\n font-size:15px;\r\n margin-top:4px;\r\n }\r\n\r\n .top-note{\r\n text-align:right;\r\n max-width:430px;\r\n font-size:14px;\r\n color:#374151;\r\n }\r\n\r\n .top-note strong{\r\n color:var(--red);\r\n }\r\n\r\n .hero{\r\n padding:52px 0 36px;\r\n }\r\n\r\n .hero-box{\r\n background:#fff;\r\n border-radius:24px;\r\n box-shadow:var(--shadow);\r\n border:1px solid #ebf0f6;\r\n padding:34px;\r\n display:grid;\r\n grid-template-columns:1.05fr .95fr;\r\n gap:30px;\r\n align-items:start;\r\n }\r\n\r\n .eyebrow{\r\n display:inline-block;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n background:#fff3f2;\r\n color:var(--red);\r\n border:1px solid #ffd7d4;\r\n font-size:13px;\r\n font-weight:800;\r\n text-transform:uppercase;\r\n letter-spacing:.04em;\r\n margin-bottom:18px;\r\n }\r\n\r\n .hero-left h1{\r\n font-size:46px;\r\n line-height:1.05;\r\n color:var(--blue-dark);\r\n margin-bottom:16px;\r\n letter-spacing:-0.02em;\r\n }\r\n\r\n .hero-left p{\r\n font-size:18px;\r\n color:#4b5563;\r\n margin-bottom:16px;\r\n max-width:680px;\r\n }\r\n\r\n .hero-badges{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n }\r\n\r\n .badge{\r\n background:var(--soft);\r\n color:var(--blue);\r\n border:1px solid #d6e3fb;\r\n padding:10px 14px;\r\n border-radius:999px;\r\n font-size:14px;\r\n font-weight:700;\r\n }\r\n\r\n .accent{\r\n color:var(--red);\r\n font-weight:800;\r\n }\r\n\r\n .form-card{\r\n background:#fbfdff;\r\n border:1px solid #dce7f5;\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:0 10px 22px rgba(23,59,122,.06);\r\n }\r\n\r\n .form-card h2{\r\n font-size:28px;\r\n line-height:1.15;\r\n color:var(--blue-dark);\r\n margin-bottom:8px;\r\n }\r\n\r\n .form-sub{\r\n color:var(--muted);\r\n font-size:15px;\r\n margin-bottom:22px;\r\n }\r\n\r\n .form-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:14px;\r\n }\r\n\r\n .field.full{\r\n grid-column:1 \/ -1;\r\n }\r\n\r\n .field label{\r\n display:block;\r\n margin-bottom:8px;\r\n font-size:14px;\r\n font-weight:700;\r\n color:#334155;\r\n }\r\n\r\n input, select, textarea{\r\n width:100%;\r\n padding:14px 15px;\r\n border:1px solid var(--border);\r\n border-radius:12px;\r\n background:#fff;\r\n font-size:15px;\r\n color:var(--text);\r\n outline:none;\r\n transition:border-color .2s ease, box-shadow .2s ease;\r\n }\r\n\r\n input:focus, select:focus, textarea:focus{\r\n border-color:var(--red);\r\n box-shadow:0 0 0 4px rgba(214,20,13,.10);\r\n }\r\n\r\n textarea{\r\n min-height:110px;\r\n resize:vertical;\r\n }\r\n\r\n .inline-options{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:18px;\r\n padding:12px 0 2px;\r\n }\r\n\r\n .radio-item{\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:15px;\r\n color:#374151;\r\n }\r\n\r\n .radio-item input{\r\n width:auto;\r\n padding:0;\r\n }\r\n\r\n .devis-box{\r\n display:none;\r\n margin-top:20px;\r\n background:linear-gradient(180deg,#fff6f5 0%, #fff 100%);\r\n border:1px solid #ffd8d4;\r\n border-radius:16px;\r\n padding:20px;\r\n text-align:center;\r\n }\r\n\r\n .devis-box h3{\r\n font-size:18px;\r\n color:var(--red-dark);\r\n margin-bottom:8px;\r\n }\r\n\r\n .devis-price{\r\n font-size:34px;\r\n font-weight:800;\r\n color:var(--red);\r\n line-height:1.1;\r\n }\r\n\r\n .devis-note{\r\n margin-top:8px;\r\n color:#5b6472;\r\n font-size:14px;\r\n }\r\n\r\n .actions{\r\n margin-top:18px;\r\n display:grid;\r\n gap:10px;\r\n }\r\n\r\n button{\r\n width:100%;\r\n border:none;\r\n padding:16px;\r\n border-radius:12px;\r\n background:var(--red);\r\n color:#fff;\r\n font-size:16px;\r\n font-weight:800;\r\n cursor:pointer;\r\n transition:.25s ease;\r\n box-shadow:0 10px 24px rgba(214,20,13,.22);\r\n }\r\n\r\n button:hover{\r\n background:var(--red-dark);\r\n transform:translateY(-1px);\r\n }\r\n\r\n .small-note{\r\n text-align:center;\r\n color:var(--muted);\r\n font-size:13px;\r\n margin-top:8px;\r\n }\r\n\r\n section{\r\n padding:32px 0 72px;\r\n }\r\n\r\n .section-title{\r\n text-align:center;\r\n margin-bottom:40px;\r\n }\r\n\r\n .section-title h2{\r\n font-size:34px;\r\n color:#102b59;\r\n margin-bottom:12px;\r\n }\r\n\r\n .section-title p{\r\n max-width:760px;\r\n margin:0 auto;\r\n color:#6b7280;\r\n font-size:17px;\r\n }\r\n\r\n .grid-3{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:22px;\r\n }\r\n\r\n .box{\r\n background:#fff;\r\n border:1px solid #e6edf5;\r\n border-radius:18px;\r\n padding:28px;\r\n box-shadow:0 10px 24px rgba(15,23,42,.05);\r\n }\r\n\r\n .icon{\r\n width:52px;\r\n height:52px;\r\n border-radius:14px;\r\n background:#fff3f2;\r\n color:#d6140d;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-weight:800;\r\n font-size:20px;\r\n margin-bottom:16px;\r\n }\r\n\r\n .box h3{\r\n font-size:21px;\r\n color:#102b59;\r\n margin-bottom:10px;\r\n }\r\n\r\n .box p{\r\n color:#6b7280;\r\n font-size:15px;\r\n }\r\n\r\n .info-strip{\r\n margin-top:30px;\r\n background:#fff;\r\n border:1px solid #e6edf5;\r\n border-left:5px solid #d6140d;\r\n border-radius:16px;\r\n padding:22px;\r\n color:#374151;\r\n box-shadow:0 10px 24px rgba(15,23,42,.05);\r\n }\r\n\r\n .cta{\r\n background:linear-gradient(135deg,var(--blue-dark),var(--blue));\r\n color:#fff;\r\n border-radius:24px;\r\n padding:38px;\r\n text-align:center;\r\n box-shadow:0 16px 34px rgba(23,59,122,.18);\r\n }\r\n\r\n .cta h2{\r\n font-size:34px;\r\n margin-bottom:10px;\r\n }\r\n\r\n .cta p{\r\n max-width:760px;\r\n margin:0 auto 18px;\r\n color:#dbe8ff;\r\n font-size:17px;\r\n }\r\n\r\n .cta a{\r\n display:inline-block;\r\n background:#fff;\r\n color:var(--blue);\r\n font-weight:800;\r\n padding:15px 22px;\r\n border-radius:12px;\r\n }\r\n\r\n footer{\r\n margin-top:70px;\r\n background:#11305f;\r\n color:#dbe5f3;\r\n padding:26px 20px;\r\n text-align:center;\r\n font-size:14px;\r\n }\r\n\r\n .footer-links{\r\n margin-top:10px;\r\n }\r\n\r\n .footer-links a{\r\n color:#fff;\r\n margin:0 8px;\r\n }\r\n\r\n @media (max-width:980px){\r\n .hero-box,\r\n .grid-3,\r\n .form-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .hero-left h1{\r\n font-size:36px;\r\n }\r\n\r\n .section-title h2,\r\n .cta h2{\r\n font-size:28px;\r\n }\r\n\r\n .topbar-inner{\r\n align-items:flex-start;\r\n }\r\n\r\n .top-note{\r\n text-align:left;\r\n }\r\n }\r\n\r\n @media (max-width:640px){\r\n .container{\r\n padding:0 14px;\r\n }\r\n\r\n .hero{\r\n padding:28px 0 20px;\r\n }\r\n\r\n .hero-box{\r\n padding:20px;\r\n }\r\n\r\n .form-card{\r\n padding:20px;\r\n }\r\n\r\n .hero-left h1{\r\n font-size:30px;\r\n }\r\n\r\n .brand-text strong{\r\n font-size:24px;\r\n }\r\n\r\n .devis-price{\r\n font-size:28px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header class=\"topbar\">\r\n <div class=\"container topbar-inner\">\r\n <div class=\"brand\">\r\n <div class=\"logo\">GD<\/div>\r\n <div class=\"brand-text\">\r\n <strong>devis-pppt.fr<\/strong>\r\n <span>Estimation PPPT en ligne pour copropri\u00e9t\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"top-note\">\r\n Plateforme op\u00e9r\u00e9e par <strong>Genius Diagnostic<\/strong><br>\r\n Demande simple, estimation rapide, sans engagement.\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-box\">\r\n <div class=\"hero-left\">\r\n <span class=\"eyebrow\">Estimation PPPT en ligne<\/span>\r\n <h1>Obtenez rapidement une estimation <span class=\"accent\">PPPT<\/span> pour votre copropri\u00e9t\u00e9<\/h1>\r\n <p>\r\n Remplissez le formulaire ci-dessous pour obtenir une estimation imm\u00e9diate selon le nombre de lots de votre immeuble.\r\n <\/p>\r\n <p>\r\n Une solution claire, rapide et pens\u00e9e pour les copropri\u00e9taires, conseils syndicaux et syndics.\r\n <\/p>\r\n\r\n <div class=\"hero-badges\">\r\n <div class=\"badge\">Estimation imm\u00e9diate<\/div>\r\n <div class=\"badge\">Sans engagement<\/div>\r\n <div class=\"badge\">Sp\u00e9cial copropri\u00e9t\u00e9s<\/div>\r\n <div class=\"badge\">Op\u00e9r\u00e9 par Genius Diagnostic<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-card\" id=\"formulaire\">\r\n <h2>Demande d\u2019estimation PPPT<\/h2>\r\n <div class=\"form-sub\">Renseignez les informations principales pour calculer votre estimation.<\/div>\r\n\r\n <form id=\"devisForm\">\r\n <div class=\"form-grid\">\r\n <div class=\"field full\">\r\n <label for=\"nom\">Nom ou soci\u00e9t\u00e9<\/label>\r\n <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Nom ou soci\u00e9t\u00e9\" required>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"telephone\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"telephone\" placeholder=\"T\u00e9l\u00e9phone\" required>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"email\">E-mail<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Adresse e-mail\" required>\r\n <\/div>\r\n\r\n <div class=\"field full\">\r\n <label for=\"adresse\">Adresse du bien<\/label>\r\n <input type=\"text\" id=\"adresse\" name=\"adresse\" placeholder=\"Adresse du bien\" required>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"cp\" placeholder=\"Code postal\" required>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"commune\">Commune<\/label>\r\n <input type=\"text\" id=\"commune\" name=\"commune\" placeholder=\"Commune\" required>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"typeBien\">Type de bien<\/label>\r\n <select id=\"typeBien\" name=\"typeBien\" required>\r\n <option value=\"\">S\u00e9lectionnez<\/option>\r\n <option value=\"immeuble\">Immeuble<\/option>\r\n <option value=\"residence\">R\u00e9sidence<\/option>\r\n <option value=\"copropriete\">Copropri\u00e9t\u00e9<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label>Copropri\u00e9t\u00e9 d\u00e9j\u00e0 existante<\/label>\r\n <div class=\"inline-options\">\r\n <label class=\"radio-item\"><input type=\"radio\" name=\"coproExistante\" value=\"oui\" required> Oui<\/label>\r\n <label class=\"radio-item\"><input type=\"radio\" name=\"coproExistante\" value=\"non\"> Non<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"anneeConstruction\">Ann\u00e9e de construction<\/label>\r\n <input type=\"number\" id=\"anneeConstruction\" name=\"anneeConstruction\" placeholder=\"Ex : 1975\">\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"lots\">Nombre de lots<\/label>\r\n <select id=\"lots\" name=\"lots\" required>\r\n <option value=\"\">S\u00e9lectionnez<\/option>\r\n <option value=\"1-3\">1 \u00e0 3 lots<\/option>\r\n <option value=\"4-7\">4 \u00e0 7 lots<\/option>\r\n <option value=\"8-11\">8 \u00e0 11 lots<\/option>\r\n <option value=\"12-15\">12 \u00e0 15 lots<\/option>\r\n <option value=\"16-19\">16 \u00e0 19 lots<\/option>\r\n <option value=\"20-25\">20 \u00e0 25 lots<\/option>\r\n <option value=\"26-30\">26 \u00e0 30 lots<\/option>\r\n <option value=\"31-35\">31 \u00e0 35 lots<\/option>\r\n <option value=\"36-40\">36 \u00e0 40 lots<\/option>\r\n <option value=\"41-45\">41 \u00e0 45 lots<\/option>\r\n <option value=\"46-50\">46 \u00e0 50 lots<\/option>\r\n <option value=\"51-60\">51 \u00e0 60 lots<\/option>\r\n <option value=\"61-100\">61 \u00e0 100 lots<\/option>\r\n <option value=\"101-150\">101 \u00e0 150 lots<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"field full\">\r\n <label>Type de chauffage<\/label>\r\n <div class=\"inline-options\">\r\n <label class=\"radio-item\"><input type=\"radio\" name=\"chauffage\" value=\"collectif\"> Collectif<\/label>\r\n <label class=\"radio-item\"><input type=\"radio\" name=\"chauffage\" value=\"individuel\"> Individuel<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field full\">\r\n <label for=\"commentaire\">Commentaire<\/label>\r\n <textarea id=\"commentaire\" name=\"commentaire\" placeholder=\"Pr\u00e9cisez votre besoin si n\u00e9cessaire\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"delai\">D\u00e9lai pour le projet<\/label>\r\n <select id=\"delai\" name=\"delai\">\r\n <option value=\"rapidement\">Le plus rapidement possible<\/option>\r\n <option value=\"1mois\">Sous 1 mois<\/option>\r\n <option value=\"3mois\">Sous 3 mois<\/option>\r\n <option value=\"plus\">Pas urgent<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"dpe\">DPE de l'immeuble<\/label>\r\n <select id=\"dpe\" name=\"dpe\">\r\n <option value=\"afaire\">\u00c0 faire<\/option>\r\n <option value=\"encours\">En cours<\/option>\r\n <option value=\"deja-fait\">D\u00e9j\u00e0 fait<\/option>\r\n <option value=\"inconnu\">Je ne sais pas<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"devis-box\" id=\"devisBox\">\r\n <h3>Estimation automatique de votre PPPT<\/h3>\r\n <div class=\"devis-price\" id=\"devisPrice\">0 \u20ac TTC<\/div>\r\n <div class=\"devis-note\">Montant indicatif calcul\u00e9 selon le nombre de lots s\u00e9lectionn\u00e9.<\/div>\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <button type=\"submit\">OBTENIR MON ESTIMATION<\/button>\r\n <\/div>\r\n\r\n <div class=\"small-note\">\r\n Les demandes sont trait\u00e9es par Genius Diagnostic.\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <section style=\"padding:32px 20px 72px;\">\r\n <div style=\"max-width:1180px;margin:0 auto;\">\r\n \r\n <div style=\"text-align:center;margin-bottom:40px;\">\r\n <h2 style=\"font-size:34px;color:#102b59;margin-bottom:12px;\">Comment \u00e7a marche ?<\/h2>\r\n <p style=\"max-width:760px;margin:0 auto;color:#6b7280;font-size:17px;\">\r\n Le formulaire permet d\u2019obtenir une estimation rapide selon les informations renseign\u00e9es, avec une pr\u00e9sentation claire et directe.\r\n <\/p>\r\n <\/div>\r\n\r\n <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:22px;\">\r\n \r\n <div style=\"background:#fff;border:1px solid #e6edf5;border-radius:18px;padding:28px;box-shadow:0 10px 24px rgba(15,23,42,.05);\">\r\n <div style=\"width:52px;height:52px;border-radius:14px;background:#fff3f2;color:#d6140d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin-bottom:16px;\">1<\/div>\r\n <h3 style=\"font-size:21px;color:#102b59;margin-bottom:10px;\">Vous remplissez le formulaire<\/h3>\r\n <p style=\"color:#6b7280;font-size:15px;\">Vous renseignez les informations principales de votre copropri\u00e9t\u00e9 et votre besoin.<\/p>\r\n <\/div>\r\n\r\n <div style=\"background:#fff;border:1px solid #e6edf5;border-radius:18px;padding:28px;box-shadow:0 10px 24px rgba(15,23,42,.05);\">\r\n <div style=\"width:52px;height:52px;border-radius:14px;background:#fff3f2;color:#d6140d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin-bottom:16px;\">2<\/div>\r\n <h3 style=\"font-size:21px;color:#102b59;margin-bottom:10px;\">L\u2019estimation est calcul\u00e9e<\/h3>\r\n <p style=\"color:#6b7280;font-size:15px;\">Le site applique automatiquement la grille selon la tranche de lots s\u00e9lectionn\u00e9e.<\/p>\r\n <\/div>\r\n\r\n <div style=\"background:#fff;border:1px solid #e6edf5;border-radius:18px;padding:28px;box-shadow:0 10px 24px rgba(15,23,42,.05);\">\r\n <div style=\"width:52px;height:52px;border-radius:14px;background:#fff3f2;color:#d6140d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin-bottom:16px;\">3<\/div>\r\n <h3 style=\"font-size:21px;color:#102b59;margin-bottom:10px;\">Vous obtenez un montant indicatif<\/h3>\r\n <p style=\"color:#6b7280;font-size:15px;\">Le montant s\u2019affiche directement pour vous donner une base claire et imm\u00e9diate.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div style=\"margin-top:30px;background:#fff;border:1px solid #e6edf5;border-left:5px solid #d6140d;border-radius:16px;padding:22px;color:#374151;box-shadow:0 10px 24px rgba(15,23,42,.05);\">\r\n <strong>Important :<\/strong> cette page peut afficher une estimation automatique. Pour envoyer un vrai devis par mail au client et \u00e0 vous-m\u00eame, il faudra ensuite raccorder le formulaire \u00e0 un syst\u00e8me d\u2019envoi.\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <div class=\"cta\">\r\n <h2>Besoin d\u2019une estimation PPPT rapidement ?<\/h2>\r\n <p>\r\n Remplissez le formulaire et obtenez instantan\u00e9ment un montant indicatif en ligne sur devis-pppt.fr.\r\n <\/p>\r\n <a href=\"#formulaire\">Faire ma demande<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <div>\u00a9 devis-pppt.fr - Plateforme op\u00e9r\u00e9e par Genius Diagnostic<\/div>\r\n <div class=\"footer-links\">\r\n <a href=\"\/mentions-legales.html\">Mentions l\u00e9gales<\/a> |\r\n <a href=\"\/politique-confidentialite.html\">Politique de confidentialit\u00e9<\/a> |\r\n <a href=\"\/contact.html\">Contact<\/a>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const lotsSelect = document.getElementById(\"lots\");\r\n const devisBox = document.getElementById(\"devisBox\");\r\n const devisPrice = document.getElementById(\"devisPrice\");\r\n const form = document.getElementById(\"devisForm\");\r\n\r\n const tarifsPPPT = {\r\n \"1-3\": 1800,\r\n \"4-7\": 2000,\r\n \"8-11\": 2200,\r\n \"12-15\": 2400,\r\n \"16-19\": 2880,\r\n \"20-25\": 3240,\r\n \"26-30\": 3600,\r\n \"31-35\": 3960,\r\n \"36-40\": 4320,\r\n \"41-45\": 4680,\r\n \"46-50\": 5040,\r\n \"51-60\": 5400,\r\n \"61-100\": 7200,\r\n \"101-150\": 9000\r\n };\r\n\r\n function updateDevis() {\r\n const lots = lotsSelect.value;\r\n\r\n if (lots && tarifsPPPT[lots]) {\r\n const prix = tarifsPPPT[lots];\r\n devisPrice.textContent = prix.toLocaleString(\"fr-FR\") + \" \u20ac TTC\";\r\n devisBox.style.display = \"block\";\r\n } else {\r\n devisPrice.textContent = \"0 \u20ac TTC\";\r\n devisBox.style.display = \"none\";\r\n }\r\n }\r\n\r\n lotsSelect.addEventListener(\"change\", updateDevis);\r\n\r\n form.addEventListener(\"submit\", function (e) {\r\n e.preventDefault();\r\n\r\n const lots = lotsSelect.value;\r\n\r\n if (!lots || !tarifsPPPT[lots]) {\r\n alert(\"Veuillez s\u00e9lectionner le nombre de lots pour calculer l\u2019estimation.\");\r\n return;\r\n }\r\n\r\n const prix = tarifsPPPT[lots];\r\n alert(\"Estimation de votre PPPT : \" + prix.toLocaleString(\"fr-FR\") + \" \u20ac TTC\");\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>devis-pppt.fr | Estimation PPPT en ligne GD devis-pppt.fr Estimation PPPT en ligne pour copropri\u00e9t\u00e9 Plateforme op\u00e9r\u00e9e par Genius Diagnostic Demande simple, estimation rapide, sans engagement. Estimation PPPT en ligne Obtenez rapidement une estimation PPPT pour votre copropri\u00e9t\u00e9 Remplissez le formulaire ci-dessous pour obtenir une estimation imm\u00e9diate selon le nombre de lots de votre immeuble. Une… <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":4,"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n devis-pppt.fr | Estimation PPPT en ligne<\/title>\r\n <meta name=\"description\" content=\"Obtenez rapidement une estimation PPPT en ligne pour votre copropri\u00e9t\u00e9. Demande simple, claire et sans engagement.\">\r\n\r\n <style>\r\n :root{\r\n --red:#d6140d;\r\n --red-dark:#af100a;\r\n --blue:#173b7a;\r\n --blue-dark:#102b59;\r\n --text:#1f2937;\r\n --muted:#6b7280;\r\n --bg:#f4f7fb;\r\n --white:#ffffff;\r\n --border:#d9e2ec;\r\n --soft:#eef4ff;\r\n --shadow:0 12px 32px rgba(15,23,42,.10);\r\n --radius:16px;\r\n }\r\n\r\n *{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n }\r\n\r\n html{\r\n scroll-behavior:smooth;\r\n }\r\n\r\n body{\r\n font-family:Arial, sans-serif;\r\n background:linear-gradient(180deg,#eef3f9 0%, #f9fbfd 100%);\r\n color:var(--text);\r\n line-height:1.6;\r\n }\r\n\r\n a{\r\n text-decoration:none;\r\n }\r\n\r\n .container{\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:0 20px;\r\n }\r\n\r\n .topbar{\r\n background:#fff;\r\n border-bottom:1px solid #e5e7eb;\r\n }\r\n\r\n .topbar-inner{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n gap:20px;\r\n padding:18px 0;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .brand{\r\n display:flex;\r\n align-items:center;\r\n gap:14px;\r\n }\r\n\r\n .logo{\r\n width:62px;\r\n height:62px;\r\n border-radius:18px;\r\n background:linear-gradient(135deg,var(--blue),var(--red));\r\n color:#fff;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:22px;\r\n font-weight:800;\r\n flex-shrink:0;\r\n box-shadow:0 10px 22px rgba(23,59,122,.18);\r\n }\r\n\r\n .brand-text strong{\r\n display:block;\r\n font-size:30px;\r\n line-height:1.05;\r\n color:var(--blue);\r\n letter-spacing:-0.02em;\r\n }\r\n\r\n .brand-text span{\r\n display:block;\r\n color:#4b5563;\r\n font-size:15px;\r\n margin-top:4px;\r\n }\r\n\r\n .top-note{\r\n text-align:right;\r\n max-width:430px;\r\n font-size:14px;\r\n color:#374151;\r\n }\r\n\r\n .top-note strong{\r\n color:var(--red);\r\n }\r\n\r\n .hero{\r\n padding:52px 0 36px;\r\n }\r\n\r\n .hero-box{\r\n background:#fff;\r\n border-radius:24px;\r\n box-shadow:var(--shadow);\r\n border:1px solid #ebf0f6;\r\n padding:34px;\r\n display:grid;\r\n grid-template-columns:1.05fr .95fr;\r\n gap:30px;\r\n align-items:start;\r\n }\r\n\r\n .eyebrow{\r\n display:inline-block;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n background:#fff3f2;\r\n color:var(--red);\r\n border:1px solid #ffd7d4;\r\n font-size:13px;\r\n font-weight:800;\r\n text-transform:uppercase;\r\n letter-spacing:.04em;\r\n margin-bottom:18px;\r\n }\r\n\r\n .hero-left h1{\r\n font-size:46px;\r\n line-height:1.05;\r\n color:var(--blue-dark);\r\n margin-bottom:16px;\r\n letter-spacing:-0.02em;\r\n }\r\n\r\n .hero-left p{\r\n font-size:18px;\r\n color:#4b5563;\r\n margin-bottom:16px;\r\n max-width:680px;\r\n }\r\n\r\n .hero-badges{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n }\r\n\r\n .badge{\r\n background:var(--soft);\r\n color:var(--blue);\r\n border:1px solid #d6e3fb;\r\n padding:10px 14px;\r\n border-radius:999px;\r\n font-size:14px;\r\n font-weight:700;\r\n }\r\n\r\n .accent{\r\n color:var(--red);\r\n font-weight:800;\r\n }\r\n\r\n .form-card{\r\n background:#fbfdff;\r\n border:1px solid #dce7f5;\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:0 10px 22px rgba(23,59,122,.06);\r\n }\r\n\r\n .form-card h2{\r\n font-size:28px;\r\n line-height:1.15;\r\n color:var(--blue-dark);\r\n margin-bottom:8px;\r\n }\r\n\r\n .form-sub{\r\n color:var(--muted);\r\n font-size:15px;\r\n margin-bottom:22px;\r\n }\r\n\r\n .form-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:14px;\r\n }\r\n\r\n .field.full{\r\n grid-column:1 \/ -1;\r\n }\r\n\r\n .field label{\r\n display:block;\r\n margin-bottom:8px;\r\n font-size:14px;\r\n font-weight:700;\r\n color:#334155;\r\n }\r\n\r\n input, select, textarea{\r\n width:100%;\r\n padding:14px 15px;\r\n border:1px solid var(--border);\r\n border-radius:12px;\r\n background:#fff;\r\n font-size:15px;\r\n color:var(--text);\r\n outline:none;\r\n transition:border-color .2s ease, box-shadow .2s ease;\r\n }\r\n\r\n input:focus, select:focus, textarea:focus{\r\n border-color:var(--red);\r\n box-shadow:0 0 0 4px rgba(214,20,13,.10);\r\n }\r\n\r\n textarea{\r\n min-height:110px;\r\n resize:vertical;\r\n }\r\n\r\n .inline-options{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:18px;\r\n padding:12px 0 2px;\r\n }\r\n\r\n .radio-item{\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:15px;\r\n color:#374151;\r\n }\r\n\r\n .radio-item input{\r\n width:auto;\r\n padding:0;\r\n }\r\n\r\n .devis-box{\r\n display:none;\r\n margin-top:20px;\r\n background:linear-gradient(180deg,#fff6f5 0%, #fff 100%);\r\n border:1px solid #ffd8d4;\r\n border-radius:16px;\r\n padding:20px;\r\n text-align:center;\r\n }\r\n\r\n .devis-box h3{\r\n font-size:18px;\r\n color:var(--red-dark);\r\n margin-bottom:8px;\r\n }\r\n\r\n .devis-price{\r\n font-size:34px;\r\n font-weight:800;\r\n color:var(--red);\r\n line-height:1.1;\r\n }\r\n\r\n .devis-note{\r\n margin-top:8px;\r\n color:#5b6472;\r\n font-size:14px;\r\n }\r\n\r\n .actions{\r\n margin-top:18px;\r\n display:grid;\r\n gap:10px;\r\n }\r\n\r\n button{\r\n width:100%;\r\n border:none;\r\n padding:16px;\r\n border-radius:12px;\r\n background:var(--red);\r\n color:#fff;\r\n font-size:16px;\r\n font-weight:800;\r\n cursor:pointer;\r\n transition:.25s ease;\r\n box-shadow:0 10px 24px rgba(214,20,13,.22);\r\n }\r\n\r\n button:hover{\r\n background:var(--red-dark);\r\n transform:translateY(-1px);\r\n }\r\n\r\n .small-note{\r\n text-align:center;\r\n color:var(--muted);\r\n font-size:13px;\r\n margin-top:8px;\r\n }\r\n\r\n section{\r\n padding:32px 0 72px;\r\n }\r\n\r\n .section-title{\r\n text-align:center;\r\n margin-bottom:40px;\r\n }\r\n\r\n .section-title h2{\r\n font-size:34px;\r\n color:#102b59;\r\n margin-bottom:12px;\r\n }\r\n\r\n .section-title p{\r\n max-width:760px;\r\n margin:0 auto;\r\n color:#6b7280;\r\n font-size:17px;\r\n }\r\n\r\n .grid-3{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:22px;\r\n }\r\n\r\n .box{\r\n background:#fff;\r\n border:1px solid #e6edf5;\r\n border-radius:18px;\r\n padding:28px;\r\n box-shadow:0 10px 24px rgba(15,23,42,.05);\r\n }\r\n\r\n .icon{\r\n width:52px;\r\n height:52px;\r\n border-radius:14px;\r\n background:#fff3f2;\r\n color:#d6140d;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-weight:800;\r\n font-size:20px;\r\n margin-bottom:16px;\r\n }\r\n\r\n .box h3{\r\n font-size:21px;\r\n color:#102b59;\r\n margin-bottom:10px;\r\n }\r\n\r\n .box p{\r\n color:#6b7280;\r\n font-size:15px;\r\n }\r\n\r\n .info-strip{\r\n margin-top:30px;\r\n background:#fff;\r\n border:1px solid #e6edf5;\r\n border-left:5px solid #d6140d;\r\n border-radius:16px;\r\n padding:22px;\r\n color:#374151;\r\n box-shadow:0 10px 24px rgba(15,23,42,.05);\r\n }\r\n\r\n .cta{\r\n background:linear-gradient(135deg,var(--blue-dark),var(--blue));\r\n color:#fff;\r\n border-radius:24px;\r\n padding:38px;\r\n text-align:center;\r\n box-shadow:0 16px 34px rgba(23,59,122,.18);\r\n }\r\n\r\n .cta h2{\r\n font-size:34px;\r\n margin-bottom:10px;\r\n }\r\n\r\n .cta p{\r\n max-width:760px;\r\n margin:0 auto 18px;\r\n color:#dbe8ff;\r\n font-size:17px;\r\n }\r\n\r\n .cta a{\r\n display:inline-block;\r\n background:#fff;\r\n color:var(--blue);\r\n font-weight:800;\r\n padding:15px 22px;\r\n border-radius:12px;\r\n }\r\n\r\n footer{\r\n margin-top:70px;\r\n background:#11305f;\r\n color:#dbe5f3;\r\n padding:26px 20px;\r\n text-align:center;\r\n font-size:14px;\r\n }\r\n\r\n .footer-links{\r\n margin-top:10px;\r\n }\r\n\r\n .footer-links a{\r\n color:#fff;\r\n margin:0 8px;\r\n }\r\n\r\n @media (max-width:980px){\r\n .hero-box,\r\n .grid-3,\r\n .form-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .hero-left h1{\r\n font-size:36px;\r\n }\r\n\r\n .section-title h2,\r\n .cta h2{\r\n font-size:28px;\r\n }\r\n\r\n .topbar-inner{\r\n align-items:flex-start;\r\n }\r\n\r\n .top-note{\r\n text-align:left;\r\n }\r\n }\r\n\r\n @media (max-width:640px){\r\n .container{\r\n padding:0 14px;\r\n }\r\n\r\n .hero{\r\n padding:28px 0 20px;\r\n }\r\n\r\n .hero-box{\r\n padding:20px;\r\n }\r\n\r\n .form-card{\r\n padding:20px;\r\n }\r\n\r\n .hero-left h1{\r\n font-size:30px;\r\n }\r\n\r\n .brand-text strong{\r\n font-size:24px;\r\n }\r\n\r\n .devis-price{\r\n font-size:28px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header class=\"topbar\">\r\n <div class=\"container topbar-inner\">\r\n <div class=\"brand\">\r\n <div class=\"logo\">GD<\/div>\r\n <div class=\"brand-text\">\r\n <strong>devis-pppt.fr<\/strong>\r\n <span>Estimation PPPT en ligne pour copropri\u00e9t\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"top-note\">\r\n Plateforme op\u00e9r\u00e9e par <strong>Genius Diagnostic<\/strong><br>\r\n Demande simple, estimation rapide, sans engagement.\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-box\">\r\n <div class=\"hero-left\">\r\n <span class=\"eyebrow\">Estimation PPPT en ligne<\/span>\r\n <h1>Obtenez rapidement une estimation <span class=\"accent\">PPPT<\/span> pour votre copropri\u00e9t\u00e9<\/h1>\r\n <p>\r\n Remplissez le formulaire ci-dessous pour obtenir une estimation imm\u00e9diate selon le nombre de lots de votre immeuble.\r\n <\/p>\r\n <p>\r\n Une solution claire, rapide et pens\u00e9e pour les copropri\u00e9taires, conseils syndicaux et syndics.\r\n <\/p>\r\n\r\n <div class=\"hero-badges\">\r\n <div class=\"badge\">Estimation imm\u00e9diate<\/div>\r\n <div class=\"badge\">Sans engagement<\/div>\r\n <div class=\"badge\">Sp\u00e9cial copropri\u00e9t\u00e9s<\/div>\r\n <div class=\"badge\">Op\u00e9r\u00e9 par Genius Diagnostic<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-card\" id=\"formulaire\">\r\n <h2>Demande d\u2019estimation PPPT<\/h2>\r\n <div class=\"form-sub\">Renseignez les informations principales pour calculer votre estimation.<\/div>\r\n\r\n <form id=\"devisForm\">\r\n <div class=\"form-grid\">\r\n <div class=\"field full\">\r\n <label for=\"nom\">Nom ou soci\u00e9t\u00e9<\/label>\r\n <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Nom ou soci\u00e9t\u00e9\" required>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"telephone\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"telephone\" placeholder=\"T\u00e9l\u00e9phone\" required>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"email\">E-mail<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Adresse e-mail\" required>\r\n <\/div>\r\n\r\n <div class=\"field full\">\r\n <label for=\"adresse\">Adresse du bien<\/label>\r\n <input type=\"text\" id=\"adresse\" name=\"adresse\" placeholder=\"Adresse du bien\" required>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"cp\" placeholder=\"Code postal\" required>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"commune\">Commune<\/label>\r\n <input type=\"text\" id=\"commune\" name=\"commune\" placeholder=\"Commune\" required>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"typeBien\">Type de bien<\/label>\r\n <select id=\"typeBien\" name=\"typeBien\" required>\r\n <option value=\"\">S\u00e9lectionnez<\/option>\r\n <option value=\"immeuble\">Immeuble<\/option>\r\n <option value=\"residence\">R\u00e9sidence<\/option>\r\n <option value=\"copropriete\">Copropri\u00e9t\u00e9<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label>Copropri\u00e9t\u00e9 d\u00e9j\u00e0 existante<\/label>\r\n <div class=\"inline-options\">\r\n <label class=\"radio-item\"><input type=\"radio\" name=\"coproExistante\" value=\"oui\" required> Oui<\/label>\r\n <label class=\"radio-item\"><input type=\"radio\" name=\"coproExistante\" value=\"non\"> Non<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"anneeConstruction\">Ann\u00e9e de construction<\/label>\r\n <input type=\"number\" id=\"anneeConstruction\" name=\"anneeConstruction\" placeholder=\"Ex : 1975\">\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"lots\">Nombre de lots<\/label>\r\n <select id=\"lots\" name=\"lots\" required>\r\n <option value=\"\">S\u00e9lectionnez<\/option>\r\n <option value=\"1-3\">1 \u00e0 3 lots<\/option>\r\n <option value=\"4-7\">4 \u00e0 7 lots<\/option>\r\n <option value=\"8-11\">8 \u00e0 11 lots<\/option>\r\n <option value=\"12-15\">12 \u00e0 15 lots<\/option>\r\n <option value=\"16-19\">16 \u00e0 19 lots<\/option>\r\n <option value=\"20-25\">20 \u00e0 25 lots<\/option>\r\n <option value=\"26-30\">26 \u00e0 30 lots<\/option>\r\n <option value=\"31-35\">31 \u00e0 35 lots<\/option>\r\n <option value=\"36-40\">36 \u00e0 40 lots<\/option>\r\n <option value=\"41-45\">41 \u00e0 45 lots<\/option>\r\n <option value=\"46-50\">46 \u00e0 50 lots<\/option>\r\n <option value=\"51-60\">51 \u00e0 60 lots<\/option>\r\n <option value=\"61-100\">61 \u00e0 100 lots<\/option>\r\n <option value=\"101-150\">101 \u00e0 150 lots<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"field full\">\r\n <label>Type de chauffage<\/label>\r\n <div class=\"inline-options\">\r\n <label class=\"radio-item\"><input type=\"radio\" name=\"chauffage\" value=\"collectif\"> Collectif<\/label>\r\n <label class=\"radio-item\"><input type=\"radio\" name=\"chauffage\" value=\"individuel\"> Individuel<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field full\">\r\n <label for=\"commentaire\">Commentaire<\/label>\r\n <textarea id=\"commentaire\" name=\"commentaire\" placeholder=\"Pr\u00e9cisez votre besoin si n\u00e9cessaire\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"delai\">D\u00e9lai pour le projet<\/label>\r\n <select id=\"delai\" name=\"delai\">\r\n <option value=\"rapidement\">Le plus rapidement possible<\/option>\r\n <option value=\"1mois\">Sous 1 mois<\/option>\r\n <option value=\"3mois\">Sous 3 mois<\/option>\r\n <option value=\"plus\">Pas urgent<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"dpe\">DPE de l'immeuble<\/label>\r\n <select id=\"dpe\" name=\"dpe\">\r\n <option value=\"afaire\">\u00c0 faire<\/option>\r\n <option value=\"encours\">En cours<\/option>\r\n <option value=\"deja-fait\">D\u00e9j\u00e0 fait<\/option>\r\n <option value=\"inconnu\">Je ne sais pas<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"devis-box\" id=\"devisBox\">\r\n <h3>Estimation automatique de votre PPPT<\/h3>\r\n <div class=\"devis-price\" id=\"devisPrice\">0 \u20ac TTC<\/div>\r\n <div class=\"devis-note\">Montant indicatif calcul\u00e9 selon le nombre de lots s\u00e9lectionn\u00e9.<\/div>\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <button type=\"submit\">OBTENIR MON ESTIMATION<\/button>\r\n <\/div>\r\n\r\n <div class=\"small-note\">\r\n Les demandes sont trait\u00e9es par Genius Diagnostic.\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <section style=\"padding:32px 20px 72px;\">\r\n <div style=\"max-width:1180px;margin:0 auto;\">\r\n \r\n <div style=\"text-align:center;margin-bottom:40px;\">\r\n <h2 style=\"font-size:34px;color:#102b59;margin-bottom:12px;\">Comment \u00e7a marche ?<\/h2>\r\n <p style=\"max-width:760px;margin:0 auto;color:#6b7280;font-size:17px;\">\r\n Le formulaire permet d\u2019obtenir une estimation rapide selon les informations renseign\u00e9es, avec une pr\u00e9sentation claire et directe.\r\n <\/p>\r\n <\/div>\r\n\r\n <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:22px;\">\r\n \r\n <div style=\"background:#fff;border:1px solid #e6edf5;border-radius:18px;padding:28px;box-shadow:0 10px 24px rgba(15,23,42,.05);\">\r\n <div style=\"width:52px;height:52px;border-radius:14px;background:#fff3f2;color:#d6140d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin-bottom:16px;\">1<\/div>\r\n <h3 style=\"font-size:21px;color:#102b59;margin-bottom:10px;\">Vous remplissez le formulaire<\/h3>\r\n <p style=\"color:#6b7280;font-size:15px;\">Vous renseignez les informations principales de votre copropri\u00e9t\u00e9 et votre besoin.<\/p>\r\n <\/div>\r\n\r\n <div style=\"background:#fff;border:1px solid #e6edf5;border-radius:18px;padding:28px;box-shadow:0 10px 24px rgba(15,23,42,.05);\">\r\n <div style=\"width:52px;height:52px;border-radius:14px;background:#fff3f2;color:#d6140d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin-bottom:16px;\">2<\/div>\r\n <h3 style=\"font-size:21px;color:#102b59;margin-bottom:10px;\">L\u2019estimation est calcul\u00e9e<\/h3>\r\n <p style=\"color:#6b7280;font-size:15px;\">Le site applique automatiquement la grille selon la tranche de lots s\u00e9lectionn\u00e9e.<\/p>\r\n <\/div>\r\n\r\n <div style=\"background:#fff;border:1px solid #e6edf5;border-radius:18px;padding:28px;box-shadow:0 10px 24px rgba(15,23,42,.05);\">\r\n <div style=\"width:52px;height:52px;border-radius:14px;background:#fff3f2;color:#d6140d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin-bottom:16px;\">3<\/div>\r\n <h3 style=\"font-size:21px;color:#102b59;margin-bottom:10px;\">Vous obtenez un montant indicatif<\/h3>\r\n <p style=\"color:#6b7280;font-size:15px;\">Le montant s\u2019affiche directement pour vous donner une base claire et imm\u00e9diate.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div style=\"margin-top:30px;background:#fff;border:1px solid #e6edf5;border-left:5px solid #d6140d;border-radius:16px;padding:22px;color:#374151;box-shadow:0 10px 24px rgba(15,23,42,.05);\">\r\n <strong>Important :<\/strong> cette page peut afficher une estimation automatique. Pour envoyer un vrai devis par mail au client et \u00e0 vous-m\u00eame, il faudra ensuite raccorder le formulaire \u00e0 un syst\u00e8me d\u2019envoi.\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <div class=\"cta\">\r\n <h2>Besoin d\u2019une estimation PPPT rapidement ?<\/h2>\r\n <p>\r\n Remplissez le formulaire et obtenez instantan\u00e9ment un montant indicatif en ligne sur devis-pppt.fr.\r\n <\/p>\r\n <a href=\"#formulaire\">Faire ma demande<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <div>\u00a9 devis-pppt.fr - Plateforme op\u00e9r\u00e9e par Genius Diagnostic<\/div>\r\n <div class=\"footer-links\">\r\n <a href=\"\/mentions-legales.html\">Mentions l\u00e9gales<\/a> |\r\n <a href=\"\/politique-confidentialite.html\">Politique de confidentialit\u00e9<\/a> |\r\n <a href=\"\/contact.html\">Contact<\/a>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const lotsSelect = document.getElementById(\"lots\");\r\n const devisBox = document.getElementById(\"devisBox\");\r\n const devisPrice = document.getElementById(\"devisPrice\");\r\n const form = document.getElementById(\"devisForm\");\r\n\r\n const tarifsPPPT = {\r\n \"1-3\": 1800,\r\n \"4-7\": 2000,\r\n \"8-11\": 2200,\r\n \"12-15\": 2400,\r\n \"16-19\": 2880,\r\n \"20-25\": 3240,\r\n \"26-30\": 3600,\r\n \"31-35\": 3960,\r\n \"36-40\": 4320,\r\n \"41-45\": 4680,\r\n \"46-50\": 5040,\r\n \"51-60\": 5400,\r\n \"61-100\": 7200,\r\n \"101-150\": 9000\r\n };\r\n\r\n function updateDevis() {\r\n const lots = lotsSelect.value;\r\n\r\n if (lots && tarifsPPPT[lots]) {\r\n const prix = tarifsPPPT[lots];\r\n devisPrice.textContent = prix.toLocaleString(\"fr-FR\") + \" \u20ac TTC\";\r\n devisBox.style.display = \"block\";\r\n } else {\r\n devisPrice.textContent = \"0 \u20ac TTC\";\r\n devisBox.style.display = \"none\";\r\n }\r\n }\r\n\r\n lotsSelect.addEventListener(\"change\", updateDevis);\r\n\r\n form.addEventListener(\"submit\", function (e) {\r\n e.preventDefault();\r\n\r\n const lots = lotsSelect.value;\r\n\r\n if (!lots || !tarifsPPPT[lots]) {\r\n alert(\"Veuillez s\u00e9lectionner le nombre de lots pour calculer l\u2019estimation.\");\r\n return;\r\n }\r\n\r\n const prix = tarifsPPPT[lots];\r\n alert(\"Estimation de votre PPPT : \" + prix.toLocaleString(\"fr-FR\") + \" \u20ac TTC\");\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>devis-pppt.fr | Estimation PPPT en ligne GD devis-pppt.fr Estimation PPPT en ligne pour copropri\u00e9t\u00e9 Plateforme op\u00e9r\u00e9e par Genius Diagnostic Demande simple, estimation rapide, sans engagement. Estimation PPPT en ligne Obtenez rapidement une estimation PPPT pour votre copropri\u00e9t\u00e9 Remplissez le formulaire ci-dessous pour obtenir une estimation imm\u00e9diate selon le nombre de lots de votre immeuble. Une… <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":4,"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/devis-pppt.fr\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}