{"id":67,"date":"2015-03-02T04:39:13","date_gmt":"2015-03-02T04:39:13","guid":{"rendered":"https:\/\/structure.thememove.com\/?page_id=67"},"modified":"2026-08-13T13:54:57","modified_gmt":"2026-08-13T11:54:57","slug":"nous-contacter","status":"publish","type":"page","link":"https:\/\/www.tmsburkina.com\/index.php\/nous-contacter\/","title":{"rendered":"NOUS CONTACTER"},"content":{"rendered":"\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ===================================================================\n     TMS BURKINA \u2014 Page \"Nous contacter\"\n     A ins\u00e9rer dans un bloc \"Raw HTML\" (vc_raw_html) de WPBakery,\n     sur la page \"NOUS CONTACTER\".\n     Le header (menu) et le footer (widgets) du th\u00e8me restent en place\n     autour de ce bloc.\n\n     IMPORTANT : le formulaire ci-dessous est une mise en page visuelle.\n     Pour qu'il envoie r\u00e9ellement des emails, il doit \u00eatre reli\u00e9 au\n     plugin de formulaire actif sur le site (ex. Contact Form 7) \u2014\n     voir la note \u00e0 la fin du fichier.\n\n     Avant de publier : v\u00e9rifier que \"Uncover Footer\" est D\u00c9COCH\u00c9 dans\n     les Attributs de page.\n     =================================================================== -->\n<div id=\"tms-contact-block\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  #tms-contact-block{\n    --ink:#141F27;\n    --indigo:#1C3B54;\n    --indigo-deep:#0E2233;\n    --laterite:#9C4A30;\n    --laterite-light:#C97850;\n    --teal:#3C7A72;\n    --paper:#F1ECE1;\n    --stone:#E4DCC8;\n    font-family:'IBM Plex Sans', Arial, sans-serif !important;\n    color:var(--ink) !important;\n    line-height:1.6 !important;\n    text-align:left !important;\n    -webkit-font-smoothing:antialiased;\n  }\n  #tms-contact-block, #tms-contact-block *{box-sizing:border-box;}\n  #tms-contact-block a{text-decoration:none; color:inherit;}\n  #tms-contact-block h1, #tms-contact-block h2, #tms-contact-block h3, #tms-contact-block h4, #tms-contact-block p, #tms-contact-block label{\n    margin:0 !important; padding:0 !important; text-align:left !important;\n  }\n  #tms-contact-block .wrap{\n    max-width:1180px; margin-left:auto !important; margin-right:auto !important;\n    padding-left:24px !important; padding-right:24px !important;\n  }\n  #tms-contact-block .eyebrow{\n    font-family:'IBM Plex Mono', monospace; font-size:13px; letter-spacing:.12em; color:var(--laterite-light) !important;\n    text-transform:uppercase; display:flex; align-items:center; gap:12px; margin:0 0 20px !important;\n  }\n  #tms-contact-block .eyebrow::before{content:\"\"; width:26px; height:1px; background:var(--laterite-light); flex-shrink:0;}\n\n  \/* ---------- SPLIT SCREEN ---------- *\/\n  #tms-contact-block .split{\n    display:grid; grid-template-columns:0.85fr 1.15fr; border-radius:10px; overflow:hidden;\n    margin-top:20px; box-shadow:0 18px 44px rgba(14,34,51,.14);\n  }\n  #tms-contact-block .panel-info{\n    background:linear-gradient(165deg, var(--indigo-deep), var(--indigo) 85%); color:#fff !important; padding:52px 44px !important;\n    display:flex; flex-direction:column;\n  }\n  #tms-contact-block .panel-info h1{\n    font-family:'Space Grotesk', Arial, sans-serif !important; color:#fff !important;\n    font-weight:700 !important; font-size:clamp(24px,2.6vw,32px) !important; line-height:1.25 !important; margin:0 0 16px !important;\n  }\n  #tms-contact-block .panel-info p.lead{font-size:14.5px !important; color:#C9D3DA !important; margin:0 0 36px !important; line-height:1.6 !important;}\n\n  #tms-contact-block .contact-line{\n    display:flex; gap:14px; align-items:flex-start; padding:16px 0 !important; border-top:1px solid rgba(255,255,255,.12);\n  }\n  #tms-contact-block .contact-line:first-of-type{border-top:1px solid rgba(255,255,255,.12);}\n  #tms-contact-block .contact-line .ic{\n    width:32px; height:32px; border-radius:50%; border:1px solid rgba(255,255,255,.3); flex-shrink:0;\n    display:flex; align-items:center; justify-content:center; font-size:13px; color:var(--laterite-light) !important;\n  }\n  #tms-contact-block .contact-line .txt{font-size:13.5px !important; color:#E4E9EC !important; line-height:1.55 !important;}\n  #tms-contact-block .contact-line .txt .label{\n    display:block; font-family:'IBM Plex Mono', monospace; font-size:10.5px !important; color:#8FA0AC !important;\n    text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px !important;\n  }\n  #tms-contact-block .contact-line a:hover{color:var(--laterite-light) !important;}\n\n  #tms-contact-block .social-row{display:flex; gap:10px; margin-top:32px !important;}\n  #tms-contact-block .social-row a{\n    width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,.3); display:flex; align-items:center; justify-content:center;\n    font-size:13px; color:#fff !important; transition:background .2s;\n  }\n  #tms-contact-block .social-row a:hover{background:rgba(255,255,255,.12);}\n\n  #tms-contact-block .map-frame{\n    margin-top:auto !important; padding-top:32px !important; border-radius:6px; overflow:hidden; filter:grayscale(.2) contrast(1.05);\n  }\n  #tms-contact-block .map-frame iframe{width:100%; height:180px; border:0; display:block; border-radius:6px;}\n\n  \/* ---------- FORM PANEL ---------- *\/\n  #tms-contact-block .panel-form{background:#fff; padding:52px 48px !important;}\n  #tms-contact-block .panel-form h2{\n    font-family:'Space Grotesk', Arial, sans-serif !important; color:var(--ink) !important;\n    font-weight:700 !important; font-size:clamp(20px,2.2vw,26px) !important; margin:0 0 8px !important;\n  }\n  #tms-contact-block .panel-form .sub{font-size:13.5px !important; color:#5A6870 !important; margin:0 0 30px !important; display:block;}\n\n  #tms-contact-block .form-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px 18px;}\n  #tms-contact-block .field{display:flex; flex-direction:column; gap:7px;}\n  #tms-contact-block .field.full{grid-column:1\/-1;}\n  #tms-contact-block .field label{\n    font-family:'IBM Plex Mono', monospace; font-size:11px !important; color:var(--indigo) !important;\n    text-transform:uppercase; letter-spacing:.05em;\n  }\n  #tms-contact-block .field input, #tms-contact-block .field select, #tms-contact-block .field textarea{\n    border:1px solid #D6CCB4; background:var(--paper); border-radius:4px; padding:12px 14px; font-size:14px;\n    font-family:'IBM Plex Sans', Arial, sans-serif; color:var(--ink); width:100%; transition:border-color .2s, background .2s;\n  }\n  #tms-contact-block .field input:focus, #tms-contact-block .field select:focus, #tms-contact-block .field textarea:focus{\n    outline:none; border-color:var(--laterite); background:#fff;\n  }\n  #tms-contact-block .field textarea{resize:vertical; min-height:100px;}\n  #tms-contact-block .submit-row{\n    display:flex; align-items:center; gap:18px; margin-top:26px !important; flex-wrap:wrap;\n  }\n  #tms-contact-block .btn-primary{\n    background:var(--laterite); color:#fff !important; font-weight:600; font-size:14.5px;\n    padding:14px 28px; border-radius:4px; border:none; cursor:pointer; transition:background .2s; display:inline-block;\n  }\n  #tms-contact-block .btn-primary:hover{background:var(--laterite-light);}\n  #tms-contact-block .submit-note{font-size:12px !important; color:#8A9298 !important;}\n  #tms-contact-block .form-status{\n    margin-top:16px !important; padding:12px 16px !important; border-radius:4px; font-size:13.5px !important; display:none;\n  }\n  #tms-contact-block .form-status.ok{display:block !important; background:#E7F1EE; color:#2E5A4F !important; border:1px solid #BFD9D0;}\n  #tms-contact-block .form-status.err{display:block !important; background:#FBEAE5; color:#8A3A26 !important; border:1px solid #E8C4B5;}\n  #tms-contact-block .form-status.sending{display:block !important; background:var(--paper); color:#5A6870 !important; border:1px solid #D6CCB4;}\n  #tms-contact-block .btn-primary[disabled]{opacity:.6; cursor:not-allowed;}\n\n  \/* ---------- BAS DE PAGE : brochures ---------- *\/\n  #tms-contact-block .below{padding:64px 0 60px !important;}\n  #tms-contact-block .below .section-head{margin:0 0 28px !important;}\n  #tms-contact-block .below h3{\n    font-family:'Space Grotesk', Arial, sans-serif !important; color:var(--ink) !important;\n    font-weight:700 !important; font-size:20px !important; margin:0 0 8px !important;\n  }\n  #tms-contact-block .below .section-head p{font-size:13.5px !important; color:#5A6870 !important;}\n  #tms-contact-block .doc-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}\n  #tms-contact-block .doc-card{\n    display:flex; align-items:center; gap:16px; background:var(--paper); border:1px solid #D6CCB4; border-radius:6px; padding:20px 22px;\n    transition:border-color .2s, background .2s;\n  }\n  #tms-contact-block .doc-card:hover{border-color:var(--laterite); background:#fff;}\n  #tms-contact-block .doc-card .ic{\n    width:44px; height:44px; border-radius:6px; background:var(--indigo); color:#fff; flex-shrink:0;\n    display:flex; align-items:center; justify-content:center; font-family:'IBM Plex Mono', monospace; font-size:11px; font-weight:600;\n  }\n  #tms-contact-block .doc-card .info strong{display:block; font-size:14.5px; color:var(--ink); margin-bottom:2px;}\n  #tms-contact-block .doc-card .info span{font-size:12px; color:#5A6870;}\n\n  @media (max-width:900px){\n    #tms-contact-block .split{grid-template-columns:1fr;}\n    #tms-contact-block .panel-info, #tms-contact-block .panel-form{padding:36px 28px !important;}\n    #tms-contact-block .form-grid{grid-template-columns:1fr;}\n    #tms-contact-block .doc-grid{grid-template-columns:1fr;}\n  }\n<\/style>\n\n  <div class=\"wrap\">\n\n    <div class=\"split\">\n      <!-- PANNEAU INFOS -->\n      <div class=\"panel-info\">\n        <div class=\"eyebrow\">Nous contacter<\/div>\n        <h1>Discutons de votre projet<\/h1>\n        <p class=\"lead\">Forage, \u00e9tude g\u00e9ophysique, chantier de g\u00e9nie civil ou besoin logistique : notre \u00e9quipe revient vers vous sous 48h ouvr\u00e9es avec les premiers \u00e9l\u00e9ments de cadrage.<\/p>\n\n        <div class=\"contact-line\">\n          <div class=\"ic\">&#128205;<\/div>\n          <div class=\"txt\"><span class=\"label\">Si\u00e8ge social<\/span>Secteur 29, Bobo-Dioulasso, Burkina Faso<br>01 BP 2572 Bobo-Dioulasso 01<\/div>\n        <\/div>\n        <div class=\"contact-line\">\n          <div class=\"ic\">&#128222;<\/div>\n          <div class=\"txt\"><span class=\"label\">T\u00e9l\u00e9phone<\/span><a href=\"tel:+22678105062\">(226) 78 10 50 62<\/a><\/div>\n        <\/div>\n        <div class=\"contact-line\">\n          <div class=\"ic\">&#9993;<\/div>\n          <div class=\"txt\"><span class=\"label\">Email<\/span><a href=\"mailto:info@tmsburkina.com\">info@tmsburkina.com<\/a><\/div>\n        <\/div>\n        <div class=\"contact-line\">\n          <div class=\"ic\">&#128197;<\/div>\n          <div class=\"txt\"><span class=\"label\">Horaires<\/span>Lundi &ndash; Samedi : 7h00 &ndash; 18h00<\/div>\n        <\/div>\n\n        <div class=\"social-row\">\n          <a href=\"https:\/\/web.facebook.com\/TMSprefa\/\" aria-label=\"Facebook\">f<\/a>\n          <a href=\"#\" aria-label=\"LinkedIn\">in<\/a>\n        <\/div>\n\n        <div class=\"map-frame\">\n          <iframe src=\"https:\/\/www.google.com\/maps?q=Secteur+29+Bobo-Dioulasso+Burkina+Faso&output=embed\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"Localisation TMS Burkina\"><\/iframe>\n        <\/div>\n      <\/div>\n\n      <!-- PANNEAU FORMULAIRE -->\n      <div class=\"panel-form\">\n        <h2>Demander un devis<\/h2>\n        <span class=\"sub\">Plus votre demande est pr\u00e9cise, plus vite nous pourrons vous r\u00e9pondre.<\/span>\n\n        <form id=\"tms-devis-form\">\n          <div class=\"form-grid\">\n            <div class=\"field\">\n              <label for=\"tms-nom\">Nom complet<\/label>\n              <input type=\"text\" id=\"tms-nom\" name=\"nom\" placeholder=\"Votre nom\">\n            <\/div>\n            <div class=\"field\">\n              <label for=\"tms-org\">Organisation<\/label>\n              <input type=\"text\" id=\"tms-org\" name=\"organisation\" placeholder=\"Entreprise \/ institution\">\n            <\/div>\n            <div class=\"field\">\n              <label for=\"tms-email\">Email<\/label>\n              <input type=\"email\" id=\"tms-email\" name=\"email\" placeholder=\"vous@exemple.com\">\n            <\/div>\n            <div class=\"field\">\n              <label for=\"tms-tel\">T\u00e9l\u00e9phone<\/label>\n              <input type=\"tel\" id=\"tms-tel\" name=\"telephone\" placeholder=\"+226 ...\">\n            <\/div>\n            <div class=\"field\">\n              <label for=\"tms-domaine\">Type de projet<\/label>\n              <select id=\"tms-domaine\" name=\"domaine\">\n                <option value=\"\">S\u00e9lectionner un domaine<\/option>\n                <option>G\u00e9nie Civil<\/option>\n                <option>Hydraulique<\/option>\n                <option>G\u00e9ophysique<\/option>\n                <option>Transport &amp; Logistique<\/option>\n                <option>HQSE<\/option>\n                <option>Autre \/ je ne sais pas encore<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"field\">\n              <label for=\"tms-delai\">D\u00e9lai souhait\u00e9<\/label>\n              <select id=\"tms-delai\" name=\"delai\">\n                <option value=\"\">S\u00e9lectionner un d\u00e9lai<\/option>\n                <option>Moins d'1 mois<\/option>\n                <option>1 \u00e0 3 mois<\/option>\n                <option>3 \u00e0 6 mois<\/option>\n                <option>Plus de 6 mois<\/option>\n                <option>Pas encore d\u00e9fini<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"field\">\n              <label for=\"tms-budget\">Budget indicatif<\/label>\n              <input type=\"text\" id=\"tms-budget\" name=\"budget\" placeholder=\"Optionnel\">\n            <\/div>\n            <div class=\"field\">\n              <label for=\"tms-lieu\">Localisation du projet<\/label>\n              <input type=\"text\" id=\"tms-lieu\" name=\"localisation\" placeholder=\"Ville \/ r\u00e9gion\">\n            <\/div>\n            <div class=\"field full\">\n              <label for=\"tms-message\">D\u00e9crivez votre besoin<\/label>\n              <textarea id=\"tms-message\" name=\"message\" placeholder=\"Contexte du projet, contraintes particuli\u00e8res...\"><\/textarea>\n            <\/div>\n          <\/div>\n          <div class=\"submit-row\">\n            <button type=\"submit\" class=\"btn-primary\">Envoyer ma demande<\/button>\n            <span class=\"submit-note\">R\u00e9ponse sous 48h ouvr\u00e9es<\/span>\n          <\/div>\n          <div id=\"tms-form-status\" class=\"form-status\" role=\"status\" aria-live=\"polite\"><\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n\n    <!-- BROCHURES -->\n    <div class=\"below\">\n      <div class=\"section-head\">\n        <h3>Documentation<\/h3>\n        <p>T\u00e9l\u00e9chargez notre brochure institutionnelle pour en savoir plus sur nos domaines d'intervention.<\/p>\n      <\/div>\n      <div class=\"doc-grid\">\n        <a class=\"doc-card\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n          <div class=\"ic\">PDF<\/div>\n          <div class=\"info\"><strong>Brochure institutionnelle<\/strong><span>Format PDF<\/span><\/div>\n        <\/a>\n        <a class=\"doc-card\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n          <div class=\"ic\">DOC<\/div>\n          <div class=\"info\"><strong>Brochure institutionnelle<\/strong><span>Format Word<\/span><\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var form = document.getElementById('tms-devis-form');\n  if (!form) return;\n  var status = document.getElementById('tms-form-status');\n  var btn = form.querySelector('.btn-primary');\n  var CF7_FORM_ID = '75872';\n  var CF7_ENDPOINT = 'https:\/\/www.tmsburkina.com\/wp-json\/contact-form-7\/v1\/contact-forms\/' + CF7_FORM_ID + '\/feedback';\n\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n    status.className = 'form-status sending';\n    status.textContent = 'Envoi en cours...';\n    btn.setAttribute('disabled', 'disabled');\n\n    var data = new FormData(form);\n    data.append('_wpcf7', CF7_FORM_ID);\n\n    fetch(CF7_ENDPOINT, {\n      method: 'POST',\n      body: data,\n      credentials: 'same-origin'\n    })\n      .then(function(res){ return res.json(); })\n      .then(function(json){\n        btn.removeAttribute('disabled');\n        if (json.status === 'mail_sent') {\n          status.className = 'form-status ok';\n          status.textContent = json.message || 'Merci, votre demande a bien \u00e9t\u00e9 envoy\u00e9e. Nous revenons vers vous sous 48h ouvr\u00e9es.';\n          form.reset();\n        } else {\n          status.className = 'form-status err';\n          status.textContent = json.message || \"Une erreur est survenue. Merci de v\u00e9rifier les champs et r\u00e9essayer, ou de nous contacter directement par t\u00e9l\u00e9phone\/email.\";\n        }\n      })\n      .catch(function(){\n        btn.removeAttribute('disabled');\n        status.className = 'form-status err';\n        status.textContent = \"Une erreur de connexion est survenue. Merci de r\u00e9essayer, ou de nous contacter directement par t\u00e9l\u00e9phone\/email.\";\n      });\n  });\n})();\n<\/script>\n\n<!-- ===================================================================\n     NOTE SUR L'ENVOI DU FORMULAIRE\n\n     Le formulaire est maintenant connect\u00e9 \u00e0 Contact Form 7 (ID 75872)\n     via l'API REST du plugin (pas besoin d'ins\u00e9rer son shortcode\n     visuellement \u2014 cela aurait cass\u00e9 la mise en page personnalis\u00e9e).\n     Un script en fin de fichier intercepte l'envoi et transmet les\n     donn\u00e9es \u00e0 Contact Form 7, qui se charge d'exp\u00e9dier l'email \u00e0\n     info@tmsburkina.com selon le mod\u00e8le configur\u00e9 dans l'onglet\n     \"E-mail\" du formulaire CF7.\n\n     A tester apr\u00e8s publication : remplir le formulaire sur le site\n     public et v\u00e9rifier qu'un email arrive bien \u00e0 info@tmsburkina.com.\n     Si rien n'arrive, v\u00e9rifier avec l'h\u00e9bergeur qu'aucune protection\n     de s\u00e9curit\u00e9 (pare-feu, plugin de s\u00e9curit\u00e9) ne bloque les requ\u00eates\n     vers \/wp-json\/contact-form-7\/.\n\n     Les liens \"Brochure institutionnelle\" (href=\"#\") sont des\n     emplacements r\u00e9serv\u00e9s \u2014 \u00e0 remplacer par les vraies URLs des\n     fichiers une fois t\u00e9l\u00e9vers\u00e9s dans M\u00e9dias.\n     =================================================================== -->\n\n\t\t<\/div>\n\t<\/div>\n\n","protected":false},"excerpt":{"rendered":"Nous contacter Discutons de votre projet Forage, \u00e9tude g\u00e9ophysique, chantier de g\u00e9nie civil ou besoin logistique : notre \u00e9quipe revient vers vous sous 48h ouvr\u00e9es avec les premiers \u00e9l\u00e9ments de cadrage. &#128205; Si\u00e8ge socialSecteur 29, Bobo-Dioulasso, Burkina Faso01 BP 2572 Bobo-Dioulasso 01 &#128222; T\u00e9l\u00e9phone(226) 78 10 50 62 &#9993; Emailinfo@tmsburkina.com &#128197; HorairesLundi &ndash; Samedi : [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.tmsburkina.com\/index.php\/wp-json\/wp\/v2\/pages\/67"}],"collection":[{"href":"https:\/\/www.tmsburkina.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tmsburkina.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tmsburkina.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tmsburkina.com\/index.php\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":18,"href":"https:\/\/www.tmsburkina.com\/index.php\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":75873,"href":"https:\/\/www.tmsburkina.com\/index.php\/wp-json\/wp\/v2\/pages\/67\/revisions\/75873"}],"wp:attachment":[{"href":"https:\/\/www.tmsburkina.com\/index.php\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}