Outiref

Code source de l'URL : https://auctor.info

<!DOCTYPE html>
<html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns# schema: https://schema.org/" vocab="https://schema.org/" typeof="WebPage">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Auctor philosophie de l'auteur à l'ère de l'IA générative</title>
<meta name="description" content="Auctor explore la philosophie de l'auteur, de l'authenticité et de l'autorité à l'ère de l'intelligence artificielle générative. Qui écrit vraiment un texte ?">
<meta name="keywords" content="philosophie, auteur, authenticité, autorité, IA générative, intelligence artificielle, écriture, identité, texte, auctor">
<meta name="author" content="Auctor">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#7B6EF6" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#5B4EE6" media="(prefers-color-scheme: light)">
<link rel="canonical" href="https://auctor.info/">
<meta name="created" content="2026-06-25">
<meta name="modified" content="2026-06-25">
<meta property="og:type" content="website">
<meta property="og:url" content="https://auctor.info/">
<meta property="og:title" content="Auctor — Philosophie de l'auteur à l'ère de l'IA générative">
<meta property="og:description" content="Qui écrit vraiment un texte ? Explorez la philosophie de l'auteur, de l'authenticité et de l'autorité quand l'IA prend la plume.">
<meta property="og:image" content="https://auctor.info/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Auctor — Philosophie de l'auteur à l'ère de l'IA générative">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="Auctor">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@auctor_info">
<meta name="twitter:title" content="Auctor — Philosophie de l'auteur à l'ère de l'IA générative">
<meta name="twitter:description" content="Qui écrit vraiment un texte ? Philosophie de l'auteur, authenticité, autorité à l'ère de l'IA.">
<meta name="twitter:image" content="https://auctor.info/og-image.jpg">
<meta name="twitter:image:alt" content="Le mot AUCTOR en latin sur fond sombre, évoquant l'écriture et la philosophie">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@400;500;600&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@400;500;600&display=swap"></noscript>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://auctor.info/#website",
      "url": "https://auctor.info/",
      "name": "Auctor",
      "description": "Philosophie de l'auteur, de l'authenticité et de l'autorité à l'ère de l'IA générative",
      "inLanguage": "fr",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://auctor.info/recherche?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "WebPage",
      "@id": "https://auctor.info/#webpage",
      "url": "https://auctor.info/",
      "name": "Auctor Philosophie de l'auteur à l'ère de l'IA générative",
      "description": "Qui écrit vraiment un texte ? Explorez la philosophie de l'auteur, de l'authenticité et de l'autorité quand l'IA prend la plume.",
      "isPartOf": { "@id": "https://auctor.info/#website" },
      "datePublished": "2026-06-25",
      "dateModified": "2026-06-25",
      "inLanguage": "fr",
      "breadcrumb": {
        "@type": "BreadcrumbList",
        "itemListElement": [{
          "@type": "ListItem",
          "position": 1,
          "name": "Accueil",
          "item": "https://auctor.info/"
        }]
      }
    },
    {
      "@type": "Organization",
      "@id": "https://auctor.info/#organization",
      "name": "Auctor",
      "url": "https://auctor.info/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://auctor.info/logo.png"
      },
      "sameAs": [
        "https://twitter.com/auctor_info"
      ]
    },
    {
      "@type": "ItemList",
      "@id": "https://auctor.info/#topics",
      "name": "Thèmes philosophiques d'Auctor",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Auteur",
          "url": "https://auctor.info/auteur/",
          "description": "La notion d'auteur à l'ère de l'IA générative"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Authenticité",
          "url": "https://auctor.info/authenticite/",
          "description": "L'authenticité et la vérité dans les textes générés par IA"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Autorité",
          "url": "https://auctor.info/autorite/",
          "description": "L'autorité du texte quand la machine écrit"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "Qui a écrit ce texte ?",
          "url": "https://auctor.info/qui-a-ecrit/",
          "description": "Méthodes et philosophie pour identifier l'origine d'un texte"
        }
      ]
    },
    {
      "@type": "Article",
      "@id": "https://auctor.info/#article-manifeste",
      "headline": "La mort de l'auteur, acte II",
      "description": "Quand Barthes déclarait la mort de l'auteur en 1967, il libérait le lecteur. L'IA générative écrit un deuxième acte.",
      "isPartOf": { "@id": "https://auctor.info/#webpage" },
      "author": { "@id": "https://auctor.info/#organization" },
      "datePublished": "2026-06-25"
    }
  ]
}
</script>
<style>
:root {
  --c-bg: #F5F0E8;
  --c-surface: #EDE7DA;
  --c-border: #D4C9B5;
  --c-text: #1A1820;
  --c-text-muted: #5C5669;
  --c-accent: #5B4EE6;
  --c-accent-hover: #4840C8;
  --c-watermark: rgba(91,78,230,0.06);
  --c-card-shadow: 0 2px 16px rgba(26,24,32,0.08);
  --f-display: 'Playfair Display', Georgia, serif;
  --f-body: 'Inter', system-ui, sans-serif;
  --sp-xs: 0.5rem;
  --sp-s: 1rem;
  --sp-m: 1.5rem;
  --sp-l: 2.5rem;
  --sp-xl: 4rem;
  --sp-2xl: 6rem;
  --r-card: 0.75rem;
  --nav-h: 3.5rem;
  --max-w: 72rem;
  --transition: 220ms ease;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #0D0D10;
    --c-surface: #16161C;
    --c-border: #2A2830;
    --c-text: #E8E0D0;
    --c-text-muted: #9490A8;
    --c-accent: #7B6EF6;
    --c-accent-hover: #9388F8;
    --c-watermark: rgba(123,110,246,0.05);
    --c-card-shadow: 0 2px 20px rgba(0,0,0,0.4);
  }
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--f-body);
  background-color: var(--c-bg);
  color: var(--c-text);
  line-height: 1.6;
  min-height: 100dvh;
  overflow-x: hidden;
  transition: background-color var(--transition), color var(--transition);
}
a { color: var(--c-accent); text-decoration: none; transition: color var(--transition); }
a:hover, a:focus-visible { color: var(--c-accent-hover); }
:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 3px; border-radius: 3px; }
img, svg { display: block; max-width: 100%; }
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.wrap { width: 100%; max-width: var(--max-w); margin: 0 auto; padding: 0 var(--sp-m); }
nav#main-nav {
  position: fixed; top: 0; left: 0; right: 0;
  height: var(--nav-h);
  background: color-mix(in srgb, var(--c-bg) 88%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--c-border);
  z-index: 100;
  transition: background var(--transition), border-color var(--transition);
}
.nav-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-s);
}
.nav-logo {
  font-family: var(--f-display);
  font-weight: 900;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  color: var(--c-text);
  flex-shrink: 0;
}
.nav-logo span { color: var(--c-accent); }
.nav-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 2.75rem;
  height: 2.75rem;
  background: none;
  border: 1px solid var(--c-border);
  border-radius: 8px;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: border-color var(--transition), background var(--transition);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.nav-toggle:hover,
