<header>
	<div id="headerTop">
		<div class="container">
			<div class="left">
				<?php
					if(isset($titrageH1)){
						echo '<h1 id="logo_v2"><a href="../content/home_v2.html"><img src="../static/img/logo_v2.png"/></a></h1>';
					}
					else{
						echo '<a id="logo_v2" href="../content/home_v2.html"><img src="../static/img/logo_v2.png"/></a>';
					}
				?>
				<div class="verticalSeparator inlineblock"></div>
				<ul id="universeSelector">
					<li class="inlineblock">
						<a href="./market-pro.php">Professionnel <span class="ib arrowProfessionnel sprite"></span></a>
					</li>
					<li class="inlineblock">
						<a href="./market-sport.php" class="secondChoice">Sport</a>
					</li>
				</ul>
				
			</div>
			<div class="right">
				<ul class="topMenu">
					<li><a href="">Revendeurs</a></li>
					<li><a href="">Service Clients</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div id="headerBottom">
		<div class="container">
			<div class="left">
				<ul class="mainMenu">
					<li><a href="../content/family.php" data-id="verticalite"><span class="sprite bullSeparator selectedPro ib"></span> Verticalité</a></li>
					<li><a href="#" data-id="eclairage"><span class="sprite bullSeparator ib"></span> Eclairage</a></li>
					<li><a href="#" data-id="metiers"><span class="sprite bullSeparator ib"></span> Métiers</a></li>
					<li><a href="#" data-id="actualite"><span class="sprite bullSeparator ib"></span> Actualité</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_metiers" class="submenuContent">
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Métier</span>
						</a>
					</li>
				</ul>
				<ul id="submenu_actualite" class="submenuContent">
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
					<li class="ib">
						<a href="../content/family.php" >
							<img src="../media/submenu/harnais.png" width="90" height="90"/>
							<span class="">Actualité</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</header>