--error-color: #ef4444; --text-primary: #1e293b; --text-secondary: #64748b; --bg-light: #f8fafc; --border-color: #e2e8f0; } /* Container principal */ .privacy-page-premium { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; line-height: 1.6; color: var(--text-primary); } /* Hero Section */ .privacy-hero { background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 80px 0; position: relative; overflow: hidden; } .privacy-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--accent-color)); } .hero-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: white; padding: 8px 16px; border-radius: 25px; font-size: 0.9rem; font-weight: 600; color: var(--primary-color); border: 1px solid var(--border-color); margin-bottom: 24px; box-shadow: 0 4px 12px rgba(99, 102, 241, 0.1); } .hero-title { font-size: 3rem; font-weight: 800; line-height: 1.1; margin-bottom: 24px; color: var(--text-primary); } .gradient-text { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hero-description { font-size: 1.2rem; color: var(--text-secondary); margin-bottom: 40px; line-height: 1.7; } .hero-features { display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 30px; } .feature-item { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--text-primary); font-size: 0.9rem; } .feature-icon { font-size: 1.2rem; } .hero-meta { display: flex; gap: 30px; flex-wrap: wrap; } .meta-item { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--text-secondary); font-size: 0.85rem; } .meta-icon { font-size: 1rem; color: var(--primary-color); } /* Illustration sécurité */ .privacy-illustration { display: grid; grid-template-columns: 1fr; gap: 20px; } .security-card { background: white; border-radius: 16px; padding: 24px; border: 1px solid var(--border-color); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06); transition: transform 0.3s ease, box-shadow 0.3s ease; text-align: center; } .security-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(99, 102, 241, 0.12); } .security-card .card-icon { font-size: 2rem; margin-bottom: 12px; } .security-card .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; color: var(--primary-color); } .security-card .card-subtitle { color: var(--text-secondary); font-size: 0.85rem; } /* Navigation rapide */ .privacy-navigation { padding: 60px 0; background: white; border-bottom: 1px solid var(--border-color); } .nav-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; text-align: center; } .nav-container h2 { font-size: 2rem; font-weight: 700; margin-bottom: 40px; color: var(--text-primary); } .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; } .nav-item { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 20px; background: var(--bg-light); border: 1px solid var(--border-color); border-radius: 12px; text-decoration: none; color: var(--text-primary); transition: all 0.3s ease; } .nav-item:hover { background: var(--primary-color); color: white; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(99, 102, 241, 0.2); } .nav-icon { font-size: 1.5rem; } /* Contenu principal */ .privacy-content { padding: 80px 0; background: white; } .content-container { max-width: 1000px; margin: 0 auto; padding: 0 20px; } .privacy-section { margin-bottom: 60px; background: var(--bg-light); border-radius: 20px; padding: 40px; border: 1px solid var(--border-color); } .section-header { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid var(--border-color); } .section-icon { font-size: 2.5rem; background: white; width: 60px; height: 60px; border-radius: 15px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-color); flex-shrink: 0; } .section-info h2 { font-size: 1.8rem; font-weight: 700; margin-bottom: 8px; color: var(--text-primary); } .section-info p { color: var(--text-secondary); margin: 0; } /* Cards d'information */ .info-card { background: white; border-radius: 12px; padding: 24px; border: 1px solid var(--border-color); margin: 20px 0; } .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .info-item { display: flex; flex-direction: column; gap: 4px; } .info-item strong { color: var(--primary-color); font-weight: 600; font-size: 0.9rem; } /* Contenu texte */ .text-content h3 { font-size: 1.3rem; font-weight: 700; margin: 30px 0 15px 0; color: var(--text-primary); } .text-content p { margin-bottom: 15px; color: var(--text-secondary); line-height: 1.7; } .text-content ul { margin-bottom: 20px; padding-left: 20px; } .text-content li { margin-bottom: 8px; color: var(--text-secondary); } .text-content a { color: var(--primary-color); text-decoration: none; } .text-content a:hover { text-decoration: underline; } /* Catégories de données */ .data-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; } .data-category { background: white; border-radius: 16px; padding: 24px; border: 1px solid var(--border-color); } .category-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; } .category-icon { font-size: 1.5rem; color: var(--primary-color); } .category-header h3 { margin: 0; color: var(--text-primary); font-size: 1.1rem; } .category-content ul { margin: 0; padding-left: 0; list-style: none; } .category-content li { padding: 8px 0; border-bottom: 1px solid var(--border-color); } .category-content li:last-child { border-bottom: none; } /* Grille d'utilisation */ .usage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; } .usage-card { background: white; border-radius: 16px; padding: 24px; border: 1px solid var(--border-color); text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .usage-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(99, 102, 241, 0.1); } .usage-icon { font-size: 2.5rem; margin-bottom: 16px; color: var(--primary-color); } .usage-card h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 16px; color: var(--text-primary); } .usage-details p { margin-bottom: 8px; font-size: 0.9rem; text-align: left; } /* Principe box */ .principle-box { display: flex; align-items: flex-start; gap: 16px; background: #f0f9ff; border: 2px solid #0ea5e9; border-radius: 12px; padding: 20px; margin: 20px 0; } .principle-icon { font-size: 2rem; color: #0ea5e9; margin-top: 2px; } .principle-content { color: var(--text-primary); font-size: 1rem; line-height: 1.6; } /* Grille partenaires */ .partners-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 24px 0; } .partner-card { background: white; border: 1px solid var(--border-color); border-radius: 12px; padding: 20px; text-align: center; } .partner-icon { font-size: 2rem; margin-bottom: 12px; color: var(--primary-color); } .partner-card h4 { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; color: var(--text-primary); } .partner-card p { margin-bottom: 12px; font-size: 0.9rem; color: var(--text-secondary); } .partner-security { background: var(--success-color); color: white; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; } /* Grille des droits */ .rights-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-bottom: 40px; } .right-card { background: white; border: 1px solid var(--border-color); border-radius: 16px; padding: 24px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .right-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(99, 102, 241, 0.1); } .right-icon { font-size: 2.5rem; margin-bottom: 16px; color: var(--primary-color); } .right-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; color: var(--text-primary); } .right-card p { color: var(--text-secondary); margin-bottom: 20px; font-size: 0.9rem; } .right-btn { background: var(--primary-color); color: white; border: none; padding: 10px 20px; border-radius: 25px; font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .right-btn:hover { background: var(--secondary-color); transform: translateY(-1px); } /* Informations sur les droits */ .rights-info { background: white; border-radius: 16px; padding: 30px; border: 1px solid var(--border-color); margin-top: 40px; } .contact-methods { display: flex; gap: 30px; margin: 20px 0; flex-wrap: wrap; } .contact-method { display: flex; align-items: center; gap: 12px; } .method-icon { font-size: 1.5rem; color: var(--primary-color); } .method-content strong { color: var(--text-primary); } .method-content a { color: var(--primary-color); text-decoration: none; } .rights-note { display: flex; align-items: flex-start; gap: 16px; background: #fef3c7; border: 1px solid #fbbf24; border-radius: 12px; padding: 20px; margin-top: 20px; } .note-icon { font-size: 1.5rem; color: #d97706; margin-top: 2px; } .note-content { color: var(--text-primary); font-size: 0.95rem; } /* Types de cookies */ .cookies-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; margin: 24px 0; } .cookie-type-card { background: white; border: 1px solid var(--border-color); border-radius: 16px; padding: 24px; } .cookie-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; flex-wrap: wrap; gap: 8px; } .cookie-icon { font-size: 1.5rem; color: var(--primary-color); } .cookie-header h4 { flex-grow: 1; margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--text-primary); } .cookie-status { padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; } .cookie-status.required { background: #fee2e2; color: #dc2626; } .cookie-status.optional { background: #fef3c7; color: #d97706; } .cookie-duration { font-size: 0.85rem; color: var(--text-secondary); font-style: italic; margin-top: 12px; } /* Gestion des cookies */ .cookie-management { display: flex; gap: 16px; justify-content: center; margin: 30px 0; flex-wrap: wrap; } .cookie-manage-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; border: none; border-radius: 25px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; font-size: 0.9rem; } .cookie-manage-btn.primary { background: var(--primary-color); color: white; } .cookie-manage-btn.primary:hover { background: var(--secondary-color); transform: translateY(-2px); } .cookie-manage-btn.secondary { background: var(--bg-light); color: var(--text-primary); border: 1px solid var(--border-color); } .cookie-manage-btn.secondary:hover { background: white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* Sécurité */ .security-measures .security-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; margin-bottom: 40px; } .security-measures .security-card { background: white; border: 1px solid var(--border-color); border-radius: 16px; padding: 24px; text-align: center; } .security-measures .security-icon { font-size: 2.5rem; margin-bottom: 16px; color: var(--primary-color); } .security-measures .security-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; color: var(--text-primary); } .security-measures .security-card p { color: var(--text-secondary); font-size: 0.9rem; margin: 0; } .security-incident { background: #fef2f2; border: 1px solid #fecaca; border-radius: 12px; padding: 24px; } .incident-info { display: flex; align-items: flex-start; gap: 16px; } .incident-icon { font-size: 1.5rem; color: #dc2626; margin-top: 2px; } .incident-content p { margin: 0; color: var(--text-primary); } /* Conservation des données */ .retention-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .retention-card { background: white; border: 1px solid var(--border-color); border-radius: 12px; padding: 20px; text-align: center; } .retention-type { font-weight: 700; color: var(--primary-color); margin-bottom: 8px; } .retention-duration { font-size: 1.1rem; font-weight: 600; color: var(--text-primary); margin-bottom: 8px; } .retention-reason { font-size: 0.85rem; color: var(--text-secondary); font-style: italic; } /* Section contact */ .privacy-contact { padding: 80px 0; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: white; text-align: center; } .contact-container { max-width: 800px; margin: 0 auto; padding: 0 20px; } .contact-content h2 { font-size: 2.2rem; font-weight: 800; margin-bottom: 16px; } .contact-content p { font-size: 1.1rem; margin-bottom: 40px; opacity: 0.9; line-height: 1.7; } .contact-actions { display: flex; gap: 20px; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; } .contact-btn { display: inline-flex; align-items: center; gap: 8px; padding: 16px 32px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; } .contact-btn.primary { background: white; color: var(--primary-color); } .contact-btn.primary:hover { background: var(--bg-light); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3); } .contact-btn.secondary { background: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); } .contact-btn.secondary:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); } .cnil-info { display: flex; align-items: flex-start; gap: 16px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; padding: 20px; text-align: left; max-width: 600px; margin: 0 auto; } .cnil-icon { font-size: 1.5rem; margin-top: 2px; } .cnil-content { font-size: 0.95rem; line-height: 1.6; } .cnil-content a { color: white; text-decoration: underline; } /* Responsive */ @media (max-width: 1024px) { .hero-container { grid-template-columns: 1fr; gap: 40px; text-align: center; } .hero-title { font-size: 2.5rem; } .nav-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; } .data-categories, .usage-grid, .rights-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .privacy-hero { padding: 60px 0; } .hero-title { font-size: 2rem; } .hero-description { font-size: 1.1rem; } .hero-features, .hero-meta { justify-content: center; gap: 20px; } .privacy-content { padding: 60px 0; } .privacy-section { padding: 24px; margin-bottom: 40px; } .section-header { flex-direction: column; text-align: center; gap: 16px; } .section-icon { margin: 0 auto; } .contact-methods { flex-direction: column; gap: 16px; } .contact-actions { flex-direction: column; align-items: center; } .privacy-contact { padding: 60px 0; } .contact-content h2 { font-size: 1.8rem; } .cnil-info { flex-direction: column; gap: 12px; text-align: center; } } @media (max-width: 480px) { .hero-title { font-size: 1.8rem; } .privacy-section { padding: 20px; } .nav-item { padding: 16px; } .cookie-management { flex-direction: column; } .hero-features, .hero-meta { flex-direction: column; gap: 12px; } .partners-grid, .cookies-types { grid-template-columns: 1fr; } } /* Animation smooth scroll */ html { scroll-behavior: smooth; } /* Animation au chargement */ .privacy-section { animation: slideInUp 0.6s ease-out; } .privacy-section:nth-child(2) { animation-delay: 0.1s; } .privacy-section:nth-child(3) { animation-delay: 0.2s; } .privacy-section:nth-child(4) { animation-delay: 0.3s; } @keyframes slideInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
Politique de confidentialité - cuminetti.fr
🔒 Politique de Confidentialité