.nav-toggle:focus-visible { border-color: var(--c-accent); background: color-mix(in srgb, var(--c-accent) 8%, transparent); }
.nav-toggle span {
  display: block;
  width: 1.25rem;
  height: 2px;
  background: var(--c-text);
  border-radius: 2px;
  transition: transform 260ms ease, opacity 200ms ease;
  transform-origin: center;
}
.nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.nav-menu {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: var(--nav-h);
  left: 0; right: 0;
  height: calc(100dvh - var(--nav-h));
  background: var(--c-bg);
  padding: var(--sp-m) var(--sp-m) var(--sp-l);
  gap: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-0.75rem);
  transition: opacity 240ms ease, transform 240ms ease, visibility 0s linear 240ms;
  pointer-events: none;
}
.nav-menu.is-open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 240ms ease, transform 240ms ease, visibility 0s linear 0s;
  pointer-events: auto;
}
.nav-menu a {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--c-text);
  padding: 1rem 0;
  border-bottom: 1px solid var(--c-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-s);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  min-height: 3.25rem;
}
.nav-menu a:last-child { border-bottom: none; }
.nav-menu a:hover,
.nav-menu a:focus-visible { color: var(--c-accent); }
.nav-menu a .nav-tag {
  font-family: var(--f-body);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-accent);
  background: color-mix(in srgb, var(--c-accent) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--c-accent) 25%, transparent);
  padding: 0.25em 0.6em;
  border-radius: 4px;
  flex-shrink: 0;
}
.nav-menu a .nav-arrow {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--c-text-muted);
  flex-shrink: 0;
  margin-left: auto;
}
@media (min-width: 768px) {
  .nav-toggle { display: none; }
  .nav-menu {
    display: flex;
    flex-direction: row;
    position: static;
    height: auto;
    background: none;
    padding: 0;
    gap: 0;
    overflow: visible;
    align-items: center;
    visibility: visible;
    opacity: 1;
    transform: none;
    transition: none;
    pointer-events: auto;
  }
  .nav-menu a {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.4rem 0.875rem;
    border-bottom: none;
    border-radius: 6px;
    color: var(--c-text-muted);
    gap: 0.4rem;
    justify-content: flex-start;
    min-height: unset;
  }
  .nav-menu a:last-child { border-bottom: none; }
  .nav-menu a:hover { color: var(--c-accent); background: color-mix(in srgb, var(--c-accent) 8%, transparent); }
  .nav-menu a .nav-tag,
  .nav-menu a .nav-arrow { display: none; }
}
.hero {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: var(--nav-h);
  position: relative;
  overflow: hidden;
  padding-bottom: var(--sp-xl);
}
.hero-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--f-display);
  font-weight: 900;
  font-size: clamp(8rem, 35vw, 28rem);
  letter-spacing: -0.05em;
  color: var(--c-watermark);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  will-change: transform;
  transition: color var(--transition);
}
.hero-content { position: relative; z-index: 1; }
.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--c-accent);
  margin-bottom: var(--sp-m);
}
.hero-eyebrow::before {
  content: '';
  display: block;
  width: 2rem;
  height: 1px;
  background: var(--c-accent);
}
h1.hero-title {
  font-family: var(--f-display);
  font-size: clamp(2.5rem, 8vw, 5.5rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--c-text);
  max-width: 18ch;
  margin-bottom: var(--sp-m);
}
h1.hero-title em {
  font-style: italic;
  color: var(--c-accent);
}
.hero-lead {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--c-text-muted);
  max-width: 52ch;
  line-height: 1.7;
  margin-bottom: var(--sp-l);
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-s);
  align-items: center;
}
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--c-accent);
  color: #fff;
  font-weight: 600;
  font-size: 0.9375rem;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background var(--transition), transform 100ms ease;
  text-decoration: none;
}
.btn-primary:hover { background: var(--c-accent-hover); color: #fff; transform: translateY(-1px); }
.btn-primary:active { transform: translateY(0); }
.btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--c-text-muted);
  font-weight: 500;
  font-size: 0.9375rem;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  border: 1px solid var(--c-border);
  transition: color var(--transition), border-color var(--transition);
  text-decoration: none;
}
.btn-ghost:hover { color: var(--c-accent); border-color: var(--c-accent); }
.hero-scroll {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-text-muted);
  margin-top: var(--sp-xl);
}
.scroll-line {
  width: 2rem;
  height: 1px;
  background: var(--c-border);
  flex-shrink: 0;
}
.section-question {
  padding: var(--sp-2xl) 0;
  background: var(--c-surface);
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
  transition: background var(--transition), border-color var(--transition);
}
.question-grid {
  display: flex;
  flex-direction: column;
  gap: var(--sp-l);
}
@media (min-width: 768px) {
  .question-grid {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--sp-xl);
  }
  .question-grid > * { flex: 1; }
}
.section-label {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-accent);
  margin-bottom: var(--sp-s);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.section-label::after {
  content: '';
  flex: 1;
  max-width: 3rem;
  height: 1px;
  background: var(--c-accent);
  opacity: 0.4;
}
h2.question-heading {
  font-family: var(--f-display);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--c-text);
  margin-bottom: var(--sp-m);
}
.question-body {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--c-text-muted);
}
.question-body p + p { margin-top: var(--sp-s); }
.question-body strong { color: var(--c-text); font-weight: 600; }
.section-pillars { padding: var(--sp-2xl) 0; }
.section-header { margin-bottom: var(--sp-l); }
h2.pillars-heading {
  font-family: var(--f-display);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--c-text);
  margin-top: var(--sp-xs);
}
.pillars-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-s);
}
@media (min-width: 540px) {
  .pillars-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .pillars-grid { grid-template-columns: repeat(4, 1fr); }
}
.pillar-card {
  display: flex;
  flex-direction: column;
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-card);
  padding: var(--sp-m);
  text-decoration: none;
  color: var(--c-text);
  transition: border-color var(--transition), box-shadow var(--transition), transform 150ms ease;
  position: relative;
  overflow: hidden;
}
.pillar-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--c-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--transition);
}
.pillar-card:hover { border-color: var(--c-accent); box-shadow: var(--c-card-shadow); transform: translateY(-2px); color: var(--c-text); }
.pillar-card:hover::before { transform: scaleX(1); }
.pillar-latin {
  font-family: var(--f-display);
  font-size: 0.75rem;
  font-style: italic;
  color: var(--c-text-muted);
  margin-bottom: 0.5rem;
}
h3.pillar-title {
  font-family: var(--f-display);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: var(--sp-s);
  color: var(--c-text);
}
.pillar-desc {
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--c-text-muted);
  flex: 1;
  margin-bottom: var(--sp-m);
}
.pillar-link {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--c-accent);
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: auto;
}
.pillar-link svg { transition: transform var(--transition); }
.pillar-card:hover .pillar-link svg { transform: translateX(3px); }
.section-manifesto {
  padding: var(--sp-2xl) 0;
  background: var(--c-surface);
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
}
.manifesto-inner {
  max-width: 58ch;
  margin: 0 auto;
  text-align: center;
}
.manifesto-quote {
  font-family: var(--f-display);
  font-size: clamp(1.25rem, 3.5vw, 2rem);
  font-style: italic;
  line-height: 1.5;
  color: var(--c-text);
  margin-bottom: var(--sp-m);
  position: relative;
}
.manifesto-quote::before {
  content: '\201C';
  position: absolute;
  top: -0.5em; left: -0.5em;
  font-size: 3em;
  color: var(--c-accent);
  opacity: 0.3;
  font-style: normal;
  line-height: 1;
  pointer-events: none;
}
.manifesto-source {
  font-size: 0.875rem;
  color: var(--c-text-muted);
  font-weight: 500;
}
.manifesto-body {
  margin-top: var(--sp-l);
  font-size: 1rem;
  line-height: 1.8;
  color: var(--c-text-muted);
  text-align: left;
}
.manifesto-body p + p { margin-top: var(--sp-s); }
.section-articles { padding: var(--sp-2xl) 0; }
h2.articles-heading {
  font-family: var(--f-display);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--c-text);
  margin-bottom: var(--sp-l);
  margin-top: var(--sp-xs);
}
.articles-list {
  display: flex;
  flex-direction: column;
  gap: var(--sp-s);
  list-style: none;
}
.article-item {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  padding: var(--sp-m);
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-card);
  text-decoration: none;
  color: var(--c-text);
  transition: border-color var(--transition), transform 150ms ease;
}
.article-item:hover { border-color: var(--c-accent); transform: translateX(3px); color: var(--c-text); }
@media (min-width: 640px) {
  .article-item { flex-direction: row; align-items: center; gap: var(--sp-m); }
}
.article-meta {
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
  flex-shrink: 0;
}
.article-tag {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-accent);
  background: color-mix(in srgb, var(--c-accent) 10%, transparent);
  padding: 0.25em 0.6em;
  border-radius: 4px;
  white-space: nowrap;
}
.article-date {
  font-size: 0.75rem;
  color: var(--c-text-muted);
  white-space: nowrap;
}
.article-title {
  font-family: var(--f-display);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
  flex: 1;
}
.article-excerpt {
  font-size: 0.875rem;
  color: var(--c-text-muted);
  line-height: 1.6;
}
@media (min-width: 640px) { .article-excerpt { display: none; } }
.section-newsletter {
  padding: var(--sp-2xl) 0;
  background: var(--c-surface);
  border-top: 1px solid var(--c-border);
}
.newsletter-box {
  background: color-mix(in srgb, var(--c-accent) 8%, var(--c-surface));
  border: 1px solid color-mix(in srgb, var(--c-accent) 25%, var(--c-border));
  border-radius: calc(var(--r-card) * 1.5);
  padding: var(--sp-l);
  max-width: 42rem;
  margin: 0 auto;
}
@media (min-width: 768px) { .newsletter-box { padding: var(--sp-xl); } }
h2.newsletter-heading {
  font-family: var(--f-display);
  font-size: clamp(1.375rem, 3.5vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--c-text);
  margin-bottom: var(--sp-s);
}
.newsletter-desc {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--c-text-muted);
  margin-bottom: var(--sp-m);
}
.newsletter-form {
  display: flex;
  flex-direction: column;
  gap: var(--sp-s);
}
@media (min-width: 480px) { .newsletter-form { flex-direction: row; } }
.newsletter-input {
  flex: 1;
  font-family: var(--f-body);
  font-size: 0.9375rem;
  padding: 0.75rem 1rem;
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  border-radius: 8px;
  color: var(--c-text);
  transition: border-color var(--transition);
  outline: none;
}
.newsletter-input::placeholder { color: var(--c-text-muted); }
.newsletter-input:focus { border-color: var(--c-accent); }
.newsletter-privacy {
  font-size: 0.75rem;
  color: var(--c-text-muted);
  margin-top: var(--sp-xs);
}
.newsletter-privacy a { color: var(--c-text-muted); text-decoration: underline; }
footer {
  padding: var(--sp-xl) 0 var(--sp-l);
  border-top: 1px solid var(--c-border);
}
.footer-inner {
  display: flex;
  flex-direction: column;
  gap: var(--sp-l);
}
@media (min-width: 768px) {
  .footer-inner { flex-direction: row; align-items: flex-start; justify-content: space-between; }
}
.footer-brand p {
  font-size: 0.875rem;
  color: var(--c-text-muted);
  max-width: 32ch;
  line-height: 1.6;
  margin-top: 0.5rem;
}
.footer-logo {
  font-family: var(--f-display);
  font-size: 1.125rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--c-text);
}
.footer-logo span { color: var(--c-accent); }
.footer-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer-nav-label {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-text-muted);
  margin-bottom: 0.25rem;
}
.footer-nav a {
  font-size: 0.875rem;
  color: var(--c-text-muted);
  display: block;
}
.footer-nav a:hover { color: var(--c-accent); }
.footer-bottom {
  margin-top: var(--sp-l);
  padding-top: var(--sp-m);
  border-top: 1px solid var(--c-border);
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-s);
  justify-content: space-between;
  align-items: center;
}
.footer-copy {
  font-size: 0.8125rem;
  color: var(--c-text-muted);
}
.footer-links {
  display: flex;
  gap: var(--sp-m);
  list-style: none;
}
.footer-links a {
  font-size: 0.8125rem;
  color: var(--c-text-muted);
}
.footer-links a:hover { color: var(--c-accent); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
  html { scroll-behavior: auto; }
}
</style>
</head>
<body typeof="WebPage" resource="https://auctor.info/">

