<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Information RGPD et choix de communication — Carrefour des Arts</title>
<link rel="stylesheet" href="/public/assets/css/cda-consentements.css">
</head>
<body>
<main class="consent-page">
<header class="consent-header">
<div class="consent-logo">
<img src="/public/assets/images/logo-carrefour-des-arts.jpg" alt="Carrefour des Arts">
</div>
<div>
<small>Carrefour des Arts de Bray-Dunes</small>
<h1>Information RGPD et choix de communication</h1>
<p>Information sur l’utilisation des données personnelles et recueil des choix facultatifs.</p>
</div>
</header>
<div class="consent-body">

<div class="notice">
<strong>À retenir :</strong> la gestion de l’adhésion, des inscriptions, des présences,
de la facturation et des obligations comptables ne dépend pas d’une autorisation
globale. Les choix ci-dessous concernent principalement les usages facultatifs.
</div>

<form>
<section class="form-section">
<div class="section-title">
<div class="section-number">1</div>
<div><h2>Adhérent et famille concernés</h2><p>Informations préremplies par l’ERP.</p></div>
</div>
<div class="grid">
<label class="field"><span>Code adhérent</span><input value="C…" readonly></label>
<label class="field"><span>Année scolaire</span><input value="2026–2027"></label>
<label class="field"><span>Nom</span><input data-uppercase name="nom"></label>
<label class="field"><span>Prénom</span><input data-firstname name="prenom"></label>
<label class="field"><span>E-mail</span><input type="email" data-email></label>
<label class="field"><span>Téléphone</span><input data-phone></label>
<label class="field full"><span>Membres concernés</span><textarea rows="3"></textarea></label>
</div>
</section>

<section class="form-section">
<div class="section-title">
<div class="section-number">2</div>
<div><h2>Informations sur les traitements</h2><p>Éléments qui devront être adaptés aux coordonnées officielles du CDA.</p></div>
</div>
<ul class="info-list">
<li><strong>Responsable du traitement :</strong> Carrefour des Arts de Bray-Dunes.</li>
<li><strong>Finalités :</strong> adhésions, ateliers, présences, facturation, paiements, organisation pédagogique et communications administratives.</li>
<li><strong>Destinataires :</strong> personnes habilitées du CDA, professeurs pour les seules données nécessaires, prestataires techniques autorisés.</li>
<li><strong>Conservation :</strong> selon la nature des données et les obligations administratives, comptables ou probatoires.</li>
<li><strong>Droits :</strong> accès, rectification, effacement lorsque possible, limitation, opposition et réclamation auprès de la CNIL.</li>
</ul>
</section>

<section class="form-section">
<div class="section-title">
<div class="section-number">3</div>
<div><h2>Mes choix facultatifs</h2><p>Les cases sont décochées par défaut.</p></div>
</div>
<div class="choice-list">
<label class="choice">
<input type="checkbox">
<span><strong>Informations administratives par e-mail</strong><small>Confirmations, changements d’horaires, documents et informations utiles au dossier.</small></span>
</label>
<label class="choice">
<input type="checkbox">
<span><strong>Alertes urgentes par SMS</strong><small>Annulation, déplacement ou fermeture exceptionnelle. Ce service pourra être activé uniquement lorsque le CDA dispose de crédits SMS.</small></span>
</label>
<label class="choice">
<input type="checkbox">
<span><strong>Informations facultatives sur les événements du CDA</strong><small>Stages, spectacles, expositions et actualités ne relevant pas directement de l’atelier suivi.</small></span>
</label>
<label class="choice">
<input type="checkbox">
<span><strong>Partage strictement nécessaire avec le professeur concerné</strong><small>Coordonnées utiles et informations pédagogiques nécessaires à l’organisation du cours.</small></span>
</label>
</div>
</section>

<section class="form-section">
<div class="section-title">
<div class="section-number">4</div>
<div><h2>Validation</h2><p>Signature sur place, validation par lien ou PDF signé.</p></div>
</div>
<div class="grid">
<label class="field"><span>Nom du signataire</span><input data-uppercase></label>
<label class="field"><span>Prénom du signataire</span><input data-firstname></label>
<label class="field"><span>Qualité</span><select><option>Adhérent titulaire</option><option>Représentant légal</option><option>Autre</option></select></label>
<label class="field"><span>Date</span><input type="date"></label>
</div>
<div class="signature-grid" style="margin-top:18px">
<div class="signature-box"><strong>Signature de l’adhérent ou du représentant légal</strong><div class="signature-line">Signature</div></div>
<div class="signature-box"><strong>Validation du Carrefour des Arts</strong><div class="signature-line">Nom, date et qualité de l’utilisateur</div></div>
</div>
</section>

<div class="actions">
<button class="button button-secondary" type="button" onclick="window.print()">Imprimer / PDF</button>
<button class="button button-primary" type="submit">Valider le formulaire</button>
</div>
</form>
</div>
<footer class="footer-note">
Carrefour des Arts de Bray-Dunes — Document à conserver dans le dossier de la famille.
La validation électronique devra être horodatée et une copie sera remise au signataire.
</footer>
</main>
<script src="/public/assets/js/cda-v4-form.js"></script>
</body>
</html>
