<div class="nav" data-class="NAV">

	<!-- HEADER -->

	<div class="hea">
		
		<div class="hea-bar">

			<div class="hea-bar-col-left">

				<div class="my-account dropdown">
				  <div id="my-account" class="dropdown-title" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				    <span class="user-icon"></span> ESPACE PERSO
				  </div>
				  <div class="dropdown-menu" aria-labelledby="my-account">
				  	<div class="my-account-title text-left">CHOISISSEZ VOTRE CASINO</div>
                    <div class="my-account-close"></div>
				  	<form action="#" class="my-account-form text-center">
						<select class="my-account-select" name="casino-list">
						  <option value="" selected="selected" disabled="disabled">Sélectionnez un casino</option>
						  <option value="http://google.fr">05 - BRIANCON</option>
						  <option value="http://google.fr">75 - PARIS</option>
						  <option value="http://google.fr">78 - ST GERMAIN EN LAYE</option>
						  <option value="http://google.fr">91 - EVRY</option>
						</select>
				  	</form>
				  </div>
				</div>

			</div>

			<div class="hea-bar-col-right">

				<div class="other-languages dropdown pr20">
				  <div id="other-languages" class="dropdown-title" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				    FR
				  </div>
				  <ul class="dropdown-menu" aria-labelledby="other-languages">
				    <li class="dropdown-item"><a href="">EN</a></li>
				    <li class="dropdown-item"><a href="">IT</a></li>
				    <li class="dropdown-item"><a href="">PL</a></li>
				  </ul>
				</div>

				<div class="other-website dropdown">
				  <div id="other-website" class="dropdown-title" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				    NOS AUTRES SITES
				  </div>
				  <ul class="dropdown-menu" aria-labelledby="other-website">
				    <li class="dropdown-item"><a itemprop="url" href="">WEBSITE 1</a></li>
				    <li class="dropdown-item"><a itemprop="url" href="">WEBSITE 2</a></li>
				    <li class="dropdown-item"><a itemprop="url" href="">WEBSITE 3</a></li>
				  </ul>
				</div>	

			</div>	

		</div>

		<div class="hea-logo-container">
			<a href="https://www.casinosbarriere.com/fr.html" class="hea-logo">
				<img src="img/svg/logo.svg" alt="" />
			</a>
		</div>

	</div>


	<!-- Main Navbar -->

	<nav class="navbar navbar-default">
	    
		<div class="navbar-header">
			
			<div class="navbar-header-account show-mobile">
			</div>

			<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#master-menu">
				<span class="sr-only"></span>
				<span class="icon-bar top-bar"></span>
				<span class="icon-bar middle-bar"></span>
				<span class="icon-bar bottom-bar"></span>
			</button>

			<div class="navbar-header-title" data-toggle="collapse" data-target="#master-menu">MENU</div>

		</div>

		<div id="master-menu" class="collapse navbar-collapse js-navbar-collapse no-transition">

			<ul class="nav navbar-nav">

				<!-- home -->
				<li id="homelk" class="home home-link <?php if($currentRub == "00-home-national") { ?>active <?php } ?>">
					<a class="menu-item" href="00-home-national.php">
						<span class="home-icon"></span>
						<span class="home-icon-golden"></span>
					</a>
				</li>

				<!-- jeux -->
				<li id="game" class="dropdown mega-dropdown <?php if($currentRub == "TP02-1-mas" || $currentRub == "TP02-2-mas-actu" || $currentRub == "TP02-3-poker" || $currentRub == "TP02-jeux") { ?>active <?php } ?>">

					<a href="" class="menu-item dropdown-toggle invert" data-toggle="dropdown">Jeux</a>

					<!-- dropdown-menu -->

					<div class="dropdown-menu mega-dropdown-menu invert">

						<!-- close -->

						<div class="mega-dropdown-menu-close"></div>						

						<div class="mega-dropdown-menu-container">
                            <div class="mega-dropdown-menu-content">
                                <div class="mega-dropdown-menu-col-12 pb40 hide-mobile">
                                    <div class="mega-dropdown-menu-title-game color-white text-center">
                                        <p>
                                            Débutants ou experts, découvrez l’ensemble de nos activités de jeux.<br/>
                                            Ce soir, le  plus difficile sera de choisir !
                                        </p>
                                    </div>
                                </div>
                                <div class="mega-dropdown-menu-game">
                                    <a class="mega-dropdown-menu-game-push" href="TP02-1-mas.php">
                                        <picture class="mega-dropdown-menu-game-push-picture" data-alt="" data-default-src="img/layout/nav/machines-a-sous_desktop.jpg">
                                            <source media="(min-width: 1025px)" srcset="img/layout/nav/machines-a-sous_desktop.jpg"/>
                                            <source media="(min-width: 481px)" srcset="img/layout/nav/machines-a-sous_desktop.jpg"/>
                                            <source media="(max-width: 480px)"  srcset="img/layout/nav/machines-a-sous_desktop.jpg"/>
                                            <img src="" alt="" />
                                        </picture>
                                        <div class="mega-dropdown-menu-game-push-content">
                                            <div class="title text-center">MACHINES<br/>A SOUS</div>
                                        </div>
                                    </a>
                                    <a class="mega-dropdown-menu-game-push" href="">
                                        <picture class="mega-dropdown-menu-game-push-picture" data-alt="" data-default-src="img/layout/nav/jeux-de-table_desktop.jpg">
                                            <source media="(min-width: 1025px)" srcset="img/layout/nav/jeux-de-table_desktop.jpg"/>
                                            <source media="(min-width: 481px)" srcset="img/layout/nav/jeux-de-table_desktop.jpg"/>
                                            <source media="(max-width: 480px)"  srcset="img/layout/nav/jeux-de-table_desktop.jpg"/>
                                            <img src="" alt="" />
                                        </picture>
                                        <div class="mega-dropdown-menu-game-push-content">
                                            <div class="title text-center">JEUX<br/>DE TABLE</div>
                                        </div>
                                    </a>
                                    <a class="mega-dropdown-menu-game-push" href="">
                                        <picture class="mega-dropdown-menu-game-push-picture" data-alt="" data-default-src="img/layout/nav/jeux-electroniques_desktop.jpg">
                                            <source media="(min-width: 1025px)" srcset="img/layout/nav/jeux-electroniques_desktop.jpg"/>
                                            <source media="(min-width: 481px)" srcset="img/layout/nav/jeux-electroniques_desktop.jpg"/>
                                            <source media="(max-width: 480px)"  srcset="img/layout/nav/jeux-electroniques_desktop.jpg"/>
                                            <img src="" alt="" />
                                        </picture>
                                        <div class="mega-dropdown-menu-game-push-content">
                                            <div class="title text-center">JEUX<br/>ELECTRONIQUES</div>
                                        </div>
                                    </a>
                                    <a class="mega-dropdown-menu-game-push" href="">
                                        <picture class="mega-dropdown-menu-game-push-picture" data-alt="" data-default-src="img/layout/nav/poker_desktop.jpg">
                                            <source media="(min-width: 1025px)" srcset="img/layout/nav/poker_desktop.jpg"/>
                                            <source media="(min-width: 481px)" srcset="img/layout/nav/poker_desktop.jpg"/>
                                            <source media="(max-width: 480px)"  srcset="img/layout/nav/poker_desktop.jpg"/>
                                            <img src="" alt="" />
                                        </picture>
                                        <div class="mega-dropdown-menu-game-push-content">
                                            <div class="title text-center">POKER</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="nav-gamebanners">
									<?php require 'inc/components/component-IG.php'; ?>
								</div>
                                <div class="push-show-all-games">
                                    <a href="">VOIR TOUS LES JEUX</a>	
                                </div>
                                
                                
                                <div class="mega-dropdown-menu-col-12 color-white">
                                    
                                    <hr class="stars ptb20"/>
                                    
                                </div>																																						
                            </div>
						
						</div>

					</div>

				</li>

				<!-- jeu mobile -->
				<li>
					<a class="menu-item" href="#">JEU MOBILE</a>
				</li>

				<!-- restaurants & bars -->
				<li class="<?php if($currentRub == "TP05-restaurants") { ?>active <?php } ?>">
					<a class="menu-item" href="">Restaurants & Bars</a>
				</li>

				<!-- spectacles & animations -->
				<li class="<?php if($currentRub == "TP06-spectacles") { ?>active <?php } ?>">
					<a class="menu-item" href="">Spectacles & Animations</a>
				</li>

				<!-- L'esprit Barrière -->
				<li id="spirit"><a class="menu-item" href="">L'esprit Barrière</a></li>

				<!-- Coffrets cadeaux -->
				<li id="gift" class="dropdown mega-dropdown">
					<a href="" class="menu-item dropdown-toggle" data-toggle="dropdown">Coffrets cadeaux</a>

					<!-- dropdown-menu -->
					<div class="dropdown-menu mega-dropdown-menu">
						<!-- close -->
						<div class="mega-dropdown-menu-close"></div>
                        <div class="mega-dropdown-menu-container">
                            <div class="mega-dropdown-menu-content">    
                                <div class="mega-dropdown-menu-col-6 mt20">
                                    <div class="mega-dropdown-menu-title-gift color-golden">Découvrez les coffrets cadeaux</div>
                                    <p class="hide-mobile">At vero eos et accusamus et iusto odio
                                        dignissimos ducimus qui blanditiis praesentium voluptatum.<br/>
                                        Proin vitae lectus ut velit eleifend accumsan.
                                    </p>
                                    <a class="button-golden-outline full-width mt10">Découvrir les coffrets cadeaux</a>
                                </div>
                                <div class="mega-dropdown-menu-col-6">
                                    <picture data-alt="Coffret Cadeaux" data-default-src="img/layout/coffrets-cadeaux.jpg">
                                        <source media="(max-width: 480px)" srcset="img/layout/coffrets-cadeaux.jpg">
                                        <source media="(min-width: 481px)" srcset="img/layout/coffrets-cadeaux.jpg">
                                        <source media="(min-width: 1025px)" srcset="img/layout/coffrets-cadeaux.jpg">
                                        <img src="img/layout/coffrets-cadeaux.jpg" alt="Coffret Cadeaux">
                                    </picture>
                                </div>
                            </div>
                            <hr class="stars ptb20"/>
                        </div>
					</div>
				</li>
				
				<!-- Nos casinos -->
				<li class="no-border"><a class="menu-item" href="">Nos Casinos</a></li>
                
                <!-- Espace Perso -->
				<li class="show-mobile">
                    <span class="menu-item nav-mobile-select js-casinolist-container">
                        <span class="nav-mobile-select-label">
                            <span class="user-icon"></span> ESPACE PERSO
                        </span>
                    </span>
                </li>

				<!-- Only for mobile version -->

				<li class="langs-mobile show-mobile">
				  
				  <ul class="langs-menu">
				  	<li class="langs-item"><a href="">FR</a></li>
				    <li class="langs-item"><a href="">EN</a></li>
				    <li class="langs-item"><a href="">IT</a></li>
				    <li class="langs-item"><a href="">PL</a></li>
				  </ul>

				</li>

				<li class="others-website-mobile show-mobile">
				</li>				

			</ul>

		</div><!-- /.nav-collapse -->

	</nav>
</div>
