{"id":32,"date":"2026-08-05T16:05:06","date_gmt":"2026-08-05T16:05:06","guid":{"rendered":"https:\/\/www.jnyouevents.com\/?page_id=32"},"modified":"2026-09-10T15:28:27","modified_gmt":"2026-09-10T15:28:27","slug":"accueil","status":"publish","type":"page","link":"https:\/\/www.jnyouevents.com\/en\/","title":{"rendered":"Welcome"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-379532c e-con-full e-flex e-con e-parent\" data-id=\"379532c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5950a06 elementor-widget elementor-widget-html\" data-id=\"5950a06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU \u2014 HERO CIN\u00c9MATIQUE FULL BLEED V19\n     FL\u00c8CHES 100% SVG \u2014 AUCUN EMOJI MOBILE\n     Pleine largeur \u2022 Plein \u00e9cran \u2022 Responsive\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;1,500&family=Montserrat:wght@400;500;600&display=swap');\n\n\/* =========================================================\n   BREAKOUT ELEMENTOR \u2014 VRAIE PLEINE LARGEUR\n========================================================= *\/\n\n.jny-hero-v19 {\n    --jny-primary: #4E262F;\n    --jny-wine: #4E262F;\n    --jny-text: #4F444C;\n    --jny-accent: #778A77;\n\n    --jny-porcelain: #F2EFEA;\n    --jny-porcelain-light: #FBF9F6;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw !important;\n    max-width: 100vw !important;\n\n    min-height: calc(100svh - 1px);\n\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n\n    margin-bottom: -14px !important;\n    padding-bottom: 14px;\n\n    overflow: hidden;\n\n    color: var(--jny-porcelain-light);\n    background: #4E262F;\n\n    font-family: \"Montserrat\", sans-serif;\n\n    isolation: isolate;\n}\n\n.jny-hero-v19,\n.jny-hero-v19 * {\n    box-sizing: border-box;\n}\n\n.elementor-widget-html:has(.jny-hero-v19),\n.elementor-widget-html:has(.jny-hero-v19) > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n\n    overflow: visible !important;\n}\n\n.e-con:has(> .elementor-widget-html .jny-hero-v19),\n.elementor-section:has(.elementor-widget-html .jny-hero-v19) > .elementor-container {\n    row-gap: 0 !important;\n}\n\n.jny-hero-v19 a {\n    -webkit-tap-highlight-color: transparent;\n}\n\n.jny-hero-v19 a:focus-visible {\n    outline: 2px solid var(--jny-porcelain-light);\n    outline-offset: 5px;\n}\n\n\n\/* =========================================================\n   IMAGE HERO\n========================================================= *\/\n\n.jny-hero-v19-media {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n}\n\n.jny-hero-v19-media img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n    object-position: center center;\n\n    transform: scale(1.004);\n\n    animation: jnyHeroV19Zoom 15s ease-in-out infinite alternate;\n}\n\n@keyframes jnyHeroV19Zoom {\n    from {\n        transform: scale(1.004);\n    }\n\n    to {\n        transform: scale(1.020);\n    }\n}\n\n\n\/* =========================================================\n   OVERLAYS\n========================================================= *\/\n\n.jny-hero-v19-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(52, 35, 43, 0.58) 0%,\n            rgba(67, 52, 61, 0.42) 30%,\n            rgba(67, 52, 61, 0.15) 58%,\n            rgba(67, 52, 61, 0.04) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(22, 18, 20, 0.04) 0%,\n            rgba(22, 18, 20, 0.01) 52%,\n            rgba(22, 18, 20, 0.22) 100%\n        );\n}\n\n.jny-hero-v19-bottom-shade {\n    position: absolute;\n    z-index: 1;\n\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 34%;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent,\n            rgba(52, 35, 43, 0.18)\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   CONTENU\n========================================================= *\/\n\n.jny-hero-v19-inner {\n    position: relative;\n    z-index: 3;\n\n    width: 100%;\n    min-height: calc(100svh - 1px);\n\n    padding:\n        clamp(38px, 5vh, 66px)\n        clamp(22px, 6vw, 110px)\n        clamp(118px, 13vh, 168px);\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        auto;\n\n    grid-template-rows:\n        1fr\n        auto;\n\n    align-items: center;\n\n    gap: 36px;\n}\n\n\n\/* =========================================================\n   TEXTE HERO\n========================================================= *\/\n\n.jny-hero-v19-copy {\n    align-self: center;\n\n    width: min(100%, 1020px);\n\n    padding-top: 0;\n\n    transform: translateY(-28px);\n}\n\n\n\/* =========================================================\n   KICKER\n========================================================= *\/\n\n.jny-hero-v19-kicker {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    margin-bottom: clamp(22px, 2.6vw, 38px);\n\n    color: rgba(251, 249, 246, 0.86);\n\n    font-size: 9px;\n    font-weight: 600;\n    line-height: 1.4;\n\n    letter-spacing: 0.21em;\n\n    text-transform: uppercase;\n}\n\n.jny-hero-v19-kicker::before {\n    content: \"\";\n\n    width: 42px;\n    height: 1px;\n\n    background: rgba(251, 249, 246, 0.72);\n}\n\n\n\/* =========================================================\n   TITRE\n========================================================= *\/\n\n.jny-hero-v19-title {\n    max-width: 100%;\n\n    margin: 0;\n\n    color: var(--jny-porcelain-light);\n\n    font-family: \"Cormorant Garamond\", serif;\n\n    font-size: clamp(66px, 7.1vw, 118px);\n\n    font-weight: 500;\n\n    line-height: 0.88;\n\n    letter-spacing: -0.058em;\n\n    text-wrap: balance;\n}\n\n.jny-hero-v19-title span,\n.jny-hero-v19-title em {\n    display: block;\n\n    white-space: nowrap;\n}\n\n.jny-hero-v19-title em {\n    margin-top: 0.06em;\n\n    color: rgba(251, 249, 246, 0.82);\n\n    font-weight: 400;\n\n    font-style: italic;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.jny-hero-v19-description {\n    width: min(100%, 650px);\n\n    margin:\n        clamp(23px, 2.5vw, 36px)\n        0\n        0;\n\n    color: rgba(251, 249, 246, 0.88);\n\n    font-size: clamp(15px, 1.08vw, 18px);\n\n    font-weight: 400;\n\n    line-height: 1.82;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.jny-hero-v19-actions {\n    display: flex;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 18px 30px;\n\n    margin-top: clamp(26px, 3vw, 42px);\n}\n\n\n\/* =========================================================\n   CTA PRINCIPAL\n========================================================= *\/\n\n.jny-hero-v19-primary {\n    min-height: 67px;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 14px;\n\n    padding: 21px 36px;\n\n    border: 1px solid #4E262F;\n\n    border-radius: 999px;\n\n    color: var(--jny-porcelain-light);\n\n    background: #4E262F;\n\n    text-decoration: none;\n\n    white-space: nowrap;\n\n    font-size: 10.8px;\n\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: 0.15em;\n\n    text-transform: uppercase;\n\n    box-shadow:\n        0 20px 48px rgba(20, 5, 16, 0.22);\n\n    transition:\n        color 0.30s ease,\n        background-color 0.30s ease,\n        border-color 0.30s ease,\n        transform 0.30s ease,\n        box-shadow 0.30s ease;\n}\n\n.jny-hero-v19-primary:hover,\n.jny-hero-v19-primary:focus-visible {\n    color: #4E262F;\n\n    background: var(--jny-porcelain-light);\n\n    border-color: rgba(251, 249, 246, 0.90);\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 26px 56px rgba(20, 5, 16, 0.25);\n}\n\n\n\/* =========================================================\n   IC\u00d4NE SVG DU CTA PRINCIPAL\n========================================================= *\/\n\n.jny-hero-v19-primary svg {\n    width: 16px;\n    height: 16px;\n\n    flex: 0 0 auto;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.7;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n\n    transition:\n        transform 0.30s ease;\n}\n\n.jny-hero-v19-primary:hover svg,\n.jny-hero-v19-primary:focus-visible svg {\n    transform: translate(3px, -3px);\n}\n\n\n\/* =========================================================\n   CTA SECONDAIRE\n========================================================= *\/\n\n.jny-hero-v19-secondary {\n    position: relative;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    padding: 14px 0;\n\n    color: var(--jny-porcelain-light);\n\n    background: transparent;\n\n    border: 0;\n\n    box-shadow: none;\n\n    text-decoration: none;\n\n    font-size: 10.6px;\n\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: 0.15em;\n\n    text-transform: uppercase;\n\n    transition:\n        color 0.28s ease,\n        opacity 0.28s ease;\n}\n\n\n\/* soulignement *\/\n\n.jny-hero-v19-secondary::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    bottom: 7px;\n\n    width: 100%;\n    height: 1px;\n\n    background:\n        rgba(251, 249, 246, 0.82);\n\n    transform: scaleX(0.42);\n\n    transform-origin: left center;\n\n    transition:\n        transform 0.30s ease;\n}\n\n\n\/* =========================================================\n   SVG DU CTA SECONDAIRE\n   AUCUN CARACT\u00c8RE EMOJI\n========================================================= *\/\n\n.jny-hero-v19-secondary svg {\n    width: 14px;\n    height: 14px;\n\n    flex: 0 0 auto;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.6;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n\n    transition:\n        transform 0.30s ease;\n}\n\n.jny-hero-v19-secondary:hover,\n.jny-hero-v19-secondary:focus-visible {\n    color: var(--jny-porcelain-light);\n\n    opacity: 0.84;\n}\n\n.jny-hero-v19-secondary:hover::after,\n.jny-hero-v19-secondary:focus-visible::after {\n    transform: scaleX(1);\n}\n\n.jny-hero-v19-secondary:hover svg,\n.jny-hero-v19-secondary:focus-visible svg {\n    transform: translate(2px, -2px);\n}\n\n\n\/* =========================================================\n   SIGNATURE DROITE\n========================================================= *\/\n\n.jny-hero-v19-signature {\n    align-self: end;\n    justify-self: end;\n\n    margin-bottom:\n        clamp(156px, 18vh, 228px);\n\n    transform:\n        translateY(-18px);\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: flex-end;\n\n    gap: 10px;\n\n    text-align: right;\n}\n\n.jny-hero-v19-signature-mark {\n    color:\n        rgba(251, 249, 246, 0.92);\n\n    font-family:\n        \"Cormorant Garamond\",\n        serif;\n\n    font-size:\n        clamp(62px, 6vw, 96px);\n\n    font-weight: 400;\n\n    font-style: italic;\n\n    line-height: 0.8;\n}\n\n.jny-hero-v19-signature-text {\n    max-width: 250px;\n\n    color:\n        rgba(251, 249, 246, 0.72);\n\n    font-size: 7px;\n\n    font-weight: 600;\n\n    line-height: 1.55;\n\n    letter-spacing: 0.18em;\n\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   BANDE INF\u00c9RIEURE\n========================================================= *\/\n\n.jny-hero-v19-footer {\n    grid-column:\n        1 \/ -1;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    gap: 0;\n\n    margin-top: 0;\n\n    transform:\n        translateY(-30px);\n\n    border:\n        1px solid rgba(251, 249, 246, 0.18);\n\n    border-radius: 24px;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(251, 249, 246, 0.10),\n            rgba(251, 249, 246, 0.06)\n        );\n\n    box-shadow:\n        0 24px 60px rgba(20, 5, 16, 0.18);\n\n    backdrop-filter:\n        blur(12px);\n\n    -webkit-backdrop-filter:\n        blur(12px);\n\n    overflow: hidden;\n}\n\n.jny-hero-v19-footer-item {\n    position: relative;\n\n    min-height: 94px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    gap: 10px;\n\n    padding:\n        21px\n        clamp(18px, 2.2vw, 32px);\n\n    background: transparent;\n}\n\n.jny-hero-v19-footer-item:not(:last-child) {\n    border-right:\n        1px solid rgba(251, 249, 246, 0.14);\n}\n\n.jny-hero-v19-footer-item::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 18px;\n\n    left:\n        clamp(18px, 2.2vw, 32px);\n\n    width: 20px;\n\n    height: 1px;\n\n    background:\n        rgba(251, 249, 246, 0.54);\n}\n\n.jny-hero-v19-footer-label {\n    color:\n        rgba(251, 249, 246, 0.64);\n\n    font-size: 6.8px;\n\n    font-weight: 600;\n\n    line-height: 1.4;\n\n    letter-spacing: 0.19em;\n\n    text-transform: uppercase;\n}\n\n.jny-hero-v19-footer-value {\n    color:\n        var(--jny-porcelain-light);\n\n    font-family:\n        \"Cormorant Garamond\",\n        serif;\n\n    font-size:\n        clamp(22px, 1.65vw, 29px);\n\n    font-weight: 500;\n\n    line-height: 1.08;\n\n    letter-spacing: -0.01em;\n}\n\n\n\/* =========================================================\n   ANIMATIONS ENTR\u00c9E\n========================================================= *\/\n\n.jny-hero-v19:not(.is-ready)\n.jny-hero-v19-reveal {\n    opacity: 0;\n\n    transform:\n        translateY(24px);\n}\n\n.jny-hero-v19.is-ready\n.jny-hero-v19-reveal {\n    opacity: 1;\n\n    transform:\n        translateY(0);\n\n    transition:\n        opacity 0.90s ease,\n        transform 0.90s cubic-bezier(\n            0.2,\n            0.7,\n            0.2,\n            1\n        );\n}\n\n.jny-hero-v19.is-ready\n.jny-hero-v19-reveal:nth-child(2) {\n    transition-delay: 0.08s;\n}\n\n.jny-hero-v19.is-ready\n.jny-hero-v19-reveal:nth-child(3) {\n    transition-delay: 0.16s;\n}\n\n.jny-hero-v19.is-ready\n.jny-hero-v19-reveal:nth-child(4) {\n    transition-delay: 0.24s;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1080px) {\n\n    .jny-hero-v19 {\n        min-height:\n            calc(100svh - 1px);\n    }\n\n    .jny-hero-v19-overlay {\n        background:\n            linear-gradient(\n                90deg,\n                rgba(52, 35, 43, 0.54) 0%,\n                rgba(67, 52, 61, 0.37) 46%,\n                rgba(67, 52, 61, 0.12) 100%\n            ),\n            linear-gradient(\n                180deg,\n                rgba(22, 18, 20, 0.03),\n                rgba(22, 18, 20, 0.23)\n            );\n    }\n\n    .jny-hero-v19-inner {\n        min-height:\n            calc(100svh - 1px);\n\n        grid-template-columns: 1fr;\n\n        grid-template-rows:\n            1fr\n            auto;\n\n        padding:\n            42px\n            clamp(26px, 5vw, 54px)\n            104px;\n    }\n\n    .jny-hero-v19-copy {\n        transform:\n            translateY(-14px);\n    }\n\n    .jny-hero-v19-title {\n        max-width: 100%;\n\n        font-size:\n            clamp(58px, 8.1vw, 92px);\n    }\n\n    .jny-hero-v19-signature {\n        display: none;\n    }\n\n    .jny-hero-v19-footer {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n\n    .jny-hero-v19-footer-item:nth-child(2) {\n        border-right: 0;\n    }\n\n    .jny-hero-v19-footer-item:nth-child(-n + 2) {\n        border-bottom:\n            1px solid rgba(251, 249, 246, 0.14);\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n    .jny-hero-v19 {\n        min-height: auto;\n\n        margin-bottom:\n            -8px !important;\n\n        padding-bottom: 8px;\n    }\n\n    .jny-hero-v19-media img {\n        object-position:\n            58% center;\n    }\n\n    .jny-hero-v19-overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(52, 35, 43, 0.29) 0%,\n                rgba(52, 35, 43, 0.39) 33%,\n                rgba(52, 35, 43, 0.56) 100%\n            );\n    }\n\n    .jny-hero-v19-inner {\n        min-height:\n            calc(100svh - 1px);\n\n        padding:\n            34px\n            18px\n            70px;\n    }\n\n    .jny-hero-v19-copy {\n        align-self: center;\n\n        padding-top: 0;\n\n        transform:\n            translateY(-5px);\n    }\n\n    .jny-hero-v19-kicker {\n        margin-bottom: 19px;\n\n        font-size: 7.2px;\n\n        letter-spacing: 0.15em;\n    }\n\n    .jny-hero-v19-kicker::before {\n        width: 26px;\n    }\n\n    .jny-hero-v19-title {\n        font-size:\n            clamp(31px, 8.9vw, 46px);\n\n        line-height: 0.95;\n\n        letter-spacing: -0.038em;\n    }\n\n    .jny-hero-v19-description {\n        margin-top: 23px;\n\n        font-size: 14px;\n\n        line-height: 1.72;\n    }\n\n    .jny-hero-v19-actions {\n        align-items: stretch;\n\n        flex-direction: column;\n\n        gap: 14px;\n\n        margin-top: 29px;\n    }\n\n    .jny-hero-v19-primary {\n        width: 100%;\n\n        min-height: 60px;\n\n        padding:\n            18px 22px;\n\n        font-size: 9.4px;\n    }\n\n    .jny-hero-v19-primary svg {\n        width: 15px;\n        height: 15px;\n    }\n\n    .jny-hero-v19-secondary {\n        align-self: flex-start;\n\n        width: auto;\n\n        min-height: 0;\n\n        padding: 12px 0;\n\n        font-size: 9.2px;\n    }\n\n    .jny-hero-v19-secondary svg {\n        width: 13px;\n        height: 13px;\n    }\n\n    .jny-hero-v19-footer {\n        grid-template-columns:\n            1fr 1fr;\n\n        margin-top: 26px;\n\n        border-radius: 18px;\n\n        transform:\n            translateY(-10px);\n    }\n\n    .jny-hero-v19-footer-item {\n        min-height: 88px;\n\n        gap: 8px;\n\n        padding:\n            20px 14px 16px;\n    }\n\n    .jny-hero-v19-footer-item::before {\n        top: 16px;\n\n        left: 14px;\n\n        width: 16px;\n    }\n\n    .jny-hero-v19-footer-label {\n        font-size: 5.9px;\n\n        letter-spacing: 0.13em;\n    }\n\n    .jny-hero-v19-footer-value {\n        font-size: 21px;\n\n        line-height: 1.1;\n    }\n}\n\n\n\/* =========================================================\n   TR\u00c8S PETIT MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n    .jny-hero-v19-title {\n        font-size:\n            clamp(28px, 8.6vw, 40px);\n    }\n\n    .jny-hero-v19-description {\n        font-size: 13.5px;\n    }\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .jny-hero-v19 *,\n    .jny-hero-v19 *::before,\n    .jny-hero-v19 *::after {\n        animation:\n            none !important;\n\n        transition:\n            none !important;\n\n        scroll-behavior:\n            auto !important;\n    }\n\n    .jny-hero-v19:not(.is-ready)\n    .jny-hero-v19-reveal {\n        opacity: 1;\n\n        transform: none;\n    }\n}\n\n\n\/* =========================================================\n   CTA PRINCIPAL \u2014 ROUGE EXACT HEADER\n========================================================= *\/\n\nhtml body\n.jny-hero-v19\n.jny-hero-v19-primary,\n\nhtml body\n.jny-hero-v19\n.jny-hero-v19-primary:link,\n\nhtml body\n.jny-hero-v19\n.jny-hero-v19-primary:visited {\n\n    background:\n        #4E262F !important;\n\n    background-color:\n        #4E262F !important;\n\n    background-image:\n        none !important;\n\n    border-color:\n        #4E262F !important;\n\n    color:\n        #FBF9F6 !important;\n}\n\nhtml body\n.jny-hero-v19\n.jny-hero-v19-primary:hover,\n\nhtml body\n.jny-hero-v19\n.jny-hero-v19-primary:focus,\n\nhtml body\n.jny-hero-v19\n.jny-hero-v19-primary:focus-visible,\n\nhtml body\n.jny-hero-v19\n.jny-hero-v19-primary:active {\n\n    background:\n        #FBF9F6 !important;\n\n    background-color:\n        #FBF9F6 !important;\n\n    border-color:\n        #FBF9F6 !important;\n\n    color:\n        #4E262F !important;\n}\n\n\n\/* =========================================================\n   CTA SECONDAIRE \u2014 TOUJOURS TRANSPARENT\n========================================================= *\/\n\nhtml body\n.jny-hero-v19\n.jny-hero-v19-secondary,\n\nhtml body\n.jny-hero-v19\n.jny-hero-v19-secondary:link,\n\nhtml body\n.jny-hero-v19\n.jny-hero-v19-secondary:visited {\n\n    background:\n        transparent !important;\n\n    border:\n        0 !important;\n\n    box-shadow:\n        none !important;\n\n    color:\n        #FBF9F6 !important;\n}\n\n\n\n\/* =========================================================\n   V20 \u2014 COMPOSITION CENTR\u00c9E\n   Titre + texte + CTA centr\u00e9s sans d\u00e9placer la signature\n========================================================= *\/\n\n.jny-hero-v19-copy {\n    grid-column: 1 \/ -1;\n    grid-row: 1;\n\n    justify-self: center;\n    align-self: center;\n\n    width: min(100%, 1080px);\n\n    text-align: center;\n\n    transform: translateY(-28px);\n}\n\n.jny-hero-v19-kicker {\n    display: none !important;\n}\n\n.jny-hero-v19-title {\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n}\n\n.jny-hero-v19-description {\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n}\n\n.jny-hero-v19-actions {\n    justify-content: center;\n}\n\n.jny-hero-v19-signature {\n    grid-column: 2;\n    grid-row: 1;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* TABLETTE *\/\n@media (max-width: 1080px) {\n\n    .jny-hero-v19-copy {\n        grid-column: 1;\n        grid-row: 1;\n\n        width: min(100%, 900px);\n\n        justify-self: center;\n\n        text-align: center;\n\n        transform: translateY(-14px);\n    }\n\n    .jny-hero-v19-description {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .jny-hero-v19-actions {\n        justify-content: center;\n    }\n}\n\n\n\/* MOBILE *\/\n@media (max-width: 650px) {\n\n    .jny-hero-v19-copy {\n        width: 100%;\n\n        text-align: center;\n\n        transform: translateY(-5px);\n    }\n\n    .jny-hero-v19-kicker {\n        width: 100%;\n\n        justify-content: center;\n    }\n\n    .jny-hero-v19-description {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .jny-hero-v19-actions {\n        align-items: center;\n    }\n\n    .jny-hero-v19-primary {\n        width: min(100%, 390px);\n    }\n\n    .jny-hero-v19-secondary {\n        align-self: center;\n    }\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     HERO\n========================================================= -->\n\n<section\n    class=\"jny-hero-v19\"\n    aria-labelledby=\"jny-hero-v19-title\"\n>\n\n    <!-- IMAGE -->\n\n    <div\n        class=\"jny-hero-v19-media\"\n        aria-hidden=\"true\"\n    >\n\n        <img\n            src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/shooting-couple-wedding-3.png\"\n            alt=\"\"\n            loading=\"eager\"\n            fetchpriority=\"high\"\n            decoding=\"async\"\n        >\n\n        <div\n            class=\"jny-hero-v19-overlay\"\n        ><\/div>\n\n        <div\n            class=\"jny-hero-v19-bottom-shade\"\n        ><\/div>\n\n    <\/div>\n\n\n    <!-- CONTENU -->\n\n    <div\n        class=\"jny-hero-v19-inner\"\n    >\n\n\n        <!-- TEXTE -->\n\n        <div\n            class=\"jny-hero-v19-copy\"\n        >\n\n            <span\n                class=\"jny-hero-v19-kicker jny-hero-v19-reveal\"\n            >\n                Annecy \u00b7 France \u00b7 Destinations\n            <\/span>\n\n\n            <h1\n                class=\"jny-hero-v19-title jny-hero-v19-reveal\"\n                id=\"jny-hero-v19-title\"\n            >\n\n                <span>\n                    Votre histoire c\u00e9l\u00e9br\u00e9e,\n                <\/span>\n\n                <em>\n                    \u00e0 votre fa\u00e7on.\n                <\/em>\n\n            <\/h1>\n\n\n            <p\n                class=\"jny-hero-v19-description jny-hero-v19-reveal\"\n            >\n                Bas\u00e9s \u00e0 Annecy, nous imaginons et orchestrons\n                des mariages et \u00e9v\u00e9nements sur mesure partout en France,\n                ainsi que dans les destinations qui vous inspirent.\n            <\/p>\n\n\n            <!-- CTA -->\n\n            <div\n                class=\"jny-hero-v19-actions jny-hero-v19-reveal\"\n            >\n\n\n                <!-- CTA PRINCIPAL -->\n\n                <a\n                    class=\"jny-hero-v19-primary\"\n                    href=\"\/contact\/\"\n                >\n\n                    <span>\n                        Parlons de votre projet\n                    <\/span>\n\n\n                    <!--\n                        Fl\u00e8che vectorielle SVG.\n                        Aucun caract\u00e8re Unicode \/ emoji.\n                    -->\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        aria-hidden=\"true\"\n                        focusable=\"false\"\n                    >\n\n                        <path\n                            d=\"M7 17L17 7\"\n                        ><\/path>\n\n                        <path\n                            d=\"M8 7h9v9\"\n                        ><\/path>\n\n                    <\/svg>\n\n                <\/a>\n\n\n                <!-- CTA SECONDAIRE -->\n\n                <a\n                    class=\"jny-hero-v19-secondary\"\n                    href=\"\/realisations\/\"\n                >\n\n                    <span>\n                        D\u00e9couvrir notre univers\n                    <\/span>\n\n\n                    <!--\n                        Fl\u00e8che vectorielle SVG.\n                        Pas de symbole \u2197 dans le texte.\n                    -->\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        aria-hidden=\"true\"\n                        focusable=\"false\"\n                    >\n\n                        <path\n                            d=\"M7 17L17 7\"\n                        ><\/path>\n\n                        <path\n                            d=\"M8 7h9v9\"\n                        ><\/path>\n\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- SIGNATURE -->\n\n        <div\n            class=\"jny-hero-v19-signature\"\n            aria-hidden=\"true\"\n        >\n\n            <span\n                class=\"jny-hero-v19-signature-mark\"\n            >\n                JN\n            <\/span>\n\n            <span\n                class=\"jny-hero-v19-signature-text\"\n            >\n                Une c\u00e9l\u00e9bration qui ne ressemble qu\u2019\u00e0 vous\n            <\/span>\n\n        <\/div>\n\n\n        <!-- =================================================\n             BANDE INF\u00c9RIEURE\n        ================================================== -->\n\n        <div\n            class=\"jny-hero-v19-footer\"\n            aria-label=\"Univers JN.YOU\"\n        >\n\n\n            <div\n                class=\"jny-hero-v19-footer-item\"\n            >\n\n                <span\n                    class=\"jny-hero-v19-footer-label\"\n                >\n                    Exp\u00e9rience\n                <\/span>\n\n                <span\n                    class=\"jny-hero-v19-footer-value\"\n                >\n                    Sur mesure\n                <\/span>\n\n            <\/div>\n\n\n            <div\n                class=\"jny-hero-v19-footer-item\"\n            >\n\n                <span\n                    class=\"jny-hero-v19-footer-label\"\n                >\n                    Direction\n                <\/span>\n\n                <span\n                    class=\"jny-hero-v19-footer-value\"\n                >\n                    \u00c9l\u00e9gante & sensible\n                <\/span>\n\n            <\/div>\n\n\n            <div\n                class=\"jny-hero-v19-footer-item\"\n            >\n\n                <span\n                    class=\"jny-hero-v19-footer-label\"\n                >\n                    Destinations\n                <\/span>\n\n                <span\n                    class=\"jny-hero-v19-footer-value\"\n                >\n                    Annecy \u00b7 France \u00b7 Destinations\n                <\/span>\n\n            <\/div>\n\n\n            <div\n                class=\"jny-hero-v19-footer-item\"\n            >\n\n                <span\n                    class=\"jny-hero-v19-footer-label\"\n                >\n                    Signature\n                <\/span>\n\n                <span\n                    class=\"jny-hero-v19-footer-value\"\n                >\n                    Jeanne, Na\u00ebl & vous\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     SCRIPT D'ANIMATION\n========================================================= -->\n\n<script>\n(function () {\n\n    function initJnyHeroV19() {\n\n        document\n            .querySelectorAll(\".jny-hero-v19\")\n            .forEach(function (hero) {\n\n                if (\n                    hero.dataset.initialized === \"true\"\n                ) {\n                    return;\n                }\n\n                hero.dataset.initialized = \"true\";\n\n                window.requestAnimationFrame(\n                    function () {\n\n                        window.requestAnimationFrame(\n                            function () {\n\n                                hero.classList.add(\n                                    \"is-ready\"\n                                );\n\n                            }\n                        );\n\n                    }\n                );\n\n            });\n\n    }\n\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initJnyHeroV19\n        );\n\n    } else {\n\n        initJnyHeroV19();\n\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f25b21b elementor-widget elementor-widget-html\" data-id=\"f25b21b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU \u2014 PRESTATIONS \u2014 V20\n     ICONES 100% SVG \u2014 AUCUN EMOJI\n     Desktop : 3 cartes\n     Tablette \/ Mobile : slider horizontal\n     Elementor \/ WordPress \/ HTML\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\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.jny-univers-v20{\n  --plum:#44123A;\n  --wine:#54232F;\n  --sage:#778A77;\n  --text:#4F444C;\n  --porcelain:#F2EFEA;\n  --porcelain-deep:#EEE8E2;\n  --paper:#FBF9F6;\n  --line:rgba(79,68,76,.13);\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(--porcelain-deep);\n  color:var(--text);\n\n  font-family:\"Montserrat\",sans-serif;\n}\n\n.jny-univers-v20,\n.jny-univers-v20 *{\n  box-sizing:border-box;\n}\n\n.elementor-widget-html:has(.jny-univers-v20),\n.elementor-widget-html:has(.jny-univers-v20) > .elementor-widget-container{\n  width:100% !important;\n  max-width:none !important;\n  overflow:visible !important;\n}\n\n.jny-univers-v20 a,\n.jny-univers-v20 button{\n  -webkit-tap-highlight-color:transparent;\n}\n\n\n\/* =========================================================\n   WRAP\n========================================================= *\/\n\n.jny-univers-v20-wrap{\n  width:min(100%,1560px);\n\n  margin:0 auto;\n\n  padding:\n    clamp(96px,8.5vw,146px)\n    clamp(22px,5vw,78px)\n    clamp(104px,9vw,150px);\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.jny-univers-v20-top{\n  max-width:1040px;\n\n  margin:\n    0 auto\n    clamp(40px,4.4vw,60px);\n\n  text-align:center;\n}\n\n.jny-univers-v20-eyebrow{\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:14px;\n\n  margin-bottom:20px;\n\n  color:var(--sage);\n\n  font-size:clamp(11px,.9vw,13px);\n\n  font-weight:600;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n.jny-univers-v20-eyebrow::before,\n.jny-univers-v20-eyebrow::after{\n  content:\"\";\n\n  width:34px;\n  height:1px;\n\n  flex:0 0 auto;\n\n  background:rgba(84,35,47,.42);\n}\n\n.jny-univers-v20-title{\n  max-width:920px;\n\n  margin:0 auto;\n\n  color:var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(54px,5.45vw,82px);\n\n  font-weight:500;\n\n  line-height:.96;\n\n  letter-spacing:-.04em;\n\n  text-wrap:balance;\n}\n\n.jny-univers-v20-title em{\n  color:var(--sage);\n\n  font-style:italic;\n\n  font-weight:400;\n}\n\n.jny-univers-v20-intro{\n  max-width:610px;\n\n  margin:\n    22px auto 0;\n\n  color:\n    rgba(79,68,76,.64);\n\n  font-size:\n    clamp(13.5px,1vw,15.5px);\n\n  line-height:1.72;\n\n  text-align:center;\n}\n\n\n\/* =========================================================\n   CONTROLES SLIDER\n========================================================= *\/\n\n.jny-univers-v20-controls{\n  display:none;\n}\n\n.jny-univers-v20-control{\n  width:44px;\n  height:44px;\n\n  padding:0 !important;\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  flex:0 0 auto;\n\n  border:\n    1px solid rgba(84,35,47,.24) !important;\n\n  border-radius:\n    50% !important;\n\n  background:\n    rgba(251,249,246,.82) !important;\n\n  background-color:\n    rgba(251,249,246,.82) !important;\n\n  color:\n    var(--wine) !important;\n\n  box-shadow:\n    none !important;\n\n  outline:none;\n\n  appearance:none;\n\n  -webkit-appearance:none;\n\n  cursor:pointer;\n\n  transition:\n    background-color .28s ease,\n    color .28s ease,\n    border-color .28s ease,\n    transform .28s ease;\n}\n\n.jny-univers-v20-control:hover,\n.jny-univers-v20-control:focus-visible,\n.jny-univers-v20-control:active{\n  background:\n    var(--wine) !important;\n\n  background-color:\n    var(--wine) !important;\n\n  color:\n    var(--paper) !important;\n\n  border-color:\n    var(--wine) !important;\n\n  box-shadow:\n    none !important;\n\n  transform:\n    translateY(-2px);\n}\n\n.jny-univers-v20-control:focus-visible{\n  outline:\n    1px solid rgba(84,35,47,.30);\n\n  outline-offset:\n    3px;\n}\n\n\n\/* =========================================================\n   SVG CONTROLES\n========================================================= *\/\n\n.jny-univers-v20-control svg{\n  width:17px;\n  height:17px;\n\n  display:block;\n\n  fill:none;\n\n  stroke:currentColor;\n\n  stroke-width:1.7;\n\n  stroke-linecap:round;\n\n  stroke-linejoin:round;\n\n  pointer-events:none;\n}\n\n.jny-univers-v20-prev svg{\n  transition:\n    transform .28s ease;\n}\n\n.jny-univers-v20-next svg{\n  transition:\n    transform .28s ease;\n}\n\n.jny-univers-v20-prev:hover svg,\n.jny-univers-v20-prev:focus-visible svg{\n  transform:\n    translateX(-2px);\n}\n\n.jny-univers-v20-next:hover svg,\n.jny-univers-v20-next:focus-visible svg{\n  transform:\n    translateX(2px);\n}\n\n\n\/* =========================================================\n   PROGRESSION\n========================================================= *\/\n\n.jny-univers-v20-progress{\n  position:relative;\n\n  width:76px;\n  height:1px;\n\n  overflow:hidden;\n\n  background:\n    rgba(84,35,47,.13);\n}\n\n.jny-univers-v20-progress span{\n  position:absolute;\n\n  inset:\n    0 auto 0 0;\n\n  width:\n    33.333%;\n\n  background:\n    var(--wine);\n\n  transition:\n    width .32s ease,\n    transform .32s ease;\n}\n\n\n\/* =========================================================\n   CARTES\n========================================================= *\/\n\n.jny-univers-v20-cards{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:\n    clamp(18px,2vw,28px);\n}\n\n.jny-univers-v20-card{\n  display:flex;\n\n  flex-direction:column;\n\n  min-width:0;\n\n  border:\n    1px solid rgba(79,68,76,.08);\n\n  border-radius:\n    20px;\n\n  overflow:hidden;\n\n  background:\n    rgba(251,249,246,.72);\n\n  box-shadow:\n    0 18px 48px rgba(68,18,58,.06),\n    0 4px 12px rgba(68,18,58,.03);\n\n  text-decoration:none;\n\n  color:inherit;\n\n  transition:\n    transform .32s ease,\n    box-shadow .32s ease,\n    border-color .32s ease,\n    background-color .32s ease;\n}\n\n.jny-univers-v20-card:hover,\n.jny-univers-v20-card:focus-visible{\n  transform:\n    translateY(-6px);\n\n  border-color:\n    rgba(84,35,47,.16);\n\n  background:\n    rgba(251,249,246,.90);\n\n  box-shadow:\n    0 28px 70px rgba(68,18,58,.09),\n    0 8px 20px rgba(68,18,58,.05);\n\n  outline:none;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.jny-univers-v20-media{\n  position:relative;\n\n  aspect-ratio:4\/5;\n\n  overflow:hidden;\n\n  background:\n    var(--porcelain);\n}\n\n.jny-univers-v20-media img{\n  width:100%;\n  height:100%;\n\n  display:block;\n\n  object-fit:cover;\n\n  transition:\n    transform .85s cubic-bezier(.2,.7,.2,1),\n    filter .35s ease;\n}\n\n.jny-univers-v20-card:hover\n.jny-univers-v20-media img,\n\n.jny-univers-v20-card:focus-visible\n.jny-univers-v20-media img{\n  transform:\n    scale(1.045);\n}\n\n.jny-univers-v20-card:nth-child(1)\n.jny-univers-v20-media img{\n  object-position:center 50%;\n}\n\n.jny-univers-v20-card:nth-child(2)\n.jny-univers-v20-media img{\n  object-position:center 48%;\n}\n\n.jny-univers-v20-card:nth-child(3)\n.jny-univers-v20-media img{\n  object-position:center 34%;\n}\n\n.jny-univers-v20-media::after{\n  content:\"\";\n\n  position:absolute;\n\n  inset:0;\n\n  pointer-events:none;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(25,19,22,.01) 0%,\n      rgba(25,19,22,.03) 48%,\n      rgba(25,19,22,.18) 100%\n    );\n}\n\n\n\/* =========================================================\n   CONTENU CARTE\n========================================================= *\/\n\n.jny-univers-v20-body{\n  display:flex;\n\n  flex-direction:column;\n\n  gap:16px;\n\n  padding:\n    24px 22px 24px;\n}\n\n.jny-univers-v20-meta{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:\n    space-between;\n\n  gap:14px;\n}\n\n.jny-univers-v20-kicker{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  color:\n    var(--sage);\n\n  font-size:\n    9px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .16em;\n\n  text-transform:\n    uppercase;\n}\n\n.jny-univers-v20-kicker::before{\n  content:\"\";\n\n  width:18px;\n  height:1px;\n\n  flex:0 0 auto;\n\n  background:\n    rgba(84,35,47,.45);\n}\n\n\n\/* =========================================================\n   FLECHE CARTE \u2014 SVG UNIQUEMENT\n========================================================= *\/\n\n.jny-univers-v20-arrow{\n  width:38px;\n  height:38px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  flex:0 0 auto;\n\n  border:\n    1px solid rgba(84,35,47,.20) !important;\n\n  border-radius:\n    50%;\n\n  background:\n    transparent !important;\n\n  color:\n    var(--wine) !important;\n\n  transition:\n    background-color .28s ease,\n    color .28s ease,\n    border-color .28s ease,\n    transform .28s ease;\n}\n\n.jny-univers-v20-arrow svg{\n  width:14px;\n  height:14px;\n\n  display:block;\n\n  fill:none;\n\n  stroke:currentColor;\n\n  stroke-width:1.65;\n\n  stroke-linecap:round;\n\n  stroke-linejoin:round;\n}\n\n.jny-univers-v20-card:hover\n.jny-univers-v20-arrow,\n\n.jny-univers-v20-card:focus-visible\n.jny-univers-v20-arrow{\n  background:\n    var(--wine) !important;\n\n  color:\n    var(--paper) !important;\n\n  border-color:\n    var(--wine) !important;\n\n  transform:\n    translate(2px,-2px);\n}\n\n\n\/* =========================================================\n   TITRE CARTE\n========================================================= *\/\n\n.jny-univers-v20-name{\n  margin:0;\n\n  color:\n    var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(34px,2.8vw,46px);\n\n  font-weight:\n    500;\n\n  line-height:\n    .95;\n}\n\n.jny-univers-v20-text{\n  margin:0;\n\n  color:\n    rgba(79,68,76,.64);\n\n  font-size:\n    13px;\n\n  line-height:\n    1.7;\n}\n\n\n\/* =========================================================\n   BAS DE SECTION\n========================================================= *\/\n\n.jny-univers-v20-bottom{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:flex-end;\n\n  gap:24px;\n\n  margin-top:\n    clamp(32px,4vw,48px);\n}\n\n\n\/* =========================================================\n   LIEN \"VOIR TOUTES NOS PRESTATIONS\"\n========================================================= *\/\n\n.jny-univers-v20-link,\n.jny-univers-v20-link:hover,\n.jny-univers-v20-link:focus,\n.jny-univers-v20-link:focus-visible,\n.jny-univers-v20-link:active,\n.jny-univers-v20-link:visited{\n  position:relative;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  padding:\n    12px 0;\n\n  color:\n    var(--wine) !important;\n\n  text-decoration:\n    none !important;\n\n  background:\n    transparent !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    0 !important;\n\n  box-shadow:\n    none !important;\n\n  font-size:\n    10.5px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .14em;\n\n  text-transform:\n    uppercase;\n}\n\n.jny-univers-v20-link::after{\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:100%;\n  height:1.2px;\n\n  background:\n    var(--wine);\n\n  transform:\n    scaleX(.42);\n\n  transform-origin:\n    left;\n\n  transition:\n    transform .28s ease;\n}\n\n.jny-univers-v20-link:hover::after,\n.jny-univers-v20-link:focus-visible::after{\n  transform:\n    scaleX(1);\n}\n\n\n\/* =========================================================\n   SVG LIEN BAS\n========================================================= *\/\n\n.jny-univers-v20-link-icon{\n  width:14px;\n  height:14px;\n\n  display:block;\n\n  flex:0 0 auto;\n\n  fill:none;\n\n  stroke:currentColor;\n\n  stroke-width:1.65;\n\n  stroke-linecap:round;\n\n  stroke-linejoin:round;\n\n  transition:\n    transform .28s ease;\n}\n\n.jny-univers-v20-link:hover\n.jny-univers-v20-link-icon,\n\n.jny-univers-v20-link:focus-visible\n.jny-univers-v20-link-icon{\n  transform:\n    translate(3px,-2px);\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width:1050px){\n\n  .jny-univers-v20-top{\n    max-width:\n      900px;\n  }\n\n  .jny-univers-v20-intro{\n    max-width:\n      620px;\n  }\n\n  .jny-univers-v20-controls{\n    display:flex;\n\n    align-items:center;\n\n    justify-content:flex-end;\n\n    gap:13px;\n\n    margin:\n      0 0 20px;\n  }\n\n  .jny-univers-v20-cards{\n    display:flex;\n\n    gap:20px;\n\n    overflow-x:auto;\n\n    padding:\n      4px 2px 10px;\n\n    scroll-snap-type:\n      x mandatory;\n\n    scroll-behavior:\n      smooth;\n\n    scrollbar-width:\n      none;\n\n    -ms-overflow-style:\n      none;\n\n    -webkit-overflow-scrolling:\n      touch;\n  }\n\n  .jny-univers-v20-cards::-webkit-scrollbar{\n    display:none;\n  }\n\n  .jny-univers-v20-card{\n    flex:\n      0 0 min(64%,510px);\n\n    min-width:\n      min(64%,510px);\n\n    scroll-snap-align:\n      start;\n  }\n\n  .jny-univers-v20-card:nth-child(3){\n    grid-column:auto;\n\n    max-width:none;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:780px){\n\n  .jny-univers-v20-wrap{\n    padding:\n      76px\n      18px\n      86px;\n  }\n\n  .jny-univers-v20-top{\n    margin-bottom:\n      38px;\n  }\n\n  .jny-univers-v20-eyebrow{\n    margin-bottom:\n      16px;\n\n    font-size:\n      9px;\n\n    gap:\n      10px;\n  }\n\n  .jny-univers-v20-eyebrow::before,\n  .jny-univers-v20-eyebrow::after{\n    width:\n      24px;\n  }\n\n  .jny-univers-v20-title{\n    font-size:\n      clamp(44px,11.7vw,58px);\n\n    line-height:\n      .97;\n  }\n\n  .jny-univers-v20-intro{\n    max-width:\n      94%;\n\n    margin-top:\n      18px;\n\n    font-size:\n      14px;\n  }\n\n\n  \/* Navigation *\/\n\n  .jny-univers-v20-controls{\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:\n      12px;\n\n    margin:\n      0 0 18px;\n  }\n\n  .jny-univers-v20-control{\n    width:\n      42px;\n\n    height:\n      42px;\n  }\n\n  .jny-univers-v20-control svg{\n    width:\n      16px;\n\n    height:\n      16px;\n  }\n\n  .jny-univers-v20-progress{\n    width:\n      64px;\n  }\n\n\n  \/* Slider *\/\n\n  .jny-univers-v20-cards{\n    display:flex;\n\n    gap:\n      14px;\n\n    overflow-x:\n      auto;\n\n    padding:\n      2px 1px 8px;\n\n    scroll-snap-type:\n      x mandatory;\n\n    scroll-behavior:\n      smooth;\n\n    scrollbar-width:\n      none;\n\n    -ms-overflow-style:\n      none;\n\n    -webkit-overflow-scrolling:\n      touch;\n  }\n\n  .jny-univers-v20-cards::-webkit-scrollbar{\n    display:none;\n  }\n\n  .jny-univers-v20-card{\n    min-width:\n      88%;\n\n    flex:\n      0 0 88%;\n\n    scroll-snap-align:\n      start;\n  }\n\n  .jny-univers-v20-card:nth-child(3){\n    max-width:\n      none;\n  }\n\n  .jny-univers-v20-name{\n    font-size:\n      36px;\n  }\n\n  .jny-univers-v20-text{\n    font-size:\n      13px;\n  }\n\n  .jny-univers-v20-bottom{\n    justify-content:\n      center;\n\n    margin-top:\n      32px;\n  }\n\n  .jny-univers-v20-link{\n    font-size:\n      10px;\n  }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce){\n\n  .jny-univers-v20 *,\n  .jny-univers-v20 *::before,\n  .jny-univers-v20 *::after{\n    transition:\n      none !important;\n\n    animation:\n      none !important;\n\n    scroll-behavior:\n      auto !important;\n  }\n}\n\n\n\n\/* =========================================================\n   V18 \u2014 TITRE SUR 2 LIGNES HARMONIEUSES\n========================================================= *\/\n\n.jny-univers-v20-title-line{\n  display:block;\n  white-space:nowrap;\n}\n\n@media (max-width:1050px){\n  .jny-univers-v20-title-line{\n    white-space:normal;\n  }\n}\n\n\n\n\/* =========================================================\n   V19 \u2014 CENTRAGE TITRE \/ CARTES SUR LE M\u00caME AXE\n========================================================= *\/\n\n.jny-univers-v20-top{\n  width:100%;\n  max-width:none;\n  margin-left:auto;\n  margin-right:auto;\n  text-align:center;\n}\n\n.jny-univers-v20-title{\n  width:100%;\n  max-width:none;\n  margin-left:auto;\n  margin-right:auto;\n  text-align:center;\n}\n\n.jny-univers-v20-title-line{\n  display:block;\n  width:100%;\n  margin-left:auto;\n  margin-right:auto;\n  text-align:center;\n  white-space:nowrap;\n}\n\n.jny-univers-v20-cards{\n  width:100%;\n  margin-left:auto;\n  margin-right:auto;\n}\n\n\/* Tablette \/ mobile : on laisse les lignes respirer naturellement *\/\n@media (max-width:1050px){\n  .jny-univers-v20-title{\n    max-width:920px;\n  }\n\n  .jny-univers-v20-title-line{\n    white-space:normal;\n  }\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION\n========================================================= -->\n\n<section\n  class=\"jny-univers-v20\"\n  aria-labelledby=\"jny-univers-v20-title\"\n>\n\n  <div class=\"jny-univers-v20-wrap\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"jny-univers-v20-top\">\n\n      <div>\n        <h2\n          class=\"jny-univers-v20-title\"\n          id=\"jny-univers-v20-title\"\n        >\n          <span class=\"jny-univers-v20-title-line\">\n            Trois fa\u00e7ons de vous accompagner,\n          <\/span>\n          <em class=\"jny-univers-v20-title-line\">\n            pour donner vie \u00e0 tous les moments qui comptent.\n          <\/em>\n        <\/h2>\n\n      <\/div>\n    <\/div>\n\n\n    <!-- =====================================================\n         NAVIGATION SLIDER\n         SVG UNIQUEMENT\n    ====================================================== -->\n\n    <div\n      class=\"jny-univers-v20-controls\"\n      aria-label=\"Navigation des univers\"\n    >\n\n\n      <!-- PRECEDENT -->\n\n      <button\n        class=\"jny-univers-v20-control jny-univers-v20-prev\"\n        type=\"button\"\n        aria-label=\"Voir la carte pr\u00e9c\u00e9dente\"\n      >\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        >\n          <path d=\"M15 6L9 12L15 18\"><\/path>\n        <\/svg>\n\n      <\/button>\n\n\n      <!-- PROGRESSION -->\n\n      <div\n        class=\"jny-univers-v20-progress\"\n        aria-hidden=\"true\"\n      >\n        <span><\/span>\n      <\/div>\n\n\n      <!-- SUIVANT -->\n\n      <button\n        class=\"jny-univers-v20-control jny-univers-v20-next\"\n        type=\"button\"\n        aria-label=\"Voir la carte suivante\"\n      >\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        >\n          <path d=\"M9 6L15 12L9 18\"><\/path>\n        <\/svg>\n\n      <\/button>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CARTES\n    ====================================================== -->\n\n    <div class=\"jny-univers-v20-cards\">\n\n\n      <!-- ===================================================\n           CARTE 1\n      ==================================================== -->\n\n      <a\n        class=\"jny-univers-v20-card\"\n        href=\"\/mariages\/\"\n      >\n\n        <div class=\"jny-univers-v20-media\">\n\n          <img\n            src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/photoheromariage-scaled.jpg\"\n            alt=\"Mariage \u00e9l\u00e9gant organis\u00e9 par JN.YOU\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/div>\n\n\n        <div class=\"jny-univers-v20-body\">\n\n\n          <div class=\"jny-univers-v20-meta\">\n\n            <span class=\"jny-univers-v20-kicker\">\n              Unions\n            <\/span>\n\n\n            <span\n              class=\"jny-univers-v20-arrow\"\n              aria-hidden=\"true\"\n            >\n\n              <svg\n                viewBox=\"0 0 24 24\"\n                focusable=\"false\"\n              >\n                <path d=\"M7 17L17 7\"><\/path>\n                <path d=\"M8 7H17V16\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n          <\/div>\n\n\n          <h3 class=\"jny-univers-v20-name\">\n            Mariages\n          <\/h3>\n\n\n          <p class=\"jny-univers-v20-text\">\n            Une organisation \u00e9l\u00e9gante et sensible,\n            du premier \u00e9change jusqu\u2019au dernier d\u00e9tail du jour J.\n          <\/p>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- ===================================================\n           CARTE 2\n      ==================================================== -->\n\n      <a\n        class=\"jny-univers-v20-card\"\n        href=\"\/evenements-prives\/\"\n      >\n\n        <div class=\"jny-univers-v20-media\">\n\n          <img\n            src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/buffet-event-scaled.jpg\"\n            alt=\"C\u00e9l\u00e9bration priv\u00e9e ou \u00e9v\u00e9nement corporate imagin\u00e9 par JN.YOU\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/div>\n\n\n        <div class=\"jny-univers-v20-body\">\n\n\n          <div class=\"jny-univers-v20-meta\">\n\n            <span class=\"jny-univers-v20-kicker\">\n              C\u00e9l\u00e9brations &amp; corporate events\n            <\/span>\n\n\n            <span\n              class=\"jny-univers-v20-arrow\"\n              aria-hidden=\"true\"\n            >\n\n              <svg\n                viewBox=\"0 0 24 24\"\n                focusable=\"false\"\n              >\n                <path d=\"M7 17L17 7\"><\/path>\n                <path d=\"M8 7H17V16\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n          <\/div>\n\n\n          <h3 class=\"jny-univers-v20-name\">\n            \u00c9v\u00e9nements\n          <\/h3>\n\n\n          <p class=\"jny-univers-v20-text\">\n            C\u00e9l\u00e9brations priv\u00e9es ou corporate,\n            imagin\u00e9es sur mesure avec \u00e9l\u00e9gance et justesse.\n          <\/p>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- ===================================================\n           CARTE 3\n      ==================================================== -->\n\n      <a\n        class=\"jny-univers-v20-card\"\n        href=\"\/destination-weddings\/\"\n      >\n\n        <div class=\"jny-univers-v20-media\">\n\n          <img\n            src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/08\/events-destinations.png\"\n            alt=\"\u00c9v\u00e9nement imagin\u00e9 depuis Annecy, partout en France et en destination\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/div>\n\n\n        <div class=\"jny-univers-v20-body\">\n\n\n          <div class=\"jny-univers-v20-meta\">\n\n            <span class=\"jny-univers-v20-kicker\">\n              France &amp; destinations\n            <\/span>\n\n\n            <span\n              class=\"jny-univers-v20-arrow\"\n              aria-hidden=\"true\"\n            >\n\n              <svg\n                viewBox=\"0 0 24 24\"\n                focusable=\"false\"\n              >\n                <path d=\"M7 17L17 7\"><\/path>\n                <path d=\"M8 7H17V16\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n          <\/div>\n\n\n          <h3 class=\"jny-univers-v20-name\">\n            Destinations\n          <\/h3>\n\n\n          <p class=\"jny-univers-v20-text\">\n            Bas\u00e9s \u00e0 Annecy, nous imaginons vos \u00e9v\u00e9nements partout en France\n            et dans les destinations qui vous inspirent.\n          <\/p>\n\n        <\/div>\n\n      <\/a>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         LIEN BAS\n    ====================================================== -->\n\n    <div class=\"jny-univers-v20-bottom\">\n\n      <a\n        class=\"jny-univers-v20-link\"\n        href=\"\/prestations\/\"\n      >\n\n        <span>\n          Voir toutes nos prestations\n        <\/span>\n\n\n        <svg\n          class=\"jny-univers-v20-link-icon\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        >\n          <path d=\"M7 17L17 7\"><\/path>\n          <path d=\"M8 7H17V16\"><\/path>\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     SLIDER JAVASCRIPT\n========================================================= -->\n\n<script>\n(function(){\n\n  function initJnyUniversV20(){\n\n    document\n      .querySelectorAll(\".jny-univers-v20\")\n      .forEach(function(section){\n\n        if(\n          section.dataset.sliderReady === \"true\"\n        ){\n          return;\n        }\n\n        section.dataset.sliderReady = \"true\";\n\n\n        var track =\n          section.querySelector(\n            \".jny-univers-v20-cards\"\n          );\n\n        var cards =\n          Array.prototype.slice.call(\n            section.querySelectorAll(\n              \".jny-univers-v20-card\"\n            )\n          );\n\n        var prev =\n          section.querySelector(\n            \".jny-univers-v20-prev\"\n          );\n\n        var next =\n          section.querySelector(\n            \".jny-univers-v20-next\"\n          );\n\n        var progress =\n          section.querySelector(\n            \".jny-univers-v20-progress span\"\n          );\n\n\n        if(\n          !track ||\n          !cards.length ||\n          !prev ||\n          !next\n        ){\n          return;\n        }\n\n\n        \/* ===============================================\n           CARTE LA PLUS PROCHE\n        =============================================== *\/\n\n        function nearestIndex(){\n\n          var left =\n            track.scrollLeft;\n\n          var best =\n            0;\n\n          var distance =\n            Infinity;\n\n\n          cards.forEach(\n            function(card,index){\n\n              var d =\n                Math.abs(\n                  card.offsetLeft - left\n                );\n\n              if(\n                d < distance\n              ){\n\n                distance =\n                  d;\n\n                best =\n                  index;\n\n              }\n\n            }\n          );\n\n\n          return best;\n\n        }\n\n\n        \/* ===============================================\n           PROGRESSION\n        =============================================== *\/\n\n        function updateProgress(index){\n\n          if(\n            !progress\n          ){\n            return;\n          }\n\n          progress.style.transform =\n            \"translateX(\" +\n            (index * 100) +\n            \"%)\";\n\n        }\n\n\n        \/* ===============================================\n           NAVIGATION\n        =============================================== *\/\n\n        function goTo(index){\n\n          index =\n            Math.max(\n              0,\n              Math.min(\n                cards.length - 1,\n                index\n              )\n            );\n\n\n          track.scrollTo({\n\n            left:\n              cards[index].offsetLeft,\n\n            behavior:\n              \"smooth\"\n\n          });\n\n\n          updateProgress(index);\n\n        }\n\n\n        \/* ===============================================\n           BOUTON PRECEDENT\n        =============================================== *\/\n\n        prev.addEventListener(\n          \"click\",\n          function(){\n\n            goTo(\n              nearestIndex() - 1\n            );\n\n          }\n        );\n\n\n        \/* ===============================================\n           BOUTON SUIVANT\n        =============================================== *\/\n\n        next.addEventListener(\n          \"click\",\n          function(){\n\n            goTo(\n              nearestIndex() + 1\n            );\n\n          }\n        );\n\n\n        \/* ===============================================\n           SWIPE \/ SCROLL\n        =============================================== *\/\n\n        var ticking =\n          false;\n\n\n        track.addEventListener(\n          \"scroll\",\n          function(){\n\n            if(\n              ticking\n            ){\n              return;\n            }\n\n\n            ticking =\n              true;\n\n\n            requestAnimationFrame(\n              function(){\n\n                updateProgress(\n                  nearestIndex()\n                );\n\n                ticking =\n                  false;\n\n              }\n            );\n\n          },\n          {\n            passive:true\n          }\n        );\n\n\n        updateProgress(0);\n\n      });\n\n  }\n\n\n  if(\n    document.readyState === \"loading\"\n  ){\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initJnyUniversV20\n    );\n\n  }else{\n\n    initJnyUniversV20();\n\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2e9a6f e-con-full e-flex e-con e-parent\" data-id=\"c2e9a6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20efb67 elementor-widget elementor-widget-html\" data-id=\"20efb67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU \u2014 DUO ACCUEIL \u2014 V25\n     VERSION COMPL\u00c8TE\n     TITRE STORY CENTR\u00c9\n     PERSONNALIT\u00c9S SOUS PHOTO\n     CONCLUSION BLANCHE SUR UNE SEULE LIGNE\n     RESPONSIVE DESKTOP \/ TABLETTE \/ MOBILE\n========================================================== -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@400;500;600&display=swap');\n\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.jny-duo-home-v25{\n  --wine:#54232F;\n  --plum:#44123A;\n  --sage:#778A77;\n  --soft:#A8B6A5;\n  --paper:#FBF9F6;\n  --porcelain:#F2EFEA;\n  --taupe:#4F444C;\n  --white:#ffffff;\n\n  position:relative;\n\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  isolation:isolate;\n\n  color:var(--taupe);\n\n  font-family:\"Montserrat\",sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 12% 12%,\n      rgba(168,182,165,.18),\n      transparent 24%\n    ),\n    radial-gradient(\n      circle at 82% 18%,\n      rgba(84,35,47,.09),\n      transparent 24%\n    ),\n    linear-gradient(\n      180deg,\n      #FBF9F6 0%,\n      #F4EFEB 62%,\n      #EEE5E3 100%\n    );\n}\n\n\n.jny-duo-home-v25,\n.jny-duo-home-v25 *{\n  box-sizing:border-box;\n}\n\n\n.elementor-widget-html:has(.jny-duo-home-v25),\n.elementor-widget-html:has(.jny-duo-home-v25) > .elementor-widget-container{\n  width:100%!important;\n  max-width:none!important;\n  overflow:visible!important;\n}\n\n\n\n\/* =========================================================\n   GRAND TEXTE D\u00c9CORATIF\n========================================================= *\/\n\n.jny-duo-home-v25-ghost{\n  position:absolute;\n  z-index:0;\n\n  top:2.8%;\n  left:49%;\n\n  transform:translateX(-50%);\n\n  color:rgba(84,35,47,.038);\n\n  font-family:\"Cormorant Garamond\",serif;\n\n  font-size:clamp(220px,24vw,460px);\n\n  line-height:.75;\n  letter-spacing:-.09em;\n\n  white-space:nowrap;\n\n  user-select:none;\n  pointer-events:none;\n}\n\n\n\n\/* =========================================================\n   WRAPPER\n========================================================= *\/\n\n.jny-duo-home-v25-wrap{\n  position:relative;\n  z-index:3;\n\n  width:min(100%,1600px);\n\n  margin:0 auto;\n\n  padding:\n    clamp(88px,6vw,118px)\n    clamp(18px,4vw,58px)\n    clamp(92px,8vw,132px);\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.jny-duo-home-v25-stage{\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,.88fr)\n    minmax(0,1.12fr);\n\n  gap:clamp(38px,4vw,68px);\n\n  align-items:center;\n}\n\n\n\n\/* =========================================================\n   PARTIE TEXTE\n========================================================= *\/\n\n.jny-duo-home-v25-copy{\n  position:relative;\n  z-index:5;\n\n  max-width:650px;\n\n  padding-top:12px;\n}\n\n\n.jny-duo-home-v25-kicker{\n  display:flex;\n\n  align-items:center;\n\n  gap:14px;\n\n  margin-bottom:22px;\n\n  color:var(--sage);\n\n  font-size:10px;\n  font-weight:600;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.jny-duo-home-v25-kicker::before{\n  content:\"\";\n\n  width:44px;\n  height:1px;\n\n  background:rgba(84,35,47,.22);\n}\n\n\n.jny-duo-home-v25-title{\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\"Cormorant Garamond\",serif;\n\n  font-size:clamp(74px,6.2vw,112px);\n  font-weight:600;\n\n  line-height:.84;\n\n  letter-spacing:-.055em;\n}\n\n\n.jny-duo-home-v25-title em{\n  display:block;\n\n  margin-top:.055em;\n\n  color:var(--sage);\n\n  font-size:.58em;\n\n  font-style:italic;\n  font-weight:400;\n\n  line-height:1.05;\n\n  letter-spacing:-.008em;\n}\n\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.jny-duo-home-v25-lead{\n  max-width:600px;\n\n  margin:30px 0 0;\n\n  color:rgba(79,68,76,.76);\n\n  font-size:15.7px;\n\n  line-height:1.88;\n}\n\n\n\n\/* =========================================================\n   PARTIE VISUELLE\n========================================================= *\/\n\n.jny-duo-home-v25-visual{\n  position:relative;\n\n  width:100%;\n}\n\n\n\n\/* =========================================================\n   PHOTO\n========================================================= *\/\n\n.jny-duo-home-v25-photo-area{\n  position:relative;\n\n  width:100%;\n  height:760px;\n}\n\n\n.jny-duo-home-v25-photo-back{\n  position:absolute;\n\n  inset:\n    7%\n    0\n    0\n    7%;\n\n  border-radius:\n    34px\n    190px\n    34px\n    34px;\n\n  border:1px solid rgba(84,35,47,.06);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(168,182,165,.20),\n      rgba(84,35,47,.08) 52%,\n      rgba(255,255,255,.42)\n    );\n}\n\n\n.jny-duo-home-v25-photo-shell{\n  position:absolute;\n\n  inset:\n    0\n    2%\n    2%\n    0;\n\n  overflow:hidden;\n\n  border-radius:\n    34px\n    190px\n    34px\n    34px;\n\n  background:#d8d1cb;\n\n  box-shadow:\n    0 54px 140px rgba(68,18,58,.18),\n    0 18px 52px rgba(68,18,58,.10);\n\n  transform:\n    translate3d(\n      var(--px,0px),\n      var(--py,0px),\n      0\n    )\n    scale(var(--ps,1));\n\n  transition:transform .35s ease;\n}\n\n\n\n\/* =========================================================\n   CADRAGE PHOTO DESKTOP\n========================================================= *\/\n\n.jny-duo-home-v25-photo{\n  position:absolute;\n\n  inset:0;\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center 68%!important;\n\n  transform:\n    translateY(-26%)\n    scale(1.42);\n\n  transform-origin:center center;\n\n  filter:\n    saturate(.97)\n    contrast(1.02);\n\n  transition:\n    transform 1.1s cubic-bezier(.2,.7,.2,1),\n    filter .8s ease;\n}\n\n\n.jny-duo-home-v25-photo-shell:hover .jny-duo-home-v25-photo{\n  transform:\n    translateY(-26%)\n    scale(1.46);\n}\n\n\n.jny-duo-home-v25-photo-overlay{\n  position:absolute;\n\n  inset:0;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(20,8,14,.035) 0%,\n      rgba(20,8,14,0) 34%,\n      rgba(20,8,14,.10) 100%\n    );\n\n  pointer-events:none;\n}\n\n\n\n\/* =========================================================\n   NOTRE DUO VERTICAL\n========================================================= *\/\n\n.jny-duo-home-v25-side{\n  position:absolute;\n\n  z-index:5;\n\n  right:-16px;\n  bottom:19%;\n\n  transform:rotate(90deg);\n\n  transform-origin:right bottom;\n\n  color:rgba(84,35,47,.86);\n\n  font-family:\"Cormorant Garamond\",serif;\n\n  font-size:clamp(44px,3.6vw,62px);\n\n  font-style:italic;\n\n  line-height:.88;\n\n  letter-spacing:-.03em;\n\n  pointer-events:none;\n}\n\n\n\n\/* =========================================================\n   TRAITS DE PERSONNALIT\u00c9\n========================================================= *\/\n\n.jny-duo-home-v25-traits{\n  position:relative;\n\n  z-index:8;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:12px;\n\n  margin-top:22px;\n}\n\n\n.jny-duo-home-v25-trait{\n  position:relative;\n\n  min-height:132px;\n\n  padding:\n    22px\n    21px\n    20px;\n\n  overflow:hidden;\n\n  border:1px solid rgba(84,35,47,.08);\n\n  border-radius:20px;\n\n  background:rgba(251,249,246,.72);\n\n  backdrop-filter:blur(12px);\n  -webkit-backdrop-filter:blur(12px);\n\n  transition:\n    transform .35s ease,\n    border-color .35s ease,\n    background-color .35s ease;\n}\n\n\n.jny-duo-home-v25-trait:hover{\n  transform:translateY(-3px);\n\n  border-color:rgba(119,138,119,.22);\n\n  background:rgba(251,249,246,.92);\n}\n\n\n.jny-duo-home-v25-trait::after{\n  content:\"\";\n\n  position:absolute;\n\n  right:-32px;\n  bottom:-34px;\n\n  width:100px;\n  height:100px;\n\n  border-radius:50%;\n\n  background:rgba(168,182,165,.08);\n\n  pointer-events:none;\n}\n\n\n.jny-duo-home-v25-trait strong{\n  display:block;\n\n  color:var(--wine);\n\n  font-family:\"Cormorant Garamond\",serif;\n\n  font-size:clamp(27px,2vw,32px);\n\n  font-weight:500;\n\n  line-height:1;\n}\n\n\n.jny-duo-home-v25-trait p{\n  margin:10px 0 0;\n\n  color:rgba(79,68,76,.68);\n\n  font-size:12.2px;\n\n  line-height:1.62;\n}\n\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.jny-duo-home-v25-reveal{\n  opacity:0;\n\n  transform:translateY(30px);\n\n  transition:\n    opacity .9s ease,\n    transform 1s cubic-bezier(.2,.72,.2,1);\n}\n\n\n.jny-duo-home-v25-reveal.is-visible{\n  opacity:1;\n\n  transform:none;\n}\n\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1180px){\n\n  .jny-duo-home-v25-wrap{\n    padding:\n      82px\n      clamp(24px,5vw,46px)\n      112px;\n  }\n\n\n  .jny-duo-home-v25-stage{\n    grid-template-columns:1fr;\n\n    gap:58px;\n  }\n\n\n  .jny-duo-home-v25-copy{\n    max-width:820px;\n  }\n\n\n\n  \/* PHOTO TABLETTE *\/\n\n  .jny-duo-home-v25-visual{\n    width:100%;\n  }\n\n\n  .jny-duo-home-v25-photo-area{\n    width:min(92%,780px);\n\n    height:auto;\n\n    aspect-ratio:4 \/ 5;\n\n    margin:0 auto;\n  }\n\n\n  .jny-duo-home-v25-photo-back{\n    inset:\n      5%\n      -2%\n      -2%\n      6%;\n\n    border-radius:\n      32px\n      145px\n      28px\n      28px;\n  }\n\n\n  .jny-duo-home-v25-photo-shell{\n    inset:0;\n\n    border-radius:\n      32px\n      145px\n      28px\n      28px;\n\n    transform:none!important;\n\n    box-shadow:\n      0 35px 85px rgba(68,18,58,.13),\n      0 12px 35px rgba(68,18,58,.07);\n  }\n\n\n  .jny-duo-home-v25-photo{\n    object-position:center 72%!important;\n\n    transform:\n      translateY(-20%)\n      scale(1.30);\n\n    transform-origin:center center;\n  }\n\n\n  .jny-duo-home-v25-photo-shell:hover .jny-duo-home-v25-photo{\n    transform:\n      translateY(-20%)\n      scale(1.30);\n  }\n\n\n  .jny-duo-home-v25-side{\n    display:none;\n  }\n\n\n\n  \/* TRAITS *\/\n\n  .jny-duo-home-v25-traits{\n    width:min(92%,780px);\n\n    margin:\n      22px\n      auto\n      0;\n  }\n\n\n  .jny-duo-home-v25-trait{\n    min-height:145px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   TABLETTE PORTRAIT\n========================================================= *\/\n\n@media(max-width:850px){\n\n  .jny-duo-home-v25-photo-area{\n    width:94%;\n  }\n\n\n  .jny-duo-home-v25-traits{\n    width:94%;\n  }\n\n\n  .jny-duo-home-v25-photo{\n    object-position:center 72%!important;\n\n    transform:\n      translateY(-19%)\n      scale(1.28);\n  }\n\n\n  .jny-duo-home-v25-photo-shell:hover .jny-duo-home-v25-photo{\n    transform:\n      translateY(-19%)\n      scale(1.28);\n  }\n\n\n  .jny-duo-home-v25-close h3{\n    font-size:clamp(31px,4.9vw,42px);\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n  .jny-duo-home-v25-wrap{\n    padding:\n      70px\n      16px\n      88px;\n  }\n\n\n  .jny-duo-home-v25-stage{\n    gap:46px;\n  }\n\n\n\n  \/* TITRE *\/\n\n  .jny-duo-home-v25-title{\n    font-size:clamp(52px,14vw,70px);\n  }\n\n\n  .jny-duo-home-v25-title em{\n    margin-top:.08em;\n\n    font-size:.66em;\n\n    line-height:1.08;\n\n    letter-spacing:-.005em;\n  }\n\n\n\n  \/* INTRO *\/\n\n  .jny-duo-home-v25-lead{\n    margin-top:20px;\n\n    font-size:14px;\n\n    line-height:1.76;\n  }\n\n\n\n\n  \/* =======================================================\n     PHOTO MOBILE\n  ======================================================= *\/\n\n  .jny-duo-home-v25-photo-area{\n    width:100%;\n\n    aspect-ratio:4 \/ 5;\n\n    margin:0;\n  }\n\n\n  .jny-duo-home-v25-photo-back{\n    inset:\n      5%\n      -1%\n      -2%\n      5%;\n\n    border-radius:\n      26px\n      100px\n      22px\n      22px;\n  }\n\n\n  .jny-duo-home-v25-photo-shell{\n    inset:0;\n\n    border-radius:\n      26px\n      100px\n      22px\n      22px;\n\n    box-shadow:\n      0 26px 60px rgba(68,18,58,.12),\n      0 8px 22px rgba(68,18,58,.06);\n  }\n\n\n  .jny-duo-home-v25-photo{\n    object-position:center 71%!important;\n\n    transform:\n      translateY(-16%)\n      scale(1.22);\n  }\n\n\n  .jny-duo-home-v25-photo-shell:hover .jny-duo-home-v25-photo{\n    transform:\n      translateY(-16%)\n      scale(1.22);\n  }\n\n\n\n  \/* =======================================================\n     TRAITS MOBILE\n  ======================================================= *\/\n\n  .jny-duo-home-v25-traits{\n    width:100%;\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    gap:9px;\n\n    margin-top:18px;\n  }\n\n\n  .jny-duo-home-v25-trait{\n    min-height:132px;\n\n    padding:\n      18px\n      15px\n      17px;\n\n    border-radius:17px;\n  }\n\n\n  .jny-duo-home-v25-trait strong{\n    font-size:25px;\n  }\n\n\n  .jny-duo-home-v25-trait p{\n    font-size:11.5px;\n\n    line-height:1.55;\n  }\n\n}\n\n\n\n\/* =========================================================\n   PETIT MOBILE\n========================================================= *\/\n\n@media(max-width:430px){\n\n  .jny-duo-home-v25-wrap{\n    padding-left:14px;\n    padding-right:14px;\n  }\n\n\n  .jny-duo-home-v25-photo-area{\n    aspect-ratio:4 \/ 5.2;\n  }\n\n\n  .jny-duo-home-v25-photo{\n    object-position:center 71%!important;\n\n    transform:\n      translateY(-14%)\n      scale(1.18);\n  }\n\n\n  .jny-duo-home-v25-photo-shell:hover .jny-duo-home-v25-photo{\n    transform:\n      translateY(-14%)\n      scale(1.18);\n  }\n\n\n  .jny-duo-home-v25-traits{\n    grid-template-columns:1fr;\n  }\n\n\n  .jny-duo-home-v25-trait{\n    min-height:0;\n  }\n\n\n  .jny-duo-home-v25-close h3{\n    font-size:clamp(20px,5.7vw,25px);\n  }\n\n}\n\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .jny-duo-home-v25 *,\n  .jny-duo-home-v25 *::before,\n  .jny-duo-home-v25 *::after{\n    animation:none!important;\n    transition:none!important;\n  }\n\n\n  .jny-duo-home-v25-reveal{\n    opacity:1!important;\n\n    transform:none!important;\n  }\n\n}\n\n\n\n\/* =========================================================\n   V19 \u2014 INTRO PLUS COURTE ET LIGNES \u00c9QUILIBR\u00c9ES\n========================================================= *\/\n\n.jny-duo-home-v25-lead{\n  max-width:600px;\n  text-align:left;\n  text-wrap:pretty;\n}\n\n\/* =========================================================\n   V21 \u2014 ENCart \"ON A \u00c9T\u00c9 \u00c0 VOTRE PLACE\"\n========================================================= *\/\n\n.jny-duo-home-v25-note{\n  position:relative;\n\n  max-width:585px;\n\n  margin-top:28px;\n\n  padding:\n    22px\n    24px\n    23px;\n\n  border:\n    1px solid rgba(84,35,47,.09);\n\n  border-radius:20px;\n\n  background:\n    rgba(255,255,255,.48);\n\n  backdrop-filter:blur(12px);\n  -webkit-backdrop-filter:blur(12px);\n}\n\n.jny-duo-home-v25-note::before{\n  content:\"\";\n\n  position:absolute;\n\n  left:24px;\n  top:-1px;\n\n  width:48px;\n  height:2px;\n\n  background:var(--sage);\n}\n\n.jny-duo-home-v25-note p{\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\"Cormorant Garamond\",serif;\n\n  font-size:\n    clamp(27px,2.15vw,36px);\n\n  font-style:italic;\n  font-weight:400;\n\n  line-height:1.08;\n}\n\n.jny-duo-home-v25-note span{\n  display:block;\n\n  margin-top:11px;\n\n  color:\n    rgba(79,68,76,.68);\n\n  font-family:\"Montserrat\",sans-serif;\n\n  font-size:13px;\n  font-style:normal;\n  font-weight:400;\n\n  line-height:1.68;\n}\n\n@media(max-width:700px){\n\n  .jny-duo-home-v25-note{\n    max-width:100%;\n\n    margin-top:24px;\n\n    padding:\n      19px\n      18px\n      20px;\n  }\n\n  .jny-duo-home-v25-note::before{\n    left:18px;\n  }\n\n  .jny-duo-home-v25-note p{\n    font-size:27px;\n  }\n\n  .jny-duo-home-v25-note span{\n    font-size:12.5px;\n\n    line-height:1.62;\n  }\n}\n\n<\/style>\n\n\n\n<section\n  class=\"jny-duo-home-v25\"\n  aria-labelledby=\"jny-duo-home-v25-title\"\n>\n\n\n  <!-- =====================================================\n       GRAND MOT\n  ====================================================== -->\n\n  <div\n    class=\"jny-duo-home-v25-ghost\"\n    aria-hidden=\"true\"\n  >\n    ENSEMBLE.\n  <\/div>\n\n\n\n  <div class=\"jny-duo-home-v25-wrap\">\n\n\n\n    <!-- =====================================================\n         HERO\n    ====================================================== -->\n\n    <div class=\"jny-duo-home-v25-stage\">\n\n\n\n      <!-- ===================================================\n           TEXTE\n      ==================================================== -->\n\n      <div\n        class=\"jny-duo-home-v25-copy jny-duo-home-v25-reveal\"\n      >\n\n\n        <div class=\"jny-duo-home-v25-kicker\">\n          Notre duo\n        <\/div>\n\n\n\n        <h1\n          class=\"jny-duo-home-v25-title\"\n          id=\"jny-duo-home-v25-title\"\n        >\n\n          Deux sensibilit\u00e9s.\n\n          <em>\n            Une m\u00eame fa\u00e7on de penser pour les moments qui comptent.\n          <\/em>\n\n        <\/h1>\n\n\n\n        <p class=\"jny-duo-home-v25-lead\">\n          JN.YOU, c\u2019est d\u2019abord nous deux, une sensibilit\u00e9 commune et l\u2019envie de cr\u00e9er des moments qui ont du sens.\n          Jeanne apporte son exp\u00e9rience de l\u2019\u00e9v\u00e9nementiel. Na\u00ebl, son regard structur\u00e9 et son sens de la fluidit\u00e9.<br>C\u2019est l\u00e0 que notre fa\u00e7on de travailler \u00e0 deux a pris tout son sens, avec de la sensibilit\u00e9, de la structure,\n          beaucoup d\u2019\u00e9changes et surtout l\u2019envie de cr\u00e9er des moments dans lesquels vous vous reconnaissez.\n        <\/p>\n\n        <div class=\"jny-duo-home-v25-note\">\n\n          <p>\n            On a \u00e9t\u00e9 \u00e0 votre place.\n          <\/p>\n\n          <span>\n            \u00c0 imaginer, choisir, h\u00e9siter, se projeter.\n            \u00c0 vouloir que tout soit juste et que chaque d\u00e9tail trouve naturellement sa place.\n          <\/span>\n\n        <\/div>\n\n\n\n\n        <!-- =================================================\n             ON A \u00c9T\u00c9 \u00c0 VOTRE PLACE\n        ================================================== -->\n\n        \n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           PHOTO + PERSONNALIT\u00c9\n      ==================================================== -->\n\n      <div\n        class=\"jny-duo-home-v25-visual jny-duo-home-v25-reveal\"\n      >\n\n\n\n        <!-- =================================================\n             PHOTO\n        ================================================== -->\n\n        <div class=\"jny-duo-home-v25-photo-area\">\n\n\n          <div\n            class=\"jny-duo-home-v25-photo-back\"\n            aria-hidden=\"true\"\n          ><\/div>\n\n\n\n          <div class=\"jny-duo-home-v25-photo-shell\">\n\n\n            <img\n              class=\"jny-duo-home-v25-photo\"\n              src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/08\/05_2027_ENGAGEMENT_VF_JEANNE_NAEL-21-scaled.jpg\"\n              alt=\"Jeanne et Na\u00ebl, le duo derri\u00e8re JN.YOU\"\n              loading=\"eager\"\n              decoding=\"async\"\n            >\n\n\n            <div\n              class=\"jny-duo-home-v25-photo-overlay\"\n              aria-hidden=\"true\"\n            ><\/div>\n\n\n          <\/div>\n\n\n\n          <div\n            class=\"jny-duo-home-v25-side\"\n            aria-hidden=\"true\"\n          >\n            notre duo.\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             CE QUI NOUS RESSEMBLE\n        ================================================== -->\n\n        <div class=\"jny-duo-home-v25-traits\">\n\n\n\n          <!-- AUTHENTIQUES -->\n\n          <div class=\"jny-duo-home-v25-trait\">\n<strong>\n              Authentiques.\n            <\/strong>\n\n\n            <p>\n              Une relation simple et sinc\u00e8re, des \u00e9changes naturels\n              et une attention vraie \u00e0 ce qui vous ressemble.\n            <\/p>\n\n\n          <\/div>\n\n\n\n          <!-- SENSIBLES -->\n\n          <div class=\"jny-duo-home-v25-trait\">\n<strong>\n              Sensibles.\n            <\/strong>\n\n\n            <p>\n              Attentifs aux \u00e9motions et aux d\u00e9tails qui donnent\n              \u00e0 chaque moment une dimension profond\u00e9ment personnelle.\n            <\/p>\n\n\n          <\/div>\n\n\n\n          <!-- COMPL\u00c9MENTAIRES -->\n\n          <div class=\"jny-duo-home-v25-trait\">\n<strong>\n              Compl\u00e9mentaires.\n            <\/strong>\n\n\n            <p>\n              Deux regards et deux sensibilit\u00e9s qui se compl\u00e8tent\n              pour enrichir chaque id\u00e9e et chaque d\u00e9cision.\n            <\/p>\n\n\n          <\/div>\n\n\n\n          <!-- PR\u00c9SENTS -->\n\n          <div class=\"jny-duo-home-v25-trait\">\n<strong>\n              Pr\u00e9sents.\n            <\/strong>\n\n\n            <p>\n              \u00c0 vos c\u00f4t\u00e9s du premier \u00e9change au jour J,\n              avec disponibilit\u00e9, calme et discr\u00e9tion.\n            <\/p>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<script>\n\n(function(){\n\n\n  const root =\n    document.querySelector('.jny-duo-home-v25');\n\n\n  if(\n    !root ||\n    root.dataset.jnyInit === '1'\n  ){\n    return;\n  }\n\n\n  root.dataset.jnyInit = '1';\n\n\n\n  const reveals =\n    root.querySelectorAll(\n      '.jny-duo-home-v25-reveal'\n    );\n\n\n  const photo =\n    root.querySelector(\n      '.jny-duo-home-v25-photo-shell'\n    );\n\n\n\n  \/* =========================================================\n     APPARITION\n  ========================================================= *\/\n\n  if(\n    'IntersectionObserver' in window\n  ){\n\n    const obs =\n      new IntersectionObserver(\n\n        (entries)=>{\n\n          entries.forEach(\n\n            (entry)=>{\n\n\n              if(\n                !entry.isIntersecting\n              ){\n                return;\n              }\n\n\n              entry.target.classList.add(\n                'is-visible'\n              );\n\n\n              obs.unobserve(\n                entry.target\n              );\n\n\n            }\n\n          );\n\n        },\n\n        {\n          threshold:.12,\n          rootMargin:'0px 0px -8% 0px'\n        }\n\n      );\n\n\n    reveals.forEach(\n      el => obs.observe(el)\n    );\n\n  }\n\n\n  else{\n\n    reveals.forEach(\n      el => el.classList.add(\n        'is-visible'\n      )\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     PARALLAX DESKTOP\n  ========================================================= *\/\n\n  let raf = null;\n\n\n  root.addEventListener(\n\n    'mousemove',\n\n    function(e){\n\n\n      if(\n\n        !window.matchMedia(\n          '(min-width:1181px) and (hover:hover) and (pointer:fine)'\n        ).matches\n\n      ){\n        return;\n      }\n\n\n      if(raf){\n        cancelAnimationFrame(raf);\n      }\n\n\n      raf =\n        requestAnimationFrame(\n          ()=>{\n\n\n            const rect =\n              root.getBoundingClientRect();\n\n\n            const nx =\n              ((e.clientX - rect.left) \/ rect.width) - .5;\n\n\n            const ny =\n              ((e.clientY - rect.top) \/ rect.height) - .5;\n\n\n            if(photo){\n\n\n              photo.style.setProperty(\n                '--px',\n                (nx * -7).toFixed(1) + 'px'\n              );\n\n\n              photo.style.setProperty(\n                '--py',\n                (ny * -5).toFixed(1) + 'px'\n              );\n\n\n              photo.style.setProperty(\n                '--ps',\n                '1.006'\n              );\n\n\n            }\n\n\n          }\n        );\n\n\n    }\n\n  );\n\n\n\n  \/* =========================================================\n     RESET\n  ========================================================= *\/\n\n  root.addEventListener(\n\n    'mouseleave',\n\n    function(){\n\n\n      if(photo){\n\n\n        photo.style.setProperty(\n          '--px',\n          '0px'\n        );\n\n\n        photo.style.setProperty(\n          '--py',\n          '0px'\n        );\n\n\n        photo.style.setProperty(\n          '--ps',\n          '1'\n        );\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<div class=\"elementor-element elementor-element-15155af e-con-full e-flex e-con e-parent\" data-id=\"15155af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c6aba1 elementor-widget elementor-widget-html\" data-id=\"4c6aba1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU \u2014 DESTINATIONS \u2014 V11\n     ICONES 100% SVG \u2014 AUCUN EMOJI\n     Full image \u2022 Editorial \u2022 Premium\n     Annecy \u2022 France \u2022 Destinations\n     Responsive Elementor \/ WordPress\n========================================================== -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@400;500;600&display=swap');\n\n.jny-dest-v11{\n  --plum:#44123A;\n  --wine:#54232F;\n  --sage:#A8B6A5;\n  --paper:#FBF9F6;\n  --porcelain:#F2EFEA;\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  min-height:clamp(720px,78vh,960px);\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(30,20,26,.12) 0%,\n      rgba(30,20,26,.24) 45%,\n      rgba(30,20,26,.78) 100%\n    ),\n    url(\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/08\/events-destinations.png\")\n    center 52% \/ cover no-repeat;\n\n  color:var(--paper);\n\n  font-family:\"Montserrat\",sans-serif;\n\n  isolation:isolate;\n}\n\n.jny-dest-v11,\n.jny-dest-v11 *{\n  box-sizing:border-box;\n}\n\n.elementor-widget-html:has(.jny-dest-v11),\n.elementor-widget-html:has(.jny-dest-v11) > .elementor-widget-container{\n  width:100%!important;\n  max-width:none!important;\n  overflow:visible!important;\n}\n\n.jny-dest-v11 a{\n  -webkit-tap-highlight-color:transparent;\n}\n\n\n\/* =========================================================\n   IMAGE \/ ZOOM RESPIRANT\n========================================================= *\/\n\n.jny-dest-v11::before{\n  content:\"\";\n\n  position:absolute;\n\n  inset:-2%;\n\n  z-index:-1;\n\n  background:\n    url(\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/08\/events-destinations.png\")\n    center 52% \/ cover no-repeat;\n\n  transform:scale(1.02);\n\n  animation:\n    jnyDestBreathV11\n    18s\n    ease-in-out\n    infinite\n    alternate;\n}\n\n.jny-dest-v11::after{\n  content:\"\";\n\n  position:absolute;\n\n  inset:0;\n\n  z-index:-1;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(35,24,29,.08) 0%,\n      rgba(35,24,29,.18) 38%,\n      rgba(35,24,29,.72) 100%\n    );\n}\n\n@keyframes jnyDestBreathV11{\n  from{\n    transform:scale(1.02);\n  }\n\n  to{\n    transform:scale(1.065);\n  }\n}\n\n\n\/* =========================================================\n   WRAP\n========================================================= *\/\n\n.jny-dest-v11-wrap{\n  width:min(100%,1560px);\n\n  min-height:inherit;\n\n  margin:0 auto;\n\n  padding:\n    clamp(90px,8vw,136px)\n    clamp(22px,5vw,78px)\n    clamp(34px,4vw,54px);\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n.jny-dest-v11-top{\n  display:flex;\n\n  justify-content:flex-start;\n\n  align-items:flex-start;\n}\n\n.jny-dest-v11-kicker{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:14px;\n\n  color:var(--sage);\n\n  font-size:\n    clamp(10px,.8vw,12px);\n\n  font-weight:600;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n.jny-dest-v11-kicker::before{\n  content:\"\";\n\n  width:36px;\n  height:1px;\n\n  background:\n    rgba(251,249,246,.48);\n}\n\n\n\/* =========================================================\n   CENTER\n========================================================= *\/\n\n.jny-dest-v11-center{\n  max-width:1040px;\n\n  margin:\n    clamp(100px,12vh,170px)\n    auto\n    clamp(64px,7.5vh,102px);\n\n  text-align:center;\n}\n\n.jny-dest-v11-title{\n  margin:0;\n\n  color:var(--paper);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(64px,7.4vw,116px);\n\n  font-weight:500;\n\n  line-height:.91;\n\n  letter-spacing:-.05em;\n\n  text-wrap:balance;\n}\n\n.jny-dest-v11-title em{\n  display:block;\n\n  margin-top:.14em;\n\n  color:var(--sage);\n\n  font-weight:400;\n\n  font-style:italic;\n}\n\n\/* =========================================================\n   DESTINATION RAIL\n========================================================= *\/\n\n.jny-dest-v11-rail{\n  position:relative;\n\n  border-top:\n    1px solid rgba(251,249,246,.24);\n}\n\n.jny-dest-v11-swipe-hint{\n  display:none;\n}\n\n.jny-dest-v11-list{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n}\n\n\n\/* =========================================================\n   DESTINATION ITEM\n========================================================= *\/\n\n.jny-dest-v11-item{\n  position:relative;\n\n  min-height:145px;\n\n  padding:\n    24px\n    clamp(14px,2vw,28px)\n    18px;\n\n  color:var(--paper);\n\n  text-decoration:none;\n\n  border-right:\n    1px solid rgba(251,249,246,.18);\n\n  overflow:hidden;\n\n  transition:\n    background-color .35s ease,\n    padding-left .35s ease;\n}\n\n.jny-dest-v11-item:first-child{\n  padding-left:0;\n}\n\n.jny-dest-v11-item:last-child{\n  border-right:0;\n}\n\n.jny-dest-v11-item::before{\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  top:0;\n\n  width:100%;\n  height:2px;\n\n  background:\n    var(--sage);\n\n  transform:\n    scaleX(0);\n\n  transform-origin:\n    left;\n\n  transition:\n    transform .35s ease;\n}\n\n.jny-dest-v11-item:hover,\n.jny-dest-v11-item:focus-visible{\n  background:\n    rgba(251,249,246,.045);\n\n  outline:none;\n}\n\n.jny-dest-v11-item:hover::before,\n.jny-dest-v11-item:focus-visible::before{\n  transform:\n    scaleX(1);\n}\n\n\n\/* =========================================================\n   LABEL\n========================================================= *\/\n\n.jny-dest-v11-label{\n  display:block;\n\n  color:\n    rgba(251,249,246,.58);\n\n  font-size:8px;\n\n  font-weight:600;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   NOM\n========================================================= *\/\n\n.jny-dest-v11-name{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:14px;\n\n  margin-top:10px;\n\n  color:var(--paper);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(30px,2.9vw,44px);\n\n  font-weight:500;\n\n  line-height:.96;\n}\n\n\n\/* =========================================================\n   FLECHE DESTINATION \u2014 SVG UNIQUEMENT\n========================================================= *\/\n\n.jny-dest-v11-arrow{\n  width:24px;\n  height:24px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  flex:0 0 auto;\n\n  color:\n    var(--sage);\n\n  transition:\n    transform .28s ease;\n}\n\n.jny-dest-v11-arrow svg{\n  width:15px;\n  height:15px;\n\n  display:block;\n\n  fill:none;\n\n  stroke:currentColor;\n\n  stroke-width:1.65;\n\n  stroke-linecap:round;\n\n  stroke-linejoin:round;\n}\n\n.jny-dest-v11-item:hover\n.jny-dest-v11-arrow,\n\n.jny-dest-v11-item:focus-visible\n.jny-dest-v11-arrow{\n  transform:\n    translate(4px,-3px);\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.jny-dest-v11-note{\n  max-width:280px;\n\n  margin:\n    13px 0 0;\n\n  color:\n    rgba(251,249,246,.74);\n\n  font-size:\n    clamp(12.5px,.92vw,14px);\n\n  font-weight:400;\n\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   CTA BAS\n========================================================= *\/\n\n.jny-dest-v11-bottom{\n  display:flex;\n\n  justify-content:flex-end;\n\n  margin-top:22px;\n}\n\n.jny-dest-v11-link,\n.jny-dest-v11-link:hover,\n.jny-dest-v11-link:focus,\n.jny-dest-v11-link:focus-visible,\n.jny-dest-v11-link:active,\n.jny-dest-v11-link:visited{\n  position:relative;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  padding:\n    12px 0;\n\n  color:\n    var(--paper)!important;\n\n  background:\n    transparent!important;\n\n  border:\n    0!important;\n\n  border-radius:\n    0!important;\n\n  box-shadow:\n    none!important;\n\n  text-decoration:\n    none!important;\n\n  font-size:10.8px;\n\n  font-weight:600;\n\n  letter-spacing:.14em;\n\n  text-transform:uppercase;\n}\n\n.jny-dest-v11-link::after{\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:100%;\n  height:1.3px;\n\n  background:\n    var(--sage);\n\n  transform:\n    scaleX(.35);\n\n  transform-origin:\n    left center;\n\n  transition:\n    transform .28s ease;\n}\n\n.jny-dest-v11-link:hover::after,\n.jny-dest-v11-link:focus-visible::after{\n  transform:\n    scaleX(1);\n}\n\n\n\/* =========================================================\n   SVG CTA\n========================================================= *\/\n\n.jny-dest-v11-link-icon{\n  width:14px;\n  height:14px;\n\n  display:block;\n\n  flex:0 0 auto;\n\n  fill:none;\n\n  stroke:currentColor;\n\n  stroke-width:1.65;\n\n  stroke-linecap:round;\n\n  stroke-linejoin:round;\n\n  transition:\n    transform .28s ease;\n}\n\n.jny-dest-v11-link:hover\n.jny-dest-v11-link-icon,\n\n.jny-dest-v11-link:focus-visible\n.jny-dest-v11-link-icon{\n  transform:\n    translate(3px,-2px);\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1050px){\n\n  .jny-dest-v11{\n    min-height:\n      820px;\n  }\n\n  .jny-dest-v11-list{\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n  }\n\n  .jny-dest-v11-item{\n    min-height:\n      132px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:720px){\n\n  .jny-dest-v11{\n    min-height:\n      860px;\n\n    background-position:\n      center;\n  }\n\n  .jny-dest-v11-wrap{\n    padding:\n      72px\n      18px\n      26px;\n  }\n\n  .jny-dest-v11-top{\n    flex-direction:\n      column;\n  }\n\n  .jny-dest-v11-center{\n    margin:\n      90px auto 74px;\n  }\n\n  .jny-dest-v11-title{\n    font-size:\n      clamp(54px,15vw,74px);\n\n    line-height:\n      .92;\n  }\n\/* =======================================================\n     INDICATION DE SWIPE\n  ======================================================== *\/\n\n  .jny-dest-v11-swipe-hint{\n    display:flex;\n\n    align-items:center;\n\n    justify-content:flex-end;\n\n    gap:8px;\n\n    margin:\n      0 0 14px;\n\n    color:\n      rgba(251,249,246,.78);\n\n    font-size:\n      10px;\n\n    font-weight:\n      600;\n\n    letter-spacing:\n      .14em;\n\n    text-transform:\n      uppercase;\n  }\n\n  .jny-dest-v11-swipe-text{\n    opacity:\n      .88;\n  }\n\n  .jny-dest-v11-swipe-icon{\n    width:17px;\n    height:17px;\n\n    display:block;\n\n    flex:0 0 auto;\n\n    color:\n      var(--sage);\n\n    fill:none;\n\n    stroke:currentColor;\n\n    stroke-width:1.6;\n\n    stroke-linecap:round;\n\n    stroke-linejoin:round;\n\n    animation:\n      jnyDestSwipeV11\n      1.8s\n      ease-in-out\n      infinite;\n  }\n\n  @keyframes jnyDestSwipeV11{\n\n    0%,\n    100%{\n      transform:\n        translateX(0);\n    }\n\n    50%{\n      transform:\n        translateX(4px);\n    }\n\n  }\n\n\n  \/* =======================================================\n     SLIDER MOBILE\n  ======================================================== *\/\n\n  .jny-dest-v11-list{\n    display:flex;\n\n    gap:0;\n\n    overflow-x:auto;\n\n    scroll-snap-type:\n      x mandatory;\n\n    scrollbar-width:\n      none;\n\n    -webkit-overflow-scrolling:\n      touch;\n  }\n\n  .jny-dest-v11-list::-webkit-scrollbar{\n    display:none;\n  }\n\n\n  \/* D\u00e9grad\u00e9 droit *\/\n\n  .jny-dest-v11-rail::after{\n    content:\"\";\n\n    position:absolute;\n\n    top:48px;\n    right:0;\n    bottom:0;\n\n    width:46px;\n\n    background:\n      linear-gradient(\n        90deg,\n        rgba(35,24,29,0) 0%,\n        rgba(35,24,29,.22) 40%,\n        rgba(35,24,29,.40) 100%\n      );\n\n    pointer-events:none;\n  }\n\n\n  \/* Cartes horizontales *\/\n\n  .jny-dest-v11-item,\n  .jny-dest-v11-item:first-child{\n    flex:\n      0 0 80%;\n\n    min-width:\n      80%;\n\n    min-height:\n      135px;\n\n    padding:\n      22px 20px;\n\n    border-right:\n      1px solid rgba(251,249,246,.18);\n\n    border-bottom:\n      0!important;\n\n    scroll-snap-align:\n      start;\n  }\n\n  .jny-dest-v11-item:first-child{\n    padding-left:0;\n  }\n\n  .jny-dest-v11-name{\n    font-size:\n      34px;\n  }\n\n  .jny-dest-v11-arrow{\n    width:\n      22px;\n\n    height:\n      22px;\n  }\n\n  .jny-dest-v11-arrow svg{\n    width:\n      14px;\n\n    height:\n      14px;\n  }\n\n  .jny-dest-v11-note{\n    font-size:\n      13px;\n\n    line-height:\n      1.62;\n  }\n\n\n  \/* CTA *\/\n\n  .jny-dest-v11-bottom{\n    justify-content:\n      flex-start;\n  }\n\n  .jny-dest-v11-link{\n    font-size:\n      10px;\n\n    padding:\n      11px 0;\n  }\n\n  .jny-dest-v11-link-icon{\n    width:\n      13px;\n\n    height:\n      13px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .jny-dest-v11::before{\n    animation:\n      none!important;\n  }\n\n  .jny-dest-v11 *,\n  .jny-dest-v11 *::before,\n  .jny-dest-v11 *::after{\n    transition:\n      none!important;\n\n    animation:\n      none!important;\n  }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION\n========================================================= -->\n\n<section\n  class=\"jny-dest-v11\"\n  aria-labelledby=\"jny-dest-v11-title\"\n>\n\n  <div class=\"jny-dest-v11-wrap\">\n\n\n    <!-- =====================================================\n         TOP\n    ====================================================== -->\n\n    <div class=\"jny-dest-v11-top\">\n\n      <div class=\"jny-dest-v11-kicker\">\n        Destinations\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CENTER\n    ====================================================== -->\n\n    <div class=\"jny-dest-v11-center\">\n\n      <h2\n        class=\"jny-dest-v11-title\"\n        id=\"jny-dest-v11-title\"\n      >\n\n        Chaque lieu raconte quelque chose.\n\n        <em>\n          \u00c0 vous d\u2019\u00e9crire la suite.\n        <\/em>\n\n      <\/h2>\n<\/div>\n\n\n    <!-- =====================================================\n         DESTINATIONS\n    ====================================================== -->\n\n    <div class=\"jny-dest-v11-rail\">\n\n\n      <!-- ===================================================\n           INDICATION SWIPE MOBILE\n           SVG UNIQUEMENT\n      ==================================================== -->\n\n      <div\n        class=\"jny-dest-v11-swipe-hint\"\n        aria-hidden=\"true\"\n      >\n\n        <span class=\"jny-dest-v11-swipe-text\">\n          Glissez\n        <\/span>\n\n\n        <svg\n          class=\"jny-dest-v11-swipe-icon\"\n          viewBox=\"0 0 24 24\"\n          focusable=\"false\"\n        >\n\n          <path d=\"M5 12H19\"><\/path>\n\n          <path d=\"M14 7L19 12L14 17\"><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n\n      <!-- ===================================================\n           LISTE\n      ==================================================== -->\n\n      <div class=\"jny-dest-v11-list\">\n\n\n        <!-- =================================================\n             ANNECY\n        ================================================== -->\n\n        <a\n          class=\"jny-dest-v11-item\"\n          href=\"\/destinations\/annecy\/\"\n        >\n\n          <span class=\"jny-dest-v11-label\">\n            Entre lac & montagnes\n          <\/span>\n\n\n          <span class=\"jny-dest-v11-name\">\n\n            Annecy\n\n\n            <span\n              class=\"jny-dest-v11-arrow\"\n              aria-hidden=\"true\"\n            >\n\n              <svg\n                viewBox=\"0 0 24 24\"\n                focusable=\"false\"\n              >\n\n                <path d=\"M7 17L17 7\"><\/path>\n\n                <path d=\"M8 7H17V16\"><\/path>\n\n              <\/svg>\n\n            <\/span>\n\n          <\/span>\n\n\n          <p class=\"jny-dest-v11-note\">\n\n            Entre lac et montagnes,\n            des d\u00e9cors \u00e9l\u00e9gants au caract\u00e8re\n            naturellement alpin.\n\n          <\/p>\n\n        <\/a>\n\n\n        <!-- =================================================\n             FRANCE\n        ================================================== -->\n\n        <a\n          class=\"jny-dest-v11-item\"\n          href=\"\/destinations\/france\/\"\n        >\n\n          <span class=\"jny-dest-v11-label\">\n            De r\u00e9gion en r\u00e9gion\n          <\/span>\n\n\n          <span class=\"jny-dest-v11-name\">\n\n            France\n\n\n            <span\n              class=\"jny-dest-v11-arrow\"\n              aria-hidden=\"true\"\n            >\n\n              <svg\n                viewBox=\"0 0 24 24\"\n                focusable=\"false\"\n              >\n\n                <path d=\"M7 17L17 7\"><\/path>\n\n                <path d=\"M8 7H17V16\"><\/path>\n\n              <\/svg>\n\n            <\/span>\n\n          <\/span>\n\n\n          <p class=\"jny-dest-v11-note\">\n\n            Des lieux de caract\u00e8re partout en France,\n            choisis pour leur \u00e2me, leur beaut\u00e9 et leur singularit\u00e9.\n\n          <\/p>\n\n        <\/a>\n\n\n        <!-- =================================================\n             DESTINATIONS\n        ================================================== -->\n\n        <a\n          class=\"jny-dest-v11-item\"\n          href=\"\/destinations\/\"\n        >\n\n          <span class=\"jny-dest-v11-label\">\n            L\u00e0 o\u00f9 votre histoire vous m\u00e8ne\n          <\/span>\n\n\n          <span class=\"jny-dest-v11-name\">\n\n            Destinations\n\n\n            <span\n              class=\"jny-dest-v11-arrow\"\n              aria-hidden=\"true\"\n            >\n\n              <svg\n                viewBox=\"0 0 24 24\"\n                focusable=\"false\"\n              >\n\n                <path d=\"M7 17L17 7\"><\/path>\n\n                <path d=\"M8 7H17V16\"><\/path>\n\n              <\/svg>\n\n            <\/span>\n\n          <\/span>\n\n\n          <p class=\"jny-dest-v11-note\">\n\n            Des c\u00e9l\u00e9brations pens\u00e9es dans des lieux\n            qui donnent une autre dimension \u00e0 votre histoire.\n\n          <\/p>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CTA BAS\n    ====================================================== -->\n\n    <div class=\"jny-dest-v11-bottom\">\n\n      <a\n        class=\"jny-dest-v11-link\"\n        href=\"\/destinations\/\"\n      >\n\n        <span>\n          Explorer nos destinations\n        <\/span>\n\n\n        <svg\n          class=\"jny-dest-v11-link-icon\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        >\n\n          <path d=\"M7 17L17 7\"><\/path>\n\n          <path d=\"M8 7H17V16\"><\/path>\n\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-102151e e-con-full e-flex e-con e-parent\" data-id=\"102151e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3501a90 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3501a90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU \u2014 SECTION 02 \/ ESSENTIEL \u2014 V10\n     Plus \u00e9pur\u00e9 \u2022 Plus premium \u2022 Tr\u00e8s lisible\n     Fl\u00e8che 100% SVG \u2014 aucun emoji\n     Porcelaine \u2022 Bordeaux \u2022 Sauge\n     Responsive \u2022 Elementor \/ WordPress \/ HTML\n========================================================== -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@400;500;600&display=swap');\n\n.jny-essential-v10{\n  --wine:#54232F;\n  --plum:#44123A;\n  --taupe:#4F444C;\n  --sage:#778A77;\n  --porcelain:#F2EFEA;\n  --paper:#FBF9F6;\n  --line:rgba(79,68,76,.12);\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  isolation:isolate;\n}\n\n.jny-essential-v10,\n.jny-essential-v10 *{\n  box-sizing:border-box;\n}\n\n.elementor-widget-html:has(.jny-essential-v10),\n.elementor-widget-html:has(.jny-essential-v10) > .elementor-widget-container{\n  width:100%!important;\n  max-width:none!important;\n  overflow:visible!important;\n}\n\n.jny-essential-v10 a{\n  -webkit-tap-highlight-color:transparent;\n}\n\n\n\/* =========================================================\n   TRAIT HAUT\n========================================================= *\/\n\n.jny-essential-v10::before{\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:50%;\n\n  width:min(calc(100% - 44px),1450px);\n  height:1px;\n\n  transform:translateX(-50%);\n\n  background:var(--line);\n}\n\n\n\/* =========================================================\n   JN FANT\u00d4ME\n========================================================= *\/\n\n.jny-essential-v10::after{\n  content:\"JN\";\n\n  position:absolute;\n\n  right:-.02em;\n  bottom:-.28em;\n\n  color:rgba(84,35,47,.025);\n\n  font-family:\"Cormorant Garamond\",serif;\n\n  font-size:clamp(220px,30vw,520px);\n\n  font-weight:500;\n\n  line-height:1;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.jny-essential-v10-inner{\n  position:relative;\n\n  z-index:2;\n\n  width:min(100%,1560px);\n\n  margin:0 auto;\n\n  padding:\n    clamp(88px,8vw,138px)\n    clamp(22px,5vw,78px)\n    clamp(88px,8vw,138px);\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(360px,.72fr);\n\n  gap:clamp(58px,8vw,130px);\n\n  align-items:center;\n}\n\n\n\/* =========================================================\n   TEXTE\n========================================================= *\/\n\n.jny-essential-v10-copy{\n  max-width:850px;\n}\n\n\n\/* =========================================================\n   KICKER\n========================================================= *\/\n\n.jny-essential-v10-kicker{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:12px;\n\n  margin-bottom:24px;\n\n  color:var(--sage);\n\n  font-size:8px;\n\n  font-weight:600;\n\n  line-height:1.4;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n.jny-essential-v10-kicker::before{\n  content:\"\";\n\n  width:34px;\n  height:1px;\n\n  background:var(--wine);\n}\n\n\n\/* =========================================================\n   TITRE\n========================================================= *\/\n\n.jny-essential-v10-title{\n  margin:0;\n\n  max-width:820px;\n\n  color:var(--wine);\n\n  font-family:\"Cormorant Garamond\",serif;\n\n  font-size:clamp(62px,7vw,110px);\n\n  font-weight:500;\n\n  line-height:.92;\n\n  letter-spacing:-.045em;\n\n  text-wrap:balance;\n}\n\n.jny-essential-v10-title em{\n  display:block;\n\n  margin-top:.06em;\n\n  color:var(--sage);\n\n  font-weight:400;\n\n  font-style:italic;\n}\n\n\n\/* =========================================================\n   LEAD\n========================================================= *\/\n\n.jny-essential-v10-lead{\n  max-width:560px;\n\n  margin:\n    clamp(28px,3vw,38px)\n    0\n    0;\n\n  color:rgba(79,68,76,.72);\n\n  font-size:clamp(15.5px,1.15vw,18.5px);\n\n  font-weight:400;\n\n  line-height:1.78;\n}\n\n.jny-essential-v10-lead strong{\n  color:var(--wine);\n\n  font-weight:500;\n}\n\n\n\/* =========================================================\n   3 PRINCIPES\n========================================================= *\/\n\n.jny-essential-v10-steps{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:0;\n\n  margin-top:\n    clamp(42px,4vw,58px);\n\n  border-top:\n    1px solid var(--line);\n\n  border-bottom:\n    1px solid var(--line);\n}\n\n.jny-essential-v10-step{\n  position:relative;\n\n  min-height:142px;\n\n  padding:\n    26px 24px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  gap:10px;\n\n  overflow:hidden;\n\n  transition:\n    background-color .32s ease,\n    transform .32s ease,\n    padding .32s ease;\n}\n\n.jny-essential-v10-step:first-child{\n  padding-left:0;\n}\n\n.jny-essential-v10-step:not(:last-child){\n  border-right:\n    1px solid var(--line);\n}\n\n.jny-essential-v10-step::after{\n  content:\"\";\n\n  position:absolute;\n\n  left:22px;\n  right:22px;\n  bottom:0;\n\n  height:1px;\n\n  background:var(--wine);\n\n  transform:scaleX(0);\n\n  transform-origin:left;\n\n  opacity:.45;\n\n  transition:\n    transform .32s ease;\n}\n\n.jny-essential-v10-step:first-child::after{\n  left:0;\n}\n\n.jny-essential-v10-step:hover{\n  background:\n    rgba(242,239,234,.54);\n\n  transform:\n    translateY(-3px);\n}\n\n.jny-essential-v10-step:hover::after{\n  transform:\n    scaleX(1);\n}\n\n.jny-essential-v10-step:hover\n.jny-essential-v10-step-number{\n  color:\n    var(--wine);\n}\n\n.jny-essential-v10-step:hover\n.jny-essential-v10-step-label{\n  color:\n    var(--sage);\n}\n\n\n\/* =========================================================\n   NUM\u00c9ROS\n========================================================= *\/\n\n.jny-essential-v10-step-number{\n  color:\n    rgba(84,35,47,.48);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    20px;\n\n  line-height:\n    1;\n\n  transition:\n    color .28s ease;\n}\n\n\n\/* =========================================================\n   LABELS\n========================================================= *\/\n\n.jny-essential-v10-step-label{\n  color:\n    var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(29px,2.45vw,38px);\n\n  font-weight:\n    500;\n\n  line-height:\n    1;\n\n  transition:\n    color .28s ease;\n}\n\n\n\/* =========================================================\n   NOTES\n========================================================= *\/\n\n.jny-essential-v10-step-note{\n  color:\n    rgba(79,68,76,.68);\n\n  font-size:\n    clamp(10px,.72vw,11.5px);\n\n  font-weight:\n    500;\n\n  line-height:\n    1.55;\n\n  letter-spacing:\n    .015em;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.jny-essential-v10-link,\n.jny-essential-v10-link:hover,\n.jny-essential-v10-link:focus,\n.jny-essential-v10-link:focus-visible,\n.jny-essential-v10-link:active,\n.jny-essential-v10-link:visited{\n  position:relative;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:12px;\n\n  margin-top:\n    clamp(36px,3.2vw,48px);\n\n  padding:\n    13px 0;\n\n  color:\n    var(--wine)!important;\n\n  background:\n    transparent!important;\n\n  background-color:\n    transparent!important;\n\n  border:\n    0!important;\n\n  border-radius:\n    0!important;\n\n  box-shadow:\n    none!important;\n\n  text-decoration:\n    none!important;\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n\n  line-height:\n    1;\n\n  letter-spacing:\n    .15em;\n\n  text-transform:\n    uppercase;\n}\n\n\n\/* =========================================================\n   SOULIGNEMENT CTA\n========================================================= *\/\n\n.jny-essential-v10-link::after{\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:100%;\n  height:1.3px;\n\n  background:\n    var(--wine);\n\n  transform:\n    scaleX(.35);\n\n  transform-origin:\n    left center;\n\n  transition:\n    transform .28s ease;\n}\n\n.jny-essential-v10-link:hover::after,\n.jny-essential-v10-link:focus-visible::after{\n  transform:\n    scaleX(1);\n}\n\n\n\/* =========================================================\n   FL\u00c8CHE SVG CTA\n   AUCUN \u2197 EN TEXTE\n========================================================= *\/\n\n.jny-essential-v10-link-icon{\n  width:14px;\n  height:14px;\n\n  display:block;\n\n  flex:0 0 auto;\n\n  fill:none;\n\n  stroke:currentColor;\n\n  stroke-width:1.65;\n\n  stroke-linecap:round;\n\n  stroke-linejoin:round;\n\n  transition:\n    transform .28s ease;\n}\n\n.jny-essential-v10-link:hover\n.jny-essential-v10-link-icon,\n\n.jny-essential-v10-link:focus-visible\n.jny-essential-v10-link-icon{\n  transform:\n    translate(3px,-2px);\n}\n\n\n\/* =========================================================\n   VISUEL\n========================================================= *\/\n\n.jny-essential-v10-visual{\n  position:relative;\n\n  width:min(100%,530px);\n\n  justify-self:end;\n}\n\n.jny-essential-v10-image{\n  position:relative;\n\n  aspect-ratio:4\/5;\n\n  overflow:hidden;\n\n  border-radius:\n    150px 10px 150px 10px;\n\n  background:\n    var(--porcelain);\n\n  box-shadow:\n    0 30px 66px rgba(68,18,58,.08),\n    0 8px 24px rgba(68,18,58,.04);\n\n  transition:\n    transform .55s cubic-bezier(.2,.7,.2,1),\n    box-shadow .55s ease;\n}\n\n.jny-essential-v10-image img{\n  width:100%;\n  height:100%;\n\n  display:block;\n\n  object-fit:cover;\n\n  object-position:\n    68% center;\n\n  transform:\n    scale(1.015);\n\n  transition:\n    transform 1s cubic-bezier(.2,.7,.2,1);\n}\n\n.jny-essential-v10-visual:hover\n.jny-essential-v10-image{\n  transform:\n    translateY(-6px);\n\n  box-shadow:\n    0 38px 80px rgba(68,18,58,.12),\n    0 12px 30px rgba(68,18,58,.06);\n}\n\n.jny-essential-v10-visual:hover\n.jny-essential-v10-image img{\n  transform:\n    scale(1.045);\n}\n\n.jny-essential-v10-image::after{\n  content:\"\";\n\n  position:absolute;\n\n  inset:0;\n\n  background:\n    rgba(79,68,76,.035);\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   SIGNATURE SUR VISUEL\n========================================================= *\/\n\n.jny-essential-v10-signature{\n  position:absolute;\n\n  left:-28px;\n  bottom:34px;\n\n  width:\n    min(76%,300px);\n\n  padding:\n    22px 22px;\n\n  border:\n    1px solid rgba(84,35,47,.10);\n\n  border-radius:\n    18px;\n\n  background:\n    rgba(251,249,246,.95);\n\n  box-shadow:\n    0 20px 46px rgba(68,18,58,.09);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n\n  transition:\n    transform .38s ease,\n    box-shadow .38s ease;\n}\n\n.jny-essential-v10-visual:hover\n.jny-essential-v10-signature{\n  transform:\n    translate(4px,-4px);\n\n  box-shadow:\n    0 24px 52px rgba(68,18,58,.11);\n}\n\n.jny-essential-v10-signature strong{\n  display:block;\n\n  color:\n    var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(26px,2.4vw,34px);\n\n  font-weight:\n    500;\n\n  line-height:\n    1.05;\n}\n\n.jny-essential-v10-signature span{\n  display:block;\n\n  margin-top:\n    8px;\n\n  color:\n    rgba(79,68,76,.56);\n\n  font-size:\n    7.5px;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    .08em;\n\n  text-transform:\n    uppercase;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1050px){\n\n  .jny-essential-v10-inner{\n    grid-template-columns:\n      1fr;\n\n    gap:\n      64px;\n  }\n\n  .jny-essential-v10-copy{\n    max-width:\n      900px;\n  }\n\n  .jny-essential-v10-title{\n    max-width:\n      900px;\n  }\n\n  .jny-essential-v10-visual{\n    justify-self:start;\n\n    width:\n      min(100%,720px);\n  }\n\n  .jny-essential-v10-image{\n    aspect-ratio:\n      5\/6;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:620px){\n\n  .jny-essential-v10-inner{\n    padding:\n      72px\n      18px\n      78px;\n\n    gap:\n      48px;\n  }\n\n  .jny-essential-v10-kicker{\n    margin-bottom:\n      18px;\n\n    font-size:\n      7px;\n  }\n\n  .jny-essential-v10-title{\n    font-size:\n      clamp(50px,15vw,68px);\n\n    line-height:\n      .94;\n  }\n\n  .jny-essential-v10-lead{\n    margin-top:\n      24px;\n\n    font-size:\n      15.5px;\n\n    line-height:\n      1.72;\n  }\n\n\n  \/* PRINCIPES *\/\n\n  .jny-essential-v10-steps{\n    grid-template-columns:\n      1fr;\n\n    margin-top:\n      34px;\n  }\n\n  .jny-essential-v10-step{\n    min-height:\n      112px;\n\n    padding:\n      21px 0;\n  }\n\n  .jny-essential-v10-step:not(:last-child){\n    border-right:\n      0;\n\n    border-bottom:\n      1px solid var(--line);\n  }\n\n  .jny-essential-v10-step-label{\n    font-size:\n      31px;\n  }\n\n  .jny-essential-v10-step-note{\n    font-size:\n      11px;\n\n    line-height:\n      1.55;\n  }\n\n  .jny-essential-v10-step:hover{\n    transform:\n      none;\n  }\n\n\n  \/* CTA *\/\n\n  .jny-essential-v10-link{\n    font-size:\n      10.5px;\n\n    padding:\n      12px 0;\n\n    gap:\n      10px;\n  }\n\n  .jny-essential-v10-link-icon{\n    width:\n      13px;\n\n    height:\n      13px;\n  }\n\n\n  \/* VISUEL *\/\n\n  .jny-essential-v10-visual:hover\n  .jny-essential-v10-image{\n    transform:\n      none;\n  }\n\n  .jny-essential-v10-visual{\n    width:\n      100%;\n\n    padding-left:\n      8px;\n  }\n\n  .jny-essential-v10-image{\n    aspect-ratio:\n      4\/5.3;\n\n    border-radius:\n      92px 8px 92px 8px;\n  }\n\n  .jny-essential-v10-signature{\n    left:\n      -2px;\n\n    bottom:\n      22px;\n\n    width:\n      min(86%,310px);\n\n    padding:\n      18px 19px;\n  }\n\n  .jny-essential-v10-signature strong{\n    font-size:\n      28px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .jny-essential-v10 *,\n  .jny-essential-v10 *::before,\n  .jny-essential-v10 *::after{\n    transition:\n      none!important;\n\n    animation:\n      none!important;\n\n    scroll-behavior:\n      auto!important;\n  }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION\n========================================================= -->\n\n<section\n  class=\"jny-essential-v10\"\n  aria-labelledby=\"jny-essential-v10-title\"\n>\n\n  <div class=\"jny-essential-v10-inner\">\n\n\n    <!-- =====================================================\n         TEXTE\n    ====================================================== -->\n\n    <div class=\"jny-essential-v10-copy\">\n\n\n      <span class=\"jny-essential-v10-kicker\">\n        Notre mani\u00e8re de cr\u00e9er\n      <\/span>\n\n\n      <h2\n        class=\"jny-essential-v10-title\"\n        id=\"jny-essential-v10-title\"\n      >\n\n        Moins de codes.\n\n        <em>\n          Plus de vous.\n        <\/em>\n\n      <\/h2>\n\n\n      <p class=\"jny-essential-v10-lead\">\n\n        Une approche moderne :\n        \u00e9couter, imaginer, affiner.\n\n        Pour cr\u00e9er une c\u00e9l\u00e9bration\n        <strong>\n          juste, \u00e9l\u00e9gante et personnelle.\n        <\/strong>\n\n      <\/p>\n\n\n      <!-- ===================================================\n           PRINCIPES\n      ==================================================== -->\n\n      <div class=\"jny-essential-v10-steps\">\n\n\n        <!-- \u00c9COUTER -->\n\n        <div class=\"jny-essential-v10-step\">\n\n          <span class=\"jny-essential-v10-step-number\">\n            01\n          <\/span>\n\n          <span class=\"jny-essential-v10-step-label\">\n            \u00c9couter\n          <\/span>\n\n          <span class=\"jny-essential-v10-step-note\">\n            Comprendre ce qui compte.\n          <\/span>\n\n        <\/div>\n\n\n        <!-- IMAGINER -->\n\n        <div class=\"jny-essential-v10-step\">\n\n          <span class=\"jny-essential-v10-step-number\">\n            02\n          <\/span>\n\n          <span class=\"jny-essential-v10-step-label\">\n            Imaginer\n          <\/span>\n\n          <span class=\"jny-essential-v10-step-note\">\n            Donner une direction.\n          <\/span>\n\n        <\/div>\n\n\n        <!-- AFFINER -->\n\n        <div class=\"jny-essential-v10-step\">\n\n          <span class=\"jny-essential-v10-step-number\">\n            03\n          <\/span>\n\n          <span class=\"jny-essential-v10-step-label\">\n            Affiner\n          <\/span>\n\n          <span class=\"jny-essential-v10-step-note\">\n            Peaufiner jusqu\u2019\u00e0 l\u2019\u00e9vidence.\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- ===================================================\n           CTA \u2014 SVG UNIQUEMENT\n      ==================================================== -->\n\n      <a\n        class=\"jny-essential-v10-link\"\n        href=\"\/notre-duo\/\"\n      >\n\n        <span>\n          D\u00e9couvrir notre approche\n        <\/span>\n\n\n        <svg\n          class=\"jny-essential-v10-link-icon\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        >\n\n          <path d=\"M7 17L17 7\"><\/path>\n\n          <path d=\"M8 7H17V16\"><\/path>\n\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         VISUEL\n    ====================================================== -->\n\n    <div class=\"jny-essential-v10-visual\">\n\n\n      <div class=\"jny-essential-v10-image\">\n\n        <img\n          src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/08\/JN_YOU_table_mariage_800x1000_ULTRA_LIGHT.jpg\"\n          alt=\"D\u00e9coration de r\u00e9ception \u00e9l\u00e9gante en pleine nature\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n      <\/div>\n\n\n      <!-- ===================================================\n           SIGNATURE\n      ==================================================== -->\n\n      <div class=\"jny-essential-v10-signature\">\n<strong>\n          Moderne. Sensible. Sur mesure.\n        <\/strong>\n\n        <span>\n          Jeanne \u00b7 Na\u00ebl \u00b7 Vous\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\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>Annecy \u00b7 France \u00b7 Destinations Votre histoire c\u00e9l\u00e9br\u00e9e, \u00e0 votre fa\u00e7on. Bas\u00e9s \u00e0 Annecy, nous imaginons et orchestrons des mariages et \u00e9v\u00e9nements sur mesure partout en France, ainsi que dans les destinations qui vous inspirent. Parlons de votre projet D\u00e9couvrir notre univers JN Une c\u00e9l\u00e9bration qui ne ressemble qu\u2019\u00e0 vous Exp\u00e9rience Sur mesure Direction \u00c9l\u00e9gante [&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-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/32","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=32"}],"version-history":[{"count":265,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":1861,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/32\/revisions\/1861"}],"wp:attachment":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}