Outiref

Code source de l'URL : https://okvoyages.tn/

    <!doctype html>
<!--[if IE 7 ]>    <html lang="FR-fr" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="FR-fr" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="FR-fr" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="FR-fr" class="no-js">

<head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Ok voyages Agence de Voyages Catégorie A
</title>

    <meta name="keywords"
          content="agence de voyage, agence de voyage sousse, agence de voyage en tunisie, voyage, hotel demi pension, hotel all inclusif " />
    <meta name="description"
          content="Agence de voyages Tunisienne qui propose les meilleures offres de r&eacute;servation d&rsquo;h&ocirc;tels en Tunisie, les meilleurs prix de voyages organis&eacute;s et sur mesure dans le monde, des circuits, des excursions et des billets d&rsquo;avion ou de bateau." />


    <meta name="author" content="Technology Travel Tourism" />
    <meta property="og:url" content="https://okvoyages.tn/" />
    <meta property="og:type" content="website" />
    <meta property="og:title"
          content="Ok voyages Agence de Voyages Catégorie A" />
    <meta property="og:description" content="Agence de voyages Tunisienne qui propose les meilleures offres de r&eacute;servation d&rsquo;h&ocirc;tels en Tunisie, les meilleurs prix de voyages organis&eacute;s et sur mesure dans le monde, des circuits, des excursions et des billets d&rsquo;avion ou de bateau." />
    <meta property="og:image" content="" />

    <meta property="og:image:width" content="200" />
    <meta property="og:image:height" content="200" />
            <meta property="fb:app_id" content="1272052076284324"/>
        <meta name="robots" content="index.,follow,All" />
    <meta name="google-site-verification" content="KXiJfke6m9vneseRopYbLjgYHA0_7SEH-c7mojkGrLk" />
    <link rel="icon" type="image/x-icon" href="/public/images/image/"/>
    <meta name="msapplication-TileImage">
    <meta name="theme-color" content="#ffffff">
    <meta name="google-signin-client_id" content="951106929517-o528qfpehcmvdcvtca47d1na4i9ruvr2.apps.googleusercontent.com">
    
<link href="/public/front/library/css/Commune/bootstrap/4.3.1/css/bootstrap.min.css" rel='stylesheet' />
<link href="/public/front/library/css/Commune/bootstrap/bootstrap-datetimepicker-standalone.min.css" rel='stylesheet' />
<link href="/public/front/library/css/Commune/bootstrap/bootstrap-datetimepicker.min.css" rel='stylesheet' />
<link href="/public/front/library/css/Commune/font-awesome/css/font-awesome.min.css">

<link href="/public/front/js/libs/icofont/icofont.min.css" rel="stylesheet" type="text/css">
<link href="/public/front/plugin/font-awesome/css/all.css" rel="stylesheet" type="text/css">
<link href="/public/front/plugin/font-awesome/css/fontawesome.min.css" rel="stylesheet" type="text/css">
<link href="/public/front/js/libs/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css">
<!-- swiper -->
<link href="/public/front/library/swiper/5.4.1/css/swiper.min.css" rel="stylesheet">

<link href="/public/front/css/index.css" rel="stylesheet" type="text/css">
<link href="/public/front/js/libs/daterange/daterangepicker.css" rel="stylesheet" type="text/css">




<link href="/public/front/js/libs/ion_rangeslider/css/ion.rangeSlider.min.css" rel='stylesheet' />
<link href="/public/front/js/libs/fotorama/fotorama.css" rel='stylesheet' />
<link href="/public/front/js/libs/carousel-2/dist/assets/owl.carousel.min.css" rel="stylesheet">
<link href="/public/front/js/libs/carousel-2/dist/assets/owl.theme.default.min.css" rel="stylesheet">
<link rel="stylesheet" href="/public/front/js/libs/flags/css/flag-icon.min.css">
<link href="/public/front/css/transitions.css" rel="stylesheet">
<!-- Master Slider Skin -->

<link href="/public/front/b2c/css/masterslider.css" rel='stylesheet' type='text/css'>
<link href="/public/front/b2c/css/ms-autoheight.css" rel='stylesheet' type='text/css'>
<link href="/public/front/b2c/css/style-slider-home.css" rel='stylesheet' type='text/css'>

    <!-- STYLE EXPORTS GRID -->
    <script src="/public/front/js/libs/jquery-3.3.1.min.js"></script>
<script src="/public/front/js/libs/jquery-migrate-3.0.0.min.js"></script>

<script src="/public/front/library/css/Commune/bootstrap/4.3.1/js/popper.min.js"></script>
<script src="/public/front/library/css/Commune/bootstrap/4.3.1/js/bootstrap.min.js"></script>


<script src="/public/front/library/swiper/5.4.1/js/swiper.min.js"></script>

<script>
    var bookingCore = {

        booking_decimals: 0,
        thousand_separator: '.',
        decimal_separator: ',',
        currency_position: 'left',
        currency_symbol: '$',
        currency_rate: '1',
        date_format: 'DD/MM/YYYY',
        map_provider: 'gmap',
        map_gmap_key: '',
        currentUser: 0
    };
    var i18n = {
        warning: "Warning",
        success: "Success",
    };
    $('#hotels .dropdown-toggle').prop('disabled', true);
    $('#Chambre').click(function () {
        $('#hotels .dropdown-menu').show();
    });
    $('#ok').click(function () {
        $('#hotels .dropdown-menu').hide();
    });
</script>

<script src="/public/front/js/libs/bootbox/bootbox.min.js"></script>
<script src="/public/front/js/libs/carousel-2/dist/owl.carousel.min.js"></script>

<script src="/public/front/js/libs/daterange/moment.min.js"></script>

<script src="/public/front/js/libs/daterange/daterangepicker.min.js"></script>

<!--script src="/public/front/js/libs/select2/js/select2.min.js"></script-->
<!--script src="/public/front/js/functions.js?_ver=1.5.0"></script-->

<!--script src="/public/front/js/home.js"></script-->
<!--script src="/public/front/js/libs/ion_rangeslider/js/ion.rangeSlider.min.js"></script-->
<!--script src="/public/front/module/hotel/js/hotel.js"></script-->
<script src="/public/front/js/jquery.validate.js"></script>


<!--script src="/public/front/js/jquery-multitabs.js"></script-->

        <script src="/public/front/library/js/paginathing.js"></script>
<script src="/public/front/library/css/Commune/universal/custom.js"></script>

