{"id":55,"date":"2026-08-05T16:09:10","date_gmt":"2026-08-05T16:09:10","guid":{"rendered":"https:\/\/www.jnyouevents.com\/?page_id=55"},"modified":"2026-09-17T16:02:24","modified_gmt":"2026-09-17T16:02:24","slug":"journal","status":"publish","type":"page","link":"https:\/\/www.jnyouevents.com\/en\/journal\/","title":{"rendered":"Journal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"55\" class=\"elementor elementor-55\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ff18b8 e-con-full e-flex e-con e-parent\" data-id=\"1ff18b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26d8978 elementor-widget elementor-widget-html\" data-id=\"26d8978\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU EVENTS \u2014 LE JOURNAL \/ V11 \u2014 TRANSLATEPRESS FR\/EN\n     RECHERCHE + FILTRES + SWIPE MOBILE + CHARGEMENT PROGRESSIF\n\n     DESKTOP : 9 ARTICLES\n     TABLETTE : 6 ARTICLES\n     MOBILE : 4 ARTICLES\n========================================================== -->\n\n<style>\n\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\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n.jny-journal-v10{\n\n  --wine:#54232F;\n  --plum:#44123A;\n  --sage:#778A77;\n  --sage-soft:#A8B6A5;\n  --paper:#FBF9F6;\n  --porcelain:#F2EFEA;\n  --taupe:#4F444C;\n\n  --line:rgba(84,35,47,.12);\n  --line-soft:rgba(84,35,47,.075);\n\n  position:relative;\n  left:50%;\n\n  width:100vw!important;\n  max-width:100vw!important;\n\n  margin-left:-50vw!important;\n  margin-right:-50vw!important;\n\n  overflow:hidden;\n\n  background:var(--paper);\n  color:var(--taupe);\n\n  font-family:\"Montserrat\",sans-serif;\n}\n\n\n.jny-journal-v10,\n.jny-journal-v10 *{\n  box-sizing:border-box;\n}\n\n\n.elementor-widget-html:has(.jny-journal-v10),\n.elementor-widget-html:has(.jny-journal-v10) > .elementor-widget-container{\n\n  width:100%!important;\n  max-width:none!important;\n\n  overflow:visible!important;\n}\n\n\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.jny-journal-v10 button,\n.jny-journal-v10 input{\n\n  font-family:\"Montserrat\",sans-serif!important;\n}\n\n\n.jny-journal-v10 button,\n.jny-journal-v10 button:hover,\n.jny-journal-v10 button:focus,\n.jny-journal-v10 button:active{\n\n  text-shadow:none!important;\n  outline:none!important;\n\n  -webkit-tap-highlight-color:transparent!important;\n}\n\n\n.jny-journal-v10 a,\n.jny-journal-v10 a:hover,\n.jny-journal-v10 a:focus,\n.jny-journal-v10 a:active{\n\n  text-decoration:none!important;\n\n  -webkit-tap-highlight-color:transparent!important;\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.jny-journal-hero{\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n    clamp(95px,9vw,145px)\n    clamp(22px,5vw,78px)\n    clamp(105px,10vw,155px);\n\n  background:\n    radial-gradient(\n      circle at 82% 16%,\n      rgba(168,182,165,.18),\n      transparent 32%\n    ),\n    linear-gradient(\n      145deg,\n      #FBF9F6 0%,\n      #F2EFEA 100%\n    );\n}\n\n\n.jny-journal-hero::before{\n\n  content:\"JOURNAL\";\n\n  position:absolute;\n\n  right:-.04em;\n  bottom:-.22em;\n\n  color:rgba(84,35,47,.026);\n\n  font-family:\"Cormorant Garamond\",serif;\n\n  font-size:\n    clamp(170px,23vw,420px);\n\n  font-weight:500;\n\n  line-height:.78;\n\n  letter-spacing:-.05em;\n\n  pointer-events:none;\n}\n\n\n.jny-journal-hero-inner{\n\n  position:relative;\n\n  z-index:2;\n\n  width:min(100%,1450px);\n\n  margin:0 auto;\n}\n\n\n.jny-journal-kicker{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:15px;\n\n  margin-bottom:30px;\n\n  color:var(--sage);\n\n  font-size:12px;\n  font-weight:600;\n\n  letter-spacing:.19em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-journal-kicker::before{\n\n  content:\"\";\n\n  width:50px;\n  height:1px;\n\n  background:\n    rgba(84,35,47,.25);\n}\n\n\n.jny-journal-hero-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.25fr)\n    minmax(300px,.55fr);\n\n  gap:\n    clamp(60px,10vw,155px);\n\n  align-items:end;\n}\n\n\n.jny-journal-title{\n\n  max-width:990px;\n\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\"Cormorant Garamond\",serif;\n\n  font-size:\n    clamp(68px,7.5vw,126px);\n\n  font-weight:500;\n\n  line-height:.86;\n\n  letter-spacing:-.045em;\n}\n\n\n.jny-journal-title em{\n\n  display:block;\n\n  margin-top:.08em;\n\n  color:var(--sage);\n\n  font-weight:400;\n  font-style:italic;\n}\n\n\n.jny-journal-intro{\n\n  max-width:720px;\n\n  margin:\n    34px\n    0\n    0;\n\n  color:\n    rgba(79,68,76,.70);\n\n  font-size:16px;\n\n  line-height:1.85;\n}\n\n\n.jny-journal-manifesto{\n\n  padding-left:32px;\n\n  border-left:\n    1px solid\n    var(--line);\n}\n\n\n.jny-journal-manifesto-label{\n\n  display:block;\n\n  margin-bottom:17px;\n\n  color:\n    rgba(84,35,47,.50);\n\n  font-size:11px;\n  font-weight:600;\n\n  letter-spacing:.16em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-journal-manifesto p{\n\n  margin:0;\n\n  color:\n    rgba(79,68,76,.70);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:27px;\n\n  font-style:italic;\n\n  line-height:1.4;\n}\n\n\n\n\/* =========================================================\n   HERO SCROLL\n========================================================= *\/\n\n.jny-journal-scroll{\n\n  position:absolute;\n\n  z-index:5;\n\n  right:\n    clamp(22px,5vw,78px);\n\n  bottom:27px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  color:\n    rgba(84,35,47,.65)!important;\n}\n\n\n.jny-journal-scroll:hover{\n\n  color:\n    var(--wine)!important;\n}\n\n\n.jny-journal-scroll-label{\n\n  font-size:9.5px;\n  font-weight:600;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-journal-scroll-circle{\n\n  width:40px;\n  height:40px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid\n    rgba(84,35,47,.20);\n\n  border-radius:50%;\n\n  background:\n    rgba(251,249,246,.60);\n\n  transition:\n    background-color .25s ease,\n    border-color .25s ease,\n    transform .25s ease;\n}\n\n\n.jny-journal-scroll:hover\n.jny-journal-scroll-circle{\n\n  background:#FFFFFF!important;\n\n  border-color:\n    var(--wine)!important;\n\n  transform:\n    translateY(3px);\n}\n\n\n.jny-journal-scroll-arrow{\n\n  color:var(--wine);\n\n  font-size:16px;\n\n  animation:\n    jnyJournalArrow\n    1.8s\n    ease-in-out\n    infinite;\n}\n\n\n@keyframes jnyJournalArrow{\n\n  0%,\n  100%{\n    transform:translateY(-2px);\n  }\n\n  50%{\n    transform:translateY(4px);\n  }\n\n}\n\n\n\n\/* =========================================================\n   GLOBAL\n========================================================= *\/\n\n.jny-journal-container{\n\n  width:min(100%,1390px);\n\n  margin:0 auto;\n}\n\n\n.jny-journal-section-head{\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:\n    space-between;\n\n  gap:30px;\n\n  margin-bottom:42px;\n}\n\n\n.jny-journal-section-kicker{\n\n  display:block;\n\n  margin-bottom:10px;\n\n  color:var(--sage);\n\n  font-size:11.5px;\n  font-weight:600;\n\n  letter-spacing:.17em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-journal-section-title{\n\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(48px,5vw,72px);\n\n  font-weight:500;\n\n  line-height:.95;\n\n  letter-spacing:-.038em;\n}\n\n\n\n\/* =========================================================\n   \u00c0 LA UNE\n========================================================= *\/\n\n.jny-journal-feature{\n\n  padding:\n    clamp(90px,9vw,145px)\n    clamp(22px,5vw,78px);\n\n  background:var(--paper);\n}\n\n\n.jny-journal-feature[hidden]{\n\n  display:none!important;\n}\n\n\n.jny-journal-feature-card{\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.12fr)\n    minmax(340px,.88fr);\n\n  min-height:610px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line-soft);\n\n  border-radius:30px;\n\n  background:#FFFFFF;\n\n  box-shadow:\n    0 30px 90px\n    rgba(68,18,58,.055);\n}\n\n\n.jny-journal-feature-media{\n\n  position:relative;\n\n  min-height:610px;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 70% 20%,\n      rgba(168,182,165,.30),\n      transparent 34%\n    ),\n    linear-gradient(\n      145deg,\n      #DEDAD4,\n      #EEEAE5\n    );\n}\n\n\n.jny-journal-feature-media img{\n\n  position:absolute;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  display:block;\n\n  object-fit:cover;\n}\n\n\n.jny-journal-feature-placeholder{\n\n  position:absolute;\n\n  inset:0;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  color:\n    rgba(84,35,47,.25);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:31px;\n\n  font-style:italic;\n}\n\n\n.jny-journal-feature-content{\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    clamp(42px,5vw,76px);\n}\n\n\n.jny-journal-meta{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:23px;\n\n  color:var(--sage);\n\n  font-size:10.5px;\n  font-weight:600;\n\n  letter-spacing:.11em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-journal-meta-dot{\n\n  width:3px;\n  height:3px;\n\n  border-radius:50%;\n\n  background:\n    rgba(84,35,47,.28);\n}\n\n\n.jny-journal-feature-title{\n\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(45px,4.4vw,68px);\n\n  font-weight:500;\n\n  line-height:.97;\n\n  letter-spacing:-.035em;\n}\n\n\n.jny-journal-feature-excerpt{\n\n  margin:\n    25px\n    0\n    0;\n\n  color:\n    rgba(79,68,76,.67);\n\n  font-size:14.5px;\n\n  line-height:1.82;\n}\n\n\n.jny-journal-read{\n\n  width:max-content;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:14px;\n\n  margin-top:34px;\n\n  padding-bottom:7px;\n\n  border-bottom:\n    1px solid\n    rgba(84,35,47,.32);\n\n  color:\n    var(--wine)!important;\n\n  background:\n    transparent!important;\n\n  font-size:10.5px;\n  font-weight:600;\n\n  letter-spacing:.13em;\n\n  text-transform:uppercase;\n\n  transition:\n    gap .25s ease,\n    border-color .25s ease;\n}\n\n\n.jny-journal-read:hover{\n\n  gap:20px;\n\n  color:\n    var(--wine)!important;\n\n  border-color:\n    var(--wine)!important;\n}\n\n\n\n\/* =========================================================\n   JOURNAL\n========================================================= *\/\n\n.jny-journal-list{\n\n  padding:\n    clamp(90px,9vw,145px)\n    clamp(22px,5vw,78px)\n    clamp(125px,11vw,180px);\n\n  background:var(--porcelain);\n}\n\n\n.jny-journal-list-head{\n\n  display:block;\n\n  margin-bottom:58px;\n}\n\n\n.jny-journal-list-copy{\n\n  max-width:680px;\n\n  margin-bottom:35px;\n}\n\n\n.jny-journal-list-copy p{\n\n  max-width:610px;\n\n  margin:\n    17px\n    0\n    0;\n\n  color:\n    rgba(79,68,76,.64);\n\n  font-size:14.5px;\n\n  line-height:1.78;\n}\n\n\n\n\/* =========================================================\n   SEARCH + FILTERS\n========================================================= *\/\n\n.jny-journal-tools{\n\n  width:100%;\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:flex-end;\n\n  gap:27px;\n}\n\n\n\n\/* =========================================================\n   SEARCH\n========================================================= *\/\n\n.jny-journal-search-area{\n\n  width:min(100%,560px);\n}\n\n\n.jny-journal-search-label{\n\n  display:block;\n\n  margin-bottom:11px;\n\n  color:\n    rgba(79,68,76,.48);\n\n  text-align:right;\n\n  font-size:10.5px;\n  font-weight:600;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-journal-search{\n\n  position:relative;\n\n  width:100%;\n}\n\n\n.jny-journal-search-icon{\n\n  position:absolute;\n\n  left:18px;\n  top:50%;\n\n  width:18px;\n  height:18px;\n\n  transform:\n    translateY(-50%);\n\n  color:var(--sage);\n\n  pointer-events:none;\n}\n\n\n.jny-journal-search-icon svg{\n\n  width:100%;\n  height:100%;\n\n  display:block;\n\n  stroke:currentColor;\n}\n\n\n.jny-journal-search input{\n\n  width:100%;\n  height:56px;\n\n  display:block;\n\n  padding:\n    0\n    50px\n    0\n    52px!important;\n\n  border:\n    1px solid\n    rgba(84,35,47,.16)!important;\n\n  border-radius:\n    999px!important;\n\n  outline:none!important;\n\n  background:\n    rgba(251,249,246,.90)!important;\n\n  color:\n    var(--wine)!important;\n\n  box-shadow:none!important;\n\n  font-size:13px!important;\n\n  font-weight:400!important;\n\n  transition:\n    border-color .22s ease,\n    background-color .22s ease,\n    box-shadow .22s ease!important;\n}\n\n\n.jny-journal-search input::placeholder{\n\n  color:\n    rgba(79,68,76,.46)!important;\n\n  opacity:1;\n}\n\n\n.jny-journal-search input:hover{\n\n  border-color:\n    rgba(84,35,47,.32)!important;\n}\n\n\n.jny-journal-search input:focus{\n\n  border-color:\n    var(--wine)!important;\n\n  background:\n    #FFFFFF!important;\n\n  box-shadow:\n    0 0 0 3px\n    rgba(119,138,119,.10)!important;\n}\n\n\n\n\/* =========================================================\n   CLEAR SEARCH\n========================================================= *\/\n\n.jny-journal-search-clear{\n\n  position:absolute;\n\n  right:9px;\n  top:50%;\n\n  width:38px!important;\n  height:38px!important;\n\n  min-width:38px!important;\n  min-height:38px!important;\n\n  display:flex!important;\n\n  align-items:center!important;\n  justify-content:center!important;\n\n  padding:0!important;\n\n  transform:\n    translateY(-50%);\n\n  border:0!important;\n\n  border-radius:\n    50%!important;\n\n  background:\n    transparent!important;\n\n  color:\n    rgba(84,35,47,.55)!important;\n\n  box-shadow:none!important;\n\n  font-size:20px!important;\n\n  font-weight:400!important;\n\n  line-height:1!important;\n\n  cursor:pointer;\n\n  opacity:0;\n  visibility:hidden;\n\n  transition:\n    opacity .2s ease,\n    background-color .2s ease,\n    color .2s ease!important;\n}\n\n\n.jny-journal-search-clear.is-visible{\n\n  opacity:1;\n  visibility:visible;\n}\n\n\n.jny-journal-search-clear:hover,\n.jny-journal-search-clear:focus{\n\n  background:\n    #F2EFEA!important;\n\n  color:\n    var(--wine)!important;\n}\n\n\n\n\/* =========================================================\n   FILTERS\n========================================================= *\/\n\n.jny-journal-filter-area{\n\n  width:100%;\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:flex-end;\n\n  gap:14px;\n}\n\n\n.jny-journal-filter-label{\n\n  width:100%;\n\n  color:\n    rgba(79,68,76,.48);\n\n  text-align:right;\n\n  font-size:10.5px;\n  font-weight:600;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-journal-filters{\n\n  width:100%;\n\n  display:flex;\n\n  flex-wrap:nowrap!important;\n\n  align-items:center;\n\n  justify-content:flex-end;\n\n  gap:8px;\n\n  overflow:visible;\n}\n\n\n\n\/* =========================================================\n   SWIPE HINT\n========================================================= *\/\n\n.jny-journal-swipe-hint{\n\n  display:none;\n}\n\n\n\n\/* =========================================================\n   FILTER BUTTON\n========================================================= *\/\n\n.jny-journal-filter{\n\n  flex:0 1 auto;\n\n  min-width:0;\n\n  min-height:47px!important;\n\n  padding:\n    12px\n    clamp(12px,1.1vw,19px)!important;\n\n  border:\n    1px solid\n    rgba(84,35,47,.18)!important;\n\n  border-radius:\n    999px!important;\n\n  background:\n    rgba(251,249,246,.84)!important;\n\n  color:\n    rgba(79,68,76,.72)!important;\n\n  box-shadow:none!important;\n\n  white-space:\n    nowrap!important;\n\n  font-size:\n    clamp(8.2px,.68vw,10px)!important;\n\n  font-weight:600!important;\n\n  line-height:1!important;\n\n  letter-spacing:\n    .075em!important;\n\n  text-transform:\n    uppercase!important;\n\n  cursor:pointer;\n\n  appearance:none!important;\n\n  -webkit-appearance:none!important;\n\n  transition:\n    background-color .22s ease,\n    color .22s ease,\n    border-color .22s ease,\n    transform .22s ease!important;\n}\n\n\n.jny-journal-filter:hover{\n\n  transform:\n    translateY(-2px);\n\n  background:\n    #F2EFEA!important;\n\n  color:\n    #54232F!important;\n\n  border-color:\n    #54232F!important;\n\n  box-shadow:none!important;\n}\n\n\n.jny-journal-filter:focus,\n.jny-journal-filter:focus-visible{\n\n  background:\n    #F2EFEA!important;\n\n  color:\n    #54232F!important;\n\n  border-color:\n    #54232F!important;\n\n  box-shadow:\n    0 0 0 3px\n    rgba(119,138,119,.12)!important;\n}\n\n\n.jny-journal-filter.is-active{\n\n  background:\n    #54232F!important;\n\n  color:\n    #FFFFFF!important;\n\n  border-color:\n    #54232F!important;\n\n  box-shadow:none!important;\n}\n\n\n.jny-journal-filter.is-active:hover,\n.jny-journal-filter.is-active:focus{\n\n  background:\n    #44123A!important;\n\n  color:\n    #FFFFFF!important;\n\n  border-color:\n    #44123A!important;\n}\n\n\n\n\/* =========================================================\n   SEARCH STATUS\n========================================================= *\/\n\n.jny-journal-search-status{\n\n  display:none;\n\n  width:100%;\n\n  margin:\n    -28px\n    0\n    38px;\n\n  color:\n    rgba(79,68,76,.52);\n\n  font-size:11px;\n\n  line-height:1.6;\n}\n\n\n.jny-journal-search-status.is-visible{\n\n  display:block;\n}\n\n\n.jny-journal-search-status strong{\n\n  color:var(--wine);\n\n  font-weight:600;\n}\n\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.jny-journal-grid{\n\n  width:100%;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:\n    clamp(42px,4vw,64px)\n    clamp(24px,2.5vw,40px);\n\n  align-items:stretch;\n}\n\n\n.jny-journal-grid[data-count=\"1\"]{\n\n  grid-template-columns:\n    minmax(0,620px);\n\n  justify-content:center;\n}\n\n\n.jny-journal-grid[data-count=\"2\"]{\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n}\n\n\n.jny-journal-grid[data-count=\"many\"]{\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n}\n\n\n\n\/* =========================================================\n   ARTICLE CARD\n========================================================= *\/\n\n.jny-journal-card{\n\n  min-width:0;\n\n  height:100%;\n\n  opacity:0;\n\n  transform:\n    translateY(18px);\n\n  transition:\n    opacity .5s ease,\n    transform .5s ease;\n}\n\n\n.jny-journal-card.is-visible{\n\n  opacity:1;\n\n  transform:none;\n}\n\n\n.jny-journal-card-link{\n\n  display:flex;\n\n  flex-direction:column;\n\n  height:100%;\n\n  color:inherit!important;\n\n  background:\n    transparent!important;\n}\n\n\n.jny-journal-card-link:hover{\n\n  color:inherit!important;\n\n  background:\n    transparent!important;\n}\n\n\n.jny-journal-card-media{\n\n  position:relative;\n\n  width:100%;\n\n  aspect-ratio:\n    1 \/ 1.12;\n\n  flex:\n    0 0 auto;\n\n  overflow:hidden;\n\n  border-radius:21px;\n\n  background:\n    radial-gradient(\n      circle at 70% 18%,\n      rgba(168,182,165,.31),\n      transparent 33%\n    ),\n    linear-gradient(\n      145deg,\n      #DDD8D2,\n      #EEEAE5\n    );\n}\n\n\n.jny-journal-card-media img{\n\n  width:100%;\n  height:100%;\n\n  display:block;\n\n  object-fit:cover;\n\n  transform:\n    scale(1.001);\n\n  transition:\n    transform .8s\n    cubic-bezier(.2,.7,.2,1);\n}\n\n\n.jny-journal-card-link:hover\n.jny-journal-card-media img{\n\n  transform:\n    scale(1.035);\n}\n\n\n.jny-journal-card-placeholder{\n\n  position:absolute;\n\n  inset:0;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:30px;\n\n  text-align:center;\n\n  color:\n    rgba(84,35,47,.26);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:27px;\n\n  font-style:italic;\n}\n\n\n.jny-journal-card-body{\n\n  display:flex;\n\n  flex-direction:column;\n\n  flex:1;\n\n  padding:\n    24px\n    4px\n    0;\n}\n\n\n.jny-journal-card-meta{\n\n  min-height:18px;\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  align-items:center;\n\n  gap:9px;\n\n  margin-bottom:13px;\n\n  color:var(--sage);\n\n  font-size:10px;\n  font-weight:600;\n\n  letter-spacing:.11em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-journal-card-title{\n\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(31px,2.25vw,39px);\n\n  font-weight:500;\n\n  line-height:1.03;\n\n  letter-spacing:-.025em;\n}\n\n\n.jny-journal-card-excerpt{\n\n  margin:\n    15px\n    0\n    0;\n\n  color:\n    rgba(79,68,76,.64);\n\n  font-size:13.5px;\n\n  line-height:1.74;\n}\n\n\n.jny-journal-card-arrow{\n\n  display:inline-flex;\n\n  width:max-content;\n\n  margin-top:auto;\n\n  padding-top:22px;\n\n  color:var(--wine);\n\n  font-size:20px;\n\n  transition:\n    transform .25s ease;\n}\n\n\n.jny-journal-card-link:hover\n.jny-journal-card-arrow{\n\n  color:\n    var(--wine)!important;\n\n  transform:\n    translateX(5px);\n}\n\n\n\n\/* =========================================================\n   LOAD MORE\n========================================================= *\/\n\n.jny-journal-load-more-wrap{\n\n  display:none;\n\n  width:100%;\n\n  justify-content:center;\n\n  margin-top:\n    clamp(58px,6vw,82px);\n}\n\n\n.jny-journal-load-more-wrap.is-visible{\n\n  display:flex;\n}\n\n\n.jny-journal-load-more{\n\n  min-height:52px!important;\n\n  display:inline-flex!important;\n\n  align-items:center!important;\n  justify-content:center!important;\n\n  gap:12px;\n\n  padding:\n    14px\n    25px!important;\n\n  border:\n    1px solid\n    rgba(84,35,47,.25)!important;\n\n  border-radius:\n    999px!important;\n\n  background:\n    transparent!important;\n\n  color:\n    var(--wine)!important;\n\n  box-shadow:none!important;\n\n  font-size:10px!important;\n  font-weight:600!important;\n\n  line-height:1!important;\n\n  letter-spacing:.12em!important;\n\n  text-transform:\n    uppercase!important;\n\n  cursor:pointer;\n\n  appearance:none!important;\n\n  -webkit-appearance:none!important;\n\n  transition:\n    background-color .22s ease,\n    border-color .22s ease,\n    color .22s ease,\n    transform .22s ease!important;\n}\n\n\n.jny-journal-load-more:hover,\n.jny-journal-load-more:focus{\n\n  transform:\n    translateY(-2px);\n\n  background:\n    var(--wine)!important;\n\n  border-color:\n    var(--wine)!important;\n\n  color:\n    #FFFFFF!important;\n}\n\n\n.jny-journal-load-more-arrow{\n\n  display:inline-flex;\n\n  font-size:14px;\n\n  transition:\n    transform .22s ease;\n}\n\n\n.jny-journal-load-more:hover\n.jny-journal-load-more-arrow{\n\n  transform:\n    translateY(3px);\n}\n\n\n\n\/* =========================================================\n   EMPTY\n========================================================= *\/\n\n.jny-journal-empty{\n\n  grid-column:\n    1 \/ -1;\n\n  min-height:300px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    55px\n    20px;\n\n  text-align:center;\n}\n\n\n.jny-journal-empty small{\n\n  margin-bottom:13px;\n\n  color:var(--sage);\n\n  font-size:10px;\n  font-weight:600;\n\n  letter-spacing:.16em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-journal-empty strong{\n\n  color:var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(32px,3vw,45px);\n\n  font-weight:500;\n\n  line-height:1.05;\n}\n\n\n.jny-journal-empty p{\n\n  max-width:500px;\n\n  margin:\n    14px\n    auto\n    0;\n\n  color:\n    rgba(79,68,76,.55);\n\n  font-size:13px;\n\n  line-height:1.7;\n}\n\n\n\n\/* =========================================================\n   ENDING\n========================================================= *\/\n\n.jny-journal-editorial{\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n    clamp(110px,11vw,175px)\n    clamp(22px,5vw,78px)\n    clamp(210px,18vw,285px);\n\n  background:\n    linear-gradient(\n      180deg,\n      #FBF9F6 0%,\n      #FBF9F6 53%,\n      #F4EEEE 63%,\n      #E7DADD 72%,\n      #D0B9BE 80%,\n      #A77C85 88%,\n      #774650 95%,\n      #54232F 100%\n    );\n}\n\n\n.jny-journal-editorial-inner{\n\n  position:relative;\n\n  z-index:2;\n\n  width:min(100%,1080px);\n\n  margin:0 auto;\n\n  text-align:center;\n}\n\n\n.jny-journal-editorial-line{\n\n  width:1px;\n  height:75px;\n\n  margin:\n    0\n    auto\n    34px;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      rgba(84,35,47,.30)\n    );\n}\n\n\n.jny-journal-editorial small{\n\n  display:block;\n\n  margin-bottom:19px;\n\n  color:var(--sage);\n\n  font-size:11px;\n  font-weight:600;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-journal-editorial h2{\n\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(52px,6vw,91px);\n\n  font-weight:500;\n\n  line-height:.92;\n\n  letter-spacing:-.04em;\n}\n\n\n.jny-journal-editorial h2 em{\n\n  display:block;\n\n  margin-top:.07em;\n\n  color:var(--sage);\n\n  font-weight:400;\n  font-style:italic;\n}\n\n\n.jny-journal-editorial p{\n\n  max-width:680px;\n\n  margin:\n    28px\n    auto\n    0;\n\n  color:\n    rgba(79,68,76,.65);\n\n  font-size:14.5px;\n\n  line-height:1.82;\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  .jny-journal-hero-grid{\n\n    grid-template-columns:1fr;\n\n    gap:48px;\n  }\n\n\n  .jny-journal-manifesto{\n\n    max-width:650px;\n  }\n\n\n  .jny-journal-feature-card{\n\n    grid-template-columns:1fr;\n  }\n\n\n  .jny-journal-feature-media{\n\n    min-height:auto;\n\n    aspect-ratio:\n      16 \/ 10;\n  }\n\n\n  .jny-journal-tools,\n  .jny-journal-filter-area{\n\n    align-items:flex-end;\n  }\n\n\n  .jny-journal-filters{\n\n    justify-content:flex-end;\n\n    overflow-x:auto;\n    overflow-y:hidden;\n\n    padding:\n      3px\n      2px\n      12px;\n\n    scrollbar-width:none;\n\n    -webkit-overflow-scrolling:touch;\n  }\n\n\n  .jny-journal-filters::-webkit-scrollbar{\n\n    display:none;\n  }\n\n\n  .jny-journal-filter{\n\n    flex:\n      0 0 auto;\n  }\n\n\n  .jny-journal-grid[data-count=\"many\"]{\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:620px){\n\n  .jny-journal-hero{\n\n    padding:\n      72px\n      18px\n      98px;\n  }\n\n\n  .jny-journal-kicker{\n\n    font-size:10.5px;\n  }\n\n\n  .jny-journal-title{\n\n    font-size:\n      clamp(56px,15vw,78px);\n\n    line-height:.89;\n  }\n\n\n  .jny-journal-intro{\n\n    margin-top:25px;\n\n    font-size:14px;\n\n    line-height:1.78;\n  }\n\n\n  .jny-journal-hero-grid{\n\n    gap:36px;\n  }\n\n\n  .jny-journal-manifesto{\n\n    padding:\n      25px\n      0\n      0;\n\n    border-left:0;\n\n    border-top:\n      1px solid\n      var(--line);\n  }\n\n\n  .jny-journal-manifesto p{\n\n    font-size:23px;\n  }\n\n\n  .jny-journal-scroll{\n\n    right:18px;\n\n    bottom:18px;\n  }\n\n\n  .jny-journal-scroll-label{\n\n    font-size:8px;\n  }\n\n\n  .jny-journal-scroll-circle{\n\n    width:35px;\n    height:35px;\n  }\n\n\n  .jny-journal-feature{\n\n    padding:\n      68px\n      18px\n      82px;\n  }\n\n\n  .jny-journal-feature-card{\n\n    border-radius:21px;\n  }\n\n\n  .jny-journal-feature-media{\n\n    aspect-ratio:\n      1 \/ 1.02;\n  }\n\n\n  .jny-journal-feature-content{\n\n    padding:\n      31px\n      23px\n      38px;\n  }\n\n\n  .jny-journal-feature-title{\n\n    font-size:42px;\n  }\n\n\n  .jny-journal-feature-excerpt{\n\n    font-size:13.5px;\n  }\n\n\n  .jny-journal-list{\n\n    padding:\n      72px\n      18px\n      105px;\n  }\n\n\n  .jny-journal-list-copy{\n\n    margin-bottom:30px;\n  }\n\n\n  .jny-journal-tools{\n\n    align-items:stretch;\n\n    gap:24px;\n  }\n\n\n  .jny-journal-search-area{\n\n    width:100%;\n  }\n\n\n  .jny-journal-search-label,\n  .jny-journal-filter-label{\n\n    text-align:left;\n\n    font-size:9.5px;\n  }\n\n\n  .jny-journal-search input{\n\n    height:52px;\n\n    padding:\n      0\n      46px\n      0\n      48px!important;\n\n    font-size:12px!important;\n  }\n\n\n  .jny-journal-filter-area{\n\n    align-items:flex-start;\n\n    gap:10px;\n  }\n\n\n  .jny-journal-filters{\n\n    justify-content:flex-start;\n\n    overflow-x:auto;\n    overflow-y:hidden;\n\n    gap:8px;\n\n    padding-bottom:5px;\n\n    scroll-snap-type:\n      x proximity;\n\n    scrollbar-width:none;\n\n    -webkit-overflow-scrolling:touch;\n  }\n\n\n  .jny-journal-filters::-webkit-scrollbar{\n\n    display:none;\n  }\n\n\n  .jny-journal-filter{\n\n    flex:\n      0 0 auto;\n\n    min-height:44px!important;\n\n    padding:\n      11px\n      16px!important;\n\n    font-size:9px!important;\n\n    scroll-snap-align:start;\n  }\n\n\n  \/* SWIPE HINT *\/\n\n  .jny-journal-swipe-hint{\n\n    width:100%;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:flex-end;\n\n    gap:8px;\n\n    margin-top:2px;\n\n    padding-right:3px;\n\n    color:\n      rgba(84,35,47,.52);\n\n    font-size:8.5px;\n\n    font-weight:500;\n\n    line-height:1;\n\n    letter-spacing:.10em;\n\n    text-transform:uppercase;\n\n    pointer-events:none;\n  }\n\n\n  .jny-journal-swipe-hint-arrow{\n\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    color:var(--sage);\n\n    font-size:15px;\n\n    line-height:1;\n\n    animation:\n      jnySwipeHintArrow\n      1.45s\n      ease-in-out\n      infinite;\n  }\n\n\n  @keyframes jnySwipeHintArrow{\n\n    0%,\n    100%{\n\n      transform:\n        translateX(0);\n\n      opacity:.55;\n    }\n\n    50%{\n\n      transform:\n        translateX(6px);\n\n      opacity:1;\n    }\n\n  }\n\n\n  .jny-journal-search-status{\n\n    margin:\n      -20px\n      0\n      32px;\n  }\n\n\n  .jny-journal-grid,\n  .jny-journal-grid[data-count=\"1\"],\n  .jny-journal-grid[data-count=\"2\"],\n  .jny-journal-grid[data-count=\"many\"]{\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .jny-journal-card-media{\n\n    aspect-ratio:\n      1 \/ 1.08;\n  }\n\n\n  .jny-journal-card-title{\n\n    font-size:35px;\n  }\n\n\n  .jny-journal-card-excerpt{\n\n    font-size:13px;\n  }\n\n\n  .jny-journal-load-more-wrap{\n\n    margin-top:52px;\n  }\n\n\n  .jny-journal-load-more{\n\n    min-height:50px!important;\n\n    padding:\n      13px\n      21px!important;\n\n    font-size:9px!important;\n  }\n\n\n  .jny-journal-editorial{\n\n    padding:\n      85px\n      18px\n      190px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .jny-journal-scroll-arrow,\n  .jny-journal-swipe-hint-arrow{\n\n    animation:none;\n  }\n\n\n  .jny-journal-card{\n\n    opacity:1;\n\n    transform:none;\n  }\n\n}\n\n<\/style>\n\n\n\n<div\n  class=\"jny-journal-v10\"\n  id=\"jnyJournal\"\n>\n\n\n  <!-- =====================================================\n       HERO\n  ====================================================== -->\n\n  <section class=\"jny-journal-hero\">\n\n    <div class=\"jny-journal-hero-inner\">\n\n      <div class=\"jny-journal-kicker\">\n        Le Journal JN.YOU\n      <\/div>\n\n\n      <div class=\"jny-journal-hero-grid\">\n\n        <div>\n\n          <h1 class=\"jny-journal-title\">\n\n            Des id\u00e9es, des lieux,\n\n            <em>\n              des histoires \u00e0 imaginer.\n            <\/em>\n\n          <\/h1>\n\n\n          <p class=\"jny-journal-intro\">\n\n            Inspirations, conseils, destinations,\n            belles adresses et coulisses.\n\n            Un journal pens\u00e9 comme un carnet ouvert,\n            pour vous aider \u00e0 imaginer des c\u00e9l\u00e9brations\n            qui vous ressemblent vraiment.\n\n          <\/p>\n\n        <\/div>\n\n\n        <aside class=\"jny-journal-manifesto\">\n\n          <span class=\"jny-journal-manifesto-label\">\n            Notre regard\n          <\/span>\n\n          <p>\n            \u00ab Derri\u00e8re chaque belle c\u00e9l\u00e9bration,\n            il y a d\u2019abord une histoire \u00e0 comprendre. \u00bb\n          <\/p>\n\n        <\/aside>\n\n      <\/div>\n\n    <\/div>\n\n\n    <a\n      href=\"#jny-journal-content\"\n      class=\"jny-journal-scroll\"\n      aria-label=\"D\u00e9couvrir le Journal\"\n    >\n\n      <span class=\"jny-journal-scroll-label\">\n        D\u00e9couvrir\n      <\/span>\n\n      <span class=\"jny-journal-scroll-circle\">\n\n        <span class=\"jny-journal-scroll-arrow\">\n          \u2193\n        <\/span>\n\n      <\/span>\n\n    <\/a>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       \u00c0 LA UNE\n  ====================================================== -->\n\n  <section\n    class=\"jny-journal-feature\"\n    id=\"jnyJournalFeatureSection\"\n    hidden\n  >\n\n    <div class=\"jny-journal-container\">\n\n      <header class=\"jny-journal-section-head\">\n\n        <div>\n\n          <span class=\"jny-journal-section-kicker\">\n            \u00c0 la une\n          <\/span>\n\n          <h2 class=\"jny-journal-section-title\">\n            En ce moment\n          <\/h2>\n\n        <\/div>\n\n      <\/header>\n\n\n      <div id=\"jnyJournalFeatured\"><\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       JOURNAL\n  ====================================================== -->\n\n  <section\n    class=\"jny-journal-list\"\n    id=\"jny-journal-content\"\n  >\n\n    <div class=\"jny-journal-container\">\n\n\n      <div class=\"jny-journal-list-head\">\n\n\n        <div class=\"jny-journal-list-copy\">\n\n          <span class=\"jny-journal-section-kicker\">\n            Explorer\n          <\/span>\n\n          <h2 class=\"jny-journal-section-title\">\n            Le Journal\n          <\/h2>\n\n          <p>\n\n            Inspirations, conseils,\n            destinations et belles adresses.\n\n            Recherchez ou filtrez le Journal\n            selon ce que vous \u00eates\n            en train d\u2019imaginer.\n\n          <\/p>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             RECHERCHE + FILTRES\n        ================================================== -->\n\n        <div class=\"jny-journal-tools\">\n\n\n          <!-- RECHERCHE -->\n\n          <div class=\"jny-journal-search-area\">\n\n            <label\n              class=\"jny-journal-search-label\"\n              for=\"jnyJournalSearch\"\n            >\n              Rechercher dans le Journal\n            <\/label>\n\n\n            <div class=\"jny-journal-search\">\n\n              <span\n                class=\"jny-journal-search-icon\"\n                aria-hidden=\"true\"\n              >\n\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                >\n\n                  <circle\n                    cx=\"11\"\n                    cy=\"11\"\n                    r=\"6.5\"\n                    stroke-width=\"1.7\"\n                  ><\/circle>\n\n                  <path\n                    d=\"M16 16L21 21\"\n                    stroke-width=\"1.7\"\n                    stroke-linecap=\"round\"\n                  ><\/path>\n\n                <\/svg>\n\n              <\/span>\n\n\n              <input\n                type=\"search\"\n                id=\"jnyJournalSearch\"\n                autocomplete=\"off\"\n                spellcheck=\"false\"\n                placeholder=\"Une destination, un lieu, un conseil\u2026\"\n                aria-label=\"Rechercher un article\"\n              >\n\n\n              <button\n                type=\"button\"\n                class=\"jny-journal-search-clear\"\n                id=\"jnyJournalSearchClear\"\n                aria-label=\"Effacer la recherche\"\n              >\n                \u00d7\n              <\/button>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <!-- FILTRES -->\n\n          <div class=\"jny-journal-filter-area\">\n\n            <span class=\"jny-journal-filter-label\">\n              Filtrer les articles\n            <\/span>\n\n\n            <nav\n              class=\"jny-journal-filters\"\n              id=\"jnyJournalFilters\"\n              aria-label=\"Filtrer les articles\"\n            >\n\n              <button\n                type=\"button\"\n                class=\"jny-journal-filter is-active\"\n                data-filter=\"all\"\n              >\n                Tout\n              <\/button>\n\n\n              <button\n                type=\"button\"\n                class=\"jny-journal-filter\"\n                data-filter=\"mariages\"\n              >\n                Mariages\n              <\/button>\n\n\n              <button\n                type=\"button\"\n                class=\"jny-journal-filter\"\n                data-filter=\"conseils\"\n              >\n                Conseils\n              <\/button>\n\n\n              <button\n                type=\"button\"\n                class=\"jny-journal-filter\"\n                data-filter=\"inspirations\"\n              >\n                Inspirations\n              <\/button>\n\n\n              <button\n                type=\"button\"\n                class=\"jny-journal-filter\"\n                data-filter=\"destinations\"\n              >\n                Destinations\n              <\/button>\n\n\n              <button\n                type=\"button\"\n                class=\"jny-journal-filter\"\n                data-filter=\"lieux\"\n              >\n                Lieux & Adresses\n              <\/button>\n\n\n              <button\n                type=\"button\"\n                class=\"jny-journal-filter\"\n                data-filter=\"coulisses\"\n              >\n                Coulisses\n              <\/button>\n\n            <\/nav>\n\n\n            <!-- MOBILE -->\n\n            <div\n              class=\"jny-journal-swipe-hint\"\n              aria-hidden=\"true\"\n            >\n\n              <span>\n                Swipez pour voir toutes les cat\u00e9gories\n              <\/span>\n\n              <span class=\"jny-journal-swipe-hint-arrow\">\n                \u2192\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- SEARCH STATUS -->\n\n      <div\n        class=\"jny-journal-search-status\"\n        id=\"jnyJournalSearchStatus\"\n        aria-live=\"polite\"\n      ><\/div>\n\n\n\n      <!-- ARTICLES -->\n\n      <div\n        class=\"jny-journal-grid\"\n        id=\"jnyJournalGrid\"\n        data-count=\"1\"\n      ><\/div>\n\n\n\n      <!-- VOIR PLUS -->\n\n      <div\n        class=\"jny-journal-load-more-wrap\"\n        id=\"jnyJournalLoadMoreWrap\"\n      >\n\n        <button\n          type=\"button\"\n          class=\"jny-journal-load-more\"\n          id=\"jnyJournalLoadMore\"\n        >\n\n          <span>\n            Voir plus d\u2019articles\n          <\/span>\n\n          <span class=\"jny-journal-load-more-arrow\">\n            \u2193\n          <\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       ENDING\n  ====================================================== -->\n\n  <section class=\"jny-journal-editorial\">\n\n    <div class=\"jny-journal-editorial-inner\">\n\n      <div class=\"jny-journal-editorial-line\"><\/div>\n\n\n      <small>\n        Le carnet JN.YOU\n      <\/small>\n\n\n      <h2>\n\n        Des id\u00e9es \u00e0 garder.\n\n        <em>\n          D\u2019autres \u00e0 r\u00e9inventer.\n        <\/em>\n\n      <\/h2>\n\n\n      <p>\n\n        Le Journal rassemble nos inspirations,\n        nos conseils et les adresses qui retiennent\n        notre attention.\n\n        De quoi nourrir votre r\u00e9flexion,\n        affiner vos envies et imaginer\n        une c\u00e9l\u00e9bration qui trouve naturellement\n        sa propre identit\u00e9.\n\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n\n<\/div>\n\n\n\n<script>\n\n(function(){\n\n\n  \/* =========================================================\n     INIT\n  ========================================================= *\/\n\n  var root =\n    document.getElementById(\n      \"jnyJournal\"\n    );\n\n\n  if(!root){\n    return;\n  }\n\n\n  \/* =========================================================\n     LANGUE ACTIVE + REST API TRANSLATEPRESS\n     - FR : \/wp-json\/wp\/v2\/posts\n     - EN : \/en\/wp-json\/wp\/v2\/posts\n     TranslatePress traite les r\u00e9ponses REST dans la langue\n     correspondant au pr\u00e9fixe de l'URL.\n  ========================================================= *\/\n\n  var isEN =\n    \/^\\\/en(?:\\\/|$)\/i.test(\n      window.location.pathname\n    );\n\n\n  var API =\n    window.location.origin +\n    (\n      isEN\n      ?\n      \"\/en\/wp-json\/wp\/v2\/posts\"\n      :\n      \"\/wp-json\/wp\/v2\/posts\"\n    );\n\n\n  function localizedURL(value){\n\n    if(!value){\n      return value || \"\";\n    }\n\n    try{\n\n      var url =\n        new URL(\n          value,\n          window.location.origin\n        );\n\n\n      \/* On ne modifie que les liens internes JN.YOU *\/\n      if(\n        url.origin !==\n        window.location.origin\n      ){\n        return value;\n      }\n\n\n      var path =\n        url.pathname || \"\/\";\n\n\n      if(isEN){\n\n        if(\n          !\/^\\\/en(?:\\\/|$)\/i.test(path)\n        ){\n          path =\n            \"\/en\" +\n            (\n              path.charAt(0) === \"\/\"\n              ?\n              path\n              :\n              \"\/\" + path\n            );\n        }\n\n      }\n      else{\n\n        path =\n          path.replace(\n            \/^\\\/en(?=\\\/|$)\/i,\n            \"\"\n          )\n          ||\n          \"\/\";\n\n      }\n\n\n      return (\n        path +\n        (url.search || \"\") +\n        (url.hash || \"\")\n      );\n\n    }\n    catch(error){\n\n      return value;\n\n    }\n\n  }\n\n\n  var featureSection =\n    root.querySelector(\n      \"#jnyJournalFeatureSection\"\n    );\n\n\n  var featuredContainer =\n    root.querySelector(\n      \"#jnyJournalFeatured\"\n    );\n\n\n  var grid =\n    root.querySelector(\n      \"#jnyJournalGrid\"\n    );\n\n\n  var filters =\n    root.querySelector(\n      \"#jnyJournalFilters\"\n    );\n\n\n  var searchInput =\n    root.querySelector(\n      \"#jnyJournalSearch\"\n    );\n\n\n  var searchClear =\n    root.querySelector(\n      \"#jnyJournalSearchClear\"\n    );\n\n\n  var searchStatus =\n    root.querySelector(\n      \"#jnyJournalSearchStatus\"\n    );\n\n\n  var loadMoreWrap =\n    root.querySelector(\n      \"#jnyJournalLoadMoreWrap\"\n    );\n\n\n  var loadMoreButton =\n    root.querySelector(\n      \"#jnyJournalLoadMore\"\n    );\n\n\n  var posts = [];\n\n  var activeFilter =\n    \"all\";\n\n  var searchQuery =\n    \"\";\n\n  var visibleLimit =\n    getPageSize();\n\n\n\n  \/* =========================================================\n     INTERFACE EN \u2014 FILET DE S\u00c9CURIT\u00c9\n     Les textes statiques restent traduisibles par TranslatePress,\n     mais on force ici les principaux libell\u00e9s si la page est \/en\/.\n  ========================================================= *\/\n\n  function applyEnglishUI(){\n\n    if(!isEN){\n      return;\n    }\n\n\n    var setText =\n      function(selector,value){\n\n        var el =\n          root.querySelector(selector);\n\n        if(el){\n          el.textContent = value;\n        }\n\n      };\n\n\n    setText(\n      \".jny-journal-kicker\",\n      \"The JN.YOU Journal\"\n    );\n\n    setText(\n      \".jny-journal-manifesto-label\",\n      \"Our perspective\"\n    );\n\n    setText(\n      \".jny-journal-scroll-label\",\n      \"Explore\"\n    );\n\n    setText(\n      \"#jnyJournalFeatureSection .jny-journal-section-kicker\",\n      \"In the spotlight\"\n    );\n\n    setText(\n      \"#jnyJournalFeatureSection .jny-journal-section-title\",\n      \"Right now\"\n    );\n\n    setText(\n      \".jny-journal-list-copy .jny-journal-section-kicker\",\n      \"Explore\"\n    );\n\n    setText(\n      \".jny-journal-list-copy .jny-journal-section-title\",\n      \"The Journal\"\n    );\n\n    setText(\n      \".jny-journal-search-label\",\n      \"Search the Journal\"\n    );\n\n    setText(\n      \".jny-journal-filter-label\",\n      \"Filter articles\"\n    );\n\n\n    if(searchInput){\n\n      searchInput.placeholder =\n        \"A destination, a place, a piece of advice\u2026\";\n\n      searchInput.setAttribute(\n        \"aria-label\",\n        \"Search for an article\"\n      );\n\n    }\n\n\n    if(searchClear){\n\n      searchClear.setAttribute(\n        \"aria-label\",\n        \"Clear search\"\n      );\n\n    }\n\n\n    var filterLabels = {\n      \"all\":\"All\",\n      \"mariages\":\"Weddings\",\n      \"conseils\":\"Advice\",\n      \"inspirations\":\"Inspirations\",\n      \"destinations\":\"Destinations\",\n      \"lieux\":\"Places & Addresses\",\n      \"coulisses\":\"Behind the Scenes\"\n    };\n\n\n    root\n      .querySelectorAll(\n        \".jny-journal-filter[data-filter]\"\n      )\n      .forEach(\n        function(button){\n\n          var key =\n            button.dataset.filter;\n\n          if(filterLabels[key]){\n            button.textContent =\n              filterLabels[key];\n          }\n\n        }\n      );\n\n\n    var swipe =\n      root.querySelector(\n        \".jny-journal-swipe-hint span:first-child\"\n      );\n\n    if(swipe){\n      swipe.textContent =\n        \"Swipe to see all categories\";\n    }\n\n\n    var loadText =\n      root.querySelector(\n        \"#jnyJournalLoadMore span:first-child\"\n      );\n\n    if(loadText){\n      loadText.textContent =\n        \"View more articles\";\n    }\n\n  }\n\n\n\n  \/* =========================================================\n     PAGINATION RESPONSIVE\n  ========================================================= *\/\n\n  function getPageSize(){\n\n    if(\n      window.innerWidth <= 620\n    ){\n      return 4;\n    }\n\n\n    if(\n      window.innerWidth <= 1100\n    ){\n      return 6;\n    }\n\n\n    return 9;\n\n  }\n\n\n  function resetVisibleLimit(){\n\n    visibleLimit =\n      getPageSize();\n\n  }\n\n\n\n  \/* =========================================================\n     FILTERS\n  ========================================================= *\/\n\n  var FILTER_ALIASES = {\n\n    mariages:[\n      \"mariage\",\n      \"mariages\"\n    ],\n\n    conseils:[\n      \"conseil\",\n      \"conseils\"\n    ],\n\n    inspirations:[\n      \"inspiration\",\n      \"inspirations\"\n    ],\n\n    destinations:[\n      \"destination\",\n      \"destinations\"\n    ],\n\n    lieux:[\n      \"lieu\",\n      \"lieux\",\n      \"lieux-adresses\",\n      \"lieux-et-adresses\"\n    ],\n\n    coulisses:[\n      \"coulisses\",\n      \"coulisses-jnyou\",\n      \"coulisses-jn-you\"\n    ]\n\n  };\n\n\n\n  \/* =========================================================\n     UTILS\n  ========================================================= *\/\n\n  function decodeHTML(value){\n\n    var textarea =\n      document.createElement(\n        \"textarea\"\n      );\n\n\n    textarea.innerHTML =\n      value || \"\";\n\n\n    return textarea.value;\n\n  }\n\n\n  function stripHTML(value){\n\n    var div =\n      document.createElement(\n        \"div\"\n      );\n\n\n    div.innerHTML =\n      value || \"\";\n\n\n    return (\n      div.textContent ||\n      div.innerText ||\n      \"\"\n    )\n    .replace(\n      \/\\s+\/g,\n      \" \"\n    )\n    .trim();\n\n  }\n\n\n  function truncate(\n    value,\n    length\n  ){\n\n    var text =\n      value || \"\";\n\n\n    if(\n      text.length <= length\n    ){\n\n      return text;\n\n    }\n\n\n    return (\n      text\n      .substring(\n        0,\n        length\n      )\n      .trim()\n      +\n      \"\u2026\"\n    );\n\n  }\n\n\n  function escapeHTML(value){\n\n    return String(\n      value || \"\"\n    )\n    .replace(\/&\/g,\"&amp;\")\n    .replace(\/<\/g,\"&lt;\")\n    .replace(\/>\/g,\"&gt;\")\n    .replace(\/\"\/g,\"&quot;\")\n    .replace(\/'\/g,\"&#039;\");\n\n  }\n\n\n  function formatDate(value){\n\n    if(!value){\n\n      return \"\";\n\n    }\n\n\n    try{\n\n      return new Intl.DateTimeFormat(\n        isEN ? \"en-GB\" : \"fr-FR\",\n        {\n          day:\"numeric\",\n          month:\"long\",\n          year:\"numeric\"\n        }\n      )\n      .format(\n        new Date(value)\n      );\n\n    }\n    catch(error){\n\n      return \"\";\n\n    }\n\n  }\n\n\n  function normalizeSearchText(value){\n\n    return String(\n      value || \"\"\n    )\n    .normalize(\"NFD\")\n    .replace(\n      \/[\\u0300-\\u036f]\/g,\n      \"\"\n    )\n    .toLowerCase()\n    .trim();\n\n  }\n\n\n  function calculateReadTime(content){\n\n    var clean =\n      stripHTML(\n        content || \"\"\n      );\n\n\n    var count =\n      clean\n      .split(\/\\s+\/)\n      .filter(Boolean)\n      .length;\n\n\n    return (\n      Math.max(\n        1,\n        Math.ceil(\n          count \/ 220\n        )\n      )\n      +\n      (\n        isEN\n        ?\n        \" min read\"\n        :\n        \" min de lecture\"\n      )\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     LIBELL\u00c9S DE CAT\u00c9GORIES \u2014 SECOURS SI L'API RENVOIE LE FR\n  ========================================================= *\/\n\n  function translatedCategoryName(name,slugs){\n\n    if(!isEN){\n      return name;\n    }\n\n\n    var list =\n      Array.isArray(slugs)\n      ?\n      slugs\n      :\n      [];\n\n\n    var map = {\n      \"mariage\":\"Weddings\",\n      \"mariages\":\"Weddings\",\n      \"conseil\":\"Advice\",\n      \"conseils\":\"Advice\",\n      \"inspiration\":\"Inspirations\",\n      \"inspirations\":\"Inspirations\",\n      \"destination\":\"Destinations\",\n      \"destinations\":\"Destinations\",\n      \"lieu\":\"Places & Addresses\",\n      \"lieux\":\"Places & Addresses\",\n      \"lieux-adresses\":\"Places & Addresses\",\n      \"lieux-et-adresses\":\"Places & Addresses\",\n      \"coulisses\":\"Behind the Scenes\",\n      \"coulisses-jnyou\":\"Behind the Scenes\",\n      \"coulisses-jn-you\":\"Behind the Scenes\"\n    };\n\n\n    for(\n      var i = 0;\n      i < list.length;\n      i++\n    ){\n\n      if(map[list[i]]){\n        return map[list[i]];\n      }\n\n    }\n\n\n    return name;\n\n  }\n\n\n\n  \/* =========================================================\n     NORMALIZE POST\n  ========================================================= *\/\n\n  function normalizePost(post){\n\n    var categories = [];\n\n    var tags = [];\n\n\n    try{\n\n      var termGroups =\n        post._embedded[\n          \"wp:term\"\n        ];\n\n\n      if(\n        termGroups &&\n        termGroups.length\n      ){\n\n        termGroups.forEach(\n          function(group){\n\n            if(\n              !Array.isArray(\n                group\n              )\n            ){\n\n              return;\n\n            }\n\n\n            group.forEach(\n              function(term){\n\n                if(\n                  term.taxonomy ===\n                  \"category\"\n                ){\n\n                  categories.push(term);\n\n                }\n\n\n                if(\n                  term.taxonomy ===\n                  \"post_tag\"\n                ){\n\n                  tags.push(term);\n\n                }\n\n              }\n            );\n\n          }\n        );\n\n      }\n\n    }\n    catch(error){}\n\n\n\n    \/* CAT\u00c9GORIES *\/\n\n    var usefulCategories =\n      categories.filter(\n        function(category){\n\n          return (\n            category.slug !==\n            \"uncategorized\"\n            &&\n            category.slug !==\n            \"non-classe\"\n          );\n\n        }\n      );\n\n\n    var category =\n      usefulCategories.length\n      ?\n      decodeHTML(\n        usefulCategories[0].name\n      )\n      :\n      \"Journal\";\n\n\n    var categorySlugs =\n      usefulCategories.map(\n        function(category){\n\n          return category.slug;\n\n        }\n      );\n\n\n    var categoryNames =\n      usefulCategories.map(\n        function(category){\n\n          return decodeHTML(\n            category.name\n          );\n\n        }\n      );\n\n\n    var tagNames =\n      tags.map(\n        function(tag){\n\n          return decodeHTML(\n            tag.name\n          );\n\n        }\n      );\n\n\n    category =\n      translatedCategoryName(\n        category,\n        categorySlugs\n      );\n\n\n\n    \/* IMAGE *\/\n\n    var image =\n      \"\";\n\n    var imageAlt =\n      \"\";\n\n\n    try{\n\n      var media =\n        post._embedded[\n          \"wp:featuredmedia\"\n        ][0];\n\n\n      if(media){\n\n        image =\n          media.source_url ||\n          \"\";\n\n\n        imageAlt =\n          media.alt_text ||\n          \"\";\n\n\n        if(\n          media.media_details &&\n          media.media_details.sizes\n        ){\n\n          var sizes =\n            media.media_details.sizes;\n\n\n          if(\n            sizes.full &&\n            sizes.full.source_url\n          ){\n\n            image =\n              sizes.full.source_url;\n\n          }\n          else if(\n            sizes.large &&\n            sizes.large.source_url\n          ){\n\n            image =\n              sizes.large.source_url;\n\n          }\n\n        }\n\n      }\n\n    }\n    catch(error){}\n\n\n\n    \/* CONTENT *\/\n\n    var title =\n      decodeHTML(\n        post.title &&\n        post.title.rendered\n        ?\n        post.title.rendered\n        :\n        \"\"\n      );\n\n\n    var rawExcerpt =\n      stripHTML(\n        post.excerpt &&\n        post.excerpt.rendered\n        ?\n        post.excerpt.rendered\n        :\n        \"\"\n      );\n\n\n    var contentText =\n      stripHTML(\n        post.content &&\n        post.content.rendered\n        ?\n        post.content.rendered\n        :\n        \"\"\n      );\n\n\n    var searchIndex =\n      normalizeSearchText(\n        [\n          title,\n          rawExcerpt,\n          contentText,\n          categoryNames.join(\" \"),\n          tagNames.join(\" \")\n        ]\n        .join(\" \")\n      );\n\n\n    return {\n\n      id:post.id,\n\n      link:localizedURL(post.link),\n\n      title:title,\n\n      excerpt:\n        truncate(\n          rawExcerpt,\n          195\n        ),\n\n      contentText:\n        contentText,\n\n      date:\n        formatDate(\n          post.date\n        ),\n\n      category:\n        category,\n\n      categorySlugs:\n        categorySlugs,\n\n      categoryNames:\n        categoryNames,\n\n      tags:\n        tagNames,\n\n      image:\n        image,\n\n      imageAlt:\n        imageAlt,\n\n      readTime:\n        calculateReadTime(\n          post.content &&\n          post.content.rendered\n          ?\n          post.content.rendered\n          :\n          \"\"\n        ),\n\n      searchIndex:\n        searchIndex\n\n    };\n\n  }\n\n\n\n  \/* =========================================================\n     VALID ARTICLE\n  ========================================================= *\/\n\n  function isUsefulPost(post){\n\n    return (\n      post.categorySlugs &&\n      post.categorySlugs.length > 0\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     CATEGORY FILTER\n  ========================================================= *\/\n\n  function matchesFilter(\n    post,\n    filter\n  ){\n\n    if(\n      filter ===\n      \"all\"\n    ){\n\n      return true;\n\n    }\n\n\n    var aliases =\n      FILTER_ALIASES[\n        filter\n      ] ||\n      [];\n\n\n    return post\n      .categorySlugs\n      .some(\n        function(slug){\n\n          return (\n            aliases.indexOf(\n              slug\n            )\n            !==\n            -1\n          );\n\n        }\n      );\n\n  }\n\n\n\n  \/* =========================================================\n     SEARCH\n  ========================================================= *\/\n\n  function matchesSearch(post){\n\n    var query =\n      normalizeSearchText(\n        searchQuery\n      );\n\n\n    if(!query){\n\n      return true;\n\n    }\n\n\n    var words =\n      query\n      .split(\/\\s+\/)\n      .filter(Boolean);\n\n\n    return words.every(\n      function(word){\n\n        return (\n          post.searchIndex\n          .indexOf(word)\n          !==\n          -1\n        );\n\n      }\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     CURRENT VIEW\n  ========================================================= *\/\n\n  function matchesCurrentView(post){\n\n    return (\n      matchesFilter(\n        post,\n        activeFilter\n      )\n      &&\n      matchesSearch(post)\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     IMAGE\n  ========================================================= *\/\n\n  function imageMarkup(\n    post,\n    featured\n  ){\n\n    if(post.image){\n\n      return (\n        '<img decoding=\"async\" src=\"' +\n\n          escapeHTML(\n            post.image\n          ) +\n\n          '\" alt=\"' +\n\n          escapeHTML(\n            post.imageAlt ||\n            post.title\n          ) +\n\n          '\"' +\n\n          (\n            featured\n            ?\n            ' loading=\"eager\" fetchpriority=\"high\"'\n            :\n            ' loading=\"lazy\"'\n          ) +\n\n        '>'\n      );\n\n    }\n\n\n    return (\n      '<div class=\"' +\n\n        (\n          featured\n          ?\n          'jny-journal-feature-placeholder'\n          :\n          'jny-journal-card-placeholder'\n        ) +\n\n      '\">' +\n\n        escapeHTML(\n          post.category\n        ) +\n\n      '<\/div>'\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     FEATURED\n  ========================================================= *\/\n\n  function renderFeatured(){\n\n    if(!posts.length){\n\n      featureSection.hidden =\n        true;\n\n      return;\n\n    }\n\n\n    var post =\n      posts[0];\n\n\n    var dateHTML =\n      post.date\n      ?\n      (\n        '<span class=\"jny-journal-meta-dot\"><\/span>' +\n\n        '<span>' +\n\n          escapeHTML(\n            post.date\n          ) +\n\n        '<\/span>'\n      )\n      :\n      \"\";\n\n\n    featuredContainer.innerHTML =\n\n      '<article class=\"jny-journal-feature-card\">' +\n\n        '<div class=\"jny-journal-feature-media\">' +\n\n          imageMarkup(\n            post,\n            true\n          ) +\n\n        '<\/div>' +\n\n        '<div class=\"jny-journal-feature-content\">' +\n\n          '<div class=\"jny-journal-meta\">' +\n\n            '<span>' +\n\n              escapeHTML(\n                post.category\n              ) +\n\n            '<\/span>' +\n\n            dateHTML +\n\n            '<span class=\"jny-journal-meta-dot\"><\/span>' +\n\n            '<span>' +\n\n              escapeHTML(\n                post.readTime\n              ) +\n\n            '<\/span>' +\n\n          '<\/div>' +\n\n          '<h2 class=\"jny-journal-feature-title\">' +\n\n            escapeHTML(\n              post.title\n            ) +\n\n          '<\/h2>' +\n\n          (\n            post.excerpt\n            ?\n            '<p class=\"jny-journal-feature-excerpt\">' +\n\n              escapeHTML(\n                post.excerpt\n              ) +\n\n            '<\/p>'\n            :\n            \"\"\n          ) +\n\n          '<a class=\"jny-journal-read\" href=\"' +\n\n            escapeHTML(\n              post.link\n            ) +\n\n          '\">' +\n\n            (\n              isEN\n              ?\n              'Read the article <span>\u2192<\/span>'\n              :\n              'Lire l\u2019article <span>\u2192<\/span>'\n            ) +\n\n          '<\/a>' +\n\n        '<\/div>' +\n\n      '<\/article>';\n\n\n    featureSection.hidden =\n      false;\n\n  }\n\n\n\n  \/* =========================================================\n     CARD\n     AUCUN NUM\u00c9RO 01 \/ 02 \/ 03\n  ========================================================= *\/\n\n  function createCard(post){\n\n    var article =\n      document.createElement(\n        \"article\"\n      );\n\n\n    article.className =\n      \"jny-journal-card\";\n\n\n    article.innerHTML =\n\n      '<a class=\"jny-journal-card-link\" href=\"' +\n\n        escapeHTML(\n          post.link\n        ) +\n\n      '\">' +\n\n        '<div class=\"jny-journal-card-media\">' +\n\n          imageMarkup(\n            post,\n            false\n          ) +\n\n        '<\/div>' +\n\n        '<div class=\"jny-journal-card-body\">' +\n\n          '<div class=\"jny-journal-card-meta\">' +\n\n            '<span>' +\n\n              escapeHTML(\n                post.category\n              ) +\n\n            '<\/span>' +\n\n            (\n              post.date\n              ?\n              '<span>\u2022<\/span><span>' +\n\n                escapeHTML(\n                  post.date\n                ) +\n\n              '<\/span>'\n              :\n              \"\"\n            ) +\n\n          '<\/div>' +\n\n          '<h3 class=\"jny-journal-card-title\">' +\n\n            escapeHTML(\n              post.title\n            ) +\n\n          '<\/h3>' +\n\n          (\n            post.excerpt\n            ?\n            '<p class=\"jny-journal-card-excerpt\">' +\n\n              escapeHTML(\n                post.excerpt\n              ) +\n\n            '<\/p>'\n            :\n            \"\"\n          ) +\n\n          '<span class=\"jny-journal-card-arrow\">\u2192<\/span>' +\n\n        '<\/div>' +\n\n      '<\/a>';\n\n\n    return article;\n\n  }\n\n\n\n  \/* =========================================================\n     GRID COUNT\n  ========================================================= *\/\n\n  function setGridCount(count){\n\n    if(\n      count <= 1\n    ){\n\n      grid.dataset.count =\n        \"1\";\n\n    }\n    else if(\n      count === 2\n    ){\n\n      grid.dataset.count =\n        \"2\";\n\n    }\n    else{\n\n      grid.dataset.count =\n        \"many\";\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n     REVEAL\n  ========================================================= *\/\n\n  function revealCards(){\n\n    var cards =\n      grid.querySelectorAll(\n        \".jny-journal-card\"\n      );\n\n\n    if(\n      !(\"IntersectionObserver\" in window)\n    ){\n\n      cards.forEach(\n        function(card){\n\n          card\n            .classList\n            .add(\n              \"is-visible\"\n            );\n\n        }\n      );\n\n\n      return;\n\n    }\n\n\n    var observer =\n      new IntersectionObserver(\n        function(entries){\n\n          entries.forEach(\n            function(entry){\n\n              if(\n                entry.isIntersecting\n              ){\n\n                entry.target\n                  .classList\n                  .add(\n                    \"is-visible\"\n                  );\n\n\n                observer\n                  .unobserve(\n                    entry.target\n                  );\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.07\n        }\n      );\n\n\n    cards.forEach(\n      function(card){\n\n        observer.observe(\n          card\n        );\n\n      }\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     SEARCH STATUS\n  ========================================================= *\/\n\n  function updateSearchStatus(count){\n\n    var cleanQuery =\n      searchQuery.trim();\n\n\n    if(!cleanQuery){\n\n      searchStatus\n        .classList\n        .remove(\n          \"is-visible\"\n        );\n\n\n      searchStatus.innerHTML =\n        \"\";\n\n\n      return;\n\n    }\n\n\n    searchStatus\n      .classList\n      .add(\n        \"is-visible\"\n      );\n\n\n    searchStatus.innerHTML =\n\n      '<strong>' +\n\n        count +\n\n        (\n          isEN\n          ?\n          (\n            count > 1\n            ?\n            ' results'\n            :\n            ' result'\n          )\n          :\n          (\n            count > 1\n            ?\n            ' r\u00e9sultats'\n            :\n            ' r\u00e9sultat'\n          )\n        ) +\n\n      '<\/strong>' +\n\n      (\n        isEN\n        ?\n        ' for \u201c'\n        :\n        ' pour \u00ab '\n      ) +\n\n      escapeHTML(\n        cleanQuery\n      ) +\n\n      (\n        isEN\n        ?\n        '\u201d'\n        :\n        ' \u00bb'\n      );\n\n  }\n\n\n\n  \/* =========================================================\n     LOAD MORE\n  ========================================================= *\/\n\n  function updateLoadMore(\n    visibleCount,\n    totalCount\n  ){\n\n    if(\n      totalCount >\n      visibleCount\n    ){\n\n      loadMoreWrap\n        .classList\n        .add(\n          \"is-visible\"\n        );\n\n    }\n    else{\n\n      loadMoreWrap\n        .classList\n        .remove(\n          \"is-visible\"\n        );\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n     RENDER GRID\n  ========================================================= *\/\n\n  function renderGrid(){\n\n    grid.innerHTML =\n      \"\";\n\n\n    var filtered =\n      posts.filter(\n        function(post){\n\n          return matchesCurrentView(\n            post\n          );\n\n        }\n      );\n\n\n    updateSearchStatus(\n      filtered.length\n    );\n\n\n    if(\n      !filtered.length\n    ){\n\n      setGridCount(0);\n\n\n      loadMoreWrap\n        .classList\n        .remove(\n          \"is-visible\"\n        );\n\n\n      var cleanQuery =\n        searchQuery.trim();\n\n\n      if(cleanQuery){\n\n        grid.innerHTML =\n\n          '<div class=\"jny-journal-empty\">' +\n\n            '<small>' +\n              (\n                isEN\n                ?\n                'Search'\n                :\n                'Recherche'\n              ) +\n            '<\/small>' +\n\n            '<strong>' +\n              (\n                isEN\n                ?\n                'No article found.'\n                :\n                'Aucun article trouv\u00e9.'\n              ) +\n            '<\/strong>' +\n\n            '<p>' +\n\n              (\n                isEN\n                ?\n                'No article matches \u201c'\n                :\n                'Aucun article ne correspond \u00e0 \u00ab '\n              ) +\n\n              escapeHTML(\n                cleanQuery\n              ) +\n\n              (\n                isEN\n                ?\n                '\u201d. Try another keyword or choose another category.'\n                :\n                ' \u00bb. Essayez un autre mot-cl\u00e9 ou s\u00e9lectionnez une autre rubrique.'\n              ) +\n\n            '<\/p>' +\n\n          '<\/div>';\n\n      }\n      else{\n\n        var activeButton =\n          filters.querySelector(\n            '.jny-journal-filter[data-filter=\"' +\n            activeFilter +\n            '\"]'\n          );\n\n\n        var label =\n          activeButton\n          ?\n          activeButton.textContent.trim()\n          :\n          \"Cette rubrique\";\n\n\n        grid.innerHTML =\n\n          '<div class=\"jny-journal-empty\">' +\n\n            '<small>' +\n\n              escapeHTML(\n                label\n              ) +\n\n            '<\/small>' +\n\n            '<strong>' +\n\n              (\n                isEN\n                ?\n                'The first stories are coming soon.'\n                :\n                'Les premi\u00e8res histoires arrivent bient\u00f4t.'\n              ) +\n\n            '<\/strong>' +\n\n            '<p>' +\n\n              (\n                isEN\n                ?\n                'This category is still being prepared. Select \u201cAll\u201d to see the articles already published.'\n                :\n                'Cette rubrique est encore en pr\u00e9paration. S\u00e9lectionnez \u00ab Tout \u00bb pour retrouver les articles d\u00e9j\u00e0 publi\u00e9s.'\n              ) +\n\n            '<\/p>' +\n\n          '<\/div>';\n\n      }\n\n\n      return;\n\n    }\n\n\n\n    \/* ARTICLES VISIBLES *\/\n\n    var visiblePosts =\n      filtered.slice(\n        0,\n        visibleLimit\n      );\n\n\n    setGridCount(\n      visiblePosts.length\n    );\n\n\n    visiblePosts.forEach(\n      function(post){\n\n        grid.appendChild(\n          createCard(\n            post\n          )\n        );\n\n      }\n    );\n\n\n    updateLoadMore(\n      visiblePosts.length,\n      filtered.length\n    );\n\n\n    revealCards();\n\n  }\n\n\n\n  \/* =========================================================\n     FILTER CLICK\n  ========================================================= *\/\n\n  filters.addEventListener(\n    \"click\",\n    function(event){\n\n      var button =\n        event.target.closest(\n          \".jny-journal-filter\"\n        );\n\n\n      if(!button){\n\n        return;\n\n      }\n\n\n      activeFilter =\n        button.dataset.filter ||\n        \"all\";\n\n\n      filters\n        .querySelectorAll(\n          \".jny-journal-filter\"\n        )\n        .forEach(\n          function(item){\n\n            item.classList.toggle(\n              \"is-active\",\n              item === button\n            );\n\n          }\n        );\n\n\n      resetVisibleLimit();\n\n\n      renderGrid();\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     SEARCH INPUT\n  ========================================================= *\/\n\n  searchInput.addEventListener(\n    \"input\",\n    function(){\n\n      searchQuery =\n        searchInput.value ||\n        \"\";\n\n\n      searchClear\n        .classList\n        .toggle(\n          \"is-visible\",\n          searchQuery.trim().length > 0\n        );\n\n\n      resetVisibleLimit();\n\n\n      renderGrid();\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     CLEAR SEARCH\n  ========================================================= *\/\n\n  searchClear.addEventListener(\n    \"click\",\n    function(){\n\n      searchInput.value =\n        \"\";\n\n\n      searchQuery =\n        \"\";\n\n\n      searchClear\n        .classList\n        .remove(\n          \"is-visible\"\n        );\n\n\n      resetVisibleLimit();\n\n\n      renderGrid();\n\n\n      searchInput.focus();\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     ESCAPE = CLEAR\n  ========================================================= *\/\n\n  searchInput.addEventListener(\n    \"keydown\",\n    function(event){\n\n      if(\n        event.key ===\n        \"Escape\"\n        &&\n        searchInput.value\n      ){\n\n        searchInput.value =\n          \"\";\n\n\n        searchQuery =\n          \"\";\n\n\n        searchClear\n          .classList\n          .remove(\n            \"is-visible\"\n          );\n\n\n        resetVisibleLimit();\n\n\n        renderGrid();\n\n      }\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     LOAD MORE CLICK\n  ========================================================= *\/\n\n  loadMoreButton.addEventListener(\n    \"click\",\n    function(){\n\n      visibleLimit +=\n        getPageSize();\n\n\n      renderGrid();\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     RESPONSIVE RESIZE\n  ========================================================= *\/\n\n  var resizeTimer =\n    null;\n\n\n  window.addEventListener(\n    \"resize\",\n    function(){\n\n      clearTimeout(\n        resizeTimer\n      );\n\n\n      resizeTimer =\n        setTimeout(\n          function(){\n\n            if(\n              visibleLimit <\n              getPageSize()\n            ){\n\n              visibleLimit =\n                getPageSize();\n\n            }\n\n\n            renderGrid();\n\n          },\n          180\n        );\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     LOAD WORDPRESS POSTS\n  ========================================================= *\/\n\n  function loadPosts(){\n\n    var url =\n      API +\n\n      \"?_embed=1\" +\n\n      \"&status=publish\" +\n\n      \"&per_page=100\" +\n\n      \"&orderby=date\" +\n\n      \"&order=desc\" +\n\n      \"&_=\" +\n\n      Date.now();\n\n\n    fetch(\n      url,\n      {\n        credentials:\"same-origin\",\n        cache:\"no-store\"\n      }\n    )\n\n\n    .then(\n      function(response){\n\n        if(\n          !response.ok\n        ){\n\n          throw new Error(\n            \"WordPress REST indisponible\"\n          );\n\n        }\n\n\n        return response.json();\n\n      }\n    )\n\n\n    .then(\n      function(data){\n\n        if(\n          !Array.isArray(\n            data\n          )\n        ){\n\n          data =\n            [];\n\n        }\n\n\n        posts =\n          data\n          .map(\n            normalizePost\n          )\n          .filter(\n            isUsefulPost\n          );\n\n\n        renderFeatured();\n\n\n        resetVisibleLimit();\n\n\n        renderGrid();\n\n      }\n    )\n\n\n    .catch(\n      function(error){\n\n        console.warn(\n          \"JN.YOU Journal :\",\n          error\n        );\n\n\n        posts =\n          [];\n\n\n        featureSection.hidden =\n          true;\n\n\n        loadMoreWrap\n          .classList\n          .remove(\n            \"is-visible\"\n          );\n\n\n        renderGrid();\n\n      }\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     HERO SCROLL\n  ========================================================= *\/\n\n  var scrollLink =\n    root.querySelector(\n      \".jny-journal-scroll\"\n    );\n\n\n  if(scrollLink){\n\n    scrollLink.addEventListener(\n      \"click\",\n      function(event){\n\n        event.preventDefault();\n\n\n        var target =\n          root.querySelector(\n            \"#jny-journal-content\"\n          );\n\n\n        if(!target){\n\n          return;\n\n        }\n\n\n        var offset =\n          window.innerWidth <= 620\n          ?\n          70\n          :\n          95;\n\n\n        var y =\n          target\n          .getBoundingClientRect()\n          .top\n          +\n          window.scrollY\n          -\n          offset;\n\n\n        window.scrollTo({\n          top:y,\n          behavior:\"smooth\"\n        });\n\n      }\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     START\n  ========================================================= *\/\n\n  applyEnglishUI();\n\n  loadPosts();\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>Le Journal JN.YOU Des id\u00e9es, des lieux, des histoires \u00e0 imaginer. Inspirations, conseils, destinations, belles adresses et coulisses. Un journal pens\u00e9 comme un carnet ouvert, pour vous aider \u00e0 imaginer des c\u00e9l\u00e9brations qui vous ressemblent vraiment. Notre regard \u00ab Derri\u00e8re chaque belle c\u00e9l\u00e9bration, il y a d\u2019abord une histoire \u00e0 comprendre. \u00bb D\u00e9couvrir \u2193 \u00c0 [&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-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/55","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=55"}],"version-history":[{"count":31,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":2343,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/55\/revisions\/2343"}],"wp:attachment":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}