<a href="#main-content" class="sr-only">Aller au contenu principal</a>

<nav id="main-nav" aria-label="Navigation principale" role="navigation" typeof="SiteNavigationElement">
  <div class="wrap">
    <div class="nav-inner">
      <a href="#/" class="nav-logo" aria-label="Auctor — accueil" property="name">Auct<span>·</span>or</a>
      <button class="nav-toggle" aria-controls="nav-menu" aria-expanded="false" aria-label="Ouvrir le menu">
        <span></span><span></span><span></span>
      </button>
      <div class="nav-menu" id="nav-menu" role="menu">
        <a href="#/auteur/" role="menuitem" property="url">
          <span class="nav-tag">Auteur</span>Auteur<svg class="nav-arrow" viewbox="0 0 20 20" fill="none" aria-hidden="true"><path d="M7 10h6M10 7l3 3-3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
        <a href="#/authenticite/" role="menuitem" property="url">
          <span class="nav-tag">Authenticité</span>Authenticité<svg class="nav-arrow" viewbox="0 0 20 20" fill="none" aria-hidden="true"><path d="M7 10h6M10 7l3 3-3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
        <a href="#/autorite/" role="menuitem" property="url">
          <span class="nav-tag">Autorité</span>Autorité<svg class="nav-arrow" viewbox="0 0 20 20" fill="none" aria-hidden="true"><path d="M7 10h6M10 7l3 3-3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
        <a href="#/qui-a-ecrit/" role="menuitem" property="url">
          <span class="nav-tag">Enquête</span>Qui a écrit ?<svg class="nav-arrow" viewbox="0 0 20 20" fill="none" aria-hidden="true"><path d="M7 10h6M10 7l3 3-3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
        <a href="#/a-propos/" role="menuitem" property="url">
          <span class="nav-tag">À propos</span>À propos<svg class="nav-arrow" viewbox="0 0 20 20" fill="none" aria-hidden="true"><path d="M7 10h6M10 7l3 3-3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
    </div>
  </div>
