<?php
// Setup Nav
 $mainNav = $this->navigation()->findOneBy('ref','content_root');
 $utilsNav = $this->navigation()->findOneBy('ref','utils_root');
?>
		<nav class="utils navbar navbar-default" role="navigation">
		<div class="container">
			<div class="pull-right socialpresence">
				<a href="https://www.youtube.com/channel/UChU1smhvtz61SzAETIrwVMQ"><i class="fa fa-youtube" target="_blank"></i> <span>En Vidéos</span></a>
				<a href="https://www.facebook.com/pages/La-Lumi%C3%A8re-Entreprise-de-Travail-Adapt%C3%A9/731159026915946?ref=hl-2"><i class="fa fb fa-facebook" target="_blank"></i><span>La Lumière</span> ETA</a>
				<a href="https://www.facebook.com/lalumiere.be?ref=hl-2" target="_blank"><i class="fa fb fa-facebook"></i><span>La Lumière</span> ASBL</a>
			</div>
			</div>
		</nav>

		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-4 col-md-5 col-lg-6">
					<div class="lumiere">
						<a href="/fr"><img src="/upload/logos/logo-100final.svg" class="img-responsive" width="290" alt="La Lumière" />
                        </a>
					</div>
				</div>
				<div class="col-xs-12 col-sm-8 col-md-7 col-lg-6">
					<div class="row" style="display: flex; align-items: center;">
						<div class="col-xs-12 col-sm-8 col-md-6">
							<a class="faitesundon" style="" href="https://lalumiere.iraiser.eu/parentalite/~mon-don?ns_ira_cr_arg=IyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyPINlD%2B9xrtv%2Foga%2BrhGkoX9bjuVPN2u2faJZMFfD%2F8O2WczpGlrxZ4Kp6ToxL5UpdqBlAcY%2B%2F3ejPeaRnunWgF&_cv=1"
							target="_blank">Faites un don</a>
							<?php /*<a class="survey" href="https://docs.google.com/a/lalumiere.be/forms/d/1CBGUVidPZWmSJk2H_Xz76d-Z3zfz5RvNANrz7xbhqiY/edit?usp=mail_response_notification" target="_blank">
							<i class="fa fa-comment-o"></i>
							Participez à <br>notre sondage
							<?=  $this->mailchimp()->subscribeFormBlock(); ?>
							</a> */ ?>
							<style type="text/css">
							a.faitesundon{
								display: block;
								padding: 15px;
								color: #fff;
								background-color: #f19628;
								font-size: 21px;
								border: 2px solid #9c9c9c;
								text-align: center;
								border-radius: 20px;
								text-decoration: none;
								transition: all 350ms ease;
							}
							a.faitesundon:hover{
								color: #ffffff;
								background-color: #f19628;
								text-decoration: none;
								border: 2px solid #f19628;
							}
							@media (min-width: 1024px){
								a.faitesundon{
									font-size: 30px;
								}
							}
							</style>
						</div>
						<div class="col-xs-12 col-sm-4 col-md-6">
							<div class="phone">
                                <span>Voir l'Humain</span>
                                <?php /*<span class="braille">⠧ ⠕ ⠊ ⠗</span> */ ?>
								<span>04 222 35 35</span>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<nav class="main navbar navbar-default hidden-xs hidden-sm" role="navigation">
		<div class="container">
 			<button id="mainNavToggle" type="btn btn-default" class="navbar-toggle pull-left" >
 				<span class="fa fa-bars"></span>
 			</button>
 			<div class="nav-collapse hidden-xs">
 				<?php
 				echo $this->navigation()->menu()
 				->setMinDepth(0)
 				->setMaxDepth(0)
 				->setRenderInvisible(false)
 				->renderPartial($mainNav,'_menuBootstrapHorizontal.phtml');
 				?>
 			</div>
		</div>

 		</nav>
