{"id":438,"date":"2020-02-25T03:02:21","date_gmt":"2020-02-25T03:02:21","guid":{"rendered":"https:\/\/mairiecome.bj\/?page_id=438"},"modified":"2026-06-18T21:26:40","modified_gmt":"2026-06-18T19:26:40","slug":"contact","status":"publish","type":"page","link":"https:\/\/mairiecome.bj\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"438\" class=\"elementor elementor-438\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-56890a2 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"56890a2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd1b5ed\" data-id=\"cd1b5ed\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a306427 elementor-widget elementor-widget-wp-widget-mairie_contact_widget\" data-id=\"a306427\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-mairie_contact_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        \n        <style>\n            .wp-contact-wrapper {\n                display: grid; grid-template-columns: 1.16fr 1fr; background: #ffffff;\n                border-radius: 24px; overflow: hidden; box-shadow: 0 20px 40px -15px rgba(27, 54, 93, 0.15);\n                max-width: 1200px; margin: 2rem auto; font-family: 'Segoe UI', Roboto, sans-serif;\n            }\n            .contact-info-panel {\n                position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;\n                padding: 4.5rem 3rem 3.5rem 3rem; display: flex; flex-direction: column; gap: 2rem; justify-content: flex-start;\n            }\n            .info-item-clean { position: relative; z-index: 2; display: flex; align-items: center; gap: 1.5rem; }\n            .info-item-clean .icon-box { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #ffffff; font-size: 1.2rem; }\n            .info-text h4 { font-size: 1.05rem; font-weight: 700; color: #ffffff; margin-bottom: 0.1rem; text-transform: none; letter-spacing: normal; }\n            .info-text p, .info-text a { color: #e2e8f0; text-decoration: none; font-size: 1rem; font-weight: 500; margin: 0; padding: 0; line-height: 1.4; }\n            .info-item-clean.email-item .info-text a { color: #fde047; }\n            \n            .contact-form-panel { padding: 4rem 3.5rem; background: #ffffff; }\n            .form-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }\n            .form-group { display: flex; flex-direction: column; gap: 0.5rem; }\n            .form-group label { font-size: 0.9rem; font-weight: 600; color: #1b365d; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; }\n            .form-control { width: 100%; padding: 1rem 1.25rem; font-size: 1rem; border: 2px solid #e2e8f0; border-radius: 12px; outline: none; background-color: #f8fafc; color: #0f172a; box-shadow: none; }\n            .form-control:focus { background-color: #ffffff; border-color: #0284c7; }\n            textarea.form-control { resize: none; min-height: 160px; }\n            .btn-submit { background: linear-gradient(135deg, #1b365d 0%, #0284c7 100%); color: #ffffff; border: none; padding: 1.1rem 2rem; font-size: 1.1rem; font-weight: 600; border-radius: 12px; cursor: pointer; margin-top: 1rem; width: 100%; display: block; text-shadow: none; }\n            \n            .contact-alert-success {\n                background-color: #ecfdf5; border: 2px solid #10b981; color: #065f46;\n                padding: 1rem; border-radius: 12px; margin-bottom: 1.5rem; font-weight: 600; text-align: center;\n            }\n            .contact-alert-warning {\n                background-color: #fffbeb; border: 2px solid #d97706; color: #92400e;\n                padding: 1rem; border-radius: 12px; margin-bottom: 1.5rem; font-weight: 600; text-align: center;\n            }\n\n            @media (max-width: 992px) {\n                .wp-contact-wrapper { grid-template-columns: 1fr; }\n                .contact-info-panel { padding: 4rem 2rem; }\n                .contact-form-panel { padding: 3rem 2rem; }\n            }\n        <\/style>\n\n        <div class=\"wp-contact-wrapper\">\n            <div class=\"contact-info-panel\" style=\"background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url('http:\/\/mairiecome.bj\/wp-content\/uploads\/2026\/06\/contact-image.jpg');\">\n                \n                <div class=\"info-item-clean\">\n                    <div class=\"icon-box\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n                    <div class=\"info-text\">\n                        <h4>T\u00e9l\u00e9phone<\/h4>\n                        <p><a href=\"tel:+229 0140 810 810\">+229 0140 810 810<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-item-clean email-item\">\n                    <div class=\"icon-box\"><i class=\"fas fa-envelope\"><\/i><\/div>\n                    <div class=\"info-text\">\n                        <h4>Email<\/h4>\n                        <p><a href=\"mailto:contact.come@mairie.bj\">contact.come@mairie.bj<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-item-clean\">\n                    <div class=\"icon-box\"><i class=\"fas fa-building\"><\/i><\/div>\n                    <div class=\"info-text\">\n                        <h4>H\u00f4tel de ville<\/h4>\n                        <p>Mairie de Com\u00e9<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-item-clean\">\n                    <div class=\"icon-box\"><i class=\"fas fa-file-invoice\"><\/i><\/div>\n                    <div class=\"info-text\">\n                        <h4>N\u00b0 IFU<\/h4>\n                        <p>6 2010 0037 0801<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-item-clean\">\n                    <div class=\"icon-box\"><i class=\"fas fa-box\"><\/i><\/div>\n                    <div class=\"info-text\">\n                        <h4>Bo\u00eete Postale (BP)<\/h4>\n                        <p>02-2341<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"contact-form-panel\">\n                \n                                    <form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/438\" method=\"POST\" class=\"form-grid\">\n                        <div class=\"form-group\">\n                            <label for=\"mc_name\">Nom & Pr\u00e9noms \/ Raison Sociale<\/label>\n                            <input type=\"text\" id=\"mc_name\" name=\"mc_name\" class=\"form-control\" placeholder=\"Votre nom complet\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"mc_email\">Votre adresse e-mail<\/label>\n                            <input type=\"email\" id=\"mc_email\" name=\"mc_email\" class=\"form-control\" placeholder=\"Ex: citoyen@domaine.bj\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"mc_subject\">Objet de votre demande<\/label>\n                            <input type=\"text\" id=\"mc_subject\" name=\"mc_subject\" class=\"form-control\" placeholder=\"Ex: Demande d'acte d'\u00e9tat civil, r\u00e9clamation...\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"mc_message\">Message<\/label>\n                            <textarea id=\"mc_message\" name=\"mc_message\" class=\"form-control\" placeholder=\"R\u00e9digez votre message ici...\" required><\/textarea>\n                        <\/div>\n                        <input type=\"hidden\" name=\"mairie_contact_submit\" value=\"1\">\n                        <button type=\"submit\" class=\"btn-submit\">Transmettre le message<\/button>\n                    <\/form>\n                            <\/div>\n        <\/div>\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-17a8de1 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"17a8de1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-38707e8\" data-id=\"38707e8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a5a90a elementor-widget elementor-widget-text-editor\" data-id=\"7a5a90a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"mapouter\">\n  <div class=\"gmap_canvas\">\n    <iframe id=\"gmap_canvas\" class=\"map-canvas\" width=\"100%\" height=\"450\"\n      src=\"https:\/\/maps.google.com\/maps?q=6.416868283285785,1.86598813687926&#038;t=&#038;z=16&#038;ie=UTF8&#038;iwloc=&#038;output=embed\"\n      frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\">\n    <\/iframe>\n  <\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1796,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-438","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mairiecome.bj\/index.php\/wp-json\/wp\/v2\/pages\/438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mairiecome.bj\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mairiecome.bj\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mairiecome.bj\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mairiecome.bj\/index.php\/wp-json\/wp\/v2\/comments?post=438"}],"version-history":[{"count":33,"href":"https:\/\/mairiecome.bj\/index.php\/wp-json\/wp\/v2\/pages\/438\/revisions"}],"predecessor-version":[{"id":4195,"href":"https:\/\/mairiecome.bj\/index.php\/wp-json\/wp\/v2\/pages\/438\/revisions\/4195"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mairiecome.bj\/index.php\/wp-json\/wp\/v2\/media\/1796"}],"wp:attachment":[{"href":"https:\/\/mairiecome.bj\/index.php\/wp-json\/wp\/v2\/media?parent=438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}