Outiref
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Historique &amp; Précautions — Shibari Charme</title>
  <link rel="stylesheet" href="style.css">
  <style>
    .precautions-list {
      list-style: none;
      margin: 1.5rem 0 2rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    .precautions-list li {
      display: flex;
      gap: 1.2rem;
      align-items: flex-start;
      padding: 1rem 1.5rem;
      background: rgba(200,169,110,0.04);
      border: 1px solid var(--bordure);
      transition: background 0.3s, border-color 0.3s;
    }

    .precautions-list li:hover {
      background: rgba(200,169,110,0.08);
      border-color: rgba(200,169,110,0.4);
    }

    .precautions-list .bullet {
      flex-shrink: 0;
      width: 6px; height: 6px;
      border: 1px solid var(--or);
      border-radius: 50%;
      margin-top: 0.65rem;
    }

    .precautions-list li span {
      font-size: 1rem;
      font-weight: 300;
      color: var(--texte-clair);
      line-height: 1.7;
    }

    .warning-banner {
      background: linear-gradient(135deg, rgba(90,26,26,0.3), rgba(90,26,26,0.1));
      border: 1px solid rgba(200,80,80,0.2);
      padding: 1.5rem 2rem;
      margin: 2rem 0;
      display: flex;
      gap: 1.2rem;
      align-items: flex-start;
    }

    .warning-banner .icon {
      color: rgba(200,120,120,0.7);
      font-size: 1.2rem;
      flex-shrink: 0;
      margin-top: 0.1rem;
    }

    .warning-banner p {
      font-size: 0.95rem;
      color: rgba(220,190,180,0.8);
      margin: 0 !important;
    }
  </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">Histoire</a></li>
      <li><a href="historique.html" class="active">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">Historique du Shibari</h1>
    <p class="hero-subtitle">Art, culture et précautions essentielles</p>
  </header>

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

    <p>
      Le <em>Kinbaku</em>, ou Shibari, 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>

    <p>
      La pratique de cet art provient de <em>l'Hojojitsu</em>, 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 et utilisée pour capturer, entraver et transporter les prisonniers, tout en soignant la
      façon de les attacher en fonction de leur rang social.
    </p>

    <p>
      Avec le temps, à partir du XV<sup>e</sup> siècle, cet art a perdu de sa noblesse et les gestes
      sophistiqués et hiérarchisés des Nawashi ont laissé place à un usage des cordes beaucoup plus
      cruel pour les tortures, châtiments et exécutions. 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 <em>« Shunga »</em>, estampes érotiques japonaises.
    </p>

    <p>
      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 est caressé, stimulé, par l'emprise et le maintien des cordes, totalement
      ou en partie soumis, immobilisé, contraint ou suspendu.
    </p>

    <div class="quote-block">
      Certains allient art et jeu, technique et sensualité, pour sublimer le corps de femmes soumises
      sous leurs cordes — le bondage des seins est appelé <em>« Shinju »</em>. Autre pratique courante
      intégrant le fétichisme au Shibari : le bondage des pieds, leur donnant une dimension érotique
      et sexuelle au-delà de la restriction des mouvements.
    </div>

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

    <p class="section-title">Usage &amp; Précautions</p>

    <p>
      Le bondage est avant tout une <em>relation de confiance</em> entre la personne qui attache
      et la personne attachée. La responsabilité — et même la vie — de la personne attachée est
      à tout moment entre les mains de la personne qui attache.
    </p>

    <div class="warning-banner">
      <span class="icon">⚠</span>
      <p>
        Plusieurs accidents graves liés au bondage sont recensés tous les ans.
        Ne négligez jamais les règles de sécurité élémentaires suivantes.
      </p>
    </div>

    <ul class="precautions-list">
      <li>
        <div class="bullet"></div>
        <span>Ne laissez jamais une personne ligotée seule, sans surveillance. Si vous pratiquez en solitaire, un certain nombre de règles supplémentaires s'appliquent.</span>
      </li>
      <li>
        <div class="bullet"></div>
        <span>Ne laissez jamais seule, pas même un instant, une personne ligotée <em>et bâillonnée</em>. Les étouffements accidentels sont rares, mais ils peuvent intervenir très rapidement.</span>
      </li>
      <li>
        <div class="bullet"></div>
        <span>Ne passez pas de corde autour du cou. Les risques d'étranglement sont beaucoup trop grands.</span>
      </li>
      <li>
        <div class="bullet"></div>
        <span>Conservez toujours un moyen de défaire les cordes rapidement : ciseaux à bandage, couteau, et/ou nœuds rapides, notamment au niveau du torse et des articulations.</span>
      </li>
      <li>
        <div class="bullet"></div>
        <span>Prévenez les risques de chute et d'étranglement. Une personne immobilisée faisant une chute en arrière risque de se rompre le cou.</span>
      </li>
      <li>
        <div class="bullet"></div>
        <span>Les <em>suspensions</em> demandent beaucoup de maîtrise. Ne les pratiquez pas si vous êtes débutant.</span>
      </li>
      <li>
        <div class="bullet"></div>
        <span>La qualité de la corde est primordiale afin de limiter les risques de brûlure liée aux frottements. Préférez la corde naturelle pour les suspensions.</span>
      </li>
      <li>
        <div class="bullet"></div>
        <span>N'utilisez jamais de nœuds coulants. Utilisez toujours des nœuds qui ne glissent pas. Préférez le nœud plat.</span>
      </li>
      <li>
        <div class="bullet"></div>
        <span>N'insistez pas si votre partenaire exprime une gêne ou de la douleur. Certaines caractéristiques physiques sont propres à chaque individu. Surveillez particulièrement les épaules et les coudes.</span>
      </li>
      <li>
        <div class="bullet"></div>
        <span>La durée des séances est très variable. Dans tous les cas, ne prenez pas de risques inutiles et pensez à hydrater régulièrement la personne attachée.</span>
      </li>
    </ul>

    <p style="font-size:0.95rem; font-style:italic; color:var(--texte); opacity:0.8;">
      Les photos, vidéos et textes de fictions que l'on peut trouver sur Internet sont choisis en
      fonction de leur esthétique. Les positions peuvent être plus compliquées à réaliser qu'il n'y
      paraît et ne peuvent pas toujours être reproduites sans risques. Ne vous y risquez pas si vous
      êtes débutant.
    </p>

  </div>

</div>

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

</body>
</html>