<!-- assistant formulaire -->
<!--script src="/public/front/library/js/jquery.steps.min.js"></script-->
<script src="/public/front/library/css/Commune/ui/jquery-ui.js"></script>



                    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-143945896-1"></script>
        <script>
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }

            gtag('js', new Date());

            gtag('config', 'UA-143945896-1');
        </script>
                <!-- Facebook Pixel Code -->
        <script>
            !function (f, b, e, v, n, t, s) {
                if (f.fbq)
                    return;
                n = f.fbq = function () {
                    n.callMethod ?
                        n.callMethod.apply(n, arguments) : n.queue.push(arguments)
                };
                if (!f._fbq)
                    f._fbq = n;
                n.push = n;
                n.loaded = !0;
                n.version = '2.0';
                n.queue = [];
                t = b.createElement(e);
                t.async = !0;
                t.src = v;
                s = b.getElementsByTagName(e)[0];
                s.parentNode.insertBefore(t, s)
            }(window, document, 'script',
                'https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '2369025319863345');
            fbq('track', 'PageView');
        </script>
        <!-- End Facebook Pixel Code -->
    </head>
<body class="frontend-page page login-21 authfy-panel">
 <noscript>
    <img height="1" width="1" alt="pixel facebook" src="https://www.facebook.com/tr?id=2369025319863345&ev=PageView&noscript=1">
</noscript>
<div id="fb-root" class="fb_reset"></div>
<div class="bravo_wrap">

                <div class="position">
                <style>
    .dropdown-toggle::after{
        color: #1a2e46;
    }
</style>
<script>
    function editLocaleLangue(pRoute) {
        $.ajax({
            type: "POST",
            url: '/language',
            data: "idLangue=" + pRoute,
            dataType: "json",
            success: function (data) {
            },
            complete: function (xhr, status) {
                window.location.reload();
            }

        });


    }
</script>

<div class="bravo_topbar">
    <div class="container">
        <div class="content">
            <div class="topbar-left">
                <!--<div class="socials">
                                            <a href="https://www.facebook.com/OkVoyagesTunisie"><i class="fa fa-facebook"></i></a>

                                            <a href="#"><i class="fa fa-instagram"></i></a>

                                    </div>-->
                <!-- <span class="line"></span>
                <span class="__cf_email__"><i class="field-icon fa icofont-mail"></i> info@okvoyages.tn</span>-->


            </div>
            <div class="topbar-right">
                <span class="__cf_email__"><i class="icofont-phone"></i> <b>Infos Line: </b> (+216) 73 200 030</span>
                <ul class="topbar-items">
                                                                        <li class="login-item">
                                <a href="#login" class="login_modal_user"> <i class="icofont-user"></i> Espace Client</a>
                            </li>
                            <li class="signup-item">
                                <a href="/EspaceB2B"> <i class="icofont-user-suited"></i> Accès pro</a>
                            </li>

                        
                    
                    <li>
                        <div class="btn-group">
                            <button type="button" class="lang_button  btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="padding: 3px 5px;margin-top: -7px;">
                                                                <img class="top-logo" src="/public/front/images/flag_fr.png" alt="flag fr" style="vertical-align: middle;"> <span class="caret"></span>
                            </button>
                            <ul id="lang_panel" class="dropdown-menu dropdown-menu animated fadeIn accueil" >
                                                                    <li onclick="editLocaleLangue('en');">
                                        <a>
                                            <img id="en_US" class="top-logo" style="vertical-align: middle;" src="/public/front/images/flag_en.png " alt="flag fr"> Anglais                                        </a>
                                    </li>
                                                                    <li onclick="editLocaleLangue('fr');">
                                        <a>
                                            <img id="fr_FR" class="top-logo" style="vertical-align: middle;" src="/public/front/images/flag_fr.png " alt="flag fr"> Francais                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                    </li>
                    <li>

                        <a href="/item-panier/explorerPanier" class="text-warning">
                            <img src="/public/front/b2c/images/shopping-basket.png" alt="basket"  />

                             <div class="badge badge-danger">0</div>                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script>

        function logout() {
            FB.getLoginStatus(function (response) {
                FB.logout(function (response) {
                    console.log("Logged Out!");
                    window.location = "/";
                });
            });

        }
        $("#logout").click(function () {
            var auth2 = gapi.auth2.getAuthInstance();
            auth2.signOut().then(function () {
                console.log('User google signed out.');
            });
            //logout();
            var cookies = document.cookie.split(";");

            for (var i = 0; i < cookies.length; i++) {
                var cookie = cookies[i];
                var eqPos = cookie.indexOf("=");
                var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
                document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
            }
        });
    </script>
</div>        
<!-- menu mobile -->

<div class="bravo_wrap">
    <div class="bravo_header">
        <div class="bravo-menu-mobile" style="display:none;">
            <div class="user-profile">
                <div class="b-close"><i class="icofont-scroll-left"></i></div>
                <div class="avatar"></div>
                <ul>

                    
                            <li>
                                <a href="#login" class="login_modal_user">Se Connecter</a>
                            </li>
                            <li>
                                <a href="#register" data-toggle="modal" data-target="#register" class="signup">Créez un compte!</a>
                            </li>

                                            </ul>

                <ul class="multi-lang">
                    <li class="dropdown">
                                                <a data-toggle="dropdown" rel="canonical"> 
                            <img class="top-logo" src="/public/front/images/flag_fr.png" alt="flag fr" style="vertical-align: middle;"> 
                            <i class="fa fa-angle-down"></i>
                        </a>
                        <ul id="lang_panel" class="dropdown-menu" >
                                                            <li onclick="editLocaleLangue('en');">
                                    <a class="sous-main-menu" rel="canonical">
                                        <img id="en_US" class="top-logo" style="vertical-align: middle;" src="/public/front/images/flag_en.png " alt="flag fr"> Anglais                                    </a>
                                </li>
                                                            <li onclick="editLocaleLangue('fr');">
                                    <a class="sous-main-menu" rel="canonical">
                                        <img id="fr_FR" class="top-logo" style="vertical-align: middle;" src="/public/front/images/flag_fr.png " alt="flag fr"> Francais                                    </a>
                                </li>
                                                    </ul>

                    </li>
                </ul>
                <ul class="multi-lang">
                    
                                            <li class="dropdown"> 
                            <a  data-toggle="dropdown"  rel="canonical" href="#">
                                Hôtels                                                                    <i class="fa fa-angle-down"></i>                             </a>

                                                            <ul class="dropdown-menu">

                                                                                <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Tunis?from_start=1"> Tunis</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Sousse?from_start=1"> Sousse</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Tabarka?from_start=1"> Tabarka</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Hammamet?from_start=1"> Hammamet</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Monastir?from_start=1"> Monastir</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Mahdia?from_start=1"> Mahdia</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Kairouan ?from_start=1"> Kairouan </a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Zarzis?from_start=1"> Zarzis</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Djerba?from_start=1"> Djerba</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Gammarth?from_start=1"> Gammarth</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/KORBA?from_start=1"> Korba</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/GAFSA?from_start=1"> Gafsa</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/TOZEUR?from_start=1"> Tozeur</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Sfax?from_start=1"> Sfax</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Beja?from_start=1"> Beja</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Douz?from_start=1"> Douz</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Bizerte?from_start=1"> Bizerte</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/ISTANBUL?from_start=1"> Istanbul</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Takasim?from_start=1"> Takasim</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Laleli?from_start=1"> Laleli</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Antalya?from_start=1"> Antalya</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/NICE?from_start=1"> Nice</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/LE CAIRE?from_start=1"> Le caire</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Sharm El Sheikh?from_start=1"> Sharm el sheikh</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehotel/searchRoom/VILLE/Dubai?from_start=1"> Dubai</a>
                                            </li>
                                            
                                </ul>
                                                    </li>
                                                <li class="dropdown"> 
                            <a    rel="canonical" href="/transport/liste">
                                Location                                                            </a>

                                                    </li>
                                                <li class="dropdown"> 
                            <a  data-toggle="dropdown"  rel="canonical" href="#">
                                Voyages                                                                    <i class="fa fa-angle-down"></i>                             </a>

                                                            <ul class="dropdown-menu">

                                                                                <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehoteloutgoing/searchRoomVoyage"> Voyages organisés</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/recherchehoteloutgoing/searchVoyageCarte"> Voyages à la carte</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/voyages-sur-mesure"> Voyages sur mesure</a>
                                            </li>
                                            
                                </ul>
                                                    </li>
                                                <li class="dropdown"> 
                            <a  data-toggle="dropdown"  rel="canonical" href="#">
                                Circuits                                                                    <i class="fa fa-angle-down"></i>                             </a>

                                                            <ul class="dropdown-menu">

                                                                                <li >
                                                <a class="sous-main-menu" rel="canonical" href="/circuit-excursion/searchRoomCircuit"> Circuits organisés</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/circuit-excursion/searchCircuitCarte"> Circuits à la carte</a>
                                            </li>
                                            
                                </ul>
                                                    </li>
                                                <li class="dropdown"> 
                            <a  data-toggle="dropdown"  rel="canonical" href="#">
                                Billetterie                                                                    <i class="fa fa-angle-down"></i>                             </a>

                                                            <ul class="dropdown-menu">

                                                                                <li >
                                                <a class="sous-main-menu" rel="canonical" href="/billeterie/vol"> Aérien</a>
                                            </li>
                                                                                        <li >
                                                <a class="sous-main-menu" rel="canonical" href="/billeterie/bateau"> Maritime</a>
                                            </li>
                                            
                                </ul>
                                                    </li>
                                                <li class="dropdown"> 
                            <a    rel="canonical" href="/recherchehotel/searchRoom/LIST/TOP_PROMOS_HOTELS">
                                Promotions                                                            </a>

                                                    </li>
                                                <li class="dropdown"> 
                            <a    rel="canonical" href="/contact">
                                Contact                                                            </a>

                                                    </li>
                        
                </ul>
            </div>

        </div>
    </div>
</div>
<!-- Navigation Menu -->
<div class="bravo_header">
    <div class="container">
        <div class="content">
            <div class="header-right">
                <button class="bravo-more-menu">
                    <i class="fa fa-bars"></i>
                </button>
            </div>
            <div class="header-left">
                <a href="/">
                    <img src="/public/images/logo/logo.png" alt="logo"  class="bravo-logo">
                </a>
                <div class="bravo-menu">

                    <ul class="main-menu menu-generated">
                        <li class="depth-0">

                            <a target="" href="/" rel="canonical"><i class="menu-sprite home hidden-xs"></i> <br />Accueil </a>
                        </li>

                                                    <li class="depth-0">

                                <a target="" href="#"> <i class="menu-sprite hotels hidden-xs"></i><br />Hôtels                                                                            <i class="fa fa-angle-down"></i>                                 </a>

                                                                    <ul class="children-menu menu-dropdown">

                                          <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Tunis?from_start=1"> Tunis</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Sousse?from_start=1"> Sousse</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Tabarka?from_start=1"> Tabarka</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Hammamet?from_start=1"> Hammamet</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Monastir?from_start=1"> Monastir</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Mahdia?from_start=1"> Mahdia</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Kairouan ?from_start=1"> Kairouan </a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Zarzis?from_start=1"> Zarzis</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Djerba?from_start=1"> Djerba</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Gammarth?from_start=1"> Gammarth</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/KORBA?from_start=1"> Korba</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/GAFSA?from_start=1"> Gafsa</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/TOZEUR?from_start=1"> Tozeur</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Sfax?from_start=1"> Sfax</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Beja?from_start=1"> Beja</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Douz?from_start=1"> Douz</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Bizerte?from_start=1"> Bizerte</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/ISTANBUL?from_start=1"> Istanbul</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Takasim?from_start=1"> Takasim</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Laleli?from_start=1"> Laleli</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Antalya?from_start=1"> Antalya</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/NICE?from_start=1"> Nice</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/LE CAIRE?from_start=1"> Le caire</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Sharm El Sheikh?from_start=1"> Sharm el sheikh</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehotel/searchRoom/VILLE/Dubai?from_start=1"> Dubai</a>
  </li>
            
                                    </ul>
                                                            </li>
                                                        <li class="depth-0">

                                <a target="" href="/transport/liste"> <i class="menu-sprite location hidden-xs"></i><br />Location                                                                    </a>

                                                            </li>
                                                        <li class="depth-0">

                                <a target="" href="#"> <i class="menu-sprite voyages hidden-xs"></i><br />Voyages                                                                            <i class="fa fa-angle-down"></i>                                 </a>

                                                                    <ul class="children-menu menu-dropdown">

                                          <li class="depth-1">
        <a rel="canonical" href="/recherchehoteloutgoing/searchRoomVoyage"> Voyages organisés</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/recherchehoteloutgoing/searchVoyageCarte"> Voyages à la carte</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/voyages-sur-mesure"> Voyages sur mesure</a>
  </li>
            
                                    </ul>
                                                            </li>
                                                        <li class="depth-0">

                                <a target="" href="#"> <i class="menu-sprite circuit hidden-xs"></i><br />Circuits                                                                            <i class="fa fa-angle-down"></i>                                 </a>

                                                                    <ul class="children-menu menu-dropdown">

                                          <li class="depth-1">
        <a rel="canonical" href="/circuit-excursion/searchRoomCircuit"> Circuits organisés</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/circuit-excursion/searchCircuitCarte"> Circuits à la carte</a>
  </li>
            
                                    </ul>
                                                            </li>
                                                        <li class="depth-0">

                                <a target="" href="#"> <i class="menu-sprite billetterie hidden-xs"></i><br />Billetterie                                                                            <i class="fa fa-angle-down"></i>                                 </a>

                                                                    <ul class="children-menu menu-dropdown">

                                          <li class="depth-1">
        <a rel="canonical" href="/billeterie/vol"> Aérien</a>
  </li>
              <li class="depth-1">
        <a rel="canonical" href="/billeterie/bateau"> Maritime</a>
  </li>
            
                                    </ul>
                                                            </li>
                                                        <li class="depth-0">

                                <a target="" href="/recherchehotel/searchRoom/LIST/TOP_PROMOS_HOTELS"> <i class="menu-sprite promo hidden-xs"></i><br />Promotions                                                                    </a>

                                                            </li>
                                                        <li class="depth-0">

                                <a target="" href="/contact"> <i class="menu-sprite contact hidden-xs"></i><br />Contact                                                                    </a>

                                                            </li>
                                                    
                    </ul>

                </div>
            </div>
            <div class="header-right logo_panier d-sm-none" style="text-align: center;">
                <a href="/item-panier/explorerPanier" class="text-warning">
                    <img src="/public/front/b2c/images/shopping-basket.png" alt="basket"/>

                     <span class="text-gray"  style="color: #000"></span>
                </a>
            </div>
        </div>
    </div>
</div> 
            </div>
                <div class="page-template-content" id="pricipaldiv">
                    
<div class="ms-autoheight-template with-100">
    <!-- masterslider -->
    <div class="master-slider ms-skin-default" id="masterslider">
                
            <div class="ms-slide">
                <img data-src="/public/images/image/image_0.05584200-1621878707.png" alt="<p>Cicuit Sud Tunisien&nbsp;</p><p>&nbsp;</p>" /> 
            </div>
                
            <div class="ms-slide">
                <img data-src="/public/images/image/image_0.20900600-1617883989.png" alt="<p>Circuit Hamma Bourguiba</p>" /> 
            </div>
                
            <div class="ms-slide">
                <img data-src="/public/images/image/image_0.48354700-1617884101.png" alt="<p>Circuit Nord Tunisien&nbsp;</p>" /> 
            </div>
                
            <div class="ms-slide">
                <img data-src="/public/images/image/image_0.56020400-1621878866.png" alt="<p>Promo sp&eacute;ciale d&eacute;confinement 40%</p>" /> 
            </div>
                
            <div class="ms-slide">
                <img data-src="/public/images/image/image_0.53470900-1621878741.png" alt="<p>Votre s&eacute;jour de r&egrave;ve &agrave; Djerba&nbsp;</p>" /> 
            </div>
                
            <div class="ms-slide">
                <img data-src="/public/images/image/image_0.40795500-1622481931.png" alt="<p>Istanbul sp&eacute;ial shopping chaque Lundi</p>" /> 
            </div>
                
            <div class="ms-slide">
                <img data-src="/public/images/image/image_0.25012900-1623850100.png" alt="" /> 
            </div>
            </div>
</div>
<!-- end of template -->
              <div class="bravo-form-search-all" >
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="g-form-control" id="zone-moteur-generale1">
                                <ul class="nav nav-tabs" role="tablist">
            <li>
            <a href="#search_1" class="active" aria-controls="search_1" role="tab" data-toggle="tab">
                <i class="fa fa-building-o"></i>
        Séjours Hôtels            </a>
        </li>
                <li>
            <a href="#search_2" class="" aria-controls="search_2" role="tab" data-toggle="tab">
                <i class="icofont-car"></i>
        Voyages organisés            </a>
        </li>
        </ul>
<div class="tab-content" id="tab-content">
<!-- search hotel -->
<div role="tabpanel" class="tab-pane active" id="search_1">
        <form action="&#x2F;recherchehotel&#x2F;searchRoom" method="POST" name="Hotel" enctype="multipart&#x2F;form-data" id="myForm" class="frm-search&#x20;form&#x20;bravo_form">    <div class="g-field-search" id="hotels">
        <div class="row">
            <div class="col-md-4 border-right">
                <div class="form-group">
                    <i class="field-icon fa icofont-map"></i>
                    <div class="form-content">
                        <label>Destination</label>
                        <div class="smart-search">
                            <input type="text" id="autocomplete" name="hotel" class="parent_text form-control" placeholder="Où allez-vous?">
                        </div>
                        <div class="clearfix error-message-hotel" id="error" style="display: none;">
                            <i class="fa fa-warning"></i> Veuillez saisir une destination ou un hôtel 
                        </div>
                        <div id="selction-ajax"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 border-right">
                <div class="form-group">
                    <i class="field-icon icofont-wall-clock"></i>
                    <div class="form-content">
                        <div class="form-date-search-hotel">
                            <div class="date-wrapper">
                                <div class="check-in-wrapper">
                                    <label>Date d'arrivée - Date de départ</label>
                                    <div class="render check-in-render"><i class="icofont-calendar"></i> 19/06/2021</div>
                                    <span> <i class="fa fa-long-arrow-right"></i> </span>
                                    <div class="render check-out-render"><i class="icofont-calendar"></i> 20/06/2021</div>
                                </div>
                            </div>
                            <input type="hidden" class="check-in-input" value="19/06/2021" name="du">
                            <input type="hidden" class="check-out-input" value="20/06/2021" name="au">
                            <input type="text" class="check-in-out" name="date" value="19/06/2021 - 20/06/2021">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 border-right dropdown form-select-guests">
                <div class="form-group">
                    <i class="field-icon icofont-travelling"></i>
                    <div class="form-content dropdown-toggle" data-toggle="dropdown">
                        <div class="wrapper-more">
                            <label <label>Voyageur(s)</label></label>
                            <div class="render" id="Chambre">
                            </div>
                        </div>
                    </div>
                    <div class="dropdown-menu select-guests-dropdown">
                        <div class="searchbloc p-1" id="display_chambre">
                            <div>
                                <div class="pull-right" style="position: relative;right: 0;top: -3px;">

                                    <button id="addRoomHome" type="button" class="addRoomHome btn-translate--hover btn_add_room btn-plus-moins">
                                        <i class="icofont-plus"></i>
                                    </button>
                                    <span id="nb_rooms" class="count-display number-btn"></span>
                                    <button type="button" id="deleteRoom" class="btn_remove_room btn-plus-moins">
                                        <i class="icofont-minus"></i>
                                    </button>
                                </div>
                            </div>
                            <div id="detail-chambre-handler" class="form-select-guests">
                                        <div class="item-chambre" style="margin-bottom: 10px;padding-left: 4px;margin-top: 10px;">
        <style>
            .btn_remove_room {
                border: 0px solid;
                background: none;
             
                position: relative;
              
            }
        </style>
        <b> Chambre    N°   1</b>
        <div class="row no-gutters">
            <div class="col-2">
                <label style="font-size:9px">Adlt(s)</label>
                <select  id="adulte1" name="adulte1" class="form-control">
                <option value="0" >0</option>
                    <option value="1" >1</option>
                    <option value="2" selected="selected">2</option>
                    <option value="3" >3</option>
                    <option value="4" >4</option>
        </select>            </div>
            <div class="col-2"> 
                <label style="font-size:9px">Enfant(s) </label>
                <div id="nbEnfant-handler-ch1" class="form-group">
                    <select  id="enfants1" name="enfants1" class="form-control">
    
                    <option value="0" selected="selected">0</option>
                    <option value="1" >1</option>
                    <option value="2" >2</option>
        </select>
                </div>
            </div>
            <div class="col">
                <div id="panelAgechambre1" class="row no-gutters">
                                    </div>
            </div>
                    </div>
        <script>
            $("#adulte1").on("change", function () {

                var nb_adulte = $(this).val();
                var index = 1;
                var nb_pax = 4;
                var occupation_maximale = 4;
                $("#nbEnfant-handler-ch1").html("<select class=''></select>");
                $.ajax({
                    url: '/Hotel_Selection/getSelectEnfant',
                    type: "POST",
                    data: 'nb_adulte=' + nb_adulte + "&index=" + index + "&nb_pax=" + nb_pax + "&occupation_maximale=" + occupation_maximale,
                    dataType: "json",
                    success: function (data) {
                      
                        if ($("#adulte1").val()) {
                            nbadl = $("#adulte1").val();
                        } else {
                            nbadl = 0;
                        }
                        if ($("#enfants1").val()) {
                            nbenf = $("#enfants1").val();
                        } else {
                            nbenf = 0;
                        }
                        var som = parseInt(nbadl) + parseInt(nbenf); // + parseInt(nbbb);
                        $("#nbEnfant-handler-ch1").html(data.html);
                        $("#panelAgechambre1").html("");
                      
                    },
                    error: function (xhr, status) {
                        alert("OopsProblemsOfConnectionPleaseSelectDatesAgain");
                    },
                    complete: function (xhr, status) {
                    }
                });
            }
            );
        </script>
        <script>
            $("#nbEnfant-handler-ch1").on("change", "#enfants1", function () {

                var nb_enfant = $(this).val();
                var index = 1;
                $("#panelAgechambre1").empty().append('');

                $.ajax({
                    url: '/recherchehotel/getAgeEnfantPanel',
                    type: "POST",
                    data: 'nb_enfant=' + nb_enfant + "&index=" + index,
                    dataType: "json",
                    success: function (data) {
                        //console.log(data.html);
                        if ($("#adulte1").val()) {
                            nbadl = $("#adulte1").val();
                        } else {
                            nbadl = 0;
                        }
                        if ($("#enfants1").val()) {
                            nbenf = $("#enfants1").val();
                        } else {
                            nbenf = 0;
                        }
                        if ($("#bebe1").val()) {
                            nbbb = $("#bebe1").val();
                        } else {
                            nbbb = 0;
                        }
                        var som = parseInt(nbadl) + parseInt(nbenf) + parseInt(nbbb);

                        $("#panelAgechambre1").html(data.html);

                    },
                    error: function (xhr, status) {
                        alert("Oups problèmes de connexion. Veuillez selectionner les dates à nouveau");
                    },
                    complete: function (xhr, status) {
                    }
                });
            });
        </script>
    </div>
                                </div>
                            <button id="ok" type="button" class="pull-right btn btn-confirmer btn-xs" style="margin-top: 10px;">
                                Confirmer 
                            </button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="g-button-submit">
        <button class="btn style-moteur" id="submit" type="submit">Rechercher</button>
    </div>

    <input type="hidden" id="nbChambre" class="form-control" name="nbChambre" value="1">
    <input type="hidden" id="search_room" class="form-control" name="search_room" value="1">
    <!-- infos search -->
    <input type="hidden" id="termsearch" class="form-control" name="termsearch" value="">
    <input type="hidden" id="typesearch" class="form-control" name="typesearch" value="">
    </form> 
</div>
<!-- search transfert -->
<div role="tabpanel" class="tab-pane" id="search_3">
    <form action="&#x2F;transfert" method="POST" name="Hotel" enctype="multipart&#x2F;form-data" id="myForm" class="form&#x20;bravo_form" role="form">    <input type="hidden" name="direction" id="direction" value="1">
    <div class="g-field-search">

        <div class="p-2 position-moteur" style="margin-bottom: 10px;" id="hotels">
            <div class="row" id="one_way">
                <div class="col-md-4 border-right">
                    <div class="form-group">
                        <i class="field-icon fa icofont-direction-sign"></i>
                        <div class="form-content">
                            <label for="direction_one">Aller simple</label>
                            <input type="radio" class="form-control" id="direction_one" name="direction" value="1" checked="" style="height: 16px;" />

                        </div>
                        <div class="form-content">
                            <label for="direction_two">Aller / Retour</label>
                            <input type="radio" class="form-control" id="direction_two" name="direction" value="2"  style="height: 16px;" />
                        </div>
                    </div>
                </div>
                <div class="col-md-4 border-right">
                    <div class="form-group">
                        <i class="field-icon fa icofont-map"></i>
                        <div class="form-content">
                            <label for="autocomplete"><i class="fa fa-map-marker input-icon"></i>
                                Aéroport arrivée?</label>
                            <span class="twitter-typeahead"
                                  style="position: relative; display: block; direction: ltr;">
                                <input type="text" name="depart" id="autocomplete_depart"
                                       placeholder="Ville ou aeroport" class="form-control" autocomplete="off">
                                <div class="clearfix error-msg" id="error_depart">Veuillez saisir une destination. </div>
                                <input type="hidden" name="id_depart" id="id_depart" value="" />
                                <input type="hidden" name="type_depart" id="type_depart" value="" />
                                <input type="hidden" name="code_depart" id="code_depart" value="" />
                            </span>
                            <div id="selction-ajax"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <i class="field-icon fa icofont-map"></i>
                        <div class="form-content">
                            <label for="autocomplete"> <i class="fa fa-map-marker input-icon"></i>
                                voulez-vous aller?</label>
                            <span class="twitter-typeahead"
                                  style="position: relative; display: block; direction: ltr;">
                                <input type="text" name="arrivee" id="autocomplete_arrivee"
                                       placeholder="Ville ou aeroport" class="form-control" autocomplete="off">
                                <div class="clearfix error-msg" id="error_arrivee">Veuillez saisir une destination. </div>
                                <input type="hidden" name="id_arrivee" id="id_arrivee" value="" />
                                <input type="hidden" name="type_arrivee" id="type_arrivee" value="" />
                                <input type="hidden" name="code_arrivee" id="code_arrivee" value="" />
                            </span>
                            <div id="selction-ajax"></div>
                        </div>

                    </div>
                </div>

            </div>

        </div>

    </div>
    <div class="g-button-submit">
        <button class="btn style-moteur" id="searchtrsf" type="submit">Rechercher</button>
    </div>
</form>
</div>
<!-- search outgoing -->
<div role="tabpanel" class="tab-pane" id="search_2">
        <form action="&#x2F;recherchehoteloutgoing&#x2F;searchRoomVoyage" method="POST" name="Outgoing" enctype="multipart&#x2F;form-data" class="form&#x20;bravo_form" id="Outgoing">    <div class="g-field-search">
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <i class="field-icon fa icofont-map"></i>
                    <div class="form-content">
                        <select name="destination" id="destination" class="form-control" data-live-search="true"><option value="" selected="selected">tous</option>
<option value="4">Istanbul Shopping</option>
<option value="16"> Cairo - Hurghada</option>
<option value="17">Best Time in Cairo - Sharm El Sheikh</option>
<option value="19">Istatnbul</option></select>                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="g-button-submit">
        <input type="hidden" id="id_module" name="id_module" value="2">
        <button class="btn btn-primary btn-search" type="submit">Rechercher</button>
    </div>
</form> 
</div>
<div role="tabpanel" class="tab-pane" id="search_4">
        <form action="&#x2F;circuit-excursion&#x2F;searchRoomCircuit" method="POST" name="Circuits" enctype="multipart&#x2F;form-data" class="form&#x20;bravo_form" id="Circuits">    <div class="g-field-search">
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <i class="field-icon fa icofont-map"></i>
                    <div class="form-content">
                        <select name="destination" id="destination" class="form-control" data-live-search="true"><option value="" selected="selected">tous</option>
<option value="18">Circuit Djerba VIP</option></select>                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="g-button-submit">
        <input type="hidden" id="id_module" name="id_module" value="5">
        <button class="btn btn-primary btn-search" type="submit">Rechercher</button>
    </div>
</form> 
</div>
</div>

<script>
    $(function () {
    $("#error_depart").hide();
    $("#error_arrivee").hide();
    $("#direction_two").click(function () {
    $("#direction").val(2);
    $('#retour input').removeAttr('disabled', 'false');
    $(".retour").show();
    });
    $("#direction_one").click(function () {
    $("#direction").val(1);
    $('#retour input').attr('disabled', 'false');
    $(".retour").hide();
    });
    $.widget("custom.catcomplete", $.ui.autocomplete, {
    _create: function () {
    this._super();
    this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)");
    },
            _renderMenu: function (ul, items) {
            var that = this,
                    currentCategory = "";
            var i = 0;
            $.each(items, function (index, item) {

            var li;
            if (item.category != currentCategory) {
            ul.append("<li class='ui-autocomplete-category'>" + item.category +
                    "</li>");
            currentCategory = item.category;
            }
            li = that._renderItemData(ul, item);
            if (item.category) {
            li.attr("aria-label", item.category + " : " + item.label);
            }
            i++;
            });
            }
    });
    /*
     * autocomplete depart
     */
    $("#autocomplete_depart").catcomplete({
    delay: 0,
            source: function (request, response) {
            $.ajax({
            url: "/transfert/autocomplete",
                    async: true,
                    dataType: "json",
                    type: "GET",
                    data: {
                    term: request.term,
                    },
                    beforeSend: function () {
                    $('.loader').show();
                    },
                    success: function (data) {

                    response(data);
                    },
                    open: function () {
                    $('.loader').hide();
                    },
            });
            },
            minLength: 4,
            messages: {
            noResults: '',
                    results: function () {}
            },
            select: function (event, ui) {
            $("#id_depart").val(ui.item.label); // display the selected text
            $("#type_depart").val(ui.item.category); // display the selected text
            $("#code_depart").val(ui.item.id); // display the selected text
            }
    });
    /*
     * autocomplete arrivee
     */
    $("#autocomplete_arrivee").catcomplete({
    delay: 0,
            source: function (request, response) {
            $.ajax({
            url: "/transfert/autocomplete",
                    async: true,
                    dataType: "json",
                    type: "GET",
                    data: {
                    term: request.term,
                    },
                    beforeSend: function () {
                    $('.loader').show();
                    },
                    success: function (data) {

                    response(data);
                    },
                    open: function () {
                    $('.loader').hide();
                    },
            });
            },
            minLength: 4,
            messages: {
            noResults: '',
                    results: function () {}
            },
            select: function (event, ui) {
            $("#id_arrivee").val(ui.item.label); // display the selected text
            $("#type_arrivee").val(ui.item.category); // display the selected text
            $("#code_arrivee").val(ui.item.id); // display the selected text

            }

    });
    });
    $('.form-date-search').each(function () {
    var nowDate = new Date();
    var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
    var parent = $(this),
            date_wrapper = $('.date-wrapper', parent),
            check_in_input = $('.check-in-input', parent),
            check_out_input = $('.check-out-input', parent),
            check_in_out = $('.check-in-out', parent),
            check_in_render = $('.check-in-render', parent),
            check_out_render = $('.check-out-render', parent);
    var options = {
    singleDatePicker: false,
            autoApply: true,
            disabledPast: true,
            customClass: '',
            widthSingle: 300,
            onlyShowCurrentMonth: true,
            minDate: today,
            locale: {
            format: "DD/MM/YYYY",
                "daysOfWeek": [
                    "Dim",
                    "Lun",
                    "Mar",
                    "Mer",
                    "Jeu",
                    "Ven",
                    "Sam"
                ],
                "monthNames": [
                    "Janvier",
                    "Février",
                    "Mars",
                    "Avril",
                    "Mai",
                    "Juin",
                    "Juillet",
                    "Aout",
                    "Septembre",
                    "Octobre",
                    "Novembre",
                    "Decembre"
                ],
            }
    };
    if (typeof locale_daterangepicker == 'object') {
    options.locale = locale_daterangepicker;
    }
    check_in_out.daterangepicker(options, function (du, au, label) {
    check_in_input.val(du.format(bookingCore.date_format));
    check_in_render.html('<i class="icofont-calendar"></i> ' + du.format(bookingCore.date_format));
    check_out_input.val(au.format(bookingCore.date_format));
    check_out_render.html('<i class="icofont-calendar"></i> ' + au.format(bookingCore.date_format));
    });
    date_wrapper.click(function (e) {
    check_in_out.trigger('click');
    });
    });
    $('.date-picker').each(function () {
    $(this).daterangepicker({
    "singleDatePicker": true,
            locale: {
            format: bookingCore.date_format
            }
    });
    });
    $('.form-date-search-hotel').each(function () {
    var nowDate = new Date();
    var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
    var parent = $(this),
            date_wrapper = $('.date-wrapper', parent),
            check_in_input = $('.check-in-input', parent),
            check_out_input = $('.check-out-input', parent),
            check_in_out = $('.check-in-out', parent),
            check_in_render = $('.check-in-render', parent),
            check_out_render = $('.check-out-render', parent);
    var options = {
    singleDatePicker: false,
            autoApply: true,
            disabledPast: true,
            customClass: '',
            widthSingle: 300,
            onlyShowCurrentMonth: true,
            minDate: today,
            locale: {
            format: "DD/MM/YYYY",
                "daysOfWeek": [
                    "Dim",
                    "Lun",
                    "Mar",
                    "Mer",
                    "Jeu",
                    "Ven",
                    "Sam"
                ],
                "monthNames": [
                    "Janvier",
                    "Février",
                    "Mars",
                    "Avril",
                    "Mai",
                    "Juin",
                    "Juillet",
                    "Aout",
                    "Septembre",
                    "Octobre",
                    "Novembre",
                    "Décembre"
                ],
            }
    };
    if (typeof locale_daterangepicker == 'object') {
    options.locale = locale_daterangepicker;
    }
    check_in_out.daterangepicker(options).on('apply.daterangepicker', function (ev, picker) {
    if (picker.endDate.diff(picker.startDate, 'day') <= 0) {
    picker.endDate.add(1, 'day');
    }
    check_in_input.val(picker.startDate.format(bookingCore.date_format));
    check_in_render.html('<i class="icofont-calendar"></i> ' + picker.startDate.format(bookingCore.date_format));
    check_out_input.val(picker.endDate.format(bookingCore.date_format));
    check_out_render.html('<i class="icofont-calendar"></i> ' + picker.endDate.format(bookingCore.date_format));
    check_in_out.val(picker.startDate.format("DD/MM/YYYY") + " - " + picker.endDate.format("DD/MM/YYYY"))
    });
    date_wrapper.click(function (e) {
    check_in_out.trigger('click');
    });
    });
    $('[data-toggle="tooltip"]').tooltip();
    $('.dropdown-toggle').dropdown();
    $('.select-guests-dropdown .dropdown-item-row').click(function (e) {
    e.stopPropagation();
    });
    $(".smart-search .smart-select").each(function () {
    var $this = $(this);
    var string_list = $this.attr('data-default');
    var default_list = [];
    if (string_list.length > 0) {
    default_list = JSON.parse(string_list);
    }
    var options = {
    dataDefault: default_list,
            iconItem: "",
            textLoading: $this.attr("data-onLoad"),
    };
    $this.bravoAutocomplete(options);
    });
    /*
     * 
     * message infos chambre
     */
    var nbPersonne = parseInt(0);
    var nbadulte = parseInt(0);
    var nbenfants = parseInt(0);
    var nb_chambre = parseInt(0);
    $('.select-guests-dropdown').hide();
    $("#Chambre").html("<span style='font-size:16px;font-weight: 900;'>1</span> Chambre(s), <b><span style='font-size:14px;font-weight: 900;'>2 </span></b>Personne(s)")
            $('#nb_rooms').text(1);
    $("#Chambre").click(function () {
    $('.select-guests-dropdown').show();
    });
    $("#ok").click(function () {
    var nb_chambre = $("#myForm #detail-chambre-handler > div").length;
    var nbPersonne = parseInt(0);
    var nbadulte = parseInt(0);
    var nbenfants = parseInt(0);
    for (i = 1; i <= nb_chambre; i++) {
    nbadulte = parseInt($("#detail-chambre-handler #adulte" + i).val());
    nbenfants = parseInt($("#detail-chambre-handler #enfants" + i).val());
    nbPersonne += nbadulte + nbenfants;
    }
    $("#Chambre").html("<span style='font-size:16px;font-weight: 900;'>" + nb_chambre + "</span> chambre(s), <b><span style='font-size:14px;font-weight: 900;'>" + nbPersonne + "</span></b> Personne(s)")
            $('.select-guests-dropdown').hide();
    });
    //When clicking on a button, it shows the loader
    $("#error").hide();
    $("#hotels").on("click", "#addRoomHome", function (e) {

    var nb_chambre = $("#detail-chambre-handler > div").length;
    if (nb_chambre < 6) {
    $.ajax({
    url: '/recherchehotel/addRoomHome',
            type: "POST",
            data: 'index=' + nb_chambre,
            dataType: "json",
            beforeSend: function () {
            $('#display_chambre #addRoomHome').prop('disabled', true);
            },
            success: function (data) {
            $("#detail-chambre-handler").append(data.html);
            $('#nbChambre').val(nb_chambre + 1);
            $('#nb_rooms').text(nb_chambre + 1);
            },
            error: function (xhr, status) {
            alert("Oups problèmes de connexion. Veuillez selectionner les dates à nouveau");
            },
            complete: function (xhr, status) {
            $('#display_chambre #addRoomHome').prop('disabled', false);
            }
    });
    }

    });
    $("#hotels").on("click", "#deleteRoom", function (e) {
    var nb_chambre = $("#detail-chambre-handler > div").length;
    if (nb_chambre > 1) {
    $("#detail-chambre-handler > div.item-chambre:last-child").detach();
    $('#nbChambre').val(nb_chambre - 1);
    $('#nb_rooms').text(nb_chambre - 1);
    }
    })
