Outiref
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Histoire — Shibari Charme</title>
  <link rel="stylesheet" href="style.css">
  <style>
    .timeline-block {
      position: relative;
      padding-left: 2.5rem;
      margin-bottom: 3rem;
    }

    .timeline-block::before {
      content: '';
      position: absolute;
      left: 0; top: 0.6rem;
      bottom: -3rem;
      width: 1px;
      background: linear-gradient(180deg, var(--or-profond), transparent);
    }

    .timeline-block::after {
      content: '';
      position: absolute;
      left: -4px; top: 0.55rem;
      width: 9px; height: 9px;
      border: 1px solid var(--or);
      border-radius: 50%;
      background: var(--noir);
    }

    .timeline-block:last-child::before { display: none; }

    .timeline-era {
      font-family: 'Cinzel', serif;
      font-size: 0.65rem;
      letter-spacing: 0.35em;
      text-transform: uppercase;
      color: var(--or);
      margin-bottom: 0.6rem;
    }

    .highlight-term {
      color: var(--or-pale);
      font-style: italic;
    }

    .two-col {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      margin: 3rem 0;
    }

    @media (max-width: 640px) {
      .two-col { grid-template-columns: 1fr; gap: 1.5rem; }
    }
  </style>
</head>
<body>

<nav>
  <div class="nav-inner">
    <a href="index.html" class="nav-logo">Shibari Charme</a>
    <ul class="nav-links">
      <li><a href="index.html">Accueil</a></li>
      <li><a href="histoire.html" class="active">Histoire</a></li>
      <li><a href="historique.html">Historique</a></li>
      <li><a href="francois.html">François</a></li>
      <li><a href="biographie.html">Biographie</a></li>
    </ul>
  </div>
</nav>

<div class="page-wrapper">

  <header class="hero">
    <div class="hero-kanji">縛</div>
    <h1 class="hero-title">Histoire du Kinbaku</h1>
    <p class="hero-subtitle">De l'art martial à l'érotisme raffiné</p>
  </header>

  <div class="content-wrapper fade-in">

    <p>
      Le <span class="highlight-term">Kinbaku</span> est l'art du bondage japonais, mêlant servitude,
      domination, spiritualité, philosophie, érotisme, sensualité et, de nos jours en Occident,
      esthétisme. Il est synonyme de soumission, d'immobilisation, de ligotage et de restriction
      de liberté, lors de mises en scène sexuelles, érotiques ou d'encordage, dans le cadre de
      jeux sadomasochistes.
    </p>

    <div class="rope-divider"><span class="rope-knot">✦</span></div>

    <div class="timeline-block">
      <div class="timeline-era">Origines médiévales — Hojojutsu</div>
      <p>
        La pratique de cet art provient de <span class="highlight-term">l'Hojojutsu</span>, un art
        martial japonais, une technique de ligotage militaire médiévale, basée sur la réalisation
        de motifs à l'aide de cordes et de nœuds. Elle était utilisée pour capturer, entraver et
        transporter les prisonniers, tout en soignant la façon de les attacher en fonction de
        leur rang social. Son but était d'empêcher les prisonniers de fuir, sans pour autant
        provoquer de souffrances physiques ou psychologiques, et de rendre le ligotage esthétique
        afin de ne pas nuire à l'honneur de leur rang social.
      </p>
    </div>

    <div class="timeline-block">
      <div class="timeline-era">À partir du XV<sup>e</sup> siècle — Déclin &amp; mutation</div>
      <p>
        Avec le temps, cet art a perdu de sa noblesse et les gestes sophistiqués et hiérarchisés
        des <span class="highlight-term">Nawashi</span> — les spécialistes du ligotage — ont laissé
        place à un usage des cordes beaucoup plus cruel pour les tortures, châtiments et exécutions.
      </p>
    </div>

    <div class="timeline-block">
      <div class="timeline-era">Années 1950 — Renaissance érotique</div>
      <p>
        Au cours des années 50, la culture occidentale a réveillé cet art militaire ancien pour
        le transformer en un art érotique visuel fascinant, s'inspirant des estampes érotiques
        japonaises. Les cordes deviennent alors synonymes d'érotisme et d'esthétisme, lorsqu'elles
        entravent le corps féminin, l'enveloppant de beauté, de sensualité, de plaisir cérébral et
        de stimulation sexuelle. Le corps nu est ainsi célébré, mis en valeur, de façon sereine et
        savante. Le corps est caressé, stimulé, par l'emprise et le maintien des cordes, totalement
        ou en partie soumis, immobilisé, contraint ou suspendu.
      </p>
    </div>

    <div class="rope-divider"><span class="rope-knot">✦</span></div>

    <p class="section-title">Sécurité &amp; Responsabilité</p>

    <div class="quote-block">
      Les diverses techniques utilisées doivent être sans douleur, sans danger, si toutes les
      règles de sécurité sont respectées, en toute confiance, dans le respect et le partage,
      avec patience et maîtrise — car la personne qui attache est responsable de la sécurité,
      voire de la vie, de sa partenaire attachée.
    </div>

    <div class="rope-divider"><span class="rope-knot">✦</span></div>

    <p class="section-title">Occidentalisation de l'image</p>

    <div class="two-col">
      <div>
        <p style="margin-bottom:0.5rem;">
          C'est <span class="highlight-term">John Willie</span> qui, le premier, a occidentalisé
          l'image du bondage et, par conséquent, la notion de Shibari, bien qu'une forme de ligotage
          soit déjà présente dans l'œuvre du Marquis de Sade. Il perd un peu de son esthétisme pour
          entrer dans l'imagerie des jeux sadomasochistes.
        </p>
      </div>
      <div>
        <p style="margin-bottom:0.5rem;">
          Le photographe new-yorkais <span class="highlight-term">Irving Klaw</span> et sa sœur
          Paula seront les premiers à commercialiser et populariser des images de soumission et
          de bondage, prenant pour modèle Betty Page, cette secrétaire devenue symbole de liberté
          sexuelle en Amérique.
        </p>
      </div>
    </div>

    <p>
      La beauté n'est plus alors dans l'art de nouer les cordes, mais dans l'art de les photographier,
      visant à rendre publique la sexualité privée. Certains, cependant, allient art et jeu, technique
      et sensualité, pour sublimer le corps de femmes soumises sous leurs cordes et, principalement,
      leur poitrine, symbole par excellence de féminité et de sensualité. Le bondage des seins, dans
      l'art, est appelé <span class="highlight-term">Shinju</span>. Autre pratique courante intégrant
      le fétichisme Shibari : le bondage des pieds, leur donnant, outre l'objectif de restreindre les
      mouvements de la soumise, une dimension érotique et sexuelle.
    </p>

  </div>

</div>

<footer>
  <p>© Shibari Charme &nbsp;·&nbsp; Tous droits réservés &nbsp;·&nbsp; François Xees</p>
</footer>

</body>
</html>