<!doctype html>
<html lang="fr-FR" prefix="og: http://ogp.me/ns#">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<title>Esperanzah! 2-3-4 août 2019</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
	<link rel="canonical" href="https://www.esperanzah.be/2019/" />
	<meta property="og:locale" content="fr_FR" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Esperanzah! 2, 3 &amp; 4 août 2019 Floreffe Belgique" />
	<meta property="og:url" content="https://www.esperanzah.be/" />
	<meta property="og:site_name" content="Esperanzah! 2, 3 &amp; 4 Août 2019 Floreffe Belgique" />
	<meta property="og:image" content="https://www.esperanzah.be/2019/fb_share_2019.jpg" />
	<meta property="og:image:secure_url" content="https://www.esperanzah.be/2019/fb_share_2019.jpg" />
	<meta property="og:image:width" content="1496" />
	<meta property="og:image:height" content="785" />
	<meta name="twitter:card" content="summary" />
	<meta name="twitter:title" content="Esperanzah! 2, 3 &amp; 4 août 2019 Floreffe Belgique" />
	<meta name="twitter:site" content="@esperanzah" />
	<meta name="twitter:image" content="https://www.esperanzah.be/2019/fb_share_2019.jpg" />
	<meta name="twitter:creator" content="@esperanzah" />

	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
	
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,700|Fjalla+One" rel="stylesheet">
	<link href="/2019/animate.css" rel="stylesheet">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
	
	<link rel="shortcut icon" href="/2019/fav2019.png" type="image/x-icon">
	<link rel="icon" href="/2019/fav2019.png" type="image/x-icon">
	
</head>
<body>
<style>
*{ outline: none !important; box-sizing: border-box !important;}
html, body{
	overflow: hidden; 
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-weight: 400;
    font-family: 'Fjalla One', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    background: #fff;
}

/* font-family: 'Fjalla One', sans-serif; */

a{ color: #fff; text-decoration: none; }

#logo{ text-align: center; position: relative; top: 50%; transform: translateY( -50% ); -webkit-transform: translateY( -50% ); }
#logo video{ display: inline-block; width: 600px; height: auto; object-fit: cover; }

#tickets{ letter-spacing: 1px; text-align: center; margin: auto; margin-top: 58px; display: block; width: 200px; height: 42px; line-height: 42px; text-transform: uppercase; background: #FE6249; color: #fff; transition: all .2s; }
#tickets:hover{ background: #9A04C7; letter-spacing: 2px; }

#newsletter{ text-align: center; position: absolute; bottom: 29px; left: 0px; right: 0px; }
#newsletter input[type='text']{ color: #9A04C7; font-family: 'Roboto', sans-serif; border: solid 1px #9A04C7; height: 42px; padding: 0 15px; font-weight: 700; }
#newsletter input[type='submit']{ cursor: pointer; font-family: 'Fjalla One', sans-serif; border: solid 1px #9A04C7; background: #9A04C7; height: 42px; color: #fff; padding: 0 15px; text-transform: uppercase; letter-spacing: 1px; }

#newsletter input::-webkit-input-placeholder { color: #D79CE9; }
#newsletter input::-moz-placeholder { color: #D79CE9; }
#newsletter input:-ms-input-placeholder { color: #D79CE9; }
#newsletter input:-moz-placeholder { color: #D79CE9; }

#social{ position: absolute; top: 0px; right: 29px; }
#social a{ display: block; background: #9A04C7; width: 38px; height: 38px; color: #fff; text-align: center; line-height: 38px; }

@media( max-width: 748px ){
	#social{ right: 0px; }
	#social a{ display: inline-block; float: left; }
	#logo video{ width: 300px; }
	#newsletter input[type=text]{ display: none; }
	#newsletter input[type=submit]{ background: #fff; border: solid 1px #9A04C7; color: #9A04C7; }
}

</style>

<div id="logo">
	<video loop autoplay muted src="/2019/temp2019.mp4" ></video>
	<a href="/2019/tickets.php" class="animated fadeInDown" id="tickets">J'achète mon pass</a>
</div>

<div id="social" class="animated fadeInDown" style="animation-delay: .1s;">
	<a href="https://www.facebook.com/FestivalEsperanzah" target="_blank"><i class="fab fa-facebook-f"></i></a>
	<a href="https://instagram.com/esperanzah_festival" target="_blank"><i class="fab fa-instagram"></i></a>
	<a href="https://twitter.com/esperanzah" target="_blank"><i class="fab fa-twitter"></i></a>
	<a href="https://www.youtube.com/channel/UC39uEq71phpFN4yr9OcmGLw" target="_blank"><i class="fab fa-youtube"></i></a>
	<a href="https://www.flickr.com/photos/esperanzahfestival/" target="_blank"><i class="fab fa-flickr"></i></a>
</div>


<div id="newsletter" class="animated fadeInUp" style="animation-delay: .1s;">
	<form action="https://esperanzah.us2.list-manage.com/subscribe/post?u=03d36dbeadfd27027af97174e&amp;id=4cde8eff7a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
		<input type="hidden" name="b_03d36dbeadfd27027af97174e_4cde8eff7a" tabindex="-1" value="">		
		<input type="text" placeholder="Ton adresse email" class="fsource" value="" name="EMAIL" id="mce-EMAIL"><input type="submit" value="S'inscrire à la newsletter">
	</form>
</div>

<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-24145653-1', 'auto');
ga('send', 'pageview');
</script>

</body>
</html>