{"id":227,"date":"2025-09-23T11:30:18","date_gmt":"2025-09-23T09:30:18","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=227"},"modified":"2025-10-02T14:49:29","modified_gmt":"2025-10-02T12:49:29","slug":"reportage","status":"publish","type":"page","link":"https:\/\/flashphoto13.fr\/?page_id=227","title":{"rendered":"Reportage"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\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\nFlash Photo 13 \u2013 Reportages photo & vid\u00e9o<\/title>\r\n<style>\r\n\/* ========== VARIABLES & RESET ========== *\/\r\n:root {\r\n --gold: #e8c363;\r\n --gold-2: #d8b24f;\r\n --gold-3: #c6a246;\r\n --text: #fff;\r\n --muted: #c9d6df;\r\n --bg: #0b0b0b;\r\n --card: #121212;\r\n --soft: #171717;\r\n --radius: 18px;\r\n --shadow: 0 18px 50px rgba(0,0,0,.35);\r\n --shadow-xl: 0 25px 60px rgba(0,0,0,.5);\r\n --ease: cubic-bezier(0.22, 0.61, 0.36, 1);\r\n --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\r\n --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.rep-wrap {\r\n color: var(--text);\r\n background: var(--bg);\r\n font-family: system-ui, -apple-system, Inter, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n line-height: 1.55;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* ========== CONTAINERS ========== *\/\r\n.rep-container {\r\n max-width: 1180px;\r\n margin-inline: auto;\r\n padding: 40px 24px;\r\n}\r\n\r\n.rep-sec {\r\n padding: 56px 0;\r\n border-bottom: 1px solid rgba(255,255,255,.07);\r\n position: relative;\r\n}\r\n\r\n.rep-sec:last-child {\r\n border-bottom: 0;\r\n}\r\n\r\n\/* ========== HERO SECTION PREMIUM ========== *\/\r\n.hero {\r\n position: relative;\r\n border-radius: 26px;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(1200px 260px at 110% -40%, rgba(232,195,99,.18), transparent 60%),\r\n linear-gradient(180deg, #121212, #0d0d0d);\r\n border: 1px solid rgba(255,255,255,.12);\r\n box-shadow: var(--shadow);\r\n padding: 48px 36px;\r\n display: grid;\r\n gap: 32px;\r\n grid-template-columns: 1.1fr 0.9fr;\r\n align-items: center;\r\n transition: all 0.6s var(--ease);\r\n}\r\n\r\n.hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: -2px;\r\n background: linear-gradient(135deg, rgba(232,195,99,.15), transparent 50%, rgba(216,178,79,.15));\r\n border-radius: 26px;\r\n padding: 2px;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n pointer-events: none;\r\n}\r\n\r\n.hero:hover::before {\r\n opacity: 1;\r\n}\r\n\r\n.hero:hover {\r\n border-color: rgba(232,195,99,.25);\r\n box-shadow: var(--shadow-xl), 0 0 40px rgba(232,195,99,.15);\r\n}\r\n\r\n.kicker {\r\n display: inline-block;\r\n color: #111;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-2));\r\n padding: 8px 18px;\r\n border-radius: 999px;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n margin-bottom: 14px;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 6px 20px rgba(232,195,99,.3);\r\n transition: all 0.3s var(--ease-spring);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.kicker::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, transparent, rgba(255,255,255,.3), transparent);\r\n transform: translateX(-100%);\r\n transition: transform 0.6s ease;\r\n}\r\n\r\n.kicker:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 8px 25px rgba(232,195,99,.4);\r\n}\r\n\r\n.kicker:hover::before {\r\n transform: translateX(100%);\r\n}\r\n\r\n.hero h1 {\r\n font-size: clamp(32px, 5vw, 52px);\r\n margin: 0 0 16px;\r\n letter-spacing: -0.02em;\r\n font-weight: 900;\r\n line-height: 1.15;\r\n background: linear-gradient(135deg, #ffffff, #c9d6df);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\r\n.hero p {\r\n color: var(--muted);\r\n margin: 0;\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n max-width: 55ch;\r\n}\r\n\r\n\/* ========== HERO MEDIA AVEC EFFETS ========== *\/\r\n.hero-media {\r\n position: relative;\r\n aspect-ratio: 16\/10;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,.12);\r\n box-shadow: 0 15px 40px rgba(0,0,0,.4);\r\n transition: all 0.5s var(--ease);\r\n}\r\n\r\n.hero-media:hover {\r\n transform: scale(1.02) translateY(-4px);\r\n box-shadow: 0 25px 60px rgba(0,0,0,.5), 0 0 30px rgba(232,195,99,.1);\r\n}\r\n\r\n.hero-media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: contrast(1.04) saturate(1.04);\r\n transition: transform 0.7s var(--ease), filter 0.5s ease;\r\n}\r\n\r\n.hero-media:hover img {\r\n transform: scale(1.08);\r\n filter: contrast(1.06) saturate(1.08);\r\n}\r\n\r\n.spark {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n background:\r\n radial-gradient(250px 120px at 20% 10%, rgba(232,195,99,.22), transparent 60%),\r\n radial-gradient(320px 140px at 80% 90%, rgba(216,178,79,.18), transparent 60%);\r\n mix-blend-mode: screen;\r\n animation: glow 6s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes glow {\r\n 0%, 100% {\r\n opacity: 0.7;\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n opacity: 1;\r\n transform: translateY(-8px);\r\n }\r\n}\r\n\r\n\/* ========== GRIDS ========== *\/\r\n.grid {\r\n display: grid;\r\n gap: 26px;\r\n}\r\n\r\n.two {\r\n grid-template-columns: 1fr 1fr;\r\n}\r\n\r\n.three {\r\n grid-template-columns: repeat(3, 1fr);\r\n}\r\n\r\n@media (max-width: 980px) {\r\n .hero {\r\n grid-template-columns: 1fr;\r\n gap: 28px;\r\n }\r\n .two, .three {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n\/* ========== CARDS PREMIUM ========== *\/\r\n.card {\r\n background: linear-gradient(180deg, #151515, #0f0f0f);\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: var(--radius);\r\n padding: 28px;\r\n box-shadow: var(--shadow);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.5s var(--ease);\r\n}\r\n\r\n.card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n transition: left 0.6s var(--ease);\r\n}\r\n\r\n.card:hover::before {\r\n left: 100%;\r\n}\r\n\r\n.card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: var(--radius);\r\n padding: 1px;\r\n background: linear-gradient(135deg, transparent, rgba(232,195,99,.2), transparent);\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n pointer-events: none;\r\n}\r\n\r\n.card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-xl), 0 0 30px rgba(232,195,99,.12);\r\n border-color: rgba(232,195,99,.25);\r\n}\r\n\r\n.card:hover::after {\r\n opacity: 1;\r\n}\r\n\r\n.card h3 {\r\n margin: 0 0 12px;\r\n font-size: clamp(20px, 2.4vw, 24px);\r\n font-weight: 800;\r\n letter-spacing: 0.3px;\r\n}\r\n\r\n.muted {\r\n color: var(--muted);\r\n}\r\n\r\n\/* ========== TAGS & BADGES ========== *\/\r\n.tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n border: 1px solid rgba(255,255,255,.15);\r\n background: rgba(15,15,15,.8);\r\n backdrop-filter: blur(10px);\r\n border-radius: 999px;\r\n padding: 10px 16px;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n transition: all 0.3s var(--ease-spring);\r\n}\r\n\r\n.tag:hover {\r\n transform: scale(1.03);\r\n border-color: rgba(232,195,99,.35);\r\n background: rgba(232,195,99,.08);\r\n box-shadow: 0 6px 18px rgba(232,195,99,.15);\r\n}\r\n\r\n.tag .dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-2));\r\n box-shadow: 0 0 12px rgba(232,195,99,.5);\r\n animation: pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 1; }\r\n 50% { transform: scale(1.15); opacity: 0.85; }\r\n}\r\n\r\n.list {\r\n margin: 12px 0 0;\r\n padding-left: 22px;\r\n}\r\n\r\n.list li {\r\n margin: 10px 0;\r\n line-height: 1.6;\r\n position: relative;\r\n transition: transform 0.2s ease, color 0.2s ease;\r\n}\r\n\r\n.list li:hover {\r\n transform: translateX(4px);\r\n color: var(--gold-2);\r\n}\r\n\r\n.list li::marker {\r\n color: var(--gold);\r\n}\r\n\r\n\/* ========== PACKAGES CARDS ========== *\/\r\n.pack {\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.pack-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: end;\r\n gap: 12px;\r\n margin-bottom: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.pack-title {\r\n font-size: clamp(20px, 2.3vw, 24px);\r\n font-weight: 900;\r\n margin: 0;\r\n letter-spacing: 0.2px;\r\n}\r\n\r\n.price {\r\n font-weight: 900;\r\n color: #111;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-2));\r\n padding: 10px 18px;\r\n border-radius: 14px;\r\n box-shadow: 0 8px 20px rgba(232,195,99,.3);\r\n transition: all 0.3s var(--ease-spring);\r\n position: relative;\r\n overflow: hidden;\r\n font-size: 1.1rem;\r\n}\r\n\r\n.price::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, transparent, rgba(255,255,255,.3), transparent);\r\n transform: translateX(-100%) skewX(-15deg);\r\n transition: transform 0.6s ease;\r\n}\r\n\r\n.pack:hover .price {\r\n transform: scale(1.08);\r\n box-shadow: 0 10px 25px rgba(232,195,99,.45);\r\n}\r\n\r\n.pack:hover .price::before {\r\n transform: translateX(200%) skewX(-15deg);\r\n}\r\n\r\n.pack ul {\r\n margin: 12px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.badge {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n font-size: 0.85rem;\r\n font-weight: 800;\r\n background: linear-gradient(135deg, rgba(232,195,99,.22), rgba(216,178,79,.22));\r\n border: 1px solid rgba(232,195,99,.35);\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 6px 18px rgba(232,195,99,.2);\r\n transition: all 0.3s var(--ease-spring);\r\n}\r\n\r\n.pack:hover .badge {\r\n transform: scale(1.05) rotate(2deg);\r\n}\r\n\r\n\/* ========== VIDEO OPTIONS ========== *\/\r\n.video {\r\n display: grid;\r\n gap: 18px;\r\n}\r\n\r\n.video .row {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 16px;\r\n align-items: center;\r\n background: var(--soft);\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: 16px;\r\n padding: 18px 20px;\r\n transition: all 0.4s var(--ease);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.video .row::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 0;\r\n background: linear-gradient(90deg, rgba(232,195,99,.08), transparent);\r\n transition: width 0.5s var(--ease);\r\n}\r\n\r\n.video .row:hover::before {\r\n width: 100%;\r\n}\r\n\r\n.video .row:hover {\r\n background: rgba(23,23,23,.8);\r\n border-color: rgba(232,195,99,.25);\r\n transform: translateX(6px);\r\n box-shadow: 0 8px 24px rgba(0,0,0,.3);\r\n}\r\n\r\n.video .row b {\r\n font-size: 1.1rem;\r\n font-weight: 800;\r\n letter-spacing: 0.3px;\r\n}\r\n\r\n\/* ========== GALLERY PREMIUM ========== *\/\r\n.gal {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 14px;\r\n}\r\n\r\n@media (max-width: 980px) {\r\n .gal {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .gal {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n.gal .ph {\r\n aspect-ratio: 1\/1;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,.12);\r\n background: #0f0f0f;\r\n position: relative;\r\n cursor: pointer;\r\n transition: all 0.4s var(--ease);\r\n}\r\n\r\n.gal .ph::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(232,195,99,.15), transparent 60%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n z-index: 1;\r\n pointer-events: none;\r\n}\r\n\r\n.gal .ph:hover::before {\r\n opacity: 1;\r\n}\r\n\r\n.gal .ph:hover {\r\n transform: scale(1.05) translateY(-4px);\r\n box-shadow: 0 15px 40px rgba(0,0,0,.5), 0 0 20px rgba(232,195,99,.15);\r\n border-color: rgba(232,195,99,.3);\r\n z-index: 10;\r\n}\r\n\r\n.gal img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s var(--ease), filter 0.4s ease;\r\n}\r\n\r\n.gal .ph:hover img {\r\n transform: scale(1.12);\r\n filter: saturate(1.1) contrast(1.05);\r\n}\r\n\r\n\/* ========== CTA SECTION ========== *\/\r\n.cta {\r\n background:\r\n radial-gradient(1200px 220px at 100% -20%, rgba(232,195,99,.18), transparent 60%),\r\n linear-gradient(180deg, #171717, #101010);\r\n border: 1px solid rgba(255,255,255,.12);\r\n border-radius: 22px;\r\n padding: 32px;\r\n display: grid;\r\n gap: 14px;\r\n box-shadow: var(--shadow);\r\n transition: all 0.5s var(--ease);\r\n}\r\n\r\n.cta:hover {\r\n border-color: rgba(232,195,99,.25);\r\n box-shadow: var(--shadow-xl), 0 0 30px rgba(232,195,99,.1);\r\n}\r\n\r\n\/* ========== BUTTONS PREMIUM ========== *\/\r\n.btns {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n align-items: center;\r\n}\r\n\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 24px;\r\n border-radius: 14px;\r\n border: none;\r\n cursor: pointer;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-2));\r\n color: #111;\r\n font-weight: 900;\r\n font-size: 1rem;\r\n text-decoration: none;\r\n box-shadow: 0 6px 20px rgba(232,195,99,.3);\r\n transition: all 0.3s var(--ease);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, transparent, rgba(255,255,255,.3), transparent);\r\n transform: translateX(-100%) skewX(-20deg);\r\n transition: transform 0.6s ease;\r\n}\r\n\r\n.btn:hover::before {\r\n transform: translateX(200%) skewX(-20deg);\r\n}\r\n\r\n.btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 0 0 3px rgba(232,195,99,.2), 0 10px 30px rgba(232,195,99,.4);\r\n filter: saturate(1.08);\r\n}\r\n\r\n.btn:active {\r\n transform: translateY(-1px);\r\n}\r\n\r\n.btn.outline {\r\n background: transparent;\r\n color: var(--text);\r\n border: 2px solid rgba(232,195,99,.4);\r\n box-shadow: none;\r\n}\r\n\r\n.btn.outline:hover {\r\n background: rgba(232,195,99,.1);\r\n border-color: rgba(232,195,99,.7);\r\n box-shadow: 0 0 0 3px rgba(232,195,99,.15), 0 8px 24px rgba(0,0,0,.3);\r\n}\r\n\r\n\/* ========== REVEAL ANIMATIONS ========== *\/\r\n.reveal {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity 0.7s var(--ease), transform 0.7s var(--ease);\r\n}\r\n\r\n.reveal.on {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.fade-l {\r\n transform: translateX(-24px);\r\n}\r\n\r\n.fade-l.on {\r\n transform: translateX(0);\r\n}\r\n\r\n.fade-r {\r\n transform: translateX(24px);\r\n}\r\n\r\n.fade-r.on {\r\n transform: translateX(0);\r\n}\r\n\r\n.zoom {\r\n transform: scale(0.95);\r\n}\r\n\r\n.zoom.on {\r\n transform: scale(1);\r\n}\r\n\r\n\/* ========== RESPONSIVE ========== *\/\r\n@media (max-width: 768px) {\r\n .rep-container {\r\n padding: 30px 20px;\r\n }\r\n \r\n .rep-sec {\r\n padding: 40px 0;\r\n }\r\n \r\n .hero {\r\n padding: 32px 24px;\r\n }\r\n \r\n .card {\r\n padding: 24px;\r\n }\r\n \r\n .pack-header {\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 10px;\r\n }\r\n \r\n .video .row {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n \r\n .btns {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n \r\n .btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n\/* ========== BACKGROUND AMBIANCE ========== *\/\r\n.rep-wrap::before {\r\n content: '';\r\n position: fixed;\r\n top: 20%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 800px;\r\n height: 800px;\r\n background: radial-gradient(circle, rgba(232,195,99,.04), transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n}\r\n\r\n.rep-container {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"rep-wrap\" id=\"reportage-page\">\r\n <div class=\"rep-container\">\r\n\r\n <!-- ========== HERO ========== -->\r\n <section class=\"rep-sec reveal zoom\">\r\n <div class=\"hero\">\r\n <div>\r\n <span class=\"kicker\">Reportages photo & vid\u00e9o<\/span>\r\n <h1>Moments inoubliables, rendu premium<\/h1>\r\n <p>\r\n Mariage, bapt\u00eame, naissance, anniversaires \u2014 prise de vue discr\u00e8te, direction naturelle, retouches fines,\r\n et mise en page \u00e9l\u00e9gante. Tarifs clairs & d\u00e9lais rapides.\r\n <\/p>\r\n <div class=\"btns\" style=\"margin-top: 20px;\">\r\n <a class=\"btn\" href=\"#packs\">Voir les packs<\/a>\r\n <a class=\"btn outline\" href=\"#video\">Options vid\u00e9o<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-media\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460978812857-470ed1c77af0?q=80&w=2495&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\r\n alt=\"Photo de mariage au coucher du soleil\">\r\n <span class=\"spark\" aria-hidden=\"true\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== PACKS PHOTO ========== -->\r\n <section id=\"packs\" class=\"rep-sec reveal fade-r\">\r\n <div class=\"grid three\">\r\n \r\n <!-- Pack 1 : Mairie, \u00c9glise -->\r\n <div class=\"card pack\">\r\n <div class=\"pack-header\">\r\n <h3 class=\"pack-title\">Mairie, \u00c9glise<\/h3>\r\n <span class=\"price\">850\u20ac<\/span>\r\n <\/div>\r\n <p class=\"muted\">Livre album 26 pages + fichiers num\u00e9riques HD.<\/p>\r\n <ul class=\"list\">\r\n <li>Pr\u00e9sence c\u00e9r\u00e9monie & photos de couple \/ famille<\/li>\r\n <li>S\u00e9lection & retouches colorim\u00e9triques fines<\/li>\r\n <li>Album livre qualit\u00e9 pro \u2013 26 pages<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Pack 2 : + Vin d'honneur -->\r\n <div class=\"card pack\">\r\n <div class=\"pack-header\">\r\n <h3 class=\"pack-title\">+ Vin d'honneur<\/h3>\r\n <span class=\"price\">1200\u20ac<\/span>\r\n <\/div>\r\n <p class=\"muted\">Mairie, \u00e9glise, parc & vin d'honneur.<\/p>\r\n <ul class=\"list\">\r\n <li>Couverture \u00e9tendue jusqu'au d\u00e9but de soir\u00e9e<\/li>\r\n <li>Album livre 26 pages inclus<\/li>\r\n <li><b>Fichier num\u00e9rique seul :<\/b> 850 \u20ac<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Pack 3 : D\u00e9but au g\u00e2teau -->\r\n <div class=\"card pack\">\r\n <div class=\"pack-header\">\r\n <h3 class=\"pack-title\">D\u00e9but au g\u00e2teau<\/h3>\r\n <span class=\"price\">1850\u20ac<\/span>\r\n <\/div>\r\n <p class=\"muted\">Mairie, \u00e9glise, parc, cocktail & pi\u00e8ce mont\u00e9e.<\/p>\r\n <ul class=\"list\">\r\n <li>Reportage complet jusqu'au moment fort du dessert<\/li>\r\n <li>Album livre inclus + fichiers num\u00e9riques HD<\/li>\r\n <li>Galerie priv\u00e9e sur demande<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n <!-- Autres th\u00e8mes -->\r\n <div class=\"card\" style=\"margin-top: 24px;\">\r\n <div class=\"tag\">\r\n <span class=\"dot\"><\/span>\r\n Aussi pour :\r\n <b style=\"margin-left: 6px;\">bapt\u00eame, b\u00e9b\u00e9 & naissance, anniversaires<\/b>\r\n <\/div>\r\n <p class=\"muted\" style=\"margin-top: 12px;\">\r\n M\u00eame qualit\u00e9 d'accompagnement, mise en sc\u00e8ne douce et images intemporelles.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== OPTIONS VID\u00c9O ========== -->\r\n <section id=\"video\" class=\"rep-sec reveal fade-l\">\r\n <div class=\"grid two\">\r\n \r\n <!-- Compl\u00e9ments vid\u00e9o -->\r\n <div class=\"card\">\r\n <h3>Compl\u00e9ments vid\u00e9o<\/h3>\r\n <div class=\"video\" style=\"margin-top: 14px;\">\r\n <div class=\"row\">\r\n <div>\r\n <b>Montage Teaser<\/b><br>\r\n <span class=\"muted\">Best of (10 minutes) \u2013 vos meilleurs moments de mariage.<\/span>\r\n <\/div>\r\n <span class=\"price\">650 \u20ac<\/span>\r\n <\/div>\r\n <div class=\"row\">\r\n <div>\r\n <b>Montage Luxe<\/b><br>\r\n <span class=\"muted\">Teaser + film long (\u224845 min), montage haut de gamme et musical.<\/span>\r\n <\/div>\r\n <span class=\"price\">950 \u20ac<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Ce qui est inclus -->\r\n <div class=\"card\">\r\n <h3>Ce qui est toujours inclus<\/h3>\r\n <ul class=\"list\">\r\n <li>Pr\u00e9-brief pour comprendre votre histoire & votre style<\/li>\r\n <li>Direction naturelle, ultra-discr\u00e8te le jour J<\/li>\r\n <li>Tri\/retouches, export HD pr\u00eat \u00e0 imprimer<\/li>\r\n <li>Livraison rapide & sauvegarde 30 jours<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== GALERIE ========== -->\r\n <section class=\"rep-sec reveal fade-r\">\r\n <h3 style=\"margin: 0 0 16px; font-size: clamp(22px, 3vw, 28px);\">Extraits de reportages<\/h3>\r\n <div class=\"gal\">\r\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?q=80&w=900&auto=format&fit=crop\" alt=\"Photo de mariage 1\" loading=\"lazy\"><\/div>\r\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1499951360447-b19be8fe80f5?q=80&w=900&auto=format&fit=crop\" alt=\"Photo de mariage 2\" loading=\"lazy\"><\/div>\r\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511285560929-80b456fea0bc?q=80&w=900&auto=format&fit=crop\" alt=\"Photo de mariage 3\" loading=\"lazy\"><\/div>\r\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529626455594-4ff0802cfb7e?q=80&w=900&auto=format&fit=crop\" alt=\"Photo de mariage 4\" loading=\"lazy\"><\/div>\r\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?q=80&w=900&auto=format&fit=crop\" alt=\"Photo de mariage 5\" loading=\"lazy\"><\/div>\r\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522335789203-aabd1fc54bc9?q=80&w=900&auto=format&fit=crop\" alt=\"Photo de mariage 6\" loading=\"lazy\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== FAQ + CTA ========== -->\r\n <section class=\"rep-sec reveal fade-l\">\r\n <div class=\"grid two\">\r\n \r\n <!-- Questions fr\u00e9quentes -->\r\n <div class=\"card\">\r\n <h3>Questions fr\u00e9quentes<\/h3>\r\n <ul class=\"list\">\r\n <li><b>D\u00e9placement :<\/b> inclus autour des Pennes-Mirabeau, au-del\u00e0 sur devis.<\/li>\r\n <li><b>D\u00e9lai :<\/b> aper\u00e7u sous 7 jours, album sous 2\u20133 semaines.<\/li>\r\n <li><b>Paiement :<\/b> acompte 50% \u00e0 la r\u00e9servation, solde \u00e0 la livraison.<\/li>\r\n <li><b>Annulation :<\/b> date reprogrammable selon disponibilit\u00e9.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- CTA Final -->\r\n <div class=\"cta\">\r\n <h3 style=\"margin: 0;\">Parlez-nous de votre \u00e9v\u00e8nement<\/h3>\r\n <p class=\"muted\" style=\"margin: 0 0 10px;\">\r\n On vous guide pour choisir le bon pack et bloquer la date.\r\n <\/p>\r\n <div class=\"btns\">\r\n <a class=\"btn outline\" href=\"mailto:flashphoto13isula2b@hotmail.com\" aria-label=\"Envoyer un email\">\r\n \u2709\ufe0f Email\r\n <\/a>\r\n <a class=\"btn outline\" href=\"\/wordpress\/contact\" aria-label=\"V\u00e9rifier les disponibilit\u00e9s\">\r\n \ud83d\uddd3\ufe0f V\u00e9rifier la disponibilit\u00e9\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ ========== INTERSECTION OBSERVER POUR REVEAL ==========\r\n(function() {\r\n const elements = document.querySelectorAll('#reportage-page .reveal');\r\n \r\n \/\/ Fallback si pas de support IntersectionObserver\r\n if (!('IntersectionObserver' in window) || !elements.length) {\r\n elements.forEach(el => el.classList.add('on'));\r\n return;\r\n }\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n \/\/ D\u00e9lai progressif bas\u00e9 sur l'index\r\n const delay = Array.from(elements).indexOf(entry.target) * 100;\r\n setTimeout(() => {\r\n entry.target.classList.add('on');\r\n }, delay);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -80px 0px'\r\n });\r\n \r\n elements.forEach(el => observer.observe(el));\r\n})();\r\n\r\n\/\/ ========== PARALLAXE SUBTIL AU MOUSEMOVE ========== \r\ndocument.addEventListener('mousemove', (e) => {\r\n const hero = document.querySelector('.hero');\r\n if (!hero) return;\r\n \r\n const x = (e.clientX \/ window.innerWidth - 0.5) * 15;\r\n const y = (e.clientY \/ window.innerHeight - 0.5) * 15;\r\n \r\n hero.style.transform = `perspective(1000px) rotateY(${x * 0.05}deg) rotateX(${-y * 0.05}deg)`;\r\n});\r\n\r\n\/\/ ========== ANIMATION COMPTEUR PROGRESSIF SUR LES PRIX ==========\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const priceElements = document.querySelectorAll('.price');\r\n \r\n const animateValue = (element, start, end, duration) => {\r\n const range = end - start;\r\n const increment = range \/ (duration \/ 16);\r\n let current = start;\r\n \r\n const timer = setInterval(() => {\r\n current += increment;\r\n if (current >= end) {\r\n current = end;\r\n clearInterval(timer);\r\n }\r\n element.textContent = Math.floor(current) + '\u20ac';\r\n }, 16);\r\n };\r\n \r\n const observerPrices = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const priceText = entry.target.textContent;\r\n const priceValue = parseInt(priceText.replace(\/[^\\d]\/g, ''));\r\n \r\n if (!isNaN(priceValue) && priceValue > 0) {\r\n animateValue(entry.target, 0, priceValue, 1200);\r\n }\r\n \r\n observerPrices.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n \r\n priceElements.forEach(el => {\r\n if (el.textContent.includes('\u20ac') && !el.textContent.includes('\/')) {\r\n observerPrices.observe(el);\r\n }\r\n });\r\n});\r\n\r\n\/\/ ========== SMOOTH SCROLL POUR LES ANCRES ==========\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n const href = this.getAttribute('href');\r\n if (href === '#') return;\r\n \r\n e.preventDefault();\r\n const target = document.querySelector(href);\r\n \r\n if (target) {\r\n const offset = 80;\r\n const elementPosition = target.getBoundingClientRect().top;\r\n const offsetPosition = elementPosition + window.pageYOffset - offset;\r\n \r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: 'smooth'\r\n });\r\n }\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Flash Photo 13 \u2013 Reportages photo & vid\u00e9o Reportages photo & vid\u00e9o Moments inoubliables, rendu premium Mariage, bapt\u00eame, naissance, anniversaires […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-227","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=\/wp\/v2\/pages\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=227"}],"version-history":[{"count":14,"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=\/wp\/v2\/pages\/227\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=\/wp\/v2\/pages\/227\/revisions\/337"}],"wp:attachment":[{"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}