{"id":210,"date":"2026-01-23T00:50:02","date_gmt":"2026-01-22T23:50:02","guid":{"rendered":"https:\/\/agencefaithstudio.com\/?page_id=210"},"modified":"2026-04-03T16:37:17","modified_gmt":"2026-04-03T14:37:17","slug":"acceuil-2","status":"publish","type":"page","link":"https:\/\/agencefaithstudio.com\/","title":{"rendered":"Acceuil 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"210\" class=\"elementor elementor-210\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4d1dd1 e-con-full e-flex e-con e-parent\" data-id=\"c4d1dd1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2909b00 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2909b00\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- 1. VARIABLES & COULEURS --- *\/\r\n    :root {\r\n        --pm-white: #ffffff;\r\n        --pm-black: #111111;\r\n        --pm-yellow: #f2cb04;\r\n        --pm-yellow-gradient: linear-gradient(to top, rgba(242, 203, 4, 0.9), rgba(242, 203, 4, 0.2));\r\n        --pm-grey: #fafafa;\r\n        --pm-font: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* RESET & FOR\u00c7AGE PLEINE LARGEUR *\/\r\n    .pm-wrapper {\r\n        font-family: var(--pm-font);\r\n        color: var(--pm-black);\r\n        background-color: var(--pm-white);\r\n        overflow-x: hidden;\r\n        \r\n        \/* --- FORCER LA PLEINE LARGEUR (CASSER LES MARGES WORDPRESS) --- *\/\r\n        width: 100vw;\r\n        max-width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    \/* --- 2. HERO SECTION --- *\/\r\n    .pm-hero-section {\r\n        position: relative; width: 100%; height: 100vh;\r\n        margin-top: -20px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        background: #000; overflow: hidden;\r\n    }\r\n    .pm-video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.9; }\r\n    .pm-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7)); }\r\n    .pm-content { position: relative; z-index: 10; text-align: center; color: var(--pm-white); padding: 20px; max-width: 900px; animation: pmFadeUp 1.5s ease-out; }\r\n    \r\n    \/* STYLE LOGO HERO - DIMENSIONS EXACTES *\/\r\n    .pm-hero-logo {\r\n        max-width: 400px !important; \/* 400px sur ordinateur *\/\r\n        width: 100% !important; \/* S'assure qu'il ne d\u00e9borde pas si l'\u00e9cran est plus petit *\/\r\n        height: auto !important;\r\n        margin: 0 auto 25px auto !important;\r\n        display: block !important;\r\n    }\r\n\r\n    .pm-title { font-size: 5rem; font-weight: 800; text-transform: uppercase; line-height: 1; margin-bottom: 30px; letter-spacing: -2px; text-shadow: 0 4px 20px rgba(0,0,0,0.5); }\r\n    .pm-subtitle { font-size: 1.5rem; font-weight: 500; margin-bottom: 50px; color: var(--pm-white); }\r\n    .pm-btn { display: inline-block; padding: 18px 50px; background-color: var(--pm-yellow); color: var(--pm-black); font-weight: 800; text-transform: uppercase; text-decoration: none; border-radius: 50px; transition: all 0.3s ease; border: 2px solid var(--pm-yellow); }\r\n    .pm-btn:hover { background-color: transparent; color: var(--pm-white); box-shadow: 0 0 20px rgba(242, 203, 4, 0.6); }\r\n\r\n    \/* --- 3. MARQUEE --- *\/\r\n    .pm-marquee-section { background: var(--pm-white); padding: 25px 0; overflow: hidden; white-space: nowrap; position: relative; z-index: 5; border-top: 2px solid var(--pm-yellow); border-bottom: 2px solid var(--pm-yellow); }\r\n    .pm-marquee-content { display: inline-block; animation: pmScroll 30s linear infinite; }\r\n    .pm-marquee-text { font-family: var(--pm-font); font-size: 3.5rem; font-weight: 900; text-transform: uppercase; color: var(--pm-black); margin-right: 60px; letter-spacing: -1px; }\r\n    .pm-marquee-text.filled { color: transparent; -webkit-text-stroke: 1px var(--pm-black); }\r\n\r\n    \/* --- 4. VISION & APPROCHE --- *\/\r\n    .pm-vision-new { position: relative; background: var(--pm-white); overflow: hidden; padding-bottom: 100px; }\r\n    .pm-vision-block-1 { display: flex; min-height: 90vh; align-items: center; position: relative; }\r\n    .pm-vb1-text { width: 50%; padding: 100px 60px; z-index: 2; background: rgba(255,255,255,0.9); }\r\n    .pm-vb1-img { width: 60%; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; background-image: url('https:\/\/images.unsplash.com\/photo-1506748686214-e9df14d4d9d0?q=80&w=2574&auto=format&fit=crop'); background-size: cover; background-position: center; background-attachment: fixed; opacity: 0.8; }\r\n    .pm-vb1-overlay { position: absolute; top:0; right:0; width:60%; height:100%; z-index:1; background: linear-gradient(to left, var(--pm-white) 0%, transparent 100%); }\r\n\r\n    .pm-vision-block-2 { display: flex; min-height: 90vh; align-items: center; justify-content: flex-end; position: relative; margin-top: -100px; }\r\n    .pm-vb2-text { width: 50%; padding: 100px 60px; z-index: 2; background: rgba(255,255,255,0.9); border-left: 5px solid var(--pm-yellow); }\r\n    .pm-vb2-img { width: 60%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-image: url('https:\/\/images.unsplash.com\/photo-1531297484001-80022131f5a1?q=80&w=2620&auto=format&fit=crop'); background-size: cover; background-position: center; background-attachment: fixed; opacity: 0.8; }\r\n    .pm-vb2-overlay { position: absolute; top:0; left:0; width:60%; height:100%; z-index:1; background: linear-gradient(to right, var(--pm-white) 0%, transparent 100%); }\r\n\r\n    .pm-vision-block-3 { text-align: center; padding: 150px 20px; background: var(--pm-grey); position: relative; z-index: 3; margin-top: -100px; }\r\n    .pm-v-uptitle { color: var(--pm-yellow); font-weight: 800; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; font-size: 0.9rem; }\r\n    .pm-v-title { font-size: 3.5rem; font-weight: 900; color: var(--pm-black); margin-bottom: 30px; line-height: 1.1; }\r\n    .pm-v-text { font-size: 1.1rem; line-height: 1.8; color: #444; max-width: 800px; margin: 0 auto 30px auto; }\r\n    \r\n    .pm-v-list { display: flex; justify-content: center; align-items: flex-start; gap: 40px; flex-wrap: wrap; margin-top: 80px; }\r\n    .pm-v-item { text-align: left; width: 300px; background: white; padding: 20px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }\r\n    \r\n    .pm-v-img { \r\n        width: 100%; height: 250px; object-fit: cover; border-radius: 8px; margin-bottom: 20px; \r\n    }\r\n    \r\n    .pm-v-item:nth-child(2) {\r\n        margin-top: 60px; \r\n    }\r\n\r\n    .pm-v-item-title { font-size: 1.3rem; font-weight: 800; margin-bottom: 10px; color: var(--pm-black); }\r\n\r\n    \/* --- 6. \u00c9QUIPE --- *\/\r\n    .pm-team-section { background-color: var(--pm-white); padding: 100px 20px; text-align: center; border-top: 1px solid #eee; }\r\n    .pm-team-grid { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 60px; }\r\n    .pm-team-card { width: 300px; text-align: left; position: relative; cursor: pointer; }\r\n    .pm-team-wrapper { position: relative; width: 100%; height: 350px; overflow: hidden; border-radius: 12px; border-bottom: 5px solid var(--pm-yellow); }\r\n    \r\n    .pm-team-photo { \r\n        width: 100%; height: 100%; \r\n        object-fit: cover; \r\n        object-position: center 10%; \r\n        transform: scale(1.15); \r\n        transition: transform 0.5s ease, filter 0.5s ease;\r\n        filter: grayscale(100%); \r\n    }\r\n    .pm-team-card:hover .pm-team-photo { \r\n        transform: scale(1.25); \r\n        filter: grayscale(0%); \r\n    }\r\n\r\n    .pm-team-overlay { position: absolute; top:0; left:0; width:100%; height:100%; background: var(--pm-yellow-gradient); opacity: 0; transition: opacity 0.4s ease; }\r\n    .pm-team-card:hover .pm-team-overlay { opacity: 1; }\r\n    .pm-team-name { font-size: 1.5rem; font-weight: 800; margin-top: 20px; color: var(--pm-black); }\r\n    .pm-team-role { color: #666; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n    \/* --- 7. SERVICES --- *\/\r\n    .pm-services-section { background-color: var(--pm-white); padding: 120px 20px; border-top: 1px solid #eee; }\r\n    .pm-services-container { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; }\r\n    .pm-services-left { flex: 1; min-width: 300px; margin-bottom: 50px; }\r\n    .pm-srv-title { font-size: 3.5rem; font-weight: 900; text-transform: uppercase; line-height: 1; color: var(--pm-black); }\r\n    .pm-services-list { flex: 1.5; min-width: 300px; }\r\n    .pm-service-item { border-bottom: 1px solid #ddd; padding: 30px 0; cursor: pointer; transition: all 0.3s ease; position: relative; }\r\n    .pm-service-item:hover { border-bottom: 2px solid var(--pm-yellow); padding-left: 15px; }\r\n    .pm-service-name { font-size: 2rem; font-weight: 700; color: var(--pm-black); }\r\n    .pm-service-icon { color: var(--pm-black); font-size: 2rem; float: right; transition: transform 0.3s; }\r\n    .pm-service-item:hover .pm-service-icon { transform: rotate(45deg); color: var(--pm-yellow); }\r\n    .pm-service-details { max-height: 0; overflow: hidden; transition: 0.5s; color: #555; margin-top: 0; }\r\n    .pm-service-item:hover .pm-service-details { max-height: 100px; margin-top: 15px; }\r\n\r\n    \/* --- 8. PROJETS --- *\/\r\n    .pm-projects-section { background-color: var(--pm-white); padding: 120px 20px; border-top: 1px solid #eee; }\r\n    .pm-section-header { text-align: center; margin-bottom: 80px; }\r\n    .pm-section-title { font-size: 3rem; text-transform: uppercase; margin-bottom: 15px; font-weight: 900; color: var(--pm-black); display: inline-block; border-bottom: 5px solid var(--pm-yellow); }\r\n    .pm-section-subtitle { color: #666; font-size: 1.2rem; max-width: 600px; margin: 20px auto 0 auto; }\r\n    .pm-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; }\r\n    .pm-card { position: relative; height: 550px; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid #eee; transition: transform 0.4s ease, border-color 0.4s ease; }\r\n    .pm-card:hover { transform: translateY(-10px); border-color: var(--pm-yellow); }\r\n    .pm-card-bg { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }\r\n    .pm-card:hover .pm-card-bg { transform: scale(1.1); }\r\n    .pm-card-content { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 40px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); color: white; transition: background 0.4s ease; }\r\n    .pm-card:hover .pm-card-content { background: var(--pm-yellow-gradient); color: var(--pm-black); }\r\n    .pm-client-tag { background: var(--pm-white); color: var(--pm-black); font-weight: bold; padding: 5px 12px; border-radius: 50px; text-transform: uppercase; font-size: 0.7rem; margin-bottom: 15px; display: inline-block; align-self: flex-start; }\r\n    .pm-card-title { font-size: 2rem; font-weight: 700; margin: 0 0 10px 0; line-height: 1.1; color: #fff; transition: color 0.3s; }\r\n    .pm-card:hover .pm-card-title { color: var(--pm-black); }\r\n    .pm-card-desc { font-size: 1rem; color: #ddd; opacity: 0; transition: all 0.4s ease 0.1s; height: 0; }\r\n    .pm-card:hover .pm-card-desc { opacity: 1; height: auto; color: var(--pm-black); }\r\n\r\n    \/* --- 9. CONTACT FORMULAIRE --- *\/\r\n    .pm-contact-section { background-color: var(--pm-grey); padding: 100px 20px; text-align: center; border-top: 1px solid #eee; }\r\n    .pm-form-wrapper { max-width: 600px; margin: 0 auto; text-align: left; }\r\n    .pm-form-group { margin-bottom: 20px; }\r\n    .pm-form-label { display: block; font-weight: 700; margin-bottom: 8px; font-size: 0.9rem; }\r\n    .pm-form-input, .pm-form-textarea { width: 100%; padding: 15px; border: 1px solid #ddd; background: white; border-radius: 8px; font-family: inherit; }\r\n    .pm-form-input:focus, .pm-form-textarea:focus { border-color: var(--pm-yellow); outline: none; box-shadow: 0 0 5px rgba(242, 203, 4, 0.3); }\r\n    .pm-form-textarea { height: 150px; resize: vertical; }\r\n\r\n    \/* --- 10. FOOTER --- *\/\r\n    .pm-footer-section { background-color: var(--pm-white); color: var(--pm-black); padding-top: 80px; border-top: 10px solid var(--pm-yellow); }\r\n    .pm-footer-cta { text-align: center; padding: 60px 20px 80px 20px; }\r\n    .pm-cta-title { font-size: 4rem; font-weight: 900; text-transform: uppercase; margin-bottom: 30px; line-height: 1; }\r\n    .pm-cta-btn-footer { display: inline-block; padding: 20px 60px; background-color: var(--pm-yellow); color: var(--pm-black); font-size: 1.2rem; font-weight: bold; text-transform: uppercase; text-decoration: none; border-radius: 50px; transition: transform 0.3s ease; border: 2px solid var(--pm-yellow); }\r\n    .pm-cta-btn-footer:hover { transform: scale(1.05); background-color: var(--pm-black); color: var(--pm-yellow); border-color: var(--pm-black); }\r\n    .pm-footer-content { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 60px 20px; max-width: 1200px; margin: 0 auto; border-top: 1px solid #eee; }\r\n    .pm-footer-col { flex: 1; min-width: 250px; margin-bottom: 30px; }\r\n    .pm-col-title { font-size: 1rem; font-weight: 800; text-transform: uppercase; margin-bottom: 20px; color: var(--pm-yellow); }\r\n    .pm-footer-link { display: block; color: var(--pm-black); text-decoration: none; margin-bottom: 10px; font-weight: 500; }\r\n    .pm-footer-link:hover { text-decoration: underline; color: var(--pm-yellow); }\r\n    .pm-copyright { text-align: center; padding: 20px; font-size: 0.8rem; background: var(--pm-white); color: var(--pm-black); border-top: 1px solid #eee; }\r\n\r\n    \/* MOBILE *\/\r\n    @keyframes pmFadeUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes pmScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n    @media (max-width: 768px) {\r\n        .pm-hero-logo { max-width: 240px !important; } \/* 240px sur mobile *\/\r\n        .pm-title { font-size: 3rem; }\r\n        .pm-vision-new { flex-direction: column; }\r\n        .pm-vision-block-1, .pm-vision-block-2 { flex-direction: column; min-height: auto; margin-top: 0; }\r\n        .pm-vb1-text, .pm-vb2-text { width: 100%; padding: 60px 20px; border-left: none; }\r\n        .pm-vb1-img, .pm-vb2-img { width: 100%; height: 300px; position: relative; background-attachment: scroll; }\r\n        .pm-vb1-overlay, .pm-vb2-overlay { display: none; }\r\n        .pm-vision-block-3 { margin-top: 0; padding: 60px 20px; }\r\n        .pm-v-title { font-size: 2.5rem; }\r\n        .pm-v-list { flex-direction: column; gap: 30px; margin-top: 40px; }\r\n        .pm-v-item { width: 100%; }\r\n        .pm-v-item:nth-child(2) { margin-top: 0; } \r\n        .pm-services-container { flex-direction: column; }\r\n        .pm-cta-title { font-size: 2.5rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pm-wrapper\">\r\n\r\n    <div class=\"pm-hero-section\">\r\n        <video class=\"pm-video-bg\" autoplay muted loop playsinline poster=\"\">\r\n            <source src=\"https:\/\/agencefaithstudio.com\/wp-content\/uploads\/2026\/04\/Video_FS_3___2.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"pm-overlay\"><\/div>\r\n        <div class=\"pm-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/agencefaithstudio.com\/wp-content\/uploads\/2023\/10\/Faith-studio5_blanc.png\" alt=\"Faith Studio Logo\" class=\"pm-hero-logo\">\r\n            <p class=\"pm-subtitle\">Le digital au service de l'humain<\/p>\r\n            <a href=\"#contact\" class=\"pm-btn\">Commencer le projet<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pm-marquee-section\">\r\n        <div class=\"pm-marquee-content\">\r\n            <span class=\"pm-marquee-text\">CR\u00c9ATIVIT\u00c9<\/span>\r\n            <span class=\"pm-marquee-text filled\">AUTHENTICIT\u00c9<\/span>\r\n            <span class=\"pm-marquee-text\">EXCELLENCE<\/span>\r\n            <span class=\"pm-marquee-text filled\">IMPACT<\/span>\r\n            <span class=\"pm-marquee-text\">AUDACE<\/span>\r\n            <span class=\"pm-marquee-text filled\">CONFIANCE<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pm-vision-new\">\r\n        \r\n        <div class=\"pm-vision-block-1\">\r\n            <div class=\"pm-vb1-text\">\r\n                <span class=\"pm-v-uptitle\">01. Notre ADN<\/span>\r\n                <h2 class=\"pm-v-title\">La Foi comme moteur strat\u00e9gique.<\/h2>\r\n                <p class=\"pm-v-text\">Faith repr\u00e9sente la confiance strat\u00e9gique : croire en une vision forte, m\u00eame lorsqu\u2019elle bouscule. C\u2019est transformer les doutes en force et les ambitions en actions concr\u00e8tes. <\/p>\r\n                <p class=\"pm-v-quote\">Faith, c\u2019est aussi croire que lorsque le digital est au service de l\u2019humain, il cr\u00e9e des ponts entre diff\u00e9rents mondes, celui d\u2019hier et d\u2019aujourd\u2019hui, celui d\u2019ici et d\u2019ailleurs.<\/p>\r\n                <p class=\"pm-v-quote\">C\u2019est cette \u00e9nergie qui pousse \u00e0 franchir un cap, \u00e0 prendre des risques justes et \u00e0 s\u2019affirmer.<\/p>\r\n            <\/div>\r\n            <div class=\"pm-vb1-img\"><\/div>\r\n            <div class=\"pm-vb1-overlay\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pm-vision-block-2\">\r\n            <div class=\"pm-vb2-img\"><\/div>\r\n            <div class=\"pm-vb2-overlay\"><\/div>\r\n            <div class=\"pm-vb2-text\">\r\n                <span class=\"pm-v-uptitle\">02. Notre Raison d'\u00catre<\/span>\r\n                <h2 class=\"pm-v-title\">Mettre en lumi\u00e8re ceux qui agissent.<\/h2>\r\n                <p class=\"pm-v-text\"> Faith Studio est n\u00e9 d'une conviction profonde : les institutions et porteurs de projets qui agissent concr\u00e8tement sur le terrain m\u00e9ritent d'\u00eatre vus, entendus et reconnus. Trop souvent, ces h\u00e9ros de l'ombre manquent de visibilit\u00e9 digitale alors que leur impact est r\u00e9el et mesurable.<\/p>\r\n                <p class=\"pm-v-text\">Notre mission est de mettre en lumi\u00e8re les institutions et porteurs de projets qui agissent concr\u00e8tement sur le terrain mais manquent de visibilit\u00e9. Nous participons \u00e0 la transition vers une soci\u00e9t\u00e9 plus juste en accompagnant les projets \u00e0 impact.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pm-vision-block-3\">\r\n            <span class=\"pm-v-uptitle\">03. Notre Approche<\/span>\r\n            <h2 class=\"pm-v-title\">Fusionner expertise technique et vision humaine.<\/h2>\r\n            \r\n            <div class=\"pm-v-list\">\r\n                <div class=\"pm-v-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?q=80&w=1000&auto=format&fit=crop\" class=\"pm-v-img\" alt=\"Vision\">\r\n                    <h3 class=\"pm-v-item-title\" style=\"color:var(--pm-yellow);\">LA VISION<\/h3>\r\n                    <p class=\"pm-v-text\">C\u2019est que chaque projet \u00e0 impact, chaque initiative vertueuse, chaque voix authentique doit pouvoir rayonner et toucher le public qu'elle est destin\u00e9e \u00e0 impacter.<\/p>\r\n                <\/div>\r\n                <div class=\"pm-v-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529156069898-49953e39b3ac?q=80&w=1000&auto=format&fit=crop\" class=\"pm-v-img\" alt=\"Ponts\">\r\n                    <h3 class=\"pm-v-item-title\" style=\"color:var(--pm-yellow);\">LES PONTS<\/h3>\r\n                    <p class=\"pm-v-text\">Cr\u00e9er des connexions vivantes entre les marques et leurs communaut\u00e9s gr\u00e2ce \u00e0 une communication engag\u00e9e et \u00e9thique.<\/p>\r\n                <\/div>\r\n                <div class=\"pm-v-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?q=80&w=1000&auto=format&fit=crop\" class=\"pm-v-img\" alt=\"Technique\">\r\n                    <h3 class=\"pm-v-item-title\" style=\"color:var(--pm-yellow);\">LA TECHNIQUE<\/h3>\r\n                    <p class=\"pm-v-text\">Utiliser les outils innovants pour faciliter l'impact et garantir l'excellence sur mesure.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"pm-team-section\">\r\n        <h2 style=\"color:#111; font-size: 3rem; text-transform:uppercase; margin-bottom: 60px; font-weight:900;\">Ceux qui font l'agence<\/h2>\r\n        <div class=\"pm-team-grid\">\r\n            <div class=\"pm-team-card\">\r\n                <div class=\"pm-team-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/agencefaithstudio.com\/wp-content\/uploads\/2026\/04\/parnel-1-scaled.png\" class=\"pm-team-photo\" alt=\"Parnel Edouard\">\r\n                    <div class=\"pm-team-overlay\"><\/div>\r\n                <\/div>\r\n                <h3 class=\"pm-team-name\">Parnel Edouard<\/h3>\r\n                <p class=\"pm-team-role\">Responsable de production<\/p>\r\n            <\/div>\r\n            <div class=\"pm-team-card\">\r\n                <div class=\"pm-team-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/agencefaithstudio.com\/wp-content\/uploads\/2026\/04\/3V2A3844-1-scaled.jpg\" class=\"pm-team-photo\" alt=\"Jemina Gunn\">\r\n                    <div class=\"pm-team-overlay\"><\/div>\r\n                <\/div>\r\n                <h3 class=\"pm-team-name\">Jemima Gunn<\/h3>\r\n                <p class=\"pm-team-role\">Chef de projet digital<\/p>\r\n            <\/div>\r\n            <div class=\"pm-team-card\">\r\n                <div class=\"pm-team-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/agencefaithstudio.com\/wp-content\/uploads\/2026\/04\/3V2A3763-scaled.jpg\" class=\"pm-team-photo\" alt=\"St\u00e9phane Babdor\">\r\n                    <div class=\"pm-team-overlay\"><\/div>\r\n                <\/div>\r\n                <h3 class=\"pm-team-name\">St\u00e9phane Babdor<\/h3>\r\n                <p class=\"pm-team-role\">Directeur<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pm-services-section\">\r\n        <div class=\"pm-services-container\">\r\n            <div class=\"pm-services-left\">\r\n                <h2 class=\"pm-srv-title\">Notre<br>Expertise<\/h2>\r\n                <p class=\"pm-srv-desc\">Nous cr\u00e9ons des \u00e9cosyst\u00e8mes digitaux complets pour porter votre voix plus loin.<\/p>\r\n            <\/div>\r\n            <div class=\"pm-services-list\">\r\n                <div class=\"pm-service-item\">\r\n                    <div class=\"pm-service-header\">\r\n                        <span class=\"pm-service-name\">Strat\u00e9gie & Conseil<\/span>\r\n                        <span class=\"pm-service-icon\">\u2197<\/span>\r\n                    <\/div>\r\n                    <div class=\"pm-service-details\">Audit de marque, positionnement, strat\u00e9gie digitale 360\u00b0.<\/div>\r\n                <\/div>\r\n                <div class=\"pm-service-item\">\r\n                    <div class=\"pm-service-header\">\r\n                        <span class=\"pm-service-name\">Studio Podcast & Vid\u00e9o<\/span>\r\n                        <span class=\"pm-service-icon\">\u2197<\/span>\r\n                    <\/div>\r\n                    <div class=\"pm-service-details\">Production audiovisuelle compl\u00e8te pour raconter vos histoires.<\/div>\r\n                <\/div>\r\n                <div class=\"pm-service-item\">\r\n                    <div class=\"pm-service-header\">\r\n                        <span class=\"pm-service-name\">Identit\u00e9 & Branding<\/span>\r\n                        <span class=\"pm-service-icon\">\u2197<\/span>\r\n                    <\/div>\r\n                    <div class=\"pm-service-details\">Cr\u00e9ation de logos, chartes graphiques et direction artistique.<\/div>\r\n                <\/div>\r\n                <div class=\"pm-service-item\">\r\n                    <div class=\"pm-service-header\">\r\n                        <span class=\"pm-service-name\">D\u00e9veloppement Web<\/span>\r\n                        <span class=\"pm-service-icon\">\u2197<\/span>\r\n                    <\/div>\r\n                    <div class=\"pm-service-details\">Sites vitrines immersifs et plateformes sur-mesure.<\/div>\r\n                <\/div>\r\n                <div class=\"pm-service-item\">\r\n                    <div class=\"pm-service-header\">\r\n                        <span class=\"pm-service-name\">R\u00e9seaux sociaux<\/span>\r\n                        <span class=\"pm-service-icon\">\u2197<\/span>\r\n                    <\/div>\r\n                    <div class=\"pm-service-details\">Gestion de communaut\u00e9s et cr\u00e9ation de contenus<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pm-projects-section\">\r\n        <div class=\"pm-section-header\">\r\n            <h2 class=\"pm-section-title\">Histoires d'Impact<\/h2>\r\n            <p class=\"pm-section-subtitle\">D\u00e9couvrez comment nous transformons des visions en r\u00e9alit\u00e9s digitales.<\/p>\r\n        <\/div>\r\n        <div class=\"pm-grid\">\r\n            <div class=\"pm-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/agencefaithstudio.com\/wp-content\/uploads\/2026\/01\/logo_violet.png\" class=\"pm-card-bg\" alt=\"F\u00e9miniChrist\">\r\n                <div class=\"pm-card-content\">\r\n                    <span class=\"pm-client-tag\">Cr\u00e9ation de contenu<\/span>\r\n                    <h3 class=\"pm-card-title\">Un message audacieux<\/h3>\r\n                    <p class=\"pm-card-desc\"><strong>L'Impact :<\/strong> Nous avons cass\u00e9 les codes classiques avec une direction artistique vive pour transformer un livre en un v\u00e9ritable mouvement.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"pm-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/agencefaithstudio.com\/wp-content\/uploads\/2026\/01\/Logo_ZOE_-Copie-scaled.png\" class=\"pm-card-bg\" alt=\"Zo\u00e9\">\r\n                <div class=\"pm-card-content\">\r\n                    <span class=\"pm-client-tag\">Strat\u00e9gie 360\u00b0<\/span>\r\n                    <h3 class=\"pm-card-title\">La vie r\u00e9elle et v\u00e9ritable<\/h3>\r\n                    <p class=\"pm-card-desc\"><strong>L'Impact :<\/strong> Structuration compl\u00e8te de la plateforme \"Zo\u00e9\" autour de 4 piliers pour offrir un accompagnement bienveillant.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"pm-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/agencefaithstudio.com\/wp-content\/uploads\/2026\/01\/Hope-Media-LOGO-10_bleu-scaled.png\" class=\"pm-card-bg\" alt=\"Hope Media\">\r\n                <div class=\"pm-card-content\">\r\n                    <span class=\"pm-client-tag\">Audit & Consulting<\/span>\r\n                    <h3 class=\"pm-card-title\">Avancer en synergie<\/h3>\r\n                    <p class=\"pm-card-desc\"><strong>L'Impact :<\/strong> Un audit strat\u00e9gique pour clarifier le positionnement et cr\u00e9er une v\u00e9ritable synergie de groupe m\u00e9dia.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pm-contact-section\" id=\"contact\">\r\n        <h2 class=\"pm-section-title\">Restons en contact<\/h2>\r\n        <p style=\"margin-bottom:40px; color:#666;\">Faites-nous part de votre besoin et nous vous r\u00e9pondrons tr\u00e8s rapidement<\/p>\r\n        \r\n        <div class=\"pm-form-wrapper\">\r\n            <form>\r\n                <div class=\"pm-form-group\">\r\n                    <label class=\"pm-form-label\">Nom complet<\/label>\r\n                    <input type=\"text\" class=\"pm-form-input\" placeholder=\"Votre nom\">\r\n                <\/div>\r\n                <div class=\"pm-form-group\">\r\n                    <label class=\"pm-form-label\">Email<\/label>\r\n                    <input type=\"email\" class=\"pm-form-input\" placeholder=\"votre@email.com\">\r\n                <\/div>\r\n                <div class=\"pm-form-group\">\r\n                    <label class=\"pm-form-label\">Message<\/label>\r\n                    <textarea class=\"pm-form-textarea\" placeholder=\"D\u00e9crivez votre projet...\"><\/textarea>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"pm-btn\">Envoyer<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <footer class=\"pm-footer-section\">\r\n        <div class=\"pm-footer-cta\">\r\n            <h2 class=\"pm-cta-title\">Vous avez un nouveau<br>projet ?<\/h2>\r\n            <a href=\"mailto:contact@agencefaithstudio.com\" class=\"pm-cta-btn-footer\">Commen\u00e7ons<\/a>\r\n        <\/div>\r\n        <div class=\"pm-footer-content\">\r\n            <div class=\"pm-footer-col\">\r\n                <h4 class=\"pm-col-title\">Faith Studio<\/h4>\r\n                <p class=\"pm-address\">3 avenue Charles de Gaulle<br>94470 Boissy-Saint-L\u00e9ger<br>France<\/p>\r\n            <\/div>\r\n            <div class=\"pm-footer-col\">\r\n                <h4 class=\"pm-col-title\">Contact<\/h4>\r\n                <a href=\"mailto:contact@agencefaithstudio.com\" class=\"pm-footer-link\">contact@agencefaithstudio.com<\/a>\r\n                <a href=\"tel:+33652105183\" class=\"pm-footer-link\">+33 6 52 10 51 83<\/a>\r\n            <\/div>\r\n            <div class=\"pm-footer-col\">\r\n                <h4 class=\"pm-col-title\">Menu<\/h4>\r\n                <a href=\"#\" class=\"pm-footer-link\">\u00c0 propos<\/a>\r\n                <a href=\"#\" class=\"pm-footer-link\">Nos Services<\/a>\r\n                <a href=\"#\" class=\"pm-footer-link\">Projets<\/a>\r\n            <\/div>\r\n            <div class=\"pm-footer-col\">\r\n                <h4 class=\"pm-col-title\">Suivez-nous<\/h4>\r\n                <a href=\"https:\/\/www.instagram.com\/agence_faith_studio\/reels\/?hl=fr\" class=\"pm-footer-link\">Instagram \u2197<\/a>\r\n                <a href=\"https:\/\/www.linkedin.com\/company\/agence-faith-studio\/?viewAsMember=true\" class=\"pm-footer-link\">LinkedIn \u2197<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"pm-copyright\">\r\n            &copy; 2026 Agence Faith Studio. Tous droits r\u00e9serv\u00e9s.\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Le digital au service de l&rsquo;humain Commencer le projet CR\u00c9ATIVIT\u00c9 AUTHENTICIT\u00c9 EXCELLENCE IMPACT AUDACE CONFIANCE 01. Notre ADN La Foi comme moteur strat\u00e9gique. Faith repr\u00e9sente la confiance strat\u00e9gique : croire en une vision forte, m\u00eame lorsqu\u2019elle bouscule. C\u2019est transformer les doutes en force et les ambitions en actions concr\u00e8tes. Faith, c\u2019est aussi croire que lorsque [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-210","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/agencefaithstudio.com\/index.php\/wp-json\/wp\/v2\/pages\/210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agencefaithstudio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agencefaithstudio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agencefaithstudio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agencefaithstudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=210"}],"version-history":[{"count":73,"href":"https:\/\/agencefaithstudio.com\/index.php\/wp-json\/wp\/v2\/pages\/210\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/agencefaithstudio.com\/index.php\/wp-json\/wp\/v2\/pages\/210\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/agencefaithstudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}