Fetish/confidentialite.html at main · attackattackneo-sys/Fetish · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="fr" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
    <title>Politique de Confidentialité | Photo d'identité bébé à domicile</title>
    <meta name="robots" content="noindex, nofollow">
    <script src="https://cdn.tailwindcss.com"></script>
    <script>tailwind.config={theme:{extend:{colors:{brand:'#ff7d00',dark:'#1a1a1a',light:'#faf8f5'},fontFamily:{sans:['Inter','sans-serif'],serif:['Playfair Display','serif']}}}}</script>
    <style>
        .logo-img { height: 40px; width: auto; max-width: 100%; }
        @media (min-width: 768px) { .logo-img { height: 50px; } }
    </style>
</head>
<body class="antialiased bg-[#faf8f5]">
    <!-- Script Alpine.js pour l'interactivité mobile -->
    <script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js" defer></script>

    <!-- BARRE DE NAVIGATION (MENU) -->
    <nav class="bg-white shadow-md sticky top-0 z-50" x-data="{ open: false }">
        <div class="max-w-6xl mx-auto px-4 py-4 flex justify-between items-center">
            <a href="index.html" class="text-xl md:text-2xl font-serif font-bold text-dark flex items-center gap-2">
                <img src="Images/logo.png" alt="Logo" class="logo-img h-8 md:h-10 w-auto">
                <span class="hidden sm:inline">Photo-identite-bebe-domicile.fr</span>
                <span class="sm:hidden">Photo Identité</span>
            </a>

            <!-- Menu Desktop -->
            <div class="hidden lg:flex gap-6 items-center">
                <a href="#booking-funnel" class="font-medium text-gray-700 hover:text-brand transition">Réservation</a>
                <a href="#faq" class="font-medium text-gray-700 hover:text-brand transition">FAQ & Normes</a>
                <a href="#zones" class="font-medium text-gray-700 hover:text-brand transition">Zones d'intervention</a>
                <a href="tel:+33781757754" class="inline-block bg-brand text-white px-5 py-2 rounded-full font-bold hover:bg-orange-600 transition text-sm">📞 07 81 75 77 54</a>
            </div>

            <!-- Bouton Mobile -->
            <div class="lg:hidden flex items-center gap-4">
                <a href="tel:+33781757754" class="text-brand text-xl">📞</a>
                <button @click="open = !open" class="text-dark focus:outline-none">
                    <svg class="h-8 w-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path :class="{'hidden': open, 'inline-flex': !open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                        <path :class="{'hidden': !open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            </div>
        </div>

        <!-- Menu Mobile Overlay -->
        <div x-show="open"
             x-transition:enter="transition ease-out duration-200"
             x-transition:enter-start="opacity-0 -translate-y-4"
             x-transition:enter-end="opacity-100 translate-y-0"
             class="lg:hidden bg-white border-t border-gray-100 px-4 py-6 space-y-4 shadow-xl"
             style="display: none;">
            <a href="#booking-funnel" @click="open = false" class="block text-lg font-medium text-gray-700 hover:text-brand">Réservation</a>
            <a href="#faq" @click="open = false" class="block text-lg font-medium text-gray-700 hover:text-brand">FAQ & Normes</a>
            <a href="#zones" @click="open = false" class="block text-lg font-medium text-gray-700 hover:text-brand">Zones d'intervention</a>
            <a href="tel:+33781757754" class="block w-full text-center bg-brand text-white py-3 rounded-xl font-bold">Appeler le 07 81 75 77 54</a>
        </div>
    </nav>

    <header class="bg-dark text-white pt-10 pb-16 px-4 text-center border-b-4 border-brand">
        <h1 class="text-3xl md:text-5xl font-serif font-bold mb-4">Politique de Confidentialité</h1>
        <p class="text-gray-300"><a href="index.html" class="hover:text-brand transition">← Retour à l'accueil</a></p>
    </header>

    <main class="max-w-4xl mx-auto px-4 py-12 prose prose-lg text-gray-700">
        <h2 class="text-2xl font-serif font-bold text-dark mt-8 mb-4">1. Collecte des données personnelles</h2>
        <p>Dans le cadre de son activité de photographie à domicile, <strong>Photo-identite-bebe-domicile.fr</strong> (EURL, SIREN 984 595 538) est amené à collecter et traiter des données à caractère personnel vous concernant. Ces données sont collectées lorsque vous remplissez notre formulaire de demande de rendez-vous (propulsé par Fotostudio.io).</p>
        <p>Les données collectées incluent : nom, prénom, date de naissance, adresse postale, adresse e-mail, numéro de téléphone, ainsi que les informations nécessaires à la réalisation de la séance photo (prénom et date de naissance de l'enfant).</p>

        <h2 class="text-2xl font-serif font-bold text-dark mt-8 mb-4">2. Finalité du traitement</h2>
        <p>Vos données sont strictement utilisées pour :</p>
        <ul class="list-disc pl-5 space-y-2">
            <li>La prise de contact téléphonique et la planification de votre séance photo à domicile.</li>
            <li>Le calcul des frais de déplacement kilométriques.</li>
            <li>L'édition des devis, contrats et factures via notre CRM sécurisé Fotostudio.io.</li>
            <li>La transmission de la signature numérique et de la photo aux serveurs de l'ANTS (Agence Nationale des Titres Sécurisés) dans le cadre strict de l'e-photo.</li>
        </ul>

        <h2 class="text-2xl font-serif font-bold text-dark mt-8 mb-4">3. Conservation des données</h2>
        <p>Vos données personnelles sont conservées pendant la durée strictement nécessaire à la gestion de la relation commerciale, ainsi que pour répondre à nos obligations légales et comptables (généralement 10 ans pour les factures).</p>
        <p>Concernant les photos d'identité officielles, les fichiers numériques sont conservés sur nos disques durs sécurisés pour une durée maximale de 6 mois après la remise des codes e-photo, afin de pallier tout problème éventuel avec l'administration, avant d'être définitivement détruits.</p>

        <h2 class="text-2xl font-serif font-bold text-dark mt-8 mb-4">4. Partage des données</h2>
        <p>Vos données ne sont jamais vendues ni cédées à des tiers à des fins commerciales. Elles sont uniquement partagées avec nos prestataires techniques nécessaires à l'activité :</p>
        <ul class="list-disc pl-5 space-y-2">
            <li><strong>Fotostudio.io</strong> : Logiciel CRM de gestion de studio photo (hébergement sécurisé).</li>
            <li><strong>Serveurs de l'État (ANTS)</strong> : Uniquement pour la génération des codes e-photo officiels.</li>
        </ul>

        <h2 class="text-2xl font-serif font-bold text-dark mt-8 mb-4">5. Vos droits (RGPD)</h2>
        <p>Conformément au Règlement Général sur la Protection des Données (RGPD), vous disposez d'un droit d'accès, de rectification, de portabilité, d'effacement de vos données ou d'une limitation du traitement.</p>
        <p>Vous pouvez exercer ces droits en nous contactant directement :<br>
        Par courrier : Photo-identite-bebe-domicile.fr, 16 Boulevard Carnot, 93330 Neuilly-sur-Marne<br>
        Par téléphone : 07 81 75 77 54</p>

        <h2 class="text-2xl font-serif font-bold text-dark mt-8 mb-4">6. Cookies</h2>
        <p>Notre site utilise uniquement des cookies strictement nécessaires à son bon fonctionnement technique (ex: simulateur de frais kilométriques). Nous n'utilisons pas de traceurs publicitaires intrusifs nécessitant votre consentement préalable.</p>
    </main>

    <!-- FOOTER & ZONES -->
    <footer id="zones" class="bg-dark text-gray-300 py-10 border-t-4 border-brand">
        <div class="max-w-6xl mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-8">
            <div>
                <a href="index.html" class="font-serif text-2xl font-bold text-white mb-2 flex items-center gap-2"><img src="Images/logo.png" alt="Logo" class="logo-img h-10 w-auto"><span>Photo-identite-bebe-domicile.fr</span></a>
                <p class="text-sm">EURL (SIREN: 984 595 538)</p>
                <p class="text-sm">16 bd Carnot, 93330 Neuilly-sur-Marne</p>
                <a href="tel:+33781757754" class="block text-white font-bold text-lg mt-4 hover:text-brand transition">📞 07 81 75 77 54</a>
            </div>
            <div>
                <h4 class="font-bold text-white mb-3">Villes prioritaires (93, 94, 75)</h4>
                <ul class="grid grid-cols-2 gap-x-4 gap-y-1 text-sm">
                    <li><a href="villes/paris.html" class="hover:text-brand transition">Paris (75)</a></li>
                    <li><a href="villes/boulogne-billancourt.html" class="hover:text-brand transition">Boulogne-Billancourt</a></li>
                    <li><a href="villes/neuilly-sur-seine.html" class="hover:text-brand transition">Neuilly-sur-Seine</a></li>
                    <li><a href="villes/vincennes.html" class="hover:text-brand transition">Vincennes</a></li>
                    <li><a href="villes/montreuil.html" class="hover:text-brand transition">Montreuil</a></li>
                    <li><a href="villes/creteil.html" class="hover:text-brand transition">Créteil</a></li>
                    <li><a href="villes/noisy-le-grand.html" class="hover:text-brand transition">Noisy-le-Grand</a></li>
                    <li><a href="villes/saint-denis.html" class="hover:text-brand transition">Saint-Denis</a></li>
                </ul>
            </div>
            <div>
                <h4 class="font-bold text-white mb-3">Autres villes & Infos</h4>
                <ul class="space-y-1 text-sm">
                    <li><a href="villes/chelles.html" class="hover:text-brand transition">Chelles</a></li>
                    <li><a href="villes/bussy-saint-georges.html" class="hover:text-brand transition">Bussy-Saint-Georges</a></li>
                    <li class="pt-4"><a href="mentions-legales.html" class="hover:text-brand transition">Mentions Légales</a></li>
                    <li><a href="confidentialite.html" class="hover:text-brand transition">Politique de Confidentialité</a></li>
                </ul>
            </div>
        </div>
    </footer>
</body>
</html>