{"id":384,"date":"2025-11-07T07:52:40","date_gmt":"2025-11-07T06:52:40","guid":{"rendered":"https:\/\/citoya.fr\/?page_id=384"},"modified":"2026-02-24T10:58:24","modified_gmt":"2026-02-24T09:58:24","slug":"infos-et-contact","status":"publish","type":"page","link":"https:\/\/citoya.fr\/index.php\/infos-et-contact\/","title":{"rendered":"Infos et Contact"},"content":{"rendered":"\n<!-- BLOC 1 \u2013 HERO INFO & CONTACT (image centr\u00e9e) -->\n<div style=\"width:100vw; margin-left:calc(50% - 50vw); font-family:'Gilroy','Helvetica Neue',Arial,sans-serif;\">\n\n  <section style=\"\n    position:relative;\n    width:100%;\n    min-height:45vh; \/* Hauteur r\u00e9duite *\/\n    background-image:url('http:\/\/citoya.fr\/wp-content\/uploads\/2025\/11\/heureux-groupe-elegant-d-amis-en-regardant-l-ecran-du-telephone-mobile-scaled-e1762499481747.jpg');\n    background-size:cover;\n    background-position:center center; \/* \u2705 centr\u00e9e horizontalement et verticalement *\/\n    background-repeat:no-repeat;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    color:#FFFFFF;\n    overflow:hidden;\n  \">\n    <!-- D\u00e9grad\u00e9 de superposition -->\n    <div style=\"\n      position:absolute;\n      inset:0;\n      background:linear-gradient(to bottom right,rgba(0,87,184,0.65),rgba(225,6,0,0.65));\n      z-index:1;\n    \"><\/div>\n\n    <!-- Contenu -->\n    <div style=\"position:relative; z-index:2; max-width:800px; padding:0 2rem;\">\n      <h1 style=\"font-size:clamp(2rem,5vw,2.6rem); margin-bottom:0.8rem;\">Info &#038; Contact<\/h1>\n      <p style=\"font-size:1.1rem; opacity:0.9;\">Entrons en contact, partageons, diffusons l\u2019esprit citoyen.<\/p>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- BLOC 2 \u2013 FORMULAIRE DE CONTACT -->\n<section style=\"\n  background:#FFFFFF;\n  padding:6vh 2vw;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  font-family:'Gilroy','Helvetica Neue',Arial,sans-serif;\n  color:#0E0E0E;\n\">\n  <div style=\"max-width:700px; width:100%; text-align:center;\">\n    <h2 style=\"font-size:1.8rem; color:#0E0E0E; margin-bottom:1rem;\">\ud83d\udce9 Contacter les administrateurs<\/h2>\n    <p style=\"margin-bottom:2rem; font-size:1.05rem; line-height:1.6; opacity:0.9;\">\n      Vous pouvez utiliser le formulaire ci-dessous pour poser vos questions, proposer une id\u00e9e ou signaler un probl\u00e8me technique.  \n      L\u2019\u00e9quipe du mouvement vous r\u00e9pondra dans les plus brefs d\u00e9lais.\n    <\/p>\n\n    <!-- Formulaire Fluent Forms -->\n    <div class='fluentform ff-default fluentform_wrapper_5 ffs_default_wrap'><form data-form_id=\"5\" id=\"fluentform_5\" class=\"frm-fluent-form fluent_form_5 ff-el-form-top ff_form_instance_5_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_5_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Formulaire de contact<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='384' \/><input type=\"hidden\" id=\"_fluentform_5_fluentformnonce\" name=\"_fluentform_5_fluentformnonce\" value=\"c323edc0e9\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/384\" \/><div data-type=\"name-element\" data-name=\"nom_complet\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_5_nom_complet_first_name_' id='label_ff_5_nom_complet_first_name_' >Pr\u00e9nom<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"nom_complet[first_name]\" id=\"ff_5_nom_complet_first_name_\" class=\"ff-el-form-control\" placeholder=\"Saisissez votre pr\u00e9nom\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_5_nom_complet_last_name_' id='label_ff_5_nom_complet_last_name_' >Nom de famille<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"nom_complet[last_name]\" id=\"ff_5_nom_complet_last_name_\" class=\"ff-el-form-control\" placeholder=\"Saisissez votre nom de famille\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_5_adresse_e_mail' id='label_ff_5_adresse_e_mail' aria-label=\"E-mail\">E-mail<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"adresse_e_mail\" id=\"ff_5_adresse_e_mail\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"adresse_e_mail\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_5_message' id='label_ff_5_message' aria-label=\"Message\">Message<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"message\" class=\"ff-el-form-control\" placeholder=\"Votre message\" data-name=\"message\" id=\"ff_5_message\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='Je consens \u00e0 ce que ce site stocke les informations que j\u2019ai envoy\u00e9es afin de pouvoir r\u00e9pondre \u00e0 ma demande.' class='ff-el-form-check-label ff_tc_label' for=gdpr-agreement_67b3a0564254ab9d0cbcb4386987a381><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"gdpr-agreement\" class=\"ff-el-form-check-input ff_gdpr_field\" data-name=\"gdpr-agreement\" id=\"gdpr-agreement_67b3a0564254ab9d0cbcb4386987a381\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'>Je consens \u00e0 ce que ce site stocke les informations que j\u2019ai envoy\u00e9es afin de pouvoir r\u00e9pondre \u00e0 ma demande.<\/div><\/label><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Envoyer mon message\">Envoyer mon message<\/button><\/div><\/fieldset><\/form><div id='fluentform_5_errors' class='ff-errors-in-stack ff_form_instance_5_1 ff-form-loading_errors ff_form_instance_5_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_5_1 = {\"id\":\"5\",\"ajaxUrl\":\"https:\\\/\\\/citoya.fr\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_5_1\",\"form_id_selector\":\"fluentform_5\",\"rules\":{\"nom_complet[first_name]\":{\"required\":{\"value\":true,\"message\":\"Ce champ est obligatoire\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"nom_complet[middle_name]\":{\"required\":{\"value\":false,\"message\":\"Ce champ est obligatoire\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"nom_complet[last_name]\":{\"required\":{\"value\":true,\"message\":\"Ce champ est obligatoire\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"adresse_e_mail\":{\"required\":{\"value\":true,\"message\":\"Ce champ est obligatoire\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true},\"email\":{\"value\":true,\"message\":\"Ce champ doit contenir un e-mail valide\",\"global_message\":\"Ce champ doit contenir un e-mail valide\",\"global\":true}},\"message\":{\"required\":{\"value\":true,\"message\":\"Ce champ est obligatoire\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"gdpr-agreement\":{\"required\":{\"value\":true,\"message\":\"Ce champ est obligatoire\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}}},\"debounce_time\":300};\n                            <\/script>\n             <!-- Remplace XX par l\u2019ID du formulaire -->\n  <\/div>\n<\/section>\n\n\n\n<!-- S\u00c9PARATEUR ENTRE BLOCS -->\n<div style=\"\n  width: 100%;\n  height: 120px;\n  background: linear-gradient(to bottom, #FCFCFC 0%, transparent 100%);\n  position: relative;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\">\n  <div style=\"\n    width: 380px;\n    height: 4px;\n    background: linear-gradient(90deg, #0057B8, #E10600);\n    border-radius: 2px;\n  \"><\/div>\n<\/div>\n\n\n\n<!-- BLOC 3 \u2013 R\u00c9SEAUX SOCIAUX CITOYA (avec logos) -->\n<section style=\"\n  background:#F7F7F7;\n  padding:6vh 2vw;\n  text-align:center;\n  font-family:'Gilroy','Helvetica Neue',Arial,sans-serif;\n  color:#0E0E0E;\n\">\n  <h2 style=\"font-size:1.8rem; margin-bottom:1rem;\">\ud83c\udf10 Rejoignez &#038; partagez CITOYA<\/h2>\n  <p style=\"font-size:1.05rem; opacity:0.9; margin-bottom:2rem;\">\n    Suivez le mouvement sur les r\u00e9seaux sociaux et partagez nos visuels pour faire grandir la communaut\u00e9 citoyenne.\n  <\/p>\n\n  <div style=\"\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:2rem;\n    align-items:center;\n  \">\n    <a href=\"#\" target=\"_blank\" style=\"display:inline-block; width:48px; height:48px;\">\n      <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/simple-icons\/simple-icons\/icons\/facebook.svg\" alt=\"Facebook\" style=\"width:100%; height:100%; filter:invert(18%) sepia(98%) saturate(4091%) hue-rotate(203deg) brightness(91%) contrast(97%);\" \/>\n    <\/a>\n    <a href=\"#\" target=\"_blank\" style=\"display:inline-block; width:48px; height:48px;\">\n      <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/simple-icons\/simple-icons\/icons\/instagram.svg\" alt=\"Instagram\" style=\"width:100%; height:100%; filter:invert(18%) sepia(96%) saturate(6666%) hue-rotate(353deg) brightness(101%) contrast(97%);\" \/>\n    <\/a>\n    <a href=\"#\" target=\"_blank\" style=\"display:inline-block; width:48px; height:48px;\">\n      <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/simple-icons\/simple-icons\/icons\/x.svg\" alt=\"X (Twitter)\" style=\"width:100%; height:100%; filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);\" \/>\n    <\/a>\n    <a href=\"#\" target=\"_blank\" style=\"display:inline-block; width:48px; height:48px;\">\n      <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/simple-icons\/simple-icons\/icons\/linkedin.svg\" alt=\"LinkedIn\" style=\"width:100%; height:100%; filter:invert(18%) sepia(98%) saturate(4091%) hue-rotate(203deg) brightness(91%) contrast(97%);\" \/>\n    <\/a>\n    <a href=\"#\" target=\"_blank\" style=\"display:inline-block; width:48px; height:48px;\">\n      <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/simple-icons\/simple-icons\/icons\/youtube.svg\" alt=\"YouTube\" style=\"width:100%; height:100%; filter:invert(18%) sepia(99%) saturate(6359%) hue-rotate(353deg) brightness(99%) contrast(102%);\" \/>\n    <\/a>\n  <\/div>\n<\/section>\n\n\n\n<!-- S\u00c9PARATEUR ENTRE BLOCS -->\n<div style=\"\n  width: 100%;\n  height: 120px;\n  background: linear-gradient(to bottom, #FCFCFC 0%, transparent 100%);\n  position: relative;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\">\n  <div style=\"\n    width: 380px;\n    height: 4px;\n    background: linear-gradient(90deg, #0057B8, #E10600);\n    border-radius: 2px;\n  \"><\/div>\n<\/div>\n\n\n\n<!-- BLOC 4 \u2013 PACK M\u00c9DIA CITOYA -->\n<section style=\"\n  background:#FFFFFF;\n  text-align:center;\n  padding:7vh 2vw;\n  font-family:'Gilroy','Helvetica Neue',Arial,sans-serif;\n  color:#0E0E0E;\n\">\n  <h2 style=\"font-size:1.8rem; margin-bottom:1.2rem;\">\ud83d\udce6 Pack M\u00e9dia CITOYA<\/h2>\n  <p style=\"font-size:1.05rem; line-height:1.6; opacity:0.9; margin-bottom:2.5rem;\">\n    T\u00e9l\u00e9chargez le pack m\u00e9dia du mouvement : logos, charte graphique, couleurs officielles et visuels pr\u00eats \u00e0 partager.  \n    Ces ressources sont libres d\u2019utilisation pour toute communication citoyenne non commerciale.\n  <\/p>\n\n<a href=\"https:\/\/citoya.fr\/wp-content\/uploads\/2026\/02\/CITOYA-Pack-media-2026.zip\" class=\"citoya-cta\">\n\n    T\u00e9l\u00e9charger le Pack M\u00e9dia\n  <\/a>\n<\/section>\n\n<style>\n.citoya-cta {\n  display:inline-block;\n  background:#0057B8;\n  color:#FFFFFF !important;\n  font-weight:600;\n  padding:0.9rem 1.8rem;\n  border-radius:2rem;\n  text-decoration:none;\n  transition:background 0.3s ease;\n}\n.citoya-cta:hover {\n  background:#E10600;\n}\n<\/style>\n\n\n\n<!-- S\u00c9PARATEUR ENTRE BLOCS -->\n<div style=\"\n  width: 100%;\n  height: 120px;\n  background: linear-gradient(to bottom, #FCFCFC 0%, transparent 100%);\n  position: relative;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\">\n  <div style=\"\n    width: 380px;\n    height: 4px;\n    background: linear-gradient(90deg, #0057B8, #E10600);\n    border-radius: 2px;\n  \"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Info &#038; Contact Entrons en contact, partageons, diffusons l\u2019esprit citoyen. \ud83d\udce9 Contacter les administrateurs Vous pouvez utiliser le formulaire ci-dessous pour poser vos questions, proposer une id\u00e9e ou signaler un probl\u00e8me technique. L\u2019\u00e9quipe du mouvement vous r\u00e9pondra dans les plus brefs d\u00e9lais. \ud83c\udf10 Rejoignez &#038; partagez CITOYA Suivez le mouvement sur les r\u00e9seaux sociaux et &#8230; <a title=\"Infos et Contact\" class=\"read-more\" href=\"https:\/\/citoya.fr\/index.php\/infos-et-contact\/\" aria-label=\"En savoir plus sur Infos et Contact\">Lire la suite<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-384","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":276,"url":"https:\/\/citoya.fr\/index.php\/rgpd\/","url_meta":{"origin":384,"position":0},"title":"RGPD","author":"Damien R","date":"05\/11\/2025","format":false,"excerpt":"\ud83e\uddfe Politique de Confidentialit\u00e9 & Protection des Donn\u00e9es Version de base \u2013 Mouvement citoyen CITOYA Derni\u00e8re mise \u00e0 jour : novembre 2025 Responsable du traitement : Mouvement citoyen CITOYA Contact : contact@citoya.fr 1. Objet de la pr\u00e9sente politique La pr\u00e9sente politique de confidentialit\u00e9 a pour objet d\u2019informer les membres du\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/citoya.fr\/index.php\/wp-json\/wp\/v2\/pages\/384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/citoya.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/citoya.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/citoya.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citoya.fr\/index.php\/wp-json\/wp\/v2\/comments?post=384"}],"version-history":[{"count":13,"href":"https:\/\/citoya.fr\/index.php\/wp-json\/wp\/v2\/pages\/384\/revisions"}],"predecessor-version":[{"id":443,"href":"https:\/\/citoya.fr\/index.php\/wp-json\/wp\/v2\/pages\/384\/revisions\/443"}],"wp:attachment":[{"href":"https:\/\/citoya.fr\/index.php\/wp-json\/wp\/v2\/media?parent=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}