230 lines
9.3 KiB
HTML
230 lines
9.3 KiB
HTML
<!DOCTYPE html>
|
||
<html><head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="robots" content="index, follow" />
|
||
<title>LTQF - Actions culturelles</title>
|
||
<link rel="icon" href="../favicon.png" />
|
||
<meta name="description" content="Un site de théatre." />
|
||
<meta name="generator" content="Hugo 0.111.3">
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.24/dist/css/bulma-carousel.min.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Advent+Pro:wght@100;200;300;400;500;600;700&family=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="../css/style.css">
|
||
</head>
|
||
<body style="position:relative">
|
||
|
||
<main class="columns is-fullheight is-gapless m-0 has-background-black">
|
||
|
||
|
||
|
||
<nav class="navbar is-hidden-tablet is-black" role="navigation" aria-label="main navigation">
|
||
<div class="navbar-brand">
|
||
<a class="navbar-item" href="">
|
||
<img src="logo_home.webp">
|
||
</a>
|
||
|
||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mynavbar">
|
||
<span aria-hidden="true"></span>
|
||
<span aria-hidden="true"></span>
|
||
<span aria-hidden="true"></span>
|
||
</a>
|
||
</div>
|
||
|
||
<div id="mynavbar" class="navbar-menu">
|
||
|
||
<a class="navbar-item is-uppercase" href="../compagnie">La compagnie</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../spectacles">Spectacles</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../actions_culturelles">Actions culturelles</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../partenaires">Partenaires</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../presse">Presse</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../contact">Contact</a>
|
||
|
||
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="column is-fullheight is-one-fifth has-background-success has-text-black has-background-danger is-narrow is-hidden-mobile">
|
||
<aside id="sidebar" class="menu has-background-success has-text-black is-flex is-flex-direction-column is-justify-content-space-between" style="position: fixed; top: 0; height: 100vh; width: 20%">
|
||
<div>
|
||
<a href="">
|
||
<div class="figure">
|
||
|
||
<img src="ltqf.webp" class="image is-1by1 p-5">
|
||
|
||
</div>
|
||
</a>
|
||
<ul class="menu-list m-0 p-0">
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../compagnie">La compagnie</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../spectacles">Spectacles</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../actions_culturelles">Actions culturelles</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../partenaires">Partenaires</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../presse">Presse</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../contact">Contact</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div class="is-flex is-justify-content-center mb-5">
|
||
<div class="social-icons m-0 p-0 pl-3 pt-5">
|
||
<a href="https://www.facebook.com/votre_compte_facebook" class="mr-2 has-background-success has-text-black">
|
||
<span class="icon">
|
||
<i class="fab fa-facebook fa-2x"></i>
|
||
</span>
|
||
</a>
|
||
<a href="https://www.instagram.com/votre_compte_instagram" class="has-background-success has-text-black">
|
||
<span class="icon">
|
||
<i class="fab fa-instagram fa-2x"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
|
||
<div class="column is-four-fifths m-0 p-0">
|
||
|
||
<section class="section has-background-warning-light">
|
||
<h1 class="title is-size-1 has-text-weight-bold has-text-centered">Actions culturelles</h1>
|
||
</section>
|
||
<section class="section has-background-primary-dark">
|
||
<div class="container has-text-black">
|
||
<p><p>Depuis sa création, la compagnie le temps qu’il faut, en partenariat avec différents lieux, propose des ateliers d’écriture et de pratique théâtrale à des publics aussi variés que possible : des élèves de la maternelle au lycée (Classique, SEGPA, dispositif ULIS, UPE2A), des jeunes “décrocheurs”, des groupes parents/ enfants, des chômeurs longue durée, des personnes suivies en psychiatrie…</p>
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section class="section has-background-black">
|
||
<h2 class="subtitle has-text-white has-text-centered pb-6">Quelques actions réalisées par la compagnie</h2>
|
||
|
||
<div class="columns">
|
||
<div class="column is-flex is-half has-background-black">
|
||
<div class="box has-background-warning-light has-text-centered pt-6">
|
||
<h2 class="subtitle mb-6">Dispositif ULIS</h2>
|
||
<div class="block"><p>Actuellement, en partenariat avec le Théâtre National de La Coline, Kahena Saïghi mène un projet théâtre « inclusion inversée » avec le dispositif ULIS et une classe de 5ème classique du collège Jean-Pierre Timbaud à Bobigny, sur les thématiques liées à l’adolescence (Les corps qui changent, le rejet et l’acceptation de l’autre…)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="column is-half has-background-black">
|
||
<div class="box has-background-warning-light is-flex is-align-items-center is-justify-content-center">
|
||
|
||
|
||
<img src="../actions_culturelles/action1/illustration.webp">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="columns">
|
||
<div class="column is-flex is-half has-background-black">
|
||
<div class="box has-background-warning-light has-text-centered pt-6">
|
||
<h2 class="subtitle mb-6">Hôpital psychiatrique / maison d'arrêt</h2>
|
||
<div class="block"><p>Grâce au CDN de Besançon, durant trois années consécutives, Kahena Saïghi et Pierre-Yves Chapalain ont mené un travail axé sur l’improvisation et l’expression corporelle, auprès de patients de l’hôpital psychiatrique de Novilar.
|
||
Avec les Scènes du Jura, ils ont animé de nombreux ateliers en maison des jeunes et en milieu scolaire. Un travail d’écriture a été fait avec des détenus de la Maison d’arrêt de Lons Le Saunier.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="column is-half has-background-black">
|
||
<div class="box has-background-warning-light is-flex is-align-items-center is-justify-content-center">
|
||
|
||
|
||
<img src="../actions_culturelles/action3/illustration.webp">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="columns">
|
||
<div class="column is-flex is-half has-background-black">
|
||
<div class="box has-background-warning-light has-text-centered pt-6">
|
||
<h2 class="subtitle mb-6">Maison de quartier</h2>
|
||
<div class="block"><p>Pierre-Yves Chapalain en lien avec le CDN de Caen, a animé des ateliers théâtre auprès d’allocataires de La CAF à la maison de quartier de la Pierre Heuzé durant plus de 3 ans. Avec ces différents groupes, des spectacles ont vu le jour et les participants ont pu faire l’expérience de représentations publiques au théâtre des Cordes à Caen.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="column is-half has-background-black">
|
||
<div class="box has-background-warning-light is-flex is-align-items-center is-justify-content-center">
|
||
|
||
|
||
<img src="../actions_culturelles/action2/illustration.webp">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
|
||
<div class="is-flex is-flex-direction-column is-justify-content-flex-end" style="position: fixed; bottom: 0%; right: 3%;">
|
||
<a href="#" class="has-text-black" style="position: sticky; bottom: 0;">
|
||
<span class="icon">
|
||
<i class="fas fa-arrow-up"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
<script src="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.24/dist/js/bulma-carousel.min.js"></script>
|
||
|
||
<script>
|
||
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
|
||
|
||
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
||
|
||
|
||
$navbarBurgers.forEach( el => {
|
||
el.addEventListener('click', () => {
|
||
|
||
|
||
const target = el.dataset.target;
|
||
const $target = document.getElementById(target);
|
||
|
||
|
||
el.classList.toggle('is-active');
|
||
$target.classList.toggle('is-active');
|
||
|
||
});
|
||
});
|
||
|
||
});
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|
