{"id":29,"date":"2026-06-24T21:30:09","date_gmt":"2026-06-24T21:30:09","guid":{"rendered":"https:\/\/era-digital-consulting.com\/?page_id=29"},"modified":"2026-06-25T21:24:33","modified_gmt":"2026-06-25T21:24:33","slug":"accueil-era-digital-consulting","status":"publish","type":"page","link":"https:\/\/era-digital-consulting.com\/","title":{"rendered":"Accueil \u2013 ERA Digital Consulting"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46b5ae3 e-con-full e-flex e-con e-parent\" data-id=\"46b5ae3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb6f11e elementor-widget elementor-widget-html\" data-id=\"fb6f11e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>html,body{-webkit-font-smoothing:antialiased;}.marquee-track { animation-duration: 24s !important; }\n@media (max-width: 760px) { .marquee-track { animation-duration: 12s !important; } }\n\n\/* work section overflow fix \u2013 all sizes *\/\n.elementor-element-c097cb1,\n.elementor-element-c097cb1 > .e-con-inner,\n.elementor-element-e6d5d9c,\n#work {\n  --overflow: visible;\n  overflow: visible !important;\n  height: auto !important;\n  min-height: 0 !important;\n  min-height: max-content !important;\n}\n\n\/* work cards: disable reveal on mobile to avoid scroll-restoration bugs *\/\n@media (max-width: 880px) {\n  .work-card.reveal, .work-cta.reveal {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n\/* Work filters *\/\n.work-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:36px;}\n.work-filter{padding:8px 22px;border-radius:999px;border:1.5px solid #4a527a;background:transparent;color:#4a527a;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .22s;font-family:inherit;}\n.work-filter:hover{background:rgba(74,82,122,.1);border-color:#1d2949;color:#1d2949;}\n.work-filter.active{background:#1d2949;color:#f0e6cf;border-color:#1d2949;}\n.work-card.wf-hidden{display:none!important;}\n<\/style>\n<style>\n\/* ===== MOBILE RESPONSIVE OVERRIDES ===== *\/\n\n\/* NAV mobile: toggle on left, brand centered *\/\n@media (max-width: 760px) {\n  .nav { grid-template-columns: auto 1fr !important; }\n  .nav-toggle { display: flex !important; }\n  .nav ul { display: none !important; }\n  .nav-cta, .nav > p { display: none !important; }\n  .nav ul.open { display: flex !important; position: fixed; top: 60px; left: 0; right: 0; bottom: 0; background: var(--bg); flex-direction: column; align-items: center; justify-content: center; gap: 32px; z-index: 100; }\n}\n\n\/* Hero: stack vertically, limit composition size *\/\n@media (max-width: 880px) {\n  .hero-grid { grid-template-columns: 1fr !important; }\n  .hero-composition { max-width: 300px !important; margin: 0 auto !important; }\n}\n\n\/* Services: 1 column on mobile *\/\n@media (max-width: 760px) {\n  .svc-grid { grid-template-columns: 1fr !important; }\n}\n\n\/* Section head: single column, hide subtitle *\/\n@media (max-width: 720px) {\n  .section-head { grid-template-columns: 1fr !important; gap: 8px !important; }\n  .section-action { display: none !important; }\n  .section-head h2 { font-size: clamp(26px, 8vw, 48px) !important; }\n}\n\n\/* About: stack vertically *\/\n@media (max-width: 880px) {\n  .about-grid { grid-template-columns: 1fr !important; }\n}\n\n\/* Process: 2 cols on tablet, 1 col on mobile *\/\n@media (max-width: 880px) {\n  .process-list { grid-template-columns: repeat(2, 1fr) !important; }\n}\n@media (max-width: 540px) {\n  .process-list { grid-template-columns: 1fr !important; }\n}\n\n\/* Work: 2 cols tablet, 1 col mobile - no cropping *\/\n@media (max-width: 880px) {\n  .work-grid { grid-template-columns: repeat(2, 1fr) !important; }\n  .work-cta { min-height: 220px !important; }\n}\n@media (max-width: 560px) {\n  .work-grid { grid-template-columns: 1fr !important; }\n}\n\n\/* Contact: stack vertically *\/\n@media (max-width: 880px) {\n  .contact-grid { grid-template-columns: 1fr !important; }\n}\n@media (max-width: 540px) {\n  .form-row { grid-template-columns: 1fr !important; }\n}\n.chips { flex-wrap: wrap !important; }\n\n\/* Footer: 2-col layout on mobile *\/\n@media (max-width: 760px) {\n  .foot-brand-wrap { grid-column: span 12 !important; }\n  .foot-col { grid-column: span 6 !important; }\n}\n@media (max-width: 480px) {\n  .foot-col { grid-column: span 12 !important; }\n}\n\n\/* Prevent horizontal scroll *\/\n.nav, .marquee, section:not(#work), .hero, footer {\n  max-width: 100vw;\n  overflow-x: hidden;\n}\n\n\/* Work lightbox *\/\n.work-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}\n.work-lightbox.open{opacity:1;pointer-events:all}\n.work-lightbox-bg{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}\n.work-lightbox-panel{position:relative;z-index:1;width:min(92vw,1100px);max-height:88vh;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#0f0f0f;box-shadow:0 24px 80px rgba(0,0,0,.6)}\n.work-lightbox-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);gap:12px}\n.work-lightbox-title{font-size:13px;font-weight:600;color:#fff;letter-spacing:.06em;text-transform:uppercase;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.work-lightbox-close{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:background .15s}\n.work-lightbox-close:hover{background:rgba(255,255,255,.12)}\n.work-lightbox-body{flex:1;min-height:0;position:relative}\n.work-lightbox-body iframe{width:100%;height:100%;min-height:clamp(300px,65vh,700px);border:0;display:block}\n.work-card[data-url]{cursor:pointer}\n\n\/* Work card mini preview *\/\n.work-preview-mini{position:absolute;top:0;left:0;width:1280px!important;max-width:none!important;border:none;pointer-events:none;z-index:0;background:#fff;transform:scale(var(--preview-scale,0.317));transform-origin:top left;}\n.work-card .work-idx{position:relative;z-index:2;}\n<\/style><style>\n.work-thumb-cover{background-size:cover;background-position:center;}\n.work-card-scrim{position:absolute;inset:0;background:linear-gradient(to top, rgba(29,41,73,.94), rgba(29,41,73,.2) 55%, rgba(29,41,73,0) 78%);}\n.work-card-caption{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;}\n.work-card-caption .tag{color:var(--yellow);background:transparent;padding:0;margin-bottom:6px;display:inline-block;font-size:11px;letter-spacing:.1em;}\n.work-card-caption h5{color:var(--cream);margin:0 0 5px;font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-0.01em;line-height:1.15;}\n.work-card-mission{font-family:var(--sans);font-size:13.5px;color:rgba(240,230,207,.82);margin:0;line-height:1.4;}\n.work-card-arrow{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:rgba(240,230,207,.2);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:var(--cream);font-size:14px;z-index:2;}\n.work-card-img .work-idx{color:rgba(240,230,207,.35);opacity:1;z-index:1;}\n.era-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;}\n.era-modal.open{display:flex;}\n.era-modal-bg{position:absolute;inset:0;background:rgba(29,41,73,.85);backdrop-filter:blur(6px);}\n.era-modal-panel{position:relative;z-index:1;width:min(980px,100%);max-height:90vh;overflow-y:auto;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:20px;display:grid;grid-template-columns:1.1fr 1fr;}\n@media(max-width:760px){.era-modal-panel{grid-template-columns:1fr;max-height:94vh;}}\n.era-modal-image{background:var(--cream-2);display:flex;align-items:center;justify-content:center;padding:24px;}\n.era-modal-image img{max-width:100%;max-height:70vh;border-radius:10px;display:block;}\n.era-modal-body{padding:36px 32px;}\n.era-modal-close{position:absolute;top:16px;right:16px;z-index:3;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;border:none;}\n.era-modal-cat{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:10px;}\n.era-modal-title{font-family:var(--display);font-weight:900;font-size:clamp(24px,3vw,32px);color:var(--ink);margin:0 0 6px;letter-spacing:-0.02em;}\n.era-modal-mission{font-family:var(--sans);color:var(--ink-dim);margin:0 0 26px;font-size:14px;}\n.era-modal-block{margin-bottom:18px;}\n.era-modal-block h6{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-2);margin:0 0 6px;}\n.era-modal-block p{font-family:var(--sans);font-size:14.5px;line-height:1.6;color:var(--ink);margin:0;}\n<\/style><style>.work-idx{display:none!important;}<\/style><style>\n.wf-more-hidden{display:none!important;}\n.work-more-wrap{display:flex;justify-content:center;margin-top:44px;}\n.work-more-btn{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:18px 46px;border-radius:999px;border:2px solid var(--ink);background:var(--ink);color:var(--cream);cursor:pointer;transition:all .25s cubic-bezier(.2,.7,.2,1);box-shadow:0 10px 28px rgba(29,41,73,.22);}\n.work-more-btn:hover{background:var(--red);border-color:var(--red);color:var(--cream);transform:translateY(-3px);box-shadow:0 14px 34px rgba(229,74,44,.32);}\n.work-more-btn:active{transform:translateY(-1px);}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36ab770 e-con-full e-flex e-con e-parent\" data-id=\"36ab770\" data-element_type=\"container\" data-e-type=\"container\" id=\"nav-section\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63c3c2c elementor-widget elementor-widget-html\" data-id=\"63c3c2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"scroll-bar\" aria-hidden=\"true\"><div class=\"fill\"><\/div><\/div>\n<nav class=\"nav\" id=\"top\">\n  <div class=\"nav-toggle\" id=\"nav-toggle\" aria-label=\"Menu\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/div>\n  <a class=\"brand\" href=\"#top\" aria-label=\"Era Digital Consulting\">\n    <svg class=\"logo-img\" viewBox=\"0 0 220 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Era Digital Consulting\" style=\"height:34px;width:auto\">\n      <rect x=\"0\" y=\"8\" width=\"40\" height=\"40\" rx=\"4\" fill=\"#1d2949\"\/>\n      <text x=\"6\" y=\"37\" font-family=\"Archivo,sans-serif\" font-weight=\"900\" font-size=\"28\" fill=\"#f0e6cf\">E<\/text>\n      <rect x=\"44\" y=\"8\" width=\"40\" height=\"40\" rx=\"4\" fill=\"#e54a2c\"\/>\n      <text x=\"50\" y=\"37\" font-family=\"Archivo,sans-serif\" font-weight=\"900\" font-size=\"28\" fill=\"#f0e6cf\">R<\/text>\n      <rect x=\"88\" y=\"8\" width=\"40\" height=\"40\" rx=\"4\" fill=\"#eeb44b\"\/>\n      <text x=\"94\" y=\"37\" font-family=\"Archivo,sans-serif\" font-weight=\"900\" font-size=\"28\" fill=\"#1d2949\">A<\/text>\n      <text x=\"136\" y=\"26\" font-family=\"Space Grotesk,sans-serif\" font-weight=\"600\" font-size=\"10\" fill=\"#1d2949\" letter-spacing=\"0.5\">DIGITAL<\/text>\n      <text x=\"136\" y=\"40\" font-family=\"Space Grotesk,sans-serif\" font-weight=\"400\" font-size=\"9\" fill=\"#4a527a\" letter-spacing=\"0.3\">CONSULTING<\/text>\n    <\/svg>\n  <\/a>\n  <ul id=\"nav-links\">\n    <li><a href=\"#services\">Services<\/a><\/li>\n    <li><a href=\"#about\">\u00c0 propos<\/a><\/li>\n    <li><a href=\"#process\">M\u00e9thode<\/a><\/li>\n    <li><a href=\"#work\">R\u00e9alisations<\/a><\/li>\n    <li><a href=\"#contact\">Contact<\/a><\/li>\n  <\/ul>\n  <a class=\"nav-cta\" href=\"#contact\"><span class=\"dot\"><\/span>D\u00e9marrer un projet<\/a>\n<\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28dc2ff e-con-full e-flex e-con e-parent\" data-id=\"28dc2ff\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-section\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c74957 elementor-widget elementor-widget-html\" data-id=\"7c74957\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header class=\"hero\">\n  <div class=\"hero-grid\">\n    <div class=\"hero-composition\" id=\"hero-grid\" aria-hidden=\"true\">\n      <div class=\"cell c-red\"  data-shape=\"qbr\"><\/div>\n      <div class=\"cell c-ink\"  data-shape=\"qbl\"><\/div>\n      <div class=\"cell c-yel\"  data-shape=\"circle\"><\/div>\n      <div class=\"cell c-yel\"  data-shape=\"circle\"><\/div>\n      <div class=\"cell c-red\"  data-shape=\"square\"><\/div>\n      <div class=\"cell c-ink\"  data-shape=\"qbl\"><\/div>\n      <div class=\"cell c-ink\"  data-shape=\"square\"><\/div>\n      <div class=\"cell c-yel\"  data-shape=\"qtr\"><\/div>\n      <div class=\"cell c-red\"  data-shape=\"dots\"><\/div>\n    <\/div>\n    <div class=\"hero-text\">\n      <span class=\"hero-eyebrow\"><span class=\"glyph\"><\/span>Freelance digital \u00b7 France<\/span>\n      <h1 class=\"hero-title\">Faisons <em>rayonner<\/em><br>votre <span class=\"swoop\">marque.<\/span><\/h1>\n      <div class=\"hero-baseline\" aria-label=\"Toi + Moi = COM\">\n        <span class=\"toi\">Toi<\/span>\n        <span class=\"op plus\">+<\/span>\n        <span class=\"moi\">Moi<\/span>\n        <span class=\"op eq\">=<\/span>\n        <span class=\"com\">COM<\/span>\n      <\/div>\n      <p class=\"hero-blurb\"><b>Era Digital Consulting<\/b> con\u00e7oit des sites internet, des identit\u00e9s visuelles et des strat\u00e9gies de communication pour les entrepreneurs, artisans et PME. Quatre m\u00e9tiers, une signature.<\/p>\n      <div class=\"hero-ctas\">\n        <a class=\"btn primary\" href=\"#contact\">D\u00e9marrer un projet <span class=\"arrow\"><\/span><\/a>\n        <a class=\"btn ghost\" href=\"#work\">Voir mes r\u00e9alisations<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1ee305 e-con-full e-flex e-con e-parent\" data-id=\"a1ee305\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c316381 elementor-widget elementor-widget-html\" data-id=\"c316381\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"marquee\" aria-hidden=\"true\">\n  <div class=\"marquee-track\">\n    \n    <span>Sites web<\/span><span class=\"g ci\"><\/span>\n    <span>R\u00e9f\u00e9rencement<\/span><span class=\"g sq\"><\/span>\n    <span>Design &amp; PLV<\/span><span class=\"g qt\"><\/span>\n    <span>R\u00e9seaux sociaux<\/span><span class=\"g tr\"><\/span>\n    <span>Sites web<\/span><span class=\"g ci\"><\/span>\n    <span>R\u00e9f\u00e9rencement<\/span><span class=\"g sq\"><\/span>\n    <span>Design &amp; PLV<\/span><span class=\"g qt\"><\/span>\n    <span>R\u00e9seaux sociaux<\/span><span class=\"g tr\"><\/span>\n  \n    \n    <span>Sites web<\/span><span class=\"g ci\"><\/span>\n    <span>R\u00e9f\u00e9rencement<\/span><span class=\"g sq\"><\/span>\n    <span>Design &amp; PLV<\/span><span class=\"g qt\"><\/span>\n    <span>R\u00e9seaux sociaux<\/span><span class=\"g tr\"><\/span>\n    <span>Sites web<\/span><span class=\"g ci\"><\/span>\n    <span>R\u00e9f\u00e9rencement<\/span><span class=\"g sq\"><\/span>\n    <span>Design &amp; PLV<\/span><span class=\"g qt\"><\/span>\n    <span>R\u00e9seaux sociaux<\/span><span class=\"g tr\"><\/span>\n  \n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83006e4 e-con-full e-flex e-con e-parent\" data-id=\"83006e4\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\">\n\t\t\t\t<div class=\"elementor-element elementor-element-878c848 elementor-widget elementor-widget-html\" data-id=\"878c848\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"services\">\n  <div class=\"section-head\">\n    <div class=\"section-num\"><span class=\"glyph ci\"><\/span>\u00a7 01 \u2014 Services<\/div>\n    <h2 class=\"section-title reveal\">Quatre <em>m\u00e9tiers<\/em>, une <span class=\"y\">signature<\/span>.<\/h2>\n    <div class=\"section-action\">\u21b3 4 disciplines<\/div>\n  <\/div>\n  <div class=\"svc-grid\">\n    <article class=\"svc red reveal d1\">\n      <div class=\"svc-head\">\n        <span class=\"svc-num\">\/ 01<\/span>\n        <div class=\"svc-badge\" aria-hidden=\"true\">\n          <div class=\"cell\" data-shape=\"qbr\"><\/div>\n          <div class=\"cell\" data-shape=\"circle\"><\/div>\n          <div class=\"cell\" data-shape=\"dots\"><\/div>\n          <div class=\"cell\" data-shape=\"qtl\"><\/div>\n        <\/div>\n      <\/div>\n      <h3>Cr\u00e9ation de sites internet.<\/h3>\n      <p>Sites vitrine, e-commerce et landing pages \u2014 con\u00e7us, d\u00e9velopp\u00e9s et h\u00e9berg\u00e9s sur mesure pour refl\u00e9ter votre identit\u00e9 et convertir vos visiteurs.<\/p>\n      <div class=\"svc-tags\"><span>UX \/ UI<\/span><span>Vitrine<\/span><span>E-commerce<\/span><span>Responsive<\/span><\/div>\n    <\/article>\n    <article class=\"svc navy reveal d2\">\n      <div class=\"svc-head\">\n        <span class=\"svc-num\">\/ 02<\/span>\n        <div class=\"svc-badge\" aria-hidden=\"true\">\n          <div class=\"cell\" data-shape=\"circle\"><\/div>\n          <div class=\"cell\" data-shape=\"square\"><\/div>\n          <div class=\"cell\" data-shape=\"qtr\"><\/div>\n          <div class=\"cell\" data-shape=\"hb\"><\/div>\n        <\/div>\n      <\/div>\n      <h3>R\u00e9f\u00e9rencement &amp; visibilit\u00e9.<\/h3>\n      <p>Audit SEO, mots-cl\u00e9s, contenu optimis\u00e9 et SEO technique \u2014 pour que votre site remonte dans Google et attire les bons clients, durablement.<\/p>\n      <div class=\"svc-tags\"><span>SEO<\/span><span>Local<\/span><span>Contenu<\/span><span>Analytics<\/span><\/div>\n    <\/article>\n    <article class=\"svc yellow reveal d3\">\n      <div class=\"svc-head\">\n        <span class=\"svc-num\">\/ 03<\/span>\n        <div class=\"svc-badge\" aria-hidden=\"true\">\n          <div class=\"cell\" data-shape=\"tri\"><\/div>\n          <div class=\"cell\" data-shape=\"qbl\"><\/div>\n          <div class=\"cell\" data-shape=\"circle\"><\/div>\n          <div class=\"cell\" data-shape=\"dots\"><\/div>\n        <\/div>\n      <\/div>\n      <h3>Design graphique &amp; PLV.<\/h3>\n      <p>Affiches, flyers, kak\u00e9monos, vitrophanies, cartes de visite et supports digitaux \u2014 un univers visuel coh\u00e9rent du print \u00e0 l'\u00e9cran.<\/p>\n      <div class=\"svc-tags\"><span>PLV<\/span><span>Affiches<\/span><span>Identit\u00e9<\/span><span>\u00c9dition<\/span><\/div>\n    <\/article>\n    <article class=\"svc reveal d4\">\n      <div class=\"svc-head\">\n        <span class=\"svc-num\">\/ 04<\/span>\n        <div class=\"svc-badge\" aria-hidden=\"true\">\n          <div class=\"cell\" data-shape=\"circle\"><\/div>\n          <div class=\"cell\" data-shape=\"dots\"><\/div>\n          <div class=\"cell\" data-shape=\"ht\"><\/div>\n          <div class=\"cell\" data-shape=\"square\"><\/div>\n        <\/div>\n      <\/div>\n      <h3>R\u00e9seaux sociaux &amp; strat\u00e9gie.<\/h3>\n      <p>Ligne \u00e9ditoriale, calendrier, cr\u00e9ation de visuels et reels, community management \u2014 votre communication digitale de A \u00e0 Z.<\/p>\n      <div class=\"svc-tags\"><span>Strat\u00e9gie<\/span><span>Contenu<\/span><span>Community<\/span><span>Reels<\/span><\/div>\n    <\/article>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-056a440 e-con-full e-flex e-con e-parent\" data-id=\"056a440\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6653c23 elementor-widget elementor-widget-html\" data-id=\"6653c23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"divider\" aria-hidden=\"true\">\n  <span class=\"rule\"><\/span>\n  <span class=\"emblem\">\n    <span class=\"cell c-red\"  data-shape=\"circle\"><\/span>\n    <span class=\"cell c-yel\"  data-shape=\"qtr\"><\/span>\n    <span class=\"cell c-ink\"  data-shape=\"tri\"><\/span>\n    <span class=\"cell c-red\"  data-shape=\"diam\"><\/span>\n    <span class=\"cell c-yel\"  data-shape=\"square\"><\/span>\n  <\/span>\n  <span class=\"rule\"><\/span>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2051a37 e-con-full e-flex e-con e-parent\" data-id=\"2051a37\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de90323 elementor-widget elementor-widget-html\" data-id=\"de90323\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"about\">\n  <div class=\"section-head\">\n    <div class=\"section-num\"><span class=\"glyph qt\"><\/span>\u00a7 02 \u2014 \u00c0 propos<\/div>\n    <h2 class=\"section-title reveal\">Un seul interlocuteur, <em>une vision<\/em> claire.<\/h2>\n    <div class=\"section-action\">\u21b3 M. Duvinage Maxime<\/div>\n  <\/div>\n  <div class=\"about-grid\">\n    <div class=\"about-frame reveal\">\n      <div class=\"about-deco d1\" aria-hidden=\"true\"><\/div>\n      <div class=\"about-deco d2\" aria-hidden=\"true\"><\/div>\n      <div class=\"img-slot\">\u21b3 Portrait professionnel<\/div>\n    <\/div>\n    <div class=\"about-body reveal d1\">\n      <h2>Je suis <em>freelance digital<\/em> \u2014 du concept \u00e0 la mise en ligne.<\/h2>\n      <p>Designer, d\u00e9veloppeur et strat\u00e8ge, je travaille en direct avec mes clients, sans interm\u00e9diaires. <strong>Des d\u00e9cisions rapides, un budget ma\u00eetris\u00e9 et un projet qui vous ressemble vraiment.<\/strong><\/p>\n      <p>Mon approche est simple \u2014 \u00e9couter, proposer, construire, puis vous accompagner pour faire vivre votre image bien au-del\u00e0 de la livraison.<\/p>\n      <div class=\"about-stats\">\n        <div><div class=\"n red\">30+<\/div><small>Projets livr\u00e9s<\/small><\/div>\n        <div><div class=\"n yel\">4\u00d7<\/div><small>M\u00e9tiers ma\u00eetris\u00e9s<\/small><\/div>\n        <div><div class=\"n navy\">2j<\/div><small>D\u00e9lai de r\u00e9ponse<\/small><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a0756e e-con-full e-flex e-con e-parent\" data-id=\"4a0756e\" data-element_type=\"container\" data-e-type=\"container\" id=\"process\">\n\t\t\t\t<div class=\"elementor-element elementor-element-783411d elementor-widget elementor-widget-html\" data-id=\"783411d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"process\" id=\"process\" style=\"background-color: rgb(20, 32, 66)\">\n  <div class=\"section-head\">\n    <div class=\"section-num\"><span class=\"glyph sq\"><\/span>\u00a7 03 \u2014 M\u00e9thode<\/div>\n    <h2 class=\"section-title reveal\">Quatre \u00e9tapes, <em>z\u00e9ro flou<\/em>.<\/h2>\n    <div class=\"section-action\">\u21b3 Brief \u2192 Conception \u2192 Production \u2192 Lancement<\/div>\n  <\/div>\n  <div class=\"process-list\">\n    <div class=\"step reveal d1\">\n      <div class=\"step-head\"><div class=\"step-num\">01<\/div><div class=\"step-shape\"><\/div><\/div>\n      <h4>Brief &amp; d\u00e9couverte<\/h4>\n      <p>Un \u00e9change visio pour comprendre votre activit\u00e9 et vos objectifs. Vous repartez avec un devis clair.<\/p>\n      <ul><li>Visio 45 min<\/li><li>Devis sous 48&nbsp;h<\/li><li>Cadrage \u00e9crit<\/li><\/ul>\n    <\/div>\n    <div class=\"step reveal d2\">\n      <div class=\"step-head\"><div class=\"step-num\">02<\/div><div class=\"step-shape\"><\/div><\/div>\n      <h4>Conception &amp; maquettes<\/h4>\n      <p>Recherche graphique, moodboard, maquettes interactives. Vous validez chaque \u00e9tape.<\/p>\n      <ul><li>Moodboard<\/li><li>Maquette Figma<\/li><li>2 allers-retours<\/li><\/ul>\n    <\/div>\n    <div class=\"step reveal d3\">\n      <div class=\"step-head\"><div class=\"step-num\">03<\/div><div class=\"step-shape\"><\/div><\/div>\n      <h4>Production &amp; d\u00e9veloppement<\/h4>\n      <p>D\u00e9veloppement, int\u00e9gration, SEO et tests \u2014 votre site est construit pour durer.<\/p>\n      <ul><li>Site responsive<\/li><li>SEO on-page<\/li><li>Tests navigateurs<\/li><\/ul>\n    <\/div>\n    <div class=\"step reveal d4\">\n      <div class=\"step-head\"><div class=\"step-num\">04<\/div><div class=\"step-shape\"><\/div><\/div>\n      <h4>Lancement &amp; suivi<\/h4>\n      <p>Mise en ligne, formation \u00e0 la prise en main, suivi de la communication.<\/p>\n      <ul><li>Formation 1&nbsp;h<\/li><li>Maintenance<\/li><li>Strat\u00e9gie r\u00e9seaux<\/li><\/ul>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c097cb1 e-con-full e-flex e-con e-parent\" data-id=\"c097cb1\" data-element_type=\"container\" data-e-type=\"container\" id=\"work\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6d5d9c elementor-widget elementor-widget-html\" data-id=\"e6d5d9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"work\">\n  <div class=\"section-head\">\n    <div class=\"section-num\"><span class=\"glyph ci\"><\/span>\u00a7 04 \u2014 R\u00e9alisations<\/div>\n    <h2 class=\"section-title reveal\">S\u00e9lection <em>r\u00e9cente<\/em>.<\/h2>\n    <div class=\"section-action\">\u21b3 2024 \u2014 2026<\/div>\n  <\/div>\n  <div class=\"work-filters\">\n  <button class=\"work-filter active\" data-filter=\"all\">Tous<\/button>\n  <button class=\"work-filter\" data-filter=\"site\">Site<\/button>\n  <button class=\"work-filter\" data-filter=\"social\">R\u00e9seaux Sociaux<\/button>\n  <button class=\"work-filter\" data-filter=\"design\">Design Graphique<\/button>\n  <button class=\"work-filter\" data-filter=\"brand\">Identit\u00e9 de Marque<\/button>\n<\/div>\n<div class=\"work-grid\">\n    <div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" data-url=\"https:\/\/interclub-cigar.com\/?preview_key=ERA_SECRET_2026\" data-password=\"cigare\"><div class=\"work-thumb\"><div class=\"img-slot\"><\/div><iframe class=\"work-preview-mini\" src=\"about:blank\" data-src=\"https:\/\/interclub-cigar.com\/?preview_key=ERA_SECRET_2026\" tabindex=\"-1\" aria-hidden=\"true\" title=\"Inter Club Cigar\"><\/iframe><span class=\"work-idx\">01<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">SITE \u00b7 2026<\/div><h5>Inter Club Cigar<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(1)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(1)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-interclub-cigar-identite.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">02<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">Identit\u00e9 de marque \u00b7 2025<\/div><h5>Inter Club Cigar<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(3)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(3)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-kristell-massiotta-social.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">03<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">R\u00e9seaux sociaux \u00b7 2025<\/div><h5>Kristell Massiotta<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(10)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(10)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-migrations-design.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">04<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">Design graphique \u00b7 2025<\/div><h5>Migrations<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" data-url=\"https:\/\/portscanal.fr\/\"><div class=\"work-thumb\"><div class=\"img-slot\"><\/div><iframe class=\"work-preview-mini\" src=\"about:blank\" data-src=\"https:\/\/portscanal.fr\/\" tabindex=\"-1\" aria-hidden=\"true\" title=\"Sodeports\"><\/iframe><span class=\"work-idx\">05<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">SITE \u00b7 2026<\/div><h5>Sodeports<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(2)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(2)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-kristell-massiotta-identite.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">06<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">Identit\u00e9 de marque \u00b7 2025<\/div><h5>Kristell Massiotta<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(8)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(8)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-ports-fluviaux-social.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">07<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">R\u00e9seaux sociaux \u00b7 2025<\/div><h5>Ports Fluviaux<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(11)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(11)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-lac-chocolatier-design.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">08<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">Design graphique \u00b7 2025<\/div><h5>Lac Chocolatier<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" data-url=\"https:\/\/oeuvresoeurmarie.com\/\"><div class=\"work-thumb\"><div class=\"img-slot\"><\/div><iframe class=\"work-preview-mini\" src=\"about:blank\" data-src=\"https:\/\/oeuvresoeurmarie.com\/\" tabindex=\"-1\" aria-hidden=\"true\" title=\"Oeuvre de Soeur Marie\"><\/iframe><span class=\"work-idx\">09<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">SITE \u00b7 2026<\/div><h5>Oeuvre de Soeur Marie<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(4)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(4)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-somail-la-robine-identite.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">10<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">Identit\u00e9 de marque \u00b7 2025<\/div><h5>Somail &amp; La Robine<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(9)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(9)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-oeuvre-soeur-marie-social.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">11<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">R\u00e9seaux sociaux \u00b7 2025<\/div><h5>Oeuvre de Soeur Marie<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(12)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(12)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-dis-moi-dix-mots-design.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">12<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">Design graphique \u00b7 2025<\/div><h5>Dis moi dix mots<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" data-url=\"https:\/\/mad-design-digital.com\/\"><div class=\"work-thumb\"><div class=\"img-slot\"><\/div><iframe class=\"work-preview-mini\" src=\"about:blank\" data-src=\"https:\/\/mad-design-digital.com\/\" tabindex=\"-1\" aria-hidden=\"true\" title=\"Mad - Design \/ Digital\"><\/iframe><span class=\"work-idx\">13<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">SITE \u00b7 2026<\/div><h5>Mad - Design \/ Digital<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(5)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(5)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-u-giardin-identite.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">14<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">Identit\u00e9 de marque \u00b7 2025<\/div><h5>\u00dc Giardin<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(6)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(6)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-musee-immigration-identite.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">15<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">Identit\u00e9 de marque \u00b7 2025<\/div><h5>Mus\u00e9e de l&#039;Immigration<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-card reveal\" role=\"link\" tabindex=\"0\" onclick=\"eraOpenProject(7)\" onkeydown=\"if(event.key==='Enter')eraOpenProject(7)\"><div class=\"work-thumb work-thumb-cover\" style=\"background-image:url(https:\/\/era-digital-consulting.com\/wp-content\/uploads\/realisations\/cover-ports-canal-identite.png)\"><div class=\"img-slot\"><\/div><span class=\"work-idx\">16<\/span><\/div><div class=\"work-meta\"><div><div class=\"tag\">Identit\u00e9 de marque \u00b7 2025<\/div><h5>Ports Canal<\/h5><\/div><span class=\"pin\"><\/span><\/div><\/div><div class=\"work-cta reveal d3\" role=\"link\" tabindex=\"0\" onclick=\"location.href='#contact'\">\n      <span class=\"k\">\u21b3 Votre projet<\/span>\n      <h4>Le prochain,<br>c'est le v\u00f4tre&nbsp;?<\/h4>\n      <span class=\"go\"><span>\u2192<\/span> D\u00e9marrer un projet<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"work-more-wrap\" id=\"work-more-wrap\"><button class=\"work-more-btn\" id=\"work-more-btn\" type=\"button\">Voir plus<\/button><\/div><script>\n(function(){\n  var LIMIT = 5;\n  var moreShown = false;\n  var currentFilter = 'all';\n  var allCards = Array.prototype.slice.call(document.querySelectorAll('.work-grid .work-card'));\n  var shuffled = allCards.slice();\n  for (var s = shuffled.length - 1; s > 0; s--) {\n    var r = Math.floor(Math.random() * (s + 1));\n    var tmp = shuffled[s]; shuffled[s] = shuffled[r]; shuffled[r] = tmp;\n  }\n  var defaultVisible = new Set(shuffled.slice(0, LIMIT));\n  function applyMoreLimit(){\n    var cards = document.querySelectorAll('.work-grid .work-card');\n    cards.forEach(function(card){\n      var catMatch = (currentFilter === 'all' || card.dataset.category === currentFilter);\n      if (!catMatch) { card.classList.remove('wf-more-hidden'); return; }\n      var withinLimit = (moreShown || currentFilter !== 'all' || defaultVisible.has(card));\n      if (withinLimit) card.classList.remove('wf-more-hidden'); else card.classList.add('wf-more-hidden');\n    });\n    var btnWrap = document.getElementById('work-more-wrap');\n    var moreBtn = document.getElementById('work-more-btn');\n    if (btnWrap) btnWrap.style.display = (currentFilter === 'all') ? 'flex' : 'none';\n    if (moreBtn) moreBtn.textContent = moreShown ? 'Voir moins' : 'Voir plus';\n  }\n  document.querySelectorAll('.work-filter').forEach(function(btn){\n    btn.addEventListener('click', function(){\n      currentFilter = btn.dataset.filter;\n      applyMoreLimit();\n      if (typeof eraRescalePreviews === 'function') eraRescalePreviews();\n    });\n  });\n  var moreBtn = document.getElementById('work-more-btn');\n  function eraRescalePreviews(){\n    document.querySelectorAll('.work-card').forEach(function(card){\n      if (card.offsetParent === null) return;\n      var thumb = card.querySelector('.work-thumb');\n      var frame = card.querySelector('.work-preview-mini');\n      if (!thumb || !frame) return;\n      var w = thumb.clientWidth;\n      if (!w) return;\n      var scale = w \/ 1280;\n      thumb.style.setProperty('--preview-scale', scale.toFixed(4));\n      frame.style.height = Math.ceil(thumb.clientHeight \/ scale) + 'px';\n      if (!frame.src || frame.src === 'about:blank' || frame.src === location.href) frame.src = frame.dataset.src;\n    });\n  }\n  if (moreBtn) moreBtn.addEventListener('click', function(){\n    moreShown = !moreShown;\n    applyMoreLimit();\n    eraRescalePreviews();\n    if (!moreShown) {\n      var section = document.getElementById('work');\n      if (section) section.scrollIntoView({block:'start', behavior:'smooth'});\n    }\n  });\n  applyMoreLimit();\n  eraRescalePreviews();\n  setTimeout(eraRescalePreviews, 300);\n})();\n<\/script>\n<div class=\"era-modal\" id=\"era-modal\">\n  <div class=\"era-modal-bg\" onclick=\"eraCloseProject()\"><\/div>\n  <div class=\"era-modal-panel\">\n    <button class=\"era-modal-close\" onclick=\"eraCloseProject()\" aria-label=\"Fermer\">\u2715<\/button>\n    <div class=\"era-modal-image\"><img decoding=\"async\" id=\"era-modal-img\" src=\"\" alt=\"\"><\/div>\n    <div class=\"era-modal-body\">\n      <div class=\"era-modal-cat\" id=\"era-modal-cat\"><\/div>\n      <h3 class=\"era-modal-title\" id=\"era-modal-title\"><\/h3>\n      <p class=\"era-modal-mission\" id=\"era-modal-mission\"><\/p>\n      <div class=\"era-modal-block\"><h6>Objectif<\/h6><p id=\"era-modal-objectif\"><\/p><\/div>\n      <div class=\"era-modal-block\"><h6>Solution<\/h6><p id=\"era-modal-solution\"><\/p><\/div>\n      <div class=\"era-modal-block\"><h6>R\u00e9sultat<\/h6><p id=\"era-modal-resultat\"><\/p><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>var eraProjects={\"1\":{\"cat\":\"ID\",\"catLabel\":\"Identit\u00e9 de marque\",\"title\":\"Inter Club Cigar\",\"mission\":\"Identit\u00e9 de marque & logo\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/interclub-cigar-identite.png\",\"objectif\":\"Cr\u00e9er un logo premium pour une association de cigares.\",\"solution\":\"Monogramme en cercle dor\u00e9 avec flamme stylis\u00e9e.\",\"resultat\":\"Un embl\u00e8me raffin\u00e9 qui refl\u00e8te l'univers premium.\"},\"2\":{\"cat\":\"ID\",\"catLabel\":\"Identit\u00e9 de marque\",\"title\":\"Kristell Massiotta\",\"mission\":\"Identit\u00e9 de marque & logo\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/kristell-massiotta-identite.png\",\"objectif\":\"Cr\u00e9er un logo professionnel pour une coach sportive.\",\"solution\":\"Logo typographique sobre et \u00e9l\u00e9gant.\",\"resultat\":\"Une identit\u00e9 forte qui positionne la coach comme experte.\"},\"3\":{\"cat\":\"RS\",\"catLabel\":\"R\u00e9seaux sociaux\",\"title\":\"Kristell Massiotta\",\"mission\":\"Cr\u00e9ation de contenu\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/kristell-massiotta-social.png\",\"objectif\":\"Cr\u00e9er une pr\u00e9sence Instagram professionnelle.\",\"solution\":\"Photo de profil, highlights et mod\u00e8les de posts coh\u00e9rents.\",\"resultat\":\"Un feed Instagram homog\u00e8ne et cr\u00e9dible.\"},\"4\":{\"cat\":\"ID\",\"catLabel\":\"Identit\u00e9 de marque\",\"title\":\"Somail & La Robine\",\"mission\":\"Identit\u00e9 de marque & logo\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/somail-la-robine-identite.png\",\"objectif\":\"Donner une identit\u00e9 visuelle forte aux ports Somail & Robine.\",\"solution\":\"Logo illustratif avec bateau et architecture locale.\",\"resultat\":\"Un logo moderne qui valorise le patrimoine local.\"},\"5\":{\"cat\":\"ID\",\"catLabel\":\"Identit\u00e9 de marque\",\"title\":\"\u00dc Giardin\",\"mission\":\"Identit\u00e9 de marque & logo\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/u-giardin-identite.png\",\"objectif\":\"Cr\u00e9er une identit\u00e9 pour un jardinier paysagiste.\",\"solution\":\"Logo typographique avec ic\u00f4ne v\u00e9g\u00e9tale.\",\"resultat\":\"Une identit\u00e9 qui inspire confiance et proximit\u00e9.\"},\"6\":{\"cat\":\"ID\",\"catLabel\":\"Identit\u00e9 de marque\",\"title\":\"Mus\u00e9e de l'Immigration\",\"mission\":\"Identit\u00e9 de marque & logo\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/musee-immigration-identite.png\",\"objectif\":\"Cr\u00e9er une identit\u00e9 visuelle pour un mus\u00e9e national.\",\"solution\":\"Identit\u00e9 graphique moderne et inclusive.\",\"resultat\":\"Une image institutionnelle forte et m\u00e9morable.\"},\"7\":{\"cat\":\"ID\",\"catLabel\":\"Identit\u00e9 de marque\",\"title\":\"Ports Canal\",\"mission\":\"Identit\u00e9 de marque & logo\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/ports-canal-identite.png\",\"objectif\":\"Cr\u00e9er une identit\u00e9 commune pour 4 ports de plaisance.\",\"solution\":\"Logo vectoriel d\u00e9clinable, palette couleurs et typographie.\",\"resultat\":\"Une identit\u00e9 unifi\u00e9e qui renforce l'attractivit\u00e9 de chaque port.\"},\"8\":{\"cat\":\"RS\",\"catLabel\":\"R\u00e9seaux sociaux\",\"title\":\"Ports Fluviaux\",\"mission\":\"Cr\u00e9ation de contenu\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/ports-fluviaux-social.png\",\"objectif\":\"Communiquer sur les ports fluviaux via les r\u00e9seaux.\",\"solution\":\"Visuels de contenu digital pour r\u00e9seaux sociaux.\",\"resultat\":\"Des publications engageantes qui valorisent le territoire.\"},\"9\":{\"cat\":\"RS\",\"catLabel\":\"R\u00e9seaux sociaux\",\"title\":\"Oeuvre de Soeur Marie\",\"mission\":\"Cr\u00e9ation de contenu\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/oeuvre-soeur-marie-social.png\",\"objectif\":\"D\u00e9velopper la pr\u00e9sence digitale d'une association.\",\"solution\":\"Visuels coh\u00e9rents avec banni\u00e8res et publications.\",\"resultat\":\"Une image professionnelle qui valorise l'association.\"},\"10\":{\"cat\":\"DESIGN\",\"catLabel\":\"Design graphique\",\"title\":\"Migrations\",\"mission\":\"Affiche & impression\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/migrations-design.png\",\"objectif\":\"Cr\u00e9er une affiche percutante sur la th\u00e9matique des migrations.\",\"solution\":\"Affiche typographique \u00e9purant le message.\",\"resultat\":\"Une affiche percutante et m\u00e9morable.\"},\"11\":{\"cat\":\"DESIGN\",\"catLabel\":\"Design graphique\",\"title\":\"Lac Chocolatier\",\"mission\":\"Affiche & impression\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/lac-chocolatier-design.png\",\"objectif\":\"Cr\u00e9er une identit\u00e9 graphique gourmande.\",\"solution\":\"Supports print avec typographie chaleureuse et palette chocolat.\",\"resultat\":\"Un univers visuel savoureux et distinctif.\"},\"12\":{\"cat\":\"DESIGN\",\"catLabel\":\"Design graphique\",\"title\":\"Dis moi dix mots\",\"mission\":\"Affiche & impression\",\"detail\":\"https:\\\/\\\/era-digital-consulting.com\\\/wp-content\\\/uploads\\\/realisations\\\/dis-moi-dix-mots-design.png\",\"objectif\":\"Cr\u00e9er une affiche pour un concours po\u00e9tique.\",\"solution\":\"Composition typographique audacieuse et expressive.\",\"resultat\":\"Une affiche m\u00e9morable qui valorise les mots.\"}};function eraOpenProject(id){var p=eraProjects[id];if(!p)return;document.getElementById(\"era-modal-img\").src=p.detail;document.getElementById(\"era-modal-cat\").textContent=p.catLabel;document.getElementById(\"era-modal-title\").textContent=p.title;document.getElementById(\"era-modal-mission\").textContent=p.mission;document.getElementById(\"era-modal-objectif\").textContent=p.objectif;document.getElementById(\"era-modal-solution\").textContent=p.solution;document.getElementById(\"era-modal-resultat\").textContent=p.resultat;document.getElementById(\"era-modal\").classList.add(\"open\");document.body.style.overflow=\"hidden\";}function eraCloseProject(){document.getElementById(\"era-modal\").classList.remove(\"open\");document.body.style.overflow=\"\";}document.addEventListener(\"keydown\",function(e){if(e.key===\"Escape\")eraCloseProject();});<\/script>\n<div class=\"work-lightbox\" aria-hidden=\"true\">\n    <div class=\"work-lightbox-bg\"><\/div>\n    <div class=\"work-lightbox-panel\">\n      <div class=\"work-lightbox-bar\">\n        <span class=\"work-lightbox-title\"><\/span>\n        <button class=\"work-lightbox-close\" aria-label=\"Fermer\">&#x2715;<\/button>\n      <\/div>\n      <div class=\"work-lightbox-body\">\n        <iframe src=\"\" allowfullscreen loading=\"lazy\" title=\"Aper\u00e7u du projet\"><\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02fbacc e-con-full e-flex e-con e-parent\" data-id=\"02fbacc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-382ea9b elementor-widget elementor-widget-html\" data-id=\"382ea9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"divider\" aria-hidden=\"true\">\n  <span class=\"rule\"><\/span>\n  <span class=\"emblem\">\n    <span class=\"cell c-yel\"  data-shape=\"qbr\"><\/span>\n    <span class=\"cell c-red\"  data-shape=\"square\"><\/span>\n    <span class=\"cell c-ink\"  data-shape=\"circle\"><\/span>\n    <span class=\"cell c-yel\"  data-shape=\"tri\"><\/span>\n    <span class=\"cell c-red\"  data-shape=\"diam\"><\/span>\n  <\/span>\n  <span class=\"rule\"><\/span>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fbd344 e-con-full e-flex e-con e-parent\" data-id=\"0fbd344\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64d3f12 elementor-widget elementor-widget-html\" data-id=\"64d3f12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"contact\" id=\"contact\">\n  <div class=\"section-head\">\n    <div class=\"section-num\"><span class=\"glyph ci\"><\/span>\u00a7 05 \u2014 Contact<\/div>\n    <h2 class=\"section-title reveal\">Parlons de <em>votre projet<\/em>.<\/h2>\n    <div class=\"section-action\">\u21b3 R\u00e9ponse sous 48 h<\/div>\n  <\/div>\n  <div class=\"contact-grid\">\n    <div class=\"contact-left reveal\">\n      <h2>Dites <em>bonjour<\/em><br>\u00e0 <span style=\"background:var(--yellow);padding:0 0.15em;border-radius:0 .4em .4em 0\">ERA.<\/span><\/h2>\n      <div class=\"contact-channels\">\n        <a class=\"channel\" href=\"mailto:eradigitalconsulting@outlook.fr\">\n          <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 7l9 6 9-6M3 7v10a2 2 0 002 2h14a2 2 0 002-2V7M3 7l2-2h14l2 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <span>eradigitalconsulting@outlook.fr<\/span>\n          <small>email \u2192<\/small>\n        <\/a>\n        <a class=\"channel\" href=\"tel:+33665275953\">\n          <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 4h4l2 5-3 2a12 12 0 005 5l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <span>+33 6 65 27 59 53<\/span>\n          <small>t\u00e9l\u00e9phone \u2192<\/small>\n        <\/a>\n        <a class=\"channel\" href=\"https:\/\/www.instagram.com\/eradigital.consulting\" target=\"_blank\" rel=\"noopener\">\n          <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/span>\n          <span>@eradigital.consulting<\/span>\n          <small>instagram \u2192<\/small>\n        <\/a>\n<\/div>\n    <\/div>\n    <form id=\"era-contact-form\" class=\"contact-form reveal d1\">\n      <div class=\"form-row\">\n        <div class=\"field\"><label>Pr\u00e9nom<\/label><input type=\"text\" placeholder=\"Camille\" \/ name=\"prenom\"><\/div>\n        <div class=\"field\"><label>Nom<\/label><input type=\"text\" placeholder=\"Aubry\" \/ name=\"nom\"><\/div>\n      <\/div>\n      <div class=\"field\"><label>Email<\/label><input type=\"email\" placeholder=\"camille@exemple.fr\" \/ name=\"email\"><\/div>\n      <div class=\"field\">\n        <label>Service(s)<\/label>\n        <div class=\"chips\" id=\"chip-services\">\n          <span class=\"chip\">Site web<\/span>\n          <span class=\"chip\">SEO<\/span>\n          <span class=\"chip\">Design \/ PLV<\/span>\n          <span class=\"chip\">R\u00e9seaux sociaux<\/span>\n          <span class=\"chip\">Autre<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"field\">\n        <label>Votre projet<\/label>\n        <textarea placeholder=\"D\u00e9crivez votre activit\u00e9, vos objectifs et l'\u00e9ch\u00e9ance id\u00e9ale\u2026\" name=\"message\"><\/textarea>\n      <\/div>\n      <button class=\"submit\" type=\"submit\">Envoyer mon brief \u2192<\/button>\n    \n<div id=\"era-form-status\" style=\"display:none;margin-top:12px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;\"><\/div>\n\n<div id=\"era-form-status\" style=\"display:none;margin-top:14px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;\"><\/div>\n<\/form>\n  <\/div>\n<\/section><script>\n(function(){\n  var prenoms = ['Camille','Lucas','L\u00e9a','Hugo','Chlo\u00e9','Th\u00e9o','In\u00e8s','Nathan','Manon','Adam','Jade','Lo\u00efc','Emma','Gabriel','Zo\u00e9','Rapha\u00ebl','Sarah','Mathis','Anna','Louis'];\n  var noms = ['Aubry','Bernard','Girard','Lefevre','Moreau','Dubois','Lambert','Rousseau','Fontaine','Guerin','Bertrand','Simon','Vidal','Perrin','Roche','Barbier','Faure','Andre','Muller','Blanc'];\n  var p = document.querySelector('#era-contact-form input[name=\"prenom\"]');\n  var n = document.querySelector('#era-contact-form input[name=\"nom\"]');\n  var e = document.querySelector('#era-contact-form input[name=\"email\"]');\n  var chosenPrenom = prenoms[Math.floor(Math.random()*prenoms.length)];\n  var chosenNom = noms[Math.floor(Math.random()*noms.length)];\n  if (p) p.setAttribute('placeholder', chosenPrenom);\n  if (n) n.setAttribute('placeholder', chosenNom);\n  if (e) {\n    var slug = chosenPrenom.normalize('NFD').replace(\/[\u0300-\u036f]\/g, '').toLowerCase();\n    e.setAttribute('placeholder', slug + '@exemple.fr');\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b70a70b e-con-full e-flex e-con e-parent\" data-id=\"b70a70b\" data-element_type=\"container\" data-e-type=\"container\" id=\"footer-section\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d49f830 elementor-widget elementor-widget-html\" data-id=\"d49f830\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer>\n  <div class=\"foot-grid\">\n    <div class=\"foot-brand-wrap\">\n      <div class=\"foot-logo\">\n        <svg viewBox=\"0 8 220 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Era Digital Consulting\" style=\"height:clamp(40px,6vw,60px);width:auto\">\n          <rect x=\"0\" y=\"8\" width=\"40\" height=\"40\" rx=\"4\" fill=\"#1d2949\"\/>\n          <text x=\"6\" y=\"37\" font-family=\"Archivo,sans-serif\" font-weight=\"900\" font-size=\"28\" fill=\"#f0e6cf\">E<\/text>\n          <rect x=\"44\" y=\"8\" width=\"40\" height=\"40\" rx=\"4\" fill=\"#e54a2c\"\/>\n          <text x=\"50\" y=\"37\" font-family=\"Archivo,sans-serif\" font-weight=\"900\" font-size=\"28\" fill=\"#f0e6cf\">R<\/text>\n          <rect x=\"88\" y=\"8\" width=\"40\" height=\"40\" rx=\"4\" fill=\"#eeb44b\"\/>\n          <text x=\"94\" y=\"37\" font-family=\"Archivo,sans-serif\" font-weight=\"900\" font-size=\"28\" fill=\"#1d2949\">A<\/text>\n          <text x=\"136\" y=\"26\" font-family=\"Space Grotesk,sans-serif\" font-weight=\"600\" font-size=\"10\" fill=\"#1d2949\" letter-spacing=\"0.5\">DIGITAL<\/text>\n          <text x=\"136\" y=\"40\" font-family=\"Space Grotesk,sans-serif\" font-weight=\"400\" font-size=\"9\" fill=\"#4a527a\" letter-spacing=\"0.3\">CONSULTING<\/text>\n        <\/svg>\n        <div class=\"foot-mini\" id=\"foot-mini\" aria-hidden=\"true\" style=\"height:clamp(40px,6vw,60px);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;\">\n          <div class=\"cell c-red\" data-shape=\"qbr\"><\/div>\n          <div class=\"cell c-yel\" data-shape=\"circle\"><\/div>\n          <div class=\"cell c-ink\" data-shape=\"square\"><\/div>\n          <div class=\"cell c-yel\" data-shape=\"dots\"><\/div>\n          <div class=\"cell c-red\" data-shape=\"circle\"><\/div>\n          <div class=\"cell c-ink\" data-shape=\"qtl\"><\/div>\n          <div class=\"cell c-ink\" data-shape=\"qtr\"><\/div>\n          <div class=\"cell c-red\" data-shape=\"square\"><\/div>\n          <div class=\"cell c-yel\" data-shape=\"hb\"><\/div>\n        <\/div>\n      <\/div>\n      <p>Freelance digital \u00b7 Sites internet, design, SEO &amp; communication. <strong>Toi + Moi = COM<\/strong>.<\/p>\n    <\/div>\n    <div class=\"foot-col\"><h6>Services<\/h6>\n      <a href=\"#services\">Sites internet<\/a><a href=\"#services\">R\u00e9f\u00e9rencement<\/a>\n      <a href=\"#services\">Design &amp; PLV<\/a><a href=\"#services\">R\u00e9seaux sociaux<\/a>\n    <\/div>\n    <div class=\"foot-col\"><h6>Studio<\/h6>\n      <a href=\"#about\">\u00c0 propos<\/a><a href=\"#process\">M\u00e9thode<\/a>\n      <a href=\"#work\">R\u00e9alisations<\/a><a href=\"#contact\">Contact<\/a>\n    <\/div>\n    <div class=\"foot-col\"><h6>Suivez<\/h6>\n      <a href=\"#\">Instagram<\/a><a href=\"#\">LinkedIn<\/a>\n      <a href=\"#\">Behance<\/a><a href=\"#\">Dribbble<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"foot-bottom\">\n    <span>\u00a9 2026 Era Digital Consulting \u00b7 Nice, France<\/span>\n    <span>Con\u00e7u &amp; d\u00e9velopp\u00e9 en direct<\/span><span><a href=\"\/index.php\/mentions-legales\/\" style=\"text-decoration:underline\">Mentions l\u00e9gales<\/a> \u00b7 <a href=\"\/index.php\/politique-de-confidentialite\/\" style=\"text-decoration:underline\">Politique de confidentialit\u00e9<\/a> \u00b7 <a href=\"#\" id=\"era-manage-cookies\" style=\"text-decoration:underline\">G\u00e9rer les cookies<\/a><\/span>\n  <\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-181c606 e-con-full e-flex e-con e-parent\" data-id=\"181c606\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42707c0 elementor-widget elementor-widget-html\" data-id=\"42707c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n\/* disable browser scroll restoration - fix mobile crop on reload *\/\nif ('scrollRestoration' in history) history.scrollRestoration = 'manual';\nvar _savedScroll = sessionStorage.getItem('era_scroll');\nwindow.addEventListener('load', function() {\n  if (_savedScroll) { window.scrollTo(0, parseInt(_savedScroll)); sessionStorage.removeItem('era_scroll'); }\n});\nwindow.addEventListener('beforeunload', function() {\n  sessionStorage.setItem('era_scroll', window.scrollY);\n});\n\n\n(function shapes(){\n  const SHAPES_HERO  = ['square','circle','qtl','qtr','qbl','qbr','ht','hb','hl','hr','dots','tri','diam','arch','cross','ring'];\n  const SHAPES_SMALL = ['square','circle','qtl','qtr','qbl','qbr','dots','ht','hb'];\n  const COLORS = ['c-ink','c-red','c-yel','c-cream'];\n  const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  function pick(arr, exclude){ let s, i=0; do { s = arr[Math.floor(Math.random()*arr.length)]; i++; } while(s===exclude && i<6); return s; }\n  function morphCell(cell, shapes, colors, opts){\n    if(reduce){ cell.dataset.shape = pick(shapes, cell.dataset.shape); return; }\n    cell.classList.add('is-morph');\n    setTimeout(()=>{ cell.dataset.shape = pick(shapes, cell.dataset.shape); if(colors && Math.random() < (opts.colorChance||0.35)){ const curC = COLORS.find(c => cell.classList.contains(c)); const nc = pick(colors, curC); if(curC) cell.classList.remove(curC); cell.classList.add(nc); } }, 470);\n    setTimeout(()=> cell.classList.remove('is-morph'), 980);\n  }\n  function diagonalKey(cell, cols){ return (cell.__idx % cols) + Math.floor(cell.__idx \/ cols) }\n  function startMorpher(selector, shapes, colors, opts){\n    const cells = [...document.querySelectorAll(selector)];\n    if(!cells.length) return;\n    cells.forEach((c,i)=> c.__idx = i);\n    const cols = opts.cols || Math.round(Math.sqrt(cells.length)) || 4;\n    function tick(){ const batch = Math.max(1, Math.floor(cells.length * (opts.batch||0.3))); const chosen = [...cells].sort(()=>Math.random()-0.5).slice(0, batch); chosen.sort((a,b)=> diagonalKey(a,cols) - diagonalKey(b,cols)); chosen.forEach((c, i)=> setTimeout(()=> morphCell(c, shapes, colors, opts), i * 110)); }\n    setInterval(tick, opts.interval||2200);\n  }\n  startMorpher('#hero-grid .cell',  ['square','circle','qtl','qtr','qbl','qbr','ht','hb','tri','diam','dots'], ['c-ink','c-red','c-yel'], {interval:2600, batch:0.28, colorChance:0.4, cols:3});\n  startMorpher('.divider .cell',    SHAPES_SMALL, ['c-ink','c-red','c-yel','c-cream'], {interval:2100, batch:0.4, colorChance:0.45, cols:5});\n  startMorpher('.svc-badge .cell',  SHAPES_SMALL, null, {interval:1800, batch:0.5, cols:2});\n  startMorpher('#foot-mini .cell',  SHAPES_SMALL, ['c-ink','c-red','c-yel'], {interval:2300, batch:0.33, colorChance:0.5, cols:3});\n})();\n\/* On reload: instantly reveal work cards (bypass observer timing issues) *\/\n(function(){\n  var nav = performance.navigation ? performance.navigation.type : \n            (performance.getEntriesByType('navigation')[0] || {}).type;\n  var isReload = (nav === 1 || nav === 'reload');\n  if (isReload) {\n    document.addEventListener('DOMContentLoaded', function() {\n      document.querySelectorAll('.work-card, .work-cta').forEach(function(el) {\n        el.classList.add('in');\n      });\n    });\n    \/\/ Also run immediately in case DOMContentLoaded already fired\n    document.querySelectorAll('.work-card, .work-cta').forEach(function(el) {\n      el.classList.add('in');\n    });\n  }\n})();\n\n(function reveal(){\n  const els = [...document.querySelectorAll('.reveal')];\n  const show = el => el.classList.add('in');\n  const io = new IntersectionObserver((entries)=>{ entries.forEach(e=>{ if(e.isIntersecting){ show(e.target); io.unobserve(e.target); } }); }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n  els.forEach(el => io.observe(el));\n  \/* fix: reveal elements already in viewport after scroll restoration *\/\n  const checkInView = () => {\n    document.querySelectorAll('.reveal:not(.in)').forEach(el => {\n      const r = el.getBoundingClientRect();\n      if (r.top < window.innerHeight + 60 && r.bottom > -60) { el.classList.add('in'); io.unobserve(el); }\n    });\n  };\n  window.addEventListener('pageshow', () => requestAnimationFrame(() => requestAnimationFrame(checkInView)));\n  [200, 600, 1200].forEach(d => setTimeout(checkInView, d));\n  requestAnimationFrame(()=>{ const vh = window.innerHeight; els.forEach(el=>{ const r=el.getBoundingClientRect(); if(r.top<vh && r.bottom>0){ show(el); io.unobserve(el); } }); });\n  setTimeout(()=> els.forEach(show), 1400);\n})();\n(function progress(){\n  const root = document.documentElement;\n  const heroGrid = document.querySelector('.hero-composition');\n  function update(){ const max = (root.scrollHeight - window.innerHeight) || 1; const sp = Math.min(1, Math.max(0, window.scrollY \/ max)); root.style.setProperty('--sp', sp.toFixed(4)); if(heroGrid){ const par = Math.min(28, window.scrollY * 0.08); heroGrid.style.setProperty('--par', (-par).toFixed(1) + 'px'); } }\n  update();\n  let t = false;\n  window.addEventListener('scroll', ()=>{ if(!t){ requestAnimationFrame(()=>{ update(); t=false }); t=true } }, {passive:true});\n})();\ndocument.querySelectorAll('#chip-services .chip').forEach(c=>{ c.addEventListener('click', ()=> c.classList.toggle('on')); });\nconst navToggle = document.getElementById('nav-toggle');\nif(navToggle){ navToggle.addEventListener('click', function(){ const links = document.getElementById('nav-links'); links.classList.toggle('open'); }); }\ndocument.querySelectorAll('#nav-links a').forEach(a=>{ a.addEventListener('click', ()=> document.getElementById('nav-links').classList.remove('open')); });\n\n\/* ===== Mobile seamless marquee ===== *\/\n(function mobileMarquee(){\n  \/\/ runs on all screen sizes\n  const track = document.querySelector('.marquee-track');\n  if (!track) return;\n  \/\/ Stop CSS animation\n  track.style.animation = 'none';\n  track.style.transform = 'translateX(0)';\n  \/\/ Speed: pixels per second\n  const speed = window.innerWidth > 760 ? 40 : 80;\n  let pos = 0;\n  const totalWidth = track.scrollWidth \/ 2; \/\/ content is doubled\n  function step(ts) {\n    pos += speed \/ 60;\n    if (pos >= totalWidth) pos -= totalWidth;\n    track.style.transform = 'translateX(-' + pos + 'px)';\n    requestAnimationFrame(step);\n  }\n  requestAnimationFrame(step);\n})();\n\n\/* Force visible overflow on work containers via inline style (beats everything) *\/\n(function fixWorkOverflow() {\n  function apply() {\n    var els = [\n      document.querySelector('.elementor-element-c097cb1'),\n      document.querySelector('.elementor-element-e6d5d9c'),\n      document.querySelector('#work') \/\/ inner section\n    ];\n    els.forEach(function(el) {\n      if (!el) return;\n      el.style.setProperty('overflow', 'visible', 'important');\n      el.style.setProperty('height', 'auto', 'important');\n      el.style.setProperty('max-height', 'none', 'important');\n      el.style.setProperty('--overflow', 'visible');\n    });\n    \/\/ Also force work cards visible\n    document.querySelectorAll('.work-card, .work-cta').forEach(function(el) {\n      el.classList.add('in');\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', apply);\n  } else {\n    apply();\n  }\n  window.addEventListener('load', apply);\n  setTimeout(apply, 500);\n})();\n\n\n\/* MutationObserver: prevent any script from setting fixed height on work containers *\/\n(function watchWorkHeight(){\n  var sels=['.elementor-element-c097cb1','.elementor-element-e6d5d9c'];\n  function fix(el){if(!el)return;el.style.setProperty('height','auto','important');el.style.setProperty('overflow','visible','important');}\n  function watch(el){\n    fix(el);\n    new MutationObserver(function(){\n      var h=el.style.height;if(h&&h!=='auto'){fix(el);}\n    }).observe(el,{attributes:true,attributeFilter:['style']});\n  }\n  function init(){sels.forEach(function(s){var el=document.querySelector(s);if(el)watch(el);});}\n  if(document.readyState!=='loading')init();else document.addEventListener('DOMContentLoaded',init);\n  \/* Also use ResizeObserver on the work-grid to keep container in sync *\/\n  window.addEventListener('load',function(){\n    var grid=document.querySelector('.work-grid');\n    var cont=document.querySelector('.elementor-element-c097cb1');\n    if(!grid||!cont||!window.ResizeObserver)return;\n    var ro=new ResizeObserver(function(){\n      var gh=grid.scrollHeight;\n      var ch=cont.offsetHeight;\n      if(gh>ch-200){cont.style.setProperty('min-height',(gh+300)+'px','important');}\n    });\n    ro.observe(grid);\n  });\n})();\n\n\/* Work card lightbox *\/\n(function(){\n  \/* Responsive scale for mini preview iframes *\/\n  function updateScales(){\n    document.querySelectorAll('.work-card').forEach(function(card){\n      var thumb=card.querySelector('.work-thumb');\n      var frame=card.querySelector('.work-preview-mini');\n      if(!thumb||!frame)return;\n      var w=thumb.clientWidth;\n      var scale=w\/1280;\n      thumb.style.setProperty('--preview-scale',scale.toFixed(4));\n      frame.style.height=Math.ceil(thumb.clientHeight\/scale)+'px';\n    });\n  }\n\n  function openBox(card){\n    var url=card.dataset.url;if(!url)return;\n    var box=document.querySelector('.work-lightbox');if(!box)return;\n    var iframe=box.querySelector('iframe');\n    var titleEl=box.querySelector('.work-lightbox-title');\n    var h5=card.querySelector('h5');\n    if(titleEl)titleEl.textContent=h5?h5.textContent:'';\n    if(iframe)iframe.src=url;\n    box.classList.add('open');\n    box.setAttribute('aria-hidden','false');\n    document.body.style.overflow='hidden';\n  }\n\n  function closeBox(){\n    var box=document.querySelector('.work-lightbox');if(!box)return;\n    box.classList.remove('open');\n    box.setAttribute('aria-hidden','true');\n    document.body.style.overflow='';\n    var iframe=box.querySelector('iframe');\n    setTimeout(function(){if(iframe)iframe.src='about:blank';},300);\n  }\n\n  function loadPreviews(){\n    document.querySelectorAll('.work-preview-mini[data-src]').forEach(function(f){\n      if(!f.src||f.src==='about:blank'||f.src===location.href)f.src=f.dataset.src;\n    });\n  }\n\n  function init(){\n    updateScales();\n    window.addEventListener('resize',updateScales);\n    loadPreviews();\n    document.querySelectorAll('.work-card[data-url]').forEach(function(card){\n      card.addEventListener('click',function(){openBox(card);});\n      card.addEventListener('keydown',function(e){if(e.key==='Enter'||e.key===' '){e.preventDefault();openBox(card);}});\n    });\n    var closeBtn=document.querySelector('.work-lightbox-close');\n    var bg=document.querySelector('.work-lightbox-bg');\n    if(closeBtn)closeBtn.addEventListener('click',closeBox);\n    if(bg)bg.addEventListener('click',closeBox);\n    document.addEventListener('keydown',function(e){if(e.key==='Escape')closeBox();});\n  }\n  if(document.readyState!=='loading')init();\n  else document.addEventListener('DOMContentLoaded',init);\n})();\n\n\/* Logo scroll to top *\/\n(function(){\n  var logo = document.querySelector('a.brand[href=\"#top\"]');\n  if (!logo) return;\n  logo.addEventListener('click', function(e) {\n    e.preventDefault();\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  });\n})();\n<\/script>\n<script>\n(function(){\n  function tagToCategory(t){\n    t=t.toUpperCase();\n    if(t.indexOf('SITE')===0||t.indexOf('SHOP')===0)return'site';\n    if(t.indexOf('SOCIAL')===0||t.indexOf('RS ')===0||t.indexOf('RESEAU')===0||t.indexOf('R\u00c9SEAU')===0)return'social';\n    if(t.indexOf('DESIGN')===0||t.indexOf('PLV')===0||t.indexOf('GRAPH')===0)return'design';\n    if(t.indexOf('ID ')===0||t.indexOf('BRAND')===0||t.indexOf('LOGO')===0||t.indexOf('CHARTE')===0||t.indexOf('IDENT')===0)return'brand';\n    return'other';\n  }\n  function initFilters(){\n    document.querySelectorAll('.work-card').forEach(function(card){\n      var tag=card.querySelector('.tag');\n      if(tag)card.dataset.category=tagToCategory(tag.textContent.trim());\n    });\n    document.querySelectorAll('.work-filter').forEach(function(btn){\n      btn.addEventListener('click',function(){\n        var filter=btn.dataset.filter;\n        document.querySelectorAll('.work-filter').forEach(function(b){b.classList.remove('active');});\n        btn.classList.add('active');\n        document.querySelectorAll('.work-card').forEach(function(card){\n          if(filter==='all'||card.dataset.category===filter){card.classList.remove('wf-hidden');}\n          else{card.classList.add('wf-hidden');}\n        });\n      });\n    });\n  }\n  if(document.readyState!=='loading')initFilters();\n  else document.addEventListener('DOMContentLoaded',initFilters);\n})();\n<\/script>\n<script>\n(function(){\n  function initContactForm(){\n    var form=document.getElementById('era-contact-form');\n    if(!form)return;\n    form.addEventListener('submit',function(e){\n      e.preventDefault();\n      var btn=form.querySelector('.submit');\n      var status=document.getElementById('era-form-status');\n      var services=[...form.querySelectorAll('.chip.on')].map(function(c){return c.textContent.trim();});\n      var payload={\n        prenom:(form.querySelector('[name=\"prenom\"]')||{}).value||'',\n        nom:(form.querySelector('[name=\"nom\"]')||{}).value||'',\n        email:(form.querySelector('[name=\"email\"]')||{}).value||'',\n        services:services.join(', ')||'Non precis\u00e9',\n        message:(form.querySelector('[name=\"message\"]')||{}).value||''\n      };\n      if(!payload.prenom||!payload.email||!payload.message){\n        status.style.display='block';\n        status.style.background='rgba(200,50,50,.12)';\n        status.style.color='#c00';\n        status.textContent='Merci de remplir tous les champs requis.';\n        return;\n      }\n      if(btn){btn.disabled=true;btn.textContent='Envoi en cours\u2026';}\n      fetch('\/index.php\/wp-json\/era\/v1\/contact',{\n        method:'POST',\n        headers:{'Content-Type':'application\/json'},\n        body:JSON.stringify(payload)\n      }).then(function(r){return r.json();}).then(function(res){\n        status.style.display='block';\n        if(res.success){\n          status.style.background='rgba(20,100,60,.12)';\n          status.style.color='#1a6e3c';\n          status.textContent='Message envoy\u00e9 ! Nous vous r\u00e9pondrons dans les plus brefs d\u00e9lais. \u2713';\n          form.reset();\n          form.querySelectorAll('.chip.on').forEach(function(c){c.classList.remove('on');});\n          if(btn){btn.disabled=false;btn.textContent='Envoyer mon brief \u2192';}\n        }else{\n          status.style.background='rgba(200,50,50,.12)';\n          status.style.color='#c00';\n          status.textContent=\"Erreur lors de l'envoi. Contactez-nous directement.\";\n          if(btn){btn.disabled=false;btn.textContent='Envoyer mon brief \u2192';}\n        }\n      }).catch(function(){\n        status.style.display='block';\n        status.style.background='rgba(200,50,50,.12)';\n        status.style.color='#c00';\n        status.textContent='Erreur r\u00e9seau. V\u00e9rifiez votre connexion.';\n        if(btn){btn.disabled=false;btn.textContent='Envoyer mon brief \u2192';}\n      });\n    });\n  }\n  if(document.readyState!=='loading')initContactForm();\n  else document.addEventListener('DOMContentLoaded',initContactForm);\n})();\n<\/script>\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>E R A DIGITAL CONSULTING Services \u00c0 propos M\u00e9thode R\u00e9alisations Contact D\u00e9marrer un projet Freelance digital \u00b7 France Faisons rayonnervotre marque. Toi + Moi = COM Era Digital Consulting con\u00e7oit des sites internet, des identit\u00e9s visuelles et des strat\u00e9gies de communication pour les entrepreneurs, artisans et PME. Quatre m\u00e9tiers, une signature. D\u00e9marrer un projet Voir [&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-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/era-digital-consulting.com\/index.php\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/era-digital-consulting.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/era-digital-consulting.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/era-digital-consulting.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/era-digital-consulting.com\/index.php\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":131,"href":"https:\/\/era-digital-consulting.com\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/era-digital-consulting.com\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/era-digital-consulting.com\/index.php\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}