{"id":172,"date":"2025-09-03T03:57:08","date_gmt":"2025-09-03T01:57:08","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=172"},"modified":"2026-04-13T17:46:02","modified_gmt":"2026-04-13T15:46:02","slug":"contact","status":"publish","type":"page","link":"https:\/\/flashphoto13.fr\/?page_id=172","title":{"rendered":"Contact"},"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 Nous contacter<\/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 --txt: #ffffff;\r\n --muted: #c9d6df;\r\n --bg: #0c0c0c;\r\n --panel: #121212;\r\n --soft: #151515;\r\n --shadow: 0 20px 60px rgba(0,0,0,.5);\r\n --shadow-xl: 0 30px 80px rgba(0,0,0,.65);\r\n --radius: 18px;\r\n --radius-lg: 24px;\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 margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n color: var(--txt);\r\n background: var(--bg);\r\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Inter, Arial, sans-serif;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* ========== BACKGROUND ANIM\u00c9 AVEC PARTICULES ========== *\/\r\n.bg-animated {\r\n position: fixed;\r\n inset: -20% -10% -10% -10%;\r\n z-index: -2;\r\n background:\r\n radial-gradient(1400px 500px at 15% -10%, rgba(232,195,99,.14), transparent 65%),\r\n radial-gradient(1000px 450px at 95% 15%, rgba(198,162,70,.1), transparent 68%),\r\n radial-gradient(800px 350px at 50% 100%, rgba(216,178,79,.08), transparent 70%);\r\n animation: bgFloat 25s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes bgFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 33% { transform: translate(-2%, 2%) scale(1.02); }\r\n 66% { transform: translate(2%, -2%) scale(0.98); }\r\n}\r\n\r\n\/* Particules dor\u00e9es flottantes *\/\r\n.sparkles::before,\r\n.sparkles::after {\r\n content: \"\";\r\n position: fixed;\r\n inset: 0;\r\n z-index: -1;\r\n pointer-events: none;\r\n mix-blend-mode: screen;\r\n opacity: 0.5;\r\n background-image:\r\n radial-gradient(2px 2px at 18% 25%, rgba(255,255,255,.6), transparent 65%),\r\n radial-gradient(2px 2px at 65% 12%, rgba(255,255,255,.7), transparent 65%),\r\n radial-gradient(2px 2px at 82% 48%, rgba(232,195,99,.8), transparent 65%),\r\n radial-gradient(2px 2px at 32% 78%, rgba(255,255,255,.6), transparent 65%),\r\n radial-gradient(2px 2px at 88% 72%, rgba(216,178,79,.7), transparent 65%),\r\n radial-gradient(2px 2px at 45% 55%, rgba(232,195,99,.6), transparent 65%);\r\n background-repeat: no-repeat;\r\n animation: sparkFloat 14s ease-in-out infinite alternate;\r\n}\r\n\r\n.sparkles::after {\r\n filter: blur(0.8px);\r\n opacity: 0.4;\r\n animation-duration: 18s;\r\n animation-direction: alternate-reverse;\r\n}\r\n\r\n@keyframes sparkFloat {\r\n from { transform: translateY(-8px); }\r\n to { transform: translateY(8px); }\r\n}\r\n\r\n\/* ========== CONTAINER ========== *\/\r\n.container {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 70px 24px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* ========== GLASS CARDS (GLASSMORPHISM) ========== *\/\r\n.glass {\r\n background: linear-gradient(180deg, \r\n rgba(18,18,18,.75), \r\n rgba(10,10,10,.65));\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.6s var(--ease);\r\n}\r\n\r\n\/* Border anim\u00e9 dor\u00e9 *\/\r\n.glass::before {\r\n content: '';\r\n position: absolute;\r\n inset: -2px;\r\n background: linear-gradient(135deg, \r\n var(--gold) 0%, \r\n transparent 25%, \r\n transparent 75%, \r\n var(--gold-2) 100%);\r\n border-radius: var(--radius-lg);\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n pointer-events: none;\r\n z-index: -1;\r\n animation: rotateBorder 6s linear infinite;\r\n}\r\n\r\n@keyframes rotateBorder {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n}\r\n\r\n.glass:hover::before {\r\n opacity: 0.4;\r\n}\r\n\r\n.glass:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-xl), 0 0 40px rgba(232,195,99,.15);\r\n border-color: rgba(232,195,99,.25);\r\n}\r\n\r\n\/* ========== HERO SECTION ========== *\/\r\n.hero {\r\n padding: 48px 42px;\r\n text-align: center;\r\n}\r\n\r\n.kicker {\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-2));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 14px;\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.kicker::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -6px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 50%;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n opacity: 0.6;\r\n}\r\n\r\n.title {\r\n font-size: clamp(2.4rem, 4.5vw, 3.5rem);\r\n font-weight: 900;\r\n margin: 12px 0 16px;\r\n letter-spacing: -0.02em;\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 line-height: 1.15;\r\n}\r\n\r\n.subtitle {\r\n color: var(--muted);\r\n font-size: 1.1rem;\r\n max-width: 65ch;\r\n margin: 0 auto 28px;\r\n line-height: 1.7;\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 justify-content: center;\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 26px;\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 8px 24px rgba(232,195,99,.35);\r\n transition: all 0.3s var(--ease-spring);\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) scale(1.03);\r\n box-shadow: 0 0 0 4px rgba(232,195,99,.25), 0 12px 32px rgba(232,195,99,.45);\r\n filter: saturate(1.08);\r\n}\r\n\r\n.btn--outline {\r\n background: transparent;\r\n color: var(--txt);\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,.12);\r\n border-color: rgba(232,195,99,.7);\r\n box-shadow: 0 0 0 4px rgba(232,195,99,.15), 0 10px 28px rgba(0,0,0,.3);\r\n}\r\n\r\n\/* ========== GRIDS ========== *\/\r\n.grid {\r\n display: grid;\r\n gap: 28px;\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: 1060px) {\r\n .two, .three {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n\/* ========== STORE CARDS ========== *\/\r\n.store {\r\n padding: 36px;\r\n position: relative;\r\n}\r\n\r\n.store::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n}\r\n\r\n.store:hover::after {\r\n opacity: 1;\r\n}\r\n\r\n.store h3 {\r\n margin: 0 0 24px;\r\n font-size: 1.5rem;\r\n font-weight: 900;\r\n letter-spacing: 0.3px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n\r\n.store h3 .badge {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-2));\r\n color: #111;\r\n padding: 6px 14px;\r\n border-radius: 999px;\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n box-shadow: 0 4px 12px rgba(232,195,99,.3);\r\n animation: badgePulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes badgePulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.05); }\r\n}\r\n\r\n.store-name {\r\n color: var(--gold);\r\n}\r\n\r\n\/* ========== INFO ITEMS ========== *\/\r\n.info {\r\n display: flex;\r\n gap: 16px;\r\n align-items: flex-start;\r\n margin: 20px 0;\r\n padding: 16px;\r\n background: rgba(255,255,255,.02);\r\n border: 1px solid rgba(255,255,255,.06);\r\n border-radius: 14px;\r\n transition: all 0.3s var(--ease);\r\n}\r\n\r\n.info:hover {\r\n background: rgba(232,195,99,.05);\r\n border-color: rgba(232,195,99,.2);\r\n transform: translateX(6px);\r\n}\r\n\r\n.ico {\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 14px;\r\n display: grid;\r\n place-items: center;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-3));\r\n color: #111;\r\n font-size: 20px;\r\n flex: 0 0 46px;\r\n box-shadow: 0 6px 18px rgba(232,195,99,.3);\r\n transition: all 0.3s var(--ease-spring);\r\n}\r\n\r\n.info:hover .ico {\r\n transform: scale(1.1) rotate(5deg);\r\n box-shadow: 0 8px 24px rgba(232,195,99,.45);\r\n}\r\n\r\n.info-content {\r\n flex: 1;\r\n line-height: 1.6;\r\n}\r\n\r\n.info-content b {\r\n display: block;\r\n font-size: 1.05rem;\r\n margin-bottom: 8px;\r\n color: var(--gold-2);\r\n}\r\n\r\n\/* ========== HORAIRES TABLE ========== *\/\r\n.hours {\r\n display: grid;\r\n gap: 10px;\r\n margin-top: 10px;\r\n}\r\n\r\n.hours .line {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 20px;\r\n background: rgba(255,255,255,.03);\r\n border: 1px solid rgba(255,255,255,.08);\r\n border-radius: 12px;\r\n padding: 12px 16px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.hours .line::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.4s ease;\r\n}\r\n\r\n.hours .line:hover::before {\r\n width: 100%;\r\n}\r\n\r\n.hours .line:hover {\r\n background: rgba(255,255,255,.05);\r\n border-color: rgba(232,195,99,.2);\r\n}\r\n\r\n.hours .line span:first-child {\r\n font-weight: 700;\r\n}\r\n\r\n.hours .line span:last-child {\r\n color: var(--gold);\r\n font-weight: 800;\r\n}\r\n\r\n\/* ========== MAP CONTAINER ========== *\/\r\n.map {\r\n border-radius: 22px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,.12);\r\n box-shadow: var(--shadow);\r\n position: relative;\r\n min-height: 450px;\r\n transition: all 0.5s var(--ease);\r\n}\r\n\r\n.map::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 22px;\r\n border: 2px solid transparent;\r\n background: linear-gradient(135deg, var(--gold), transparent, var(--gold-2)) border-box;\r\n -webkit-mask: linear-gradient(#fff 0 0) padding-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.map:hover::before {\r\n opacity: 0.6;\r\n}\r\n\r\n.map:hover {\r\n transform: scale(1.01);\r\n box-shadow: var(--shadow-xl), 0 0 30px rgba(232,195,99,.12);\r\n}\r\n\r\n.map iframe {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 450px;\r\n border: 0;\r\n filter: contrast(1.06) saturate(1.08) brightness(0.96);\r\n transition: filter 0.4s ease;\r\n}\r\n\r\n.map:hover iframe {\r\n filter: contrast(1.08) saturate(1.12) brightness(0.98);\r\n}\r\n\r\n\/* ========== CTA FINAL ========== *\/\r\n.cta {\r\n padding: 42px;\r\n text-align: center;\r\n position: relative;\r\n}\r\n\r\n.cta::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: \r\n radial-gradient(600px 300px at 50% 50%, rgba(232,195,99,.12), transparent 70%);\r\n pointer-events: none;\r\n animation: ctaPulse 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ctaPulse {\r\n 0%, 100% { opacity: 0.5; transform: scale(1); }\r\n 50% { opacity: 1; transform: scale(1.05); }\r\n}\r\n\r\n.cta h3 {\r\n font-size: clamp(1.4rem, 2.5vw, 1.8rem);\r\n font-weight: 900;\r\n margin: 0 0 12px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.cta .subtitle {\r\n margin-bottom: 24px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* ========== ANIMATIONS REVEAL ========== *\/\r\n.reveal {\r\n opacity: 0;\r\n transform: translateY(30px) scale(0.96);\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) scale(1);\r\n}\r\n\r\n.fade-left {\r\n transform: translateX(-30px) scale(0.96);\r\n}\r\n\r\n.fade-left.on {\r\n transform: translateX(0) scale(1);\r\n}\r\n\r\n.fade-right {\r\n transform: translateX(30px) scale(0.96);\r\n}\r\n\r\n.fade-right.on {\r\n transform: translateX(0) scale(1);\r\n}\r\n\r\n.zoom {\r\n transform: scale(0.9);\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 .container {\r\n padding: 50px 20px;\r\n }\r\n \r\n .hero {\r\n padding: 36px 28px;\r\n }\r\n \r\n .store {\r\n padding: 28px;\r\n }\r\n \r\n .map {\r\n min-height: 350px;\r\n }\r\n \r\n .map iframe {\r\n min-height: 350px;\r\n }\r\n \r\n .cta {\r\n padding: 32px 24px;\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 .info {\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n \r\n .hours .line {\r\n flex-direction: column;\r\n gap: 8px;\r\n text-align: center;\r\n }\r\n}\r\n\r\n\/* ========== ACCESSIBILITY ========== *\/\r\n.btn:focus,\r\n.glass:focus-within {\r\n outline: 4px solid rgba(232,195,99,.6);\r\n outline-offset: 3px;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body class=\"sparkles\">\r\n\r\n<div class=\"bg-animated\"><\/div>\r\n\r\n<div class=\"container\">\r\n \r\n <!-- ========== HERO ========== -->\r\n <section class=\"glass hero reveal zoom\">\r\n <div class=\"kicker\">Contact<\/div>\r\n <h1 class=\"title\">Nous contacter<\/h1>\r\n <p class=\"subtitle\">\r\n Service rapide, qualit\u00e9 pro, conseils personnalis\u00e9s.<br>\r\n Deux boutiques pour mieux vous servir : Plan de Campagne & Vitrolles.\r\n <\/p>\r\n <div class=\"btns\">\r\n <a class=\"btn\" href=\"tel:+33442027634\" aria-label=\"Appeler Plan de Campagne\">\r\n \ud83d\udcde Plan de Campagne : 04 42 02 76 34\r\n <\/a>\r\n <a class=\"btn btn--outline\" href=\"tel:+33961585068\" aria-label=\"Appeler Vitrolles\">\r\n \ud83d\udcde Vitrolles : 09 61 58 50 68\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== PLAN DE CAMPAGNE ========== -->\r\n <section class=\"grid two\" style=\"margin-top: 36px;\">\r\n \r\n <div class=\"glass map reveal fade-left\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps?q=Flash+Photo+13,+C.C+Barneoud,+Plan+de+Campagne&output=embed\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Carte Google Maps - Flash Photo 13 Plan de Campagne\"><\/iframe>\r\n <\/div>\r\n\r\n <article class=\"glass store reveal fade-right\">\r\n <h3>\r\n <span class=\"store-name\">Flash Photo 13<\/span>\r\n <span class=\"badge\">Plan de Campagne<\/span>\r\n <\/h3>\r\n\r\n <div class=\"info\">\r\n <div class=\"ico\" aria-hidden=\"true\">\ud83d\udccd<\/div>\r\n <div class=\"info-content\">\r\n <b>Adresse<\/b>\r\n Flash Photo 13<br>\r\n Galerie Marchande Barneoud<br>\r\n 13170 Les Pennes-Mirabeau\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info\">\r\n <div class=\"ico\" aria-hidden=\"true\">\u260e\ufe0f<\/div>\r\n <div class=\"info-content\">\r\n <b>T\u00e9l\u00e9phone<\/b>\r\n <a class=\"btn\" href=\"tel:+33442027634\" style=\"margin-top: 8px;\">\r\n Appeler 04 42 02 76 34\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info\">\r\n <div class=\"ico\" aria-hidden=\"true\">\ud83d\udd52<\/div>\r\n <div class=\"info-content\">\r\n <b>Horaires d'ouverture<\/b>\r\n <div class=\"hours\">\r\n <div class=\"line\">\r\n <span>Lundi \u2013 Samedi<\/span>\r\n <span>09:00 \u2013 19:00<\/span>\r\n <\/div>\r\n <div class=\"line\">\r\n <span>Dimanche<\/span>\r\n <span>Ferm\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"btns\" style=\"margin-top: 24px;\">\r\n <a class=\"btn\" \r\n target=\"_blank\" \r\n rel=\"noopener noreferrer nofollow\" \r\n href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=Flash+Photo+13+C.C+Barneoud+Plan+de+Campagne\"\r\n aria-label=\"Itin\u00e9raire vers Plan de Campagne\">\r\n \ud83e\udded Itin\u00e9raire\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <\/section>\r\n\r\n <!-- ========== VITROLLES ========== -->\r\n \r\n \r\n\r\n <!-- ========== CTA FINAL ========== -->\r\n <section class=\"glass cta reveal zoom\" style=\"margin-top: 36px;\">\r\n <h3>Une question ? Besoin d'un devis rapide ?<\/h3>\r\n <p class=\"subtitle\">\r\n On vous r\u00e9pond vite pendant les horaires d'ouverture.\r\n <\/p>\r\n <div class=\"btns\">\r\n <a class=\"btn\" href=\"tel:+33442027634\" aria-label=\"Appeler Plan de Campagne\">\r\n \ud83d\udcde Plan de Campagne\r\n <\/a>\r\n <a class=\"btn btn--outline\" href=\"tel:+33961585068\" aria-label=\"Appeler Vitrolles\">\r\n \ud83d\udcde Vitrolles\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- ========== JSON-LD STRUCTURED DATA ========== -->\r\n<script type=\"application\/ld+json\">\r\n[\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Flash Photo 13 - Plan de Campagne\",\r\n \"telephone\": \"+33442027634\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"streetAddress\": \"C.C Barneoud \u2013 Plan de Campagne\",\r\n \"addressLocality\": \"Les Pennes-Mirabeau\",\r\n \"postalCode\": \"13170\",\r\n \"addressCountry\": \"FR\"\r\n },\r\n \"openingHours\": [\"Mo-Sa 09:00-19:00\"]\r\n },\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Flash Photo 13 - Vitrolles\",\r\n \"telephone\": \"+33961585068\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"streetAddress\": \"Centre Commercial Vitrolles (Galerie Grand Vitrolles)\",\r\n \"addressLocality\": \"Vitrolles\",\r\n \"postalCode\": \"13127\",\r\n \"addressCountry\": \"FR\"\r\n },\r\n \"openingHours\": [\"Mo-Sa 09:30-19:30\"]\r\n }\r\n]\r\n<\/script>\r\n\r\n<!-- ========== INTERSECTION OBSERVER POUR REVEAL ========== -->\r\n<script>\r\n(function() {\r\n const elements = document.querySelectorAll('.reveal');\r\n \r\n \/\/ Fallback si pas de support\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\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 -100px 0px'\r\n });\r\n \r\n elements.forEach(el => observer.observe(el));\r\n})();\r\n\r\n\/\/ ========== ANIMATION PARALLAXE SUBTILE AU SCROLL ========== \r\nlet ticking = false;\r\n\r\nwindow.addEventListener('scroll', () => {\r\n if (!ticking) {\r\n window.requestAnimationFrame(() => {\r\n const scrolled = window.pageYOffset;\r\n const bg = document.querySelector('.bg-animated');\r\n \r\n if (bg) {\r\n bg.style.transform = `translateY(${scrolled * 0.3}px)`;\r\n }\r\n \r\n ticking = false;\r\n });\r\n ticking = true;\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 Nous contacter Contact Nous contacter Service rapide, qualit\u00e9 pro, conseils personnalis\u00e9s. Deux boutiques pour mieux vous […]<\/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-172","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=\/wp\/v2\/pages\/172","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=172"}],"version-history":[{"count":21,"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=\/wp\/v2\/pages\/172\/revisions"}],"predecessor-version":[{"id":843,"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=\/wp\/v2\/pages\/172\/revisions\/843"}],"wp:attachment":[{"href":"https:\/\/flashphoto13.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}