429 lines
15 KiB
HTML
429 lines
15 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 - Absinthe</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">Absinthe</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/absinthe/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">2010</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éé le 4 novembre 2010 au Nouveau Théâtre – Centre dramatique national de Besançon et de Franche-Comté</h2>
|
||
<div class="has-text-black"><p>Adèle et Francis et leurs deux enfants, Adrien et Absinthe, forment une famille ordinaire, sans histoire. Ils vivent dans une maison protégée de l’océan par une ancienne digue. Les enfants terminent leurs études tandis que leur père tente de vivre de sa plume. Le carnaval bat son plein dans la ville voisine. La nuit, un homme à moustache vient trouver Absinthe. Il parle d’une malédiction et prédit à Absinthe un avenir hors du commun mais refuse de révéler qui il est. Absinthe change, elle tient des propos étranges. Sa famille s’inquiète pour elle. Adèle apprend que sa fille doit subir des examens médicaux. Elle est persuadée que sa fille est malade, qu’elle va devoir se faire opérer. Il faut trouver de l’argent pour cette opération. Une amie d’Adèle lui donne des clefs en or. Des clefs qui permettent d’ouvrir les portes de la digue. L’homme à moustache revient trouver Absinthe. On comprend qu’il est son vrai père. Il demande à Absinthe de le venger…</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/absinthe/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/absinthe/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">Texte et mise en scène</div>
|
||
|
||
<div class="column is-three-quarters">Pierre-Yves Chapalain</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Metteur en scène</div>
|
||
|
||
<div class="column is-three-quarters">Pierre-Yves Chapalain</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Production / Diffusion</div>
|
||
|
||
<div class="column is-three-quarters">Juliette Roels</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Scénographie</div>
|
||
|
||
<div class="column is-three-quarters">Marguerite Bordat</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">Musique et Paysage sonore</div>
|
||
|
||
<div class="column is-three-quarters">Yann Le Hérissé et Frédéric Lagnau</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Création lumières et direction technique</div>
|
||
|
||
<div class="column is-three-quarters">Grégoire De Lafond</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Perruques et maquillage</div>
|
||
|
||
<div class="column is-three-quarters">Nathalie Regior</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Collaboration à la ventriloquie</div>
|
||
|
||
<div class="column is-three-quarters">Michel Dejeneffe</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Construction</div>
|
||
|
||
<div class="column is-three-quarters">Patrick Poyard et Pedro Noguera</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Réalisation des costumes</div>
|
||
|
||
<div class="column is-three-quarters">Florence Bruchon et Sara Barthesaghi-Gallo</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Administration de production</div>
|
||
|
||
<div class="column is-three-quarters">Juliette Roels et Céline Settimelli</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Production déléguée</div>
|
||
|
||
<div class="column is-three-quarters">Compagnie Le Temps qu’il Faut</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Partenaires en co-production</div>
|
||
|
||
<div class="column is-three-quarters">
|
||
<ul>
|
||
|
||
<li>le Nouveau Théâtre - Centre dramatique national de Besançon et de Franche-Comté,</li>
|
||
|
||
<li>le Théâtre de la Bastille,</li>
|
||
|
||
<li>la Comédie de l’Est – Centre Dramatique Régional d’Alsace,</li>
|
||
|
||
<li>le Théâtre de la Coupe d’Or – Scène conventionnée de Rochefort,</li>
|
||
|
||
<li>avec l’aide à la production d’Arcadi, du Ministère de la culture et de la communication – DRAC de Bretagne,</li>
|
||
|
||
<li>avec l’aide à la production et à la diffusion du Fonds SACD Théâtre et le soutien de l’ADAMI.</li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Édition</div>
|
||
|
||
<div class="column is-three-quarters">Absinthe de Pierre-Yves Chapalain, est publié aux éditions Les Solitaires intempestifs</div>
|
||
|
||
|
||
<div class="column is-one-quarter">Tournée 2010/2011</div>
|
||
|
||
<div class="column is-three-quarters">
|
||
<ul>
|
||
|
||
<li>Nouveau Théâtre – Centre dramatique national de Besançon,</li>
|
||
|
||
<li>La Comédie de l’est – Centre dramatique régional d’Alsace, Colmar,</li>
|
||
|
||
<li><a href="https://www.theatre-bastille.com/le-theatre/archives/saison-2010-2011/absinthe">Théâtre de la Bastille</a>,</li>
|
||
|
||
<li>Théâtre de la Coupe d’Or – Scène conventionnée de Rochefort,</li>
|
||
|
||
<li>Nouvel Olympia - Centre dramatique régional, Tours.</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/absinthe/Image1.webp" alt="spectacles/absinthe/Image1.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/absinthe/Image2.webp" alt="spectacles/absinthe/Image2.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/absinthe/Image4.webp" alt="spectacles/absinthe/Image4.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/absinthe/Image5.webp" alt="spectacles/absinthe/Image5.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/absinthe/Image6.webp" alt="spectacles/absinthe/Image6.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/absinthe/Image7.webp" alt="spectacles/absinthe/Image7.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/absinthe/Image8.webp" alt="spectacles/absinthe/Image8.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/absinthe/Image9.webp" alt="spectacles/absinthe/Image9.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/absinthe/image10.webp" alt="spectacles/absinthe/image10.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/absinthe/principal.webp" alt="spectacles/absinthe/principal.webp">
|
||
|
||
|
||
|
||
|
||
<img src="../../spectacles/absinthe/savoir.webp" alt="spectacles/absinthe/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>
|
||
|