Votre vie privée nous tient à cœur

Nous nous engageons à protéger et respecter votre vie privée. Cette politique explique comment nous collectons, utilisons et protégeons vos données personnelles.

🛡️ Protection maximale
🔄 Transparence totale
⚖️ Conforme RGPD
📅 Mise à jour : 24/08/2025
🇪🇺 RGPD - UE 2016/679
🔐
Chiffrement
SSL/TLS 256-bit
🛡️
Protection
Données sécurisées
👤
Anonymisation
Respect de l'identité
ℹ️

1.1 Responsable du traitement

Entité : [Nom de votre organisation]
Adresse : [Adresse complète]
Contact DPO : dpo@votresite.com
Téléphone : +33 1 23 45 67 89

1.2 Objet de cette politique

Cette politique de confidentialité explique comment nous collectons, utilisons, stockons et protégeons vos données personnelles lorsque vous utilisez notre site web. Elle s'applique à tous les utilisateurs de notre site.

1.3 Base légale

Cette politique est établie conformément au Règlement Général sur la Protection des Données (RGPD) de l'Union Européenne et à la loi française "Informatique et Libertés".

📊
✍️

Données que vous nous fournissez

  • Formulaire de contact : nom, prénom, adresse email, message
  • Newsletter : adresse email, préférences
  • Commentaires : nom, email, contenu du commentaire
  • Enquêtes : réponses aux questionnaires (facultatives)