</nav>

<main id="main-content">

  <section class="hero" aria-labelledby="hero-title">
    <div class="hero-watermark" aria-hidden="true" id="watermark">AUCTOR</div>
    <div class="wrap">
      <div class="hero-content">
        <p class="hero-eyebrow">Philosophie · IA · Écriture</p>
        <h1 class="hero-title" id="hero-title">
          <em>Auctor</em> — qui fait exister ce qui est dit
        </h1>
        <p class="hero-lead">
          Du latin <em lang="la">auctor</em> : celui qui augmente, qui garantit, qui répond de ses mots. Quand l'IA générative produit des milliers de textes par seconde, cette figure millénaire vacille. Faut-il la défendre, la redéfinir — ou l'abandonner ?
        </p>
        <div class="hero-actions">
          <a href="#/qui-a-ecrit/" class="btn-primary" aria-label="Explorer la question : qui a écrit ce texte ?">
            Qui a écrit ce texte ?
            <svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </a>
          <a href="#/manifeste/" class="btn-ghost">Lire le manifeste</a>
        </div>
        <p class="hero-scroll" aria-hidden="true">
          <span class="scroll-line"></span>
          Défiler pour explorer
        </p>
      </div>
    </div>
  </section>

  <section class="section-question" aria-labelledby="question-heading">
    <div class="wrap">
      <div class="question-grid">
        <div>
          <p class="section-label">La question centrale</p>
          <h2 id="question-heading" class="question-heading">
            Qui est l'auteur quand la machine écrit ?
          </h2>
        </div>
        <div class="question-body" property="description">
          <p>
            En 1967, Roland Barthes proclamait <strong>la mort de l'auteur</strong> : le texte se libère de celui qui l'a produit dès lors que le lecteur le reçoit. L'IA générative radicalise ce geste — non plus en effaçant l'auteur, mais en le remplaçant par un processus statistique sans intention ni expérience.
          </p>
          <p>
            Pourtant, quelqu'un a <strong>choisi le prompt</strong>. Quelqu'un a sélectionné, édité, publié. Quelqu'un répond — légalement, moralement — du texte produit. La figure de l'<em lang="la">auctor</em> latin revient hanter notre époque sous une forme nouvelle : non plus l'auteur romantique, mais le <strong>garant du sens</strong>.
          </p>
          <p>
            Auctor explore ces questions à l'intersection de la philosophie du langage, de l'éthique et du droit, pour des lecteurs mobiles qui cherchent des repères dans un monde où tout texte est suspect.
          </p>
        </div>
      </div>
    </div>
  </section>

  <section class="section-pillars" aria-labelledby="pillars-heading">
    <div class="wrap">
      <div class="section-header">
        <p class="section-label">L'arborescence d'Auctor</p>
        <h2 id="pillars-heading" class="pillars-heading">Quatre entrées dans la même question</h2>
      </div>
      <div class="pillars-grid" role="list">

        <article class="pillar-card" role="listitem" typeof="Article" resource="https://auctor.info/auteur/">
          <p class="pillar-latin"><span lang="la">auctor</span> → auteur</p>
          <h3 class="pillar-title" property="name">Auteur</h3>
          <p class="pillar-desc" property="description">
            La notion d'auteur est-elle encore tenable ? Du génie romantique à l'<em>auteur-fonction</em> de Foucault, retracer une histoire pour mieux comprendre ce que l'IA déstabilise aujourd'hui.
          </p>
          <a href="#/auteur/" class="pillar-link" property="url" aria-label="Explorer la notion d'auteur">
            Explorer
            <svg width="14" height="14" viewbox="0 0 14 14" fill="none" aria-hidden="true"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </a>
        </article>

        <article class="pillar-card" role="listitem" typeof="Article" resource="https://auctor.info/authenticite/">
          <p class="pillar-latin"><span lang="la">authenticus</span> → authenticité</p>
          <h3 class="pillar-title" property="name">Authenticité</h3>
          <p class="pillar-desc" property="description">
            Un texte peut-il être authentique sans auteur humain ? Ce que Heidegger et Sartre avaient pensé comme quête existentielle se rejoue à l'échelle industrielle de la génération de contenu.
          </p>
          <a href="#/authenticite/" class="pillar-link" property="url" aria-label="Explorer l'authenticité à l'ère de l'IA">
            Explorer
            <svg width="14" height="14" viewbox="0 0 14 14" fill="none" aria-hidden="true"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </a>
        </article>

        <article class="pillar-card" role="listitem" typeof="Article" resource="https://auctor.info/autorite/">
          <p class="pillar-latin"><span lang="la">auctoritas</span> → autorité</p>
          <h3 class="pillar-title" property="name">Autorité</h3>
          <p class="pillar-desc" property="description">
            L'autorité d'un texte vient-elle de son auteur, de ses arguments, ou de l'institution qui le valide ? Quand les faux sont indiscernables, la confiance se déplace vers d'autres garants.
          </p>
          <a href="#/autorite/" class="pillar-link" property="url" aria-label="Explorer la notion d'autorité du texte">
            Explorer
            <svg width="14" height="14" viewbox="0 0 14 14" fill="none" aria-hidden="true"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </a>
        </article>

        <article class="pillar-card" role="listitem" typeof="Article" resource="https://auctor.info/qui-a-ecrit/">
          <p class="pillar-latin"><span lang="la">quis scripsit?</span> → détection</p>
          <h3 class="pillar-title" property="name">Qui a écrit ?</h3>
          <p class="pillar-desc" property="description">
            Outils stylistiques, détecteurs d'IA, filigranes numériques : tour d'horizon des méthodes — et de leurs limites philosophiques — pour identifier l'origine d'un texte.
          </p>
          <a href="#/qui-a-ecrit/" class="pillar-link" property="url" aria-label="Méthodes pour détecter un texte écrit par IA">
            Explorer
            <svg width="14" height="14" viewbox="0 0 14 14" fill="none" aria-hidden="true"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </a>
        </article>

      </div>
    </div>
  </section>

  <section class="section-manifesto" aria-labelledby="manifesto-heading">
    <div class="wrap">
      <div class="manifesto-inner">
        <p class="section-label" style="justify-content:center;">Texte fondateur</p>
        <h2 id="manifesto-heading" class="sr-only">La mort de l'auteur, acte II — manifeste d'Auctor</h2>
        <blockquote class="manifesto-quote" cite="https://auctor.info/manifeste/">
          L'auteur n'est pas mort. Il a été dilué dans un espace de probabilités.
        </blockquote>
        <p class="manifesto-source">— Manifeste Auctor, juin 2026</p>
        <div class="manifesto-body">
          <p>
            Barthes libérait le texte de la tyrannie d'une intention unique. Mais un modèle de langage n'a pas d'intention : il a des paramètres. La différence n'est pas de degré — elle est de nature. Là où l'auteur humain <strong>engage quelque chose de lui-même</strong>, le modèle rejoue des co-occurrences statistiques à une échelle que nulle mémoire humaine ne peut atteindre.
          </p>
          <p>
            Ce site n'est pas un tribunal. Il ne s'agit pas de condamner l'IA générative, ni de pleurer un âge d'or imaginaire de la singularité auctoriale. Il s'agit de <strong>penser clairement</strong> ce qui change, ce qui persiste, et ce que nous voulons garder — à une époque où la question <em>« qui a écrit ça ? »</em> devient à la fois plus urgente et plus difficile à trancher.
          </p>
        </div>
        <div style="margin-top: var(--sp-l);">
          <a href="#/manifeste/" class="btn-primary">Lire le manifeste complet</a>
        </div>
      </div>
    </div>
  </section>

  <section class="section-articles" aria-labelledby="articles-heading">
    <div class="wrap">
      <p class="section-label">Lectures récentes</p>
      <h2 id="articles-heading" class="articles-heading">Derniers articles</h2>
      <ul class="articles-list" role="list">

        <li>
          <a href="#/auteur/fonction-auteur-ia/" class="article-item" typeof="Article" resource="https://auctor.info/auteur/fonction-auteur-ia/">
            <div class="article-meta">
              <span class="article-tag" property="about">Auteur</span>
              <time class="article-date" datetime="2026-06-20" property="datePublished">20 juin 2026</time>
            </div>
            <div>
              <h3 class="article-title" property="headline">La « fonction-auteur » de Foucault à l'épreuve des LLMs</h3>
              <p class="article-excerpt" property="description">Un LLM peut-il avoir une « fonction-auteur » au sens foucaldien ? Analyse d'un concept devenu soudainement opérationnel.</p>
            </div>
          </a>
        </li>

        <li>
          <a href="#/authenticite/test-turing-litteraire/" class="article-item" typeof="Article" resource="https://auctor.info/authenticite/test-turing-litteraire/">
            <div class="article-meta">
              <span class="article-tag" property="about">Authenticité</span>
              <time class="article-date" datetime="2026-06-14" property="datePublished">14 juin 2026</time>
            </div>
            <div>
              <h3 class="article-title" property="headline">Y a-t-il un test de Turing littéraire ?</h3>
              <p class="article-excerpt" property="description">Si vous ne pouvez pas distinguer un texte humain d'un texte IA, cela prouve-t-il quelque chose sur l'authenticité — ou seulement sur vos limites perceptuelles ?</p>
            </div>
          </a>
        </li>

        <li>
          <a href="#/autorite/confiance-sans-auteur/" class="article-item" typeof="Article" resource="https://auctor.info/autorite/confiance-sans-auteur/">
            <div class="article-meta">
              <span class="article-tag" property="about">Autorité</span>
              <time class="article-date" datetime="2026-06-07" property="datePublished">7 juin 2026</time>
            </div>
            <div>
              <h3 class="article-title" property="headline">Peut-on faire confiance à un texte sans auteur identifiable ?</h3>
              <p class="article-excerpt" property="description">L'autorité épistémique d'un texte repose-t-elle sur son origine ou sur ses arguments ? Réponse philosophique à une question devenue pratique.</p>
            </div>
          </a>
        </li>

        <li>
          <a href="#/qui-a-ecrit/detecteurs-ia-limites/" class="article-item" typeof="Article" resource="https://auctor.info/qui-a-ecrit/detecteurs-ia-limites/">
            <div class="article-meta">
              <span class="article-tag" property="about">Qui a écrit ?</span>
              <time class="article-date" datetime="2026-05-28" property="datePublished">28 mai 2026</time>
            </div>
            <div>
              <h3 class="article-title" property="headline">Les détecteurs d'IA : outils ou illusions ?</h3>
              <p class="article-excerpt" property="description">Revue critique des principaux détecteurs de textes IA et de leurs biais — pourquoi ils pénalisent souvent les non-anglophones natifs.</p>
            </div>
          </a>
        </li>

      </ul>
      <div style="margin-top:var(--sp-l);">
        <a href="#/articles/" class="btn-ghost">Tous les articles
          <svg width="14" height="14" viewbox="0 0 14 14" fill="none" aria-hidden="true"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
    </div>
  </section>

  <section class="section-newsletter" aria-labelledby="newsletter-heading">
    <div class="wrap">
      <div class="newsletter-box">
        <p class="section-label">Lettre d'Auctor</p>
        <h2 id="newsletter-heading" class="newsletter-heading">Une question par semaine</h2>
        <p class="newsletter-desc">
          Chaque vendredi, une question sur l'auteur, l'authenticité ou l'autorité. Moins de 500 mots. Lisible sur mobile en deux minutes.
        </p>
        <form class="newsletter-form" action="" method="post" aria-label="Inscription à la lettre hebdomadaire">
          <label for="email-input" class="sr-only">Votre adresse e-mail</label>
          <input
            type="email"
            id="email-input"
            name="email"
            class="newsletter-input"
            placeholder="votre@adresse.fr"
            required
 autocomplete="email"
            aria-describedby="newsletter-privacy"
          >
          <button type="submit" class="btn-primary">S'inscrire</button>
        </form>
        <p class="newsletter-privacy" id="newsletter-privacy">
          Aucune donnée partagée. Désinscription en un clic. <a href="#/confidentialite/">Politique de confidentialité</a>.
        </p>
      </div>
    </div>
  </section>

