<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="fr"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="fr">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Stooly, mobilier éco-pratique</title>
<meta name="description" content="Stooly réunit écologie et élégance pour les petits espaces. Bancs, tables, poufs, tabourets : décorez votre intérieur de façon originale.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KDGT7VP');</script>
<!-- End Google Tag Manager -->

<!-- Favicon -->
<link rel="icon" type="image/png" href="favicon.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Modernizr -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<link rel="stylesheet" href="assets/lib/bootstrap/css/bootstrap.min.css">
<!-- Home Slider -->
<link rel="stylesheet" href="assets/lib/hero-slider/css/style.css">

<!-- Popup video-->
<link rel="stylesheet" href="assets/lib/youtubepopup/css/youtubepopup.css">

<!-- CSS -->
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<link rel="stylesheet" href="assets/css/home.css">
<link rel="stylesheet" href="assets/css/home-responsive.css">
<link rel="stylesheet" href="assets/css/fonts.css">


<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,200,300,100' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700" rel="stylesheet" type="text/css"> 
<!--[if lt IE 9]>
<script src="assets/js/vendor/html5-3.6-respond-1.4.2.min.js"></script>
<![endif]-->

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '519437748904528');
fbq('track', 'PageView');
</script>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->

<style>
#slideshow { 
    position: relative; 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}</style>
</head>
<body id="homepage">
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=519437748904528&ev=PageView&noscript=1"
/></noscript>
<!--[if lt IE 8]>
<p class="browserupgrade">Vous utilisez un navigateur <strong>obsolète</strong>. Pour votre confort, veuillez <a href="https://browsehappy.com/" title="Mettre à jour">le mettre à jour ici</a> simplement.</p>
<![endif]-->
<!-- NAVBAR -->
<div id="top-bar">
    <p>Retrait rapide en boutique du lundi au samedi • <a href="https://goo.gl/maps/zuSo1gxF4nMNCMyh7" title="Voir l'itinéraire sur maps">Paris 11e</a> et <a href="https://g.page/mimka?share" title="Voir l'itinéraire sur maps">Paris 20e</a></p>
    <!--<p>Retrait rapide en boutique du lundi au samedi (Paris 20e et 11e) • <a href="https://mimka.fr/content/9-les-showrooms" title="Voir les boutiques sur mimka.fr">Voir les boutiques</a></p>-->
    <!---<p>Du 03 au 25 octobre, venez découvrir le mobilier au <a href="https://goo.gl/maps/ujJSgpsqnwAVLHvK6" title="Voir sur Maps">BHV Marais (52 Rue de Rivoli, 75004 Paris)</a>. ►
	<p>Venez découvrir en boutique au <a href="https://goo.gl/maps/QFrDVjvy7bhCx4LL8" title="Voir sur Maps">69 avenue de la République - 75011 Paris</a>. ►
    <p>Vous êtes un pro ? Venez découvrir nos nouveautés 2018 au salon <em><a title="Quel est ce salon ?" href="https://www.maison-objet.com/fr">Maison et Objet</a></em> à Paris (Hall 2 - Stand F106 ) du 7 au 11 septembre !</p>
	<p>Venez essayer et découvrir nos tabourets et bancs en carton au salon <em><a title="Quel est ce salon ?" href="https://salon.art-decoration.fr/">Arts & Décoration</a></em> du 5 mars au 8 mars 2020 au Grand Hall de la Villette à Paris</p>-->