🔍

Données collectées automatiquement

  • Données techniques : adresse IP, type de navigateur, système d'exploitation
  • Données de navigation : pages visitées, temps passé, liens cliqués
  • Cookies : préférences, statistiques de visite
  • Géolocalisation : pays/région (approximative)
📱

Données provenant de tiers

  • Réseaux sociaux : informations publiques si vous interagissez
  • Analytics : statistiques anonymisées via Google Analytics
  • Partenaires : données agrégées et anonymisées uniquement
🎯
📧

Communication

Finalité : Répondre à vos demandes

Base légale : Intérêt légitime

Durée : 3 ans maximum

📈

Amélioration du site

Finalité : Optimiser l'expérience utilisateur

Base légale : Intérêt légitime

Durée : 25 mois (cookies analytics)

📰

Newsletter

Finalité : Envoi d'actualités

Base légale : Consentement

Durée : Jusqu'à désinscription

⚖️

Obligations légales

Finalité : Respect de la loi

Base légale : Obligation légale

Durée : Selon exigences légales

🤝

4.1 Principe général

🛡️
Nous ne vendons jamais vos données personnelles à des tiers. Vos informations ne sont partagées que dans les cas stricts énumérés ci-dessous.

4.2 Prestataires de services

🖥️

Hébergement

