<!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>Agence de voyages en Tunisie - JEKTIS TRAVEL</title>
<meta name="keywords" content="Séminaire , Colloque , lancement produit , Voyages en groupe , Promo Hotel , billet d'avion , voyage de noces , agence de voyage en tunisie , réservation d'hotel , promotion "/>
<meta name="description"
content="Réservez votre voyage de rêve , votre hôtel en tunisie ou à létranger en simple clic sur jektistravel , Agence de voyages en tunisie "/>
<meta name="author" content=""/>
<meta property="og:url" content="https://www.jektistravel.com/"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Agence de voyages en Tunisie - JEKTIS TRAVEL"/>
<meta property="og:description"
content="Réservez votre voyage de rêve , votre hôtel en tunisie ou à létranger en simple clic sur jektistravel , Agence de voyages en tunisie "/>
<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="183880838827685"/>
<meta name="robots" content="index.,follow,All"/>
<meta name="google-site-verification" content="Lzx8F8HFljhBXJME_vL-lHXFlqRiTw1Q1K9IT6acWbU"/>
<link rel="canonical" href="https://jektistravel.com/"/>
<link rel="icon" type="image/x-icon" href="/public/images/image/image_0.04204500-1672311876.png"/>
<link rel="manifest" href="/public/manifest.webmanifest">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage"
content="/public/front/images/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link href='https://fonts.googleapis.com/css?family=Abhaya%20Libre' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet'
type='text/css'>
<link href="/public/front/library/css/Commune/bootstrap/4.3.1/css/bootstrap.min.css" rel='stylesheet' />
<link media="print" onload="this.media='all'" href="/public/front/library/css/Commune/bootstrap/bootstrap-datetimepicker-standalone.min.css" rel='stylesheet' />
<link media="print" onload="this.media='all'" 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 media="print" onload="this.media='all'" href="/public/front/js/libs/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css">
<!-- swiper -->
<link media="print" onload="this.media='all'" 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/css/item_search.css" rel="stylesheet" type="text/css">
<link href="/public/front/css/index-mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 1199px)">
<link media="print" onload="this.media='all'" href="/public/front/js/libs/daterange/daterangepicker.css" rel="stylesheet" type="text/css">
<link media="print" onload="this.media='all'" 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/plugin/inc/js/owl/owl.carousel.css" rel="stylesheet"/>
<link href="/public/front/plugin/inc/js/owl/owl.theme.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">
<link href="/public/front/library/css/Commune/bootstrap/bootstrap-select.min.css"
rel='stylesheet'/>
<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" defer></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 defer src="/public/front/js/libs/bootbox/bootbox.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/validation.js"></script>
<script src="/public/front/library/css/Commune/moment/moment-with-locales.js"></script>
<script src="/public/front/library/css/Commune/bootstrap/bootstrap-datetimepicker.js"></script>
<script defer src="/public/front/js/libs/bootbox/bootbox.min.js"></script>
<script defer src="/public/front/library/js/paginathing.js"></script>
<script defer 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 src="/public/front/library/css/Commune/bootstrap/bootstrap-select.min.js"
type="text/javascript"></script> <!-- standard-scripts.phtml-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
<script>
function getUserCountry(idForAppend) {
var input = document.querySelector("#" + idForAppend);
var iti = window.intlTelInput(input, {
separateDialCode: true,
preferredCountries: ["tn", "dz", "ly", "fr"],
excludeCountries: ["il"],
initialCountry: "auto",
geoIpLookup: function(success, failure) {
fetch('https://ipinfo.io/json')
.then(function(response) {
if (response.ok) {
return response.json();
}
throw new Error('Network response was not ok.');
})
.then(function(data) {
var countryCode = data.country;
success(countryCode);
})
.catch(function(error) {
console.log('Error during geoIP lookup:', error);
failure();
});
},
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"
});
iti.promise.then(function () {
input.addEventListener("countrychange", function () {
var selectedCountryData = iti.getSelectedCountryData();
input.value = '+' + selectedCountryData.dialCode;
document.querySelector("#countryCode").value = '+' + selectedCountryData.dialCode;
});
var defaultCountryData = iti.getSelectedCountryData();
input.value = '+' + defaultCountryData.dialCode;
document.querySelector("#countryCode").value = '+' + defaultCountryData.dialCode;
});
}
</script>
<style>
.iti {
position: relative;
display: flex !important;
flex-direction: column;
}
.iti__selected-flag .iti__selected-dial-code {
display: none;
}
</style>
<!-- Analytics Google Code -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WX2DFDD38L"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-WX2DFDD38L');
</script>
<!-- End Analytics Google Code -->
<!-- Google Tag Code -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-NKJMZ6W');
</script>
<!-- End Google tags Code -->
<!-- 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', '6597585560272934');
fbq('track', 'PageView');
</script>
<!-- End Facebook Pixel Code -->
</head>
<body class="frontend-page page bg lazyload login-21 authfy-panel" style="background: #e9eff4 url(/public/images/image/summer2025_0.15673600-1746610867.jpg) 50% 50% no-repeat;background-attachment: fixed; background-size: cover;">
<noscript>
<img height="1" width="1" alt="pixel facebook"
src="https://www.facebook.com/tr?id=6597585560272934&ev=PageView&noscript=1">
</noscript>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKJMZ6W" height="0"
width="0" style="display:none;visibility:hidden">
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="fb-root" class="fb_reset"></div>
<div class="bravo_wrap">
<style>
.dropdown-toggle::after{
color: #ddd;
}
</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">
<a href="/">
<img id="jektislogo" src="/public/front/images/logo/logo_jektis.png" alt="JEKTIS" class="bravo-logo">
</a>
</div>
<div class="topbar-right">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-9">
<ul>
<li class="">
<form id="form_menu_hotel"
action="/recherchehotel/requestforMenu"
method="post">
<div class="align-items-center input-search">
<span class="text-white min-width-220">
<div class="input-group">
<input type="text" id="autocomplete_menu" name="autocomplete_menu"
class="parent_text form-control search-form"
placeholder="Ville, hôtel ...">
<div class="">
<span class="input-group-text">
<i class="fas fa-search search-hotel-ville"></i>
</span></div>
</div>
<div class="clearfix error-message-hotel" id="errorauto"
style="display:none;font-size: 12px;color: red">
<i class="fa fa-warning"></i>
Veuillez saisir une destination ou un hôtel </div>
<input type="hidden" id="termsearch_menu" class="form-control"
name="termsearch_menu"
value="">
<input type="hidden" id="typesearch_menu" class="form-control"
name="typesearch_menu"
value="">
</span>
</div>
</form>
</li>
</ul>
</div>
</div>
<div class="icon-box">
<div class="icon-box__text">
<h4 class="icon-box__title">
<span>Tél: </span> 71706900 /
<span>WhatsApp: </span> 98538070 </h4>
<h4 class="icon-box__title" style="font-weight: 100 ;font-size: 13px;">Lun - Ven: 9h à 17h:00 Sam: 9h à 13h00 </h4>
<h4 class="icon-box__title" style="font-weight: 100;margin-top: 0px; font-size: 13px;">
89 av H Bourguiba 2<sup>éme</sup> Etage Ariana
</h4>
<h4 class="icon-box__title" style="font-weight: 100;margin-top: 0px; font-size: 13px;">
22 AV Abdelaziz Thaalbi Menzah 9A </h4>
</div>
</div>
</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>
<script>
$("#submitauto").click(function () {
var ShowAlert = false;
var msgAlert = '';
if ($("#termsearch_menu").val() == "" || $("#typesearch_menu").val() === "") {
ShowAlert = true;
msgAlert = '<i class="fa fa-warning"></i> Veuillez choisir une destination ou un hôtel ';
$("#errorauto").html(msgAlert);
$("#autocomplete_menu").addClass('error');
$("#errorauto").show(500);
} else {
$("#autocomplete_menu").removeClass('error');
$("#errorauto").hide(500);
}
if ($("#autocomplete_menu").val() === "") {
ShowAlert = true;
msgAlert = '<i class="fa fa-warning"></i> Veuillez choisir une destination ou un hôtel ';
$("#errorauto").html(msgAlert);
$("#autocomplete_menu").addClass('error');
$("#errorauto").show();
} else {
$("#autocomplete_menu").removeClass('error');
$("#errorauto").hide(500);
}
$("#form_menu_hotel").submit(function (event) {
if (ShowAlert === true) {
event.preventDefault();
}
$('#form_menu_hotel').unbind('submitauto').submit();
});
});
var json_menu = $.getJSON("/recherchehotel/autocompleteMenu", function () {
})
.done(function () {
data = JSON.parse(json_menu.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'> </li>");
} else if (item.category == 'VILLE') {
ul.append("<li class='ui-autocomplete-category'> </li>");
} else{
ul.append("<li class='ui-autocomplete-category'> </li>");
}
currentCategory = item.category;
}*/
li = that._renderItemData(ul, item);
if (item.category) {
li.attr("aria-label", item.category + " : " + item.label);
}
i++;
});
}
});
$('.loader').hide();
$("#autocomplete_menu").catcomplete({
delay: 0,
source: data,
minLength: 2,
messages: {
noResults: '',
results: function () {
}
},
select: function (event, ui) {
$("#termsearch_menu").val(ui.item.label); // display the selected text
$("#typesearch_menu").val(ui.item.category); // save selected id to hidden input
document.getElementById("form_menu_hotel").submit();
}
});
})
.fail(function () {
//console.log( "error" );
})
.always(function () {
// console.log( "complete" );
});
</script>
<style>
.input-group-text {
background-color: #ffffff !important;
border: 1px solid #fff !important;
margin-top: 26px;
height: 61%;
margin-left: -48px;
border-bottom-color: #fff !important;
border-top-color: #fff !important;
border-left-color: #fff !important;
border-right-color: #fff !important;
position: relative;
border-radius: 22px !important;
}
.search-form {
margin: 26px 0px 10px 0px;
background: #fff !important;
border: 1px solid #fff;
font-size: 17px;
width: 232px;
border-radius: 22px !important;
}
.search-form::placeholder {
font-size: 14px;
font-weight: bold;
}
.search-hotel-ville {
color: #1e509f;
font-size: 24px;
}
</style> <!-- 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 sous-ligne" rel="canonical">
<img id="en_US" class="top-logo" style="vertical-align: middle;" src="/public/front/images/flag_en.png " alt="flag fr"> English </a>
</li>
<li onclick="editLocaleLangue('fr');">
<a class="sous-main-menu sous-ligne" 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 en tunisie <i class="fa fa-angle-down"></i> </a>
<ul class="dropdown-menu">
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Tunis"> Tunis</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Sousse"> Sousse</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Hammamet"> Hammamet</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Djerba"> Djerba</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/kelibia"> Kelibia</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Monastir"> Monastir</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Mahdia"> Mahdia</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Tabarka"> Tabarka</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Zarzis"> Zarzis</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Sfax"> Sfax</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Nabeul"> Nabeul</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Gammarth"> Gammarth</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Bizerte"> Bizerte</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Tozeur"> Tozeur</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Douz"> Douz</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Ain-Draham"> Ain draham </a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Korbous"> Korbous</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Gabes"> Gabes</a>
</li>
<li >
<a class="sous-main-menu sous-ligne" rel="canonical" href="/hotels-en-tunisie/Korba"> Korba</a>
</li>
</ul>
</li>
<li class="dropdown">
<a rel="canonical" href="/voyage-organisee">
Voyages en groupes </a>
</li>
<li class="dropdown">
<a rel="canonical" href="/voyage-a-la-carte">
Voyage de noces </a>
</li>
<li class="dropdown">
<a rel="canonical" href="#">
Vol </a>
</li>
<li class="dropdown">
<a rel="canonical" href="/voyage-organisee?theme=17">
Usa </a>
</li>
<li class="dropdown">
<a rel="canonical" href="/infospratiques/pourvisa">
Visa </a>
</li>
<li class="dropdown">
<a rel="canonical" href="/demande-salle-seminaire">
Espace entreprise </a>
</li>
<li class="dropdown">
<a rel="canonical" href="/contact/noagence">
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="/" class="d-block d-sm-none">
<img src="/public/front/images/logo/logo_jektis.png" alt="logo"
class="bravo-logo">
</a>
<div class="bravo-menu">
<ul class="main-menu menu-generated">
<li class="vert home">
<i class=""></i>
<a target="" href="/" rel="canonical"><span
class="fa fa-home" aria-hidden="true"></span></a>
</li>
<li class="depth-0">
<i class=""></i>
<a target=""
href="#">Hôtels en tunisie
</a>
<ul class="children-menu menu-dropdown">
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Tunis"> Tunis</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Sousse"> Sousse</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Hammamet"> Hammamet</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Djerba"> Djerba</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/kelibia"> Kelibia</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Monastir"> Monastir</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Mahdia"> Mahdia</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Tabarka"> Tabarka</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Zarzis"> Zarzis</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Sfax"> Sfax</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Nabeul"> Nabeul</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Gammarth"> Gammarth</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Bizerte"> Bizerte</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Tozeur"> Tozeur</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Douz"> Douz</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Ain-Draham"> Ain draham </a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Korbous"> Korbous</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Gabes"> Gabes</a>
</li>
<li class="depth-1">
<a rel="canonical" href="/hotels-en-tunisie/Korba"> Korba</a>
</li>
</ul>
</li>
<li class="depth-0">
<i class=""></i>
<a target=""
href="/voyage-organisee">Voyages en groupes
</a>
</li>
<li class="depth-0">
<i class=""></i>
<a target=""
href="/voyage-a-la-carte">Voyage de noces
</a>
</li>
<li class="depth-0">
<i class=""></i>
<a target=""
href="#">Vol
</a>
</li>
<li class="depth-0">
<i class=""></i>
<a target=""
href="/voyage-organisee?theme=17">Usa
</a>
</li>
<li class="depth-0">
<i class=""></i>
<a target=""
href="/infospratiques/pourvisa">Visa
</a>
</li>
<li class="depth-0">
<i class=""></i>
<a target=""
href="/demande-salle-seminaire">Espace entreprise
</a>
</li>
<li class="depth-0">
<i class=""></i>
<a target=""
href="/contact/noagence">Contact
</a>
</li>
<li class="depth-0 end login-b2c-b2b">
<a href="javascript:void(0)" class="vert dropdown-toggle" data-toggle="dropdown"
role="button" aria-haspopup="true" aria-expanded="false">
<img class="imguser"
src="/public/front/images/user.png" alt="user">
</a>
<ul class="children-menu menu-dropdown" id="dropdown-menu">
<li><a href="#login" class="login_modal_user"><i
class="field-icon fa icofont-login"></i> Se Connecter </a></li>
<li><a href="/EspaceB2B"><i
class="field-icon icofont-pen-alt-4"></i>Accès pro </a></li>
</ul>
</li>
<!-- <li>-->
<!-- <a id="favoris-link" href="--><!--">-->
<!-- <span class="favoris-text" style="color: grey"> Favoris</span>-->
<!-- </a>-->
<!-- </li>-->
<li class="item-panier">
<a href="/item-panier/explorerPanier"
class="text-warning">
<img src="/public/front/b2c/images/shopping-basket.png"
alt="basket" style="width: 17px;height: 17px;"/>
<style>
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li.item-panier a {
padding: 17px 20px
}
</style>
</a>
</li>
</ul>
</div>
</div>
<div class="logo_panier" 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 class="page-template-content" id="pricipaldiv">
<div class="bravo-form-search-all">
<div class="container">
<div class="row flex-column-reverse flex-lg-row">
<div class="col-xl-5 col-lg-5">
<div class="g-form-control" id="zone-moteur-generale1">
<ul class="nav nav-tabs" role="tablist">
<li>
<a href="#search_1"
class="active search_1"
aria-controls="search_1" role="tab" data-toggle="tab">
<img alt="" src="/public/front/images/moteur/hotel1.png">
Hôtels </a>
</li>
<li>
<a href="#search_2"
class="search_2"
aria-controls="search_2" role="tab" data-toggle="tab">
<img alt="" src="/public/front/images/moteur/vol1.png">
Vol </a>
</li>
<li>
<a href="#search_3"
class="search_3"
aria-controls="search_3" role="tab" data-toggle="tab">
<img alt="" src="/public/front/images/moteur/voyage1.png">
Voyages </a>
</li>
</ul>
<div class="tab-content" id="tab-content">
<!-- search hotel -->
<style>
.border-bottom-dotted{
border-bottom: 2px dotted #575756 !important;
}
</style>
<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-12 border-bottom-dotted">
<div class="form-group">
<div class="form-content">
<img src="/public/front/images/moteur/sejours.png" alt=""
class="icone-moteur">
<span class="span-moteur">Région</span>
<div class="smart-search">
<select id="item_select_hotel" name="item_select_hotel" class="parent_text form-control selectpicker" data-live-search="true">
<option data-type="" value="">Où allez-vous?</option>
</select>
<!--input type="text" id="autocomplete" name="hotel" class="parent_text form-control" placeholder=""-->
</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-12 border-bottom-dotted">
<div class="form-group">
<div class="form-content">
<div class="form-date-search-hotel">
<div class="date-wrapper">
<div class="check-in-wrapper">
<img alt="" src="/public/front/images/moteur/date.png"
class="icone-moteur">
<span class="span-moteur">Votre Arrivée - Votre Départ</span>
<div class="padding-moteur">
<span class="input-group date1" id="check1" style="display: inline;">
<div class="render check-in-render">
<span class="input-group-addon" id="check-in-render">
22/11/2025 </span>
<input type="hidden" class="check-in-input"
value="22/11/2025" name="du">
</div>
</span>
<span style="top: -7px;position: relative;"> -- </span>
<span class="input-group date1" id="check2" style="display: inline;">
<div class="render check-out-render">
<span class="input-group-addon" id="check-out-render">
23/11/2025 </span>
<input type="hidden" class="check-out-input"
value="23/11/2025" name="au">
<input type="text" class="check-in-out" name="date"
value="22/11/2025 - 23/11/2025">
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 border-bottom-dotted dropdown form-select-guests">
<div class="form-group">
<div class="form-content dropdown-toggle" data-toggle="dropdown">
<div class="wrapper-more">
<img alt="" src="/public/front/images/moteur/destination.png"
class="icone-moteur">
<span class="span-moteur">Chambres</span>
<div class="render padding-moteur" 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</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('');
$("#error-ch").hide();
$.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>
<div class="clearfix error-message-ch" id="error-ch" style="display: none;color: red">
<i class="fa fa-warning"></i> Veuillez saisir l'âge d'enfant
</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>
<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="">
<div class="row">
<div class="col">
<button class="btn btn-primary pull-right btn-search-index" id="submit" type="submit" style="margin-top: 28px;margin-bottom: 14px;"><i class="fa fa-search" style="margin-left: 10px;"></i> Rechercher </button>
</div>
</div>
</form>
</div>
<!-- search transfert -->
<div role="tabpanel" class="tab-pane" id="search_3">
<form action="/voyage-organisee" method="POST" name="Outgoing" enctype="multipart/form-data" class="form bravo_form_vol" id="Outgoing"> <div class="g-field-search">
<div class="row">
<div class="col-md-12 search-field" style="margin:7px 0;">
<label>Nos destinations</label>
<select name="destination" id="destination" class="form-control"><option value="">Tous</option>
<option value="2">Réveillon à Paris</option>
<option value="26"> Miami & Orlando </option>
<option value="30">USA : Washington, Philadelphie, Chutes Niagara et New York </option>
<option value="41">La Jordanie : Voyage de luxe </option>
<option value="58">Bali</option>
<option value="60">Tour D'Italie</option>
<option value="79">L'Andalousie</option>
<option value="84">Brésil Festivale de RIO </option>
<option value="86">Bali </option>
<option value="88">La Chine</option>
<option value="92">Portugal : Lisbonne & Porto </option>
<option value="95">Ouzbékistan</option>
<option value="98">L'Europe Centrale ( Vienne & Prague ) </option>
<option value="102">Vietnam Du Nord Au Sud </option>
<option value="106">Philadelphie , New York & Washington </option>
<option value="111">Réveillon Au Maroc </option>
<option value="114">La Chine</option>
<option value="115">Sultanat Oman </option>
<option value="118">Corée & Japan </option></select> </div></div>
<div class="row">
<div class="col-md-12 search-field" style="margin:7px 0;">
<label>Date</label>
<select class="form-control" name="month" id="month">
<option value="">Date</option>
<option value="01">Janvier</option>
<option value="02">Février</option>
<option value="03">Mars</option>
<option value="04">Avril</option>
<option value="05">Mai</option>
<option value="06">Juin</option>
<option value="07">Juillet</option>
<option value="08">Août</option>
<option value="09">Septembre</option>
<option value="10">Octobre</option>
<option value="11">Novembre</option>
<option value="12">Décembre</option>
</select>
</div>
</div>
<div class="row">
<div class="col-md-6 search-field" style="margin: 7px 0;">
<label>Durée</label>
<select class="form-control" name="duree" id="duree">
<option value="">Durée</option>
<option value="0-3">Moins de 3 jours</option>
<option value="3-7">Entre 4 et 7 jours</option>
<option value="7-10">Entre 7 et 10 jours</option>
<option value="10-100">Plus que 10 jours</option>
</select>
</div>
<div class="col-md-6 search-field" style="margin: 7px 0;">
<label>Budget</label>
<select class="form-control" name="budget" id="budget">
<option value="">Budget</option>
<option value="0-1000">Moins de 1000</option>
<option value="1000-2000">Entre 1000 et 2000</option>
<option value="2000-3000">Entre 2001 et 3000</option>
<option value="3000-999999">Plus que 3000</option>
</select>
</div>
</div>
<div class="row">
<div class="col-md-6 search-field" style="margin: 7px 0;">
<label>Visa</label>
<select class="form-control" name="visa" id="visa">
<option value="">Visa</option>
<option value="1">Destination Avec Visa</option>
<option value="0">Destination Sans Visa</option>
</select>
</div>
</div>
</div>
<input type="hidden" id="id_module" name="id_module" value="2">
<div class="row">
<div class="col-lg-12">
<div class="search-field">
<button id="btnnew-filter1" class="btn btn-primary mt-3 mb-3 btn-search-index">
<i class="fa fa-search" style="margin-left: 10px;"></i> Rechercher </button>
</div>
</div>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane" id="search_2">
<div class="tab-pane featured-overlay-inner" id="zone-moteur">
<form action="/flightws/SearchFlight" method="POST" name="Ticketing" id="myFormBilletterie" enctype="multipart/form-data" class="location-search ac-custom ac-radio ac-fill bravo_form_vol" role="form" target="_blank">
<div class="g-field-search" id="one_way">
<div class="row no-gutters">
<div class="col-md-4">
<input style="width:auto;" checked="checked" name="direction_flight"
type="radio" value="1">
<label class="formsfont" for="web">Aller / Retour</label>
</div>
<div class="col-md-4">
<input style="width:auto;" name="direction_flight"
type="radio" value="2">
<label class="formsfont" for="web">Aller simple</label>
</div>
<div class="col-md-4">
<input style="width:auto;" name="direction_flight"
type="radio" value="3" id="flightTypeMultiLeg">
<label class="formsfont" for="web">MultiDestination</label>
</div>
</div>
<div id="normal_destination">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-4 col-sm-12">
<div class="col-field-left">
<label class="formsfont" for="web">Au départ de</label>
<input name="source" type="text" id="source" class=" form-control source" placeholder="Ville / Aéroport" data-to="originLocationCode" value=""><input type="hidden" name="originLocationCode" id="originLocationCode" value=""> </div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="col-field-right">
<label class="formsfont" for="web">A destination de</label>
<input name="destination" type="text" id="destination" class=" form-control destination" placeholder="Ville / Aéroport" data-to="destinationLocationCode" value=""><input type="hidden" name="destinationLocationCode" id="destinationLocationCode" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12 col-field-left" id='External_FlightFareSearch_From'>
<label class="formsfont" for="web">Date de départ</label>
<div class="input-group date">
<input class="form-control" data-language="fr" data-position="bottom left"
id="departureDate" name="departureDate" placeholder="Départ le"
type="text" value="21/11/2025"/>
<span class="input-group-addon"> <i class="far fa-calendar-alt"></i> </span>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 col-field-right" id="returnIdDate">
<label id="External_FlightFareSearch_ReturnDate_title" class="formsfont" for="web">Date de
retour</label>
<div class="input-group date">
<input class="form-control" data-language="fr" data-position="bottom left"
id="returnDate" name="returnDate" placeholder="Retour le"
type="text" value="28/11/2025"/>
<span class="input-group-addon"> <i class="far fa-calendar-alt"></i> </span>
</div>
</div>
</div>
<div class="row" id="multi_destination" style="display: none;">
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="col-field-left">
<label class="formsfont" for="web">Au départ de</label>
<input name="source2" type="text" id="source2" class=" form-control source" placeholder="Départ de" data-to="originLocationCode2" value=""><input type="hidden" name="originLocationCode2" id="originLocationCode2" value="">
</div>
</div>
<!--<button class="reverse-button" type="button" title="" data-index="2">
<i class="fa fa-sync"></i>
</button>-->
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="col-field-left">
<label class="formsfont" for="web">Au départ de</label>
<input name="destination2" type="text" id="destination2" class=" form-control destination" placeholder="Arrivée à" data-to="destinationLocationCode2" value=""><input type="hidden" name="destinationLocationCode2" id="destinationLocationCode2" value="">
</div>
</div>
<div class="col-md-4 mb10">
<label id="Depart_title" class="formsfont" for="web"><br/></label>
<div class="input-group date">
<input class="form-control" data-language="fr" data-position="bottom left"
id="departureDate2" name="departureDate2" placeholder="Départ le"
type="text" value="21/11/2025"/>
<span class="input-group-addon"> <i class="far fa-calendar-alt"></i> </span>
</div>
</div>
<script>
$('#departureDate2').datetimepicker(
{
format: 'DD/MM/YYYY',
locale: 'FR'
});
</script>
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="col-field-left">
<label class="formsfont" for="web">Au départ de</label>
<input name="source3" type="text" id="source3" class=" form-control source" placeholder="Départ de" data-to="originLocationCode3" value=""><input type="hidden" name="originLocationCode3" id="originLocationCode3" value="">
</div>
</div>
<!--<button class="reverse-button" type="button" title="" data-index="2">
<i class="fa fa-sync"></i>
</button>-->
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="col-field-left">
<label class="formsfont" for="web">Au départ de</label>
<input name="destination3" type="text" id="destination3" class=" form-control destination" placeholder="Arrivée à" data-to="destinationLocationCode3" value=""><input type="hidden" name="destinationLocationCode3" id="destinationLocationCode3" value="">
</div>
</div>
<div class="col-md-4 mb10">
<label id="Depart_title" class="formsfont" for="web"><br/></label>
<div class="input-group date">
<input class="form-control" data-language="fr" data-position="bottom left"
id="departureDate3" name="departureDate3" placeholder="Départ le"
type="text" value="21/11/2025"/>
<span class="input-group-addon"> <i class="far fa-calendar-alt"></i> </span>
</div>
</div>
<script>
$('#departureDate3').datetimepicker(
{
format: 'DD/MM/YYYY',
locale: 'FR'
});
</script>
</div>
<div class="row">
<div class="col-4 col-md-4" id="paxAdult">
<label class="formsfont" for="web">Adultes</label>
<div class="form-group form-inline">
<div style="position: relative;right: 0;top: -3px;display:flex;">
<button id="add-adult" type="button"
class="btn-translate--hover btn_add_room flight-btn-plus-moins">
<i class="icofont-plus"></i>
</button>
<input name="nb_adult" type="text" id="nb_adult" class="passagesCount  input-number form-control count-display" data-max="7" data-min="1" value="1">
<button type="button" id="deleteAdult"
class="btn-translate--hover btn_add_room flight-btn-plus-moins">
<i class="icofont-minus"></i>
</button>
</div>
</div>
</div>
<div class="col-4 col-md-4" id="paxChild">
<label class="formsfont" for="web">Enfant(s) (-12 ans)</label>
<div class="form-group form-inline">
<div style="position: relative;right: 0;top: -3px;display:flex;">
<button id="add-child" type="button"
class="add-child btn-translate--hover btn_add_room flight-btn-plus-moins">
<i class="icofont-plus"></i>
</button>
<input name="nb_child" type="text" id="nb_child" class="passagesCount  input-number form-control count-display" data-max="3" data-min="1" value="0">
<button type="button" id="deleteChild"
class="btn-translate--hover btn_add_room flight-btn-plus-moins">
<i class="icofont-minus"></i>
</button>
</div>
</div>
</div>
<div class="col-4 col-md-4" id="paxInfant">
<label class="formsfont" for="web">Bébé (-2 ans)</label>
<div class="form-group form-inline">
<div style="position: relative;right: 0;top: -3px;display:flex;">
<button id="add-infant" type="button"
class="add-infant btn-translate--hover btn_add_room flight-btn-plus-moins">
<i class="icofont-plus"></i>
</button>
<input name="nb_infant" type="text" id="nb_infant" class="passagesCount  input-number form-control count-display" data-max="3" data-min="1" value="0">
<button type="button" id="deleteInfant"
class="btn-translate--hover btn_add_room flight-btn-plus-moins">
<i class="icofont-minus"></i>
</button>
</div>
</div>
</div>
<style>
.flight-btn-plus-moins {
background-color: #91bc41 !important;
color: #265b97 !important;
border-radius: 25px !important;
border: 1px solid #265b97;
}
button#submit {
margin-top: 17px;
margin-bottom: 15px;
}
.count-display {
width: 30px !important;
text-align: center;
font-size: 18px;
font-weight: bold;
/*---*/
/*background: #ffffff;*/
border: 0px solid black;
/* opacity: 0.6;*/
pointer-events: none;
}
</style>
<script>
$("#paxAdult").on("click", "#add-adult", function (e) {
$('#nb_adult').val(parseInt($("#nb_adult").val()) + 1);
});
$("#paxAdult").on("click", "#deleteAdult", function (e) {
if (parseInt($("#nb_adult").val()) > 1) {
$('#nb_adult').val(parseInt($("#nb_adult").val()) - 1);
}
});
$("#paxChild").on("click", "#add-child", function (e) {
if (parseInt($("#nb_child").val()) < 8) {
$('#nb_child').val(parseInt($("#nb_child").val()) + 1);
}
});
$("#paxChild").on("click", "#deleteChild", function (e) {
if (parseInt($("#nb_child").val()) > 0) {
$('#nb_child').val(parseInt($("#nb_child").val()) - 1);
}
});
$("#paxInfant").on("click", "#add-infant", function (e) {
if (parseInt($("#nb_infant").val()) < parseInt($("#nb_adult").val())) {
$('#nb_infant').val(parseInt($("#nb_infant").val()) + 1);
}
});
$("#paxInfant").on("click", "#deleteInfant", function (e) {
if (parseInt($("#nb_infant").val()) > 0) {
$('#nb_infant').val(parseInt($("#nb_infant").val()) - 1);
}
});
</script>
</div>
<div class="row">
<div class="col-md-6">
<label class="formsfont" for="web">Classe</label>
<select name="cabin_class" id="cabin_class" class="form-control"><option value="ECONOMY" selected="selected">ECONOMY</option>
<option value="PREMIUM_ECONOMY">PREMIUM ECONOMY</option>
<option value="BUSINESS">BUSINESS</option>
<option value="FIRST_CLASS">FIRST CLASS</option></select>
</div>
</div>
</div>
<div class="row">
<div class="col">
<input type="hidden" id="startId" name="startId" value=""/>
<input type="hidden" id="endId" name="endId" value=""/>
<button type="submit" id="submit" style="" class="btn btn-primary pull-right btn-search-index"
value=""><i class="fa fa-search"
style="margin-left: 10px;"></i>Rechercher </button>
</div>
</div>
</div>
</form>
<script>
$(document).ready(function () {
$('input[type=radio][name="direction_flight"]').change(function () {
$("#returnIdDate").hide();
$("#multi_destination").hide();
switch ($(this).val()) {
case '1':
$("#returnIdDate").show();
break;
case '3':
$("#multi_destination").show();
break;
}
// alert($(this).val()); // or, use `this.value`
});
});
$(function () {
$('#departureDate').datetimepicker(
{
format: 'DD/MM/YYYY',
useCurrent: false
})
$('#departureDate').data("DateTimePicker").minDate("21/11/2025");
$('#returnDate').datetimepicker(
{
format: 'DD/MM/YYYY',
useCurrent: false
});
$('#returnDate').data("DateTimePicker").minDate("21/11/2025");
// $('#returnDate').data("DateTimePicker").minDate("");
$("#departureDate").on("dp.change", function (e) {
$(this).data("DateTimePicker").date(e.date);
if (e.date.isAfter($('#returnDate').data("DateTimePicker").date()) || e.date.isSame($('#returnDate').data("DateTimePicker").date())) {
$('#returnDate').data("DateTimePicker").date(e.date.add(1, "day"));
}
$('#departureDate2').data("DateTimePicker").minDate($('#departureDate').data("DateTimePicker").date());
$('#departureDate3').data("DateTimePicker").minDate($('#departureDate').data("DateTimePicker").date());
if ($('input[name="direction_flight"]:checked').val() == 1) {
$('#returnDate').datetimepicker('show');
}
});
$("#returnDate").on("dp.change", function (e) {
$(this).data("DateTimePicker").date(e.date);
if (e.date.isBefore($('#departureDate').data("DateTimePicker").date()) || e.date.isSame($('#departureDate').data("DateTimePicker").date())) {
$('#departureDate').data("DateTimePicker").date(e.date.subtract(1, "day"));
}
});
/*****************************************/
$("#myFormBilletterie .source").autocomplete({
source: function (request, response) {
$.ajax({
url: '/service-web/aeroport?term=' + request.term,
dataType: "json",
type: 'POST',
success: function (data) {
response($.map(data, function (item) {
return {
label: item.label,
value: item.value,
desc: ''
}
}));
}
});
},
minLength: 3,
focus: function (event, ui) {
$(this).val(ui.item.label);
// $("#startId").val(ui.item.value);
return false;
},
select: function (event, ui) {
$(this).val(ui.item.label);
$("#myFormBilletterie #" + $(this).attr('data-to')).val(ui.item.value);
// $("#startId").val(ui.item.value);
return false;
}
}).data("ui-autocomplete")._renderItem = function (ul, item) {
return $('<li>')
.append('<a class="choice" ><span>' + item.label + '</span><span class="pull-right"><b>' + item.value + '</b></span><br><span style="font-size: 9px;">' + item.desc + '</span></a>')
.appendTo(ul);
};
$("#myFormBilletterie .destination").autocomplete({
source: function (request, response) {
$.ajax({
url: '/service-web/aeroport?term=' + request.term,
dataType: "json",
type: 'POST',
success: function (data) {
response($.map(data, function (item) {
return {
label: item.label,
value: item.value,
desc: ''
}
}));
}
});
},
minLength: 3,
focus: function (event, ui) {
$(this).val(ui.item.label);
// $("#myFormBilletterie #endId").val(ui.item.value);
return false;
},
select: function (event, ui) {
$(this).val(ui.item.label);
$("#myFormBilletterie #" + $(this).attr('data-to')).val(ui.item.value);
// $("#myFormBilletterie #endId").val(ui.item.value);
return false;
}
}).data("ui-autocomplete")._renderItem = function (ul, item) {
return $('<li>')
.append('<a ><span>' + item.label + '</span><span class="pull-right"><b>' + item.value + '</b></span><br><span style="font-size: 9px;">' + item.desc + '</span></a>')
.appendTo(ul);
};
});
</script>
</div>
</div>
</div>
<script>
$(function () {
$('#check1').datetimepicker(
{
format: 'DD/MM/YYYY',
locale: 'FR',
});
$('#check1').data("DateTimePicker").minDate("21/11/2025");
$('.check-in-input').val("22/11/2025");
$('#check2').datetimepicker(
{
format: 'DD/MM/YYYY',
locale: 'FR',
});
$('#check2').data("DateTimePicker").minDate("21/11/2025");
$('.check-out-input').val("23/11/2025");
var date = "22/11/2025" + " - " + "23/11/2025";
$('.check-in-out').val(date);
$("#check1").on("dp.change", function (e) {
if (e.date.isAfter($('#check1').data("DateTimePicker").date()) || e.date.isSame($('#check1').data("DateTimePicker").date())) {
$('#check2').data("DateTimePicker").date(e.date.add(1, "day"));
$('#check-in-render').html('<i class="icofont-calendar"></i> ' + $('.check-in-input').val());
$('#check-out-render').html('<i class="icofont-calendar"></i> ' + $('.check-out-input').val());
$('.check-in-out').val($('.check-in-input').val() + " - " + $('.check-out-input').val());
$('#check2').data("DateTimePicker").show();
}
});
$("#check1").click(function () {
$('#check2').data("DateTimePicker").hide();
});
$("#check2").on("dp.change", function (e) {
if (e.date.isBefore($('#check1').data("DateTimePicker").date()) || e.date.isSame($('#check1').data("DateTimePicker").date())) {
$('#check1').data("DateTimePicker").date(e.date.subtract(1, "day"));
}
if (e.date.isAfter($('#check2').data("DateTimePicker").date()) || e.date.isSame($('#check2').data("DateTimePicker").date())) {
$('#check-out-render').html('<i class="icofont-calendar"></i> ' + $('.check-out-input').val());
$('.check-in-out').val($('.check-in-input').val() + " - " + $('.check-out-input').val());
$('#check1').data("DateTimePicker").hide();
}
});
$("#check2").click(function () {
$('#check1').data("DateTimePicker").hide();
});
});
// $('[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>1</span> Chambre(s), <span>2 </span>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);
var tab_ages = [];
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;
for (j = 1; j <= nbenfants; j++) {
tab_ages.push($('#chambreage' + i + '-' + j + ' option:selected ').val());
//alert(tab_ages);
if (tab_ages.includes("-1")) {
$("#error-ch").show();
$('.select-guests-dropdown').show();
} else {
$("#error-ch").hide();
$('.select-guests-dropdown').hide();
}
}
}
$("#Chambre").html("<span>" + nb_chambre + "</span> chambre(s), <span>" + nbPersonne + "</span> Personne(s)")
if (nbenfants == 0) {
$('.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;
var nb_max_chambre = 6;
if (nb_chambre < nb_max_chambre) {
$.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>
$.ajax({
url: "/recherchehotel/autocomplete",
type: "POST",
dataType: "json",
beforeSend: function () {
},
success: function (data) {
var str = "";
// console.log(data);
$.each(data, function (i, item) {
str += "<option data-type='" + item.category + "' value='" + item.label + "'>" + item.label + "</option>"
});
// console.log(str);
$('#item_select_hotel').append(str);
},
error: function (xhr, status) {
alert("Sorry, there was a problem!");
},
complete: function (xhr, status) {
$('#item_select_hotel.selectpicker').selectpicker('refresh');
}
});
$('#item_select_hotel').change(function () {
// $('#item_select_hotel.selectpicker').selectpicker('refresh');
$('#termsearch').val($(this).find(":selected").val());
$('#typesearch').val($(this).find(":selected").attr('data-type'));
});
</script>
<style>
.search_3 {
border-right: 0 !important;
}
</style> </div>
</div>
<div class="col-xl-7 col-lg-7">
<div class="featured-inner" id="featured-inner">
<div class="slider">
<div>
<ul class="slides" id="owl-slider">
<li>
<a href="https://www.jektistravel.com/circuit-excursion?theme=5" target="_blank" >
<div class="text-banner"></div>
<!-- <img class="lazy" src="--><!--" style="width: 100%;" alt="--><!--">-->
<img data-sizes="auto" data-src="/public/images/image/site web_0.94035500-1759508249.png" class="lazyload img-slider" alt="Circuit Sud ">
</a>
</li>
<li>
<a href="https://www.jektistravel.com/voyage-organisee?pays=10" target="_blank" >
<div class="text-banner"></div>
<!-- <img class="lazy" src="--><!--" style="width: 100%;" alt="--><!--">-->
<img data-sizes="auto" data-src="/public/images/image/4_0.60123500-1760085290.png" class="lazyload img-slider" alt="Europe Centrale ">
</a>
</li>
<li>
<a href="https://www.jektistravel.com/voyages-organises/Details/Les-Etats-Unis/Philadelphie--Chutes-Niagara--New-York--Washington?success_redirect_url=wk%2BhwvZogNduEaKpnmLe2rg7QKn24Dr5SF8f2SsWrekS45QoI5XHFa90ywG%2B3QikyCdpvS%2Fz%2BcOmdEAvNa3Xwg%3D%3D" target="_blank" >
<div class="text-banner"></div>
<!-- <img class="lazy" src="--><!--" style="width: 100%;" alt="--><!--">-->
<img data-sizes="auto" data-src="/public/images/image/1_0.58625900-1760085249.png" class="lazyload img-slider" alt="USA ">
</a>
</li>
<li>
<a href="https://www.jektistravel.com/voyage-organisee?pays=37" target="_blank" >
<div class="text-banner"></div>
<!-- <img class="lazy" src="--><!--" style="width: 100%;" alt="--><!--">-->
<img data-sizes="auto" data-src="/public/images/image/2_0.09113600-1760085220.png" class="lazyload img-slider" alt="<p>Corée & Japon </p>">
</a>
</li>
<li>
<a href="https://www.jektistravel.com/voyages-organises/Details/Bresil/Bresil-Festivale-de-RIO?success_redirect_url=wk%2BhwvZogNduEaKpnmLe2vEY75ryTJD5hRzVGjLVyVE1vFTAwOuE7QaV5lMNfSkb" target="_blank" >
<div class="text-banner"></div>
<!-- <img class="lazy" src="--><!--" style="width: 100%;" alt="--><!--">-->
<img data-sizes="auto" data-src="/public/images/image/8_0.39189000-1760085705.png" class="lazyload img-slider" alt="Brésil ">
</a>
</li>
<li>
<a href="https://www.jektistravel.com/voyages-organises/Details/Chine/La-Chine?success_redirect_url=wk%2BhwvZogNduEaKpnmLe2mjHvSDO4cGuk19OP7r5g58S45QoI5XHFa90ywG%2B3QikyCdpvS%2Fz%2BcOmdEAvNa3Xwg%3D%3D" target="_blank" >
<div class="text-banner"></div>
<!-- <img class="lazy" src="--><!--" style="width: 100%;" alt="--><!--">-->
<img data-sizes="auto" data-src="/public/images/image/3_0.75291900-1760085344.png" class="lazyload img-slider" alt="La Chine">
</a>
</li>
</ul>
<ul id="banner-nav" class="owl-controls clickable d-none d-sm-block">
<li class="dinamic-width"><a target="_blank" href="javascript:void(0);">Circuit Sud </a></li>
<li class="dinamic-width"><a target="_blank" href="javascript:void(0);">Europe Centrale </a></li>
<li class="dinamic-width"><a target="_blank" href="javascript:void(0);">USA </a></li>
<li class="dinamic-width"><a target="_blank" href="javascript:void(0);"><p>Corée & Japon </p>
</a></li>
<li class="dinamic-width"><a target="_blank" href="javascript:void(0);">Brésil </a></li>
<li class="dinamic-width"><a target="_blank" href="javascript:void(0);">La Chine</a></li>
</ul>
<!--a class="owl-direction-prev" href="javascript:void(0);"><i class="fa fa-angle-left"></i></a>
<a class="owl-direction-next" href="javascript:void(0);"><i class="fa fa-angle-right"></i></a-->
<script>
$(document).ready(function () {
var width = (document.getElementById("owl-slider").offsetWidth);
ithemwidth = width /6;
$('.dinamic-width').css('width', ithemwidth + 'px');
});
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bravo-list-hotel layout_normal parallax1">
<div class="container bg-white1 pt-4">
<div class="row">
<div class="col-lg-6 col-xl-6 col-md-12 col-sm-12 col-xs-12">
<div class="inner">
<div class="bg-title-zone mb-3" id="category-heading">
<div class="row">
<div class="col-9">
<div class="titre">
Voyages Organisés </div>
</div>
<div class="col-3 text-right">
<a target="_blank" class="voir-tous"
href="/voyage-organisee">Voir Tous</a>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-md-12 mb-3">
<div class="col-md-12">
<div class="row block-img">
<div class="col-md-5 col-lg-5 col-xs-12 col-sm-12 pr-1 pl-0">
<a href="/voyages-organises/Details/Vietnam-Du-Nord-Au-Sud/Vietnam-Du-Nord-Au-Sud?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BHCWdt8CgwuJz%2FV0lrI91SoXfVfe1UqTf%2BpVqIt02LjwyAl6izXeCcXYOitnXwyHag%3D%3D" title="Vietnam Du Nord Au Sud ">
<img class="lazyload img-zone-voyage" data-sizes="auto" data-src="/public/images/image/istockphoto-1490902557-612x612_0.20932800-1728296188.jpg"
alt='Vietnam Du Nord Au Sud '>
</a>
</div>
<div class="col-md-7 col-lg-7 col-xs-12 col-sm-12 pt-2 pb-2 content-zone-voyage">
<a href="/voyages-organises/Details/Vietnam-Du-Nord-Au-Sud/Vietnam-Du-Nord-Au-Sud?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BHCWdt8CgwuJz%2FV0lrI91SoXfVfe1UqTf%2BpVqIt02LjwyAl6izXeCcXYOitnXwyHag%3D%3D">
<div class="feature-tour-info">
<h5 class="name-voyage nowrap">Vietnam Du Nord Au Sud </h5>
<div class="feature-tour-meta mb-3">
<div class="feature-tour-time localisation-voyage">
Vietnam Du Nord Au Sud </div>
<div class="feature-tour-review">
<ul class="booking-item-rating-stars">
</ul>
</div>
</div>
<span class="date-voyage"> 12 jour(s) / 9 nuits</span>
<br>
<span class="date-voyage">Du
23/03</span> <span class="date-voyage">au
03/04/2026</span><br>
<div class="col-md-6 price-voyage mt-3">
<label class="a-partir-de">A partir de</label>
<span>
10980<small><sup>TND</sup></small>
</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col-md-12">
<div class="row">
<div class="col-md-4 pl-1 pr-1">
<a href="/voyages-organises/Details/LAndalousie/LAndalousie?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BHfcRPw9vaWFLdu5AVIfC0URBrsDOcyDfwRnsZe%2B9YmNrPRtiYqO%2FHBIB5vJjbOOHA%3D%3D" title="L'Andalousie">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="/public/images/image/istockphoto-2229197822-612x612_0.49089900-1760626170.jpg"
alt='L'>
<div class="card-voyage">
<h3 class="title-card-voyage nowrap">L'Andalousie</h3>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
6180<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1">
<a href="/voyages-organises/Details/Sultanat-Oman/Sultanat-Oman?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BHRqp69WCZGlerMr%2BpD%2BdUcXfVfe1UqTf%2BpVqIt02LjwyAl6izXeCcXYOitnXwyHag%3D%3D" title="Sultanat Oman ">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="/public/images/image/istockphoto-1440358727-612x612_0.03183800-1760007744.jpg"
alt='Sultanat Oman '>
<div class="card-voyage">
<h3 class="title-card-voyage nowrap">Sultanat Oman </h3>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
10980<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1">
<a href="/voyages-organises/Details/Tour-DItalie/Tour-DItalie?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BI7BDSqmDPrAhELQw%2FISw9gRBrsDOcyDfwRnsZe%2B9YmNrPRtiYqO%2FHBIB5vJjbOOHA%3D%3D" title="Tour D'Italie">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="/public/images/image/image_0.26316200-1680867796.webp"
alt='Tour D'>
<div class="card-voyage">
<h3 class="title-card-voyage nowrap">Tour D'Italie</h3>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
6280<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div> </div>
</div>
<div class="col-lg-6 col-xl-6 col-md-12 col-sm-12 col-xs-12">
<div class="inner">
<div class="bg-title-zone mb-3" id="category-heading">
<div class="row">
<div class="col-9">
<div class="titre">
Circuits Sud </div>
</div>
<div class="col-3 text-right">
<a target="_blank" class="voir-tous"
href="/circuit-excursion">Voir Tous</a>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-md-12 mb-3">
<div class="col-md-12">
<div class="row block-img">
<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12 pr-1 pl-0">
<a href="/circuit-excursion/Details/Circuit-Sud/Circuit-Sud?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BD3yINOkIe6Qw2az7qD70busvQTTq7G%2BIv0YADEDF7dbrPRtiYqO%2FHBIB5vJjbOOHA%3D%3D" title="Circuit Sud ">
<img class="lazyload img-zone-circuit" data-sizes="auto" data-src="/public/images/image/image_0.05199700-1696860905.jpg"
alt='Circuit Sud '>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col-md-12">
<div class="row">
<div class="col-md-4 pl-1 pr-1">
<a href="/circuit-excursion/Details/Circuit-Sud/Circuit-Sud?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BO2bXiql9t3L6Quh%2FZKMVqhyYNE5mYJ1qF32hFCi%2BRGTyAl6izXeCcXYOitnXwyHag%3D%3D" title="Circuit Sud ">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="/public/images/image/11_0.14262800-1759508496.png"
alt='Circuit Sud '>
<div class="card-voyage">
<h3 class="title-card-circuit nowrap">
<span>Du
18</span> <span>au
20/Dec </span><br> </h3>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
639<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1">
<a href="/circuit-excursion/Details/Circuit-Sud-VIP/Circuit-Sud-VIP?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BMuK3idqdYkidwjSE7Z7tFJyYNE5mYJ1qF32hFCi%2BRGTyAl6izXeCcXYOitnXwyHag%3D%3D" title="Circuit Sud VIP ">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="/public/images/image/9_0.57250700-1759320223.png"
alt='Circuit Sud VIP '>
<div class="card-voyage">
<h3 class="title-card-circuit nowrap">
<span>Du
23</span> <span>au
26/Dec </span><br> </h3>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
980<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
</div>
</div>
<div class="bravo-list-tour box_shadow parallax3">
<div class="container grid-contents bg-white1 pb-3">
<div class="inner">
<div class="bg-title-zone mb-3" id="category-heading">
<div class="row">
<div class="col-9">
<div class="titre">
voyage de noce </div>
</div>
<div class="col-3 text-right">
<a target="_blank" class="voir-tous" href="/voyage-a-la-carte">Voir
Tous</a>
</div>
</div>
</div>
<div class="owl-carousel owl-theme" id="owl-carrousel">
<div class="owl-item">
<div class="content">
<a href="/voyage-a-la-carte/Details/Grece/Athenes-/-Mykonos-/-Naxos?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BJfTL4fBNkjJ7zBOd3LFYHVnHk%2B3HCymt0bgSDw0JKNqN851bLVv0iPg%2FQfFWuos3g%3D%3D">
<div class="block-card-item">
<div>
<img class="img-voyage lazyload" data-sizes="auto" data-src="/public/images/image/image_0.43442300-1602143387.png" alt='Athènes / Mykonos / Naxos ' id="imgacceuil">
<div class="zone-voyage">
<a href="/voyage-a-la-carte/Details/Grece/Athenes-/-Mykonos-/-Naxos?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BJfTL4fBNkjJ7zBOd3LFYHVnHk%2B3HCymt0bgSDw0JKNqN851bLVv0iPg%2FQfFWuos3g%3D%3D">
<div class="feature-tour-info">
<h5 class="name-voyage nowrap">Athènes / Mykonos / Naxos </h5>
<div class="feature-tour-meta mb-3">
<div class="feature-tour-time localisation-voyage">
Grèce - Athènes </div>
<div class="feature-tour-review">
<ul class="booking-item-rating-stars">
</ul>
</div>
</div>
<span class="date-voyage"> 8 jour(s) / 7 nuits</span>
<!--<br>
<span class="date-voyage">Du
</span> <span class="date-voyage">au
</span><br>-->
<!--div>
<img src="/public/front/images/checked.png" alt="checked">
<span>Avec Visa</span>
</div-->
<div class="col-md-12 mt-3">
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-8 price-voyage">
<label class="a-partir-de">A partir de</label>
<span>
4999<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item">
<div class="content">
<a href="/voyage-a-la-carte/Details/Espagne/BARCELONE--COSTA-BRAVA?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BI7A0O5LaL8fZmwlWtFY29gRBrsDOcyDfwRnsZe%2B9YmNcEzmf1sce9jfH%2BzAXJnkPQ%3D%3D">
<div class="block-card-item">
<div>
<img class="img-voyage lazyload" data-sizes="auto" data-src="/public/images/image/image_0.90327600-1676459775.jpg" alt='BARCELONE & COSTA BRAVA' id="imgacceuil">
<div class="zone-voyage">
<a href="/voyage-a-la-carte/Details/Espagne/BARCELONE--COSTA-BRAVA?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BI7A0O5LaL8fZmwlWtFY29gRBrsDOcyDfwRnsZe%2B9YmNcEzmf1sce9jfH%2BzAXJnkPQ%3D%3D">
<div class="feature-tour-info">
<h5 class="name-voyage nowrap">BARCELONE & COSTA BRAVA</h5>
<div class="feature-tour-meta mb-3">
<div class="feature-tour-time localisation-voyage">
Espagne - Barcelone </div>
<div class="feature-tour-review">
<ul class="booking-item-rating-stars">
</ul>
</div>
</div>
<span class="date-voyage"> 6 jour(s) / 5 nuits</span>
<!--<br>
<span class="date-voyage">Du
</span> <span class="date-voyage">au
</span><br>-->
<!--div>
<img src="/public/front/images/checked.png" alt="checked">
<span>Avec Visa</span>
</div-->
<div class="col-md-12 mt-3">
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-8 price-voyage">
<label class="a-partir-de">A partir de</label>
<span>
3990<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item">
<div class="content">
<a href="/voyage-a-la-carte/Details/Espagne/Barcelone-/-Ibiza?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BPtRYJ7hqNdgVEgZQiZbzxNnHk%2B3HCymt0bgSDw0JKNqN851bLVv0iPg%2FQfFWuos3g%3D%3D">
<div class="block-card-item">
<div>
<img class="img-voyage lazyload" data-sizes="auto" data-src="/public/images/image/image_0.31745800-1676459638.jpg" alt='Barcelone / Ibiza ' id="imgacceuil">
<div class="zone-voyage">
<a href="/voyage-a-la-carte/Details/Espagne/Barcelone-/-Ibiza?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BPtRYJ7hqNdgVEgZQiZbzxNnHk%2B3HCymt0bgSDw0JKNqN851bLVv0iPg%2FQfFWuos3g%3D%3D">
<div class="feature-tour-info">
<h5 class="name-voyage nowrap">Barcelone / Ibiza </h5>
<div class="feature-tour-meta mb-3">
<div class="feature-tour-time localisation-voyage">
Espagne - Ibiza </div>
<div class="feature-tour-review">
<ul class="booking-item-rating-stars">
</ul>
</div>
</div>
<span class="date-voyage"> 7 jour(s) / 6 nuits</span>
<!--<br>
<span class="date-voyage">Du
</span> <span class="date-voyage">au
</span><br>-->
<!--div>
<img src="/public/front/images/checked.png" alt="checked">
<span>Avec Visa</span>
</div-->
<div class="col-md-12 mt-3">
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-8 price-voyage">
<label class="a-partir-de">A partir de</label>
<span>
4190<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</a>
</div>
</div></div>
<script>
$('#owl-carrousel').owlCarousel({
// items: 4,
//loop: true,
margin: 10,
responsiveClass: true,
responsiveBaseElement: 'body',
responsive: {
0: {
items: 1,
nav: true
},
480: {
items: 1,
nav: false
},
600: {
items: 2,
nav: false
},
780: {
items: 3,
nav: false
},
1920: {
items: 3,
nav: false,
loop: false
}
}});
</script> </div>
</div>
</div>
<div class="container bg-white1">
<div class="inner">
<div class="bg-title-zone mb-3" id="category-heading">
<div class="row">
<div class="col-9">
<div class="titre">
Hôtels En Tunisie </div>
</div>
<div class="col-3 text-right">
<a target="_blank" class="voir-tous" href="/hotels-en-tunisie/pieds-dans-leau/20/liste_hotels">Voir
Tous</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-xl-6 col-md-12 col-sm-12 col-xs-12">
<style>
.parallax4 {
background-image: url('public/images/image/image_0.75932100-1701696368.png') !important;
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: relative;
}
.parallax4:after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(#00000085, transparent);
top: 0px;
}
.parallax4 .title {
color: white;
position: relative;
z-index: 99999;
}
</style>
<div class="bodergren">
<div class="before-you-fly">
<div class="image-wrapper mb-3">
<img
class="responsive-image lazyload" data-sizes="auto"
data-src="/public/images/image/image_0.75932100-1701696368.png">
</div>
</div>
<div class="media-view">
<div class="row no-gutters">
<div class="col-md-4 pl-1 pr-1 version-mobile">
<a href="/hotels-en-tunisie/Hammamet/Oceana-Hotel--Spa/detail?¶ms=421|ND_494_10" title="Oceana Hotel & Spa">
<div>
<img data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/tui-blue-oceana/oceana1.jpg" class="lazyload img-card-voyage" data-sizes="auto" alt="Oceana Hotel & Spa">
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Oceana Hotel & Spa</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Hammamet </div>
<div class="feature-tour-review">
<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>
</div>
</div>
<div class="version-mobile pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
142.5<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1 version-mobile">
<a href="/hotels-en-tunisie/Sousse/Tour-Khalef/detail?¶ms=421|ND_399_34" title="Tour Khalef">
<div>
<img data-src="https://www.jektistravel.com/public/images/image/image_0.38374000-1674291031.webp" class="lazyload img-card-voyage" data-sizes="auto" alt="Tour Khalef">
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Tour Khalef</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Sousse </div>
<div class="feature-tour-review">
<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>
</div>
</div>
<div class="version-mobile pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
171.5<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1 version-mobile">
<a href="/hotels-en-tunisie/Mahdia/Iberostar-Selection-Royal-El-Mansour/detail?¶ms=421|ND_63_35" title="Iberostar Selection Royal El Mansour">
<div>
<img data-src="https://www.jektistravel.com/public/images/image/image_0.32671400-1675759007.webp" class="lazyload img-card-voyage" data-sizes="auto" alt="Iberostar Selection Royal El Mansour">
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Iberostar Selection Royal El Mansour</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Mahdia </div>
<div class="feature-tour-review">
<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>
</div>
</div>
<div class="version-mobile pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
162.5<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
</div> </div>
</div>
</div>
<div class="col-lg-6 col-xl-6 col-md-12 col-sm-12 col-xs-12">
<style>
.parallax5 {
background-image: url('public/images/image/image_0.01709600-1701696381.png') !important;
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: relative;
}
.parallax5:after {
content: "";
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(#00000085, transparent);
z-index: -1;
}
.parallax5 .title {
color: white;
position: relative;
z-index: 99999;
}
</style>
<div class="bodergren">
<div class="before-you-fly">
<div class="image-wrapper mb-3">
<img
class="responsive-image lazyload" data-sizes="auto"
data-src="/public/images/image/image_0.01709600-1701696381.png">
</div>
</div>
<div class="media-view">
<div class="row no-gutters">
<div class="col-md-4 pl-1 pr-1">
<a href="/hotels-en-tunisie/Hammamet/The-Orangers-Garden-Villas--Bungalows/detail?¶ms=421|ND_231_10" title="The Orangers Garden Villas & Bungalows">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="https://www.jektistravel.com/public/images/image/or4_0.57198800-1724922662.png"
alt='The Orangers Garden Villas & Bungalows'>
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">The Orangers Garden Villas & Bungalows</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Hammamet </div>
<div class="feature-tour-review">
<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>
</div>
</div>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
423.5<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1">
<a href="/hotels-en-tunisie/Mahdia/Nour-Palace-Resort--Thalasso/detail?¶ms=421|ND_56_35" title="Nour Palace Resort & Thalasso">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="https://www.jektistravel.com/public/images/image/image_0.80728200-1675764374.webp"
alt='Nour Palace Resort & Thalasso'>
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Nour Palace Resort & Thalasso</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Mahdia </div>
<div class="feature-tour-review">
<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>
</div>
</div>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
174.5<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1">
<a href="/hotels-en-tunisie/Hammamet/Bel-Azur-Thalasso--Bungalows/detail?¶ms=421|ND_104_10" title="Bel Azur Thalasso & Bungalows">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="https://www.jektistravel.com/public/images/image/image_0.26421500-1673520473.webp"
alt='Bel Azur Thalasso & Bungalows'>
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Bel Azur Thalasso & Bungalows</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Hammamet </div>
<div class="feature-tour-review">
<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>
</div>
</div>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
190<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
</div> </div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-xl-6 col-md-12 col-sm-12 col-xs-12">
<style>
.parallax6 {
background-image: url('public/images/image/image_0.11581900-1701696393.png') !important;
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: relative;
}
.parallax6:after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(#00000085, transparent);
top: 0px;
}
.parallax6 .title {
color: white;
position: relative;
z-index: 99999;
}
</style>
<div class="bodergren">
<div class="before-you-fly">
<div class="image-wrapper mb-3">
<img
class="responsive-image lazyload" data-sizes="auto"
data-src="/public/images/image/image_0.11581900-1701696393.png">
</div>
</div>
<div class="media-view">
<div class="row no-gutters">
<div class="col-md-4 pl-1 pr-1">
<a href="/hotels-en-tunisie/Djerba/Iberostar-Mehari-Djerba/detail?¶ms=421|ND_88_18" title="Iberostar Mehari Djerba">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="https://www.jektistravel.com/public/images/image/image_0.46404000-1725142440.jpeg"
alt='Iberostar Mehari Djerba'>
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Iberostar Mehari Djerba</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Djerba </div>
<div class="feature-tour-review">
<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>
</div>
</div>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
171.5<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1">
<a href="/hotels-en-tunisie/Mahdia/Nour-Palace-Resort--Thalasso/detail?¶ms=421|ND_56_35" title="Nour Palace Resort & Thalasso">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="https://www.jektistravel.com/public/images/image/image_0.80728200-1675764374.webp"
alt='Nour Palace Resort & Thalasso'>
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Nour Palace Resort & Thalasso</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Mahdia </div>
<div class="feature-tour-review">
<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>
</div>
</div>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
174.5<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1">
<a href="/hotels-en-tunisie/Nabeul/Tui-Magic-Life-Africana/detail?¶ms=421|ND_166_10" title="Tui Magic Life Africana">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="https://bo.crs.lightresa.com/uploads/OzV6OZ_Africana_chambre_standard.jpg"
alt='Tui Magic Life Africana'>
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Tui Magic Life Africana</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Nabeul </div>
<div class="feature-tour-review">
<ul class="booking-item-rating-stars">
</ul>
</div>
</div>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
221.5<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
</div> </div>
</div>
</div>
<div class="col-lg-6 col-xl-6 col-md-12 col-sm-12 col-xs-12">
<style>
.parallax7 {
background-image: url('public/images/image/image_0.72363500-1701696405.png') !important;
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: relative;
}
.parallax7:after {
content: "";
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(#00000085, transparent);
z-index: -1;
}
.parallax7 .title {
color: white;
position: relative;
z-index: 99999;
}
</style>
<div class="bodergren">
<div class="before-you-fly">
<div class="image-wrapper mb-3">
<img
class="responsive-image lazyload" data-sizes="auto"
data-src="/public/images/image/image_0.72363500-1701696405.png">
</div>
</div>
<div class="media-view">
<div class="row no-gutters">
<div class="col-md-4 pl-1 pr-1">
<a href="/hotels-en-tunisie/Nabeul/Aqi-Venus/detail?¶ms=421|ND_15_11" title="Aqi Venus ">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="https://bo.crs.lightresa.com/uploads/twComu_chambre-standard-sans-balcon.jpg"
alt='Aqi Venus '>
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Aqi Venus </h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Nabeul </div>
<div class="feature-tour-review">
<ul class="booking-item-rating-stars">
</ul>
</div>
</div>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
196.5<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1">
<a href="/hotels-en-tunisie/Nabeul/Tui-Blue-Manar/detail?¶ms=421|ND_167_11" title="Tui Blue Manar">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="/public/images/image/https://bo.crs.lightresa.com/uploads/TWbRMR_Double avec balcon .jpg"
alt='Tui Blue Manar'>
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Tui Blue Manar</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Nabeul </div>
<div class="feature-tour-review">
<ul class="booking-item-rating-stars">
</ul>
</div>
</div>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
287<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-4 pl-1 pr-1">
<a href="/hotels-en-tunisie/Djerba/Palm-Azur/detail?¶ms=421|ND_197_18" title="Palm Azur">
<div>
<img class="lazyload img-card-voyage" data-sizes="auto" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Djerba/palm-azur/hotel-club-palm-azur_170689799619.jpg"
alt='Palm Azur'>
<div class="card-hotel">
<h3 class="title-card-hotel nowrap">Palm Azur</h3>
<div class="feature-tour-meta">
<div class="feature-localisation">
Djerba </div>
<div class="feature-tour-review">
<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>
</div>
</div>
<div class="col-6 col-lg-6 col-md-6 pl-1 pr-1 price-card-voyage">
<label class="a-partir-de-small">A partir de</label>
<span>
140.5<small><sup>TND</sup></small>
</span>
</div>
</div>
</div>
</a>
</div>
</div> </div>
</div>
</div>
</div>
</div>
</div>
<div class="bravo_footer" id="div_footer">
<section id="awesome-destinations" class="section section-amazing-tours wide-fat hotel-detail">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12">
<div id="footer-black">
<footer class="widefat">
<div class="row">
<div class="col-md-3 mb-4">
<a href="javascript:void(0);">
<img src="/public/front/images/logo/logo_footer.png"
alt="Jektis Travel" class="img-responsive">
</a>
</div>
<div class="col-md-9 align-self-center" id="foterdesc">
<p id="pfooter" style="font-size: 14px;text-align: justify;margin-bottom: 10px">
Agence de Voyages (Lic A),Agrée par l'ONTT, Membre de la FTAV, Accrédité IATA . Spécialisée dans l'Organisation de Voyages à l’étranger. </p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-6 mieux-footer txt-algn marg-frt" id="footernew">
<p class="title">Nos Hôtels</p>
<ul id="footerulnew">
<li class="liste">
<a href="/recherchehotel/searchRoom/VILLE/Tunis"
title="Hôtels en Tunis">
Hôtel à Tunis </a>
</li>
<li class="liste">
<a href="/recherchehotel/searchRoom/VILLE/Sousse"
title="Hôtels en Sousse">
Hôtel à Sousse </a>
</li>
<li class="liste">
<a href="/recherchehotel/searchRoom/VILLE/Hammamet"
title="Hôtels en Hammamet">
Hôtel à Hammamet </a>
</li>
<li class="liste">
<a href="/recherchehotel/searchRoom/VILLE/Djerba"
title="Hôtels en Djerba">
Hôtel à Djerba </a>
</li>
<li class="liste">
<a href="/recherchehotel/searchRoom/VILLE/kelibia"
title="Hôtels en kelibia">
Hôtel à Kelibia </a>
</li>
<li class="liste">
<a href="/recherchehotel/searchRoom/VILLE/Monastir"
title="Hôtels en Monastir">
Hôtel à Monastir </a>
</li>
</ul>
</div>
<div class="col-md-6 txt-algn" id="footernew">
<p class="title">Nos Voyages</p>
<ul id="footerulnew">
<!--<li class="liste"><a href="/infospratiques" class=""> Pour le visa </a></li> -->
<li class="liste"><a
href="/voyage-organisee">
Voyages organisés </a></li>
<li class="liste"><a
href="/voyage-a-la-carte">
Voyages à la carte </a></li>
<li class="liste"><a
href="/circuit-excursion">
Circuits organisés </a></li>
<li class="liste"><a
href="/circuit-a-la-carte">
Circuits à la carte </a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-8">
<div class="newsletter-holder">
<h3 style="text-transform: inherit;margin-top: 10px;margin-bottom: -5px;">
Recevez nos promotions par mail</h3>
<div class="row">
<div class="col-xs-12 col-md-12">
<form action="/newsletter/addUserAjax"
method="post" class="form contact-form mt-0 fixed-position"
novalidate="novalidate" id="formNewsletter">
<div class="form-group">
<input class="new_letter form-control" id="email"
name="email" type="email"
placeholder="Veuillez ajouter votre e-mail ici"
required="required" maxlength="255"
style="width: 74%;float: left;">
<input class="unsubscribe" id="unsubscribe"
name="unsubscribe" type="hidden" value="0">
<button type="submit"
class="button green btn-inscrit btn-footer-ipad"
style="float: left; margin-left: 3%;margin-top: 1px">
OK
</button>
<!-- <input type="submit" class="button green " value="S'inscrire" style="padding: 9px 10px">-->
<span class="glyphicon form-control-feedback"
style="display: none;float: right;color:red; margin-top:45px;margin-right:0px;"
aria-hidden="true"></span>
<span class="help-block"
style=" color: white;font-size: 11px;display: block;width: 100%;float: left;"></span>
</div>
</form>
</div>
</div>
<p class="txt-algn"></p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-5 txt-algn" id="footernew">
<p class="title">Infos pratiques</p>
<ul id="footerulnew">
<li class="liste"><a
href="/infospratiques/conditionvente"> Conditions de vente</a>
</li>
<li class="liste"><a
href="/infospratiques/infospratiques"> Staff Jektis</a>
</li>
<li class="liste"><a
href="/infospratiques/pourvisa"> Pour le visa</a>
</li>
<li class="liste"><a
href="/infospratiques/agencerecrute"> Carrières</a>
</li>
<li class="liste"><a
href="/infospratiques/mentionslegales"> Mentions légales</a>
</li>
<li class="liste"><a
href="/infospratiques/nos-services"> Service urgence 24H/24H 7J/7J</a>
</li>
</ul>
</div>
<div class="col-md-7 txt-algn" id="footernew">
<p class="title" style="margin-top: 0">Suivez Nous</p>
<ul class="footer-social-icons">
<li class="animate zoomIn liste" data-anim-type="zoomIn"
data-anim-delay="300">
<a href="https://www.instagram.com/jektis.travel/?hl=fr" target="_blank"
class="fab fa-instagram">
</a>
</li>
<li class="animate zoomIn liste" data-anim-type="zoomIn"
data-anim-delay="300">
<a href="https://www.youtube.com/channel/UCLi9PmQLwNUSE40OcwFMO6g" target="_blank"
class="fab fa-youtube">
</a>
</li>
<li class="animate zoomIn liste" data-anim-type="zoomIn"
data-anim-delay="300">
<a href="https://twitter.com/jektis_travel" target="_blank"
class="fab fa-twitter">
</a>
</li>
<li class="animate zoomIn liste" data-anim-type="zoomIn"
data-anim-delay="300">
<a href="https://www.pinterest.fr/jektist/" target="_blank"
class="fab fa-pinterest">
</a>
</li>
<li class="animate zoomIn liste" data-anim-type="zoomIn"
data-anim-delay="300">
<a href="https://www.facebook.com/JEKTIS" target="_blank"
class="fab fa-facebook">
</a>
</li>
</ul>
<p class="title txt-algn" style="margin-top: 5px">Paiement Sécurisé</p>
<p style="margin-bottom: 0;margin-top: 0;">
<img src="/public/front/images/paiement.png">
</p>
<p class="title" style="margin-top: 5px">Membres</p>
<p style="margin-bottom: 0;margin-top: 0.5em;">
<img src="/public/front/images/ftav.png"
style="margin-right:20px;">
<img src="/public/front/images/iata.png">
</p>
<!-- <p class="mt-5 text-right">-->
<!-- <a href="http://www.3t.tn/" target="_blank" rel="noopener">-->
<!-- <img src="--><!--"-->
<!-- class="img-responsive lazy" style="text-align: center"-->
<!-- alt="Technology Travel and Tourism">-->
<!-- </a>-->
<!-- </p>-->
</div>
</div>
</div>
</div>
<div class="separator"></div>
<div class="bg-footer py-2">
<div class="container">
<div class="row">
<div class="col-md-12 align-self-center text-center">
<p class="text-black-50 mb-0">©2025 JektisTravel.com.tn - <span class="text-black-50">Powered BY <a href="http://www.3t.tn/" title="Technology Travel Tourism" target="_blank" class="text-black-50">3T</a></span></p>
</div>
</div>
</div>
</div>
<style>
ul#footerulnew, ul#footerulnew {
padding: 0;
}
.fa.fa-pinterest {
background: #bd081c;
}
.fa.fa-instagram {
background: #f2b469;
}
</style>
</footer>
</div>
</div>
</div>
</div>
</section>
<script>
$("#formNewsletter").validation({inputs: ['email']});
</script>
<style>
/* Footer style3 */
.tg-footerbar3 {
width: 100%;
float: left;
color: #0f3e68;
padding-top: 15px;
min-height: 40px;
font-size: 13px;
line-height: 15px;
background: #fff;
}
.info_footer {
text-align: left;
font-size: 12px;
color: white;
margin-top: 10px;
margin-bottom: 10px;
}
.info_footer ul li a {
color: white;
}
.zoomIn {
margin-right: 5px;
}
.info_footer ul li a {
color: white;
}
.footer-social-icons li a {
position: relative;
display: table-cell;
width: 30px;
height: 30px;
text-align: center;
background-color: #0045a0;
color: #fff;
transition: all 0.3s ease;
border-radius: 100px;
vertical-align: middle;
}
.form-control, .btn {
border-radius: 0rem;
}
</style> </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="clients" 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-4 col-md-12">
<div class="form-group">
<input type="text" name="nom_client" id="nom_client" placeholder="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-4 col-md-12">
<div class="form-group">
<input type="text" name="prenom_client" id="prenom_client" placeholder="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" class="form-control" placeholder="Téléphone" value="" >
<i class="input-icon field-icon fa fa-phone"></i>
<span style="margin-top: 5px;color:red" class="help-block"></span>
</div>
<script>
$(document).ready(function () {
getUserCountry('telephone');
});
</script>
</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','prenom_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',
width: '85%',
});
}
} else {
$('#div_price').removeClass('fixed');
}
});
});
window.setTimeout(function () {
$(".hide-alert").fadeTo(500, 0).slideUp(500, function () {
$(this).remove();
});
}, 2000);
</script>
<style>
#div_price.fixed {
position: fixed;
top: 0;
max-width: 17.2%;
}
</style>
<script src="/public/front/js/lazysizes.min.js" async></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>
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",
};
</script>
<script type="text/javascript" src="/public/front/plugin/inc/js/owl/owl.carousel.min.js"></script>
<script>
/*******************/
/*SET HEIGHT FILTER
/*******************/
function imgSide(first, second) {
$(second).css('height', $(first).height());
}
imgSide('#our-travel-col-9 .tour-category-item .part', '.img-col-3 img');
imgSide('#owl-slider', ' #featured .featured-overlay');
$(window).resize(function () {
imgSide('#our-travel-col-9 .tour-category-item ', '#featured .img-col-3 img');
});
/*******************/
/*HOTELS
/*******************/
var hotels = $("#owl-carrousel");
hotels.owlCarousel({
//autoPlay: 3000, //Set AutoPlay to 3 seconds
items: 4,
itemsDesktop: [1199, 3],
itemsDesktopSmall: [979, 2],
navigation: false,
pagination: false
});
// Custom Navigation Events
$("#promo-prev").click(function (e) {
e.preventDefault();
hotels.trigger('owl.prev');
});
$("#promo-next").click(function (e) {
e.preventDefault();
hotels.trigger('owl.next');
});
/*******************/
/*HOTELS TUNISIE
/*******************/
$("#destionations-mobile").owlCarousel({
navigation: true, // Show next and prev buttons
slideSpeed: 300,
paginationSpeed: 400,
singleItem: true,
pagination: false
});
/*******************/
/*MEGA MENU
/*******************/
var mega = $("#dropdownmega .menumega");
mega.owlCarousel({
navigation: false, // Show next and prev buttons
slideSpeed: 800,
paginationSpeed: 800,
singleItem: true,
pagination: false,
autoHeight: true,
});
var megaowl = mega.data('owlCarousel');
$('a.dropdown-mega').on('click', function (e) {
e.stopPropagation();
e.preventDefault();
var x = parseInt($(this).attr('data-order'));
if ($('#dropdownmega').hasClass('desactive')) {
$('#dropdownmega').slideDown().removeClass('desactive').addClass('open');
} else {
if ($(this).parent().hasClass('active')) {
$('#dropdownmega').slideUp();
setTimeout(function () {
$('#dropdownmega').addClass('desactive').removeClass('open');
}, 800);
$('#main-menu .navigation li').removeClass('active');
}
}
$('#main-menu .navigation li').removeClass('active');
$(this).parent().addClass('active');
if ($('#dropdownmega').hasClass('open')) {
setTimeout(function () {
megaowl.goTo(x - 1);
}, 200);
console.log('es')
} else {
megaowl.goTo(x - 1);
}
});
/***********Menu Drop Down**********/
//Hide on click out of menu
$('html').click(function () {
if ($('#dropdownmega').hasClass('desactive')) {
} else {
$('#dropdownmega').slideUp();
setTimeout(function () {
$('#dropdownmega').addClass('desactive').removeClass('open');
}, 800);
}
});
/*******************/
/*SLIDER DESTINATION
/*******************/
var owlDes = $("#destinations-owl");
owlDes.owlCarousel({
stopOnHover: false,
navigation: false,
pagination: false,
paginationSpeed: 1000,
goToFirstSpeed: 2000,
singleItem: true,
autoHeight: true,
lazyEffect: 'fade'
});
// Custom Navigation Events
$("#destinations-nav .previous").click(function (e) {
e.preventDefault();
owlDes.trigger('owl.prev');
});
$("#destinations-nav .next").click(function (e) {
e.preventDefault();
owlDes.trigger('owl.next');
});
/*******************/
/*SLIDER BANNER
/*******************/
$('#banner-nav li').eq(0).addClass('active');
var owl = $("#owl-slider");
owl.owlCarousel({
autoPlay: 5000, //Set AutoPlay to 3 seconds
singleItem: true,
addClassActive: true,
afterMove: function () {
var index = $('#owl-slider').find('.owl-item.active').index();
$('#banner-nav li').removeClass('active');
$('#banner-nav li').eq(index).addClass('active');
},
responsiveClass: true,
responsiveBaseElement: 'body',
responsive: {
0: {
items: 1
},
768: {
items: 1
},
1199: {
items: 1
}
}
});
// Custom Navigation Events
$(".owl-direction-next").click(function () {
owl.trigger('owl.next');
});
$(".owl-direction-prev").click(function () {
owl.trigger('owl.prev');
});
/*******************/
/*NAV BANNER
/*******************/
//get carousel instance data and store it in variable owl
var owlSlider = $("#owl-slider").data('owlCarousel');
$('#banner-nav a').on('click', function (e) {
e.preventDefault();
var x = $(this).parent().index();
owlSlider.goTo(x);
});
/*******************/
/*KITT DESIGN
/*******************/
$('#kitt-design h3').on('click', function (e) {
$('#kitt-design ').toggleClass('down');
});
$('#kitt-design a.blocks-edit').on('click', function (e) {
e.preventDefault();
var id = $(this).attr('data-id');
var name = $(this).attr('data-name');
var state = $(this).attr('data-state');
if (state == 'active') {
$('#' + id).hide();
$(this).html('<i class="fa fa-square-o"></i> Active ' + name);
$(this).attr('data-state', 'desactive')
} else {
$('#' + id).show();
$(this).html('<i class="fa fa-check-square-o"></i> Desactive ' + name);
$(this).attr('data-state', 'active');
}
});
$('#kitt-design a.text-banner').on('click', function (e) {
e.preventDefault();
$('.head-image-texts').toggle();
});
</script>
<script src="/public/front/library/js/jquery.form.min.js"></script>
</div>
<!-- Messenger Plugin de discussion Code -->
<div id="fb-root"></div>
<div id="fb-customer-chat" class="fb-customerchat"> </div>
<!-- Your Plugin de discussion code -->
<script>
var chatbox = document.getElementById('fb-customer-chat');
chatbox.setAttribute("page_id", "119623658118795");
chatbox.setAttribute("attribution", "biz_inbox");
</script>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v13.0'
});
FB.Event.subscribe('messenger_checkbox', function(e) {
console.log("messenger_checkbox event");
console.log(e);
if (e.event == 'rendered') {
console.log("Plugin was rendered");
} else if (e.event == 'checkbox') {
var checkboxState = e.state;
console.log("Checkbox state: " + checkboxState);
} else if (e.event == 'not_you') {
console.log("User clicked 'not you'");
} else if (e.event == 'hidden') {
console.log("Plugin was hidden");
}
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/fr_FR/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script src="https://cdn.jsdelivr.net/sharer.js/latest/sharer.min.js"></script>
</body>
</html>