</div>

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
	<div class="navbar-header row">
		<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
		<span class="sr-only">Toggle navigation</span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
		</button>
		<p class="navbar-btq">
			<a href="https://shop.stooly.fr">
				La boutique
			</a>
		</p>
		<a class="navbar-brand" href="https://www.stooly.fr">
			<img src="assets/img/home/stooly-logo.png" title="Stooly logo" alt="Stooly" />
		</a>
	</div>
	<div id="navbar" class="navbar-collapse collapse">
		<ul class="nav navbar-nav">
			<li class="desktop"><a href="https://shop.stooly.fr">Boutique</a></li>
			<li><a href="tabouret-pliable-carton-stooly">Tabourets</a></li>
			<li class="dropdown">
			  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bancs <span class="caret"></span></a>
			  <ul class="dropdown-menu">
				<!--<li role="separator" class="divider"></li>-->
				<li><a href="banc-pliable-carton-stooly">Bancs</a></li>
				<li><a href="banc-pliable-dossier-stooly">Sofa</a></li>
			  </ul>
			</li>		
			
			<!--<li><a href="pouf-pliable-carton-stooly">Poufs</a></li>-->
			<li class="dropdown">
			  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Tables <span class="caret"></span></a>
			  <ul class="dropdown-menu">
				<!--<li role="separator" class="divider"></li>-->
				<li><a href="table-pliable-carton-stooly">Tables Rondes</a></li>
				<li><a href="table-pliable-papillon-stooly">Tables Papillon</a></li>
			  </ul>
			</li>
			<!-- Réception -->
			<li class="dropdown">
			  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Réception <span class="caret"></span></a>
			  <ul class="dropdown-menu">
				<!--<li role="separator" class="divider"></li>-->
				<li><a href="mange-debout-pliable-carton-stooly">Mange-debout</a></li>
				<li><a href="presentoir-reception-stooly.php">Banque d'accueil</a></li>
			  </ul>
			</li>		
			<li><a href="lit-convertible-carton-stooly">Lit</a></li>
			<li><a href="lampe-pliable-design-stooly">Lampe</a></li>
		</ul>
		<ul class="nav navbar-nav navbar-right">
			<li><a href="/stooly-le-concept-eco-pratique.php">Le Concept &Eacute;co</a></li>
			<!--<li>
				<a href="gallery-photos-stooly">Inspiration</a>
			</li>-->
			<li>
				<a title="Page pour les professionnels" href="pro">Pro</a>
			</li>
			<!--<li id="arbres-stooly">
				<a title="Découvrez le concept Stooly" href="stooly-le-concept-eco-pratique">
					<img id="nav-arbres" alt="Arbres : " title="La forêt Stooly" src="assets/img/home/arbre-foret.svg" />1155</a>
			</li>-->
			<li id="stooly-phone" class="hidden-sm-down">
				<img class="pull-left" src="assets/img/home/icon-phone-stooly.svg" title="Demande d'info Stooly" alt="A votre écoute pour toute demande d'information et SAV." />
				09 73 12 26 45
			</li>
		</ul>
	</div>
	<!--/.navbar-collapse -->
