{"id":9,"date":"2026-05-03T18:42:36","date_gmt":"2026-05-03T16:42:36","guid":{"rendered":"https:\/\/musiqueeducation.com\/?page_id=9"},"modified":"2026-05-27T13:24:22","modified_gmt":"2026-05-27T11:24:22","slug":"home","status":"publish","type":"page","link":"https:\/\/musiqueeducation.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edb18fc e-flex e-con-boxed e-con e-parent\" data-id=\"edb18fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bb99e2 elementor-widget elementor-widget-html\" data-id=\"8bb99e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --bg:#fafaff;\n    --paper:#ffffff;\n    --ink:#15172e;\n    --ink-2:#2a2d4a;\n    --muted:#6b6f8b;\n    --line:#e6e7f2;\n    --primary:#4338ca;\n    --primary-dk:#3527a8;\n    --primary-soft:#eef0ff;\n    --orange:#f97316;\n    --orange-soft:#fff1e6;\n    --green:#10b981;\n    --sans:'Inter',system-ui,sans-serif;\n    --mono:'JetBrains Mono',monospace;\n  }\n  *{box-sizing:border-box;margin:0;padding:0}\n  html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}\n  img{max-width:100%;display:block}\n  a{color:inherit;text-decoration:none}\n  .wrap{max-width:1280px;margin:0 auto;padding:0 28px}\n  @media(max-width:640px){.wrap{padding:0 18px}}\n\n  \/* Top *\/\n  header.top{position:sticky;top:0;z-index:50;background:rgba(250,250,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}\n  .top-row{display:flex;align-items:center;justify-content:space-between;height:68px}\n  .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}\n  .brand-logo{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--orange));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}\n  .brand b{color:var(--primary)}\n  nav.menu ul{list-style:none;display:flex;gap:28px;font-size:14px;font-weight:500}\n  nav.menu a{color:var(--ink-2)}\n  nav.menu a:hover{color:var(--primary)}\n  .top-actions{display:flex;align-items:center;gap:10px}\n  .btn-ghost{font-size:14px;font-weight:600;color:var(--ink-2);padding:8px 14px}\n  .btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--primary);color:#fff;font-weight:600;font-size:14px;border-radius:8px;transition:background .2s;border:0;cursor:pointer}\n  .btn-primary:hover{background:var(--primary-dk)}\n  @media(max-width:920px){nav.menu{display:none}}\n\n  \/* Hero \u2014 court *\/\n  .hero{padding:80px 0 30px;text-align:center;position:relative}\n  .hero-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:99px;background:var(--orange-soft);color:var(--orange);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}\n  .hero-pill::before{content:\"\u25cf\";color:var(--orange)}\n  .hero h1{font-size:clamp(40px,5.5vw,68px);font-weight:800;line-height:1.05;letter-spacing:-.025em;max-width:20ch;margin:18px auto 16px}\n  .hero h1 b{background:linear-gradient(135deg,var(--primary),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}\n  .hero p.lede{font-size:18px;color:var(--muted);max-width:60ch;margin:0 auto 36px}\n  .hero-meta{display:flex;justify-content:center;gap:32px;font-size:13px;color:var(--muted);flex-wrap:wrap}\n  .hero-meta span::before{content:\"\u2713\";color:var(--green);font-weight:700;margin-right:6px}\n\n  \/* 4 services grid \u2014 la vitrine *\/\n  .vitrine{padding:60px 0 100px}\n  .vitrine-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;gap:20px;flex-wrap:wrap}\n  .vitrine-head h2{font-size:28px;font-weight:700;letter-spacing:-.01em}\n  .vitrine-head p{color:var(--muted);font-size:14px;max-width:38ch}\n  .vitrine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n  .vit-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:14px;transition:all .25s;cursor:pointer;position:relative;overflow:hidden}\n  .vit-card::after{content:\"\u2192\";position:absolute;top:24px;right:24px;font-size:18px;color:var(--primary);opacity:0;transition:all .25s}\n  .vit-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 16px 36px rgba(67,56,202,.1)}\n  .vit-card:hover::after{opacity:1;transform:translateX(3px)}\n  .vit-icon{width:46px;height:46px;border-radius:11px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}\n  .vit-icon svg{width:22px;height:22px}\n  .vit-card.alt .vit-icon{background:var(--orange-soft);color:var(--orange)}\n  .vit-card .num{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}\n  .vit-card h3{font-size:17px;font-weight:700;line-height:1.25}\n  .vit-card p{font-size:13.5px;color:var(--muted);line-height:1.55}\n  .vit-card .status{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--green);margin-top:auto}\n  .vit-card .status.beta{color:var(--orange)}\n  @media(max-width:1000px){.vitrine-grid{grid-template-columns:1fr 1fr}}\n  @media(max-width:560px){.vitrine-grid{grid-template-columns:1fr}}\n\n  \/* Personae \u2014 pour qui *\/\n  .personae{padding:100px 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n  .personae-head{text-align:center;max-width:600px;margin:0 auto 50px}\n  .personae-head h2{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}\n  .personae-head p{color:var(--muted);font-size:16px;margin-top:14px}\n  .pers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n  .pers-card{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}\n  .pers-card::before{content:\"\";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary),var(--orange))}\n  .pers-card .role{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-weight:600}\n  .pers-card h3{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.2}\n  .pers-card .needs{display:flex;flex-direction:column;gap:8px;margin:8px 0;font-size:14px;color:var(--ink-2)}\n  .pers-card .needs span::before{content:\"\u203a\";color:var(--orange);font-weight:700;margin-right:8px}\n  .pers-card .reco{margin-top:14px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}\n  .pers-card .reco strong{color:var(--primary);display:block;margin-top:4px;font-size:14px;font-weight:600}\n  @media(max-width:900px){.pers-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}\n\n  \/* Founder \u2014 bio compacte *\/\n  .founder{padding:120px 0}\n  .founder-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:60px;align-items:center}\n  .founder-portrait{aspect-ratio:1;background:linear-gradient(135deg,var(--primary),var(--orange));border-radius:24px;overflow:hidden;position:relative}\n  .founder-portrait img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.75}\n  .founder-portrait .badge{position:absolute;bottom:18px;left:18px;right:18px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);padding:14px 18px;border-radius:12px}\n  .founder-portrait .badge strong{font-size:15px;font-weight:700}\n  .founder-portrait .badge span{display:block;font-size:12px;color:var(--muted);margin-top:2px}\n  .founder-info .role{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:14px}\n  .founder-info h2{font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}\n  .founder-info p{color:var(--ink-2);font-size:16px;margin-bottom:14px;line-height:1.65}\n  .founder-info p strong{color:var(--ink);font-weight:600}\n  .founder-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;padding-top:30px;border-top:1px solid var(--line)}\n  .fs .n{font-size:32px;font-weight:800;color:var(--primary);letter-spacing:-.02em;line-height:1}\n  .fs .l{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}\n  @media(max-width:900px){.founder-grid{grid-template-columns:1fr;gap:40px}.founder-portrait{max-width:340px}.founder-stats{grid-template-columns:1fr 1fr}}\n\n  \/* Sous-domaines *\/\n  .ecosystem{padding:120px 0;background:var(--paper);color:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n  .eco-head{text-align:center;margin-bottom:50px;max-width:560px;margin-left:auto;margin-right:auto}\n  .eco-head .pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;background:var(--primary-soft);color:var(--primary);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}\n  .eco-head h2{font-size:clamp(30px,3.8vw,44px);font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.1}\n  .eco-head p{color:var(--muted);margin-top:14px;font-size:15px}\n  .eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:0 auto}\n  .eco-card{background:var(--bg);border:1px solid var(--line);padding:24px;border-radius:14px}\n  .eco-card .url{font-family:var(--mono);font-size:13px;color:var(--orange);margin-bottom:10px;word-break:break-all}\n  .eco-card h4{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px}\n  .eco-card p{font-size:13.5px;color:var(--muted);line-height:1.55;margin-bottom:14px}\n  .eco-card .badge{display:inline-block;font-family:var(--mono);font-size:10px;padding:3px 8px;border-radius:99px;background:rgba(16,185,129,.12);color:var(--green);letter-spacing:.06em;text-transform:uppercase;font-weight:600}\n  .eco-card .badge.soon{background:var(--orange-soft);color:var(--orange)}\n  @media(max-width:900px){.eco-grid{grid-template-columns:1fr;max-width:500px}}\n\n  \/* CTA final *\/\n  .cta-final{padding:120px 0}\n  .cta-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:60px 50px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}\n  .cta-box::before{content:\"\";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(67,56,202,.15),transparent 70%);pointer-events:none}\n  .cta-box h2{font-size:clamp(28px,3.5vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:18px;position:relative;z-index:1}\n  .cta-box p{color:var(--muted);font-size:15px;position:relative;z-index:1}\n  .cta-form{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}\n  .cta-form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n  .cta-form input,.cta-form select{padding:13px 16px;background:var(--bg);border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:14px;outline:none;color:var(--ink)}\n  .cta-form input:focus,.cta-form select:focus{border-color:var(--primary);background:#fff}\n  .cta-form button{padding:14px 22px;background:var(--ink);color:#fff;border:0;border-radius:10px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}\n  .cta-form button:hover{background:var(--primary)}\n  @media(max-width:780px){.cta-box{grid-template-columns:1fr;padding:40px 28px}}\n\n  \/* Footer *\/\n  footer{background:var(--paper);border-top:1px solid var(--line);padding:60px 0 30px}\n  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}\n  .foot-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;margin-bottom:14px}\n  .foot-grid p{color:var(--muted);font-size:14px;max-width:34ch}\n  .foot-grid h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-weight:700;margin-bottom:14px}\n  .foot-grid li{list-style:none;font-size:14px;line-height:2.1;color:var(--muted)}\n  .foot-grid a:hover{color:var(--primary)}\n  .foot-bottom{margin-top:30px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);flex-wrap:wrap;gap:14px}\n  @media(max-width:780px){.foot-grid{grid-template-columns:1fr 1fr}}\n\n  \/* === FIX MENU + DYNAMISME (v2) === *\/\n  html{scroll-behavior:smooth;scroll-padding-top:80px}\n\n  \/* Pill pulse *\/\n  @keyframes me-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}\n  .hero-pill::before{display:inline-block;animation:me-pulse 2s ease-in-out infinite}\n\n  \/* H1 gradient slow shift *\/\n  @keyframes me-shift{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}\n  .hero h1 b{animation:me-shift 8s ease-in-out infinite;background-size:200% 200%}\n\n  \/* Fade-in \/ slide-up at scroll *\/\n  .me-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease-out,transform .7s ease-out;will-change:opacity,transform}\n  .me-reveal.me-in{opacity:1;transform:translateY(0)}\n  \/* Stagger pour grids enfants *\/\n  .vitrine-grid .vit-card,.pers-grid .pers-card,.eco-grid .eco-card,.founder-stats .fs{opacity:0;transform:translateY(18px);transition:opacity .55s ease-out,transform .55s ease-out}\n  .me-stagger.me-in .vit-card,.me-stagger.me-in .pers-card,.me-stagger.me-in .eco-card,.me-stagger.me-in .fs{opacity:1;transform:translateY(0)}\n  .me-stagger.me-in > *:nth-child(1){transition-delay:0ms}\n  .me-stagger.me-in > *:nth-child(2){transition-delay:90ms}\n  .me-stagger.me-in > *:nth-child(3){transition-delay:180ms}\n  .me-stagger.me-in > *:nth-child(4){transition-delay:270ms}\n\n  \/* Founder portrait subtle float *\/\n  @keyframes me-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n  .founder-portrait{animation:me-float 6s ease-in-out infinite}\n\n  \/* CTA button arrow nudge *\/\n  .btn-primary,.cta-form button,.vit-card .status{transition:all .2s ease}\n  .vit-card:hover .status{transform:translateX(2px)}\n\n  \/* Eco card hover lift *\/\n  .eco-card{transition:all .3s ease}\n  .eco-card:hover{transform:translateY(-3px);background:#fff;border-color:var(--primary);box-shadow:0 12px 28px rgba(67,56,202,.08)}\n\n  \/* Pers card hover *\/\n  .pers-card{transition:all .3s ease}\n  .pers-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(67,56,202,.08)}\n\n  \/* Reduce motion *\/\n  @media (prefers-reduced-motion: reduce){\n    *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}\n    .me-reveal{opacity:1;transform:none}\n    .vitrine-grid .vit-card,.pers-grid .pers-card,.eco-grid .eco-card,.founder-stats .fs{opacity:1;transform:none}\n  }\n\n\n  \/* === LOGOS === *\/\n  .me-mockup .brand-img{height:42px !important;width:auto !important;max-width:none !important;display:block !important;object-fit:contain !important}\n  .me-mockup .foot-brand .brand-img{height:38px !important}\n  .me-mockup .eco-card .eco-logo{height:54px !important;width:auto !important;max-width:none !important;display:block !important;margin:0 0 14px 0 !important;opacity:.95 !important;object-fit:contain !important}\n  .me-mockup .brand-logo{display:none !important}\n  \n\n  \/* === ECO ICONS === *\/\n  .eco-icon{width:46px;height:46px;border-radius:11px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:14px}\n  .eco-icon svg{width:24px;height:24px}\n  .eco-card:nth-child(2) .eco-icon{background:var(--orange-soft);color:var(--orange)}\n  .eco-card:nth-child(3) .eco-icon{background:#f3f4f6;color:var(--ink-2)}\n  \n<\/style>\n<div class=\"me-mockup\">\n<header class=\"top\">\n  <div class=\"wrap top-row\">\n    <a href=\"#top\" class=\"brand\" aria-label=\"Musique Education\">\n      <img decoding=\"async\" src=\"https:\/\/musiqueeducation.com\/wp-content\/uploads\/2026\/05\/Logo-Musique-Education-clair.png\" alt=\"Musique Education\" class=\"brand-img\">\n    <\/a>\n    <nav class=\"menu\">\n      <ul>\n        <li><a href=\"#vitrine\">Solutions<\/a><\/li>\n        <li><a href=\"#personae\">Pour qui<\/a><\/li>\n        <li><a href=\"\/le-fondateur\">L'\u00e9diteur<\/a><\/li>\n        <li><a href=\"#vitrine\">Tarifs<\/a><\/li>\n        <li><a href=\"#cta-final\">Contact<\/a><\/li>\n      <\/ul>\n    <\/nav>\n    <div class=\"top-actions\">\n      <a href=\"https:\/\/musiqueeducation.com\/wp-login.php\" class=\"btn-ghost\">Se connecter<\/a>\n      <a href=\"#cta-final\" class=\"btn-primary\">Demander un devis \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/header>\n\n<section class=\"hero\" id=\"top\">\n  <div class=\"wrap\">\n    <span class=\"hero-pill\">\u00c9diteur de logiciels musicaux \u00b7 est. 2024 \u00b7 Annonay<\/span>\n    <h1>Vos <b>quatre solutions<\/b> num\u00e9riques pour l'enseignement musical.<\/h1>\n    <p class=\"lede\">Apps de gestion d'\u00e9cole, formations en ligne, outils p\u00e9dagogiques sur mesure et d\u00e9veloppement custom. \u00c9dit\u00e9s par un professeur-d\u00e9veloppeur ard\u00e9chois \u2014 pour les \u00e9coles, conservatoires, profs ind\u00e9pendants et apprenants.<\/p>\n    <div class=\"hero-meta\">\n      <span>Con\u00e7u par un musicien actif<\/span>\n      <span>H\u00e9berg\u00e9 en France \u00b7 O2switch<\/span>\n      <span>Sans engagement<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vitrine wrap\" id=\"vitrine\">\n  <div class=\"vitrine-head\">\n    <h2>Le catalogue<\/h2>\n    <p>Quatre offres, chacune autonome, qui peuvent se combiner selon vos besoins.<\/p>\n  <\/div>\n  <div class=\"vitrine-grid me-reveal me-stagger\">\n    <article class=\"vit-card\">\n      <div class=\"vit-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/><path d=\"M9 21V9\"\/><\/svg><\/div>\n      <span class=\"num\">\/\/ 01 \u00b7 App SaaS<\/span>\n      <h3>Apps de gestion d'\u00e9cole<\/h3>\n      <p>Inscriptions, planning, pr\u00e9sences, paiements SEPA, bulletins. Espace parents inclus.<\/p>\n      <span class=\"status\">\u25cf Disponible \u00b7 d\u00e9mo en 30 min<\/span>\n    <\/article>\n    <article class=\"vit-card alt\">\n      <div class=\"vit-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div>\n      <span class=\"num\">\/\/ 02 \u00b7 Formations<\/span>\n      <h3>Formations en ligne<\/h3>\n      <p>Cours de batterie. D'autres instruments pourraient \u00eatre propos\u00e9s selon les rencontres artistiques.<\/p>\n      <span class=\"status beta\">\u25cf Bient\u00f4t disponible<\/span>\n    <\/article>\n    <article class=\"vit-card\">\n      <div class=\"vit-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4\"\/><path d=\"M12 18v4\"\/><path d=\"M4.93 4.93l2.83 2.83\"\/><path d=\"M16.24 16.24l2.83 2.83\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg><\/div>\n      <span class=\"num\">\/\/ 03 \u00b7 Outils p\u00e9da<\/span>\n      <h3>Outils p\u00e9dagogiques<\/h3>\n      <p>M\u00e9tronomes intelligents, lecteurs partitions, plateformes de m\u00e9thodes propres.<\/p>\n      <span class=\"status beta\">\u25cf Roadmap<\/span>\n    <\/article>\n    <article class=\"vit-card alt\">\n      <div class=\"vit-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg><\/div>\n      <span class=\"num\">\/\/ 04 \u00b7 Sur mesure<\/span>\n      <h3>D\u00e9veloppement custom<\/h3>\n      <p>App web ou mobile pour un projet musical : association, label, m\u00e9thode propre.<\/p>\n      <span class=\"status\">\u25cf Devis sous 5 jours<\/span>\n    <\/article>\n  <\/div>\n<\/section>\n\n<section class=\"personae\" id=\"personae\">\n  <div class=\"wrap\">\n    <div class=\"personae-head me-reveal\">\n      <h2>Trois profils, trois portes d'entr\u00e9e.<\/h2>\n      <p>Selon qui vous \u00eates, c'est par l\u00e0 que \u00e7a commence.<\/p>\n    <\/div>\n    <div class=\"pers-grid me-reveal me-stagger\">\n      <article class=\"pers-card\">\n        <span class=\"role\">\/\/ 01 \u00b7 Vous dirigez<\/span>\n        <h3>Une \u00e9cole de musique<\/h3>\n        <div class=\"needs\">\n          <span>Stop aux tableurs Excel<\/span>\n          <span>R\u00e9duire la charge admin<\/span>\n          <span>Espace familles unifi\u00e9<\/span>\n          <span>Voir les chiffres en temps r\u00e9el<\/span>\n        <\/div>\n        <div class=\"reco\">\n          Notre solution principale :\n          <strong>Apps de gestion + sur mesure si besoin sp\u00e9cifique \u2192<\/strong>\n        <\/div>\n      <\/article>\n      <article class=\"pers-card\">\n        <span class=\"role\">\/\/ 02 \u00b7 Vous enseignez<\/span>\n        <h3>En tant que prof ind\u00e9pendant<\/h3>\n        <div class=\"needs\">\n          <span>Vendre vos cours en ligne<\/span>\n          <span>Suivre vos \u00e9l\u00e8ves entre les s\u00e9ances<\/span>\n          <span>Outils int\u00e9gr\u00e9s (m\u00e9tronome, tabs)<\/span>\n          <span>Boutique cours personnelle<\/span>\n        <\/div>\n        <div class=\"reco\">\n          Notre solution principale :\n          <strong>Plateforme formations + outils p\u00e9da \u2192<\/strong>\n        <\/div>\n      <\/article>\n      <article class=\"pers-card\">\n        <span class=\"role\">\/\/ 03 \u00b7 Vous apprenez<\/span>\n        <h3>La batterie ou autre instrument<\/h3>\n        <div class=\"needs\">\n          <span>M\u00e9thode structur\u00e9e<\/span>\n          <span>Retours d'un vrai prof<\/span>\n          <span>Progression visible<\/span>\n          <span>Pas un \u00e9ni\u00e8me tuto YouTube<\/span>\n        <\/div>\n        <div class=\"reco\">\n          Notre solution principale :\n          <strong>Catalogue formations en ligne \u2192<\/strong>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"founder\" id=\"founder\">\n  <div class=\"wrap founder-grid\">\n    <div class=\"founder-portrait\">\n      <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/kevin-fondateur\/700\/700\" alt=\"Kevin Blachier\">\n      <div class=\"badge\">\n        <strong>Kevin Blachier<\/strong>\n        <span>Fondateur \u00b7 Professeur \u00b7 D\u00e9veloppeur<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"founder-info me-reveal\">\n      <span class=\"role\">\/\/ L'\u00e9diteur<\/span>\n      <h2>Vingt ans en \u00e9cole de musique. Maintenant, je code ce qui manque.<\/h2>\n      <p><strong>DEM batterie au Conservatoire de Romans-sur-Is\u00e8re en 2018.<\/strong> Cinq ans au Conservatoire Ard\u00e8che musique &amp; danse jusqu'\u00e0 sa fermeture, dont la derni\u00e8re ann\u00e9e comme directeur p\u00e9dagogique de l'antenne de Satillieu.<\/p>\n      <p>Aujourd'hui directeur p\u00e9dagogique de l'\u00e9cole Val d'Ay Z'Arts (Satillieu) et professeur dans 3 \u00e9coles associatives + 1 coll\u00e8ge. <strong>Musique Education<\/strong> est ce que j'aurais voulu trouver c\u00f4t\u00e9 outils, pendant toutes ces ann\u00e9es.<\/p>\n      <div class=\"founder-stats me-reveal me-stagger\">\n        <div class=\"fs\"><div class=\"n\">2006<\/div><div class=\"l\">premier poste de prof<\/div><\/div>\n        <div class=\"fs\"><div class=\"n\">2018<\/div><div class=\"l\">DEM batterie<\/div><\/div>\n        <div class=\"fs\"><div class=\"n\">5 ans<\/div><div class=\"l\">au conservatoire<\/div><\/div>\n        <div class=\"fs\"><div class=\"n\">4<\/div><div class=\"l\">structures o\u00f9 j'enseigne<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"ecosystem\" id=\"ecosystem\">\n  <div class=\"wrap\">\n    <div class=\"eco-head me-reveal\">\n      <span class=\"pill\">Architecture multi-services<\/span>\n      <h2>Une marque, plusieurs sous-domaines.<\/h2>\n      <p>Chaque service a sa porte d'entr\u00e9e d\u00e9di\u00e9e. Un m\u00eame compte, un m\u00eame contact.<\/p>\n    <\/div>\n    <div class=\"eco-grid me-reveal me-stagger\">\n      <article class=\"eco-card\">\n        <div class=\"eco-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"9\" rx=\"8\" ry=\"3\"\/><path d=\"M4 9v8c0 1.66 3.58 3 8 3s8-1.34 8-3V9\"\/><path d=\"M5.5 6.5l-2-3\"\/><path d=\"M18.5 6.5l2-3\"\/><\/svg><\/div>\n        <div class=\"url\">batterie.musiqueeducation.com<\/div>\n        <h4>L'\u00e9cole de batterie en ligne<\/h4>\n        <p>Formations vid\u00e9os, suivi personnalis\u00e9, communaut\u00e9 d'\u00e9l\u00e8ves. <em>Liste d'attente bient\u00f4t ouverte.<\/em><\/p>\n        <span class=\"badge soon\">\u25cf bient\u00f4t<\/span>\n      <\/article>\n      <article class=\"eco-card\">\n        <div class=\"eco-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"\/><path d=\"M5 21V10l7-5 7 5v11\"\/><path d=\"M9 21v-6h6v6\"\/><circle cx=\"12\" cy=\"3\" r=\"0.5\" fill=\"currentColor\"\/><path d=\"M12 3v2\"\/><\/svg><\/div>\n        <div class=\"url\">gestion.musiqueeducation.com<\/div>\n        <h4>Le SaaS de gestion d'\u00e9cole<\/h4>\n        <p>Espace login pour les \u00e9coles \u00e9quip\u00e9es et leurs \u00e9quipes p\u00e9dagogiques.<\/p>\n        <span class=\"badge soon\">\u25cf bient\u00f4t<\/span>\n      <\/article>\n      <article class=\"eco-card\">\n        <div class=\"eco-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"7\" r=\"2.5\"\/><circle cx=\"18\" cy=\"7\" r=\"2.5\"\/><circle cx=\"12\" cy=\"18\" r=\"2.5\"\/><path d=\"M8.2 8.2l3 8\"\/><path d=\"M15.8 8.2l-3 8\"\/><path d=\"M8.5 7h7\"\/><\/svg><\/div>\n        <div class=\"url\">ecole.musiqueeducation.com<\/div>\n        <h4>Espace partenaires<\/h4>\n        <p>\u00c0 venir \u2014 phase 2 du projet.<\/p>\n        <span class=\"badge soon\">\u25cf \u00e0 venir<\/span>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"cta-final wrap\" id=\"cta-final\">\n  <div class=\"cta-box me-reveal\">\n    <div>\n      <h2>Vous avez un besoin pr\u00e9cis ? D\u00e9crivez-le, on revient sous 48 h.<\/h2>\n      <p>Demande de d\u00e9mo, devis sur mesure, ou simple \u00e9change \u2014 toujours sans engagement.<\/p>\n    <\/div>\n    <form class=\"cta-form\" onsubmit=\"event.preventDefault();this.querySelector('button').textContent='Merci \u2713'\">\n      <div class=\"row\">\n        <input type=\"text\" placeholder=\"Votre nom\" required>\n        <input type=\"email\" placeholder=\"Email\" required>\n      <\/div>\n      <select required>\n        <option value=\"\">Quel service vous int\u00e9resse ?<\/option>\n        <option>Apps de gestion d'\u00e9cole<\/option>\n        <option>Formations en ligne<\/option>\n        <option>Outils p\u00e9dagogiques<\/option>\n        <option>D\u00e9veloppement sur mesure<\/option>\n        <option>Je ne sais pas encore<\/option>\n      <\/select>\n      <button type=\"submit\">Envoyer ma demande \u2192<\/button>\n    <\/form>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"wrap\">\n    <div class=\"foot-grid\">\n      <div>\n        <div class=\"foot-brand\"><img decoding=\"async\" src=\"https:\/\/musiqueeducation.com\/wp-content\/uploads\/2026\/05\/Logo-Musique-Education-clair.png\" alt=\"Musique Education\" class=\"brand-img\"><\/div>\n        <p>\u00c9diteur de logiciels et formations pour l'enseignement musical. Con\u00e7u en Ard\u00e8che, par un professeur-d\u00e9veloppeur du m\u00e9tier.<\/p>\n      <\/div>\n      <div>\n        <h4>Solutions<\/h4>\n        <ul><li><a href=\"\/apps-gestion\">Apps gestion<\/a><\/li><li><a href=\"\/formations\">Formations<\/a><\/li><li><a href=\"\/outils-pedagogiques\">Outils p\u00e9da<\/a><\/li><li><a href=\"\/sur-mesure\">Sur mesure<\/a><\/li><\/ul>\n      <\/div>\n      <div>\n        <h4>L'\u00e9diteur<\/h4>\n        <ul><li><a href=\"\/le-fondateur\">Le fondateur<\/a><\/li><li><a href=\"\/carnet\">Carnet<\/a><\/li><li><a href=\"\/temoignages\">T\u00e9moignages<\/a><\/li><li><a href=\"\/faq\">FAQ<\/a><\/li><\/ul>\n      <\/div>\n      <div>\n        <h4>Contact<\/h4>\n        <ul><li>Annonay, France<\/li><li>06 70 78 48 53<\/li><li>kevinblachier@gmail.com<\/li><\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"foot-bottom\">\n      <span>\u00a9 2026 Musique Education \u00b7 Tous droits r\u00e9serv\u00e9s<\/span>\n      <span><\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n(function(){\n  \/\/ Counter animation for .fs .n\n  function animateCounter(el){\n    var raw = el.dataset.target || el.textContent.trim();\n    var m = raw.match(\/^(\\d+)(.*)$\/);\n    if (!m) return;\n    var target = parseInt(m[1], 10);\n    var suffix = m[2] || '';\n    var dur = 1200;\n    var start = performance.now();\n    function step(t){\n      var p = Math.min(1,(t-start)\/dur);\n      var eased = 1 - Math.pow(1-p, 3);\n      el.textContent = Math.round(target * eased) + suffix;\n      if (p < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n\n  \/\/ Cache initial values for counters\n  document.querySelectorAll('.fs .n').forEach(function(el){\n    el.dataset.target = el.textContent.trim();\n    el.textContent = '0' + (el.dataset.target.match(\/\\D+$\/) ? el.dataset.target.match(\/\\D+$\/)[0] : '');\n  });\n\n  \/\/ IntersectionObserver for reveal + counter\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if (e.isIntersecting){\n          e.target.classList.add('me-in');\n          \/\/ Trigger counter if this is founder-stats\n          if (e.target.classList.contains('founder-stats')){\n            e.target.querySelectorAll('.fs .n').forEach(animateCounter);\n          }\n          io.unobserve(e.target);\n        }\n      });\n    }, {threshold: 0.18, rootMargin: '0px 0px -40px 0px'});\n    document.querySelectorAll('.me-reveal').forEach(function(el){ io.observe(el); });\n  } else {\n    \/\/ Fallback : show everything\n    document.querySelectorAll('.me-reveal').forEach(function(el){ el.classList.add('me-in'); });\n    document.querySelectorAll('.fs .n').forEach(function(el){ el.textContent = el.dataset.target; });\n  }\n})();\n<\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\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>Solutions Pour qui L&#8217;\u00e9diteur Tarifs Contact Se connecter Demander un devis \u2192 \u00c9diteur de logiciels musicaux \u00b7 est. 2024 \u00b7 Annonay Vos quatre solutions num\u00e9riques pour l&#8217;enseignement musical. Apps de gestion d&#8217;\u00e9cole, formations en ligne, outils p\u00e9dagogiques sur mesure et d\u00e9veloppement custom. \u00c9dit\u00e9s par un professeur-d\u00e9veloppeur ard\u00e9chois \u2014 pour les \u00e9coles, conservatoires, profs ind\u00e9pendants et [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/musiqueeducation.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/musiqueeducation.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/musiqueeducation.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/musiqueeducation.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/musiqueeducation.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":32,"href":"https:\/\/musiqueeducation.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/musiqueeducation.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/musiqueeducation.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}