<!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 Sunday Travel</title>
<meta name="keywords"
content=""/>
<meta name="description"
content="sundaytravel.tn, Hôtels en Tunisie, hôtels à hammamet"/>
<meta name="author" content="Technology Travel Tourism"/>
<meta property="og:url" content="https://sundaytravel.tn/"/>
<meta property="og:type" content="website"/>
<meta property="og:title"
content="Agence Sunday Travel"/>
<meta property="og:description"
content="sundaytravel.tn, Hôtels en Tunisie, hôtels à hammamet"/>
<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="https://www.facebook.com/SundayTravelTunisia"/>
<meta name="robots" content="index.,follow,All"/>
<meta name="google-site-verification" content="Lzx8F8HFljhBXJME_vL-lHXFlqRiTw1Q1K9IT6acWbU"/>
<link rel="canonical" href="https://sundaytravel.tn/"/>
<link rel="icon" type="image/x-icon" href="/public/images/image/image_0.89808000-1656673977.png"/>
<link rel="manifest" href="/public/manifest.webmanifest">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage"
content="/public/images/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link href="/public/front/library/css/Commune/bootstrap/4.3.1/css/bootstrap.min.css" rel='stylesheet' />
<link href="/public/front/library/css/Commune/bootstrap/bootstrap-datetimepicker-standalone.min.css" rel='stylesheet' />
<link href="/public/front/library/css/Commune/bootstrap/bootstrap-datetimepicker.min.css" rel='stylesheet' />
<link href="/public/front/library/css/Commune/font-awesome/css/font-awesome.min.css">
<link href="/public/front/js/libs/icofont/icofont.min.css" rel="stylesheet" type="text/css">
<link href="/public/front/plugin/font-awesome/css/all.css" rel="stylesheet" type="text/css">
<link href="/public/front/plugin/font-awesome/css/fontawesome.min.css" rel="stylesheet" type="text/css">
<link href="/public/front/css/mobile-cal.css">
<link href="/public/front/js/libs/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css">
<!-- swiper -->
<link href="/public/front/library/swiper/5.4.1/css/swiper.min.css" rel="stylesheet">
<link href="/public/front/css/index.css" rel="stylesheet" type="text/css">
<link href="/public/front/js/libs/daterange/daterangepicker.css" rel="stylesheet" type="text/css">
<link href="/public/front/css/item_search.css" rel='stylesheet' />
<link href="/public/front/js/libs/ion_rangeslider/css/ion.rangeSlider.min.css" rel='stylesheet' />
<link href="/public/front/js/libs/fotorama/fotorama.css" rel='stylesheet' />
<link href="/public/front/js/libs/carousel-2/dist/assets/owl.carousel.min.css" rel="stylesheet">
<link href="/public/front/js/libs/carousel-2/dist/assets/owl.theme.default.min.css" rel="stylesheet">
<link rel="stylesheet" href="/public/front/js/libs/flags/css/flag-icon.min.css">
<link href="/public/front/css/transitions.css" rel="stylesheet">
<!-- Master Slider Skin -->
<link href="/public/front/b2c/css/masterslider.css" rel='stylesheet' type='text/css'>
<link href="/public/front/b2c/css/ms-autoheight.css" rel='stylesheet' type='text/css'>
<link href="/public/front/b2c/css/style-slider-home.css" rel='stylesheet' type='text/css'>
<!-- bootstrap select -->
<link href="/public/front/library/css/Commune/bootstrap/bootstrap-select.min.css"
rel='stylesheet'/>
<!-- STYLE EXPORTS GRID -->
<script src="/public/front/js/libs/jquery-3.3.1.min.js"></script>
<script src="/public/front/js/libs/jquery-migrate-3.0.0.min.js"></script>
<script src="/public/front/library/css/Commune/bootstrap/4.3.1/js/popper.min.js"></script>
<script src="/public/front/library/css/Commune/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="/public/front/js/libs/carousel-2/dist/owl.carousel.min.js"></script>
<script src="/public/front/js/validation.js"></script>
<script src="/public/front/library/css/Commune/ui/jquery-ui.js"></script>
<script>
var bookingCore = {
booking_decimals: 0,
thousand_separator: '.',
decimal_separator: ',',
currency_position: 'left',
currency_symbol: '$',
currency_rate: '1',
date_format: 'DD/MM/YYYY',
map_provider: 'gmap',
map_gmap_key: '',
currentUser: 0
};
var i18n = {
warning: "Warning",
success: "Success",
};
$('#hotels .dropdown-toggle').prop('disabled', true);
$('#Chambre').click(function () {
$('#hotels .dropdown-menu').show();
});
$('#ok').click(function () {
$('#hotels .dropdown-menu').hide();
});
</script>
<script src="/public/front/js/libs/daterange/moment.min.js"></script>
<script src="/public/front/js/libs/daterange/daterangepicker.min.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>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
</head>
<body class="frontend-page page login-21 authfy-panel">
<div id="fb-root" class="fb_reset"></div>
<div class="bravo_wrap" style="overflow-x: hidden;">
<div class="position">
<div class="bravo_topbar">
<div class="container">
<div class="content">
<div class="row">
<div class="col-md-2">
<a href="/">
<img src="/public/front/images/logo/logo.png" alt="logo"
class="bravo-logo">
</a>
</div>
<div class="col-md-10 topbar-right text-right">
<ul class="topbar-items separateur-menu">
<li>
<span class="__cf_email__">
<i class="fa fa-phone-alt icone-fa-menu" aria-hidden="true"></i> <label
class="label-top-menu"> <a href="tel:(+216) 24806074 ">(+216) 24806074 </a> </label>
</span>
</li>
<li>
<span class="__cf_email__">
<i class="fab fa-whatsapp icone-fa-menu"></i> <label
class="label-top-menu"> <a href="tel:(+216) 24806074">(+216) 24806074 </a> </label>
</span>
</li>
<li class="login-item">
<a href="#reservation" class="reservation_modal_guest" > <i
class="fa fa-search icone-fa-menu"></i>
<span class="label-top-menu">Suivi Réservation</span>
</a>
</li>
<li class="text-warning">
<a href="/item-panier/explorerPanier" class="">
<div>
<img src="/public/front/b2c/images/shopping-basket.png"
alt="basket">
<span class="text-gray">
0 </span>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- menu mobile -->
<div class="bravo_wrap">
<div class="bravo_header">
<div class="bravo-menu-mobile" style="display:none;">
<div class="user-profile">
<div class="b-close"><i class="icofont-scroll-left"></i></div>
<div class="avatar"></div>
<ul>
<li class="login-item">
<a href="#reservation" class="reservation_modal_guest"> <i
class="fa fa-search icone-fa-menu"></i>
<span class="label-top-menu">Suivi Réservation</span>
</a>
</li>
<!--li>
<a href="/EspaceB2B" class="login_modal">
<i class="fa fa-users icone-fa-menu"></i>
<label class="label-top-menu"> Espace Pro</label>
</a>
</li-->
</ul>
<ul class="multi-lang">
<li class="nav-item dropdown">
<a data-toggle="dropdown" id="dropdownMenu1" class="dropdown-toggle" rel="canonical" href="#">
Hôtels </a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/Tunis">Tunis </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/HAMMAMET">Hammamet </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/SFAX">Sfax </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/SOUSSE">Sousse </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/DJERBA">Djerba </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/GABES">Gabes </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/TABARKA">Tabarka </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/MAHDIA">Mahdia </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/MONASTIR">Monastir </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/GAMMARTH">Gammarth </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/BIZERTE">Bizerte </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/NABEUL">Nabeul </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/TOZEUR">Tozeur </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/DOUZ">Douz </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/ZARZIS">Zarzis </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/AIN-DRAHEM">Ain drahem </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/KORBOUS">Korbous </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/MATMATA">Matmata </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/KELIBIA">Kelibia </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/hotels-en-tunisie/JENDOUBA">Jendouba </a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a data-toggle="dropdown" id="dropdownMenu1" class="dropdown-toggle" rel="canonical" href="#">
Voyages </a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/voyage-organisee">Voyages organisés </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/voyage-a-la-carte">Voyages à la carte </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/voyages-sur-mesure">Voyages sur mesure </a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a data-toggle="dropdown" id="dropdownMenu1" class="dropdown-toggle" rel="canonical" href="#">
Circuits </a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/circuit-excursion">Circuits organisés </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/circuit-a-la-carte">Circuits à la carte </a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a data-toggle="dropdown" id="dropdownMenu1" class="dropdown-toggle" rel="canonical" href="#">
Billetterie </a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/billet-avion">Aérien </a>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item" rel="canonical" href="/billet-bateau">Maritime </a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a rel="canonical" href="/contact">
Contact </a>
</li>
<li>
<a href="/favoris">
<div>
Favoris
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<script>
$('.dropdown-menu a.dropdown-toggle').on('click', function(e) {
if (!$(this).next().hasClass('show')) {
$(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
}
var $subMenu = $(this).next(".dropdown-menu");
$subMenu.toggleClass('show');
$(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {
$('.dropdown-submenu .show').removeClass("show");
});
return false;
});
</script>
<!-- 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 d-none d-sm-block">
<div class="row d-none d-sm-block">
<div class="col-md-12 text-center menu-navigation">
<div class="bravo-menu">
<ul class="main-menu menu-generated">
<li class="depth-0">
<a target="" href="/"
rel="canonical">
Accueil </a>
</li>
<li class="depth-0">
<a target=""
href="#">Hôtels <i class="fa fa-angle-down"></i> </a>
<ul class="children-menu menu-dropdown">
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/Tunis">Tunis </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/HAMMAMET">Hammamet </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/SFAX">Sfax </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/SOUSSE">Sousse </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/DJERBA">Djerba </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/GABES">Gabes </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/TABARKA">Tabarka </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/MAHDIA">Mahdia </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/MONASTIR">Monastir </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/GAMMARTH">Gammarth </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/BIZERTE">Bizerte </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/NABEUL">Nabeul </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/TOZEUR">Tozeur </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/DOUZ">Douz </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/ZARZIS">Zarzis </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/AIN-DRAHEM">Ain drahem </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/KORBOUS">Korbous </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/MATMATA">Matmata </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/KELIBIA">Kelibia </a>
</li>
<li class="depth-1">
<a target="" href="/hotels-en-tunisie/JENDOUBA">Jendouba </a>
</li>
</ul>
</li>
<li class="depth-0">
<a target=""
href="#">Voyages <i class="fa fa-angle-down"></i> </a>
<ul class="children-menu menu-dropdown">
<li class="depth-1">
<a target="" href="/voyage-organisee">Voyages organisés </a>
</li>
<li class="depth-1">
<a target="" href="/voyage-a-la-carte">Voyages à la carte </a>
</li>
<li class="depth-1">
<a target="" href="/voyages-sur-mesure">Voyages sur mesure </a>
</li>
</ul>
</li>
<li class="depth-0">
<a target=""
href="#">Circuits <i class="fa fa-angle-down"></i> </a>
<ul class="children-menu menu-dropdown">
<li class="depth-1">
<a target="" href="/circuit-excursion">Circuits organisés </a>
</li>
<li class="depth-1">
<a target="" href="/circuit-a-la-carte">Circuits à la carte </a>
</li>
</ul>
</li>
<li class="depth-0">
<a target=""
href="#">Billetterie <i class="fa fa-angle-down"></i> </a>
<ul class="children-menu menu-dropdown">
<li class="depth-1">
<a target="" href="/billet-avion">Aérien </a>
</li>
<li class="depth-1">
<a target="" href="/billet-bateau">Maritime </a>
</li>
</ul>
</li>
<li class="depth-0">
<a target=""
href="/contact">Contact </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<a href="/" class="d-sm-none item-logo">
<img src="/public/front/images/logo/logo-mobile.png" alt="logo"
class="bravo-logo">
</a>
<div class="d-sm-none" style="text-align: right;">
<a href="/item-panier/explorerPanier">
<i class="fa fa-shopping-basket icone-mobile"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="page-template-content" id="pricipaldiv">
<div class="ms-autoheight-template with-100">
<!-- masterslider -->
<div class="master-slider ms-skin-default" id="masterslider">
<div class="ms-slide">
<img data-src="/public/images/image/couverture_0.65901200-1730398188.jpg" alt="" />
<div>
<a class="lien-slider" href="https://www.facebook.com/SundayTravelTunisia" target="_blank"></a>
</div>
</div>
<div class="ms-slide">
<img data-src="/public/images/image/coverture site__0.63803700-1699615843.jpg" alt="" />
<div>
<a class="lien-slider" href="https://www.facebook.com/SundayTravelTunisia/posts/pfbid0329S5cfd51CrRhjmbjAC4Stwf76xqSBScP9gMc5xjuFtSJWw6YF1jaSTDibcQty69l" target="_blank"></a>
</div>
</div>
<div class="ms-slide">
<img data-src="/public/images/image/coverture site__0.02206500-1699870842.jpg" alt="" />
<div>
<a class="lien-slider" href="pfbid0k3FWaGX5ATFTfXUp2irABRT32eYNnHTE2uQ6EAUUZhFyWhr8R48iWiqjTXpPgrUSl" target="_blank"></a>
</div>
</div>
</div>
</div>
<!-- end of template -->
<div class="bravo-form-search-all">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="g-form-control" id="zone-moteur-generale1">
<div class="tab-content" id="tab-content">
<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-3 nopadding-right">
<div class="form-group">
<div class="form-content">
<img src="/public/front/images/logo/destination.png" alt="destination" class="icone-moteur">
<span class="span-moteur d-version-mobile">Destination</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>
</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-2 pad_left">
<div class="form-group">
<div class="form-content">
<div class="form-date-search-hotel">
<div class="date-wrapper">
<div class="check-in-wrapper">
<img src="/public/front/images/logo/date.png" alt="date" class="icone-moteur">
<span class="span-moteur">Votre Arrivée</span>
<span class="input-group date1" id="check1">
<div class="render check-in-render d-version-mobile" style="padding: 0px 0 0px 43px;">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 pad_right">
<div class="form-group">
<div class="form-content">
<div class="form-date-search-hotel">
<div class="date-wrapper">
<div class="check-in-wrapper">
<img src="/public/front/images/logo/date.png" alt="date" class="icone-moteur">
<span class="span-moteur">Votre Départ</span>
<span class="input-group date1" id="check2">
<div class="render check-out-render d-version-mobile" style="padding: 0px 0 0px 43px;">
<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 class="col-md-1 nopadding">
<div class="form-group">
<div class="form-content">
<img src="/public/front/images/logo/nb-nuit.png" class="icone-moteur">
<span class="span-moteur nuits" >Nuits</span>
<div class="date-wrapper">
<div class="check-in-wrapper">
<span class="">
<div class="render nb-jours-render n-e-version-mobile" style="padding: 0px 0 0px 34px;">
1 </div>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 dropdown form-select-guests">
<div class="form-group">
<div class="form-content dropdown-toggle" data-toggle="dropdown">
<div class="wrapper-more">
<img src="/public/front/images/logo/sejours.png" class="icone-moteur">
<span class="span-moteur t-version-mobile">Bénéficiaire(s)</span>
<div class="render t-version-mobile" id="Chambre" style="padding: 0px 0 0px 40px;">
</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>
<option value="3" >3</option>
<option value="4" >4</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>
<button id="ok" type="button" class="pull-right btn btn-confirmer btn-xs" style="margin-top: 10px;">
Confirmer </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="g-button-submit">
<button class="btn style-moteur" id="submit" type="submit">Rechercher</button>
</div>
<input type="hidden" id="nbChambre" class="form-control" name="nbChambre" value="1">
<input type="hidden" id="search_room" class="form-control" name="search_room" value="1">
<!-- infos search -->
<input type="hidden" id="termsearch" class="form-control" name="termsearch" value="">
<input type="hidden" id="typesearch" class="form-control" name="typesearch" value="">
</form>
</div>
<!-- search transfert -->
<div role="tabpanel" class="tab-pane" id="search_3">
<form action="/transfert" method="POST" name="Hotel" enctype="multipart/form-data" id="myForm" class="form bravo_form" role="form"> <input type="hidden" name="direction" id="direction" value="1">
<div class="g-field-search">
<div class="p-2 position-moteur" style="margin-bottom: 10px;" id="hotels">
<div class="row" id="one_way">
<div class="col-md-4 border-right">
<div class="form-group">
<i class="field-icon fa icofont-direction-sign"></i>
<div class="form-content">
<label for="direction_one">Aller simple</label>
<input type="radio" class="form-control" id="direction_one" name="direction" value="1" checked="" style="height: 16px;" />
</div>
<div class="form-content">
<label for="direction_two">Aller / Retour</label>
<input type="radio" class="form-control" id="direction_two" name="direction" value="2" style="height: 16px;" />
</div>
</div>
</div>
<div class="col-md-4 border-right">
<div class="form-group">
<i class="field-icon fa icofont-map"></i>
<div class="form-content">
<label for="autocomplete"><i class="fa fa-map-marker input-icon"></i>
Aéroport arrivée?</label>
<span class="twitter-typeahead"
style="position: relative; display: block; direction: ltr;">
<input type="text" name="depart" id="autocomplete_depart"
placeholder="Ville ou aeroport" class="form-control" autocomplete="off">
<div class="clearfix error-msg" id="error_depart">Veuillez saisir une destination. </div>
<input type="hidden" name="id_depart" id="id_depart" value="" />
<input type="hidden" name="type_depart" id="type_depart" value="" />
<input type="hidden" name="code_depart" id="code_depart" value="" />
</span>
<div id="selction-ajax"></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<i class="field-icon fa icofont-map"></i>
<div class="form-content">
<label for="autocomplete"> <i class="fa fa-map-marker input-icon"></i>
voulez-vous aller?</label>
<span class="twitter-typeahead"
style="position: relative; display: block; direction: ltr;">
<input type="text" name="arrivee" id="autocomplete_arrivee"
placeholder="Ville ou aeroport" class="form-control" autocomplete="off">
<div class="clearfix error-msg" id="error_arrivee">Veuillez saisir une destination. </div>
<input type="hidden" name="id_arrivee" id="id_arrivee" value="" />
<input type="hidden" name="type_arrivee" id="type_arrivee" value="" />
<input type="hidden" name="code_arrivee" id="code_arrivee" value="" />
</span>
<div id="selction-ajax"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="g-button-submit">
<button class="btn style-moteur" id="searchtrsf" type="submit">Rechercher</button>
</div>
</form>
</div>
<!-- search outgoing -->
<div role="tabpanel" class="tab-pane" id="search_2">
<form action="/recherchehoteloutgoing/searchRoomVoyage" method="POST" name="Outgoing" enctype="multipart/form-data" class="form bravo_form" id="Outgoing"> <div class="g-field-search">
<div class="row">
<div class="col-md-3 border-right">
<div class="form-group">
<i class="field-icon fa fa-map-marker-alt"></i>
<div class="form-content">
<select name="destination" id="destination" class="form-control" data-live-search="true"><option value="" selected="selected">Tous</option>
<option value="1">Bursa & Istanbul</option>
<option value="5">Istanbul, Sapanca & Masukiye</option>
<option value="9">Dubai</option>
<option value="11">Istanbul spécial réveillon</option></select> </div>
</div>
</div>
<div class="col-md-3 border-right">
<div class="form-group">
<i class="field-icon fa icofont-map"></i>
<div class="form-content">
<select name="pays" id="pays" class="form-control" data-live-search="true"><option value="" selected="selected">Tous les pays</option>
<option value="7">Turquie</option>
<option value="13">Émirats arabes unis</option></select> </div>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<i class="field-icon icofont-ticket"></i>
<div class="form-content">
<select class="form-control" name="duree" id="duree">
<option value="">toutes les Périodes</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>
</div>
<div class="col-md-2">
<div class="form-group">
<i class="field-icon icofont-island"></i>
<div class="form-content">
<select name="theme" id="theme" class="form-control" data-live-search="true"><option value="" selected="selected">Tous les thèmes</option>
<option value="3">Réveillon du Nouvel An </option>
<option value="5">Vacances Decembre 2025</option></select> </div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<i class="field-icon fa icofont-map"></i>
<div class="form-content">
<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>
<div class="col-md-3">
<div class="form-group">
<i class="field-icon icofont-price"></i>
<div class="form-content">
<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>
</div>
</div>
<div class="g-button-submit">
<input type="hidden" id="id_module" name="id_module" value="2">
<button class="btn btn-primary btn-search" type="submit">Rechercher</button>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane" id="search_4">
<form action="/circuit-excursion" method="POST" name="Circuits" enctype="multipart/form-data" class="form bravo_form" id="Circuits"> <div class="g-field-search">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<i class="field-icon fa icofont-map"></i>
<div class="form-content">
<select name="destination" id="destination" class="form-control" data-live-search="true"><option value="" selected="selected">Tous</option></select> </div>
</div>
</div>
</div>
</div>
<div class="g-button-submit">
<input type="hidden" id="id_module" name="id_module" value="5">
<button class="btn btn-primary btn-search" type="submit">Rechercher</button>
</div>
</form>
</div></div>
<script>
$(function () {
$('#check1').datetimepicker({locale: 'FR', format: 'DD/MM/YYYY',});
$('#check1').data("DateTimePicker").minDate("21/11/2025");
$('.check-in-input').val("22/11/2025");
$('#check2').datetimepicker({locale: 'FR', format: 'DD/MM/YYYY',});
$('#check2').data("DateTimePicker").minDate("21/11/2025");
var check_out = "23/11/2025";
$('.check-out-input').val(check_out);
var date = "22/11/2025" + " - " + "23/11/2025";
$('.check-in-out').val(date);
$('.nb-jours-render').change(function (e) {
$('#check2').data("DateTimePicker").date(moment($('#check1').data("DateTimePicker").date(), "DD/MM/YYYY").add($('.nb-jours-render').val(), 'days'));
// console.log(moment($('#datetimepicker_du').data("DateTimePicker").date(), "DD/MM/YYYY").add($('#nb-nuit').val(), 'days'));
});
$("#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($('.check-in-input').val());
$('#check-out-render').html($('.check-out-input').val());
$('.check-in-out').val($('.check-in-input').val() + " - " + $('.check-out-input').val());
$('#check2').data("DateTimePicker").show();
} //alert($('.check-in-input').val());
start = moment($('#check1').data("DateTimePicker").date());
end = moment($('#check2').data("DateTimePicker").date());
diff = end.diff(start, 'days');
if (parseInt(diff) > 1) {
} else {
}
$('.nb-jours-render').html(diff );
});
$("#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($('.check-out-input').val());
$('.check-in-out').val($('.check-in-input').val() + " - " + $('.check-out-input').val());
$('#check1').data("DateTimePicker").hide();
}
start = moment($('#check1').data("DateTimePicker").date());
end = moment($('#check2').data("DateTimePicker").date());
diff = end.diff(start, 'days');
if (parseInt(diff) > 1) {
} else {
}
$('.nb-jours-render').html(diff);
});
$("#check2").click(function () {
$('#check1').data("DateTimePicker").hide();
});
$('#check1').on('dp.show', function () {
if ($(window).width() <= 768) {
if ($('#customLabelArrive').length === 0) {
$('<div id="customLabelArrive" style="font-weight: bold; text-align: left;">Arrivée<button class="close-btn version-mobile arr" style="">✖</button></div>')
.insertBefore('.datepicker');
}
}
});
$('#check1').on('dp.hide', function () {
$('#customLabelArrive').remove();
});
$('#check2').on('dp.show', function () {
if ($(window).width() <= 768) {
if ($('#customLabelDepart').length === 0) {
$('<div id="customLabelDepart" style="font-weight: bold; text-align: left; ">Départ<button class="close-btn version-mobile dep" style="">✖</button></div>')
.insertBefore('.datepicker');
}
}
});
$('#check2').on('dp.hide', function () {
$('#customLabelDepart').remove();
});
$(document).on('click', '.close-btn', function () {
const label = $(this).parent().attr('id');
if (label === 'customLabelArrive') {
$('#check1').data("DateTimePicker").hide();
$('#customLabelArrive').remove();
} else if (label === 'customLabelDepart') {
$('#check2').data("DateTimePicker").hide();
$('#customLabelDepart').remove();
}
});
$(window).on('resize', function () {
if ($('.datepicker:visible').length) {
removeResponsiveLabel();
addResponsiveLabel();
}
});
});
</script>
<script>
/******************************dateRange*******************************/
$('.select-guests-dropdown .dropdown-item-row').click(function (e) {
e.stopPropagation();
});
$(".smart-search .smart-select").each(function () {
var $this = $(this);
var string_list = $this.attr('data-default');
var default_list = [];
if (string_list.length > 0) {
default_list = JSON.parse(string_list);
}
var options = {
dataDefault: default_list,
iconItem: "",
textLoading: $this.attr("data-onLoad"),
};
$this.bravoAutocomplete(options);
});
/*
*
* message infos chambre
*/
var nbPersonne = parseInt(0);
var nbadulte = parseInt(0);
var nbenfants = parseInt(0);
var nb_chambre = parseInt(0);
$('.select-guests-dropdown').hide();
$("#Chambre").html("<span style='font-size:16px;font-weight: 900;'>1</span> Chambre(s), <b><span style='font-size:16px;font-weight: 900;'>2 </span></b>Personne(s)")
$('#nb_rooms').text(1);
$("#Chambre").click(function () {
$('.select-guests-dropdown').show();
});
$("#ok").click(function () {
var nb_chambre = $("#myForm #detail-chambre-handler > div").length;
var nbPersonne = parseInt(0);
var nbadulte = parseInt(0);
var nbenfants = parseInt(0);
for (i = 1; i <= nb_chambre; i++) {
nbadulte = parseInt($("#detail-chambre-handler #adulte" + i).val());
nbenfants = parseInt($("#detail-chambre-handler #enfants" + i).val());
nbPersonne += nbadulte + nbenfants;
}
$("#Chambre").html("<span style='font-size:16px;font-weight: 900;'>" + nb_chambre + "</span> chambre(s), <b><span style='font-size:14px;font-weight: 900;'>" + nbPersonne + "</span></b> Personne(s)")
$('.select-guests-dropdown').hide();
});
//When clicking on a button, it shows the loader
$("#error").hide();
$("#hotels").on("click", "#addRoomHome", function (e) {
var nb_chambre = $("#detail-chambre-handler > div").length;
if (nb_chambre < 6) {
$.ajax({
url: '/recherchehotel/addRoomHome',
type: "POST",
data: 'index=' + nb_chambre,
dataType: "json",
beforeSend: function () {
$('#display_chambre #addRoomHome').prop('disabled', true);
},
success: function (data) {
$("#detail-chambre-handler").append(data.html);
$('#nbChambre').val(nb_chambre + 1);
$('#nb_rooms').text(nb_chambre + 1);
},
error: function (xhr, status) {
alert("Oups problèmes de connexion. Veuillez selectionner les dates à nouveau");
},
complete: function (xhr, status) {
$('#display_chambre #addRoomHome').prop('disabled', false);
}
});
}
});
$("#hotels").on("click", "#deleteRoom", function (e) {
var nb_chambre = $("#detail-chambre-handler > div").length;
if (nb_chambre > 1) {
$("#detail-chambre-handler > div.item-chambre:last-child").detach();
$('#nbChambre').val(nb_chambre - 1);
$('#nb_rooms').text(nb_chambre - 1);
}
})
</script>
<script>
$.ajax({
url: "/recherchehotel/autocomplete",
type: "POST",
dataType: "json",
beforeSend: function () {
},
success: function (data) {
console.log("Raw data received from server:", data);
var groupedData = { 'VILLE': {}, 'HOTEL': [] };
$.each(data, function (i, item) {
var labelParts = item.label.split(',');
var name = labelParts[0];
var country = labelParts[1] ? labelParts[1].trim() : '';
if (item.category === 'VILLE') {
if (!groupedData.VILLE[country]) {
groupedData.VILLE[country] = [];
}
groupedData.VILLE[country].push(name);
} else if (item.category === 'HOTEL') {
groupedData.HOTEL.push(name);
}
});
var customOrder = ['Tunisie'];
var otherCountries = Object.keys(groupedData.VILLE).filter(function (country) {
return !customOrder.includes(country);
});
var orderedCountries = customOrder.concat(otherCountries);
var dropdownOptions = "";
dropdownOptions += "<option disabled selected>Où allez-vous?</option>";
$.each(orderedCountries, function (i, country) {
dropdownOptions += "<optgroup label='" + country + "' style='background-color: #f0f0f0; font-weight: bold; color: #333;'>";
$.each(groupedData.VILLE[country], function (i, city) {
dropdownOptions += "<option value='" + city + "' style='padding: 5px;' data-type='VILLE'>";
dropdownOptions += city;
dropdownOptions += "</option>";
});
dropdownOptions += "</optgroup>";
});
dropdownOptions += "<optgroup label='Hotels' style='background-color: #d8e2dc; font-weight: bold; color: #333;'>";
$.each(groupedData.HOTEL, function (i, hotel) {
dropdownOptions += "<option value='" + hotel + "' style='padding: 5px;' data-type='HOTEL'>";
dropdownOptions += hotel;
dropdownOptions += "</option>";
});
dropdownOptions += "</optgroup>";
$('#item_select_hotel').html(dropdownOptions);
$('#item_select_hotel').selectpicker('refresh');
},
error: function (xhr, status) {
console.error("Error loading data:", status);
}
});
$(document).on('change', '#item_select_hotel', function () {
var selectedValue = $(this).find(":selected").val();
var selectedType = $(this).find(":selected").attr('data-type');
console.log("Selected option:", selectedValue, "Type:", selectedType);
$('#termsearch').val(selectedValue);
$('#typesearch').val(selectedType);
});
$("#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>
<style>
.dropdown-header {
background: #2684c5;
color: #fff;
font-size: 15px;
font-weight: bold;
padding: 3px 1.5rem;
text-transform: uppercase;
text-align: center;
}
.option-item {
padding: 5px;
}
</style> </div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script>
$(document).ready(function () {
if ($.cookie("popup_1_2") == null) {
$('#myModal').modal('show');
$.cookie("popup_1_2", "2");
}
});
function toggleVideo(state) {
// if state == 'hide', hide. Else: show video
var div = document.getElementById("popupVid");
var iframe = div.getElementsByTagName("iframe")[0].contentWindow;
div.style.display = state === 'hide' ? 'none' : '';
func = state === 'hide' ? 'pauseVideo' : 'playVideo';
iframe.postMessage('{"event":"command","func":"' + func + '","args":""}', '*');
}
$('#pause').on('click', function () {
player.pauseVideo();
});
</script>
<style>
.bg-news {
background-color: #f0f0f0; /* Default background color if no image */
height: 400px;
}
@media only screen and (max-width: 600px) {
.modal-content {
width: 100% !important;
padding: 0px !important;
}
}
</style>
<style>
.parallax1 {
background-image: url('public/images/image/_0.95462500-1760089890.png') !important;
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: relative;
}
.parallax1:after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(#00000085, transparent);
top: 0px;
}
.parallax1 .title {
color: white;
position: relative;
z-index: 99999;
}
</style>
<section class="py-4">
<div class="container-fluid">
<div class="row block-title-header">
<div class="col-md-2 titre_bloc">
<h2 class='nd_options_underline_effect'>Offres du jour </h2><p> Découvrez nos offres exclusives et partez à prix doux dès aujourd’hui !</p> </div>
<div class="col-md-10">
<img class="responsive-image lazyload zone-2" data-sizes="auto"
src="/public/images/image/_0.95462500-1760089890.png">
</div>
</div>
</div>
<div class="container-fluid">
<div class="">
<div id="owl1" class="owl-carousel owl-theme">
<div class="item-theme">
<img class="img-item-theme" src="/public/images/image/site_0.63102600-1762693837.jpg" alt="titre">
</div>
<div class="item-theme">
<img class="img-item-theme" src="/public/images/image/andalousi_0.84073700-1762450342.jpg" alt="pack">
</div>
<div class="item-theme">
<img class="img-item-theme" src="/public/images/image/correction_0.87050300-1762450887.jpg" alt="1">
</div>
<div class="item-theme">
<img class="img-item-theme" src="/public/images/image/561476130_1134118328828560_2718494234642126380_n_0.72767900-1762450912.jpg" alt="2">
</div>
</div>
<script>
$('#owl1').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: 2,
nav: false
},
1024: {
items: 4,
nav: false
},
1920: {
items: 4,
nav: false,
loop: false
}
}});
</script>
</div>
</div>
</section>
<section class="py-4">
<div class="container-fluid">
<div class="row block-title-header">
<div class="col-md-3 titre_bloc_zone2">
<h2 class='nd_options_underline_effect'>Vous cherchez ? </h2><p>Trouvez l’hôtel parfait pour votre séjour en Tunisie</p> </div>
<div class="col-md-9">
<div id="owl2" class="owl-carousel owl-theme">
<div class="item-theme">
<img class="img-item-theme" src="/public/images/image//88_0.20030800-1714660708.jpg" alt="Hôtels de Luxe">
<div class="content-theme item-theme_title">
<h3 class="nowrap"><a href="/hotels-en-tunisie/Hotels-de-Luxe/11/liste_hotels">Hôtels de Luxe </a></h3>
<a href="/hotels-en-tunisie/Hotels-de-Luxe/11/liste_hotels" class="lien-theme pull-right">Voir la liste</a>
</div>
</div>
<div class="item-theme">
<img class="img-item-theme" src="/public/images/image//portrait-equipe-promoteur-couple-marie-joyeux-positif-approuver-annonces_274222-25222_0.77132400-1673951122_0.97011200-1673956221.jpg" alt="Sud Tunisien">
<div class="content-theme item-theme_title">
<h3 class="nowrap"><a href="/hotels-en-tunisie/Sud-Tunisien/13/liste_hotels">Sud Tunisien </a></h3>
<a href="/hotels-en-tunisie/Sud-Tunisien/13/liste_hotels" class="lien-theme pull-right">Voir la liste</a>
</div>
</div>
<div class="item-theme">
<img class="img-item-theme" src="/public/images/image//d_0.37221500-1728386141.jpg" alt="Nord-Ouest Tunisien">
<div class="content-theme item-theme_title">
<h3 class="nowrap"><a href="/hotels-en-tunisie/Nord-Ouest-Tunisien/14/liste_hotels">Nord-Ouest Tunisien </a></h3>
<a href="/hotels-en-tunisie/Nord-Ouest-Tunisien/14/liste_hotels" class="lien-theme pull-right">Voir la liste</a>
</div>
</div>
<div class="item-theme">
<img class="img-item-theme" src="/public/images/image//amanegement_0.87550400-1696412689.jpg" alt="Hôtels avec piscine couverte">
<div class="content-theme item-theme_title">
<h3 class="nowrap"><a href="/hotels-en-tunisie/Hotels-avec-piscine-couverte/18/liste_hotels">Hôtels avec piscine couverte </a></h3>
<a href="/hotels-en-tunisie/Hotels-avec-piscine-couverte/18/liste_hotels" class="lien-theme pull-right">Voir la liste</a>
</div>
</div>
</div>
<script>
$('#owl2').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: 2,
nav: false
},
1024: {
items: 3,
nav: false
},
1920: {
items: 3,
nav: false,
loop: false
}
}});
</script>
</div>
</div>
</div>
</section>
<style>
.parallax3 {
background-image: url('public/images/image/_0.97093900-1747107238.png') !important;
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: relative;
}
.parallax3:after {
content: "";
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(#00000085, transparent);
z-index: -1;
}
.parallax3 .title {
color: white;
position: relative;
z-index: 99999;
}
</style>
<section class="py-4">
<div class="container-fluid">
<div class="row block-title-header">
<div class="col-md-10">
<img class="responsive-image lazyload" data-sizes="auto"
src="/public/images/image/_0.97093900-1747107238.png">
</div>
<div class="col-md-2 titre_bloc_zone3">
<h2 class='nd_options_underline_effect'>Voyages organisés</h2><p> Il ne vous reste qu’à faire vos valises !</p> </div>
</div>
</div>
<div class="container-fluid">
<div class="">
<div class="listing-item-grid_container fl-wrap">
<div id="owl3" class="owl-carousel owl-theme">
<div class="item">
<a href="/voyages-organises/Details/Turquie/Bursa--Istanbul?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BAWqpBJpFcR6EHUVy9Ta2ZVnHk%2B3HCymt0bgSDw0JKNqo2e25B4jGwdeEx6S3iYyAg%3D%3D">
<div class="listing-item-grid">
<div class="featured">
Vacances Decembre 2025 </div>
<div class="bg" style="background-image: url(/public/images/image/ll_0.42237600-1699534228_0.56078600-1701343743.jpg);"></div>
<div class="d-gr-sec"></div>
<div class="listing-item-grid_title">
<h3 class="nowrap"> Bursa & Istanbul </h3>
<div class="localisation">
<i class="fas fa-map-marker-alt"></i>
Turquie - Istanbul </div>
<div class="text-right"> À partir
<label> 2600<sup>TND<sup></label>
</div>
</div>
</div>
</a>
</div>
<div class="item">
<a href="/voyages-organises/Details/Turquie/Istanbul-special-reveillon?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BKxZFcJ6kRilcDUtodNHl7wRBrsDOcyDfwRnsZe%2B9YmNrPRtiYqO%2FHBIB5vJjbOOHA%3D%3D">
<div class="listing-item-grid">
<div class="featured">
Réveillon du Nouvel An </div>
<div class="bg" style="background-image: url(/public/images/image/image12_0.67341200-1730397041.jpg);"></div>
<div class="d-gr-sec"></div>
<div class="listing-item-grid_title">
<h3 class="nowrap"> Istanbul spécial réveillon </h3>
<div class="localisation">
<i class="fas fa-map-marker-alt"></i>
Turquie - Istanbul </div>
<div class="text-right"> À partir
<label> 2540<sup>TND<sup></label>
</div>
</div>
</div>
</a>
</div>
<div class="item">
<a href="/voyages-organises/Details/Emirats-arabes-unis/Dubai?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BIJuc4FByuS9r5TBgSQyRTFnHk%2B3HCymt0bgSDw0JKNqo2e25B4jGwdeEx6S3iYyAg%3D%3D">
<div class="listing-item-grid">
<div class="featured">
Vacances Decembre 2025 </div>
<div class="bg" style="background-image: url(/public/images/image/GettyImages-1045003372_0.99740600-1701349706_0.38599400-1730397953_0.57234000-1730484112.jpg);"></div>
<div class="d-gr-sec"></div>
<div class="listing-item-grid_title">
<h3 class="nowrap"> Dubai </h3>
<div class="localisation">
<i class="fas fa-map-marker-alt"></i>
Émirats arabes unis - Dubai </div>
<div class="text-right"> À partir
<label> 4190<sup>TND<sup></label>
</div>
</div>
</div>
</a>
</div>
<div class="item">
<a href="/voyages-organises/Details/Turquie/Istanbul-Sapanca--Masukiye?success_redirect_url=LC0BPE5eBJfhLbtXzx9V%2BD9qBOTpweoSTIE5mEz3PvpnHk%2B3HCymt0bgSDw0JKNqo2e25B4jGwdeEx6S3iYyAg%3D%3D">
<div class="listing-item-grid">
<div class="featured">
Vacances Decembre 2025 </div>
<div class="bg" style="background-image: url(/public/images/image/image_0.03585200-1668512323_0.68220000-1676638630.jpg);"></div>
<div class="d-gr-sec"></div>
<div class="listing-item-grid_title">
<h3 class="nowrap"> Istanbul, Sapanca & Masukiye </h3>
<div class="localisation">
<i class="fas fa-map-marker-alt"></i>
Turquie - Istanbul </div>
<div class="text-right"> À partir
<label> 2490<sup>TND<sup></label>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<script>
$('#owl3').owlCarousel({
// items: 4,
//loop: true,
margin: 10,
responsiveClass: true,
responsiveBaseElement: 'body',
responsive: {
0: {
items: 1,
nav: true
},
480: {
items: 2,
nav: false
},
600: {
items: 2,
nav: false
},
780: {
items: 3,
nav: false
},
1024: {
items: 4,
nav: false
},
1920: {
items: 4,
nav: false,
loop: false
}
}
});
</script>
</div>
</div>
</section>
<section class="parallax4">
<div class="container-fluid block-title-header">
<div class="row titre_bloc">
<div class="col-md-12">
<h2 class="nd_options_underline_effect">
<h2 class='nd_options_underline_effect'>Séjour en Tunisie</h2><p> Des vacances entre mer turquoise et soleil éclatant.
Réservez l’hôtel qui vous ressemble, du nord au sud, partout en Tunisie.
</p> </h2>
</div>
</div>
</div>
<div class="container-fluid">
<div id="owl4" class="owl-carousel owl-theme">
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.39847400-1655988250.jpeg">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/Tunis" target="_blank">Tunis </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.97960000-1655987901.png">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/HAMMAMET" target="_blank">HAMMAMET </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.27894200-1655989189.jpeg">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/SFAX" target="_blank">SFAX </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.73255000-1655988220.png">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/SOUSSE" target="_blank">SOUSSE </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.79566400-1655987868.png">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/DJERBA" target="_blank">DJERBA </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.45270700-1655989349.jpeg">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/GABES" target="_blank">GABES </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.79944600-1655989225.jpeg">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/TABARKA" target="_blank">TABARKA </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.86597300-1655987980.jpeg">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/MAHDIA" target="_blank">MAHDIA </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.65609100-1655987941.jpeg">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/MONASTIR" target="_blank">MONASTIR </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.70892800-1668676187.webp">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/GAMMARTH" target="_blank">GAMMARTH </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.05073100-1655989085.jpeg">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/BIZERTE" target="_blank">BIZERTE </a></h3>
</div>
</div>
</div>
<div class="item">
<div class="item-theme1">
<img class="img-item-theme1" src="/public/images/image/image_0.26717800-1658309628.jpeg">
<div class="item-theme_title1">
<h3><a href="/hotels-en-tunisie/NABEUL" target="_blank">NABEUL </a></h3>
</div>
</div>
</div></div>
<script>
$('#owl4').owlCarousel({
// items: 4,
//loop: true,
margin: 10,
responsiveClass: true,
responsiveBaseElement: 'body',
responsive: {
0: {
items: 1,
nav: true
},
480: {
items: 2,
nav: false
},
600: {
items: 2,
nav: false
},
780: {
items: 4,
nav: false
},
1920: {
items: 3,
nav: false,
loop: false
}
}
});
</script>
</div>
</section>
<section class="section-info">
<div class="container">
<div class="row row-cols-1 row-cols-lg-5 g-2 g-lg-3">
<div class="col text-md-center d-md-block">
<div class="p-2"><img src="/public/front/images/index/1.png" alt=""></div>
<div class="p-2 align-self-center">
<p class="mb-1 desc-valeur"><strong>Durabilité : </strong>Nous offrons des activités hors commun en tourisme durable en Tunisie et à l’étranger </p>
</div>
</div>
<div class="col text-md-center d-md-block">
<div class="p-2"><img src="/public/front/images/index/2.png" alt=""></div>
<div class="p-2 align-self-center">
<p class="mb-1 desc-valeur"><strong>Personnel qualifié : </strong>Une équipe bien rodée dans le tourisme, expérimentée et multilingue</p>
</div>
</div>
<div class="col text-md-center d-md-block">
<div class="p-2"><img src="/public/front/images/index/3.png" alt=""></div>
<div class="p-2 align-self-center">
<p class="mb-1 desc-valeur"><strong>Assistance en Tunisie et à l’étranger : </strong>Nous prenons soin de vous, avant, pendant et après votre voyage </p>
</div>
</div>
<div class="col text-md-center d-md-block">
<div class="p-2"><img src="/public/front/images/index/4.png" alt=""></div>
<div class="p-2 align-self-center">
<p class="mb-1 desc-valeur"><strong>Qualité / Prix : </strong>Nous offrons des produits de qualité à des prix convenables en TTC </p>
</div>
</div>
<div class="col text-md-center d-md-block">
<div class="p-2"><img src="/public/front/images/index/5.png" alt=""></div>
<div class="p-2 align-self-center">
<p class="mb-1 desc-valeur"> <strong>Expertise : </strong>Tous nos programmes sont élaborés par des experts agrées en tourisme </p>
</div>
</div>
</div>
</div>
</section>
<script>
window.addEventListener('DOMContentLoaded', () => {
const owlElement = document.getElementById('owl1');
const owlElementzone2 = document.getElementById('owl2');
const owlElementzone3 = document.getElementById('owl3');
const owlElementzone4 = document.getElementById('owl4');
if (owlElement) {
const prevButton = owlElement.querySelector('.owl-prev');
const nextButton = owlElement.querySelector('.owl-next');
const prevButtonzone2 = owlElementzone2.querySelector('.owl-prev');
const nextButtonzone2 = owlElementzone2.querySelector('.owl-next');
const prevButtonzone3 = owlElementzone3.querySelector('.owl-prev');
const nextButtonzone3 = owlElementzone3.querySelector('.owl-next');
const prevButtonzone4 = owlElementzone4.querySelector('.owl-prev');
const nextButtonzone4 = owlElementzone4.querySelector('.owl-next');
if (prevButton) {
prevButton.classList.add('zone1');
nextButton.classList.add('zone1');
prevButtonzone2.classList.add('zone2');
nextButtonzone2.classList.add('zone2');
prevButtonzone3.classList.add('zone3');
nextButtonzone3.classList.add('zone3');
prevButtonzone4.classList.add('zone4');
nextButtonzone4.classList.add('zone4');
}
}
});
</script>
</div>
<div class="bravo_footer" id="div_footer">
<div class="main-footer-f">
<div class="container">
<div class="row" style="padding: 3% 0 3% 0;">
<div class="col-lg-3 col-md-6">
<div class="nav-footer">
<div class="title">
<h6>A propos de nous</h6>
</div>
<div class="context footer-contact">
<ul>
<li class="footer-contact">
Sunday Travel , votre Agence de Voyage en Tunisie en Ligne vous propose des Promotions sur vos Voyages et Séjours en Tunisie et dans le Monde avec les Meilleurs Prix et Services.
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="nav-footer">
<div class="title">
<h6>Contact</h6>
</div>
<div class="footer-contact">
<i class="fa fa-map-marker-alt"></i> Route de Tunis km 6, Avenue Mongi Slim (kassas CNAM), devant la maison des jeunes, Immeuble le 24, Etage n°5, app 5-2, Sfax </div>
<div class="footer-contact">
<i class="fa fa-phone"></i>
<span class="footer-contact"> <a href="tel:(+216) 24806074 ou (+216) 28594057">(+216) 24806074 ou (+216) 28594057</a></span>
</div>
<div class="footer-contact">
<i class="fab fa-whatsapp"></i>
<span class="footer-contact" > <a href="tel:(+216) 24806074">(+216) 24806074</a> </span>
</div>
<div class="footer-contact">
<i class="fa fa-envelope"></i>
contact@sundaytravel.tn
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-none d-sm-block">
<div class="nav-footer">
<div class="title">
<h6>Infos Pratiques</h6>
</div>
<div class="context footer-contact">
<ul>
<li class="footer-contact"><a href="/infospratiques/conditionvente"><i class="fa fa-chevron-circle-right"></i> Conditions De Vente </a></li>
<li class="footer-contact"><a href="/infospratiques/infospratiques"><i class="fa fa-chevron-circle-right"></i> Infos Pratiques </a></li>
<li class="footer-contact"><a href="/infospratiques/agencerecrute"><i class="fa fa-chevron-circle-right"></i> Nous Recrutons </a></li>
<li class="footer-contact"><a href="/infospratiques/foireauxquestions"><i class="fa fa-chevron-circle-right"></i> Foire Aux Questions </a></li>
<li class="footer-contact"><a href="/infospratiques/securiteetconfidentialite"><i class="fa fa-chevron-circle-right"></i> Politique De Confidentialité </a></li>
<li class="footer-contact"><a href="/infospratiques/qui-sommes-nous"><i class="fa fa-chevron-circle-right"></i> Qui Sommes-nous </a></li>
<li class="footer-contact"><a href="/infospratiques/nos-services"><i class="fa fa-chevron-circle-right"></i> Nos-services </a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="nav-footer">
<div class="title">
<h6>Nos Services</h6>
</div>
<div class="context footer-contact">
<ul>
<li class="footer-contact">
<a>
<i class="fa fa-chevron-circle-right"></i> Hôtels Tunisie </a>
</li>
<li class="footer-contact">
<a>
<i class="fa fa-chevron-circle-right"></i> Circuits Tunisie </a>
</li>
<li class="footer-contact">
<a>
<i class="fa fa-chevron-circle-right"></i> Voyages Organisés </a>
</li>
<li class="footer-contact">
<a>
<i class="fa fa-chevron-circle-right"></i> Billetterie </a>
</li>
<li class="footer-contact">
<a>
<i class="fa fa-chevron-circle-right"></i> Extras (parc, Musées ...) </a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom d-none d-sm-block">
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="/public/front/images/Visa.svg" width="10%">
<img src="/public/front/images/mastercard.svg" width="10%" style="padding-left: 10px">
</div>
<div class="col-md-6 text-right">
<div class="soc">
<div class="line">
<div class="footer-res-soc">
<ul>
<li class="social">
<a href="https://www.facebook.com/SundayTravelTunisia"><i class="icofont-facebook"></i></a>
<a href="https://www.instagram.com/sundaytraveltunisia"><i class="icofont-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</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="mb-0">©2025 sundaytravel.tn - <span>Powered by <a href="http://www.3t.tn/" title="Technology Travel Tourism" target="_blank">3T</a></span></p>
</div>
</div>
</div>
</div> </div>
<div id="login_modal">
</div>
<div id="reservation_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 src="/public/front/js/libs/lazy-load/jquery.lazy.min.js"></script>
<script defer>
function editLocaleLangue(pRoute) {
$.ajax({
type: "POST",
url: '/language',
data: "idLangue=" + pRoute,
dataType: "json",
success: function (data) {
},
complete: function (xhr, status) {
window.location.reload();
}
});
}
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";
}
});
$(".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']});
$(".reservation_modal_guest").on("click", function () {
$.ajax({
url: '/profil/SuiviReservationModal',
type: "POST",
dataType: "json",
beforeSend: function () {
},
success: function (data) {
$("#reservation_modal").html(data.content);
$('#reservation').modal('show');
},
complete: function (xhr, status) {
}
});
});
$(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:'90%',
});
}
} else {
$('#div_price').removeClass('fixed');
}
});
});
window.setTimeout(function () {
$(".hide-alert").fadeTo(500, 0).slideUp(500, function () {
$(this).remove();
});
}, 2000);
$(function () {
$('.lazy').lazy(
{
effect: "fadeIn",
effectTime: 2000,
threshold: 0,
onError: function (element) {
console.log('Error loading ' + element.data('src'));
}
});
});
</script>
<script src="/public/front/library/js/masterslider.js"></script>
<script src="/public/front/library/js/app.min.js"></script>
<script src="/public/front/library/js/demo.js"></script>
<script defer>
var slider = new MasterSlider();
slider.control('bullets', {autohide: true, align: 'bottom'});
slider.control('arrows', {autohide: false}); // here we've added arrow control to the slider.
slider.control('scrollbar', {dir: 'h', color: '#333'});
slider.setup('masterslider', {
width: 1900,
height: 750,
heightLimit: true,
fullwidth: true,
autoHeight: false,
space: 5,
view: 'mask',
autoplay: true,
loop: true
});
</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 src="/public/front/js/libs/bootbox/bootbox.min.js"></script>
<script src="/public/front/library/js/paginathing.js"></script>
<script src="/public/front/library/css/Commune/universal/custom.js"></script>
<script defer>
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();
})
});
</script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
</div>
</body>
</html>