</script>

<script>
            /*
             * ctr
             */
            $("#submit").click(function () {
    var adulte1 = 0;
    var enft1 = 0;
    var somadl = 0;
    var somenf = 0;
    var enfants = 0;
    var nbPaxRoom = true;
    var ageenfSpecifiee = true;
    var ShowAlert = false;
    var msgAlert = '';
    var nb_chambre = $("#myForm #detail-chambre-handler > div").length;
    if ($("#termsearch").val() == "" || $("#typesearch").val() === "") {
    ShowAlert = true;
    msgAlert = '<i class="fa fa-warning"></i> Veuillez choisir une destination ou un hôtel ';
    $("#error").html(msgAlert);
    $("#autocomplete").addClass('error');
    $("#error").show(500);
    } else {
    $("#autocomplete").removeClass('error');
    $("#error").hide(500);
    }
    if ($("#autocomplete").val() === "") {

    ShowAlert = true;
    msgAlert = '<i class="fa fa-warning"></i> Veuillez choisir une destination ou un hôtel ';
    $("#error").html(msgAlert);
    $("#autocomplete").addClass('error');
    $("#error").show();
    } else {
    $("#autocomplete").removeClass('error');
    $("#error").hide(500);
    }



    $("#myForm").submit(function (event) {
    if (ShowAlert === true) {
    event.preventDefault();
    }

    $('#myForm').unbind('submit').submit();
    });
    });</script>