</div>
</nav>
<div class="container-fluid">
	<section class="row">
		<header class="cd-hero">
		<ul class="cd-hero-slider">
		
            <!-- Slide 1 Vidéo -->
            <li class="selected hidden-phone cd-bg-video-wrapper cd-hero__slide cd-hero__slide--video js-cd-slide">
            <div class="cd-hero__content cd-hero__content--full-width">
            </div> 
            <div class="cd-hero__content cd-hero__content--bg-video js-cd-bg-video" data-video="assets/video/video">
                <video autoplay muted loop="">
                    <source src="assets/video/stooly-tabouret.mp4" type="video/mp4">
                    <source src="assets/video/stooly-tabouret.webm" type="video/webm">
                </video>
            </div> 
            </li>            
		

			<!-- Slide 2 -->
			<li>
				<div class="cd-full-width">
					<p><img class="logo-home" src="assets/img/home/stooly-logo-w.png" title="Stooly logo" alt="Stooly"></p>
					<h1>Le Mobilier Éco-pratique.</h1>
				</div>
			</li>
            
            <!-- Slide 3 -->
			<li>
				<div class="cd-full-width">
					<p><img class="logo-home" src="assets/img/home/stooly-logo-w.png" title="Stooly logo" alt="Stooly"></p>
					<p class="h1">Le Mobilier Éco-pratique.</p>
					
					<p class="btn-link">
						<a class="btn btn-default btn-lg ytvideo-1" href="https://www.youtube.com/watch?v=_ollu8fWE-4" title="Stooly c'est quoi ?" role="button">
						Découvrir en vidéo <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
						</a>
					</p>
				</div>
			</li>
			
			<!-- Slide 4 -->
			<li>
				<div class="cd-full-width">
					<p><img class="logo-home" src="assets/img/home/stooly-logo-w.png" title="Stooly logo" alt="Stooly"></p>
					<p class="h1">Le Mobilier Éco-pratique.</p>	
				</div>
			</li>
			<!-- Slide 5 -->
			<li>
				<div class="cd-full-width">
					<p><img class="logo-home" src="assets/img/home/stooly-logo-w.png" title="Stooly logo" alt="Stooly"></p>
					<p class="h1">Le Mobilier Éco-pratique.</p>	
				</div>
			</li>
			<!-- Slide 6 -->
			<li>
				<div class="cd-full-width">
					<p><img class="logo-home" src="assets/img/home/stooly-logo-w.png" title="Stooly logo" alt="Stooly"></p>
					<p class="h1">Le Mobilier Éco-pratique.</p>
				</div>
			</li>
            
            
			<!-- Slide 7 -->
			<!--<li>
				<div class="cd-full-width">
                    <p>Jusqu'au 2 mars</p>
					<p class="h1">Livraison gratuite</p>
                    <p>Pour toute commande supérieur à 15 € sur note site<br />avec le code <span class="bold">OLIV</span></p>
					<p class="btn-link">
						<a class="btn btn-default btn-lg" href="https://shop.stooly.fr" title="Voir le shop" role="button">
						J'en profite <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
						</a>
					</p>
				</div>
			</li>-->
            
			<!-- Slide 8 
			<li>
				<div class="cd-full-width">
					<p class="slide-txt">Jusqu'à 300kg</p>
					<h2>La structure ultra-résistante Stooly</h2>
				</div>
			</li>-->
		</ul>
		<!-- .cd-hero-slider -->
			<!-- Slide 3 -->
            <!-- Ajouter un élément pour ajouter une slide -->
		<div class="cd-slider-nav">
			<nav>
			<span class="cd-marker item-1"></span>
			<ul>
				<li class="selected"><a href="#0">Gagnez de la place avec Stooly</a></li>
				<li><a href="#0">Le mange-debout</a></li>
				<li><a href="#0">La lampe Stooly X Nanum</a></li>
				<li><a href="#0">Le tabouret Stooly</a></li>
				<li><a href="#0">Stooly c'est quoi ?</a></li>
				<li><a href="#0">Zoom sur la matière du tabouret</a></li>
				<!--<li><a href="#0">Pourquoi s'encombrer ?</a></li>-->
			</ul>
			</nav>
		</div>

		</header>
		<div class="container-fluid" id="home-products">
        <!-- Cases produits Stooly -->
          <!-- TABOURETS ET BANCS -->
			<div class="row">
				<!-- TABOURETS -->
				<div class="col-md-6 col-xs-12 col-yellow" id="tabourets">
					<h2>Tabourets</h2>
					<img alt="Vous aimez le mobilier pliable ? Ce tabouret va vous surprendre. Disponible en 4 couleurs." class="zoom-img" title="Tabouret Stooly en carton renforcé et pliable." src="assets/img/home/tabouret-pliable-stooly-marron-42cm.jpg"/>
					<p>
						 Pliable et éco-friendly.
					</p>
					<p>
						<a href="https://shop.stooly.fr" role="button">Acheter <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
						<a href="tabouret-pliable-carton-stooly" role="button">Découvrir <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					</p>
				</div>
				<!-- BANCS -->
				<div class="col-md-6 col-xs-12 col-blue" id="bancs">
					<h2>Bancs</h2>
					<img alt="Disponible en 2 couleurs, jusqu'à 8 personnes." class="zoom-img" title="Bancs Stooly en carton renforcé et pliable." src="assets/img/home/banc-bambou-pliable-papier-kraft-stooly.jpg"/>
					<p>
						 Une flexibilité étonnante.
					</p>
					<p>
						<a href="https://shop.stooly.fr" role="button">Acheter <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
						<a href="banc-pliable-carton-stooly" role="button">Découvrir <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					</p>
				</div>
			</div>
            
			<!-- ENGAGEMENT ECO -->
            <section id="ecopratique" class="row bg-green-2">
                <p class="text-center no-margin">1 Stooly acheté = 1 <img alt=" arbre " title="La forêt Stooly" src="assets/img/home/arbre-foret.svg" >arbre planté </p>
                <h2><a class="btn btn-primary secondary" href="stooly-le-concept-eco-pratique">Notre engagement RSE</a></h2>
            </section>
            
			<div class="row">
				<!-- POUFS -->
				<div class="col-md-4 col-lg-3 col-grey" id="poufs">
					<h2>Poufs</h2>
					<img alt="Modèle unique disponible en 1 couleur avec son assise en paille tressée." class="zoom-img" title="Pouf Stooly en carton renforcé et pliable." src="assets/img/home/pouf-carton-bambou-pliable-stooly.jpg"/>
					<p>
						 Écologique, assise large.
					</p>
					<p>
						<a href="https://shop.stooly.fr" role="button">Acheter <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
						<a href="pouf-pliable-carton-stooly" role="button">Découvrir <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					</p>
				</div>
				<!-- TABLES -->
				<div class="col-md-4 col-lg-6 col-xs-12 col-light-grey" id="tables">
					<h2>Tables</h2>
					<img class="zoom-img" alt="Disponible en 2 tailles, 2 couleurs." title="Table Stooly en carton renforcé et son support en plexiglas transparent." src="assets/img/home/table-pliable-nouveau-stooly.jpg"/>
					<p>
						 Maligne, transparente, fascinante.
					</p>
					<p>
						<a href="https://www.shop.stooly.fr" role="button">Acheter <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
						<a href="table-pliable-carton-stooly" role="button">Découvrir <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					</p>
				</div>
				<!-- LAMPES -->
				<div class="col-md-4 col-lg-3 col-xs-12 col-grey" id="lampe">
					<h2>Lampe</h2>
					<p>
						 Anti-feu, transformable.
					</p>
					<p>
						<a href="https://shop.stooly.fr" role="button">Acheter <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
						<a href="lampe-pliable-design-stooly" role="button">Découvrir <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					</p>				</div>
			</div>
      <!-- LIT ET MANGE-DEBOUT -->
			<div class="row">
				<!-- LIT -->
				<div class="col-md-6 col-xs-12 col-light-grey" id="lit">
					<h2>Lit</h2>
					<p>
						 90 x 190 cm <br />Le gain de place inattendu.
					</p>
					<p>
						<a href="https://shop.stooly.fr" role="button">Acheter <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
						<a href="lit-convertible-carton-stooly" role="button">Découvrir <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					</p>
          
				</div>
				<!-- MANGE-DEBOUT -->
				<div class="col-md-6 col-xs-12 col-grey" id="mange-debout">
					<h2>Mange-debout</h2>
					<p>
						 A la hauteur <br />de vos évènements.
					</p>
					<p>
						<a href="https://shop.stooly.fr" role="button">Acheter <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
						<a href="mange-debout-pliable-carton-stooly" role="button">Découvrir <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					</p>
				</div>
			</div>
      
			<div class="row">
				<!-- BANQUE D'ACCUEIL -->
				<div class="col-md-4 col-lg-3 col-grey" id="banque">
					<h2>Banque d'accueil</h2>
					<p>
						 Exposez, aménagez, habillez.
					</p>
					<p>
						<a href="https://shop.stooly.fr" role="button">Acheter <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
						<a href="presentoir-reception-stooly" role="button">Découvrir <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					</p>

				</div>
				<!-- SAPIN DE NOEL -->
				<div class="col-md-4 col-lg-6 col-sm-6 col-xs-12 col-light-grey" id="sapins">
					<h2>Sapins de Noël</h2>
					<p>
						<!--<a href="https://shop.stooly.fr" role="button">Acheter <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>-->
						<a href="sapin-noel-carton-stooly" role="button">Découvrir <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					 Disponibles en novembre</p>
				</div>
				<!-- ACCESSOIRES -->
				<div class="col-md-4 col-lg-3 col-sm-6 col-xs-12 col-grey" id="accessoires">
					<h2>Accessoires</h2>
					<p>
						 Bientôt disponibles.
					</p>
				</div>
			</div>
      
      <!-- GALERIE PHOTOS ET PRO -->
			<div class="row">
				<!-- GALERIE PHOTOS -->
				<div class="col-md-6 col-sm-6 col-xs-12 col-yellow" id="galerie">
					
					<h2 class="text-center"><a href="gallery-photos-stooly" title="Visionner toutes les photos lifestyle"><img class="icon-desc" alt=" " title="Clic !" src="assets/img/home/icon-gallery-stooly.svg"/><br />Galerie Photos</a></h2>
                    
					<p class="text-center">
						<a href="gallery-photos-stooly" role="button">Visionner <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					</p>
				</div>
				<!-- PROFESSIONNELS -->
				<div class="col-md-6 col-sm-6 col-xs-12 col-blue" id="pro">
					<h2 class="text-center"><a href="https://www.google.com/maps/place/Mimka+(MyCreationDesign)+-+Mobilier+pour+petits+espaces/@48.864497,2.3772199,17z/data=!3m1!4b1!4m5!3m4!1s0x47e66df00dd4ce45:0x9d07c81b8f0a8dfb!8m2!3d48.864497!4d2.3794086" title="Itinéraire">Découvrez le concept <br /><span class="yellow bold">dans notre boutique</span></a></h2>
					
					<p class="text-center">
						<a href="https://www.google.com/maps/place/Mimka+(MyCreationDesign)+-+Mobilier+pour+petits+espaces/@48.864497,2.3772199,17z/data=!3m1!4b1!4m5!3m4!1s0x47e66df00dd4ce45:0x9d07c81b8f0a8dfb!8m2!3d48.864497!4d2.3794086" title="Itinéraire" role="button">Itinéraire <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a>
					</p>

				</div>
			</div>
			<!-- Gallerie photos 
			<div class="row">
				<div class="col-md-12" id="banc-record">
					<h3><a href="gallery-photos-stooly" title="Visiter la gallerie photos">Inspirez-vous</a></h3>
					<p><a href="gallery-photos-stooly" title="Visiter la gallerie photos">
						 et visitez notre gallerie photos
                        </a>
					</p>
				</div>
			</div>-->
		</div>
		<!-- FOOTER-->
				<footer>
			<img id="logo-footer" src="assets/img/home/stooly-logo-w.png" title="Stooly logo" alt="Stooly">
			<h4>Lettre d’informations</h4>
			<div class="container">
				<p class="row">		
				<!-- MailChimp Signup Form -->
				<div id="mc_embed_signup">
					<form action="//stooly.us11.list-manage.com/subscribe/post?u=df82d422ea2863955541e61e7&amp;id=45c2c38628" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
						  class="validate" target="_blank" novalidate>
						<div id="stooly-newsletter">
							<div id="mc_embed_signup_scroll">
				
								<p>Pour être tenu informé de tous les bons plans Stooly, abonnez-vous à notre&nbsp;newsletter :</p>
								<!--[if lt IE 10]>
								<label for="EMAIL">Votre adresse e-mail</label>
								<![endif]-->
							
							<div class="col-md-3 col-md-offset-3 col-sm-4 col-sm-offset-2">
								<input type="email" value="" name="EMAIL" class="email form-control" id="mce-EMAIL" placeholder="Votre adresse e-mail" required>
							</div>
							
								<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
								<div style="position: absolute; left: -5000px;">
									<input type="text" name="b_df82d422ea2863955541e61e7_45c2c38628" tabindex="-1" value="">
								</div>
							
							<div class="col-md-2 col-sm-4">
								<input type="submit" value="Je m'inscris" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary secondary">
							</div>
							</div>
						</div>
					</form>
				</div>
			</div>
			<ul id="social-links">
				<li><a href="https://www.facebook.com/stoolyseats" title="Suivre Stooly sur Facebook"><i class="fontello-ic icon-facebook flipInX">&#xf09a;</i></a></li>
				<li><a href="https://www.youtube.com/channel/UCzsY3RnEA62pXFmFfBBi7-Q" title="Suivre Stooly sur Youtube"><i class="fontello-ic youtube flipInX">&#xf167;</i></a></li>
				<li><a href="https://www.instagram.com/stoolyseats" title="Suivre Stooly sur Instagram"><i class="fontello-ic icon-instagram-filled flipInX">&#xf31f;</i></a></li>
				<li><a href="https://www.pinterest.com/stoolyseats/" title="Suivre Stooly sur Pinterest"><i class="fontello-ic icon-pinterest flipInX">&#xf231;</i></a></li>
			</ul>
			<ul id="legal">
				<li><a href="points-de-vente">Magasins</a></li>
				<li><a href="guide-bancs">Guide d'utilisation</a></li>
				<li><a href="press">La presse en parle</a></li>
				<li><a href="contact">Contact</a></li>
				<li><a href="contact">Distributeurs</a></li>
				<li><a href="assets/downloads/stooly-cgv.pdf">CGV</a></li>
				<li><a href="mentions-legales">Mentions&nbsp;légales</a></li>
				<li><a href="faq">FAQ</a></li>
			</ul>
			<p id="sclient" class="text-center">
				 Service client : 09 73 12 26 45
			</p>
		</footer>
	</section>
</div>

<!-- Facebook SDK Like Btn -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.8";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- /container -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/lib/bootstrap/js/jquery-1.11.2.min.js"><\/script>')</script>
<script src="assets/lib/bootstrap/js/bootstrap.min.js"></script>

<!-- Scroll reveal -->
<script src="https://cdn.jsdelivr.net/scrollreveal.js/3.1.5/scrollreveal.min.js"></script>
<script src="assets/js/main.js"></script>

<!-- PopUpVideo-->
<script src="assets/lib/youtubepopup/js/youtubepopup.jquery.js"></script>
<script type="text/javascript">
		jQuery(function(){
			jQuery("a.ytvideo-1").YouTubePopUp(); // ({autoplay:0})
		});
	</script>

<!-- Home Slider-->
<script src="assets/lib/hero-slider/js/main.js"></script>
<!-- Hero-Slider Resource -->

<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
    (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
    function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
    e=o.createElement(i);r=o.getElementsByTagName(i)[0];
    e.src='//www.google-analytics.com/analytics.js';
    r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
    ga('create','UA-66024198-1','auto');ga('send','pageview');
</script>


<script>$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  15000);
</script>
</body>
</html>