<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Autorisation relative au droit à l’image — 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>Autorisation relative au droit à l’image</h1>
<p>Choix détaillés pour les photographies, vidéos et supports de communication.</p>
</div>
</header>
<div class="consent-body">

<div class="notice">
Les choix sont réalisés séparément pour chaque support. Un refus total ou partiel
n’empêche pas l’inscription aux activités du Carrefour des Arts.
</div>

<form>
<section class="form-section">
<div class="section-title">
<div class="section-number">1</div>
<div><h2>Personne concernée</h2><p>Un formulaire peut être établi par membre de la famille.</p></div>
</div>
<div class="grid">
<label class="field"><span>Nom</span><input data-uppercase></label>
<label class="field"><span>Prénom</span><input data-firstname></label>
<label class="field"><span>Date de naissance</span><input type="date"></label>
<label class="field"><span>Année scolaire</span><input value="2026–2027"></label>
<label class="field full"><span>Atelier(s) suivi(s)</span><textarea rows="2"></textarea></label>
</div>
</section>

<section class="form-section">
<div class="section-title">
<div class="section-number">2</div>
<div><h2>Supports autorisés ou refusés</h2><p>Cocher uniquement les usages expressément acceptés.</p></div>
</div>
<div class="choice-list">
<label class="choice"><input type="checkbox"><span><strong>Photographies internes aux ateliers</strong><small>Utilisation pédagogique et conservation interne au dossier de l’activité.</small></span></label>
<label class="choice"><input type="checkbox"><span><strong>Affichage dans les locaux du CDA</strong><small>Expositions, panneaux d’information et valorisation des activités.</small></span></label>
<label class="choice"><input type="checkbox"><span><strong>Site internet officiel du CDA</strong><small>Présentation des ateliers, événements et réalisations.</small></span></label>
<label class="choice"><input type="checkbox"><span><strong>Réseaux sociaux officiels</strong><small>Publications sur les comptes gérés par le Carrefour des Arts.</small></span></label>
<label class="choice"><input type="checkbox"><span><strong>Supports de la Ville ou partenaires identifiés</strong><small>Publications liées à une action ou un événement clairement déterminé.</small></span></label>
<label class="choice"><input type="checkbox"><span><strong>Presse</strong><small>Articles relatifs à une manifestation ou à une activité du CDA.</small></span></label>
<label class="choice"><input type="checkbox"><span><strong>Vidéos</strong><small>Captation et diffusion sur les supports expressément autorisés ci-dessus.</small></span></label>
<label class="choice"><input type="checkbox"><span><strong>Captations sonores</strong><small>Enregistrements liés aux activités musicales, théâtrales ou événementielles.</small></span></label>
</div>
</section>

<section class="form-section">
<div class="section-title">
<div class="section-number">3</div>
<div><h2>Conditions de l’autorisation</h2><p>Période, gratuité et modalités de retrait.</p></div>
</div>
<ul class="info-list">
<li>L’autorisation est consentie gratuitement pour les supports cochés.</li>
<li>Les images ne devront pas être utilisées d’une manière portant atteinte à la dignité ou à la réputation de la personne.</li>
<li>La demande de retrait sera prise en compte pour les utilisations futures, dans les limites des publications déjà diffusées ou imprimées.</li>
<li>Pour un mineur, le signataire déclare disposer de l’autorité nécessaire.</li>
</ul>
<div class="grid" style="margin-top:16px">
<label class="field"><span>Début de l’autorisation</span><input type="date"></label>
<label class="field"><span>Fin de l’autorisation</span><input type="date"></label>
<label class="field full"><span>Restrictions ou précisions</span><textarea rows="3"></textarea></label>
</div>
</section>

<section class="form-section">
<div class="section-title">
<div class="section-number">4</div>
<div><h2>Décision et signature</h2><p>Le refus global reste possible.</p></div>
</div>
<div class="choice-list">
<label class="choice"><input type="radio" name="decision"><span><strong>J’autorise uniquement les supports cochés ci-dessus</strong></span></label>
<label class="choice"><input type="radio" name="decision"><span><strong>Je refuse toute utilisation de l’image ou de la voix</strong></span></label>
</div>
<div class="grid" style="margin-top:16px">
<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>Personne concernée majeure</option><option>Représentant légal</option><option>Adhérent titulaire</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</strong><div class="signature-line">Signature du signataire</div></div>
<div class="signature-box"><strong>Réservé au Carrefour des Arts</strong><div class="signature-line">Enregistrement et classement</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>
