{"id":6,"date":"2026-05-19T10:02:48","date_gmt":"2026-05-19T10:02:48","guid":{"rendered":"https:\/\/l-direction.fr\/?page_id=6"},"modified":"2026-05-19T10:15:19","modified_gmt":"2026-05-19T10:15:19","slug":"home","status":"publish","type":"page","link":"https:\/\/l-direction.fr\/","title":{"rendered":"home"},"content":{"rendered":"

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.16″ custom_padding=”0px|||||” global_colors_info=”{}”][et_pb_row admin_label=”row” _builder_version=”4.27.6″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”100%” max_width=”100%” hover_enabled=”0″ global_colors_info=”{}” custom_margin=”0px||0px||false|false” custom_padding=”0px||0px||false|false” sticky_enabled=”0″][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_code _builder_version=”4.27.6″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″ custom_margin=”0px||0px||false|false” custom_padding=”0px||0px||false|false”] L DIRECTION \u2014 Agence Marketing<\/title><!-- [et_pb_line_break_holder] --> <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/><!-- [et_pb_line_break_holder] --> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/><!-- [et_pb_line_break_holder] --> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Barlow:wght@300;400;500&family=Barlow+Condensed:wght@400;500;600&display=swap\" rel=\"stylesheet\" \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<style><!-- [et_pb_line_break_holder] --> *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> :root {<!-- [et_pb_line_break_holder] --> --noir: #0d0d0d;<!-- [et_pb_line_break_holder] --> --charbon: #151515;<!-- [et_pb_line_break_holder] --> --sable: #f5f0e8;<!-- [et_pb_line_break_holder] --> --or: #c8a96e;<!-- [et_pb_line_break_holder] --> --or-clair:#e2c99a;<!-- [et_pb_line_break_holder] --> --gris: #888580;<!-- [et_pb_line_break_holder] --> --blanc: #fafaf8;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> html { scroll-behavior: smooth; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> body {<!-- [et_pb_line_break_holder] --> background: var(--noir);<!-- [et_pb_line_break_holder] --> color: var(--sable);<!-- [et_pb_line_break_holder] --> font-family: 'Barlow', sans-serif;<!-- [et_pb_line_break_holder] --> font-weight: 300;<!-- [et_pb_line_break_holder] --> overflow-x: hidden;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 CURSOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> * { cursor: none; }<!-- [et_pb_line_break_holder] --> #cursor {<!-- [et_pb_line_break_holder] --> width: 10px; height: 10px;<!-- [et_pb_line_break_holder] --> background: var(--or);<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> position: fixed;<!-- [et_pb_line_break_holder] --> top: 0; left: 0;<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> z-index: 9999;<!-- [et_pb_line_break_holder] --> transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] --> transition: transform .15s ease, width .2s, height .2s, background .2s;<!-- [et_pb_line_break_holder] --> mix-blend-mode: difference;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #cursor.large {<!-- [et_pb_line_break_holder] --> width: 48px; height: 48px;<!-- [et_pb_line_break_holder] --> background: var(--or-clair);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> nav {<!-- [et_pb_line_break_holder] --> position: fixed; top: 0; left: 0; right: 0; z-index: 100;<!-- [et_pb_line_break_holder] --> display: flex; align-items: center; justify-content: space-between;<!-- [et_pb_line_break_holder] --> padding: 28px 56px;<!-- [et_pb_line_break_holder] --> mix-blend-mode: normal;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> nav::before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute; inset: 0;<!-- [et_pb_line_break_holder] --> background: linear-gradient(to bottom, rgba(13,13,13,.92) 0%, transparent 100%);<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .logo {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: 22px;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> letter-spacing: .18em;<!-- [et_pb_line_break_holder] --> color: var(--sable);<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .logo span { color: var(--or); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .nav-links {<!-- [et_pb_line_break_holder] --> display: flex; gap: 40px; list-style: none;<!-- [et_pb_line_break_holder] --> position: relative; z-index: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .nav-links a {<!-- [et_pb_line_break_holder] --> font-family: 'Barlow Condensed', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 12px; letter-spacing: .2em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase; color: var(--gris);<!-- [et_pb_line_break_holder] --> text-decoration: none; transition: color .3s;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .nav-links a:hover { color: var(--or); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> #hero {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> height: 100vh; min-height: 700px;<!-- [et_pb_line_break_holder] --> display: flex; align-items: flex-end;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .hero-img {<!-- [et_pb_line_break_holder] --> position: absolute; inset: 0;<!-- [et_pb_line_break_holder] --> background: url('https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?w=1800&q=85&auto=format&fit=crop') center\/cover no-repeat;<!-- [et_pb_line_break_holder] --> filter: brightness(.45) saturate(.8);<!-- [et_pb_line_break_holder] --> transform: scale(1.04);<!-- [et_pb_line_break_holder] --> animation: kenburns 14s ease-in-out infinite alternate;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> @keyframes kenburns {<!-- [et_pb_line_break_holder] --> from { transform: scale(1.04) translate(0,0); }<!-- [et_pb_line_break_holder] --> to { transform: scale(1.00) translate(-1%,-0.5%); }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .hero-overlay {<!-- [et_pb_line_break_holder] --> position: absolute; inset: 0;<!-- [et_pb_line_break_holder] --> background: linear-gradient(160deg, transparent 40%, var(--noir) 100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .hero-line {<!-- [et_pb_line_break_holder] --> position: absolute; left: 56px; top: 50%;<!-- [et_pb_line_break_holder] --> width: 1px; height: 120px; background: var(--or);<!-- [et_pb_line_break_holder] --> transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> animation: fadeDown .8s .4s both;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> @keyframes fadeDown {<!-- [et_pb_line_break_holder] --> from { opacity:0; transform: translateY(calc(-50% - 20px)); }<!-- [et_pb_line_break_holder] --> to { opacity:1; transform: translateY(-50%); }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .hero-content {<!-- [et_pb_line_break_holder] --> position: relative; z-index: 2;<!-- [et_pb_line_break_holder] --> padding: 0 56px 80px 88px;<!-- [et_pb_line_break_holder] --> animation: heroUp .9s .2s cubic-bezier(.22,1,.36,1) both;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> @keyframes heroUp {<!-- [et_pb_line_break_holder] --> from { opacity:0; transform: translateY(40px); }<!-- [et_pb_line_break_holder] --> to { opacity:1; transform: translateY(0); }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .hero-tag {<!-- [et_pb_line_break_holder] --> font-family: 'Barlow Condensed', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 11px; letter-spacing: .3em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase; color: var(--or);<!-- [et_pb_line_break_holder] --> margin-bottom: 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .hero-title {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: clamp(60px, 8vw, 120px);<!-- [et_pb_line_break_holder] --> font-weight: 300; line-height: .9;<!-- [et_pb_line_break_holder] --> color: var(--blanc);<!-- [et_pb_line_break_holder] --> margin-bottom: 32px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .hero-title em { font-style: italic; color: var(--or-clair); }<!-- [et_pb_line_break_holder] --> .hero-sub {<!-- [et_pb_line_break_holder] --> font-size: 15px; line-height: 1.7;<!-- [et_pb_line_break_holder] --> color: var(--gris); max-width: 380px;<!-- [et_pb_line_break_holder] --> margin-bottom: 48px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .btn {<!-- [et_pb_line_break_holder] --> display: inline-flex; align-items: center; gap: 14px;<!-- [et_pb_line_break_holder] --> font-family: 'Barlow Condensed', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 12px; letter-spacing: .25em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase; color: var(--noir);<!-- [et_pb_line_break_holder] --> background: var(--or); padding: 16px 32px;<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --> transition: background .3s, gap .3s;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .btn:hover { background: var(--or-clair); gap: 22px; }<!-- [et_pb_line_break_holder] --> .btn-arrow { font-size: 18px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 CHIFFRES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> #chiffres {<!-- [et_pb_line_break_holder] --> background: var(--charbon);<!-- [et_pb_line_break_holder] --> display: grid; grid-template-columns: repeat(4, 1fr);<!-- [et_pb_line_break_holder] --> border-top: 1px solid #2a2a2a;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .chiffre {<!-- [et_pb_line_break_holder] --> padding: 56px 40px;<!-- [et_pb_line_break_holder] --> border-right: 1px solid #2a2a2a;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .chiffre:last-child { border-right: none; }<!-- [et_pb_line_break_holder] --> .chiffre-num {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: 56px; font-weight: 300;<!-- [et_pb_line_break_holder] --> color: var(--or); line-height: 1;<!-- [et_pb_line_break_holder] --> margin-bottom: 10px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .chiffre-label {<!-- [et_pb_line_break_holder] --> font-family: 'Barlow Condensed', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 11px; letter-spacing: .2em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase; color: var(--gris);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 SECTION G\u00c9N\u00c9RIQUE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> section { padding: 120px 56px; }<!-- [et_pb_line_break_holder] --> .section-tag {<!-- [et_pb_line_break_holder] --> font-family: 'Barlow Condensed', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 11px; letter-spacing: .3em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase; color: var(--or);<!-- [et_pb_line_break_holder] --> margin-bottom: 16px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .section-title {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: clamp(40px, 5vw, 72px);<!-- [et_pb_line_break_holder] --> font-weight: 300; line-height: 1.05;<!-- [et_pb_line_break_holder] --> margin-bottom: 24px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .section-title em { font-style: italic; color: var(--or-clair); }<!-- [et_pb_line_break_holder] --> .section-body {<!-- [et_pb_line_break_holder] --> font-size: 16px; line-height: 1.8;<!-- [et_pb_line_break_holder] --> color: var(--gris); max-width: 520px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 EXPERTISE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> #expertise { background: var(--noir); }<!-- [et_pb_line_break_holder] --> .expertise-grid {<!-- [et_pb_line_break_holder] --> display: grid; grid-template-columns: 1fr 1fr;<!-- [et_pb_line_break_holder] --> gap: 0; margin-top: 80px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .expertise-item {<!-- [et_pb_line_break_holder] --> border: 1px solid #1f1f1f;<!-- [et_pb_line_break_holder] --> padding: 52px 48px;<!-- [et_pb_line_break_holder] --> transition: background .3s;<!-- [et_pb_line_break_holder] --> position: relative; overflow: hidden;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .expertise-item::after {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute; bottom: 0; left: 0;<!-- [et_pb_line_break_holder] --> width: 100%; height: 2px;<!-- [et_pb_line_break_holder] --> background: var(--or);<!-- [et_pb_line_break_holder] --> transform: scaleX(0); transform-origin: left;<!-- [et_pb_line_break_holder] --> transition: transform .4s cubic-bezier(.22,1,.36,1);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .expertise-item:hover::after { transform: scaleX(1); }<!-- [et_pb_line_break_holder] --> .expertise-item:hover { background: rgba(200,169,110,.04); }<!-- [et_pb_line_break_holder] --> .exp-num {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: 13px; color: var(--or);<!-- [et_pb_line_break_holder] --> letter-spacing: .15em; margin-bottom: 24px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .exp-title {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: 28px; font-weight: 400;<!-- [et_pb_line_break_holder] --> margin-bottom: 16px; color: var(--blanc);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .exp-desc {<!-- [et_pb_line_break_holder] --> font-size: 14px; line-height: 1.7;<!-- [et_pb_line_break_holder] --> color: var(--gris);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 APPROCHE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> #approche {<!-- [et_pb_line_break_holder] --> background: var(--charbon);<!-- [et_pb_line_break_holder] --> display: grid; grid-template-columns: 1fr 1fr;<!-- [et_pb_line_break_holder] --> gap: 80px; align-items: center;<!-- [et_pb_line_break_holder] --> padding: 120px 56px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .approche-img {<!-- [et_pb_line_break_holder] --> aspect-ratio: 4\/5;<!-- [et_pb_line_break_holder] --> background: url('https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?w=900&q=85&auto=format&fit=crop') center\/cover;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .approche-img::before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute; inset: -16px -16px 16px 16px;<!-- [et_pb_line_break_holder] --> border: 1px solid var(--or);<!-- [et_pb_line_break_holder] --> z-index: -1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .approche-text .section-body { max-width: 100%; }<!-- [et_pb_line_break_holder] --> .approche-quote {<!-- [et_pb_line_break_holder] --> margin-top: 48px;<!-- [et_pb_line_break_holder] --> padding-left: 24px;<!-- [et_pb_line_break_holder] --> border-left: 2px solid var(--or);<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: 22px; font-style: italic;<!-- [et_pb_line_break_holder] --> color: var(--or-clair); line-height: 1.5;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 R\u00c9ALISATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> #realisations { background: var(--noir); }<!-- [et_pb_line_break_holder] --> .real-grid {<!-- [et_pb_line_break_holder] --> display: grid;<!-- [et_pb_line_break_holder] --> grid-template-columns: 2fr 1fr 1fr;<!-- [et_pb_line_break_holder] --> grid-template-rows: auto auto;<!-- [et_pb_line_break_holder] --> gap: 16px;<!-- [et_pb_line_break_holder] --> margin-top: 72px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .real-card {<!-- [et_pb_line_break_holder] --> position: relative; overflow: hidden;<!-- [et_pb_line_break_holder] --> aspect-ratio: 4\/3;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .real-card:first-child {<!-- [et_pb_line_break_holder] --> grid-row: 1 \/ 3;<!-- [et_pb_line_break_holder] --> aspect-ratio: auto;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .real-card img {<!-- [et_pb_line_break_holder] --> width: 100%; height: 100%; object-fit: cover;<!-- [et_pb_line_break_holder] --> filter: brightness(.6) saturate(.7);<!-- [et_pb_line_break_holder] --> transition: filter .5s, transform .6s cubic-bezier(.22,1,.36,1);<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .real-card:hover img {<!-- [et_pb_line_break_holder] --> filter: brightness(.4) saturate(.5);<!-- [et_pb_line_break_holder] --> transform: scale(1.06);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .real-info {<!-- [et_pb_line_break_holder] --> position: absolute; bottom: 0; left: 0; right: 0;<!-- [et_pb_line_break_holder] --> padding: 24px 28px;<!-- [et_pb_line_break_holder] --> background: linear-gradient(transparent, rgba(13,13,13,.85));<!-- [et_pb_line_break_holder] --> transform: translateY(8px);<!-- [et_pb_line_break_holder] --> transition: transform .4s;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .real-card:hover .real-info { transform: translateY(0); }<!-- [et_pb_line_break_holder] --> .real-cat {<!-- [et_pb_line_break_holder] --> font-family: 'Barlow Condensed', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 10px; letter-spacing: .25em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase; color: var(--or);<!-- [et_pb_line_break_holder] --> margin-bottom: 6px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .real-name {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: 22px; color: var(--blanc);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 \u00c9QUIPE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> #equipe { background: var(--charbon); }<!-- [et_pb_line_break_holder] --> .equipe-intro {<!-- [et_pb_line_break_holder] --> display: grid; grid-template-columns: 1fr 1fr;<!-- [et_pb_line_break_holder] --> gap: 80px; margin-bottom: 72px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .equipe-grid {<!-- [et_pb_line_break_holder] --> display: grid; grid-template-columns: repeat(3, 1fr);<!-- [et_pb_line_break_holder] --> gap: 32px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .membre {<!-- [et_pb_line_break_holder] --> display: flex; flex-direction: column;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .membre-photo {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> aspect-ratio: 3\/4;<!-- [et_pb_line_break_holder] --> object-fit: cover;<!-- [et_pb_line_break_holder] --> filter: grayscale(60%);<!-- [et_pb_line_break_holder] --> transition: filter .4s;<!-- [et_pb_line_break_holder] --> margin-bottom: 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .membre:hover .membre-photo { filter: grayscale(0%); }<!-- [et_pb_line_break_holder] --> .membre-nom {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: 22px; font-weight: 400;<!-- [et_pb_line_break_holder] --> color: var(--blanc);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .membre-role {<!-- [et_pb_line_break_holder] --> font-family: 'Barlow Condensed', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 11px; letter-spacing: .2em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase; color: var(--or);<!-- [et_pb_line_break_holder] --> margin-top: 4px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> #contact {<!-- [et_pb_line_break_holder] --> background: var(--noir);<!-- [et_pb_line_break_holder] --> text-align: center; padding: 140px 56px;<!-- [et_pb_line_break_holder] --> position: relative; overflow: hidden;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #contact::before {<!-- [et_pb_line_break_holder] --> content: 'L';<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: 600px; font-weight: 300;<!-- [et_pb_line_break_holder] --> color: rgba(200,169,110,.04);<!-- [et_pb_line_break_holder] --> position: absolute; top: 50%; left: 50%;<!-- [et_pb_line_break_holder] --> transform: translate(-50%,-50%);<!-- [et_pb_line_break_holder] --> line-height: 1; pointer-events: none;<!-- [et_pb_line_break_holder] --> user-select: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .contact-content { position: relative; z-index: 1; }<!-- [et_pb_line_break_holder] --> .contact-title {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: clamp(48px, 6vw, 96px);<!-- [et_pb_line_break_holder] --> font-weight: 300; line-height: 1.05;<!-- [et_pb_line_break_holder] --> margin-bottom: 32px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .contact-title em { color: var(--or-clair); font-style: italic; }<!-- [et_pb_line_break_holder] --> .contact-sub {<!-- [et_pb_line_break_holder] --> color: var(--gris); font-size: 15px;<!-- [et_pb_line_break_holder] --> max-width: 440px; margin: 0 auto 52px; line-height: 1.7;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .contact-links {<!-- [et_pb_line_break_holder] --> display: flex; justify-content: center; gap: 48px;<!-- [et_pb_line_break_holder] --> margin-top: 64px; flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .contact-link {<!-- [et_pb_line_break_holder] --> text-decoration: none; color: var(--gris);<!-- [et_pb_line_break_holder] --> font-family: 'Barlow Condensed', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 12px; letter-spacing: .2em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> transition: color .3s;<!-- [et_pb_line_break_holder] --> display: flex; flex-direction: column; align-items: center; gap: 8px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .contact-link:hover { color: var(--or); }<!-- [et_pb_line_break_holder] --> .contact-link strong {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: 18px; font-weight: 400;<!-- [et_pb_line_break_holder] --> color: var(--blanc); letter-spacing: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> footer {<!-- [et_pb_line_break_holder] --> background: #0a0a0a;<!-- [et_pb_line_break_holder] --> padding: 32px 56px;<!-- [et_pb_line_break_holder] --> display: flex; align-items: center; justify-content: space-between;<!-- [et_pb_line_break_holder] --> border-top: 1px solid #1a1a1a;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .footer-logo {<!-- [et_pb_line_break_holder] --> font-family: 'Cormorant Garamond', serif;<!-- [et_pb_line_break_holder] --> font-size: 18px; font-weight: 600;<!-- [et_pb_line_break_holder] --> letter-spacing: .18em; color: var(--sable);<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .footer-logo span { color: var(--or); }<!-- [et_pb_line_break_holder] --> .footer-copy {<!-- [et_pb_line_break_holder] --> font-family: 'Barlow Condensed', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 11px; letter-spacing: .15em;<!-- [et_pb_line_break_holder] --> color: #444; text-transform: uppercase;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> .divider {<!-- [et_pb_line_break_holder] --> width: 40px; height: 1px; background: var(--or);<!-- [et_pb_line_break_holder] --> margin: 24px 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/<!-- [et_pb_line_break_holder] --> @media (max-width: 900px) {<!-- [et_pb_line_break_holder] --> nav { padding: 24px 28px; }<!-- [et_pb_line_break_holder] --> .nav-links { display: none; }<!-- [et_pb_line_break_holder] --> section, #approche { padding: 80px 28px; }<!-- [et_pb_line_break_holder] --> #chiffres { grid-template-columns: repeat(2,1fr); }<!-- [et_pb_line_break_holder] --> .chiffre { border-bottom: 1px solid #2a2a2a; }<!-- [et_pb_line_break_holder] --> .expertise-grid { grid-template-columns: 1fr; }<!-- [et_pb_line_break_holder] --> #approche { grid-template-columns: 1fr; }<!-- [et_pb_line_break_holder] --> .approche-img { aspect-ratio: 16\/9; }<!-- [et_pb_line_break_holder] --> .real-grid { grid-template-columns: 1fr 1fr; }<!-- [et_pb_line_break_holder] --> .real-card:first-child { grid-column: 1\/3; grid-row: auto; }<!-- [et_pb_line_break_holder] --> .equipe-intro { grid-template-columns: 1fr; gap: 32px; }<!-- [et_pb_line_break_holder] --> .equipe-grid { grid-template-columns: 1fr 1fr; }<!-- [et_pb_line_break_holder] --> .hero-content { padding: 0 28px 64px; }<!-- [et_pb_line_break_holder] --> .hero-line { display: none; }<!-- [et_pb_line_break_holder] --> footer { flex-direction: column; gap: 12px; text-align: center; }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- CURSOR --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"cursor\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- NAV --><!-- [et_pb_line_break_holder] --><\/p>\n<nav><!-- [et_pb_line_break_holder] --> <a href=\"#\" class=\"logo\">L<span>\u00b7<\/span>DIRECTION<\/a><!-- [et_pb_line_break_holder] --> <\/p>\n<ul class=\"nav-links\"><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#expertise\">Expertise<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#approche\">Approche<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#realisations\">R\u00e9alisations<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#equipe\">\u00c9quipe<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#contact\">Contact<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --><\/nav>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- HERO --><!-- [et_pb_line_break_holder] --><\/p>\n<section id=\"hero\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hero-img\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hero-overlay\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hero-line\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hero-content\"><!-- [et_pb_line_break_holder] --> <pee class=\"hero-tag\">Agence Marketing \u2014 Paris<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<h1 class=\"hero-title\">Prenez<!\u2013- [et_pb_br_holder] -\u2013><em>la bonne<\/em><!\u2013- [et_pb_br_holder] -\u2013>direction.<\/h1>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"hero-sub\">L DIRECTION accompagne les marques ambitieuses dans leur strat\u00e9gie marketing, de l’identit\u00e9 \u00e0 la croissance.<\/pee><!-- [et_pb_line_break_holder] --> <a href=\"#contact\" class=\"btn\">D\u00e9marrer un projet <span class=\"btn-arrow\">\u2192<\/span><\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- CHIFFRES --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"chiffres\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre-num\">12+<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre-label\">Ann\u00e9es d’exp\u00e9rience<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre-num\">200+<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre-label\">Clients accompagn\u00e9s<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre-num\">98%<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre-label\">Taux de satisfaction<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre-num\">35<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chiffre-label\">Experts d\u00e9di\u00e9s<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- EXPERTISE --><!-- [et_pb_line_break_holder] --><\/p>\n<section id=\"expertise\"><!-- [et_pb_line_break_holder] --> <pee class=\"section-tag\">Notre expertise<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"section-title\">Une offre<!\u2013- [et_pb_br_holder] -\u2013><em>360\u00b0<\/em><\/h2>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"section-body\">Strat\u00e9gie, cr\u00e9ativit\u00e9, performance. Nous alignons chaque levier marketing pour que votre marque avance dans la bonne direction.<\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"expertise-grid\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"expertise-item\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-num\">01<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-title\">Strat\u00e9gie de marque<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-desc\">Positionnement, plateforme de marque, architecture, naming et identit\u00e9 visuelle. Nous posons les bases solides de votre diff\u00e9renciation.<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"expertise-item\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-num\">02<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-title\">Marketing Digital<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-desc\">SEO, SEA, r\u00e9seaux sociaux, email marketing. Des campagnes data-driven qui transforment vos audiences en clients fid\u00e8les.<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"expertise-item\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-num\">03<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-title\">Cr\u00e9ation de contenu<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-desc\">\u00c9ditorial, motion design, production photo & vid\u00e9o. Des contenus qui captivent, engagent et convertissent \u00e0 chaque point de contact.<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"expertise-item\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-num\">04<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-title\">Growth & Performance<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"exp-desc\">CRO, analytics, funnel d’acquisition et fid\u00e9lisation. Nous optimisons chaque \u00e9tape du parcours client pour maximiser votre ROI.<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- APPROCHE --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"approche\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"approche-img\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"approche-text\"><!-- [et_pb_line_break_holder] --> <pee class=\"section-tag\">Notre approche<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"section-title\">Exigence<!\u2013- [et_pb_br_holder] -\u2013>& <em>r\u00e9sultats<\/em><\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"divider\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"section-body\">Chez L DIRECTION, chaque projet commence par une \u00e9coute profonde. Nous ne proposons jamais de recette toute faite : nous construisons une strat\u00e9gie sur mesure, ancr\u00e9e dans vos enjeux r\u00e9els et vos ambitions de croissance.<\/pee><!-- [et_pb_line_break_holder] --> <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --> <pee class=\"section-body\">Notre \u00e9quipe pluridisciplinaire conjugue vision cr\u00e9ative et rigueur analytique pour d\u00e9livrer des r\u00e9sultats mesurables et durables.<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<blockquote class=\"approche-quote\"><p><!-- [et_pb_line_break_holder] --> \u00ab La direction que vous prenez importe plus que la vitesse \u00e0 laquelle vous avancez. \u00bb<!-- [et_pb_line_break_holder] --> <\/p><\/blockquote>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- R\u00c9ALISATIONS --><!-- [et_pb_line_break_holder] --><\/p>\n<section id=\"realisations\"><!-- [et_pb_line_break_holder] --> <pee class=\"section-tag\">R\u00e9alisations<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"section-title\">Des projets<!\u2013- [et_pb_br_holder] -\u2013><em>qui marquent<\/em><\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-grid\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-card\"><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559136555-9303baea8ebd?w=900&q=80&auto=format&fit=crop\" alt=\"Campagne Maeva\" loading=\"lazy\" \/><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-info\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-cat\">Strat\u00e9gie & Branding<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-name\">Refonte identit\u00e9 Maeva Group<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-card\"><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611532736597-de2d4265fba3?w=600&q=80&auto=format&fit=crop\" alt=\"Social Bloom\" loading=\"lazy\" \/><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-info\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-cat\">Social Media<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-name\">Lancement Bloom Cosmetics<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-card\"><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-4b46a572b786?w=600&q=80&auto=format&fit=crop\" alt=\"Atlas Digital\" loading=\"lazy\" \/><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-info\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-cat\">Growth Marketing<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-name\">Atlas \u2014 +340% leads qualifi\u00e9s<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-card\"><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?w=600&q=80&auto=format&fit=crop\" alt=\"Noma Paris\" loading=\"lazy\" \/><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-info\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-cat\">Contenu & Vid\u00e9o<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-name\">Noma Paris \u2014 Campagne Q4<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-card\"><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553877522-43269d4ea984?w=600&q=80&auto=format&fit=crop\" alt=\"Vertex\" loading=\"lazy\" \/><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-info\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-cat\">Performance & SEA<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"real-name\">Vertex \u2014 Acquisition B2B<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- \u00c9QUIPE --><!-- [et_pb_line_break_holder] --><\/p>\n<section id=\"equipe\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"equipe-intro\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div><!-- [et_pb_line_break_holder] --> <pee class=\"section-tag\">L’\u00e9quipe<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"section-title\">Des experts<!\u2013- [et_pb_br_holder] -\u2013><em>passionn\u00e9s<\/em><\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"divider\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"section-body\">Strat\u00e8ges, cr\u00e9atifs, data analysts : notre \u00e9quipe r\u00e9unit des profils compl\u00e9mentaires anim\u00e9s par une m\u00eame conviction \u2014 que le marketing de pr\u00e9cision change la donne.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"equipe-grid\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"membre\"><!-- [et_pb_line_break_holder] --> <img class=\"membre-photo\"<!-- [et_pb_line_break_holder] --> src=”https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=400&q=80&auto=format&fit=crop&face” alt=”Lucie Arnaud” loading=”lazy” \/><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"membre-nom\">Lucie Arnaud<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"membre-role\">Directrice Associ\u00e9e<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"membre\"><!-- [et_pb_line_break_holder] --> <img class=\"membre-photo\"<!-- [et_pb_line_break_holder] --> src=”https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=400&q=80&auto=format&fit=crop&face” alt=”Marc Fontaine” loading=”lazy” \/><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"membre-nom\">Marc Fontaine<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"membre-role\">Directeur Strat\u00e9gie<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"membre\"><!-- [et_pb_line_break_holder] --> <img class=\"membre-photo\"<!-- [et_pb_line_break_holder] --> src=”https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?w=400&q=80&auto=format&fit=crop&face” alt=”Sofia Haddad” loading=”lazy” \/><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"membre-nom\">Sofia Haddad<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"membre-role\">Directrice Cr\u00e9ative<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- CONTACT --><!-- [et_pb_line_break_holder] --><\/p>\n<section id=\"contact\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"contact-content\"><!-- [et_pb_line_break_holder] --> <pee class=\"section-tag\">Travaillons ensemble<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"contact-title\">Pr\u00eat \u00e0 passer<!\u2013- [et_pb_br_holder] -\u2013>\u00e0 la <em>vitesse sup\u00e9rieure<\/em>\u00a0?<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"contact-sub\">Partagez-nous votre projet, nous vous r\u00e9pondons sous 48h avec une premi\u00e8re analyse et nos recommandations.<\/pee><!-- [et_pb_line_break_holder] --> <a href=\"mailto:contact@l-direction.fr\" class=\"btn\">\u00c9crire \u00e0 l’agence <span class=\"btn-arrow\">\u2192<\/span><\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"contact-links\"><!-- [et_pb_line_break_holder] --> <a href=\"mailto:contact@l-direction.fr\" class=\"contact-link\"><!-- [et_pb_line_break_holder] --> <span>Email<\/span><!-- [et_pb_line_break_holder] --> <strong>contact@l-direction.fr<\/strong><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --> <a href=\"tel:+33100000000\" class=\"contact-link\"><!-- [et_pb_line_break_holder] --> <span>T\u00e9l\u00e9phone<\/span><!-- [et_pb_line_break_holder] --> <strong>+33 (0)1 00 00 00 00<\/strong><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --> <a href=\"#\" class=\"contact-link\"><!-- [et_pb_line_break_holder] --> <span>Adresse<\/span><!-- [et_pb_line_break_holder] --> <strong>Paris, France<\/strong><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- FOOTER --><!-- [et_pb_line_break_holder] --><\/p>\n<footer><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"footer-logo\">L<span>\u00b7<\/span>DIRECTION<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"footer-copy\">\u00a9 2025 L Direction \u2014 Tous droits r\u00e9serv\u00e9s<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/footer>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] --> \/\/ Cursor<!-- [et_pb_line_break_holder] --> const cursor = document.getElementById('cursor');<!-- [et_pb_line_break_holder] --> let mx = 0, my = 0, cx = 0, cy = 0;<!-- [et_pb_line_break_holder] --> document.addEventListener('mousemove', e => { mx = e.clientX; my = e.clientY; });<!-- [et_pb_line_break_holder] --> (function loop() {<!-- [et_pb_line_break_holder] --> cx += (mx - cx) * 0.18;<!-- [et_pb_line_break_holder] --> cy += (my - cy) * 0.18;<!-- [et_pb_line_break_holder] --> cursor.style.left = cx + 'px';<!-- [et_pb_line_break_holder] --> cursor.style.top = cy + 'px';<!-- [et_pb_line_break_holder] --> requestAnimationFrame(loop);<!-- [et_pb_line_break_holder] --> })();<!-- [et_pb_line_break_holder] --> document.querySelectorAll('a, button, .expertise-item, .real-card, .membre').forEach(el => {<!-- [et_pb_line_break_holder] --> el.addEventListener('mouseenter', () => cursor.classList.add('large'));<!-- [et_pb_line_break_holder] --> el.addEventListener('mouseleave', () => cursor.classList.remove('large'));<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Chiffres animation<!-- [et_pb_line_break_holder] --> function animateNum(el, target, suffix = '') {<!-- [et_pb_line_break_holder] --> let start = 0;<!-- [et_pb_line_break_holder] --> const step = Math.ceil(target \/ 60);<!-- [et_pb_line_break_holder] --> const t = setInterval(() => {<!-- [et_pb_line_break_holder] --> start = Math.min(start + step, target);<!-- [et_pb_line_break_holder] --> el.textContent = start + suffix;<!-- [et_pb_line_break_holder] --> if (start >= target) clearInterval(t);<!-- [et_pb_line_break_holder] --> }, 28);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> const observer = new IntersectionObserver(entries => {<!-- [et_pb_line_break_holder] --> entries.forEach(e => {<!-- [et_pb_line_break_holder] --> if (!e.isIntersecting) return;<!-- [et_pb_line_break_holder] --> const nums = e.target.querySelectorAll('.chiffre-num');<!-- [et_pb_line_break_holder] --> const raw = ['12', '200', '98', '35'];<!-- [et_pb_line_break_holder] --> const suf = ['+', '+', '%', ''];<!-- [et_pb_line_break_holder] --> nums.forEach((n, i) => animateNum(n, parseInt(raw[i]), suf[i]));<!-- [et_pb_line_break_holder] --> observer.unobserve(e.target);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }, { threshold: .3 });<!-- [et_pb_line_break_holder] --> const chiffres = document.getElementById('chiffres');<!-- [et_pb_line_break_holder] --> if (chiffres) observer.observe(chiffres);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Scroll reveal<!-- [et_pb_line_break_holder] --> const revealObs = new IntersectionObserver(entries => {<!-- [et_pb_line_break_holder] --> entries.forEach(e => {<!-- [et_pb_line_break_holder] --> if (e.isIntersecting) {<!-- [et_pb_line_break_holder] --> e.target.style.opacity = '1';<!-- [et_pb_line_break_holder] --> e.target.style.transform = 'translateY(0)';<!-- [et_pb_line_break_holder] --> revealObs.unobserve(e.target);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }, { threshold: .12 });<!-- [et_pb_line_break_holder] --> document.querySelectorAll('.expertise-item, .real-card, .membre, .chiffre').forEach(el => {<!-- [et_pb_line_break_holder] --> el.style.opacity = '0';<!-- [et_pb_line_break_holder] --> el.style.transform = 'translateY(32px)';<!-- [et_pb_line_break_holder] --> el.style.transition = 'opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1)';<!-- [et_pb_line_break_holder] --> revealObs.observe(el);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:html -->\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>L DIRECTION \u2014 Agence Marketing<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Barlow:wght@300;400;500&family=Barlow+Condensed:wght@400;500;600&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --noir: #0d0d0d;\n --charbon: #151515;\n --sable: #f5f0e8;\n --or: #c8a96e;\n --or-clair:#e2c99a;\n --gris: #888580;\n --blanc: #fafaf8;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--noir);\n color: var(--sable);\n font-family: 'Barlow', sans-serif;\n font-weight: 300;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 CURSOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n * { cursor: none; }\n #cursor {\n width: 10px; height: 10px;\n background: var(--or);\n border-radius: 50%;\n position: fixed;\n top: 0; left: 0;\n pointer-events: none;\n z-index: 9999;\n transform: translate(-50%, -50%);\n transition: transform .15s ease, width .2s, height .2s, background .2s;\n mix-blend-mode: difference;\n }\n #cursor.large {\n width: 48px; height: 48px;\n background: var(--or-clair);\n }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 28px 56px;\n mix-blend-mode: normal;\n }\n nav::before {\n content: '';\n position: absolute; inset: 0;\n background: linear-gradient(to bottom, rgba(13,13,13,.92) 0%, transparent 100%);\n pointer-events: none;\n }\n\n .logo {\n font-family: 'Cormorant Garamond', serif;\n font-size: 22px;\n font-weight: 600;\n letter-spacing: .18em;\n color: var(--sable);\n text-transform: uppercase;\n text-decoration: none;\n position: relative;\n z-index: 1;\n }\n .logo span { color: var(--or); }\n\n .nav-links {\n display: flex; gap: 40px; list-style: none;\n position: relative; z-index: 1;\n }\n .nav-links a {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px; letter-spacing: .2em;\n text-transform: uppercase; color: var(--gris);\n text-decoration: none; transition: color .3s;\n }\n .nav-links a:hover { color: var(--or); }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #hero {\n position: relative;\n height: 100vh; min-height: 700px;\n display: flex; align-items: flex-end;\n overflow: hidden;\n }\n .hero-img {\n position: absolute; inset: 0;\n background: url('https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?w=1800&q=85&auto=format&fit=crop') center\/cover no-repeat;\n filter: brightness(.45) saturate(.8);\n transform: scale(1.04);\n animation: kenburns 14s ease-in-out infinite alternate;\n }\n @keyframes kenburns {\n from { transform: scale(1.04) translate(0,0); }\n to { transform: scale(1.00) translate(-1%,-0.5%); }\n }\n\n .hero-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(160deg, transparent 40%, var(--noir) 100%);\n }\n .hero-line {\n position: absolute; left: 56px; top: 50%;\n width: 1px; height: 120px; background: var(--or);\n transform: translateY(-50%);\n animation: fadeDown .8s .4s both;\n }\n @keyframes fadeDown {\n from { opacity:0; transform: translateY(calc(-50% - 20px)); }\n to { opacity:1; transform: translateY(-50%); }\n }\n\n .hero-content {\n position: relative; z-index: 2;\n padding: 0 56px 80px 88px;\n animation: heroUp .9s .2s cubic-bezier(.22,1,.36,1) both;\n }\n @keyframes heroUp {\n from { opacity:0; transform: translateY(40px); }\n to { opacity:1; transform: translateY(0); }\n }\n\n .hero-tag {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 11px; letter-spacing: .3em;\n text-transform: uppercase; color: var(--or);\n margin-bottom: 20px;\n }\n .hero-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(60px, 8vw, 120px);\n font-weight: 300; line-height: .9;\n color: var(--blanc);\n margin-bottom: 32px;\n }\n .hero-title em { font-style: italic; color: var(--or-clair); }\n .hero-sub {\n font-size: 15px; line-height: 1.7;\n color: var(--gris); max-width: 380px;\n margin-bottom: 48px;\n }\n .btn {\n display: inline-flex; align-items: center; gap: 14px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px; letter-spacing: .25em;\n text-transform: uppercase; color: var(--noir);\n background: var(--or); padding: 16px 32px;\n text-decoration: none;\n transition: background .3s, gap .3s;\n }\n .btn:hover { background: var(--or-clair); gap: 22px; }\n .btn-arrow { font-size: 18px; }\n\n \/* \u2500\u2500\u2500 CHIFFRES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #chiffres {\n background: var(--charbon);\n display: grid; grid-template-columns: repeat(4, 1fr);\n border-top: 1px solid #2a2a2a;\n }\n .chiffre {\n padding: 56px 40px;\n border-right: 1px solid #2a2a2a;\n text-align: center;\n }\n .chiffre:last-child { border-right: none; }\n .chiffre-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 56px; font-weight: 300;\n color: var(--or); line-height: 1;\n margin-bottom: 10px;\n }\n .chiffre-label {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 11px; letter-spacing: .2em;\n text-transform: uppercase; color: var(--gris);\n }\n\n \/* \u2500\u2500\u2500 SECTION G\u00c9N\u00c9RIQUE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n section { padding: 120px 56px; }\n .section-tag {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 11px; letter-spacing: .3em;\n text-transform: uppercase; color: var(--or);\n margin-bottom: 16px;\n }\n .section-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(40px, 5vw, 72px);\n font-weight: 300; line-height: 1.05;\n margin-bottom: 24px;\n }\n .section-title em { font-style: italic; color: var(--or-clair); }\n .section-body {\n font-size: 16px; line-height: 1.8;\n color: var(--gris); max-width: 520px;\n }\n\n \/* \u2500\u2500\u2500 EXPERTISE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #expertise { background: var(--noir); }\n .expertise-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 80px;\n }\n .expertise-item {\n border: 1px solid #1f1f1f;\n padding: 52px 48px;\n transition: background .3s;\n position: relative; overflow: hidden;\n }\n .expertise-item::after {\n content: '';\n position: absolute; bottom: 0; left: 0;\n width: 100%; height: 2px;\n background: var(--or);\n transform: scaleX(0); transform-origin: left;\n transition: transform .4s cubic-bezier(.22,1,.36,1);\n }\n .expertise-item:hover::after { transform: scaleX(1); }\n .expertise-item:hover { background: rgba(200,169,110,.04); }\n .exp-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 13px; color: var(--or);\n letter-spacing: .15em; margin-bottom: 24px;\n }\n .exp-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 28px; font-weight: 400;\n margin-bottom: 16px; color: var(--blanc);\n }\n .exp-desc {\n font-size: 14px; line-height: 1.7;\n color: var(--gris);\n }\n\n \/* \u2500\u2500\u2500 APPROCHE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #approche {\n background: var(--charbon);\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 80px; align-items: center;\n padding: 120px 56px;\n }\n .approche-img {\n aspect-ratio: 4\/5;\n background: url('https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?w=900&q=85&auto=format&fit=crop') center\/cover;\n position: relative;\n }\n .approche-img::before {\n content: '';\n position: absolute; inset: -16px -16px 16px 16px;\n border: 1px solid var(--or);\n z-index: -1;\n }\n .approche-text .section-body { max-width: 100%; }\n .approche-quote {\n margin-top: 48px;\n padding-left: 24px;\n border-left: 2px solid var(--or);\n font-family: 'Cormorant Garamond', serif;\n font-size: 22px; font-style: italic;\n color: var(--or-clair); line-height: 1.5;\n }\n\n \/* \u2500\u2500\u2500 R\u00c9ALISATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #realisations { background: var(--noir); }\n .real-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n grid-template-rows: auto auto;\n gap: 16px;\n margin-top: 72px;\n }\n .real-card {\n position: relative; overflow: hidden;\n aspect-ratio: 4\/3;\n }\n .real-card:first-child {\n grid-row: 1 \/ 3;\n aspect-ratio: auto;\n }\n .real-card img {\n width: 100%; height: 100%; object-fit: cover;\n filter: brightness(.6) saturate(.7);\n transition: filter .5s, transform .6s cubic-bezier(.22,1,.36,1);\n display: block;\n }\n .real-card:hover img {\n filter: brightness(.4) saturate(.5);\n transform: scale(1.06);\n }\n .real-info {\n position: absolute; bottom: 0; left: 0; right: 0;\n padding: 24px 28px;\n background: linear-gradient(transparent, rgba(13,13,13,.85));\n transform: translateY(8px);\n transition: transform .4s;\n }\n .real-card:hover .real-info { transform: translateY(0); }\n .real-cat {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 10px; letter-spacing: .25em;\n text-transform: uppercase; color: var(--or);\n margin-bottom: 6px;\n }\n .real-name {\n font-family: 'Cormorant Garamond', serif;\n font-size: 22px; color: var(--blanc);\n }\n\n \/* \u2500\u2500\u2500 \u00c9QUIPE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #equipe { background: var(--charbon); }\n .equipe-intro {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 80px; margin-bottom: 72px;\n }\n .equipe-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n }\n .membre {\n display: flex; flex-direction: column;\n }\n .membre-photo {\n width: 100%;\n aspect-ratio: 3\/4;\n object-fit: cover;\n filter: grayscale(60%);\n transition: filter .4s;\n margin-bottom: 20px;\n }\n .membre:hover .membre-photo { filter: grayscale(0%); }\n .membre-nom {\n font-family: 'Cormorant Garamond', serif;\n font-size: 22px; font-weight: 400;\n color: var(--blanc);\n }\n .membre-role {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 11px; letter-spacing: .2em;\n text-transform: uppercase; color: var(--or);\n margin-top: 4px;\n }\n\n \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #contact {\n background: var(--noir);\n text-align: center; padding: 140px 56px;\n position: relative; overflow: hidden;\n }\n #contact::before {\n content: 'L';\n font-family: 'Cormorant Garamond', serif;\n font-size: 600px; font-weight: 300;\n color: rgba(200,169,110,.04);\n position: absolute; top: 50%; left: 50%;\n transform: translate(-50%,-50%);\n line-height: 1; pointer-events: none;\n user-select: none;\n }\n .contact-content { position: relative; z-index: 1; }\n .contact-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(48px, 6vw, 96px);\n font-weight: 300; line-height: 1.05;\n margin-bottom: 32px;\n }\n .contact-title em { color: var(--or-clair); font-style: italic; }\n .contact-sub {\n color: var(--gris); font-size: 15px;\n max-width: 440px; margin: 0 auto 52px; line-height: 1.7;\n }\n .contact-links {\n display: flex; justify-content: center; gap: 48px;\n margin-top: 64px; flex-wrap: wrap;\n }\n .contact-link {\n text-decoration: none; color: var(--gris);\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px; letter-spacing: .2em;\n text-transform: uppercase;\n transition: color .3s;\n display: flex; flex-direction: column; align-items: center; gap: 8px;\n }\n .contact-link:hover { color: var(--or); }\n .contact-link strong {\n font-family: 'Cormorant Garamond', serif;\n font-size: 18px; font-weight: 400;\n color: var(--blanc); letter-spacing: 0;\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n footer {\n background: #0a0a0a;\n padding: 32px 56px;\n display: flex; align-items: center; justify-content: space-between;\n border-top: 1px solid #1a1a1a;\n }\n .footer-logo {\n font-family: 'Cormorant Garamond', serif;\n font-size: 18px; font-weight: 600;\n letter-spacing: .18em; color: var(--sable);\n text-transform: uppercase;\n }\n .footer-logo span { color: var(--or); }\n .footer-copy {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 11px; letter-spacing: .15em;\n color: #444; text-transform: uppercase;\n }\n\n \/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .divider {\n width: 40px; height: 1px; background: var(--or);\n margin: 24px 0;\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 900px) {\n nav { padding: 24px 28px; }\n .nav-links { display: none; }\n section, #approche { padding: 80px 28px; }\n #chiffres { grid-template-columns: repeat(2,1fr); }\n .chiffre { border-bottom: 1px solid #2a2a2a; }\n .expertise-grid { grid-template-columns: 1fr; }\n #approche { grid-template-columns: 1fr; }\n .approche-img { aspect-ratio: 16\/9; }\n .real-grid { grid-template-columns: 1fr 1fr; }\n .real-card:first-child { grid-column: 1\/3; grid-row: auto; }\n .equipe-intro { grid-template-columns: 1fr; gap: 32px; }\n .equipe-grid { grid-template-columns: 1fr 1fr; }\n .hero-content { padding: 0 28px 64px; }\n .hero-line { display: none; }\n footer { flex-direction: column; gap: 12px; text-align: center; }\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- CURSOR -->\n<div id=\"cursor\"><\/div>\n\n<!-- NAV -->\n<nav>\n <a href=\"#\" class=\"logo\">L<span>\u00b7<\/span>DIRECTION<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#expertise\">Expertise<\/a><\/li>\n <li><a href=\"#approche\">Approche<\/a><\/li>\n <li><a href=\"#realisations\">R\u00e9alisations<\/a><\/li>\n <li><a href=\"#equipe\">\u00c9quipe<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<!-- HERO -->\n<section id=\"hero\">\n <div class=\"hero-img\"><\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-line\"><\/div>\n <div class=\"hero-content\">\n <p class=\"hero-tag\">Agence Marketing \u2014 Paris<\/p>\n <h1 class=\"hero-title\">Prenez<br><em>la bonne<\/em><br>direction.<\/h1>\n <p class=\"hero-sub\">L DIRECTION accompagne les marques ambitieuses dans leur strat\u00e9gie marketing, de l'identit\u00e9 \u00e0 la croissance.<\/p>\n <a href=\"#contact\" class=\"btn\">D\u00e9marrer un projet <span class=\"btn-arrow\">\u2192<\/span><\/a>\n <\/div>\n<\/section>\n\n<!-- CHIFFRES -->\n<div id=\"chiffres\">\n <div class=\"chiffre\">\n <div class=\"chiffre-num\">12+<\/div>\n <div class=\"chiffre-label\">Ann\u00e9es d'exp\u00e9rience<\/div>\n <\/div>\n <div class=\"chiffre\">\n <div class=\"chiffre-num\">200+<\/div>\n <div class=\"chiffre-label\">Clients accompagn\u00e9s<\/div>\n <\/div>\n <div class=\"chiffre\">\n <div class=\"chiffre-num\">98%<\/div>\n <div class=\"chiffre-label\">Taux de satisfaction<\/div>\n <\/div>\n <div class=\"chiffre\">\n <div class=\"chiffre-num\">35<\/div>\n <div class=\"chiffre-label\">Experts d\u00e9di\u00e9s<\/div>\n <\/div>\n<\/div>\n\n<!-- EXPERTISE -->\n<section id=\"expertise\">\n <p class=\"section-tag\">Notre expertise<\/p>\n <h2 class=\"section-title\">Une offre<br><em>360\u00b0<\/em><\/h2>\n <p class=\"section-body\">Strat\u00e9gie, cr\u00e9ativit\u00e9, performance. Nous alignons chaque levier marketing pour que votre marque avance dans la bonne direction.<\/p>\n\n <div class=\"expertise-grid\">\n <div class=\"expertise-item\">\n <div class=\"exp-num\">01<\/div>\n <div class=\"exp-title\">Strat\u00e9gie de marque<\/div>\n <div class=\"exp-desc\">Positionnement, plateforme de marque, architecture, naming et identit\u00e9 visuelle. Nous posons les bases solides de votre diff\u00e9renciation.<\/div>\n <\/div>\n <div class=\"expertise-item\">\n <div class=\"exp-num\">02<\/div>\n <div class=\"exp-title\">Marketing Digital<\/div>\n <div class=\"exp-desc\">SEO, SEA, r\u00e9seaux sociaux, email marketing. Des campagnes data-driven qui transforment vos audiences en clients fid\u00e8les.<\/div>\n <\/div>\n <div class=\"expertise-item\">\n <div class=\"exp-num\">03<\/div>\n <div class=\"exp-title\">Cr\u00e9ation de contenu<\/div>\n <div class=\"exp-desc\">\u00c9ditorial, motion design, production photo & vid\u00e9o. Des contenus qui captivent, engagent et convertissent \u00e0 chaque point de contact.<\/div>\n <\/div>\n <div class=\"expertise-item\">\n <div class=\"exp-num\">04<\/div>\n <div class=\"exp-title\">Growth & Performance<\/div>\n <div class=\"exp-desc\">CRO, analytics, funnel d'acquisition et fid\u00e9lisation. Nous optimisons chaque \u00e9tape du parcours client pour maximiser votre ROI.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- APPROCHE -->\n<div id=\"approche\">\n <div class=\"approche-img\"><\/div>\n <div class=\"approche-text\">\n <p class=\"section-tag\">Notre approche<\/p>\n <h2 class=\"section-title\">Exigence<br>& <em>r\u00e9sultats<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <p class=\"section-body\">Chez L DIRECTION, chaque projet commence par une \u00e9coute profonde. Nous ne proposons jamais de recette toute faite : nous construisons une strat\u00e9gie sur mesure, ancr\u00e9e dans vos enjeux r\u00e9els et vos ambitions de croissance.<\/p>\n <br \/>\n <p class=\"section-body\">Notre \u00e9quipe pluridisciplinaire conjugue vision cr\u00e9ative et rigueur analytique pour d\u00e9livrer des r\u00e9sultats mesurables et durables.<\/p>\n <blockquote class=\"approche-quote\">\n \u00ab La direction que vous prenez importe plus que la vitesse \u00e0 laquelle vous avancez. \u00bb\n <\/blockquote>\n <\/div>\n<\/div>\n\n<!-- R\u00c9ALISATIONS -->\n<section id=\"realisations\">\n <p class=\"section-tag\">R\u00e9alisations<\/p>\n <h2 class=\"section-title\">Des projets<br><em>qui marquent<\/em><\/h2>\n\n <div class=\"real-grid\">\n <div class=\"real-card\">\n <img src=\"https:\/\/images.unsplash.com\/photo-1559136555-9303baea8ebd?w=900&q=80&auto=format&fit=crop\" alt=\"Campagne Maeva\" loading=\"lazy\" \/>\n <div class=\"real-info\">\n <div class=\"real-cat\">Strat\u00e9gie & Branding<\/div>\n <div class=\"real-name\">Refonte identit\u00e9 Maeva Group<\/div>\n <\/div>\n <\/div>\n <div class=\"real-card\">\n <img src=\"https:\/\/images.unsplash.com\/photo-1611532736597-de2d4265fba3?w=600&q=80&auto=format&fit=crop\" alt=\"Social Bloom\" loading=\"lazy\" \/>\n <div class=\"real-info\">\n <div class=\"real-cat\">Social Media<\/div>\n <div class=\"real-name\">Lancement Bloom Cosmetics<\/div>\n <\/div>\n <\/div>\n <div class=\"real-card\">\n <img src=\"https:\/\/images.unsplash.com\/photo-1556761175-4b46a572b786?w=600&q=80&auto=format&fit=crop\" alt=\"Atlas Digital\" loading=\"lazy\" \/>\n <div class=\"real-info\">\n <div class=\"real-cat\">Growth Marketing<\/div>\n <div class=\"real-name\">Atlas \u2014 +340% leads qualifi\u00e9s<\/div>\n <\/div>\n <\/div>\n <div class=\"real-card\">\n <img src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?w=600&q=80&auto=format&fit=crop\" alt=\"Noma Paris\" loading=\"lazy\" \/>\n <div class=\"real-info\">\n <div class=\"real-cat\">Contenu & Vid\u00e9o<\/div>\n <div class=\"real-name\">Noma Paris \u2014 Campagne Q4<\/div>\n <\/div>\n <\/div>\n <div class=\"real-card\">\n <img src=\"https:\/\/images.unsplash.com\/photo-1553877522-43269d4ea984?w=600&q=80&auto=format&fit=crop\" alt=\"Vertex\" loading=\"lazy\" \/>\n <div class=\"real-info\">\n <div class=\"real-cat\">Performance & SEA<\/div>\n <div class=\"real-name\">Vertex \u2014 Acquisition B2B<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u00c9QUIPE -->\n<section id=\"equipe\">\n <div class=\"equipe-intro\">\n <div>\n <p class=\"section-tag\">L'\u00e9quipe<\/p>\n <h2 class=\"section-title\">Des experts<br><em>passionn\u00e9s<\/em><\/h2>\n <\/div>\n <div>\n <div class=\"divider\"><\/div>\n <p class=\"section-body\">Strat\u00e8ges, cr\u00e9atifs, data analysts : notre \u00e9quipe r\u00e9unit des profils compl\u00e9mentaires anim\u00e9s par une m\u00eame conviction \u2014 que le marketing de pr\u00e9cision change la donne.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"equipe-grid\">\n <div class=\"membre\">\n <img class=\"membre-photo\"\n src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=400&q=80&auto=format&fit=crop&face\" alt=\"Lucie Arnaud\" loading=\"lazy\" \/>\n <div class=\"membre-nom\">Lucie Arnaud<\/div>\n <div class=\"membre-role\">Directrice Associ\u00e9e<\/div>\n <\/div>\n <div class=\"membre\">\n <img class=\"membre-photo\"\n src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=400&q=80&auto=format&fit=crop&face\" alt=\"Marc Fontaine\" loading=\"lazy\" \/>\n <div class=\"membre-nom\">Marc Fontaine<\/div>\n <div class=\"membre-role\">Directeur Strat\u00e9gie<\/div>\n <\/div>\n <div class=\"membre\">\n <img class=\"membre-photo\"\n src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?w=400&q=80&auto=format&fit=crop&face\" alt=\"Sofia Haddad\" loading=\"lazy\" \/>\n <div class=\"membre-nom\">Sofia Haddad<\/div>\n <div class=\"membre-role\">Directrice Cr\u00e9ative<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section id=\"contact\">\n <div class=\"contact-content\">\n <p class=\"section-tag\">Travaillons ensemble<\/p>\n <h2 class=\"contact-title\">Pr\u00eat \u00e0 passer<br>\u00e0 la <em>vitesse sup\u00e9rieure<\/em> ?<\/h2>\n <p class=\"contact-sub\">Partagez-nous votre projet, nous vous r\u00e9pondons sous 48h avec une premi\u00e8re analyse et nos recommandations.<\/p>\n <a href=\"mailto:contact@l-direction.fr\" class=\"btn\">\u00c9crire \u00e0 l'agence <span class=\"btn-arrow\">\u2192<\/span><\/a>\n\n <div class=\"contact-links\">\n <a href=\"mailto:contact@l-direction.fr\" class=\"contact-link\">\n <span>Email<\/span>\n <strong>contact@l-direction.fr<\/strong>\n <\/a>\n <a href=\"tel:+33100000000\" class=\"contact-link\">\n <span>T\u00e9l\u00e9phone<\/span>\n <strong>+33 (0)1 00 00 00 00<\/strong>\n <\/a>\n <a href=\"#\" class=\"contact-link\">\n <span>Adresse<\/span>\n <strong>Paris, France<\/strong>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-logo\">L<span>\u00b7<\/span>DIRECTION<\/div>\n <div class=\"footer-copy\">\u00a9 2025 L Direction \u2014 Tous droits r\u00e9serv\u00e9s<\/div>\n<\/footer>\n\n<script>\n \/\/ Cursor\n const cursor = document.getElementById('cursor');\n let mx = 0, my = 0, cx = 0, cy = 0;\n document.addEventListener('mousemove', e => { mx = e.clientX; my = e.clientY; });\n (function loop() {\n cx += (mx - cx) * 0.18;\n cy += (my - cy) * 0.18;\n cursor.style.left = cx + 'px';\n cursor.style.top = cy + 'px';\n requestAnimationFrame(loop);\n })();\n document.querySelectorAll('a, button, .expertise-item, .real-card, .membre').forEach(el => {\n el.addEventListener('mouseenter', () => cursor.classList.add('large'));\n el.addEventListener('mouseleave', () => cursor.classList.remove('large'));\n });\n\n \/\/ Chiffres animation\n function animateNum(el, target, suffix = '') {\n let start = 0;\n const step = Math.ceil(target \/ 60);\n const t = setInterval(() => {\n start = Math.min(start + step, target);\n el.textContent = start + suffix;\n if (start >= target) clearInterval(t);\n }, 28);\n }\n const observer = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (!e.isIntersecting) return;\n const nums = e.target.querySelectorAll('.chiffre-num');\n const raw = ['12', '200', '98', '35'];\n const suf = ['+', '+', '%', ''];\n nums.forEach((n, i) => animateNum(n, parseInt(raw[i]), suf[i]));\n observer.unobserve(e.target);\n });\n }, { threshold: .3 });\n const chiffres = document.getElementById('chiffres');\n if (chiffres) observer.observe(chiffres);\n\n \/\/ Scroll reveal\n const revealObs = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.style.opacity = '1';\n e.target.style.transform = 'translateY(0)';\n revealObs.unobserve(e.target);\n }\n });\n }, { threshold: .12 });\n document.querySelectorAll('.expertise-item, .real-card, .membre, .chiffre').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(32px)';\n el.style.transition = 'opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1)';\n revealObs.observe(el);\n });\n<\/script>\n<\/body>\n<\/html>\n<!-- \/wp:html -->","_et_gb_content_width":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/l-direction.fr\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/l-direction.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/l-direction.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/l-direction.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/l-direction.fr\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":7,"href":"https:\/\/l-direction.fr\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/l-direction.fr\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/l-direction.fr\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}