<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Compagnie de théâtre Ololo</title>
<meta name="description" content="La compagnie Ololo met l'accent sur le texte et le corps de l'acteur, pour jeune et tout public"/>
<meta name="keywords" content="théâtre,art,scène,rue,enfants,jeune,public,rire,humour,action,corps,acteur,jeu,scène,act,art"/>
<meta name="generator" content="WebAcappella Grid"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<style>
#wa-container-wrapper-jswgssgobkfhfc {background-size:cover;background-position:right center;background-image : url('wa_images/bird-saint--etienne.jpg?v=1e7u33g');}
#wa-container-wrapper-jswgssgqbkfiyw {background-size:cover;background-position:center center;background-image : url('wa_images/bird-saint--etienne.jpg?v=1e7u33g');}
#wa-container-wrapper-jswgssgsbkfcso {background-size:cover;background-position:center center;background-image : url('');}
div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: white no-repeat center center; }
</style>
<script>
var WaComponentContext = {};
var WaPageContext = {};
var WaContext = {};
WaContext.app_version="1.6.20"
WaContext.app_revision="72cba12"
WaContext.preview=false
WaPageContext.lang="fr"
WaPageContext.lang_filename="fr"
</script>
<script src="wa_js/wa_vanilla.js?v=125&" ></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-133830107-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-133830107-1');
</script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-133830107-1', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
</head>
<body>
<div id="preloader"></div>
<a id="wa-anchor-top" title="Top anchor"></a>
<div id="wa-container-wrapper-jswgssgobkfhfc" class="wa-parallax" data-parallax="scroll" data-naturalwidth="-1" data-naturalheight="-1" data-image-src="wa_images/bird-saint--etienne.jpg?v=1e7u33g" data-position="right center" data-speed="0.50" >
<div id="wa-container-jswgssgobkfhfc" class="container hidden-xs" >
<div id="wa-row-jsuiqmh68udiv4" class="row hidden-sm hidden-md">
<div class="col-xl-12 wa-item-rowspacer"></div>
</div>
<div class="wa-container-vspacer col-xl-12"></div>
<div id="wa-row-jsujhi947vhjjk" class="row row-align hidden-sm hidden-md hidden-lg">
</div>
<div class="wa-container-vspacer col-xl-12"></div>
<div id="wa-row-ms55lhil5nfmpk" class="row hidden-xs hidden-sm hidden-lg">
<div class="col-xl-12 wa-item-rowspacer"></div>
</div>
<div class="wa-container-vspacer col-xl-12"></div>
<div id="wa-row-ms55keys6ebjoo" class="row row-align">
<div class="hidden-xs col-xs-12 col-sm-2 col-md-2 col-lg-2 wa-valign-bottom" >
<img id="wa-compimage-ms55keys7r6ulk" alt="" class="wa-image-component" src="wa_images/ololo-zen_1.png?v=1l6i6tq">
</div>
<div class="hidden-xs col-xs-12 col-sm-10 col-md-10 col-lg-10" >
</div>
</div>
<div class="wa-container-vspacer col-xl-12"></div>
<div id="wa-row-ms55m5y7dwsrxs" class="row hidden-xs hidden-md hidden-lg">
<div class="col-xl-12 wa-item-rowspacer"></div>
</div>
<div class="wa-container-vspacer col-xl-12"></div>
<div id="wa-row-jrknn7r09a4mpk" class="row row-align">
<div class="hidden-sm hidden-md hidden-lg col-xs-12 col-sm-6 col-md-6 col-lg-6" >
<div id="wa-comptext-jrnhkhi15mh028" class="wa-comptext clearfix">
<p><span style="font-family: 'Lily Script One', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 18px; color: #ffffff;">Compagnie Ololo</span></p>
</div>
</div>
<div class="hidden-xs col-xs-12 col-sm-12 col-md-12 col-lg-12 wa-valign-middle" >
<div id="wa-comptext-jrknn7r06bsvfk" class="wa-comptext clearfix">
<p><span style="font-size: 12px;"> </span></p>
<h2 style="text-align: left;"><span style="font-size: 14px; font-family: Monaco, 'DejaVu Sans Mono', 'Lucida Console', 'Andale Mono', monospace; color: #ffffff;">"Le théâtre peut être le lieu où il semble que quelque chose se passe" <em>Eugène Ionesco</em></span></h2>
</div>
</div>
</div>
<div class="wa-container-vspacer col-xl-12"></div>
<div id="wa-row-jrjgsawx7y2kgg" class="row">
<div class="col-xl-12 wa-item-rowspacer"></div>
</div>
</div>
</div>
<div id="wa-container-wrapper-jswgssgqbkfiyw" class="wa-parallax" data-parallax="scroll" data-naturalwidth="-1" data-naturalheight="-1" data-image-src="wa_images/bird-saint--etienne.jpg?v=1e7u33g" data-position="center center" data-speed="0.50" >
<div id="wa-container-jswgssgqbkfiyw" class="container hidden-sm hidden-md hidden-lg" >
<div id="wa-row-jsujelwm5i1o8w" class="row hidden-sm hidden-md hidden-lg">
<div class="col-xl-12 wa-item-rowspacer"></div>
</div>
<div class="wa-container-vspacer col-xl-12"></div>
<div id="wa-row-jsujhj6u4nzjeo" class="row row-align">
<div class="col-xs-4 col-sm-6 col-md-6 col-lg-6" >
<img id="wa-compimage-ms55da093s6ug8" alt="" class="wa-image-component" src="wa_images/ololo-zen_2.png?v=1l6i6hd">
</div>
<div class="col-xs-8 col-sm-6 col-md-6 col-lg-6" >
</div>
</div>
<div class="wa-container-vspacer col-xl-12"></div>
<div id="wa-row-jsujfmj34s18gw" class="row row-align">
<div class="col-xs-1 col-sm-6 col-md-6 col-lg-6" >
</div>
<div class="hidden-sm hidden-md hidden-lg col-xs-10 col-sm-12 col-md-12 col-lg-12 wa-valign-bottom" >
<div id="wa-comptext-jsujgqgm5hiv5s" class="wa-comptext clearfix">
<p style="text-align: center;"><span style="font-size: 10px;"><span style="color: #ffffff; font-family: Monaco, 'DejaVu Sans Mono', 'Lucida Console', 'Andale Mono', monospace;">"Le théâtre peut être le lieu où il semble que quelque chose se passe" </span><em style="color: #ffffff; font-family: Monaco, 'DejaVu Sans Mono', 'Lucida Console', 'Andale Mono', monospace;">Eugène Ionesco</em></span></p>
</div>
</div>
<div class="col-xs-1 col-sm-6 col-md-6 col-lg-6" >
</div>
</div>
</div>
</div>
<div id="wa-container-wrapper-jswgssgsbkfcso" class="wa-parallax" >
<div id="wa-container-jswgssgsbkfcso" class="container hidden-sm hidden-md hidden-lg" >
<div id="wa-row-jswe93w08erfvk" class="row row-align">
<div class="wa-subpage-wrapper col-xs-12 col-sm-12 col-md-12 col-lg-12" >
<div id="wa-compsubpage-jswedtgr42a114">
<div id="wa-row-jswe71i391gtbc" class="row row-align">
<div class="hidden-sm hidden-md hidden-lg col-xs-12 col-sm-12 col-md-12 col-lg-12 wa-valign-middle" >
<div id="wa-compmenu-jswe71i37sbee8" class="wa-compmenu wa-menu-init">
<nav class="navbar navbar-default wa-always-on-top wa-aot-fluid wa-menu-centered" style="margin:0px;">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#wa-collapse-wa-compmenu-jswe71i37sbee8" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" onclick="return true;" class="navbar-brand" style="font-weight:700" >
<span >Accueil</span>
</a>
</div>
<div class="collapse navbar-collapse" id="wa-collapse-wa-compmenu-jswe71i37sbee8">
<ul class="nav navbar-nav">
<li ><a href="https://www.ololocie.fr/lileinconnue/" onclick="return true;" >Le conte de lïle inconnue</a></li>
<li ><a href="horreur-humaine.html" onclick="return true;" >L'horreur est humaine</a></li>
<li ><a href="contacts.html" onclick="return true;" >Pour nous contacter</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wa-container-wrapper-jswgssgubkfpww" >
<div id="wa-container-jswgssgubkfpww" class="container hidden-xs" >
<div id="wa-row-jrkedhmr8cijh4" class="row row-align">
<div class="wa-subpage-wrapper col-xs-12 col-sm-12 col-md-12 col-lg-12" >
<div id="wa-compsubpage-jrkedhmr6p2ftk">
<div id="wa-row-jrjdgmc991awu0" class="row row-align">
<div class="hidden-xs col-xs-12 col-sm-12 col-md-12 col-lg-12 wa-valign-middle" >
<div id="wa-compmenu-jrkc3uch8w8hbc" class="wa-compmenu wa-menu-init">
<nav class="navbar navbar-default wa-always-on-top wa-aot-fluid wa-menu-centered" style="margin:0px;">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#wa-collapse-wa-compmenu-jrkc3uch8w8hbc" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" onclick="return true;" class="navbar-brand" style="font-weight:700" >
<span >Accueil</span>
</a>
</div>
<div class="collapse navbar-collapse" id="wa-collapse-wa-compmenu-jrkc3uch8w8hbc">
<ul class="nav navbar-nav">
<li ><a href="https://www.ololocie.fr/lileinconnue/" onclick="return true;" >Le conte de l'ïle inconnu</a></li>
<li ><a href="horreur-humaine.html#wa-anchor-top" onclick="return true;" class="scrollTo" >L'horreur est humaine</a></li>
<li ><a href="contacts.html" onclick="return true;" >Pour nous contacter</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wa-container-wrapper-ms555b7wcbagi0" >
<div id="wa-container-ms555b7wcbagi0" class="container" >
<div id="wa-row-ms558jhk5snkcg" class="row">
<div class="col-xl-12 wa-item-rowspacer"></div>
</div>
<div class="wa-container-vspacer col-xl-12"></div>
<div id="wa-row-ms555b7w5nfl5k" class="row row-align">
<div class="hidden-sm hidden-lg col-xs-1 col-sm-1 col-md-1 col-lg-1" >
</div>
<div class="hidden-xs col-xs-1 col-sm-2 col-md-2 col-lg-2" >
</div>
<div class="col-xs-4 col-sm-3 col-md-2 col-lg-3 wa-valign-middle" >
<a href="https://www.ololocie.fr/lileinconnue/" onclick="return true;" target="_blank">
<img id="wa-compimage-ms555b7xdpt9bc" title="Le sas de Michel Azama" alt="Le sas de Michel Azama" class="wa-image-component" src="wa_images/sara5_1.jpg?v=1l6i69p">
</a></div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" >
</div>
<div class="col-xs-4 col-sm-3 col-md-2 col-lg-3 wa-valign-middle" data-ratiowidth="591" data-ratioheight="811" >
<a href="https://www.ololocie.fr/horreur-humaine.html" onclick="return true;" >
<img id="wa-compimage-ms555b7xdpsxrc" title="L'horreur est humaine" alt="L'horreur est humaine" class="wa-image-component" src="wa_images/horreur-humaine-ololo.jpg?v=1l6i6qp">
</a></div>
<div class="col-xs-1 col-sm-2 col-md-1 col-lg-2" >
</div>
<div class="hidden-xs hidden-sm hidden-lg col-xs-1 col-sm-2 col-md-2 col-lg-2" >
</div>
</div>
<div class="wa-container-vspacer col-xl-12"></div>
<div id="wa-row-jsw6bipr7l891k" class="row row-align hidden-xs">
<div class="wa-subpage-wrapper hidden-xs col-xs-12 col-sm-12 col-md-12 col-lg-12" >
<div id="wa-compsubpage-jsw6bipr7n34c0">
<div id="wa-row-jsw67frb43c6eg" class="row row-align">
<div class="hidden-xs col-xs-12 col-sm-12 col-md-12 col-lg-12 wa-valign-middle" >
<div id="wa-comptext-jsw681ff7y8etc" class="wa-comptext clearfix">
<p style="text-align: center; line-height: 0.8;"> </p>
<p style="text-align: center; line-height: 0.8;"><span style="font-size: 12px; color: #3d3d3d;"><em>© 2023 compagnie Ololo</em></span></p>
<p style="text-align: center; line-height: 0.8;"><span style="font-size: 12px; color: #3d3d3d;"><em style="line-height: 1.35;"> <span style="text-align: right; line-height: 1.9;">Crédits photos: Christophe Chance, T<span style="font-size: 8px;">om Klefs</span>tad, Anne Sarthou, Isoline Favier, compagnie Ololo</span></em></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="wa-anchor-bottom" title="Bottom anchor"></a>
<link rel="stylesheet" href="wa_bootstrap/css/bootstrap.min.css?v=125"/>
<link rel="stylesheet" href="wa_general.css?v=125"/>
<link rel="stylesheet" href="wa_style_global.css?v=17"/>
<link rel="stylesheet" href="wa_webfont_global.css?v=17"/>
<link rel="stylesheet" href="wa_animate/animate.min.css?v=125"/>
<link rel="stylesheet" href="wa_css/pages-page_fr.css?v=708"/>
<link rel="stylesheet" href="wa_menu/menu.css?v=125"/>
<script>
document.getElementById("preloader").style.display = 'none';
</script>
<script src="wa_bootstrap/js/jquery.min.js?v=125&" ></script>
<script>var wa$ = jQuery.noConflict()</script>
<script src="wa_js/wa_bootstrap_util.js?v=125&" ></script>
<script src="wa_bootstrap/js/bootstrap.min.js?v=125&" ></script>
<script src="wa_js/waVariables_fr.js?v=31&" ></script>
<script src="wa_animate/wow.min.js?v=125&" ></script>
<script src="wa_menu/wa_menu.js?v=125&" ></script>
<script src="wa_menu/wa_search.js?v=125&" ></script>
<script src="wa_js/validator.min.js?v=125&" ></script>
<script src="wa_js/wa_common.js?v=125&" ></script>
<script src="wa_js/parallax.js?v=125&" ></script><script src="wa_js/lazyload.min.js?v=125&" ></script>
<script>let wow = new WOW({boxClass:'wafxWow',animateClass: 'animated',offset:0,mobile:true,live:true,});
wow.init();
let waGridLazyLoadInstance = new LazyLoad({elements_selector: ".lazy"});
</script>
<script src="https://www.google-analytics.com/analytics.js" ></script>
</body>
</html>
