
	<!-- H E A D E R -->
	<header class="header">
		<div class="header-upper-bar py-3">
			<div class="container">
				<div class="row">
					<div class="col-lg-8">
						<i class="fa fa-clock text-primary"></i>
						<span class="text-light d-inline-block me-3 ms-2">7jrs/7jrs - 24h/24h</span>

						<i class="fa fa-envelope text-primary"></i>
						<span class=" d-inline-block me-3 ms-2">
							<a href="mailto:rentforyoumorocco@gmail.com" class="text-light">
								rentforyoumorocco@gmail.com
							</a>
						</span>

						<i class="fa fa-phone text-primary"></i>
						<span class="d-inline-block  ms-2">
							<a href="tel:+212609521049" class="text-light">
								06 09 52 10 49
							</a>
						</span>
								
					</div>
					<div class="col-lg-4 text-light text-end">
						&euro; 
						<span class="mx-2">Euro</span>
						
						<div class="dropdown d-inline-block">
						  <button class="btn btn-sm dropdown-toggle text-light" type="button" data-bs-toggle="dropdown" aria-expanded="false"></button>
						  <ul class="dropdown-menu">
						    <li><a class="dropdown-item" href="#">American Dollar</a></li>
						    <li><a class="dropdown-item" href="#">Morrocan Dirhams</a></li>
						  </ul>
						</div>

						<span class="d-inline-block ms-3">
							

							<div class="lang-icon" style="background-image: url('assets/img/fr.png');"></div>

							<span class="mx-2">Français</span>
								
							<div class="dropdown d-inline-block">
							  <button class="btn btn-sm dropdown-toggle text-light" type="button" data-bs-toggle="dropdown" aria-expanded="false"></button>
							  <ul class="dropdown-menu">
							    <li><a class="dropdown-item" href="#">English</a></li>
							  </ul>
							</div>
						</span>
					</div>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="row">
			
				<div class="col-lg-3 py-3">
					<a href="home"><img src="assets/img/logo.png" width="160px"></a>
				</div>
				<div class="col-lg-7">
					<ul class="nav justify-content-end pt-4">
					  <li class="nav-item">
					    <a class="nav-link <?php if($cur_page == 'home') echo 'active'; ?>" aria-current="page" href="home">Accueil</a>
					  </li>
					  <li class="nav-item">
					    <a class="nav-link <?php if($cur_page == 'parc') echo 'active'; ?>" href="parc">Notre parc</a>
					  </li>
					  <li class="nav-item">
					    <a class="nav-link <?php if($cur_page == 'about') echo 'active'; ?>" href="about">À propos de nous</a>
					  </li>
					  <li class="nav-item">
					    <a class="nav-link <?php if($cur_page == 'contact') echo 'active'; ?>" href="contact">Contact</a>
					  </li>
					</ul>
				</div>
				<div class="col-lg-2 text-end pt-4">
						
					<a href="#" target="_blank" class="btn btn-circle btn-outline-dark rounded-circle">
						<i class="fab fa-facebook"></i>
					</a>
						
					<a href="#" target="_blank" class="btn btn-circle btn-outline-dark rounded-circle">
						<i class="fab fa-instagram"></i>
					</a>
						
					<a href="#" target="_blank" class="btn btn-circle btn-outline-dark rounded-circle">
						<i class="fab fa-tiktok"></i>
					</a>
						
				</div>
				
			</div>
		</div>
	</header>