{"id":23,"date":"2025-11-17T11:44:40","date_gmt":"2025-11-17T10:44:40","guid":{"rendered":"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/?page_id=23"},"modified":"2026-05-21T17:01:19","modified_gmt":"2026-05-21T15:01:19","slug":"contact","status":"publish","type":"page","link":"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23\" class=\"elementor elementor-23\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95b3227 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"95b3227\" 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-576c906 wpr-logo-position-center elementor-widget elementor-widget-wpr-logo\" data-id=\"576c906\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-logo.default\">\n\t\t\t\t\t\t\t\t\n\t\t\t<div class=\"wpr-logo elementor-clearfix\">\n\n\t\t\t\t\t\t\t\t<picture class=\"wpr-logo-image\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/wp-content\/uploads\/2025\/12\/Capture_d_ecran_2025-12-24_001059-removebg-preview.png\" alt=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/\"><\/a>\n\t\t\t\t\t\t\t\t\t<\/picture>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/\"><\/a>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51a989c wpr-main-menu-align-left wpr-main-menu-align--tabletleft wpr-main-menu-align--mobileleft wpr-pointer-underline wpr-pointer-line-fx wpr-pointer-fx-fade wpr-sub-icon-caret-down wpr-sub-menu-fx-fade wpr-nav-menu-bp-mobile wpr-mobile-menu-full-width wpr-mobile-menu-item-align-center wpr-mobile-toggle-v1 wpr-sub-divider-yes wpr-mobile-divider-yes elementor-widget elementor-widget-wpr-nav-menu\" data-id=\"51a989c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;menu_layout&quot;:&quot;horizontal&quot;}\" data-widget_type=\"wpr-nav-menu.default\">\n\t\t\t\t\t<nav class=\"wpr-nav-menu-container wpr-nav-menu-horizontal\" data-trigger=\"hover\" data-consider-header=\"\" data-scroll-speed=\"500\"><ul id=\"menu-1-51a989c\" class=\"wpr-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-29\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/\" class=\"wpr-menu-item wpr-pointer-item\">Accueil<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-33\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/qui-suis-je\/\" class=\"wpr-menu-item wpr-pointer-item\">Qui suis-Je ?<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-31\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/experience\/\" class=\"wpr-menu-item wpr-pointer-item\">Exp\u00e9rience<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-32\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/projets\/\" class=\"wpr-menu-item wpr-pointer-item\">Projets<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-30\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/contact\/\" class=\"wpr-menu-item wpr-pointer-item\">Contact<\/a><\/li>\n<\/ul><\/nav><nav class=\"wpr-mobile-nav-menu-container\"><div class=\"wpr-mobile-toggle-wrap\"><div class=\"wpr-mobile-toggle\"><span class=\"wpr-mobile-toggle-line\"><\/span><span class=\"wpr-mobile-toggle-line\"><\/span><span class=\"wpr-mobile-toggle-line\"><\/span><\/div><\/div><ul id=\"mobile-menu-2-51a989c\" class=\"wpr-mobile-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-29\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/\" class=\"wpr-mobile-menu-item\">Accueil<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-33\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/qui-suis-je\/\" class=\"wpr-mobile-menu-item\">Qui suis-Je ?<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-31\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/experience\/\" class=\"wpr-mobile-menu-item\">Exp\u00e9rience<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-32\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/projets\/\" class=\"wpr-mobile-menu-item\">Projets<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-30\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/contact\/\" class=\"wpr-mobile-menu-item\">Contact<\/a><\/li>\n<\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-091dd48 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"091dd48\" 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-6c08b89 elementor-widget elementor-widget-html\" data-id=\"6c08b89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Contact \u2014 Cl\u00e9ment Corneille<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n:root {\r\n  --dark:   #121009;\r\n  --dark2:  #1a1710;\r\n  --dark3:  #222018;\r\n  --cream:  #F2EDE2;\r\n  --cream2: #c8c2b4;\r\n  --gold:   #C9A96E;\r\n  --gold2:  #E8C98A;\r\n  --muted:  #7A7267;\r\n  --border: rgba(201,169,110,0.15);\r\n  --border-focus: rgba(201,169,110,0.5);\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n  font-family: 'DM Sans', sans-serif;\r\n  background: var(--dark);\r\n  color: var(--cream);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.contact-hero {\r\n  position: relative;\r\n  padding: 100px 24px 72px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n.contact-hero::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(201,169,110,0.07) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.back-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  text-decoration: none;\r\n  margin-bottom: 48px;\r\n  transition: color 0.2s;\r\n}\r\n.back-link:hover { color: var(--gold); }\r\n.back-link svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n.hero-eyebrow {\r\n  font-size: 11px;\r\n  letter-spacing: 0.24em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-bottom: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n}\r\n.hero-eyebrow::before,\r\n.hero-eyebrow::after {\r\n  content: '';\r\n  width: 40px; height: 1px;\r\n  background: linear-gradient(to right, transparent, var(--gold));\r\n}\r\n.hero-eyebrow::after { background: linear-gradient(to left, transparent, var(--gold)); }\r\n\r\n.hero-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(2.8rem, 7vw, 5.5rem);\r\n  font-weight: 700;\r\n  line-height: 1.05;\r\n  color: var(--cream);\r\n  margin-bottom: 20px;\r\n}\r\n.hero-title em { font-style: italic; color: var(--gold); }\r\n\r\n.hero-sub {\r\n  font-size: 16px;\r\n  color: var(--muted);\r\n  font-weight: 300;\r\n  max-width: 460px;\r\n  margin: 0 auto;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* \u2500\u2500 LAYOUT PRINCIPAL \u2500\u2500 *\/\r\n.contact-wrap {\r\n  max-width: 1060px;\r\n  margin: 0 auto;\r\n  padding: 0 24px 100px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.6fr;\r\n  gap: 40px;\r\n  align-items: start;\r\n}\r\n\r\n\/* \u2500\u2500 COLONNE GAUCHE \u2014 Infos \u2500\u2500 *\/\r\n.contact-infos {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  position: sticky;\r\n  top: 40px;\r\n}\r\n\r\n.infos-label {\r\n  font-size: 10px;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.infos-label::after { content: ''; flex: 1; height: 1px; background: var(--border); }\r\n\r\n.info-card {\r\n  background: var(--dark2);\r\n  border: 1px solid var(--border);\r\n  border-radius: 10px;\r\n  padding: 20px 22px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  text-decoration: none;\r\n  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;\r\n}\r\n.info-card:hover {\r\n  border-color: rgba(201,169,110,0.4);\r\n  transform: translateX(4px);\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.25);\r\n}\r\n\r\n.info-icon {\r\n  width: 40px; height: 40px;\r\n  background: rgba(201,169,110,0.1);\r\n  border-radius: 8px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.info-icon svg { width: 18px; height: 18px; stroke: var(--gold); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n.info-content {}\r\n.info-type {\r\n  font-size: 10px;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  margin-bottom: 3px;\r\n}\r\n.info-value {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: var(--cream);\r\n  word-break: break-all;\r\n}\r\n\r\n\/* LinkedIn sp\u00e9cifique *\/\r\n.info-card.linkedin .info-icon { background: rgba(10,102,194,0.15); }\r\n.info-card.linkedin .info-icon svg { stroke: #4a9eff; }\r\n.info-card.linkedin .info-value { color: #4a9eff; }\r\n\r\n\/* Fl\u00e8che externe *\/\r\n.info-arrow {\r\n  margin-left: auto;\r\n  flex-shrink: 0;\r\n}\r\n.info-arrow svg { width: 14px; height: 14px; stroke: var(--muted); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n\/* Disponibilit\u00e9 badge *\/\r\n.dispo-badge {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 14px 18px;\r\n  background: rgba(201,169,110,0.06);\r\n  border: 1px solid rgba(201,169,110,0.2);\r\n  border-radius: 8px;\r\n  margin-top: 8px;\r\n}\r\n.dispo-dot {\r\n  width: 8px; height: 8px;\r\n  border-radius: 50%;\r\n  background: #4ade80;\r\n  flex-shrink: 0;\r\n  box-shadow: 0 0 8px rgba(74,222,128,0.6);\r\n  animation: pulse-dot 2s ease-in-out infinite;\r\n}\r\n@keyframes pulse-dot {\r\n  0%, 100% { box-shadow: 0 0 6px rgba(74,222,128,0.5); }\r\n  50% { box-shadow: 0 0 14px rgba(74,222,128,0.9); }\r\n}\r\n.dispo-text {\r\n  font-size: 12px;\r\n  color: var(--cream2);\r\n  font-weight: 300;\r\n}\r\n.dispo-text strong { color: #4ade80; font-weight: 500; }\r\n\r\n\/* \u2500\u2500 COLONNE DROITE \u2014 Formulaire \u2500\u2500 *\/\r\n.contact-form-wrap {\r\n  background: var(--dark2);\r\n  border: 1px solid var(--border);\r\n  border-radius: 12px;\r\n  padding: 40px;\r\n}\r\n\r\n.form-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: var(--cream);\r\n  margin-bottom: 6px;\r\n}\r\n.form-sub {\r\n  font-size: 13px;\r\n  color: var(--muted);\r\n  font-weight: 300;\r\n  margin-bottom: 32px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n}\r\n\r\n.form-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 7px;\r\n  margin-bottom: 20px;\r\n}\r\n.form-group.full { grid-column: 1 \/ -1; }\r\n\r\n.form-label {\r\n  font-size: 11px;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  font-weight: 500;\r\n}\r\n\r\n.form-input,\r\n.form-textarea {\r\n  background: var(--dark);\r\n  border: 1px solid var(--border);\r\n  border-radius: 6px;\r\n  padding: 13px 16px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 300;\r\n  color: var(--cream);\r\n  outline: none;\r\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n  width: 100%;\r\n}\r\n.form-input::placeholder,\r\n.form-textarea::placeholder { color: var(--muted); opacity: 0.6; }\r\n\r\n.form-input:focus,\r\n.form-textarea:focus {\r\n  border-color: var(--border-focus);\r\n  box-shadow: 0 0 0 3px rgba(201,169,110,0.08);\r\n}\r\n\r\n.form-textarea {\r\n  resize: vertical;\r\n  min-height: 140px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Bouton envoyer *\/\r\n.btn-send {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  padding: 16px 32px;\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\r\n  margin-top: 8px;\r\n}\r\n.btn-send:hover {\r\n  background: var(--gold2);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 30px rgba(201,169,110,0.25);\r\n}\r\n.btn-send:active { transform: translateY(0); }\r\n.btn-send svg { width: 16px; height: 16px; stroke: var(--dark); fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.2s; }\r\n.btn-send:hover svg { transform: translateX(4px); }\r\n\r\n\/* Message de confirmation *\/\r\n.form-success {\r\n  display: none;\r\n  text-align: center;\r\n  padding: 32px 20px;\r\n}\r\n.form-success .success-icon {\r\n  width: 56px; height: 56px;\r\n  background: rgba(74,222,128,0.1);\r\n  border: 1px solid rgba(74,222,128,0.3);\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin: 0 auto 20px;\r\n}\r\n.form-success .success-icon svg { width: 24px; height: 24px; stroke: #4ade80; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.form-success h3 { font-family: 'Playfair Display', serif; font-size: 1.3rem; color: var(--cream); margin-bottom: 10px; }\r\n.form-success p { font-size: 14px; color: var(--muted); font-weight: 300; line-height: 1.6; }\r\n\r\n\/* Note RGPD *\/\r\n.form-note {\r\n  margin-top: 16px;\r\n  font-size: 11px;\r\n  color: var(--muted);\r\n  text-align: center;\r\n  line-height: 1.55;\r\n  opacity: 0.7;\r\n}\r\n\r\n\/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\r\n.page-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  max-width: 1060px;\r\n  margin: 0 auto 40px;\r\n  padding: 0 24px;\r\n}\r\n.page-divider::before, .page-divider::after {\r\n  content: ''; flex: 1; height: 1px; background: var(--border);\r\n}\r\n.page-divider-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .contact-wrap {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n  .contact-infos { position: static; }\r\n  .form-row { grid-template-columns: 1fr; }\r\n  .contact-form-wrap { padding: 28px 20px; }\r\n  .hero-title { font-size: 2.6rem; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\r\n<header class=\"contact-hero\">\r\n  <a href=\"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/\" class=\"back-link\">\r\n    <svg viewBox=\"0 0 24 24\"><polyline points=\"19 12 5 12\"\/><polyline points=\"12 5 5 12 12 19\"\/><\/svg>\r\n    Retour au portfolio\r\n  <\/a>\r\n\r\n  <div class=\"hero-eyebrow\">Me contacter<\/div>\r\n  <h1 class=\"hero-title\">Parlons de<br><em>votre projet.<\/em><\/h1>\r\n  <p class=\"hero-sub\">Une question, une opportunit\u00e9, une id\u00e9e \u00e0 partager ? Je suis disponible et \u00e0 l'\u00e9coute.<\/p>\r\n<\/header>\r\n\r\n<div class=\"page-divider\"><div class=\"page-divider-dot\"><\/div><\/div>\r\n\r\n<!-- \u2500\u2500 CONTENU \u2500\u2500 -->\r\n<div class=\"contact-wrap\">\r\n\r\n  <!-- COLONNE GAUCHE -->\r\n  <aside class=\"contact-infos\">\r\n\r\n    <div class=\"infos-label\">Mes coordonn\u00e9es<\/div>\r\n\r\n    <!-- Email -->\r\n    <a href=\"mailto:clem.corneille@gmail.com\" class=\"info-card\">\r\n      <div class=\"info-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"info-content\">\r\n        <div class=\"info-type\">Email<\/div>\r\n        <div class=\"info-value\">clem.corneille@gmail.com<\/div>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- T\u00e9l\u00e9phone -->\r\n    <a href=\"tel:+33675827891\" class=\"info-card\">\r\n      <div class=\"info-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.38 2 2 0 0 1 3.58 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.54a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 15.92z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"info-content\">\r\n        <div class=\"info-type\">Mobile<\/div>\r\n        <div class=\"info-value\">06 75 82 78 91<\/div>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- LinkedIn -->\r\n    <a href=\"https:\/\/www.linkedin.com\/in\/cl%C3%A9ment-corneille-2a2a27360\/\" target=\"_blank\" rel=\"noopener\" class=\"info-card linkedin\">\r\n      <div class=\"info-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"info-content\">\r\n        <div class=\"info-type\">LinkedIn<\/div>\r\n        <div class=\"info-value\">Cl\u00e9ment Corneille<\/div>\r\n      <\/div>\r\n      <div class=\"info-arrow\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6\"\/><path d=\"M10 14L21 3\"\/><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><\/svg>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- Disponibilit\u00e9 -->\r\n    <div class=\"dispo-badge\">\r\n      <div class=\"dispo-dot\"><\/div>\r\n      <div class=\"dispo-text\"><strong>Disponible<\/strong> \u2014 Ouvert aux opportunit\u00e9s<\/div>\r\n    <\/div>\r\n\r\n  <\/aside>\r\n\r\n  <!-- COLONNE DROITE \u2014 FORMULAIRE -->\r\n  <div class=\"contact-form-wrap\">\r\n\r\n    <div id=\"form-content\">\r\n      <h2 class=\"form-title\">Envoyez-moi un message<\/h2>\r\n      <p class=\"form-sub\">Remplissez le formulaire ci-dessous et je vous r\u00e9pondrai dans les plus brefs d\u00e9lais.<\/p>\r\n\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\" for=\"nom\">Nom complet *<\/label>\r\n          <input class=\"form-input\" type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Jean Dupont\" required>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\" for=\"email\">Adresse email *<\/label>\r\n          <input class=\"form-input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\" for=\"objet\">Objet *<\/label>\r\n        <input class=\"form-input\" type=\"text\" id=\"objet\" name=\"objet\" placeholder=\"Ex : Proposition de stage, Question\u2026\" required>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\" for=\"message\">Message *<\/label>\r\n        <textarea class=\"form-textarea\" id=\"message\" name=\"message\" placeholder=\"D\u00e9crivez votre demande, votre projet ou votre question\u2026\" required><\/textarea>\r\n      <\/div>\r\n\r\n      <button class=\"btn-send\" onclick=\"envoyerMail()\">\r\n        Envoyer le message\r\n        <svg viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <p class=\"form-note\">Vos informations sont utilis\u00e9es uniquement pour vous r\u00e9pondre et ne seront jamais partag\u00e9es.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Message de succ\u00e8s -->\r\n    <div class=\"form-success\" id=\"form-success\">\r\n      <div class=\"success-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Message envoy\u00e9 !<\/h3>\r\n      <p>Merci pour votre message. Je vous r\u00e9pondrai dans les meilleurs d\u00e9lais \u00e0 l'adresse indiqu\u00e9e.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction envoyerMail() {\r\n  var nom     = document.getElementById('nom').value.trim();\r\n  var email   = document.getElementById('email').value.trim();\r\n  var objet   = document.getElementById('objet').value.trim();\r\n  var message = document.getElementById('message').value.trim();\r\n\r\n  \/\/ Validation simple\r\n  if (!nom || !email || !objet || !message) {\r\n    alert('Merci de remplir tous les champs avant d\\'envoyer.');\r\n    return;\r\n  }\r\n  if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\r\n    alert('Veuillez entrer une adresse email valide.');\r\n    return;\r\n  }\r\n\r\n  \/\/ Construction du lien mailto\r\n  var corps = 'Nom : ' + nom + '\\n'\r\n            + 'Email : ' + email + '\\n\\n'\r\n            + message;\r\n\r\n  var mailto = 'mailto:clem.corneille@gmail.com'\r\n             + '?subject=' + encodeURIComponent(objet)\r\n             + '&body='    + encodeURIComponent(corps);\r\n\r\n  \/\/ Ouvre le client mail\r\n  window.location.href = mailto;\r\n\r\n  \/\/ Affiche le message de succ\u00e8s apr\u00e8s 1s\r\n  setTimeout(function() {\r\n    document.getElementById('form-content').style.display = 'none';\r\n    document.getElementById('form-success').style.display = 'block';\r\n  }, 1000);\r\n}\r\n\r\n\/\/ Permettre l'envoi avec Entr\u00e9e sur les inputs (sauf textarea)\r\ndocument.querySelectorAll('.form-input').forEach(function(input) {\r\n  input.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Enter') envoyerMail();\r\n  });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Accueil Qui suis-Je ? Exp\u00e9rience Projets Contact Accueil Qui suis-Je ? Exp\u00e9rience Projets Contact Contact \u2014 Cl\u00e9ment Corneille Retour au portfolio Me contacter Parlons devotre projet. Une question, une opportunit\u00e9, une id\u00e9e \u00e0 partager ? Je suis disponible et \u00e0 l&rsquo;\u00e9coute. Mes coordonn\u00e9es Email clem.corneille@gmail.com Mobile 06 75 82 78 91 LinkedIn Cl\u00e9ment Corneille Disponible \u2014 Ouvert aux opportunit\u00e9s Envoyez-moi un message Remplissez le formulaire ci-dessous et je vous r\u00e9pondrai dans les plus brefs d\u00e9lais. Nom complet * Adresse email * Objet * Message * Envoyer le message Vos informations sont utilis\u00e9es uniquement pour vous r\u00e9pondre et ne seront jamais partag\u00e9es. Message envoy\u00e9 ! Merci pour votre message. Je vous r\u00e9pondrai dans les meilleurs d\u00e9lais \u00e0 l&rsquo;adresse indiqu\u00e9e.<\/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-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":13,"href":"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/wp-json\/wp\/v2\/pages\/23\/revisions\/469"}],"wp:attachment":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/CORNEILLE\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}