{"procedure":{"accessUrl":"ecrivez-au-maire","description":"<div>Vous souhaitez poser une question, faire une remarque, un\ncommentaire, partager une idée ?&nbsp;</div><div>Remplissez le formulaire accessible via le bouton ci-dessous et transmettez votre message accompagné de vos\ncoordonnées. Une réponse vous sera apportée.</div>","displayedProperties":{"task":{"title":"objetDuMessage1","subtitle":"rubriqueduMessage"},"request":{"title":"objetDuMessage1","subtitle":"rubriqueduMessage","metadata":["rubriqueduMessage","objetDuMessage1"]},"statisticField":"rubriqueduMessage"},"icon":"https://citopia-images.s3.fr-par.scw.cloud/icons/mail/send.svg","imageUrl":"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/ecrivez-au-maire/writing-on-laptop.jpeg","shouldBeAnonymized":false,"thirdPartAppConfig":null,"title":"Ecrivez au Maire","type":"BPMN","localisationField":null},"workflowConfig":{"buttonText":"Ecrire au maire","bpmnKey":"Process_Une_Tache","formId":"Formulaire Ecrivez au maire","events":{"StartEvent_1":{"name":"StartEvent_1","sendMessage":false,"assignee":"","assigneeDefault":""},"En_attente":{"name":"Précisions demandées","sendMessage":false,"typeAssignee":"citizen","formId":"Generique - infos complementaires usagers - 1755175161897","assignee":"","assigneeDefault":"","dueDate":""},"Valider":{"name":"Valider","sendMessage":false,"typeAssignee":"statique","formId":"Générique - Traiter demande - 1755175161899","tabAdvanced":[{"uniqueId":"assigneerpfl5b4el5c","selectedField":"rubriqueduMessage","coordination":"egal","valueField":"affairesSociales","parentValues":[]},{"uniqueId":"assigneew7xdk5rlqq","selectedField":"rubriqueduMessage","coordination":"egal","valueField":"peesentationDeProjets","parentValues":null}],"assigneeDefault":"","dueDate":""},"EndEvent_0b64xj5":{"name":"EndEvent_0b64xj5","sendMessage":false,"assignee":"","assigneeDefault":""},"EndEvent_1a31tc3":{"name":"EndEvent_1a31tc3","sendMessage":false,"assignee":"","assigneeDefault":""},"AccuseDeReception":{"name":"Accusé de réception","changeStatus":true,"stateStatus":"statusDefault_new","nameStatus":"Réceptionné","sendMessage":true,"communications":[{"uuid":"b4965aeb-e8da-4811-8951-197c13993412","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Ecrire au Maire - Accusé","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"InformationsManquantesfournies":{"name":"Informations Manquantes Fournies","changeStatus":true,"stateStatus":"statusDefault_pending","sendMessage":false,"assignee":"","assigneeDefault":""},"ComplementInformationsNecessaires":{"name":"Complément Informations Nécessaires","changeStatus":true,"stateStatus":"statusDefault_differed","nameStatus":"Précisions demandées","sendMessage":true,"communications":[{"uuid":"2ed0c830-8a38-42d2-857d-11b18485734c","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Ecrire au maire - Précisions usager","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"DemandeRejetee":{"name":"Demande rejetée","changeStatus":true,"stateStatus":"statusDefault_rejected","nameStatus":"Refusé","sendMessage":true,"communications":[{"uuid":"c92bc76b-33a3-43c0-91a2-eeb4e9607991","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Ecrire au maire - Refus","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"DemandeTraitee":{"name":"Demande traitée","changeStatus":true,"stateStatus":"statusDefault_ended","nameStatus":"Clôturé","sendMessage":true,"communications":[{"uuid":"a92ace90-430c-4df1-aa40-b08c6c4cf49f","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Ecrire au maire - Clôturé","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"ExclusiveGateway_1nkocbv":{"name":"ExclusiveGateway_1nkocbv","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_1666w4x":{"name":"SequenceFlow_1666w4x","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_1dj1e7t":{"name":"SequenceFlow_1dj1e7t","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_08qwxhw":{"name":"SequenceFlow_08qwxhw","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_15ic92m":{"name":"SequenceFlow_15ic92m","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_1x05efi":{"name":"SequenceFlow_1x05efi","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0sh3bbd":{"name":"SequenceFlow_0sh3bbd","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_09q12hq":{"name":"SequenceFlow_09q12hq","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0uh6kvn":{"name":"SequenceFlow_0uh6kvn","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0ogan37":{"name":"SequenceFlow_0ogan37","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0ukjkco":{"name":"SequenceFlow_0ukjkco","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_08rznq2":{"name":"SequenceFlow_08rznq2","sendMessage":false,"assignee":"","assigneeDefault":""}},"flows":{}},"section":"Correspondance","comTemplates":[{"procedureId":"Ecrivez au Maire","text":"\n\n\n    <div><br></div><!-- Disable auto-scale in iOS 10 Mail entirely -->\n    <div><title>Votre demande</title> </div><!-- The title tag shows in email notifications, like Android 4.4. -->\n\n    <!-- Web Font / @font-face : BEGIN -->\n\t<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->\n\n    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->\n    <!--[if mso]>\n        <style>\n            * {\n                font-family: sans-serif !important;\n            }\n        </style>\n    <![endif]-->\n\n    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->\n    <!--[if !mso]><!-->\n        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->\n    <!--<![endif]-->\n\n    <!-- Web Font / @font-face : END -->\n\n\t<!-- CSS Reset -->\n    <style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style>\n\n    <!-- Progressive Enhancements -->\n    <style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>\n\n \n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\">\n        <br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                        <tbody><tr>\n                            <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                <p><em>La commune de {{{InterneNomCommune}}} souhaite vous informer suite à une demande de votre part.</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><br></div><div><br></div>\n                               \n                            </td>\n                        </tr>\n                        <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                            <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                <div class=\"titreville2\">Demande clôturée - Message envoyé au Maire</div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                <p>Votre demande créée le {{{DemarcheDemandeDateCreation}}} a été traitée par nos services. Vous allez recevoir très prochainement une réponse à votre message.</p>\n                                <p>Nous espérons que notre réponse vous apportera satisfaction.</p>\n                                <p>Si vous souhaitez consulter l'état de vos demandes, connectez-vous sur&nbsp;{{{MecAccessUrl}}}</p>\n                                <p>Cordialement.</p>\n                                <p>\n                                    Commune de {{{InterneNomCommune}}}\n                                    <br>\n                                </p>\n                            </td>   \n                        </tr>   \n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n           <!-- Clear Spacer : BEGIN -->\n           <tr>\n            <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                \n            <br></td>\n        </tr>\n        <tr>\n            <td style=\"background-color: #ffffff\">\n                <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                    <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                        <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                            <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                            <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                            <li>Rubrique associée à votre message : {{{form_rubriqueduMessage}}}</li>\n                          <li>Objet du message : {{{form_objetDuMessage1}}}</li>\n                          </ul>\n                        </td>\n                    </tr>\n                </tbody></table>\n            </td>\n        </tr>\n    </tbody></table>\n\n    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n        <tbody><tr>\n            <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n            </td>\n        </tr>\n    </tbody></table>\n\n</div>\n   \n\n\n","title":"Ecrire au maire - Clôturé","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre message envoyé au maire a été traitée"},{"procedureId":"Ecrivez au Maire","text":"\n\n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\"><br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                            <tbody><tr>\n                                <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                    <p><em>La commune de {{{InterneNomCommune}}} souhaite vous informer suite à une demande de votre part.</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><br></div><div><br></div>\n                                   \n                                </td>\n                            </tr>\n                            <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                                <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                    <div class=\"titreville2\">Information concernant votre message envoyé au maire</div>\n                                </td>\n                                </tr>\n                                <tr><td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                    <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                    <p>Votre demande créée le {{{DemarcheDemandeDateCreation}}} a été instruite par nos services. Malheureusement nous n'avons pas pu y donner suite. Vous allez très prochainement recevoir une réponse à votre message.</p>\n                                    <p>Si vous souhaitez consulter l'état de vos demandes, connectez-vous sur {{{MecAccessUrl}}}</p>\n                                  <p>Cordialement.</p>\n                                  <p>Commune de {{{InterneNomCommune}}}\n                                <br>\n                            </p></td>\n                        </tr>\n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n            <!-- Clear Spacer : BEGIN -->\n            <tr>\n                <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                    \n                <br></td>\n            </tr>\n            <tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                        <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                            <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                                <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                                <li>Rubrique associée à votre message : {{{form_rubriqueduMessage}}}</li>\n                              <li>Objet du message : {{{form_objetDuMessage1}}}</li>\n                              </ul>\n                            </td>\n                        </tr>\n                    </tbody></table>\n                </td>\n            </tr>\n        </tbody></table>\n\n        <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n            <tbody><tr>\n                <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                    Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n                </td>\n            </tr>\n        </tbody></table>\n\n    </div>\n       \n\n\n<style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style><style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>","title":"Ecrire au maire - Refus","type":"email","sendDocumentsAsAttachments":false,"subject":"Informations concernant votre message envoyé au maire"},{"procedureId":"Ecrivez au Maire","text":"\n\n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\"><br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                            <tbody><tr>\n                                <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                    <p><em>La commune de {{{InterneNomCommune}}} souhaite vous informer suite à une demande de votre part.</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><br></div><div><br></div>\n                                   \n                                </td>\n                            </tr>\n                            <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                                <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                    <div class=\"titreville2\">Accusé de réception - Ecrire au Maire</div>\n                                </td>\n                                </tr>\n                                <tr><td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                \n                                <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                <p>Nous avons bien réceptionné votre demande créée le {{{DemarcheDemandeDateCreation}}} et nous vous en remercions.</p>\n                                <p>Votre demande est transmise au service compétent ({{{DemarcheDemandeAssignee}}}) afin d‘y apporter une réponse dans les meilleurs délais.</p>\n                                <p>Nous vous tiendrons informé(e) de sa résolution. Toutefois si vous souhaitez consulter l'état de vos demandes, connectez-vous sur&nbsp;{{{MecAccessUrl}}}</p>\n                              <p>Cordialement.</p>\n                              <p>Commune de {{{InterneNomCommune}}}\n                              <br>\n                            </p></td>\n                        </tr>\n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n            <!-- Clear Spacer : BEGIN -->\n            <tr>\n                <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                    \n                <br></td>\n            </tr>\n            <tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                        <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                            <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                                <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                                <li>Rubrique associée à votre message : {{{form_rubriqueduMessage}}}</li>\n                              <li>Objet du message : {{{form_objetDuMessage1}}}</li>\n                              </ul>\n                            </td>\n                        </tr>\n                    </tbody></table>\n                </td>\n            </tr>\n        </tbody></table>\n\n        <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n            <tbody><tr>\n                <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                    Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n                </td>\n            </tr>\n        </tbody></table>\n\n    </div>\n       \n\n\n\n<style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style><style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>","title":"Ecrire au Maire - Accusé","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre message&nbsp;a bien été réceptionné"},{"procedureId":"Ecrivez au Maire","text":"\n\n\n    <div><br></div><!-- Disable auto-scale in iOS 10 Mail entirely -->\n    <div><title>Votre demande</title> </div><!-- The title tag shows in email notifications, like Android 4.4. -->\n\n    <!-- Web Font / @font-face : BEGIN -->\n\t<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->\n\n    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->\n    <!--[if mso]>\n        <style>\n            * {\n                font-family: sans-serif !important;\n            }\n        </style>\n    <![endif]-->\n\n    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->\n    <!--[if !mso]><!-->\n        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->\n    <!--<![endif]-->\n\n    <!-- Web Font / @font-face : END -->\n\n\t<!-- CSS Reset -->\n    <style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style>\n\n    <!-- Progressive Enhancements -->\n    <style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>\n\n \n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\">\n        <br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                        <tbody><tr>\n                            <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                <p><em>La commune de {{{InterneNomCommune}}} souhaite des précisions de votre part suite à votre message envoyé au maire</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><br></div><div><br></div>\n                               \n                            </td>\n                        </tr>\n                        <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                            <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                <div class=\"titreville2\">Précisions nécessaires - Message envoyé au maire</div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                <p>Votre demande créée le {{{DemarcheDemandeDateCreation}}} nécessite une action de votre part afin de pouvoir la traiter.</p>\n                                <p>Afin de nous fournir les informations demandées, connectez-vous sur&nbsp;{{{MecAccessUrl}}} puis accéder à la section Mes demandes / Mes actions à faire</p>\n                                <p>Cordialement.</p>\n                                <p>\n                                    Commune de {{{InterneNomCommune}}}\n                                    <br>\n                                </p>\n                            </td>   \n                        </tr>   \n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n            <!-- Clear Spacer : BEGIN -->\n           <tr>\n            <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                \n            <br></td>\n        </tr>\n        <tr>\n            <td style=\"background-color: #ffffff\">\n                <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                    <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                        <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                            <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                            <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                            <li>Rubrique associée à votre message : {{{form_rubriqueduMessage}}}</li>\n                          <li>Objet du message : {{{form_objetDuMessage1}}}</li>\n                          </ul>\n                        </td>\n                    </tr>\n                </tbody></table>\n            </td>\n        </tr>\n    </tbody></table>\n\n    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n        <tbody><tr>\n            <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n            </td>\n        </tr>\n    </tbody></table>\n\n</div>\n   \n\n\n","title":"Ecrire au maire - Précisions usager","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre demande nécessite des précisions"}],"forms":[{"active":null,"components":[{"components":[{"validate":{"required":true},"tableView":true,"isUploadEnabled":false,"input":true,"editor":"quill","as":"html","wysiwyg":{"modules":{"toolbar":[[{"size":["small",false,"large","huge"]}],[{"header":[1,2,3,4,5,6,false]}],[{"font":[]}],["bold","italic","underline","strike",{"script":"sub"},{"script":"super"},"clean"],[{"color":[]},{"background":[]}],[{"list":"ordered"},{"list":"bullet"},{"indent":"-1"},{"indent":"+1"},{"align":[]}],["blockquote","code-block"],["link","image","video","formula","source"]],"clipboard":{"matchVisual":false}},"placeholder":"","theme":"snow"},"editorReady":"quill","type":"textarea","label":"Saisissez votre message à destination des agents de la mairie","key":"citopia_addPublicComment"}],"label":"","tableView":false,"input":true,"type":"customAddPublicCommentForm","key":"customAddPublicCommentForm","required_comment":true,"txt_label":"Saisissez votre message à destination des agents de la mairie"},{"input":true,"type":"radio","key":"souhaitezVousJoindreDesDocuments","validate":{"required":true},"values":[{"shortcut":"","value":"oui","label":"Oui"},{"shortcut":"","value":"non","label":"Non"}],"tableView":false,"inline":true,"optionsLabelPosition":"right","label":"Souhaitez-vous joindre des documents ?"},{"options":"{\"document\":true}","input":true,"type":"file","conditional":{"eq":"oui","when":"souhaitezVousJoindreDesDocuments","show":true},"key":"documentSAJoindre","validate":{"required":true},"multiple":true,"fileTypes":[{"value":"","label":""}],"webcam":false,"storage":"url","tableView":false,"label":"Document(s) à joindre"},{"clearOnRefresh":false,"widget":null,"labelMargin":3,"labelWidth":30,"tableView":true,"input":true,"disableOnInvalid":true,"key":"submit","label":"Submit","type":"button"}],"display":"form","procedureId":"Ecrivez au Maire","name":"Generique - infos complementaires usagers - 1755175161897","type":"process"},{"active":null,"components":[{"input":true,"type":"radio","key":"approvalState","validate":{"required":true},"values":[{"shortcut":"","value":"1","label":"Traiter et clôturer la demande"},{"shortcut":"","value":"0","label":"Refuser et clôturer la demande"},{"shortcut":"","value":"2","label":"Demander plus d'informations à l'usager via le portail citoyen"}],"tableView":false,"inline":false,"optionsLabelPosition":"right","label":"Que souhaitez-vous faire ?"},{"label":"Souhaitez-vous envoyer un message à l'usager pour l'informer ?","optionsLabelPosition":"right","inline":false,"tableView":false,"values":[{"shortcut":"","value":"0","label":"Oui, via un commentaire public visible sur le portail citoyen"},{"shortcut":"","value":"1","label":"Oui, via l'envoi d'un email"},{"label":"Oui, via un courrier","value":"paperMail","shortcut":""},{"shortcut":"","value":"2","label":"Non"}],"validate":{"required":true},"key":"souhaitezVousEnvoyerUnMessageALusagerPourLinformerDuRefusDeSaDemande1","conditional":{"show":false,"when":"approvalState","eq":"2"},"type":"customContactResponseRadio","input":true},{"txt_label":"Saisissez votre message à destination de l'usager","required_comment":true,"key":"customAddPublicCommentForm1","conditional":{"show":true,"when":"souhaitezVousEnvoyerUnMessageALusagerPourLinformerDuRefusDeSaDemande1","eq":"0"},"type":"customAddPublicCommentForm","components":[{"validate":{"required":true},"tableView":true,"isUploadEnabled":false,"input":true,"editor":"quill","as":"html","wysiwyg":{"modules":{"toolbar":[[{"size":["small",false,"large","huge"]}],[{"header":[1,2,3,4,5,6,false]}],[{"font":[]}],["bold","italic","underline","strike",{"script":"sub"},{"script":"super"},"clean"],[{"color":[]},{"background":[]}],[{"list":"ordered"},{"list":"bullet"},{"indent":"-1"},{"indent":"+1"},{"align":[]}],["blockquote","code-block"],["link","image","video","formula","source"]],"clipboard":{"matchVisual":false}},"placeholder":"","theme":"snow"},"editorReady":"quill","type":"textarea","label":"Saisissez votre message à destination de l'usager","key":"citopia_addPublicComment1"}],"label":"","tableView":false,"input":true},{"key":"customFormSendEmail","conditional":{"show":true,"when":"souhaitezVousEnvoyerUnMessageALusagerPourLinformerDuRefusDeSaDemande1","eq":"1"},"type":"customFormSendEmail","components":[{"tableView":false,"input":true,"defaultValue":"{{% RECEIVER_EMAIL %}}","type":"hidden","label":"","key":"citopia_destEmail"},{"tableView":false,"input":true,"defaultValue":"{{% RECEIVER_NAME_EMAIL %}}","type":"hidden","label":"","key":"citopia_destNameEmail"},{"tableView":false,"input":true,"defaultValue":"{{% OBJECT_EMAIL %}}","type":"hidden","label":"","key":"citopia_objectEmail"},{"tableView":false,"input":true,"defaultValue":"{{% SENDER_NAME_EMAIL %}}","type":"hidden","label":"","key":"citopia_senderNameEmail"},{"tableView":false,"input":true,"defaultValue":"{{% SENDER_EMAIL %}}","type":"hidden","label":"","key":"citopia_senderEmail"},{"tableView":true,"isUploadEnabled":false,"input":true,"editor":"quill","as":"string","wysiwyg":{"modules":{"toolbar":[[{"size":["small",false,"large","huge"]}],[{"header":[1,2,3,4,5,6,false]}],[{"font":[]}],["bold","italic","underline","strike",{"script":"sub"},{"script":"super"},"clean"],[{"color":[]},{"background":[]}],[{"list":"ordered"},{"list":"bullet"},{"indent":"-1"},{"indent":"+1"},{"align":[]}],["blockquote","code-block"],["link","image","video","formula","source"]],"clipboard":{"matchVisual":false}},"placeholder":"","theme":"snow"},"editorReady":"quill","type":"textarea","label":"Votre message: ","key":"citopia_contentEmail"},{"tableView":false,"input":true,"fileTypes":[{"value":"","label":""}],"storage":"url","options":"{ \"test\": true }","type":"file","label":"Pièces jointes: ","key":"citopia_email_files"}],"label":"","tableView":false,"input":true},{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #D3E9FC;\n        color:#134C7D;\n        padding-left:10px;\n        padding-top:10px;\n        overflow:auto;\"><h5>Vous souhaitez demander des précisions à l'usager.</h5>\n<p>\nL'usager sera notifié par email de l'arrivé d'un commentaire public.<br>\nIl pourra le consulter depuis le portail citoyen.<br/> \nSaisissez votre message à destination de l'usager ci-dessous.<br/><br/></p>\n</div>","refreshOnChange":false,"key":"html","conditional":{"show":true,"when":"approvalState","eq":"2"},"type":"htmlelement","tableView":false,"input":false},{"components":[{"validate":{"required":true},"tableView":true,"isUploadEnabled":false,"input":true,"editor":"quill","as":"html","wysiwyg":{"modules":{"toolbar":[[{"size":["small",false,"large","huge"]}],[{"header":[1,2,3,4,5,6,false]}],[{"font":[]}],["bold","italic","underline","strike",{"script":"sub"},{"script":"super"},"clean"],[{"color":[]},{"background":[]}],[{"list":"ordered"},{"list":"bullet"},{"indent":"-1"},{"indent":"+1"},{"align":[]}],["blockquote","code-block"],["link","image","video","formula","source"]],"clipboard":{"matchVisual":false}},"placeholder":"","theme":"snow"},"editorReady":"quill","type":"textarea","label":"Saisissez votre message à destination de l'usager","key":"citopia_addPublicComment"}],"label":"","tableView":false,"input":true,"type":"customAddPublicCommentForm","conditional":{"eq":"2","when":"approvalState","show":true},"key":"customAddPublicCommentForm","required_comment":true,"txt_label":"Saisissez votre message à destination de l'usager"},{"tableView":false,"input":true,"disableOnInvalid":true,"key":"submit","label":"Submit","type":"button"}],"display":"form","procedureId":"Ecrivez au Maire","name":"Générique - Traiter demande - 1755175161899","type":"process"},{"active":true,"components":[{"components":[{"input":true,"parentKey":"page1","type":"select","attributes":{"statisticField":"true","editableField":"true"},"key":"rubriqueduMessage","validate":{"required":true},"data":{"values":[{"value":"affairesSociales","label":"Affaires sociales"},{"value":"presentationDeProjets","label":"Présentation de projets"},{"value":"vieQuotidienne","label":"Vie quotidienne"}]},"tableView":true,"widget":"choicesjs","label":"Rubrique associée à votre message"},{"input":true,"type":"textfield","key":"objetDuMessage1","validate":{"required":true},"tableView":true,"label":"Objet du message","parentKey":"page1"},{"rows":8,"input":true,"type":"textarea","key":"votreMessageAEnvoyer","validate":{"required":true},"tableView":true,"autoExpand":false,"label":"Votre message à envoyer","parentKey":"page1"},{"input":true,"type":"radio","key":"souhaitezVousAjouterDesPiecesJointes","validate":{"required":true},"values":[{"shortcut":"","value":"oui","label":"Oui"},{"shortcut":"","value":"non","label":"Non"}],"tableView":false,"inline":true,"optionsLabelPosition":"right","label":"Souhaitez-vous ajouter des pièces jointes ?","parentKey":"page1"},{"options":"{\"document\":true}","input":true,"type":"file","conditional":{"eq":"oui","when":"souhaitezVousAjouterDesPiecesJointes","show":true},"key":"piecesJointes","validate":{"required":true},"multiple":true,"fileTypes":[{"value":"","label":""}],"webcam":false,"storage":"url","tableView":false,"label":"Pièces jointes","parentKey":"page1"}],"tableView":false,"input":false,"label":"Page 1","type":"panel","key":"page1","collapsible":false,"scrollToTop":false,"buttonSettings":{"next":true,"cancel":true,"previous":true},"breadcrumbClickable":true,"title":"Message à envoyer"},{"components":[{"components":[{"validate":{"required":false},"tableView":true,"input":true,"inline":true,"optionsLabelPosition":"right","values":[{"shortcut":"","value":"monsieur","label":"Monsieur"},{"shortcut":"","value":"madame","label":"Madame"}],"defaultValue":"citopia[identity].persona.data.civilite","type":"radio","label":"Civilité","key":"civilite","parentKey":"page2"},{"input":true,"tableView":true,"validate":{"required":true},"defaultValue":"citopia[identity].persona.data.lastName","type":"textfield","label":"Nom","key":"nom","parentKey":"page2"},{"input":true,"tableView":true,"validate":{"required":true},"defaultValue":"citopia[identity].persona.data.firstName","type":"textfield","label":"Prénom","key":"prenom","parentKey":"page2"},{"components":[{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_address1","tableView":false,"label":"Address 1","parentKey":"page2"},{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_address2","tableView":false,"label":"Address 2","parentKey":"page2"},{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_city","tableView":false,"label":"City","parentKey":"page2"},{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_state","tableView":false,"label":"State","parentKey":"page2"},{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_country","tableView":false,"label":"Country","parentKey":"page2"},{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_zip","tableView":false,"label":"Zip Code","parentKey":"page2"}],"input":true,"tableView":true,"provider":"google","defaultValue":"citopia[identity].persona.data.address","type":"address","label":"Adresse","key":"adresse","parentKey":"page2","apiKey":"AIzaSyCyNNRd-a-qFy8JKlb8wWpe2Y2TMmCqe6E"},{"input":true,"tableView":true,"defaultValue":"citopia[identity].persona.data.additionalAddress","label":"Complément d'adresse","type":"textfield","key":"additionalAddress","parentKey":"page2"},{"input":true,"tableView":true,"validate":{"custom":"valid = ['1','2','3','4','5','6','7','8','9'].includes(input.substring(4, 5)) ? true : 'L\\'indicatif n\\'est pas valide'","required":false},"inputMask":"+33 9.99.99.99.99","defaultValue":"citopia[identity].persona.data.phone","type":"textfield","label":"Téléphone","key":"telephone","parentKey":"page2"},{"input":true,"tableView":true,"validate":{"required":false},"defaultValue":"citopia[identity].persona.data.email","type":"email","label":"Email","key":"mail","parentKey":"page2"},{"input":true,"attributes":{"displayInEmailSumup":"false"},"tableView":true,"label":"Mémoriser mes données personnelles pour mes prochaines demandes","type":"checkbox","key":"memoriserMesDonneesPersonnellesPourMesProchainesDemandes","parentKey":"page2"}],"label":"","tableView":false,"input":true,"type":"customCitizenForm","key":"customCitizenForm","parentKey":"page2"}],"tableView":false,"input":false,"label":"Page 2","type":"panel","key":"page2","collapsible":false,"scrollToTop":false,"buttonSettings":{"next":true,"cancel":true,"previous":true},"breadcrumbClickable":true,"title":"Informations personnelles"},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no0","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"jsonIdentityRequested","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"onLine","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no1","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"canalRequest","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no2","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"tenantId","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false,"defaultValue":"9e893d81-997c-4931-8022-ce479728e8dd"},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no3","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"__connector","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no4","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"__customId","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no5","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"__createdAt","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no6","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"__startActivityId","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false}],"display":"wizard","procedureId":"Ecrivez au Maire","name":"Formulaire Ecrivez au maire","type":"init"}]}