</main>

<footer role="contentinfo" typeof="WPFooter">
  <div class="wrap">
    <div class="footer-inner">
      <div class="footer-brand">
        <p class="footer-logo">Auct<span>·</span>or</p>
        <p>Philosophie de l'auteur, de l'authenticité et de l'autorité à l'ère de l'IA générative.</p>
      </div>
      <nav class="footer-nav" aria-label="Navigation thématique">
        <p class="footer-nav-label">Thèmes</p>
        <a href="#/auteur/">Auteur</a>
        <a href="#/authenticite/">Authenticité</a>
        <a href="#/autorite/">Autorité</a>
        <a href="#/qui-a-ecrit/">Qui a écrit ?</a>
      </nav>
      <nav class="footer-nav" aria-label="Navigation secondaire">
        <p class="footer-nav-label">Auctor</p>
        <a href="#/manifeste/">Manifeste</a>
        <a href="#/articles/">Articles</a>
        <a href="#/a-propos/">À propos</a>
        <a href="#/contact/">Contact</a>
      </nav>
    </div>
    <div class="footer-bottom">
      <p class="footer-copy">© 2026 Auctor. Contenu sous <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr" rel="license">CC BY-SA 4.0</a>.</p>
      <ul class="footer-links" role="list">
        <li><a href="#/mentions-legales/">Mentions légales</a></li>
        <li><a href="#/confidentialite/">Confidentialité</a></li>
        <li><a href="#/accessibilite/">Accessibilité</a></li>
      </ul>
    </div>
  </div>
