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

	<!-- HEADER -->

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

			<div class="hea-bar-col-left">
				<a href="#" class="hea-casinopass">
					<span class="picto-barriere"></span> 
					<div class="picto-barriere-label">Casino Pass</div>
					<div class="clearfix"></div>
				</a>
			</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 class="our-other-casinos">
					<a href="TP09-store-locator.php">
						<div class="icon-svg">
				            <svg>
				                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprites/sprite.svg#icon-geolocation-outline"></use>
				            </svg>
				        </div>
				        <div class="our-other-casinos-label">Choisir un autre casinos</div>
			        </a>
				</div>				

			</div>	

		</div>

		<div class="hea-logo-container hea-logo-container-local">
			<a href="" class="hea-logo hea-logo-local">
				<img src="img/svg/logo-casino-local.svg" alt="Casinos Barrière ..." />
			</a>
		</div>

	</div>


	<!-- Main Navbar -->

	<nav class="navbar navbar-default">
	    
		<div class="navbar-header">
			
			<div class="navbar-header-carrevip 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">
                                        Débutants ou experts, découvrez l’ensemble de nos activités de jeux.<br/>
                                        Ce soir, le  plus difficile sera de choisir !<br/>
                                        <br/>
                                    </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>
					</div>
				</li>

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

				<!-- restaurants & bars -->
				<li id="restaurants" 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">Restaurants & Bars</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">At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum.</div>
                                </div>
                                <div class="mega-dropdown-menu-restaurant">
                                    <section class="mega-dropdown-menu-restaurant-wrapper">
                                        <div class="mega-dropdown-menu-wrapper-title">Nos restaurants</div>
                                        <a class="mega-dropdown-menu-restaurant-push" href="#">
                                            <div class="mega-dropdown-item-title">Le bar de la mer</div>
                                            <div class="mega-dropdown-item-img">
                                                <!-- <img src=""/> -->
                                                <picture data-alt="" data-default-src="img/layout/restaurant-1.jpg">
                                                    <source media="(min-width: 1025px)" srcset="img/layout/restaurant-1.jpg"/>
                                                    <source media="(min-width: 481px)" srcset="img/layout/restaurant-1.jpg"/>
                                                    <source media="(max-width: 480px)"  srcset="img/layout/restaurant-1.jpg"/>
                                                    <img src="" alt="" />
                                                </picture>
                                            </div>
                                            <div class="mega-dropdown-item-legend">Brasserie</div>
                                        </a>
                                        <a class="mega-dropdown-menu-restaurant-push" href="#">
                                            <div class="mega-dropdown-item-title">Le Brummel</div>
                                            <div class="mega-dropdown-item-img">
                                                <!-- <img src=""/> -->
                                                <picture data-alt="" data-default-src="img/layout/restaurant-2.jpg">
                                                    <source media="(min-width: 1025px)" srcset="img/layout/restaurant-2.jpg"/>
                                                    <source media="(min-width: 481px)" srcset="img/layout/restaurant-2.jpg"/>
                                                    <source media="(max-width: 480px)"  srcset="img/layout/restaurant-2.jpg"/>
                                                    <img src="" alt="" />
                                                </picture>
                                            </div>
                                            <div class="mega-dropdown-item-legend">Brasserie</div>
                                        </a>
                                        <a class="mega-dropdown-menu-restaurant-push" href="#">
                                            <div class="mega-dropdown-item-title">Le bar du soleil</div>
                                            <div class="mega-dropdown-item-img">
                                                <!-- <img src=""/> -->
                                                <picture data-alt="" data-default-src="img/layout/restaurant-3.jpg">
                                                    <source media="(min-width: 1025px)" srcset="img/layout/restaurant-3.jpg"/>
                                                    <source media="(min-width: 481px)" srcset="img/layout/restaurant-3.jpg"/>
                                                    <source media="(max-width: 480px)"  srcset="img/layout/restaurant-3.jpg"/>
                                                    <img src="" alt="" />
                                                </picture>
                                            </div>
                                            <div class="mega-dropdown-item-legend">Terrasse</div>
                                        </a>
                                        <a class="mega-dropdown-menu-restaurant-push no-margin" href="#">
                                            <div class="mega-dropdown-item-title">Le plaza café</div>
                                            <div class="mega-dropdown-item-img">
                                                <!-- <img src=""/> -->
                                                <picture data-alt="" data-default-src="img/layout/restaurant-4.jpg">
                                                    <source media="(min-width: 1025px)" srcset="img/layout/restaurant-4.jpg"/>
                                                    <source media="(min-width: 481px)" srcset="img/layout/restaurant-4.jpg"/>
                                                    <source media="(max-width: 480px)"  srcset="img/layout/restaurant-4.jpg"/>
                                                    <img src="" alt="" />
                                                </picture>
                                            </div>
                                            <div class="mega-dropdown-item-legend">Brasserie</div>
                                        </a>
                                        <a class="mega-dropdown-menu-restaurant-push no-margin" href="#">
                                            <div class="mega-dropdown-item-title">Le Cercle</div>
                                            <div class="mega-dropdown-item-img">
                                                <!-- <img src=""/> -->
                                                <picture data-alt="" data-default-src="img/layout/restaurant-5.jpg">
                                                    <source media="(min-width: 1025px)" srcset="img/layout/restaurant-5.jpg"/>
                                                    <source media="(min-width: 481px)" srcset="img/layout/restaurant-5.jpg"/>
                                                    <source media="(max-width: 480px)"  srcset="img/layout/restaurant-5.jpg"/>
                                                    <img src="" alt="" />
                                                </picture>
                                            </div>
                                            <div class="mega-dropdown-item-legend">Restaurant Italien</div>
                                        </a>
                                    </section>
                                    <section class="mega-dropdown-menu-bar-wrapper">
                                        <div class="mega-dropdown-menu-wrapper-title">Nos bars</div>
                                        <a class="mega-dropdown-menu-bar-push" href="#">
                                            <div class="mega-dropdown-item-title">O² SOFA BAR</div>
                                            <div class="mega-dropdown-item-img">
                                                <!-- <img src=""/> -->
                                                <picture data-alt="" data-default-src="img/layout/restaurant-1.jpg">
                                                    <source media="(min-width: 1025px)" srcset="img/layout/restaurant-1.jpg"/>
                                                    <source media="(min-width: 481px)" srcset="img/layout/restaurant-1.jpg"/>
                                                    <source media="(max-width: 480px)"  srcset="img/layout/restaurant-1.jpg"/>
                                                    <img src="" alt="" />
                                                </picture>
                                            </div>
                                            <div class="mega-dropdown-item-legend">Terrasse</div>
                                        </a>
                                        <a class="mega-dropdown-menu-bar-push no-margin" href="#">
                                            <div class="mega-dropdown-item-title">Le Plaza café</div>
                                            <div class="mega-dropdown-item-img">
                                                <!-- <img src=""/> -->
                                                <picture data-alt="" data-default-src="img/layout/restaurant-1.jpg">
                                                    <source media="(min-width: 1025px)" srcset="img/layout/restaurant-1.jpg"/>
                                                    <source media="(min-width: 481px)" srcset="img/layout/restaurant-1.jpg"/>
                                                    <source media="(max-width: 480px)"  srcset="img/layout/restaurant-1.jpg"/>
                                                    <img src="" alt="" />
                                                </picture>
                                            </div>
                                            <div class="mega-dropdown-item-legend">En salle</div>
                                        </a>
                                    </section>
                                    <section class="mega-dropdown-menu-around">
                                        <div class="mega-dropdown-menu-around-item mega-dropdown-menu-around-item-around">
                                            <a href="#">à proximité</a>
                                        </div>
                                        <div class="mega-dropdown-menu-around-item">
                                            <a href="#">le ciro's barrière</a>
                                        </div>
                                        <div class="mega-dropdown-menu-around-item">
                                            <a href="#">le bar de la mer</a>
                                        </div>
                                        <div class="mega-dropdown-menu-around-item">
                                            <a href="#">le brummel</a>
                                        </div>
                                        <div class="mega-dropdown-menu-around-item">
                                            <a href="#">le bar du soleil</a>
                                        </div>
                                    </section>
                                </div>
                                <hr class="stars ptb20"/>
                            </div>
						</div>
					</div>
				</li>


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

				<!-- L'esprit Barrière -->
				<li id="spirit"><a class="menu-item" href="">Spectacles & Animations</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>
				
				<!--Infos-pratiques -->
				<li class="no-border"><a class="menu-item" href="">Infos-pratiques</a></li>

                <!-- Espace Perso -->
				<li class="show-mobile">
                    <a class="menu-item" href="#">
                        <span class="user-icon"></span> ESPACE PERSO
                    </a>
                </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>
