<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Mentions légales | Aprin - Men’s Clothing</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="noindex, nofollow">
  <meta name="theme-color" content="#0e2430">
  <link rel="icon" type="image/x-icon" href="/favicon/favicon.ico">
  <link rel="icon" href="/favicon/favicon.png" type="image/png">
  
  <!-- Open Graph : aperçu Réseaux sociaux -->
  <meta property="og:title" content="Aprin - Men's Clothing - Mentions légales" />
  <meta property="og:description" content="Aprin - Men’s Clothing. Mentions légales." />
  <meta property="og:site_name" content="Aprin - Men's Clothing" />
  <meta property="og:url" content="http://www.aprinmen.fr/" />
  <meta property="og:image" content="http://www.aprinmen.fr/favicon/favicon.png" />
  <meta name="theme-color" content="#0e2430">
  
  <!-- og:image -->
  <meta property="og:image" content="http://www.aprinmen.fr/favicon/favicon.png" />
  <meta property="og:image:width" content="104">
  <meta property="og:image:height" content="104">
  <meta name="theme-color" content="#0e2430">
  
  <!-- Twitter Cards -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:image" content="http://www.aprinmen.fr/assets/og/aprin-cover.png"> 

  <!-- Favicons -->
  <link rel="icon" type="image/x-icon" href="/favicon/favicon.ico">
  <link rel="shortcut icon" href="/favicon/favicon.ico">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="180x180" href="/favicon/favicon-180x180.png">
  <link rel="icon" type="image/png" sizes="192x192" href="/favicon/favicon-192x192.png">
  <link rel="icon" type="image/png" sizes="512x512" href="/favicon/favicon-512x512.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/favicon/favicon-180x180.png">

  <!-- Windows / Edge -->
  <meta name="msapplication-TileColor" content="#0e2430">
  <meta name="msapplication-TileImage" content="/favicon/favicon-192x192.png">

  <!-- Thème navigateur mobile -->
  <meta name="theme-color" content="#0e2430">

  <style>
    :root{
      --bg:#0e2430;
      --bg2:#0b1a23;
      --fg:#f4f7fb;
      --muted:#b9c7d4;
      --card:#0f2b3b;
      --line:#18384a;
      --brand:#9fd7ff;
      --box:#102a39;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html,body{height:100%}
    body{
      margin:0;
      background:linear-gradient(180deg,var(--bg),var(--bg2));
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: 100% 100%;
      color:var(--fg);
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
    }

    .page-wrap{
      min-height:100%;
      padding:24px;
      display:flex;
      justify-content:center;
    }
    .ml-card{
      width:min(960px,100%);
      background:var(--card);
      border:1px solid var(--line);
      border-radius:18px;
      padding:24px 22px 28px;
      box-shadow:0 10px 40px rgba(0,0,0,.35);
    }

    .ml-header{
      margin-bottom:18px;
      border-bottom:1px solid var(--line);
      padding-bottom:10px;
    }
    .ml-header h1{
      font-size:22px;
      margin-bottom:4px;
    }
    .ml-header p{
      font-size:13px;
      color:var(--muted);
    }

    h2{
      font-size:18px;
      margin:20px 0 8px;
    }
    h3{
      font-size:15px;
      margin:14px 0 6px;
    }
    p,li{
      font-size:13px;
      color:var(--muted);
      line-height:1.6;
    }
    ul{padding-left:18px;margin:4px 0 10px;}

    a{
      color:var(--brand);
      text-decoration:none;
    }
    a:hover{text-decoration:underline;}

    .ml-section{margin-top:10px;}

    .ml-footer{
      margin-top:22px;
      padding-top:12px;
      border-top:1px solid var(--line);
      font-size:12px;
      color:var(--muted);
      display:flex;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }
    
/* --- Bouton Retour en haut --- */
.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 80px;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid var(--brand);
  background: var(--brand);
  color: #031018;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
  opacity: 0;
  pointer-events: none;            /* non cliquable tant qu'il est caché */
  z-index: 9980;
  transition:
    opacity .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

/* Icône flèche */
.back-to-top svg {
  width: 30px;
  height: 30px;
  stroke-width: 2.5;
}

/* Visible après scroll */
.back-to-top.show {
  opacity: 1;
  pointer-events: auto;
}

/* Effet hover désactivé
.back-to-top:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.6);
}
*/

/* --- TOOLTIP --- */
.back-to-top::after {
  content: attr(data-tooltip);
  position: absolute;
  right: 110%; /* côté gauche du bouton */
  top: 50%;
  transform: translateY(-50%);
  background: var(--card);
  color: var(--fg);
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--line);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-out;
  box-shadow: 0 0 10px rgba(0,0,0,.35);
}

/* Flèche du tooltip */
.back-to-top::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: var(--card);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-out;
}

/* Affichage au survol */
.back-to-top:hover::after,
.back-to-top:hover::before {
  opacity: 1;
}
  </style>
</head>
<body>
<!-- Retour en haut -->
<button id="backToTop" class="back-to-top" aria-label="Retour en haut"
        data-tooltip="Retour en haut">
  <svg viewBox="0 0 24 24" width="24" height="24"
       fill="none" stroke="currentColor" stroke-width="2.5"
       stroke-linecap="round" stroke-linejoin="round">
    <path d="M6 16 L12 8 L18 16" />
  </svg>
