424 lines
16 KiB
HTML
424 lines
16 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 - Brume du soir</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">Brume du soir</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/brume-du-soir/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">2014</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">Spectacle créé en février 2014 au Théâtre Anne de Bretagne, Vannes</h2>
|
||
<div class="has-text-black"><p>Monsieur Alexandra est fou d’inquiétude. Sa fille, Mathilde, n’est pas rentrée depuis plusieurs jours… Il n’est pourtant pas du genre à empêcher sa fille de vivre sa vie, il aime trop la liberté pour lui interdire quoique ce soit. Mais il trouve qu’elle a depuis quelque temps un comportement étrange, il sent l’imminence d’une catastrophe au plus profond de lui-même… C’est peut-être à cause de cet homme dont Mathilde s’est entichée, avec qui elle discute le soir au bord du fleuve. Il est jeune, mais il semble si vieux à Monsieur Alexandra, et ravive en lui de douloureux souvenirs d’un pays lointain, d’une vie passée jusque-là soigneusement cachée. La Brume du soir est une histoire d’exils. D’exils réels, ceux du père et de l’homme, qui ont fui un pays lointain pour se reconstruire ailleurs. D’exil intérieur aussi, cette perte de l’âme que peut provoquer l’effacement du passé, l’oubli des origines. Le père veut être « géographique », se développer en fonction du lieu où il vit. Il fait table rase du passé pour ne pas se laisser entraver par quoique ce soit de négatif, comme une plante qui doit s’adapter coûte que coûte au lieu où elle se trouve…Mais quelque chose vient toquer à la porte de sa conscience, quelque chose qui n’est peut-être pas le passé, mais tout simplement son âme qui cherche à ne pas mourir…La Brume du soir est une histoire d’amour. Un amour dangereux, interdit, mystérieux aussi puisque les deux amants ne parviennent pas à se souvenir des mots qui les ont rapprochés, aimantés. Ces mots sont entrés dans l’oreille de Mathilde et l’ont touchée au plus profond d’elle-même, l’ont conduit comme « à la lisière d’une forêt ». Des mots qui, comme chez les Dogons, nourrissent vraiment et habillent de vêtements brodés celui qui les reçoit dans l’oreille…</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/brume-du-soir/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/brume-du-soir/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 et mise en scène</div>
|
||
|
||
<div class="column is-three-quarters">Pierre-Yves Chapalain</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Avec</div>
|
||
|
||
<div class="column is-three-quarters">Eric Challier, Antek Klemm, Kahena Saïghi</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Collaboration artistique</div>
|
||
|
||
<div class="column is-three-quarters">Yann Richard</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Création lumière</div>
|
||
|
||
<div class="column is-three-quarters">Grégoire de Lafond</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Création son</div>
|
||
|
||
<div class="column is-three-quarters">Tal Agram</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Régie plateau</div>
|
||
|
||
<div class="column is-three-quarters">Frédéric Plou</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Collaboration à la scénographie et aux costumes</div>
|
||
|
||
<div class="column is-three-quarters">Pia de Compiègne</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Marionnette réalisée par</div>
|
||
|
||
<div class="column is-three-quarters">Marguerite Bordat</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Voix</div>
|
||
|
||
<div class="column is-three-quarters">Odja Llorca</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Administration de production et diffusion</div>
|
||
|
||
<div class="column is-three-quarters">Nathalie Untersinger</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Production</div>
|
||
|
||
<div class="column is-three-quarters">Compagnie Le Temps qu’il Faut et Théâtre Dijon Bourgogne</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Co-production</div>
|
||
|
||
<div class="column is-three-quarters">
|
||
<ul>
|
||
|
||
<li>Théâtre Anne de Bretagne, scène conventionnée – Vannes,</li>
|
||
|
||
<li>l’Archipel, pôle d’action culturelle de Fouesnant-Les Glénan - Fouesnant</li>
|
||
|
||
<li>Les Théâtrales Charles Dullin – Festival de la création contemporaine,</li>
|
||
|
||
<li>Théâtre Edwige Feuillère, scène conventionnée de Vesoul,</li>
|
||
|
||
<li>Théâtre de Poche d’Hédé</li>
|
||
|
||
<li>Avec le soutien du Ministère de la Culture et de la Communication au titre de l’aide à la production,</li>
|
||
|
||
<li>Avec le soutien de la Région Bretagne et de Spectacle Vivant en Bretagne.</li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Co-réalisation</div>
|
||
|
||
<div class="column is-three-quarters">Théâtre de l’Echangeur, Bagnolet – Cie Public Chérie</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Tournée 2014/2015</div>
|
||
|
||
<div class="column is-three-quarters">
|
||
<ul>
|
||
|
||
<li>Théâtre Anne de Bretagne, scène conventionnée – Vannes,</li>
|
||
|
||
<li>l’Archipel, pôle d’action culturelle de Fouesnant-Les Glénan - Fouesnant,</li>
|
||
|
||
<li>Théâtre de l’Echangeur – Paris,</li>
|
||
|
||
<li>Théâtre Dijon-Bourgogne, centre dramatique national,</li>
|
||
|
||
<li>La Faïencerie-Théâtre – Creil,</li>
|
||
|
||
<li>Théâtre Edwige Feuillère, scène conventionnée – Vesoul,</li>
|
||
|
||
<li><a href="https://theatre-de-poche.com/la-brume-du-soir">Théâtre de Poche de Hédé – Hédé-Bazouges</a>,</li>
|
||
|
||
<li>Scènes du Jura, scène nationale,</li>
|
||
|
||
<li>Théâtre de Morlaix</li>
|
||
|
||
</ul>
|
||
</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/brume-du-soir/Image1.webp" alt="spectacles/brume-du-soir/Image1.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/brume-du-soir/Image2.webp" alt="spectacles/brume-du-soir/Image2.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/brume-du-soir/Image4.webp" alt="spectacles/brume-du-soir/Image4.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/brume-du-soir/Image5.webp" alt="spectacles/brume-du-soir/Image5.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/brume-du-soir/Image6.webp" alt="spectacles/brume-du-soir/Image6.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/brume-du-soir/Image7.webp" alt="spectacles/brume-du-soir/Image7.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/brume-du-soir/image8.webp" alt="spectacles/brume-du-soir/image8.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/brume-du-soir/last.webp" alt="spectacles/brume-du-soir/last.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/brume-du-soir/principal.webp" alt="spectacles/brume-du-soir/principal.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/brume-du-soir/savoir.webp" alt="spectacles/brume-du-soir/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>
|
||
|
