Outiref

Code source de l'URL : https://www.aide-autoedition.fr

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Aide Auto‑Édition accompagnement éditorial pour auteurs indépendants</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="description" content="Studio d’accompagnement éditorial pour auteurs qui souhaitent auto‑éditer leur livre : conseil, correction, design, fabrication, démarches légales, distribution et promotion.">
  <meta name="robots" content="index,follow">
  <link rel="canonical" href="https://www.aide-autoedition.fr">

  <meta property="og:type" content="website">
  <meta property="og:title" content="Aide Auto‑Édition – Studio d’accompagnement éditorial pour auteurs indépendants">
  <meta property="og:description" content="Gardez vos droits et pilotez votre projet de livre avec un accompagnement éditorial de niveau professionnel pour l’auto‑édition.">
  <meta property="og:url" content="https://www.aide-autoedition.fr">
  <meta property="og:site_name" content="Aide Auto‑Édition">

  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="Aide Auto‑Édition – Studio d’accompagnement éditorial pour auteurs indépendants">
  <meta name="twitter:description" content="Un studio éditorial pour transformer votre manuscrit en livre imprimé d’exception, sans perdre la main sur vos droits.">

 <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://www.aide-autoedition.fr/#org",
      "name": "Aide Auto-Édition",
      "legalName": "Aide Auto-Édition",
      "url": "https://www.aide-autoedition.fr/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://www.aide-autoedition.fr/logo.png"
      },
      "description": "Accompagnement complet pour publier votre livre en auto-édition",
      "foundingDate": "2020",
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "FR"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+33-02-48-14-25",
        "contactType": "customer service",
        "url": "https://www.aide-autoedition.fr/contact.html"
      },
      "knowsAbout": [
        "Auto-édition",
        "Impression à la demande",
        "Correction éditoriale",
        "Design de couverture",
        "Dépôt légal"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://www.aide-autoedition.fr/#site",
      "url": "https://www.aide-autoedition.fr/",
      "name": "Aide Auto-Édition",
      "publisher": {
        "@id": "https://www.aide-autoedition.fr/#org"
      },
      "inLanguage": "fr"
    },
    {
      "@type": "WebPage",
      "@id": "https://www.aide-autoedition.fr/#webpage",
      "url": "https://www.aide-autoedition.fr/",
      "name": "Auto-édition : publiez votre livre en auteur indépendant | Aide Auto-Édition",
      "description": "Conseils, impression à la demande et accompagnement complet pour publier votre livre en auto-édition : mise en page, couverture, correction et démarches légales.",
      "isPartOf": {
        "@id": "https://www.aide-autoedition.fr/#site"
      },
      "breadcrumb": {
        "@id": "https://www.aide-autoedition.fr/#breadcrumbs"
      },
      "mainEntity": {
        "@id": "https://www.aide-autoedition.fr/#service"
      }
    },
    {
      "@type": "Service",
      "@id": "https://www.aide-autoedition.fr/#service",
      "name": "Accompagnement à l'Auto-Édition",
      "serviceType": "Publishing Services",
      "provider": {
        "@id": "https://www.aide-autoedition.fr/#org"
      },
      "areaServed": {
        "@type": "Country",
        "name": "France"
      },
      "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Services d'édition",
        "itemListElement": [
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Impression Haute Qualité",
              "description": "Fabrication de livres avec reliure ultra-résistante (PUR)"
            }
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Mise en page PAO",
              "description": "Maquettes professionnelles pour print et digital"
            }
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Design de couverture",
              "description": "Création de couvertures percutantes"
            }
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Correction professionnelle",
              "description": "Relecture et polissage par des experts"
            }
          }
        ]
      }
    },
    {
      "@type": "HowTo",
      "@id": "https://www.aide-autoedition.fr/#howto",
      "name": "Les 6 étapes indispensables vers la publication",
      "description": "Méthodologie complète pour transformer un manuscrit en livre publié.",
      "mainEntityOfPage": {
        "@id": "https://www.aide-autoedition.fr/#webpage"
      },
      "step": [
        {
          "@type": "HowToStep",
          "position": 1,
          "name": "Bêta-lecture",
          "text": "Confrontez votre texte à des lecteurs test pour ajuster l'intrigue."
        },
        {
          "@type": "HowToStep",
          "position": 2,
          "name": "Correction pro",
          "text": "Orthographe, syntaxe et élimination des coquilles."
        },
        {
          "@type": "HowToStep",
          "position": 3,
          "name": "Mise en page & design",
          "text": "Mise en page intérieure et design de couverture captivant."
        },
        {
          "@type": "HowToStep",
          "position": 4,
          "name": "Démarches légales",
          "text": "Attribution ISBN, dépôt légal à la BnF."
        },
        {
          "@type": "HowToStep",
          "position": 5,
          "name": "Distribution large",
          "text": "Disponibilité sur Amazon, Fnac, Cultura."
        },
        {
          "@type": "HowToStep",
          "position": 6,
          "name": "Lancement & Promotion",
          "text": "Campagnes réseaux sociaux et relations influenceurs."
        }
      ]
    },
    {
      "@type": "FAQPage",
      "@id": "https://www.aide-autoedition.fr/#faq",
      "mainEntityOfPage": {
        "@id": "https://www.aide-autoedition.fr/#webpage"
      },
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Dois-je choisir définitivement entre le format papier et le format numérique ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Absolument pas. L'immense force de l'auto-édition moderne réside dans la complémentarité : vous pouvez proposer simultanément votre ouvrage en versions imprimées traditionnelles et en version ePub."
          }
        },
        {
          "@type": "Question",
          "name": "Que comprend concrètement votre accompagnement éditorial ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Il s'agit d'un accompagnement à 360 degrés : un diagnostic structurel du texte, une correction orthotypographique minutieuse et des conseils d'agencement intérieur."
          }
        },
        {
          "@type": "Question",
          "name": "Qui prend en charge les démarches d'attribution d'ISBN et de dépôt légal ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Chaque étape légale est documentée, expliquée et supervisée par nos experts, depuis la demande d'ISBN jusqu'à l'envoi physique à la BnF."
          }
        },
        {
          "@type": "Question",
          "name": "Suis-je totalement libre du choix de mes canaux de distribution ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Oui, vous restez décisionnaire à 100%. Vous pouvez opter pour l'exclusivité temporaire ou une diffusion multi-plateforme."
          }
        }
      ]
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://www.aide-autoedition.fr/#breadcrumbs",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Accueil",
          "item": "https://www.aide-autoedition.fr/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "L'auto-édition",
          "item": "https://www.aide-autoedition.fr/#def"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Nos services",
          "item": "https://www.aide-autoedition.fr/#services"
        }
      ]
    }
  ]
}
</script>

  <style>
    :root {
      color-scheme: light;
      --color-bg: #f7f3ec;
      --color-bg-alt: #ffffff;
      --color-primary: #bd3c2b;
      --color-primary-soft: #f4c7b2;
      --color-primary-dark: #7b261b;
      --color-secondary: #1f3440;
      --color-accent: #2c8a7a;
      --color-text: #1b232c;
      --color-muted: #6c7582;
      --color-border: #dadde4;
      --shadow-soft: 0 20px 50px rgba(12, 22, 38, 0.18);
      --radius-sm: 4px;
      --radius-md: 8px;
      --radius-lg: 12px;
      --transition-fast: 0.17s ease-out;
      --transition-med: 0.25s ease-out;
      --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --font-serif: "Georgia", "Times New Roman", serif;
      --max-width: 1120px;
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      font-family: var(--font-sans);
      background:
        linear-gradient(to bottom, #f7f3ec 0%, #fdfaf4 45%, #f5f8fb 100%);
      color: var(--color-text);
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      font-size: 16px;
    }

    a {
      color: var(--color-primary-dark);
      text-decoration: none;
    }

    a:focus-visible,
    button:focus-visible,
    input:focus-visible,
    textarea:focus-visible {
      outline: 2px solid var(--color-accent);
      outline-offset: 3px;
    }

    main {
      min-height: 100vh;
    }

    img {
      max-width: 100%;
      height: auto;
    }

    .page {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

    .shell {
      width: 100%;
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 1.4rem 1.4rem 2.4rem;
    }

    /* Header / nav */

    header {
      position: sticky;
      top: 0;
      z-index: 20;
      backdrop-filter: blur(20px);
      background: rgba(247, 243, 236, 0.96);
      border-bottom: 1px solid rgba(218, 221, 228, 0.6);
    }

    .header-inner {
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 0.8rem 1.4rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.2rem;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 0.85rem;
    }

    .brand-mark {
      width: 44px;
      height: 44px;
      border-radius: var(--radius-md);
      background: linear-gradient(145deg, #f4c7b2, #bd3c2b);
      box-shadow: 0 12px 26px rgba(125, 46, 27, 0.32);
      position: relative;
    }

    .brand-mark::after {
      content: "";
      position: absolute;
      inset: 8px;
      border-radius: var(--radius-sm);
      background: repeating-linear-gradient(
        135deg,
        rgba(247, 243, 236, 0.9) 0,
        rgba(247, 243, 236, 0.9) 3px,
        rgba(250, 235, 222, 0.85) 3px,
        rgba(250, 235, 222, 0.85) 6px
      );
    }

    .brand-text {
      display: flex;
      flex-direction: column;
    }

    .brand-text strong {
      font-size: 1.05rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .brand-text span {
      font-size: 0.82rem;
      color: var(--color-muted);
    }

    .nav {
      display: flex;
      align-items: center;
      gap: 1.6rem;
      font-size: 0.95rem;
    }

    .nav a {
      position: relative;
      padding-bottom: 0.15rem;
      color: var(--color-muted);
    }

    .nav a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -0.35rem;
      width: 0;
      height: 1px;
      background: linear-gradient(to right, var(--color-primary), var(--color-secondary));
      transition: width var(--transition-fast);
    }

    .nav a:hover {
      color: var(--color-secondary);
    }

    .nav a:hover::after {
      width: 100%;
    }

    .nav-cta {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      padding: 0.6rem 1.25rem;
      border-radius: var(--radius-md);
      background: var(--color-primary);
      color: #fff;
      border: 0;
      cursor: pointer;
      font-size: 0.95rem;
      font-weight: 500;
      box-shadow: 0 14px 30px rgba(125, 46, 27, 0.42);
      transition: background var(--transition-med), transform var(--transition-fast), box-shadow var(--transition-fast);
    }

    .nav-cta:hover {
      background: var(--color-primary-dark);
      transform: translateY(-1px);
      box-shadow: 0 18px 40px rgba(125, 46, 27, 0.46);
    }

    .nav-cta:active {
      transform: translateY(0);
      box-shadow: 0 10px 24px rgba(125, 46, 27, 0.32);
    }

    .nav-btn {
      display: none;
    }

    /* Hero */

    .hero {
      padding-top: 2.4rem;
      padding-bottom: 3rem;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2.4rem;
      align-items: start;
    }

    .hero-main {
      display: flex;
      flex-direction: column;
      gap: 1.3rem;
    }

    .hero-kicker {
      font-size: 0.9rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--color-secondary);
    }

    .hero-title {
      font-family: var(--font-serif);
      font-size: 2.6rem;
      line-height: 1.18;
      letter-spacing: -0.02em;
      max-width: 20ch;
      color: var(--color-secondary);
    }

    .hero-title span {
      background: linear-gradient(120deg, var(--color-primary) 0%, #e3944f 40%, var(--color-accent) 85%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .hero-sub {
      font-size: 1rem;
      color: var(--color-muted);
      max-width: 44ch;
    }

    .hero-sub-strong {
      font-size: 0.95rem;
      color: var(--color-secondary);
      max-width: 50ch;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.9rem;
      align-items: center;
      margin-top: 0.4rem;
    }

    .btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 0.7rem;
      padding: 0.75rem 1.45rem;
      border-radius: var(--radius-md);
      border: none;
      background: var(--color-primary);
      color: #fff;
      font-size: 0.96rem;
      font-weight: 500;
      cursor: pointer;
      box-shadow: 0 16px 36px rgba(125, 46, 27, 0.46);
      transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-med);
    }

    .btn-primary:hover {
      background: var(--color-primary-dark);
      transform: translateY(-1px);
      box-shadow: 0 20px 48px rgba(125, 46, 27, 0.5);
    }

    .btn-primary:active {
      transform: translateY(0);
      box-shadow: 0 12px 28px rgba(125, 46, 27, 0.34);
    }

    .btn-secondary {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      padding: 0.7rem 1.2rem;
      border-radius: var(--radius-md);
      border: 1px solid rgba(31, 52, 64, 0.2);
      background: rgba(255,255,255,0.95);
      color: var(--color-secondary);
      font-size: 0.93rem;
      cursor: pointer;
      transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
    }

    .btn-secondary:hover {
      background: #f0f3f7;
      border-color: rgba(31, 52, 64, 0.42);
      transform: translateY(-1px);
      box-shadow: 0 12px 26px rgba(143, 149, 160, 0.4);
    }

    .hero-meta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.7rem;
      margin-top: 0.8rem;
      font-size: 0.86rem;
    }

    .hero-meta-item {
      padding: 0.45rem 0.75rem;
      border-radius: var(--radius-sm);
      border: 1px solid rgba(218, 221, 228, 0.9);
      background: rgba(255,255,255,0.96);
      color: var(--color-muted);
    }

    .hero-aside {
      border-radius: var(--radius-lg);
      border: 1px solid rgba(218, 221, 228, 0.9);
      background: linear-gradient(135deg, #fdfaf4, #f1f5f9);
      box-shadow: var(--shadow-soft);
      padding: 1.4rem 1.5rem;
    }

    .hero-aside-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 1rem;
      margin-bottom: 1rem;
    }

    .hero-aside-title {
      font-size: 0.98rem;
      font-weight: 600;
      color: var(--color-secondary);
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }

    .hero-aside-tag {
      font-size: 0.82rem;
      padding: 0.25rem 0.7rem;
      border-radius: var(--radius-md);
      border: 1px solid rgba(31, 52, 64, 0.16);
      background: rgba(255,255,255,0.9);
      color: var(--color-secondary);
    }

    .hero-aside-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 1rem;
      margin-bottom: 1.1rem;
    }

    .stat-card {
      padding: 0.7rem 0.75rem;
      border-radius: var(--radius-md);
      border: 1px solid rgba(218,221,228,0.9);
      background: rgba(255,255,255,0.98);
    }

    .stat-label {
      font-size: 0.8rem;
      color: var(--color-muted);
      text-transform: uppercase;
      letter-spacing: 0.14em;
    }

    .stat-value {
      font-size: 1.05rem;
      font-weight: 600;
      color: var(--color-secondary);
      margin-top: 0.25rem;
    }

    .stat-note {
      font-size: 0.78rem;
      color: var(--color-muted);
      margin-top: 0.2rem;
    }

    .hero-aside-quote {
      margin: 0;
      font-size: 0.9rem;
      color: var(--color-secondary);
      border-left: 2px solid var(--color-primary);
      padding-left: 0.9rem;
      padding-top: 0.2rem;
      padding-bottom: 0.3rem;
    }

    .hero-aside-quote span {
      display: block;
      margin-top: 0.35rem;
      font-size: 0.78rem;
      color: var(--color-muted);
    }

    .hero-aside-footer {
      margin-top: 0.9rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.9rem;
      font-size: 0.8rem;
      color: var(--color-muted);
    }

    /* Sections */

    section {
      margin-bottom: 3.2rem;
    }

    section > header h2 {
      font-size: 1.5rem;
      letter-spacing: -0.01em;
      margin: 0;
      color: var(--color-secondary);
    }

    section > header p {
      margin-top: 0.5rem;
      font-size: 0.96rem;
      color: var(--color-muted);
      max-width: 48ch;
    }

    .pill-grid {
      margin-top: 1.6rem;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.1rem;
    }

    .pill-card {
      padding: 1rem 1rem;
      border-radius: var(--radius-md);
      border: 1px solid var(--color-border);
      background: rgba(255,255,255,0.98);
      box-shadow: 0 12px 30px rgba(143, 149, 160, 0.22);
      display: grid;
      grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
      gap: 0.9rem;
      align-items: flex-start;
    }

    .pill-main h3 {
      margin: 0;
      font-size: 1rem;
      color: var(--color-secondary);
    }

    .pill-main p {
      margin: 0.4rem 0 0;
      font-size: 0.9rem;
      color: var(--color-muted);
    }

    .pill-aside {
      font-size: 0.82rem;
      color: var(--color-secondary);
      border-left: 1px solid rgba(218,221,228,0.9);
      padding-left: 0.8rem;
    }

    .pill-tag {
      display: inline-block;
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      margin-bottom: 0.4rem;
      color: var(--color-muted);
    }

    .steps-grid {
      margin-top: 1.8rem;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }

    .step-card {
      padding: 1rem 1rem;
      border-radius: var(--radius-md);
      border: 1px solid rgba(218,221,228,0.9);
      background: rgba(255,255,255,0.98);
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.9rem;
      align-items: flex-start;
    }

    .step-index {
      width: 34px;
      height: 34px;
      border-radius: var(--radius-sm);
      background: linear-gradient(145deg, #f4c7b2, #bd3c2b);
      color: #fff;
      font-size: 0.9rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 10px 24px rgba(125, 46, 27, 0.4);
    }

    .step-content h3 {
      margin: 0;
      font-size: 1rem;
      color: var(--color-secondary);
    }

    .step-content p {
      margin: 0.35rem 0 0;
      font-size: 0.9rem;
      color: var(--color-muted);
    }

    .expertise-grid {
      margin-top: 1.8rem;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.2rem;
    }

    .expertise-card {
      padding: 1rem 1rem;
      border-radius: var(--radius-md);
      border: 1px solid var(--color-border);
      background: rgba(255,255,255,0.98);
      box-shadow: 0 14px 32px rgba(143, 149, 160, 0.24);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    .expertise-card h3 {
      margin: 0;
      font-size: 1rem;
      color: var(--color-secondary);
    }

    .expertise-card p {
      margin: 0.3rem 0 0;
      font-size: 0.9rem;
      color: var(--color-muted);
    }

    .expertise-tags {
      margin-top: 0.45rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      font-size: 0.8rem;
    }

    .expertise-tag {
      padding: 0.2rem 0.6rem;
      border-radius: var(--radius-sm);
      border: 1px solid rgba(143, 149, 160, 0.7);
      background: rgba(240, 243, 247, 0.8);
      color: var(--color-secondary);
    }

    .faq-grid {
      margin-top: 1.8rem;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }

    .faq-item {
      padding: 0.9rem 1rem;
      border-radius: var(--radius-md);
      border: 1px solid var(--color-border);
      background: rgba(255,255,255,0.98);
    }

    .faq-question {
      font-size: 0.98rem;
      font-weight: 600;
      color: var(--color-secondary);
    }

    .faq-answer {
      font-size: 0.9rem;
      color: var(--color-muted);
      margin-top: 0.4rem;
    }

    /* Contact */

    .contact-shell {
      margin-top: 1.4rem;
      padding: 1.4rem 1.4rem;
      border-radius: var(--radius-lg);
      border: 1px solid rgba(31, 52, 64, 0.16);
      background: linear-gradient(120deg, rgba(247, 243, 236, 0.98), rgba(241, 245, 249, 0.95));
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.4rem;
    }

    .contact-lead h2 {
      margin: 0;
      font-size: 1.4rem;
      color: var(--color-secondary);
    }

    .contact-lead p {
      margin: 0.55rem 0 0;
      font-size: 0.96rem;
      color: var(--color-muted);
      max-width: 45ch;
    }

    .contact-form {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    .field {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
    }

    .field label {
      font-size: 0.88rem;
      font-weight: 500;
      color: var(--color-secondary);
    }

    .field span {
      font-size: 0.8rem;
      color: var(--color-muted);
    }

    .field input,
    .field textarea {
      border-radius: var(--radius-sm);
      border: 1px solid rgba(143, 149, 160, 0.9);
      padding: 0.65rem 0.75rem;
      font-size: 0.9rem;
      font-family: var(--font-sans);
      background: rgba(255,255,255,0.98);
      transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
    }

    .field input:focus-visible,
    .field textarea:focus-visible {
      border-color: var(--color-accent);
      box-shadow: 0 0 0 1px rgba(44, 138, 122, 0.3);
      background: #fdfdfb;
    }

    .field textarea {
      min-height: 130px;
      resize: vertical;
    }

    .form-footer {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.9rem;
      margin-top: 0.3rem;
      font-size: 0.8rem;
      color: var(--color-muted);
    }

    .form-badge {
      padding: 0.35rem 0.85rem;
      border-radius: var(--radius-sm);
      border: 1px solid rgba(143, 149, 160, 0.9);
      background: rgba(255,255,255,0.98);
    }

    /* Footer */

    footer {
      border-top: 1px solid rgba(218,221,228,0.9);
      margin-top: auto;
      background: rgba(248,249,251,0.96);
    }

    .footer-inner {
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 1.3rem 1.4rem 1.6rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 1rem;
      font-size: 0.82rem;
      color: var(--color-muted);
    }

    .footer-links {
      display: flex;
      flex-wrap: wrap;
      gap: 0.9rem;
    }

    .footer-links a {
      color: var(--color-muted);
    }

    /* Responsive */

    @media (min-width: 720px) {
      .hero-title {
        font-size: 3rem;
      }

      .hero-grid {
        grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
      }

      .pill-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .steps-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .expertise-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .faq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .contact-shell {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
      }
    }

    @media (max-width: 768px) {
      header {
        position: static;
        backdrop-filter: none;
      }

      .nav {
        display: none;
      }

      .nav-btn {
        display: inline-flex;
        width: 34px;
        height: 34px;
        border-radius: var(--radius-sm);
        border: 1px solid rgba(143, 149, 160, 0.9);
        background: rgba(255,255,255,0.98);
        cursor: pointer;
        justify-content: center;
        align-items: center;
      }

      .nav-btn span {
        width: 16px;
        height: 1px;
        border-radius: 999px;
        background: var(--color-secondary);
        position: relative;
      }

      .nav-btn span::before,
      .nav-btn span::after {
        content: "";
        position: absolute;
        left: 0;
        width: 16px;
        height: 1px;
        border-radius: 999px;
        background: var(--color-secondary);
      }

      .nav-btn span::before {
        top: -4px;
      }

      .nav-btn span::after {
        top: 4px;
      }

      .nav-mobile {
        display: none;
        padding: 0.7rem 1.4rem 1rem;
        border-top: 1px solid rgba(218,221,228,0.9);
        background: rgba(247,243,236,0.98);
      }

      .nav-mobile a {
        display: block;
        padding: 0.45rem 0 0.15rem;
        font-size: 0.92rem;
        color: var(--color-muted);
      }

      .nav-mobile-cta {
        margin-top: 0.6rem;
      }

      .nav-mobile .nav-cta {
        width: 100%;
        justify-content: center;
      }
    }

@media (max-width: 768px) {
  header {
    position: static;
    backdrop-filter: none;
  }

  .nav {
    display: none;
  }

 
  .nav-mobile {
    display: none; /* visible seulement après clic via JS */
    padding: 0.7rem 1.4rem 1rem;
    border-top: 1px solid rgba(218,221,228,0.9);
    background: rgba(247,243,236,0.98);
  }

.nav-mobile.is-open {
  display: block;
}

@media (max-width: 768px) {
  .nav-mobile {
    /* reste display:none tant que la classe n’est pas ajoutée */
    padding: 0.7rem 1.4rem 1rem;
    border-top: 1px solid rgba(218,221,228,0.9);
    background: rgba(247,243,236,0.98);
  }
}


  </style>
</head>
<body>
  <div class="page">
    <header>
      <div class="header-inner" role="navigation" aria-label="Menu principal">
        <a href="#top" class="brand" aria-label="Retour à l’accueil Aide Auto‑Édition">
          <div class="brand-mark" aria-hidden="true"></div>
          <div class="brand-text">
            <strong>Aide Auto‑Édition</strong>
            <span>Studio d’accompagnement pour auteurs indépendants</span>
          </div>
        </a>
        <nav class="nav" aria-label="Sections du site">
          <a href="#pourquoi">Pourquoi l’auto‑édition</a>
          <a href="#etapes">Parcours en 6 étapes</a>
          <a href="#expertise">Expertise du studio</a>
          <a href="#faq">Questions fréquentes</a>
          <button class="nav-cta" type="button" onclick="scrollToContact()">
            <span>Présenter mon projet</span>
          </button>
        </nav>
        <button class="nav-btn" type="button" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="nav-mobile" onclick="toggleNavMobile(this)">
          <span aria-hidden="true"></span>
        </button>
      </div>
      <div id="nav-mobile" class="nav-mobile">
        <a href="#pourquoi">Pourquoi l’auto‑édition</a>
        <a href="#etapes">Parcours en 6 étapes</a>
        <a href="#expertise">Expertise du studio</a>
        <a href="#faq">Questions fréquentes</a>
        <div class="nav-mobile-cta">
          <button class="nav-cta" type="button" onclick="scrollToContact()">
            <span>Présenter mon projet</span>
          </button>
        </div>
      </div>
    </header>

    <main id="top">
      <section class="hero" aria-labelledby="hero-title">
        <div class="shell hero-grid">
          <div class="hero-main">
            <p class="hero-kicker">Auto‑édition professionnelle</p>
            <h1 id="hero-title" class="hero-title">
              Devenez l’auteur de votre propre
              <span>succès éditorial</span>.
            </h1>
            <p class="hero-sub">
              Aide Auto‑Édition est un studio d’accompagnement dédié aux auteurs qui souhaitent publier en auto‑édition sans renoncer à la qualité, à la rigueur et à leurs droits.
            </p>
            <p class="hero-sub-strong">
              Gardez la main sur votre œuvre, nous nous chargeons d’assembler toutes les briques éditoriales : manuscrit, fabrication, diffusion, promotion.
            </p>
            <div class="hero-actions">
              <button class="btn-primary" type="button" onclick="scrollToContact()">
                <span>Donner vie à mon livre</span>
              </button>
              <button class="btn-secondary" type="button" onclick="scrollToEtapes()">
                <span>Découvrir le parcours en 6 étapes</span>
              </button>
            </div>
            <div class="hero-meta-row" aria-label="Points forts du studio">
              <div class="hero-meta-item">
                Studio centré sur les auteurs francophones, primo‑romanciers comme plumes confirmées.
              </div>
              <div class="hero-meta-item">
                Approche entrepreneuriale : auto‑édition libre & rentable, jusqu’à 70 % du prix de vente.
              </div>
              <div class="hero-meta-item">
                Accompagnement à 360° : texte, objet‑livre, légalité, diffusion et marketing de lancement.
              </div>
            </div>
          </div>

          <aside class="hero-aside" aria-label="Résumé de la valeur de l’auto‑édition">
            <div class="hero-aside-header">
              <div>
                <p class="hero-aside-title">Vos redevances, votre rythme</p>
                <p style="margin:0.45rem 0 0;font-size:0.9rem;color:var(--color-muted);">
                  L’auto‑édition vous permet de rester propriétaire de votre catalogue, de vos droits dérivés et de vos décisions stratégiques.
                </p>
              </div>
              <span class="hero-aside-tag">Auto‑édition libre & rentable</span>
            </div>

            <div class="hero-aside-grid" aria-label="Comparatif synthétique des bénéfices">
              <div class="stat-card">
                <div class="stat-label">Redevances</div>
                <div class="stat-value">40 à 70 %</div>
                <div class="stat-note">Du prix de vente hors taxes, selon votre scénario éditorial.</div>
              </div>
              <div class="stat-card">
                <div class="stat-label">Contrôle créatif</div>
                <div class="stat-value">Total</div>
                <div class="stat-note">Format, maquette intérieure, couverture, rythme de publication.</div>
              </div>
              <div class="stat-card">
                <div class="stat-label">Temps de sortie</div>
                <div class="stat-value">Quelques jours</div>
                <div class="stat-note">Au lieu de 12 à 18 mois en édition traditionnelle.</div>
              </div>
            </div>

            <blockquote class="hero-aside-quote">
              « C’est un engagement entrepreneurial, certes, mais c’est aussi le seul moyen de garantir que votre vision artistique reste intacte à chaque étape. »
              <span> L’Équipe Aide Auto‑Édition</span>
            </blockquote>

            <div class="hero-aside-footer">
              <span>Le repère des auteurs indépendants qui souhaitent instaurer une relation durable avec leurs lecteurs.</span>
              <span aria-hidden="true" style="font-size:0.82rem;color:var(--color-secondary);">▌▌▌</span>
            </div>
          </aside>
        </div>
      </section>

      <section id="pourquoi" aria-labelledby="pourquoi-title">
        <div class="shell">
          <header>
            <h2 id="pourquoi-title">Pourquoi choisir l’auto‑édition aujourd’hui&nbsp;?</h2>
            <p>
              Un manuscrit ne devrait pas rester dans un tiroir faute d’espace en catalogue. L’auto‑édition moderne offre une voie professionnelle pour publier, sans renoncer à vos droits d’auteur.
            </p>
          </header>

          <div class="pill-grid">
            <article class="pill-card">
              <div class="pill-main">
                <h3>Contrôle créatif total</h3>
                <p>
                  Vous validez souverainement le format du livre, la maquette intérieure et la couverture. Aucun compromis ne vous est imposé sur le ton, le style ou l’univers graphique.
                </p>
              </div>
              <div class="pill-aside">
                <span class="pill-tag">Votre univers</span>
                Vos décisions éditoriales restent alignées avec le texte que vous avez écrit, du premier lecteur bêta jusqu’à la presse.
              </div>
            </article>

            <article class="pill-card">
              <div class="pill-main">
                <h3>Rapidité de publication</h3>
                <p>
                  Grâce à l’impression à la demande, votre livre peut être disponible en quelques jours, là où les maisons traditionnelles exigent souvent 12 à 18 mois de délai.
                </p>
              </div>
              <div class="pill-aside">
                <span class="pill-tag">Momentum</span>
                Vous capitalisez sur l’énergie de votre projet sans l’étouffer dans une attente interminable de réponse.
              </div>
            </article>

            <article class="pill-card">
              <div class="pill-main">
                <h3>Redevances élevées</h3>
                <p>
                  En auto‑édition, vous percevez entre 40 % et 70 % du prix de vente hors taxes. Vos efforts créatifs sont directement corrélés aux revenus générés.
                </p>
              </div>
              <div class="pill-aside">
                <span class="pill-tag">Économie d’auteur</span>
                Une démarche plus entrepreneuriale, mais aussi plus équitable pour les écrivains qui investissent temps et énergie dans leur œuvre.
              </div>
            </article>

            <article class="pill-card">
              <div class="pill-main">
                <h3>Agilité marketing & patrimoine préservé</h3>
                <p>
                  Vous testez vos prix, lancez des promotions ciblées et ajustez votre stratégie en fonction des retours réels des lecteurs, tout en gardant vos droits dérivés.
                </p>
              </div>
              <div class="pill-aside">
                <span class="pill-tag">Catalogue vivant</span>
                Audio, traductions étrangères, cessions audiovisuelles : vous restez à l’initiative de ces prolongements de votre œuvre.
              </div>
            </article>
          </div>
        </div>
      </section>

      <section id="etapes" aria-labelledby="etapes-title">
        <div class="shell">
          <header>
            <h2 id="etapes-title">Les 6 étapes indispensables vers la publication</h2>
            <p>
              Nous vous accompagnons à chaque phase, du premier retour de bêta‑lecture jusqu’aux premiers avis de lecteurs sur les grandes plateformes de vente en ligne.
            </p>
          </header>

          <div class="steps-grid">
            <article class="step-card">
              <div class="step-index">1</div>
              <div class="step-content">
                <h3>Bêta‑lecture ciblée</h3>
                <p>
                  Vos textes sont confiés à des lecteurs tests afin d’affiner intrigue, rythme et tonalité, avant d’enclencher la mise en forme définitive.
                </p>
              </div>
            </article>

            <article class="step-card">
              <div class="step-index">2</div>
              <div class="step-content">
                <h3>Correction professionnelle</h3>
                <p>
                  Orthographe, syntaxe, homogénéité du style et suppression des coquilles : une étape décisive pour asseoir votre crédibilité d’auteur.
                </p>
              </div>
            </article>

            <article class="step-card">
              <div class="step-index">3</div>
              <div class="step-content">
                <h3>Mise en page & design</h3>
                <p>
                  Maquette intérieure aérée et couverture percutante, conçues pour respecter les codes de votre genre littéraire et les usages de lecture actuels.
                </p>
              </div>
            </article>

            <article class="step-card">
              <div class="step-index">4</div>
              <div class="step-content">
                <h3>Démarches légales</h3>
                <p>
                  Attribution d’ISBN, dépôt légal à la BnF, respect du prix unique du livre : chaque étape est documentée, supervisée et validée avec vous.
                </p>
              </div>
            </article>

            <article class="step-card">
              <div class="step-index">5</div>
              <div class="step-content">
                <h3>Distribution large</h3>
                <p>
                  Mise à disposition sur les plateformes majeures (Amazon, Fnac, Cultura…) et accompagnement pour la présence en librairies physiques.
                </p>
              </div>
            </article>

            <article class="step-card">
              <div class="step-index">6</div>
              <div class="step-content">
                <h3>Lancement & promotion</h3>
                <p>
                  Campagnes sur les réseaux sociaux, relations avec les prescripteurs littéraires et collecte rapide des premiers avis, pour installer votre livre dans la durée.
                </p>
              </div>
            </article>
          </div>
        </div>
      </section>

      <section id="expertise" aria-labelledby="expertise-title">
        <div class="shell">
          <header>
            <h2 id="expertise-title">Notre savoir‑faire au service de votre projet</h2>
            <p>
              Vous bénéficiez d’une équipe pluridisciplinaire, qui maîtrise autant les exigences techniques de l’impression que les attentes des lecteurs sur les formats numériques.
            </p>
          </header>

          <div class="expertise-grid">
            <article class="expertise-card">
              <h3>Fabrication de livres physiques</h3>
              <p>
                Reliure ultra‑résistante (technologie PUR), formats allant du poche au grand roman historique, finitions professionnelles en pelliculage mat, brillant ou soft‑touch.
              </p>
              <div class="expertise-tags">
                <span class="expertise-tag">Qualité industrielle</span>
                <span class="expertise-tag">Limite d’usure optimisée</span>
              </div>
            </article>

            <article class="expertise-card">
              <h3>Mise en conformité print & digital</h3>
              <p>
                Maquettes adaptées à la fois aux contraintes des imprimeurs (PDF certifiés) et aux liseuses numériques (formats ePub fluides), pour une expérience de lecture cohérente.
              </p>
              <div class="expertise-tags">
                <span class="expertise-tag">Multi‑supports</span>
                <span class="expertise-tag">Confort de lecture</span>
              </div>
            </article>

            <article class="expertise-card">
              <h3>Design de couverture sur‑mesure</h3>
              <p>
                Étude approfondie de votre segment graphique et création d’une couverture moderne, mémorable et en phase avec votre lectorat cible, pensée pour déclencher le coup de cœur.
              </p>
              <div class="expertise-tags">
                <span class="expertise-tag">Positionnement visuel</span>
                <span class="expertise-tag">Impact immédiat</span>
              </div>
            </article>

            <article class="expertise-card">
              <h3>Correction & polissage de texte</h3>
              <p>
                Diagnostic global de cohérence narrative, relecture approfondie et conseils d’agencement intérieur, basés sur les habitudes de lecture de votre genre littéraire.
              </p>
              <div class="expertise-tags">
                <span class="expertise-tag">Rigueur linguistique</span>
                <span class="expertise-tag">Narration renforcée</span>
              </div>
            </article>
          </div>
        </div>
      </section>

      <section id="faq" aria-labelledby="faq-title">
        <div class="shell">
          <header>
            <h2 id="faq-title">Des réponses claires pour vous élancer sereinement</h2>
            <p>
              Quelques questions que les auteurs nous posent avant de faire de l’auto‑édition une voie principale ou complémentaire à leur parcours éditorial.
            </p>
          </header>

          <div class="faq-grid" role="list">
            <article class="faq-item" role="listitem">
              <div class="faq-question">Dois‑je choisir définitivement entre le format papier et le format numérique&nbsp;?</div>
              <div class="faq-answer">
                Non. L’auto‑édition permet de proposer simultanément votre ouvrage en versions imprimées (broché ou relié) et en ePub, afin de couvrir à la fois les librairies physiques et les plateformes numériques.
              </div>
            </article>

            <article class="faq-item" role="listitem">
              <div class="faq-question">Que comprend concrètement votre accompagnement éditorial&nbsp;?</div>
              <div class="faq-answer">
                Un diagnostic structurel du texte, une correction orthotypographique minutieuse et des conseils d’agencement intérieur, afin de rendre votre manuscrit solide, lisible et adapté à son genre.
              </div>
            </article>

            <article class="faq-item" role="listitem">
              <div class="faq-question">Qui prend en charge les démarches d’ISBN et de dépôt légal&nbsp;?</div>
              <div class="faq-answer">
                Vous n’êtes jamais seul face à l’administration. Chaque étape (demande d’ISBN, constitution du dépôt légal, envoi des exemplaires à la BnF) est accompagnée, expliquée et validée avec vous.
              </div>
            </article>

            <article class="faq-item" role="listitem">
              <div class="faq-question">Suis‑je libre du choix de mes canaux de distribution&nbsp;?</div>
              <div class="faq-answer">
                Oui. Vous décidez si vous privilégiez une enseigne unique pendant un temps ou si vous optez pour une diffusion multi‑plateforme généralisée à l’ensemble des réseaux de librairies francophones.
              </div>
            </article>
          </div>
        </div>
      </section>

      <section id="contact" aria-labelledby="contact-title">
        <div class="shell contact-shell">
          <div class="contact-lead">
            <h2 id="contact-title">Prêt à donner vie à votre manuscrit&nbsp;?</h2>
            <p>
              Présentez‑nous votre univers, votre genre et vos objectifs en quelques lignes. Nous revenons vers vous avec une proposition d’accompagnement et un calendrier réaliste.
            </p>
            <p style="margin-top:0.6rem;font-size:0.9rem;color:var(--color-secondary);">
              Un premier échange ne vous engage à rien : il permet de cartographier votre projet de livre, les ressources nécessaires et les options de diffusion pertinentes.
            </p>
          </div>

          <form class="contact-form" aria-label="Formulaire de prise de contact pour projet de livre">
            <div class="field">
              <label for="field-name">Nom & prénom</label>
              <span>Pour que nous sachions à qui nous répondons.</span>
              <input id="field-name" name="name" type="text" autocomplete="name">
            </div>

            <div class="field">
              <label for="field-email">Adresse e‑mail</label>
              <span>Nous ne la partageons jamais avec des tiers.</span>
              <input id="field-email" name="email" type="email" autocomplete="email">
            </div>

            <div class="field">
              <label for="field-manuscript">Présentez votre manuscrit</label>
              <span>Genre, nombre de pages, état d’avancement, objectifs de publication.</span>
              <textarea id="field-manuscript" name="manuscript"></textarea>
            </div>

            <div class="form-footer">
              <button class="btn-primary" type="submit">
                <span>Envoyer mon projet</span>
              </button>
              <div class="form-badge">
                Réponse sous 48 h ouvrées, accompagnement personnalisé pour chaque auteur.
              </div>
            </div>
          </form>
        </div>
      </section>
    </main>

    <footer>
      <div class="footer-inner">
        <div>
          © <a href="https://web.archive.org/web/20260000000000*/aide-autoedition.fr" target="_blank" rel="noopener" >2013 - 2026 </a> Aide Auto-Édition</a>. Tous droits réservés.
        </div>
        <nav class="footer-links" aria-label="Liens de bas de page">
          <a href="#pourquoi">Auto‑édition</a>
          <a href="#expertise">Services</a>
          <a href="#contact">Contact</a>
        </nav>
      </div>
    </footer>
  </div>

  <script>
    function scrollToContact() {
      var target = document.getElementById('contact');
      if (target) {
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    }

    function scrollToEtapes() {
      var target = document.getElementById('etapes');
      if (target) {
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    }

  function toggleNavMobile(button) {
  var nav = document.getElementById('nav-mobile');
  if (!nav) return;
  var isOpen = nav.classList.contains('is-open');
  if (isOpen) {
    nav.classList.remove('is-open');
  } else {
    nav.classList.add('is-open');
  }
  button.setAttribute('aria-expanded', String(!isOpen));
}

(function initNavMobile() {
  var nav = document.getElementById('nav-mobile');
  if (nav) {
    nav.style.display = 'none';
  }
})();

    (function setYear() {
      var el = document.getElementById('footer-year');
      if (el) {
        el.textContent = new Date().getFullYear();
      }
    })();
  </script>
</body>
</html>