</button>
<div class="page-wrap">
  <main class="ml-card">
    <header class="ml-header">
      <h1>Mentions légales</h1>
      <p>Site aprinmen.fr - informations légales, cookies et données personnelles.</p>
    </header>

    <section class="ml-section">
      <h2>1. Éditeur du site</h2>
      <p>
        Le site <strong>aprinmen.fr</strong> est édité par :
      </p>
      <p>
        <strong>Nom / Raison sociale :</strong> M Anthony Prin<br>
        <strong>Adresse :</strong> 17 Rue Marcel Paul - 44000 Nantes - France<br>
        <strong>Email de contact :</strong> admin@aprinmen.fr<br>
        <strong>Statut :</strong> Particulier<br>
      </p>
    </section>

    <section class="ml-section">
      <h2>2. Hébergement</h2>
      <p>
        Le nom de domaine <strong>aprinmen.fr</strong> est enregistré auprès de :
        <br><strong>OVH</strong> SAS au capital de 50 000 000 €</br>
      </p>
        
      <p>
        RCS Lille Métropole 424 761 419 00045<br>
        Code APE 2620Z<br>
        N° TVA : FR 22 424 761 419<br>
        Adresse : 2 Rue Kellermann - 59100 Roubaix - France<br>
        Site web : <a href="https://www.ovhcloud.com" target="_blank" rel="noopener noreferrer">www.ovhcloud.com</a>
      </p>

      <p>
        <br>Le site est hébergé sur un serveur privé géré par l’éditeur du site.</br>
        <strong>Hébergement : serveur privé (self-hosted)</strong><br>
        Localisation : France
      </p>

    </section>

    <section class="ml-section">
      <h2>3. Propriété intellectuelle</h2>
      <p>
        L’ensemble des contenus présents sur le site aprinmen.fr (textes, visuels, logo, identité graphique, photos,
        éléments de design, etc.) est protégé par le droit d’auteur et, le cas échéant, par le droit des marques.
      </p>
      <p>
        Toute reproduction, représentation, modification ou exploitation, totale ou partielle, sans autorisation
        préalable écrite de l’éditeur est strictement interdite.
      </p>
    </section>

    <section class="ml-section" id="cookies-settings">
      <h2>4. Cookies</h2>
      <p>
        Le site aprinmen.fr utilise des cookies afin de :
      </p>
      <ul>
        <li>assurer le bon fonctionnement technique du site (cookies fonctionnels) ;</li>
        <li>mesurer l’audience de manière anonyme et améliorer l’expérience utilisateur (Google Analytics).</li>
      </ul>
      <p>
        Lors de votre première visite, une bannière vous invite à accepter ou refuser les cookies non essentiels.
        Vous pouvez à tout moment modifier votre choix en cliquant sur le lien
        <strong>« Paramètres des cookies »</strong> disponible dans le site.
      </p>
      <p>
        Les cookies fonctionnels, nécessaires au fonctionnement du site, ne peuvent pas être désactivés depuis l’interface
        de gestion des cookies.
      </p>
    </section>

    <section class="ml-section">
      <h2>5. Données personnelles</h2>
      <p>
        aprinmen.fr peut collecter des données personnelles dans le cadre de la gestion des commandes,
        des demandes de contact ou du suivi d’audience (données statistiques anonymisées).
      </p>
      <p>
        Conformément au Règlement Général sur la Protection des Données (RGPD) et à la loi Informatique et Libertés,
        vous disposez d’un droit d’accès, de rectification, d’opposition et de suppression des données vous concernant.
      </p>
      <p>
        Pour exercer ces droits, vous pouvez écrire à :<br>
        <strong>Email :</strong> admin@aprinmen.fr
      </p>
    </section>

    <section class="ml-section">
      <h2>6. Responsabilité</h2>
      <p>
        L’éditeur du site met tout en œuvre pour assurer l’exactitude et la mise à jour des informations diffusées
        sur aprinmen.fr. Toutefois, il ne peut être tenu responsable des erreurs, omissions ou résultats qui pourraient
        être obtenus par un mauvais usage de ces informations.
      </p>
      <p>
        Les liens hypertextes éventuellement présents sur le site en direction d’autres sites ne sauraient engager
        la responsabilité de l’éditeur.
      </p>
    </section>
    <div class="ml-footer">
      <span>Dernière mise à jour : le 15/11/2025 à 18:20</span>
    </div>
  </main>
</div>
<script>
  const backToTopBtn = document.getElementById("backToTop");

  // Affiche la flèche quand la page dépasse la moitié
  window.addEventListener("scroll", () => {
    const scrollTotal = document.documentElement.scrollHeight - window.innerHeight;
    if (window.scrollY > scrollTotal * 0.3) {
      backToTopBtn.classList.add("show");
    } else {
      backToTopBtn.classList.remove("show");
    }
  });

  // Remonte en douceur
  backToTopBtn.addEventListener("click", () => {
    window.scrollTo({
      top: 0,
      behavior: "smooth"
    });
  });
</script>
</body>
</html>