<!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éservation d’hôtels en Tunisie, les meilleurs prix de voyages organisés et sur mesure dans le monde, des circuits, des excursions et des billets d’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éservation d’hôtels en Tunisie, les meilleurs prix de voyages organisés et sur mesure dans le monde, des circuits, des excursions et des billets d’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 </p><p> </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 </p>" />
</div>
<div class="ms-slide">
<img data-src="/public/images/image/image_0.56020400-1621878866.png" alt="<p>Promo spéciale déconfinement 40%</p>" />
</div>
<div class="ms-slide">
<img data-src="/public/images/image/image_0.53470900-1621878741.png" alt="<p>Votre séjour de rève à Djerba </p>" />
</div>
<div class="ms-slide">
<img data-src="/public/images/image/image_0.40795500-1622481931.png" alt="<p>Istanbul spé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="/recherchehotel/searchRoom" method="POST" name="Hotel" enctype="multipart/form-data" id="myForm" class="frm-search form 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="/transfert" method="POST" name="Hotel" enctype="multipart/form-data" id="myForm" class="form 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="/recherchehoteloutgoing/searchRoomVoyage" method="POST" name="Outgoing" enctype="multipart/form-data" class="form 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="/circuit-excursion/searchRoomCircuit" method="POST" name="Circuits" enctype="multipart/form-data" class="form 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="/client/addClient" method="POST" name="clients" id="myFormInscription" enctype="multipart/form-data" class="form bravo-form-register row"><div class="col-lg-4 col-md-12">
<div class="form-group">
<select name="civilite" id="civilite" class=" 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 Prénom" class=" 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éléphone" class=" 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=" 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 de passe" class=" 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>
