1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<title>Politique des Cookies - HIT MAGHREB</title>
7<script src="https://cdn.tailwindcss.com/3.4.16"> 8</script>
8 9<link rel="preconnect" href="https://fonts.googleapis.com"> 10<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 11<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet"> 12<link href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css" rel="stylesheet">
13<script> 14tailwind.config = { 15 theme: { 16 extend: { 17 colors: { 18 primary: "#E94D35", 19 secondary: "#2A2A2A", 20 }, 21 borderRadius: { 22 none: "0px", 23 sm: "4px", 24 DEFAULT: "8px", 25 md: "12px", 26 lg: "16px", 27 xl: "20px", 28 "2xl": "24px", 29 "3xl": "32px", 30 full: "9999px", 31 button: "8px", 32 }, 33 }, 34 }, 35}; 36</script>
36 37<style> 38:where([class^="ri-"])::before { content: "\f3c2"; } 39body { min-height: 100vh; } 40</style> 41</head> 42<body class="bg-white"> 43<header class="w-full bg-white shadow-sm fixed top-0 z-50"> 44<nav class="container mx-auto px-4 py-4 flex items-center justify-between"> 45<a href="/" class="flex items-center gap-2"> 46<span class="text-3xl font-['Pacifico'] text-primary">HIT MAGHREB</span> 47</a> 48<div class="hidden md:flex items-center gap-6"> 49 <a href="https://www.hitmaghreb.com/" class="text-gray-700 hover:text-primary transition-colors">Accueil</a> 50 <a href="https://www.facebook.com/profile.php?id=61576785623695" target="_blank" class="text-gray-600 hover:text-primary">Facebook</a> 51 <a href="#dedicaces" class="text-gray-700 hover:text-primary transition-colors">Dédicaces</a> 52 <a href="#application" class="text-gray-700 hover:text-primary transition-colors">Application</a> 53 <a href="#contact" class="text-gray-700 hover:text-primary transition-colors">Contact</a> 54</div> 55</nav> 56</header> 57<main class="container mx-auto px-4 pt-24 pb-16"> 58<h1 class="text-4xl font-bold text-center mb-12">Politique de cookies</h1> 59<div class="max-w-3xl mx-auto space-y-8"> 60<section> 61<h2 class="text-2xl font-semibold mb-4">Qu'est-ce qu'un Cookie ?</h2> 62<p class="text-gray-600 leading-relaxed"> 63Un cookie est un petit fichier texte stocké sur votre ordinateur ou appareil mobile lorsque vous visitez notre site. Les cookies nous aident à améliorer votre expérience sur HIT MAGHREB. 64</p> 65</section> 66<section> 67<h2 class="text-2xl font-semibold mb-4 text-secondary">Types de Cookies Utilisés</h2> 68<div class="grid md:grid-cols-3 gap-4"> 69<div class="bg-gray-50 p-4 rounded-lg"> 70<h3 class="font-semibold mb-2">Cookies Essentiels</h3> 71<p class="text-gray-600">Nécessaires au fonctionnement du site et à la sécurité de votre connexion.</p> 72</div> 73<div class="bg-gray-50 p-4 rounded-lg"> 74<h3 class="font-semibold mb-2">Cookies de Performance</h3> 75<p class="text-gray-600">Nous aident à comprendre comment vous utilisez notre site pour l'améliorer.</p> 76</div> 77<div class="bg-gray-50 p-4 rounded-lg"> 78<h3 class="font-semibold mb-2">Cookies de Fonctionnalité</h3> 79<p class="text-gray-600">Permettent de mémoriser vos préférences pour une meilleure expérience.</p> 80</div> 81</div> 82</section> 83<section> 84<h2 class="text-2xl font-semibold mb-4">Gestion des Cookies</h2> 85<p class="text-gray-600 leading-relaxed mb-4"> 86Vous pouvez contrôler et gérer les cookies de plusieurs façons : 87</p> 88<ul class="list-disc pl-6 text-gray-600 space-y-2"> 89<li>Via les paramètres de votre navigateur</li> 90<li>En utilisant notre panneau de gestion des cookies</li> 91<li>En nous contactant directement</li> 92</ul> 93</section> 94<section> 95<h2 class="text-2xl font-semibold mb-4">Durée de Conservation</h2> 96<p class="text-gray-600 leading-relaxed"> 97La durée de conservation des cookies varie selon leur type : 98</p> 99<ul class="list-disc pl-6 text-gray-600 space-y-2 mt-4"> 100<li>Cookies de session : supprimés à la fermeture du navigateur</li> 101<li>
101Cookies persistants : jusqu'à 13 mois maximum</li> 102</ul> 103</section> 104<section class="bg-gray-50 p-6 rounded-lg mt-8"> 105<h2 class="text-2xl font-semibold mb-4">Paramètres des Cookies</h2> 106<div class="space-y-4"> 107<div class="flex items-center justify-between"> 108<label class="flex items-center space-x-3"> 109<input type="checkbox" checked class="w-4 h-4 text-primary"> 110<span>Cookies Essentiels (Obligatoires)</span> 111</label> 112</div> 113<div class="flex items-center justify-between"> 114<label class="flex items-center space-x-3"> 115<input type="checkbox" class="w-4 h-4 text-primary"> 116<span>Cookies de Performance</span> 117</label> 118</div> 119<div class="flex items-center justify-between"> 120<label class="flex items-center space-x-3"> 121<input type="checkbox" class="w-4 h-4 text-primary"> 122<span>Cookies de Fonctionnalité</span> 123</label> 124</div> 125<button class="mt-4 bg-primary text-white px-6 py-3 rounded-button hover:bg-opacity-90 transition-all duration-300 transform hover:scale-105 flex items-center justify-center gap-2"> 126<i class="ri-save-line"></i> 127Enregistrer les préférences 128</button> 129</div> 130</section> 131</div> 132<footer id="contact" class="bg-gray-900 text-white pt-12 pb-6"> 133 <div class="container mx-auto px-4"> 134 <div class="max-w-5xl mx-auto"> 135 <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> 136 <div> 137 <h3 class="text-xl font-['Pacifico'] text-primary mb-4">HIT MAGHREB</h3> 138 <p class="text-gray-400 text-sm mb-4">La radio qui vous fait voyager à travers les sons du Maghreb et d'ailleurs.</p> 139 <div class="flex space-x-3"> 140 <a href="https://www.facebook.com/profile.php?id=61576785623695" target="_blank" class="w-8 h-8 flex items-center justify-center text-gray-400 hover:text-primary transition-colors"> 141 <i class="ri-facebook-fill"></i> 142 </a> 143 <a href="#" class="w-8 h-8 flex items-center justify-center text-gray-400 hover:text-primary transition-colors"> 144 <i class="ri-instagram-fill"></i> 145 </a> 146 <a href="#" class="w-8 h-8 flex items-center justify-center text-gray-400 hover:text-primary transition-colors"> 147 <i class="ri-twitter-x-fill"></i> 148 </a> 149 <a href="#" class="w-8 h-8 flex items-center justify-center text-gray-400 hover:text-primary transition-colors"> 150 <i class="ri-youtube-fill"></i> 151 </a> 152 </div> 153 </div> 154 155 <div> 156 <h4 class="text-white font-semibold mb-4">Liens rapides</h4> 157 <ul class="space-y-2 text-sm"> 158 <li><a href="#" class="text-gray-400 hover:text-primary transition-colors">Accueil</a></li> 159 <li><a href="https://djnabil.bandcamp.com/" target="_blank" class="text-gray-400 hover:text-primary transition-colors">Partenairess</a></li> 160 <li><a href="https://www.loue-informatique.fr/" target="_blank" class="text-gray-400 hover:text-primary transition-colors">Loué informatique</a></li> 161 <li><a href="https://hitmaghreb.com/hitmaghreb.apk" class="text-gray-400 hover:text-primary transition-colors">Application android</a></li> 162 <li><a href="#" class="text-gray-400 hover:text-primary transition-colors">Ãvénements</a></li> 163 </ul> 164 </div> 165 166 <div> 167 <h4 class="text-white font-semibold mb-4">Informations</h4> 168 <ul class="space-y-2 text-sm"> 169 <li><a href="https://www.hitmaghreb.com/#dedicaces" class="text-gray-400 hover:text-primary transition-colors">Dédicaces</a></li> 170 <li><a href="https://www.hitmaghreb.com/#application" class="text-gray-400 hover:text-primary transition-colors">Applications</a></li> 171 <li><a href="https://www.hitmaghreb.com/cookies.html" class="text-gray-400 hover:text-primary transition-colors">Cookies</a></li> 172 <li><a href="https://www.hitmaghreb.com/confidentialites.html" class="text-gray-400 hover:text-primary transition-colors">Confidentialité</a></li> 173 </ul> 174 </div> 175 176 <div> 177 <h4 class="text-white font-semibold mb-4">Contact</h4> 178 <ul class="space-y-3 text-sm"> 179 <li class="flex items-start"> 180 <div class="w-5 h-5 flex items-center justify-center text-gray-400 mt-0.5"> 181 <i class="ri-map-pin-line"></i> 182 </div>
183 <span class="ml-2 text-gray-400">partout dans le monde</span> 184 </li> 185 <li class="flex items-center"> 186 <div class="w-5 h-5 flex items-center justify-center text-gray-400"> 187 <i class="ri-phone-line"></i> 188 </div> 189 <span class="ml-2 text-gray-400">(+33) 06 46 82 82 34 </span> 190 </li> 191 <li class="flex items-center"> 192 <div class="w-5 h-5 flex items-center justify-center text-gray-400"> 193 <i class="ri-mail-line"></i> 194 </div> 195 <span class="ml-2 text-gray-400">[email protected]</span> 196 </li> 197 </ul> 198 </div> 199 </div> 200 201 <div class="border-t border-gray-800 pt-6 mt-6"> 202 <div class="flex flex-col md:flex-row justify-between items-center"> 203 <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2025 HIT MAGHREB. Tous droits réservés. Site réalisé par <a href="https://www.loue-informatique.fr/" target="_blank" style="color: rgb(255, 255, 255);">Loué Informatique .</a></p> 204 205 <div class="flex items-center space-x-4"> 206 <a href="#" class="text-gray-500 hover:text-primary text-xs">Conditions d'utilisation</a> 207 <a href="https://www.hitmaghreb.com/confidentialites.html" class="text-gray-500 hover:text-primary text-xs">Politique de confidentialité</a> 208 <a href="https://www.hitmaghreb.com/cookies.htlm" class="text-gray-500 hover:text-primary text-xs">Cookies</a> 209 </div> 210 </div> 211 </div> 212 </div> 213 </div> 214 </footer>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.