{"id":177,"date":"2026-09-09T12:44:16","date_gmt":"2026-09-09T12:44:16","guid":{"rendered":"https:\/\/tomvisuaals.fr\/?page_id=177"},"modified":"2026-09-16T12:27:35","modified_gmt":"2026-09-16T12:27:35","slug":"contact","status":"publish","type":"page","link":"https:\/\/tomvisuaals.fr\/index.php\/contact\/","title":{"rendered":"Me contacter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"177\" class=\"elementor elementor-177\">\n\t\t\t\t<div class=\"elementor-element elementor-element-effafb4 e-flex e-con-boxed e-con e-parent\" data-id=\"effafb4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79915ee elementor-widget elementor-widget-html\" data-id=\"79915ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"contact-page\">\r\n\r\n  <div class=\"contact-page-inner\">\r\n\r\n    <div class=\"contact-page-heading\">\r\n\r\n      <p class=\"contact-page-kicker\">\r\n        VOTRE PROJET COMMENCE ICI\r\n      <\/p>\r\n\r\n      <h1>\r\n        ME CONTACTER\r\n      <\/h1>\r\n\r\n      <p class=\"contact-page-intro\">\r\n        Un projet en t\u00eate ? Parlons-en.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <form class=\"contact-form\">\r\n\r\n      <div class=\"contact-form-row\">\r\n\r\n        <div class=\"contact-field\">\r\n          <label for=\"name\">Nom *<\/label>\r\n\r\n          <input\r\n            type=\"text\"\r\n            id=\"name\"\r\n            name=\"name\"\r\n            placeholder=\"Votre nom\"\r\n            required\r\n          >\r\n        <\/div>\r\n\r\n\r\n        <div class=\"contact-field\">\r\n          <label for=\"email\">E-mail *<\/label>\r\n\r\n          <input\r\n            type=\"email\"\r\n            id=\"email\"\r\n            name=\"email\"\r\n            placeholder=\"Votre adresse e-mail\"\r\n            required\r\n          >\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"contact-form-row\">\r\n\r\n        <div class=\"contact-field\">\r\n          <label for=\"phone\">T\u00e9l\u00e9phone<\/label>\r\n\r\n          <input\r\n            type=\"tel\"\r\n            id=\"phone\"\r\n            name=\"phone\"\r\n            placeholder=\"Votre num\u00e9ro de t\u00e9l\u00e9phone\"\r\n          >\r\n        <\/div>\r\n\r\n\r\n        <div class=\"contact-field\">\r\n          <label for=\"project\">Type de projet<\/label>\r\n\r\n          <select id=\"project\" name=\"project\">\r\n\r\n            <option value=\"\" selected disabled>\r\n              S\u00e9lectionnez votre projet\r\n            <\/option>\r\n\r\n            <option value=\"automobile\">\r\n              Automobile\r\n            <\/option>\r\n\r\n            <option value=\"entreprise\">\r\n              Entreprise\r\n            <\/option>\r\n\r\n            <option value=\"evenementiel\">\r\n              \u00c9v\u00e9nementiel\r\n            <\/option>\r\n\r\n            <option value=\"reseaux-sociaux\">\r\n              R\u00e9seaux sociaux\r\n            <\/option>\r\n\r\n            <option value=\"autre\">\r\n              Autre\r\n            <\/option>\r\n\r\n          <\/select>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"contact-field contact-field-full\">\r\n\r\n        <label for=\"message\">Message *<\/label>\r\n\r\n        <textarea\r\n          id=\"message\"\r\n          name=\"message\"\r\n          placeholder=\"Parlez-moi de votre projet...\"\r\n          required\r\n        ><\/textarea>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"contact-form-bottom\">\r\n\r\n        <p class=\"contact-response-time\">\r\n          R\u00e9ponse g\u00e9n\u00e9ralement sous 24 \u00e0 48 h.\r\n        <\/p>\r\n\r\n        <button\r\n          type=\"submit\"\r\n          class=\"contact-submit\"\r\n        >\r\n          ENVOYER LE MESSAGE\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/form>\r\n\r\n\r\n    <div class=\"contact-direct\">\r\n\r\n      <p>\r\n        Vous pouvez \u00e9galement me contacter directement ici :\r\n      <\/p>\r\n\r\n      <a href=\"mailto:tom.visuaals12@gmail.com\">\r\n        tom.visuaals12@gmail.com\r\n      <\/a>\r\n\r\n      <a\r\n        href=\"https:\/\/www.instagram.com\/tom.visuaals\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n      >\r\n        @tom.visuaals\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p class=\"contact-copyright\">\r\n      \u00a9 2026 TOM VISUALS\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\nhtml,\r\nbody,\r\n#page,\r\n#content,\r\n.site-content,\r\n.site-main {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  background: #121212 !important;\r\n}\r\n\r\n\r\n\/* =========================\r\n   PAGE CONTACT\r\n   ========================= *\/\r\n\r\n.contact-page {\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n  min-height: 100vh;\r\n\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n\r\n  box-sizing: border-box;\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 120px 40px 45px;\r\n\r\n  background: #121212 !important;\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n.contact-page-inner {\r\n  width: min(100%, 900px);\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TITRE\r\n   ========================= *\/\r\n\r\n.contact-page-heading {\r\n  margin-bottom: 55px;\r\n}\r\n\r\n\r\n.contact-page-kicker {\r\n  margin: 0 0 14px;\r\n\r\n  color: rgba(255,255,255,.45);\r\n\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\r\n.contact-page-heading h1 {\r\n  margin: 0;\r\n\r\n  color: #fff;\r\n\r\n  font-family: \"Arial Narrow\", \"Roboto Condensed\", Arial, sans-serif;\r\n\r\n  font-size: clamp(42px, 5vw, 68px);\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1.1;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\r\n.contact-page-intro {\r\n  margin: 20px 0 0;\r\n\r\n  color: rgba(255,255,255,.72);\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 300;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   FORMULAIRE\r\n   ========================= *\/\r\n\r\n.contact-form {\r\n  width: 100%;\r\n}\r\n\r\n\r\n.contact-form-row {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 24px;\r\n\r\n  margin-bottom: 24px;\r\n}\r\n\r\n\r\n.contact-field {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 10px;\r\n}\r\n\r\n\r\n.contact-field-full {\r\n  margin-top: 2px;\r\n}\r\n\r\n\r\n.contact-field label {\r\n  color: rgba(255,255,255,.72);\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 400;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n.contact-field input,\r\n.contact-field select,\r\n.contact-field textarea {\r\n  width: 100%;\r\n\r\n  box-sizing: border-box;\r\n\r\n  border: 1px solid rgba(255,255,255,.20);\r\n\r\n  border-radius: 0;\r\n\r\n  outline: none;\r\n\r\n  background: #181818;\r\n\r\n  color: #fff;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 300;\r\n\r\n  transition:\r\n    border-color .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n\r\n.contact-field input,\r\n.contact-field select {\r\n  height: 54px;\r\n\r\n  padding: 0 17px;\r\n}\r\n\r\n\r\n.contact-field textarea {\r\n  min-height: 180px;\r\n\r\n  resize: vertical;\r\n\r\n  padding: 17px;\r\n}\r\n\r\n\r\n.contact-field input::placeholder,\r\n.contact-field textarea::placeholder {\r\n  color: rgba(255,255,255,.32);\r\n}\r\n\r\n\r\n.contact-field input:focus,\r\n.contact-field select:focus,\r\n.contact-field textarea:focus {\r\n  border-color: rgba(255,255,255,.65);\r\n\r\n  background: #1b1b1b;\r\n}\r\n\r\n\r\n.contact-field select {\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n\/* =========================\r\n   BAS FORMULAIRE\r\n   ========================= *\/\r\n\r\n.contact-form-bottom {\r\n  display: flex;\r\n\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  gap: 30px;\r\n\r\n  margin-top: 28px;\r\n}\r\n\r\n\r\n.contact-response-time {\r\n  margin: 0;\r\n\r\n  color: rgba(255,255,255,.42);\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 300;\r\n\r\n  letter-spacing: .8px;\r\n}\r\n\r\n\r\n.contact-submit {\r\n  padding: 14px 25px;\r\n\r\n  border: 1px solid rgba(255,255,255,.75);\r\n\r\n  background: transparent;\r\n\r\n  color: #fff;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 500;\r\n\r\n  letter-spacing: 1.8px;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    color .25s ease;\r\n}\r\n\r\n\r\n.contact-submit:hover {\r\n  background: #fff;\r\n\r\n  color: #121212;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CONTACT DIRECT\r\n   ========================= *\/\r\n\r\n.contact-direct {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px 24px;\r\n\r\n  margin-top: 70px;\r\n\r\n  padding-top: 28px;\r\n\r\n  border-top: 1px solid rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n.contact-direct p {\r\n  width: 100%;\r\n\r\n  margin: 0 0 5px;\r\n\r\n  color: rgba(255,255,255,.42);\r\n\r\n  font-size: 11px;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n.contact-direct a {\r\n  color: rgba(255,255,255,.80);\r\n\r\n  text-decoration: none;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 300;\r\n\r\n  transition: color .25s ease;\r\n}\r\n\r\n\r\n.contact-direct a:hover {\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* =========================\r\n   COPYRIGHT\r\n   ========================= *\/\r\n\r\n.contact-copyright {\r\n  margin: 70px 0 0;\r\n\r\n  color: rgba(255,255,255,.35);\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 300;\r\n\r\n  letter-spacing: 1.8px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n   ========================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .contact-page {\r\n    padding: 90px 18px 28px;\r\n  }\r\n\r\n\r\n  .contact-page-heading {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n\r\n  .contact-page-kicker {\r\n    margin-bottom: 10px;\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n\r\n  .contact-page-heading h1 {\r\n    font-size: 30px;\r\n\r\n    font-weight: 300;\r\n\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n\r\n  .contact-page-intro {\r\n    margin-top: 16px;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.6;\r\n  }\r\n\r\n\r\n  .contact-form-row {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n\r\n  .contact-field {\r\n    gap: 8px;\r\n  }\r\n\r\n\r\n  .contact-field input,\r\n  .contact-field select {\r\n    height: 52px;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  .contact-field textarea {\r\n    min-height: 160px;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  .contact-form-bottom {\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 22px;\r\n\r\n    margin-top: 24px;\r\n  }\r\n\r\n\r\n  .contact-submit {\r\n    width: 100%;\r\n\r\n    text-align: center;\r\n\r\n    padding: 14px 20px;\r\n  }\r\n\r\n\r\n  .contact-direct {\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 55px;\r\n  }\r\n\r\n\r\n  .contact-direct p {\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n\r\n  .contact-copyright {\r\n    margin-top: 60px;\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VOTRE PROJET COMMENCE ICI ME CONTACTER Un projet en t\u00eate ? Parlons-en. Nom * E-mail * T\u00e9l\u00e9phone Type de projet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-177","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tomvisuaals.fr\/index.php\/wp-json\/wp\/v2\/pages\/177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tomvisuaals.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tomvisuaals.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tomvisuaals.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tomvisuaals.fr\/index.php\/wp-json\/wp\/v2\/comments?post=177"}],"version-history":[{"count":9,"href":"https:\/\/tomvisuaals.fr\/index.php\/wp-json\/wp\/v2\/pages\/177\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/tomvisuaals.fr\/index.php\/wp-json\/wp\/v2\/pages\/177\/revisions\/371"}],"wp:attachment":[{"href":"https:\/\/tomvisuaals.fr\/index.php\/wp-json\/wp\/v2\/media?parent=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}