349 lines
13 KiB
HTML
349 lines
13 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 - Dans les plis de sa langue</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">
|
|
|
|
<link rel="stylesheet" href="../../css/single-spectacle.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 is-large p-0 m-0 has-background-warning-light">
|
|
<div id="title-section" class="columns p-0 m-0">
|
|
<div class="column is-two-thirds p-5 m-0 is-flex is-justify-content-center">
|
|
<h1 class="title has-text-centered is-size-1 has-text-weight-bold">Dans les plis de sa langue</h1>
|
|
</div>
|
|
<div class="column m-0 is-one-third has-background-black is-hidden-mobile"></div>
|
|
</div>
|
|
</section>
|
|
<section class="section is-large p-0 m-0 has-background-warning">
|
|
<div class="columns p-0 m-0">
|
|
<div class="column is-four-fifths p-0 m-0 has-background-danger">
|
|
|
|
|
|
<figure class="image">
|
|
<img src="../../spectacles/dans-les-plis-de-sa-langue/principal.webp">
|
|
</figure>
|
|
|
|
</div>
|
|
<div class="column is-one-fifth p-0 m-0 has-background-success is-flex is-justify-content-center is-align-items-center is-size-3">
|
|
<div class="has-text-black has-text-weight-bold p-6">2025</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section is-large p-0 m-0 has-background-warning">
|
|
<div class="columns p-0 m-0">
|
|
<div class="column is-1 has-background-black is-hidden-mobile"></div>
|
|
<div class="column is-10 p-6 has-background-warning-light">
|
|
<h2 class="subtitle">Création en 2025</h2>
|
|
<div class="has-text-black"><p>Emma, une jeune fille à peine sortie de l’adolescence, vit avec sa mère et son oncle paternel, au dessus du restaurant familial. L’oncle, le frère jumeau de son père décédé, est chef cuistot et tient le restaurant, accompagné de son jeune apprenti Alan, ancien ami d’enfance d’Emma.</p>
|
|
<p>Ce dernier, au parcours chaotique, a pu écourter sa peine de prison, gràce à l’oncle et aux ateliers de cuisine qu’il dispensait au sein de l’établissement pénitencier. En effet, l’oncle a reconnu en Alan un don extraordinaire pour la cuisine. D’ailleurs, la mère d’Emma qui refusait de s’alimenter, se remet à manger depuis qu’il lui concocte ses repas.
|
|
Emma reçoit une lettre d’admission à une école prestigieuse, à laquelle elle a candidaté sans véritablement y croire, persuadée que ce genre d’école n’est pas fait pour elle et défiante vis-à-vis de ce type d’insitution qui, selon elle, formate et uniformise la pensée.</p>
|
|
<p>Son oncle s’attache à l’idée de la voir partir étudier dans cet établissement renommé. Pour lui, cela représente l’accession à un monde nouveau, plein de promesses. Il ne comprend pas l’hésitation de sa nièce.</p>
|
|
<p>Elle, ne comprend pas son insistance. Pourquoi veut-il se débarasser d’elle ? Emma pense à sa mère, qui semble perdre la mémoire, comme vidée de sa substance vitale, elle l’estime trop vulnérable pour la laisser seule avec son oncle. Elle l’a tellement vu se faire dévorer par son père, elle craint que l’histoire se répète avec son oncle. En effet, celui-ci tente, depuis la mort de son frère jumeau, de rappeler à sa belle-soeur les souvenirs d’une relation amoureuse passée et toujours restée secrète, une manière de la ramener dans le flux de la vie.</p>
|
|
<p>Tout ce petit monde qui tente d’éclore à nouveau pourra-t-il s’affranchir de l’aura dévastatrice du défunt mari?</p>
|
|
</div>
|
|
</div>
|
|
<div class="column is-1 has-background-black is-hidden-mobile"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section is-large p-0 m-0 has-background-warning">
|
|
<div class="columns p-0 m-0">
|
|
<div class="column p-6 is-two-fifths has-background-primary-dark has-text-black">
|
|
<h2 class="subtitle mb-6">En savoir plus</h2>
|
|
|
|
|
|
<div class="columns is-gapless is-vcentered ">
|
|
<div class="column">
|
|
<a href=../../spectacles/dans-les-plis-de-sa-langue/dossier.pdf>
|
|
<h3 class="title is-6">Télécharger le Dossier de présentation</h3>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div class="column is-three-fifths p-0 m-0 has-background-danger is-hidden-mobile">
|
|
|
|
|
|
<figure class="image">
|
|
<img src="../../spectacles/dans-les-plis-de-sa-langue/savoir.webp">
|
|
</figure>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section is-large p-6 m-0 has-background-black has-text-white">
|
|
<h2 class="subtitle">Crédits</h2>
|
|
<div class="columns is-multiline mt-2">
|
|
|
|
|
|
<div class="column is-one-quarter">Écriture</div>
|
|
|
|
<div class="column is-three-quarters">Pierre-Yves Chapalain</div>
|
|
|
|
|
|
<div class="column is-one-quarter">Mise en scène</div>
|
|
|
|
<div class="column is-three-quarters">Kahena Saïghi et Pierre-Yves Chapalain</div>
|
|
|
|
|
|
<div class="column is-one-quarter">Avec</div>
|
|
|
|
<div class="column is-three-quarters">Marie Cariès, Kahena Saïghi, Pierre-Yves Chapalain, Miléna Sansonetti et Baptiste Znemenak</div>
|
|
|
|
|
|
<div class="column is-one-quarter">Assistant à la mise en scène</div>
|
|
|
|
<div class="column is-three-quarters">Eric Feldman</div>
|
|
|
|
|
|
<div class="column is-one-quarter">Création lumières</div>
|
|
|
|
<div class="column is-three-quarters">Florent Jacob</div>
|
|
|
|
|
|
<div class="column is-one-quarter">Création sonore</div>
|
|
|
|
<div class="column is-three-quarters">Samuel Favart-Mikcha</div>
|
|
|
|
|
|
<div class="column is-one-quarter">Scénographie et costumes</div>
|
|
|
|
<div class="column is-three-quarters">Andréa Warzée</div>
|
|
|
|
|
|
<div class="column is-one-quarter">Administration de production</div>
|
|
|
|
<div class="column is-three-quarters">En votre compagnie</div>
|
|
|
|
|
|
<div class="column is-one-quarter">Production</div>
|
|
|
|
<div class="column is-three-quarters">Compagnie Le Temps qu’il Faut</div>
|
|
|
|
|
|
<div class="column is-one-quarter">Résidence</div>
|
|
|
|
<div class="column is-three-quarters">Le Cube - Hérisson</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
<section class="section is-large m-0 p-6 has-background-black">
|
|
<h2 class="subtitle">Galerie</h2>
|
|
<div class="container">
|
|
<div id="galerie" class="carousel">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img src="../../spectacles/dans-les-plis-de-sa-langue/image1.webp" alt="spectacles/dans-les-plis-de-sa-langue/image1.webp">
|
|
|
|
|
|
|
|
|
|
<img src="../../spectacles/dans-les-plis-de-sa-langue/image2.webp" alt="spectacles/dans-les-plis-de-sa-langue/image2.webp">
|
|
|
|
|
|
|
|
|
|
<img src="../../spectacles/dans-les-plis-de-sa-langue/image3.webp" alt="spectacles/dans-les-plis-de-sa-langue/image3.webp">
|
|
|
|
|
|
|
|
|
|
<img src="../../spectacles/dans-les-plis-de-sa-langue/image4.webp" alt="spectacles/dans-les-plis-de-sa-langue/image4.webp">
|
|
|
|
|
|
|
|
|
|
<img src="../../spectacles/dans-les-plis-de-sa-langue/principal.webp" alt="spectacles/dans-les-plis-de-sa-langue/principal.webp">
|
|
|
|
|
|
|
|
|
|
<img src="../../spectacles/dans-les-plis-de-sa-langue/savoir.webp" alt="spectacles/dans-les-plis-de-sa-langue/savoir.webp">
|
|
|
|
|
|
|
|
</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>
|
|
<script>
|
|
bulmaCarousel.attach('#galerie', {
|
|
slidesToScroll: 1,
|
|
slidesToShow: 3,
|
|
navigation: false,
|
|
navigationKeys: false,
|
|
pagination: false,
|
|
loop: false,
|
|
infinite: true,
|
|
autoplay: true,
|
|
autoplaySpeed: 2000,
|
|
pauseOnHover: true,
|
|
duration: 300
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|