</footer>

<script>
(function () {
  var toggle = document.querySelector('.nav-toggle');
  var menu = document.getElementById('nav-menu');
  var isOpen = false;

  function setMenu(open) {
    isOpen = open;
    toggle.setAttribute('aria-expanded', String(open));
    if (open) {
      menu.classList.add('is-open');
      document.body.style.overflow = 'hidden';
      var first = menu.querySelector('a');
      if (first) first.focus();
    } else {
      menu.classList.remove('is-open');
      document.body.style.overflow = '';
    }
  }

  toggle.addEventListener('click', function () {
    setMenu(!isOpen);
  });

  menu.querySelectorAll('a').forEach(function (link) {
    link.addEventListener('click', function () { setMenu(false); });
  });

  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape' && isOpen) {
      setMenu(false);
      toggle.focus();
    }
  });

  document.addEventListener('click', function (e) {
    if (isOpen && !menu.contains(e.target) && !toggle.contains(e.target)) {
      setMenu(false);
    }
  });

  var mq = window.matchMedia('(min-width: 768px)');
  function onBreakpoint(e) { if (e.matches && isOpen) setMenu(false); }
  if (mq.addEventListener) { mq.addEventListener('change', onBreakpoint); }
  else { mq.addListener(onBreakpoint); }

  var watermark = document.getElementById('watermark');
  var ticking = false;
  var lastY = 0;

  function updateWatermark() {
    watermark.style.transform = 'translate(-50%, calc(-50% + ' + (lastY * 0.18) + 'px))';
    ticking = false;
  }

  if (watermark && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
    window.addEventListener('scroll', function () {
      lastY = window.scrollY;
      if (!ticking) {
        requestAnimationFrame(updateWatermark);
        ticking = true;
      }
    }, { passive: true });
  }

  var navEl = document.getElementById('main-nav');
  if ('IntersectionObserver' in window) {
    var sentinel = document.createElement('div');
    sentinel.style.cssText = 'position:absolute;top:1px;height:1px;width:1px;pointer-events:none;';
    document.body.prepend(sentinel);
    new IntersectionObserver(function (entries) {
      navEl.style.borderBottomColor = entries[0].isIntersecting ? 'transparent' : '';
    }).observe(sentinel);
  }
})();
</script>
</body>
</html>