<script>


    var jqxhr = $.getJSON("/recherchehotel/autocomplete", function () {
    })
            .done(function () {

            data = JSON.parse(jqxhr.responseText);
            $(".smart-search-location").attr('data-default', data);
            $.widget("custom.catcomplete", $.ui.autocomplete, {
            _create: function () {
            this._super();
            this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)");
            },
                    _renderMenu: function (ul, items) {
                    var that = this,
                            currentCategory = "";
                    var i = 0;
                    $.each(items, function (index, item) {

                    var li;
                    if (item.category != currentCategory) {
                    if (item.category == 'HOTEL') {
                    ul.append("<li class='ui-autocomplete-category-hotel'>Hôtel </li>");
                    } else if (item.category == 'VILLE') {
                    ul.append("<li class='ui-autocomplete-category'>Ville </li>");
                    } else{
                    ul.append("<li class='ui-autocomplete-category'>Pays </li>");
                    }

                    currentCategory = item.category;
                    }
                    li = that._renderItemData(ul, item);
                    if (item.category) {
                    li.attr("aria-label", item.category + " : " + item.label);
                    }
                    i++;
                    });
                    }
            });
            $('.loader').hide();
            $("#autocomplete").catcomplete({
            delay: 0,
                    source: data,
                    minLength: 2,
                    messages: {
                    noResults: '',
                            results: function () {
                            }
                    },
                    select: function (event, ui) {
                    $("#termsearch").val(ui.item.label); // display the selected text
                    $("#typesearch").val(ui.item.category); // save selected id to hidden input
                    }
            });
            })
            .fail(function () {
            //console.log( "error" );
            })
            .always(function () {
            // console.log( "complete" );
            });</script>

