366 lines
20 KiB
TypeScript
366 lines
20 KiB
TypeScript
"use client";
|
||
import Link from "next/link";
|
||
import { ArrowLeft, Shield, Database, Lock, Eye, FileText, Mail } from "lucide-react";
|
||
import signinStyles from "../signin/signin.module.css";
|
||
|
||
export default function PolitiqueConfidentialiteContent() {
|
||
return (
|
||
<div className={signinStyles.meshRoot}>
|
||
<div className={signinStyles.simpleBg} aria-hidden="true" />
|
||
|
||
{/* Contenu principal */}
|
||
<div className="relative z-10 min-h-screen p-4 py-12">
|
||
<div className="max-w-4xl mx-auto">
|
||
{/* En-tête avec logo */}
|
||
<div className="bg-white/80 backdrop-blur-lg border border-white/20 rounded-3xl p-8 shadow-2xl mb-6">
|
||
<div className="flex justify-center mb-6">
|
||
<img
|
||
src="/odentas-logo.png"
|
||
alt="Logo Odentas"
|
||
className="h-16 w-auto drop-shadow-lg"
|
||
/>
|
||
</div>
|
||
|
||
<div className="text-center mb-6">
|
||
<div className="flex items-center justify-center gap-3 mb-3">
|
||
<Shield className="w-8 h-8 text-blue-600" />
|
||
<h1 className="text-3xl font-bold text-gray-800">
|
||
Politique de Confidentialité
|
||
</h1>
|
||
</div>
|
||
<p className="text-gray-600 text-lg">
|
||
Protection des données personnelles
|
||
</p>
|
||
<p className="text-sm text-gray-500 mt-2">
|
||
Dernière mise à jour : 14 octobre 2025
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
{/* Contenu de la politique */}
|
||
<div className="bg-white/80 backdrop-blur-lg border border-white/20 rounded-3xl p-8 shadow-2xl space-y-8">
|
||
|
||
{/* Section 1 */}
|
||
<section>
|
||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||
<FileText className="w-6 h-6 text-blue-600" />
|
||
1. Présentation
|
||
</h2>
|
||
<div className="prose prose-sm max-w-none text-gray-700 space-y-3">
|
||
<p>
|
||
La société <strong>Odentas Media SAS</strong>, immatriculée au RCS de Paris sous le numéro 907 880 348,
|
||
dont le siège social est situé au 6 rue d'Armaillé, 75017 Paris, éditeur de l'<strong>Espace Paie</strong>,
|
||
s'engage à protéger la confidentialité et la sécurité des données personnelles de ses utilisateurs.
|
||
</p>
|
||
<p>
|
||
Cette politique de confidentialité décrit comment nous collectons, utilisons, stockons et protégeons
|
||
vos données personnelles dans le cadre de l'utilisation de notre plateforme de gestion de paie et
|
||
de contrats pour le secteur du spectacle.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Section 2 */}
|
||
<section>
|
||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||
<Database className="w-6 h-6 text-blue-600" />
|
||
2. Données collectées
|
||
</h2>
|
||
<div className="prose prose-sm max-w-none text-gray-700 space-y-4">
|
||
<p>
|
||
Dans le cadre de nos services de gestion de paie et de contrats, nous collectons les catégories
|
||
de données suivantes :
|
||
</p>
|
||
|
||
<div className="bg-blue-50 border-l-4 border-blue-400 p-4 rounded-lg">
|
||
<h3 className="font-semibold text-gray-800 mb-2">Données d'identification des entreprises clientes :</h3>
|
||
<ul className="list-disc list-inside space-y-1 text-sm">
|
||
<li>Raison sociale, SIRET, forme juridique</li>
|
||
<li>Adresse du siège social</li>
|
||
<li>Coordonnées de contact (email, téléphone)</li>
|
||
<li>Informations de facturation et comptables</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div className="bg-blue-50 border-l-4 border-blue-400 p-4 rounded-lg">
|
||
<h3 className="font-semibold text-gray-800 mb-2">Données des utilisateurs (gestionnaires et administrateurs) :</h3>
|
||
<ul className="list-disc list-inside space-y-1 text-sm">
|
||
<li>Nom, prénom, email professionnel</li>
|
||
<li>Rôle et permissions dans l'application</li>
|
||
<li>Logs de connexion et d'activité</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div className="bg-blue-50 border-l-4 border-blue-400 p-4 rounded-lg">
|
||
<h3 className="font-semibold text-gray-800 mb-2">Données des salariés (intermittents du spectacle) :</h3>
|
||
<ul className="list-disc list-inside space-y-1 text-sm">
|
||
<li>État civil : nom, prénom, date et lieu de naissance</li>
|
||
<li>Numéro de sécurité sociale, coordonnées</li>
|
||
<li>RIB pour les virements de salaire</li>
|
||
<li>Contrats de travail (CDDU), bulletins de paie</li>
|
||
<li>Documents administratifs (attestations médicales, pièces d'identité, etc.)</li>
|
||
<li>Informations relatives aux cotisations sociales</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div className="bg-blue-50 border-l-4 border-blue-400 p-4 rounded-lg">
|
||
<h3 className="font-semibold text-gray-800 mb-2">Données de production :</h3>
|
||
<ul className="list-disc list-inside space-y-1 text-sm">
|
||
<li>Informations sur les spectacles et productions</li>
|
||
<li>Dates et lieux de représentation</li>
|
||
<li>Numéros d'appel et planning</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Section 3 */}
|
||
<section>
|
||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||
<Eye className="w-6 h-6 text-blue-600" />
|
||
3. Finalités du traitement
|
||
</h2>
|
||
<div className="prose prose-sm max-w-none text-gray-700 space-y-3">
|
||
<p>Les données personnelles collectées sont utilisées pour les finalités suivantes :</p>
|
||
<ul className="list-disc list-inside space-y-2">
|
||
<li><strong>Gestion des contrats de travail :</strong> création, modification, signature électronique et archivage des CDDU</li>
|
||
<li><strong>Traitement de la paie :</strong> calcul et édition des bulletins de salaire, virements bancaires</li>
|
||
<li><strong>Gestion des cotisations sociales :</strong> déclarations et paiements auprès des organismes (URSSAF, Pôle Emploi, Afdas, etc.)</li>
|
||
<li><strong>Facturation :</strong> émission et suivi des factures pour nos services</li>
|
||
<li><strong>Communication :</strong> envoi de notifications par email relatives aux contrats, paies et documents</li>
|
||
<li><strong>Support client :</strong> assistance technique et accompagnement des utilisateurs</li>
|
||
<li><strong>Conformité légale :</strong> respect des obligations légales en matière de droit du travail et de comptabilité</li>
|
||
<li><strong>Amélioration du service :</strong> analyse d'utilisation et optimisation de la plateforme</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Section 4 */}
|
||
<section>
|
||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||
<Lock className="w-6 h-6 text-blue-600" />
|
||
4. Base légale et durée de conservation
|
||
</h2>
|
||
<div className="prose prose-sm max-w-none text-gray-700 space-y-3">
|
||
<p>
|
||
Le traitement de vos données personnelles repose sur les bases légales suivantes :
|
||
</p>
|
||
<ul className="list-disc list-inside space-y-2">
|
||
<li><strong>Exécution du contrat :</strong> traitement nécessaire à la fourniture de nos services de gestion de paie</li>
|
||
<li><strong>Obligations légales :</strong> respect des obligations en matière de droit du travail, fiscalité et comptabilité</li>
|
||
<li><strong>Intérêt légitime :</strong> amélioration de nos services et prévention de la fraude</li>
|
||
</ul>
|
||
|
||
<div className="bg-gray-50 border border-gray-200 p-4 rounded-lg mt-4">
|
||
<h3 className="font-semibold text-gray-800 mb-2">Durées de conservation :</h3>
|
||
<ul className="list-disc list-inside space-y-1 text-sm">
|
||
<li><strong>Contrats de travail et bulletins de paie :</strong> 50 ans (obligation légale)</li>
|
||
<li><strong>Données comptables et fiscales :</strong> 10 ans</li>
|
||
<li><strong>Documents justificatifs :</strong> 5 ans à compter de leur réception</li>
|
||
<li><strong>Logs de connexion :</strong> 12 mois</li>
|
||
<li><strong>Données de facturation :</strong> 10 ans</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Section 5 */}
|
||
<section>
|
||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||
<Database className="w-6 h-6 text-blue-600" />
|
||
5. Partage et transfert des données
|
||
</h2>
|
||
<div className="prose prose-sm max-w-none text-gray-700 space-y-3">
|
||
<p>
|
||
Vos données personnelles peuvent être partagées avec les destinataires suivants, dans le strict
|
||
cadre de nos missions :
|
||
</p>
|
||
<ul className="list-disc list-inside space-y-2">
|
||
<li><strong>Organismes sociaux :</strong> URSSAF, Pôle Emploi, Afdas, Audiens, caisses de retraite (pour les déclarations obligatoires)</li>
|
||
<li><strong>Prestataires techniques :</strong> hébergement (Supabase/AWS France), signature électronique (DocuSeal), génération de PDF, envoi d'emails (AWS SES)</li>
|
||
<li><strong>Prestataires de paiement :</strong> GoCardless pour les prélèvements SEPA</li>
|
||
<li><strong>Administration fiscale :</strong> dans le cadre de nos obligations déclaratives</li>
|
||
</ul>
|
||
|
||
<div className="bg-green-50 border-l-4 border-green-400 p-4 rounded-lg mt-4">
|
||
<p className="text-sm">
|
||
<strong>🇫🇷 Hébergement en France :</strong> Toutes vos données sont hébergées sur des serveurs
|
||
situés en France (région AWS eu-west-3 à Paris) et ne font l'objet d'aucun transfert en dehors
|
||
de l'Union Européenne.
|
||
</p>
|
||
</div>
|
||
|
||
<p className="mt-4">
|
||
Nous ne vendons ni ne louons vos données personnelles à des tiers. Tous nos prestataires sont
|
||
contractuellement tenus de respecter la confidentialité et la sécurité de vos données.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Section 6 */}
|
||
<section>
|
||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||
<Shield className="w-6 h-6 text-blue-600" />
|
||
6. Sécurité des données
|
||
</h2>
|
||
<div className="prose prose-sm max-w-none text-gray-700 space-y-3">
|
||
<p>
|
||
Nous mettons en œuvre des mesures techniques et organisationnelles appropriées pour protéger
|
||
vos données contre tout accès non autorisé, perte, destruction ou altération :
|
||
</p>
|
||
<ul className="list-disc list-inside space-y-2">
|
||
<li><strong>Chiffrement :</strong> transmission HTTPS (TLS 1.3) et stockage chiffré des données sensibles</li>
|
||
<li><strong>Authentification :</strong> authentification à double facteur (OTP par email) et mots de passe sécurisés</li>
|
||
<li><strong>Contrôle d'accès :</strong> système de rôles et permissions granulaires (SUPER_ADMIN, ADMIN, AGENT, COMPTA)</li>
|
||
<li><strong>Journalisation :</strong> traçabilité des accès et actions sensibles</li>
|
||
<li><strong>Sauvegardes :</strong> sauvegardes automatiques quotidiennes avec rétention de 30 jours</li>
|
||
<li><strong>Tests de sécurité :</strong> audits réguliers et mises à jour de sécurité</li>
|
||
<li><strong>Sensibilisation :</strong> formation de nos équipes aux bonnes pratiques de sécurité</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Section 7 */}
|
||
<section>
|
||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||
<FileText className="w-6 h-6 text-blue-600" />
|
||
7. Vos droits
|
||
</h2>
|
||
<div className="prose prose-sm max-w-none text-gray-700 space-y-3">
|
||
<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 des droits suivants concernant vos données personnelles :
|
||
</p>
|
||
<ul className="list-disc list-inside space-y-2">
|
||
<li><strong>Droit d'accès :</strong> obtenir une copie de vos données personnelles</li>
|
||
<li><strong>Droit de rectification :</strong> corriger des données inexactes ou incomplètes</li>
|
||
<li><strong>Droit à l'effacement :</strong> demander la suppression de vos données (sous réserve de nos obligations légales de conservation)</li>
|
||
<li><strong>Droit à la limitation :</strong> demander la limitation du traitement de vos données</li>
|
||
<li><strong>Droit d'opposition :</strong> vous opposer au traitement de vos données pour des motifs légitimes</li>
|
||
<li><strong>Droit à la portabilité :</strong> recevoir vos données dans un format structuré et lisible par machine</li>
|
||
<li><strong>Droit de définir des directives :</strong> définir des directives relatives au sort de vos données après votre décès</li>
|
||
</ul>
|
||
|
||
<div className="bg-blue-50 border-l-4 border-blue-400 p-4 rounded-lg mt-4">
|
||
<p className="text-sm">
|
||
<strong>Pour exercer vos droits :</strong> Vous pouvez nous contacter par email à{" "}
|
||
<a href="mailto:paie@odentas.fr" className="text-blue-600 underline hover:text-blue-800">
|
||
paie@odentas.fr
|
||
</a>
|
||
{" "}ou par courrier postal à notre siège social. Nous nous engageons à répondre à votre
|
||
demande dans un délai maximum d'un mois.
|
||
</p>
|
||
</div>
|
||
|
||
<p className="mt-4">
|
||
Vous disposez également du droit d'introduire une réclamation auprès de la Commission Nationale
|
||
de l'Informatique et des Libertés (CNIL) si vous estimez que le traitement de vos données
|
||
personnelles n'est pas conforme à la réglementation :
|
||
</p>
|
||
<p className="text-sm">
|
||
<strong>CNIL</strong><br />
|
||
3 Place de Fontenoy - TSA 80715<br />
|
||
75334 PARIS CEDEX 07<br />
|
||
Tél : 01 53 73 22 22<br />
|
||
<a href="https://www.cnil.fr" target="_blank" rel="noopener noreferrer" className="text-blue-600 underline hover:text-blue-800">
|
||
www.cnil.fr
|
||
</a>
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Section 8 */}
|
||
<section>
|
||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||
<Mail className="w-6 h-6 text-blue-600" />
|
||
8. Cookies et technologies similaires
|
||
</h2>
|
||
<div className="prose prose-sm max-w-none text-gray-700 space-y-3">
|
||
<p>
|
||
Notre plateforme utilise des cookies et technologies similaires pour améliorer votre expérience
|
||
utilisateur :
|
||
</p>
|
||
<ul className="list-disc list-inside space-y-2">
|
||
<li><strong>Cookies essentiels :</strong> nécessaires au fonctionnement de l'application (authentification, sécurité, préférences de session)</li>
|
||
<li><strong>Cookies analytiques :</strong> mesure d'audience via PostHog (anonymisé) pour améliorer nos services</li>
|
||
</ul>
|
||
<p>
|
||
Vous pouvez à tout moment configurer votre navigateur pour refuser les cookies, mais cela pourrait
|
||
affecter le bon fonctionnement de certaines fonctionnalités de la plateforme.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Section 9 */}
|
||
<section>
|
||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||
<FileText className="w-6 h-6 text-blue-600" />
|
||
9. Modifications de la politique
|
||
</h2>
|
||
<div className="prose prose-sm max-w-none text-gray-700 space-y-3">
|
||
<p>
|
||
Nous nous réservons le droit de modifier cette politique de confidentialité à tout moment.
|
||
Toute modification sera publiée sur cette page avec une date de mise à jour actualisée.
|
||
Les modifications importantes vous seront notifiées par email ou via une notification dans l'application.
|
||
</p>
|
||
<p>
|
||
Nous vous encourageons à consulter régulièrement cette page pour rester informé de la manière
|
||
dont nous protégeons vos données personnelles.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Section 10 */}
|
||
<section>
|
||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||
<Mail className="w-6 h-6 text-blue-600" />
|
||
10. Contact
|
||
</h2>
|
||
<div className="prose prose-sm max-w-none text-gray-700 space-y-3">
|
||
<p>
|
||
Pour toute question relative à cette politique de confidentialité ou au traitement de vos
|
||
données personnelles, vous pouvez nous contacter :
|
||
</p>
|
||
<div className="bg-gray-50 border border-gray-200 p-4 rounded-lg">
|
||
<p className="font-semibold text-gray-800 mb-2">Odentas Media SAS</p>
|
||
<p className="text-sm space-y-1">
|
||
<strong>Adresse :</strong> 6 rue d'Armaillé, 75017 Paris<br />
|
||
<strong>Email :</strong>{" "}
|
||
<a href="mailto:paie@odentas.fr" className="text-blue-600 underline hover:text-blue-800">
|
||
paie@odentas.fr
|
||
</a><br />
|
||
<strong>RCS Paris :</strong> 907 880 348<br />
|
||
<strong>Responsable du traitement :</strong> Renaud BREVIERE-ABRAHAM
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Footer de la politique */}
|
||
<div className="border-t border-gray-200 pt-6 text-center">
|
||
<p className="text-sm text-gray-500 mb-4">
|
||
Cette politique de confidentialité s'applique exclusivement à l'utilisation de l'Espace Paie Odentas.
|
||
</p>
|
||
<Link
|
||
href="/"
|
||
className="inline-flex items-center gap-2 text-blue-600 hover:text-blue-800 font-medium transition-colors"
|
||
>
|
||
<ArrowLeft className="w-4 h-4" />
|
||
Retour à l'accueil
|
||
</Link>
|
||
</div>
|
||
</div>
|
||
|
||
{/* Footer */}
|
||
<div className="text-center mt-6 text-xs text-gray-500">
|
||
<p>© 2021–2025 Odentas Media SAS • RCS Paris 907 880 348</p>
|
||
<div className="mt-2 flex items-center justify-center gap-2">
|
||
<span role="img" aria-label="Drapeau français">🇫🇷</span>
|
||
<span>Données hébergées en France</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|