{"id":57,"date":"2026-08-05T16:09:19","date_gmt":"2026-08-05T16:09:19","guid":{"rendered":"https:\/\/www.jnyouevents.com\/?page_id=57"},"modified":"2026-09-09T19:55:49","modified_gmt":"2026-09-09T19:55:49","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.jnyouevents.com\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"57\" class=\"elementor elementor-57\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f6c735 e-con-full e-flex e-con e-parent\" data-id=\"0f6c735\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-016e97a elementor-widget elementor-widget-html\" data-id=\"016e97a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU EVENTS \u2014 CONTACT FINAL\n     GOOGLE SHEETS + WORDPRESS SMTP\n========================================================== -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Montserrat:wght@400;500;600&display=swap');\n\n.jny-contact-page{\n  --wine:#54232F;\n  --plum:#44123A;\n  --sage:#778A77;\n  --sage-soft:#A8B6A5;\n  --paper:#FBF9F6;\n  --porcelain:#F2EFEA;\n  --taupe:#4F444C;\n  --line:rgba(84,35,47,.12);\n  --line-soft:rgba(84,35,47,.08);\n\n  position:relative;\n  left:50%;\n  width:100vw!important;\n  max-width:100vw!important;\n  margin-left:-50vw!important;\n  margin-right:-50vw!important;\n  overflow:hidden;\n  background:var(--paper);\n  color:var(--taupe);\n  font-family:\"Montserrat\",sans-serif;\n}\n\n.jny-contact-page,\n.jny-contact-page *{\n  box-sizing:border-box;\n}\n\n.elementor-widget-html:has(.jny-contact-page),\n.elementor-widget-html:has(.jny-contact-page) > .elementor-widget-container{\n  width:100%!important;\n  max-width:none!important;\n  overflow:visible!important;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.jny-contact-hero{\n  position:relative;\n  overflow:hidden;\n\n  padding:\n    clamp(88px,8vw,125px)\n    clamp(22px,5vw,78px)\n    clamp(98px,8vw,125px);\n\n  background:\n    radial-gradient(\n      circle at 80% 20%,\n      rgba(168,182,165,.15),\n      transparent 32%\n    ),\n    linear-gradient(\n      145deg,\n      #FBF9F6 0%,\n      #F2EFEA 100%\n    );\n}\n\n.jny-contact-hero::after{\n  content:\"JN.YOU\";\n  position:absolute;\n  right:-.02em;\n  bottom:-.28em;\n  color:rgba(84,35,47,.028);\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:clamp(160px,22vw,390px);\n  font-weight:500;\n  line-height:.8;\n  pointer-events:none;\n}\n\n.jny-contact-hero-inner{\n  position:relative;\n  z-index:2;\n  width:min(100%,1450px);\n  margin:0 auto;\n}\n\n.jny-contact-kicker{\n  display:flex;\n  align-items:center;\n  gap:15px;\n  margin-bottom:26px;\n  color:var(--sage);\n  font-size:11px;\n  font-weight:600;\n  letter-spacing:.20em;\n  text-transform:uppercase;\n}\n\n.jny-contact-kicker::before{\n  content:\"\";\n  width:48px;\n  height:1px;\n  background:rgba(84,35,47,.24);\n}\n\n.jny-contact-hero-grid{\n  display:grid;\n  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);\n  gap:clamp(54px,9vw,140px);\n  align-items:end;\n}\n\n.jny-contact-title{\n  max-width:970px;\n  margin:0;\n  color:var(--wine);\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:clamp(69px,7.3vw,122px);\n  font-weight:500;\n  line-height:.87;\n  letter-spacing:-.035em;\n}\n\n.jny-contact-title em{\n  display:block;\n  margin-top:.08em;\n  color:var(--sage);\n  font-weight:400;\n  font-style:italic;\n}\n\n.jny-contact-intro{\n  max-width:760px;\n  margin:31px 0 0;\n  color:rgba(79,68,76,.70);\n  font-size:16px;\n  line-height:1.82;\n}\n\n.jny-contact-hero-aside{\n  padding-left:32px;\n  border-left:1px solid var(--line);\n}\n\n.jny-contact-hero-note{\n  display:flex;\n  gap:15px;\n  padding:18px 0;\n  border-bottom:1px solid var(--line-soft);\n}\n\n.jny-contact-hero-note:first-child{\n  padding-top:0;\n}\n\n.jny-contact-hero-note:last-child{\n  padding-bottom:0;\n  border-bottom:0;\n}\n\n.jny-contact-hero-note-num{\n  flex:0 0 auto;\n  color:rgba(84,35,47,.35);\n  font-size:9px;\n  font-weight:600;\n  letter-spacing:.15em;\n}\n\n.jny-contact-hero-note p{\n  margin:0;\n  color:rgba(79,68,76,.68);\n  font-size:12px;\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   FL\u00c8CHE\n========================================================= *\/\n\n.jny-contact-scroll{\n  position:absolute;\n  z-index:8;\n  right:clamp(22px,5vw,78px);\n  bottom:26px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n\n  color:rgba(84,35,47,.67)!important;\n  text-decoration:none!important;\n  background:transparent!important;\n\n  transition:\n    color .25s ease,\n    opacity .25s ease;\n}\n\n.jny-contact-scroll-label{\n  font-size:8.5px;\n  font-weight:600;\n  line-height:1;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n}\n\n.jny-contact-scroll-circle{\n  width:40px;\n  height:40px;\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:1px solid rgba(84,35,47,.22);\n  border-radius:50%;\n\n  background:rgba(251,249,246,.48);\n\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n\n  transition:\n    background-color .25s ease,\n    border-color .25s ease,\n    transform .25s ease;\n}\n\n.jny-contact-scroll-arrow{\n  display:block;\n  font-size:17px;\n  line-height:1;\n  animation:jnyContactArrow 1.8s ease-in-out infinite;\n}\n\n.jny-contact-scroll:hover{\n  color:var(--wine)!important;\n}\n\n.jny-contact-scroll:hover .jny-contact-scroll-circle{\n  border-color:rgba(84,35,47,.42);\n  background:#FFFFFF;\n  transform:translateY(3px);\n}\n\n@keyframes jnyContactArrow{\n  0%,100%{\n    transform:translateY(-2px);\n  }\n\n  50%{\n    transform:translateY(4px);\n  }\n}\n\n\n\/* =========================================================\n   FORM SECTION\n========================================================= *\/\n\n.jny-contact-form-section{\n  scroll-margin-top:95px;\n\n  padding:\n    clamp(68px,7vw,105px)\n    clamp(22px,5vw,74px)\n    clamp(110px,10vw,160px);\n\n  background:var(--paper);\n}\n\n.jny-contact-form-shell{\n  width:min(100%,1330px);\n  margin:0 auto;\n\n  display:grid;\n  grid-template-columns:minmax(260px,.35fr) minmax(0,1fr);\n  gap:clamp(45px,7vw,100px);\n  align-items:start;\n}\n\n\n\/* =========================================================\n   SIDEBAR\n========================================================= *\/\n\n.jny-contact-sidebar{\n  position:sticky;\n  top:120px;\n}\n\n.jny-contact-sidebar small{\n  display:block;\n  margin-bottom:17px;\n  color:var(--sage);\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n\n.jny-contact-sidebar h2{\n  margin:0;\n  color:var(--wine);\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:clamp(43px,4vw,61px);\n  font-weight:500;\n  line-height:.96;\n  letter-spacing:-.035em;\n}\n\n.jny-contact-sidebar h2 em{\n  display:block;\n  margin-top:.06em;\n  color:var(--sage);\n  font-weight:400;\n  font-style:italic;\n}\n\n.jny-contact-sidebar p{\n  margin:22px 0 0;\n  color:rgba(79,68,76,.65);\n  font-size:13px;\n  line-height:1.75;\n}\n\n.jny-contact-direct{\n  margin-top:36px;\n  padding-top:28px;\n  border-top:1px solid var(--line);\n}\n\n.jny-contact-direct span{\n  display:block;\n  margin-bottom:9px;\n  color:rgba(79,68,76,.43);\n  font-size:9px;\n  font-weight:600;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\n.jny-contact-direct a{\n  color:var(--wine)!important;\n  text-decoration:none!important;\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:24px;\n  font-style:italic;\n}\n\n\n\/* =========================================================\n   FORM CARD\n========================================================= *\/\n\n.jny-contact-form-card{\n  position:relative;\n\n  padding:\n    clamp(36px,4vw,58px)\n    clamp(26px,4.5vw,68px)\n    clamp(42px,4.5vw,64px);\n\n  border:1px solid var(--line);\n  border-radius:32px;\n  background:#FFFFFF;\n\n  box-shadow:\n    0 34px 100px rgba(68,18,58,.07);\n}\n\n\n\/* =========================================================\n   PROGRESSION\n========================================================= *\/\n\n.jny-contact-progress{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:10px;\n  margin-bottom:56px;\n}\n\n.jny-contact-progress-item{\n  position:relative;\n  padding-top:16px;\n  border-top:1px solid rgba(84,35,47,.13);\n  color:rgba(79,68,76,.35);\n\n  transition:\n    color .3s ease,\n    border-color .3s ease;\n}\n\n.jny-contact-progress-item.is-active{\n  border-color:var(--wine);\n  color:var(--wine);\n}\n\n.jny-contact-progress-item.is-complete{\n  border-color:var(--sage);\n  color:var(--sage);\n}\n\n.jny-contact-progress-num{\n  display:block;\n  margin-bottom:6px;\n  font-size:9px;\n  font-weight:600;\n  letter-spacing:.14em;\n}\n\n.jny-contact-progress-label{\n  display:block;\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   \u00c9TAPES\n========================================================= *\/\n\n.jny-contact-step{\n  display:none;\n}\n\n.jny-contact-step.is-active{\n  display:block;\n  animation:jnyContactFade .45s ease both;\n}\n\n@keyframes jnyContactFade{\n  from{\n    opacity:0;\n    transform:translateY(10px);\n  }\n\n  to{\n    opacity:1;\n    transform:none;\n  }\n}\n\n.jny-contact-step-head{\n  max-width:820px;\n  margin-bottom:40px;\n}\n\n.jny-contact-step-head small{\n  display:block;\n  margin-bottom:12px;\n  color:var(--sage);\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.17em;\n  text-transform:uppercase;\n}\n\n.jny-contact-step-head h3{\n  margin:0;\n  color:var(--wine);\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:clamp(41px,4vw,58px);\n  font-weight:500;\n  line-height:.96;\n  letter-spacing:-.035em;\n}\n\n.jny-contact-step-head p{\n  margin:15px 0 0;\n  color:rgba(79,68,76,.60);\n  font-size:13px;\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   FIELDS\n========================================================= *\/\n\n.jny-contact-fields{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:24px 20px;\n}\n\n.jny-contact-field{\n  min-width:0;\n}\n\n.jny-contact-field--full{\n  grid-column:1 \/ -1;\n}\n\n.jny-contact-label{\n  display:block;\n  margin-bottom:9px;\n  color:rgba(79,68,76,.62);\n  font-size:9.5px;\n  font-weight:600;\n  letter-spacing:.10em;\n  text-transform:uppercase;\n}\n\n.jny-contact-required{\n  color:var(--sage);\n}\n\n\n\/* =========================================================\n   INPUTS\n========================================================= *\/\n\n.jny-contact-input,\n.jny-contact-select,\n.jny-contact-textarea{\n  width:100%!important;\n  min-height:58px;\n  margin:0!important;\n  padding:15px 17px!important;\n\n  border:1px solid rgba(84,35,47,.13)!important;\n  border-radius:14px!important;\n\n  outline:none!important;\n\n  background:var(--paper)!important;\n  color:var(--taupe)!important;\n\n  box-shadow:none!important;\n\n  font-family:\"Montserrat\",sans-serif!important;\n  font-size:14px!important;\n  line-height:1.5!important;\n\n  transition:\n    border-color .25s ease,\n    background-color .25s ease,\n    box-shadow .25s ease!important;\n}\n\n.jny-contact-input:focus,\n.jny-contact-select:focus,\n.jny-contact-textarea:focus{\n  border-color:rgba(84,35,47,.42)!important;\n  background:#FFFFFF!important;\n\n  box-shadow:\n    0 0 0 3px rgba(119,138,119,.08)!important;\n}\n\n.jny-contact-input::placeholder,\n.jny-contact-textarea::placeholder{\n  color:rgba(79,68,76,.34);\n}\n\n.jny-contact-textarea{\n  min-height:145px;\n  resize:vertical;\n}\n\n\n\/* =========================================================\n   CHOICES\n========================================================= *\/\n\n.jny-contact-choice-grid{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:12px;\n}\n\n.jny-contact-choice{\n  position:relative;\n  display:block;\n  cursor:pointer;\n}\n\n.jny-contact-choice input{\n  position:absolute;\n  opacity:0;\n  pointer-events:none;\n}\n\n.jny-contact-choice-inner{\n  min-height:78px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:15px;\n  padding:17px 19px;\n\n  border:1px solid rgba(84,35,47,.12);\n  border-radius:15px;\n\n  background:var(--paper);\n  color:rgba(79,68,76,.75);\n\n  transition:\n    border-color .25s ease,\n    background-color .25s ease,\n    color .25s ease,\n    transform .25s ease;\n}\n\n.jny-contact-choice:hover .jny-contact-choice-inner{\n  border-color:rgba(84,35,47,.30);\n  transform:translateY(-2px);\n}\n\n.jny-contact-choice input:checked + .jny-contact-choice-inner{\n  border-color:var(--wine);\n  background:rgba(84,35,47,.025);\n  color:var(--wine);\n}\n\n.jny-contact-choice-title{\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:23px;\n  font-weight:500;\n  line-height:1;\n}\n\n.jny-contact-choice-check{\n  width:20px;\n  height:20px;\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:1px solid rgba(84,35,47,.25);\n  border-radius:50%;\n\n  font-size:10px;\n  color:transparent;\n}\n\n.jny-contact-choice input:checked\n+ .jny-contact-choice-inner\n.jny-contact-choice-check{\n  border-color:var(--wine);\n  background:var(--wine);\n  color:#FFFFFF;\n}\n\n\n\/* =========================================================\n   FACULTATIF\n========================================================= *\/\n\n\n\n\/* =========================================================\n   RGPD\n========================================================= *\/\n\n.jny-contact-consent{\n  position:relative;\n\n  display:flex;\n  align-items:flex-start;\n\n  gap:13px;\n\n  cursor:pointer;\n}\n\n.jny-contact-consent input{\n  width:17px;\n  height:17px;\n  flex:0 0 auto;\n  margin-top:2px;\n  accent-color:var(--wine);\n}\n\n.jny-contact-consent span{\n  color:rgba(79,68,76,.60);\n  font-size:11px;\n  line-height:1.65;\n}\n\n.jny-contact-consent a{\n  color:var(--wine)!important;\n}\n\n\n\/* =========================================================\n   ACTIONS\n========================================================= *\/\n\n.jny-contact-actions{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:15px;\n\n  margin-top:44px;\n  padding-top:30px;\n\n  border-top:1px solid var(--line-soft);\n}\n\n.jny-contact-btn{\n  min-height:58px;\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  gap:11px;\n\n  padding:16px 26px;\n\n  border-radius:999px!important;\n\n  font-family:\"Montserrat\",sans-serif;\n  font-size:10px;\n  font-weight:600;\n  line-height:1;\n\n  letter-spacing:.11em;\n  text-transform:uppercase;\n\n  cursor:pointer;\n\n  transition:\n    transform .25s ease,\n    background-color .25s ease,\n    color .25s ease,\n    border-color .25s ease;\n}\n\n.jny-contact-btn-back{\n  border:1px solid rgba(84,35,47,.20)!important;\n  background:transparent!important;\n  color:var(--wine)!important;\n}\n\n.jny-contact-btn-back:hover{\n  border-color:var(--wine)!important;\n}\n\n.jny-contact-btn-next,\n.jny-contact-btn-submit{\n  margin-left:auto;\n\n  border:1px solid var(--wine)!important;\n  background:var(--wine)!important;\n  color:var(--paper)!important;\n}\n\n.jny-contact-btn-next::after{\n  content:\"\u2192\";\n  font-size:14px;\n}\n\n.jny-contact-btn-submit::after{\n  content:\"\u2197\";\n  font-size:14px;\n}\n\n.jny-contact-btn-next:hover,\n.jny-contact-btn-submit:hover{\n  transform:translateY(-2px);\n  background:transparent!important;\n  color:var(--wine)!important;\n}\n\n.jny-contact-btn:disabled{\n  cursor:wait;\n  opacity:.7;\n}\n\n\n\/* =========================================================\n   ERROR\n========================================================= *\/\n\n.jny-contact-error{\n  display:none;\n\n  margin-top:20px;\n\n  padding:14px 16px;\n\n  border:1px solid rgba(84,35,47,.14);\n  border-radius:12px;\n\n  background:rgba(84,35,47,.035);\n  color:var(--wine);\n\n  font-size:11px;\n  line-height:1.6;\n}\n\n.jny-contact-error.is-visible{\n  display:block;\n}\n\n\n\/* =========================================================\n   SUCCESS\n========================================================= *\/\n\n.jny-contact-success{\n  display:none;\n  min-height:520px;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n}\n\n.jny-contact-success.is-visible{\n  display:flex;\n}\n\n.jny-contact-success-inner{\n  max-width:720px;\n  margin:auto;\n}\n\n.jny-contact-success-icon{\n  width:58px;\n  height:58px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  margin:0 auto 27px;\n\n  border:1px solid rgba(84,35,47,.18);\n  border-radius:50%;\n\n  color:var(--sage);\n  font-size:22px;\n}\n\n.jny-contact-success small{\n  display:block;\n  margin-bottom:14px;\n  color:var(--sage);\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.17em;\n  text-transform:uppercase;\n}\n\n.jny-contact-success h3{\n  margin:0;\n  color:var(--wine);\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:clamp(48px,5vw,72px);\n  font-weight:500;\n  line-height:.93;\n  letter-spacing:-.04em;\n}\n\n.jny-contact-success h3 em{\n  display:block;\n  margin-top:.08em;\n  color:var(--sage);\n  font-weight:400;\n  font-style:italic;\n}\n\n.jny-contact-success p{\n  max-width:620px;\n  margin:23px auto 0;\n  color:rgba(79,68,76,.64);\n  font-size:14px;\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   HONEYPOT\n========================================================= *\/\n\n.jny-contact-honeypot{\n  position:absolute!important;\n  left:-10000px!important;\n  top:auto!important;\n  width:1px!important;\n  height:1px!important;\n  overflow:hidden!important;\n}\n\n\n\/* =========================================================\n   ENDING\n========================================================= *\/\n\n.jny-contact-ending{\n  position:relative;\n  overflow:hidden;\n\n  padding:\n    clamp(95px,9vw,145px)\n    22px\n    clamp(185px,16vw,250px);\n\n  text-align:center;\n\n  background:\n    linear-gradient(\n      180deg,\n      #FBF9F6 0%,\n      #FBF9F6 54%,\n      #F5EFF0 64%,\n      #E8DCDD 72%,\n      #CCB3B8 80%,\n      #A67982 88%,\n      #74414C 94%,\n      #54232F 100%\n    );\n}\n\n.jny-contact-ending-inner{\n  position:relative;\n  z-index:2;\n  width:min(100%,920px);\n  margin:0 auto;\n}\n\n.jny-contact-ending small{\n  display:block;\n  margin-bottom:18px;\n  color:var(--sage);\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n\n.jny-contact-ending h2{\n  margin:0;\n  color:var(--wine);\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:clamp(55px,6vw,90px);\n  font-weight:500;\n  line-height:.91;\n  letter-spacing:-.04em;\n}\n\n.jny-contact-ending h2 em{\n  display:block;\n  margin-top:.08em;\n  color:var(--sage);\n  font-weight:400;\n  font-style:italic;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1000px){\n\n  .jny-contact-hero-grid{\n    grid-template-columns:1fr;\n    gap:44px;\n  }\n\n  .jny-contact-hero-aside{\n    max-width:650px;\n  }\n\n  .jny-contact-form-shell{\n    grid-template-columns:1fr;\n  }\n\n  .jny-contact-sidebar{\n    position:static;\n    max-width:700px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:680px){\n\n  .jny-contact-hero{\n    padding:70px 18px 98px;\n  }\n\n  .jny-contact-title{\n    font-size:clamp(55px,15vw,76px);\n    line-height:.9;\n  }\n\n  .jny-contact-intro{\n    margin-top:24px;\n    font-size:14px;\n  }\n\n  .jny-contact-hero-grid{\n    gap:34px;\n  }\n\n  .jny-contact-hero-aside{\n    padding-left:0;\n    padding-top:25px;\n    border-left:0;\n    border-top:1px solid var(--line);\n  }\n\n  .jny-contact-scroll{\n    right:18px;\n    bottom:18px;\n    gap:9px;\n  }\n\n  .jny-contact-scroll-label{\n    font-size:7px;\n    letter-spacing:.13em;\n  }\n\n  .jny-contact-scroll-circle{\n    width:35px;\n    height:35px;\n  }\n\n  .jny-contact-form-section{\n    scroll-margin-top:70px;\n    padding:56px 18px 92px;\n  }\n\n  .jny-contact-form-card{\n    padding:28px 18px 32px;\n    border-radius:22px;\n  }\n\n  .jny-contact-progress{\n    margin-bottom:40px;\n  }\n\n  .jny-contact-progress-label{\n    font-size:8px;\n  }\n\n  .jny-contact-fields{\n    grid-template-columns:1fr;\n  }\n\n  .jny-contact-field--full{\n    grid-column:auto;\n  }\n\n  .jny-contact-choice-grid{\n    grid-template-columns:1fr;\n  }\n\n  .jny-contact-choice-inner{\n    min-height:68px;\n  }\n\n  .jny-contact-choice-title{\n    font-size:22px;\n  }\n\n  .jny-contact-actions{\n    flex-wrap:wrap;\n  }\n\n  .jny-contact-btn{\n    min-height:56px;\n  }\n\n  .jny-contact-btn-submit,\n  .jny-contact-btn-next{\n    flex:1;\n  }\n\n  .jny-contact-ending{\n    padding:76px 18px 175px;\n\n    background:\n      linear-gradient(\n        180deg,\n        #FBF9F6 0%,\n        #FBF9F6 56%,\n        #F4EEEE 65%,\n        #E5D6D9 73%,\n        #C5A9AF 81%,\n        #996A74 89%,\n        #70404A 95%,\n        #54232F 100%\n      );\n  }\n\n}\n\n@media(prefers-reduced-motion:reduce){\n  .jny-contact-scroll-arrow{\n    animation:none;\n  }\n}\n\n<\/style>\n\n\n\n<div class=\"jny-contact-page\">\n\n\n  <!-- HERO -->\n\n  <section class=\"jny-contact-hero\">\n\n    <div class=\"jny-contact-hero-inner\">\n\n      <div class=\"jny-contact-kicker\">\n        Parlons de vous\n      <\/div>\n\n      <div class=\"jny-contact-hero-grid\">\n\n        <div>\n\n          <h1 class=\"jny-contact-title\">\n            Tout commence\n            <em>par quelques mots.<\/em>\n          <\/h1>\n\n          <p class=\"jny-contact-intro\">\n            Un mariage, une c\u00e9l\u00e9bration, une destination\n            ou simplement une id\u00e9e qui commence \u00e0 prendre forme.\n            Racontez-nous ce que vous imaginez,\n            m\u00eame si tout n\u2019est pas encore d\u00e9fini.\n          <\/p>\n\n        <\/div>\n\n\n        <aside class=\"jny-contact-hero-aside\">\n\n          <div class=\"jny-contact-hero-note\">\n            <span class=\"jny-contact-hero-note-num\">01<\/span>\n\n            <p>\n              Vous n\u2019avez pas besoin d\u2019avoir\n              tout d\u00e9cid\u00e9 pour nous \u00e9crire.\n            <\/p>\n          <\/div>\n\n\n          <div class=\"jny-contact-hero-note\">\n            <span class=\"jny-contact-hero-note-num\">02<\/span>\n\n            <p>\n              Quelques informations nous permettent\n              d\u00e9j\u00e0 de comprendre votre projet.\n            <\/p>\n          <\/div>\n\n\n          <div class=\"jny-contact-hero-note\">\n            <span class=\"jny-contact-hero-note-num\">03<\/span>\n\n            <p>\n              Chaque demande est \u00e9tudi\u00e9e avant\n              de revenir vers vous.\n            <\/p>\n          <\/div>\n\n        <\/aside>\n\n      <\/div>\n\n    <\/div>\n\n\n    <a\n      class=\"jny-contact-scroll\"\n      href=\"#jny-contact-form-section\"\n    >\n\n      <span class=\"jny-contact-scroll-label\">\n        Descendre au formulaire\n      <\/span>\n\n      <span class=\"jny-contact-scroll-circle\">\n        <span class=\"jny-contact-scroll-arrow\">\u2193<\/span>\n      <\/span>\n\n    <\/a>\n\n  <\/section>\n\n\n\n  <!-- FORMULAIRE -->\n\n  <section\n    class=\"jny-contact-form-section\"\n    id=\"jny-contact-form-section\"\n  >\n\n    <div class=\"jny-contact-form-shell\">\n\n\n      <aside class=\"jny-contact-sidebar\">\n\n        <h2>\n          Prenons quelques minutes\n          <em>pour faire connaissance.<\/em>\n        <\/h2>\n\n        <p>\n          Ce formulaire nous permet simplement\n          d\u2019avoir les premiers rep\u00e8res utiles avant\n          notre \u00e9change.\n\n          Aucun probl\u00e8me si certaines r\u00e9ponses\n          restent encore \u00e0 d\u00e9finir.\n        <\/p>\n\n        <div class=\"jny-contact-direct\">\n\n          <span>\n            Vous pr\u00e9f\u00e9rez nous \u00e9crire directement ?\n          <\/span>\n\n          <a href=\"mailto:contact@jnyouevents.com\">\n            contact@jnyouevents.com\n          <\/a>\n\n        <\/div>\n\n      <\/aside>\n\n\n\n      <div class=\"jny-contact-form-card\">\n\n\n        <div class=\"jny-contact-progress\">\n\n          <div\n            class=\"jny-contact-progress-item is-active\"\n            data-progress=\"1\"\n          >\n            <span class=\"jny-contact-progress-num\">01<\/span>\n            <span class=\"jny-contact-progress-label\">\n              Votre projet\n            <\/span>\n          <\/div>\n\n\n          <div\n            class=\"jny-contact-progress-item\"\n            data-progress=\"2\"\n          >\n            <span class=\"jny-contact-progress-num\">02<\/span>\n            <span class=\"jny-contact-progress-label\">\n              Les d\u00e9tails\n            <\/span>\n          <\/div>\n\n\n          <div\n            class=\"jny-contact-progress-item\"\n            data-progress=\"3\"\n          >\n            <span class=\"jny-contact-progress-num\">03<\/span>\n            <span class=\"jny-contact-progress-label\">\n              Faisons connaissance\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n\n        <form\n          class=\"jny-contact-form\"\n          id=\"jnyContactForm\"\n          novalidate\n        >\n\n          <input\n            type=\"hidden\"\n            name=\"submitted_at\"\n            id=\"jnySubmittedAt\"\n          >\n\n          <input\n            type=\"hidden\"\n            name=\"page_url\"\n            id=\"jnyPageUrl\"\n          >\n\n          <input\n            type=\"hidden\"\n            name=\"referrer\"\n            id=\"jnyReferrer\"\n          >\n\n          <input\n            type=\"hidden\"\n            name=\"utm_source\"\n            id=\"jnyUtmSource\"\n          >\n\n          <input\n            type=\"hidden\"\n            name=\"utm_medium\"\n            id=\"jnyUtmMedium\"\n          >\n\n          <input\n            type=\"hidden\"\n            name=\"utm_campaign\"\n            id=\"jnyUtmCampaign\"\n          >\n\n          <input\n            type=\"hidden\"\n            name=\"utm_content\"\n            id=\"jnyUtmContent\"\n          >\n\n\n          <div\n            class=\"jny-contact-honeypot\"\n            aria-hidden=\"true\"\n          >\n\n            <label>\n\n              Website\n\n              <input\n                type=\"text\"\n                name=\"website\"\n                tabindex=\"-1\"\n                autocomplete=\"off\"\n              >\n\n            <\/label>\n\n          <\/div>\n\n\n\n          <!-- \u00c9TAPE 1 -->\n\n          <section\n            class=\"jny-contact-step is-active\"\n            data-step=\"1\"\n          >\n\n            <header class=\"jny-contact-step-head\">\n<h3>\n                Qu\u2019est-ce que vous imaginez ?\n              <\/h3>\n\n              <p>\n                Commen\u00e7ons simplement par l\u2019essentiel.\n              <\/p>\n\n            <\/header>\n\n\n            <div class=\"jny-contact-fields\">\n\n\n              <div class=\"jny-contact-field jny-contact-field--full\">\n\n                <span class=\"jny-contact-label\">\n                  Votre projet\n                  <span class=\"jny-contact-required\">*<\/span>\n                <\/span>\n\n\n                <div class=\"jny-contact-choice-grid\">\n\n\n                  <label class=\"jny-contact-choice\">\n\n                    <input\n                      type=\"radio\"\n                      name=\"project_type\"\n                      value=\"Mariage\"\n                      required\n                    >\n\n                    <span class=\"jny-contact-choice-inner\">\n                      <span class=\"jny-contact-choice-title\">\n                        Mariage\n                      <\/span>\n                      <span class=\"jny-contact-choice-check\">\u2713<\/span>\n                    <\/span>\n\n                  <\/label>\n\n\n                  <label class=\"jny-contact-choice\">\n\n                    <input\n                      type=\"radio\"\n                      name=\"project_type\"\n                      value=\"\u00c9v\u00e9nement priv\u00e9\"\n                      required\n                    >\n\n                    <span class=\"jny-contact-choice-inner\">\n                      <span class=\"jny-contact-choice-title\">\n                        \u00c9v\u00e9nement priv\u00e9\n                      <\/span>\n                      <span class=\"jny-contact-choice-check\">\u2713<\/span>\n                    <\/span>\n\n                  <\/label>\n\n\n                  <label class=\"jny-contact-choice\">\n\n                    <input\n                      type=\"radio\"\n                      name=\"project_type\"\n                      value=\"\u00c9v\u00e9nement corporate\"\n                      required\n                    >\n\n                    <span class=\"jny-contact-choice-inner\">\n                      <span class=\"jny-contact-choice-title\">\n                        \u00c9v\u00e9nement corporate\n                      <\/span>\n                      <span class=\"jny-contact-choice-check\">\u2713<\/span>\n                    <\/span>\n\n                  <\/label>\n\n\n                  <label class=\"jny-contact-choice\">\n\n                    <input\n                      type=\"radio\"\n                      name=\"project_type\"\n                      value=\"Destination\"\n                      required\n                    >\n\n                    <span class=\"jny-contact-choice-inner\">\n                      <span class=\"jny-contact-choice-title\">\n                        Destination\n                      <\/span>\n                      <span class=\"jny-contact-choice-check\">\u2713<\/span>\n                    <\/span>\n\n                  <\/label>\n\n\n                  <label class=\"jny-contact-choice\">\n\n                    <input\n                      type=\"radio\"\n                      name=\"project_type\"\n                      value=\"Autre projet\"\n                      required\n                    >\n\n                    <span class=\"jny-contact-choice-inner\">\n                      <span class=\"jny-contact-choice-title\">\n                        Autre projet\n                      <\/span>\n                      <span class=\"jny-contact-choice-check\">\u2713<\/span>\n                    <\/span>\n\n                  <\/label>\n\n\n                <\/div>\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyDateStatus\"\n                >\n                  Avez-vous d\u00e9j\u00e0 d\u00e9fini une p\u00e9riode ?\n                  <span class=\"jny-contact-required\">*<\/span>\n                <\/label>\n\n                <select\n                  class=\"jny-contact-select\"\n                  id=\"jnyDateStatus\"\n                  name=\"date_status\"\n                  required\n                >\n                  <option value=\"\">S\u00e9lectionner<\/option>\n                  <option value=\"Date fix\u00e9e\">Nous avons une date<\/option>\n                  <option value=\"P\u00e9riode d\u00e9finie\">Nous avons une p\u00e9riode<\/option>\n                  <option value=\"Date flexible\">Nous sommes flexibles<\/option>\n                  <option value=\"\u00c0 d\u00e9finir\">\u00c0 d\u00e9finir<\/option>\n                <\/select>\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyEventDate\"\n                >\n                  Date envisag\u00e9e\n                <\/label>\n\n                <input\n                  class=\"jny-contact-input\"\n                  type=\"date\"\n                  id=\"jnyEventDate\"\n                  name=\"event_date\"\n                >\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field jny-contact-field--full\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyLocation\"\n                >\n                  Lieu ou destination envisag\u00e9(e)\n                <\/label>\n\n                <input\n                  class=\"jny-contact-input\"\n                  type=\"text\"\n                  id=\"jnyLocation\"\n                  name=\"event_location\"\n                  placeholder=\"Annecy, Suisse, Italie, C\u00f4te d\u2019Azur...\"\n                >\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field jny-contact-field--full\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyVenueStatus\"\n                >\n                  Votre lieu est-il d\u00e9j\u00e0 choisi ?\n                <\/label>\n\n                <select\n                  class=\"jny-contact-select\"\n                  id=\"jnyVenueStatus\"\n                  name=\"venue_status\"\n                >\n                  <option value=\"\">S\u00e9lectionner<\/option>\n                  <option value=\"Oui - r\u00e9serv\u00e9\">\n                    Oui, il est r\u00e9serv\u00e9\n                  <\/option>\n                  <option value=\"Oui - pas encore r\u00e9serv\u00e9\">\n                    Oui, mais pas encore r\u00e9serv\u00e9\n                  <\/option>\n                  <option value=\"Recherche en cours\">\n                    Nous sommes en recherche\n                  <\/option>\n                  <option value=\"Besoin accompagnement\">\n                    Nous aimerions \u00eatre accompagn\u00e9s dans la recherche\n                  <\/option>\n                  <option value=\"\u00c0 d\u00e9finir\">\n                    \u00c0 d\u00e9finir\n                  <\/option>\n                <\/select>\n\n              <\/div>\n\n\n            <\/div>\n\n\n            <div class=\"jny-contact-error\"><\/div>\n\n\n            <div class=\"jny-contact-actions\">\n\n              <button\n                type=\"button\"\n                class=\"jny-contact-btn jny-contact-btn-next\"\n                data-next=\"2\"\n              >\n                Continuer\n              <\/button>\n\n            <\/div>\n\n          <\/section>\n\n\n\n          <!-- \u00c9TAPE 2 -->\n\n          <section\n            class=\"jny-contact-step\"\n            data-step=\"2\"\n          >\n\n            <header class=\"jny-contact-step-head\">\n<h3>\n                Donnez-nous quelques rep\u00e8res.\n              <\/h3>\n\n              <p>\n                M\u00eame approximatifs, ils nous aideront\n                \u00e0 comprendre l\u2019\u00e9chelle de votre projet.\n              <\/p>\n\n            <\/header>\n\n\n            <div class=\"jny-contact-fields\">\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyGuests\"\n                >\n                  Nombre d\u2019invit\u00e9s\n                <\/label>\n\n                <select\n                  class=\"jny-contact-select\"\n                  id=\"jnyGuests\"\n                  name=\"guest_count\"\n                >\n                  <option value=\"\">S\u00e9lectionner<\/option>\n                  <option value=\"Moins de 30\">Moins de 30<\/option>\n                  <option value=\"30 - 60\">30 \u2014 60<\/option>\n                  <option value=\"60 - 100\">60 \u2014 100<\/option>\n                  <option value=\"100 - 150\">100 \u2014 150<\/option>\n                  <option value=\"150 - 200\">150 \u2014 200<\/option>\n                  <option value=\"Plus de 200\">Plus de 200<\/option>\n                  <option value=\"\u00c0 d\u00e9finir\">\u00c0 d\u00e9finir<\/option>\n                <\/select>\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyBudget\"\n                >\n                  Budget global envisag\u00e9\n                <\/label>\n\n                <select\n                  class=\"jny-contact-select\"\n                  id=\"jnyBudget\"\n                  name=\"budget\"\n                >\n                  <option value=\"\">S\u00e9lectionner<\/option>\n                  <option value=\"Moins de 20 000 \u20ac\">\n                    Moins de 20 000 \u20ac\n                  <\/option>\n                  <option value=\"20 000 - 35 000 \u20ac\">\n                    20 000 \u2014 35 000 \u20ac\n                  <\/option>\n                  <option value=\"35 000 - 50 000 \u20ac\">\n                    35 000 \u2014 50 000 \u20ac\n                  <\/option>\n                  <option value=\"50 000 - 75 000 \u20ac\">\n                    50 000 \u2014 75 000 \u20ac\n                  <\/option>\n                  <option value=\"75 000 - 100 000 \u20ac\">\n                    75 000 \u2014 100 000 \u20ac\n                  <\/option>\n                  <option value=\"100 000 \u20ac et +\">\n                    100 000 \u20ac et +\n                  <\/option>\n                  <option value=\"\u00c0 d\u00e9finir\">\n                    \u00c0 d\u00e9finir\n                  <\/option>\n                  <option value=\"Pr\u00e9f\u00e8re en discuter\">\n                    Je pr\u00e9f\u00e8re en discuter\n                  <\/option>\n                <\/select>\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field jny-contact-field--full\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyService\"\n                >\n                  Quel accompagnement recherchez-vous ?\n                  <span class=\"jny-contact-required\">*<\/span>\n                <\/label>\n\n                <select\n                  class=\"jny-contact-select\"\n                  id=\"jnyService\"\n                  name=\"service\"\n                  required\n                >\n                  <option value=\"\">S\u00e9lectionner<\/option>\n                  <option value=\"Organisation A \u00e0 Z\">\n                    Organisation de A \u00e0 Z\n                  <\/option>\n                  <option value=\"Organisation partielle\">\n                    Organisation partielle\n                  <\/option>\n                  <option value=\"Coordination Jour J\">\n                    Coordination du Jour J\n                  <\/option>\n                  <option value=\"Destination\">\n                    Organisation d\u2019un \u00e9v\u00e9nement destination\n                  <\/option>\n                  <option value=\"Recherche prestataires\">\n                    Recherche de lieux \/ prestataires\n                  <\/option>\n                  <option value=\"Exp\u00e9rience sur mesure\">\n                    Exp\u00e9rience sur mesure\n                  <\/option>\n                  <option value=\"\u00c0 d\u00e9finir ensemble\">\n                    Je ne sais pas encore\n                  <\/option>\n                <\/select>\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field jny-contact-field--full\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyVision\"\n                >\n                  Racontez-nous votre projet\n                  <span class=\"jny-contact-required\">*<\/span>\n                <\/label>\n\n                <textarea\n                  class=\"jny-contact-textarea\"\n                  id=\"jnyVision\"\n                  name=\"project_vision\"\n                  required\n                ><\/textarea>\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field jny-contact-field--full\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyPriorities\"\n                >\n                  Qu\u2019est-ce qui compte le plus pour vous ?\n                <\/label>\n\n                <textarea\n                  class=\"jny-contact-textarea\"\n                  id=\"jnyPriorities\"\n                  name=\"priorities\"\n                  placeholder=\"L\u2019exp\u00e9rience des invit\u00e9s, le lieu, la gastronomie, la d\u00e9coration, la f\u00eate, l\u2019intimit\u00e9...\"\n                ><\/textarea>\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field jny-contact-field--full\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyStyleVision\"\n                >\n                  Votre univers id\u00e9al\n                <\/label>\n\n                <textarea\n                  class=\"jny-contact-textarea\"\n                  id=\"jnyStyleVision\"\n                  name=\"theme_colors_style\"\n                  placeholder=\"Th\u00e8me, couleurs, ambiance, mati\u00e8res, style id\u00e9al... racontez-nous ce qui vous ressemble.\"\n                ><\/textarea>\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field jny-contact-field--full\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyMoodboard\"\n                >\n                  Moodboard \/ Pinterest \/ inspiration\n                <\/label>\n\n                <input\n                  class=\"jny-contact-input\"\n                  type=\"url\"\n                  id=\"jnyMoodboard\"\n                  name=\"moodboard_url\"\n                  placeholder=\"https:\/\/...\"\n                >\n\n              <\/div>\n\n\n            <\/div>\n\n\n            <div class=\"jny-contact-error\"><\/div>\n\n\n            <div class=\"jny-contact-actions\">\n\n              <button\n                type=\"button\"\n                class=\"jny-contact-btn jny-contact-btn-back\"\n                data-prev=\"1\"\n              >\n                \u2190 Retour\n              <\/button>\n\n              <button\n                type=\"button\"\n                class=\"jny-contact-btn jny-contact-btn-next\"\n                data-next=\"3\"\n              >\n                Continuer\n              <\/button>\n\n            <\/div>\n\n          <\/section>\n\n\n\n          <!-- \u00c9TAPE 3 -->\n\n          <section\n            class=\"jny-contact-step\"\n            data-step=\"3\"\n          >\n\n            <header class=\"jny-contact-step-head\">\n<h3>\n                \u00c0 qui avons-nous le plaisir de r\u00e9pondre ?\n              <\/h3>\n\n              <p>\n                Derni\u00e8re \u00e9tape, promis.\n              <\/p>\n\n            <\/header>\n\n\n            <div class=\"jny-contact-fields\">\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyFirstname\"\n                >\n                  Pr\u00e9nom\n                  <span class=\"jny-contact-required\">*<\/span>\n                <\/label>\n\n                <input\n                  class=\"jny-contact-input\"\n                  type=\"text\"\n                  id=\"jnyFirstname\"\n                  name=\"firstname\"\n                  required\n                >\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyLastname\"\n                >\n                  Nom\n                  <span class=\"jny-contact-required\">*<\/span>\n                <\/label>\n\n                <input\n                  class=\"jny-contact-input\"\n                  type=\"text\"\n                  id=\"jnyLastname\"\n                  name=\"lastname\"\n                  required\n                >\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyPartner\"\n                >\n                  Pr\u00e9nom de votre partenaire\n                <\/label>\n\n                <input\n                  class=\"jny-contact-input\"\n                  type=\"text\"\n                  id=\"jnyPartner\"\n                  name=\"partner_firstname\"\n                >\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyCity\"\n                >\n                  Ville \/ Pays de r\u00e9sidence\n                <\/label>\n\n                <input\n                  class=\"jny-contact-input\"\n                  type=\"text\"\n                  id=\"jnyCity\"\n                  name=\"residence\"\n                >\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyEmail\"\n                >\n                  Email\n                  <span class=\"jny-contact-required\">*<\/span>\n                <\/label>\n\n                <input\n                  class=\"jny-contact-input\"\n                  type=\"email\"\n                  id=\"jnyEmail\"\n                  name=\"email\"\n                  required\n                >\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyPhone\"\n                >\n                  T\u00e9l\u00e9phone\n                  <span class=\"jny-contact-required\">*<\/span>\n                <\/label>\n\n                <input\n                  class=\"jny-contact-input\"\n                  type=\"tel\"\n                  id=\"jnyPhone\"\n                  name=\"phone\"\n                  inputmode=\"tel\"\n                  required\n                >\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyInstagram\"\n                >\n                  Instagram\n                <\/label>\n\n                <input\n                  class=\"jny-contact-input\"\n                  type=\"text\"\n                  id=\"jnyInstagram\"\n                  name=\"instagram\"\n                  placeholder=\"@...\"\n                >\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnyContactPref\"\n                >\n                  Comment pr\u00e9f\u00e9rez-vous \u00eatre contact\u00e9(e) ?\n                <\/label>\n\n                <select\n                  class=\"jny-contact-select\"\n                  id=\"jnyContactPref\"\n                  name=\"contact_preference\"\n                >\n                  <option value=\"\">Sans pr\u00e9f\u00e9rence<\/option>\n                  <option value=\"Email\">Email<\/option>\n                  <option value=\"T\u00e9l\u00e9phone\">T\u00e9l\u00e9phone<\/option>\n                  <option value=\"WhatsApp\">WhatsApp<\/option>\n                <\/select>\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field jny-contact-field--full\">\n\n                <label\n                  class=\"jny-contact-label\"\n                  for=\"jnySource\"\n                >\n                  Comment avez-vous d\u00e9couvert JN.YOU ?\n                <\/label>\n\n                <select\n                  class=\"jny-contact-select\"\n                  id=\"jnySource\"\n                  name=\"discovery_source\"\n                >\n                  <option value=\"\">S\u00e9lectionner<\/option>\n                  <option value=\"Instagram\">Instagram<\/option>\n                  <option value=\"Google\">Google<\/option>\n                  <option value=\"Pinterest\">Pinterest<\/option>\n                  <option value=\"TikTok\">TikTok<\/option>\n                  <option value=\"Recommandation\">Recommandation<\/option>\n                  <option value=\"Prestataire\">\n                    Prestataire \/ professionnel\n                  <\/option>\n                  <option value=\"Lieu\">Un lieu<\/option>\n                  <option value=\"Autre\">Autre<\/option>\n                <\/select>\n\n              <\/div>\n\n\n\n              <div class=\"jny-contact-field jny-contact-field--full\">\n\n                <label class=\"jny-contact-consent\">\n\n                  <input\n                    type=\"checkbox\"\n                    name=\"privacy_consent\"\n                    value=\"Oui\"\n                    required\n                  >\n\n                  <span>\n                    J\u2019accepte que les informations transmises\n                    soient utilis\u00e9es par JN.YOU Events afin\n                    de r\u00e9pondre \u00e0 ma demande.\n\n                    <a\n                      href=\"\/politique-de-confidentialite\/\"\n                      target=\"_blank\"\n                    >\n                      Politique de confidentialit\u00e9\n                    <\/a>.\n                  <\/span>\n\n                <\/label>\n\n              <\/div>\n\n\n            <\/div>\n\n\n            <div class=\"jny-contact-error\"><\/div>\n\n\n            <div class=\"jny-contact-actions\">\n\n              <button\n                type=\"button\"\n                class=\"jny-contact-btn jny-contact-btn-back\"\n                data-prev=\"2\"\n              >\n                \u2190 Retour\n              <\/button>\n\n              <button\n                type=\"submit\"\n                class=\"jny-contact-btn jny-contact-btn-submit\"\n              >\n                Raconter notre projet\n              <\/button>\n\n            <\/div>\n\n          <\/section>\n\n\n        <\/form>\n\n\n\n        <!-- SUCC\u00c8S -->\n\n        <div\n          class=\"jny-contact-success\"\n          id=\"jnyContactSuccess\"\n          aria-live=\"polite\"\n        >\n\n          <div class=\"jny-contact-success-inner\">\n\n            <div class=\"jny-contact-success-icon\">\n              \u2713\n            <\/div>\n\n            <small>\n              Merci\n            <\/small>\n\n            <h3>\n              Votre projet\n              <em>est arriv\u00e9 jusqu\u2019\u00e0 nous.<\/em>\n            <\/h3>\n\n            <p>\n              Merci de nous avoir racont\u00e9 une partie de\n              votre histoire. Nous allons maintenant prendre\n              le temps de d\u00e9couvrir votre projet avant de\n              revenir vers vous.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- ENDING -->\n\n  <section class=\"jny-contact-ending\">\n\n    <div class=\"jny-contact-ending-inner\">\n\n      <small>\n        Et maintenant\n      <\/small>\n\n      <h2>\n        Quelques id\u00e9es,\n        <em>\n          et le d\u00e9but de quelque chose de tr\u00e8s beau.\n        <\/em>\n      <\/h2>\n\n    <\/div>\n\n  <\/section>\n\n\n<\/div>\n\n\n\n<script>\n\n(function(){\n\n\n  \/* =========================================================\n     ENDPOINTS\n  ========================================================= *\/\n\n  var JNY_SHEETS_ENDPOINT =\n    \"https:\/\/script.google.com\/macros\/s\/AKfycbxteUbrt8vJ6pYpdCW5KrLDRFu7YJGf6LcXSAef9e6LNo0GLbDwABdnW2CKxSXwMinQjg\/exec\";\n\n\n  var JNY_EMAIL_ENDPOINT =\n    window.location.origin +\n    \"\/wp-admin\/admin-ajax.php\";\n\n\n\n  \/* =========================================================\n     INIT\n  ========================================================= *\/\n\n  var page =\n    document.querySelector(\n      \".jny-contact-page\"\n    );\n\n\n  if(!page){\n    return;\n  }\n\n\n  var form =\n    page.querySelector(\n      \"#jnyContactForm\"\n    );\n\n\n  var success =\n    page.querySelector(\n      \"#jnyContactSuccess\"\n    );\n\n\n  var currentStep = 1;\n\n\n\n  \/* =========================================================\n     FL\u00c8CHE\n  ========================================================= *\/\n\n  var scrollButton =\n    page.querySelector(\n      \".jny-contact-scroll\"\n    );\n\n\n  if(scrollButton){\n\n    scrollButton.addEventListener(\n      \"click\",\n      function(event){\n\n        event.preventDefault();\n\n\n        var target =\n          page.querySelector(\n            \"#jny-contact-form-section\"\n          );\n\n\n        if(!target){\n          return;\n        }\n\n\n        var headerOffset =\n          window.innerWidth <= 680\n          ? 70\n          : 95;\n\n\n        var targetY =\n          target.getBoundingClientRect().top\n          +\n          window.scrollY\n          -\n          headerOffset;\n\n\n        window.scrollTo({\n          top:targetY,\n          behavior:\"smooth\"\n        });\n\n      }\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     TRACKING\n  ========================================================= *\/\n\n  var params =\n    new URLSearchParams(\n      window.location.search\n    );\n\n\n  function setValue(\n    id,\n    value\n  ){\n\n    var input =\n      page.querySelector(\n        \"#\" + id\n      );\n\n\n    if(input){\n      input.value =\n        value || \"\";\n    }\n\n  }\n\n\n  setValue(\n    \"jnySubmittedAt\",\n    new Date().toISOString()\n  );\n\n\n  setValue(\n    \"jnyPageUrl\",\n    window.location.href\n  );\n\n\n  setValue(\n    \"jnyReferrer\",\n    document.referrer\n  );\n\n\n  setValue(\n    \"jnyUtmSource\",\n    params.get(\"utm_source\")\n  );\n\n\n  setValue(\n    \"jnyUtmMedium\",\n    params.get(\"utm_medium\")\n  );\n\n\n  setValue(\n    \"jnyUtmCampaign\",\n    params.get(\"utm_campaign\")\n  );\n\n\n  setValue(\n    \"jnyUtmContent\",\n    params.get(\"utm_content\")\n  );\n\n\n\n  \/* =========================================================\n     CHANGEMENT \u00c9TAPE\n  ========================================================= *\/\n\n  function showStep(step){\n\n    currentStep =\n      step;\n\n\n    page\n      .querySelectorAll(\n        \".jny-contact-step\"\n      )\n      .forEach(\n        function(section){\n\n          section.classList.toggle(\n            \"is-active\",\n            Number(\n              section.dataset.step\n            ) === step\n          );\n\n        }\n      );\n\n\n    page\n      .querySelectorAll(\n        \".jny-contact-progress-item\"\n      )\n      .forEach(\n        function(item){\n\n          var number =\n            Number(\n              item.dataset.progress\n            );\n\n\n          item.classList.toggle(\n            \"is-active\",\n            number === step\n          );\n\n\n          item.classList.toggle(\n            \"is-complete\",\n            number < step\n          );\n\n        }\n      );\n\n\n    var card =\n      page.querySelector(\n        \".jny-contact-form-card\"\n      );\n\n\n    if(card){\n\n      var y =\n        card.getBoundingClientRect().top\n        +\n        window.scrollY\n        -\n        110;\n\n\n      window.scrollTo({\n        top:y,\n        behavior:\"smooth\"\n      });\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n     VALIDATION\n  ========================================================= *\/\n\n  function validateStep(step){\n\n    var section =\n      page.querySelector(\n        '.jny-contact-step[data-step=\"' +\n        step +\n        '\"]'\n      );\n\n\n    if(!section){\n      return false;\n    }\n\n\n    var error =\n      section.querySelector(\n        \".jny-contact-error\"\n      );\n\n\n    if(error){\n\n      error.classList.remove(\n        \"is-visible\"\n      );\n\n      error.textContent =\n        \"\";\n\n    }\n\n\n    var fields =\n      section.querySelectorAll(\n        \"input, select, textarea\"\n      );\n\n\n    var firstInvalid =\n      null;\n\n\n    for(\n      var i = 0;\n      i < fields.length;\n      i++\n    ){\n\n      var field =\n        fields[i];\n\n\n      if(\n        field.closest(\n          \".jny-contact-honeypot\"\n        )\n      ){\n        continue;\n      }\n\n\n      if(\n        !field.checkValidity()\n      ){\n\n        firstInvalid =\n          field;\n\n        break;\n\n      }\n\n    }\n\n\n    if(firstInvalid){\n\n      if(error){\n\n        if(\n          firstInvalid.name ===\n          \"phone\"\n        ){\n\n          error.textContent =\n            \"Merci de renseigner votre num\u00e9ro de t\u00e9l\u00e9phone avant d\u2019envoyer votre demande.\";\n\n        }else{\n\n          error.textContent =\n            \"Il manque simplement une information obligatoire avant de continuer.\";\n\n        }\n\n\n        error.classList.add(\n          \"is-visible\"\n        );\n\n      }\n\n\n      firstInvalid.reportValidity();\n\n\n      if(\n        typeof firstInvalid.focus ===\n        \"function\"\n      ){\n\n        firstInvalid.focus();\n\n      }\n\n\n      return false;\n\n    }\n\n\n    return true;\n\n  }\n\n\n\n  \/* =========================================================\n     NEXT\n  ========================================================= *\/\n\n  page\n    .querySelectorAll(\n      \"[data-next]\"\n    )\n    .forEach(\n      function(button){\n\n        button.addEventListener(\n          \"click\",\n          function(){\n\n            if(\n              !validateStep(\n                currentStep\n              )\n            ){\n              return;\n            }\n\n\n            showStep(\n              Number(\n                button.dataset.next\n              )\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n\n  \/* =========================================================\n     RETOUR\n  ========================================================= *\/\n\n  page\n    .querySelectorAll(\n      \"[data-prev]\"\n    )\n    .forEach(\n      function(button){\n\n        button.addEventListener(\n          \"click\",\n          function(){\n\n            showStep(\n              Number(\n                button.dataset.prev\n              )\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n\n  \/* =========================================================\n     EMAIL WORDPRESS\n  ========================================================= *\/\n\n  function sendWordPressEmails(){\n\n    var emailData =\n      new FormData(\n        form\n      );\n\n\n    emailData.append(\n      \"action\",\n      \"jny_send_form_emails\"\n    );\n\n\n    return fetch(\n      JNY_EMAIL_ENDPOINT,\n      {\n\n        method:\"POST\",\n\n        credentials:\"same-origin\",\n\n        body:emailData\n\n      }\n    )\n    .then(\n      function(response){\n\n        return response\n          .text()\n          .then(\n            function(text){\n\n              var result;\n\n\n              try{\n\n                result =\n                  JSON.parse(\n                    text\n                  );\n\n              }catch(error){\n\n                throw new Error(\n                  \"R\u00e9ponse WordPress incorrecte.\"\n                );\n\n              }\n\n\n              if(\n                !response.ok ||\n                !result.success\n              ){\n\n                var message =\n                  result &&\n                  result.data &&\n                  result.data.message\n                  ?\n                  result.data.message\n                  :\n                  \"Impossible d\u2019envoyer les emails.\";\n\n\n                throw new Error(\n                  message\n                );\n\n              }\n\n\n              return result;\n\n            }\n          );\n\n      }\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     GOOGLE SHEETS\n  ========================================================= *\/\n\n  function sendGoogleSheets(){\n\n    var sheetsData =\n      new FormData(\n        form\n      );\n\n\n    return fetch(\n      JNY_SHEETS_ENDPOINT,\n      {\n\n        method:\"POST\",\n\n        mode:\"no-cors\",\n\n        body:sheetsData\n\n      }\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     SUCC\u00c8S\n  ========================================================= *\/\n\n  function showSuccess(){\n\n    form.style.display =\n      \"none\";\n\n\n    var progress =\n      page.querySelector(\n        \".jny-contact-progress\"\n      );\n\n\n    if(progress){\n\n      progress.style.display =\n        \"none\";\n\n    }\n\n\n    success.classList.add(\n      \"is-visible\"\n    );\n\n\n    var card =\n      page.querySelector(\n        \".jny-contact-form-card\"\n      );\n\n\n    if(card){\n\n      var y =\n        card.getBoundingClientRect().top\n        +\n        window.scrollY\n        -\n        110;\n\n\n      window.scrollTo({\n        top:y,\n        behavior:\"smooth\"\n      });\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n     ERREUR\n  ========================================================= *\/\n\n  function showSubmitError(\n    message\n  ){\n\n    var error =\n      page.querySelector(\n        '.jny-contact-step[data-step=\"3\"] .jny-contact-error'\n      );\n\n\n    if(error){\n\n      error.textContent =\n        message ||\n        \"Une erreur est survenue pendant l\u2019envoi. Vous pouvez \u00e9galement nous \u00e9crire \u00e0 contact@jnyouevents.com.\";\n\n\n      error.classList.add(\n        \"is-visible\"\n      );\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n     ENVOI FINAL\n  ========================================================= *\/\n\n  form.addEventListener(\n    \"submit\",\n    function(event){\n\n      event.preventDefault();\n\n\n      if(\n        !validateStep(3)\n      ){\n        return;\n      }\n\n\n      var website =\n        form.querySelector(\n          '[name=\"website\"]'\n        );\n\n\n      if(\n        website &&\n        website.value.trim() !== \"\"\n      ){\n        return;\n      }\n\n\n      var submitButton =\n        form.querySelector(\n          \".jny-contact-btn-submit\"\n        );\n\n\n      var originalButtonText =\n        submitButton\n        ?\n        submitButton.textContent\n        :\n        \"Raconter notre projet\";\n\n\n      if(submitButton){\n\n        submitButton.disabled =\n          true;\n\n        submitButton.textContent =\n          \"Envoi en cours...\";\n\n      }\n\n\n      setValue(\n        \"jnySubmittedAt\",\n        new Date().toISOString()\n      );\n\n\n      \/*\n       * 1. Enregistrement Google Sheets\n       * 2. Envoi emails via WordPress SMTP\n       * 3. Affichage confirmation\n       *\/\n\n      sendGoogleSheets()\n\n        .then(\n          function(){\n\n            return sendWordPressEmails();\n\n          }\n        )\n\n        .then(\n          function(){\n\n            showSuccess();\n\n          }\n        )\n\n        .catch(\n          function(error){\n\n            console.error(\n              \"JN.YOU formulaire :\",\n              error\n            );\n\n\n            showSubmitError(\n              error &&\n              error.message\n              ?\n              error.message\n              :\n              \"Une erreur est survenue pendant l\u2019envoi. Vous pouvez \u00e9galement nous \u00e9crire \u00e0 contact@jnyouevents.com.\"\n            );\n\n\n            if(submitButton){\n\n              submitButton.disabled =\n                false;\n\n              submitButton.textContent =\n                originalButtonText;\n\n            }\n\n          }\n        );\n\n    }\n  );\n\n\n})();\n\n<\/script>\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>Parlons de vous Tout commence par quelques mots. Un mariage, une c\u00e9l\u00e9bration, une destination ou simplement une id\u00e9e qui commence \u00e0 prendre forme. Racontez-nous ce que vous imaginez, m\u00eame si tout n\u2019est pas encore d\u00e9fini. 01 Vous n\u2019avez pas besoin d\u2019avoir tout d\u00e9cid\u00e9 pour nous \u00e9crire. 02 Quelques informations nous permettent d\u00e9j\u00e0 de comprendre votre [&hellip;]<\/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-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":40,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":1795,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/57\/revisions\/1795"}],"wp:attachment":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}