{"id":13718,"date":"2026-06-24T15:23:38","date_gmt":"2026-06-24T13:23:38","guid":{"rendered":"https:\/\/flams.fr\/?page_id=13718"},"modified":"2026-07-22T16:15:48","modified_gmt":"2026-07-22T14:15:48","slug":"arras-special","status":"publish","type":"page","link":"https:\/\/flams.fr\/index.php\/arras-special\/","title":{"rendered":"Arras sp\u00e9cial"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Flam's Lyon - Rue Tupin<\/title>\r\n\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');\r\n\r\n :root {\r\n --bone: #FEFDEC;\r\n --cacao: #61181E;\r\n --wine: #61181E;\r\n --ember: #E20E17;\r\n --saffron: #F8AF07;\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n\r\nhtml, body {\r\n margin: 0;\r\n overflow-x: clip;\r\n background: var(--bone);\r\n color: var(--cacao);\r\n font-family: Arial, Helvetica, sans-serif;\r\n }\r\n\r\n a { color: inherit; text-decoration: none; }\r\n\r\n .flams-arras-page {\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n overflow-x: clip;\r\n background: var(--bone);\r\n }\r\n\r\n h1, h2, .pressure-lines {\r\n margin: 0;\r\n font-family: Impact, Haettenschweiler, \"Arial Narrow Bold\", sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 0;\r\n font-weight: 900;\r\n }\r\n\r\n .eyebrow {\r\n color: var(--saffron);\r\n font-size: 12px;\r\n font-weight: 900;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .section-split {\r\n width: 100vw;\r\n min-height: 100vh;\r\n display: grid;\r\n grid-template-columns: 50vw 50vw;\r\n overflow: hidden;\r\n background: var(--bone);\r\n }\r\n\r\n .hero-media {\r\n position: relative;\r\n width: 50vw;\r\n height: 100vh;\r\n min-height: 100vh;\r\n overflow: hidden;\r\n background: #61181E;\r\n }\r\n\r\n .hero-media iframe {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 240vh;\r\n height: 150vh;\r\n min-width: 260%;\r\n min-height: 150%;\r\n transform: translate(-50%, -53%) scale(1.16);\r\n border: 0;\r\n display: block;\r\n pointer-events: none;\r\n }\r\n\r\n .overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(90deg, rgba(97,24,30,.08), rgba(97,24,30,.28));\r\n pointer-events: none;\r\n }\r\n\r\n .hero-copy {\r\n width: 50vw;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n padding: 40px;\r\n text-align: center;\r\n background: var(--bone);\r\n overflow: hidden;\r\n }\r\n\r\n .hero-copy .eyebrow { color: var(--cacao); }\r\n\r\n h1 {\r\n margin-top: 28px;\r\n font-size: clamp(64px, 8vw, 120px);\r\n line-height: 1;\r\n }\r\n\r\n .subtitle {\r\n margin-top: 20px;\r\n font-size: 14px;\r\n font-weight: 900;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n opacity: .68;\r\n }\r\n\r\n .pressure {\r\n position: relative;\r\n min-height: 100vh;\r\n display: grid;\r\n place-items: center;\r\n overflow: hidden;\r\n padding: 96px 32px;\r\n background: var(--saffron);\r\n color: var(--cacao);\r\n }\r\n\r\n .pressure .pressure-lines,\r\n .pressure .pressure-button {\r\n position: relative;\r\n z-index: 3;\r\n }\r\n\r\n .flams-image-trail {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 8;\r\n overflow: hidden;\r\n pointer-events: none;\r\n }\r\n\r\n .flams-image-trail__item {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: clamp(130px, 13vw, 205px);\r\n aspect-ratio: 1.1;\r\n overflow: hidden;\r\n opacity: 0;\r\n border: 4px solid var(--bone);\r\n border-radius: 15px;\r\n background: var(--cacao);\r\n box-shadow: 0 20px 45px rgba(97,24,30,.28);\r\n will-change: transform, opacity;\r\n }\r\n\r\n .flams-image-trail__item img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .pressure-lines {\r\n width: min(96rem, 100%);\r\n text-align: center;\r\n font-size: clamp(48px, 7.5vw, 116px);\r\n line-height: 1.02;\r\n }\r\n\r\n .pressure-lines div {\r\n opacity: 0;\r\n transform: translateY(48px) scale(.96);\r\n filter: blur(8px);\r\n animation: flamsTextIn .9s cubic-bezier(.16, 1, .3, 1) forwards;\r\n }\r\n\r\n .pressure-lines div:nth-child(1) { animation-delay: .1s; }\r\n .pressure-lines div:nth-child(2) { animation-delay: .28s; }\r\n .pressure-lines div:nth-child(3) {\r\n animation-delay: .46s;\r\n color: var(--ember);\r\n }\r\n\r\n @keyframes flamsTextIn {\r\n to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }\r\n }\r\n\r\n .ritual {\r\n min-height: 100vh;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n overflow: hidden;\r\n background: var(--cacao);\r\n color: var(--bone);\r\n }\r\n\r\n .ritual-photo {\r\n position: relative;\r\n min-height: 100vh;\r\n overflow: hidden;\r\n background: var(--cacao);\r\n }\r\n\r\n .ritual-photo > img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transform: scale(1.05);\r\n }\r\n\r\n .ritual-photo::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n z-index: 2;\r\n background: linear-gradient(90deg, rgba(17,16,13,.10), rgba(17,16,13,.40));\r\n pointer-events: none;\r\n }\r\n\r\n .flame-wall {\r\n position: absolute;\r\n z-index: 5;\r\n left: -12%;\r\n right: -12%;\r\n bottom: -34%;\r\n min-height: 150%;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, 62px);\r\n gap: 10px;\r\n align-content: end;\r\n justify-content: center;\r\n padding: 20px;\r\n opacity: 0;\r\n transform: translate3d(0, 105%, 0) scale(1.08);\r\n pointer-events: none;\r\n }\r\n\r\n .flame-wall img {\r\n width: 62px;\r\n height: 62px;\r\n object-fit: contain;\r\n opacity: .5;\r\n mix-blend-mode: screen;\r\n }\r\n\r\n .ritual-copy {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 80px 64px;\r\n }\r\n\r\n .ritual-frise {\r\n width: 100%;\r\n max-width: 520px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .ritual-frise img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n .ritual h2 {\r\n margin-top: 20px;\r\n max-width: 780px;\r\n font-size: clamp(42px, 5vw, 82px);\r\n line-height: 1.06;\r\n }\r\n\r\n .ritual p {\r\n margin-top: 40px;\r\n max-width: 620px;\r\n color: rgba(254,253,236,.72);\r\n font-size: 18px;\r\n font-weight: 700;\r\n line-height: 1.8;\r\n }\r\n\r\n .stats {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n margin-top: 44px;\r\n color: rgba(254,253,236,.7);\r\n font-size: 14px;\r\n font-weight: 900;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .stats span {\r\n display: block;\r\n width: 100%;\r\n border-top: 1px solid rgba(254,253,236,.22);\r\n padding-top: 14px;\r\n }\r\n\r\n .info-section {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n min-height: 90vh;\r\n background: var(--bone);\r\n }\r\n\r\n .info-copy {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: clamp(56px, 6vw, 96px) clamp(32px, 6vw, 86px);\r\n color: var(--cacao);\r\n background: var(--bone);\r\n }\r\n\r\n .info-copy h2 {\r\n margin-top: 22px;\r\n color: var(--saffron);\r\n font-size: clamp(42px, 5vw, 82px);\r\n line-height: 1.06;\r\n }\r\n\r\n .hours-list {\r\n display: grid;\r\n grid-template-columns: 150px 1fr;\r\n gap: 14px 22px;\r\n margin-top: 34px;\r\n font-size: 15px;\r\n font-weight: 900;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .hours-list dt { color: rgba(97,24,30,.78); }\r\n .hours-list dd { margin: 0; color: var(--cacao); }\r\n\r\n .telephone-block { margin-top: 34px; }\r\n\r\n .phone {\r\n display: inline-block;\r\n margin-top: 12px;\r\n color: var(--cacao) !important;\r\n font-size: 28px;\r\n font-weight: 900;\r\n }\r\n\r\n .map-block {\r\n position: relative;\r\n min-height: 90vh;\r\n overflow: hidden;\r\n background: var(--cacao);\r\n }\r\n\r\n .map-block iframe {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n }\r\n\r\n .route-button {\r\n position: absolute;\r\n bottom: 32px;\r\n left: 32px;\r\n z-index: 3;\r\n background: var(--bone);\r\n padding: 18px 24px;\r\n color: var(--cacao);\r\n font-size: 12px;\r\n font-weight: 900;\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n box-shadow: 0 24px 60px rgba(97,24,30,.22);\r\n }\r\n\r\n .closing {\r\n position: relative;\r\n padding: 110px 64px 150px;\r\n overflow: hidden;\r\n background: var(--bone);\r\n color: var(--cacao);\r\n }\r\n\r\n .closing-inner {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: .75fr 1.25fr;\r\n gap: 60px;\r\n align-items: end;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n }\r\n\r\n .closing h2 {\r\n margin-top: 22px;\r\n color: var(--saffron);\r\n font-size: clamp(42px, 5vw, 82px);\r\n line-height: 1.06;\r\n }\r\n\r\n .wave {\r\n font-size: clamp(32px, 4vw, 68px);\r\n font-weight: 900;\r\n line-height: 1.08;\r\n background: linear-gradient(90deg, #61181E, #E20E17, #F8AF07, #E20E17, #61181E);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .flams-scroll-gallery {\r\n position: relative;\r\n width: 100%;\r\n min-height: 300vh;\r\n background: var(--bone);\r\n }\r\n\r\n .flams-scroll-gallery__stage {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 40;\r\n width: 100vw;\r\n height: 100vh;\r\n height: 100dvh;\r\n overflow: hidden;\r\n visibility: hidden;\r\n opacity: 0;\r\n pointer-events: none;\r\n background: var(--bone);\r\n }\r\n\r\n .flams-scroll-gallery__stage.is-active {\r\n visibility: visible;\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .flams-scroll-gallery__heading {\r\n position: absolute;\r\n top: 28px;\r\n left: 4vw;\r\n z-index: 4;\r\n display: flex;\r\n flex-direction: column;\r\n color: var(--cacao);\r\n text-transform: uppercase;\r\n }\r\n\r\n .flams-scroll-gallery__heading span {\r\n color: var(--saffron);\r\n font-size: 10px;\r\n font-weight: 900;\r\n letter-spacing: .2em;\r\n }\r\n\r\n .flams-scroll-gallery__heading strong {\r\n margin-top: 7px;\r\n font-size: 15px;\r\n letter-spacing: .08em;\r\n }\r\n\r\n .flams-scroll-gallery__track {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n display: flex;\r\n gap: 18px;\r\n width: max-content;\r\n padding: 0 4vw;\r\n transform: translate3d(1vw, -50%, 0);\r\n will-change: transform;\r\n }\r\n\r\n .flams-gallery-card {\r\n position: relative;\r\n flex: 0 0 clamp(320px, 31vw, 450px);\r\n width: clamp(320px, 31vw, 450px);\r\n height: clamp(360px, 58vh, 520px);\r\n margin: 0;\r\n overflow: hidden;\r\n border-radius: 18px;\r\n background: var(--wine);\r\n box-shadow: 0 30px 75px rgba(0,0,0,.3);\r\n }\r\n\r\n .flams-gallery-card img {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform .45s cubic-bezier(.16, 1, .3, 1);\r\n }\r\n\r\n .flams-gallery-card:hover img { transform: scale(1.1); }\r\n\r\n .flams-gallery-card::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n display: none;\r\n background: linear-gradient(180deg, transparent 42%, rgba(97,24,30,.72));\r\n pointer-events: none;\r\n }\r\n\r\n .flams-gallery-card h2 {\r\n position: absolute;\r\n left: 50%;\r\n bottom: 34px;\r\n z-index: 2;\r\n width: max-content;\r\n max-width: calc(100% - 34px);\r\n margin: 0;\r\n transform: translateX(-50%);\r\n padding: 16px 20px;\r\n color: var(--bone);\r\n font-family: Impact, Haettenschweiler, \"Arial Narrow Bold\", sans-serif !important;\r\n font-size: clamp(32px, 3.5vw, 54px);\r\n line-height: 1;\r\n text-align: center;\r\n text-transform: uppercase;\r\n background: linear-gradient(135deg, rgba(254,253,236,.22), rgba(254,253,236,.04));\r\n border: 1px solid rgba(254,253,236,.24);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .flams-scroll-gallery__progress {\r\n position: absolute;\r\n right: 4vw;\r\n bottom: 28px;\r\n left: 4vw;\r\n z-index: 4;\r\n height: 3px;\r\n overflow: hidden;\r\n background: rgba(97,24,30,.16);\r\n }\r\n\r\n .flams-scroll-gallery__progress span {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n transform: scaleX(0);\r\n transform-origin: left center;\r\n background: var(--saffron);\r\n will-change: transform;\r\n }\r\n\r\n .sticky-cta {\r\n position: fixed;\r\n bottom: 24px;\r\n left: 50%;\r\n z-index: 60;\r\n transform: translateX(-50%);\r\n background: var(--cacao);\r\n padding: 24px 52px;\r\n color: var(--bone);\r\n font-size: 12px;\r\n font-weight: 900;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n box-shadow: 0 24px 60px rgba(97,24,30,.3);\r\n border: 0;\r\n cursor: pointer;\r\n font-family: Arial, Helvetica, sans-serif;\r\n }\r\n\r\n .flams-booking-backdrop {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 999970;\r\n visibility: hidden;\r\n opacity: 0;\r\n background: rgba(97,24,30,.72);\r\n backdrop-filter: blur(5px);\r\n transition: opacity .25s ease, visibility .25s ease;\r\n }\r\n\r\n .flams-booking-backdrop.is-open {\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n\r\n .flams-booking-panel {\r\n position: fixed;\r\n left: 50%;\r\n bottom: 104px;\r\n z-index: 999980;\r\n width: min(440px, calc(100vw - 32px));\r\n height: min(680px, calc(100vh - 135px));\r\n height: min(680px, calc(100dvh - 135px));\r\n overflow: visible;\r\n visibility: hidden;\r\n opacity: 0;\r\n transform: translate(-50%, 18px) scale(.98);\r\n border: 3px solid var(--saffron);\r\n border-radius: 20px;\r\n background: var(--bone);\r\n box-shadow: 0 30px 90px rgba(0,0,0,.36);\r\n transition: opacity .3s ease, transform .3s ease, visibility .3s ease;\r\n }\r\n\r\n .flams-booking-panel.is-open {\r\n visibility: visible;\r\n opacity: 1;\r\n transform: translate(-50%, 0) scale(1);\r\n }\r\n\r\n .flams-booking-panel iframe {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n border-radius: 17px;\r\n background: var(--bone);\r\n }\r\n\r\n .flams-booking-close {\r\n position: absolute;\r\n top: -20px;\r\n right: -20px;\r\n z-index: 3;\r\n width: 42px;\r\n height: 42px;\r\n display: grid;\r\n place-items: center;\r\n padding: 0;\r\n border: 0;\r\n border-radius: 50%;\r\n background: var(--ember);\r\n color: var(--bone);\r\n font-size: 28px;\r\n line-height: 1;\r\n cursor: pointer;\r\n box-shadow: 0 8px 20px rgba(0,0,0,.25);\r\n }\r\n\r\n body.flams-booking-open { overflow: hidden; }\r\n\r\n .flams-popup {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 999999;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n }\r\n\r\n .flams-popup.is-visible { display: flex; }\r\n\r\n .flams-popup__overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(0,0,0,.75);\r\n backdrop-filter: blur(6px);\r\n }\r\n\r\n .flams-popup__content {\r\n position: relative;\r\n z-index: 2;\r\n width: min(100%, 520px);\r\n border-radius: 18px;\r\n overflow: visible;\r\n box-shadow: 0 25px 80px rgba(0,0,0,.45);\r\n animation: popupIn .45s ease;\r\n }\r\n\r\n .flams-popup__image {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n border-radius: 18px;\r\n }\r\n\r\n .flams-popup__close {\r\n position: absolute;\r\n top: -16px;\r\n right: -16px;\r\n width: 48px;\r\n height: 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: none;\r\n border-radius: 50%;\r\n background: var(--ember);\r\n color: var(--bone);\r\n font-size: 30px;\r\n font-weight: 700;\r\n line-height: 1;\r\n cursor: pointer;\r\n padding: 0;\r\n box-shadow: 0 10px 25px rgba(0,0,0,.35);\r\n transition: transform .25s ease;\r\n }\r\n\r\n .flams-popup__close:hover { transform: scale(1.08); }\r\n\r\n @keyframes popupIn {\r\n from { opacity: 0; transform: scale(.88); }\r\n to { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .flams-arras-page {\r\n width: 100%;\r\n max-width: 100%;\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .section-split {\r\n width: 100%;\r\n grid-template-columns: 1fr;\r\n min-height: auto;\r\n }\r\n\r\n .hero-media {\r\n width: 100%;\r\n height: 62vh;\r\n min-height: 420px;\r\n }\r\n\r\n .hero-copy {\r\n width: 100%;\r\n min-height: auto;\r\n padding: 70px 28px;\r\n }\r\n\r\n .ritual,\r\n .info-section,\r\n .closing-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .ritual-photo {\r\n min-height: 58vh;\r\n height: 58vh;\r\n }\r\n\r\n .ritual-copy {\r\n min-height: auto;\r\n padding: 70px 34px;\r\n }\r\n\r\n .map-block {\r\n min-height: 420px;\r\n order: 2;\r\n }\r\n\r\n .info-copy { order: 1; }\r\n\r\n .closing { padding: 80px 34px 130px; }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .flams-arras-page { padding-bottom: 92px; }\r\n\r\n .section-split .hero-copy { order: 1; }\r\n .section-split .hero-media { order: 2; }\r\n\r\n .hero-media {\r\n height: 58vh;\r\n min-height: 340px;\r\n }\r\n\r\n .hero-media iframe {\r\n width: 210vh;\r\n height: 135vh;\r\n min-width: 220%;\r\n min-height: 180%;\r\n transform: translate(-50%, -53%) scale(1.18);\r\n }\r\n\r\n .hero-copy { padding: 56px 20px; }\r\n h1 { font-size: clamp(58px, 22vw, 92px); }\r\n\r\n .eyebrow {\r\n font-size: 10px;\r\n letter-spacing: .18em;\r\n }\r\n\r\n .subtitle {\r\n font-size: 11px;\r\n letter-spacing: .16em;\r\n }\r\n\r\n .pressure {\r\n min-height: auto;\r\n padding: 74px 18px;\r\n }\r\n\r\n .pressure-lines {\r\n font-size: clamp(42px, 15vw, 72px);\r\n line-height: 1.05;\r\n }\r\n\r\n .ritual-photo {\r\n height: 360px;\r\n min-height: 360px;\r\n max-height: 360px;\r\n margin-top: 16px;\r\n }\r\n\r\n .ritual-photo::after { display: none; }\r\n\r\n .flame-wall {\r\n grid-template-columns: repeat(auto-fill, 48px);\r\n gap: 7px;\r\n }\r\n\r\n .flame-wall img {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n .ritual-copy { padding: 58px 20px; }\r\n\r\n .ritual-frise {\r\n max-width: 300px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .ritual h2,\r\n .info-copy h2,\r\n .closing h2 {\r\n font-size: clamp(38px, 13vw, 62px);\r\n line-height: 1.08;\r\n }\r\n\r\n .ritual p,\r\n .wave {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n }\r\n\r\n .info-copy { padding: 46px 22px 44px; }\r\n\r\n .hours-list {\r\n display: block;\r\n margin-top: 28px;\r\n }\r\n\r\n .hours-list dt {\r\n margin: 16px 0 5px;\r\n font-size: 13px;\r\n line-height: 1.25;\r\n }\r\n\r\n .hours-list dd {\r\n font-size: 15px;\r\n line-height: 1.35;\r\n white-space: nowrap;\r\n }\r\n\r\n .map-block {\r\n min-height: 340px;\r\n height: 340px;\r\n margin-top: 16px;\r\n }\r\n\r\n .route-button {\r\n left: 18px;\r\n bottom: 18px;\r\n padding: 15px 18px;\r\n font-size: 10px;\r\n }\r\n\r\n .phone { font-size: 24px; }\r\n\r\n .closing { padding: 56px 22px 120px; }\r\n .closing-inner { display: block; }\r\n\r\n .wave {\r\n font-size: clamp(22px, 7.2vw, 34px);\r\n line-height: 1.18;\r\n overflow-wrap: anywhere;\r\n padding-bottom: 28px;\r\n }\r\n\r\n .sticky-cta {\r\n width: calc(100% - 92px);\r\n max-width: 320px;\r\n bottom: 14px;\r\n padding: 16px 18px;\r\n font-size: 11px;\r\n text-align: center;\r\n }\r\n\r\n .flams-scroll-gallery__heading {\r\n top: 20px;\r\n left: 18px;\r\n }\r\n\r\n .flams-scroll-gallery__track {\r\n gap: 12px;\r\n padding: 0 18px;\r\n }\r\n\r\n .flams-gallery-card {\r\n flex-basis: 78vw;\r\n width: 78vw;\r\n height: 58vh;\r\n height: 58dvh;\r\n min-height: 360px;\r\n max-height: 520px;\r\n border-radius: 15px;\r\n }\r\n\r\n .flams-gallery-card h2 {\r\n bottom: 24px;\r\n font-size: clamp(30px, 10vw, 46px);\r\n }\r\n\r\n .flams-scroll-gallery__progress {\r\n right: 18px;\r\n bottom: 18px;\r\n left: 18px;\r\n }\r\n\r\n .flams-booking-panel {\r\n bottom: 78px;\r\n width: calc(100vw - 20px);\r\n height: calc(100vh - 98px);\r\n height: calc(100dvh - 98px);\r\n border-radius: 16px;\r\n }\r\n\r\n .flams-booking-panel iframe { border-radius: 13px; }\r\n\r\n .flams-booking-close {\r\n top: -16px;\r\n right: 8px;\r\n }\r\n\r\n .flams-popup { padding: 18px; }\r\n\r\n .flams-popup__content {\r\n width: 100%;\r\n max-width: 360px;\r\n }\r\n\r\n .flams-popup__close {\r\n width: 44px;\r\n height: 44px;\r\n top: -12px;\r\n right: -12px;\r\n font-size: 28px;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n h1 { font-size: 54px; }\r\n .pressure-lines { font-size: 38px; }\r\n .ritual h2,\r\n .info-copy h2,\r\n .closing h2 { font-size: 36px; }\r\n .phone { font-size: 21px; }\r\n .map-block { height: 320px; min-height: 320px; }\r\n .ritual-photo { height: 330px; min-height: 330px; max-height: 330px; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .pressure-lines div {\r\n animation: none;\r\n opacity: 1;\r\n transform: none;\r\n filter: none;\r\n }\r\n\r\n .flams-popup__content { animation: none; }\r\n }\r\n \r\n\/* PATCH TYPO STABLE : ne pas laisser WordPress modifier les titres *\/\r\n.flams-arras-page {\r\n font-family: Arial, Helvetica, sans-serif !important;\r\n}\r\n\r\n.flams-arras-page h1,\r\n.flams-arras-page h2,\r\n.flams-arras-page .pressure-lines {\r\n font-family: Impact, Haettenschweiler, \"Arial Narrow Bold\", sans-serif !important;\r\n font-weight: 900 !important;\r\n letter-spacing: 0 !important;\r\n text-transform: uppercase !important;\r\n}\r\n\r\n.flams-arras-page p,\r\n.flams-arras-page a,\r\n.flams-arras-page div,\r\n.flams-arras-page span,\r\n.flams-arras-page dt,\r\n.flams-arras-page dd {\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.flams-arras-page h1 *,\r\n.flams-arras-page h2 *,\r\n.flams-arras-page .pressure-lines * {\r\n font-family: inherit !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PATCH VIDEO HERO COVER DEFINITIF\r\n ========================================================= *\/\r\n\r\n.flams-arras-page .hero-media,\r\n.hero-media {\r\n position: relative !important;\r\n width: 50vw !important;\r\n height: 100vh !important;\r\n min-height: 100vh !important;\r\n overflow: hidden !important;\r\n background: #61181E !important;\r\n}\r\n\r\n.flams-arras-page .hero-media iframe,\r\n.flams-arras-page .hero-media iframe.flams-hero-video,\r\n.hero-media iframe,\r\n.hero-media iframe.flams-hero-video {\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n\r\n width: 320vh !important;\r\n height: 180vh !important;\r\n\r\n min-width: 330% !important;\r\n min-height: 180% !important;\r\n\r\n transform: translate(-50%, -50%) scale(1.2) !important;\r\n transform-origin: center center !important;\r\n\r\n border: 0 !important;\r\n display: block !important;\r\n pointer-events: none !important;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .flams-arras-page .hero-media,\r\n .hero-media {\r\n width: 100% !important;\r\n height: 62vh !important;\r\n min-height: 420px !important;\r\n }\r\n\r\n .flams-arras-page .hero-media iframe,\r\n .flams-arras-page .hero-media iframe.flams-hero-video,\r\n .hero-media iframe,\r\n .hero-media iframe.flams-hero-video {\r\n width: 260vh !important;\r\n height: 150vh !important;\r\n min-width: 260% !important;\r\n min-height: 190% !important;\r\n transform: translate(-50%, -50%) scale(1.18) !important;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .flams-arras-page .hero-media,\r\n .hero-media {\r\n height: 58vh !important;\r\n min-height: 340px !important;\r\n }\r\n\r\n .flams-arras-page .hero-media iframe,\r\n .flams-arras-page .hero-media iframe.flams-hero-video,\r\n .hero-media iframe,\r\n .hero-media iframe.flams-hero-video {\r\n width: 220vh !important;\r\n height: 135vh !important;\r\n min-width: 240% !important;\r\n min-height: 220% !important;\r\n transform: translate(-50%, -50%) scale(1.2) !important;\r\n }\r\n}\r\n\r\n.pressure-button{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-top:50px;\r\n padding:18px 42px;\r\n background:#E20E17;\r\n color:#FEFDEC;\r\n font-size:14px;\r\n font-weight:900;\r\n text-transform:uppercase;\r\n letter-spacing:.15em;\r\n border-radius:50px;\r\n transition:.25s ease;\r\n box-shadow:0 15px 35px rgba(0,0,0,.25);\r\n}\r\n\r\n.pressure-button:hover{\r\n transform:translateY(-3px);\r\n background:#61181E;\r\n box-shadow:0 22px 45px rgba(0,0,0,.35);\r\n}\r\n\r\n.flams-arras-page .pressure-lines.variable-proximity-zone,\r\n.flams-arras-page .pressure-lines.variable-proximity-zone * {\r\n font-family: 'Roboto Flex', Arial, sans-serif !important;\r\n}\r\n\r\n.variable-proximity-zone {\r\n position: relative;\r\n touch-action: pan-y;\r\n}\r\n\r\n.variable-proximity-zone .vp-line {\r\n display: block;\r\n width: 100%;\r\n white-space: nowrap;\r\n}\r\n\r\n.variable-proximity-zone .vp-word {\r\n display: inline-block;\r\n white-space: nowrap;\r\n}\r\n\r\n.variable-proximity-zone .vp-letter {\r\n display: inline-block;\r\n font-variation-settings: 'wght' 400, 'opsz' 9;\r\n will-change: font-variation-settings, transform;\r\n transition: font-variation-settings 80ms linear;\r\n}\r\n\r\n.variable-proximity-zone .vp-space {\r\n display: inline-block;\r\n width: .28em;\r\n}\r\n\r\n@media(max-width:640px){\r\n .flams-image-trail__item {\r\n width: clamp(105px, 34vw, 145px);\r\n border-width: 3px;\r\n border-radius: 12px;\r\n }\r\n\r\n .pressure-lines.variable-proximity-zone {\r\n font-size: clamp(27px, 9.2vw, 50px);\r\n }\r\n\r\n .pressure-button{\r\n margin-top:35px;\r\n padding:16px 28px;\r\n font-size:12px;\r\n width:100%;\r\n max-width:320px;\r\n }\r\n}\r\n\r\n\/* =========================================================\r\n PARCOURS HORIZONTAL : HORAIRES \/ CARTE \/ AVIS \/ GROUPES\r\n ========================================================= *\/\r\n\r\n.horizontal-scroll {\r\n position: relative;\r\n width: 100%;\r\n height: calc(100vh + 300vw);\r\n overflow: visible !important;\r\n contain: none !important;\r\n background: var(--bone);\r\n}\r\n\r\n.horizontal-sticky {\r\n position: fixed;\r\n inset: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n height: 100dvh;\r\n overflow: hidden;\r\n z-index: 99990;\r\n visibility: hidden;\r\n opacity: 0;\r\n pointer-events: none;\r\n background: var(--bone);\r\n}\r\n\r\n.horizontal-sticky.is-active {\r\n visibility: visible;\r\n opacity: 1;\r\n pointer-events: auto;\r\n}\r\n\r\n.horizontal-track {\r\n display: flex;\r\n width: max-content;\r\n height: 100%;\r\n transform: translate3d(0, 0, 0);\r\n will-change: transform;\r\n}\r\n\r\n.horizontal-panel {\r\n position: relative;\r\n flex: 0 0 100vw;\r\n width: 100vw;\r\n height: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.hours-panel {\r\n display: flex;\r\n align-items: stretch;\r\n background: var(--bone);\r\n}\r\n\r\n.horizontal-scroll .info-copy {\r\n width: min(760px, 100%);\r\n min-height: 100%;\r\n padding: clamp(72px, 8vw, 130px) clamp(34px, 9vw, 150px);\r\n}\r\n\r\n.horizontal-scroll .info-copy h2,\r\n.horizontal-panel .panel-content h2 {\r\n margin-top: 22px;\r\n font-size: clamp(48px, 6vw, 100px);\r\n line-height: 1.02;\r\n}\r\n\r\n.horizontal-scroll .map-block {\r\n width: 100%;\r\n height: 100%;\r\n min-height: 100%;\r\n margin: 0;\r\n}\r\n\r\n.horizontal-scroll .map-block iframe { pointer-events: none; }\r\n\r\n.panel-count {\r\n position: absolute;\r\n top: 34px;\r\n right: 40px;\r\n z-index: 6;\r\n color: rgba(97,24,30,.45);\r\n font-size: 11px;\r\n font-weight: 900;\r\n letter-spacing: .18em;\r\n}\r\n\r\n.panel-count--light { color: rgba(254,253,236,.72); }\r\n\r\n.scroll-hint {\r\n position: absolute;\r\n right: 44px;\r\n bottom: 38px;\r\n color: rgba(97,24,30,.55);\r\n font-size: 11px;\r\n font-weight: 900;\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.scroll-hint span {\r\n display: inline-block;\r\n margin-left: 10px;\r\n color: var(--ember);\r\n font-size: 20px;\r\n animation: horizontalArrow 1.4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes horizontalArrow {\r\n 0%, 100% { transform: translateX(0); }\r\n 50% { transform: translateX(9px); }\r\n}\r\n\r\n.reviews-panel,\r\n.group-panel {\r\n display: grid;\r\n place-items: center;\r\n padding: clamp(70px, 8vw, 130px) clamp(28px, 9vw, 150px);\r\n}\r\n\r\n.reviews-panel {\r\n color: var(--bone);\r\n background:\r\n radial-gradient(circle at 82% 20%, rgba(248,175,7,.22), transparent 28%),\r\n var(--wine);\r\n}\r\n\r\n.group-panel {\r\n color: var(--cacao);\r\n background:\r\n radial-gradient(circle at 16% 78%, rgba(226,14,23,.13), transparent 30%),\r\n var(--saffron);\r\n}\r\n\r\n.panel-content {\r\n width: min(980px, 100%);\r\n}\r\n\r\n.reviews-panel .eyebrow { color: var(--saffron); }\r\n.group-panel .eyebrow { color: var(--wine); }\r\n\r\n.panel-content p {\r\n max-width: 720px;\r\n margin: 34px 0 0;\r\n color: inherit;\r\n font-size: clamp(17px, 1.6vw, 23px);\r\n font-weight: 700;\r\n line-height: 1.65;\r\n opacity: .76;\r\n}\r\n\r\n.review-stars {\r\n margin-top: 34px;\r\n color: var(--saffron);\r\n font-size: clamp(28px, 4vw, 52px);\r\n letter-spacing: .14em;\r\n}\r\n\r\n.panel-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 38px;\r\n padding: 18px 30px;\r\n border: 2px solid var(--cacao);\r\n border-radius: 50px;\r\n background: var(--cacao);\r\n color: var(--bone) !important;\r\n font-size: 12px;\r\n font-weight: 900;\r\n letter-spacing: .15em;\r\n text-align: center;\r\n text-transform: uppercase;\r\n transition: transform .25s ease, background .25s ease, color .25s ease;\r\n}\r\n\r\n.panel-button:hover { transform: translateY(-3px); }\r\n\r\n.panel-button--light {\r\n border-color: var(--bone);\r\n background: var(--bone);\r\n color: var(--wine) !important;\r\n}\r\n\r\n.horizontal-end {\r\n margin-top: 28px;\r\n font-size: 11px;\r\n font-weight: 900;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n opacity: .58;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .horizontal-scroll .info-copy {\r\n justify-content: center;\r\n width: 100%;\r\n padding: 68px 22px 82px;\r\n }\r\n\r\n .horizontal-scroll .info-copy h2,\r\n .horizontal-panel .panel-content h2 {\r\n font-size: clamp(40px, 13vw, 58px);\r\n }\r\n\r\n .horizontal-scroll .hours-list { margin-top: 22px; }\r\n\r\n .horizontal-scroll .map-block {\r\n height: 100%;\r\n min-height: 100%;\r\n }\r\n\r\n .reviews-panel,\r\n .group-panel {\r\n padding: 72px 22px 94px;\r\n }\r\n\r\n .panel-content p {\r\n margin-top: 24px;\r\n font-size: 16px;\r\n line-height: 1.55;\r\n }\r\n\r\n .panel-count {\r\n top: 24px;\r\n right: 22px;\r\n }\r\n\r\n .scroll-hint {\r\n right: 22px;\r\n bottom: 24px;\r\n }\r\n\r\n .panel-button {\r\n width: 100%;\r\n max-width: 340px;\r\n padding: 16px 20px;\r\n }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .scroll-hint span { animation: none; }\r\n}\r\n\r\n\/* BLOCS VERTICAUX : GROUPES ET AVIS *\/\r\n.vertical-feature {\r\n min-height: 78vh;\r\n display: flex;\r\n align-items: center;\r\n padding: clamp(82px, 10vw, 150px) clamp(28px, 10vw, 160px);\r\n overflow: hidden;\r\n}\r\n\r\n.vertical-feature__inner {\r\n width: min(1040px, 100%);\r\n margin: 0 auto;\r\n}\r\n\r\n.vertical-feature h2 {\r\n margin-top: 22px;\r\n font-size: clamp(52px, 7vw, 112px);\r\n line-height: .98;\r\n}\r\n\r\n.vertical-feature p {\r\n max-width: 760px;\r\n margin: 34px 0 0;\r\n color: inherit;\r\n font-size: clamp(17px, 1.6vw, 23px);\r\n font-weight: 700;\r\n line-height: 1.65;\r\n opacity: .76;\r\n}\r\n\r\n.group-feature {\r\n color: var(--cacao);\r\n background:\r\n radial-gradient(circle at 14% 82%, rgba(226,14,23,.16), transparent 30%),\r\n var(--saffron);\r\n}\r\n\r\n.group-feature .eyebrow { color: var(--wine); }\r\n\r\n.group-feature p + p { margin-top: 18px; }\r\n\r\n.group-heading {\r\n margin-bottom: clamp(48px, 6vw, 82px);\r\n text-align: center;\r\n}\r\n\r\n.group-heading h2 { margin-left: auto; margin-right: auto; }\r\n\r\n.group-layout {\r\n display: grid;\r\n grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\r\n gap: clamp(44px, 7vw, 100px);\r\n align-items: center;\r\n}\r\n\r\n.group-copy p:first-child { margin-top: 0; }\r\n\r\n.flams-folder-showcase {\r\n min-height: 470px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n overflow: visible;\r\n}\r\n\r\n.flams-folder {\r\n position: relative;\r\n width: 220px;\r\n height: 176px;\r\n cursor: pointer;\r\n transition: transform .25s ease;\r\n outline: none;\r\n}\r\n\r\n.flams-folder:not(.is-open):hover { transform: translateY(-8px); }\r\n.flams-folder.is-open { transform: translateY(18px); }\r\n\r\n.flams-folder:focus-visible {\r\n outline: 3px solid var(--wine);\r\n outline-offset: 12px;\r\n border-radius: 16px;\r\n}\r\n\r\n.flams-folder__back {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 0 20px 20px 20px;\r\n background: var(--wine);\r\n box-shadow: 0 28px 65px rgba(97,24,30,.28);\r\n}\r\n\r\n.flams-folder__back::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 0;\r\n bottom: 98%;\r\n left: 0;\r\n width: 72px;\r\n height: 24px;\r\n border-radius: 10px 10px 0 0;\r\n background: var(--wine);\r\n}\r\n\r\n.flams-folder__paper {\r\n --magnet-x: 0px;\r\n --magnet-y: 0px;\r\n position: absolute;\r\n z-index: 2;\r\n bottom: 10%;\r\n left: 50%;\r\n width: 74%;\r\n height: 82%;\r\n overflow: hidden;\r\n transform: translate(-50%, 10%);\r\n border: 5px solid var(--bone);\r\n border-radius: 13px;\r\n background: var(--bone);\r\n box-shadow: 0 15px 30px rgba(97,24,30,.22);\r\n transition: transform .35s cubic-bezier(.16, 1, .3, 1), height .35s ease;\r\n will-change: transform;\r\n}\r\n\r\n.flams-folder__paper--2 {\r\n width: 82%;\r\n height: 74%;\r\n}\r\n\r\n.flams-folder__paper--3 {\r\n width: 90%;\r\n height: 66%;\r\n}\r\n\r\n.flams-folder__paper img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n pointer-events: none;\r\n}\r\n\r\n.flams-folder__front {\r\n position: absolute;\r\n z-index: 3;\r\n inset: 0;\r\n border-radius: 12px 20px 20px 20px;\r\n transform-origin: bottom;\r\n background: var(--ember);\r\n color: var(--bone);\r\n transition: transform .35s cubic-bezier(.16, 1, .3, 1);\r\n}\r\n\r\n.flams-folder__label {\r\n position: absolute;\r\n left: 24px;\r\n bottom: 24px;\r\n z-index: 5;\r\n font-family: Impact, Haettenschweiler, \"Arial Narrow Bold\", sans-serif !important;\r\n font-size: 30px;\r\n line-height: .92;\r\n letter-spacing: .02em;\r\n text-transform: uppercase;\r\n color: var(--bone);\r\n pointer-events: none;\r\n transition: opacity .2s ease, transform .25s ease;\r\n}\r\n\r\n.flams-folder.is-open .flams-folder__label {\r\n opacity: 0;\r\n transform: translateY(8px);\r\n}\r\n\r\n.flams-folder__front--right { pointer-events: none; }\r\n\r\n.flams-folder:not(.is-open):hover .flams-folder__paper {\r\n transform: translate(-50%, 0);\r\n}\r\n\r\n.flams-folder:not(.is-open):hover .flams-folder__front--left,\r\n.flams-folder.is-open .flams-folder__front--left {\r\n transform: skew(15deg) scaleY(.62);\r\n}\r\n\r\n.flams-folder:not(.is-open):hover .flams-folder__front--right,\r\n.flams-folder.is-open .flams-folder__front--right {\r\n transform: skew(-15deg) scaleY(.62);\r\n}\r\n\r\n.flams-folder.is-open .flams-folder__paper--1 {\r\n transform: translate(calc(-120% + var(--magnet-x)), calc(-70% + var(--magnet-y))) rotate(-15deg);\r\n}\r\n\r\n.flams-folder.is-open .flams-folder__paper--2 {\r\n height: 82%;\r\n transform: translate(calc(10% + var(--magnet-x)), calc(-70% + var(--magnet-y))) rotate(15deg);\r\n}\r\n\r\n.flams-folder.is-open .flams-folder__paper--3 {\r\n height: 82%;\r\n transform: translate(calc(-50% + var(--magnet-x)), calc(-110% + var(--magnet-y))) rotate(5deg);\r\n}\r\n\r\n.flams-folder.is-open .flams-folder__paper:hover {\r\n z-index: 6;\r\n scale: 1.08;\r\n}\r\n\r\n.flams-folder-hint {\r\n margin-top: 42px;\r\n color: rgba(97,24,30,.72);\r\n font-size: 11px;\r\n font-weight: 900;\r\n letter-spacing: .15em;\r\n text-align: center;\r\n text-transform: uppercase;\r\n}\r\n\r\n.group-carousel {\r\n position: relative;\r\n min-width: 0;\r\n}\r\n\r\n.group-carousel__viewport {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n border-radius: 22px;\r\n background: var(--cacao);\r\n box-shadow: 0 28px 70px rgba(97,24,30,.28);\r\n}\r\n\r\n.group-carousel__track {\r\n display: flex;\r\n transform: translate3d(0, 0, 0);\r\n transition: transform .7s cubic-bezier(.16, 1, .3, 1);\r\n will-change: transform;\r\n}\r\n\r\n.group-carousel__slide {\r\n flex: 0 0 100%;\r\n width: 100%;\r\n aspect-ratio: 4 \/ 3;\r\n margin: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.group-carousel__slide img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.group-carousel__arrow {\r\n position: absolute;\r\n top: 50%;\r\n z-index: 4;\r\n width: 48px;\r\n height: 48px;\r\n display: grid;\r\n place-items: center;\r\n transform: translateY(-50%);\r\n border: 0;\r\n border-radius: 50%;\r\n background: var(--bone);\r\n color: var(--cacao);\r\n font-size: 0;\r\n line-height: 1;\r\n cursor: pointer;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.25);\r\n transition: transform .2s ease, background .2s ease;\r\n}\r\n\r\n.group-carousel__arrow::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 10px;\r\n height: 10px;\r\n border-top: 3px solid var(--wine);\r\n border-right: 3px solid var(--wine);\r\n transform-origin: center;\r\n}\r\n\r\n.group-carousel__arrow--prev::before {\r\n transform: translate(-50%, -50%) rotate(-135deg);\r\n}\r\n\r\n.group-carousel__arrow--next::before {\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n}\r\n\r\n.group-carousel__arrow:hover {\r\n transform: translateY(-50%) scale(1.08);\r\n background: var(--bone);\r\n}\r\n\r\n.group-carousel__arrow--prev { left: 16px; }\r\n.group-carousel__arrow--next { right: 16px; }\r\n\r\n.group-carousel__dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 9px;\r\n margin-top: 20px;\r\n}\r\n\r\n.group-carousel__dots button {\r\n width: 9px;\r\n height: 9px;\r\n padding: 0;\r\n border: 0;\r\n border-radius: 50%;\r\n background: rgba(97,24,30,.28);\r\n cursor: pointer;\r\n transition: width .25s ease, border-radius .25s ease, background .25s ease;\r\n}\r\n\r\n.group-carousel__dots button.is-active {\r\n width: 28px;\r\n border-radius: 10px;\r\n background: var(--wine);\r\n}\r\n\r\n.reviews-feature {\r\n display: block;\r\n min-height: 100vh;\r\n padding: 0;\r\n color: var(--bone);\r\n background:\r\n radial-gradient(circle at 84% 18%, rgba(248,175,7,.22), transparent 28%),\r\n var(--wine);\r\n}\r\n\r\n.reviews-feature .eyebrow { color: var(--saffron); }\r\n\r\n.flams-lyon-reviews-split {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n width: 100%;\r\n min-height: 100vh;\r\n}\r\n\r\n.flams-lyon-reviews-photo {\r\n position: relative;\r\n flex: 0 0 50% !important;\r\n width: 50% !important;\r\n min-height: 100vh;\r\n overflow: hidden;\r\n background-color: var(--cacao);\r\n background-image: url(\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Photo-Avis-scaled.webp\");\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.flams-lyon-reviews-photo img {\r\n position: relative;\r\n display: block !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n min-height: 100vh !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n}\r\n\r\n.flams-lyon-reviews-content {\r\n flex: 0 0 50% !important;\r\n width: 50% !important;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: clamp(70px, 6vw, 110px) clamp(32px, 5vw, 82px);\r\n}\r\n\r\n.flams-lyon-reviews-content h2 {\r\n font-size: clamp(46px, 5.2vw, 88px);\r\n}\r\n\r\n.reviews-widget {\r\n width: 100%;\r\n margin-top: 42px;\r\n padding: 18px;\r\n overflow: hidden;\r\n border-radius: 20px;\r\n background: var(--bone);\r\n box-shadow: 0 28px 70px rgba(0,0,0,.24);\r\n}\r\n\r\n.reviews-widget iframe {\r\n display: block;\r\n width: 100%;\r\n height: 680px;\r\n border: 0;\r\n background: var(--bone);\r\n}\r\n\r\n.feature-stars {\r\n margin-top: 32px;\r\n color: var(--saffron);\r\n font-size: clamp(28px, 4vw, 52px);\r\n letter-spacing: .14em;\r\n}\r\n\r\n.feature-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 38px;\r\n padding: 18px 30px;\r\n border: 2px solid var(--cacao);\r\n border-radius: 50px;\r\n background: var(--cacao);\r\n color: var(--bone) !important;\r\n font-size: 12px;\r\n font-weight: 900;\r\n letter-spacing: .15em;\r\n text-align: center;\r\n text-transform: uppercase;\r\n transition: transform .25s ease, background .25s ease, color .25s ease;\r\n}\r\n\r\n.feature-button:hover { transform: translateY(-3px); }\r\n\r\n.feature-button--light {\r\n border-color: var(--bone);\r\n background: var(--bone);\r\n color: var(--wine) !important;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .vertical-feature {\r\n min-height: auto;\r\n padding: 78px 22px 88px;\r\n }\r\n\r\n .vertical-feature h2 {\r\n font-size: clamp(42px, 13vw, 62px);\r\n line-height: 1.02;\r\n }\r\n\r\n .vertical-feature p {\r\n margin-top: 26px;\r\n font-size: 16px;\r\n line-height: 1.55;\r\n }\r\n\r\n .reviews-widget {\r\n margin-top: 30px;\r\n padding: 10px;\r\n border-radius: 14px;\r\n }\r\n\r\n .reviews-widget iframe { height: 760px; }\r\n\r\n .vertical-feature.reviews-feature { padding: 0; }\r\n\r\n .flams-lyon-reviews-split {\r\n flex-direction: column !important;\r\n min-height: auto;\r\n }\r\n\r\n .flams-lyon-reviews-photo {\r\n flex: none !important;\r\n width: 100% !important;\r\n min-height: 390px;\r\n height: 52vh;\r\n }\r\n\r\n .flams-lyon-reviews-photo img {\r\n height: 100% !important;\r\n min-height: 390px !important;\r\n }\r\n\r\n .flams-lyon-reviews-content {\r\n flex: none !important;\r\n width: 100% !important;\r\n padding: 66px 22px 76px;\r\n }\r\n\r\n .flams-lyon-reviews-content h2 {\r\n font-size: clamp(40px, 12vw, 58px);\r\n }\r\n\r\n .feature-button {\r\n width: 100%;\r\n max-width: 350px;\r\n padding: 16px 20px;\r\n }\r\n\r\n .group-heading {\r\n margin-bottom: 38px;\r\n }\r\n\r\n .group-layout {\r\n grid-template-columns: 1fr;\r\n gap: 46px;\r\n }\r\n\r\n .flams-folder-showcase { min-height: 410px; }\r\n\r\n .flams-folder {\r\n width: 170px;\r\n height: 136px;\r\n }\r\n\r\n .flams-folder__back::after {\r\n width: 54px;\r\n height: 18px;\r\n }\r\n\r\n .flams-folder__paper { border-width: 3px; }\r\n\r\n .flams-folder__label {\r\n left: 18px;\r\n bottom: 18px;\r\n font-size: 23px;\r\n }\r\n\r\n .group-carousel__viewport { border-radius: 16px; }\r\n\r\n .group-carousel__arrow {\r\n width: 42px;\r\n height: 42px;\r\n font-size: 30px;\r\n }\r\n\r\n .group-carousel__arrow--prev { left: 10px; }\r\n .group-carousel__arrow--next { right: 10px; }\r\n}\r\n\r\n@media (min-width: 641px) and (max-width: 1024px) {\r\n .group-layout {\r\n grid-template-columns: 1fr;\r\n gap: 54px;\r\n }\r\n\r\n .flams-lyon-reviews-content { padding: 70px 34px; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"flams-arras-page\">\r\n <main>\r\n <section class=\"section-split\">\r\n <div class=\"hero-media\">\r\n <iframe\r\n class=\"flams-hero-video\"\r\n src=\"https:\/\/www.youtube.com\/embed\/0pPdjm650bo?autoplay=1&mute=1&loop=1&playlist=0pPdjm650bo&controls=0&playsinline=1&rel=0&modestbranding=1&iv_load_policy=3&disablekb=1&fs=0&start=1\"\r\n allow=\"autoplay; encrypted-media; picture-in-picture\"\r\n loading=\"eager\"\r\n title=\"Vid\u00e9o Flam's Lyon\"\r\n ><\/iframe>\r\n <div class=\"overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-copy\">\r\n <div class=\"eyebrow\">Comment \u00e7a flambe ?<\/div>\r\n <h1>Lyon<\/h1>\r\n <div class=\"subtitle\">12 rue Tupin \u00b7 Lyon 2e<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"pressure\">\r\n <div class=\"pressure-lines variable-proximity-zone\" id=\"flamsVariableProximity\">\r\n <div class=\"vp-line\">Du bruit<\/div>\r\n <div class=\"vp-line\">Du d\u00e9bordement<\/div>\r\n <div class=\"vp-line\">Des rires \u00e0 table<\/div>\r\n <\/div>\r\n\r\n <a class=\"pressure-button\" href=\"https:\/\/flams.fr\/index.php\/carte-flams-lyon\/\">\r\n D\u00e9couvrir la carte\r\n <\/a>\r\n <\/section>\r\n\r\n <section class=\"ritual\" id=\"rituel\">\r\n <div class=\"ritual-photo\" id=\"ritualPhoto\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/06\/shootingfevrier2026-4-1-scaled.webp\" alt=\"Table Flam's Lyon\" \/>\r\n <div class=\"flame-wall\" id=\"flameWall\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"ritual-copy\">\r\n <div class=\"ritual-frise\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/06\/2025-09-FLAMS-Valise-Logo_ILLU-FRISE-1-BEIGE.svg\"\r\n alt=\"Illustrations Flam's\"\r\n loading=\"eager\"\r\n \/>\r\n <\/div>\r\n\r\n <div class=\"eyebrow\">Le rituel<\/div>\r\n <h2>Grande faim, grande table, z\u00e9ro chichi.<\/h2>\r\n <p>\r\n \u00c0 Lyon, Flam's t'accueille rue Tupin, au c\u0153ur du 2e arrondissement.\r\n \u00c0 deux pas de la place des Cordeliers et du m\u00e9tro Cordeliers, on vient partager une\r\n flammekueche croustillante, une grande table et une ambiance simple, chaude et conviviale.\r\n <\/p>\r\n\r\n <div class=\"stats\">\r\n <span>Midi vif<\/span>\r\n <span>Soir bruyant<\/span>\r\n <span>Tables \u00e0 partager<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"info-section\" id=\"infos-pratiques\">\r\n <div class=\"info-copy\">\r\n <div class=\"eyebrow\">Horaires<\/div>\r\n <h2>Flam's Lyon<\/h2>\r\n\r\n <dl class=\"hours-list\">\r\n <dt>Lundi \u2013 Vendredi<\/dt><dd>12:00-14:00 \/ 18:30-23:00<\/dd>\r\n <dt>Samedi<\/dt><dd>12:00-15:00 \/ 18:00-23:00<\/dd>\r\n <dt>Dimanche<\/dt><dd>12:00-15:30 \/ 18:00-22:30<\/dd>\r\n <\/dl>\r\n\r\n <div class=\"telephone-block\">\r\n <div class=\"eyebrow\">T\u00e9l\u00e9phone<\/div>\r\n <a class=\"phone\" href=\"tel:0478375161\">04 78 37 51 61<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"map-block\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps?q=12%20rue%20Tupin%2C%2069002%20Lyon%2C%20France&output=embed\"\r\n title=\"Carte Flam's Lyon\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n ><\/iframe>\r\n\r\n <a\r\n class=\"route-button\"\r\n href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=12%20rue%20Tupin%2C%2069002%20Lyon%2C%20France\"\r\n target=\"_blank\"\r\n rel=\"noreferrer\"\r\n >Itin\u00e9raire<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"vertical-feature group-feature\">\r\n <div class=\"vertical-feature__inner\">\r\n <div class=\"group-heading\">\r\n <div class=\"eyebrow\">Grandes tabl\u00e9es<\/div>\r\n <h2>Plus de 20 personnes ?<\/h2>\r\n <\/div>\r\n\r\n <div class=\"group-layout\">\r\n <div class=\"group-copy\">\r\n <p>\r\n Passez par notre formulaire de r\u00e9servation pour une exp\u00e9rience conviviale\r\n 100 % personnalisable.\r\n <\/p>\r\n <p>\r\n Que vous soyez en tribu, \u00e0 deux ou en groupe, pour une occasion particuli\u00e8re\r\n ou simplement pour un moment convivial, vous trouverez chez nous la tabl\u00e9e\r\n qui vous correspond.\r\n <\/p>\r\n <a class=\"feature-button\" href=\"https:\/\/flams.fr\/index.php\/flams-vous-propose\/\">\r\n Acc\u00e9der au formulaire\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"flams-folder-showcase\">\r\n <div\r\n class=\"flams-folder\"\r\n id=\"flamsGroupFolder\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-expanded=\"false\"\r\n aria-label=\"Ouvrir le dossier photos de groupes\"\r\n >\r\n <div class=\"flams-folder__back\">\r\n <div class=\"flams-folder__paper flams-folder__paper--1\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Photo-Groupe-BP.webp\" alt=\"Groupe attabl\u00e9 chez Flam's\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"flams-folder__paper flams-folder__paper--2\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Soiree-Groupe--scaled.webp\" alt=\"Soir\u00e9e de groupe chez Flam's\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"flams-folder__paper flams-folder__paper--3\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Groupe-Mariokart-scaled.webp\" alt=\"Animation Mario Kart en groupe chez Flam's\" loading=\"lazy\" \/>\r\n <\/div>\r\n\r\n <div class=\"flams-folder__front flams-folder__front--left\"><\/div>\r\n <div class=\"flams-folder__front flams-folder__front--right\"><\/div>\r\n <span class=\"flams-folder__label\">Photos<br>de groupe<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flams-folder-hint\">Cliquez pour ouvrir le dossier<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"vertical-feature reviews-feature\">\r\n <div class=\"flams-lyon-reviews-split\">\r\n <div class=\"flams-lyon-reviews-photo\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Photo-Avis-scaled.webp\"\r\n alt=\"Moment convivial chez Flam's Lyon\"\r\n loading=\"eager\"\r\n fetchpriority=\"high\"\r\n \/>\r\n <\/div>\r\n\r\n <div class=\"flams-lyon-reviews-content\">\r\n <div class=\"eyebrow\">Vos avis<\/div>\r\n <h2>Ils en parlent<br>mieux que nous.<\/h2>\r\n <div class=\"reviews-widget\">\r\n <iframe\r\n src=\"https:\/\/api.visibilishop.com\/iframe\/?widget=review&token=MGE3ODA4NjhhOTExYThkMDE1MjQ3Y2E3MWNjZGNmYzA3ZGUzZmI0ZWUyYjY1M2U5NjY3NGYxMTNmYmY3MTk5MA&locations=L5KPW7T&reviewSites=1%2C14%2C68&template=standard&count=5&level=4.5&showOrganization=1&urlToReviewSite=1\"\r\n title=\"Avis clients Flam's Lyon\"\r\n loading=\"lazy\"\r\n ><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"flams-scroll-gallery\" id=\"flamsScrollGallery\" aria-label=\"D\u00e9couvrir Flam's Lyon en images\">\r\n <div class=\"flams-scroll-gallery__stage\" id=\"flamsScrollGalleryStage\" aria-hidden=\"true\">\r\n <div class=\"flams-scroll-gallery__heading\">\r\n <span>D\u00e9couvrir Flam's Lyon<\/span>\r\n <strong>Faites d\u00e9filer<\/strong>\r\n <\/div>\r\n\r\n <div class=\"flams-scroll-gallery__track\">\r\n <article class=\"flams-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Bar--scaled.webp\" alt=\"Le bar du Flam's Lyon\" loading=\"eager\" fetchpriority=\"high\" \/>\r\n <\/article>\r\n <article class=\"flams-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Devanture-scaled.webp\" alt=\"La devanture du Flam's Lyon\" loading=\"lazy\" \/>\r\n <\/article>\r\n <article class=\"flams-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Etage--scaled.webp\" alt=\"L'\u00e9tage du Flam's Lyon\" loading=\"lazy\" \/>\r\n <\/article>\r\n <article class=\"flams-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/100-2-scaled.webp\" alt=\"La salle du Flam's Lyon\" loading=\"lazy\" \/>\r\n <\/article>\r\n <article class=\"flams-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Etage-2-3-scaled.webp\" alt=\"Les espaces du Flam's Lyon\" loading=\"lazy\" \/>\r\n <\/article>\r\n <article class=\"flams-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/400-1-scaled.webp\" alt=\"L'ambiance du Flam's Lyon\" loading=\"lazy\" \/>\r\n <\/article>\r\n <article class=\"flams-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/100-1-scaled.webp\" alt=\"Une table du Flam's Lyon\" loading=\"lazy\" \/>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"flams-scroll-gallery__progress\" aria-hidden=\"true\">\r\n <span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"closing\">\r\n <div class=\"closing-inner\">\r\n <div>\r\n <h2>Ici, l'Alsace claque \u00e0 table.<\/h2>\r\n <\/div>\r\n\r\n <div class=\"wave\">\r\n On arrive pour une flammekueche croustillante, on reste pour le bruit des copains,\r\n les verres qui circulent et cette chaleur simple qui transforme un d\u00eener en vraie soir\u00e9e.\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <button class=\"sticky-cta\" id=\"flamsBookingToggle\" type=\"button\" aria-controls=\"flamsBookingPanel\" aria-expanded=\"false\">\r\n R\u00e9server\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"flams-booking-backdrop\" id=\"flamsBookingBackdrop\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"flams-booking-panel\" id=\"flamsBookingPanel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"R\u00e9server une table\" aria-hidden=\"true\">\r\n <button class=\"flams-booking-close\" id=\"flamsBookingClose\" type=\"button\" aria-label=\"Fermer la r\u00e9servation\">×<\/button>\r\n <iframe\r\n src=\"https:\/\/booking.ureserve.co\/shop\/external-booking\/flam-s?iframe=true&lang_code=fr\"\r\n title=\"R\u00e9servation Flam's\"\r\n loading=\"lazy\"\r\n ><\/iframe>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n const flameWall = document.getElementById(\"flameWall\");\r\n const ritualPhoto = document.getElementById(\"ritualPhoto\");\r\n const flameUrl = \"https:\/\/flams.fr\/wp-content\/uploads\/2026\/06\/2025-09-FLAMS-Valise-Logo_ILLU-FLAMME-BEIGE.webp\";\r\n\r\n if (flameWall && ritualPhoto) {\r\n for (let index = 0; index < 190; index += 1) {\r\n const img = document.createElement(\"img\");\r\n img.src = flameUrl;\r\n img.alt = \"\";\r\n img.loading = \"lazy\";\r\n if (Math.floor(index \/ 3) % 2 === 1) {\r\n img.style.transform = \"translateX(8px)\";\r\n }\r\n flameWall.appendChild(img);\r\n }\r\n\r\n function clamp(value, min, max) {\r\n return Math.max(min, Math.min(max, value));\r\n }\r\n\r\n function updateFlames() {\r\n const rect = ritualPhoto.getBoundingClientRect();\r\n const viewport = window.innerHeight || document.documentElement.clientHeight;\r\n const progress = clamp((viewport * 0.88 - rect.top) \/ (viewport + rect.height * 0.65), 0, 1);\r\n\r\n const opacity = progress < 0.12 ? progress \/ 0.12 : 1;\r\n const y = 105 - progress * 132;\r\n const scale = 1.08 - progress * 0.06;\r\n\r\n flameWall.style.opacity = String(opacity);\r\n flameWall.style.transform = `translate3d(0, ${y}%, 0) scale(${scale})`;\r\n }\r\n\r\n window.addEventListener(\"scroll\", updateFlames, { passive: true });\r\n window.addEventListener(\"resize\", updateFlames);\r\n updateFlames();\r\n }\r\n })();\r\n\r\n (function () {\r\n const section = document.querySelector(\".closing\");\r\n const trail = document.getElementById(\"flamsImageTrail\");\r\n const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n if (!section || !trail || reduceMotion) return;\r\n\r\n const imageUrls = [\r\n \"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Bar--scaled.webp\",\r\n \"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Devanture-scaled.webp\",\r\n \"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Etage--scaled.webp\",\r\n \"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/100-2-scaled.webp\",\r\n \"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/Etage-2-3-scaled.webp\",\r\n \"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/400-1-scaled.webp\",\r\n \"https:\/\/flams.fr\/wp-content\/uploads\/2026\/07\/100-1-scaled.webp\"\r\n ];\r\n\r\n const items = imageUrls.map(function (url, index) {\r\n const item = document.createElement(\"div\");\r\n const image = document.createElement(\"img\");\r\n\r\n item.className = \"flams-image-trail__item\";\r\n image.src = url;\r\n image.alt = \"\";\r\n image.loading = \"lazy\";\r\n image.decoding = \"async\";\r\n item.appendChild(image);\r\n trail.appendChild(item);\r\n item.dataset.index = String(index);\r\n return item;\r\n });\r\n\r\n let imageIndex = -1;\r\n let zIndex = 1;\r\n let lastPoint = null;\r\n let cachedPoint = null;\r\n let visibleItems = [];\r\n\r\n function randomBetween(min, max) {\r\n return min + Math.random() * (max - min);\r\n }\r\n\r\n function distanceBetween(first, second) {\r\n return Math.hypot(first.x - second.x, first.y - second.y);\r\n }\r\n\r\n function fadeItem(item) {\r\n const currentTransform = item.dataset.transform || \"translate3d(0,0,0) scale(1)\";\r\n const scale = Number(item.dataset.scale || 1);\r\n\r\n item.getAnimations().forEach(function (animation) { animation.cancel(); });\r\n const fade = item.animate([\r\n { opacity: 1, transform: currentTransform },\r\n { opacity: 0, transform: currentTransform.replace(\/scale\\([^)]*\\)\/, `scale(${scale * 1.3})`) }\r\n ], {\r\n duration: 420,\r\n easing: \"cubic-bezier(.16, 1, .3, 1)\",\r\n fill: \"forwards\"\r\n });\r\n\r\n fade.onfinish = function () { item.style.opacity = \"0\"; };\r\n }\r\n\r\n function showNextImage(point) {\r\n imageIndex = (imageIndex + 1) % items.length;\r\n zIndex += 1;\r\n\r\n const item = items[imageIndex];\r\n const itemWidth = item.offsetWidth;\r\n const itemHeight = item.offsetHeight;\r\n const finalScale = randomBetween(.65, 1.35);\r\n const startScale = Math.max(.35, finalScale - randomBetween(.2, .55));\r\n const rotation = randomBetween(-3, 3);\r\n const origin = cachedPoint || point;\r\n const startX = origin.x - itemWidth \/ 2;\r\n const startY = origin.y - itemHeight \/ 2;\r\n const endX = point.x - itemWidth \/ 2;\r\n const endY = point.y - itemHeight \/ 2;\r\n const finalTransform = `translate3d(${endX}px, ${endY}px, 0) scale(${finalScale}) rotate(${rotation}deg)`;\r\n\r\n item.getAnimations().forEach(function (animation) { animation.cancel(); });\r\n visibleItems = visibleItems.filter(function (visibleItem) { return visibleItem !== item; });\r\n item.style.zIndex = String(zIndex);\r\n item.style.opacity = \"1\";\r\n item.dataset.scale = String(finalScale);\r\n item.dataset.transform = finalTransform;\r\n\r\n item.animate([\r\n {\r\n opacity: 1,\r\n transform: `translate3d(${startX}px, ${startY}px, 0) scale(${startScale}) rotate(0deg)`\r\n },\r\n { opacity: 1, transform: finalTransform }\r\n ], {\r\n duration: 400,\r\n easing: \"cubic-bezier(.22, 1, .36, 1)\",\r\n fill: \"forwards\"\r\n });\r\n\r\n visibleItems.push(item);\r\n if (visibleItems.length > Math.min(6, items.length - 1)) {\r\n fadeItem(visibleItems.shift());\r\n }\r\n }\r\n\r\n function updateTrail(clientX, clientY) {\r\n const rect = section.getBoundingClientRect();\r\n const point = { x: clientX - rect.left, y: clientY - rect.top };\r\n\r\n if (!lastPoint) {\r\n lastPoint = point;\r\n cachedPoint = point;\r\n return;\r\n }\r\n\r\n cachedPoint = {\r\n x: cachedPoint.x + (point.x - cachedPoint.x) * .3,\r\n y: cachedPoint.y + (point.y - cachedPoint.y) * .3\r\n };\r\n\r\n if (distanceBetween(point, lastPoint) >= 70) {\r\n showNextImage(point);\r\n lastPoint = point;\r\n }\r\n }\r\n\r\n section.addEventListener(\"pointermove\", function (event) {\r\n updateTrail(event.clientX, event.clientY);\r\n });\r\n\r\n section.addEventListener(\"pointerleave\", function () {\r\n lastPoint = null;\r\n cachedPoint = null;\r\n });\r\n\r\n section.addEventListener(\"touchmove\", function (event) {\r\n const touch = event.touches[0];\r\n if (touch) updateTrail(touch.clientX, touch.clientY);\r\n }, { passive: true });\r\n })();\r\n\r\n (function () {\r\n const section = document.getElementById(\"flamsScrollGallery\");\r\n const stage = document.getElementById(\"flamsScrollGalleryStage\");\r\n const track = stage ? stage.querySelector(\".flams-scroll-gallery__track\") : null;\r\n const progressBar = stage ? stage.querySelector(\".flams-scroll-gallery__progress span\") : null;\r\n\r\n if (!section || !stage || !track || !progressBar) return;\r\n\r\n document.body.appendChild(stage);\r\n\r\n let sectionTop = 0;\r\n let scrollDistance = 1;\r\n let activeStart = 0;\r\n let activeDistance = 1;\r\n let maxTravel = 0;\r\n let startX = 0;\r\n let ticking = false;\r\n\r\n function clamp(value, min, max) {\r\n return Math.max(min, Math.min(max, value));\r\n }\r\n\r\n function renderGallery() {\r\n const rawProgress = (window.scrollY - activeStart) \/ activeDistance;\r\n const progress = clamp(rawProgress, 0, 1);\r\n const isActive = rawProgress >= 0 && rawProgress <= 1;\r\n const x = startX - progress * maxTravel;\r\n\r\n stage.classList.toggle(\"is-active\", isActive);\r\n stage.setAttribute(\"aria-hidden\", isActive ? \"false\" : \"true\");\r\n track.style.transform = `translate3d(${x}px, -50%, 0)`;\r\n progressBar.style.transform = `scaleX(${progress})`;\r\n ticking = false;\r\n }\r\n\r\n function requestGalleryRender() {\r\n if (ticking) return;\r\n ticking = true;\r\n window.requestAnimationFrame(renderGallery);\r\n }\r\n\r\n function measureGallery() {\r\n const viewportWidth = window.innerWidth;\r\n const viewportHeight = window.innerHeight;\r\n\r\n startX = viewportWidth * .01;\r\n maxTravel = Math.max(0, track.scrollWidth - viewportWidth + viewportWidth * .06);\r\n scrollDistance = Math.max(viewportHeight * 2, maxTravel * 1.12);\r\n section.style.height = `${scrollDistance}px`;\r\n sectionTop = section.getBoundingClientRect().top + window.scrollY;\r\n activeStart = sectionTop - viewportHeight;\r\n activeDistance = section.offsetHeight + viewportHeight;\r\n requestGalleryRender();\r\n }\r\n\r\n window.addEventListener(\"scroll\", requestGalleryRender, { passive: true });\r\n window.addEventListener(\"resize\", measureGallery);\r\n window.addEventListener(\"load\", measureGallery, { once: true });\r\n measureGallery();\r\n })();\r\n\r\n (function () {\r\n const container = document.getElementById(\"flamsVariableProximity\");\r\n if (!container) return;\r\n\r\n const fromWeight = 400;\r\n const toWeight = 1000;\r\n const fromOpticalSize = 9;\r\n const toOpticalSize = 144;\r\n const radius = 160;\r\n const letters = [];\r\n let frame = null;\r\n let pointer = null;\r\n\r\n container.querySelectorAll(\".vp-line\").forEach(function (line) {\r\n const label = line.textContent.trim();\r\n const words = label.split(\/\\s+\/);\r\n\r\n line.textContent = \"\";\r\n line.setAttribute(\"aria-label\", label);\r\n\r\n words.forEach(function (word, wordIndex) {\r\n const wordElement = document.createElement(\"span\");\r\n wordElement.className = \"vp-word\";\r\n wordElement.setAttribute(\"aria-hidden\", \"true\");\r\n\r\n Array.from(word).forEach(function (character) {\r\n const letter = document.createElement(\"span\");\r\n letter.className = \"vp-letter\";\r\n letter.textContent = character;\r\n wordElement.appendChild(letter);\r\n letters.push(letter);\r\n });\r\n\r\n line.appendChild(wordElement);\r\n\r\n if (wordIndex < words.length - 1) {\r\n const space = document.createElement(\"span\");\r\n space.className = \"vp-space\";\r\n space.setAttribute(\"aria-hidden\", \"true\");\r\n line.appendChild(space);\r\n }\r\n });\r\n });\r\n\r\n function resetLetters() {\r\n letters.forEach(function (letter) {\r\n letter.style.fontVariationSettings = \"'wght' 400, 'opsz' 9\";\r\n });\r\n }\r\n\r\n function renderProximity() {\r\n frame = null;\r\n if (!pointer) return;\r\n\r\n letters.forEach(function (letter) {\r\n const rect = letter.getBoundingClientRect();\r\n const centerX = rect.left + rect.width \/ 2;\r\n const centerY = rect.top + rect.height \/ 2;\r\n const distance = Math.hypot(pointer.x - centerX, pointer.y - centerY);\r\n const proximity = Math.max(0, Math.min(1, 1 - distance \/ radius));\r\n const weight = fromWeight + (toWeight - fromWeight) * proximity;\r\n const opticalSize = fromOpticalSize + (toOpticalSize - fromOpticalSize) * proximity;\r\n\r\n letter.style.fontVariationSettings = `'wght' ${weight.toFixed(1)}, 'opsz' ${opticalSize.toFixed(1)}`;\r\n });\r\n }\r\n\r\n function requestRender(x, y) {\r\n pointer = { x: x, y: y };\r\n if (!frame) frame = window.requestAnimationFrame(renderProximity);\r\n }\r\n\r\n container.addEventListener(\"pointermove\", function (event) {\r\n requestRender(event.clientX, event.clientY);\r\n });\r\n\r\n container.addEventListener(\"pointerleave\", function () {\r\n pointer = null;\r\n resetLetters();\r\n });\r\n\r\n container.addEventListener(\"touchmove\", function (event) {\r\n const touch = event.touches[0];\r\n if (touch) requestRender(touch.clientX, touch.clientY);\r\n }, { passive: true });\r\n\r\n container.addEventListener(\"touchend\", function () {\r\n pointer = null;\r\n resetLetters();\r\n }, { passive: true });\r\n\r\n resetLetters();\r\n })();\r\n\r\n (function () {\r\n const folder = document.getElementById(\"flamsGroupFolder\");\r\n if (!folder) return;\r\n\r\n const papers = folder.querySelectorAll(\".flams-folder__paper\");\r\n const hint = folder.parentElement.querySelector(\".flams-folder-hint\");\r\n\r\n function resetPaperOffsets() {\r\n papers.forEach(function (paper) {\r\n paper.style.setProperty(\"--magnet-x\", \"0px\");\r\n paper.style.setProperty(\"--magnet-y\", \"0px\");\r\n });\r\n }\r\n\r\n function setFolderOpen(shouldOpen) {\r\n folder.classList.toggle(\"is-open\", shouldOpen);\r\n folder.setAttribute(\"aria-expanded\", shouldOpen ? \"true\" : \"false\");\r\n folder.setAttribute(\"aria-label\", shouldOpen ? \"Fermer le dossier photos de groupes\" : \"Ouvrir le dossier photos de groupes\");\r\n if (hint) hint.textContent = shouldOpen ? \"Cliquez pour fermer le dossier\" : \"Cliquez pour ouvrir le dossier\";\r\n if (!shouldOpen) resetPaperOffsets();\r\n }\r\n\r\n folder.addEventListener(\"click\", function () {\r\n setFolderOpen(!folder.classList.contains(\"is-open\"));\r\n });\r\n\r\n folder.addEventListener(\"keydown\", function (event) {\r\n if (event.key === \"Enter\" || event.key === \" \") {\r\n event.preventDefault();\r\n setFolderOpen(!folder.classList.contains(\"is-open\"));\r\n }\r\n });\r\n\r\n papers.forEach(function (paper) {\r\n paper.addEventListener(\"pointermove\", function (event) {\r\n if (!folder.classList.contains(\"is-open\")) return;\r\n const rect = paper.getBoundingClientRect();\r\n const offsetX = (event.clientX - (rect.left + rect.width \/ 2)) * .15;\r\n const offsetY = (event.clientY - (rect.top + rect.height \/ 2)) * .15;\r\n paper.style.setProperty(\"--magnet-x\", `${offsetX}px`);\r\n paper.style.setProperty(\"--magnet-y\", `${offsetY}px`);\r\n });\r\n\r\n paper.addEventListener(\"pointerleave\", function () {\r\n paper.style.setProperty(\"--magnet-x\", \"0px\");\r\n paper.style.setProperty(\"--magnet-y\", \"0px\");\r\n });\r\n });\r\n })();\r\n\r\n (function () {\r\n const carousels = document.querySelectorAll(\".group-carousel\");\r\n\r\n carousels.forEach(function (carousel) {\r\n const track = carousel.querySelector(\".group-carousel__track\");\r\n const slides = carousel.querySelectorAll(\".group-carousel__slide\");\r\n const dots = carousel.querySelectorAll(\".group-carousel__dots button\");\r\n const previous = carousel.querySelector(\".group-carousel__arrow--prev\");\r\n const next = carousel.querySelector(\".group-carousel__arrow--next\");\r\n const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n if (!track || slides.length === 0) return;\r\n\r\n let currentIndex = 0;\r\n let autoplay = null;\r\n let touchStartX = 0;\r\n\r\n function showSlide(index) {\r\n currentIndex = (index + slides.length) % slides.length;\r\n track.style.transform = `translate3d(-${currentIndex * 100}%, 0, 0)`;\r\n\r\n dots.forEach(function (dot, dotIndex) {\r\n const isCurrent = dotIndex === currentIndex;\r\n dot.classList.toggle(\"is-active\", isCurrent);\r\n if (isCurrent) {\r\n dot.setAttribute(\"aria-current\", \"true\");\r\n } else {\r\n dot.removeAttribute(\"aria-current\");\r\n }\r\n });\r\n }\r\n\r\n function stopAutoplay() {\r\n if (autoplay) window.clearInterval(autoplay);\r\n autoplay = null;\r\n }\r\n\r\n function startAutoplay() {\r\n stopAutoplay();\r\n if (!reduceMotion) {\r\n autoplay = window.setInterval(function () {\r\n showSlide(currentIndex + 1);\r\n }, 4500);\r\n }\r\n }\r\n\r\n previous.addEventListener(\"click\", function () {\r\n showSlide(currentIndex - 1);\r\n startAutoplay();\r\n });\r\n\r\n next.addEventListener(\"click\", function () {\r\n showSlide(currentIndex + 1);\r\n startAutoplay();\r\n });\r\n\r\n dots.forEach(function (dot, index) {\r\n dot.addEventListener(\"click\", function () {\r\n showSlide(index);\r\n startAutoplay();\r\n });\r\n });\r\n\r\n carousel.addEventListener(\"mouseenter\", stopAutoplay);\r\n carousel.addEventListener(\"mouseleave\", startAutoplay);\r\n carousel.addEventListener(\"focusin\", stopAutoplay);\r\n carousel.addEventListener(\"focusout\", startAutoplay);\r\n\r\n carousel.addEventListener(\"touchstart\", function (event) {\r\n touchStartX = event.touches[0].clientX;\r\n stopAutoplay();\r\n }, { passive: true });\r\n\r\n carousel.addEventListener(\"touchend\", function (event) {\r\n const distance = event.changedTouches[0].clientX - touchStartX;\r\n if (Math.abs(distance) > 45) {\r\n showSlide(currentIndex + (distance < 0 ? 1 : -1));\r\n }\r\n startAutoplay();\r\n }, { passive: true });\r\n\r\n showSlide(0);\r\n startAutoplay();\r\n });\r\n })();\r\n\r\n (function () {\r\n const toggle = document.getElementById(\"flamsBookingToggle\");\r\n const panel = document.getElementById(\"flamsBookingPanel\");\r\n const backdrop = document.getElementById(\"flamsBookingBackdrop\");\r\n const close = document.getElementById(\"flamsBookingClose\");\r\n\r\n if (!toggle || !panel || !backdrop || !close) return;\r\n\r\n function setBookingOpen(shouldOpen) {\r\n panel.classList.toggle(\"is-open\", shouldOpen);\r\n backdrop.classList.toggle(\"is-open\", shouldOpen);\r\n panel.setAttribute(\"aria-hidden\", shouldOpen ? \"false\" : \"true\");\r\n backdrop.setAttribute(\"aria-hidden\", shouldOpen ? \"false\" : \"true\");\r\n toggle.setAttribute(\"aria-expanded\", shouldOpen ? \"true\" : \"false\");\r\n document.body.classList.toggle(\"flams-booking-open\", shouldOpen);\r\n\r\n if (shouldOpen) {\r\n window.setTimeout(function () { close.focus(); }, 100);\r\n } else {\r\n toggle.focus();\r\n }\r\n }\r\n\r\n toggle.addEventListener(\"click\", function () {\r\n setBookingOpen(!panel.classList.contains(\"is-open\"));\r\n });\r\n\r\n close.addEventListener(\"click\", function () { setBookingOpen(false); });\r\n backdrop.addEventListener(\"click\", function () { setBookingOpen(false); });\r\n\r\n document.addEventListener(\"keydown\", function (event) {\r\n if (event.key === \"Escape\" && panel.classList.contains(\"is-open\")) {\r\n setBookingOpen(false);\r\n }\r\n });\r\n })();\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Flam’s Lyon – Rue Tupin Comment \u00e7a flambe ? Lyon 12 rue Tupin \u00b7 Lyon 2e Du bruit Du d\u00e9bordement Des rires \u00e0 table D\u00e9couvrir la carte Le rituel Grande faim, grande table, z\u00e9ro chichi. \u00c0 Lyon, Flam’s t’accueille rue Tupin, au c\u0153ur du 2e arrondissement. \u00c0 deux pas de […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_page_layout":"narrow","inspiro_hide_title":false,"footnotes":""},"class_list":["post-13718","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Arras sp\u00e9cial - Flam's<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flams.fr\/index.php\/arras-special\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Arras sp\u00e9cial - Flam's\" \/>\n<meta property=\"og:description\" content=\"Flam’s Lyon – Rue Tupin Comment \u00e7a flambe ? Lyon 12 rue Tupin \u00b7 Lyon 2e Du bruit Du d\u00e9bordement Des rires \u00e0 table D\u00e9couvrir la carte Le rituel Grande faim, grande table, z\u00e9ro chichi. \u00c0 Lyon, Flam’s t’accueille rue Tupin, au c\u0153ur du 2e arrondissement. \u00c0 deux pas de […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flams.fr\/index.php\/arras-special\/\" \/>\n<meta property=\"og:site_name\" content=\"Flam's\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-22T14:15:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/06\/shootingfevrier2026-4-1-scaled.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"41 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/arras-special\\\/\",\"url\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/arras-special\\\/\",\"name\":\"Arras sp\u00e9cial - Flam's\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/flams.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/arras-special\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/arras-special\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/flams.fr\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/shootingfevrier2026-4-1-scaled.webp\",\"datePublished\":\"2026-06-24T13:23:38+00:00\",\"dateModified\":\"2026-07-22T14:15:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/arras-special\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/flams.fr\\\/index.php\\\/arras-special\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/arras-special\\\/#primaryimage\",\"url\":\"https:\\\/\\\/flams.fr\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/shootingfevrier2026-4-1-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/flams.fr\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/shootingfevrier2026-4-1-scaled.webp\",\"width\":1703,\"height\":2560},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/arras-special\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil Flam's\",\"item\":\"https:\\\/\\\/flams.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Arras sp\u00e9cial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/flams.fr\\\/#website\",\"url\":\"https:\\\/\\\/flams.fr\\\/\",\"name\":\"Flams\",\"description\":\"La flam's qui se partage\",\"publisher\":{\"@id\":\"https:\\\/\\\/flams.fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/flams.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/flams.fr\\\/#organization\",\"name\":\"Flam's\",\"url\":\"https:\\\/\\\/flams.fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/flams.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/flams.fr\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/Logo_flams_web.png\",\"contentUrl\":\"https:\\\/\\\/flams.fr\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/Logo_flams_web.png\",\"width\":512,\"height\":512,\"caption\":\"Flam's\"},\"image\":{\"@id\":\"https:\\\/\\\/flams.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Arras sp\u00e9cial - Flam's","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/flams.fr\/index.php\/arras-special\/","og_locale":"fr_FR","og_type":"article","og_title":"Arras sp\u00e9cial - Flam's","og_description":"Flam’s Lyon – Rue Tupin Comment \u00e7a flambe ? Lyon 12 rue Tupin \u00b7 Lyon 2e Du bruit Du d\u00e9bordement Des rires \u00e0 table D\u00e9couvrir la carte Le rituel Grande faim, grande table, z\u00e9ro chichi. \u00c0 Lyon, Flam’s t’accueille rue Tupin, au c\u0153ur du 2e arrondissement. \u00c0 deux pas de […]","og_url":"https:\/\/flams.fr\/index.php\/arras-special\/","og_site_name":"Flam's","article_modified_time":"2026-07-22T14:15:48+00:00","og_image":[{"url":"https:\/\/flams.fr\/wp-content\/uploads\/2026\/06\/shootingfevrier2026-4-1-scaled.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"41 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/flams.fr\/index.php\/arras-special\/","url":"https:\/\/flams.fr\/index.php\/arras-special\/","name":"Arras sp\u00e9cial - Flam's","isPartOf":{"@id":"https:\/\/flams.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flams.fr\/index.php\/arras-special\/#primaryimage"},"image":{"@id":"https:\/\/flams.fr\/index.php\/arras-special\/#primaryimage"},"thumbnailUrl":"https:\/\/flams.fr\/wp-content\/uploads\/2026\/06\/shootingfevrier2026-4-1-scaled.webp","datePublished":"2026-06-24T13:23:38+00:00","dateModified":"2026-07-22T14:15:48+00:00","breadcrumb":{"@id":"https:\/\/flams.fr\/index.php\/arras-special\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flams.fr\/index.php\/arras-special\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/flams.fr\/index.php\/arras-special\/#primaryimage","url":"https:\/\/flams.fr\/wp-content\/uploads\/2026\/06\/shootingfevrier2026-4-1-scaled.webp","contentUrl":"https:\/\/flams.fr\/wp-content\/uploads\/2026\/06\/shootingfevrier2026-4-1-scaled.webp","width":1703,"height":2560},{"@type":"BreadcrumbList","@id":"https:\/\/flams.fr\/index.php\/arras-special\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil Flam's","item":"https:\/\/flams.fr\/"},{"@type":"ListItem","position":2,"name":"Arras sp\u00e9cial"}]},{"@type":"WebSite","@id":"https:\/\/flams.fr\/#website","url":"https:\/\/flams.fr\/","name":"Flams","description":"La flam's qui se partage","publisher":{"@id":"https:\/\/flams.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flams.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/flams.fr\/#organization","name":"Flam's","url":"https:\/\/flams.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/flams.fr\/#\/schema\/logo\/image\/","url":"https:\/\/flams.fr\/wp-content\/uploads\/2023\/03\/Logo_flams_web.png","contentUrl":"https:\/\/flams.fr\/wp-content\/uploads\/2023\/03\/Logo_flams_web.png","width":512,"height":512,"caption":"Flam's"},"image":{"@id":"https:\/\/flams.fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/pages\/13718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/comments?post=13718"}],"version-history":[{"count":117,"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/pages\/13718\/revisions"}],"predecessor-version":[{"id":13947,"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/pages\/13718\/revisions\/13947"}],"wp:attachment":[{"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/media?parent=13718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}