{"id":175,"date":"2026-03-14T11:12:26","date_gmt":"2026-03-14T11:12:26","guid":{"rendered":"http:\/\/laboitx.cluster100.hosting.ovh.net\/?page_id=175"},"modified":"2026-03-14T11:15:17","modified_gmt":"2026-03-14T11:15:17","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.laboiteait.fr\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\r\n<style>\r\n.lba-contact-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;padding:3rem 2rem;max-width:960px;margin:0 auto;}\r\n.lba-contact-head{text-align:center;margin-bottom:2.5rem;}\r\n.lba-contact-head h1{font-size:28px;font-weight:700;color:#0D1B2A;margin:0 0 0.5rem;}\r\n.lba-contact-head p{font-size:15px;color:#5a6a7a;margin:0;}\r\n.lba-contact-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:2.5rem;align-items:start;}\r\n@media(max-width:680px){.lba-contact-grid{grid-template-columns:1fr;}}\r\n\r\n\/* INFOS *\/\r\n.lba-contact-info{display:flex;flex-direction:column;gap:1.1rem;}\r\n.lba-info-block{background:#f8fafd;border:1px solid #eef2f7;border-radius:12px;padding:1.1rem 1.25rem;display:flex;gap:1rem;align-items:flex-start;}\r\n.lba-info-icon{width:38px;height:38px;min-width:38px;border-radius:9px;background:#EBF4FF;display:flex;align-items:center;justify-content:center;font-size:17px;}\r\n.lba-info-label{font-size:10px;color:#8a9aaa;margin:0 0 3px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;}\r\n.lba-info-val{font-size:14px;color:#0D1B2A;font-weight:500;margin:0;}\r\n.lba-info-val a{color:#185FA5;text-decoration:none;font-weight:600;}\r\n.lba-info-val a:hover{text-decoration:underline;}\r\n.lba-info-sub{font-size:12px;color:#6a7a8a;margin:3px 0 0;}\r\n\r\n\/* ENCART D\u00c9MO *\/\r\n.lba-demo-direct{background:#f8fafd;border:1.5px solid #C5DCFA;border-radius:12px;padding:1.25rem;text-align:center;}\r\n.lba-demo-direct h3{font-size:15px;font-weight:600;color:#0D1B2A;margin:0 0 0.4rem;}\r\n.lba-demo-direct p{font-size:13px;color:#5a6a7a;line-height:1.55;margin:0 0 1rem;}\r\n.lba-demo-links{display:flex;flex-direction:column;gap:8px;}\r\n.lba-demo-link-email{display:block;background:#185FA5;color:#fff!important;text-decoration:none!important;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;}\r\n.lba-demo-link-tel{display:block;background:#fff;color:#185FA5!important;text-decoration:none!important;border:1.5px solid #185FA5;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;}\r\n.lba-demo-link-email:hover{background:#0F4A85;}\r\n.lba-demo-link-tel:hover{background:#EBF4FF;}\r\n\r\n\/* FORMULAIRE *\/\r\n.lba-form-card{background:#fff;border:1.5px solid #eef2f7;border-radius:14px;padding:2rem;box-shadow:0 2px 16px rgba(24,95,165,0.06);}\r\n.lba-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\r\n@media(max-width:500px){.lba-form-row{grid-template-columns:1fr;}}\r\n.lba-field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px;}\r\n.lba-field label{font-size:12px;font-weight:600;color:#0D1B2A;}\r\n.lba-field input,.lba-field select,.lba-field textarea{width:100%;padding:10px 13px;border:1.5px solid #eef2f7;border-radius:8px;font-size:13px;color:#0D1B2A;font-family:inherit;background:#fff;outline:none;box-sizing:border-box;transition:border-color .2s;}\r\n.lba-field input:focus,.lba-field select:focus,.lba-field textarea:focus{border-color:#185FA5;}\r\n.lba-field textarea{resize:vertical;min-height:110px;}\r\n.lba-field select{appearance:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;}\r\n.lba-required{color:#E24B4A;}\r\n.lba-submit-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:6px;}\r\n.lba-btn-submit{background:#185FA5;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;}\r\n.lba-btn-submit:hover{background:#0F4A85;}\r\n.lba-form-note{font-size:11px;color:#aab0ba;}\r\n.lba-msg{display:none;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:14px;}\r\n.lba-msg-ok{background:#E1F5EE;color:#0F6E56;border:1px solid #9FE1CB;}\r\n.lba-msg-err{background:#FCEBEB;color:#A32D2D;border:1px solid #F7C1C1;}\r\n<\/style>\r\n\r\n<div class=\"lba-contact-wrap\">\r\n\r\n  <div class=\"lba-contact-head\">\r\n    <h1>Contactez-nous<\/h1>\r\n    <p>Une question, un projet, une d\u00e9mo ? On vous r\u00e9pond sous 24h.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"lba-contact-grid\">\r\n\r\n    <!-- COLONNE GAUCHE -->\r\n    <div class=\"lba-contact-info\">\r\n\r\n      <div class=\"lba-info-block\">\r\n        <div class=\"lba-info-icon\">\ud83d\udce7<\/div>\r\n        <div>\r\n          <p class=\"lba-info-label\">Email<\/p>\r\n          <p class=\"lba-info-val\"><a href=\"mailto:contact@laboiteait.fr\">contact@laboiteait.fr<\/a><\/p>\r\n          <p class=\"lba-info-sub\">R\u00e9ponse sous 24h ouvr\u00e9es<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lba-info-block\">\r\n        <div class=\"lba-info-icon\">\ud83d\udcde<\/div>\r\n        <div>\r\n          <p class=\"lba-info-label\">T\u00e9l\u00e9phone<\/p>\r\n          <p class=\"lba-info-val\"><a href=\"tel:+33687443441\">+33 6 87 44 34 41<\/a><\/p>\r\n          <p class=\"lba-info-sub\">Lun\u2013Ven, 9h\u201318h<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lba-info-block\">\r\n        <div class=\"lba-info-icon\">\ud83d\udccd<\/div>\r\n        <div>\r\n          <p class=\"lba-info-label\">Adresse<\/p>\r\n          <p class=\"lba-info-val\">Annecy, France<\/p>\r\n          <p class=\"lba-info-sub\">Interventions sur site possibles<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ENCART D\u00c9MO DIRECTE -->\r\n      <div class=\"lba-demo-direct\">\r\n        <h3>Demander une d\u00e9mo<\/h3>\r\n        <p>Contactez-nous directement pour planifier une d\u00e9monstration personnalis\u00e9e de 20 min de nos plugins.<\/p>\r\n        <div class=\"lba-demo-links\">\r\n          <a href=\"mailto:contact@laboiteait.fr?subject=Demande%20de%20d%C3%A9mo%20MantisBT\" class=\"lba-demo-link-email\">\ud83d\udce7 Demander par email<\/a>\r\n          <a href=\"tel:+33687443441\" class=\"lba-demo-link-tel\">\ud83d\udcde Appeler directement<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- COLONNE DROITE \u2014 FORMULAIRE -->\r\n    <div class=\"lba-form-card\">\r\n\r\n      <div class=\"lba-msg lba-msg-ok\" id=\"lba-ok\">\u2713 Votre message a bien \u00e9t\u00e9 envoy\u00e9 ! Nous vous r\u00e9pondons sous 24h.<\/div>\r\n      <div class=\"lba-msg lba-msg-err\" id=\"lba-err\">Une erreur est survenue. Merci d&rsquo;\u00e9crire directement \u00e0 <a href=\"mailto:contact@laboiteait.fr\">contact@laboiteait.fr<\/a><\/div>\r\n\r\n      <form id=\"lba-contact-form\">\r\n        <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n        <!-- REMPLACER par votre cl\u00e9 Web3Forms obtenue sur web3forms.com -->\r\n        <input type=\"hidden\" name=\"access_key\" value=\"48d55151-bd8d-4082-adf9-c63060d59cba\">\r\n        <input type=\"hidden\" name=\"subject\" id=\"lba-subject-hidden\" value=\"Nouveau message \u2014 La Bo\u00eete \u00e0 IT\">\r\n        <input type=\"hidden\" name=\"from_name\" value=\"La Bo\u00eete \u00e0 IT - Formulaire contact\">\r\n\r\n        <div class=\"lba-form-row\">\r\n          <div class=\"lba-field\">\r\n            <label>Pr\u00e9nom <span class=\"lba-required\">*<\/span><\/label>\r\n            <input type=\"text\" name=\"prenom\" placeholder=\"Jean\" required>\r\n          <\/div>\r\n          <div class=\"lba-field\">\r\n            <label>Nom <span class=\"lba-required\">*<\/span><\/label>\r\n            <input type=\"text\" name=\"nom\" placeholder=\"Dupont\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lba-field\">\r\n          <label>Email <span class=\"lba-required\">*<\/span><\/label>\r\n          <input type=\"email\" name=\"email\" placeholder=\"jean.dupont@entreprise.fr\" required>\r\n        <\/div>\r\n\r\n        <div class=\"lba-field\">\r\n          <label>T\u00e9l\u00e9phone<\/label>\r\n          <input type=\"tel\" name=\"telephone\" placeholder=\"+33 6 XX XX XX XX\">\r\n        <\/div>\r\n\r\n        <div class=\"lba-field\">\r\n          <label>Sujet <span class=\"lba-required\">*<\/span><\/label>\r\n          <select name=\"sujet\" required onchange=\"document.getElementById('lba-subject-hidden').value='Contact \u2014 '+this.value+' \u2014 La Bo\u00eete \u00e0 IT'\">\r\n            <option value=\"\" disabled selected>Choisissez un sujet\u2026<\/option>\r\n            <option value=\"Demande de d\u00e9monstration\">Demande de d\u00e9monstration<\/option>\r\n            <option value=\"Renseignements sur les plugins\">Renseignements sur les plugins<\/option>\r\n            <option value=\"Demande de devis\">Demande de devis<\/option>\r\n            <option value=\"Besoin en gestion de projets\/PMO\">Besoin en gestion de projets\/PMO<\/option>\r\n            <option value=\"Audit du SI\/Aide au recrutement\">Audit du SI\/Aide au recrutement<\/option>\r\n            <option value=\"D\u00e9veloppement d'applications\">D\u00e9veloppement d&rsquo;applications<\/option>\r\n            <option value=\"Gestion de votre centre de services\">Gestion de votre centre de services<\/option>\r\n            <option value=\"Autre demande\">Autre Demande<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"lba-field\">\r\n          <label>Message <span class=\"lba-required\">*<\/span><\/label>\r\n          <textarea name=\"message\" placeholder=\"D\u00e9crivez votre projet ou votre question\u2026\" required><\/textarea>\r\n        <\/div>\r\n\r\n        <div class=\"lba-submit-row\">\r\n          <button type=\"submit\" class=\"lba-btn-submit\" id=\"lba-submit-btn\">Envoyer le message<\/button>\r\n          <span class=\"lba-form-note\">R\u00e9ponse garantie sous 24h ouvr\u00e9es<\/span>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.getElementById('lba-contact-form').addEventListener('submit', async function(e) {\r\n  e.preventDefault();\r\n  var btn = document.getElementById('lba-submit-btn');\r\n  btn.textContent = 'Envoi en cours\u2026';\r\n  btn.disabled = true;\r\n  try {\r\n    var res = await fetch('https:\/\/api.web3forms.com\/submit', {\r\n      method: 'POST',\r\n      body: new FormData(this)\r\n    });\r\n    var data = await res.json();\r\n    if (data.success) {\r\n      document.getElementById('lba-ok').style.display = 'block';\r\n      document.getElementById('lba-err').style.display = 'none';\r\n      this.reset();\r\n    } else { throw new Error(); }\r\n  } catch(err) {\r\n    document.getElementById('lba-err').style.display = 'block';\r\n    document.getElementById('lba-ok').style.display = 'none';\r\n  }\r\n  btn.textContent = 'Envoyer le message';\r\n  btn.disabled = false;\r\n});\r\n<\/script>\r\n","protected":false},"excerpt":{"rendered":"<p>Contactez-nous Une question, un projet, une d\u00e9mo ? On vous r\u00e9pond sous 24h. \ud83d\udce7 Email contact@laboiteait.fr R\u00e9ponse sous 24h ouvr\u00e9es \ud83d\udcde T\u00e9l\u00e9phone +33 6 87 44 34 41 Lun\u2013Ven, 9h\u201318h \ud83d\udccd Adresse Annecy, France Interventions sur site possibles Demander une d\u00e9mo Contactez-nous directement pour planifier une d\u00e9monstration personnalis\u00e9e de 20 min de nos plugins. \ud83d\udce7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":71,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-175","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.laboiteait.fr\/index.php\/wp-json\/wp\/v2\/pages\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.laboiteait.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.laboiteait.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.laboiteait.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.laboiteait.fr\/index.php\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":7,"href":"https:\/\/www.laboiteait.fr\/index.php\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":567,"href":"https:\/\/www.laboiteait.fr\/index.php\/wp-json\/wp\/v2\/pages\/175\/revisions\/567"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.laboiteait.fr\/index.php\/wp-json\/wp\/v2\/media\/71"}],"wp:attachment":[{"href":"https:\/\/www.laboiteait.fr\/index.php\/wp-json\/wp\/v2\/media?parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}