Outiref

Code source de l'URL : http://www.akaru.fr

<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
	
	<title>Studio digital Lyon, agence web, communication interactive - Akaru</title>
	<meta name="description" content="Studio digital aux idées créative Lyon Akaru, stratégie digitale et communication interactive. Notre agence réalise et vous accompagne sur vos projets digitaux à forte valeur ajoutée." />
	<meta name="keywords" content="" />
	<meta name="robots" content="index, follow" />
	<meta name="author" content="Akaru" />
	<meta name="copyright" content="Akaru" />
	<meta name="publisher" content="Akaru" />
	<meta name="designer" content="Akaru" />
	
	<!-- Facebook -->
	<meta property="og:title" content="Akaru - Studio digital aux idées créatives." />
	<meta property="og:site_name" content="Akaru - Studio digital aux idées créatives." />
	<meta property="og:description" content="Viens vivre une expérience hors du commun en prenant le contrôle du site avec ton mobile." />
	<meta property="og:url" content="http://www.akaru.fr" />
	<meta property="og:image" content="http://www.akaru.fr/images/logos/partage_global.jpg" />
	<meta property="og:type" content="website" />
	<!-- Google Plus -->
	<meta itemprop="name" content="Akaru - Studio digital aux idées créatives." />
	<meta itemprop="description" content="Viens vivre une expérience hors du commun en prenant le contrôle du site avec ton mobile." />
	<meta itemprop="image" content="http://www.akaru.fr/images/logos/partage_global.jpg" />
	<!-- Twitter -->
	<meta name="twitter:card" content="summary" />
	<meta name="twitter:title" content="Akaru - Studio digital aux idées créatives." />
	<meta name="twitter:description" content="Akaru - Studio digital aux idées créatives. Viens vivre une expérience hors du commun en prenant le contrôle du site avec ton mobile." />
	<meta name="twitter:site" content="@Akaru_studio" />
	<meta name="twitter:creator" content="@Akaru_studio" />
	<meta name="twitter:url" content="http://www.akaru.fr" />
	<meta name="twitter:image" content="http://www.akaru.fr/images/logos/partage_twitter.jpg" />
	
	<link rel="shortcut icon" href="/images/logos/favicons/favicon.ico" />
	<link rel="apple-touch-icon" sizes="57x57" href="/images/logos/favicons/apple-touch-icon-57x57.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="/images/logos/favicons/apple-touch-icon-114x114.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="/images/logos/favicons/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="144x144" href="/images/logos/favicons/apple-touch-icon-144x144.png" />
	<link rel="apple-touch-icon" sizes="60x60" href="/images/logos/favicons/apple-touch-icon-60x60.png" />
	<link rel="apple-touch-icon" sizes="120x120" href="/images/logos/favicons/apple-touch-icon-120x120.png" />
	<link rel="apple-touch-icon" sizes="76x76" href="/images/logos/favicons/apple-touch-icon-76x76.png" />
	<link rel="apple-touch-icon" sizes="152x152" href="/images/logos/favicons/apple-touch-icon-152x152.png" />
	<link rel="icon" type="image/png" href="/images/logos/favicons/favicon-196x196.png" sizes="196x196" />
	<link rel="icon" type="image/png" href="/images/logos/favicons/favicon-160x160.png" sizes="160x160" />
	<link rel="icon" type="image/png" href="/images/logos/favicons/favicon-96x96.png" sizes="96x96" />
	<link rel="icon" type="image/png" href="/images/logos/favicons/favicon-32x32.png" sizes="32x32" />
	<link rel="icon" type="image/png" href="/images/logos/favicons/favicon-16x16.png" sizes="16x16" />
	<meta name="msapplication-TileColor" content="#202020" />
	<meta name="msapplication-TileImage" content ="/images/logos/favicons/mstile-144x144.png" />
	<meta name="msapplication-square70x70logo" content ="/images/logos/favicons/mstile-70x70.png" />
	<meta name="msapplication-square144x144logo" content ="/images/logos/favicons/mstile-144x144.png" />
	<meta name="msapplication-square150x150logo" content ="/images/logos/favicons/mstile-150x150.png" />
	<meta name="msapplication-square310x310logo" content ="/images/logos/favicons/mstile-310x310.png" />
	<meta name="msapplication-wide310x150logo" content ="/images/logos/favicons/mstile-310x150.png" />
	
	<link media="screen" rel="stylesheet" type="text/css" href="/css/styles-site.min.css" />
	
	<!--[if lt IE 9]><script type="text/javascript" src="/js/plugins/html5shiv.js"></script><![endif]-->
	
		<!-- Google Analytics -->
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-37290176-1']);
		_gaq.push(['_trackPageview']);
		(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>
	</head>


<!--[if lt IE 7]> <body class="ie6 lt-ie7 lt-ie8 lt-ie9 lt-ie10 lg_fr"> <![endif]-->
<!--[if IE 7]> <body class="ie7 lt-ie8 lt-ie9 lt-ie10 lg_fr"> <![endif]-->
<!--[if IE 8]> <body class="ie8 lt-ie9 lt-ie10 lg_fr"> <![endif]-->
<!--[if IE 9]> <body class="ie9 lt-ie10 lg_fr"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <body class="lg_fr"> <!--<![endif]-->



<!-- Conteneur site -->
<div id="conteneurSite" >
	
	<!-- New identity -->
	<div id="new-id">
		<div class="nid-content">
			<div class="nid-logo">
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 385.031 80.674">
					<g>
						<path d="M41.999,59.295l3.257,7.922c0,0,5.643,11.612-2.823,11.612v1.845h31.039v-1.845c-2.821-0.217-5.427,0.76-9.115-7.922							c0,0-1.738-4.624-28.327-68.436c0,0-8.108,13.101-5.887,27.483c0.585,3.79,11.205,27.496,11.205,27.496"/>
						<path d="M12.186,68.763c0,0-2.46,9.947,8.24,9.947v1.963H0v-1.845c2.602-0.2,5.831-0.122,10.189-10.113L12.186,68.763z"/>
						<path d="M28.155,25.665"/>
					</g>
					<g>
						<path d="M123.371,78.496v1.832h-22.182v-1.832c4.086-1.184,4.305-5.703,4.305-11.196V12.814c0-3.766-1.078-5.383-5.383-6.997V3.985							L118.952,0v67.3C118.952,73.223,119.496,77.527,123.371,78.496z M131.572,50.958c15.931,22.502,16.13,22.155,16.13,22.155							c3.551,4.954,8.399,5.278,10.232,5.383v1.832h-15.185c-7.426,0-8.399-1.938-15.606-12.704c-3.235-4.739-2.787-6.749-2.394-9.02							c0.946-5.468,5.468-9.415,5.468-9.415 M137.793,39.588c3.923-3.813,1.426-7.038-5.163-7.174v-1.832h24.103v1.832							c-1.687,0.187-6.691-0.82-17.302,8.554"/>
						<path d="M195.417,34.356c-1.494,1.706,0.503,2.416,0.892,2.472c1.613,0.215,3.016,0.969,3.989,2.367							c1.929,2.801,1.175,6.567-1.622,8.509c-2.797,1.828-6.567,1.184-8.505-1.618c-1.289-2.047-1.313-4.729-0.324-6.462							C191.865,35.833,195.417,34.356,195.417,34.356z"/>
						<path d="M279.592,44.794V67.19c0,6.032,0.535,10.232,4.41,11.306v1.832h-22.287v-1.832c4.2-1.289,4.305-5.703,4.305-11.306V43.286							c0-3.66-0.964-5.274-5.383-7.536v-1.828l18.956-4.309v12.169 M292.288,30.152c2.377-0.962,6.357-0.539,8.733,1.398							c3.332,2.906,3.656,8.075,0.754,11.306c-2.911,3.34-7.865,3.77-11.31,0.864c-1.613-1.508-2.472-3.34-2.472-5.278							c0-0.465,0.454-2.221-1.976-0.953C286.016,37.488,287.68,31.815,292.288,30.152z"/>
						<path d="M356.088,77.75c-3.154,1.808-5.169,2.547-8.196,2.547c-8.513,0-13.572-3.555-13.572-16.474V40.782							c0-6.462,0.21-7.431-6.032-8.294V30.66l19.385-2.047v34.886c0,14.005,1.382,13.301,7.48,11.967 M366.084,65.436V41.102							c0-6.567,0.43-7.965-5.059-8.614V30.66l18.517-2.047v40.809c0,5.168,0.964,5.602,5.489,6.137v1.832L369.1,80.188							c-2.902,0.434-3.016-2.043-3.016-2.043v-9.478"/>
					</g>
					<g>
						<path d="M234.755,71.917c-0.649,1.832-2.911,1.832-2.911,1.832c-5.278,0-5.173-7.54-5.173-7.54v-16.04							c0-12.709-3.875-21.538-17.974-21.538l0.126,1.92c5.279,0.675,4.284,5.247,4.284,14.555v1.723h0c0,0,0.105,22.347,0.105,24.769							c0.089,8.212,10.775,8.719,10.775,8.719c6.777,0,11.731-4.2,12.59-7.645L234.755,71.917z"/>
						<path d="M207.993,73.649c-0.529,0.156-1.555,0.646-2.912,1.078c-6.239,1.985-8.916-3.168-9.086-6.496							c-0.206-4.029,1.768-9.538,8.504-12.178l-0.064-1.913c-10.208,2.189-19.217,3.999-19.217,15.196							c0,10.981,12.38,10.981,12.38,10.981c5.387,0.166,8.117-2.442,11.019-5.25L207.993,73.649z"/>
					</g>
				</svg>
			</div>
			<div class="nid-baseline">creative digital studio</div>
			<div class="nid-btn">Voir l’ancien site</div>
			<a href="https://vimeo.com/254310132" target="_blank" class="nid-showreel">
				<div class="nid-showreel-icon">
					<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 51.784 51.781">
						<g>
							<path d="M39.79,24.418L20.492,13.276c-0.526-0.304-1.174-0.304-1.7,0s-0.85,0.865-0.85,1.472v22.283								c0,0.607,0.324,1.169,0.85,1.473c0.263,0.151,0.557,0.228,0.85,0.228s0.587-0.076,0.85-0.228l19.297-11.142								c0.526-0.305,0.851-0.865,0.851-1.473S40.316,24.721,39.79,24.418z M21.342,34.087V17.693l14.197,8.197L21.342,34.087z"/>
							<path d="M25.895,0C11.617,0,0,11.615,0,25.892c0,14.274,11.616,25.889,25.895,25.889c14.275,0,25.889-11.614,25.889-25.889								C51.784,11.615,40.171,0,25.895,0z M25.895,48.38c-12.403,0-22.494-10.088-22.494-22.488C3.401,13.49,13.492,3.4,25.895,3.4								c12.4,0,22.488,10.089,22.488,22.492C48.383,38.292,38.296,48.38,25.895,48.38z"/>
						</g>
					</svg>
				</div>
				<div class="nid-showreel-txt">Voir notre showreel</div>
			</a>
		</div>
		<div class="nid-contact">
			<div class="nid-contact-icon">
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 81.6 63">
					<path d="M15,63h51.6c8.3,0,15-6.7,15-15V15c0-8.3-6.7-15-15-15H15C6.7,0,0,6.7,0,15v33C0,56.3,6.7,63,15,63z M75.6,48c0,5-4,9-9,9H15c-5,0-9-4-9-9V15c0-1.8,0.6-3.5,1.5-5l27.3,24c1.7,1.5,3.8,2.3,6,2.3c2.1,0,4.3-0.7,5.9-2.2l27.3-24c0.9,1.4,1.5,3.1,1.5,5V48H75.6z M66.6,6c0.9,0,1.8,0.1,2.6,0.4L42.8,29.5c-1.1,1-2.8,1-4,0L12.4,6.4C13.2,6.2,14.1,6,15,6H66.6z"/>
				</svg>
			</div>
		</div>
		<div class="nid-infos">
			<div class="nid-tel">Tel : +33 (0)4 82 33 85 10</div>
			<div class="nid-address">9 quai André Lassagne, 69001 Lyon</div>
		</div>
		<div class="nid-social">
			<a href="https://www.instagram.com/akaru__" target="_blank" class="nid-social-link">
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
					<path d="M12,2.2c3.2,0,3.6,0,4.9,0.1c3.3,0.1,4.8,1.7,4.9,4.9c0.1,1.3,0.1,1.6,0.1,4.8c0,3.2,0,3.6-0.1,4.8					c-0.1,3.2-1.7,4.8-4.9,4.9c-1.3,0.1-1.6,0.1-4.9,0.1c-3.2,0-3.6,0-4.8-0.1c-3.3-0.1-4.8-1.7-4.9-4.9c-0.1-1.3-0.1-1.6-0.1-4.8					c0-3.2,0-3.6,0.1-4.8c0.1-3.2,1.7-4.8,4.9-4.9C8.4,2.2,8.8,2.2,12,2.2z M12,0C8.7,0,8.3,0,7.1,0.1c-4.4,0.2-6.8,2.6-7,7					C0,8.3,0,8.7,0,12s0,3.7,0.1,4.9c0.2,4.4,2.6,6.8,7,7C8.3,24,8.7,24,12,24s3.7,0,4.9-0.1c4.4-0.2,6.8-2.6,7-7C24,15.7,24,15.3,24,12					s0-3.7-0.1-4.9c-0.2-4.4-2.6-6.8-7-7C15.7,0,15.3,0,12,0z M12,5.8c-3.4,0-6.2,2.8-6.2,6.2s2.8,6.2,6.2,6.2s6.2-2.8,6.2-6.2					C18.2,8.6,15.4,5.8,12,5.8z M12,16c-2.2,0-4-1.8-4-4c0-2.2,1.8-4,4-4s4,1.8,4,4C16,14.2,14.2,16,12,16z M18.4,4.2					c-0.8,0-1.4,0.6-1.4,1.4S17.6,7,18.4,7c0.8,0,1.4-0.6,1.4-1.4S19.2,4.2,18.4,4.2z"/>
				</svg>
			</a>
			<a href="https://twitter.com/Akaru_studio" target="_blank" class="nid-social-link">
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 412 334.8">
					<path d="M412,39.6c-15.2,6.7-31.4,11.3-48.5,13.3c17.4-10.5,30.9-27,37.2-46.8c-16.3,9.7-34.4,16.7-53.7,20.5					C331.5,10.3,309.6,0,285.2,0c-54.6,0-94.7,50.9-82.3,103.8c-70.3-3.5-132.5-37.2-174.2-88.3c-22.1,38-11.5,87.7,26.2,112.8					c-13.9-0.4-26.9-4.2-38.3-10.6c-0.9,39.2,27.1,75.8,67.8,83.9c-11.9,3.2-24.9,4-38.2,1.4c10.8,33.6,42,58,79,58.7					c-35.5,27.8-80.3,40.3-125.1,35c37.4,24,81.8,38,129.6,38c156.9,0,245.6-132.6,240.3-251.4C386.3,71.5,400.7,56.6,412,39.6z"/>
				</svg>
			</a>
			<a href="https://www.facebook.com/akaru.web.agency" target="_blank" class="nid-social-link">
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
					<path d="M22.7,0H1.3C0.6,0,0,0.6,0,1.3v21.4C0,23.4,0.6,24,1.3,24h11.5v-9.3H9.7v-3.6h3.1V8.4c0-3.1,1.9-4.8,4.7-4.8					c1.3,0,2.5,0.1,2.8,0.1V7h-1.9c-1.5,0-1.8,0.7-1.8,1.8v2.3h3.6l-0.5,3.6h-3.1V24h6.1c0.7,0,1.3-0.6,1.3-1.3V1.3					C24,0.6,23.4,0,22.7,0"/>
				</svg>
			</a>
		</div>
	</div>
	
	<!-- Header -->
	<header id="header">
		<div class="bande">
			<!-- Réseaux -->
			<div id="reseaux">
				<a href="https://www.facebook.com/akaru.web.agency" target="_blank" class="facebook">
					<img src="/images/logos/facebook_noir.png" alt="Facebook" class="normal" />
					<img src="/images/logos/facebook_rose.png" alt="Facebook" class="survol" />
				</a>
				<a href="https://twitter.com/Akaru_studio" target="_blank" class="twitter">
					<img src="/images/logos/twitter_noir.png" alt="Twitter" class="normal" />
					<img src="/images/logos/twitter_rose.png" alt="Twitter" class="survol" />
				</a>
				<a href="https://plus.google.com/+AkaruFr" target="_blank" class="googlePlus">
					<img src="/images/logos/google_plus_noir.png" alt="Google Plus" class="normal" />
					<img src="/images/logos/google_plus_rose.png" alt="Google Plus" class="survol" />
				</a>
				<div class="traitOblique"></div>
			</div>
			<!-- Menu -->
			<nav id="menu">
				<div class="barre">
					<div class="traitOblique trait1"></div>
					<div class="traitOblique trait2"></div>
				</div>
				<ul>
					<li class="pasSeparation sousMenu">
						<a href="/fr/agence/presentation/" data-icone="2"><span>Agence</span><span class="survol">Agence</span></a>
						<ul>
							<li class="gauche"></li>
							<li class="pasSeparation"><a href="/fr/agence/presentation/" data-icone="3"><span>Présentation</span><span class="survol">Présentation</span></a></li>
							<li><a href="/fr/agence/poles/" data-icone="4"><span>Pôles</span><span class="survol">Pôles</span></a></li>
							<li><a href="/fr/agence/processus/premiere-rencontre/presentation-du-brief/" data-icone="5"><span>Processus</span><span class="survol">Processus</span></a></li>
							<li><a href="/fr/agence/clients/" data-icone="6"><span>Clients</span><span class="survol">Clients</span></a></li>
							<li><a href="/fr/agence/recompenses/" data-icone="7"><span>Récompenses</span><span class="survol">Récompenses</span></a></li>
							<li class="droite"></li>
						</ul>
					</li>
					<li class="simple">
						<a href="/fr/references/" data-icone="8"><span>Références</span><span class="survol">Références</span></a>
					</li>
					<li class="simple">
						 <a href="/" data-icone="1" class="logo">
												
							<span class="a1"></span>
							<span class="k"></span>
							<span class="a2"></span>
							<span class="r"></span>
							<span class="u"></span>
						</a>
					</li>
					<li class="sousMenu">
						<a href="/fr/expertise/conception/" data-icone="9"><span>Expertise</span><span class="survol">Expertise</span></a>
						<ul>
							<li class="gauche"></li>
							<li class="pasSeparation"><a href="/fr/expertise/conception/" data-icone="10"><span>Conception</span><span class="survol">Conception</span></a></li>
							<li><a href="/fr/expertise/creation/" data-icone="11"><span>Création</span><span class="survol">Création</span></a></li>
							<li><a href="/fr/expertise/developpement/" data-icone="12"><span>Développement</span><span class="survol">Développement</span></a></li>
							<li><a href="/fr/expertise/e-marketing/" data-icone="13"><span>E-marketing</span><span class="survol">E-marketing</span></a></li>
							<li><a href="/fr/expertise/services/" data-icone="14"><span>Services</span><span class="survol">Services</span></a></li>
							<li class="droite"></li>
						</ul>
					</li>
					<li class="simple">
						<a href="/fr/contact/" data-icone="15"><span>Contact</span><span class="survol">Contact</span></a>
					</li>
				</ul>
			</nav>
			<!-- Langue -->
			<div id="langue">
								<a href="/" class="fr actif">
					<span>fr</span>
					<span class="survol">fr</span>
				</a>
				<div>/</div>
				<a href="/en/" class="en">
					<span>en</span>
					<span class="survol">en</span>
				</a>
							</div>
			<!-- Téléphone -->
			<div id="tel">
				<div class="traitOblique"></div>
				<a href="#" class="ouvrir">
					<img src="/images/btns/telephone_icone.png" alt="Agence communication digitale Lyon - Akaru" />
					<span class="survol">
						<span class="triangle"></span>
						<span class="texte">
							<p>Prenez le contrôle du site <span>avec votre mobile <b>!</b></span></p>
							<span class="contenuTriangle">
								<span></span>
							</span>
						</span>
						<span class="telephone"></span>
					</span>
				</a>
				<div class="fermer">
					<div class="triangle"></div>
					<a href="#">
						<span class="losange"></span>
						<span class="croix">
							<span class="trait1"></span>
							<span class="trait2"></span>
						</span>
					</a>
				</div>
			</div>
		</div>
		<!-- Contenu téléphone -->
		<div id="contenuTel">
			<div class="triangle"></div>
			<div class="flashez">Flashez ce <span>QR Code</span></div>
			<div class="qrCode"></div>
			<img src="/images/divers/main_telephone.png" alt="Agence communication digitale Lyon - Akaru" class="main" />
			<div class="prenez">Prenez le contrôle du site <span>avec votre mobile <b>!</b></span></div>
			<div class="visitez">ou visitez <span>exp.akaru.fr</span> avec votre mobile <br />et entrez le code suivant : <span class="code"></span></div>
			<div class="wifi">Pour profiter pleinement de l'expérience préférez une connexion WiFi.</div>
			<div class="vieux">
				Votre navigateur est obsolète et ne supporte pas cette expérience. <br />Veuillez le mettre à jour gratuitement, afin d'améliorer ses performances et ainsi avoir un meilleur confort de navigation. <span>Télécharger l'un des navigateurs suivants :</span>				<a href="http://www.google.com/chrome" target="_blank" class="chrome">Chrome</a> - 
				<a href="http://www.mozilla.org/firefox" target="_blank" class="firefox">Firefox</a> - 
				<a href="http://www.apple.com/safari" target="_blank" class="safari">Safari</a> - 
				<a href="http://www.opera.com/download" target="_blank" class="opera">Opera</a> - 
				<a href="http://www.microsoft.com/france/windows/internet-explorer" target="_blank" class="ie">Internet Explorer</a>
			</div>
		</div>
	</header>
	
	<!-- Déconnexion -->
	<div id="deconnexionExp">
		<div class="fond"></div>
		<div class="box">
			<a href="/fr/" class="fermerPetit">
				<span class="losange"></span>
				<span class="croix">
					<span class="trait1"></span>
					<span class="trait2"></span>
				</span>
			</a>
			<div class="texte texte1">
				<p>Votre mobile <br />a été déconnecté.</p>
				<a href="/fr/" class="btnCube">
					<span class="normal">Recommencez l'expérience<span></span></span>
					<span class="survol">Recommencez l'expérience<span></span></span>
				</a>
				<h5>Partagez l'expérience</h5>
				<div class="partage">
					<a href="http://www.facebook.com/sharer.php?s=100&p[title]=Prends+le+contr%C3%B4le+du+site+Akaru+avec+ton+mobile+%21&p[summary]=Utilise+ton+mobile+comme+une+t%C3%A9l%C3%A9commande+afin+de+naviguer+dans+le+site+de+le+studio+Akaru+et+vis+une+exp%C3%A9rience+interactive+hors+du+commun.&p[url]=http%3A%2F%2Fwww.akaru.fr&p[images][0]=http://www.akaru.fr/images/logos/partage_exp.jpg" target="_blank" class="facebook">
						<span class="normal"><img src="/images/logos/facebook_blanc.png" alt="Facebook - Agence communication digitale Lyon - Akaru" /></span>
						<span class="survol"><img src="/images/logos/facebook_bleu.png" alt="Facebook - Agence communication digitale Lyon - Akaru" /></span>
					</a>
					<a href="http://twitter.com/intent/tweet?source=webclient&text=Prends+le+contr%C3%B4le+du+site+Akaru+avec+ton+mobile+et+vis+une+exp%C3%A9rience+interactive+hors+du+commun+%21&url=http%3A%2F%2Fwww.akaru.fr&via=Akaru_studio" target="_blank" class="twitter">
						<span class="normal"><img src="/images/logos/twitter_blanc.png" alt="Twitter - Agence communication digitale Lyon - Akaru" /></span>
						<span class="survol"><img src="/images/logos/twitter_bleu.png" alt="Twitter - Agence communication digitale Lyon - Akaru" /></span>
					</a>
					<a href="https://plus.google.com/share?url=http%3A%2F%2Fwww.akaru.fr" target="_blank" class="googlePlus">
						<span class="normal"><img src="/images/logos/google_plus_blanc.png" alt="Google Plus - Agence communication digitale Lyon - Akaru" /></span>
						<span class="survol"><img src="/images/logos/google_plus_rouge.png" alt="Google Plus - Agence communication digitale Lyon - Akaru" /></span>
					</a>
				</div>
			</div>
			<div class="texte texte2">
				<p>Vous avez été <br />déconnecté avec succès.</p>
				<h5>Partagez l'expérience</h5>
				<div class="partage">
					<a href="http://www.facebook.com/sharer.php?s=100&p[title]=Prends+le+contr%C3%B4le+du+site+Akaru+avec+ton+mobile+%21&p[summary]=Utilise+ton+mobile+comme+une+t%C3%A9l%C3%A9commande+afin+de+naviguer+dans+le+site+de+le+studio+Akaru+et+vis+une+exp%C3%A9rience+interactive+hors+du+commun.&p[url]=http%3A%2F%2Fwww.akaru.fr&p[images][0]=http://www.akaru.fr/images/logos/partage_exp.jpg" target="_blank" class="facebook">
						<span class="normal"><img src="/images/logos/facebook_blanc.png" alt="Facebook - Agence communication digitale Lyon - Akaru" /></span>
						<span class="survol"><img src="/images/logos/facebook_bleu.png" alt="Facebook - Agence communication digitale Lyon - Akaru" /></span>
					</a>
					<a href="http://twitter.com/intent/tweet?source=webclient&text=Prends+le+contr%C3%B4le+du+site+Akaru+avec+ton+mobile+et+vis+une+exp%C3%A9rience+interactive+hors+du+commun+%21&url=http%3A%2F%2Fwww.akaru.fr&via=Akaru_studio" target="_blank" class="twitter">
						<span class="normal"><img src="/images/logos/twitter_blanc.png" alt="Twitter - Agence communication digitale Lyon - Akaru" /></span>
						<span class="survol"><img src="/images/logos/twitter_bleu.png" alt="Twitter - Agence communication digitale Lyon - Akaru" /></span>
					</a>
					<a href="https://plus.google.com/share?url=http%3A%2F%2Fwww.akaru.fr" target="_blank" class="googlePlus">
						<span class="normal"><img src="/images/logos/google_plus_blanc.png" alt="Google Plus - Agence communication digitale Lyon - Akaru" /></span>
						<span class="survol"><img src="/images/logos/google_plus_rouge.png" alt="Google Plus - Agence communication digitale Lyon - Akaru" /></span>
					</a>
				</div>
			</div>
		</div>
	</div>
	
	<!-- Loader -->
	<div id="loader">
		<div class="fond"></div>
		<div class="akaru">
			<div class="barre1"></div>
			<div class="barre2"></div>
			<div class="barre3"></div>
		</div>
	</div>
	
	<!-- Conteneur page -->
	<div id="conteneurPage">
	
<!-- Accueil -->
<div id="accueil" class="partie">
	
	<!-- Conteneur slideshow -->
	<div id="conteneurSlideshow">
		
		<!-- Nav slideshow -->
		<nav id="navSlideshow">
			<a href="/fr/" class="droite">
				<span class="conteneur">
					<span class="fleches">
						<span class="survol"></span>
						<span class="normal"></span>
					</span>
				</span>
			</a>
			<a href="/fr/" class="gauche">
				<span class="conteneur">
					<span class="fleches">
						<span class="normal"></span>
						<span class="survol"></span>
					</span>
				</span>
			</a>
			<div class="compteur">
				<div class="conteneur">
					<span class="numSlides"></span>
					<span class="total"></span>
				</div>
			</div>
		</nav>
		
		<!-- Slides -->
		<section class="slides">
			<article class="slide slideExp">
				<!-- Fond -->
				<div id="fond">
					<div class="hautGauche"></div>
					<div class="basDroite"></div>
				</div>
				<!-- Expérience -->
				<div id="expAccueil">
					<img src="/images/divers/accueil/lueur.png" alt="Agence communication digitale Lyon - Akaru" class="lueur" />
					<img src="/images/divers/accueil/ombre_sol_1.png" alt="Agence communication digitale Lyon - Akaru" class="ombre1" />
					<img src="/images/divers/accueil/ombre_sol_2.png" alt="Agence communication digitale Lyon - Akaru" class="ombre2" />
					<img src="/images/divers/accueil/ombre_montagnes.png" alt="Agence communication digitale Lyon - Akaru" class="ombreMontagnes" />
					<img src="/images/divers/accueil/montagne_2.png" alt="Agence communication digitale Lyon - Akaru" class="montagne2" />
					<img src="/images/divers/accueil/montagne_1.png" alt="Agence communication digitale Lyon - Akaru" class="montagne1" />
					<img src="/images/divers/accueil/montagne_3.png" alt="Agence communication digitale Lyon - Akaru" class="montagne3" />
					<img src="/images/divers/accueil/montagne_4.png" alt="Agence communication digitale Lyon - Akaru" class="montagne4" />
					<img src="/images/divers/accueil/montagne_6.png" alt="Agence communication digitale Lyon - Akaru" class="montagne6" />
					<img src="/images/divers/accueil/montagne_5.png" alt="Agence communication digitale Lyon - Akaru" class="montagne5" />
					<img src="/images/divers/accueil/losange_noir.png" alt="Agence communication digitale Lyon - Akaru" class="losange" />
					<img src="/images/divers/accueil/akaru.png" alt="Agence communication digitale Lyon - Akaru" class="akaru" />
					<img src="/images/divers/accueil/ombre_branche.png" alt="Agence communication digitale Lyon - Akaru" class="ombreBranche" />
					<img src="/images/divers/accueil/branche.png" alt="Agence communication digitale Lyon - Akaru" class="branche" />
					<img src="/images/divers/accueil/corps_chimere.png" alt="Agence communication digitale Lyon - Akaru" class="corps" />
					<div class="tete">
						<img src="/images/divers/accueil/tete_3_5.png" alt="Agence communication digitale Lyon - Akaru" />
					</div>
					<div class="bulle">
						<img src="/images/divers/accueil/icone_bulle_1.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_2.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_3.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_4.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_5.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_6.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_7.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_8.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_9.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_10.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_11.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_12.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_13.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_14.png" alt="Agence communication digitale Lyon - Akaru" />
						<img src="/images/divers/accueil/icone_bulle_15.png" alt="Agence communication digitale Lyon - Akaru" />
					</div>
					<img src="/images/divers/accueil/plume_1.png" alt="Agence communication digitale Lyon - Akaru" class="plume1" />
					<img src="/images/divers/accueil/plume_2.png" alt="Agence communication digitale Lyon - Akaru" class="plume2" />
					<img src="/images/divers/accueil/plume_3.png" alt="Agence communication digitale Lyon - Akaru" class="plume3" />
					<img src="/images/divers/accueil/plume_4.png" alt="Agence communication digitale Lyon - Akaru" class="plume4" />
					<img src="/images/divers/accueil/plume_5.png" alt="Agence communication digitale Lyon - Akaru" class="plume5" />
					<img src="/images/divers/accueil/nuage_1.png" alt="Agence communication digitale Lyon - Akaru" class="nuage nuage1" />
					<img src="/images/divers/accueil/nuage_2.png" alt="Agence communication digitale Lyon - Akaru" class="nuage nuage2" />
					<img src="/images/divers/accueil/nuage_3.png" alt="Agence communication digitale Lyon - Akaru" class="nuage nuage3" />
					<img src="/images/divers/accueil/eclair.png" alt="Agence communication digitale Lyon - Akaru" class="eclair" />
					<div class="texte">
						<h1>Agence communication digitale à Lyon - Akaru</h1>
						<h2 class="titre">Hello !<span>nous sommes Akaru</span></h2>
						<h3 class="sousTitre">Et on réalise vos projets digitaux, même les plus fous depuis 2008.</h3>
						<a href="/fr/agence/presentation/" class="btnCube">
							<span class="normal">En savoir plus<span></span></span>
							<span class="survol">En savoir plus<span></span></span>
						</a>
					</div>
				</div>
			</article>
			<article class="slide">
				<div class="photo"><img src="/images/divers/accueil/slideshow/akaru_designer_of_the_year_css_design_awards.jpg" alt="Designer Of The Year 2014" /></div>
				<div class="bandeContenu">
					<div class="conteneur">
						<div class="centrer">
							<h1>Designer Of The Year</h1>
							<h2>2014</h2>
							<h3>Akaru est fier d'être Designer Of The Year Studio 2014 sur CSS Design Awards</h3>
							<a href="http://www.cssdesignawards.com/articles/2014-designer-of-the-year-s-interview-with-akaru/166/" target="_blank" class="btnCubeBlank">
								<span class="normal">En savoir plus<span></span></span>
								<span class="survol">En savoir plus<span></span></span>
							</a>
						</div>
					</div>
				</div>
			</article>
			<article class="slide">
				<div class="photo"><img src="/images/divers/accueil/slideshow/aeroports_de_lyon_t1_awwwards.jpg" alt="Site of the Day Awwwards" /></div>
				<div class="bandeContenu">
					<div class="conteneur">
						<div class="centrer">
							<h1>Site of the Day</h1>
							<h2>Awwwards</h2>
							<h3>Le site web interactif du Futur Terminal 1 des Aéroports de Lyon récompensé sur Awwwards</h3>
							<a href="/fr/reference/33/aeroports-de-lyon-terminal-1/" class="btnCube">
								<span class="normal">En savoir plus<span></span></span>
								<span class="survol">En savoir plus<span></span></span>
							</a>
						</div>
					</div>
				</div>
			</article>
			<article class="slide">
				<div class="photo"><img src="/images/divers/accueil/slideshow/reseaux_sociaux.jpg" alt="Agence communication digitale Lyon - Akaru" /></div>
				<div class="bandeContenu">
					<div class="conteneur">
						<div class="centrer">
							<h1>Rejoignez-nous sur</h1>
							<h2>les Internets !</h2>
							<h3>Suivez-nous sur les réseaux pour être au courant de nos actualités.</h3>
							<div class="partage">
								<a href="https://www.facebook.com/akaru.web.agency" target="_blank" class="facebook">
									<span class="normal"><img src="/images/logos/facebook_blanc.png" alt="Facebook - Agence communication digitale Lyon - Akaru" /></span>
									<span class="survol"><img src="/images/logos/facebook_bleu.png" alt="Facebook - Agence communication digitale Lyon - Akaru" /></span>
								</a>
								<a href="https://twitter.com/Akaru_studio" target="_blank" class="twitter">
									<span class="normal"><img src="/images/logos/twitter_blanc.png" alt="Twitter - Agence communication digitale Lyon - Akaru" /></span>
									<span class="survol"><img src="/images/logos/twitter_bleu.png" alt="Twitter - Agence communication digitale Lyon - Akaru" /></span>
								</a>
								<a href="https://plus.google.com/+AkaruFr" target="_blank" class="googlePlus">
									<span class="normal"><img src="/images/logos/google_plus_blanc.png" alt="Google Plus - Agence communication digitale Lyon - Akaru" /></span>
									<span class="survol"><img src="/images/logos/google_plus_rouge.png" alt="Google Plus - Agence communication digitale Lyon - Akaru" /></span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</article>
		</section>
		
	</div>
	
</div>
	
	</div>  <!-- Fin #conteneurPage -->
	
	<!-- No JS -->
	<noscript>
	<div id="noJS">
		<div class="centrer">
			<div class="titreAlt">JavaScript est désactivé.</div>
			<p>Pour visionner ce site, veuillez activer JavaScript dans les préférences de votre navigateur. <br/>Une fois JavaScript activé veuillez recharger la page ou <a href="/">retourner l'accueil</a>.</p>
		</div>
	</div>
	</noscript>
	
	<!-- Old browser -->
	<div id="oldBrowser">
		<div class="conteneur">
			<div class="titreAlt">Votre navigateur est obsolète.</div>
			<p>Veuillez le mettre à jour gratuitement, afin d'améliorer ses performances <br />et ainsi avoir un meilleur confort de navigation.</p>
			<div class="navigateurs">
				<a href="http://www.google.com/chrome" target="_blank" class="chrome">
					<div class="sousTitreAlt">Chrome</div>
					<p>Télécharger</p>
				</a>
				<a href="http://www.mozilla.org/firefox" target="_blank" class="firefox">
					<div class="sousTitreAlt">Firefox</div>
					<p>Télécharger</p>
				</a>
				<a href="http://www.apple.com/safari" target="_blank" class="safari">
					<div class="sousTitreAlt">Safari</div>
					<p>Télécharger</p>
				</a>
				<a href="http://www.opera.com/download" target="_blank" class="opera">
					<div class="sousTitreAlt">Opera</div>
					<p>Télécharger</p>
				</a>
				<a href="http://www.microsoft.com/france/windows/internet-explorer" target="_blank" class="ie">
					<div class="sousTitreAlt">Internet Explorer</div>
					<p>Télécharger</p>
				</a>
			</div>
		</div>
	</div>
	
		
</div> <!-- Fin #conteneurSite -->



<!-- Scripts -->
<script>
	var _local = 'false';
	var _racineWeb = '/';
	var _lg = 'fr';
</script>


<script src="http://maps.googleapis.com/maps/api/js?v=3.12&sensor=false"></script>
<script src="http://devs.akaru.fr:1337/socket.io/socket.io.js"></script>
<!--[if lt IE 9]><script src="/js/scripts-site-oldie.min.js"></script><![endif]-->
<!--[if gte IE 9]><!--><script src="/js/scripts-site.min.js"></script><!--<![endif]-->


</body>
</html>