{"id":25,"date":"2026-07-17T15:08:16","date_gmt":"2026-07-17T13:08:16","guid":{"rendered":"https:\/\/amourallabah.com\/?page_id=25"},"modified":"2026-07-23T19:29:39","modified_gmt":"2026-07-23T17:29:39","slug":"nos-services","status":"publish","type":"page","link":"https:\/\/amourallabah.com\/index.php\/nos-services\/","title":{"rendered":"Nos services"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n\r\n \r\n\r\n Nos services | [NOM DE L\u2019ENTREPRISE]<\/title>\r\n\r\n <meta\r\n name=\"description\"\r\n content=\"D\u00e9couvrez nos services de photographie, vid\u00e9ographie, montage vid\u00e9o et motion design pour les particuliers, entreprises, marques et \u00e9v\u00e9nements.\"\r\n >\r\n\r\n <style>\r\n \/* ==================================================\r\n R\u00c9INITIALISATION\r\n ================================================== *\/\r\n\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n :root {\r\n --black: #111111;\r\n --black-soft: #1b1b1b;\r\n --black-light: #272727;\r\n\r\n --red: #d60000;\r\n --red-light: #e00000;\r\n --red-dark: #990000;\r\n --red-deep: #420000;\r\n\r\n --white: #ffffff;\r\n\r\n --gray-50: #eeecea;\r\n --gray-100: #f4f3f0;\r\n --gray-200: #e0dfd9;\r\n --gray-300: #cac8c1;\r\n --gray-400: #9a9890;\r\n --gray-600: #66645f;\r\n --gray-700: #444340;\r\n\r\n --shadow:\r\n 0 20px 50px rgba(0, 0, 0, 0.08);\r\n\r\n --shadow-hover:\r\n 0 24px 60px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n font-family: Arial, Helvetica, sans-serif;\r\n background: var(--gray-50);\r\n color: var(--black);\r\n }\r\n\r\n img {\r\n width: 100%;\r\n max-width: 100%;\r\n display: block;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n }\r\n\r\n button,\r\n input,\r\n textarea,\r\n select {\r\n font: inherit;\r\n }\r\n\r\n \/* ==================================================\r\n \u00c9L\u00c9MENTS G\u00c9N\u00c9RAUX\r\n ================================================== *\/\r\n\r\n .section-container {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding-right: 48px;\r\n padding-left: 48px;\r\n }\r\n\r\n .section-heading {\r\n max-width: 760px;\r\n margin-bottom: 42px;\r\n }\r\n\r\n .section-eyebrow {\r\n margin-bottom: 14px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .section-eyebrow-line {\r\n width: 34px;\r\n height: 2px;\r\n flex-shrink: 0;\r\n background: var(--red);\r\n }\r\n\r\n .section-eyebrow-text {\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 2.8px;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n }\r\n\r\n .section-title {\r\n margin-bottom: 16px;\r\n font-size: clamp(30px, 4vw, 48px);\r\n font-weight: 900;\r\n line-height: 1.08;\r\n letter-spacing: -1.5px;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n }\r\n\r\n .section-title span {\r\n color: var(--red);\r\n }\r\n\r\n .section-description {\r\n max-width: 690px;\r\n font-size: 17px;\r\n line-height: 1.8;\r\n color: var(--gray-600);\r\n }\r\n\r\n .button {\r\n min-height: 50px;\r\n padding: 14px 24px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border: 2px solid transparent;\r\n border-radius: 5px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 1px;\r\n text-decoration: none !important;\r\n text-transform: uppercase;\r\n transition:\r\n transform 0.2s ease,\r\n background 0.2s ease,\r\n border-color 0.2s ease,\r\n color 0.2s ease;\r\n }\r\n\r\n .button:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .button-primary {\r\n border-color: var(--red);\r\n background: var(--red);\r\n color: var(--white);\r\n }\r\n\r\n .button-primary:hover {\r\n border-color: var(--red-dark);\r\n background: var(--red-dark);\r\n }\r\n\r\n .button-secondary {\r\n border-color: rgba(255, 255, 255, 0.28);\r\n background: rgba(255, 255, 255, 0.06);\r\n color: var(--white);\r\n }\r\n\r\n .button-secondary:hover {\r\n border-color: var(--red);\r\n background: var(--red);\r\n }\r\n\r\n .button-outline {\r\n border-color: var(--red);\r\n background: transparent;\r\n color: var(--red);\r\n }\r\n\r\n .button-outline:hover {\r\n background: var(--red);\r\n color: var(--white);\r\n }\r\n\r\n .button svg {\r\n width: 17px;\r\n height: 17px;\r\n flex-shrink: 0;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* ==================================================\r\n HERO\r\n ================================================== *\/\r\n\r\n .hero {\r\n width: 100vw;\r\n min-height: 610px;\r\n position: relative;\r\n left: 50%;\r\n margin-left: -50vw;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n background:\r\n radial-gradient(\r\n circle at 85% 45%,\r\n rgba(214, 0, 0, 0.22) 0%,\r\n rgba(214, 0, 0, 0.06) 27%,\r\n transparent 52%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #080808 0%,\r\n #151515 43%,\r\n #240000 72%,\r\n #080808 100%\r\n );\r\n }\r\n\r\n .hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.16;\r\n background-image:\r\n linear-gradient(\r\n rgba(255, 255, 255, 0.03) 1px,\r\n transparent 1px\r\n ),\r\n linear-gradient(\r\n 90deg,\r\n rgba(255, 255, 255, 0.03) 1px,\r\n transparent 1px\r\n );\r\n background-size: 42px 42px;\r\n pointer-events: none;\r\n }\r\n\r\n .hero::after {\r\n content: \"\";\r\n width: 430px;\r\n height: 430px;\r\n position: absolute;\r\n top: 50%;\r\n right: -130px;\r\n transform: translateY(-50%);\r\n border: 1px solid rgba(214, 0, 0, 0.2);\r\n border-radius: 50%;\r\n box-shadow:\r\n 0 0 0 55px rgba(214, 0, 0, 0.035),\r\n 0 0 0 110px rgba(214, 0, 0, 0.02);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-inner {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 82px 80px 76px;\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);\r\n gap: 70px;\r\n align-items: center;\r\n }\r\n\r\n .hero-content {\r\n min-width: 0;\r\n }\r\n\r\n .hero-eyebrow {\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .hero-eyebrow-line {\r\n width: 34px;\r\n height: 2px;\r\n background: var(--red);\r\n }\r\n\r\n .hero-eyebrow-text {\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n }\r\n\r\n .hero-title {\r\n max-width: 760px;\r\n margin-bottom: 22px;\r\n font-size: clamp(44px, 6vw, 74px);\r\n font-weight: 900;\r\n line-height: 0.98;\r\n letter-spacing: -3px;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n }\r\n\r\n .hero-title span {\r\n display: block;\r\n color: var(--red);\r\n }\r\n\r\n .hero-description {\r\n max-width: 680px;\r\n font-size: 17px;\r\n line-height: 1.8;\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n .hero-actions {\r\n margin-top: 32px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n }\r\n\r\n \/* ==================================================\r\n CARTE DU HERO\r\n ================================================== *\/\r\n\r\n .hero-card {\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(214, 0, 0, 0.35);\r\n border-top: 3px solid var(--red);\r\n border-radius: 8px;\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255, 255, 255, 0.09),\r\n rgba(255, 255, 255, 0.025)\r\n );\r\n backdrop-filter: blur(8px);\r\n }\r\n\r\n .hero-card::before {\r\n content: \"\";\r\n width: 120px;\r\n height: 120px;\r\n position: absolute;\r\n top: -55px;\r\n right: -45px;\r\n border-radius: 50%;\r\n background: rgba(214, 0, 0, 0.15);\r\n }\r\n\r\n .hero-card-head {\r\n padding: 26px 26px 20px;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.09);\r\n }\r\n\r\n .hero-card-kicker {\r\n margin-bottom: 8px;\r\n font-size: 10px;\r\n font-weight: 800;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n }\r\n\r\n .hero-card-title {\r\n font-size: 22px;\r\n font-weight: 800;\r\n line-height: 1.25;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n }\r\n\r\n .hero-card-list {\r\n padding: 12px 26px 26px;\r\n list-style: none;\r\n }\r\n\r\n .hero-card-list li {\r\n padding: 14px 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: rgba(255, 255, 255, 0.82);\r\n }\r\n\r\n .hero-card-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .hero-card-icon {\r\n width: 34px;\r\n height: 34px;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: rgba(214, 0, 0, 0.16);\r\n color: var(--red);\r\n }\r\n\r\n .hero-card-icon svg {\r\n width: 17px;\r\n height: 17px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* ==================================================\r\n BARRE DE SERVICES\r\n ================================================== *\/\r\n\r\n .services-bar {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n margin-left: -50vw;\r\n border-bottom: 3px solid var(--red-deep);\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #120000 0%,\r\n #3a0000 20%,\r\n #7a0000 50%,\r\n #420000 80%,\r\n #120000 100%\r\n );\r\n }\r\n\r\n .services-bar-inner {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 80px;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .services-bar-item {\r\n min-width: 0;\r\n padding: 20px 26px;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .services-bar-item:first-child {\r\n padding-left: 0;\r\n }\r\n\r\n .services-bar-item:last-child {\r\n padding-right: 0;\r\n border-right: none;\r\n }\r\n\r\n .services-bar-icon {\r\n width: 40px;\r\n height: 40px;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, 0.24);\r\n color: var(--white);\r\n }\r\n\r\n .services-bar-icon svg {\r\n width: 19px;\r\n height: 19px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .services-bar-title {\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 0.7px;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n }\r\n\r\n .services-bar-text {\r\n margin-top: 3px;\r\n font-size: 11px;\r\n line-height: 1.4;\r\n color: rgba(255, 255, 255, 0.72);\r\n }\r\n\r\n \/* ==================================================\r\n INTRODUCTION\r\n ================================================== *\/\r\n\r\n .services-intro {\r\n padding: 90px 0 58px;\r\n }\r\n\r\n .intro-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);\r\n gap: 70px;\r\n align-items: center;\r\n }\r\n\r\n .intro-content p {\r\n margin-bottom: 18px;\r\n font-size: 17px;\r\n line-height: 1.85;\r\n color: var(--gray-600);\r\n }\r\n\r\n .intro-content p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .intro-stats {\r\n overflow: hidden;\r\n border: 1px solid var(--gray-200);\r\n border-top: 3px solid var(--red);\r\n border-radius: 8px;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .intro-stat {\r\n padding: 24px 26px;\r\n display: grid;\r\n grid-template-columns: 80px minmax(0, 1fr);\r\n gap: 18px;\r\n align-items: center;\r\n border-bottom: 1px solid var(--gray-100);\r\n }\r\n\r\n .intro-stat:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .intro-stat-number {\r\n font-size: 32px;\r\n font-weight: 900;\r\n line-height: 1;\r\n color: var(--red);\r\n }\r\n\r\n .intro-stat-title {\r\n margin-bottom: 4px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n }\r\n\r\n .intro-stat-text {\r\n font-size: 13px;\r\n line-height: 1.55;\r\n color: var(--gray-400);\r\n }\r\n\r\n \/* ==================================================\r\n GRILLE DES SERVICES\r\n ================================================== *\/\r\n\r\n .services-section {\r\n padding: 45px 0 100px;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n .service-card {\r\n min-width: 0;\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid var(--gray-200);\r\n border-top: 3px solid var(--red);\r\n border-radius: 10px;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n transition:\r\n transform 0.25s ease,\r\n box-shadow 0.25s ease,\r\n border-color 0.25s ease;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(214, 0, 0, 0.42);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .service-card-header {\r\n min-height: 210px;\r\n padding: 34px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: flex-end;\r\n background:\r\n radial-gradient(\r\n circle at 85% 20%,\r\n rgba(214, 0, 0, 0.26),\r\n transparent 35%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #0b0b0b 0%,\r\n #1b1b1b 62%,\r\n #2b0000 100%\r\n );\r\n }\r\n\r\n .service-card-header::before {\r\n content: \"\";\r\n width: 170px;\r\n height: 170px;\r\n position: absolute;\r\n top: -75px;\r\n right: -55px;\r\n border: 1px solid rgba(214, 0, 0, 0.28);\r\n border-radius: 50%;\r\n }\r\n\r\n .service-card-header::after {\r\n content: \"\";\r\n width: 105px;\r\n height: 105px;\r\n position: absolute;\r\n top: -42px;\r\n right: -23px;\r\n border: 1px solid rgba(214, 0, 0, 0.18);\r\n border-radius: 50%;\r\n }\r\n\r\n .service-card-number {\r\n position: absolute;\r\n top: 26px;\r\n left: 32px;\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 2px;\r\n color: rgba(255, 255, 255, 0.38);\r\n }\r\n\r\n .service-card-icon {\r\n width: 62px;\r\n height: 62px;\r\n position: absolute;\r\n top: 28px;\r\n right: 30px;\r\n z-index: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid rgba(214, 0, 0, 0.4);\r\n border-radius: 50%;\r\n background: rgba(214, 0, 0, 0.12);\r\n color: var(--red);\r\n }\r\n\r\n .service-card-icon svg {\r\n width: 28px;\r\n height: 28px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .service-card-heading {\r\n position: relative;\r\n z-index: 3;\r\n }\r\n\r\n .service-card-kicker {\r\n margin-bottom: 7px;\r\n font-size: 10px;\r\n font-weight: 800;\r\n letter-spacing: 2.4px;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n }\r\n\r\n .service-card-title {\r\n font-size: 29px;\r\n font-weight: 900;\r\n line-height: 1.05;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n }\r\n\r\n .service-card-body {\r\n padding: 32px 34px 36px;\r\n }\r\n\r\n .service-card-description {\r\n margin-bottom: 24px;\r\n font-size: 16px;\r\n line-height: 1.75;\r\n color: var(--gray-600);\r\n }\r\n\r\n .service-list-title {\r\n margin-bottom: 12px;\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 1.8px;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n }\r\n\r\n .service-list {\r\n margin-bottom: 28px;\r\n list-style: none;\r\n }\r\n\r\n .service-list li {\r\n padding: 9px 0 9px 22px;\r\n position: relative;\r\n border-bottom: 1px solid var(--gray-100);\r\n font-size: 14px;\r\n line-height: 1.55;\r\n color: var(--gray-700);\r\n }\r\n\r\n .service-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .service-list li::before {\r\n content: \"\";\r\n width: 7px;\r\n height: 7px;\r\n position: absolute;\r\n top: 16px;\r\n left: 1px;\r\n border-radius: 50%;\r\n background: var(--red);\r\n }\r\n\r\n .service-card-footer {\r\n padding-top: 22px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 18px;\r\n border-top: 1px solid var(--gray-100);\r\n }\r\n\r\n .service-card-note {\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 1.5;\r\n color: var(--gray-400);\r\n }\r\n\r\n .service-card-link {\r\n flex-shrink: 0;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 0.7px;\r\n text-decoration: none !important;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n }\r\n\r\n .service-card-link svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .service-card-link:hover svg {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ==================================================\r\n OFFRES COMPL\u00c8TES\r\n ================================================== *\/\r\n\r\n .packages-section {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n margin-left: -50vw;\r\n padding: 96px 0;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #0a0a0a 0%,\r\n #181818 50%,\r\n #250000 100%\r\n );\r\n }\r\n\r\n .packages-section .section-title {\r\n color: var(--white);\r\n }\r\n\r\n .packages-section .section-description {\r\n color: rgba(255, 255, 255, 0.65);\r\n }\r\n\r\n .packages-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 22px;\r\n }\r\n\r\n .package-card {\r\n min-width: 0;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 255, 255, 0.11);\r\n border-top: 3px solid var(--red);\r\n border-radius: 8px;\r\n background: rgba(255, 255, 255, 0.055);\r\n }\r\n\r\n .package-card-featured {\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(214, 0, 0, 0.2),\r\n rgba(255, 255, 255, 0.06)\r\n );\r\n }\r\n\r\n .package-card-head {\r\n padding: 28px 26px 22px;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.09);\r\n }\r\n\r\n .package-label {\r\n margin-bottom: 10px;\r\n font-size: 10px;\r\n font-weight: 800;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n }\r\n\r\n .package-title {\r\n margin-bottom: 10px;\r\n font-size: 24px;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n }\r\n\r\n .package-description {\r\n font-size: 14px;\r\n line-height: 1.65;\r\n color: rgba(255, 255, 255, 0.61);\r\n }\r\n\r\n .package-body {\r\n padding: 22px 26px 28px;\r\n }\r\n\r\n .package-list {\r\n margin-bottom: 25px;\r\n list-style: none;\r\n }\r\n\r\n .package-list li {\r\n padding: 10px 0 10px 22px;\r\n position: relative;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n font-size: 14px;\r\n line-height: 1.5;\r\n color: rgba(255, 255, 255, 0.78);\r\n }\r\n\r\n .package-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .package-list li::before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n top: 10px;\r\n left: 0;\r\n font-weight: 900;\r\n color: var(--red);\r\n }\r\n\r\n \/* ==================================================\r\n PROCESSUS\r\n ================================================== *\/\r\n\r\n .process-section {\r\n padding: 100px 0;\r\n }\r\n\r\n .process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 18px;\r\n }\r\n\r\n .process-card {\r\n min-width: 0;\r\n padding: 28px 24px;\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid var(--gray-200);\r\n border-top: 3px solid var(--red);\r\n border-radius: 8px;\r\n background: var(--white);\r\n }\r\n\r\n .process-card::after {\r\n content: \"\";\r\n width: 80px;\r\n height: 80px;\r\n position: absolute;\r\n right: -30px;\r\n bottom: -30px;\r\n border-radius: 50%;\r\n background: rgba(214, 0, 0, 0.055);\r\n }\r\n\r\n .process-number {\r\n width: 42px;\r\n height: 42px;\r\n margin-bottom: 22px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 2px solid var(--red);\r\n border-radius: 50%;\r\n background: var(--black);\r\n font-size: 13px;\r\n font-weight: 900;\r\n color: var(--white);\r\n }\r\n\r\n .process-title {\r\n margin-bottom: 12px;\r\n font-size: 17px;\r\n font-weight: 900;\r\n line-height: 1.3;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n }\r\n\r\n .process-text {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n color: var(--gray-600);\r\n }\r\n\r\n \/* ==================================================\r\n PUBLICS\r\n ================================================== *\/\r\n\r\n .audience-section {\r\n padding: 0 0 100px;\r\n }\r\n\r\n .audience-box {\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);\r\n border: 1px solid var(--gray-200);\r\n border-top: 3px solid var(--red);\r\n border-radius: 10px;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .audience-intro {\r\n padding: 48px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background:\r\n radial-gradient(\r\n circle at 20% 20%,\r\n rgba(214, 0, 0, 0.18),\r\n transparent 36%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #0b0b0b,\r\n #1b1b1b 65%,\r\n #2d0000\r\n );\r\n }\r\n\r\n .audience-intro .section-title {\r\n color: var(--white);\r\n }\r\n\r\n .audience-intro .section-description {\r\n color: rgba(255, 255, 255, 0.65);\r\n }\r\n\r\n .audience-list {\r\n padding: 42px;\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 15px;\r\n }\r\n\r\n .audience-item {\r\n min-width: 0;\r\n padding: 18px;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n border: 1px solid var(--gray-200);\r\n border-radius: 7px;\r\n background: var(--gray-50);\r\n }\r\n\r\n .audience-icon {\r\n width: 40px;\r\n height: 40px;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: var(--black);\r\n color: var(--red);\r\n }\r\n\r\n .audience-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .audience-title {\r\n margin-bottom: 3px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n }\r\n\r\n .audience-text {\r\n font-size: 12px;\r\n line-height: 1.45;\r\n color: var(--gray-400);\r\n }\r\n\r\n \/* ==================================================\r\n APPEL \u00c0 L\u2019ACTION\r\n ================================================== *\/\r\n\r\n .cta-section {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n margin-left: -50vw;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(\r\n circle at 90% 30%,\r\n rgba(214, 0, 0, 0.3),\r\n transparent 32%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #090909 0%,\r\n #1a1a1a 55%,\r\n #320000 100%\r\n );\r\n }\r\n\r\n .cta-section::before {\r\n content: \"\";\r\n width: 320px;\r\n height: 320px;\r\n position: absolute;\r\n top: -150px;\r\n left: -120px;\r\n border: 1px solid rgba(214, 0, 0, 0.22);\r\n border-radius: 50%;\r\n }\r\n\r\n .cta-inner {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 78px 80px;\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) auto;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n\r\n .cta-kicker {\r\n margin-bottom: 12px;\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n }\r\n\r\n .cta-title {\r\n max-width: 780px;\r\n margin-bottom: 14px;\r\n font-size: clamp(32px, 4.5vw, 54px);\r\n font-weight: 900;\r\n line-height: 1.05;\r\n letter-spacing: -1.5px;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n }\r\n\r\n .cta-title span {\r\n color: var(--red);\r\n }\r\n\r\n .cta-description {\r\n max-width: 720px;\r\n font-size: 16px;\r\n line-height: 1.75;\r\n color: rgba(255, 255, 255, 0.65);\r\n }\r\n\r\n .cta-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n \/* ==================================================\r\n RESPONSIVE \u2014 TABLETTE\r\n ================================================== *\/\r\n\r\n @media (max-width: 1080px) {\r\n .hero-inner {\r\n padding-right: 48px;\r\n padding-left: 48px;\r\n grid-template-columns: minmax(0, 1fr) 320px;\r\n gap: 42px;\r\n }\r\n\r\n .services-bar-inner {\r\n padding-right: 48px;\r\n padding-left: 48px;\r\n }\r\n\r\n .services-bar-item {\r\n padding-right: 18px;\r\n padding-left: 18px;\r\n }\r\n\r\n .process-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .cta-inner {\r\n padding-right: 48px;\r\n padding-left: 48px;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .hero {\r\n min-height: auto;\r\n }\r\n\r\n .hero-inner {\r\n padding-top: 66px;\r\n padding-bottom: 66px;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-card {\r\n max-width: 620px;\r\n }\r\n\r\n .services-bar-inner {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .services-bar-item {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .services-bar-item:nth-child(2) {\r\n border-right: none;\r\n }\r\n\r\n .services-bar-item:nth-child(3),\r\n .services-bar-item:nth-child(4) {\r\n border-bottom: none;\r\n }\r\n\r\n .services-bar-item:first-child {\r\n padding-left: 18px;\r\n }\r\n\r\n .services-bar-item:last-child {\r\n padding-right: 18px;\r\n }\r\n\r\n .intro-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .packages-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .audience-box {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta-actions {\r\n max-width: 280px;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n }\r\n }\r\n\r\n \/* ==================================================\r\n RESPONSIVE \u2014 MOBILE\r\n ================================================== *\/\r\n\r\n @media (max-width: 640px) {\r\n\r\n \/* Masque enti\u00e8rement la carte du hero sur mobile *\/\r\n\r\n .hero-card {\r\n display: none !important;\r\n }\r\n\r\n .section-container {\r\n padding-right: 12px;\r\n padding-left: 12px;\r\n }\r\n\r\n .section-heading {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .section-title {\r\n font-size: 29px;\r\n letter-spacing: -0.8px;\r\n }\r\n\r\n .section-description {\r\n font-size: 15px;\r\n line-height: 1.75;\r\n }\r\n\r\n .hero {\r\n min-height: auto;\r\n }\r\n\r\n .hero-inner {\r\n padding: 48px 20px;\r\n display: block;\r\n }\r\n\r\n .hero-content {\r\n width: 100%;\r\n }\r\n\r\n .hero-title {\r\n font-size: 41px;\r\n letter-spacing: -1.8px;\r\n }\r\n\r\n .hero-description {\r\n font-size: 15px;\r\n line-height: 1.75;\r\n }\r\n\r\n .hero-actions {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n\r\n .hero-actions .button {\r\n width: 100%;\r\n }\r\n\r\n .services-bar-inner {\r\n padding: 0;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .services-bar-item,\r\n .services-bar-item:first-child,\r\n .services-bar-item:last-child {\r\n padding: 16px 20px;\r\n border-right: none;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .services-bar-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .services-intro {\r\n padding-top: 65px;\r\n }\r\n\r\n .intro-stat {\r\n padding: 20px 18px;\r\n grid-template-columns: 68px minmax(0, 1fr);\r\n }\r\n\r\n .intro-stat-number {\r\n font-size: 27px;\r\n }\r\n\r\n .services-section {\r\n padding-top: 25px;\r\n padding-bottom: 75px;\r\n }\r\n\r\n .service-card-header {\r\n min-height: 195px;\r\n padding: 26px 22px;\r\n }\r\n\r\n .service-card-number {\r\n top: 21px;\r\n left: 22px;\r\n }\r\n\r\n .service-card-icon {\r\n width: 54px;\r\n height: 54px;\r\n top: 22px;\r\n right: 22px;\r\n }\r\n\r\n .service-card-title {\r\n max-width: 80%;\r\n font-size: 25px;\r\n }\r\n\r\n .service-card-body {\r\n padding: 25px 20px 28px;\r\n }\r\n\r\n .service-card-description {\r\n font-size: 15px;\r\n }\r\n\r\n .service-card-footer {\r\n align-items: flex-start;\r\n flex-direction: column;\r\n }\r\n\r\n .packages-section {\r\n padding: 72px 0;\r\n }\r\n\r\n .package-card-head,\r\n .package-body {\r\n padding-right: 20px;\r\n padding-left: 20px;\r\n }\r\n\r\n .process-section {\r\n padding: 75px 0;\r\n }\r\n\r\n .process-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .audience-section {\r\n padding-bottom: 75px;\r\n }\r\n\r\n .audience-intro {\r\n padding: 36px 22px;\r\n }\r\n\r\n .audience-list {\r\n padding: 22px 16px;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta-inner {\r\n padding: 60px 20px;\r\n }\r\n\r\n .cta-title {\r\n font-size: 33px;\r\n }\r\n\r\n .cta-actions {\r\n width: 100%;\r\n max-width: none;\r\n flex-direction: column;\r\n }\r\n\r\n .cta-actions .button {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- ==================================================\r\n HERO\r\n ================================================== -->\r\n\r\n <section class=\"hero\">\r\n\r\n <div class=\"hero-inner\">\r\n\r\n <div class=\"hero-content\">\r\n\r\n <div class=\"hero-eyebrow\">\r\n <span class=\"hero-eyebrow-line\"><\/span>\r\n\r\n <span class=\"hero-eyebrow-text\">\r\n Cr\u00e9ation visuelle et audiovisuelle\r\n <\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n Des images qui\r\n <span>racontent votre histoire<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-description\">\r\n Nous accompagnons les particuliers, entreprises, marques et\r\n organisations dans la cr\u00e9ation de contenus visuels professionnels.\r\n De la photographie au motion design, chaque projet est pens\u00e9 pour\r\n transmettre une \u00e9motion, renforcer votre image et captiver votre\r\n audience.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n\r\n <a class=\"button button-primary\" href=\"#services\">\r\n D\u00e9couvrir nos services\r\n\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a class=\"button button-secondary\" href=\"[LIEN-PAGE-CONTACT]\">\r\n Demander un devis\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <aside class=\"hero-card\">\r\n\r\n <div class=\"hero-card-head\">\r\n\r\n <div class=\"hero-card-kicker\">\r\n Une expertise compl\u00e8te\r\n <\/div>\r\n\r\n <h2 class=\"hero-card-title\">\r\n Votre projet, de la captation \u00e0 la diffusion\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n <ul class=\"hero-card-list\">\r\n\r\n <li>\r\n\r\n <span class=\"hero-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14.5 4h-5L7.5 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.5z\"><\/path>\r\n <circle cx=\"12\" cy=\"13\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/span>\r\n\r\n Photographie professionnelle\r\n\r\n <\/li>\r\n\r\n <li>\r\n\r\n <span class=\"hero-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polygon points=\"23 7 16 12 23 17 23 7\"><\/polygon>\r\n <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"><\/rect>\r\n <\/svg>\r\n <\/span>\r\n\r\n Production et captation vid\u00e9o\r\n\r\n <\/li>\r\n\r\n <li>\r\n\r\n <span class=\"hero-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M3 3v18h18\"><\/path>\r\n <path d=\"M7 16l4-5 3 3 5-7\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n\r\n Montage et postproduction\r\n\r\n <\/li>\r\n\r\n <li>\r\n\r\n <span class=\"hero-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n <path d=\"M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.83 2.83-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1.1V21H9.6v-.1A1.7 1.7 0 0 0 8 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06-2.83-2.83.06-.06A1.7 1.7 0 0 0 3.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1.1-.4H2V9.6h.1A1.7 1.7 0 0 0 3.6 8a1.7 1.7 0 0 0-.34-1.88l-.06-.06 2.83-2.83.06.06A1.7 1.7 0 0 0 8 3.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1.1V2h4v.1A1.7 1.7 0 0 0 15 3.6a1.7 1.7 0 0 0 1.88-.34l.06-.06 2.83 2.83-.06.06A1.7 1.7 0 0 0 19.4 8a1.7 1.7 0 0 0 .6 1 1.7 1.7 0 0 0 1.1.4h.1v4h-.1a1.7 1.7 0 0 0-1.7 1.6z\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n\r\n Animation et motion design\r\n\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/aside>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n BARRE DES SERVICES\r\n ================================================== -->\r\n\r\n <div class=\"services-bar\">\r\n\r\n <div class=\"services-bar-inner\">\r\n\r\n <div class=\"services-bar-item\">\r\n\r\n <span class=\"services-bar-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14.5 4h-5L7.5 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.5z\"><\/path>\r\n <circle cx=\"12\" cy=\"13\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/span>\r\n\r\n <div>\r\n <div class=\"services-bar-title\">Photographie<\/div>\r\n <div class=\"services-bar-text\">\r\n Des images professionnelles et authentiques\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"services-bar-item\">\r\n\r\n <span class=\"services-bar-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polygon points=\"23 7 16 12 23 17 23 7\"><\/polygon>\r\n <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"><\/rect>\r\n <\/svg>\r\n <\/span>\r\n\r\n <div>\r\n <div class=\"services-bar-title\">Vid\u00e9ographie<\/div>\r\n <div class=\"services-bar-text\">\r\n Des productions dynamiques et immersives\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"services-bar-item\">\r\n\r\n <span class=\"services-bar-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M4 6h16\"><\/path>\r\n <path d=\"M4 12h10\"><\/path>\r\n <path d=\"M4 18h7\"><\/path>\r\n <path d=\"M17 15l4 3-4 3z\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n\r\n <div>\r\n <div class=\"services-bar-title\">Montage vid\u00e9o<\/div>\r\n <div class=\"services-bar-text\">\r\n Une narration fluide et professionnelle\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"services-bar-item\">\r\n\r\n <span class=\"services-bar-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n <path d=\"M12 7v5l3 2\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n\r\n <div>\r\n <div class=\"services-bar-title\">Motion design<\/div>\r\n <div class=\"services-bar-text\">\r\n Des animations cr\u00e9atives qui captivent\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- ==================================================\r\n INTRODUCTION\r\n ================================================== -->\r\n\r\n <section class=\"services-intro\">\r\n\r\n <div class=\"section-container\">\r\n\r\n <div class=\"intro-grid\">\r\n\r\n <div class=\"intro-content\">\r\n\r\n <div class=\"section-eyebrow\">\r\n <span class=\"section-eyebrow-line\"><\/span>\r\n\r\n <span class=\"section-eyebrow-text\">\r\n Notre savoir-faire\r\n <\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Une approche cr\u00e9ative au service de\r\n <span>votre communication<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n Chaque projet poss\u00e8de son propre message, son propre public et ses\r\n propres objectifs. Nous construisons donc une solution adapt\u00e9e \u00e0\r\n votre identit\u00e9, \u00e0 votre univers et aux supports sur lesquels vos\r\n contenus seront diffus\u00e9s.\r\n <\/p>\r\n\r\n <p>\r\n Nous intervenons \u00e0 toutes les \u00e9tapes de la cr\u00e9ation : pr\u00e9paration,\r\n direction artistique, prise de vue, captation, s\u00e9lection des\r\n images, montage, retouche, \u00e9talonnage, animation graphique et\r\n livraison des fichiers.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"intro-stats\">\r\n\r\n <div class=\"intro-stat\">\r\n\r\n <div class=\"intro-stat-number\">04<\/div>\r\n\r\n <div>\r\n <div class=\"intro-stat-title\">\r\n Expertises compl\u00e9mentaires\r\n <\/div>\r\n\r\n <div class=\"intro-stat-text\">\r\n Photo, vid\u00e9o, montage et animation r\u00e9unis dans une m\u00eame offre.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"intro-stat\">\r\n\r\n <div class=\"intro-stat-number\">360\u00b0<\/div>\r\n\r\n <div>\r\n <div class=\"intro-stat-title\">\r\n Accompagnement complet\r\n <\/div>\r\n\r\n <div class=\"intro-stat-text\">\r\n De la d\u00e9finition du concept jusqu\u2019\u00e0 la livraison finale.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"intro-stat\">\r\n\r\n <div class=\"intro-stat-number\">100%<\/div>\r\n\r\n <div>\r\n <div class=\"intro-stat-title\">\r\n Solutions personnalis\u00e9es\r\n <\/div>\r\n\r\n <div class=\"intro-stat-text\">\r\n Chaque cr\u00e9ation est adapt\u00e9e \u00e0 votre projet et \u00e0 votre audience.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n SERVICES PRINCIPAUX\r\n ================================================== -->\r\n\r\n <section class=\"services-section\" id=\"services\">\r\n\r\n <div class=\"section-container\">\r\n\r\n <div class=\"section-heading\">\r\n\r\n <div class=\"section-eyebrow\">\r\n <span class=\"section-eyebrow-line\"><\/span>\r\n\r\n <span class=\"section-eyebrow-text\">\r\n Nos domaines d\u2019intervention\r\n <\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Des services con\u00e7us pour\r\n <span>valoriser votre image<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-description\">\r\n S\u00e9lectionnez un service pr\u00e9cis ou combinez plusieurs expertises pour\r\n construire une communication visuelle coh\u00e9rente, moderne et adapt\u00e9e\r\n \u00e0 vos objectifs.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n\r\n <!-- PHOTOGRAPHIE -->\r\n\r\n <article class=\"service-card\" id=\"photographie\">\r\n\r\n <div class=\"service-card-header\">\r\n\r\n <div class=\"service-card-number\">\r\n SERVICE 01\r\n <\/div>\r\n\r\n <div class=\"service-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14.5 4h-5L7.5 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.5z\"><\/path>\r\n <circle cx=\"12\" cy=\"13\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"service-card-heading\">\r\n\r\n <div class=\"service-card-kicker\">\r\n Capturer l\u2019essentiel\r\n <\/div>\r\n\r\n <h3 class=\"service-card-title\">\r\n Photographie\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"service-card-body\">\r\n\r\n <p class=\"service-card-description\">\r\n Nous r\u00e9alisons des photographies professionnelles qui mettent en\r\n valeur les personnes, les produits, les espaces et les moments\r\n importants. Chaque s\u00e9ance est pr\u00e9par\u00e9e selon votre univers,\r\n votre identit\u00e9 et l\u2019utilisation pr\u00e9vue des images.\r\n <\/p>\r\n\r\n <div class=\"service-list-title\">\r\n Prestations disponibles\r\n <\/div>\r\n\r\n <ul class=\"service-list\">\r\n <li>Portraits professionnels et personnels<\/li>\r\n <li>Photographie corporate et institutionnelle<\/li>\r\n <li>Reportages d\u2019entreprise et \u00e9v\u00e9nements<\/li>\r\n <li>Photographie de produits et contenus commerciaux<\/li>\r\n <li>Photographie immobili\u00e8re et architecturale<\/li>\r\n <li>Mariages, anniversaires et c\u00e9r\u00e9monies<\/li>\r\n <li>Retouche, correction et optimisation des images<\/li>\r\n <\/ul>\r\n\r\n <div class=\"service-card-footer\">\r\n\r\n <div class=\"service-card-note\">\r\n S\u00e9ance en studio ou sur le lieu de votre choix.\r\n <\/div>\r\n\r\n <a class=\"service-card-link\" href=\"[LIEN-PAGE-CONTACT]\">\r\n Demander un devis\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <!-- VID\u00c9OGRAPHIE -->\r\n\r\n <article class=\"service-card\" id=\"videographie\">\r\n\r\n <div class=\"service-card-header\">\r\n\r\n <div class=\"service-card-number\">\r\n SERVICE 02\r\n <\/div>\r\n\r\n <div class=\"service-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polygon points=\"23 7 16 12 23 17 23 7\"><\/polygon>\r\n <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"><\/rect>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"service-card-heading\">\r\n\r\n <div class=\"service-card-kicker\">\r\n Donner vie \u00e0 votre message\r\n <\/div>\r\n\r\n <h3 class=\"service-card-title\">\r\n Vid\u00e9ographie\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"service-card-body\">\r\n\r\n <p class=\"service-card-description\">\r\n Nous concevons et r\u00e9alisons des vid\u00e9os pens\u00e9es pour raconter une\r\n histoire, pr\u00e9senter votre activit\u00e9 et cr\u00e9er un lien fort avec\r\n votre public. La captation est adapt\u00e9e au style, au rythme et aux\r\n plateformes de diffusion du projet.\r\n <\/p>\r\n\r\n <div class=\"service-list-title\">\r\n Prestations disponibles\r\n <\/div>\r\n\r\n <ul class=\"service-list\">\r\n <li>Films institutionnels et vid\u00e9os d\u2019entreprise<\/li>\r\n <li>Vid\u00e9os promotionnelles et publicitaires<\/li>\r\n <li>Interviews, t\u00e9moignages et pr\u00e9sentations<\/li>\r\n <li>Captation de conf\u00e9rences et \u00e9v\u00e9nements<\/li>\r\n <li>Clips musicaux et contenus artistiques<\/li>\r\n <li>Vid\u00e9os pour les r\u00e9seaux sociaux<\/li>\r\n <li>Prises de vue multi-cam\u00e9ras et son professionnel<\/li>\r\n <\/ul>\r\n\r\n <div class=\"service-card-footer\">\r\n\r\n <div class=\"service-card-note\">\r\n Formats horizontaux, verticaux et carr\u00e9s disponibles.\r\n <\/div>\r\n\r\n <a class=\"service-card-link\" href=\"[LIEN-PAGE-CONTACT]\">\r\n Parler du projet\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <!-- MONTAGE -->\r\n\r\n <article class=\"service-card\" id=\"montage-video\">\r\n\r\n <div class=\"service-card-header\">\r\n\r\n <div class=\"service-card-number\">\r\n SERVICE 03\r\n <\/div>\r\n\r\n <div class=\"service-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M4 4h16v16H4z\"><\/path>\r\n <path d=\"M8 4v16\"><\/path>\r\n <path d=\"M16 4v16\"><\/path>\r\n <path d=\"M4 9h4\"><\/path>\r\n <path d=\"M4 15h4\"><\/path>\r\n <path d=\"M16 9h4\"><\/path>\r\n <path d=\"M16 15h4\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"service-card-heading\">\r\n\r\n <div class=\"service-card-kicker\">\r\n Construire une narration\r\n <\/div>\r\n\r\n <h3 class=\"service-card-title\">\r\n Montage vid\u00e9o\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"service-card-body\">\r\n\r\n <p class=\"service-card-description\">\r\n \u00c0 partir de vos fichiers ou de nos propres captations, nous\r\n transformons les s\u00e9quences brutes en une vid\u00e9o structur\u00e9e,\r\n rythm\u00e9e et agr\u00e9able \u00e0 regarder. Chaque montage respecte votre\r\n message, votre identit\u00e9 visuelle et votre public cible.\r\n <\/p>\r\n\r\n <div class=\"service-list-title\">\r\n Prestations disponibles\r\n <\/div>\r\n\r\n <ul class=\"service-list\">\r\n <li>Tri, classement et d\u00e9rushage des s\u00e9quences<\/li>\r\n <li>Montage narratif et synchronisation audio<\/li>\r\n <li>Correction colorim\u00e9trique et \u00e9talonnage<\/li>\r\n <li>Nettoyage et mixage du son<\/li>\r\n <li>Ajout de titres, logos et sous-titres<\/li>\r\n <li>Cr\u00e9ation de versions courtes pour les r\u00e9seaux sociaux<\/li>\r\n <li>Export dans les formats adapt\u00e9s \u00e0 chaque plateforme<\/li>\r\n <\/ul>\r\n\r\n <div class=\"service-card-footer\">\r\n\r\n <div class=\"service-card-note\">\r\n Montage ponctuel ou accompagnement r\u00e9gulier.\r\n <\/div>\r\n\r\n <a class=\"service-card-link\" href=\"[LIEN-PAGE-CONTACT]\">\r\n Confier un montage\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <!-- MOTION DESIGN -->\r\n\r\n <article class=\"service-card\" id=\"motion-design\">\r\n\r\n <div class=\"service-card-header\">\r\n\r\n <div class=\"service-card-number\">\r\n SERVICE 04\r\n <\/div>\r\n\r\n <div class=\"service-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n <path d=\"M12 2v2\"><\/path>\r\n <path d=\"M12 20v2\"><\/path>\r\n <path d=\"M2 12h2\"><\/path>\r\n <path d=\"M20 12h2\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"service-card-heading\">\r\n\r\n <div class=\"service-card-kicker\">\r\n Animer vos id\u00e9es\r\n <\/div>\r\n\r\n <h3 class=\"service-card-title\">\r\n Motion design\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"service-card-body\">\r\n\r\n <p class=\"service-card-description\">\r\n Le motion design permet de pr\u00e9senter une information, expliquer\r\n un service ou dynamiser une vid\u00e9o gr\u00e2ce \u00e0 des \u00e9l\u00e9ments graphiques\r\n anim\u00e9s. Nous cr\u00e9ons des animations coh\u00e9rentes avec votre charte\r\n graphique et vos objectifs de communication.\r\n <\/p>\r\n\r\n <div class=\"service-list-title\">\r\n Prestations disponibles\r\n <\/div>\r\n\r\n <ul class=\"service-list\">\r\n <li>Animation de logos et identit\u00e9s visuelles<\/li>\r\n <li>G\u00e9n\u00e9riques, introductions et transitions<\/li>\r\n <li>Infographies et textes anim\u00e9s<\/li>\r\n <li>Vid\u00e9os explicatives et p\u00e9dagogiques<\/li>\r\n <li>Animations publicitaires pour les r\u00e9seaux sociaux<\/li>\r\n <li>Habillage graphique d\u2019interviews et de vid\u00e9os<\/li>\r\n <li>Cr\u00e9ation de contenus courts et dynamiques<\/li>\r\n <\/ul>\r\n\r\n <div class=\"service-card-footer\">\r\n\r\n <div class=\"service-card-note\">\r\n Animation 2D adapt\u00e9e au web et aux r\u00e9seaux sociaux.\r\n <\/div>\r\n\r\n <a class=\"service-card-link\" href=\"[LIEN-PAGE-CONTACT]\">\r\n Cr\u00e9er une animation\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n OFFRES COMPL\u00c8TES\r\n ================================================== -->\r\n\r\n <section class=\"packages-section\">\r\n\r\n <div class=\"section-container\">\r\n\r\n <div class=\"section-heading\">\r\n\r\n <div class=\"section-eyebrow\">\r\n <span class=\"section-eyebrow-line\"><\/span>\r\n\r\n <span class=\"section-eyebrow-text\">\r\n Solutions combin\u00e9es\r\n <\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Des prestations adapt\u00e9es \u00e0\r\n <span>chaque projet<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-description\">\r\n Nos services peuvent \u00eatre r\u00e9serv\u00e9s s\u00e9par\u00e9ment ou regroup\u00e9s dans une\r\n prestation compl\u00e8te pour garantir une identit\u00e9 visuelle coh\u00e9rente sur\r\n l\u2019ensemble de vos supports.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"packages-grid\">\r\n\r\n <article class=\"package-card\">\r\n\r\n <div class=\"package-card-head\">\r\n\r\n <div class=\"package-label\">\r\n Offre 01\r\n <\/div>\r\n\r\n <h3 class=\"package-title\">\r\n Portrait professionnel\r\n <\/h3>\r\n\r\n <p class=\"package-description\">\r\n Une prestation pens\u00e9e pour valoriser votre profil, votre \u00e9quipe\r\n ou votre image professionnelle.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"package-body\">\r\n\r\n <ul class=\"package-list\">\r\n <li>Pr\u00e9paration de la s\u00e9ance<\/li>\r\n <li>Prise de vue en studio ou sur site<\/li>\r\n <li>S\u00e9lection des meilleures images<\/li>\r\n <li>Retouches professionnelles<\/li>\r\n <li>Fichiers optimis\u00e9s pour le web<\/li>\r\n <\/ul>\r\n\r\n <a class=\"button button-outline\" href=\"[LIEN-PAGE-CONTACT]\">\r\n Recevoir un devis\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <article class=\"package-card package-card-featured\">\r\n\r\n <div class=\"package-card-head\">\r\n\r\n <div class=\"package-label\">\r\n Offre recommand\u00e9e\r\n <\/div>\r\n\r\n <h3 class=\"package-title\">\r\n Communication compl\u00e8te\r\n <\/h3>\r\n\r\n <p class=\"package-description\">\r\n Une production photo et vid\u00e9o coh\u00e9rente pour pr\u00e9senter votre\r\n entreprise, vos services et votre \u00e9quipe.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"package-body\">\r\n\r\n <ul class=\"package-list\">\r\n <li>Photographies professionnelles<\/li>\r\n <li>Vid\u00e9o de pr\u00e9sentation<\/li>\r\n <li>Interviews et t\u00e9moignages<\/li>\r\n <li>Montage et \u00e9talonnage<\/li>\r\n <li>Versions pour les r\u00e9seaux sociaux<\/li>\r\n <\/ul>\r\n\r\n <a class=\"button button-primary\" href=\"[LIEN-PAGE-CONTACT]\">\r\n Pr\u00e9senter mon projet\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <article class=\"package-card\">\r\n\r\n <div class=\"package-card-head\">\r\n\r\n <div class=\"package-label\">\r\n Offre 03\r\n <\/div>\r\n\r\n <h3 class=\"package-title\">\r\n Contenus sociaux\r\n <\/h3>\r\n\r\n <p class=\"package-description\">\r\n Une s\u00e9rie de contenus courts, modernes et r\u00e9guliers pour animer\r\n vos r\u00e9seaux sociaux.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"package-body\">\r\n\r\n <ul class=\"package-list\">\r\n <li>Vid\u00e9os verticales et formats courts<\/li>\r\n <li>Montage dynamique<\/li>\r\n <li>Sous-titres et textes anim\u00e9s<\/li>\r\n <li>Musique et habillage sonore<\/li>\r\n <li>D\u00e9clinaisons selon les plateformes<\/li>\r\n <\/ul>\r\n\r\n <a class=\"button button-outline\" href=\"[LIEN-PAGE-CONTACT]\">\r\n Cr\u00e9er mes contenus\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n M\u00c9THODE DE TRAVAIL\r\n ================================================== -->\r\n\r\n <section class=\"process-section\">\r\n\r\n <div class=\"section-container\">\r\n\r\n <div class=\"section-heading\">\r\n\r\n <div class=\"section-eyebrow\">\r\n <span class=\"section-eyebrow-line\"><\/span>\r\n\r\n <span class=\"section-eyebrow-text\">\r\n Notre m\u00e9thode\r\n <\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Un processus clair de\r\n <span>la conception \u00e0 la livraison<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-description\">\r\n Chaque \u00e9tape est organis\u00e9e afin de garantir une production fluide,\r\n coh\u00e9rente avec vos attentes et respectueuse des d\u00e9lais d\u00e9finis.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"process-grid\">\r\n\r\n <article class=\"process-card\">\r\n\r\n <div class=\"process-number\">01<\/div>\r\n\r\n <h3 class=\"process-title\">\r\n \u00c9change et d\u00e9finition du besoin\r\n <\/h3>\r\n\r\n <p class=\"process-text\">\r\n Nous \u00e9changeons sur votre projet, votre public, vos objectifs, vos\r\n r\u00e9f\u00e9rences et les supports de diffusion pr\u00e9vus.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <article class=\"process-card\">\r\n\r\n <div class=\"process-number\">02<\/div>\r\n\r\n <h3 class=\"process-title\">\r\n Pr\u00e9paration cr\u00e9ative\r\n <\/h3>\r\n\r\n <p class=\"process-text\">\r\n Nous pr\u00e9parons le concept, le planning, le mat\u00e9riel, les lieux, les\r\n plans \u00e0 r\u00e9aliser et l\u2019orientation visuelle du projet.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <article class=\"process-card\">\r\n\r\n <div class=\"process-number\">03<\/div>\r\n\r\n <h3 class=\"process-title\">\r\n Production et cr\u00e9ation\r\n <\/h3>\r\n\r\n <p class=\"process-text\">\r\n Nous r\u00e9alisons les prises de vue, les captations, le montage, les\r\n retouches et les animations pr\u00e9vues.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <article class=\"process-card\">\r\n\r\n <div class=\"process-number\">04<\/div>\r\n\r\n <h3 class=\"process-title\">\r\n Validation et livraison\r\n <\/h3>\r\n\r\n <p class=\"process-text\">\r\n Vous recevez une version de validation avant la livraison des\r\n fichiers finaux dans les formats convenus.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n CLIENTS\r\n ================================================== -->\r\n\r\n <section class=\"audience-section\">\r\n\r\n <div class=\"section-container\">\r\n\r\n <div class=\"audience-box\">\r\n\r\n <div class=\"audience-intro\">\r\n\r\n <div class=\"section-eyebrow\">\r\n <span class=\"section-eyebrow-line\"><\/span>\r\n\r\n <span class=\"section-eyebrow-text\">\r\n Pour qui travaillons-nous ?\r\n <\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Des solutions pour\r\n <span>tous les profils<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-description\">\r\n Nos prestations s\u2019adaptent aussi bien aux besoins ponctuels des\r\n particuliers qu\u2019aux projets de communication r\u00e9guliers des\r\n entreprises et organisations.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"audience-list\">\r\n\r\n <div class=\"audience-item\">\r\n\r\n <span class=\"audience-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n <path d=\"M5.5 21a6.5 6.5 0 0 1 13 0\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n\r\n <div>\r\n <div class=\"audience-title\">Particuliers<\/div>\r\n <div class=\"audience-text\">\r\n Portraits, c\u00e9r\u00e9monies et \u00e9v\u00e9nements priv\u00e9s.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"audience-item\">\r\n\r\n <span class=\"audience-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"7\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\r\n <path d=\"M8 7V4h8v3\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n\r\n <div>\r\n <div class=\"audience-title\">Entreprises<\/div>\r\n <div class=\"audience-text\">\r\n Communication corporate et contenus professionnels.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"audience-item\">\r\n\r\n <span class=\"audience-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M3 3h18v18H3z\"><\/path>\r\n <path d=\"M8 16l3-4 2 2 3-5\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n\r\n <div>\r\n <div class=\"audience-title\">Marques<\/div>\r\n <div class=\"audience-text\">\r\n Produits, campagnes et contenus publicitaires.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"audience-item\">\r\n\r\n <span class=\"audience-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\"><\/path>\r\n <path d=\"M2 12h20\"><\/path>\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n <\/svg>\r\n <\/span>\r\n\r\n <div>\r\n <div class=\"audience-title\">Associations<\/div>\r\n <div class=\"audience-text\">\r\n Reportages, sensibilisation et communication.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"audience-item\">\r\n\r\n <span class=\"audience-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M4 19h16\"><\/path>\r\n <path d=\"M6 17V8l6-4 6 4v9\"><\/path>\r\n <path d=\"M9 17v-5h6v5\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n\r\n <div>\r\n <div class=\"audience-title\">Institutions<\/div>\r\n <div class=\"audience-text\">\r\n Couverture officielle et productions institutionnelles.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"audience-item\">\r\n\r\n <span class=\"audience-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M9 18V5l12-2v13\"><\/path>\r\n <circle cx=\"6\" cy=\"18\" r=\"3\"><\/circle>\r\n <circle cx=\"18\" cy=\"16\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/span>\r\n\r\n <div>\r\n <div class=\"audience-title\">Artistes<\/div>\r\n <div class=\"audience-text\">\r\n Clips, portraits, teasers et contenus promotionnels.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n APPEL \u00c0 L\u2019ACTION\r\n ================================================== -->\r\n\r\n <section class=\"cta-section\">\r\n\r\n <div class=\"cta-inner\">\r\n\r\n <div>\r\n\r\n <div class=\"cta-kicker\">\r\n Un projet en t\u00eate ?\r\n <\/div>\r\n\r\n <h2 class=\"cta-title\">\r\n Donnons ensemble une\r\n <span>nouvelle dimension<\/span>\r\n \u00e0 votre communication\r\n <\/h2>\r\n\r\n <p class=\"cta-description\">\r\n Pr\u00e9sentez-nous votre besoin, vos objectifs et vos d\u00e9lais. Nous vous\r\n proposerons une solution adapt\u00e9e \u00e0 votre projet de photographie,\r\n vid\u00e9ographie, montage vid\u00e9o ou motion design.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"cta-actions\">\r\n\r\n <a class=\"button button-primary\" href=\"[LIEN-PAGE-CONTACT]\">\r\n Demander un devis\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a class=\"button button-secondary\" href=\"tel:[VOTRE-NUMERO]\">\r\n Nous appeler\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nos services | [NOM DE L\u2019ENTREPRISE] Cr\u00e9ation visuelle et audiovisuelle Des images qui racontent votre histoire Nous accompagnons les particuliers, […]<\/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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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-25","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nos services -<\/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:\/\/amourallabah.com\/index.php\/nos-services\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nos services -\" \/>\n<meta property=\"og:description\" content=\"Nos services | [NOM DE L\u2019ENTREPRISE] Cr\u00e9ation visuelle et audiovisuelle Des images qui racontent votre histoire Nous accompagnons les particuliers, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/amourallabah.com\/index.php\/nos-services\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-23T17:29:39+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/amourallabah.com\\\/index.php\\\/nos-services\\\/\",\"url\":\"https:\\\/\\\/amourallabah.com\\\/index.php\\\/nos-services\\\/\",\"name\":\"Nos services -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/amourallabah.com\\\/#website\"},\"datePublished\":\"2026-07-17T13:08:16+00:00\",\"dateModified\":\"2026-07-23T17:29:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/amourallabah.com\\\/index.php\\\/nos-services\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/amourallabah.com\\\/index.php\\\/nos-services\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/amourallabah.com\\\/index.php\\\/nos-services\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/amourallabah.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nos services\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/amourallabah.com\\\/#website\",\"url\":\"https:\\\/\\\/amourallabah.com\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/amourallabah.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nos services -","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:\/\/amourallabah.com\/index.php\/nos-services\/","og_locale":"en_US","og_type":"article","og_title":"Nos services -","og_description":"Nos services | [NOM DE L\u2019ENTREPRISE] Cr\u00e9ation visuelle et audiovisuelle Des images qui racontent votre histoire Nous accompagnons les particuliers, […]","og_url":"https:\/\/amourallabah.com\/index.php\/nos-services\/","article_modified_time":"2026-07-23T17:29:39+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/amourallabah.com\/index.php\/nos-services\/","url":"https:\/\/amourallabah.com\/index.php\/nos-services\/","name":"Nos services -","isPartOf":{"@id":"https:\/\/amourallabah.com\/#website"},"datePublished":"2026-07-17T13:08:16+00:00","dateModified":"2026-07-23T17:29:39+00:00","breadcrumb":{"@id":"https:\/\/amourallabah.com\/index.php\/nos-services\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/amourallabah.com\/index.php\/nos-services\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/amourallabah.com\/index.php\/nos-services\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/amourallabah.com\/"},{"@type":"ListItem","position":2,"name":"Nos services"}]},{"@type":"WebSite","@id":"https:\/\/amourallabah.com\/#website","url":"https:\/\/amourallabah.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/amourallabah.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":7,"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions\/387"}],"wp:attachment":[{"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}