<header>
	<div id="headerTop" class="foundation">
		<div class="container">
			<div class="left">
				<?php
					if(isset($titrageH1)){
						echo '<h1 id="logo" class="sprite"><a href="../content/foundation.html">Petzl</a></h1>';
					}
					else{
						echo '<a id="logo" class="sprite" href="../content/foundation.html">Petzl</a>';
					}
				?>
			</div>
			<div class="right">
				<ul class="topMenu">
					<li><a href="./dealer-locator.php">Revendeurs</a></li>
					<li class="headerSubmenuContainer">
						<a href="./faq.php">Service Clients</a>
						<ul class="headerSubmenu">
							<li><a href="./faq.php">FAQ</a></li>
							<li><a href="#">Alertes sécurité</a></li>
							<li><a href="./contact.php">Contact</a>
						</ul>	
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="headerBottom" class="foundation">
		<div class="container">
			<div class="left">
				<ul class="mainMenu">
				<?php 
					echo '
					<li><a href="../content/foundation.php" data-id="verticalite"><span class="sprite bullSeparator '.((isset($selectedMenu) && $selectedMenu == 'partenaires')?'selected':'').' ib"></span> Partenaires</a></li>
					<li><a href="../content/foundation.php" data-id="eclairage"><span class="sprite bullSeparator '.((isset($selectedMenu) && $selectedMenu == 'emplois')?'selected':'').' ib"></span> Emplois</a></li>
					<li><a href="../content/foundation.php" data-id="activite"><span class="sprite bullSeparator '.((isset($selectedMenu) && $selectedMenu == 'presse')?'selected':'').' ib"></span> Presse</a></li>
					';
				?>
				</ul>
			</div>
			<div class="right">
				<div class="search">
					<span class="iconSearch sprite"></span> 
					<input type="text" placeholder="Recherche" id="searchInput" />
				</div>
			</div>
		</div>
	</div>
	<div class="submenuContainer">
		<div class="submenu">
			<div class="container">
				<ul id="submenu_verticalite" class="submenuContent">
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Harnais</span>
						</a>
					</li>
				</ul>
				<ul id="submenu_eclairage" class="submenuContent">
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Eclairage</span>
						</a>
					</li>
				</ul>
				<ul id="submenu_activite" class="submenuContent">
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
					<li class="ib">
						<a href="" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Activite</span>
						</a>
					</li>
				</ul>
				<ul id="submenu_communaute" class="submenuContent">
					<li class="ib">
						<a href="../content/news-overview.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">News</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/video-overview.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Video</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/team-overview.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Team</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/sneak-preview.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Sneak Preview</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</header>