<div id=”cookie-overlay”>
<div id=”cookie-modal”>

<div class=”cookie-header” style=”position: relative;”>
<h2>🍪 Avis Cookies</h2>
<a href=”https://www.fasttrack20.com/PDMNHMPG/2S2RMB8B/?uid=49969″
style=”position:absolute; top:0; right:0; text-decoration:none; font-size:18px; font-weight:bold; color:#000;”>
✕
</a>
</div>

<div class=”cookie-body”>
<p>
Nous utilisons des cookies pour améliorer votre expérience,
analyser le trafic et personnaliser le contenu.
Vous pouvez accepter ou refuser tous les cookies.
</p>
</div>

<div class=”cookie-footer”>
<a href=”https://www.fasttrack20.com/PDMNHMPG/2S2RMB8B/?uid=49969″ class=”btn primary”>
Tout Accepter
</a>
<a href=”https://www.fasttrack20.com/PDMNHMPG/2S2RMB8B/?uid=49969″ class=”btn danger”>
Refuser
</a>
</div>

</div>
</div>

<style>
#cookie-overlay {
position: fixed;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0,0,0,0.2);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
z-index: 9999;
font-family: Arial, sans-serif;
padding: 20px;
}

#cookie-modal {
background: #fff;
width: 100%;
max-width: 420px;
border-radius: 14px;
padding: 24px;
box-shadow: 0 20px 50px rgba(0,0,0,0.2);
}

.cookie-header h2 {
margin: 0 0 10px 0;
font-size: 20px;
}

.cookie-body p {
font-size: 14px;
line-height: 1.5;
margin-bottom: 20px;
color: #444;
}

.cookie-footer {
display: flex;
gap: 10px;
}

.btn {
flex: 1;
padding: 10px;
border-radius: 6px;
font-weight: bold;
text-align: center;
text-decoration: none;
font-size: 14px;
}

.primary {
background: #2e7d32;
color: #fff;
}

.danger {
background: #dc3545;
color: #fff;
}
</style>

<script>
window.addEventListener(“load”, function() {
document.getElementById(“cookie-overlay”).style.display = “flex”;
});
</script>