{"id":732,"date":"2024-05-27T11:10:47","date_gmt":"2024-05-27T11:10:47","guid":{"rendered":"https:\/\/demo.bosathemes.com\/bosa\/mobile-app\/?page_id=778"},"modified":"2026-07-07T14:59:49","modified_gmt":"2026-07-07T12:59:49","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.app-bluered.com\/fr\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"732\" class=\"elementor elementor-732\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8342ec e-flex e-con-boxed e-con e-parent\" data-id=\"a8342ec\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcbde4a elementor-widget elementor-widget-html\" data-id=\"bcbde4a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     BLUERED \u2014 CONTACT : Hero (align\u00e9 About Us \/ Corporate Partnership)\n     Elementor HTML Widget \u2014 coller tel quel\n     ============================================================ -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=DM+Sans:wght@300;400;500;600;700;800&display=swap');\n\n.br-hero * { box-sizing: border-box; margin: 0; padding: 0; }\n.br-hero {\n  background: #F7F5F0;\n  padding: 150px 24px 130px;\n  font-family: 'DM Sans', sans-serif;\n  text-align: center;\n  border-top: 1px solid #E5E1D8;\n  box-shadow: inset 0 8px 16px -12px rgba(15,36,68,0.18);\n}\n\n.br-hero-tag {\n  display: block;\n  font-size: 11px; letter-spacing: 2.5px;\n  text-transform: uppercase; color: #C8963A;\n  font-weight: 600; margin-bottom: 12px;\n}\n.br-hero-sep {\n  width: 32px; height: 2.5px;\n  background: #C8963A; border-radius: 2px;\n  margin: 0 auto 21px;\n}\n.br-hero-title {\n  font-family: 'DM Serif Display', serif;\n  font-size: 47px; color: #1a1a1a;\n  line-height: 1.11;\n}\n\n@media (max-width: 768px) {\n  .br-hero { padding: 64px 20px 56px; }\n  .br-hero-title { font-size: 34px; }\n}\n<\/style>\n\n<section class=\"br-hero\">\n  <span class=\"br-hero-tag\">Get in touch<\/span>\n  <div class=\"br-hero-sep\"><\/div>\n  <h1 class=\"br-hero-title\">Contactez-nous<\/h1>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-331602a elementor-widget elementor-widget-html\" data-id=\"331602a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     BLUERED \u2014 CONTACT : Contact And Reach Us (texte + formulaire)\n     Elementor HTML Widget \u2014 coller tel quel\n     ============================================================ -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=DM+Sans:wght@300;400;500;600;700;800&display=swap');\n\n.br-contact * { box-sizing: border-box; margin: 0; padding: 0; }\n\n.br-contact {\n  background: #F7F5F0;\n  padding: 56px 48px;\n  font-family: 'DM Sans', sans-serif;\n  border-top: 1px solid #E5E1D8;\n  box-shadow: inset 0 8px 16px -12px rgba(15,36,68,0.18);\n}\n\n.br-contact-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 56px;\n  max-width: 1200px;\n  margin: 0 auto;\n  align-items: start;\n}\n\n\/* \u2500\u2500 Colonne gauche \u2500\u2500 *\/\n.br-contact-tag {\n  display: block;\n  font-size: 11px; letter-spacing: 2.5px;\n  text-transform: uppercase; color: #C8963A;\n  font-weight: 600; margin-bottom: 9px;\n}\n.br-contact-sep {\n  width: 27px; height: 2.5px;\n  background: #C8963A; border-radius: 2px;\n  margin-bottom: 16px;\n}\n.br-contact-title {\n  font-family: 'DM Serif Display', serif;\n  font-weight: 400;\n  font-size: 32px; color: #1a1a1a;\n  line-height: 1.15; margin-bottom: 16px;\n}\n.br-contact-intro {\n  font-size: 14.5px; color: #5A6070;\n  line-height: 1.7;\n  margin-bottom: 28px;\n  max-width: 460px;\n}\n\n.br-contact-email {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  background: #fff;\n  border: 0.5px solid #E5E1D8;\n  border-radius: 50px;\n  padding: 14px 26px 14px 14px;\n  max-width: 420px;\n}\n.br-contact-email-icon {\n  width: 48px; height: 48px;\n  border-radius: 50%;\n  background: #fff;\n  border: 1.5px solid #C8963A;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.br-contact-email-label {\n  font-size: 15px; font-weight: 700;\n  color: #1a1a1a; margin-bottom: 2px;\n}\n.br-contact-email-value {\n  font-size: 13.5px; color: #5A6070;\n}\n\n\/* \u2500\u2500 Colonne droite : formulaire \u2500\u2500 *\/\n.br-contact-form {\n  background: #fff;\n  border-radius: 20px;\n  border: 0.5px solid #E5E1D8;\n  box-shadow: 0 12px 40px rgba(0,0,0,0.06);\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  position: relative;\n  overflow: hidden;\n}\n.br-contact-form::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: #1E3A6E;\n}\n.br-field label {\n  display: block;\n  font-size: 13px; font-weight: 600;\n  color: #1a1a1a; margin-bottom: 8px;\n}\n.br-field input,\n.br-field textarea {\n  width: 100%;\n  border: 1px solid #E5E1D8;\n  border-radius: 12px;\n  padding: 12px 16px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13.5px;\n  color: #1a1a1a;\n  background: #FBFAF8;\n  transition: border-color 0.2s;\n}\n.br-field input:focus,\n.br-field textarea:focus {\n  outline: none;\n  border-color: #C8963A;\n  background: #fff;\n}\n.br-field textarea { resize: vertical; min-height: 120px; font-family: 'DM Sans', sans-serif; }\n\n.btn-submit {\n  align-self: flex-start;\n  background: #C8963A;\n  color: #fff;\n  border: none;\n  border-radius: 50px;\n  padding: 13px 34px;\n  font-size: 13px;\n  font-family: 'DM Sans', sans-serif;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  cursor: pointer;\n  transition: background 0.2s;\n}\n.btn-submit:hover { background: #b07f2e; }\n\n@media (max-width: 900px) {\n  .br-contact { padding: 40px 24px; }\n  .br-contact-grid { grid-template-columns: 1fr; gap: 32px; }\n  .br-contact-title { font-size: 26px; }\n  .br-contact-form { padding: 24px; }\n}\n<\/style>\n\n<section class=\"br-contact\">\n  <div class=\"br-contact-grid\">\n\n    <div class=\"br-contact-text\">\n      <span class=\"br-contact-tag\">We're here to help<\/span>\n      <div class=\"br-contact-sep\"><\/div>\n      <h2 class=\"br-contact-title\">Contactez-nous<\/h2>\n      <p class=\"br-contact-intro\">N\u2019h\u00e9sitez pas \u00e0 nous contacter pour toute question ou information compl\u00e9mentaire. Notre \u00e9quipe est l\u00e0 pour vous aider et vous r\u00e9pondra dans les plus brefs d\u00e9lais. Votre satisfaction est notre priorit\u00e9.<\/p>\n\n      <div class=\"br-contact-email\">\n        <span class=\"br-contact-email-icon\">\n          <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#C8963A\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 6-10 7L2 6\"\/><\/svg>\n        <\/span>\n        <div>\n          <div class=\"br-contact-email-label\">Adresse e-mail<\/div>\n          <div class=\"br-contact-email-value\">contact@app-bluered.com<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <form class=\"br-contact-form\" action=\"\">\n      <div class=\"br-field\">\n        <label for=\"cf-name\">Your Name<\/label>\n        <input type=\"text\" id=\"cf-name\" name=\"name\">\n      <\/div>\n      <div class=\"br-field\">\n        <label for=\"cf-email\">Your Email<\/label>\n        <input type=\"email\" id=\"cf-email\" name=\"email\">\n      <\/div>\n      <div class=\"br-field\">\n        <label for=\"cf-subject\">Objet<\/label>\n        <input type=\"text\" id=\"cf-subject\" name=\"subject\">\n      <\/div>\n      <div class=\"br-field\">\n        <label for=\"cf-message\">Your Message<\/label>\n        <textarea id=\"cf-message\" name=\"message\"><\/textarea>\n      <\/div>\n      <button type=\"submit\" class=\"btn-submit\">Envoyer<\/button>\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Get in touch Contact Us We&#8217;re here to help Contact And Reach Us Feel free to contact us for any questions or additional information. Our team is here to help and will get back to you as soon as possible. Your satisfaction is our priority. Email Address contact@app-bluered.com Your Name Your Email Subject Your Message Submit<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-732","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.app-bluered.com\/fr\/wp-json\/wp\/v2\/pages\/732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.app-bluered.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.app-bluered.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.app-bluered.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.app-bluered.com\/fr\/wp-json\/wp\/v2\/comments?post=732"}],"version-history":[{"count":37,"href":"https:\/\/www.app-bluered.com\/fr\/wp-json\/wp\/v2\/pages\/732\/revisions"}],"predecessor-version":[{"id":2947,"href":"https:\/\/www.app-bluered.com\/fr\/wp-json\/wp\/v2\/pages\/732\/revisions\/2947"}],"wp:attachment":[{"href":"https:\/\/www.app-bluered.com\/fr\/wp-json\/wp\/v2\/media?parent=732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}