{% extends 'layout.html.twig' %}

{% block title %}{{ parent() }} - Jeune public{% endblock %}

{% block body %}
    <div class="container-fluid mt-4">
    	<div class="container">
    		<img src="/uploads/statiques/jeune-public-01.jpg" alt="Jeune Public illustration" class="img-fluid">
    		<h1 class="mt-4">Jeune Public</h1>
    		<p>Véritable lieu de sensibilisation au cinéma et à son histoire, la Cinémathèque de Nice joue un rôle actif dans l’éducation à l’image et l’accès à la culture cinématographique du jeune public. Elle accueille chaque année près de 20 000 enfants de tous âges pour des projections et des actions éducatives en famille ou en temps scolaire.</p>
            
    		<div class="row mb-4">
    			<div class="col-md-4">
                    <div class="ombres">
                        <a href="programmation">
                            <img src="/uploads/statiques/progJeunePublic.jpg" alt="Photo The Kid de Charlie CHaplin" class="img-fluid">
                            <div class="encart">
                                <h3 class="text-center">Programmation<br>Jeune Public</h3>
                            </div>
                        </a>
                    </div>
    			</div>
    			<div class="col-md-4">
                    <div class="ombres">
                        <a href="atelier-du-film-d-animation">
                            <img src="/uploads/statiques/zootrope.jpg" alt="Photo zootrope" class="img-fluid">
                            <div class="encart">
                                <h3 class="text-center"><a href="/atelier-film-animation">Atelier du<br>film d'animation</a></h3>
                            </div>
                        </a>
                    </div>
    			</div>
    			<div class="col-md-4">
                    <div class="ombres">
                        <a href="animation-scolaire">
                            <img src="/uploads/statiques/enfants_salle.jpg" alt="Photo enfants et salle" class="img-fluid">
                            <div class="encart">
                                <h3 class="text-center"><a href="/atelier-film-animation">Animation<br>scolaire</a></h3>
                            </div>
                        </a>
                    </div>
    			</div>
    		</div>
    	</div>
	</div>
{% endblock %}