{"procedure":{"accessUrl":"louer-une-salle-municipale","description":"<div>Cette démarche vous permet de faire une demande de location de salle municipale.&nbsp;</div>","displayedProperties":{"task":{"title":"objetDeLaDemandeDeLocation","subtitle":"salleSouhaitee"},"request":{"title":"objetDeLaDemandeDeLocation","subtitle":"salleSouhaitee","metadata":["objetDeLaDemandeDeLocation","salleSouhaitee","indiquerLeMaterielSouhaite"]},"statisticField":"salleSouhaitee"},"icon":"https://citopia-images.s3.fr-par.scw.cloud/icons/time/calendar.svg","imageUrl":"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/louer-une-salle-municipale/1669119145780-112d7513-f236-4d87-a0cf-1cec6d081952.jpg","shouldBeAnonymized":false,"thirdPartAppConfig":null,"title":"Louer une salle municipale","type":"BPMN","localisationField":null},"workflowConfig":{"buttonText":"Faire une demande de location de salle","bpmnKey":"Process_Une_Tache","formId":"Louer une salle municipale","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 - 1755164224298","assignee":"","assigneeDefault":"","dueDate":""},"Valider":{"name":"Valider","sendMessage":false,"typeAssignee":"statique","formId":"Générique - Traiter demande - 1755164224299","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":"6557dccb-20f6-48a2-998b-f281bfaa986f","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Louer salle municipale - 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":"c717741d-6106-4068-9ea7-c1e25651e929","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Louer une salle municipale - Précisions usager","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"DemandeRejetee":{"name":"Demande rejetée","changeStatus":true,"stateStatus":"statusDefault_rejected","nameStatus":"Refusé","sendMessage":true,"communications":[{"uuid":"dd04f97d-5122-4162-bc8f-27333bc90b68","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Louer une salle - Rejet","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"DemandeTraitee":{"name":"Demande traitée","changeStatus":true,"stateStatus":"statusDefault_ended","nameStatus":"Clôturé","sendMessage":true,"communications":[{"uuid":"e8d53796-3c31-4789-bdaf-5e052d19d103","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Louer une salle municipale - Traité","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":"Cadre de vie","comTemplates":[{"procedureId":"Louer une salle municipale","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\">Accusé de réception - Demande de location de salle</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>Madame, Monsieur,</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>Objet de la demande de location: {{{form_objetDeLaDemandeDeLocation}}}</li>\n                                <li>Salle souhaitée: {{{form_salleSouhaitee}}}</li>\n                              <li>Dates préférentielles : Du {{{form_du1}}} Au {{{form_Au1}}}</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","title":"Louer salle municipale - Accusé","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre demande de location de salle a bien été prise en compte"},{"procedureId":"Louer une salle municipale","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        <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 à une demande de location de salle</em></p>\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 - Demande de location de salle</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            <br></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>Objet de la demande de location: {{{form_objetDeLaDemandeDeLocation}}}</li>\n                                <li>Salle souhaitée: {{{form_salleSouhaitee}}}</li>\n                              <li>Dates préférentielles : Du {{{form_du1}}} Au {{{form_Au1}}}</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","title":"Louer une salle municipale - Précisions usager","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre demande nécessite des précisions"},{"procedureId":"Louer une salle municipale","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        <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>\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 demande de location de salle</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.</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            <br></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>Objet de la demande de location: {{{form_objetDeLaDemandeDeLocation}}}</li>\n                                <li>Salle souhaitée: {{{form_salleSouhaitee}}}</li>\n                              <li>Dates préférentielles : Du {{{form_du1}}} Au {{{form_Au1}}}</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","title":"Louer une salle - Rejet","type":"email","sendDocumentsAsAttachments":false,"subject":"Informations concernant votre demande de location de salle&nbsp;"},{"procedureId":"Louer une salle municipale","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 - Demande de location de salle</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. </p>\n                                <p>Nous espérons que notre réponse vous a apporté 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>Objet de la demande de location: {{{form_objetDeLaDemandeDeLocation}}}</li>\n                                <li>Salle souhaitée: {{{form_salleSouhaitee}}}</li>\n                              <li>Dates préférentielles : Du {{{form_du1}}} Au {{{form_Au1}}}</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","title":"Louer une salle municipale - Traité","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre demande de location de salle a été traitée"}],"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":"Louer une salle municipale","name":"Generique - infos complementaires usagers - 1755164224298","type":"process"},{"active":true,"components":[{"tableView":false,"input":false,"components":[{"input":true,"type":"radio","key":"vousEtes","validate":{"required":true},"values":[{"shortcut":"","value":"habitantDeLaCommune","label":"Habitant de la commune"},{"shortcut":"","value":"exterieurALaCommune","label":"Extérieur à la commune"}],"tableView":false,"inline":true,"optionsLabelPosition":"right","label":"Vous êtes ?","parentKey":"page1"},{"tableView":false,"input":false,"type":"columns","key":"columns","columns":[{"currentWidth":6,"size":"md","pull":0,"push":0,"offset":0,"width":6,"components":[{"defaultValue":"citopia[identity].persona.data.firstName","input":true,"type":"textfield","key":"prenom","validate":{"required":true},"tableView":true,"label":"Prénom","parentKey":"columns"},{"defaultValue":"citopia[identity].persona.data.email","input":true,"type":"email","key":"email","validate":{"required":false},"tableView":true,"label":"Email","parentKey":"columns"}]},{"currentWidth":6,"size":"md","pull":0,"push":0,"offset":0,"width":6,"components":[{"defaultValue":"citopia[identity].persona.data.lastName","input":true,"type":"textfield","key":"nom","validate":{"required":true},"tableView":true,"label":"Nom","parentKey":"columns"},{"input":true,"type":"phoneNumber","key":"telephone","validate":{"required":false},"tableView":true,"inputMask":"+33 9 99 99 99 99","label":"Téléphone","parentKey":"columns"}]}],"label":"Columns","parentKey":"page1"},{"components":[{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_address1","tableView":false,"label":"Address 1","parentKey":"adresse"},{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_address2","tableView":false,"label":"Address 2","parentKey":"adresse"},{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_city","tableView":false,"label":"City","parentKey":"adresse"},{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_state","tableView":false,"label":"State","parentKey":"adresse"},{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_country","tableView":false,"label":"Country","parentKey":"adresse"},{"customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_zip","tableView":false,"label":"Zip Code","parentKey":"adresse"}],"input":true,"type":"address","key":"adresse","validate":{"required":true},"provider":"google","tableView":false,"label":"Adresse","parentKey":"page1","apiKey":"AIzaSyCyNNRd-a-qFy8JKlb8wWpe2Y2TMmCqe6E"}],"label":"Page 1","type":"panel","key":"page1","collapsible":false,"scrollToTop":false,"buttonSettings":{"next":true,"cancel":true,"previous":true},"breadcrumbClickable":true,"title":"Informations personnelles"},{"components":[{"input":true,"type":"textfield","key":"objetDeLaDemandeDeLocation","validate":{"required":true},"tableView":true,"label":"Objet de la demande de location","parentKey":"page2"},{"input":true,"type":"select","attributes":{"statisticField":"true","editableField":"true"},"key":"salleSouhaitee","validate":{"required":true},"data":{"values":[{"value":"salle1","label":"Salle 1"},{"value":"salle2","label":"Salle 2"}]},"tableView":true,"widget":"choicesjs","label":"Salle souhaitée","parentKey":"page2"},{"input":true,"type":"textarea","key":"remarquesEventuellesConcernantVotreDemandeDeLocation","tableView":true,"autoExpand":false,"label":"Remarques éventuelles concernant votre demande de location","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":"Evènement"},{"components":[{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #D3E9FC;\n        color:#134C7D;\n        padding-left:10px;\n        padding-top:10px;\n        padding-bottom:10px;\">\n  <p><strong>Merci de nous indiquer, par ordre de préférence, une date de réservation souhaitée pour votre événement (réservation à effectuer au moins 15 jours avant la date de votre événement).</strong>\n</p>\n<p>Nous nous efforcerons de vous trouver des disponiblités selon l'ordre de vos préférences. Si cela n'est pas possible, nous vous contacterons pour convenir d'une autre date.</p>\n\n</div>","refreshOnChange":false,"key":"html3","type":"htmlelement","tableView":false,"input":false,"parentKey":"page3"},{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #F5F6FA;\n        border:solid;\n        border:1px solid #E1E5F2;\n        padding-left:10px;\n        padding-top:10px;\n        padding-bottom:10px;\n        overflow:auto;\">\n  <h3>Préférence n°1</h3>\n</div>","refreshOnChange":false,"key":"html","type":"htmlelement","tableView":false,"input":false,"parentKey":"page3"},{"tableView":false,"input":false,"type":"columns","key":"columns1","columns":[{"currentWidth":6,"size":"md","pull":0,"push":0,"offset":0,"width":6,"components":[{"widget":{"type":"calendar","displayInTimezone":"viewer","locale":"fr","useLocaleSettings":false,"allowInput":true,"mode":"single","enableTime":true,"noCalendar":false,"format":"dd-MM-yyyy HH:mm","hourIncrement":1,"minuteIncrement":1,"time_24hr":true,"readOnly":false,"minDate":null,"disableWeekends":false,"disableWeekdays":false,"maxDate":null},"input":true,"type":"datetime","key":"du1","validate":{"required":true},"timePicker":{"showMeridian":false},"enableMaxDateInput":false,"datePicker":{"disableWeekdays":false,"disableWeekends":false},"enableMinDateInput":false,"tableView":false,"format":"dd-MM-yyyy HH:mm","label":"Du ","parentKey":"columns1"}]},{"currentWidth":6,"size":"md","pull":0,"push":0,"offset":0,"width":6,"components":[{"widget":{"type":"calendar","displayInTimezone":"viewer","locale":"fr","useLocaleSettings":false,"allowInput":true,"mode":"single","enableTime":true,"noCalendar":false,"format":"dd-MM-yyyy HH:mm","hourIncrement":1,"minuteIncrement":1,"time_24hr":true,"readOnly":false,"minDate":null,"disableWeekends":false,"disableWeekdays":false,"maxDate":null},"input":true,"type":"datetime","key":"Au1","validate":{"required":true},"timePicker":{"showMeridian":false},"enableMaxDateInput":false,"datePicker":{"disableWeekdays":false,"disableWeekends":false},"enableMinDateInput":false,"tableView":false,"format":"dd-MM-yyyy HH:mm","label":"Au","parentKey":"columns1"}]}],"label":"Columns","parentKey":"page3"},{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #F5F6FA;\n        border:solid;\n        border:1px solid #E1E5F2;\n        padding-left:10px;\n        padding-top:10px;\n        padding-bottom:10px;\n        overflow:auto;\">\n  <h3>Préférence n°2</h3>\n</div>","refreshOnChange":false,"key":"html1","type":"htmlelement","tableView":false,"input":false,"parentKey":"page3"},{"tableView":false,"input":false,"type":"columns","key":"columns2","columns":[{"currentWidth":6,"size":"md","pull":0,"push":0,"offset":0,"width":6,"components":[{"widget":{"type":"calendar","displayInTimezone":"viewer","locale":"fr","useLocaleSettings":false,"allowInput":true,"mode":"single","enableTime":true,"noCalendar":false,"format":"dd-MM-yyyy HH:mm","hourIncrement":1,"minuteIncrement":1,"time_24hr":true,"readOnly":false,"minDate":null,"disableWeekends":false,"disableWeekdays":false,"maxDate":null},"input":true,"type":"datetime","key":"du2","timePicker":{"showMeridian":false},"enableMaxDateInput":false,"datePicker":{"disableWeekdays":false,"disableWeekends":false},"enableMinDateInput":false,"tableView":false,"format":"dd-MM-yyyy HH:mm","label":"Du ","parentKey":"columns2"}]},{"currentWidth":6,"size":"md","pull":0,"push":0,"offset":0,"width":6,"components":[{"widget":{"type":"calendar","displayInTimezone":"viewer","locale":"fr","useLocaleSettings":false,"allowInput":true,"mode":"single","enableTime":true,"noCalendar":false,"format":"dd-MM-yyyy HH:mm","hourIncrement":1,"minuteIncrement":1,"time_24hr":true,"readOnly":false,"minDate":null,"disableWeekends":false,"disableWeekdays":false,"maxDate":null},"input":true,"type":"datetime","key":"Au2","timePicker":{"showMeridian":false},"enableMaxDateInput":false,"datePicker":{"disableWeekdays":false,"disableWeekends":false},"enableMinDateInput":false,"tableView":false,"format":"dd-MM-yyyy HH:mm","label":"Au","parentKey":"columns2"}]}],"label":"Columns","parentKey":"page3"},{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #F5F6FA;\n        border:solid;\n        border:1px solid #E1E5F2;\n        padding-left:10px;\n        padding-top:10px;\n        padding-bottom:10px;\n        overflow:auto;\">\n  <h3>Préférence n°3</h3>\n</div>","refreshOnChange":false,"key":"html2","type":"htmlelement","tableView":false,"input":false,"parentKey":"page3"},{"tableView":false,"input":false,"type":"columns","key":"columns3","columns":[{"currentWidth":6,"size":"md","pull":0,"push":0,"offset":0,"width":6,"components":[{"widget":{"type":"calendar","displayInTimezone":"viewer","locale":"fr","useLocaleSettings":false,"allowInput":true,"mode":"single","enableTime":true,"noCalendar":false,"format":"dd-MM-yyyy HH:mm","hourIncrement":1,"minuteIncrement":1,"time_24hr":true,"readOnly":false,"minDate":null,"disableWeekends":false,"disableWeekdays":false,"maxDate":null},"input":true,"type":"datetime","key":"du3","timePicker":{"showMeridian":false},"enableMaxDateInput":false,"datePicker":{"disableWeekdays":false,"disableWeekends":false},"enableMinDateInput":false,"tableView":false,"format":"dd-MM-yyyy HH:mm","label":"Du ","parentKey":"columns3"}]},{"currentWidth":6,"size":"md","pull":0,"push":0,"offset":0,"width":6,"components":[{"widget":{"type":"calendar","displayInTimezone":"viewer","locale":"fr","useLocaleSettings":false,"allowInput":true,"mode":"single","enableTime":true,"noCalendar":false,"format":"dd-MM-yyyy HH:mm","hourIncrement":1,"minuteIncrement":1,"time_24hr":true,"readOnly":false,"minDate":null,"disableWeekends":false,"disableWeekdays":false,"maxDate":null},"input":true,"type":"datetime","key":"Au3","timePicker":{"showMeridian":false},"enableMaxDateInput":false,"datePicker":{"disableWeekdays":false,"disableWeekends":false},"enableMinDateInput":false,"tableView":false,"format":"dd-MM-yyyy HH:mm","label":"Au","parentKey":"columns3"}]}],"label":"Columns","parentKey":"page3"}],"tableView":false,"input":false,"label":"Page 3","type":"panel","key":"page3","collapsible":false,"scrollToTop":false,"buttonSettings":{"next":true,"cancel":true,"previous":true},"breadcrumbClickable":true,"title":"Dates souhaitées"},{"components":[{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #D3E9FC;\n        color:#134C7D;\n        padding-left:10px;\n        padding-top:10px;\n        padding-bottom:10px;\">\n  <p><strong>Important : Le matériel sera mis à disposition en fonction des disponibilités de la commune.</strong>\n</p>\n</div>","refreshOnChange":false,"key":"html4","type":"htmlelement","tableView":false,"input":false,"parentKey":"page4"},{"input":true,"type":"textarea","key":"indiquerLeMaterielSouhaite","tableView":true,"autoExpand":false,"placeholder":"Nombre de chaises, tables, etc...","label":"Indiquer le matériel souhaité","parentKey":"page4"},{"input":true,"type":"radio","key":"typeDeDispositionSouhaitee","validate":{"required":true},"values":[{"shortcut":"","value":"debout","label":"Debout"},{"shortcut":"","value":"assise","label":"Assise"},{"shortcut":"","value":"attablee","label":"Attablée"}],"tableView":false,"inline":false,"optionsLabelPosition":"right","label":"Type de disposition souhaitée","parentKey":"page4"}],"tableView":false,"input":false,"label":"Page 4","type":"panel","key":"page4","collapsible":false,"scrollToTop":false,"buttonSettings":{"next":true,"cancel":true,"previous":true},"breadcrumbClickable":true,"title":"Matériel souhaité"},{"components":[{"options":"{\"document\":true}","input":true,"type":"file","key":"justificatifDeDomicile","fileMaxSize":"10MB","fileTypes":[{"value":"","label":""}],"webcam":false,"storage":"url","tableView":false,"label":"Justificatif de domicile","parentKey":"page5"}],"tableView":false,"input":false,"label":"Page 5","type":"panel","key":"page5","collapsible":false,"scrollToTop":false,"buttonSettings":{"next":true,"cancel":true,"previous":true},"breadcrumbClickable":true,"title":"Pièces justificatives"},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"jsonIdentityRequested","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","defaultValue":"onLine","input":true,"inputType":"textfield","key":"canalRequest","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"tenantId","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false,"defaultValue":"9e893d81-997c-4931-8022-ce479728e8dd"},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__connector","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__customId","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__createdAt","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__startActivityId","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false}],"display":"wizard","procedureId":"Louer une salle municipale","name":"Louer une salle municipale","type":"init"},{"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":"Louer une salle municipale","name":"Générique - Traiter demande - 1755164224299","type":"process"}]}