<script>
    $(function () {
    $.widget("custom.catcomplete", $.ui.autocomplete, {
    _create: function () {
    this._super();
    this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)");
    },
            _renderMenu: function (ul, items) {
            var that = this,
                    currentCategory = "";
            $.each(items, function (index, item) {
            var li;
            if (item.category != currentCategory) {
            if (item.category == 'HOTEL') {
            ul.append("<li class='ui-autocomplete-category-hotel'>Hôtel </li>");
            } else if (item.category == 'VILLE') {
            ul.append("<li class='ui-autocomplete-category'>Ville </li>");
            } else{
            ul.append("<li class='ui-autocomplete-category'>Pays</li>");
            }

            currentCategory = item.category;
            }
            li = that._renderItemData(ul, item);
            if (item.category) {
            li.attr("aria-label", item.category + " : " + item.label);
            }
            });
            }
    });
    });
    var availableModels = [];
    var items = [];
    /* random key for user */
    function generateHexString(length) {
    var ret = "";
    while (ret.length < length) {
    ret += Math.random().toString(16).substring(2);
    }
    return ret.substring(0, length);
    }
</script>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                
    
    <div class="bravo-list-locations  style_4 parallax1">

        <div class="container">

            <div class="title">
               <span> Notre sélection 5 étoiles </span>
            </div>

              <div class="list-item">
                  <div class="row">
          <div class="col-lg-4  col-md-6 col-sm-12" >
    <div class="destination-item">
       
            <div class="image" style=" background: url(https://fwk.resabo.com/cr.fwk/images/hotels/Hotel-1609-20200916-101215.jpg)">
                
                <div class="effect"></div>
                <div class="content">
                    <h4 class="title nowrap">
                        <a style="color:#fff" href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=38201008&codhot=38201008&depart=2021-06-20&retour=2021-06-21&term_search=Iberostar Mehari Djerba&type_search=HOTEL&idzone=13&nomzone=Djerba&nomhot=Iberostar Mehari Djerba&rooms_search=2&roomsRatekey=20210620|20210621|38201008|1|default|1|default|0|ND|2~0~|13|b2c|31">  Iberostar Mehari Djerba</a>
                    </h4>
                                             <div class="star-rate">
                        <div class="list-star">
                            <ul class="booking-item-rating-stars">
                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                                            </ul>
                            <!--img style="position: relative;" src="" height="20"/-->
                        </div>
                    </div>
                                        <div class="desc-plus">
                         tunisie - Djerba 
                    </div>
                    <div class="desc">
                                                    <a href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=38201008&codhot=38201008&depart=2021-06-20&retour=2021-06-21&term_search=Iberostar Mehari Djerba&type_search=HOTEL&idzone=13&nomzone=Djerba&nomhot=Iberostar Mehari Djerba&rooms_search=2&roomsRatekey=20210620|20210621|38201008|1|default|1|default|0|ND|2~0~|13|b2c|31">
                                All Inclusive                            </a>
                                                <a  href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=38201008&codhot=38201008&depart=2021-06-20&retour=2021-06-21&term_search=Iberostar Mehari Djerba&type_search=HOTEL&idzone=13&nomzone=Djerba&nomhot=Iberostar Mehari Djerba&rooms_search=2&roomsRatekey=20210620|20210621|38201008|1|default|1|default|0|ND|2~0~|13|b2c|31">
                            <span class="price">203<sup>TND</sup></span>
                        </a>
                    </div>
                </div>
                
            </div>
      
    </div>
   
</div>
<div class="col-lg-4  col-md-6 col-sm-12" >
    <div class="destination-item">
       
            <div class="image" style=" background: url(https://booking.cte.tn/cr.fwk/images/hotels/Hotel-2359-20160302-092718.jpg)">
                
                <div class="effect"></div>
                <div class="content">
                    <h4 class="title nowrap">
                        <a style="color:#fff" href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=3328280&codhot=3328280&depart=2021-06-20&retour=2021-06-21&term_search=One Resort Jockey&type_search=HOTEL&idzone=11&nomzone=Monastir&nomhot=One Resort Jockey&rooms_search=2&roomsRatekey=20210620|20210621|3328280|1|default|1|default|0|ND|2~0~|11|b2c|31">  One Resort Jockey</a>
                    </h4>
                                             <div class="star-rate">
                        <div class="list-star">
                            <ul class="booking-item-rating-stars">
                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                                            </ul>
                            <!--img style="position: relative;" src="" height="20"/-->
                        </div>
                    </div>
                                        <div class="desc-plus">
                         tunisie - Monastir 
                    </div>
                    <div class="desc">
                                                    <a href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=3328280&codhot=3328280&depart=2021-06-20&retour=2021-06-21&term_search=One Resort Jockey&type_search=HOTEL&idzone=11&nomzone=Monastir&nomhot=One Resort Jockey&rooms_search=2&roomsRatekey=20210620|20210621|3328280|1|default|1|default|0|ND|2~0~|11|b2c|31">
                                All Inclusive                            </a>
                                                <a  href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=3328280&codhot=3328280&depart=2021-06-20&retour=2021-06-21&term_search=One Resort Jockey&type_search=HOTEL&idzone=11&nomzone=Monastir&nomhot=One Resort Jockey&rooms_search=2&roomsRatekey=20210620|20210621|3328280|1|default|1|default|0|ND|2~0~|11|b2c|31">
                            <span class="price">148.5<sup>TND</sup></span>
                        </a>
                    </div>
                </div>
                
            </div>
      
    </div>
   
</div>
<div class="col-lg-4  col-md-6 col-sm-12" >
    <div class="destination-item">
       
            <div class="image" style=" background: url(https://www.clicngo.biz/cr.fwk/images/hotels/Hotel-2403-20200810-112247.jpg)">
                
                <div class="effect"></div>
                <div class="content">
                    <h4 class="title nowrap">
                        <a style="color:#fff" href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=43931228&codhot=43931228&depart=2021-06-20&retour=2021-06-21&term_search=Welcome Meridiana Resort & Thalasso&type_search=HOTEL&idzone=13&nomzone=Djerba&nomhot=Welcome Meridiana Resort & Thalasso&rooms_search=2&roomsRatekey=20210620|20210621|43931228|1|default|1|default|0|ND|2~0~|13|b2c|31">  Welcome Meridiana Resort & Thalasso</a>
                    </h4>
                                             <div class="star-rate">
                        <div class="list-star">
                            <ul class="booking-item-rating-stars">
                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                                            </ul>
                            <!--img style="position: relative;" src="" height="20"/-->
                        </div>
                    </div>
                                        <div class="desc-plus">
                         tunisie - Djerba 
                    </div>
                    <div class="desc">
                                                    <a href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=43931228&codhot=43931228&depart=2021-06-20&retour=2021-06-21&term_search=Welcome Meridiana Resort & Thalasso&type_search=HOTEL&idzone=13&nomzone=Djerba&nomhot=Welcome Meridiana Resort & Thalasso&rooms_search=2&roomsRatekey=20210620|20210621|43931228|1|default|1|default|0|ND|2~0~|13|b2c|31">
                                All Inclusive                            </a>
                                                <a  href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=43931228&codhot=43931228&depart=2021-06-20&retour=2021-06-21&term_search=Welcome Meridiana Resort & Thalasso&type_search=HOTEL&idzone=13&nomzone=Djerba&nomhot=Welcome Meridiana Resort & Thalasso&rooms_search=2&roomsRatekey=20210620|20210621|43931228|1|default|1|default|0|ND|2~0~|13|b2c|31">
                            <span class="price">163.5<sup>TND</sup></span>
                        </a>
                    </div>
                </div>
                
            </div>
      
    </div>
   
