{"id":23,"date":"2026-07-17T15:07:49","date_gmt":"2026-07-17T13:07:49","guid":{"rendered":"https:\/\/amourallabah.com\/?page_id=23"},"modified":"2026-07-28T10:29:59","modified_gmt":"2026-07-28T08:29:59","slug":"a-apopos","status":"publish","type":"page","link":"https:\/\/amourallabah.com\/index.php\/a-apopos\/","title":{"rendered":"A propos"},"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 \u00c0 propos | [NOM DE L\u2019ENTREPRISE]<\/title>\r\n\r\n <meta\r\n name=\"description\"\r\n content=\"D\u00e9couvrez [NOM DE L\u2019ENTREPRISE], studio cr\u00e9atif sp\u00e9cialis\u00e9 en photographie, vid\u00e9ographie, montage vid\u00e9o et motion design.\"\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: 0 20px 50px rgba(0, 0, 0, 0.08);\r\n --shadow-hover: 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 font: inherit;\r\n cursor: pointer;\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: 780px;\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: 710px;\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 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 .about-hero {\r\n width: 100vw;\r\n min-height: 630px;\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 linear-gradient(\r\n 90deg,\r\n rgba(5, 5, 5, 0.96) 0%,\r\n rgba(10, 10, 10, 0.92) 42%,\r\n rgba(25, 0, 0, 0.78) 72%,\r\n rgba(10, 10, 10, 0.75) 100%\r\n ),\r\n url(\"[URL-IMAGE-HERO]\") center \/ cover no-repeat;\r\n }\r\n\r\n .about-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(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n background-size: 42px 42px;\r\n pointer-events: none;\r\n }\r\n\r\n .about-hero::after {\r\n content: \"\";\r\n width: 430px;\r\n height: 430px;\r\n position: absolute;\r\n top: 50%;\r\n right: -120px;\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 .about-hero-inner {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 92px 80px 86px;\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.75fr);\r\n gap: 70px;\r\n align-items: center;\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: 780px;\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: 700px;\r\n font-size: 17px;\r\n line-height: 1.8;\r\n color: rgba(255, 255, 255, 0.72);\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 .hero-signature-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(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025));\r\n backdrop-filter: blur(8px);\r\n }\r\n\r\n .hero-signature-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-content {\r\n padding: 32px 28px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-card-kicker {\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 .hero-card-title {\r\n margin-bottom: 16px;\r\n font-size: 24px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n }\r\n\r\n .hero-card-text {\r\n font-size: 14px;\r\n line-height: 1.75;\r\n color: rgba(255, 255, 255, 0.66);\r\n }\r\n\r\n .hero-card-line {\r\n width: 58px;\r\n height: 3px;\r\n margin: 24px 0 18px;\r\n background: var(--red);\r\n }\r\n\r\n .hero-card-name {\r\n font-size: 14px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n }\r\n\r\n .hero-card-role {\r\n margin-top: 5px;\r\n font-size: 11px;\r\n line-height: 1.5;\r\n color: rgba(255, 255, 255, 0.48);\r\n }\r\n\r\n \/* ==================================================\r\n STATISTIQUES\r\n ================================================== *\/\r\n\r\n .stats-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: linear-gradient(135deg, #120000 0%, #3a0000 20%, #7a0000 50%, #420000 80%, #120000 100%);\r\n }\r\n\r\n .stats-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 .stat-item {\r\n min-width: 0;\r\n padding: 24px 26px;\r\n border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .stat-item:first-child {\r\n padding-left: 0;\r\n }\r\n\r\n .stat-item:last-child {\r\n padding-right: 0;\r\n border-right: none;\r\n }\r\n\r\n .stat-number {\r\n font-size: 30px;\r\n font-weight: 900;\r\n line-height: 1;\r\n color: var(--white);\r\n }\r\n\r\n .stat-number span {\r\n color: var(--red-light);\r\n }\r\n\r\n .stat-label {\r\n margin-top: 7px;\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.75);\r\n }\r\n\r\n \/* ==================================================\r\n NOTRE HISTOIRE\r\n ================================================== *\/\r\n\r\n .story-section {\r\n padding: 100px 0;\r\n }\r\n\r\n .story-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\r\n gap: 70px;\r\n align-items: center;\r\n }\r\n\r\n .story-visual {\r\n min-height: 560px;\r\n position: relative;\r\n }\r\n\r\n \/* Image principale provisoire \u2014 remplacez uniquement l\u2019URL ci-dessous *\/\r\n .story-image-main {\r\n width: calc(100% - 70px);\r\n height: 500px;\r\n overflow: hidden;\r\n border-radius: 10px;\r\n background:\r\n linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1554048612-b6a482bc67e5?auto=format&fit=crop&w=1400&q=85\") center \/ cover no-repeat;\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n \/* Image secondaire provisoire \u2014 remplacez uniquement l\u2019URL ci-dessous *\/\r\n .story-image-small {\r\n width: 245px;\r\n height: 290px;\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n overflow: hidden;\r\n border: 8px solid var(--gray-50);\r\n border-radius: 10px;\r\n background:\r\n linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1574717024653-61fd2cf4d44d?auto=format&fit=crop&w=900&q=85\") center \/ cover no-repeat;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .story-badge {\r\n width: 140px;\r\n height: 140px;\r\n position: absolute;\r\n top: 42px;\r\n right: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: var(--red);\r\n color: var(--white);\r\n box-shadow: 0 18px 42px rgba(153, 0, 0, 0.3);\r\n }\r\n\r\n .story-badge strong {\r\n font-size: 34px;\r\n font-weight: 900;\r\n line-height: 1;\r\n }\r\n\r\n .story-badge span {\r\n margin-top: 7px;\r\n font-size: 10px;\r\n font-weight: 800;\r\n line-height: 1.4;\r\n letter-spacing: 1px;\r\n text-align: center;\r\n text-transform: uppercase;\r\n }\r\n\r\n .story-content .section-heading {\r\n margin-bottom: 26px;\r\n }\r\n\r\n .story-text {\r\n display: grid;\r\n gap: 18px;\r\n }\r\n\r\n .story-text p {\r\n font-size: 16px;\r\n line-height: 1.85;\r\n color: var(--gray-600);\r\n }\r\n\r\n .story-highlight {\r\n margin-top: 28px;\r\n padding: 24px 26px;\r\n border-left: 4px solid var(--red);\r\n border-radius: 0 8px 8px 0;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .story-highlight p {\r\n font-size: 16px;\r\n font-weight: 800;\r\n line-height: 1.65;\r\n color: var(--black);\r\n }\r\n\r\n \/* ==================================================\r\n EXPERTISE\r\n ================================================== *\/\r\n\r\n .expertise-section {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n margin-left: -50vw;\r\n padding: 96px 0 104px;\r\n background: linear-gradient(135deg, #0a0a0a 0%, #181818 52%, #250000 100%);\r\n }\r\n\r\n .expertise-section .section-title {\r\n color: var(--white);\r\n }\r\n\r\n .expertise-section .section-description {\r\n color: rgba(255, 255, 255, 0.65);\r\n }\r\n\r\n .expertise-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 .expertise-card {\r\n min-width: 0;\r\n padding: 30px 24px;\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-top: 3px solid var(--red);\r\n border-radius: 8px;\r\n background: rgba(255, 255, 255, 0.055);\r\n transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;\r\n }\r\n\r\n .expertise-card:hover {\r\n transform: translateY(-7px);\r\n border-color: rgba(214, 0, 0, 0.4);\r\n background: rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n .expertise-number {\r\n position: absolute;\r\n top: 14px;\r\n right: 18px;\r\n font-size: 46px;\r\n font-weight: 900;\r\n color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .expertise-icon {\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 22px;\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.14);\r\n color: var(--red);\r\n }\r\n\r\n .expertise-icon svg {\r\n width: 23px;\r\n height: 23px;\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 .expertise-title {\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n font-weight: 900;\r\n line-height: 1.3;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n }\r\n\r\n .expertise-text {\r\n font-size: 13px;\r\n line-height: 1.75;\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n \/* ==================================================\r\n VALEURS\r\n ================================================== *\/\r\n\r\n .values-section {\r\n padding: 100px 0;\r\n }\r\n\r\n .values-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 .value-card {\r\n min-width: 0;\r\n padding: 34px 30px;\r\n border: 1px solid var(--gray-200);\r\n border-top: 3px solid var(--red);\r\n border-radius: 9px;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n }\r\n\r\n .value-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .value-icon {\r\n width: 50px;\r\n height: 50px;\r\n margin-bottom: 22px;\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 .value-icon svg {\r\n width: 23px;\r\n height: 23px;\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 .value-title {\r\n margin-bottom: 11px;\r\n font-size: 19px;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n }\r\n\r\n .value-text {\r\n font-size: 14px;\r\n line-height: 1.75;\r\n color: var(--gray-600);\r\n }\r\n\r\n \/* ==================================================\r\n M\u00c9THODE DE TRAVAIL\r\n ================================================== *\/\r\n\r\n .process-section {\r\n padding: 0 0 104px;\r\n }\r\n\r\n .process-box {\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);\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 .process-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(circle at 20% 20%, rgba(214, 0, 0, 0.18), transparent 36%),\r\n linear-gradient(135deg, #0b0b0b, #1b1b1b 65%, #2d0000);\r\n }\r\n\r\n .process-intro .section-title {\r\n color: var(--white);\r\n }\r\n\r\n .process-intro .section-description {\r\n color: rgba(255, 255, 255, 0.65);\r\n }\r\n\r\n .process-list {\r\n padding: 38px 42px;\r\n display: grid;\r\n gap: 13px;\r\n }\r\n\r\n .process-item {\r\n padding: 18px 18px;\r\n display: grid;\r\n grid-template-columns: 46px minmax(0, 1fr);\r\n gap: 16px;\r\n align-items: start;\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 .process-step {\r\n width: 46px;\r\n height: 46px;\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 font-size: 14px;\r\n font-weight: 900;\r\n color: var(--red);\r\n }\r\n\r\n .process-title {\r\n margin-bottom: 6px;\r\n font-size: 14px;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n }\r\n\r\n .process-text {\r\n font-size: 13px;\r\n line-height: 1.65;\r\n color: var(--gray-600);\r\n }\r\n\r\n \/* ==================================================\r\n \u00c9QUIPE \/ PROFIL\r\n ================================================== *\/\r\n\r\n .profile-section {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n margin-left: -50vw;\r\n padding: 98px 0;\r\n background: linear-gradient(135deg, #111111 0%, #1c1c1c 58%, #300000 100%);\r\n }\r\n\r\n .profile-grid {\r\n display: grid;\r\n grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr);\r\n gap: 64px;\r\n align-items: center;\r\n }\r\n\r\n .profile-image {\r\n min-height: 520px;\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: 10px;\r\n background:\r\n linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.22)),\r\n url(\"https:\/\/amourallabah.com\/wp-content\/uploads\/2026\/07\/IMG_8772.jpg\") center top \/ cover no-repeat;\r\n box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);\r\n }\r\n\r\n .profile-content .section-title {\r\n color: var(--white);\r\n }\r\n\r\n .profile-content .section-description {\r\n color: rgba(255, 255, 255, 0.65);\r\n }\r\n\r\n .profile-name {\r\n margin-top: 28px;\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 .profile-role {\r\n margin-top: 6px;\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 1.4px;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n }\r\n\r\n .profile-quote {\r\n margin-top: 26px;\r\n padding: 22px 24px;\r\n border-left: 4px solid var(--red);\r\n background: rgba(255, 255, 255, 0.055);\r\n font-size: 15px;\r\n font-weight: 700;\r\n line-height: 1.75;\r\n color: rgba(255, 255, 255, 0.78);\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(circle at 90% 30%, rgba(214, 0, 0, 0.3), transparent 32%),\r\n linear-gradient(135deg, #090909 0%, #1a1a1a 55%, #320000 100%);\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 .about-hero-inner,\r\n .stats-inner,\r\n .cta-inner {\r\n padding-right: 48px;\r\n padding-left: 48px;\r\n }\r\n\r\n .about-hero-inner {\r\n grid-template-columns: minmax(0, 1fr) 320px;\r\n gap: 42px;\r\n }\r\n\r\n .expertise-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .about-hero {\r\n min-height: auto;\r\n }\r\n\r\n .about-hero-inner {\r\n padding-top: 68px;\r\n padding-bottom: 68px;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-signature-card {\r\n max-width: 620px;\r\n }\r\n\r\n .stats-inner {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .stat-item:nth-child(2) {\r\n border-right: none;\r\n }\r\n\r\n .stat-item:nth-child(1),\r\n .stat-item:nth-child(2) {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .stat-item:first-child,\r\n .stat-item:last-child {\r\n padding-right: 26px;\r\n padding-left: 26px;\r\n }\r\n\r\n .story-grid,\r\n .profile-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .story-content {\r\n order: -1;\r\n }\r\n\r\n .values-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .process-box {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .profile-image {\r\n min-height: 460px;\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: 300px;\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 .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 .about-hero-inner {\r\n padding: 50px 20px;\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 .hero-signature-card {\r\n display: none;\r\n }\r\n\r\n .stats-inner {\r\n padding: 0;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .stat-item,\r\n .stat-item:first-child,\r\n .stat-item:last-child {\r\n padding: 18px 20px;\r\n border-right: none;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .stat-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .story-section,\r\n .values-section {\r\n padding: 72px 0;\r\n }\r\n\r\n .story-grid {\r\n gap: 38px;\r\n }\r\n\r\n .story-visual {\r\n min-height: 430px;\r\n }\r\n\r\n \/* Image principale provisoire \u2014 remplacez uniquement l\u2019URL ci-dessous *\/\r\n .story-image-main {\r\n width: calc(100% - 28px);\r\n height: 370px;\r\n }\r\n\r\n \/* Image secondaire provisoire \u2014 remplacez uniquement l\u2019URL ci-dessous *\/\r\n .story-image-small {\r\n width: 165px;\r\n height: 200px;\r\n border-width: 6px;\r\n }\r\n\r\n .story-badge {\r\n width: 104px;\r\n height: 104px;\r\n top: 26px;\r\n }\r\n\r\n .story-badge strong {\r\n font-size: 27px;\r\n }\r\n\r\n .story-badge span {\r\n font-size: 8px;\r\n }\r\n\r\n .expertise-section,\r\n .profile-section {\r\n padding: 72px 0;\r\n }\r\n\r\n .expertise-grid,\r\n .values-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .process-section {\r\n padding-bottom: 75px;\r\n }\r\n\r\n .process-intro {\r\n padding: 36px 22px;\r\n }\r\n\r\n .process-list {\r\n padding: 22px 16px;\r\n }\r\n\r\n .process-item {\r\n grid-template-columns: 42px minmax(0, 1fr);\r\n gap: 13px;\r\n }\r\n\r\n .process-step {\r\n width: 42px;\r\n height: 42px;\r\n }\r\n\r\n .profile-grid {\r\n gap: 34px;\r\n }\r\n\r\n .profile-image {\r\n min-height: 390px;\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=\"about-hero\">\r\n <div class=\"about-hero-inner\">\r\n\r\n <div>\r\n <div class=\"hero-eyebrow\">\r\n <span class=\"hero-eyebrow-line\"><\/span>\r\n <span class=\"hero-eyebrow-text\">\u00c0 propos du studio<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n Nous cr\u00e9ons des images\r\n <span>qui racontent votre histoire<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-description\">\r\n [NOM DE L\u2019ENTREPRISE] est un studio cr\u00e9atif sp\u00e9cialis\u00e9 en photographie,\r\n vid\u00e9ographie, montage vid\u00e9o et motion design. Nous transformons vos id\u00e9es,\r\n vos valeurs et vos ambitions en contenus visuels forts, coh\u00e9rents et m\u00e9morables.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <a class=\"button button-primary\" href=\"#notre-histoire\">\r\n D\u00e9couvrir notre histoire\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 Nous contacter\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"hero-signature-card\">\r\n <div class=\"hero-card-content\">\r\n <div class=\"hero-card-kicker\">Notre vision<\/div>\r\n\r\n <h2 class=\"hero-card-title\">\r\n Donner du sens \u00e0 chaque image\r\n <\/h2>\r\n\r\n <p class=\"hero-card-text\">\r\n Une belle image attire l\u2019attention. Une image juste cr\u00e9e une \u00e9motion,\r\n transmet un message et laisse une trace durable.\r\n <\/p>\r\n\r\n <div class=\"hero-card-line\"><\/div>\r\n\r\n <div class=\"hero-card-name\">[NOM DU FONDATEUR]<\/div>\r\n <div class=\"hero-card-role\">Photographe, vid\u00e9aste et directeur cr\u00e9atif<\/div>\r\n <\/div>\r\n <\/aside>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n STATISTIQUES\r\n ================================================== -->\r\n\r\n <section class=\"stats-bar\" aria-label=\"Quelques chiffres\">\r\n <div class=\"stats-inner\">\r\n\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">[5]<span>+<\/span><\/div>\r\n <div class=\"stat-label\">Ann\u00e9es d\u2019exp\u00e9rience<\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">[120]<span>+<\/span><\/div>\r\n <div class=\"stat-label\">Projets r\u00e9alis\u00e9s<\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">[80]<span>+<\/span><\/div>\r\n <div class=\"stat-label\">Clients accompagn\u00e9s<\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">4<\/div>\r\n <div class=\"stat-label\">Expertises compl\u00e9mentaires<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n NOTRE HISTOIRE\r\n ================================================== -->\r\n\r\n <section class=\"story-section\" id=\"notre-histoire\">\r\n <div class=\"section-container\">\r\n\r\n <div class=\"story-grid\">\r\n\r\n <div class=\"story-visual\">\r\n <div class=\"story-image-main\" role=\"img\" aria-label=\"S\u00e9ance de production audiovisuelle\"><\/div>\r\n <div class=\"story-image-small\" role=\"img\" aria-label=\"Travail de montage vid\u00e9o\"><\/div>\r\n\r\n <div class=\"story-badge\">\r\n <strong>5+<\/strong>\r\n <span>Ann\u00e9es de<br>cr\u00e9ation<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-content\">\r\n <div class=\"section-heading\">\r\n <div class=\"section-eyebrow\">\r\n <span class=\"section-eyebrow-line\"><\/span>\r\n <span class=\"section-eyebrow-text\">Notre histoire<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Une passion devenue\r\n <span>m\u00e9tier<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-description\">\r\n Tout a commenc\u00e9 par l\u2019envie de capturer les personnes, les gestes,\r\n les lieux et les instants qui m\u00e9ritent d\u2019\u00eatre conserv\u00e9s et partag\u00e9s.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"story-text\">\r\n <p>\r\n Au fil des projets, cette passion pour l\u2019image s\u2019est enrichie de\r\n nouvelles comp\u00e9tences : r\u00e9alisation vid\u00e9o, montage, \u00e9talonnage,\r\n animation graphique et cr\u00e9ation de contenus destin\u00e9s aux r\u00e9seaux sociaux.\r\n <\/p>\r\n\r\n <p>\r\n Aujourd\u2019hui, [NOM DE L\u2019ENTREPRISE] accompagne les particuliers,\r\n les entreprises, les marques, les artistes et les institutions dans\r\n la cr\u00e9ation de contenus visuels capables de valoriser leur identit\u00e9\r\n et de renforcer leur communication.\r\n <\/p>\r\n\r\n <p>\r\n Chaque mission est abord\u00e9e avec la m\u00eame exigence : comprendre votre\r\n objectif, proposer une direction cr\u00e9ative claire et produire un r\u00e9sultat\r\n professionnel, esth\u00e9tique et r\u00e9ellement utile.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"story-highlight\">\r\n <p>\r\n Notre objectif n\u2019est pas simplement de produire de belles images,\r\n mais de cr\u00e9er des contenus qui vous ressemblent et qui parlent \u00e0 votre public.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n NOS EXPERTISES\r\n ================================================== -->\r\n\r\n <section class=\"expertise-section\">\r\n <div class=\"section-container\">\r\n\r\n <div class=\"section-heading\">\r\n <div class=\"section-eyebrow\">\r\n <span class=\"section-eyebrow-line\"><\/span>\r\n <span class=\"section-eyebrow-text\">Nos expertises<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Une vision cr\u00e9ative,\r\n <span>quatre savoir-faire<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-description\">\r\n Nous r\u00e9unissons plusieurs disciplines compl\u00e9mentaires pour garantir une\r\n identit\u00e9 visuelle coh\u00e9rente sur l\u2019ensemble de vos supports.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"expertise-grid\">\r\n\r\n <article class=\"expertise-card\">\r\n <span class=\"expertise-number\">01<\/span>\r\n\r\n <div class=\"expertise-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\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 <h3 class=\"expertise-title\">Photographie<\/h3>\r\n <p class=\"expertise-text\">\r\n Portraits, \u00e9v\u00e9nements, produits, campagnes, contenus corporate et\r\n reportages con\u00e7us pour mettre en valeur votre univers.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"expertise-card\">\r\n <span class=\"expertise-number\">02<\/span>\r\n\r\n <div class=\"expertise-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\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 <h3 class=\"expertise-title\">Vid\u00e9ographie<\/h3>\r\n <p class=\"expertise-text\">\r\n Films de marque, interviews, publicit\u00e9s, clips, captations et vid\u00e9os\r\n \u00e9v\u00e9nementielles pens\u00e9es pour raconter une histoire claire.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"expertise-card\">\r\n <span class=\"expertise-number\">03<\/span>\r\n\r\n <div class=\"expertise-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\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 <\/div>\r\n\r\n <h3 class=\"expertise-title\">Montage vid\u00e9o<\/h3>\r\n <p class=\"expertise-text\">\r\n D\u00e9rushage, narration, rythme, habillage sonore, sous-titres, \u00e9talonnage\r\n et exports adapt\u00e9s \u00e0 vos plateformes de diffusion.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"expertise-card\">\r\n <span class=\"expertise-number\">04<\/span>\r\n\r\n <div class=\"expertise-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n <path d=\"M8 12h8\"><\/path>\r\n <path d=\"M12 8v8\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"expertise-title\">Motion design<\/h3>\r\n <p class=\"expertise-text\">\r\n Logos anim\u00e9s, typographies en mouvement, habillages, g\u00e9n\u00e9riques,\r\n infographies et contenus dynamiques pour le digital.\r\n <\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n NOS VALEURS\r\n ================================================== -->\r\n\r\n <section class=\"values-section\">\r\n <div class=\"section-container\">\r\n\r\n <div class=\"section-heading\">\r\n <div class=\"section-eyebrow\">\r\n <span class=\"section-eyebrow-line\"><\/span>\r\n <span class=\"section-eyebrow-text\">Nos valeurs<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Ce qui guide\r\n <span>chaque projet<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-description\">\r\n Une collaboration r\u00e9ussie repose sur une vision claire, une communication\r\n fluide et une attention constante port\u00e9e aux d\u00e9tails.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"values-grid\">\r\n\r\n <article class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n <path d=\"M12 3v3\"><\/path>\r\n <path d=\"M21 12h-3\"><\/path>\r\n <path d=\"M12 21v-3\"><\/path>\r\n <path d=\"M3 12h3\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"value-title\">Exigence<\/h3>\r\n <p class=\"value-text\">\r\n Nous accordons une attention particuli\u00e8re au cadrage, \u00e0 la lumi\u00e8re,\r\n au son, au rythme, aux couleurs et \u00e0 chaque finition du projet.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"value-title\">Authenticit\u00e9<\/h3>\r\n <p class=\"value-text\">\r\n Nous privil\u00e9gions des images sinc\u00e8res et une direction artistique\r\n fid\u00e8le \u00e0 votre personnalit\u00e9, \u00e0 votre marque et \u00e0 votre message.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\r\n <path d=\"M20 8v6\"><\/path>\r\n <path d=\"M23 11h-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"value-title\">Collaboration<\/h3>\r\n <p class=\"value-text\">\r\n Nous vous impliquons dans les \u00e9tapes essentielles afin de construire\r\n ensemble un r\u00e9sultat pertinent, coh\u00e9rent et pleinement assum\u00e9.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M9 18h6\"><\/path>\r\n <path d=\"M10 22h4\"><\/path>\r\n <path d=\"M8.5 14.5A6 6 0 1 1 15.5 14.5c-.9.7-1.5 1.4-1.5 2.5h-4c0-1.1-.6-1.8-1.5-2.5z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"value-title\">Cr\u00e9ativit\u00e9<\/h3>\r\n <p class=\"value-text\">\r\n Nous cherchons le concept, l\u2019angle et la mise en sc\u00e8ne capables de\r\n rendre votre contenu identifiable et diff\u00e9rent de celui des autres.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n <path d=\"M12 7v5l3 2\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"value-title\">Fiabilit\u00e9<\/h3>\r\n <p class=\"value-text\">\r\n Planning, \u00e9tapes, livrables et d\u00e9lais sont d\u00e9finis clairement afin de\r\n garantir une organisation professionnelle du d\u00e9but \u00e0 la fin.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M12 2l3 6 6 .9-4.5 4.4 1.1 6.2L12 16.7 6.4 19.5l1.1-6.2L3 8.9 9 8z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"value-title\">Impact<\/h3>\r\n <p class=\"value-text\">\r\n Chaque contenu doit servir un objectif concret : attirer l\u2019attention,\r\n inspirer confiance, expliquer, vendre, informer ou cr\u00e9er une \u00e9motion.\r\n <\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n NOTRE M\u00c9THODE\r\n ================================================== -->\r\n\r\n <section class=\"process-section\">\r\n <div class=\"section-container\">\r\n\r\n <div class=\"process-box\">\r\n\r\n <div class=\"process-intro\">\r\n <div class=\"section-eyebrow\">\r\n <span class=\"section-eyebrow-line\"><\/span>\r\n <span class=\"section-eyebrow-text\">Notre m\u00e9thode<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Un processus\r\n <span>simple et structur\u00e9<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-description\">\r\n De la premi\u00e8re discussion \u00e0 la livraison finale, chaque \u00e9tape est\r\n pens\u00e9e pour vous offrir de la clart\u00e9 et un suivi r\u00e9gulier.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-list\">\r\n\r\n <article class=\"process-item\">\r\n <div class=\"process-step\">01<\/div>\r\n <div>\r\n <h3 class=\"process-title\">\u00c9change et d\u00e9couverte<\/h3>\r\n <p class=\"process-text\">\r\n Nous analysons votre besoin, votre cible, vos contraintes, vos r\u00e9f\u00e9rences\r\n et les objectifs pr\u00e9cis du contenu \u00e0 produire.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"process-item\">\r\n <div class=\"process-step\">02<\/div>\r\n <div>\r\n <h3 class=\"process-title\">Direction cr\u00e9ative<\/h3>\r\n <p class=\"process-text\">\r\n Nous d\u00e9finissons le concept, l\u2019ambiance, le style visuel, les formats,\r\n le planning et les moyens n\u00e9cessaires \u00e0 la production.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"process-item\">\r\n <div class=\"process-step\">03<\/div>\r\n <div>\r\n <h3 class=\"process-title\">Production<\/h3>\r\n <p class=\"process-text\">\r\n S\u00e9ance photo, tournage, captation ou cr\u00e9ation graphique sont r\u00e9alis\u00e9s\r\n avec une attention constante port\u00e9e \u00e0 la qualit\u00e9 technique et artistique.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"process-item\">\r\n <div class=\"process-step\">04<\/div>\r\n <div>\r\n <h3 class=\"process-title\">Postproduction<\/h3>\r\n <p class=\"process-text\">\r\n S\u00e9lection, retouche, montage, \u00e9talonnage, traitement du son, animation\r\n et adaptation des contenus sont effectu\u00e9s selon le projet.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"process-item\">\r\n <div class=\"process-step\">05<\/div>\r\n <div>\r\n <h3 class=\"process-title\">Validation et livraison<\/h3>\r\n <p class=\"process-text\">\r\n Apr\u00e8s vos retours, les fichiers sont finalis\u00e9s puis livr\u00e9s dans les\r\n dimensions et formats adapt\u00e9s \u00e0 vos diff\u00e9rents supports.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================================================\r\n PROFIL DU CR\u00c9ATEUR\r\n ================================================== -->\r\n\r\n <section class=\"profile-section\">\r\n <div class=\"section-container\">\r\n\r\n <div class=\"profile-grid\">\r\n\r\n <div class=\"profile-image\" role=\"img\" aria-label=\"Portrait du fondateur du studio\"><\/div>\r\n\r\n <div class=\"profile-content\">\r\n <div class=\"section-heading\">\r\n <div class=\"section-eyebrow\">\r\n <span class=\"section-eyebrow-line\"><\/span>\r\n <span class=\"section-eyebrow-text\">Derri\u00e8re l\u2019objectif<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Une approche humaine,\r\n <span>cr\u00e9ative et exigeante<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-description\">\r\n Je suis [NOM DU FONDATEUR], photographe, vid\u00e9aste, monteur et motion designer.\r\n J\u2019accompagne chaque client avec une approche personnalis\u00e9e, de la r\u00e9flexion\r\n initiale jusqu\u2019\u00e0 la livraison finale.\r\n <\/p>\r\n <\/div>\r\n\r\n <p class=\"section-description\">\r\n Mon travail repose sur l\u2019\u00e9coute, la pr\u00e9paration et la recherche du d\u00e9tail juste.\r\n Je m\u2019adapte \u00e0 votre univers pour cr\u00e9er des images coh\u00e9rentes avec votre identit\u00e9,\r\n votre public et vos objectifs de communication.\r\n <\/p>\r\n\r\n <div class=\"profile-name\">[NOM DU FONDATEUR]<\/div>\r\n <div class=\"profile-role\">Fondateur et directeur cr\u00e9atif<\/div>\r\n\r\n <blockquote class=\"profile-quote\">\r\n \u00ab Chaque projet m\u00e9rite une identit\u00e9 visuelle forte, une narration claire\r\n et une r\u00e9alisation capable de susciter une v\u00e9ritable \u00e9motion. \u00bb\r\n <\/blockquote>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 <div class=\"cta-inner\">\r\n\r\n <div>\r\n <div class=\"cta-kicker\">Construisons votre prochain projet<\/div>\r\n\r\n <h2 class=\"cta-title\">\r\n Votre histoire m\u00e9rite des\r\n <span>images \u00e0 sa hauteur<\/span>\r\n <\/h2>\r\n\r\n <p class=\"cta-description\">\r\n Parlons de votre besoin et imaginons ensemble un contenu professionnel,\r\n cr\u00e9atif et fid\u00e8le \u00e0 votre identit\u00e9.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"cta-actions\">\r\n <a class=\"button button-primary\" href=\"[LIEN-PAGE-CONTACT]\">\r\n Pr\u00e9senter mon projet\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-SERVICES]\">\r\n D\u00e9couvrir les services\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\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>\u00c0 propos | [NOM DE L\u2019ENTREPRISE] \u00c0 propos du studio Nous cr\u00e9ons des images qui racontent votre histoire [NOM DE […]<\/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-23","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>A propos -<\/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\/a-apopos\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A propos -\" \/>\n<meta property=\"og:description\" content=\"\u00c0 propos | [NOM DE L\u2019ENTREPRISE] \u00c0 propos du studio Nous cr\u00e9ons des images qui racontent votre histoire [NOM DE […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/amourallabah.com\/index.php\/a-apopos\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T08:29:59+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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/amourallabah.com\\\/index.php\\\/a-apopos\\\/\",\"url\":\"https:\\\/\\\/amourallabah.com\\\/index.php\\\/a-apopos\\\/\",\"name\":\"A propos -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/amourallabah.com\\\/#website\"},\"datePublished\":\"2026-07-17T13:07:49+00:00\",\"dateModified\":\"2026-07-28T08:29:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/amourallabah.com\\\/index.php\\\/a-apopos\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/amourallabah.com\\\/index.php\\\/a-apopos\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/amourallabah.com\\\/index.php\\\/a-apopos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/amourallabah.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A propos\"}]},{\"@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":"A propos -","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\/a-apopos\/","og_locale":"en_US","og_type":"article","og_title":"A propos -","og_description":"\u00c0 propos | [NOM DE L\u2019ENTREPRISE] \u00c0 propos du studio Nous cr\u00e9ons des images qui racontent votre histoire [NOM DE […]","og_url":"https:\/\/amourallabah.com\/index.php\/a-apopos\/","article_modified_time":"2026-07-28T08:29:59+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/amourallabah.com\/index.php\/a-apopos\/","url":"https:\/\/amourallabah.com\/index.php\/a-apopos\/","name":"A propos -","isPartOf":{"@id":"https:\/\/amourallabah.com\/#website"},"datePublished":"2026-07-17T13:07:49+00:00","dateModified":"2026-07-28T08:29:59+00:00","breadcrumb":{"@id":"https:\/\/amourallabah.com\/index.php\/a-apopos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/amourallabah.com\/index.php\/a-apopos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/amourallabah.com\/index.php\/a-apopos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/amourallabah.com\/"},{"@type":"ListItem","position":2,"name":"A propos"}]},{"@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\/23","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=23"}],"version-history":[{"count":13,"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":769,"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions\/769"}],"wp:attachment":[{"href":"https:\/\/amourallabah.com\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}