<?php
if($active != 'index')
{
	?>
	<style type="text/css">
		.header {
		    position: relative;
		    z-index: 999;
		    width: 100%;
		    padding: 50px 0;
		    background: url(img/back.jpg) fixed no-repeat;
		    background-position:bottom;
		    background-size: cover;
		}
	</style>
	<?php
}
?>
<!--Header-->
<div class="header" id="home">
	<div class="head">
		<div class="container">
			<div class="navbar-top">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<div class="navbar-brand logo ">
						<h1><a href="./"><img src="images/logo.jpg" width="220" height="48" alt=""/></a></h1>
					</div>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav link-effect-4">
						<li class="first-list<?php if($active == 'index'){ echo ' active'; } ?>"><a href="./">ACCUEIL</a></li>
						<li class="<?php if($active == 'a-propos'){ echo 'active'; } ?>"><a href="a-propos/qui-sommes-nous-1">lE CABINET</a></li>
						<li class="<?php if($active == 'services'){ echo 'active'; } ?>"><a href="5-services">NOS SERVICES</a></li>
						<li class="<?php if($active == 'realisations'){ echo 'active'; } ?>"><a href="6-realisations">NOS REALISATIONS</a></li>  
						<li class="<?php if($active == 'contact'){ echo 'active'; } ?>"><a href="contact">NOUS CONTACTER</a></li>
					</ul>
				</div><!-- /.navbar-collapse -->
			</div>
		</div>
	</div>
</div>
<!--//Header--> 