</div>

            </div>
        </div>            <div class="voirtous text-right">
                                                </div>
        </div>
    </div>
        <div class="bravo-list-locations  style_4 parallax2" >
        <div class="container">

            <div class="title">
              <span> Voyages Organisés</span>
            </div>
            <!--div class="sub-title">
                It is a long established fact that a reader
            </div-->
              <div class="list-item">
                  <div class="row">
          <div class="col-lg-4  col-md-6 col-sm-12" >
    <div class="destination-item">
       
            <div class="image" style=" background: url(/public/images/image/image_0.65662600-1622636646.png)">
                
                <div class="effect"></div>
                <div class="content">
                    <h4 class="title nowrap">
                        <a style="color:#fff" href="/recherchehoteloutgoing/choixoffre?gdscode=LOCALHOST&id_plan=4&id_module=2&mode_voyage=1">  Istanbul Shopping</a>
                    </h4>
                                        <div class="desc-plus">
                        TURQUIE - TURQUIE 
                    </div>
                    <div class="desc">
                                                    <span class="review-icon icofont-airplane-alt">
                                2021-06-21 
                            </span>
                            <span class="review-icon icofont-airplane-alt">
                                2021-06-26 
                            </span>
                                                <a  href="/recherchehoteloutgoing/choixoffre?gdscode=LOCALHOST&id_plan=4&id_module=2&mode_voyage=1">
                            <span class="price">1485<sup>TND</sup></span>
                        </a>
                    </div>
                </div>
                
            </div>
      
    </div>
   
</div>
<div class="col-lg-4  col-md-6 col-sm-12" >
    <div class="destination-item">
       
            <div class="image" style=" background: url(/public/images/image/image_0.67783000-1622566676.png)">
                
                <div class="effect"></div>
                <div class="content">
                    <h4 class="title nowrap">
                        <a style="color:#fff" href="/recherchehoteloutgoing/choixoffre?gdscode=LOCALHOST&id_plan=16&id_module=2&mode_voyage=1">   Cairo - Hurghada</a>
                    </h4>
                                        <div class="desc-plus">
                        EGYPTE  - EGYPTE  
                    </div>
                    <div class="desc">
                                                    <span class="review-icon icofont-airplane-alt">
                                2021-06-20 
                            </span>
                            <span class="review-icon icofont-airplane-alt">
                                2021-06-27 
                            </span>
                                                <a  href="/recherchehoteloutgoing/choixoffre?gdscode=LOCALHOST&id_plan=16&id_module=2&mode_voyage=1">
                            <span class="price">2190<sup>TND</sup></span>
                        </a>
                    </div>
                </div>
                
            </div>
      
    </div>
   
</div>
<div class="col-lg-4  col-md-6 col-sm-12" >
    <div class="destination-item">
       
            <div class="image" style=" background: url(/public/images/image/image_0.32154300-1623250772.png)">
                
                <div class="effect"></div>
                <div class="content">
                    <h4 class="title nowrap">
                        <a style="color:#fff" href="/recherchehoteloutgoing/choixoffre?gdscode=LOCALHOST&id_plan=19&id_module=2&mode_voyage=1">  Istatnbul</a>
                    </h4>
                                        <div class="desc-plus">
                        TURQUIE - TURQUIE 
                    </div>
                    <div class="desc">
                                                    <span class="review-icon icofont-airplane-alt">
                                2021-06-23 
                            </span>
                            <span class="review-icon icofont-airplane-alt">
                                2021-06-29 
                            </span>
                                                <a  href="/recherchehoteloutgoing/choixoffre?gdscode=LOCALHOST&id_plan=19&id_module=2&mode_voyage=1">
                            <span class="price">1690<sup>TND</sup></span>
                        </a>
                    </div>
                </div>
                
            </div>
      
    </div>
   
</div>

            </div>
        </div>            <div class="voirtous text-right">
                                                            <a target="_blank" href="/recherchehoteloutgoing/searchRoomVoyage" title="voir tous">Voir Tous</a>
                                </div>
        </div>
    </div>
    <div class="bravo-list-locations  style_4 parallax3">
        <div class="container">
            <div class="title">
                <span>Bons Plans à Hammamet                </span>
            </div>
              <div class="list-item">
                  <div class="row">
          <div class="col-lg-4  col-md-6 col-sm-12" >
    <div class="destination-item">
       
            <div class="image" style=" background: url(https://www.clicngo.biz/cr.fwk/images/hotels/Hotel-610-20190306-112723.jpg)">
                
                <div class="effect"></div>
                <div class="content">
                    <h4 class="title nowrap">
                        <a style="color:#fff" href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=43931133&codhot=43931133&depart=2021-06-20&retour=2021-06-21&term_search=Residence Romane&type_search=HOTEL&idzone=3&nomzone=Hammamet&nomhot=Residence Romane&rooms_search=2&roomsRatekey=20210620|20210621|43931133|1|default|1|default|0|ND|2~0~|3|b2c|31">  Residence Romane</a>
                    </h4>
                                             <div class="star-rate">
                        <div class="list-star">
                            <ul class="booking-item-rating-stars">
                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                                            </ul>
                            <!--img style="position: relative;" src="" height="20"/-->
                        </div>
                    </div>
                                        <div class="desc-plus">
                         tunisie - Hammamet 
                    </div>
                    <div class="desc">
                                                    <a href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=43931133&codhot=43931133&depart=2021-06-20&retour=2021-06-21&term_search=Residence Romane&type_search=HOTEL&idzone=3&nomzone=Hammamet&nomhot=Residence Romane&rooms_search=2&roomsRatekey=20210620|20210621|43931133|1|default|1|default|0|ND|2~0~|3|b2c|31">
                                Logement Petit Déjeuner                            </a>
                                                <a  href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=43931133&codhot=43931133&depart=2021-06-20&retour=2021-06-21&term_search=Residence Romane&type_search=HOTEL&idzone=3&nomzone=Hammamet&nomhot=Residence Romane&rooms_search=2&roomsRatekey=20210620|20210621|43931133|1|default|1|default|0|ND|2~0~|3|b2c|31">
                            <span class="price">47<sup>TND</sup></span>
                        </a>
                    </div>
                </div>
                
            </div>
      
    </div>
   
</div>
<div class="col-lg-4  col-md-6 col-sm-12" >
    <div class="destination-item">
       
            <div class="image" style=" background: url(https://www.clicngo.biz/cr.fwk/images/hotels/Hotel-333-20181128-095725.jpg)">
                
                <div class="effect"></div>
                <div class="content">
                    <h4 class="title nowrap">
                        <a style="color:#fff" href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=4393861&codhot=4393861&depart=2021-06-20&retour=2021-06-21&term_search=Zodiac&type_search=HOTEL&idzone=3&nomzone=Hammamet&nomhot=Zodiac&rooms_search=2&roomsRatekey=20210620|20210621|4393861|1|default|1|default|0|ND|2~0~|3|b2c|31">  Zodiac</a>
                    </h4>
                                             <div class="star-rate">
                        <div class="list-star">
                            <ul class="booking-item-rating-stars">
                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                                            </ul>
                            <!--img style="position: relative;" src="" height="20"/-->
                        </div>
                    </div>
                                        <div class="desc-plus">
                         tunisie - Hammamet 
                    </div>
                    <div class="desc">
                                                    <a href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=4393861&codhot=4393861&depart=2021-06-20&retour=2021-06-21&term_search=Zodiac&type_search=HOTEL&idzone=3&nomzone=Hammamet&nomhot=Zodiac&rooms_search=2&roomsRatekey=20210620|20210621|4393861|1|default|1|default|0|ND|2~0~|3|b2c|31">
                                Demi Pension                            </a>
                                                <a  href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=4393861&codhot=4393861&depart=2021-06-20&retour=2021-06-21&term_search=Zodiac&type_search=HOTEL&idzone=3&nomzone=Hammamet&nomhot=Zodiac&rooms_search=2&roomsRatekey=20210620|20210621|4393861|1|default|1|default|0|ND|2~0~|3|b2c|31">
                            <span class="price">65.5<sup>TND</sup></span>
                        </a>
                    </div>
                </div>
                
            </div>
      
    </div>
   
</div>
<div class="col-lg-4  col-md-6 col-sm-12" >
    <div class="destination-item">
       
            <div class="image" style=" background: url(https://fwk.resabo.com/cr.fwk/images/hotels/Hotel-1733-20161102-114658.jpg)">
                
                <div class="effect"></div>
                <div class="content">
                    <h4 class="title nowrap">
                        <a style="color:#fff" href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=38201061&codhot=38201061&depart=2021-06-20&retour=2021-06-21&term_search=Golden Tulip Taj Sultan Resort&type_search=HOTEL&idzone=3&nomzone=Hammamet&nomhot=Golden Tulip Taj Sultan Resort&rooms_search=2&roomsRatekey=20210620|20210621|38201061|1|default|1|default|0|ND|2~0~|3|b2c|31">  Golden Tulip Taj Sultan Resort</a>
                    </h4>
                                             <div class="star-rate">
                        <div class="list-star">
                            <ul class="booking-item-rating-stars">
                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                
                                    <li><i class="fa fa-star"></i></li>


                                                            </ul>
                            <!--img style="position: relative;" src="" height="20"/-->
                        </div>
                    </div>
                                        <div class="desc-plus">
                         tunisie - Hammamet 
                    </div>
                    <div class="desc">
                                                    <a href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=38201061&codhot=38201061&depart=2021-06-20&retour=2021-06-21&term_search=Golden Tulip Taj Sultan Resort&type_search=HOTEL&idzone=3&nomzone=Hammamet&nomhot=Golden Tulip Taj Sultan Resort&rooms_search=2&roomsRatekey=20210620|20210621|38201061|1|default|1|default|0|ND|2~0~|3|b2c|31">
                                Logement Petit Déjeuner                            </a>
                                                <a  href="/recherchehotel/choixoffre?&gds_id=31&codhotgds=38201061&codhot=38201061&depart=2021-06-20&retour=2021-06-21&term_search=Golden Tulip Taj Sultan Resort&type_search=HOTEL&idzone=3&nomzone=Hammamet&nomhot=Golden Tulip Taj Sultan Resort&rooms_search=2&roomsRatekey=20210620|20210621|38201061|1|default|1|default|0|ND|2~0~|3|b2c|31">
                            <span class="price">132.5<sup>TND</sup></span>
                        </a>
                    </div>
                </div>
                
            </div>
      
    </div>
   
