QuebecStream/privacy.html at main · yassinidyhya/QuebecStream · 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="fr-CA">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Politique de Confidentialité | VotreSite</title>
    <meta name="description"
        content="Découvrez comment VotreSite protège vos données personnelles conformément à la Loi 25 du Québec.">
    <link rel="canonical" href="https://example.com/privacy.html">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=Manrope:wght@400;500;600;700&display=swap"
        rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/legal.css">
    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="assets/images/votresite-favico.svg">
    <link rel="apple-touch-icon" href="assets/images/votresite-favico.svg">
</head>

<body>
    <header class="header scrolled" role="banner">
        <div class="container">
            <a href="./index.html" class="logo" aria-label="VotreSite - Accueil">
                <img src="assets/images/votresite-logo.svg" alt="VotreSite" class="logo-img">
            </a>

            <nav class="nav-desktop" role="navigation" aria-label="Navigation principale">
                <ul class="nav-links">
                    <li><a href="./index.html" class="nav-link">Accueil</a></li>
                    <li><a href="./pricing.html" class="nav-link">Forfaits</a></li>
                    <li><a href="./channels.html" class="nav-link">Chaînes</a></li>
                    <li><a href="./revendeur.html" class="nav-link">Revendeur</a></li>
                    <li><a href="./blog/index.html" class="nav-link">Blog</a></li>
                    <li><a href="./contact.html" class="nav-link">Contact</a></li>
                </ul>
            </nav>
            <a href="./pricing.html" class="btn btn-primary hidden-mobile">S'ABONNER</a>

            <button class="menu-toggle" aria-label="Ouvrir le menu" aria-expanded="false">
                <span></span>
                <span></span>
                <span></span>
            </button>
        </div>
    </header>

    <!-- Mobile Menu -->
    <div class="mobile-overlay" aria-hidden="true"></div>
    <nav class="mobile-menu" role="navigation" aria-label="Navigation mobile">
        <ul class="nav-links">
            <li><a href="./index.html" class="nav-link">Accueil</a></li>
            <li><a href="./pricing.html" class="nav-link">Forfaits</a></li>
            <li><a href="./channels.html" class="nav-link">Chaînes</a></li>
            <li><a href="./revendeur.html" class="nav-link">Revendeur</a></li>
            <li><a href="./blog/index.html" class="nav-link">Blog</a></li>
            <li><a href="./contact.html" class="nav-link">Contact</a></li>
        </ul>
        <a href="./pricing.html" class="btn btn-primary">S'ABONNER</a>
    </nav>

    <main class="legal-page" id="main-content">
        <div class="container">
            <div class="legal-card">
                <h1>Politique de <span class="gradient-text">Confidentialité</span></h1>

                <!-- Nav Hub -->
                <div class="legal-tabs-hub">
                    <a href="./conditions.html" class="legal-tab-link">Conditions</a>
                    <a href="./privacy.html" class="legal-tab-link active">Confidentialité</a>
                    <a href="./refund.html" class="legal-tab-link">Remboursement</a>
                    <a href="./legal.html" class="legal-tab-link">Mentions légales</a>
                </div>

                <div class="legal-section">
                    <h2><i data-lucide="shield"></i> 1. Engagement de Confidentialité</h2>
                    <p>Chez VotreSite, la protection de votre vie privée est une priorité fondamentale. Cette
                        politique détaille nos pratiques concernant la collecte, l'utilisation et la sauvegarde de vos
                        renseignements personnels, en stricte conformité avec la <strong>Loi sur la protection des
                            renseignements personnels dans le secteur privé (Loi 25)</strong> du Québec.</p>
                </div>

                <div class="legal-section">
                    <h2><i data-lucide="database"></i> 2. Renseignements Collectés</h2>
                    <p>Nous ne collectons que les données strictement nécessaires à la fourniture et à l'amélioration de
                        nos services :</p>
                    <ul>
                        <li><strong>Identifiants :</strong> Adresse courriel, nom d'utilisateur.</li>
                        <li><strong>Données de Transaction :</strong> Historique d'achats, mode de paiement (nous ne
                            stockons jamais vos numéros de carte de crédit complets).</li>
                        <li><strong>Données Techniques :</strong> Adresse IP, type d'appareil, journaux de connexion
                            (pour prévenir le partage de compte non autorisé).</li>
                        <li><strong>Communications :</strong> Correspondance avec notre service de support technique.
                        </li>
                    </ul>
                </div>

                <div class="legal-section">
                    <h2><i data-lucide="eye"></i> 3. Utilisation de vos Données</h2>
                    <p>Vos informations sont utilisées exclusivement pour :</p>
                    <ul>
                        <li>Activer et gérer votre abonnement IPTV.</li>
                        <li>Assurer le support technique et résoudre les problèmes de connexion.</li>
                        <li>Traiter vos paiements et prévenir la fraude.</li>
                        <li>Envoyer des notifications critiques concernant le service (mises à jour de maintenance).
                        </li>
                    </ul>
                </div>

                <div class="legal-section">
                    <h2><i data-lucide="share-2"></i> 4. Partage avec des Tiers</h2>
                    <p>VotreSite s'engage formellement à <strong>ne jamais vendre, louer ou échanger vos
                            renseignements personnels</strong> à des fins marketing. Le partage de données est
                        strictement limité
                        aux partenaires technologiques essentiels. Vos données de paiement sont traitées par
                        notre processeur de paiement sécurisé, qui assure la sécurité des transactions et
                        la conformité fiscale.
                        Aucune coordonnée bancaire n'est stockée sur nos serveurs.
                    </p>
                </div>

                <div class="legal-section">
                    <h2><i data-lucide="cookie"></i> 5. Fichiers Témoins (Cookies)</h2>
                    <p>Notre site web utilise des témoins pour améliorer votre expérience de navigation et analyser
                        notre trafic. Vous pouvez configurer votre navigateur pour refuser les cookies, bien que cela
                        puisse affecter certaines fonctionnalités du site.</p>
                </div>

                <div class="legal-section">
                    <h2><i data-lucide="lock"></i> 6. Sécurité et Conservation</h2>
                    <p>Nous utilisons des protocoles de chiffrement de pointe (SSL/TLS) pour sécuriser toutes les
                        transmissions de données. Vos informations sont conservées uniquement pendant la durée
                        nécessaire à l'accomplissement des fins pour lesquelles elles ont été collectées, ou pour
                        satisfaire à nos obligations légales.</p>
                </div>

                <div class="legal-section">
                    <h2><i data-lucide="user-check"></i> 7. Vos Droits (Loi 25)</h2>
                    <p>Conformément à la Loi 25, vous disposez des droits suivants :</p>
                    <ul>
                        <li>Droit d'accès à vos renseignements personnels.</li>
                        <li>Droit de rectification si vos données sont inexactes.</li>
                        <li>Droit à l'effacement (« droit à l'oubli ») sous réserve des obligations légales contraires.
                        </li>
                        <li>Droit à la portabilité de vos données.</li>
                    </ul>
                    <p>Pour exercer ces droits, contactez notre Responsable de la Protection des Données à l'adresse :
                        <strong>contact@example.com</strong>.
                    </p>
                </div>

                <div class="legal-section">
                    <h2><i data-lucide="history"></i> 8. Mise à jour</h2>
                    <p>Cette politique peut être modifiée périodiquement pour refléter l'évolution de nos services ou
                        des exigences législatives. La date de dernière mise à jour est indiquée en bas de page.</p>
                    <p><small>Dernière mise à jour : 1er Janvier 2026</small></p>
                </div>
            </div>
        </div>
    </main>

    <!-- ===== FOOTER ===== -->
    <footer class="footer" role="contentinfo">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <a href="./index.html" class="logo">
                        <img src="assets/images/votresite-logo.svg" alt="VotreSite" class="logo-img">
                    </a>
                    <p>IPTV Premium pour le Québec. La meilleure qualité d'image et le plus grand choix de chaînes au
                        meilleur prix.</p>
                </div>

                <div class="footer-nav">
                    <h4 class="footer-title">Navigation</h4>
                    <ul class="footer-links">
                        <li><a href="./index.html" class="footer-link">Accueil</a></li>
                        <li><a href="./pricing.html" class="footer-link">Forfaits</a></li>
                        <li><a href="./channels.html" class="footer-link">Chaînes</a></li>
                        <li><a href="./revendeur.html" class="footer-link">Revendeur</a></li>
                        <li><a href="./blog/index.html" class="footer-link">Blog</a></li>
                        <li><a href="./contact.html" class="footer-link">Contact</a></li>
                    </ul>
                </div>

                <div class="footer-legal">
                    <h4 class="footer-title">Légal</h4>
                    <ul class="footer-links">
                        <li><a href="./conditions.html" class="footer-link">Conditions d'utilisation</a></li>
                        <li><a href="./privacy.html" class="footer-link active">Politique de confidentialité</a></li>
                        <li><a href="./refund.html" class="footer-link">Politique de remboursement</a></li>
                        <li><a href="./legal.html" class="footer-link">Mentions légales</a></li>
                    </ul>
                </div>

                <div class="footer-contact">
                    <h4 class="footer-title">Contact</h4>
                    <div class="footer-contact-item">
                        <i data-lucide="mail"></i>
                        <span>contact@example.com</span>
                    </div>
                    <div class="footer-contact-item">
                        <i data-lucide="message-circle"></i>
                        <span>+1 (000) 000-0000</span>
                    </div>
                    <div class="footer-contact-item">
                        <i data-lucide="clock"></i>
                        <span>Support 24/7</span>
                    </div>
                </div>
            </div>

            <div class="footer-bottom">
                <p class="footer-copyright">© <span data-year>2026</span> VotreSite - Tous droits réservés</p>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script src="https://unpkg.com/lucide@latest"></script>
<script src="assets/js/navigation.js"></script>
    <script src="assets/js/animations.js"></script>
    <script src="assets/js/main.js"></script>

</body>

</html>