{"id":17104,"date":"2025-11-06T10:04:48","date_gmt":"2025-11-06T20:04:48","guid":{"rendered":"https:\/\/www.service-public.pf\/dca\/?page_id=17104"},"modified":"2025-11-07T09:10:18","modified_gmt":"2025-11-07T19:10:18","slug":"simulateur-de-permis-de-construire","status":"publish","type":"page","link":"https:\/\/www.service-public.pf\/dca\/simulateur-de-permis-de-construire\/","title":{"rendered":"Simulateur de permis de construire"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:104%;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div><div id=\"simulateur-urbanisme\" style=\"max-width: 800px; margin: 0 auto; padding: 20px; font-family: 'Roboto', sans-serif; background: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);\">\n    <h2 style=\"text-align: center; color: #333;\">TEST - Simulateur d'autorisation d'urbanisme<\/h2>\n    <p style=\"text-align: center; color: #666;\">R\u00e9pondez aux questions pour savoir si votre projet n\u00e9cessite un permis de construire.<\/p>\n    \n    <!-- Question 1 -->\n    <div id=\"q1\" class=\"question active\">\n        <h3>1. Votre projet est-il une construction permanente ou temporaire ?<\/h3>\n        <label><input type=\"radio\" name=\"q1\" value=\"perm\"> Permanente<\/label><br>\n        <label><input type=\"radio\" name=\"q1\" value=\"temp\"> Temporaire<\/label><br>\n        <button onclick=\"nextQuestion('q1')\">Suivant<\/button>\n    <\/div>\n    \n    <!-- Question 2 -->\n    <div id=\"q2\" class=\"question\">\n        <h3>2. S'agit-il d'une nouvelle construction ou d'une construction sur existant ?<\/h3>\n        <label><input type=\"radio\" name=\"q2\" value=\"nouvelle\"> Nouvelle<\/label><br>\n        <label><input type=\"radio\" name=\"q2\" value=\"existant\"> Sur existant<\/label><br>\n        <button onclick=\"previousQuestion()\">Pr\u00e9c\u00e9dent<\/button>\n        <button onclick=\"nextQuestion('q2')\">Suivant<\/button>\n    <\/div>\n    \n    <!-- Question 3 -->\n    <div id=\"q3\" class=\"question\">\n        <h3>3. Quelle est la surface au sol et la hauteur de la construction ?<\/h3>\n        <label><input type=\"radio\" name=\"q3\" value=\"petite\"> \u2264 6 m\u00b2 ET \u2264 2,5 m<\/label><br>\n        <label><input type=\"radio\" name=\"q3\" value=\"moyenne\"> < 20 m\u00b2 ET < 3 m<\/label><br>\n        <label><input type=\"radio\" name=\"q3\" value=\"grande\"> \u2265 20 m\u00b2 OU \u2265 3 m<\/label><br>\n        <button onclick=\"previousQuestion()\">Pr\u00e9c\u00e9dent<\/button>\n        <button onclick=\"nextQuestion('q3')\">Suivant<\/button>\n    <\/div>\n    \n    <!-- Question 4 -->\n    <div id=\"q4\" class=\"question\">\n        <h3>4. Implique-t-il un changement de destination ou une extension >20 m\u00b2 ?<\/h3>\n        <label><input type=\"radio\" name=\"q4\" value=\"chgt\"> Changement de destination<\/label><br>\n        <label><input type=\"radio\" name=\"q4\" value=\"ext\"> Extension >20 m\u00b2<\/label><br>\n        <label><input type=\"radio\" name=\"q4\" value=\"modif\"> Modification structures\/fa\u00e7ades\/ravalement en zone prot\u00e9g\u00e9e<\/label><br>\n        <label><input type=\"radio\" name=\"q4\" value=\"autre\"> Autre (surface \u226420 m\u00b2 sans changement)<\/label><br>\n        <button onclick=\"previousQuestion()\">Pr\u00e9c\u00e9dent<\/button>\n        <button onclick=\"nextQuestion('q4')\">Suivant<\/button>\n    <\/div>\n    \n    <!-- Question 5 -->\n    <div id=\"q5\" class=\"question\">\n        <h3>5. Y a-t-il un raccord \u00e0 un assainissement ?<\/h3>\n        <label><input type=\"radio\" name=\"q5\" value=\"oui\"> Oui<\/label><br>\n        <label><input type=\"radio\" name=\"q5\" value=\"non\"> Non<\/label><br>\n        <button onclick=\"previousQuestion()\">Pr\u00e9c\u00e9dent<\/button>\n        <button onclick=\"nextQuestion('q5')\">Suivant<\/button>\n    <\/div>\n    \n    <!-- Question 6 -->\n    <div id=\"q6\" class=\"question\">\n        <h3>6. Surface au sol \u226520 m\u00b2 OU hauteur \u22653 m ?<\/h3>\n        <label><input type=\"radio\" name=\"q6\" value=\"oui\"> Oui<\/label><br>\n        <label><input type=\"radio\" name=\"q6\" value=\"non\"> Non<\/label><br>\n        <button onclick=\"previousQuestion()\">Pr\u00e9c\u00e9dent<\/button>\n        <button onclick=\"nextQuestion('q6')\">Suivant<\/button>\n    <\/div>\n    \n    <!-- Question 7 -->\n    <div id=\"q7\" class=\"question\">\n        <h3>7. Quel cas temporaire concerne votre projet ?<\/h3>\n        <label><input type=\"radio\" name=\"q7\" value=\"1\"> 1. Relogement sinistr\u00e9s<\/label><br>\n        <label><input type=\"radio\" name=\"q7\" value=\"2\"> 2. Classe d\u00e9montable scolaire<\/label><br>\n        <label><input type=\"radio\" name=\"q7\" value=\"3\"> 3. Installation chantier li\u00e9e \u00e0 travaux autoris\u00e9s<\/label><br>\n        <label><input type=\"radio\" name=\"q7\" value=\"4\"> 4. Manifestation culturelle\/commerciale\/etc.<\/label><br>\n        <button onclick=\"previousQuestion()\">Pr\u00e9c\u00e9dent<\/button>\n        <button onclick=\"nextQuestion('q7')\">Suivant<\/button>\n    <\/div>\n    \n    <!-- Question 8 -->\n    <div id=\"q8\" class=\"question\">\n        <h3>8. Dur\u00e9e de l'installation ?<\/h3>\n        <label id=\"duree-label\"><\/label><br>\n        <label><input type=\"radio\" name=\"q8\" value=\"court\"> < 1 an \/ < 6 mois \/ < 1 an scolaire (selon cas)<\/label><br>\n        <label><input type=\"radio\" name=\"q8\" value=\"long\"> \u2265 1 an \/ \u2265 6 mois \/ \u2265 1 an scolaire (selon cas)<\/label><br>\n        <button onclick=\"previousQuestion()\">Pr\u00e9c\u00e9dent<\/button>\n        <button onclick=\"nextQuestion('q8')\">Terminer<\/button>\n    <\/div>\n    \n    <!-- Conclusion -->\n    <div id=\"conclusion\" class=\"question\" style=\"display: none;\">\n        <h3>R\u00e9sultat de votre simulation<\/h3>\n        <div id=\"resultat\"><\/div>\n        <p><a href=\"https:\/\/www.mesdemarches.pf\" target=\"_blank\">Acc\u00e9dez au formulaire de demande de permis de construire<\/a><\/p>\n        <button onclick=\"previousQuestion()\">Pr\u00e9c\u00e9dent<\/button>\n        <button onclick=\"resetSimulateur()\">Refaire la simulation<\/button>\n    <\/div>\n    \n    <style>\n        .question { display: none; padding: 15px; }\n        .question.active { display: block; }\n        label { display: block; margin: 10px 0; cursor: pointer; }\n        input[type=\"radio\"] { margin-right: 10px; }\n        button { background: #007cba; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; margin: 5px; }\n        button:hover { background: #005a87; }\n        #resultat { font-size: 18px; font-weight: bold; padding: 20px; background: #e7f3ff; border-radius: 4px; margin: 10px 0; }\n    <\/style>\n    \n    <script>\n        let history = [];\n        \n        function nextQuestion(currentQ) {\n            if (!document.querySelector('input[name=\"' + currentQ + '\"]:checked')) {\n                alert('Veuillez s\u00e9lectionner une r\u00e9ponse.');\n                return;\n            }\n            document.getElementById(currentQ).classList.remove('active');\n            history.push(currentQ);\n            \n            const q1 = document.querySelector('input[name=\"q1\"]:checked')?.value;\n            const q2 = document.querySelector('input[name=\"q2\"]:checked')?.value;\n            const q3 = document.querySelector('input[name=\"q3\"]:checked')?.value;\n            const q4 = document.querySelector('input[name=\"q4\"]:checked')?.value;\n            const q5 = document.querySelector('input[name=\"q5\"]:checked')?.value;\n            const q6 = document.querySelector('input[name=\"q6\"]:checked')?.value;\n            const q7 = document.querySelector('input[name=\"q7\"]:checked')?.value;\n            const q8 = document.querySelector('input[name=\"q8\"]:checked')?.value;\n            \n            let nextId = '';\n            let isEnd = false;\n            let resultText = '';\n            \n            if (currentQ === 'q1') {\n                if (q1 === 'perm') nextId = 'q2';\n                else if (q1 === 'temp') nextId = 'q7';\n            } else if (currentQ === 'q2') {\n                if (q2 === 'nouvelle') nextId = 'q3';\n                else nextId = 'q4';\n            } else if (currentQ === 'q3') {\n                if (q3 === 'petite') { resultText = 'Aucune autorisation (\u2264 6 m\u00b2 ET \u2264 2,5 m).'; isEnd = true; }\n                else if (q3 === 'grande') { resultText = 'Permis de construire requis (\u2265 20 m\u00b2 OU \u2265 3 m).'; isEnd = true; }\n                else nextId = 'q5';  \/\/ Pour moyenne : assainissement\n            } else if (currentQ === 'q4') {\n                if (q4 === 'chgt' || q4 === 'ext') nextId = 'q6';\n                else if (q4 === 'modif') { resultText = 'Permis de construire requis (modification structures\/fa\u00e7ades).'; isEnd = true; }\n                else if (q4 === 'raval') { resultText = 'D\u00e9claration de travaux (ravalement zone prot\u00e9g\u00e9e).'; isEnd = true; }\n                else nextId = 'q5';\n            } else if (currentQ === 'q5') {\n                if (q5 === 'oui') { resultText = 'Permis de construire requis (avec assainissement).'; isEnd = true; }\n                else { resultText = 'Aucune autorisation (sans assainissement).'; isEnd = true; }\n            } else if (currentQ === 'q6') {\n                if (q6 === 'oui') { resultText = 'Permis de construire requis (\u226520 m\u00b2 OU \u22653 m).'; isEnd = true; }\n                else nextId = 'q5';\n            } else if (currentQ === 'q7') {\n                const cas = q7;\n                document.getElementById('duree-label').innerHTML = `Pour cas ${cas} :`;\n                nextId = 'q8';\n            } else if (currentQ === 'q8') {\n                if (q8 === 'court') { resultText = 'Aucune autorisation (dur\u00e9e courte).'; }\n                else { resultText = 'Permis de construire requis (dur\u00e9e longue).'; }\n                isEnd = true;\n            }\n            \n            if (isEnd) {\n                showConclusion(resultText);\n            } else {\n                document.getElementById(nextId).classList.add('active');\n                document.getElementById(nextId).scrollIntoView({ behavior: 'smooth' });\n            }\n        }\n        \n        function previousQuestion() {\n            if (history.length > 0) {\n                const previousQ = history.pop();\n                document.querySelectorAll('.question').forEach(q => q.classList.remove('active'));\n                document.getElementById(previousQ).classList.add('active');\n                document.getElementById(previousQ).scrollIntoView({ behavior: 'smooth' });\n                if (previousQ === 'conclusion') {\n                    document.getElementById('conclusion').style.display = 'none';\n                }\n            } else if (document.getElementById('conclusion').style.display === 'block') {\n                resetToStart();\n            }\n        }\n        \n        function showConclusion(text) {\n            document.getElementById('resultat').innerHTML = text;\n            document.getElementById('conclusion').style.display = 'block';\n            history.push('conclusion');\n            document.getElementById('conclusion').scrollIntoView({ behavior: 'smooth' });\n        }\n        \n        function resetSimulateur() {\n            document.querySelectorAll('input[type=\"radio\"]').forEach(r => r.checked = false);\n            document.querySelectorAll('.question').forEach(q => q.classList.remove('active'));\n            document.getElementById('conclusion').style.display = 'none';\n            document.getElementById('duree-label').innerHTML = '';\n            history = [];\n            document.getElementById('q1').classList.add('active');\n            document.getElementById('q1').scrollIntoView({ behavior: 'smooth' });\n        }\n        \n        function resetToStart() {\n            resetSimulateur();\n        }\n    <\/script>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":145,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-17104","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.service-public.pf\/dca\/wp-json\/wp\/v2\/pages\/17104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.service-public.pf\/dca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.service-public.pf\/dca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.service-public.pf\/dca\/wp-json\/wp\/v2\/users\/145"}],"replies":[{"embeddable":true,"href":"https:\/\/www.service-public.pf\/dca\/wp-json\/wp\/v2\/comments?post=17104"}],"version-history":[{"count":10,"href":"https:\/\/www.service-public.pf\/dca\/wp-json\/wp\/v2\/pages\/17104\/revisions"}],"predecessor-version":[{"id":17118,"href":"https:\/\/www.service-public.pf\/dca\/wp-json\/wp\/v2\/pages\/17104\/revisions\/17118"}],"wp:attachment":[{"href":"https:\/\/www.service-public.pf\/dca\/wp-json\/wp\/v2\/media?parent=17104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}