</div>

            </div>
        </div>            <div class="voirtous text-right">
                                                </div>
        </div>
    </div>
    <div class="bravo-list-locations  style_4 parallax4">
        <div class="container">

            <div class="title">
               <span> Nos circuits </span>
            </div>
            <!--div class="sub-title">
                Homes highly rated for thoughtful design
            </div-->
              <div class="list-item">
                  <div class="row">
          <div class="col-lg-4  col-md-6 col-sm-12" >
    <div class="destination-item">
       
            <div class="image" style=" background: url(/public/images/image/image_0.02085300-1623334626.png)">
                
                <div class="effect"></div>
                <div class="content">
                    <h4 class="title nowrap">
                        <a style="color:#fff" href="/recherchehoteloutgoing/choixoffre?gdscode=LOCALHOST&id_plan=18&id_module=5&mode_voyage=1">  Circuit Djerba VIP</a>
                    </h4>
                                        <div class="desc-plus">
                        Tunisie - Tunisie 
                    </div>
                    <div class="desc">
                                                    <span class="review-icon icofont-airplane-alt">
                                2021-06-24 
                            </span>
                            <span class="review-icon icofont-airplane-alt">
                                2021-06-27 
                            </span>
                                                <a  href="/recherchehoteloutgoing/choixoffre?gdscode=LOCALHOST&id_plan=18&id_module=5&mode_voyage=1">
                            <span class="price">349<sup>TND</sup></span>
                        </a>
                    </div>
                </div>
                
            </div>
      
    </div>
   
</div>

            </div>
        </div>            <div class="voirtous text-right">
                                                            <a target="_blank" href="/circuit-excursion/searchRoomCircuit" title="voir tous">Voir Tous</a>
                                </div>
        </div>
    </div>
    <div class="bravo-list-space layout_normal parallax5">
        <div class="container">


            <div class="title">
              <span>  Locations et transport</span>
            </div>

            <div class="list-item">
    <div class="row">

        <div class="col-lg-4  col-md-6 col-sm-12">
    <div class="travelo-box image-box style13 panel">
        <div class="box" style="cursor: pointer">
            <a href="http://okrentacar.com.tn" target="_blank" title="ok renta car">
           <!-- <form method="POST" id="location30" enctype="multipart/form-data" action="/transport/index">-->
                <section class="productCore productBoxSmall panel panel-default" id="transport30">
                    <div class="panel-body">
                        <div class="noPadding-left noPadding-right mg-image">
                            <div class="panel-image grow_pic" style="background: url('/public/images/image/image_0.86329200-1622919280.png'); background-size: cover; height: 370px;"></div>
                            <div class="overlayPosition2">
                                <div class="headingBox clearfix">

                                    <div class="nameBox">
                                       <!-- <input name="typetransport" type="hidden" value="Location">
                                        <input name="id_transport" type="hidden" value="30">-->
                                        <h2 class="h4" style="margin-left: 5px;">Louez un véhicule utilitaire </h2>
                                    </div>
                                    <div class="priceBox" style="font-weight: 700;">Demande <i class="fa fa-arrow-right"></i></div>

                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </a>
          <!--  </form>-->
        </div>
    </div>
    <script type='text/javascript'>
       /* $('#location30').click(function () {

            $('#location30').submit();
        });*/
    </script> 
</div>

<div class="col-lg-4  col-md-6 col-sm-12">
    <div class="travelo-box image-box style13 panel">
        <div class="box" style="cursor: pointer">
            <a href="http://okrentacar.com.tn" target="_blank" title="ok renta car">
           <!-- <form method="POST" id="location31" enctype="multipart/form-data" action="/transport/index">-->
                <section class="productCore productBoxSmall panel panel-default" id="transport31">
                    <div class="panel-body">
                        <div class="noPadding-left noPadding-right mg-image">
                            <div class="panel-image grow_pic" style="background: url('/public/images/image/image_0.61008400-1622919187.png'); background-size: cover; height: 370px;"></div>
                            <div class="overlayPosition2">
                                <div class="headingBox clearfix">

                                    <div class="nameBox">
                                       <!-- <input name="typetransport" type="hidden" value="Location">
                                        <input name="id_transport" type="hidden" value="31">-->
                                        <h2 class="h4" style="margin-left: 5px;">Profitez de nos offres spéciales</h2>
                                    </div>
                                    <div class="priceBox" style="font-weight: 700;">Demande <i class="fa fa-arrow-right"></i></div>

                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </a>
          <!--  </form>-->
        </div>
    </div>
    <script type='text/javascript'>
       /* $('#location31').click(function () {

            $('#location31').submit();
        });*/
    </script> 
</div>

<div class="col-lg-4  col-md-6 col-sm-12">
    <div class="travelo-box image-box style13 panel">
        <div class="box" style="cursor: pointer">
            <a href="http://okrentacar.com.tn" target="_blank" title="ok renta car">
           <!-- <form method="POST" id="location32" enctype="multipart/form-data" action="/transport/index">-->
                <section class="productCore productBoxSmall panel panel-default" id="transport32">
                    <div class="panel-body">
                        <div class="noPadding-left noPadding-right mg-image">
                            <div class="panel-image grow_pic" style="background: url('/public/images/image/image_0.27311600-1613752451.png'); background-size: cover; height: 370px;"></div>
                            <div class="overlayPosition2">
                                <div class="headingBox clearfix">

                                    <div class="nameBox">
                                       <!-- <input name="typetransport" type="hidden" value="Location">
                                        <input name="id_transport" type="hidden" value="32">-->
                                        <h2 class="h4" style="margin-left: 5px;">LMD</h2>
                                    </div>
                                    <div class="priceBox" style="font-weight: 700;">Demande <i class="fa fa-arrow-right"></i></div>

                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </a>
          <!--  </form>-->
        </div>
    </div>
    <script type='text/javascript'>
       /* $('#location32').click(function () {

            $('#location32').submit();
        });*/
    </script> 
</div>


    </div>
</div>
            <div class="voirtous text-right">
                                                </div>
        </div>
    </div>





    </div>
            <div class="bravo_footer" id="div_footer">
            <div id="sticky-footer" class="sticky-footer d-none d-sm-block">
    <div class="container">
        <div class="row">
            <div class="col-lg-2 col-xl-2 col-md-2 col-sm-6">
                <div class="sticky-infos"><i class="fa fa-envelope"></i> info@okvoyages.tn</div>
            </div>

            <div class="col-lg-10 col-xl-10 col-md-10 col-sm-6">
                <div class="sticky-infos" style="font-size:13px">
                                            <a href="#"><i class="fa fa-map-marker"></i> Trouver une agences </a> |

                                                    <i class="fa fa-phone"></i>
                            Sousse Ville:(+216) : 73 200 030  |                             <i class="fa fa-phone"></i>
                            Sousse Kantaoui:(+216) 73 347 617  |                             <i class="fa fa-phone"></i>
                            Tunis-Centre Urbain Nord:(+216) 71 822 288 | 
                                    </div>
            </div>


        </div>
    </div>
</div>
<div class="newsletter d-none d-sm-block mt-5" id="footer">
    <div class="container">
        <div id="social" class="row">
            
            
            <div class="col-md-7 col-xs-12" style="font-size: 13px;margin-top: 15px;font-weight: 600;"> Recevez nos offres et promotions </div>
            <div class="col-md-5 col-xs-12">
                <form id="formNewsletter" method="post" action="/newsletter/addUserAjax" class="form standardform  mt-10 fixed-position" novalidate="novalidate"> 
                    <div class="input-container" style="margin-top: 15px;">
                        <div class="row">
                            <div class="col-md-8">
                                <input class="form-control" id="email" name="email" type="text" placeholder="Taper votre adresse E-mail">
                                <span class="glyphicon form-control-feedback" style="display: none;float: right;" aria-hidden="true"></span>
                                <span class="help-block"></span>
                                <input class="unsubscribe" id="unsubscribe" name="unsubscribe" type="hidden" value="0">
                            </div>
                            <div class="col-md-4">
                                <input name="" value="Inscription" class="input_submit" type="submit">
                            </div>

                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script>
    $("#formNewsletter").validation({inputs: ['email']});
</script>
<script>
            $(document).ready(function () {
                $(window).bind("scroll", function () {
                    $(window).scrollTop() > 0 ? ($(".th_container").addClass("sticky"), $(".nav-header").addClass("bottom_line"), $(".bottom-header").slideUp(300, "linear")) : ($(".th_container").removeClass("sticky"), $(".nav-header").removeClass("bottom_line"), $(".bottom-header").slideDown(200, "linear"))
                }), $("#back-top").hide(), $(window).bind("scroll", function () {
                    jQuery(this).scrollTop() > 150 ? jQuery("#back-top").fadeIn() : jQuery("#back-top").fadeOut()
                }), $("#back-top").click(function () {
                    return jQuery("html, body").animate({
                        scrollTop: 0
                    }, 600), !1
                }), $("img.imgOpa, button#back-top").mouseenter(function () {
                    $(this).stop(!0).animate({
                        opacity: 1
                    }, 100)
                }).mouseleave(function () {
                    $(this).stop(!0).animate({
                        opacity: .5
                    }, 100)
                })

                var headerView = function () {
                    var scroll = $(window).scrollTop();
                    if (scroll <= 0) {
                        $("body").removeClass("compact");
                    } else {
                        $("body").addClass("compact");
                    }
                }
                headerView();
                $(window).scroll(function () {
                    headerView();
                });


            });

        </script><button id="back-top" type="button"><img src="/public/front/library/images/fleche_haut.png" width="35"></button>