Notre hébergeur pour le fonctionnement du site

Contractuellement protégé
📊

Analytics

Google Analytics pour les statistiques anonymisées

Données anonymisées
📧

Emailing

Service d'envoi de newsletters (si applicable)

Accord de traitement

4.3 Obligations légales

Nous pouvons être amenés à divulguer vos données si la loi l'exige ou pour :

  • Répondre à une assignation, ordonnance judiciaire ou procédure légale
  • Protéger nos droits, notre propriété ou notre sécurité
  • Enquêter sur des violations potentielles de nos conditions d'utilisation
⚖️
👁️

Droit d'accès

Obtenir une copie de vos données personnelles que nous détenons

✏️

Droit de rectification

Corriger ou mettre à jour vos informations personnelles

🗑️

Droit à l'effacement

Demander la suppression de vos données personnelles

⏸️

Droit à la limitation

Limiter le traitement de vos données personnelles

📦

Droit à la portabilité

Récupérer vos données dans un format structuré

🚫

Droit d'opposition

Vous opposer au traitement de vos données

Comment exercer vos droits

📧
Par email : dpo@votresite.com
📮
Par courrier : [Adresse complète de votre organisation]
ℹ️
Délai de réponse : Nous nous engageons à répondre à votre demande dans un délai d'un mois maximum. Une pièce d'identité peut être demandée pour vérifier votre identité.
🍪

6.1 Qu'est-ce qu'un cookie ?

Un cookie est un petit fichier texte stocké sur votre appareil lors de votre visite sur notre site. Les cookies nous aident à améliorer votre expérience de navigation.

6.2 Types de cookies utilisés

6.3 Gestion de vos préférences

🔒
🔐

Chiffrement

Toutes les données transitent via une connexion SSL/TLS sécurisée (HTTPS)

🛡️

Stockage sécurisé

Serveurs protégés avec accès restreint et surveillance 24h/24

🔑

Accès contrôlé

Seul le personnel autorisé peut accéder aux données personnelles

📋

Audits réguliers

Contrôles périodiques de nos mesures de sécurité

En cas de violation de données

⚠️

Si nous détections une violation de vos données personnelles susceptible de présenter un risque élevé pour vos droits et libertés, nous vous en informerons dans les 72 heures et notifierons la CNIL conformément au RGPD.

📧 Données de contact
3 ans après le dernier contact
Prescription civile
📊 Logs de connexion
12 mois maximum
Obligation légale (LCEN)
🍪 Cookies analytiques
25 mois maximum
Recommandation CNIL
📰 Newsletter
Jusqu'à désinscription + 3 ans
Intérêt légitime

Des questions sur votre vie privée ?

Notre Délégué à la Protection des Données (DPO) est à votre disposition pour répondre à toutes vos questions.

🇫🇷
Réclamation auprès de la CNIL : Si vous estimez que vos droits ne sont pas respectés, vous pouvez déposer une réclamation auprès de la Commission Nationale de l'Informatique et des Libertés (CNIL) sur www.cnil.fr