<div class="main-footer-f">
    <div class="container">
        <div class="row">
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                <div class="nav-footer">

                    <div class="context">
                        <img class="bravo-logo1" src="/public/front/images/logoFooter.png" alt="Ok Voyages" style="width: 65%;margin-top: 0px;margin-bottom: 35px;">
                        <br />
                                                    <a target="_blank" href="https://www.facebook.com/OkVoyagesTunisie" style="color: #fffae8;font-size: 30px;margin-right: 2px">
                                <i class="fa fa-facebook"></i>

                            </a>
                                                    <a target="_blank" href="#" style="color: #fffae8;font-size: 30px;margin-right: 2px">
                                <i class="fa fa-instagram"></i>

                            </a>
                                            </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                <div class="nav-footer">
                    <div class="title">
                        <h6>Infos Pratiques</h6>
                    </div>
                    <div class="context">
                        <ul>
                                                            <li> <a href="/infospratiques/conditionvente"> <i class="fa fa-angle-right"></i> Conditions de vente</a></li>
                                                            <li> <a href="/infospratiques/infospratiques"> <i class="fa fa-angle-right"></i> Infos pratiques</a></li>
                                                            <li> <a href="/infospratiques/agencerecrute"> <i class="fa fa-angle-right"></i> Nous recrutons</a></li>
                                                            <li> <a href="/infospratiques/mentionslegales"> <i class="fa fa-angle-right"></i> Mentions légales</a></li>
                                                            <li> <a href="/infospratiques/qui-sommes-nous"> <i class="fa fa-angle-right"></i> qui-sommes-nous</a></li>
                                                    </ul>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                <div class="nav-footer">
                    <div class="title">
                        <h6>nos Hôtels</h6>
                    </div>
                    <div class="context">
                        <ul>
                            
                                    <li>
                                        <a href="/recherchehotel/searchRoom/VILLE/Tunis" title="Hôtels en Tunis">
                                            <i class="fa fa-angle-right"></i> Hôtel à Tunis                                        </a>

                                    </li>


                                    
                                    <li>
                                        <a href="/recherchehotel/searchRoom/VILLE/Sousse" title="Hôtels en Sousse">
                                            <i class="fa fa-angle-right"></i> Hôtel à Sousse                                        </a>

                                    </li>


                                    
                                    <li>
                                        <a href="/recherchehotel/searchRoom/VILLE/Tabarka" title="Hôtels en Tabarka">
                                            <i class="fa fa-angle-right"></i> Hôtel à Tabarka                                        </a>

                                    </li>


                                    
                                    <li>
                                        <a href="/recherchehotel/searchRoom/VILLE/Hammamet" title="Hôtels en Hammamet">
                                            <i class="fa fa-angle-right"></i> Hôtel à Hammamet                                        </a>

                                    </li>


                                    
                                    <li>
                                        <a href="/recherchehotel/searchRoom/VILLE/Monastir" title="Hôtels en Monastir">
                                            <i class="fa fa-angle-right"></i> Hôtel à Monastir                                        </a>

                                    </li>


                                    
                                    <li>
                                        <a href="/recherchehotel/searchRoom/VILLE/Mahdia" title="Hôtels en Mahdia">
                                            <i class="fa fa-angle-right"></i> Hôtel à Mahdia                                        </a>

                                    </li>


                                                            </ul>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                <div class="nav-footer">
                    <div class="title">
                        <h6>Suivez nous</h6>
                    </div>
                    <div class="context">
                        <div id="fb-root"></div>
                        <script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v7.0&appId=1272052076284324&autoLogAppEvents=1" nonce="nVHOXrQQ"></script>
                        <div class="fb-page" data-href="https://www.facebook.com/OkVoyagesTunisie/" data-tabs="timeline" data-width="285" data-height="200" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/OkVoyagesTunisie/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/OkVoyagesTunisie/">OK Voyages</a></blockquote></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    // $("#formNewsletter").validation({inputs: ['email']});
</script>         </div>
                <div id="login_modal">

        </div>
                <div class="modal fade login" id="register" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content relative">
                            <div class="modal-header">
                                <h4 class="modal-title">Créez un compte!</h4>
                                <span class="c-pointer" data-dismiss="modal" aria-label="Close">
                                    <i class="input-icon field-icon fa">
                                        <img src="/public/front/images/ico_close.svg" alt="close">
                                    </i>
                                </span>
                            </div>
                            <div class="modal-body">
                                <form action="&#x2F;client&#x2F;addClient" method="POST" name="clients" id="myFormInscription" enctype="multipart&#x2F;form-data" class="form&#x20;bravo-form-register&#x20;row"><div class="col-lg-4 col-md-12">
    <div class="form-group">
        <select name="civilite" id="civilite" class="&#x20;form-control"><option value="0">Mr </option>
<option value="1">Mme</option>
<option value="2">Mlle</option></select>    </div>
</div>
<div class="col-lg-8 col-md-12">
    <div class="form-group">
        <input type="text" name="nom_client" id="nom_client" placeholder="Nom&#x20;Pr&#xE9;nom" class="&#x20;form-control" value="">        <i class="input-icon field-icon fa fa-user"></i>
        <span style="margin-top: 5px;color:red" class="help-block"></span>
    </div>
</div>
<div class="col-lg-12 col-md-12">
    <div class="form-group">
        <input type="text" name="telephone" id="telephone" placeholder="T&#xE9;l&#xE9;phone" class="&#x20;form-control" value="">        <i class="input-icon field-icon fa fa-phone"></i>
        <span style="margin-top: 5px;color:red" class="help-block"></span>
    </div>
</div>
<div class="col-lg-12 col-md-12">
    <div class="form-group">
        <input type="text" name="email" id="email" placeholder="E-mail" class="&#x20;form-control" value="">        <i class="input-icon field-icon fa fa-envelope"></i>
        <span style="margin-top: 5px;color:red" class="help-block"></span>
    </div>
</div>
<div class="col-lg-12 col-md-12">
    <div class="form-group">
        <input type="password" name="password" id="password" placeholder="Mot&#x20;de&#x20;passe" class="&#x20;form-control" value="">        <i class="input-icon field-icon fa fa-lock"></i>
        <span style="margin-top: 5px; color:red" class="help-block"></span>
    </div>
</div>
<div class="col-lg-12 col-md-12">
    <div class="form-group">
        <label for="newsletter">
            <input id="newsletter" type="checkbox" name="newsletter" class="mr5">
            En Cochant vous acceptez de recevoir notre newsletter.
            <span class="checkmark fcheckbox"></span>
        </label>
        <div><span class="invalid-feedback error error-term"></span></div>
    </div>
</div>

<div class="col-lg-4 col-md-4 form-group" style="float: right;">
    <button type="submit" class="btn active btn-info btn-circle form-submit">S'inscrire</button>
</div>

</form>
<script>
     $("#myFormInscription").validation({inputs: ['nom_client','telephone','email','password','newsletter']});
</script>

                            </div>
                        </div>
                    </div>
                </div>        <script>
        $(".login_modal_user").on("click", function () {

            $.ajax({
                url: '/profil/loginModal',
                type: "POST",
                dataType: "json",
                beforeSend: function () {

                },
                success: function (data) {
                    $("#login_modal").html(data.content);
                    $('#login').modal('show');
                },
                complete: function (xhr, status) {

                }
            });

        });
        $("#clients").validation({inputs: ['nom_client', 'telephone', 'email', 'password']});
    </script>
    <script>
        $(function () {
            var top = $('#div_price').offset().top - parseFloat($('#div_price').css('marginTop').replace(/auto/, 0));
            var footTop = $('#div_footer').offset().top - parseFloat($('#div_footer').css('marginTop').replace(/auto/, 0));

            var maxY = footTop - $('#div_price').outerHeight();

            $(window).scroll(function (evt) {
                var y = $(this).scrollTop();
                if (y > top) {
                    if (y < maxY) {
                        $('#div_price').addClass('fixed').removeAttr('style');
                    } else {
                        $('#div_price').removeClass('fixed').css({
                            position: 'absolute',
                            top: (maxY - top) + 'px'
                        });
                    }
                } else {
                    $('#div_price').removeClass('fixed');
                }
            });
        });
    </script>
    <style>
        #div_price.fixed {
            position: fixed;
            top: 0;
            max-width: 18%;
        }
    </style>
    <script src="/public/front/js/libs/lazy-load/jquery.lazy.min.js"></script>
            <script>
            $(function () {
                $('.lazy').lazy(
                        {
                            effect: "fadeIn",
                            effectTime: 2000,
                            threshold: 0,
                            onError: function (element) {
                                console.log('Error loading ' + element.data('src'));
                            }
                        });
            });
            </script>
            <script src="/public/front/library/js/masterslider.js"></script>
            <script src="/public/front/library/js/app.min.js"></script>
            <script src="/public/front/library/js/demo.js"></script>
            <script >
            var slider = new MasterSlider();
            slider.control('bullets', {autohide: true, align: 'bottom'});
            slider.control('arrows', {autohide: false}); // here we've added arrow control to the slider.
            slider.control('scrollbar', {dir: 'h', color: '#333'});
            slider.setup('masterslider', {
                width: 1900,
                height: 650,
                heightLimit: true,
                fullwidth: true,
                autoHeight: false,
                space: 5,
                view: 'mask',
                autoplay: true,
                loop: true
            });
            </script> 
            
            <script>
            jQuery(function ($) {
                $(".bravo_fullHeight").each(function () {
                    var height = $(document).height();
                    if ($(document).find(".bravo-admin-bar").length > 0) {
                        height = height - $(".bravo-admin-bar").height();
                    }
                    $(this).css('min-height', height);
                });
                $(".bravo-more-menu").click(function () {
                    $(this).trigger('bravo-trigger-menu-mobile');
                });
                $(".bravo-menu-mobile .b-close").click(function () {
                    $(".bravo-more-menu").trigger('bravo-trigger-menu-mobile');
                });
                $(document).on("click", ".bravo-effect-bg", function () {
                    $(".bravo-more-menu").trigger('bravo-trigger-menu-mobile');
                })
                $(document).on("bravo-trigger-menu-mobile", ".bravo-more-menu", function () {
                    $(this).toggleClass('active');
                    if ($(this).hasClass('active')) {
                        $(".bravo-menu-mobile").addClass("active");
                        $('body').css('overflow', 'hidden').append("<div class='bravo-effect-bg'></div>");
                    } else {
                        $(".bravo-menu-mobile").removeClass("active");
                        $("body").css('overflow', 'initial').find(".bravo-effect-bg").remove();
                    }
                });
                $(".bravo-menu-mobile .g-menu ul li .fa").click(function (e) {
                    e.preventDefault();
                    $(this).closest('li').toggleClass('active');
                });
                $(".bravo-menu-mobile").each(function () {
                    var h_profile = $(this).find(".user-profile").height();
                    var h1_main = $(window).height();
                    $(this).find(".g-menu").css("max-height", h1_main - h_profile - 15);
                });
                $(".bravo-more-menu-user").click(function () {
                    $(".bravo_user_profile > .container-fluid > .row > .col-md-3").addClass("active");
                    $("body").css('overflow', 'hidden').append("<div class='bravo-effect-user-bg'></div>");
                });
                $(document).on("click", ".bravo-effect-user-bg,.bravo-close-menu-user", function () {
                    $(".bravo_user_profile > .container-fluid > .row > .col-md-3").removeClass("active");
                    $('body').css('overflow', 'initial').find(".bravo-effect-user-bg").remove();
                })
            });
            var bookingCore = {
                booking_decimals: 0,
                thousand_separator: '.',
                decimal_separator: ',',
                currency_position: 'left',
                currency_symbol: '$',
                currency_rate: '1',
                date_format: 'DD/MM/YYYY',
                map_provider: 'gmap',
                map_gmap_key: '',
                currentUser: 0
            };
            var i18n = {
                warning: "Warning",
                success: "Success",
            };
            $('#hotels .dropdown-toggle').prop('disabled', true);
            $('#Chambre').click(function () {
                $('#hotels .dropdown-menu').show();
            });
            $('#ok').click(function () {
                $('#hotels .dropdown-menu').hide();
            });
        </script>
          

              <!--Start of Tawk.to Script-->
    <script type="text/javascript">
        var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
        (function(){
            var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
            s1.async=true;
            s1.src='https://embed.tawk.to/604b6aef067c2605c0b7b55d/1f0j9jfd8';
            s1.charset='UTF-8';
            s1.setAttribute('crossorigin','*');
            s0.parentNode.insertBefore(s1,s0);
        })();
    </script>
    <!--End of Tawk.to Script-->
</div>
</body>
</html>