<!DOCTYPE html>
<html lang="fr">
<head>
<title> Hotel Tunisie : Les MEILLEURS Hotels Tunisie 2025 Prix dès 16 €! </title>
<meta name="description" content="Réservez votre hôtel en Tunisie sur Tunisiebooking.com et profitez des meilleures offres ! ✓ Qualité garantie ✓ Bas prix. Découvrez plus de 200 hôtels en Tunisie."/>
<meta name="keywords" content="Hotel Tunisie, Hotels Tunisie, Tunisie, Hôtel Tunisie, promotions Hotels Tunisie,reservation hotel tunisie" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Copyright 2008 tunisiebooking.com / Tous droits réservés." />
<link rel="icon" href="https://www.tunisiebooking.com/images/icon.gif" type="image/gif" />
<link rel="shortcut icon" href="https://www.tunisiebooking.com/images/icon.gif" />
<link rel="shortcut icon" href="https://www.tunisiebooking.com/images/favicon.ico" type="image/x-icon" />
<meta name="robots" content="index,follow">
<meta content="document" name="resource-type" />
<link rel="canonical" href="https://www.tunisiebooking.com/hotel-tunisie/"/>
<meta name="viewport" content="width=device-width"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta property="fb:admins" content="100002112262971" />
<meta property="og:title" content="Hotel Tunisie : Les MEILLEURS Hotels Tunisie 2025 Prix 16 €!! " />
<meta property="og:description" content="Promo Hotel Tunisie ☀ : Le TOP de Tunisie Hotel avec ✓Meilleure qualité ✓Bas prix. Réservez votre hotel tunisie pas cher en ligne sur Tunisiebooking.com !" />
<meta property="og:url" content="https://www.tunisiebooking.com/hotel-tunisie/" />
<meta property="og:site_name" content="tunisiebooking" />
<meta property="fb:app_id" content="1407266759536593" />
<meta property="og:type" content="viptunisiebooking:hotels" />
<meta property="fb:pages" content="311740685604449" />
<link rel="apple-touch-icon" href="https://www.tunisiebooking.com/images/custom_icon.png"/>
<meta property="og:image" content="" />
<meta property="place:location:latitude" content="" />
<meta property="place:location:longitude" content="" />
<link rel="alternate" href="https://tn.tunisiebooking.com/hotels-tunisie.html" hreflang="fr-tn" />
<link rel="alternate" href="https://www.tunisiebooking.com/hotel-tunisie/" hreflang="fr-fr" />
<style>
button:focus{
outline:none!important;
}
@media only screen and (min-width: 1881px)
{ #nav_span_voy_org {
margin-top: 12% !important;
}}
.icon_dropdown_topdest{
margin-top: -32% !important;
}
.icon_dropdown_vog{
margin-top: -25% !important;
}
@media only screen and (min-width:1241px) and (max-width:1880px){
.icon_dropdown_topdest
{
margin-top: -32% !important;
}
.icon_dropdown_vog{
margin-top: -26% !important;
}
#nav_vorg {
margin-top: -16% !important;
}
}
</style>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media='all'"/>
<link href="https://www.tunisiebooking.com/theme/styles/stylehoteltn.css" rel="stylesheet" type="text/css" media="print" onload="this.media='all'" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css" rel="stylesheet" type="text/css" media="print" onload="this.media='all'"/>
<link rel="stylesheet" type="text/css" href="https://www.tunisiebooking.com/theme/styles/datepicker_cal2.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://www.tunisiebooking.com/theme/js/datepicker_cal.js" defer></script>
<link type="text/css" href="https://www.tunisiebooking.com/theme/responsive-design/css/style-responsive33.css" rel="stylesheet" media="print" onload="this.media='all'"/>
<link rel="stylesheet" type="text/css" href="" media="print" onload="this.media='all'"/>
<link rel="stylesheet" type="text/css" href="" media="print" onload="this.media='all'"/>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FNVTEJFZTB"></script>
<script>
window.dataLayer = window.dataLayer || [];
</script>
<!-- Google Tag Manager -->
<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-WB7ZQTP');</script>
<!-- End Google Tag Manager -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-FNVTEJFZTB');
</script>
<script>
// Detect if the browser is Edge (Chromium-based)
const isEdge = navigator.userAgent.indexOf("Edg") !== -1;
if (isEdge) {
document.documentElement.classList.add('edge-browser');
}
</script>
</head>
<!-- Begin Body -->
<body style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;position: relative; z-index: 0; filter: none; background: rgb(255 255 255); min-width: auto ;">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WB7ZQTP"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<style>
a:hover{
color: #262626 !important;
}
.nav-item{
cursor:pointer;
}
.bui-carousel__item_rec{
cursor:pointer;
}
@keyframes scale-up {
from {
transform: scale(0.5);
}
to {
transform: scale(1);
}
}
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.main .owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: #00335a !important;
width: 10%;
height: 10%;
line-height: 50%;
border-radius: 0;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
color: #fff;
font-size: 14px;
font-weight: bold;
background: #00335a;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 3%;
height: 10%;
position: absolute;
background: #132e7f
border: 1px solid transparent;
}
.owl-controls .owl-nav .owl-prev {
left: -4%;
top: 50%;
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.main .owl-controls .owl-nav .owl-prev {
left: -5%;
}
.main .owl-prev .fa, .main .owl-next .fa {
font-size: 40px;
line-height: 45px;
}
.owl-prev .fa, .owl-next .fa {
display: block;
}
.main .owl-controls .owl-nav .owl-next {
right: -6%;
}
.owl-controls .owl-nav .owl-next {
right:6%;
top: 50%;
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.recent_searches__section {
padding: 0 5px;
}
.bui-spacer--largest {
margin-bottom: var(--bui_unit_largest)!important;
}
.bui-title {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.bui-spacer--large {
margin-bottom: var(--bui_unit_large)!important;
}
.bui-title--headline_2 .bui-title__text {
font-family:-apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
-webkit-font-smoothing: antialiased;
}
.bui-card {
display: flex;
background-color:inherit;
color: #262626;
padding: 16px;
margin-right: 5%;
margin-left: 1%;
margin-top: 1%;
border-color:#fff;
}
.bui-card__content {
max-width: 100.8%;
-webkit-box-flex: 1;
flex-grow: 1;
margin-left: 6%;
}
.bui-carousel {
position: relative;
}
.bui-carousel__inner {
list-style: none;
padding: 0 16px;
margin: 0;
display: flex;
flex-wrap: nowrap;
-webkit-box-pack: start;
justify-content: flex-start;
width: 100%;
overflow-x: hidden;
scroll-behavior: smooth;
backface-visibility: hidden;
box-sizing: border-box;
}
.bui-carousel--medium .bui-carousel__item {
width:26%;
}
.bui-carousel__item {
width: 366px;
height: 100px;
left: 315px;
top: 470px;
background: #FFFFFF;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
border-radius: 6px;
}
a.bui-card {
text-decoration: none;
color: #262626;
}
.bui-card--transparent {
background-color: transparent;
border: 0;
}
a.bui-card, a.bui-card:link {
text-decoration: none;
color: var(--bui_color_foreground);
}
.bui-card--transparent {
background-color: transparent;
border: 0;
}
.bui-card--media {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
padding: 0;
}
.bui-carousel .bui-card__image-container {
height: auto;
}
.bui-card--transparent .bui-card__image-container {
border-radius: 2px;
}
.bui-card__image-container {
position: relative;
overflow: hidden;
}
.bui-card--transparent.bui-card--media .bui-card__image {
margin: 0;
box-shadow: 0 0 5px 1px rgb(181 182 182);
}
.bui-card--media .bui-card__image {
width: 100%;
height: 150px;
object-fit: cover;
}
.bui-card__image {
border: 0;
flex-shrink: 0;
display: block;
}
.recent-searches__image {
width: 64px;
height: 64px;
margin-right: <TMPL bui_spacing_3x>;
border-radius: 4px;
}
.product-card-small__info {
background-color: hsla(0,0%,100%,.92);
bottom: 81%;
padding: 11px 5px 3px 5px;
position: absolute;
width: auto;
margin-left:9px;
border-radius: 2px;
}
.bui_font_strong, body .bui-f-font-strong, body .bui_font_strong {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color:#262626;
font-family: -apple-system,'Roboto',Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.bui-card__subtitle {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: -apple-system,'Roboto',Helvetica, Arial, sans-serif;
color:#6B6B6B;
width: 101%;
-webkit-font-smoothing: antialiased;
}
.title_avantage{
font-family: BlinkMacSystemFont,-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
color: #262626;
margin-bottom: 1%;
-webkit-font-smoothing: antialiased;
}
.sous_title_avantage{
font-family: -apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #6B6B6B;
-webkit-font-smoothing: antialiased;
}
.row>*{
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar {
flex-direction: row;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.mega-dropdown {
position: static!important;
}
.shadow{
box-shadow:none !important;
}
.list-group-item-action:focus, .list-group-item-action:hover {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: rgb(243, 245, 247) !important;
}
#nav_hotel{
border-bottom: none !important;
}
/*Ellipsis*/
.lds-ellips {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
top:-8% ;
left:44%;
}
.lds-ellips div {
position: absolute;
top: 30px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellips div:nth-child(1) {
left: 6px;
animation: lds-ellips1 0.6s infinite;
}
.lds-ellips div:nth-child(2) {
left: 6px;
animation: lds-ellips2 0.6s infinite;
}
.lds-ellips div:nth-child(3) {
left: 26px;
animation: lds-ellips2 0.6s infinite;
}
.lds-ellips div:nth-child(4) {
left: 45px;
animation: lds-ellips3 0.6s infinite;
}
@keyframes lds-ellips1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellips3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellips2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation : portrait) {
.ic_hotel{
height: auto;
}
.lds-ellips {
top: -42% !important;
left: 40% !important;
}
.icon_menu_destination{
margin-left: -46%;
}
.icon_menu_destination >img{
transform: rotate(451deg);
}
.text-blueWave_hotel{
margin-left:53%;
}
.text-blueWave_vorg{
margin-left:47%;
}
.list_menu_hotel{
margin-left: -38%;
margin-top: 2%;
}
.list_menu_vorg{
margin-top: 11%;
width: 100%;
margin-left: -34%;
position: absolute;
}
.list_menu_top_dest_mobile{
margin-top: 7%;
width: 100%;
margin-left: -3%;
position: absolute;
}
.list-unstyled_mobile > li > a {
color:#262626;
font-size: 15px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
}
.list-unstyled_mobile > li {
margin-bottom: 2%;
}
.col-megamenu_top_dest_mobile{
margin-top: -9%;
margin-left: -9%;
}
.list_menu_autre_dest_mobile{
margin-top: 81%;
width: 100%;
margin-left: -3%;
position: absolute;
}
.list-unstyled_autre_dest_mobile > li > a {
color:#262626;
font-size: 15px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
}
.list-unstyled_autre_dest_mobile > li {
margin-bottom: 2%;
}
.col-megamenu_autre_dest_mobile{
margin-top: -9%;
margin-left: -9%;
}
.list-unstyled_autre_dest_mobile > li :hover , .list-unstyled_mobile > li :hover{
text-decoration: underline;
}
.icon_menu_autre_dest {
margin-top: -5%;
margin-left: 87%;
}
.icon_menu_autre_dest > img {
transform: rotate(270deg);
}
.list_menu_offres_spec_mobile{
margin-top: 182%;
width: 100%;
margin-left: -3%;
position: absolute;
}
.list-unstyled_offres_spec_mobile > li > a {
color:#262626;
font-size: 15px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
}
.list-unstyled_offres_spec_mobile > li {
margin-bottom: 2%;
}
.col-megamenu_offres_spec_mobile{
margin-top: -9%;
margin-left: -9%;
}
.list-unstyled_offres_spec_mobile > li :hover{
text-decoration: underline;
}
.icon_menu_offres_spec {
margin-top: -5%;
margin-left: 87%;
}
.icon_menu_offres_spec > img {
transform: rotate(270deg);
}
.list_menu_vol{
width: 100%;
position: absolute;
margin-left: -45%;
margin-top: 22%;
}
.text-blueWave{
font-size:18px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 600;
}
.icon_menu_hotel {
margin-top: -5%;
margin-left: 76%;
}
.icon_menu_top_dest {
margin-top: -5%;
margin-left: 87%;
}
.icon_menu_top_dest > img {
transform: rotate(270deg);
}
.icon_menu_vorg {
margin-top: -5%;
margin-left: 74%;
}
.icon_menu_vol {
margin-top: -5%;
margin-left: 85%;
}
.icon_menu_hotel>img,.icon_menu_vorg>img,.icon_menu_vol>img{
transform: rotate(270deg);
}
.button_voyage_org,.button_hotel,.button_vol{
border:none;
}
#rootSideNav{
position: absolute;
height: 2484px;
margin-top: -3.5%;
margin-left: -12%;
}
#navbarCollapse{
display: none !important;
}
.box_produit{
width:345px !important;
}
.navbarCollapse{
display: none;
}
.sidebar{
margin-top:3.5%;
}
.box_produit {
height:350px !important;
margin:0 0.22% 4.5% 2% !important;
}
.contenu_et_sidebar, .slider{
margin-top:0%;
width:757px;
margin-left:2%;
}
.panel {
margin-top:3% !important;
margin-left:2%;
margin-right:1%;
}
.note_prix_vente{
position: absolute;
width:95%;
}
.contenu_text_reservation{
margin-left:1%;
}
#ch2 {
border-left: 1px solid #E2E7EB;
}
.checkin{
margin-left:0% !important;
}
.checkout{
margin-left: 0% !important;
}
.sou_bodym{
width: 100%;
height: 80px;
background-color: #fff;
margin-top: -2.6%;
}
.sous_body{
margin-top:21.5%;
width:100%;
}
.menu{
margin-top: -2%;
height: 77px;
width: 96% !important;
}
.menuf{
position: absolute;
min-width: 395px;
max-width: 88%;
width: 87%;
left: 10%;
height: 7%;
clear: both;
top: -2%;
}
.logo{
float:left;
margin-left:-1%;
margin-top:5%;
width:34%;
height:30px;
}
.img_logo{
width:100% !important;
height: 100% !important;
}
.cordonne{
position: absolute;
width: 61%;
top:5%;
left: 37%;
height: 50%;
}
.phone{
width: 14%;
height: 32px;
float: left;
background-image: url(https://www.tunisiebooking.com/images/icons-menu-moteur/phone.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 75%;
left: 49%;
background-size: 36%;
color:#262626;
/*margin:14% 2% 0 12%;*/
}
.tlf{
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight: 600;
font-size: 20px;
line-height: 8.53px;
color: #262626;
position: absolute;
top: 109%;
left: 63%;
}
.vl{
position: absolute;
top: 72.5%;
border-left: 1px solid #262626;
height: 30px;
left: 54%;
}
.horaire {
padding-top:2.5%;
/* padding-bottom: 0.6%; */
z-index: 21;
position: absolute;
width: 257px;
height: 88px;
left: 40%;
margin-top: 16%;
background: #FFFFFF;
box-shadow: 0px 8px 16px rgb(38 38 38 / 34%);
border-radius: 6px;
z-index: 1000;
}
.horaire p {
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 72.69%;
text-align: center;
color: #6B6B6B;
}
.adresse{
width: 51px;
height: 36px;
left: 96.5%;
top: 53.2%;
position: absolute;
z-index: 10;
background-repeat: no-repeat;
background-image: url(https://www.tunisiebooking.com/images/icons-menu-moteur/ic-inform.svg);
}
.jours{
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight:400;
font-size:14px;
line-height:14.14px;
color:#262626;
}
.heures{
margin-top:-7.5%;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight:400;
font-size:14px;
line-height:14.14px;
color:#262626;
}
.v312_1355 {
width: 101%;
height: auto;
min-height: 1600px;
background: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 32px;
left: 0px;
overflow: hidden;
}
.v2_502 {
width: 99%;
height: 275px;
background: url(https://www.tunisiebooking.com/images/tablet-portraitf2-min.jpg);
opacity: 1;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 1.5%;
left: 0%;
}
.v148_1172 {
width: 93%;
height: 43px;
left: 3%;
right: 333px;
position: absolute;
top: 5%;
background: rgba(255,255,255,1);
opacity: 1;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
/* box-shadow: 0px 1px 11px rgb(0 0 0 / 24%);*/
overflow: hidden;
border-bottom: 1px solid #DDDDDD;
z-index: 200;
}
.v153_31{
width: 20%;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 6% !important;
left: 4% !important;
overflow: hidden;
}
.v153_33 {
top: 78% !important;
width: 89% !important;
opacity: 1;
position: absolute;
left: 2px;
border: 2px solid rgba(255,0,151,1);
background: #f40091;
}
.v153_35{
/*width:13px !important;
height:40px !important;*/
}
.v153_32{
font-weight: 600 !important;
font-size:16px !important;
margin-left: -5px !important;
top:0px !important;
}
.v153_11{
top:21% !important;
left:43% !important;
}
.v153_11_cir{
top:21% !important;
left:80.8% !important;
}
.v153_11_omra {
display:none;
width: 173px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 24%;
left: 25.2%;
overflow: hidden;
cursor: pointer;
}
.v153_14_omra {
width: 26%;
height: 80px;
background: url(https://www.tunisiebooking.com/images/icone-moteur/omrablack.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
background-size: 100%;
}
.v153_14_omra:focus {
width: 15%;
height: 80px;
background: url(https://www.tunisiebooking.com/images/icone-moteur/omrapink.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
background-size: 100%;
zoom: 206%;
}
.v153_13_omra {
width: 55%;
height: 40px;
opacity: 1;
position: relative;
top: 1px;
left: 19px;
overflow: hidden;
}
.v153_13_omra:hover{
border-bottom: solid;
border-bottom-width: thick;
}
.v153_33_omra{
display: none;
}
.v153_33_omra:hover{
width: 54%;
opacity: 1;
position: absolute;
top: 90%;
border: 2px solid #262626;
background: #262626;
display: flex;
}
.v153_15_omra{
}
.v153_12_omra{
width: 133px;
color: #262626;
position: absolute;
top: 1px;
left:-4px;
font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-size: 16px;
opacity: 1;
text-align: center;
font-weight: 400;
}
.v153_14{
width:15px !important;
height:40px !important;
}
.v153_14_cir{
width:12px !important;
height:40px !important;
}
.v153_12{
font-size: 15px !important;
left:25px !important;
top:0px !important;
}
.v153_12_cir{
font-size: 15px !important;
left:-7px !important;
top:0px !important;
}
.v153_16{
top:-3% !important;
left: 67.5% !important;
}
.v153_30{
width:29px !important;
height:40px !important;
}
.v153_22{
top:9px !important;
left:39px !important;
}
.v94_8 {
width: 410px;
height: 20px;
color: rgba(255,255,255,1);
position: absolute;
display: flex;
top: 3%;
left: 24%;
text-shadow: 0px 1px 4px rgb(0 0 0 / 20%);
font-family:-apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 15.36px;
opacity: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
}
.v94_9{
display: none;
}
.v37_34 {
width: 93%;
height: 159px;
background: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 7.6%;
left: 3%;
overflow: hidden;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
/*box-shadow: 0px 1px 11px rgb(0 0 0 / 24%);*/
z-index:100;
}
.v128_1118 {
width: 100%;
height: 160px;
background: #fff;
opacity: 1;
position: absolute;
overflow: hidden;
}
.v37_38 {
width: 48.2%;
height: 43px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
margin-top: 3.5%;
left: 3%;
overflow: hidden;
z-index:20;
border-radius:6px;
border: 1.2px solid #DDDDDD;
}
.v37_45 {
width: 100%;
height: 43px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
border-radius: 2px;
box-shadow: 0px 3px 18px rgb(0 0 0 / 12%);
overflow: hidden;
}
.v37_47 {
width: 263px;
color: rgba(38,38,38,1);
position: absolute;
top: 16%;
left: 38.76px;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight: Regular;
opacity: 1;
text-align: left;
}
.select_destination_moteur {
width: 100%!important;
border: none !important;
background-color: rgba(243,245,247,1) !important;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-size: 15px;
font-weight: 400;
outline: none;
line-height: 16px;
margin-top:1.5%;
}
.select_destination_moteur::placeholder {
color:#262626;
}
.v64_167 {
width: 13px;
height: 20px;
opacity: 1;
position: absolute;
top: 24%;
left: 14px;
}
.v37_67 {
height:90% !important;
top:13% !important;
width: 100% !important;
left: -3%!important;
position: absolute !important;
}
.v37_72 {
width: 46%;
height: 43px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
margin-top: 1%;
left: 56.5%;
overflow: hidden;
}
.v37_74 {
top:20px !important;
left:41px !important;
}
.v37_73{
height: 43px !important;
width:45% !important;
cursor: pointer;
}
.v37_75{
top:0px !important;
left:29% !important;
}
.col_dep
{
width:45% !important;
top:-100% !important;
height:43px !important;
left:49.8% !important;
}
.v165_156{
width: 48.2%;
height: 43px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
margin-top: 3.5%;
left: 6%;
border: 1.2px solid #DDDDDD;
border-radius: 6px;
}
.champs_dest{
height: 43px !important;
}
.v162_15{
top:27% !important;
}
.v64_170_ch{
top:14% !important;
}
.repations_chambres {
margin-left: 6.2% !important;
right: 19px !important;
top: 55.6% !important;
margin-top: -21% !important;
}
.tous_les_chambres {
width: 43% !important;
margin-top: -28.5%;
}
.repartition_une_ch{
float: left;
width: 319px;
height: 249px;
border-radius:5px;
}
.nombre_adultes{
margin-right: -5% !important;
}
.nombre_enfants{
margin-right: -5% !important
}
.v87_280{
top:28% !important;
}
.v194_21 {
left: 16% !important;
top: 17.5% !important;
width: 20%!important;
position: absolute;
}
.v194_23{
top: 53% !important;
left: 192% !important;
}
.v194_22{
width: 200.2% !important;
height: 43px !important;
margin-top: -39% !important;
z-index: 100;
}
.v194_22:hover{
background-color: #f40091;
background-image: -moz-linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-image: -webkit-linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-image: linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-size: 300px;
}
.v153_33_v_org {
width: 84%;
opacity: 1;
position: absolute;
top: 72%;
left: 2px;
border: 2px solid #262626;
background: #262626;
}
.v153_33_cir {
width: 50%;
opacity: 1;
position: absolute;
top: 72%;
left: 2px;
border: 2px solid #262626;
background: #262626;
}
.v153_33_vol {
width: 86%;
opacity: 1;
position: absolute;
top: 77%;
left: 6px;
border: 2px solid #262626;
background: #262626;
}
.title_avantage{
font-size:16px;
margin-left: -1%;
}
.sous_title_avantage {
font-size:14px;
margin-left: -6%;
}
[dir=ltr] .ltr\:border-r-1 {
border-right-width: 1px;
}
.border-grey {
--tw-border-opacity: 1;
border-color: hsl(var(--color-grey)/var(--tw-border-opacity));
}
.header_humberger{
float: left;
margin-left: -8%;
position: absolute;
margin-top:5.5%;
display: block !important;
}
.items-center {
align-items: center;
}
.h-full {
height: 50%;
}
.flex {
display: flex;
}
.text-black {
--tw-text-opacity: 1;
color: hsl(var(--color-black)/var(--tw-text-opacity));
background: url(https://www.tunisiebooking.com/images/icone-moteur/ic-menu.svg);
background-repeat: no-repeat;
border:none;
}
.p-15 {
padding: 0.9375rem;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
}
.hamburger {
position: relative;
background: url(https://www.tunisiebooking.com/images/icone-moteur/ic-menu.svg)
}
.bg-white {
--tw-bg-opacity: 1;
background-color: hsl(var(--color-white)/var(--tw-bg-opacity));
}
.overflow-y-scroll {
overflow-y: scroll;
}
.w-full {
width: 100%;
-webkit-appearance: button;
background-color: transparent;
background-image: none;
display: block !important;
position: absolute;
z-index: 100000;
}
.text-blueWave {
--tw-text-opacity: 1;
color: hsl(var(--color-blue-wave)/var(--tw-text-opacity));
}
menu, ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
.uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width:800px) and (max-width:1024px) and (orientation : portrait) {
.v194_21{
margin-top:16.8% !important;
}
.v194_23 {
top: 61% !important;
left: 188% !important;
margin-top: 9%;
}
.ic_hotel{
height: auto;
}
.text-blueWave{
padding-left:3%;
}
.overflow-y-scroll{
margin-top: -1%;
}
#rootSideNav{
height: 2498px !important;
margin-top: -2.8% !important;
}
.w-full {
}
.v2_502 {
width: 100%;
height: 275px;
background: url(https://www.tunisiebooking.com/images/tablet-portraitf2-min.jpg);
opacity: 1;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 1.5%;
left: 0%;
}
.box_produit{
width:372px !important;
}
.sous_body{
margin-top:21.5%;
width:101%;
}
.sou_bodym{
width: 100%;
height: 80px;
background-color: #fff;
margin-top: -2.6%;
}
.tous_les_chambres {
width: 46% !important;
margin-top: -31%;
}
}
@media only screen and (min-width: 1241px) and (max-width: 1399px){
.adresse {
margin-left: 99.2% !important;
}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape) {
.ic_hotel{
height: auto;
}
.lds-ellips {
top: -29% !important;
left: 35% !important;
}
.icon_menu_destination{
margin-left: -46%;
}
.icon_menu_destination >img{
transform: rotate(451deg);
}
.text-blueWave_hotel{
margin-left:53%;
}
.text-blueWave_vorg{
margin-left:47%;
}
.list_menu_hotel{
margin-left: -38%;
margin-top: 2%;
}
.list_menu_vorg{
margin-top: 11%;
width: 100%;
margin-left: -34%;
position: absolute;
}
.list_menu_top_dest_mobile{
margin-top: 7%;
width: 100%;
margin-left: -3%;
position: absolute;
}
.list-unstyled_mobile > li > a {
color:#262626;
font-size: 15px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
}
.list-unstyled_mobile > li {
margin-bottom: 2%;
}
.col-megamenu_top_dest_mobile{
margin-top: -9%;
margin-left: -9%;
}
.list_menu_autre_dest_mobile{
margin-top: 81%;
width: 100%;
margin-left: -3%;
position: absolute;
}
.list-unstyled_autre_dest_mobile > li > a {
color:#262626;
font-size: 15px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
}
.list-unstyled_autre_dest_mobile > li {
margin-bottom: 2%;
}
.col-megamenu_autre_dest_mobile{
margin-top: -9%;
margin-left: -9%;
}
.list-unstyled_autre_dest_mobile > li :hover , .list-unstyled_mobile > li :hover{
text-decoration: underline;
}
.icon_menu_autre_dest {
margin-top: -5%;
margin-left: 87%;
}
.icon_menu_autre_dest > img {
transform: rotate(270deg);
}
.list_menu_offres_spec_mobile{
margin-top: 182%;
width: 100%;
margin-left: -3%;
position: absolute;
}
.list-unstyled_offres_spec_mobile > li > a {
color:#262626;
font-size: 15px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
}
.list-unstyled_offres_spec_mobile > li {
margin-bottom: 2%;
}
.col-megamenu_offres_spec_mobile{
margin-top: -9%;
margin-left: -9%;
}
.list-unstyled_offres_spec_mobile > li :hover{
text-decoration: underline;
}
.icon_menu_offres_spec {
margin-top: -5%;
margin-left: 87%;
}
.icon_menu_offres_spec > img {
transform: rotate(270deg);
}
.list_menu_vol{
width: 100%;
position: absolute;
margin-left: -45%;
margin-top: 22%;
}
.text-blueWave{
font-size:18px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 600;
}
.icon_menu_hotel {
margin-top: -5%;
margin-left: 76%;
}
.icon_menu_top_dest {
margin-top: -5%;
margin-left: 87%;
}
.icon_menu_top_dest > img {
transform: rotate(270deg);
}
.icon_menu_vorg {
margin-top: -5%;
margin-left: 74%;
}
.icon_menu_vol {
margin-top: -5%;
margin-left: 85%;
}
.icon_menu_hotel>img,.icon_menu_vorg>img,.icon_menu_vol>img{
transform: rotate(270deg);
}
.button_voyage_org,.button_hotel,.button_vol{
border:none;
}
#rootSideNav{
position: absolute;
height: 2464px;
margin-top: -4.2%;
margin-left: -13%;
}
#navbarCollapse{
display: none !important;
}
.box_produit{
width:345px !important;
height:388px;
}
.navbarCollapse{
display: none;
}
.checkin{
margin-top: -2%;
}
.checkout{
margin-top: -2%;
}
.slider{
width:91%;
margin-top:4%;
}
.contenu_et_sidebar{
width:91%;
position:relative;
z-index: 20;
margin-top:-4%;
}
.contenu{
width:67%;
}
.box_produit{
width:47%;
}
.sidebar{
width:33%;
}
.sous_body{
margin-top:24.5%;
width:100%;
}
.sou_bodym {
width: 100%;
height: 82px;
background-color: #fff;
}
.menu{
margin-top:-1%;
max-height: 80px;
background-color: #fff;
}
.menuf{
position: absolute;
min-width: 395px;
max-width: 87%;
width: 86%;
left: 11%;
height: 90 px;
clear: both;
top: 0.8%;
}
.logo{
float:left;
margin-left:0%;
margin-top:1.3%;
}
.cordonne{
position: absolute;
width: 28%;
margin-left: 75%;
height: 50%;
}
.phone{
width:25px;
float: left;
background-image: url(https://www.tunisiebooking.com/images/icons-menu-moteur/phone.svg);
background-repeat: no-repeat;
background-position: right;
min-height: 100%;
background-size: 25px 35px;
margin-right: 20px;
color:#262626;
position: absolute;
top:75%;
left:-2%;
}
.tlf
{
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight: 600;
font-size:24px;
line-height: 8.53px;
color:#262626;
position: absolute;
top:114.5%;
height: 30px;
left: 10%;
}
.vl{
position: absolute;
top:45.5%;
border-left:1px solid #262626;
height: 30px;
left: 51%;
}
.adresse{
width: 51px;
height: 36px;
left: 96.5%;
top: 47.2%;
position: absolute;
z-index: 10;
background-repeat: no-repeat;
background-image: url(https://www.tunisiebooking.com/images/icons-menu-moteur/ic-inform.svg);
}
.jours{
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight:400;
font-size:15px;
line-height:18px;
color:#262626;
}
.heures{
margin-top:-6.5%;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight:400;
font-size:15px;
line-height:18px;
color:#262626;
}
.v312_1355 {
width: 100%;
height: auto;
min-height: 1500px;
background: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 46px;
left: 0px;
overflow: hidden;
}
.v2_502 {
width: 100%;
height: 268px;
background: url(https://www.tunisiebooking.com/images/tablet-paysagef1-min.jpg);
opacity: 1;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 1.5%;
left: 0%;
}
.v148_1172 {
width: 95%;
height: 43px;
left: 2.5%;
right: 333px;
position: absolute;
top: 6%;
background: rgba(255,255,255,1);
opacity: 1;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
overflow: hidden;
border-bottom: 1px solid #DDDDDD;
z-index: 200;
}
.v153_31{
width: 138px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 6% !important;
left: 2.3% !important;
overflow: hidden;
}
.v153_33 {
top: 79% !important;
width:93% !important;
opacity: 1;
position: absolute;
left: 2px;
border: 2px solid rgba(255,0,151,1);
background: #f40091;
}
.v153_35{
}
.v153_32{
font-weight: 600 !important;
font-size:16px !important;
margin-left: -1px !important;
top:0px !important;
}
.v153_11{
top:25% !important;
left:36.5% !important;
}
.v153_11_cir{
top:25% !important;
left:76.5% !important;
}
.v153_14{
}
.v153_12{
font-size: 15px !important;
left:25px !important;
top:0px !important;
}
.v153_12_cir{
font-size: 15px !important;
left:-3px !important;
top:0px !important;
}
.v153_16{
left:60.2% !important;
top:-1% !important;
}
.v37_74 {
top:20px !important;
left:41px !important;
}
.v153_30{
}
.v153_22{
top:9px !important;
left:39px !important;
}
.v94_8 {
width: 410px;
height: 20px;
color: rgba(255,255,255,1);
position: absolute;
display: flex;
top: 2.5%;
left: 30%;
text-shadow: 0px 1px 4px rgb(0 0 0 / 20%);
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight: 700;
font-size: 24px;
opacity: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
}
.v94_9 {
display: none;
}
.v37_34 {
width: 95%;
height: 144px;
background: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 8.6%;
left: 2.5%;
overflow: hidden;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
z-index:100;
}
.v128_1118 {
width: 100%;
height: 144px;
background: #fff;
opacity: 1;
position: absolute;
overflow: hidden;
}
.v37_38 {
width: 375px !important;
height: 47px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 14.5%;
left: 2%;
overflow: hidden;
z-index:20;
border-radius:6px;
border: 1.2px solid #DDDDDD;
}
.v37_45 {
width: 100%;
height: 47px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
border-radius: 2px;
box-shadow: 0px 3px 18px rgb(0 0 0 / 12%);
overflow: hidden;
}
.v37_47 {
width: 263px;
color: rgba(38,38,38,1);
position: absolute;
top: 17%;
left: 38.76px;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-weight: Regular;
opacity: 1;
text-align: left;
}
.v37_47 {
width: 263px;
color: rgba(38,38,38,1);
position: absolute;
top: 17%;
left: 38.76px;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-weight: Regular;
opacity: 1;
text-align: left;
}
.select_destination_moteur {
width: 100%!important;
border: none !important;
background-color: rgba(243,245,247,1) !important;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-size: 15px;
font-weight: 400;
outline: none;
line-height: 16px;
margin-top:1%;
}
.select_destination_moteur::placeholder {
color:#262626;
}
.v64_167 {
width: 13px;
height: 20px;
opacity: 1;
position: absolute;
top: 19%;
left: 14px;
}
.v37_67 {
height: 90% !important;
top: 13% !important;
width: 100% !important;
left: -3%!important;
position: absolute !important
}
.v37_72 {
width: 39%;
height: 58px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: -5%;
left: 44.6%;
overflow: hidden;
}
.v37_73{
cursor: pointer;
height: 47px !important;
width:175px!important;
top:16% !important;
}
.v37_75{
top: 0px !important;
left: 29% !important;
}
.col_dep
{
cursor:pointer;
width:175px !important;
top:-63% !important;
height:47px !important;
left:49% !important;
}
.v165_156{
width: 375px !important;
height: 47px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
margin-top: 0.5%;
left: 5%;
border: 1.2px solid #DDDDDD;
border-radius: 6px;
}
.champs_dest{
height: 47px !important;
}
.v162_15{
top:27% !important;
left:92% !important;
}
.v64_170_ch{
top:13% !important;
}
.repations_chambres {
margin-left: 4.2% !important;
right: 5% !important;
top:-44% !important;
}
.tous_les_chambres {
width: 36% !important;
}
.repartition_une_ch{
float: left;
width: 308px;
height: 249px;
margin-top:0.5%;
border-radius:5px;
}
.nombre_adultes{
margin-right: -5% !important;
}
.nombre_enfants{
margin-right: -5% !important
}
.v87_280{
top:22% !important;
}
.v194_23{
top:81% !important;
left:60% !important;
width:175px !important;
}
.v194_22:hover{
background-color: #f40091;
background-image: -moz-linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-image: -webkit-linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-image: linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-size: 300px;
}
.v194_22{
width:175px !important;
height: 47px !important;
margin-top: -163.7% !important;
margin-left: 368.8% !important;
z-index: 100;
font-size: 18px !important;
}
.v153_33_v_org {
width: 86%;
opacity: 1;
position: absolute;
top: 68%;
left: 2px;
border: 2px solid #262626;
background: #262626;
}
.v153_33_cir {
width: 52%;
opacity: 1;
position: absolute;
top: 68%;
left: 2px;
border: 2px solid #262626;
background: #262626;
}
.v153_33_vol {
width: 80%;
opacity: 1;
position: absolute;
top: 76%;
left: 6px;
border: 2px solid #262626;
background: #262626;
}
.border-grey {
--tw-border-opacity: 1;
border-color: hsl(var(--color-grey)/var(--tw-border-opacity));
}
.header_humberger{
float: left;
margin-left: -8%;
position: absolute;
margin-top:2%;
display: block !important;
}
.items-center {
align-items: center;
}
.h-full {
height: 50%;
}
.flex {
display: flex;
}
.text-black {
--tw-text-opacity: 1;
color: hsl(var(--color-black)/var(--tw-text-opacity));
background: url(https://www.tunisiebooking.com/images/icone-moteur/ic-menu.svg);
background-repeat: no-repeat;
border:none;
}
.p-15 {
padding: 0.9375rem;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
}
.hamburger {
position: relative;
background: url(https://www.tunisiebooking.com/images/icone-moteur/ic-menu.svg)
}
.bg-white {
--tw-bg-opacity: 1;
background-color: hsl(var(--color-white)/var(--tw-bg-opacity));
}
.overflow-y-scroll {
overflow-y: scroll;
}
.w-full {
width: 100%;
-webkit-appearance: button;
background-color: transparent;
background-image: none;
display: block !important;
position: absolute;
z-index: 100000;
}
.text-blueWave {
--tw-text-opacity: 1;
color: hsl(var(--color-blue-wave)/var(--tw-text-opacity));
}
menu, ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
.uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width:1025px) and (max-width:1240px) {
.slick-slide {
margin-left:69px !important;
}
.ic_hotel{
height: auto;
}
.lds-ellips {
top:-38% !important ;
left:34% !important;
}
.icon_menu_destination{
margin-left: -46%;
}
.icon_menu_destination >img{
transform: rotate(451deg);
}
.text-blueWave_hotel{
margin-left:53%;
}
.text-blueWave_vorg{
margin-left:47%;
}
.list_menu_hotel{
margin-left: -38%;
margin-top: 2%;
}
.list_menu_vorg{
margin-top: 11%;
width: 100%;
margin-left: -34%;
position: absolute;
}
.list_menu_top_dest_mobile{
margin-top: 7%;
width: 100%;
margin-left: -3%;
position: absolute;
}
.list-unstyled_mobile > li > a {
color:#262626;
font-size: 15px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
}
.list-unstyled_mobile > li {
margin-bottom: 2%;
}
.col-megamenu_top_dest_mobile{
margin-top: -9%;
margin-left: -9%;
}
.list_menu_autre_dest_mobile{
margin-top: 81%;
width: 100%;
margin-left: -3%;
position: absolute;
}
.list-unstyled_autre_dest_mobile > li > a {
color:#262626;
font-size: 15px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
}
.list-unstyled_autre_dest_mobile > li {
margin-bottom: 2%;
}
.col-megamenu_autre_dest_mobile{
margin-top: -9%;
margin-left: -9%;
}
.list-unstyled_autre_dest_mobile > li :hover , .list-unstyled_mobile > li :hover{
text-decoration: underline;
}
.icon_menu_autre_dest {
margin-top: -5%;
margin-left: 87%;
}
.icon_menu_autre_dest > img {
transform: rotate(270deg);
}
.list_menu_offres_spec_mobile{
margin-top: 182%;
width: 100%;
margin-left: -3%;
position: absolute;
}
.list-unstyled_offres_spec_mobile > li > a {
color:#262626;
font-size: 15px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
}
.list-unstyled_offres_spec_mobile > li {
margin-bottom: 2%;
}
.col-megamenu_offres_spec_mobile{
margin-top: -9%;
margin-left: -9%;
}
.list-unstyled_offres_spec_mobile > li :hover{
text-decoration: underline;
}
.icon_menu_offres_spec {
margin-top: -5%;
margin-left: 87%;
}
.icon_menu_offres_spec > img {
transform: rotate(270deg);
}
.list_menu_vol{
width: 100%;
position: absolute;
margin-left: -45%;
margin-top: 22%;
}
.text-blueWave{
font-size:18px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 600;
}
.icon_menu_hotel {
margin-top: -5%;
margin-left: 76%;
}
.icon_menu_top_dest {
margin-top: -5%;
margin-left: 87%;
}
.icon_menu_top_dest > img {
transform: rotate(270deg);
}
.icon_menu_vorg {
margin-top: -5%;
margin-left: 74%;
}
.icon_menu_vol {
margin-top: -5%;
margin-left: 85%;
}
.icon_menu_hotel>img,.icon_menu_vorg>img,.icon_menu_vol>img{
transform: rotate(270deg);
}
.button_voyage_org,.button_hotel,.button_vol{
border:none;
}
#rootSideNav{
position: absolute;
height: 2464px;
margin-top: -4.2%;
margin-left: -13%;
}
#navbarCollapse{
display: none !important;
}
.box_produit{
width:399px !important;
}
.navbarCollapse{
display: none;
}
.v94_9 {
display: none;
}
.checkin{
margin-left: 5%;
margin-top: -2%;
font-size:14px !important;
}
.checkout{
margin-left: 5%;
margin-top: -2%;
font-size:14px !important;
}
.slider{
width:94%;
}
.contenu_et_sidebar{
width:91%;
position:relative;
z-index: 20;
}
.contenu{
width:67%;
}
.box_produit{
width:47%;
}
.sidebar{
width:33%;
}
.sous_body{
margin-top:3%;
}
.sou_bodym {
width: 100%;
height: 323px;
background-color: #fff;
}
.menu{
margin-top:-1%;
max-height: 80px;
background-color: #fff;
}
.menuf{
position: absolute;
min-width: 395px;
max-width: 87%;
width: 86%;
left: 11%;
height: 90 px;
clear: both;
top: 0.8%;
}
.logo{
float: left;
margin-left: 1%;
margin-top: 1%;
}
.cordonne{
position:absolute;
width:35%;
margin-left:65%;
height: 50%;
}
.phone{
width:25px;
float: left;
background-image: url(https://www.tunisiebooking.com/images/icons-menu-moteur/phone.svg);
background-repeat: no-repeat;
background-position: right;
min-height: 118%;
background-size: 25px 35px;
margin-right: 20px;
color:#262626;
position: absolute;
top: 72%;
left: 41%;
}
.tlf
{
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight: 600;
font-size:24px;
line-height: 8.53px;
color:#262626;
position: absolute;
top:116.5%;
height: 30px;
left: 50%;
}
.vl{
position: absolute;
top:45.5%;
border-left:1px solid #262626;
height: 30px;
left: 51%;
}
.adresse {
width: 51px;
height: 36px;
left: 96.5%;
top: 47.2%;
position: absolute;
z-index: 10;
background-repeat: no-repeat;
background-image: url(https://www.tunisiebooking.com/images/icons-menu-moteur/ic-inform.svg);
}
.jours{
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight:400;
font-size:15px;
line-height:18px;
color:#262626;
}
.heures{
margin-top:-6.5%;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight:400;
font-size:15px;
line-height:18px;
color:#262626;
}
.v312_1355 {
width: 100%;
height: auto;
min-height: 1500px;
background: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 46px;
left: 0px;
overflow: hidden;
}
.v2_502 {
width: 100%;
height: 268px;
background: url(https://www.tunisiebooking.com/images/tablet-paysagef1-min.jpg);
opacity: 1;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 1.5%;
left: 0%;
}
.v148_1172 {
width: 91%;
height: 43px;
left: 4.5%;
right: 333px;
position: absolute;
top: 6%;
background: rgba(255,255,255,1);
opacity: 1;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0px 1px 11px rgb(0 0 0 / 24%);
overflow: hidden;
border-bottom: 1px solid #DDDDDD;
}
.v153_31{
width: 15%;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 6% !important;
left: 2% !important;
overflow: hidden;
}
.v153_33 {
top: 78% !important;
width:97% !important;
opacity: 1;
position: absolute;
left: 2px;
border: 2px solid rgba(255,0,151,1);
background: #f40091;
}
.v153_32{
font-weight: 600 !important;
font-size:16px !important;
margin-left: 1% !important;
top:0px !important;
}
.v153_11{
top:25% !important;
left:38% !important;
}
.v153_14{
}
.v153_12{
font-size: 15px !important;
left:27px !important;
top:0px !important;
}
.v153_12_cir{
font-size: 15px !important;
left:-4px !important;
top:0px !important;
}
.v153_16{
left:59.2% !important;
top:-1% !important;
}
.v153_11_cir {
position: absolute !important;
top: 23% !important;
left: 74.2% !important;
}
.v37_74 {
top:20px !important;
left:41px !important;
}
.v153_30{
}
.v153_22{
top:9px !important;
left:41px !important;
}
.v94_8 {
width: 410px;
height: 20px;
color: rgba(255,255,255,1);
position: absolute;
display: flex;
top: 2.5%;
left: 33.5%;
text-shadow: 0px 1px 4px rgb(0 0 0 / 20%);
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight: 700;
font-size: 24px;
opacity: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
}
.v37_34 {
width: 91%;
height: 144px;
background: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 8.9%;
left: 4.5%;
overflow: hidden;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
z-index:100;
}
.v128_1118 {
width: 100%;
height: 144px;
background: #fff;
opacity: 1;
position: absolute;
overflow: hidden;
}
.v37_38 {
width: 390px;
height: 43px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 14.5%;
left: 2%;
overflow: hidden;
z-index:20;
border-radius:6px;
border: 1.2px solid #DDDDDD;
}
.v37_45 {
width: 100%;
height: 43px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
border-radius: 2px;
box-shadow: 0px 3px 18px rgb(0 0 0 / 12%);
overflow: hidden;
}
.v37_47 {
width: 263px;
color: rgba(38,38,38,1);
position: absolute;
top: 17%;
left: 38.76px;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight: Regular;
opacity: 1;
text-align: left;
}
.v37_47 {
width: 263px;
color: rgba(38,38,38,1);
position: absolute;
top: 17%;
left: 38.76px;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight: Regular;
opacity: 1;
text-align: left;
}
.select_destination_moteur {
width: 106%!important;
border: none !important;
background-color: rgba(243,245,247,1) !important;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-size: 15px;
font-weight: 400;
outline: none;
line-height: 16px;
margin-top:1%
}
.select_destination_moteur::placeholder {
color:#262626;
}
.v64_167 {
width: 13px;
height: 20px;
opacity: 1;
position: absolute;
top: 21%;
left: 14px;
}
.v37_67 {
height: 90% !important;
top: 13% !important;
width: 100% !important;
left: -3%!important;
position: absolute !important
}
.v37_72 {
width: 37%;
height: 58px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: -5%;
left: 42.8%;
overflow: hidden;
}
.v37_73{
height: 43px !important;
width:45%!important;
top:16% !important;
}
.v37_75{
top: 0px !important;
left: 29% !important;
}
.col_dep
{
width:175px !important;
top:-58% !important;
height:43px !important;
left:48.8% !important;
}
.v165_156{
width: 390px;
height: 43px;
background: rgba(243,245,247,1);
opacity: 1;
position: absolute;
margin-top: 5.7%;
left: 5%;
border: 1.2px solid #DDDDDD;
border-radius: 6px;
}
.champs_dest{
height: 43px !important;
}
.v162_15{
top:23% !important;
left:92% !important;
}
.v64_170_ch{
top:-23% !important;
}
.repations_chambres {
margin-left: 6.2% !important;
right: 3% !important;
top: -1% !important;
}
.tous_les_chambres {
width: 35% !important;
}
.repartition_une_ch{
float: left;
width: 358px;
height: 249px;
margin-top:0.5%;
border-radius:5px;
}
.nombre_adultes{
margin-right: -5% !important;
}
.nombre_enfants{
margin-right: -5% !important
}
.v87_280{
top:23% !important;
}
.v194_23{
top: 10% !important;
left: 69% !important;
}
.v194_22:hover{
background-color: #f40091;
background-image: -moz-linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-image: -webkit-linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-image: linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-size: 300px;
}
.v194_22{
width: 138% !important;
height: 44px !important;
margin-top: -69.7% !important;
margin-left: 385.8% !important;
overflow: hidden;
z-index: 100;
}
.v194_23{
width:175px !important;
margin-top:0.8%;
}
.v153_33_v_org {
width: 86%;
opacity: 1;
position: absolute;
top: 68%;
left: 2px;
border: 2px solid #262626;
background: #262626;
}
.v153_33_cir {
width: 51%;
opacity: 1;
position: absolute;
top: 71%;
left: 2px;
border: 2px solid #262626;
background: #262626;
}
.v153_33_vol {
width: 89%;
opacity: 1;
position: absolute;
top: 75%;
left: 6px;
border: 2px solid #262626;
background: #262626;
}
.border-grey {
--tw-border-opacity: 1;
border-color: hsl(var(--color-grey)/var(--tw-border-opacity));
}
.header_humberger{
float: left;
margin-left: -7%;
position: absolute;
margin-top:2%;
display: block !important;
}
.items-center {
align-items: center;
}
.h-full {
height: 50%;
}
.flex {
display: flex;
}
.text-black {
--tw-text-opacity: 1;
color: hsl(var(--color-black)/var(--tw-text-opacity));
background: url(https://www.tunisiebooking.com/images/icone-moteur/ic-menu.svg);
background-repeat: no-repeat;
border:none;
}
.p-15 {
padding: 0.9375rem;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
}
.hamburger {
position: relative;
background: url(https://www.tunisiebooking.com/images/icone-moteur/ic-menu.svg)
}
.bg-white {
--tw-bg-opacity: 1;
background-color: hsl(var(--color-white)/var(--tw-bg-opacity));
}
.overflow-y-scroll {
overflow-y: scroll;
}
.w-full {
width: 100%;
-webkit-appearance: button;
background-color: transparent;
background-image: none;
display: block !important;
position: absolute;
z-index: 100000;
}
.text-blueWave {
--tw-text-opacity: 1;
color: hsl(var(--color-blue-wave)/var(--tw-text-opacity));
}
menu, ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
.uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width:1241px) and (max-width:1880px) {
/*omra icon style on the menu */
.v153_14_omra {
width: 26%;
height: 80px;
background: url(https://www.tunisiebooking.com/images/icone-moteur/omrablack.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
background-size: 100%;
}
.v153_14_omra:focus {
width: 15%;
height: 80px;
background: url(https://www.tunisiebooking.com/images/icone-moteur/omrapink.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
background-size: 100%;
zoom: 206%;
}
.v153_11_omra{
display: none;
width: 173px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 33%;
left: 30.2%;
overflow: hidden;
cursor: pointer;
}
.v153_13_omra {
width: 55%;
height: 40px;
opacity: 1;
position: relative;
top: 1px;
left: 6px;
overflow: hidden;
}
.v153_13_omra:hover{
border-bottom: solid;
border-bottom-width: thick;
}
.v153_33_omra{
display: none;
}
.v153_33_omra:hover{
width: 54%;
opacity: 1;
position: absolute;
top: 90%;
border: 2px solid #262626;
background: #262626;
display: flex;
}
.v153_15_omra{
}
.v153_12_omra{
width: 133px;
color: #262626;
position: absolute;
top: 1px;
left:-4px;
font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-size: 16px;
opacity: 1;
text-align: center;
font-weight: 400;
}
.slick-slider{
padding-top:28px !important;
}
.ic_hotel{
height: auto;
}
.lds-ellips {
top:-8% !important ;
}
.span_vorg{
position: absolute;
width: 162px;
height: 12px;
left: 20px;
top: 21px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 12px;
color: #262626;
}
.megamenu_vorg{
height: 338px !important;
}
.vertical-line {
border-left: 1px solid #DDDDDD;
height: 454px;
margin-left: 29.4%;
margin-top: 6.5%;
}
.vertical-line_1{
border-left: 1px solid #DDDDDD;
height: 454px;
margin-left: 63.2%;
margin-top: -55%;
}
.vertical-line_vorg {
border-left: 1px solid #DDDDDD;
height: 234px;
margin-left: 29.4%;
margin-top: 6.5%;
}
.vertical-line_1_vorg{
border-left: 1px solid #DDDDDD;
height: 241px;
margin-left: 63.2%;
margin-top: -28%;
}
.dropdown-toggle::after {
display: none;
}
#navbarCollapse{
display: block !important;
width: 420px;
margin-left: 104px;
position: relative;
margin-top: 5%;
float: left;
}
#nav_span_hotel{
margin-top: -34%;
}
.icon_dropdown_topdest{
margin-top: -20%;
margin-left: 110%;
}
.icon_dropdown_topdest img{
width: 11.19px;
height: 6px;
}
#navbar_menu{
display: block;
width: 806px;
height: 564px;
position: absolute;
z-index: 2000
}
#row_navhotel{
margin-left: 0%;
margin-top: -1%;
}
#top_destination{
z-index:1;
position: absolute;
width: 243px;
height: 318px !important;
left: 0px;
top: 2% !important;
border-radius: 6px 0px 0px 6px;
}
#autre_hotels{
width: 228px;
position: absolute;
height: 316px;
left: 36%;
}
#offres_spec{
width: 243px;
height: 316px;
left: 70%;
position: absolute;
}
#autre_pays{
width: 228px;
position: absolute;
height: 316px;
left: 29%;
}
#offres_pays{
width: 243px;
position: absolute;
height: 316px;
left: 64%;
}
.list-unstyled li{margin-bottom:13px;}
.ic_hotel{
height: auto;
}
.dropdown-menu{
position: absolute;
width: 729px;
height: 316px;
left: -2px;
top: 15px;
background: #FFFFFF;
box-shadow: 0px 8px 16px rgba(38, 38, 38, 0.24);
border-radius: 6px;
display: block;
}
.col-megamenu {
margin-top: 24%;
}
.nav-item a{
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 457;
font-size: 15px;
line-height: 18px;
color: #262626;
font-stretch: 100;
}
.nav-item a:hover{
color: #262626 !important;
font-stretch: 100;
}
#navbar_menu_vorg{
display: block;
width: 257px;
height: 300px;
position: absolute;
z-index: 1001;
left: 58%;
}
#col_offres_vorg{
z-index: 1;
position: absolute;
width: 257px;
height: 817px !important;
left: 20px;
top: 14px !important;
border-radius: 6px 0px 0px 6px;
}
.span_vorg{
left: 29px !important;
}
#nav_vorg{
margin-top: -14%;
}
#nav_span_voy_org{
margin-top:-11%;
}
#nav_vgroupe{
margin-top: -8%;
margin-left: 134%;
}
.icon_dropdown_vog{
margin-top: -17%;
margin-left: 110%;
}
#nav_span_vgroupe{
margin-top:-11%;
}
.icon_dropdown_vgroupe{
margin-top: -17%;
margin-left: 110%;
}
.icon_dropdown_vgroupe img{
width: 11.19px;
height: 6px;
}
#nav_span_hotel{
margin-top: -41% !important;
}
.col_offres_vorg div{
margin-left: 9%;
margin-top: 6%;
}
.icon_dropdown_vog{
margin-top: -17%;
margin-left: 110%;
}
.icon_dropdown_vog img{
width: 11.19px;
height: 6px;
}
.icon_dropdown_vol img{
width: 11.19px;
height: 6px;
}
.icon_dropdown_vplus{
margin-top: -9%;
margin-left: 28%
}
.icon_dropdown_vplus img{
width: 5.19px;
height: 9px;
}
#nav_vol{
margin-top: -7%;
}
.div_form{
position: relative;
height: 204px;
left: -2px;
top: 164px;
background: #FFFFFF;
box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.34);
border-radius: 8px;
z-index: 100
}
#ch2, #ch3, #ch4, #ch5 {
border-left: 1px solid #E2E7EB;
}
.checkin{
margin-left: -5%;
margin-top: -2%;
}
.checkout{
margin-left: -5%;
margin-top: -2%;
}
.contenu{
width: 103%;
margin-left: -0.5%;
margin-top:2.7%;
}
.box_produit{
width:31%;
}
.sidebar{
width:33%;
}
.sous_body{
/*margin-top:6%;*/
padding-top: 6.2%;
position: relative;
}
.sou_bodym {
width: 100%;
height: 300px;
background-color: #fff;
}
.menu{
margin-top:-1%;
max-height: 80px;
background-color: #fff;
}
.logo{
float: left;
margin-left: -0.5%;
margin-top: 2.5%;
}
.cordonne{
position: relative;
width: 19%;
margin-left: 80.5%;
height: 50%;
padding-top: 6%;
}
.phone{
width: 25px;
float: left;
background-image: url(https://www.tunisiebooking.com/images/icons-menu-moteur/phone.svg);
background-repeat: no-repeat;
background-position: right;
min-height: 100%;
background-size: 25px 35px;
margin-right: 20px;
color: #262626;
position: absolute;
top: 23%;
left: 9%;
}
.tlf
{
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight: 600;
font-size: 24px;
line-height: 8.53px;
color: #262626;
position: absolute;
top: 65.5%;
height: 30px;
left: 23%;
}
.vl{
position: absolute;
top:45.5%;
border-left:1px solid #262626;
height: 30px;
left: 51%;
}
.adresse{
width: 22px;
height: 36px;
margin-left: 98.2% !important;
margin-top: -2.8%;
position: relative;
z-index: 10;
background-repeat: no-repeat;
background-image: url(https://www.tunisiebooking.com/images/icons-menu-moteur/ic-inform.svg);
}
.horaire{
padding-top: 5.5%;
z-index: 21;
position: absolute;
width: 257px;
height: 88px;
left: -18%;
margin-top: 2%;
background: #FFFFFF;
box-shadow: 0px 8px 16px rgb(38 38 38 / 34%);
border-radius: 6px;
z-index: 1000;
}
.horaire p {
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 72.69%;
text-align: center;
color: #6B6B6B;
}
.jours{
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight:400;
font-size:15px;
line-height:18px;
color:#262626;
}
.heures{
margin-top:-6.5%;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight:400;
font-size:15px;
line-height:18px;
color:#262626;
}
.v312_1355 {
width: 100%;
height: auto;
min-height: 1000px;
background: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 54px;
left: 0px;
overflow: hidden;
}
.v2_502 {
width: 100%;
height: 328px;
background: url(https://tn.tunisiebooking.com/images/image-destination-min.jpg);
opacity: 1;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 1.5%;
left: 0%;
}
.v148_1172 {
position: relative;
/* width: 1285px; */
height: 60px;
left: 0px;
top: 1px;
background: rgba(255,255,255,1);
opacity: 1;
border-bottom: 1px solid #DDDDDD;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
overflow: hidden;
}
.v153_31{
width: 144px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 27% !important;
left: 10.3% !important;
overflow: hidden;
}
.v153_11 {
display: none;
width: 173px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 33%;
left: 46% !important;
overflow: hidden;
cursor: pointer;
}
.v153_16{
left: 68% !important;
}
.v153_33 {
top: 87% !important;
width: 104% !important;
opacity: 1;
position: absolute;
left: 2px;
border: 2px solid rgba(255,0,151,1);
background: #f40091;
}
.v153_32{
font-weight: 600 !important;
font-size:16px !important;
margin-left: 4px !important;
top:0px !important;
}
.v94_8 {
/*width: 614px;*/
color: rgba(255,255,255,1);
position: absolute;
display: flex;
top: 6%;
left: 38%;
text-shadow: 0px 1px 4px rgb(0 0 0 / 20%);
font-family: -apple-system, Roboto,Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 600;
font-size: 38px;
opacity: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
line-height: 59px;
}
.v94_9 {
width: 697px;
height: 40px;
/*left: 414px;*/
top:100px;
color: rgba(255,255,255,1);
position: absolute;
display: flex;
text-shadow: 0px 1px 4px rgb(0 0 0 / 20%);
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 20.15px;
/* or 20px */
letter-spacing: 0.02em;
opacity: 1;
-webkit-font-smoothing: antialiased;
}
.v37_34 {
width: 1184px;
height: 141px;
background: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 2px;
left: -0.2%;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
/*box-shadow: 0px 1px 11px rgb(0 0 0 / 24%);*/
overflow: hidden;
z-index:100;
}
.v128_1118 {
width: 100%;
height: 110px;
background: #fff;
opacity: 1;
position: absolute;
overflow: hidden;
}
.v37_38{
width: 420px;
height: 58px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 27px;
left: 19px;
overflow: hidden;
border: 1.2px solid #DDDDDD;
cursor: pointer;
border-radius: 6px;
}
.v37_45{
width: 100%;
height: 55px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
/*border: 1.2px solid #DDDDDD;*/
border-radius: 2px;
box-shadow: 0px 3px 18px rgb(0 0 0 / 12%);
overflow: hidden;
}
.v37_47 {
width: 263px;
color: rgba(38,38,38,1);
position: absolute;
top: 16px;
left: 38.76px;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-weight: Regular;
/* font-size: 15px; */
opacity: 1;
text-align: left;
}
.select_destination_moteur {
width: 100%!important;
border: none !important;
background-color: rgba(243,245,247,1) !important;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight:400;
outline: none;
margin-top: -1%;
margin-left:-4%;
}
.select_destination_moteur::placeholder {
color:#262626;
}
.v64_167 {
width: 13px;
height: 20px;
opacity: 1;
position: absolute;
top: 13px;
left: 10px;
}
.v37_67 {
width: 65%;
height: 58px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 27px;
left: 33.7%;
overflow: hidden;
}
.v37_72{
width: 65.2%;
height: 58px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 0px;
left: 6.8%;
overflow: hidden;
}
.v37_73 {
width: 188px !important;
height: 58px !important;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
border: 1.2px solid #DDDDDD;
border-radius: 2px;
overflow: hidden;
}
.v15_640{
margin-top:7% !important;
margin-left:14px!important;
}
.v165_156{
width: 310px;
height: 58px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: -100%;
left: 59.2%;
border: 1.2px solid #DDDDDD;
border-radius: 6px;
overflow: hidden;
}
.champs_dest{
height: 58px !important;
}
.tous_les_chambres{
width:41% !important;
margin-left: 0%;
}
.repations_chambres {
right:-46% !important;
margin-top:-23.5%;
}
.repartition_une_ch{
/* padding: 10px 0; */
float: left;
/* background-color: #fff; */
width: 386px;
height: 249px;
/*margin-top:0.5%;*/
/*border-radius:5px;*/
}
.v194_22{
width: 490px !important;
margin-top: 11.1% !important;
margin-left: -325.5% !important;
}
.v194_21 {
left:110% !important;
top:1% !important;
width:20%!important;
}
.v194_23{
margin-top: 52%;
width: 20% !important;
left: 210% !important;
z-index: 100;
}
.v153_33_v_org {
width: 92%;
/*height: 2px;*/
opacity: 1;
position: absolute;
top: 90%;
left: 2px;
border: 2px solid #262626;
background: #262626;
}
.v153_33_cir {
width: 52%;
/*height: 2px;*/
opacity: 1;
position: absolute;
top: 90%;
left: 2px;
border: 2px solid #262626;
background: #262626;
}
.v153_33_vol {
width: 100%;
/*height: 2px;*/
opacity: 1;
position: absolute;
top: 90%;
left: 9px;
border: 2px solid #262626;
background: #262626;
}
.icon_dropdown_vol {
margin-top: -71%;
margin-left: 135%;
float: left;
}
}
@media only screen and (min-width : 1881px) {
.v153_14_omra {
width: 26%;
height: 80px;
background: url(https://www.tunisiebooking.com/images/icone-moteur/omrablack.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
background-size: 100%;
}
.v153_14_omra:focus {
width: 15%;
height: 80px;
background: url(https://www.tunisiebooking.com/images/icone-moteur/omrapink.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
background-size: 100%;
zoom: 206%;
}
.v153_11_omra{
display: none;
width: 173px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 33%;
left: 26.2%;
overflow: hidden;
cursor: pointer;
}
.v153_13_omra {
width: 55%;
height: 40px;
opacity: 1;
position: relative;
top: 1px;
left: 19px;
overflow: hidden;
}
.v153_13_omra:hover{
border-bottom: solid;
border-bottom-width: thick;
}
.v153_33_omra{
display: none;
}
.v153_33_omra:hover{
width: 54%;
opacity: 1;
position: absolute;
top: 90%;
border: 2px solid #262626;
background: #262626;
display: flex;
}
.v153_15_omra{
}
.v153_12_omra{
width: 133px;
color: #262626;
position: absolute;
top: 1px;
left:-4px;
font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-size: 16px;
opacity: 1;
text-align: center;
font-weight: 400;
}
.etiquette{
top:0px !important;
}
#nav_span_voy_org,#nav_span_hotel{
font-style: normal;
font-family: -apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-weight: 457;
font-size: 15px;
line-height: 18px;
-webkit-font-smoothing: antialiased;
}
.slick-slide {
margin-left:16px !important;
}
#autre_pays{
width: 228px;
position: absolute;
height: 316px;
left: 29%;
/*border-right: 1px solid #DDDDDD;*/
}
#offres_pays{
width: 243px;
position: absolute;
height: 316px;
left: 64%;
}
.span_vorg{
position: absolute;
width: 162px;
height: 12px;
left: 20px;
top: 21px;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 12px;
color: #262626;
padding-left:2%;
}
.megamenu_vorg{
height: 338px !important;
}
.col-megamenu{
margin-top:24%;
}
#col_vorg{
margin-top:20%!important;
}
.vertical-line {
border-left: 1px solid #DDDDDD;
height: 458px;
margin-left: 29.4%;
margin-top: 6.5%;
}
.vertical-line_1{
border-left: 1px solid #DDDDDD;
height: 448px;
margin-left: 63.2%;
margin-top: -55%;
}
.vertical-line_vorg {
border-left: 1px solid #DDDDDD;
height: 234px;
margin-left: 29.4%;
margin-top: 6.5%;
}
.vertical-line_1_vorg{
border-left: 1px solid #DDDDDD;
height: 234px;
margin-left: 63.2%;
margin-top: -28%;
}
.dropdown-toggle::after {
display: none;
}
#navbarCollapse{
display: block !important;
width: 420px;
margin-left: 278px;
position: relative;
margin-top: 3.5%;
float: left;
}
#nav_span_hotel{
margin-top: -29%;
}
#nav_span_voy_org{
margin-top: 6%;
}
.icon_dropdown_topdest{
margin-top: -19%;
margin-left: 110%;
}
.icon_dropdown_topdest img{
width: 11.19px;
height: 6px;
}
#navbar_menu{
display: block;
width: 806px;
height: 569px;
position: absolute;
z-index: 2000;
}
#row_navhotel{
margin-left: 0%;
margin-top: -1%;
}
#top_destination{
z-index: 1;
position: absolute;
width: 243px;
height: 318px !important;
left: 0px;
top: 2% !important;
border-radius: 6px 0px 0px 6px;
}
#autre_hotels{
width: 228px;
position: absolute;
height: 316px;
left: 36%;
}
#offres_spec{
width: 243px;
height: 316px;
left: 70%;
position: absolute;
}
.list-unstyled li{margin-bottom:13px;}
.ic_hotel{
height: auto;
}
.dropdown-menu{
position: absolute;
width: 729px;
height: 316px;
left: -2px;
top: 22px;
background: #FFFFFF;
box-shadow: 0px 8px 16px rgba(38, 38, 38, 0.24);
border-radius: 6px;
display: block;
}
.nav-item a{
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 457;
font-size: 15px;
line-height: 18px;
color: #262626;
font-stretch: 100;
}
.nav-item a:hover{
color: #262626 !important;
font-stretch: 100;
}
#navbar_menu_vorg{
display: block;
width: 257px;
height: 300px;
position: absolute;
z-index: 1001;
left: 58%;
}
#col_offres_vorg{
z-index: 1;
position: absolute;
width: 257px;
height: 817px !important;
left: 20px;
top: 14px !important;
border-radius: 6px 0px 0px 6px;
}
#nav_vorg{
margin-top: -14%;
}
#nav_vgroupe{
margin-top: -5%;
margin-left: 134%;
}
#nav_span_vgroupe{
margin-top:-11%;
}
.col_offres_vorg div{
margin-left: 9%;
margin-top: 6%;
}
.icon_dropdown_vog{
margin-top: -17%;
margin-left: 110%;
}
.icon_dropdown_vog img{
width: 11.19px;
height: 6px;
}
.icon_dropdown_vplus{
margin-top: -9%;
margin-left: 28%
}
.icon_dropdown_vplus img{
width: 5.19px;
height: 9px;
}
.icon_dropdown_vol{
margin-top: -84%;
margin-left: 135%;
float: left;
}
.icon_dropdown_vol img{
width: 11.19px;
height: 6px;
}
#nav_vol{
margin-top: -7%;
}
.div_form{
position: relative;
height: 204px;
left: -2px;
top: 164px;
background: #FFFFFF;
box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.34);
border-radius: 8px;
z-index: 100;
}
#ch2, #ch3, #ch4 {
border-left: 1px solid #E2E7EB;
}
.v64_170_ch{
/*top:4% !important;*/
}
.v87_280{
top:33% !important;
}
.v162_15{
top:33% !important;
}
.checkin{
margin-left: -5%;
margin-top: -2%;
}
.checkout{
margin-left: -5%;
margin-top: -2%;
}
.contenu{
width: 104%;
margin-left: -1%;
margin-top: 2.7%;
}
.box_produit{
width:31%;
}
.sidebar{
width:33%;
}
.sous_body{
padding-top: 14%;
position: relative;
}
.sou_bodym {
width: 100%;
height: 70px;
background-color: #fff;
/*margin-bottom: 14%;*/
box-shadow: inset 0 -5px 5px -5px rgba(0,0,0,0.5);
}
.menu{
max-height: 65px;
}
.logo{
z-index: 3;
float: left;
margin-left: -19%;
margin-top: 1.2%;
position: relative;
}
.logo img{
padding-top:2%;
z-index: 3;
float: left;
margin-left: 86%;
margin-top: -0.8%;
position: relative;
}
.cordonne{
position: relative;
width: 43%;
margin-left: 76.5%;
height: 50%;
padding-top: 1%;
}
.phone{
z-index: 1;
width: 23.36px;
height: 29px;
float: left;
background-image: url(https://www.tunisiebooking.com/images/icons-menu-moteur/phone.svg);
background-repeat: no-repeat;
background-position: right;
min-height: 100%;
background-size: 25px 35px;
margin-right: 20px;
color: #262626;
position: absolute;
top: 26%;
left: 14.5%;
margin-top: 3.5%;
}
.tlf
{
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
font-weight: 600;
font-size: 24px;
line-height: 8.53px;
color: #262626;
position: absolute;
margin-top: 3.5%;
height: 30px;
left: 21%;
width: 32%;
-webkit-font-smoothing: antialiased;
}
.vl{
position: absolute;
margin-top:1%;
border-left:1px solid #262626;
height: 30px;
left: 51%;
}
.adresse{
width: 202px;
width: 202px;
height: 36px;
padding-left: -3%;
margin-left: 98.8%;
margin-top: -2.7%;
position: relative;
z-index: 10;
background-repeat: no-repeat;
background-image: url(https://www.tunisiebooking.com/images/icons-menu-moteur/ic-inform.svg);
}
.horaire{
padding-top: 2.5%;
/* padding-bottom: 0.6%; */
z-index: 21;
position: absolute;
width: 257px;
height: 88px;
left: 2%;
margin-top: 10%;
background: #FFFFFF;
box-shadow: 0px 8px 16px rgb(38 38 38 / 34%);
border-radius: 6px;
z-index: 1000;
}
.horaire p{
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 72.69%;
text-align: center;
color: #6B6B6B;
}
.v312_1355 {
width: 100%;
height: auto;
min-height: 1000px;
background: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 54px;
left: 0px;
overflow: hidden;
}
.v2_502 {
width: 100%;
height: 328px;
background: url(https://tn.tunisiebooking.com/images/image-destination-min.jpg);
opacity: 1;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 1.5%;
left: 0%;
z-index:100;
}
.v148_1172 {
position: relative;
height: 60px;
left: 0px;
top: 1px;
background: rgba(255,255,255,1);
opacity: 1;
border-bottom: 1px solid #DDDDDD;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
overflow: hidden;
}
.v153_31 {
width: 138px;
height: 49px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 12px;
left: 7%;
overflow: hidden;
}
.v153_33 {
width: 100%;
opacity: 1;
position: absolute;
top: 88%;
left: 2px;
border: 2px solid rgba(255,0,151,1);
background: #f40091;
}
.v153_33_v_org {
width: 94%;
opacity: 1;
position: absolute;
top: 89%;
left: 2px;
border: 2px solid #262626;
background: #262626;
}
.v153_33_cir {
width: 51%;
opacity: 1;
position: absolute;
top: 90%;
left: 2px;
border: 2px solid #262626;
background: #262626;
}
.v153_33_vol {
width: 102%;
opacity: 1;
position: absolute;
top: 91%;
left: 9px;
border: 2px solid #262626;
background: #262626;
}
.v94_8 {
color: rgba(255,255,255,1);
position: absolute;
display: flex;
top: 7%;
text-shadow: 0px 1px 4px rgb(0 0 0 / 20%);
font-family: -apple-system, Roboto,Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 600;
font-size: 38px;
opacity: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
line-height: 59px;
z-index:100;
left: 41%;
}
.v94_9 {
width: 697px;
height: 40px;
top:100px;
color: rgba(255,255,255,1);
position: absolute;
display: flex;
text-shadow: 0px 1px 4px rgb(0 0 0 / 20%);
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 20.15px;
letter-spacing: 0.02em;
opacity: 1;
-webkit-font-smoothing: antialiased;
z-index: 100;
}
.v37_34 {
width: 1184px;
height: 141px;
background: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 2px;
left: -0.2%;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
overflow: hidden;
z-index:100;
}
.v128_1118 {
width: 100%;
height: 142px;
background: #fff;
opacity: 1;
position: absolute;
overflow: hidden;
}
.v37_38{
width: 420px;
height: 58px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 27px;
left: 19px;
overflow: hidden;
border: 1.2px solid #DDDDDD;
cursor:pointer;
border-radius: 6px;
}
.v37_45{
width: 100%;
height: 58px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
border-radius: 2px;
box-shadow: 0px 3px 18px rgb(0 0 0 / 12%);
overflow: hidden;
}
.v37_47 {
width: 263px;
color: rgba(38,38,38,1);
position: absolute;
top: 16px;
left: 33.76px;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-weight: Regular;
opacity: 1;
text-align: left;
}
.select_destination_moteur {
width: 110%!important;
border: none !important;
background-color: rgba(243,245,247,1) !important;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight:500;
outline: none;
margin-top:-1%
}
.select_destination_moteur::placeholder {
color:#262626;
}
.v64_167 {
width: 13.56px;
height: 20px;
opacity: 1;
position: absolute;
top: 13px;
left: 14px;
}
.v37_67 {
width: 65%;
height: 58px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 27px;
left: 33.7%;
overflow: hidden;
}
.v37_72{
width: 65%;
height: 58px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 0px;
left: 7%;
overflow: hidden;
}
.v37_73 {
cursor: pointer;
width: 188px !important;
height: 58px !important;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
border: 1.2px solid #DDDDDD;
border-radius: 6px;
overflow: hidden;
}
.v15_640{
margin-top:11% !important;
margin-left:7%!important;
}
.v37_75{
margin-left:-1%;
}
.v165_156{
width: 310px;
height: 58px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: -100%;
left: 58.8%;
border: 1.2px solid #DDDDDD;
border-radius: 6px;
overflow: hidden;
}
.champs_dest{
height: 58px !important;
}
.repations_chambres {
right: -46% !important;
margin-top: -23.5% !important;
}
.tous_les_chambres{
margin-left: 0%;
width:41% !important;
}
.repartition_une_ch{
float: left;
width: 386px;
height: 249px;
border-radius:5px;
}
.v194_22{
width: 490px !important;
margin-top: 23% !important;
margin-left: -168.1% !important;
z-index:1000;
}
.v194_23{
margin-top: 52%;
width: 20% !important;
left: 179.5% !important;
}
}
.v153_34 {
width: 100%;
height: 80px;
opacity: 1;
position: absolute;
top: 14%;
left: 1px;
overflow: hidden;
}
.v153_35 {
width: 22px;
height: 22px;
background: url(https://www.tunisiebooking.com/images/icone-moteur/ic_hotel_tunisie.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
background-size: 100%;
zoom: 105%;
}
.v153_32 {
width: 84%;
color: #FF0097;
position: absolute;
top: 1px;
left: 24px;
font-family: -apple-system,'Roboto',Helvetica, Arial, sans-serif ;
font-weight: 700;
font-size: 16px;
opacity: 1;
text-align: center;
-webkit-font-smoothing:antialiased;
}
.v153_11 {
display:none;
width: 173px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 33%;
left: 44%;
overflow: hidden;
cursor: pointer;
}
.v153_11_cir {
display: none;
width: 173px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 33%;
left: 84.2%;
overflow: hidden;
cursor: pointer;
}
.v153_13 {
width: 100%;
height: 40px;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}
.v153_13_cir {
width: 100%;
height: 40px;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}
.v153_14 {
width: 18%;
height: 80px;
background: url(https://www.tunisiebooking.com/images/icone-moteur/ic-voyageorg1.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
background-size: 100%;
zoom: 206%;
}
.v153_14_cir {
width: 15%;
height: 80px;
background: url(https://www.tunisiebooking.com/images/icone-moteur/circuit-gris.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
background-size: 100%;
zoom: 206%;
}
.v153_12 {
width: 133px;
color: #262626;
position: absolute;
top: 1px;
left: 35px;
font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-size: 16px;
opacity: 1;
text-align: center;
font-weight: 400;
}
.v153_12_cir {
width: 133px;
color: #262626;
position: absolute;
top: 1px;
left:-4px;
font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-size: 16px;
opacity: 1;
text-align: center;
font-weight: 400;
}
.v153_16 {
display: none;
width: 85px;
height: 51px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 15%;
left: 67.5%;
overflow: hidden;
cursor: pointer;
}
.v153_23 {
width: 100%;
height: 32px;
background: rgba(255,255,255,1);
opacity: 1;
position: absolute;
top: 1px;
left: 5px;
overflow: hidden;
}
.v153_28 {
width: 100%;
height: 80px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 1px;
left: 1px;
overflow: hidden;
}
.v153_29 {
width: 100%;
height: 32px;
opacity: 1;
position: absolute;
top: 1px;
left: 0px;
}
.v153_30 {
width: 32px;
height: 62px;
background: url(https://www.tunisiebooking.com/images/icone-moteur/ic-vol.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: -1px;
left: -5px;
background-size: 100%;
zoom: 151%;
}
.v153_22 {
width: 35px;
color: #262626;
position: absolute;
top: 11px;
left: 42px;
font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
opacity: 1;
text-align: center;
}
#carre {
height: 22px;
width: 22px;
background: #fff;
-ms-transform: rotate(45deg); /* Internet Explorer */
-moz-transform: rotate(45deg); /* Firefox */
-webkit-transform: rotate(45deg); /* Safari et Chrome */
-o-transform: rotate(45deg); /* Opera */
margin-top:0.9%;
margin-left:8.29%;
border-radius: 1px;
}
.list-group{
width:17.2%;
}
.list_dest {
width: 101%;
margin-left: -0.9%;
margin-top: -0.5%;
margin-bottom: 0.2%;
box-shadow: rgb(0 0 0 / 4%) 0px 0px 14px;
border-radius: 5px;
}
.v15_640 {
width: 11px;
height: 16px;
margin-top: 6%;
margin-left:14px;
}
.v37_74 {
width: 104px;
color: rgba(0,0,0,1);
position: absolute;
top: 28px;
left: 47px;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-weight: Medium;
font-size: 15px;
opacity: 1;
text-align: left;
}
.v37_75 {
width: 44px;
color: rgba(107,107,107,1);
position: absolute;
top: 6px;
left: 48px;
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
opacity: 1;
text-align: left;
}
.col_dep{
cursor:pointer;
width: 188px;
height: 58px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: -100%;
left: 40% ;
border-radius: 6px;
overflow: hidden;
border:1.2px solid #DDDDDD;
}
.v162_15 {
width: 16px;
height: 29px;
opacity: 1;
position: absolute;
top: 16px;
left: 90%;
overflow: hidden;
}
.v64_170_ch {
width: 301px;
color: rgba(0,0,0,1);
position: absolute;
/*top: -5px;*/
left: 34px;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-size: 15px;
opacity: 1;
text-align: left;
}
.virgule {
float: left;
margin-right: 3px;
}
.repations_chambres {
margin-left:19.2%;
position: relative;
z-index: 10001;
top: 275px;
right: 517px;
border-radius: 8px;
box-shadow: rgb(0 0 0 / 4%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 2px 10px, rgb(0 0 0 / 2%) 0px 0px 4px;
display: none;
}
.trianglebulle {
width: 100%;
float: left;
}
.tous_les_chambres {
position:relative;
float: left;
width: 101%;
background-color: #fff;
background: rgb(255, 255, 255);
border-radius: 5px;
box-shadow: rgb(0 0 0 / 4%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 2px 10px, rgb(0 0 0 / 2%) 0px 0px 4px;
}
.une_chambre {
float: left;
width: 100%;
height: 238px;
}
.num_chambre {
color:#262626;
float: left;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
background-color: #FFFFFF;
width: 100%;
height: 40px;
line-height: 16px;
padding-left: 23px;
padding-top: 4%;
border-bottom: 1px solid #E2E7EB;
}
.fermer_ch{
margin-right:3%;
float:right;
height:24px;
width:24px;
cursor:pointer;
background:url("https://www.tunisiebooking.com/theme/images/ic_delete_rose.svg") no-repeat;
margin-top:-8.5%;
}
.fermer_ch1{margin-right:5%;float:right;height:20px;width:20px;cursor:pointer;background:url("https://www.tunisiebooking.com/theme/images/ic-fermer-ch.svg") no-repeat;margin-top:-25px}
.groupe_adultes {
float: left;
width: 100%;
margin-top: 8px;
height: 60px;
}
.label_ad {
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
color:#262626;
float: left;
margin: 8px 5px 0 23px;
font-size: 15px;
font-weight: 400;
line-height: 20px;
}
.nombre_adultes {
float: right;
width: 50%;
margin-top:1%;
margin-right: -9%;
}
.moins {
float: left;
cursor: pointer;
background-color: #e9ebee;
width: 38px;
height: 38px;
padding: 4px 6px 16px 6px;
text-align: center;
font-size: 20px;
border-left: none;
background: url(https://www.tunisiebooking.com/images/-gris.fonce.svg) no-repeat;
background-position: center;
background-size: contain;
}
.input_ad {
float: left;
width: 30%;
height: 30%;
text-align: center;
padding: 10px 6px 11px 6px;
color: #262626;
font-weight: 500;
font-size: 18px;
line-height: 20px;
}
.plus {
float: left;
cursor: pointer;
background-color: #e9ebee;
width: 38px;
height: 38px;
padding: 4px 6px 16px 6px;
text-align: center;
font-size: 20px;
border-left: none;
background: url(https://www.tunisiebooking.com/images/+noir.svg) no-repeat;
background-position: center;
background-size: contain;
}
.groupe_enfants {
float: left;
width: 100%;
margin-top: 8px;
height: 60px;
}
.label_en {
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
float: left;
font-size: 15px;
margin: 8px 0px 0 23px;
font-weight: 400;
line-height: 20px;
color: #222222;
}
.nombre_enfants {
float: right;
width: 50%;
margin-right:-9%;
}
.input_en {
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-weight: 500;
float: left;
width: 30%;
height: 30%;
text-align: center;
padding: 10px 6px 11px 6px;
color: #222222;
font-size: 18px;
line-height: 20px;
}
.label_enf {
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
float: left;
font-size: 13px;
margin: -29px 0px 0 23px;
font-weight: 400;
line-height: 18px;
color: #6B7280;
}
.groupe_ages {
float: left;
margin-top: 8px;
clear: both;
}
.label_ages {
font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;
float: left;
font-size: 15px;
margin-bottom: 6px;
font-weight: 400;
line-height: 20px;
margin-left: 23px;
color: #222222;
}
.age {
float: left;
width: 80px;
height: 32px;
margin-right: 3px;
margin-left: 8px;
display: none;
}
.age select {
float: left;
width: 100%;
height: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(https://www.tunisiebooking.com/theme/images/bg-select-age-thematique.png) no-repeat right;
font-size: 16px;
padding: 0 0 0 5px;
}
.ajouter_ch {
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
line-height: 16px;
float: right;
height: 20px;
padding: 0px 0 0 20px;
clear: both;
cursor: pointer;
margin: -28px 18px 10px 6px;
font-size: 15px;
color: #f40097;
font-weight: 500;
}
.v87_280 {
width: 16px;
height: 30px;
opacity: 1;
position: absolute;
top: 13px;
left: 14px;
overflow: hidden;
}
.v194_21 {
left:110%;
top:1% ;
width:20%!important;
}
.v194_23 {
color: rgba(255,255,255,1);
position: relative;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-weight: Bold;
font-size: 18px;
opacity: 1;
text-align: left;
}
.v194_22:hover{
background-color: #f40091;
background-image: -moz-linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-image: -webkit-linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-image: linear-gradient(90deg, #F40091 0%, #F40091 100%);
background-size: 300px;
}
.v194_22 {
width: 13%;
height: 64px;
border-radius: 5px;
background-color: #f40091;
background-image: -moz-linear-gradient(90deg, #FF5555 0%, #F40091 100%);
background-image: -webkit-linear-gradient(90deg, #FF5555 0%, #F40091 100%);
background-image: linear-gradient(90deg, #FF5555 0%, #F40091 100%);
background-size: 300px;
background-repeat: no-repeat;
background-position: 0%;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
border: 0px;
margin-top:-2.2%;
margin-left:-3.4%;
position: absolute;
font-size: 24px;
font-weight:700;
letter-spacing: 1px;
}
.v37_73 {
width: 45% ;
height: 55px;
background: rgba(243,245,247,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
border: 1.2px solid #DDDDDD;
border-radius: 6px;
overflow: hidden;
}
.list-group-item {
border:none;
border-bottom: 1px solid rgba(0,0,0,.125) !important;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
}
#list_dest1:hover
{
background-color:#fff;
color: #262626;
}
</style>
<div class="sou_bodym">
<div id="menuresp1">
<div class="menu slider" >
<div class="menuf">
<div class="logo" >
<a onclick="ga('send','event','Retour home','home','clic Logo via résultat')" href="https://www.tunisiebooking.com/" >
<img class="img_logo" src="https://www.tunisiebooking.com/images/icons-menu-moteur/logo-TunisieBooking1.svg" alt="logo tunisiebooking" style="width: 254px;border:0px;height: 43px;"/>
</a>
</div>
<div class="collapse navbar-collapse principal-navbar animate__animated animate__backInLeft" id="navbarCollapse" style="display:block ">
<ul class="navbar navbar-nav ms-auto mb-2 mb-md-0" style="width:76%;">
<li class="nav-item dropdown has-megamenu mega-dropdown active" id="nav_hotel">
<span id="nav_span_hotel" class="nav-link dropdown-toggle ico-4" >Hôtels Tunisie</span>
<div class="icon_dropdown_topdest">
<img src="https://www.tunisiebooking.com/images/icone-moteur/ic-flech.svg" alt="flèche" width="15px" height="20px">
</div>
<div class="dropdown-menu megamenu" role="menu" id="navbar_menu" style="display:none; padding-top: 6%;">
<div class="row" id="row_navhotel">
<div class="col-md-3" id="top_destination">
<div class="col-megamenu">
<span style="position: absolute;width: 162px;height: 12px;left: 30px;top: 21px;font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;font-style: normal;font-weight: 600;font-size: 18px;line-height: 12px;color: #262626;">Top Destinations</span>
<ul class="list-unstyled" style="margin-top: 20%;margin-left: 14%;">
<li>
<a href="https://www.tunisiebooking.com/hotel-tunisie/" >Hôtel Tunisie</a>
</li><li>
<a href="https://www.tunisiebooking.com/hotel-djerba.html" >Hôtel Djerba</a>
</li><li>
<a href="https://www.tunisiebooking.com/hotel-sousse.html" >Hôtel Sousse</a>
</li><li>
<a href="https://www.tunisiebooking.com/hotel-tabarka.html" >Hôtel Tabarka</a>
</li><li>
<a href="https://www.tunisiebooking.com/hotel-monastir.html" >Hôtel Monastir</a>
</li><li>
<a href="https://www.tunisiebooking.com/hotel-hammamet.html" >Hôtel Hammamet</a>
</li><li>
<a href="https://www.tunisiebooking.com/hotel-mahdia.html" >Hôtel Mahdia</a>
</li>
</ul>
</div>
</div>
<div class="vertical-line"></div>
<div class="col-md-3 border-start" id="autre_hotels">
<div class="col-megamenu">
<span style="position: absolute;width: 100%;height: 12px;left: -26px;top: 21px;font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;;font-style: normal;font-weight: 600;font-size: 18px;line-height: 12px;color: #262626;">Autres Hôtels Tunisie</span>
<ul class="list-unstyled" style="margin-top: 21%;margin-left: -11%;">
<li>
<a href="https://www.tunisiebooking.com/hotel-korba.html" >Hôtel Korba</a>
</li><li>
<a href="https://www.tunisiebooking.com/hotel-tozeur.html" >Hôtel Tozeur</a>
</li><li>
<a href="https://www.tunisiebooking.com/hotel-douz.html" >Hôtel Douz</a>
</li><li>
<a href="https://www.tunisiebooking.com/hotel-tunis.html" >Hôtel Tunis</a>
</li><li>
<a href="https://www.tunisiebooking.com/hotel-zarzis.html" >Hôtel Zarzis</a>
</li>
</ul>
</div> <!-- col-megamenu.// -->
</div><!-- end col-3 -->
<div class="vertical-line_1"></div>
<div class="col-md-3 border-start" id="offres_spec">
<div class="col-megamenu">
<span style="position: absolute;width: 100%;height: 12px;left: -26px;top: 21px;font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;;font-style: normal;font-weight: 600;font-size: 18px;line-height: 12px;color: #262626;">Nos Offres Spéciales</span>
<ul class="list-unstyled" style="margin-top: 19%;margin-left: -11%;">
<li><a href="https://www.tunisiebooking.com/hotel-early-booking.html">Early Booking </a></li>
<li><a href="https://www.tunisiebooking.com/hotel-avec-toboggan.html">Hôtel avec Toboggan </a></li>
</ul>
</div> <!-- col-megamenu.// -->
</div>
</div><!-- end row -->
</div></li>
</ul>
</div>
<div class="flex h-full header_humberger" style="display:none">
<button class="h-full p-15 text-black" id="NavigationNarrow-toggleSideNav-button" data-testid="NavigationNarrow-toggleSideNav-button" type="button">
<span class="sr-only">Ouvrir le menu</span>
<div class="hamburger">
<span class="hamburger-span"></span>
</div>
</button>
</div>
<div aria-hidden="false" class="bg-white bottom-0 fixed ltr:left-0 rtl:right-0 transform w-full w-full_menu1 translate-x-0" id="rootSideNav" style="display:none !important;max-width: 31rem; top: 100px; transition: transform 330ms linear 0s;">
<div class="bg-white h-full overflow-y-scroll p-15">
<ul>
<li class="list_menu_hotel">
<button class="w-full button_hotel" data-testid="SideNavigationItem-subitem-button" tabindex="0" type="button">
<span class="flex h-full items-center justify-between py-15 w-full">
<span class="text-blueWave font-bold font-sans text-16 uppercase" id="text-blueWaveHotel">Hôtels Tunisie</span>
<span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-black" data-name="arrowRight" data-testid="icon" style="height: 0.625rem; width: 0.625rem;">
<span class="icon_menu_hotel block relative w-full" style="padding-bottom: 100%;">
<img class="lazy" data-src="https://tn.tunisiebooking.com/images/icone-moteur/ic-flech.svg" alt="flèche" width="15px" height="20px">
</span>
</span>
</span>
</button>
</li>
<li class="list_menu_vorg">
<button class="w-full button_voyage_org" data-testid="SideNavigationItem-subitem-button" tabindex="0" type="button">
<span class="flex h-full items-center justify-between py-15 w-full">
<span class="text-blueWave text-blueWavevorg1 font-bold font-sans text-16 uppercase">Voyage organisé</span>
<span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-black" data-name="arrowRight" data-testid="icon" style="height: 0.625rem; width: 0.625rem;">
<span class="icon_menu_vorg block relative w-full" style="padding-bottom: 100%;">
<img class="lazy" data-src="https://tn.tunisiebooking.com/images/icone-moteur/ic-flech.svg" alt="flèche" width="15px" height="20px">
</span>
</span>
</span>
</button>
</li>
</ul>
</div>
</div>
<!--nav list pays-->
<div class="cordonne" >
<div class="phone">
</div>
<a class="tlf" href='tel:+33 01 84 14 18 41' style="text-decoration:none">01 84 14 18 41</a>
<div class="horaire" style="display:none">
<p>Un conseiller à votre écoute 7/7</p>
<p>Du Lun. au Ven. de 9h à 19h</p>
<p>Sam. et Dim de 10h à 18h</p>
</div>
</div>
<div class="adresse" ></div>
</div>
</div>
</div>
<!-- /header -->
<!--moteur -->
<div class="v312_1355">
<form name="hotel" method="get" id="hotel">
<input name="source_comm" type="hidden" value="web,desktop" />
<div class="v2_597 slider">
<div class="v2_502 lazy" ></div>
<span class="v94_8">Hôtels Tunisie </span>
<div class="div_form slider">
<div class="v148_1172">
<div class="v153_31">
<div class="v153_33"></div>
<div class="v153_34">
<div class="v153_35"></div>
<span class="v153_32">Hôtels Tunisie</span>
</div>
</div>
<div class="v153_11">
<div class="v153_13">
<div class="v153_33_v_org" style="display:none"></div>
<div class="v153_14"></div>
<div class="v153_15"></div>
<span class="v153_12">Voyage organisé</span>
</div>
</div>
<div class="v153_16">
<div class="v153_33_vol" style="display:none"></div>
<div class="v153_23">
<div class="v153_28">
<div class="v153_29"></div>
<div class="v153_30"></div>
</div>
<span class="v153_22">Vols</span>
</div>
</div>
<div class="v153_11_cir">
<div class="v153_13_cir">
<div class="v153_33_cir" style="display:none"></div>
<div class="v153_14_cir"></div>
<div class="v153_15_cir"></div>
<span class="v153_12_cir">Circuits</span>
</div>
</div>
<div class="v153_11_omra" style="/*display:none;*/">
<div class="v153_13_omra">
<div class="v153_33_omra" ></div>
<div class="v153_14_omra"></div>
<div class="v153_15_omra"></div>
<span class="v153_12_omra">Omra</span>
</div>
</div>
</div>
<div class="v37_34">
<div class="v128_1118">
<div class="v37_38" id="col_dest">
<div class="v37_45" id="col_destina">
<div class="v37_47">
<input type="text" name="ville_txt" id="search" class="select_destination_moteur" placeholder="Tapez votre destination ou nom d’hôtel" style="color:#000000" autocomplete="off" value="" >
<input type="hidden" name="id_xml_hotel" id="id_xml_hotel" />
<input type="hidden" name="ville" id="ville_des" value="Tunisie"/>
</div>
<div class="v64_167">
<img data-src="https://tn.tunisiebooking.com/images/icone-moteur/ic-destination.svg" class="lazy" alt="destination" width="15px" height="20px" />
</div>
<div class="v64_168" id="close" style="margin-left:93%;margin-top:5.6%;display:none;">
<img data-src="https://tn.tunisiebooking.com/images/icone-moteur/ic-close.svg" class="lazy" width="15px" height="15px" />
</div>
</div>
</div>
<!-- /destination-->
<div class="v37_67">
<!--booking dates-->
<div class="v37_72">
<!-- arrivee-->
<div class="v37_73" id="arrivee">
<div class="v15_640" id="icon_arriv">
<img data-src="https://tn.tunisiebooking.com/images/icone-moteur/ic-cald.svg" class="lazy" alt="calendrier" width="20px" height="20px"/>
</div>
<div class="v37_74">
<div id="check_arr">
<input type="text" id="checkin" class="checkin" aria-label="checkin" name="dep" value="18/11/2025" readonly="readonly" style="border:2px solid transparent;height:20px;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-size:16px;line-height:18px;font-weight:500;background:rgba(243,245,247,1);outline:none;" />
<input type="hidden" id="depart" name="depart" value="18/11/2025"/>
</div>
</div>
<span class="v37_75">Arrivée</span>
</div>
<!--/arrivee-->
<!-- depart-->
<div class="col_dep" style="">
<div class="v15_640" id="icon_arrivee">
<img class="lazy" data-src="https://tn.tunisiebooking.com/images/icone-moteur/ic-cald.svg" alt="calendrier" width="20px" height="20px"/>
</div>
<div class="v37_74">
<div id="check_dep">
<div id="cont_arrivee"></div>
<input type="text" id="checkout" class="checkout" aria-label="checkout" name="dfin" value="20/11/2025" readonly="readonly" style="border:2px solid transparent;height:20px;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-size:16px;line-height:18px;font-weight:500;background:rgba(243,245,247,1);outline:none;" />
<input type="hidden" id="arrivee1" name="arrivee" value="20/11/2025"/>
</div>
</div>
<span class="v37_75">Départ</span>
</div>
<div id="divnuit" style="display:none;">0 nuit(s) </div>
<input type="hidden" id="nbr_nuit" name="nbr_nuit" value="0"/>
<!-- /depart-->
</div>
<!-- / booking dates -->
<!-- nb_adult/nb_chmbre-->
<div class="v165_156" id="col_destination">
<div class="v162_15">
<img class="lazy" data-src="https://tn.tunisiebooking.com/images/icone-moteur/ic-flech.svg" alt="flèche" width="15px" height="20px"/>
</div>
<div class="v64_170_ch">
<div class="champs_dest" id="chdest" style="float: left;cursor: pointer;font-size: 16px;color: #fff;width: 500px;">
<div class="chambres" style="float:left;">
<input name="retourh" type="hidden" id="retourh" value="jj/mm/aaaa" readonly="readonly" style="cursor:pointer" />
<div class="nombre_chambre" style="float:left;color:#262626;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;">
<div class="styled-select-nb-chambre" id="selectch" style="display:flex;" >
<div id="text-ch" style="float:left;"><span id="span-ch" style="color:#000; font-size:18px;">1</span> Chambre</div>
<div class="virgule">,</div>
<div id="text-pax"><span id="span-pax" style="color:#000; font-size:18px;">2</span> Adultes</div>
<div class="virgule">,</div>
<div id="text-en" style="float:left;"><span id="span-en" style="color:#000; font-size:18px;">0</span> Enfant</div>
</div>
<input type="hidden" name="chambres" id="select_ch" value="1"/>
<input type="hidden" name="lastch" id="lastch" value="1"/>
</div>
</div>
</div>
</div>
<div class="v87_280">
<img class="lazy" data-src="https://tn.tunisiebooking.com/images/icone-moteur/ic-adlt2.svg" alt="adulte" width="16.7px" height="16px" />
</div>
</div>
<!-- /nb_adult/nb_chmbre-->
</div>
</div>
</div>
</div>
<!--btn rechercher-->
<div class="v194_21">
<div class="v194_23">
<button onclick="recherche_y()" type="button" class="v194_22" id="v194_22" style="font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif; color:#FFFFFF">
<span id="span_btn_224">Rechercher</span>
<div id="loading_btn_224" class="lds-ellips" style="display:none;">
<div></div><div></div><div></div><div></div>
</div>
</button>
</div>
</div>
<!--/btn rechercher -->
<div class="list-group" id="show-list">
<!-- Here autocomplete list will be display -->
</div>
<div class="repations_chambres" id="repch" >
<input type="hidden" name="active" id="active" value="0">
<div class="trianglebulle"></div>
<div class="tous_les_chambres" id="tous_les_chambres">
<div class="repartition_une_ch" id="ch1" style=" display:block;">
<div class="une_chambre">
<div class="num_chambre">Chambre 1</div>
<div class="fermer_ch1" id="fc1" onclick="retirer_ch1()"></div>
<div class="groupe_adultes">
<div class="label_ad">Adulte(s)</div>
<div class="nombre_adultes">
<div class="moins" id="admoins1" onclick="control_moins_ad(1)"></div>
<!--<div class="input_ad" id="ads1">2</div>-->
<div class="input_ad" id="adult1">2</div>
<input type="hidden" id="adultes1" name="adultes1" value="2"/>
<div class="plus" id="adplus1" onclick="control_plus_ad(1)"></div>
</div>
</div>
<div class="groupe_enfants">
<div class="label_en">Enfant(s)</div>
<div class="nombre_enfants">
<div class="moins" id="enmoins1" onclick="control_moins_en(1)" style="background-image:url(https://tn.tunisiebooking.com/images/gris-claire.svg)"></div>
<div class="input_en" id="ens1">
0
</div>
<input type="hidden" id="enfants1" name="enfants1" value="0"/>
<div class="plus" id="enplus1" onclick="control_plus_en(1)"></div>
</div>
</div>
<div class="label_enf">De 0 à 11,99 ans</div>
<div class="groupe_ages" id="groupe_ages1">
<div class="label_ages" id="label_ages1" style="display:none">Âge(s) de l'enfant(s)</div>
<div style="float:left;margin-top:1%;margin-left:7%;">
<div class="age clear_both" id="age11">
<select name="age1_1" id="age1_1">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div class="age" id="age12">
<select name="age1_2" id="age1_2">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div class="age" id="age13">
<select name="age1_3" id="age1_3">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
</div>
</div>
</div>
<div class="ajouter_ch" id="ac1" onclick="ajouter_ch()"> + Ajouter une autre chambre</div>
</div>
<script>
var nbenfant=document.getElementById("enfants"+1).value;
if(nbenfant==0){
$('#enmoins'+1).css("background-image", "url(https://tn.tunisiebooking.com/images/gris-claire.svg)");
}
else
{
$('#enmoins'+1).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-rose.svg)");
});
$('#enmoins'+1).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
}
var nbadulte=document.getElementById("adultes"+1).value;
console.log(nbadulte);
if(nbadulte==1)
{
$('#admoins'+1).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
$('#admoins'+1).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/gris-claire.svg)");
});
}
else{
$('#admoins'+1).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-rose.svg)");
});
$('#admoins'+1).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
}
</script>
<div class="repartition_une_ch" id="ch2" style=" display:none;">
<div class="une_chambre">
<div class="num_chambre">Chambre 2</div>
<div class="fermer_ch" id="fc2" onclick="retirer_ch()"></div>
<div class="groupe_adultes">
<div class="label_ad">Adulte(s)</div>
<div class="nombre_adultes">
<div class="moins" id="admoins2" onclick="control_moins_ad(2)"></div>
<div class="input_ad" id="adult2">0</div>
<input type="hidden" id="adultes2" name="adultes2" value="0"/>
<div class="plus" id="adplus2" onclick="control_plus_ad(2)"></div>
</div>
</div>
<div class="groupe_enfants">
<div class="label_en">Enfant(s)</div>
<div class="nombre_enfants">
<div class="moins" id="enmoins2" onclick="control_moins_en(2)" style="background-image:url(https://tn.tunisiebooking.com/images/gris-claire.svg)"></div>
<div class="input_en" id="ens2">
0
</div>
<input type="hidden" id="enfants2" name="enfants2" value="0"/>
<div class="plus" id="enplus2" onclick="control_plus_en(2)"></div>
</div>
</div>
<div class="label_enf">De 0 à 11,99 ans</div>
<div class="groupe_ages" id="groupe_ages2">
<div class="label_ages" id="label_ages2" style="display:none">Âge(s) de l'enfant(s)</div>
<div style="float:left;margin-top:1%;margin-left:7%;">
<div class="age clear_both" id="age21">
<select name="age2_1" id="age2_1">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div class="age" id="age22">
<select name="age2_2" id="age2_2">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div class="age" id="age23">
<select name="age2_3" id="age2_3">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
</div>
</div>
</div>
<div class="ajouter_ch" id="ac2" onclick="ajouter_ch()"> + Ajouter une autre chambre</div>
</div>
<script>
var nbenfant=document.getElementById("enfants"+2).value;
if(nbenfant==0){
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/gris-claire.svg)");
}
else
{
$('#enmoins'+2).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-rose.svg)");
});
$('#enmoins'+2).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
}
var nbadulte=document.getElementById("adultes"+2).value;
console.log(nbadulte);
if(nbadulte==1)
{
$('#admoins'+2).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
$('#admoins'+2).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/gris-claire.svg)");
});
}
else{
$('#admoins'+2).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-rose.svg)");
});
$('#admoins'+2).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
}
</script>
<div class="repartition_une_ch" id="ch3" style=" display:none;">
<div class="une_chambre">
<div class="num_chambre">Chambre 3</div>
<div class="fermer_ch" id="fc3" onclick="retirer_ch()"></div>
<div class="groupe_adultes">
<div class="label_ad">Adulte(s)</div>
<div class="nombre_adultes">
<div class="moins" id="admoins3" onclick="control_moins_ad(3)"></div>
<div class="input_ad" id="adult3">0</div>
<input type="hidden" id="adultes3" name="adultes3" value="0"/>
<div class="plus" id="adplus3" onclick="control_plus_ad(3)"></div>
</div>
</div>
<div class="groupe_enfants">
<div class="label_en">Enfant(s)</div>
<div class="nombre_enfants">
<div class="moins" id="enmoins3" onclick="control_moins_en(3)" style="background-image:url(https://tn.tunisiebooking.com/images/gris-claire.svg)"></div>
<div class="input_en" id="ens3">
0
</div>
<input type="hidden" id="enfants3" name="enfants3" value="0"/>
<div class="plus" id="enplus3" onclick="control_plus_en(3)"></div>
</div>
</div>
<div class="label_enf">De 0 à 11,99 ans</div>
<div class="groupe_ages" id="groupe_ages3">
<div class="label_ages" id="label_ages3" style="display:none">Âge(s) de l'enfant(s)</div>
<div style="float:left;margin-top:1%;margin-left:7%;">
<div class="age clear_both" id="age31">
<select name="age3_1" id="age3_1">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div class="age" id="age32">
<select name="age3_2" id="age3_2">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div class="age" id="age33">
<select name="age3_3" id="age3_3">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
</div>
</div>
</div>
<div class="ajouter_ch" id="ac3" onclick="ajouter_ch()"> + Ajouter une autre chambre</div>
</div>
<script>
var nbenfant=document.getElementById("enfants"+3).value;
if(nbenfant==0){
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/gris-claire.svg)");
}
else
{
$('#enmoins'+3).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-rose.svg)");
});
$('#enmoins'+3).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
}
var nbadulte=document.getElementById("adultes"+3).value;
console.log(nbadulte);
if(nbadulte==1)
{
$('#admoins'+3).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
$('#admoins'+3).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/gris-claire.svg)");
});
}
else{
$('#admoins'+3).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-rose.svg)");
});
$('#admoins'+3).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
}
</script>
<div class="repartition_une_ch" id="ch4" style=" display:none;">
<div class="une_chambre">
<div class="num_chambre">Chambre 4</div>
<div class="fermer_ch" id="fc4" onclick="retirer_ch()"></div>
<div class="groupe_adultes">
<div class="label_ad">Adulte(s)</div>
<div class="nombre_adultes">
<div class="moins" id="admoins4" onclick="control_moins_ad(4)"></div>
<div class="input_ad" id="adult4">0</div>
<input type="hidden" id="adultes4" name="adultes4" value="0"/>
<div class="plus" id="adplus4" onclick="control_plus_ad(4)"></div>
</div>
</div>
<div class="groupe_enfants">
<div class="label_en">Enfant(s)</div>
<div class="nombre_enfants">
<div class="moins" id="enmoins4" onclick="control_moins_en(4)" style="background-image:url(https://tn.tunisiebooking.com/images/gris-claire.svg)"></div>
<div class="input_en" id="ens4">
0
</div>
<input type="hidden" id="enfants4" name="enfants4" value="0"/>
<div class="plus" id="enplus4" onclick="control_plus_en(4)"></div>
</div>
</div>
<div class="label_enf">De 0 à 11,99 ans</div>
<div class="groupe_ages" id="groupe_ages4">
<div class="label_ages" id="label_ages4" style="display:none">Âge(s) de l'enfant(s)</div>
<div style="float:left;margin-top:1%;margin-left:7%;">
<div class="age clear_both" id="age41">
<select name="age4_1" id="age4_1">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div class="age" id="age42">
<select name="age4_2" id="age4_2">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div class="age" id="age43">
<select name="age4_3" id="age4_3">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
</div>
</div>
</div>
<div class="ajouter_ch" id="ac4" onclick="ajouter_ch()"> + Ajouter une autre chambre</div>
</div>
<script>
var nbenfant=document.getElementById("enfants"+4).value;
if(nbenfant==0){
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/gris-claire.svg)");
}
else
{
$('#enmoins'+4).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-rose.svg)");
});
$('#enmoins'+4).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
}
var nbadulte=document.getElementById("adultes"+4).value;
console.log(nbadulte);
if(nbadulte==1)
{
$('#admoins'+4).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
$('#admoins'+4).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/gris-claire.svg)");
});
}
else{
$('#admoins'+4).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-rose.svg)");
});
$('#admoins'+4).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
}
</script>
<div class="repartition_une_ch" id="ch5" style=" display:none;">
<div class="une_chambre">
<div class="num_chambre">Chambre 5</div>
<div class="fermer_ch" id="fc5" onclick="retirer_ch()"></div>
<div class="groupe_adultes">
<div class="label_ad">Adulte(s)</div>
<div class="nombre_adultes">
<div class="moins" id="admoins5" onclick="control_moins_ad(5)"></div>
<div class="input_ad" id="adult5">0</div>
<input type="hidden" id="adultes5" name="adultes5" value="0"/>
<div class="plus" id="adplus5" onclick="control_plus_ad(5)"></div>
</div>
</div>
<div class="groupe_enfants">
<div class="label_en">Enfant(s)</div>
<div class="nombre_enfants">
<div class="moins" id="enmoins5" onclick="control_moins_en(5)" style="background-image:url(https://tn.tunisiebooking.com/images/gris-claire.svg)"></div>
<div class="input_en" id="ens5">
0
</div>
<input type="hidden" id="enfants5" name="enfants5" value="0"/>
<div class="plus" id="enplus5" onclick="control_plus_en(5)"></div>
</div>
</div>
<div class="label_enf">De 0 à 11,99 ans</div>
<div class="groupe_ages" id="groupe_ages5">
<div class="label_ages" id="label_ages5" style="display:none">Âge(s) de l'enfant(s)</div>
<div style="float:left;margin-top:1%;margin-left:7%;">
<div class="age clear_both" id="age51">
<select name="age5_1" id="age5_1">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div class="age" id="age52">
<select name="age5_2" id="age5_2">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div class="age" id="age53">
<select name="age5_3" id="age5_3">
<option></option>
<option value="1"><=1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
</div>
</div>
</div>
<div class="ajouter_ch" id="ac5" onclick="ajouter_ch()"> + Ajouter une autre chambre</div>
</div>
<script>
var nbenfant=document.getElementById("enfants"+5).value;
if(nbenfant==0){
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/gris-claire.svg)");
}
else
{
$('#enmoins'+5).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-rose.svg)");
});
$('#enmoins'+5).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
}
var nbadulte=document.getElementById("adultes"+5).value;
console.log(nbadulte);
if(nbadulte==1)
{
$('#admoins'+5).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
$('#admoins'+5).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/gris-claire.svg)");
});
}
else{
$('#admoins'+5).bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-rose.svg)");
});
$('#admoins'+5).bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/-gris.fonce.svg)");
});
}
</script>
</div>
</div>
</div>
</form>
</div>
</div>
<script src="https://www.tunisiebooking.com/theme/responsive-design/js/codes_js_thematique_dest_v2_new.js"></script>
<script type="text/javascript">
var trackOutboundLink = function(url,outbound,click_labell,detaill_event) { ga('send', 'event', outbound, click_labell, detaill_event, url, { 'transport': 'beacon', 'hitCallback': function(){document.location = url;} });
}
var trackOutboundLink2 = function(url,outbound,click_labell,detaill_event) { ga('send', 'event', outbound, click_labell, detaill_event); document.location = url;}
function sousrecherche_moteur()
{ var cookValue = "" ; cookValue=recup_cookie('historique_tn'); if(cookValue){var tab=cookValue.split("##"); ga('send','event','Destination',' via moteur',tab[0]); }document.hotel.submit();}
function recherche()
{
if(document.hotel.search.value=='')
{ alert(" Veuillez choisir votre destination !!");
document.hotel.ville.focus();
verif=1;return false;}
else if(document.getElementById("nbr_nuit").value>20){ alert("pour tout séjour > à 20 nuits, merci de contacter notre service clients !!");document.hotel.checkout.focus();verif=1;return false;}
else if(document.hotel.checkin.value=='' || document.hotel.depart.value=='jj/mm/aaaa')
{
alert(" Veuillez choisir votre date de départ !!");
document.hotel.depart.focus();
verif=1;
return false;
}
if(document.hotel.depart.value!='' || document.hotel.depart.value!='jj/mm/aaaa')
{
var dep= document.hotel.depart.value.split("/");
var Date1 = new Date(dep[2],dep[1],dep[0]);
document.getElementById("nbr_nuit").value = diffdate(Date1,Date2);
}
var nbcham=document.hotel.chambres.value;
if(nbcham==0)
{
alert(" Veuillez choisir nombre de chambres");
document.hotel.chambres.focus();
verif=1;
return false;}
for(var z=1;z<=nbcham;z++)
{
if((document.getElementById("enfants"+z).value=="0")&&(document.getElementById("adultes"+z).value=='0'))
{
alert(" Veuillez choisir le nombre d'enfant !!");
document.getElementById("enfants"+z).focus();
document.getElementById("adultes"+z).focus();
return false;
}
for(var k=1;k<=document.getElementById("enfants"+z).value;k++)
{
if(document.getElementById("age"+z+"_"+k).value=='')
{
alert(" Veuillez choisir l'age de votre enfant !!");
document.getElementById("age"+z+"_"+k).focus();
return false;
}
}
}
var nb_passage=0;
for(var z=1;z<=nbcham;z++)
{
nb_passage=(document.getElementById("enfants"+z).value)*1+(document.getElementById("adultes"+z).value)*1;
if(nb_passage==0){alert("Repartition des chambre non valide");document.hotel.chambres.focus(); return false;}
}
}
</script>
<!-- /moteur -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$(".v37_38" ).bind("mouseenter",function() {
$(this ).css({"border":"2px solid #F40091"})
$(".v37_45").css({"background":"#fff"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:#fff !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
$(".v37_38" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD"})
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
$(".v37_73" ).bind("mouseenter", function() {
$(this ).css({"border":"2px solid #F40091","background":"#fff"})
var style_checkin=$('.checkin').attr('style'); //it will return string
style_checkin+= ';background:#fff !important';
$('.checkin').attr('style',style_checkin);
});
$(".v37_73" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD","background":"rgba(243,245,247,1)"})
var style_checkin=$('.checkin').attr('style'); //it will return string
style_checkin+= ';background:rgba(243,245,247,1) !important';
$('.checkin').attr('style',style_checkin);
});
$(".col_dep" ).bind("mouseenter", function() {
$(this ).css({"border":"2px solid #F40091","background":"#fff"})
var style_checkout=$('.checkout').attr('style'); //it will return string
style_checkout+= ';background:#fff !important';
$('.checkout').attr('style',style_checkout);
});
$(".col_dep" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD","background":"rgba(243,245,247,1)"})
var style_checkout=$('.checkout').attr('style'); //it will return string
style_checkout+= ';background:rgba(243,245,247,1) !important';
$('.checkout').attr('style',style_checkout);
});
$(".v165_156" ).bind("mouseenter", function() {
$(this ).css({"border":"2px solid #F40091","background":"#fff"})
});
$(".v165_156" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD","background":"rgba(243,245,247,1)"})
});
$(".v153_11" ).bind("mouseenter",function() {
var style_tret_v_org=$('.v153_33_v_org').attr('style'); //it will return string
style_tret_v_org += ';display:block !important';
$('.v153_33_v_org').attr('style',style_tret_v_org);
});
$(".v153_11" ).bind("mouseleave", function() {
var style_tret_v_org=$('.v153_33_v_org').attr('style'); //it will return string
style_tret_v_org += ';display:none !important';
$('.v153_33_v_org').attr('style',style_tret_v_org);
});
$(".v153_11_cir" ).bind("mouseenter",function() {
var style_tret_v_org=$('.v153_33_cir').attr('style'); //it will return string
style_tret_v_org += ';display:block !important';
$('.v153_33_cir').attr('style',style_tret_v_org);
});
$(".v153_11_cir" ).bind("mouseleave", function() {
var style_tret_v_org=$('.v153_33_cir').attr('style'); //it will return string
style_tret_v_org += ';display:none !important';
$('.v153_33_cir').attr('style',style_tret_v_org);
});
$(".v153_16" ).bind("mouseenter",function() {
var style_tret_vol=$('.v153_33_vol').attr('style'); //it will return string
style_tret_vol += ';display:block !important';
$('.v153_33_vol').attr('style',style_tret_vol);
});
$(".v153_16" ).bind("mouseleave", function() {
var style_tret_vol=$('.v153_33_vol').attr('style'); //it will return string
style_tret_vol += ';display:none !important';
$('.v153_33_vol').attr('style',style_tret_vol);
});
$("#close").click(function () {
$(".v37_38" ).bind("mouseenter",function() {
$(this ).css({"border":"2px solid #F40091"})
$(".v37_45").css({"background":"#fff"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:#fff !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
$(".v37_38" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD"})
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';font-weight:400';
$('.select_destination_moteur').attr('style',style_select_dest);
document.getElementById("search").value = "";
$("#close").css({"display":"none"});
$("body").append("<style>.select_destination_moteur_home::placeholder{color:#262626;font-weight:400}</style>");
$("#search").css({"margin-left":"2%"});
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
$('#fermer').removeAttr('id');
//$( "div" ).remove( "#close" );
$(".v64_168").attr("id","close");
$("#close").show();
var style_close=$('#close').attr('style'); //it will return string
style_close += ';display:none;margin-left:93% !important;margin-top:3.6% !important';
$('#close').attr('style',style_close);
$("#col_dest").css({"width":"48.2%","border":"1.2px solid #DDDDDD","z-index":"1"});
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
}
if(window.innerHeight<window.innerWidth){
$("#col_dest").css({"width":"375px","border":"1.2px solid #DDDDDD","z-index":"1"});
}
$("#col_destina").css({"width":"100%"});
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$("#col_dest").css({"width":"390px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#search").css({"margin-left":"-2%"});
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#search").css({"margin-left":"-4%"});
}
else
{
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
}
$("#show-list").css({"display":"none"});
$("#show-list").css({"z-index":"","position":"relative"});
$("#carre").css({"display":"none"});
});
$("#col_dest").click(function () {
$('html, body').animate({scrollTop:100}, 'slow');
$("body").children().first().css({"background": "rgba(38, 38, 38, 0.23)"});
$(".sous_body").css({"filter":"brightness(0.7)"});
$(".v2_502").css({"filter":"brightness(0.8)"});
$(".v165_156").css({"border":"1.2px solid #DDDDDD","background":"rgba(243,245,247,1)"});
$(".v37_73").css({"border":"1.2px solid #DDDDDD","background":"rgba(243,245,247,1)"})
var style_checkin=$('.checkin').attr('style'); //it will return string
style_checkin+= ';background:rgba(243,245,247,1) !important';
$('.checkin').attr('style',style_checkin);
$(".daterangepicker").css({"display":"none"});
$(".v37_38").unbind('mouseenter');
$(".v37_38").unbind('mouseleave');
//element.bind('mouseover', function() {
let searchText = $(this).val().trim();
if (searchText ==""){
$.ajax({
url: "action_dest_v2.php",
method: "post",
success: function (response) {
$("#show-list").html(response);
if((screen.width>=768)&&(screen.width<=1024)){
$("#arrivee").css({"width":"45%","border":"1.2px solid #DDDDDD"});
$(".col_dep").css({"width":"45%","border":"1.2px solid #DDDDDD"});
document.getElementById("repch").style.display="none";
if(window.innerHeight>window.innerWidth){
if(window.innerWidth<800)
{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-29.5%","margin-left":"3.5%"});
}
else{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-28%","margin-left":"4.5%"});
}
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"22","margin-left":"8.5%","margin-top":"-7.5%"});
$("#col_dest").css({"width":"48.2%","border":"2px solid #F40091","z-index":"2"});
//$("#close").css({"display":"block","margin-left":"93%","margin-top":"2.6%","position":"absolute","z-index":"22"});
$(".list-group-item").css({"width":"100%","margin-left":"0%"});
$("#col_destination").css({"width":"48.2%","border":"1.2px solid #DDDDDD"});
$("#carre1").css({"display":"none"});
}
if(window.innerHeight<window.innerWidth){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"8.5%","margin-top":"-5.8%"});
$("#col_dest").css({"width":"375px","border":"2px solid #F40091","z-index":"2"});
//$("#close").css({"display":"block","margin-left":"93%","margin-top":"2.5%","position":"absolute","z-index":"22"});
$("#show-list").css({"position":"absolute","z-index":"10000","width":"36%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-22%","margin-left":"0.2%"});
$(".list-group-item").css({"width":"111%","margin-left":"1%"});
$("#col_destination").css({"width":"41.2%","border":"1.2px solid #DDDDDD"});
}
$("#carre1").css({"display":"none"});
$("#col_destina").css({"width":"100%"});
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$(".col_dep").css({"width":"175px","border":"1.2px solid #DDDDDD"});
document.getElementById("repch").style.display="none";
$("#carre1").css({"display":"none"});
$("#col_destination").css({"width":"390px","border":"1.2px solid #DDDDDD"});
$(".list-group-item").css({"width":"111%","margin-left":"-11%"});
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"7.5%","margin-top":"-0.7%"});
$("#arrivee").css({"width":"175px","border":"1.2px solid #DDDDDD"});
$("#col_dest").css({"width":"390px","border":"2px solid #F40091","z-index":"2"});
$(".list-group-item").css({"width":"100%","margin-left":"0%"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"32%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-5.5%","margin-left":"3.2%"});
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$(".col_dep").css({"width":"188px","border":"1.2px solid #DDDDDD"});
document.getElementById("repch").style.display="none";
$("#carre1").css({"display":"none"});
$("#col_destination").css({"width":"310px","border":"1.2px solid #DDDDDD"});
$(".list-group-item").css({"width":"111%","margin-left":"-11%"});
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"7.5%","margin-top":"-0.7%"});
$("#arrivee").css({"width":"188px","border":"1.2px solid #DDDDDD"});
$("#col_dest").css({"width":"420px","border":"2px solid #F40091","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1.5%"});
//$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else
{
document.getElementById("repch").style.display="none";
$("#carre1").css({"display":"none"});
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"21%","margin-top":"0.3%"});
$("#arrivee").css({"width":"188px","border":"1.2px solid #DDDDDD"});
$("#col_dep").css({"width":"188px","border":"1.2px solid #DDDDDD"});
$("#col_dest").css({"width":"420px","border":"2px solid #F40091","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#col_destination").css({"width":"310px","border":"1.2px solid #DDDDDD"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1%"});
$(".list-group-item").css({"width":"109%!important","margin-left":"9.4%!important"});
$(".list-group-item").css({"width":"111%","margin-left":"-10.5%"});
//$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
$(".v37_38" ).bind("mouseenter",function() {
$(this ).css({"border":"2px solid #F40091"})
$(".v37_45").css({"background":"#fff"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:#fff !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
$(".v37_38" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD"})
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';font-weight:500 !important;';
$('.select_destination_moteur').attr('style',style_select_dest);
$("#search").val($(this).text().trim());
var childValue_xml = $(this).find('#id_xml').val();
$("#id_xml_hotel").val(childValue_xml);
var childValue = $(this).find('#list_reg').val();
console.log(childValue);
$("#ville_des").val(childValue);
$("#show-list").css({"display":"none"});
if((screen.width>=768)&&(screen.width<=1024)){
$("#arrivee").css({"width":"45%","border":"1.2px solid #DDDDDD"});
if(window.innerHeight>window.innerWidth){
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$('#close').removeAttr('id');
//$( "div" ).remove( "#close" );
$(".v64_168").attr("id","fermer");
$("#fermer").show();
var style_fermer=$('#fermer').attr('style'); //it will return string
style_fermer += ';margin-left:93% !important;margin-top:3.6% !important';
$('#fermer').attr('style',style_fermer);
//("#fermer").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#col_dest").css({"width":"48.2%","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destination").css({"width":"48.2%","border":"1.2px solid #DDDDDD"});
}
if(window.innerHeight<window.innerWidth){
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.5%","position":"absolute","z-index":"22"});
}
else{
$('#close').removeAttr('id');
//$( "div" ).remove( "#close" );
$(".v64_168").attr("id","fermer");
$("#fermer").show();
var style_fermer=$('#fermer').attr('style'); //it will return string
style_fermer += ';margin-left:93% !important;margin-top:3.5% !important';
$('#fermer').attr('style',style_fermer);
//("#fermer").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#col_dest").css({"width":"41.2%","border":"1.2px solid #DDDDDD","z-index":"1"});
}
document.getElementById("repch").style.display="none";
$("#carre1").css({"display":"none"});
//$("#col_dest").css({"width":"44.5%","border":"0px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
}
else if((screen.width>=1025)&&(screen.width<=1240))
{
$("#col_destination").css({"width":"390px","border":"1.2px solid #DDDDDD"});
$("#arrivee").css({"width":"175px","border":"1.2px solid #DDDDDD"});
$("#col_dest").css({"width":"390px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
}
else if((screen.width>=1241)&&(screen.width<=1880))
{
$("#col_destination").css({"width":"310px","border":"1.2px solid #DDDDDD"});
$("#arrivee").css({"width":"188px","border":"1.2px solid #DDDDDD"});
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"92%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
}
else
{
document.getElementById("repch").style.display="none";
$("#carre1").css({"display":"none"});
$("#arrivee").css({"width":"188px","border":"1.2px solid #DDDDDD"});
$("#col_dep").css({"width":"188px","border":"1.2px solid #DDDDDD"});
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destination").css({"width":"310px","border":"1.2px solid #DDDDDD"});
$("#col_destina").css({"width":"100%"});
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
//$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#carre").css({"display":"none"});
var style_arrtxt =$('.v37_73').attr('style'); //it will return string
style_arrtxt += ';background:#fff !important';
$('.v37_73').attr('style',style_arrtxt);
$('#arrivee').trigger('click');
});
$("#col_dest").click(function () {
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"20.5%","margin-top":"0.3%"});
if((screen.width>=768)&&(screen.width<=1024)){
//$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"22","margin-left":"8.5%","margin-top":"-7.5%"});
$("#arrivee").css({"width":"44.5%","border":"1.2px solid #DDDDDD"});
var style_arrtxt =$('.v37_75').attr('style'); //it will return string
style_arrtxt += ';left:31% !important;';
$('.v37_75').attr('style',style_arrtxt);
$('#icon_arrivee,#icon_arriv').attr('style','width:11px;height:16px;margin-top:4%!important;margin-left:7.72%!important;margin-right:2.72%!important');
$("#checkin").css({"position":"absolute","height":"20px","font-family":"-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif","font-size":"15px","line-height":"18px","font-weight":"500","background":"rgba(243,245,247,1)","outline":"none","margin-left":"-7%"});
$("#checkout").css({"position":"absolute","height":"20px","font-family":"-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif","font-size":"15px","line-height":"18px","font-weight":"500","background":"rgba(243,245,247,1)","outline":"none","margin-left":"-7%"});
$("#col_destina").css({"width":"100%"});
document.getElementById("repch").style.display="none";
$("#carre1").css({"display":"none"});
if(window.innerHeight>window.innerWidth){
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"8.5%","margin-top":"-7.5%"});
$("#col_dest").css({"width":"48.2%","border":"2px solid #F40091","z-index":"2"});
$("#col_destination").css({"width":"48.2%","border":"1.2px solid #DDDDDD"});
$("#carre1").css({"display":"none"});
$("#col_dest").css({"width":"48.2%","border":"2px solid #F40091","z-index":"2"});
if(window.innerWidth<800)
{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-29.5%","margin-left":"3.5%"});
}
else{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-28%","margin-left":"4.5%"});
}
}
if(window.innerHeight<window.innerWidth){
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.5%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.5%","position":"absolute","z-index":"22"});
}
$("#col_dest").css({"width":"375px","border":"2px solid #F40091","z-index":"2"});
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"8.5%","margin-top":"-5.8%"});
$("#col_dest").css({"width":"375px","border":"2px solid #F40091","z-index":"2"});
$("#show-list").css({"position":"absolute","z-index":"10000","width":"36%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-22%","margin-left":"0.2%"});
}
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$("#col_destination").css({"width":"390px","border":"1.2px solid #DDDDDD"});
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"7.5%","margin-top":"-0.7%"});
$("#arrivee").css({"width":"175px","border":"1.2px solid #DDDDDD"});
$("#col_dest").css({"width":"390px","border":"2px solid #F40091","z-index":"2"});
$("#col_destina").css({"width":"101%"});
$(".list-group-item").css({"width":"100%","margin-left":"0%"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"32%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-5.5%","margin-left":"3.2%"});
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#col_destination").css({"width":"310px","border":"1.2px solid #DDDDDD"});
$(".list-group-item").css({"width":"111%","margin-left":"-11%"});
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"7.5%","margin-top":"-0.7%"});
$("#arrivee").css({"width":"188px","border":"1.2px solid #DDDDDD"});
$("#col_dest").css({"width":"420px","border":"2px solid #F40091","z-index":"2"});
$("#col_destina").css({"width":"101%"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1.5%"});
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
}
else
{
document.getElementById("repch").style.display="none";
$("#carre1").css({"display":"none"});
$("#arrivee").css({"width":"188px","border":"1.2px solid #DDDDDD"});
$("#col_dep").css({"width":"188px","border":"1.2px solid #DDDDDD"});
$("#col_destination").css({"width":"310px","border":"1.2px solid #DDDDDD"});
$("#col_dest").css({"width":"420px","border":"2px solid #F40091","z-index":"2"});
$("#col_destina").css({"width":"100%"});
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
//$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
});
$("#search").keyup(function () {
if ($(this).val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#show-list").html(response);
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px;","z-index":"10001","margin-left":"8.5%","margin-top":"-7.5%"});
}
if(window.innerHeight<window.innerWidth){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px;","z-index":"10001","margin-left":"8.5%","margin-top":"-5.8%"});
}
}
else if((screen.width>=1025)&&(screen.width<=1880)){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px;","z-index":"10001","margin-left":"7%","margin-top":"-0.7%"});
}
else{
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px;","z-index":"10001","margin-left":"21%","margin-top":"0.3%"});
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
$(".v37_38" ).bind("mouseenter",function() {
$(this ).css({"border":"2px solid #F40091"})
$(".v37_45").css({"background":"#fff"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:#fff !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
$(".v37_38" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD"})
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';font-weight:500 !important;';
$('.select_destination_moteur').attr('style',style_select_dest);
$("#search").val($(this).text().trim());
var childValue_xml = $(this).find('#id_xml').val();
$("#id_xml_hotel").val(childValue_xml);
var childValue = $(this).find('#list_reg').val();
$("#ville_des").val(childValue);
$("#show-list").css({"display":"none"});
$("#carre").css({"display":"none"});
$("#close").css({"display":"block","margin-left":"15.5%","margin-top":"0.8%","position":"fixed","z-index":"22"});
$("#carre").css({"display":"none"});
var style_arrtxt =$('.v37_73').attr('style'); //it will return string
style_arrtxt += ';background:#fff !important';
$('.v37_73').attr('style',style_arrtxt);
$('#arrivee').trigger('click');
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += 'font-weight:500;';
$('.select_destination_moteur').attr('style',style_select_dest);
//$('.col_dep').trigger('click');
});
});
},
});
}
else if (searchText !=""){
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';font-weight:400 !important';
$('.select_destination_moteur').attr('style',style_select_dest);
$.ajax({
url: "action_v2.php",
method: "post",
data: {
query: searchText,
},
success: function (response) {
$("#show-list").html(response);
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
if(window.innerWidth<800)
{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-29.5%","margin-left":"3.5%"});
}
else{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-28%","margin-left":"4.5%"});
}
$(".list-group-item").css({"width":"10%","margin-left":"0%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
if(window.innerHeight<window.innerWidth){
$("#show-list").css({"z-index":"10000","position":"absolute","width":"36%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-22%","margin-left":"0.2%"});
$(".list-group-item").css({"width":"111%","margin-left":"1%"});
}
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"7%","margin-top":"-0.7%"});
$(".list-group-item").css({"width":"100%","margin-left":"0%"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"32%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-5.5%","margin-left":"3.2%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"7%","margin-top":"-0.7%"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1.5%"});
$(".list-group-item").css({"width":"110%","margin-left":"-10.5%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else
{
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"21%","margin-top":"0.3%"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1%"});
$(".list-group-item").css({"width":"109%!important","margin-left":"9.4%!important"});
$(".list-group-item").css({"width":"111%","margin-left":"-10.5%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
$(".v37_38" ).bind("mouseenter",function() {
$(this ).css({"border":"2px solid #F40091"})
$(".v37_45").css({"background":"#fff"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:#fff !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
$(".v37_38" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD"})
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';font-weight:500 !important;';
$('.select_destination_moteur').attr('style',style_select_dest);
$("#search").val($(this).text().trim());
var c= $(this).prev().prev();
var childValue_xml = $(this).find('#id_xml').val();
$("#id_xml_hotel").val(childValue_xml);
var childValue = $(this).find('#list_reg').val();
console.log(childValue);
$("#ville_des").val(childValue);
$("#show-list").css({"display":"none"});
if((screen.width>=768)&&(screen.width<=1024)){
$("#arrivee").css({"width":"45%","border":"1.2px solid #DDDDDD"});
if(window.innerHeight>window.innerWidth){
$("#col_dest").css({"width":"48.2%","border":"1.2px solid #DDDDDD","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
if(window.innerHeight<window.innerWidth){
$("#col_dest").css({"width":"375px","border":"1.2px solid #DDDDDD","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.5%","position":"absolute","z-index":"22"});
}
}
else if((screen.width>=1025)&&(screen.width<=1880)){
$("#col_dest").css({"width":"390px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
else
{
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#carre").css({"display":"none"});
$("#carre").css({"display":"none"});
var style_arrtxt =$('.v37_73').attr('style'); //it will return string
style_arrtxt += ';background:#fff !important';
$('.v37_73').attr('style',style_arrtxt);
$('#arrivee').trigger('click');
//$('.col_dep').trigger('click');
});
$("body").not("#liste_dest").click(function() {
var capitalizedText = ($("#search").val()).substring(0, 1).toUpperCase() + ($("#search").val()).substring(1);
$("#search").val(capitalizedText);
$("#ville_des").val($("#list_reg").val().trim());
});
$("#search").keyup(function () {
if ($(this).val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#show-list").html(response);
if((screen.width>=768)&&(screen.width<1024)){
if(window.innerHeight<window.innerWidth){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"8.5%","margin-top":"-7.5%"});
if(window.innerWidth<800)
{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-29.5%","margin-left":"3.5%"});
}
else{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-28%","margin-left":"4.5%"});
}
$(".list-group-item").css({"width":"100%","margin-left":"0%"});
}
if(window.innerHeight>window.innerWidth){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"8.5%","margin-top":"-5.8%"});
$("#show-list").css({"z-index":"10","position":"absolute","width":"36%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-22%","margin-left":"0.2%"});
$(".list-group-item").css({"width":"111%","margin-left":"1%"});
}
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$(".list-group-item").css({"width":"100%","margin-left":"0%"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"32%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-5.5%","margin-left":"3.2%"});
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1.5%"});
$("#liste_dest").css({"width":"110%","margin-left":"-9.9%"});
}
else {
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1%"});
$(".list-group-item").css({"width":"109%!important","margin-left":"9.4%!important"});
$(".list-group-item").css({"width":"111%","margin-left":"-10.5%"});
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
$(".v37_38" ).bind("mouseenter",function() {
$(this ).css({"border":"2px solid #F40091"})
$(".v37_45").css({"background":"#fff"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:#fff !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
$(".v37_38" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD"})
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';font-weight:500 !important;';
$('.select_destination_moteur').attr('style',style_select_dest);
$("#search").val($(this).text().trim());
var childValue_xml = $(this).find('#id_xml').val();
$("#id_xml_hotel").val(childValue_xml);
var childValue = $(this).find('#list_reg').val();
$("#ville_des").val(childValue);
$("#show-list").css({"display":"none"});
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight<window.innerWidth){
$("#col_dest").css({"width":"48.2%","border":"1.2px solid #DDDDDD","z-index":"1"});
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"2.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"2.6%","position":"absolute","z-index":"22"});
}
}
if(window.innerHeight>window.innerWidth){
$("#col_dest").css({"width":"375px","border":"1.2px solid #DDDDDD","z-index":"1"});
if ($("#search").val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
}
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"2.6%","position":"absolute","z-index":"22"});
}
else if((screen.width>=1025)&&(screen.width<=1240))
{
$("#col_dest").css({"width":"390px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
else if((screen.width>=1241)&&(screen.width<=1880))
{
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else
{
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
//$("#close").css({"display":"block","margin-left":"16%","margin-top":"0.4%","position":"fixed","z-index":"22"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#carre").css({"display":"none"});
$("#close").css({"display":"block","margin-left":"15.5%","margin-top":"0.8%","position":"fixed","z-index":"22"});
$("#carre").css({"display":"none"});
var style_arrtxt =$('.v37_73').attr('style'); //it will return string
style_arrtxt += ';background:#fff !important';
$('.v37_73').attr('style',style_arrtxt);
$('#arrivee').trigger('click');
//$('.col_dep').trigger('click');
});
});
},
});
}
});
$(this ).css({"border":"1.2px solid #DDDDDD"})
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
// Send Search Text to the server
$("#search").keyup(function () {
if ($(this).val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
$("#col_dest").css({"width":"48.2%","border":"1.2px solid #DDDDDD","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
if(window.innerHeight<window.innerWidth){
$("#col_dest").css({"width":"375px","border":"1.2px solid #DDDDDD","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.5%","position":"absolute","z-index":"22"});
}
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$("#col_dest").css({"width":"390px","border":"2px solid #F40091","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#col_dest").css({"width":"420px","border":"2px solid #F40091","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else
{
$("#col_dest").css({"width":"420px","border":"2px solid #F40091","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
let searchText = $(this).val().trim();
if (searchText !=""){
$.ajax({
url: "action_v2.php",
method: "post",
data: {
query: searchText,
},
success: function (response) {
$("#show-list").html(response);
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
$("#col_dest").css({"width":"48.2%","border":"2px solid #F40091","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
$(".list-group-item").css({"width":"100%","margin-left":"0%"});
if(window.innerWidth<800)
{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-29.5%","margin-left":"3.5%"});
}
else{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-28%","margin-left":"4.5%"});
}
}
if(window.innerHeight<window.innerWidth){
$("#col_dest").css({"width":"375","border":"2px solid #F40091","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.5%","position":"absolute","z-index":"22"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"36%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-22%","margin-left":"0.2%"});
$(".list-group-item").css({"width":"111%","margin-left":"1%"});
}
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$("#col_destination").css({"width":"390px","border":"1.2px solid #DDDDDD"});
$(".list-group-item").css({"width":"100%","margin-left":"0%"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"32%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-5.5%","margin-left":"3.2%"});
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#col_destination").css({"width":"310px","border":"1.2px solid #DDDDDD"});
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1.5%"});
$(".list-group-item").css({"width":"110%","margin-left":"-10.5%"});
}
else
{
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1%"});
$(".list-group-item").css({"width":"109%!important","margin-left":"9.4%!important"});
$(".list-group-item").css({"width":"111%","margin-left":"-10.5%"});
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
$(".v37_38" ).bind("mouseenter",function() {
$(this ).css({"border":"2px solid #F40091"})
$(".v37_45").css({"background":"#fff"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:#fff !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
$(".v37_38" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD"})
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';font-weight:500 !important;';
$('.select_destination_moteur').attr('style',style_select_dest);
$("#search").val($(this).text().trim());
var childValue_xml = $(this).find('#id_xml').val();
$("#id_xml_hotel").val(childValue_xml);
var childValue = $(this).find('#list_reg').val();
$("#ville_des").val(childValue);
console.log($("#ville_des").val());
$("#show-list").css({"display":"none"});
if((screen.width>=768)&&(screen.width<=1024)){
$("#arrivee").css({"width":"45%","border":"1.2px solid #DDDDDD"});
if(window.innerHeight>window.innerWidth){
$("#col_dest").css({"width":"48.2%","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
if(window.innerHeight<window.innerWidth){
$("#col_dest").css({"width":"375px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#close").css({"display":"block"});
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$("#col_dest").css({"width":"390px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else
{
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#carre").css({"display":"none"});
$("#carre").css({"display":"none"});
var style_arrtxt =$('.v37_73').attr('style'); //it will return string
style_arrtxt += ';background:#fff !important';
$('.v37_73').attr('style',style_arrtxt);
$('#arrivee').trigger('click');
//$('.col_dep').trigger('click');
});
$("body").not("#liste_dest").click(function() {
var capitalizedText = ($("#search").val()).substring(0, 1).toUpperCase() + ($("#search").val()).substring(1);
$("#search").val(capitalizedText);
});
$("#search").keyup(function () {
if ($(this).val()==""){
$("#close").css({"display":"none","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#show-list").html(response);
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"20.5%","margin-top":"0.3%"});
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"8.5%","margin-top":"-6.3%"});
if(window.innerWidth<800)
{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-29.5%","margin-left":"3.5%"});
}
else{
$("#show-list").css({"position":"absolute","z-index":"100","width":"44.5%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-28%","margin-left":"4.5%"});
}
}
if(window.innerHeight<window.innerWidth){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"8.5%","margin-top":"-5.8%"});
$("#show-list").css({"z-index":"10001","position":"absolute","width":"36%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-22%","margin-left":"0.2%"});
}
$(".list-group-item").css({"width":"112% important","margin-left":"-12% important"});
}
else if((screen.width>=1025)&&(screen.width<=1880)){
$("#carre").css({"display":"block","position":"absolute","display":"block","box-shadow": "rgb(0 0 0 / 4%) 0px 0px 14px","z-index":"10001","margin-left":"7.5%","margin-top":"-0.7%"});
if(screen.width>=1241){
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1.5%"});
}
else{
$("#show-list").css({"z-index":"10000","position":"fixed","width":"32%","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"-5.5%","margin-left":"3.2%"});
}
$("#liste_dest").css({"width":"110%","margin-left":"-9.9%"});
}
else {
$("#show-list").css({"z-index":"10000","position":"absolute","width":"417px","display":"block","box-shadow": "0px 0px 14px rgb(0 0 0 / 4%)","border-radius":"5px","margin-top":"0%","margin-left":"1%"});
$(".list-group-item").css({"width":"109%!important","margin-left":"9.4%!important"});
$(".list-group-item").css({"width":"111%","margin-left":"-10.5%"});
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
$(".v37_38" ).bind("mouseenter",function() {
$(this).css({"border":"2px solid #F40091"})
$(".v37_45").css({"background":"#fff"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:#fff !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
$(".v37_38" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD"})
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';background:rgba(243,245,247,1) !important';
$('.select_destination_moteur').attr('style',style_select_dest);
});
var style_select_dest=$('.select_destination_moteur').attr('style'); //it will return string
style_select_dest += ';font-weight:500 !important;';
$('.select_destination_moteur').attr('style',style_select_dest);
var childValue_xml = $(this).find('#id_xml').val();
$("#id_xml_hotel").val(childValue_xml);
var childValue = $(this).find('#list_reg').val();
$("#ville_des").val(childValue);
$("#show-list").css({"display":"none"});
if((screen.width>=1025)&&(screen.width<=1240))
{
$("#col_dest").css({"width":"390px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
else if((screen.width>=1241)&&(screen.width<=1880))
{
$("#col_dest").css({"width":"41.2","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
else
{
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").css({"display":"block","margin-left":"93%","margin-top":"3.6%","position":"absolute","z-index":"22"});
}
$("#carre").css({"display":"none"});
$("#close").css({"display":"block","margin-left":"91.2%","margin-top":"4.5%","position":"absolute","z-index":"22"});({"display":"block"});
$("#carre").css({"display":"none"});
var style_arrtxt =$('.v37_73').attr('style'); //it will return string
style_arrtxt += ';background:#fff !important';
$('.v37_73').attr('style',style_arrtxt);
$('#arrivee').trigger('click');
//$('.col_dep').trigger('click');
});
});
},
});
} else {
if((screen.width>=1025)&&(screen.width<1881)){
var style_list =$('#liste_dest').attr('style'); //it will return string
style_car += ';width:150%;margin-left:0.1%;margin-top:0.5%;margin-bottom:0.2%;box-shadow:rgb(0 0 0 / 4%) 0px 0px 14px;';
$('#carre1').attr('style',style_car);
$("#liste_dest").css({"width":"110%","margin-left":"-11.9%"});
}
else if(screen.width>2000){}
}
});
//alert(screen.width+"+"+screen.height);
});
function urlencode(s) {
s = encodeURIComponent(s);
return s.replace(/~/g,'%7E').replace(/%20/g,'+');
}
function recherche_y()
{
var rech=recherche();
if(rech!=false){
let form = document.forms['hotel'];
let formData = new FormData(form);
let searchy = new URLSearchParams(formData);
let queryString = searchy.toString();
document.location=""+"theme/rsltv2_new_v2.php?item="+urlencode(btoa(queryString));
}
}
var ch_target_ch=document.getElementById("lastch").value;
var int_target_ch=parseInt(ch_target_ch);
if(int_target_ch>1){
if((screen.width>=768)&&(screen.width<=1024))
{
if(window.innerHeight>window.innerWidth){
if(int_target_ch>=3)
{
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:200% !important;height:599px !important';
$('#tous_les_chambres').attr('style',style_ch);
}
if(int_target_ch==5)
{
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:200% !important;height:899px !important';
$('#tous_les_chambres').attr('style',style_ch);
}
if(int_target_ch<=2) {
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:200% !important;';
$('#tous_les_chambres').attr('style',style_ch);
}
}
if(window.innerHeight<window.innerWidth){
if(int_target_ch>=3)
{
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:200% !important;height:599px !important;margin-left:-2% !important';
$('#tous_les_chambres').attr('style',style_ch);
}
if(int_target_ch==5)
{
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:200% !important;height:899px !important ;margin-left:-2% !important';
$('#tous_les_chambres').attr('style',style_ch);
}
if(int_target_ch<=2) {
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:200% !important;margin-left:-2% !important';
$('#tous_les_chambres').attr('style',style_ch);
}
}
}
if((screen.width>=1025)&&(screen.width<=1880)){
if(int_target_ch>=3)
{
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:128%!important;height:600px !important;margin-left:-2% !important';
$('#tous_les_chambres').attr('style',style_ch);
}
if(int_target_ch==5)
{
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:128% !important;height:600px !important ;margin-left:-2% !important';
$('#tous_les_chambres').attr('style',style_ch);
}
if(int_target_ch<=2) {
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:101% !important; height:314px !important;margin-left:-23% !important;margin-top:-13%;';
$('#tous_les_chambres').attr('style',style_ch);
}
}
if(screen.width>=1881)
{
if(int_target_ch==3)
{
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:128%!important;height:302px !important;margin-left:-2% !important';
$('#tous_les_chambres').attr('style',style_ch);
}
if(int_target_ch>3)
{
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:128%!important;height:600px !important;margin-left:-2% !important';
$('#tous_les_chambres').attr('style',style_ch);
}
if(int_target_ch==5)
{
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:128% !important;height:600px !important ;margin-left:-2% !important';
$('#tous_les_chambres').attr('style',style_ch);
}
if(int_target_ch<=2) {
var style_ch =$('#tous_les_chambres').attr('style'); //it will return string
style_ch += ';width:101% !important; height:314px !important;margin-left:0% !important;margin-top:0%;';
$('#tous_les_chambres').attr('style',style_ch);
}
}
}
</script>
<script>
$('.plus').bind("mouseenter", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/+rose.svg)");
});
$('.plus').bind("mouseleave", function() {
$(this).css("background-image", "url(https://tn.tunisiebooking.com/images/+noir.svg)");
});
$('.adresse').bind("mouseenter", function() {
$('.adresse').css("background-image", "url(https://tn.tunisiebooking.com/images/icons-menu-moteur/ic-infor.svg)");
$('.horaire').css("display","block");
});
$('.adresse').bind("mouseleave", function() {
$('.adresse').css("background-image", "url(https://tn.tunisiebooking.com/images/icons-menu-moteur/ic-inform.svg)");
$('.horaire').css("display","none");
});
var isContentVisible = false;
$('#nav_hotel').click(function() {
if (isContentVisible) {
$("#navbar_menu").css("display","none");
$("#nav_span_hotel").css("color","#262626");
$('.icon_dropdown_topdest > img').css("transform","rotate(360deg)");
$("#navbar_menu_vorg").css("display","none");
$(".megamenu_vorg").css("display","none");
$("#nav_span_voy_org").css("color","#262626");
$('.icon_dropdown_vog > img').css("transform","rotate(360deg)");
isContentVisible = false;
//$(this).text('Open');
} else {
$("#navbar_menu").css("display","block");
$("#nav_span_hotel").css("color","#FF0097");
$('.icon_dropdown_topdest > img').css("transform","rotate(180deg)");
$("#navbar_menu_vorg").css("display","none");
$(".megamenu_vorg").css("display","none");
$("#nav_span_voy_org").css("color","#262626");
$('.icon_dropdown_vog > img').css("transform","rotate(360deg)");
isContentVisible = true;
//$(this).text('Close');
}
});
var isContentVisible1 = false;
$('#nav_vorg').click(function() {
if (isContentVisible1) {
$("#navbar_menu").css("display","none");
$("#navbar_menu_vorg").css("display","none");
$(".megamenu_vorg").css({"display":"none !important"});
$("#nav_span_hotel").css("color","#262626");
$('.icon_dropdown_topdest > img').css("transform","rotate(360deg)");
$("#nav_span_voy_org").css("color","#262626");
$('.icon_dropdown_vog > img').css("transform","rotate(360deg)")
isContentVisible1 = false;
//$(this).text('Open');
} else {
$("#navbar_menu").css("display","none");
$("#navbar_menu_vorg").css("display","block");
//$(".megamenu_vorg").css("display","none");
$("#nav_span_hotel").css("color","#262626");
$('.icon_dropdown_topdest > img').css("transform","rotate(360deg)");
$("#nav_span_voy_org").css("color","#FF0097");
$('.icon_dropdown_vog > img').css("transform","rotate(180deg)")
isContentVisible1 = true;
}
});
$(document).mouseup(function(e) {
var container = $("#nav_hotel");
var container_vorg = $("#nav_vorg");
var cont_v2_502=$('.v2_502');
var cont_body=$('.v312_1355');
if (!container.is(e.target) && container.has(e.target).length === 0) {
$("#navbar_menu").css("display","none");
$("#nav_span_hotel").css("color","#262626");
$('.icon_dropdown_topdest > img').css("transform","rotate(360deg)");
// Do something here
}
if (!container_vorg.is(e.target) && container_vorg.has(e.target).length === 0) {
$("#navbar_menu_vorg").css("display","none");
$(".megamenu_vorg").css("display","none");
$("#nav_span_voy_org").css("color","#262626");
$('.icon_dropdown_vog > img').css("transform","rotate(360deg)");
// Do something here
}
if (cont_v2_502.is(e.target) && container_vorg.has(e.target).length === 0) {
$("#navbar_menu_vorg").css("display","none");
$(".megamenu_vorg").css("display","none");
// Do something here
}
if (cont_body.is(e.target) && container_vorg.has(e.target).length === 0) {
$("#navbar_menu_vorg").css("display","none");
$(".megamenu_vorg").css("display","none");
// Do something here
}
});
$('.v153_11').click(function() {
// redirect to another page
window.location.href = 'https://tn.tunisiebooking.com/voyage_organise/';
});
$('.v153_16').click(function() {
// redirect to another page
window.location.href = 'https://tn.tunisiebooking.com/vol/';
});
$('.v153_11_cir').click(function() {
// redirect to another page
window.location.href = 'https://tn.tunisiebooking.com/voyage_organise/tunisie.html';
});
$('.v153_11_omra').click(function() {
// redirect to another page
window.location.href = 'https://tn.tunisiebooking.com/voyage_organise/omra.html';
});
$('.icon_menu_hotel,#text-blueWaveHotel').click(function() {
//var element = $('#rootSideNav:first');
var style_ch =$('.w-full_menu1').attr('style'); //it will return string
style_ch += ';display:none !important';
$('.w-full_menu1').attr('style',style_ch);
var style_ch2 =$('.w-full_menu2').attr('style'); //it will return string
style_ch2 += ';display:block !important';
$('.w-full_menu2').attr('style',style_ch2);
//$(this).parent().parent().parent().parent().parent().hide();
$('.bbpressloginurl').eq(1).hide();
var element2 = $('.bbpressloginurl').eq(1);
var style_ch2 =$("#rootSideNav").attr('style'); //it will return string
style_ch2 += ';display:block !important';
$("#rootSideNav").attr('style',style_ch)
});
$('.span_vplus').click(function() {
//$(".megamenu_vog").css("display","none");
$(".megamenu_vorg").css("display","block");
$('#nav_vorg').trigger('click');
});
$('#NavigationNarrow-toggleSideNav-button').click(function() {
if ($('#NavigationNarrow-toggleSideNav-button').css('background-image').indexOf('https://tn.tunisiebooking.com/images/icone-moteur/close-menu.svg') !== -1) {
var style_ch =$('#rootSideNav:first').attr('style'); //it will return string
style_ch += ';display:none !important;';
$('#rootSideNav:first').attr('style',style_ch);
var style_body =$('.v312_1355,.conteneur_footer1').attr('style'); //it will return string
style_body += ';filter:none;';
$('.v312_1355,.conteneur_footer1').attr('style',style_body);
var style_body1 =$('.sous_body').attr('style'); //it will return string
style_body1 += ';filter:none;';
$('.sous_body').attr('style',style_body1);
$('.text-black').css('background', '');
}
else{
var style_ch =$('#rootSideNav:first').attr('style'); //it will return string
style_ch += ';display:block !important;';
$('#rootSideNav:first').attr('style',style_ch);
var style_body =$('.v312_1355,.conteneur_footer1').attr('style'); //it will return string
style_body += ';filter:brightness(0.7);';
$('.v312_1355,.conteneur_footer1').attr('style',style_body);
var style_body1 =$('.sous_body').attr('style'); //it will return string
style_body1 += ';filter:brightness(0.7);';
$('.sous_body').attr('style',style_body1);
$('.text-black').css({'background':'url(https://tn.tunisiebooking.com/images/icone-moteur/close-menu.svg)','background-repeat':'no-repeat','animation-name': 'scale-up','animation-duration': '1s','animation-timing-function': 'ease-out','animation-fill-mode': 'forwards'});
}
});
$('.icon_menu_dest1,.text-blueWave_hotel1').click(function() {
//var element = $('#rootSideNav:first');
var style_ch =$('.w-full_menu1').attr('style'); //it will return string
style_ch += ';display:block !important';
$('.w-full_menu1').attr('style',style_ch);
var style_ch2 =$('.w-full_menu2').attr('style'); //it will return string
style_ch2 += ';display:none !important';
$('.w-full_menu2').attr('style',style_ch2);
});
/* click voyage organiser*/
$('.icon_menu_vorg,.text-blueWavevorg1').click(function() {
//var element = $('#rootSideNav:first');
var style_ch =$('.w-full_menu3').attr('style'); //it will return string
style_ch += ';display:block !important';
$('.w-full_menu3').attr('style',style_ch);
var style_ch2 =$('.w-full_menu2').attr('style'); //it will return string
style_ch2 += ';display:none !important';
$('.w-full_menu2').attr('style',style_ch2);
});
$('.icon_menu_voyage_org,.text-blueWave_vorg').click(function() {
//var element = $('#rootSideNav:first');
var style_ch =$('.w-full_menu2').attr('style'); //it will return string
style_ch += ';display:block !important';
$('.w-full_menu3').attr('style',style_ch);
var style_ch2 =$('.w-full_menu3').attr('style'); //it will return string
style_ch2 += ';display:none !important';
$('.w-full_menu3').attr('style',style_ch2);
});
</script>
<div id="bodyresponsive">
<!-- /top-bar -->
<div class="global" style="margin-top: 22%;">
<div class="col-lg-12 col-md-12 col-sm-12" style=" background-color:##e9e5e9; padding: 0px 5px;">
<div class="col-lg-12 col-md-12 col-sm-12 smallc" style="padding: 0px;width: 88%;" >
<div style="clear:both">
<div class="nbruselt" id="nbrreslt" style="display:none;"> </div>
<div class="col-lg-12 col-md-12 col-sm-12" style=" text-align:center;padding:15px 10px;font-size:14px;color:#000000;width:1000px;margin-left: -1%;">
<div class="visib visibsmall" style="text-align:left"><h1 style="text-align:center;color:#262626;font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important;">Meilleur Hotel en Tunisie à partir de 16 €</h1> </div>
</div>
<div style="float: right;margin-right: 10px; display:none">
<form name="filtre">
<input type="hidden" name="tot_res" value="96" />
<input type="hidden" name="limit_sup" value="12" />
<div class="styled-select" style="width:100%;margin-right: -50px;">
<select class="select_resultat" onchange="filtrer_tous(0);" style="width:200px" name="prixch">
<option>Prix</option>
<option value="pmch">Du - cher au + cher</option>
<option value="ppch">Du + cher au - cher</option>
</select>
</div>
</form>
</div>
</div>
<div class="ruslt rus" id="ruslt" style="float:left;margin-top:-2%;margin-bottom:-38%;">
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-vincci-helios-beach-djerba.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/Vincci_Helios_Beach_2.jpg" width="306" height="197" border="0" alt="Vincci Helios Beach">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-vincci-helios-beach-djerba.html" style="cursor:pointer;">
Vincci Helios Beach</a>
<div style="margin-top: 24%;margin-left: 4%;" class=forstars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse3">
Excellent </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">34</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 20 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-sol-azur-beach-hammamet.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/Sol_Azur_Beach_Congres_2.jpg" width="306" height="197" border="0" alt="Sol Azur Beach Congres">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-sol-azur-beach-hammamet.html" style="cursor:pointer;">
Sol Azur Beach Congres</a>
<div style="margin-top: 24%;margin-left: 4%;" class=forstars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse3">
Très Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Burkini autorisé</li><li><br/>Parfait pour les couples</li><li><br/>Parfait pour les familles</li><li><br/>Sport nautique</li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">33</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 21 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-royal-azur-thalasso-golf-hammamet.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/royal_azur_thalassa_2.jpg" width="306" height="197" border="0" alt="Royal Azur Thalassa">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-royal-azur-thalasso-golf-hammamet.html" style="cursor:pointer;">
Royal Azur Thalassa</a>
<div style="margin-top: 24%;margin-left: 4%;" class=fivestars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse3">
Très Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Parfait pour les couples</li><li><br/>Coffre fort dans la chambre</li><li><br/>Parking Gratuit Selon Disponibilite</li><li><br/>Piscine couverte Bloc central</li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :Demi Pension, All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">43</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 21 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-vincci-lella-baya-hammamet.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/lella_baya_&_thalasso_2.jpg" width="306" height="197" border="0" alt="Lella Baya & Thalasso">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-vincci-lella-baya-hammamet.html" style="cursor:pointer;">
Lella Baya & Thalasso</a>
<div style="margin-top: 24%;margin-left: 4%;" class=forstars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse3">
Très Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Burkini autorisé</li><li><br/>Parfait pour les couples</li><li><br/>Plage a proximite</li><li><br/>Parfait pour les familles</li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">31</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 22 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-zodiac-hammamet.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/zodiac_hotel_&_aqua_park_2.jpg" width="306" height="197" border="0" alt="Zodiac Hotel & Aqua Park">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-zodiac-hammamet.html" style="cursor:pointer;">
Zodiac Hotel & Aqua Park</a>
<div style="margin-top: 24%;margin-left: 4%;" class=forstars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse3">
Très Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Plage a proximite</li><li><br/>Parfait pour les familles</li><li><br/>Pc avec accès Internet</li><li><br/>Médecin sur place</li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :Demi Pension, All Inclusive Soft </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">25</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 20 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-houda-yasmine-hammamet-hammamet.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/hotel/Houda_Yasmine_Hammamet_.jpg" width="306" height="197" border="0" alt="Houda Yasmine Hammamet">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-houda-yasmine-hammamet-hammamet.html" style="cursor:pointer;">
Houda Yasmine Hammamet</a>
<div style="margin-top: 24%;margin-left: 4%;" class=forstars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse3">
Très Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Burkini autorisé</li><li><br/>Parfait pour les couples</li><li><br/>Plage a proximite</li><li><br/>Parfait pour les familles</li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :Demi Pension, All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">22</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 20 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-ksar-djerba-djerba.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/The_Ksar_2.jpg" width="306" height="197" border="0" alt="The Ksar">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-ksar-djerba-djerba.html" style="cursor:pointer;">
The Ksar</a>
<div style="margin-top: 24%;margin-left: 4%;" class=forstars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse3">
Très Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Plage a proximite</li><li><br/>Médecin sur place</li><li><br/>Bain à remous</li><li><br/>Télévision satellite </li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :Petit Dejeuner, Demi Pension, Demi Pension Plus, Pension complete, Pension complete Plus, All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">21</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 20 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-royal-salem-sousse.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/marhaba_royal_salem_2.jpg" width="306" height="197" border="0" alt="Marhaba Royal Salem">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-royal-salem-sousse.html" style="cursor:pointer;">
Marhaba Royal Salem</a>
<div style="margin-top: 24%;margin-left: 4%;" class=forstars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse3">
Très Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Parfait pour les couples</li><li><br/>Parfait pour les familles</li><li><br/>Télévision</li><li><br/>Ascenseur</li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">33</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 20 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-palace-sousse.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/Marhaba_Palace_2.jpg" width="306" height="197" border="0" alt="Marhaba Palace">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-palace-sousse.html" style="cursor:pointer;">
Marhaba Palace</a>
<div style="margin-top: 24%;margin-left: 4%;" class=fivestars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse3">
Très Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Parfait pour les couples</li><li><br/>Parfait pour les familles</li><li><br/>Télévision</li><li><br/>Télévision satellite </li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">40</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 22 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-salem-resort-sousse.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/marhaba_salem_resort_2.jpg" width="306" height="197" border="0" alt="Marhaba Salem Resort">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-salem-resort-sousse.html" style="cursor:pointer;">
Marhaba Salem Resort</a>
<div style="margin-top: 24%;margin-left: 4%;" class=forstars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse3">
Très Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Piscine couverte Exterieur</li><li><br/>Chambre Bloc Central</li><li><br/>Parking Gratuit Selon Disponibilite</li><li><br/>Salle de bains avec baignoire</li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">32</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 20 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-nesrine-hammamet.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/nesrine_2.jpg" width="306" height="197" border="0" alt="Nesrine">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-nesrine-hammamet.html" style="cursor:pointer;">
Nesrine</a>
<div style="margin-top: 24%;margin-left: 4%;" class=forstars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
3.5 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.5/5</span>
</div>
<div class="adresse3">
Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Burkini autorisé</li><li><br/>Plage a proximite</li><li><br/>Parfait pour les familles</li><li><br/>Télévision satellite </li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">32</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 13 novembre 2026</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div class="un_destination" >
<div class="img_destination" onclick="location.href='https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-jerba-sun-club-djerba.html'" style="cursor:pointer;">
<img class="lazy" data-src="https://image.resabooking.com/images/image_panoramique/Jerba_Sun_Club_2.jpg" width="306" height="197" border="0" alt="Djerba Sun Beach">
</div>
<a class=titre-hotel href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-jerba-sun-club-djerba.html" style="cursor:pointer;">
Djerba Sun Beach</a>
<div style="margin-top: 24%;margin-left: 4%;" class=forstars >
</div>
<div class=note-adresse-hotel12 style="margin-left:3.2% !important;">
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
<div class="triponotef">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse3">
Très Bien </div>
</div>
</div>
<div class="options1" >
</div>
<div class="options">
<ul><li><br/>Sport nautique</li><li><br/>Pc avec accès Internet</li><li><br/>Télévision satellite </li><li><br/>Coffre-fort dans l hôtel</li></ul>
</div>
<div class="options1" >
</div>
<div class="note-adresse-hotel">
<div class="dispo">
Disponible en :All Inclusive </div>
<div class="formule">
<div style="margin-left:-22%;">
<span style="margin-top: -7%;float:left;font-size:32px; font-weight:700; margin-left:40px;">31</span><sup style="margin-top:9%;float:left;font-size:13px">€</sup></div>
<span style=" font-family: BlinkMacSystemFont, -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 12px; color: #6B7280; margin-top: -8; line-height:0.6"><strong style="font-weight:500;"> /pers/nuit</strong></span>
<div style="font-size:12px; clear:both;margin-left:10%;line-height:1;"> le 20 novembre 2025</div>
</div>
</div>
</div>
<div class="vide_dest"></div>
<div style='clear:both; height:30px;display:none '>
<div style='float:left;width:722px;margin-right:3px'><div onclick="affiche_rslt_dest('','','','','pmch',0,9999999999,'','','','','','','','','Djerba','',0,3);" class="act" >1</div><div onclick="affiche_rslt_dest('','','','','pmch',0,9999999999,'','','','','','','','','Djerba','',3,3);" class="normal" onmouseover="this.className='over'" onmouseout="this.className='out'" >2</div><div onclick="affiche_rslt_dest('','','','','pmch',0,9999999999,'','','','','','','','','Djerba','',6,3);" class="normal" onmouseover="this.className='over'" onmouseout="this.className='out'" >3</div><div onclick="affiche_rslt_dest('','','','','pmch',0,9999999999,'','','','','','','','','Djerba','',9,3);" class="normal" onmouseover="this.className='over'" onmouseout="this.className='out'" >4</div><div onclick="affiche_rslt_dest('','','','','pmch',0,9999999999,'','','','','','','','','Djerba','',12,3);" class="normal" onmouseover="this.className='over'" onmouseout="this.className='out'" >5</div><div onclick="affiche_rslt_dest('','','','','pmch',0,9999999999,'','','','','','','','','Djerba','',15,3);" class="normal" onmouseover="this.className='over'" onmouseout="this.className='out'" >6</div><div onclick="affiche_rslt_dest('','','','','pmch',0,9999999999,'','','','','','','','','Djerba','',18,3);" class="normal" onmouseover="this.className='over'" onmouseout="this.className='out'" >7</div><div onclick="affiche_rslt_dest('','','','','pmch',0,9999999999,'','','','','','','','','Djerba','',21,3);" class="normal" onmouseover="this.className='over'" onmouseout="this.className='out'" >8</div><div onclick="affiche_rslt_dest('','','','','pmch',0,9999999999,'','','','','','','','','Djerba','',3,3);" class="normal1" onmouseover="this.className='over1'" onmouseout="this.className='out1'">Page suivante</div></div></div></div>
<div style="clear:both"></div>
<div id="plus_res" class="plus_res" style="text-align:center;margin-bottom: 0%;">
<div class="title__title titlesmall" style="font-size: 24px;font-weight: 400;text-align: center;color:#003581;margin-right: 21%;cursor:pointer; margin-top: 41%;margin-bottom:1.5%;"><u style="/*margin-left:29px;*/">
<span style="color: #003581" onclick="plus_resultat()" >Voir plus d'hôtels<img class="lazy" alt="flech" style="max-width: 1.5%;max-height: 1%;margin-left:1%;" data-src="https://www.tunisiebooking.com/images/flechbluef.svg"/></span></u>
</div>
</div>
<div style="display: none;" id="loder_tnb">
<img class="lazy loadersmall" style="margin-bottom: -6%;width: 20%;margin-top: -6%;margin-left: 31%;" data-src="https://www.tunisiebooking.com/theme/images/loader_hot.gif" alt="loader">
</div>
</div>
<div style="clear:both; height:10px"> </div>
<div class="col-lg-12 col-md-12 col-sm-12" style=" text-align:left; font-size:14px;color:#000000; width:1000px;">
<div class="visib visibsmall13" style="margin-left: -2%;text-align:left">
<h2>Les hotels les plus réservés en Tunisie</h2>
</div>
</div>
<div class="ruslt colsmall" style="margin-bottom:6%;">
<section class="product-card-carousel-hotels container section container">
<div class="product-card-carousel-hotels__wrapper" id="hotels_rsv">
<div class="carousel carousel--initialized carousel--horizontal">
<div class="carousel__wrapper hotel_rsv" id="hotel_rsv">
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Vincci_Helios_Beach_2.jpg" alt="Vincci Helios Beach" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-vincci-helios-beach-djerba.html" style="color: #262626;background-color: transparent">Vincci Helios Beach</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Sol_Azur_Beach_Congres_2.jpg" alt="Sol Azur Beach Congres" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-sol-azur-beach-hammamet.html" style="color: #262626;background-color: transparent">Sol Azur Beach Congres</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/royal_azur_thalassa_2.jpg" alt="Royal Azur Thalassa" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-royal-azur-thalasso-golf-hammamet.html" style="color: #262626;background-color: transparent">Royal Azur Thalassa</a></div>
</div>
<div class="note-adresse-hotel">
<div class=fivestars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/lella_baya_&_thalasso_2.jpg" alt="Lella Baya & Thalasso" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-vincci-lella-baya-hammamet.html" style="color: #262626;background-color: transparent">Lella Baya & Thalasso</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/zodiac_hotel_&_aqua_park_2.jpg" alt="Zodiac Hotel & Aqua Park" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-zodiac-hammamet.html" style="color: #262626;background-color: transparent">Zodiac Hotel & Aqua Park</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/hotel/Houda_Yasmine_Hammamet_.jpg" alt="Houda Yasmine Hammamet" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-houda-yasmine-hammamet-hammamet.html" style="color: #262626;background-color: transparent">Houda Yasmine Hammamet</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/The_Ksar_2.jpg" alt="The Ksar" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-ksar-djerba-djerba.html" style="color: #262626;background-color: transparent">The Ksar</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/marhaba_royal_salem_2.jpg" alt="Marhaba Royal Salem" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-royal-salem-sousse.html" style="color: #262626;background-color: transparent">Marhaba Royal Salem</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Marhaba_Palace_2.jpg" alt="Marhaba Palace" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-palace-sousse.html" style="color: #262626;background-color: transparent">Marhaba Palace</a></div>
</div>
<div class="note-adresse-hotel">
<div class=fivestars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/marhaba_salem_resort_2.jpg" alt="Marhaba Salem Resort" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-salem-resort-sousse.html" style="color: #262626;background-color: transparent">Marhaba Salem Resort</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/nesrine_2.jpg" alt="Nesrine" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-nesrine-hammamet.html" style="color: #262626;background-color: transparent">Nesrine</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
3.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Jerba_Sun_Club_2.jpg" alt="Djerba Sun Beach" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-jerba-sun-club-djerba.html" style="color: #262626;background-color: transparent">Djerba Sun Beach</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Delphin_EL_Habib_2.jpg" alt="Delphin EL Habib" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/monastir/hotels/hotel-delphin-el-habib-monastir.html" style="color: #262626;background-color: transparent">Delphin EL Habib</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
3.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__navigation navigation_prev_rsv" style="margin-top:3%;margin-left:-1.8%;pointer-events: none;">
<span><i class="fa-solid fa-angle-left owl-previcon_hotel_rsv" style="color:#BDC3C7;"></i></span>
</div>
<div class="carousel__navigation navigation_next_rsv arrowr arrowsmall1" >
<span><i class="fa-solid fa-angle-right" style="color:#262626;"></i></span>
</div>
<script>
const navigation_prev_rsv = document.querySelector('.navigation_prev_rsv');
const navigation_next_rsv = document.querySelector('.navigation_next_rsv');
const list_hotels_rsv = document.querySelector('.hotel_rsv').children;
const hotels_rsv = document.getElementById("hotel_rsv");
const icon_prev_rsv=document.querySelector('.owl-previcon_hotel_rsv');
navigation_prev_rsv.addEventListener('click', () => {
var ch1= document.getElementById("hotel_rsv").firstElementChild;
var n1 = document.getElementById("hotel_rsv").lastElementChild;
let div_hotel_rsv = document.getElementById("hotel_rsv");
let children_div_hotel_rsv = div_hotel_rsv .children;
for (let i = 0; i < children_div_hotel_rsv.length; i++) {
if(i>2)
{
children_div_hotel_rsv[i].style.display = "none";
}
else{
children_div_hotel_rsv[i].style.display = "block";
}
}
hotels_rsv.insertBefore(n1, hotels_rsv.childNodes[0]);
},{passive: true})
navigation_next_rsv.addEventListener('click', () => {
icon_prev_rsv.style.color='#262626';
navigation_prev_rsv.style['pointer-events'] = 'auto';
let div_hotel_rsv = document.getElementById("hotel3");
let children_div_hotel_rsv = div_hotel_rsv .children;
var ch= document.getElementById("hotel_rsv").firstElementChild;
var n = document.getElementById("hotel_rsv").lastElementChild;
var c= document.getElementById("hotel_rsv").firstElementChild;
for (let i = 0; i < list_hotels_rsv.length; i++) {
first_child=children_div_hotel_rsv[i];
c=children_div_hotel_rsv[i+1];
//child=c.firstElementChild;
//hotels.insertBefore(c,first_child);
hotels_rsv.insertBefore(ch,this.nextSibling);
//hotels.removeChild(ch);
list_hotels_rsv[i].style.display="block";
for(let j=3;j<list_hotels_rsv.length;j++){
list_hotels_rsv[j].style.display="none";
}
}
},{passive: true})
</script>
</div>
</section>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12" style=" color:#003581;">
<!-- HOTEL 5*-->
<div class="ruslt colsmall" style="margin-bottom:7%;margin-top:-4%;">
<section class="product-card-carousel-hotels container section container">
<div class="title" data-component="Title">
<h3 class="title__title">Hotel Tunisie 5 étoiles </h3>
<p class="title__subtitle" style="margin-left:1%;">Si vous cherchez des hôtels en <a style="color:#262626;" href="https://www.tunisiebooking.com/hotel_tunisie_5_etoiles.html"> <strong> Tunisie de luxe cinq étoiles </strong></a> rendez-vous sur notre plateforme.<br> Voici notre sélection des hôtels les plus recommandés !</p>
</div>
<div class="product-card-carousel-hotels__wrapper" id="hotels5">
<div class="carousel carousel--initialized carousel--horizontal">
<div class="carousel__wrapper carousel__wrapper5" id="hotel5">
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Barcelo_Concorde_Green_Park_Palace_2.jpg" alt="Concorde Green Park Palace"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1">
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-concorde-green-park-palace-sousse.html" style="color: #262626;background-color: transparent">Concorde Green Park Palace</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/dar_ismail_2.jpg" alt="Dar Ismail"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1">
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/tabarka/hotels/hotel-dar-ismaeil-tabarka.html" style="color: #262626;background-color: transparent">Dar Ismail</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
3.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/golden_yasmine_mehari_hammamet_2.jpg" alt="Golden Yasmine Mehari Hammamet"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1">
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-golden-yasmine-mehari-hammamet-hammamet.html" style="color: #262626;background-color: transparent">Golden Yasmine Mehari Hammamet</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Iberostar_Diar_el_Andalous_2.jpeg" alt="Iberostar Diar el Andalous"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-iberostar-diar-el-andalous-sousse.html" style="color: #262626;background-color: transparent">Iberostar Diar el Andalous</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Iberostar_Kantaoui_Bay_2.jpg" alt="Iberostar Kantaoui Bay"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-iberostar-kantaoui-bay-sousse.html" style="color: #262626;background-color: transparent">Iberostar Kantaoui Bay</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Iberostar_Kuriat_Palace_2.jpg" alt="Iberostar Kuriat Palace"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/monastir/hotels/hotel-iberostar-kuriat-palace-monastir.html" style="color: #262626;background-color: transparent">Iberostar Kuriat Palace</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Iberostar_Royal_El_Mansour_et_Thalasso_2.jpg" alt="Iberostar Royal El Mansour et Thalasso"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/mahdia/hotels/hotel-iberostar-royal-el-mansour-et-thalasso-mahdia.html" style="color: #262626;background-color: transparent">Iberostar Royal El Mansour et Thalasso</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/hotel/Iberostar_Selection_Eolia_Djerba_.jpg" alt="Iberostar Selection Eolia Djerba"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-iberostar-eolia-djerba-djerba.html" style="color: #262626;background-color: transparent">Iberostar Selection Eolia Djerba</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/hotel/Laico_.jpg" alt="Laico"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-laico-hammamet.html" style="color: #262626;background-color: transparent">Laico</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Marhaba_Palace_2.jpg" alt="Marhaba Palace"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-palace-sousse.html" style="color: #262626;background-color: transparent">Marhaba Palace</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/movenpick_resort_&_marine_spa_2.jpg" alt="Movenpick Resort & Marine Spa"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-movenpick-resort-et-marine-spa-sousse.html" style="color: #262626;background-color: transparent">Movenpick Resort & Marine Spa</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Nour_Palace_Resort_et_Thalasso_2.jpg" alt="Nour Palace Resort et Thalasso"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/mahdia/hotels/hotel-nour-palace-resort-et-thalasso-mahdia.html" style="color: #262626;background-color: transparent">Nour Palace Resort et Thalasso</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/royal_azur_thalassa_2.jpg" alt="Royal Azur Thalassa"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-royal-azur-thalasso-golf-hammamet.html" style="color: #262626;background-color: transparent">Royal Azur Thalassa</a></div>
</div>
<div class="note-adresse-hotel">
<div class="fivestars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__navigation prevv" style="margin-top:3%;margin-left:-1.8%;pointer-events: none;">
<span><i class="fa-solid fa-angle-left owl-previcon_hotel5" style="color:#BDC3C7;"></i></span>
</div>
<div class="carousel__navigation nextt arrowr arrowsmall" >
<span><i class="fa-solid fa-angle-right" style="color:#262626;"></i></span>
</div>
<script>
const navigation_prev5 = document.querySelector('.prevv');
const navigation_next5 = document.querySelector('.nextt');
const list_hotels5 = document.querySelector('.carousel__wrapper5').children;
const hotels5= document.getElementById("hotel5");
const icon_prev_hotel5=document.querySelector('.owl-previcon_hotel5');
navigation_prev5.addEventListener('click', () => {
var ch1= document.getElementById("hotel5").firstElementChild;
var n1 = document.getElementById("hotel5").lastElementChild;
let div_hotel5 = document.getElementById("hotel5");
let children_div_hotel5 = div_hotel5 .children;
for (let i = 0; i < children_div_hotel5.length; i++) {
if(i>2)
{
children_div_hotel5[i].style.display = "none";
}
else{
children_div_hotel5[i].style.display = "block";
}
}
hotels5.insertBefore(n1, hotels5.childNodes[0]);
},{passive: true})
navigation_next5.addEventListener('click', () => {
icon_prev_hotel5.style.color='#262626';
navigation_prev5.style['pointer-events'] = 'auto';
let div_hotel5 = document.getElementById("hotel5");
let children_div_hotel5 = div_hotel5 .children;
var ch= document.getElementById("hotel5").firstElementChild;
var n = document.getElementById("hotel5").lastElementChild;
var c= document.getElementById("hotel5").firstElementChild;
for (let i = 0; i < list_hotels5.length; i++) {
first_child=children_div_hotel5[i];
c=children_div_hotel5[i+1];
//child=c.firstElementChild;
//hotels.insertBefore(c,first_child);
hotels5.insertBefore(ch,this.nextSibling);
//hotels.removeChild(ch);
list_hotels5[i].style.display="block";
for(let j=3;j<list_hotels5.length;j++){
list_hotels5[j].style.display="none";
}
}
},{passive: true})
</script>
</div>
</section>
</div>
<!-- 4* -->
<div class="ruslt colsmall" style="margin-bottom:7%;margin-top:-4%;">
<section class="product-card-carousel-hotels container section container">
<div class="title" data-component="Title">
<h3 class="title__title">Hotel Tunisie 4 étoiles </h3>
<p class="title__subtitle" style="margin-left:1%;">À la recherche <a style="color:#262626;" href="https://www.tunisiebooking.com/hotel_tunisie_4_etoiles.html"><strong>d'un hôtel de quatre étoiles en Tunisie </strong></a> qui répond exactement à vos critères ? <br>Vous êtes à la bonne adresse pour explorer nos offres les plus séduisantes !</p>
</div>
<div class="product-card-carousel-hotels__wrapper" id="hotels4">
<div class="carousel carousel--initialized carousel--horizontal">
<div class="carousel__wrapper carousel__wrapper4" id="hotel4">
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/aziza_thalasso_&_golf_2.jpg" alt="Aziza Thalasso & Golf"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-sentido-aziza-beach-golf-et-spa-hammamet.html" style="color: #262626;background-color: transparent">Aziza Thalasso & Golf</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Bel_Azur_Thalasso_&_Bungalows_2.jpg" alt="Bel Azur Thalasso & Bungalows"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-bel-azur-thalassa-hammamet.html" style="color: #262626;background-color: transparent">Bel Azur Thalasso & Bungalows</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/blumar_2.jpg" alt="Blumar Resort & SPA"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-blumar-hammamet.html" style="color: #262626;background-color: transparent">Blumar Resort & SPA</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Calimera_Delfino_Beach_2.jpg" alt="Calimera Delfino Beach" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-delfino-beach-resort-spa-hammamet.html" style="color: #262626;background-color: transparent">Calimera Delfino Beach</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;"> 4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/cesar_palace_et_casino_2.jpg" alt="Cesar Palace Sousse" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-cesar-palace-et-casino-sousse.html" style="color: #262626;background-color: transparent">Cesar Palace Sousse</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
3.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;"> 3.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Moyen </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Cesar_Thalasso_2.jpg" alt="Cesar Thalasso" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-cesar-thalasso-djerba.html" style="color: #262626;background-color: transparent">Cesar Thalasso</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;"> 4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Club_Calimera_Yati_Beach_2.jpg" alt="Club Calimera Yati Beach" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-club-calimera-yati-beach-djerba.html" style="color: #262626;background-color: transparent">Club Calimera Yati Beach</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;"> 4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/club_palm_azur_2.jpg" alt="Club Palm Azur" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-riu-palm-azur-djerba.html" style="color: #262626;background-color: transparent">Club Palm Azur</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;"> 4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Delphin_EL_Habib_2.jpg" alt="Delphin EL Habib" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/monastir/hotels/hotel-delphin-el-habib-monastir.html" style="color: #262626;background-color: transparent">Delphin EL Habib</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
3.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;"> 3.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/djerba_aqua_resort_2.jpg" alt="Djerba Aqua Resort" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-djerba-palace-djerba.html" style="color: #262626;background-color: transparent">Djerba Aqua Resort</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;"> 4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/djerba_holiday_beach_2.jpg" alt="Djerba Holiday Beach" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-djerba-holiday-beach-djerba.html" style="color: #262626;background-color: transparent">Djerba Holiday Beach</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;"> 4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Djerba_Plaza_Thalasso_&_SPA_2.jpg" alt="Djerba Plaza Thalasso & SPA" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-djerba-plaza-thalasso-spa-djerba.html" style="color: #262626;background-color: transparent">Djerba Plaza Thalasso & SPA</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;"> 4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/hotel/Djerba_Resort_.jpg" alt="Djerba Resort" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-djerba-resort-djerba.html" style="color: #262626;background-color: transparent">Djerba Resort</a></div>
</div>
<div class="note-adresse-hotel">
<div class="forstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;"> 4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__navigation navigation_prev4" style="margin-top:3%;margin-left:-1.8%;pointer-events: none;">
<span><i class="fa-solid fa-angle-left owl-previcon_hotel4" style="color:#BDC3C7;"></i></span>
</div>
<div class="carousel__navigation navigation_next4 arrowr arrowsmall" >
<span><i class="fa-solid fa-angle-right" style="color:#262626;"></i></span>
</div>
<script>
const navigation_prev4 = document.querySelector('.navigation_prev4');
const navigation_next4 = document.querySelector('.navigation_next4');
const list_hotels4 = document.querySelector('.carousel__wrapper4').children;
const hotels4 = document.getElementById("hotel4");
const icon_prev_hotel4=document.querySelector('.owl-previcon_hotel4');
navigation_prev4.addEventListener('click', () => {
var ch1= document.getElementById("hotel4").firstElementChild;
var n1 = document.getElementById("hotel4").lastElementChild;
let div_hotel4 = document.getElementById("hotel4");
let children_div_hotel4 = div_hotel4.children;
for (let i = 0; i < children_div_hotel4.length; i++) {
if(i>2)
{
children_div_hotel4[i].style.display = "none";
}
else{
children_div_hotel4[i].style.display = "block";
}
}
hotels4.insertBefore(n1, hotels4.childNodes[0]);
},{passive: true})
navigation_next4.addEventListener('click', () => {
icon_prev_hotel4.style.color='#262626';
navigation_prev4.style['pointer-events'] = 'auto';
let div_hotel4 = document.getElementById("hotel4");
let children_div_hotel4 = div_hotel4.children;
var ch= document.getElementById("hotel4").firstElementChild;
var n = document.getElementById("hotel4").lastElementChild;
var c= document.getElementById("hotel4").firstElementChild;
for (let i = 0; i < list_hotels4.length; i++) {
first_child=children_div_hotel4[i];
c=children_div_hotel4[i+1];
//child=c.firstElementChild;
//hotels.insertBefore(c,first_child);
hotels4.insertBefore(ch,this.nextSibling);
//hotels.removeChild(ch);
list_hotels4[i].style.display="block";
for(let j=3;j<list_hotels4.length;j++){
list_hotels4[j].style.display="none";
}
}
},{passive: true})
</script>
</div>
</section>
</div>
<!-- HOTEl 3* -->
<div class="ruslt colsmall" style="margin-bottom:7%;margin-top:-4%;">
<section class="product-card-carousel-hotels container section container">
<div class="title" data-component="Title">
<h3 class="title__title">Hotel Tunisie 3 étoiles </h3>
<p class="title__subtitle" style="margin-left:1%;">Vous êtes à la recherche <a style="color:#262626;" href="https://www.tunisiebooking.com/hotel_tunisie_3_etoiles.html" ><strong> un hôtel Tunisie 3 étoile </strong></a>qui correspond parfaitement à vos besoins ? <br> Vous êtes au bon endroit pour découvrir nos offres les plus attractives !</p>
</div>
<div class="product-card-carousel-hotels__wrapper" id="hotels3">
<div class="carousel carousel--initialized carousel--horizontal">
<div class="carousel__wrapper" id="hotel3">
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/best_beach_sousse_ex_targui_2.jpg" alt="Best Beach sousse ex targui" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-best-beach-sousse-ex-targui-sousse.html" style="color: #262626;background-color: transparent">Best Beach sousse ex targui</a></div>
</div>
<div class="note-adresse-hotel">
<div class="threstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
5.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">5.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/green_golf_et_aquapark_2.jpg" alt="Green Golf et Aquapark" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-green-golf-hammamet.html" style="color: #262626;background-color: transparent">Green Golf et Aquapark</a></div>
</div>
<div class="note-adresse-hotel">
<div class="threstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
3.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Le_Grand_Hotel_2.jpg" alt="Le Grand Hotel" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-le-grand-hotel-djerba.html" style="color: #262626;background-color: transparent">Le Grand Hotel</a></div>
</div>
<div class="note-adresse-hotel">
<div class="threstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/hotel/Marabout_.jpg" alt="Marabout" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marabout-sousse.html" style="color: #262626;background-color: transparent">Marabout</a></div>
</div>
<div class="note-adresse-hotel">
<div class="threstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
3.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Omar_Khayam_2.jpg" alt="Omar Khayam" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-omar-khayam-hammamet.html" style="color: #262626;background-color: transparent">Omar Khayam</a></div>
</div>
<div class="note-adresse-hotel">
<div class="threstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
3.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Sahara_Beach_2.jpg" alt="Sahara Beach" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/monastir/hotels/hotel-sentido-sahara-beach-monastir.html" style="color: #262626;background-color: transparent">Sahara Beach</a></div>
</div>
<div class="note-adresse-hotel">
<div class="threstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
3.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/hotel/Soviva_Resort_.jpg" alt="Soviva Resort & Aquapark" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-soviva-resort-sousse.html" style="color: #262626;background-color: transparent">Soviva Resort & Aquapark</a></div>
</div>
<div class="note-adresse-hotel">
<div class="threstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
3.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Moyen </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Tropicana_Family_Club_2.jpg" alt="Tropicana Family Club" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-3%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title" ><a href="https://www.tunisiebooking.com/hotel-tunisie/monastir/hotels/hotel-tropicana-club-monastir.html" style="color: #262626;background-color: transparent">Tropicana Family Club</a></div>
</div>
<div class="note-adresse-hotel">
<div class="threstars" style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__navigation navigation_prev" style="margin-top:3%;margin-left:-1.8%;pointer-events: none;">
<span><i class="fa-solid fa-angle-left owl-previcon_hotel3" style="color:#BDC3C7;"></i></span>
</div>
<div class="carousel__navigation navigation_next arrowr arrowsmall" >
<span><i class="fa-solid fa-angle-right" style="color:#262626;"></i></span>
</div>
<script>
const navigation_prev = document.querySelector('.navigation_prev');
const navigation_next = document.querySelector('.navigation_next');
const list_hotels3 = document.querySelector('.carousel__wrapper').children;
const hotels3 = document.getElementById("hotel3");
const icon_prev=document.querySelector('.owl-previcon_hotel3');
navigation_prev.addEventListener('click', () => {
var ch1= document.getElementById("hotel3").firstElementChild;
var n1 = document.getElementById("hotel3").lastElementChild;
let div_hotel3 = document.getElementById("hotel3");
let children_div_hotel3 = div_hotel3 .children;
for (let i = 0; i < children_div_hotel3.length; i++) {
if(i>2)
{
children_div_hotel3[i].style.display = "none";
}
else{
children_div_hotel3[i].style.display = "block";
}
}
hotels3.insertBefore(n1, hotels3.childNodes[0]);
},{passive: true})
navigation_next.addEventListener('click', () => {
icon_prev.style.color='#262626';
navigation_prev.style['pointer-events'] = 'auto';
let div_hotel3 = document.getElementById("hotel3");
let children_div_hotel3 = div_hotel3 .children;
var ch= document.getElementById("hotel3").firstElementChild;
var n = document.getElementById("hotel3").lastElementChild;
var c= document.getElementById("hotel3").firstElementChild;
for (let i = 0; i < list_hotels3.length; i++) {
first_child=children_div_hotel3[i];
c=children_div_hotel3[i+1];
//child=c.firstElementChild;
//hotels.insertBefore(c,first_child);
hotels3.insertBefore(ch,this.nextSibling);
//hotels.removeChild(ch);
list_hotels3[i].style.display="block";
for(let j=3;j<list_hotels3.length;j++){
list_hotels3[j].style.display="none";
}
}
},{passive: true})
</script>
</div>
</section>
</div>
<!-- Hotel all inclusive-->
<!-- meilleurs hotels prés de la plage-->
<div class="ruslt colsmall" style="margin-bottom:2%;margin-top:-3%;">
<section class="product-card-carousel-hotels container section container">
<div class="title">
<h3 class="title__title">Hotel Tunisie de Plage </h3>
<p class="title__subtitle" style="margin-left:1%;margin-right:16%;">Notre site propose une variété d'hotels à proximité de la plage en Tunisie. Quelle est la meilleure façon de passer vos vacances de rêve ? Voici <strong>les hôtels de plage préféré</strong> de nos voyageurs.</p>
</div>
<div class="product-card-carousel-hotels__wrapper" id="meilleur_hotels">
<div class="carousel carousel--initialized carousel--horizontal">
<div class="carousel__wrapper carousel__wrapper_meilleur_hotel" id="meilleur_hotel">
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/aziza_thalasso_&_golf_2.jpg" alt="Aziza Thalasso & Golf"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-sentido-aziza-beach-golf-et-spa-hammamet.html" style="color: #262626;background-color: transparent">Aziza Thalasso & Golf</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Bel_Azur_Thalasso_&_Bungalows_2.jpg" alt="Bel Azur Thalasso & Bungalows"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-bel-azur-thalassa-hammamet.html" style="color: #262626;background-color: transparent">Bel Azur Thalasso & Bungalows</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/best_beach_sousse_ex_targui_2.jpg" alt="Best Beach sousse ex targui"/>
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-best-beach-sousse-ex-targui-sousse.html" style="color: #262626;background-color: transparent">Best Beach sousse ex targui</a></div>
</div>
<div class="note-adresse-hotel">
<div class=threstars style="margin-top: 1px;margin-left:0%;">
</div>
<!--<div class="adresse2">
5.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">5.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Calimera_Delfino_Beach_2.jpg" alt="Calimera Delfino Beach" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-delfino-beach-resort-spa-hammamet.html" style="color: #262626;background-color: transparent">Calimera Delfino Beach</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!-- <div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/cesar_palace_et_casino_2.jpg" alt="Cesar Palace Sousse" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-cesar-palace-et-casino-sousse.html" style="color: #262626;background-color: transparent">Cesar Palace Sousse</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!-- <div class="adresse2">
3.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Moyen </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Cesar_Thalasso_2.jpg" alt="Cesar Thalasso" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-cesar-thalasso-djerba.html" style="color: #262626;background-color: transparent">Cesar Thalasso</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!-- <div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Club_Calimera_Yati_Beach_2.jpg" alt="Club Calimera Yati Beach" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-club-calimera-yati-beach-djerba.html" style="color: #262626;background-color: transparent">Club Calimera Yati Beach</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!-- <div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/club_palm_azur_2.jpg" alt="Club Palm Azur" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-riu-palm-azur-djerba.html" style="color: #262626;background-color: transparent">Club Palm Azur</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!-- <div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Barcelo_Concorde_Green_Park_Palace_2.jpg" alt="Concorde Green Park Palace" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-concorde-green-park-palace-sousse.html" style="color: #262626;background-color: transparent">Concorde Green Park Palace</a></div>
</div>
<div class="note-adresse-hotel">
<div class=fivestars style="margin-top: 1px;margin-left:0%;">
</div>
<!-- <div class="adresse2">
4.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Excellent </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/dar_ismail_2.jpg" alt="Dar Ismail" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/tabarka/hotels/hotel-dar-ismaeil-tabarka.html" style="color: #262626;background-color: transparent">Dar Ismail</a></div>
</div>
<div class="note-adresse-hotel">
<div class=fivestars style="margin-top: 1px;margin-left:0%;">
</div>
<!-- <div class="adresse2">
3.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/Delphin_EL_Habib_2.jpg" alt="Delphin EL Habib" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/monastir/hotels/hotel-delphin-el-habib-monastir.html" style="color: #262626;background-color: transparent">Delphin EL Habib</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!-- <div class="adresse2">
3.5 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">3.5/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/djerba_aqua_resort_2.jpg" alt="Djerba Aqua Resort" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-djerba-palace-djerba.html" style="color: #262626;background-color: transparent">Djerba Aqua Resort</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!-- <div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__slide carousel__slide--active" style="width: 316px; margin-right: 1.5%; display:none;">
<div class="product-card-hotels">
<div class="product-card-hotels__header">
<figure class="image product-card-hotels__image">
<img class="image_image ls-is-cached lazyloaded lazy" data-src="https://image.resabooking.com/images/image_panoramique/djerba_holiday_beach_2.jpg" alt="Djerba Holiday Beach" />
</figure>
</div>
<div class="product-card-hotels__body">
<div class="product-card-hotels__content isActive">
<div class="product-card-hotels__heading" style="margin-top:-5%;">
<div class="titre-hotel1" >
<div class="product-card-hotels__title"><a href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-djerba-holiday-beach-djerba.html" style="color: #262626;background-color: transparent">Djerba Holiday Beach</a></div>
</div>
<div class="note-adresse-hotel">
<div class=forstars style="margin-top: 1px;margin-left:0%;">
</div>
<!-- <div class="adresse2">
4.0 </div>-->
<div class="note-tripad" style="width:10%">
<div class="tripnot trip">
<img class="tripnot lazy" alt="tripadvisor" data-src="https://www.tunisiebooking.com/theme/images/icon_tripadvisor.svg"/>
</div>
</div>
<div class="triponotef1" style="margin-top:3%">
<span style="font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #262626;">4.0/5</span>
</div>
<div class="adresse32" style="margin-top: -7.5%;margin-left: 12%;">
Très Bien </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel__navigation prev_meilleur" style="margin-top:3%;margin-left:-1.8%;pointer-events:none;">
<span><i class="fa-solid fa-angle-left owl-previcon_meilleur" style="color:#BDC3C7;"></i></span>
</div>
<div class="carousel__navigation next_meilleur arrowr arrowsmall" >
<span><i class="fa-solid fa-angle-right" style="color:#262626;"></i></span>
</div>
<script>
const navigation_prev_meilleur_hot = document.querySelector('.prev_meilleur');
const navigation_next_meilleur_hot = document.querySelector('.next_meilleur');
const list_meilleurs_hotels = document.querySelector('.carousel__wrapper_meilleur_hotel').children;
const meilleurs_hotels = document.getElementById("meilleur_hotel");
const icon_prev_meilleur=document.querySelector('.owl-previcon_meilleur');
navigation_prev_meilleur_hot.addEventListener('click', () => {
var ch1= document.getElementById("meilleur_hotel").firstElementChild;
var n1 = document.getElementById("meilleur_hotel").lastElementChild;
let div_meilleur_hotel = document.getElementById("meilleur_hotel");
let children_div_meilleur_hotel = div_meilleur_hotel.children;
for (let i = 0; i < children_div_meilleur_hotel.length; i++) {
if(i>2)
{
children_div_meilleur_hotel[i].style.display = "none";
}
else{
children_div_meilleur_hotel[i].style.display = "block";
}
}
meilleurs_hotels.insertBefore(n1, meilleurs_hotels.childNodes[0]);
},{passive: true})
navigation_next_meilleur_hot.addEventListener('click', () => {
icon_prev_meilleur.style.color='#262626';
navigation_prev_meilleur_hot.style['pointer-events'] = 'auto';
let div_meilleur_hotel = document.getElementById("meilleur_hotel");
let children_div_meilleur_hotel = div_meilleur_hotel.children;
var ch= document.getElementById("meilleur_hotel").firstElementChild;
var n = document.getElementById("meilleur_hotel").lastElementChild;
var c= document.getElementById("meilleur_hotel").firstElementChild;
for (let i = 0; i < list_meilleurs_hotels.length; i++) {
first_child=children_div_meilleur_hotel[i];
c=children_div_meilleur_hotel[i+1];
//child=c.firstElementChild;
//hotels.insertBefore(c,first_child);
meilleurs_hotels.insertBefore(ch,this.nextSibling);
//hotels.removeChild(ch);
list_meilleurs_hotels[i].style.display="block";
for(let j=3;j<list_meilleurs_hotels.length;j++){
list_meilleurs_hotels[j].style.display="none";
}
}
},{passive: true})
</script>
</div>
</section>
</div>
<!-- Destination similaires-->
<div class="col-lg-12 col-md-12 col-sm-12 destination destinationsmall newclass" style="margin-top:3%;margin-bottom:1%;">
<section style="display:block;">
<h3 class="title__title" style="margin-left: -30.5px;">Destinations Similaires</h3>
<p class="title__subtitle title__subtitless" style="margin-right:6.8%;margin-left: -1.5%;width: 71%;">Découvrez les secrets de chaque destination grâce à nos guides et informations de voyage. Alors planifiez votre voyage avec nos <strong>offres</strong> spécialement conçues pour vous. Nous sommes votre compagnon de voyage et nous sommes à vos côtés pour <strong>les meilleures vacances de votre vie</strong>.</p>
<div class="bui-card" style="margin-left: -7%;margin-right: 21%;width: 82.5%;">
<div class="bui-card__content">
<div class="bui-carousel bui-carousel--medium bui-u-bleed@small destinationsimialrsmall" style="left:-5%;">
<ul class="bui-carousel__inner" id="list_dest" style="height:109%">
<li class="bui-carousel__item" style="height: 19%; box-shadow:none;">
<a class="bui-card bui-card--media bui-card--transparent" href="https://www.tunisiebooking.com/hotel-sousse.html" style=" width: 71%;">
<div class="bui-card__image-container">
<img class="lazy bui-card__image" data-src="http://www.tunisiebooking.com/theme/images/destinations/sousse.jpg" alt="ville Sousse"/>
<div class="product-card-small__info">
<p class="product-card-small__title">Sousse</p>
</div>
</div>
</a>
</li>
<li class="bui-carousel__item" style="height: 19%; box-shadow:none;">
<a class="bui-card bui-card--media bui-card--transparent" href="https://www.tunisiebooking.com/hotel-tabarka.html" style=" width: 71%;">
<div class="bui-card__image-container">
<img class="lazy bui-card__image" data-src="http://www.tunisiebooking.com/theme/images/destinations/tabarka.jpg" alt="ville Tabarka"/>
<div class="product-card-small__info">
<p class="product-card-small__title">Tabarka</p>
</div>
</div>
</a>
</li>
<li class="bui-carousel__item" style="height: 19%; box-shadow:none;">
<a class="bui-card bui-card--media bui-card--transparent" href="https://www.tunisiebooking.com/hotel-tozeur.html" style=" width: 71%;">
<div class="bui-card__image-container">
<img class="lazy bui-card__image" data-src="http://www.tunisiebooking.com/theme/images/destinations/ph_tozeur1.jpg" alt="ville Tozeur"/>
<div class="product-card-small__info">
<p class="product-card-small__title">Tozeur</p>
</div>
</div>
</a>
</li>
<li class="bui-carousel__item" style="height: 19%; box-shadow:none;">
<a class="bui-card bui-card--media bui-card--transparent" href="https://www.tunisiebooking.com/hotel-monastir.html" style=" width: 71%;">
<div class="bui-card__image-container">
<img class="lazy bui-card__image" data-src="http://www.tunisiebooking.com/theme/images/destinations/monastir.jpg" alt="ville Monastir"/>
<div class="product-card-small__info">
<p class="product-card-small__title">Monastir</p>
</div>
</div>
</a>
</li>
<li class="bui-carousel__item" style="height: 19%; box-shadow:none;">
<a class="bui-card bui-card--media bui-card--transparent" href="https://www.tunisiebooking.com/hotel-hammamet.html" style=" width: 71%;">
<div class="bui-card__image-container">
<img class="lazy bui-card__image" data-src="http://www.tunisiebooking.com/theme/images/destinations/hammamet.jpg" alt="ville Hammamet"/>
<div class="product-card-small__info">
<p class="product-card-small__title">Hammamet</p>
</div>
</div>
</a>
</li>
<li class="bui-carousel__item" style="height: 19%; box-shadow:none;">
<a class="bui-card bui-card--media bui-card--transparent" href="https://www.tunisiebooking.com/hotel-mahdia.html" style=" width: 71%;">
<div class="bui-card__image-container">
<img class="lazy bui-card__image" data-src="http://www.tunisiebooking.com/theme/images/destinations/mahdia.jpg" alt="ville Mahdia"/>
<div class="product-card-small__info">
<p class="product-card-small__title">Mahdia</p>
</div>
</div>
</a>
</li>
<li class="bui-carousel__item" style="height: 19%; box-shadow:none;">
<a class="bui-card bui-card--media bui-card--transparent" href="https://www.tunisiebooking.com/hotel-douz.html" style=" width: 71%;">
<div class="bui-card__image-container">
<img class="lazy bui-card__image" data-src="http://www.tunisiebooking.com/theme/images/destinations/douz.jpg" alt="ville Douz"/>
<div class="product-card-small__info">
<p class="product-card-small__title">Douz</p>
</div>
</div>
</a>
</li>
<li class="bui-carousel__item" style="height: 19%; box-shadow:none;">
<a class="bui-card bui-card--media bui-card--transparent" href="https://www.tunisiebooking.com/hotel-tunis.html" style=" width: 71%;">
<div class="bui-card__image-container">
<img class="lazy bui-card__image" data-src="http://www.tunisiebooking.com/theme/images/destinations/tunis.jpg" alt="ville Tunis"/>
<div class="product-card-small__info">
<p class="product-card-small__title">Tunis</p>
</div>
</div>
</a>
</li>
<li class="bui-carousel__item" style="height: 19%; box-shadow:none;">
<a class="bui-card bui-card--media bui-card--transparent" href="https://www.tunisiebooking.com/hotel-zarzis.html" style=" width: 71%;">
<div class="bui-card__image-container">
<img class="lazy bui-card__image" data-src="http://www.tunisiebooking.com/theme/images/destinations/zarzis.jpg" alt="ville Zarzis"/>
<div class="product-card-small__info">
<p class="product-card-small__title">Zarzis</p>
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="carousel__navigation owl-prevv arrowsmalldest1" style="margin-top: 8%;margin-left: -2.5%;pointer-events:none;">
<span><i class="fa-solid fa-angle-left owl-previcon" style="color:#BDC3C7;"></i></span>
</div>
<div class="carousel__navigation owl-nextt arrowsmalldest" style="margin-top: 8%;margin-left: 70%;">
<span><i class="fa-solid fa-angle-right" style="color:#262626;"></i></span>
</div>
<script>
const prevv = document.querySelector('.owl-prevv');
const icon_prev_dest=document.querySelector('.owl-previcon');
const nxtt = document.querySelector('.owl-nextt');
const list_dest = document.querySelector('.bui-carousel__inner').children;
const dest = document.getElementById("list_dest");
prevv.addEventListener('click', () => {
var ch= document.getElementById("list_dest").firstElementChild;
var n = document.getElementById("list_dest").lastElementChild;
// var node = document.getElementById("List2").firstChild;
let div = document.getElementById("list_dest");
let children = div.children;
for (let i = 0; i < children.length; i++) {
if(i>6)
{
children[i].style.display = "none";
}
else{
children[i].style.display = "block";
}
dest.insertBefore(n, dest.childNodes[0]);
}
//n.style.display="block";
},{passive: true});
nxtt.addEventListener('click', () => {
icon_prev_dest.style.color='#262626';
prevv.style['pointer-events'] = 'auto';
let div = document.getElementById("list_dest");
let children = div.children;
var ch= document.getElementById("list_dest").firstElementChild;
var n = document.getElementById("list_dest").lastElementChild;
var c= document.getElementById("list_dest").firstElementChild;
for (let i = 0; i < list_dest.length; i++) {
first_child=children[i];
c=children[i+1];
//child=c.firstElementChild;
//hotels.insertBefore(c,first_child);
dest.insertBefore(ch,this.nextSibling);
//hotels.removeChild(ch);
list_dest[i].style.display="block";
for(let j=6;j<list_dest.length;j++){
list_dest[j].style.display="none";
}
}
})
</script>
</div>
</div>
</section>
</div>
<!-- dates speciales-->
<div class="col-lg-12 col-md-12 col-sm-12 specilasmall" style="margin-top:0.5%;margin-bottom:9%;">
<section class="hotelsville" style="display:block;display:block;margin-left: -3%;">
<div class="title titlesmall11" data-component="Title">
<h3 class="title__title1" style="text-align: center">Quand et où partir en vacances</h3>
</div>
<div class="memo_fp_suggestedlinks memosmall">
<ul>
<li><a href="https://www.tunisiebooking.com/offre-vacances-hiver.html">Envie d Hiver au Soleil ?</a></li>
<li><a href="https://www.tunisiebooking.com/offre-last-minute-tunisie.html">Les offres Last Minute</a></li>
<li><a href="https://www.tunisiebooking.com/offre-special-sud-tunisien.html">Spécial Sud Tunisien</a></li>
<li><a href="https://www.tunisiebooking.com/hotel-early-booking.html">Early booking</a></li>
<li><a href="https://www.tunisiebooking.com/hotel-avec-toboggan.html">Toboggan</a></li>
<!--<li><a href="https://www.tunisiebooking.com/hotel-reveillon.html">Reveillon</a></li>-->
</ul>
</div>
</section>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 hotelqsmall" style=" margin-top:-4%;text-align:center; padding:15px 10px; font-size:14px;color:#000000; width:1000px;">
<div class="visib visibsmall" style="text-align:left;margin-left: -2%;"><h2>Hotel pas cher en Tunisie</h2> </div>
<div id="txt13" class="visib visibsmall" style="margin-left:-2%"><span id="f_text" class="visib"><p><strong> </strong></p>
<p><strong>La Tunisie</strong> est l’une des destinations les plus prisées par les touristes venus du monde entier.<br data-start="243" data-end="246" /> Réputée pour son <strong>climat ensoleillé</strong>, ses <strong>plages dorées</strong>, ses<strong> magnifiques hôtels</strong>, ses <strong>monuments</strong>,<strong> déserts et souks authentiques</strong>, la Tunisie offre tout le confort pour des vacances de rêve.<br data-start="430" data-end="433" /> Que vous partiez en <strong>voyage en Tunisie</strong>, en famille, entre amis ou en solo, pour vous détendre ou réaliser des projets professionnels, ce pays vous promet une ambiance chaleureuse et accueillante.<br data-start="627" data-end="630" /> Lors de votre séjour, ne manquez pas de <strong>visiter les 24 villes tunisiennes</strong> réparties sur tout le territoire, notamment les plus populaires comme <em>Hammamet, Tunis, Monastir, Sousse, Djerba, Tozeur, Kélibia</em>, etc.... <span id="aff_suite2" onclick="aff_suite2()" style="color:#2B6CC6;cursor:pointer"><span style="color:#2a2f30;"> <img class="lazy" data-src="https://www.tunisiebooking.com/images/suite.svg" style="margin-top:0px;width: 1%;" alt="liste" /></span></p></span><span id="fulltext" class="invisib" style="display:none;">
<h2><br />Sélection des hôtels les mieux notés en Tunisie<br /><br /></h2>
<p data-start="128" data-end="179">Plusieurs critères permettent de<strong> choisir les meilleurs hôtels en Tunisie en 2025</strong> pour passer un séjour agréable.</p>
<p data-start="295" data-end="437">Tout d’abord, il est conseillé de jeter un coup d’œil aux <strong>avis clients, positifs et négatifs</strong>, de ceux qui ont testé les hôtels 4 et 5 étoiles.</p>
<p data-start="439" data-end="545"><strong>L’emplacement de l’établissement</strong> joue également un rôle très important, selon les préférences des clients.</p>
<p data-start="547" data-end="783">Certains préfèrent un <strong>hôtel de luxe proche de la plage</strong> (Djerba, Sousse, Hammamet), tandis que d’autres se sentent plus à l’aise dans un <strong>cadre culturel</strong> (Tunis, Kairouan) ou privilégient un <strong>environnement calme et nature</strong>l (Tozeur, le sud).</p>
<p data-start="785" data-end="934">Outre ces critères, il convient de vérifier le <strong>rapport qualité/prix</strong> et de choisir celui qui vous offre les meilleurs services à des prix compétitifs.</p>
<p data-start="936" data-end="1098">Optez toujours pour des établissements qui proposent des<strong> services et des équipements de qualité</strong>, et qui accordent un grand intérêt à la <strong>propreté</strong> et à la <strong>sécurité</strong>.</p>
<p data-start="936" data-end="1098">Bref, pour toute information ou demande de réservation, l'<a href="../../">agence de voyage Tunisiebooking</a> vous accompagne dans toutes vos démarches.</p></span></div> </div>
<div class="col-lg-12 col-md-12 col-sm-12 bloc_image_voldest imagesmalldest" style="">
<div class="col-lg-6 col-md-6 col-sm-6" style="color:#000000; width:1000px;">
<div class="col-lg-12 col-md-12 col-sm-12" style="padding:0px; color:#000000 ">
<div class="visib visibsmall12" style="text-align:left;margin-left: -6%;"><h2><span style=" font-size:32; ">Que Faire lors d’un séjour</span><strong> en Tunisie</strong> ?</h2> </div>
<div id="txt14" class="visib text14small" style="margin-left: -5%;"><span id="f_text14" class="visib"><p data-start="116" data-end="159"><strong>Visiter la Tunisie en une semaine</strong> ou plus, c’est plonger dans un voyage riche et diversifié : entre <strong>mers cristallines</strong>, <strong>plages dorées</strong>, <strong>déserts du Sahara</strong>, <strong>merveilles naturelles</strong>, <strong>traditions culturelles</strong>, etc.</p>
<p data-start="367" data-end="513">Lors de vos vacances, vous pouvez explorer les villes les plus populaires du pays, notamment <em>Hammamet, Sousse, Djerba, Monastir, Tabarka, Kélibia.</em>... <span id="aff_suite3" onclick="aff_suite3()" style="color:#2B6CC6;cursor:pointer"><span style="color:#2a2f30;"> <img class="lazy" data-src="https://www.tunisiebooking.com/images/suite.svg" style="margin-top:0px;width: 1.5%;" alt="liste" /></span></p></span><span id="fulltext14" class="invisib" style="display:none;">
<p data-start="515" data-end="690">En plus des hôtels 4 et 5 étoiles offrant des prestations de qualité et des services haut de gamme, vous allez admirer les plages ensoleillées et l’atmosphère méditerranéenne.</p>
<p data-start="692" data-end="834">Profitez également de diverses balades dans les souks traditionnels, les monuments historiques les plus célèbres, les beaux paysages naturels.</p>
<p>Notre agence propose une large sélection de <strong>promo <strong><a href="../../">Tunisie Booking</a></strong> </strong>des meilleurs hôtels en Tunisie pas Cher.</p>
<h3>Découvrir la Tunisie autrement</h3>
<p>- <a href="https://blog.tunisiebooking.com/que-faire-en-tunisie-6-activites-incontournables-a-vivre-en-2025/" target="_blank">Activités incontournables en Tunisie</a><br />- <a href="https://blog.tunisiebooking.com/les-plus-belles-plages-de-tunisie/" target="_blank">Plages paradisiaques de Tunisie</a><br />- <a href="https://blog.tunisiebooking.com/parcs-aquatiques-en-tunisie/" target="_blank">Meilleurs parcs aquatiques en Tunisie</a><br />- <a href="https://blog.tunisiebooking.com/parcours-de-golf-en-tunisie/" target="_blank">Golf en Tunisie</a><br />- <a href="https://blog.tunisiebooking.com/desert-tunisien-activites-et-lieux-incontournables/" target="_blank">Désert Tunisien : Les meilleures activités</a><br />- <a href="https://blog.tunisiebooking.com/sites-archeologiques-tunisie/" target="_blank">Sites archéologiques en Tunisie</a><br />- <a href="https://blog.tunisiebooking.com/iles-tunisie/" target="_blank">Les plus belles îles de Tunisie</a></p></span></div> <div class="col-lg-12 col-md-12 col-sm-12" style="padding:0px;color:#262626;margin-left: -6%;">
<span class="spansmall" style=" font-size:30px;font-weight:600;margin-bottom:10px;width: 147%;display: flex;">Les Questions les plus fréquentes sur les hôtels EN Tunisie</span>
<div class="questionsmall" style="margin-top:2%;width: 150%;">
<button class="accordion">Quels sont les meilleurs hôtels en Tunisie ?
</button>
<div class="panel">
<p><p>Parmi les meilleurs hôtels de luxe en Tunisie, on peut citer :</p>
<p>1. Four Seasons Hotels à Tunis.</p>
<p>2. Movenpick Hotel à Sousse.</p>
<p>3. Hasdrubal Thalassa & Spa à Djerba.</p>
<p>4. Anantara Sahara-Tozeur Resort & Villas à Tozeur.</p></p>
</div>
<button class="accordion">Quelle est la meilleure période pour réserver un hôtel en Tunisie ?</button>
<div class="panel">
<p><p>La Tunisie bénéficie d’un agréable climat méditerranéen. Voici donc les meilleures périodes pour réserver votre séjour au pays.</p>
<p>1. D'avril à juin : Durant ces mois, vous allez profiter des températures douces, bons tarifs et moins de monde.</p>
<p>2. Du septembre à octobre : Bénéficiez d’une mer encore chaude, une ambiance calme et un climat agréable.</p>
<p>3. Du juillet & août : Pendant la haute saison touristique, le climat est très chaud, les prix sont élevés et les plages sont bondées.</p></p>
</div>
<button class="accordion">Quels sont les hôtels qui acceptent les animaux de compagnie en Tunisie ?</button>
<div class="panel">
<p><p>Voici quelques exemples d'établissements hôteliers acceptant les animaux domestiques en Tunisie.</p>
<p> 1. Seabel Alhambra Beach Golf & Spa Port El Kantaoui.</p>
<p>2. Les Orangers Garden Villas & Bungalows.</p>
<p>3. SENTIDO Aziza Beach</p>
<p>4. El Mouradi Palace.</p>
<p>5. Occidental Sousse Marhaba.</p></p>
</div>
<button class="accordion">Quels sont les hôtels pieds dans l’eau en Tunisie ?</button>
<div class="panel">
<p><p>Voici quelques exemples d’hôtels se trouvant en bord de mer en Tunisie.</p>
<p>1. Iberostar Selection Kuriat Palace – Monastir</p>
<p>2. TUI BLUE Palm Beach Palace – Djerba</p>
<p>3. Mövenpick Resort & Marine Spa – Sousse</p>
<p>4. Royal Thalassa Monastir</p>
<p>5. Vincci Marillia – Yasmine Hammamet</p></p>
</div>
<button class="accordion">Liste des hôtels autorisant le burkini en Tunisie </button>
<div class="panel">
<p><p>En Tunisie, le port du burkini n’est pas interdit à ces établissements.</p>
<p>1. Palm Azur Djerba</p>
<p>2. Hotel Dar Khayam – Hammamet</p>
<p>3. Iberostar Kuriat Palace Monastir</p>
<p>4. Mövenpick Sfax.</p>
<p> </p></p>
</div>
<button class="accordion">Quels sont les hôtels avec une plage privée en Tunisie les mieux notés ?</button>
<div class="panel">
<p><p><br />Parmi les hôtels disposant d’une plage privative, on peut citer :</p>
<p><br />1. Radisson Blu Palace Resort & Thalasso Djerba.<br />2. Jaz Tour Khalef Sousse.<br />3. El Mouradi Mahdia.<br />4. Iberostar Selection Kuriat Palace – Monastir</p></p>
</div>
<button class="accordion">Quels sont les meilleurs hôtels 3 étoiles en Tunisie ?</button>
<div class="panel">
<p><p>Même avec un hôtel 3 étoiles, vous pouvez passer un séjour agréable en Tunisie. Vous avez donc le choix entre :</p>
<p>1.Hôtel Haroun Djerba.</p>
<p>2.Dar Khayam Hammamet</p>
<p>3.Jinene Sousse</p>
<p>4.Sahara Beach Monastir.</p></p>
</div>
<button class="accordion">Quels sont les meilleurs hôtels 4* en Tunisie ?</button>
<div class="panel">
<p><p>Si vous cherchez un hôtel 4 étoiles en Tunisie, vous pouvez choisir :</p>
<p>1. Lella Baya & Thalasso Hammamet.</p>
<p>2. Orient Palace & Spa Sousse.</p>
<p>3. El Mouradi Djerba Menzel.</p>
<p>4. Kelibia Beach.</p></p>
</div>
<button class="accordion">Top hôtels adaptés aux familles en Tunisie </button>
<div class="panel">
<p><p>Découvrez les meilleurs hôtels convenant parfaitement aux familles en Tunisie.</p>
<p>1. Golden Tulip President Hammamet.</p>
<p>2. Marhaba Club Sousse</p>
<p>3. Jaz Tour Khalef Sousse</p>
<p>4. Seabel Rym Beach Djerba</p>
<p>5. Tui Blue Manar</p></p>
</div>
<button class="accordion">Quels sont les meilleurs hôtels adaptés aux couples en Tunisie ? </button>
<div class="panel">
<p><p>Voici une sélection des hôtels romantiques les plus appréciés par les couples en Tunisie.</p>
<p>1. Le Corail Suites Hotel</p>
<p>2. Mövenpick Resort & Marine Spa</p>
<p>3. Radisson Blu Hotel & Conference Center</p>
<p>4. Vincci helios beach</p>
<p>5. Tui Palm bech Djerba Adult Only</p></p>
</div>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /wrap -->
<!-- /top-bar-inner -->
<a title="Retour en haut de page" href="#" id="back_to_top" class="lp_back_to_top big_arrow show" style="display:none"> </a>
<!-- Facebook Pixel Code -->
<script type="text/javascript">
//////////////////////
//////////////////////
////////////////////////////
function aff_suite()
{
document.getElementById('txt1').className="invisib";
document.getElementById('txt2').className="visib";
document.getElementById('txt1').className="invisib";
document.getElementById('txt2').className="visib";
}
function cach_suite()
{
document.getElementById('txt1').className="visib";
document.getElementById('txt2').className="invisib";
}
function aff_suite1()
{
document.getElementById('txt11').className="invisib";
document.getElementById('txt22').className="visib";
}
function cach_suite1()
{
document.getElementById('txt11').className="visib";
document.getElementById('txt22').className="invisib";
}
function aff_suite2(){
var link = document.getElementById('cach_suite2');
if (link) {
link.remove(); // Remove the element from the page
}
// Get the truncated text and full text (remainingText)
var truncatedText = document.getElementById('f_text').innerHTML;
var fullText = document.getElementById('fulltext').innerHTML;
// Find and remove the ellipsis ('...') before the "see more" link (id="aff_suite2")
var seeMoreLink = document.getElementById('aff_suite2');
if (truncatedText.includes('...') && seeMoreLink) {
// Remove the '...' before the "see more" link
truncatedText = truncatedText.replace('...', '');
}
// Concatenate the truncated text with the full text
var concatenatedText = truncatedText + fullText;
// Insert the spanHTML before the last </p>
var lastPIndex = concatenatedText.lastIndexOf('</p>');
if (lastPIndex !== -1) {
// Insert spanHTML just before the last </p>
var spanHTML = '<span id="cach_suite2" onclick="cach_suite2()" style="color:#2B6CC6;cursor:pointer"><span style="color:#2a2f30;"> <img class="lazy" style="width: 1%;transform: rotate(180deg);" src="https://www.tunisiebooking.com/images/suite.svg" alt="liste" /></span>';
// Concatenate the spanHTML before the last </p>
concatenatedText = concatenatedText.slice(0, lastPIndex) + spanHTML + concatenatedText.slice(lastPIndex);
}
// Update the 'f_text' element to display the full concatenated text
document.getElementById('f_text').innerHTML = concatenatedText;
// Hide the 'fulltext' span as it's no longer needed
document.getElementById('fulltext').style.display = 'none';
document.getElementById('fulltext').innerHTML = '';
var link = document.getElementById('aff_suite2');
link.style.display = 'none';
// Hide the "see more" link after clicking
var link = document.getElementById('aff_suite2');
link.style.display = 'none'; // Hide the "see more" link after clicking
// Change the "show less" button back to "show more"
}
function cach_suite2(){
var link = document.getElementById('aff_suite2');
if (link) {
link.remove(); // Remove the element from the page
}
// Get the truncated text and full text
var truncatedText = document.getElementById('f_text').innerHTML;
var fullText = document.getElementById('fulltext').innerHTML;
// Set the first two <p> elements to the truncated text (inside f_text)
var paragraphs = truncatedText.split('</p>');
if (paragraphs.length > 2) {
truncatedText = paragraphs.slice(0, 2).join('</p>') + '</p>';
}
// Create the "see more" link HTML
var spanHTML = '<span id="aff_suite2" onclick="aff_suite2()" style="color: rgb(43, 108, 198); cursor: pointer; display: inline;"><span style="color:#2a2f30;"> <img class="" data-src="https://www.tunisiebooking.com/images/suite.svg" style="margin-top:0px;width: 1%;" alt="liste" src="https://www.tunisiebooking.com/images/suite.svg"></span></span>';
// Find the last </p> index and add the spanHTML after it
var lastPIndex = truncatedText.lastIndexOf('</p>');
if (lastPIndex !== -1) {
truncatedText = truncatedText.slice(0, lastPIndex) + '...' + spanHTML + '</p>';
}
// Insert the remaining paragraphs inside the fulltext span
var remainingParagraphs = paragraphs.slice(2).join('</p>');
// Update the 'f_text' element with the new truncated text
document.getElementById('f_text').innerHTML = truncatedText;
// Insert the fulltext content
document.getElementById('fulltext').innerHTML = remainingParagraphs;
// Hide the fulltext span as it's no longer needed
document.getElementById('fulltext').style.display = 'none';
$('html, body').animate({
scrollTop: $("#txt13").offset().top
}, 800); // 800ms for smooth scrolling
}
function aff_suite3(){
var link = document.getElementById('cach_suite3');
if (link) {
link.remove(); // Remove the element from the page
}
// Get the truncated text and full text (remainingText)
var truncatedText = document.getElementById('f_text14').innerHTML;
var fullText = document.getElementById('fulltext14').innerHTML;
// Find and remove the ellipsis ('...') before the "see more" link (id="aff_suite2")
var seeMoreLink = document.getElementById('aff_suite3');
if (truncatedText.includes('...') && seeMoreLink) {
// Remove the '...' before the "see more" link
truncatedText = truncatedText.replace('...', '');
}
// Concatenate the truncated text with the full text
var concatenatedText = truncatedText + fullText;
// Insert the spanHTML before the last </p>
var lastPIndex = concatenatedText.lastIndexOf('</p>');
if (lastPIndex !== -1) {
// Insert spanHTML just before the last </p>
var spanHTML = '<span id="cach_suite3" onclick="cach_suite3()" style="color:#2B6CC6;cursor:pointer"><span style="color:#2a2f30;"> <img class="lazy" style="width: 1.5%;transform: rotate(180deg);" src="https://www.tunisiebooking.com/images/suite.svg" alt="liste" /></span>';
// Concatenate the spanHTML before the last </p>
concatenatedText = concatenatedText.slice(0, lastPIndex) + spanHTML + concatenatedText.slice(lastPIndex);
}
// Update the 'f_text' element to display the full concatenated text
document.getElementById('f_text14').innerHTML = concatenatedText;
// Hide the 'fulltext' span as it's no longer needed
document.getElementById('fulltext14').style.display = 'none';
document.getElementById('fulltext14').innerHTML = '';
var link = document.getElementById('aff_suite3');
link.style.display = 'none';
// Hide the "see more" link after clicking
var link = document.getElementById('aff_suite3');
link.style.display = 'none'; // Hide the "see more" link after clicking
// Change the "show less" button back to "show more"
}
function cach_suite3(){
var link = document.getElementById('aff_suite3');
if (link) {
link.remove(); // Remove the element from the page
}
// Get the truncated text and full text
var truncatedText = document.getElementById('f_text14').innerHTML;
var fullText = document.getElementById('fulltext14').innerHTML;
// Set the first two <p> elements to the truncated text (inside f_text)
var paragraphs = truncatedText.split('</p>');
if (paragraphs.length > 2) {
truncatedText = paragraphs.slice(0, 2).join('</p>') + '</p>';
}
// Create the "see more" link HTML
var spanHTML = '<span id="aff_suite3" onclick="aff_suite3()" style="color: rgb(43, 108, 198); cursor: pointer; display: inline;"><span style="color:#2a2f30;"> <img class="" data-src="https://www.tunisiebooking.com/images/suite.svg" style="margin-top:0px;width: 1.5%;" alt="liste" src="https://www.tunisiebooking.com/images/suite.svg"></span></span>';
// Find the last </p> index and add the spanHTML after it
var lastPIndex = truncatedText.lastIndexOf('</p>');
if (lastPIndex !== -1) {
truncatedText = truncatedText.slice(0, lastPIndex) + '...' + spanHTML + '</p>';
}
// Insert the remaining paragraphs inside the fulltext span
var remainingParagraphs = paragraphs.slice(2).join('</p>');
// Update the 'f_text' element with the new truncated text
document.getElementById('f_text14').innerHTML = truncatedText;
// Insert the fulltext content
document.getElementById('fulltext14').innerHTML = remainingParagraphs;
// Hide the fulltext span as it's no longer needed
document.getElementById('fulltext14').style.display = 'none';
$('html, body').animate({
scrollTop: $("#txt14").offset().top
}, 800); // 800ms for smooth scrolling
}
//////////////////////
function donnerfocus(id_hotel)
{
document.hotel.id_xml_hotel.value=id_hotel;
document.hotel.depart.focus();
ga('send','event','lancer le moteur','afficher le calendrier','via Tarifs et Dispo');
}
/**** Variables ****/
var cord=0;
var id_xml=0;
var fb_nb_days_connected = 30;
var fb_cookie_user_id = 'fid';
var fb_app_id = '';
var fb_channel = 'https://www.tunisiebooking.com/fbapplication/inc/channel.php';
var fb_site = 'www.tunisiebooking.com' // 'tn.tunisiebooking.com';
var fb_scope = '';
//Variable pour Activity Feed
var fb_af_width = 200;
var fb_af_height = 400;
var fb_af_border_color = '#CCC';
var fb_af_recommendations = true;
var fb_af_font = 'tahoma';
var fb_af_showheader = false;
var fb_af_filter = '*';
var fb_af_max_age = 100;
/*********** Cookie de stokage facebook ***********/
var fbAppId =1407266759536593;
// Additional JS functions here
window.fbAsyncInit = function() {
FB.init({
appId : fbAppId, // App ID
status : true, // check login status
cookie : true, // enable cookies to allow the
version :'v2.9',
xfbml : true // parse page for xfbml or html5
// social plugins like login button below
});
// Put additional init code here
};
// Load the SDK Asynchronously
/////////////////////////
function postLike(action,ref) {
var action=action;
var ref=ref;
var objectToLike = 'https://tn.tunisiebooking.com/detail_hotel_'+ref+'/';
//alert(objectToLike);
/////////////////////////////
FB.login(function (r) {
if (r && !r.error) {
if (r.authResponse) {
FB.api(
'me/viptunisiebooking:'+action,
'post',
{
hotels: objectToLike,
'fb:explicitly_shared' : 'true'
},
function(response) {
if (!response) { alert('Error occurred.'); } else if (!response.error) {
var myData = 'id_xml='+ref+'&action='+action;
jQuery.ajax({
type: "POST",
url: "https://www.tunisiebooking.com/fbapplication/update_count_action.php",
dataType:"html",
data:myData,
success:function(response){
if(action=='appreciate') {document.getElementById("fbbootan_a"+ref).removeAttribute('onclick');document.getElementById('nbr_app'+ref).innerHTML =response;document.getElementById('fb_ijaime'+ref).className ="fb_jaime_d";document.getElementById('b_borderj'+ref).className ="b_border_d";document.getElementById("fbbootan_a"+ref).className ="fbbootand";}
if(action=='want_to_go') {document.getElementById("fbbootan_w"+ref).removeAttribute('onclick');document.getElementById('nbr_want'+ref).innerHTML =response; document.getElementById('fb_iwantgo'+ref).className ="fb_wantgo_d";document.getElementById('b_borderw'+ref).className ="b_border_d";document.getElementById("fbbootan_w"+ref).className ="fbbootand";}
}
});
}
}
);
}
} }, {scope: 'publish_actions'}); }
function pax_adulte(en)
{
var new_enf=document.getElementById('enfants'+en);
var new_adult=document.getElementById('adultes'+en);
var x=new_enf.value;
var a=new_adult.value;
while(new_enf.firstChild!=null){ new_enf.removeChild(new_enf.firstChild); }
var new_option = new Option(a.text, a.value);
for(var i=0;i<=(4*1-a*1);i++) {
new_option=document.createElement("option");
new_option.value=i;
new_option.text=i;
if(x==i)new_option.selected="selected";
new_enf.appendChild(new_option);
}
}
///////////
function gcookie(name)
{
if(document.cookie.length>0)
{
start=document.cookie.indexOf(name+"=");
pos = start+name.length+1;
if(start!=0) { start=document.cookie.indexOf("; "+name+"="); pos = start+name.length+3; }
if(start!=-1)
{
start=pos;
end=document.cookie.indexOf(";",start);
if(end==-1) {end=document.cookie.length;}
return unescape(document.cookie.substring(start,end));
}
}
return '';
}
function fromDateRecovery(selectedDate)
{
document.getElementById("fldPickupDay").value=selectedDate.substring(0,2);
document.getElementById("fldPickupMonth").value=selectedDate.substring(3,5);
document.getElementById("fldPickupYear").value=selectedDate.substring(6,10);
var pickup_date=new Date($("#depart").datepicker("getDate"));
unix_return_date=pickup_date.getTime()+3600*24*1*1000;
return_date=new Date(unix_return_date);
}
function dateDiffd(date1, date2){
var diffr = {} // Initialisation du retour
var tmp = date2 - date1;
tmp = Math.floor(tmp/1000); // Nombre de secondes entre les 2 dates
diffr.sec = tmp % 60; // Extraction du nombre de secondes
tmp = Math.floor((tmp-diffr.sec)/60); // Nombre de minutes (partie entière)
diffr.min = tmp % 60; // Extraction du nombre de minutes
tmp = Math.floor((tmp-diffr.min)/60); // Nombre d'heures (entières)
diffr.hour = tmp % 24; // Extraction du nombre d'heures
tmp = Math.floor((tmp-diffr.hour)/24); // Nombre de jours restants
diffr.day = tmp;
return diffr;
}
</script>
<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', '475585305905151');
fbq('track', 'PageView');
fbq('track', 'ViewContent');
</script>
<noscript><img height="1" width="1" style="display:none" class="lazy" data-src="https://www.facebook.com/tr?id=475585305905151&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
</div>
</div>
<!-- /footer -->
<div style="clear:both; height:20px"> </div>
<script src="https://www.tunisiebooking.com/theme/responsive-design/js/jquery-3.3.1.js"></script>
<script type="text/javascript">
////////////////////////
function recherche()
{
if(document.hotel.ville.value=='')
{
alert(" Veuillez choisir une ville !!");
document.hotel.ville.focus();
verif=1;
return false;
}
if(document.hotel.depart.value=='')
{
alert(" Veuillez choisir votre date de départ !!");
document.hotel.depart.focus();
verif=1;
return false;}
var nbcham=document.hotel.chambres.value;
if(nbcham==0)
{
alert(" Veuillez choisir nombre de chambres");
document.hotel.chambres.focus();
verif=1;
return false;}
for(var z=1;z<=nbcham;z++)
{
for(var k=1;k<=document.getElementById("enfants"+z).value;k++)
{
if(document.getElementById("age"+z+"_"+k).value=='')
{
alert(" Veuillez choisir l'age de votre enfant !!");
document.getElementById("age"+z+"_"+k).focus();
document.getElementById("myDiv").style.border = "2px solid red";
return false;
}
}
}
}
</script>
<div class="shadow-container3 seidbar_left_ffff" style="display:none">
<div style=" padding:8px;font-size:20px; margin-bottom:8px; color:#000000">Raffinez votre recherche</div>
<form name="interval_prix" >
<div class="filtre_prix">
<div style="clear:both">
<script type="text/javascript">
var arrayPRIX=new Array;
arrayPRIX['0']=false;</script>
<label for="amount"></label>
<input type="hidden" name="prix1" value="0">
<input type="hidden" name="prix2" value="0">
<input type="hidden" name="limit" value="">
<div style="width:160px; padding:4px;float:left;">
<input name="text" type="text" id="amount" style="border:0; font-size:11px; color:#000000; font-size:11px; font-family:Arial;width:45px" />
</div>
<div style="padding:4px ;" >
<input type="text" id="amountm" style="border:0; font-size:11px; font-family:Arial; color:#000000; width:45px;text-align:right" /></div>
<div id="slider-range">
</div>
</div>
</div>
<input name="ville" type="hidden" value="Djerba" />
</form>
<div class="etikette top_etikette" >
<span class="titre_seidbar">Catégorie</span>
<div class="flech_bas"><img class="lazy" data-src="https://www.tunisiebooking.com/theme/images/flech_bas.png" alt="flech bas" /></div>
<form name="categorie" >
<ul class="gf-checkbox">
<li >
<input type="checkbox" id="et5" onchange="filtrer_tous(0)" /><label for="et5">5 étoiles</label>
<div style="float:right">
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
</div>
</li>
<li >
<input type="checkbox" id="et4" onchange="filtrer_tous(0)" /><label for="et4">4 étoiles</label>
<div style="float:right">
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
</div>
</li>
<li >
<input type="checkbox" id="et3" onchange="filtrer_tous(0)" /><label for="et3">3 étoiles</label>
<div style="float:right">
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
</div>
</li>
<li style="display:none">
<input type="checkbox" id="et2" onchange="filtrer_tous(0)" /><label for="et2">2 étoiles</label>
<div style="float:right">
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
<img width="14" height="14" class="lazy" data-src="https://tunisiebooking.com/theme/images/star_r.png" alt="star" />
</div>
</li>
</ul>
</form>
</div>
<div class="etikette top_etikette">
<span class="titre_seidbar">Formule</span>
<div class="flech_bas"><img class="lazy" data-src="https://www.tunisiebooking.com/theme/images/flech_bas.png" alt="flech_bas" /></div>
<form name="formules" >
<ul class="gf-checkbox">
<li>
<input type="checkbox" id="formules_lpd" value="LPD" onchange="filtrer_tous(0)" />
<label>Petit Déjeuner</label>
</li>
<li>
<input type="checkbox" id="formules_dp" value="DP" onchange="filtrer_tous(0)" /><label>Demi Pension</label>
</li>
<li>
<input type="checkbox" id="formules_dp_plus" value="DP_plus" onchange="filtrer_tous(0)" /><label>Demi Pension plus</label>
</li>
<li>
<input type="checkbox" id="formules_pc" value="PC" onchange="filtrer_tous(0)" />
<label >Pension complète</label>
</li>
<li>
<input type="checkbox" id="formules_pc_plus" value="PC_plus" onchange="filtrer_tous(0)" />
<label>Pension complète plus</label>
</li>
<li>
<input type="checkbox" id="formules_all" value="ALLIN" onchange="filtrer_tous(0)" /><label >Tout Compris</label>
</li>
<li>
<input type="checkbox" id="formules_all_soft" value="ALLIN_soft" onchange="filtrer_tous(0)" /><label >Tout Compris soft</label>
</li>
<li>
<input type="checkbox" id="formules_all_ultra" value="ALLIN_ultra" onchange="filtrer_tous(0)" /><label >Tout Compris ultra</label>
</li>
</ul>
</form>
</div>
</div>
<link rel="stylesheet" property='stylesheet' type="text/css" href="https://www.tunisiebooking.com/theme/styles/fontello-resphtps.css" media="print" onload="this.media='all'" />
<script src="https://www.tunisiebooking.com/js/destination.js"></script>
</div>
<!-----------------------------------------------------------------------------FOOTER 2----------------------------------------------------------------------------->
<div style="clear:both"></div>
<div class="conteneur_footer2" style="background-color:#1d1d1d">
<style>
/* A simple css reset */
/* Add some padding for small screens */
.wrapper {
padding-left: 10px;
padding-right: 10px;
}
.conteneur_footer2
{
margin-top:0px !important;
}
.footer2 {
width: 1172px;
margin: 0 auto;
clear: both;
}
B{/*font-size: 18px;color:#000000;*/}
.annif{background-image:url("https://www.resabooking.com/marketing/anniv/img/ban_annif.jpg"); width:600px; height:306px; }
.section_footer1 img{
/*width:50px;*/
margin:5px 0;
}
.section_footer1 span{
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
color:#FFFFFF;
}
.reso_sociaux img{
width:15px;
margin:10px 0;
}
.drapeau img{
width:15px;
margin-top:13px;
margin-left:12px;
}
.plan{width:100;margin-left: 140px;}
.plan a{
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
color:#FFFFFF;
float:right;
}
.tel {
float: left;
width: 150px;
font-size: 16px;
}
.satis span{margin-left:-33px;text-align:center;}
.paiement span{margin-left:-28px;text-align:center;}
.paiement img{margin-right:18px;}
.satis img{margin-right:15px;}
.block1{width:100px;float:left;}
.block2{width:240px;}
.block3{width:240px;}
.lienplan{padding-top:10px; padding-left:50px;}
.wrapper .column1 {
width: 100%;
display: block;
margin-left:10px;
}
.btn{
font:bold 20px/22px Arial, Helvetica, sans-serif;
color:#f9f9f9;
text-transform:uppercase;
border-radius:3px;
background-color: #f40091;
border: none;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
padding: 10px 24px;
margin-top:20px;
}
@media(min-width:321px) and (max-width:767px){
.block1{ visibility: hidden;display:none;}
.annif{background-image:url("https://www.resabooking.com/marketing/anniv/img/img350_300.png"); width:350px; height:300px; }
.block2{display:block;width: 100%;margin-top:10px;padding-right:10px;}
.block2 td{width: 280px;}
.block2 tr{margin-top:0px;}
.block3{display:block;width: 100%; margin-top:0px;margin-bottom:10px;padding-right:10px;}
.block3 tr{margin-top:5px;}
.block3 td{width: 180px;}
.paiement img{ visibility: hidden !important;display:none;}
.paiement{padding-left:0px;
background-image: url("https://www.resabooking.com/marketing/anniv/img/sec_icone2.png" );
background-position: center top;
background-repeat: no-repeat;
background-size: 100px; border-right: 0.1px solid;border-top: 0.1px solid; border-color:#8d9092;}
.paiement span{font-size:12px;float:left;margin-top:80px;text-align: center; padding-left:40%}
.satis{padding-left:0px;
background-image: url("https://www.resabooking.com/marketing/anniv/img/sat_icone1.png" );background-position: center top;
background-repeat: no-repeat;
background-size: 100px;border-top: 0.1px solid; border-color:#8d9092;}
.satis img{ visibility: hidden !important;display:none;}
.satis span{font-size:12px;float:left;margin-top:80px;text-align: center;padding-left:40%}
.prix{padding-left:0px;
background-image: url("https://www.resabooking.com/marketing/anniv/img/garen1.png" );background-position: center top;
background-repeat: no-repeat;
background-size: 100px;border-right: 0.1px solid;border-color:#8d9092;}
.prix img{ visibility: hidden !important;display:none;}
.prix span{font-size:12px;float:left;margin-top:80px;margin-left:65px;margin-bottom:10px;text-align: center;}
.agences{padding-left:0px;
background-image: url("https://www.resabooking.com/marketing/anniv/img/agence_icone1.png" );background-position: center top;
background-repeat: no-repeat;
background-size: 100px;
}
.agences img{ visibility: hidden !important;display:none;}
.agences span{font-size:12px;float:left;margin-top:80px;margin-left:40px;margin-bottom:10px;text-align: center;}
table{/*margin-right:10px;*/}
.btn{
font:bold 16px/18px Arial, Helvetica, sans-serif;
color:#f9f9f9;
text-transform:uppercase;
border-radius:3px;
padding: 10px 24px;
}
.wraper{width: 100%;}
.wrapper .section {
width: 100%;
}
.wrapper .section_footer
{
width: 100%;
}
h2{
font-size:18px;
}
p{
font-size: 16px; color:#000000;
}
B{}
.wrapper .column {
width: 100%;
display: block;
margin-left:10px;
}
.wrapper .column1 {
width: 100%;
display: block;
margin-left:10px;
}
.reso_sociaux {/*width: 100%;*/ margin-left:8px;}
.reso_sociaux span{ visibility: hidden;display:none;}
.reso_sociaux tr{width:50px;margin-left:100px;}
.reso_sociaux td{width:50px;margin-left:20px;}
.reso_sociaux img{width:20px;}
.plan {display:block;width: 100%;float:left;margin-left:50px;}
.plan a{font-family: Helvetica, Arial, sans-serif;
font-size:12px;
color:#FFFFFF;}
.drapeau{display:block;width: 100%;margin-left:75px;}
.drapeau td{width:40px;}
.drapeau tr{display:block;width: 100%; margin-bottom:5px;margin-left:40px; }
.drapeau img{width:25px;}
}
.section_footer1{}
.svg-icon_face {
width: 24px;
height:24px;
vertical-align:middle;
fill: #9a9a9a;
}
.svg-icon_face:hover {
width: 24px;
height:24px;
vertical-align:middle;
fill: #1877f2;
}
.svg-icon_twiter {
width: 24px;
height:24px;
vertical-align:middle;
fill: #9a9a9a;
}
.svg-icon_twiter:hover {
width: 24px;
height:24px;
vertical-align:middle;
fill: #1da1f3;
}
.svg-icon_youtube {
width: 24px;
height:24px;
vertical-align:middle;
fill: #9a9a9a;
}
.svg-icon_youtube:hover {
width: 24px;
height:24px;
vertical-align:middle;
fill: #cf2323;
}
.svg-icon_instragram {
width: 24px;
height:24px;
vertical-align:middle;
background-image: url(https://tn.tunisiebooking.com/images/instagram-11.svg);
background-repeat: no-repeat;
background-position:10%;
background-color:#9a9a9a;
border-radius: 8px;
}
.svg-icon_instragram:hover {
width: 24px;
height:24px;
vertical-align:middle;
background-image: url(https://tn.tunisiebooking.com/images/instagram-new.png);
background-repeat: no-repeat;
background-position:10%;
}
</style>
<div class="footer2" style="background-color:#1d1d1d; height:120px;">
<table style="width:100%">
<tr bgcolor="#1d1d1d">
<td class="column1" style="padding-top: 1%;">
<table class="section_footer1">
<tbody>
<tr>
<td align="left" class="block1">
<td align="center" style="font-size: 14px;line-height: 23px;text-align: left;font-family: Arial, sans-serif;width: 234px;">
<img src="https://tn.tunisiebooking.com/images/phone2.png" alt="annif" style=" height:50px; display:none"/>
<div class="conditions_general" style="color:#FFFFFF;margin-top:-9%;margin-left: -7%;"><a href="https://www.tunisiebooking.com/conditions-generales-de-ventes.php" style="color:#FFFFFF; ">Conditions Générales de Ventes</a><br/><a href="https://www.tunisiebooking.com/mentions-legales.php" style="color:#FFFFFF;">Mentions légales</a><br/>
<a href="https://www.tunisiebooking.com/politique-dep-protection-de-donnees.php" style="color:#FFFFFF; ">Politique de Protection de Données</a><br/> </div>
</td>
</td>
<td align="left" class="image_carte_cb block1" style="margin-left: 1%;">
<img width="38px" height="25px" style="position: absolute;margin-left: 10px;padding-top: 3px;" src="https://secure.tunisiebooking.com/theme/images/picto-visa.svg" alt="picto-visa" />
<img class="img_picto" width="34px" height="25px" style="position: absolute;margin-left: 12px;margin-top: 2%;" src="https://secure.tunisiebooking.com/theme/images/picto-mastercard.svg" alt="picto-mastercard" />
</td>
<td align="left" class="block1">
<td align="center" class ="col_prix tel" style="margin-left: -6%;">
<svg fill="#fff" width="100px" height="50px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewbox="0 0 512 512" style="enable-background:new 0 0 512 512;margin-top: 5px;" xml:space="preserve">
<g>
<g>
<path d="M450,118h-58.5c-5.523,0-10,4.477-10,10s4.477,10,10,10H450c12.131,0,22,9.869,22,22v114.121 c0,13.069-10.633,23.702-23.702,23.702H438V224c0-23.159-18.841-42-42-42H248.5v-30.5c0-5.523-4.477-10-10-10s-10,4.477-10,10V182 H62c-12.131,0-22-9.869-22-22s9.869-22,22-22h66.172c5.523,0,10-4.477,10-10s-4.477-10-10-10H62c-23.159,0-42,18.841-42,42 c0,0.555,0.021,1.106,0.042,1.656C20.02,161.932,20,162.208,20,162.489V470c0,23.159,18.841,42,42,42l388-0.012 c23.159,0,42-18.841,42-42V160C492,136.842,473.159,118,450,118z M418,470c0,11.976-9.62,21.741-21.538,21.988H396 c-0.078,0-0.154,0.01-0.232,0.012H62c-12.131,0-22-9.869-22-22V195.759C46.403,199.712,53.938,202,62,202h334 c12.131,0,22,9.869,22,22v73.823h-90c-34.187,0-62,27.813-62,62s27.813,62,62,62h90V470z M472,469.989c0,12.131-9.869,22-22,22 h-18.234c3.949-6.4,6.234-13.931,6.234-21.988v-48.177h6c10.444,0,20.112-3.363,28-9.049V469.989z M472,373.824 c0,15.439-12.561,28-28,28H328c-23.159,0-42-18.841-42-42s18.841-42,42-42h120.298c8.733,0,16.869-2.585,23.702-7.015V373.824z"/>
</g>
</g>
<g>
<g>
<path d="M309,65.168c-25.908,0-46.985,21.077-46.985,46.985c0,25.908,21.078,46.985,46.985,46.985 c25.908,0,46.985-21.077,46.985-46.985C355.985,86.245,334.908,65.168,309,65.168z M309,139.138 c-14.88,0-26.985-12.105-26.985-26.985S294.121,85.168,309,85.168c14.879,0,26.985,12.105,26.985,26.985 S323.88,139.138,309,139.138z"/>
</g>
</g>
<g>
<g>
<path d="M212,0c-25.908,0-46.985,21.077-46.985,46.985c0,25.908,21.078,46.985,46.985,46.985 c25.908,0,46.985-21.077,46.985-46.985S237.908,0,212,0z M212,73.97c-14.88,0-26.985-12.105-26.985-26.985S197.121,20,212,20 c14.879,0,26.985,12.105,26.985,26.985S226.88,73.97,212,73.97z"/>
</g>
</g>
<g>
<g>
<path d="M382.674,16.659H377v-5.674c0-5.523-4.477-10-10-10s-10,4.477-10,10v5.674h-5.674c-5.523,0-10,4.477-10,10s4.477,10,10,10 H357v5.675c0,5.523,4.477,10,10,10s10-4.477,10-10v-5.675h5.674c5.523,0,10-4.477,10-10S388.197,16.659,382.674,16.659z"/>
</g>
</g>
<g>
<g>
<path d="M179.667,97.75c-5.523,0-10,4.478-10,10v40.5c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10v-40.5 C189.667,102.227,185.19,97.75,179.667,97.75z"/>
</g>
</g>
<g>
<g>
<path d="M341.15,354.001c-1.87-1.86-4.44-2.931-7.08-2.931c-2.63,0-5.2,1.07-7.07,2.931c-1.86,1.859-2.92,4.439-2.92,7.069 c0,2.631,1.06,5.211,2.92,7.07c1.87,1.87,4.44,2.93,7.07,2.93c2.64,0,5.21-1.06,7.08-2.93c1.86-1.859,2.93-4.439,2.93-7.07 C344.08,358.44,343.01,355.86,341.15,354.001z"/>
</g>
</g>
<g>
<g>
<path d="M86.334,260c-5.523,0-10,4.478-10,10v82.333c0,5.522,4.477,10,10,10s10-4.478,10-10V270 C96.334,264.478,91.857,260,86.334,260z"/>
</g>
</g>
<g>
<g>
<path d="M93.4,379.77c-1.86-1.859-4.43-2.93-7.07-2.93c-2.63,0-5.21,1.07-7.07,2.93s-2.93,4.44-2.93,7.07s1.07,5.21,2.93,7.07 c1.86,1.859,4.44,2.93,7.07,2.93c2.64,0,5.21-1.07,7.07-2.93c1.87-1.86,2.93-4.44,2.93-7.07S95.27,381.63,93.4,379.77z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<div style="color:#FFFFFF; padding-top:5px;">Meilleur Prix <br/>GARANTI<br/> </div>
</td>
</td>
<td align="left" class="block1" >
<td align="center" class ="col_paiement tel" style="margin-left: -6%;">
<svg fill="#fff" width="100px" height="50px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
<g><g transform="translate(0.000000,511.000000) scale(0.100000,-0.100000)"><path d="M728.5,4272.1c-298.7-83.1-546-342.3-609.3-644.9c-17.8-81.1-21.8-678.6-17.8-2334.4l5.9-2225.6l43.5-108.8c65.3-158.3,176.1-294.8,318.5-389.7c229.5-154.3,43.5-144.4,2736-144.4H5615l5.9-993.1l5.9-995.1l51.4-110.8c73.2-156.3,178-263.1,330.4-338.3l132.5-65.3h1622.2h1622.2l132.5,65.3c152.3,75.2,257.2,182,330.4,338.3L9900-3564v1157.3v1157.3l-55.4,112.8c-95,195.9-282.9,346.2-474.8,381.8l-73.2,13.9V-280c0,405.6-4,474.8-39.6,585.6c-69.2,221.6-247.3,409.5-459,486.7l-95,35.6v1339.3c0,908-7.9,1372.9-21.8,1444.2c-31.7,152.3-104.9,294.8-209.7,411.5c-104.8,116.7-219.6,187.9-383.8,239.4c-116.7,35.6-247.3,37.6-3693.5,35.6C1569.3,4295.8,799.7,4291.9,728.5,4272.1z M8085.9,3951.6c55.4-27.7,136.5-91,180-138.5c122.6-138.5,140.5-219.6,140.5-615.3v-342.2H4400.3H394.2v362c0,338.3,4,366,47.5,459c57.4,120.7,170.1,231.5,288.8,284.9c89,39.6,112.8,41.6,3671.8,41.6H7983L8085.9,3951.6z M8406.4,1730V879.3l-745.8-5.9c-714.2-7.9-753.7-9.9-864.5-51.4c-247.3-93-389.7-219.6-494.6-439.2l-61.3-128.6l-5.9-498.6c-5.9-411.5-11.9-500.5-33.6-500.5c-15.8,0-79.1-19.8-142.4-43.5c-164.2-61.3-344.2-243.3-393.7-397.6l-35.6-112.8l-2403.7,4c-2393.8,5.9-2405.6,5.9-2494.7,47.5c-122.7,57.4-207.7,132.5-273,243.3l-53.4,91l-5.9,1746.9l-4,1744.9h4006.1h4006.1V1730z M8685.3,529.1c124.6-57.4,225.5-152.3,278.9-261.1c41.5-87.1,45.5-120.7,51.4-542.1l7.9-451.1H7775.3H6527v451.1V177l55.4,106.8c63.3,126.6,154.3,203.8,300.7,257.2c102.9,37.6,152.3,39.6,910,33.6C8560.7,570.7,8598.3,568.7,8685.3,529.1z M9405.4-1073.3c43.5-21.8,106.8-79.1,138.5-124.6l59.3-85.1l5.9-1105.9c4-1058.4,4-1107.9-33.6-1179.1c-43.5-87-104.8-146.4-193.9-191.9c-57.4-27.7-223.5-31.6-1612.3-31.6c-1460,0-1553,2-1628.2,37.6c-96.9,43.5-180,136.5-207.7,235.4c-15.8,49.5-19.8,421.4-15.8,1153.4l5.9,1078.2l53.4,81.1c33.6,53.4,89,98.9,158.3,132.5l104.8,51.4l1543.1-4C9304.5-1031.8,9328.3-1031.8,9405.4-1073.3z"/><path d="M1296.3,1015.8c-100.9-31.7-203.8-118.7-261.1-223.5l-57.4-102.9V135.5c0-488.7,4-565.8,35.6-646.9c41.5-108.8,164.2-223.5,271-255.2c45.5-11.9,451.1-17.8,1159.3-13.9l1088.1,5.9l83.1,55.4c45.5,29.7,106.8,91,136.5,136.5l55.4,81.1l5.9,599.4c5.9,670.7,5.9,676.6-138.5,813.1c-128.6,124.6-128.6,124.6-1280,122.6C1822.5,1033.6,1328,1023.7,1296.3,1015.8z M3480.4,699.3c21.8-21.8,43.5-59.3,49.5-83.1c5.9-25.7,9.9-267.1,5.9-534.2c-5.9-478.7-5.9-490.6-51.4-534.1l-45.5-45.5H2400.2H1359.6l-47.5,55.4c-47.5,55.4-47.5,55.4-47.5,550c0,506.5,11.9,589.5,83.1,617.2c13.8,5.9,490.6,11.9,1060.4,11.9C3411.1,738.8,3442.8,736.9,3480.4,699.3z"/><path d="M7650.7-1459.1c-360.1-51.4-633.1-395.7-603.4-761.7c9.9-130.6,85.1-322.5,156.3-399.6c41.5-43.5,43.5-47.5,13.8-257.2c-15.8-116.7-27.7-271-27.7-344.2c0-122.7,4-138.5,61.3-195.8c81.1-81.1,162.2-96.9,512.4-96.9c364,0,435.2,15.8,520.3,106.8c77.2,85.1,79.1,128.6,29.7,488.6l-33.6,251.3l57.4,65.3c102.9,124.6,136.5,227.5,136.5,433.2c0,168.2-5.9,199.8-55.4,304.7c-69.2,142.4-191.9,269-322.5,336.3c-85.1,41.5-136.5,55.4-292.8,79.1C7781.2-1445.2,7712-1451.2,7650.7-1459.1z M7983-1803.3c122.7-73.2,191.9-184,201.8-326.4c11.9-152.3-19.8-237.4-128.6-344.2l-89-89l51.4-306.7c27.7-168.2,51.4-318.5,51.4-336.3c0-27.7-39.6-31.6-296.7-31.6c-350.2,0-316.5-49.5-255.2,381.8l41.6,290.8l-87.1,95c-104.8,110.8-142.4,209.7-130.6,338.3C7373.7-1811.2,7704.1-1641.1,7983-1803.3z"/></g></g>
</svg>
<div style="color:#FFFFFF; padding-top:5px;"> Paiement 100% <br/>sécurise<br/> </div>
</td>
</td>
<td align="left" class="block1">
<td align="center" class ="col_clients tel" style="margin-left:-6%;">
<svg fill="#fff" width="80px" height="50px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
<g><path d="M500,10.1C229.8,10.1,10,229.9,10,500c0,270.3,219.8,489.9,490,489.9c270.1,0,490-219.7,490-489.9C990,229.9,770.1,10.1,500,10.1z M500,949.1C252.3,949.1,50.9,747.6,50.9,500C50.9,252.4,252.3,50.9,500,50.9c247.7,0,449.2,201.4,449.2,449.1C949.2,747.7,747.7,949.1,500,949.1z"/><path d="M732.9,611.8c-10.5-3.7-22.2,1.6-26.1,12.4c-31.2,86.8-114.3,145.4-206.7,145.4c-92.8,0-175.9-58.7-207-146.2c-3.7-10.6-15.5-16.2-26.1-12.4c-10.6,3.7-16.2,15.5-12.4,25.9C291.4,740.8,390,810.5,500.1,810.5c109.6,0,208.1-69.2,245.2-172.5C749.1,627.4,743.5,615.6,732.9,611.8z"/><path d="M310.4,333.8c41,0,74.5,40.4,74.5,90c0,11.3,9.1,20.4,20.4,20.4c11.2,0,20.4-9.1,20.4-20.4c0-72.2-51.7-130.9-115.3-130.9c-63.6,0-115.2,58.7-115.2,130.9c0,11.3,9.2,20.4,20.4,20.4s20.5-9.1,20.5-20.4C236,374.1,269.3,333.8,310.4,333.8z"/><path d="M689.7,292.8c-63.6,0-115.4,58.7-115.4,130.9c0,11.3,9.3,20.4,20.5,20.4c11.2,0,20.4-9.1,20.4-20.4c0-49.6,33.4-90,74.5-90c41,0,74.3,40.4,74.3,90c0,11.3,9.2,20.4,20.4,20.4s20.4-9.1,20.4-20.4C804.9,351.5,753.2,292.8,689.7,292.8z"/></g>
</svg>
<div style="color:#FFFFFF; padding-top:5px">+ 200000 Clients <br/>Satisfaits<br/> </div>
</td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
</div>
<div class="conteneur_footer2" style="background-color:#1d1d1d;">
<div class="footer2" style=" background-color:#1d1d1d">
<table class="footer_table" style="margin-left: 7%;width:82%">
<tr bgcolor="#1d1d1d">
<td class="column1" style="padding-top: 1%;">
<table class="section_footer1" style="border-top:1px solid #5b5b5b; margin-bottom:10px;">
<tbody>
<tr>
<td align="left" class="block1">
<td class="tel" style="text-align: justify;color: #9A9A9A;margin-left: -15%;width: 68%;margin-top: 3%;font-size: 13px;">
Link Tourism Partners Ltd est une agence de voyages constituée sous le droit maltais enregistrée au registre maltais des entreprises Sous le
n° C101832, ayant un Capital social 12 000 € sise à The Core, Valley Road, Msida MSD 9021, Malta (EU) .
<br>
Tunisiebooking.com est une marque commerciale deposée protégée par la loi Tunisienne propriété de Spring Travel Services immatriculée au registre national des Entreprise sous l'identifiant unique numéro : 0879902L dont l'usage est concédé suivant contrat de franchise à Link Tourism Partners Ltd .
</td>
<td align="center" class ="tel" style="padding-left:2%; margin-top:10px;">
</td>
<td align="left" class="block1">
<td align="center" class ="tel">
</td>
</td>
<td align="left" class="block1">
<td align="center" class ="tel">
</td>
</td>
<td align="left" class="block1">
<td align="center" class ="tel">
</td>
</td>
<td align="left" class="block1">
<td align="center" class ="tel">
</td>
</td>
<td align="left" class="block1">
<td align="center" class ="tel">
</td>
</td>
<td align="left" class="block1">
<td align="center" class ="tel">
</td>
</td>
<td align="left" class="txt_suivre" style="float: left;width: 80px;margin-left: 10%;margin-top: -2%;">
<span style=" color:#FFFFFF; font-size:14px;">Nous suivre:</span>
</td>
<td align="left">
<td id="col_fb" align="center" width="50px" style="padding-top: 2px;position: relative;float: left;margin-top: -61%;left: -41%;">
<a aria-label="link facebook" href="https://www.facebook.com/tunisiebookingofficiel/" target="_blank">
<svg class="svg-icon_face" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
<g><g transform="translate(0.000000,437.000000) scale(0.100000,-0.100000)"><path d="M5374.2,4245.3c-872.1-112.4-1438.5-640.6-1629.6-1515c-36-168.6-47.2-323.7-56.2-914.8l-13.5-714.8l-474.3-4.5l-474.3-6.7l-6.7-858.6l-4.5-860.9h483.3h483.3v-2450v-2450h1022.7h1022.7v2450v2450h685.5h685.5l9,51.7c6.7,27,42.7,368.6,80.9,757.5c38.2,388.8,76.4,755.2,83.2,815.9l13.5,105.6h-780h-779.9l6.7,591.1c6.7,669.8,18,712.5,182.1,820.4l89.9,60.7l627.1,6.7l624.9,6.8v842.9V4270l-869.9-2.2C5904.7,4265.5,5450.7,4256.5,5374.2,4245.3z"/></g></g>
</svg>
</a>
</td>
<td id="col_youtube" align="center" width="50px" style="padding-top: 4px;float: left;margin-left: -22%;margin-top: -61%;margin-right: -10%;position: relative;">
<a aria-label="link instagram" href="https://www.youtube.com/channel/UC71hBISp8WOPP8rEAeHb-rg" target="_blank">
<svg class="svg-icon_youtube" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg>
</a>
</td>
<td id="col_twitter" align="center" width="50px" style=" padding-top: 4px;float: left;position: relative;margin-top: -59%;margin-left: -2%;">
<a aria-label="link twitter" href="https://twitter.com/tunisiebooking1" target="_blank">
<!--<svg class="svg-icon_twiter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
<g><g><path d="M990,196.5c-27.8,40.6-61.4,75.2-100.7,103.8c0.4,5.8,0.6,14.5,0.6,26.1c0,53.9-7.9,107.7-23.6,161.4c-15.8,53.7-39.7,105.2-71.8,154.5c-32.1,49.3-70.4,93-114.7,130.9c-44.4,37.9-97.8,68.2-160.4,90.8S389.7,898,318.4,898c-112.3,0-215.2-30.1-308.4-90.2c14.5,1.7,30.7,2.5,48.5,2.5c93.3,0,176.4-28.6,249.4-85.8c-43.5-0.8-82.5-14.2-116.9-40.1c-34.4-25.9-58-59-70.9-99.2c13.7,2.1,26.3,3.1,37.9,3.1c17.8,0,35.4-2.3,52.9-6.8c-46.4-9.5-84.9-32.6-115.3-69.3C65,475.4,49.8,432.8,49.8,384.3v-2.5c28.2,15.8,58.5,24.3,90.8,25.5c-27.4-18.2-49.1-42.1-65.3-71.5C59.1,306.4,51,274.5,51,240.1c0-36.5,9.1-70.3,27.4-101.4c50.2,61.8,111.2,111.2,183.1,148.3c71.9,37.1,148.9,57.7,231,61.9c-3.3-15.8-5-31.1-5-46c0-55.5,19.6-102.9,58.8-142.1c39.2-39.2,86.5-58.8,142.1-58.8c58,0,107,21.1,146.8,63.4c45.2-8.7,87.7-24.9,127.5-48.5c-15.3,47.7-44.8,84.6-88.3,110.7C912.9,223.5,951.4,213.1,990,196.5L990,196.5z"/></g></g>
</svg>-->
</a>
</td>
<td id="col_instagram" align="center" width="50px" style="padding-top: 2px;float: left;margin-top: -57%;position: relative;margin-left: 18%;">
<a aria-label="link instagram" href="#" target="_blank">
<div class=""></div>
</a>
</td>
</td>
<td align="left" class="block1">
<td align="center" class ="tel">
<td id="link_tn" align="center" style="color: #fff;font-size: 18px; margin-top: -61%;float: left;margin-left: -21%;">
<a aria-label="link_tn" href="https://tn.tunisiebooking.com">
<svg fill="#fff" width="50px" height="30px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewbox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
<circle style="fill:#F0F0F0;" cx="256" cy="255.994" r="96"/>
<g>
<polygon style="fill:#D80027;" points="267.826,219.291 284.296,241.986 310.969,233.337 294.473,256.013 310.941,278.708 284.277,270.027 267.782,292.703 267.799,264.663 241.135,255.981 267.809,247.333 "/>
<path style="fill:#D80027;" d="M277.818,312.724c-31.33,0-56.727-25.397-56.727-56.727s25.397-56.727,56.727-56.727 c9.769,0,18.96,2.47,26.985,6.819c-12.589-12.31-29.804-19.909-48.803-19.909c-38.558,0-69.818,31.259-69.818,69.818 s31.26,69.818,69.818,69.818c18.999,0,36.215-7.599,48.803-19.909C296.777,310.254,287.587,312.724,277.818,312.724z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</td>
<td id="link_fr" align="center" style="color: #fff;font-size: 18px;float: left;margin-top: -61%;">
<a aria-label="link_fr" href="https://www.tunisiebooking.com">
<svg fill="#fff" width="50px" height="30px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewbox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
<rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/>
<rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</td>
</td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
</div>
</div>
<script>
function affiche_rslt_dest_bas(et2,et3,et4,et5,prixch,min_prix,max_prix,formules_lpd,formules_dp,formules_dp_plus,formules_pc,formules_pc_plus,formules_all_soft,formules_all,formules_all_ultra,ville,session,limit0,limit1)
{
var limit_sup=document.filtre.limit_sup.value*1;
limit0=0;
if(window.XMLHttpRequest) // Firefox et autres
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject)
{ // Internet Explorer
try { xhr_object = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {xhr_object= new ActiveXObject("Microsoft.XMLHTTP");}
}
else { alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr_object = false;}
var pageact=0;
if(limit0>0)pageact= limit0*1/3;
fichier2='https://www.tunisiebooking.com/theme/filtre_destv1resdesttunisie_newtunisie.php?et2='+et2+'&et3='+et3+'&et4='+et4+'&et5='+et5+'&prixch='+prixch+'&min_prix='+min_prix+'&max_prix='+max_prix+'&ville=Djerba&formules_lpd='+formules_lpd+'&formules_dp='+formules_dp+'&formules_dp_plus='+formules_dp_plus+'&formules_pc='+formules_pc+'&formules_pc_plus='+formules_pc_plus+'&formules_all='+formules_all+'&formules_all_ultra='+formules_all_ultra+'&formules_all_soft='+formules_all_soft+'&session=&limit0='+limit0+'&limit1='+limit_sup+'&monnaie=&pageact='+pageact;
// alert(fichier2);
xhr_object.open("GET", fichier2,false); xhr_object.setRequestHeader("Cache-Control","no-cache");xhr_object.send(null);
if(xhr_object.readyState == 4){retour1= xhr_object.responseText;}
////////
var html=retour1;
var elem = html.split('@@@');
document.filtre.tot_res.value=elem[1];
document.getElementById('ruslt').innerHTML='';document.getElementById('nbrreslt').innerHTML='';document.getElementById('ruslt').innerHTML=elem[0];document.getElementById('nbrreslt').innerHTML='<b>'+elem[1]+'</b> hôtels trouvés à<span style="color:#000000"> Djerba:</span>';
}
function plus_resultat() {
var limit_sup = document.filtre.limit_sup.value * 1 + 3;
document.filtre.limit_sup.value = limit_sup;
// Display loading indicator
document.getElementById('loder_tnb').style.display = 'block';
// Simulate asynchronous data fetching (replace this with your actual logic)
setTimeout(function () {
if (document.filtre.tot_res.value * 1 > document.filtre.limit_sup.value * 1 - 3) {
// Fetch more content
filtrer_tous(3);
if (document.filtre.tot_res.value * 1 <= document.filtre.limit_sup.value * 1) {
// Hide "Voir plus d'hotels" link if all content is loaded
document.getElementById('plus_res').style.display = 'none';
}
} else {
// Hide "Voir plus d'hotels" link if no more content is available
document.getElementById('plus_res').style.display = 'none';
}
// Hide loading indicator after fetching data
document.getElementById('loder_tnb').style.display = 'none';
// Additional logic or script execution if needed
ga('send', 'event', 'afficher + de produits', 'afficher + de produits', 'clic afficher + de produits');
var loaded_content = document.getElementById('loaded_content');
var arr = loaded_content.getElementsByTagName('script');
for (var n = 0; n < arr.length; n++) {
eval(arr[n].innerHTML); // Run script inside div
}
}, 2000); // Adjust the delay time or replace with your actual data fetching logic
}
document.addEventListener("DOMContentLoaded", function() {
var lazyloadImages;
if ("IntersectionObserver" in window) {
lazyloadImages = document.querySelectorAll(".lazy");
var imageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
var image = entry.target;
image.src = image.dataset.src;
image.classList.remove("lazy");
imageObserver.unobserve(image);
}
});
});
lazyloadImages.forEach(function(image) {
imageObserver.observe(image);
});
} else {
var lazyloadThrottleTimeout;
lazyloadImages = document.querySelectorAll(".lazy");
function lazyload () {
if(lazyloadThrottleTimeout) {
clearTimeout(lazyloadThrottleTimeout);
}
lazyloadThrottleTimeout = setTimeout(function() {
var scrollTop = window.pageYOffset;
lazyloadImages.forEach(function(img) {
if(img.offsetTop < (window.innerHeight + scrollTop)) {
img.src = img.dataset.src;
img.classList.remove('lazy');
}
});
if(lazyloadImages.length == 0) {
document.removeEventListener("scroll", lazyload);
window.removeEventListener("resize", lazyload);
window.removeEventListener("orientationChange", lazyload);
}
}, 20);
}
document.addEventListener("scroll", lazyload);
window.addEventListener("resize", lazyload);
window.addEventListener("orientationChange", lazyload);
}
})
</script>
<script type="text/javascript">
var trackOutboundLink = function(url,outbound,click_labell,detaill_event) { ga('send', 'event', outbound, click_labell, detaill_event, url, { 'transport': 'beacon', 'hitCallback': function(){document.location = url;} });
}
var trackOutboundLink2 = function(url,outbound,click_labell,detaill_event) { ga('send', 'event', outbound, click_labell, detaill_event); document.location = url;}
function sousrecherche_moteur()
{ var cookValue = "" ; cookValue=recup_cookie('pseudo'); if(cookValue){var tab=cookValue.split("##"); ga('send','event','Destination',' via moteur',tab[0]); }document.hotel.submit();}
function recherche()
{
if(document.hotel.ville.value==''){ alert(" Veuillez choisir votre destination !!");
document.hotel.ville.focus();verif=1;return false;}
else if(document.getElementById("nbr_nuit").value>20){ alert("pour tout séjour > à 20 nuits, merci de contacter notre service clients !!");document.hotel.checkout.focus();verif=1;return false;}
else if(document.hotel.checkin.value=='' || document.hotel.depart.value=='jj/mm/aaaa')
{
alert(" Veuillez choisir votre date de départ !!");
document.hotel.depart.focus();
verif=1;
return false;
}
var nbcham=document.hotel.chambres.value;
if(nbcham==0)
{
alert(" Veuillez choisir nombre de chambres");
document.hotel.chambres.focus();
verif=1;
return false;}
for(var z=1;z<=nbcham;z++)
{
if((document.getElementById("enfants"+z).value=='0')&&(document.getElementById("adultes"+z).value=='0'))
{
alert(" Veuillez choisir le nombre d'enfants et adultes !!");
document.getElementById("enfants"+z).focus();
document.getElementById("adultes"+z).focus();
return false;
}
for(var k=1;k<=document.getElementById("enfants"+z).value;k++)
{
if(document.getElementById("age"+z+"_"+k).value=='')
{
alert(" Veuillez choisir l'age de votre enfant !!");
document.getElementById("age"+z+"_"+k).focus();
return false;
}
}
// params_ch+="bebe"+z+"="+document.getElementById("bebe"+z).value+"&";
}
var nb_passage=0;
for(var z=1;z<=nbcham;z++)
{
nb_passage=(document.getElementById("enfants"+z).value)*1+(document.getElementById("adultes"+z).value)*1;
//if(nb_passage==0){alert("Repartition des chambre non valide");document.hotel.chambres.focus(); return false;}
}
}
function recherche1()
{
if(document.hotel.ville.value==''){ alert(" Veuillez choisir votre destination !!");document.hotel.ville.focus();verif=1;return false;}
else if(document.getElementById("nbr_nuit").value>20){ alert("pour tout séjour > à 20 nuits, merci de contacter notre service clients !!");document.hotel.checkout.focus();verif=1;return false;}
else if(document.hotel.checkin.value=='' || document.hotel.depart.value=='jj/mm/aaaa')
{
alert(" Veuillez choisir votre date de départ !!");
document.hotel.depart.focus();
verif=1;
return false;
}
var nbcham=document.hotel.chambres.value;
if(nbcham==0)
{
alert(" Veuillez choisir nombre de chambres");
document.hotel.chambres.focus();
verif=1;
return false;}
for(var z=1;z<=nbcham;z++)
{
for(var k=1;k<=document.getElementById("enfants"+z).value;k++)
{
}
// params_ch+="bebe"+z+"="+document.getElementById("bebe"+z).value+"&";
}
var nb_passage=0;
for(var z=1;z<=nbcham;z++)
{
nb_passage=(document.getElementById("enfants"+z).value)*1+(document.getElementById("adultes"+z).value)*1;
//if(nb_passage==0){alert("Repartition des chambre non valide");document.hotel.chambres.focus(); return false;}
}
}
function urlencode(s) {
s = encodeURIComponent(s);
return s.replace(/~/g,'%7E').replace(/%20/g,'+');
}
function getCookieValue(cookieName) {
var cookieValue = "";
if (document.cookie && document.cookie !== '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
if (document.cookie.length >= 4000) {
if(cookie.substring(cookie.indexOf('{'), cookie.lastIndexOf('}')) === (cookieName + '=')){
cookieValue = decodeURIComponent(cookie.substring(cookie.indexOf('{'), cookie.lastIndexOf('}')));
//alert(cookieValue);
}
}
else{
if (cookie.substring(0, cookieName.length + 1) === (cookieName + '=')) {
cookieValue = decodeURIComponent(cookie.substring(cookieName.length + 0));
break;
}
}
}
}
return cookieValue;
}
function recherche_y()
{
let cookieName = "myObjList"+document.getElementById("search").value;
var cookieContent = getCookieValue(cookieName);
var cookies_string="";
var cookies_string=cookieContent;
cookies_string = cookies_string.replace(/\\/g, '').replace('"",', '').replace(']', '').replace('=', '');
var rech=recherche();
if(rech!=false){
let form = document.forms['hotel'];
let formData = new FormData(form);
let searchy = new URLSearchParams(formData);
let queryString = searchy.toString();
// add click event listener to button
// create a new object with some data
var newObj ={ destination: document.getElementById("search").value, depart: document.getElementById("checkin").value, arrivee: document.getElementById("checkout").value, chambre: document.getElementById("text-ch").innerHTML, adultes1: document.getElementById("adult1").innerHTML, ens1: document.getElementById("enfants1").innerHTML, enfants1: document.getElementById("enfants1").value,adultes2: document.getElementById("adult2").innerHTML, ens2: document.getElementById("enfants2").innerHTML, enfants2: document.getElementById("enfants2").value ,adultes3: document.getElementById("adult3").innerHTML, ens3: document.getElementById("enfants3").innerHTML, enfants3: document.getElementById("enfants3").value, adultes4: document.getElementById("adult4").innerHTML, ens4: document.getElementById("enfants4").innerHTML, enfants4: document.getElementById("enfants4").value, adultes5: document.getElementById("adult5").innerHTML, ens5: document.getElementById("enfants5").innerHTML,enfants5: document.getElementById("enfants5").value,age1_1: document.getElementById("age1_1").value, age1_2:document.getElementById("age1_2").value, age1_3:document.getElementById("age1_3").value, age2_1:document.getElementById("age2_1").value, age2_2:document.getElementById("age2_2").value, age2_3:document.getElementById("age2_3").value, age3_1:document.getElementById("age3_1").value, age3_1:document.getElementById("age3_1").value, age3_2:document.getElementById("age3_2").value, age3_3:document.getElementById("age3_3").value,};
let jsonStr = JSON.stringify(newObj);
document.cookie = "myObjList"+document.getElementById("search").value+"=" + jsonStr + "; expires=Thu, 01 Jan 2099 00:00:00 UTC; path=/;max-age=86400;max-size=2048";
$("#loading_btn_224").css({"display":"block"});
$("#span_btn_224").css({"display":"none"});
$(".pen").css({"display":"none"});
$("#validation-error").css({"display":"none"});
window.location.href = "https://www.tunisiebooking.com/"+"theme/rsltv2_new_v2.php?item="+urlencode(btoa(queryString));
//document.location=""+"theme/rsltv2_new_amira.php?item="+urlencode(btoa(queryString));
}
}
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var lazyloadImages;
if ("IntersectionObserver" in window) {
lazyloadImages = document.querySelectorAll(".lazy");
var imageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
var image = entry.target;
image.src = image.dataset.src;
image.classList.remove("lazy");
imageObserver.unobserve(image);
}
});
});
lazyloadImages.forEach(function(image) {
imageObserver.observe(image);
});
} else {
var lazyloadThrottleTimeout;
lazyloadImages = document.querySelectorAll(".lazy");
function lazyload () {
if(lazyloadThrottleTimeout) {
clearTimeout(lazyloadThrottleTimeout);
}
lazyloadThrottleTimeout = setTimeout(function() {
var scrollTop = window.pageYOffset;
lazyloadImages.forEach(function(img) {
if(img.offsetTop < (window.innerHeight + scrollTop)) {
img.src = img.dataset.src;
img.classList.remove('lazy');
}
});
if(lazyloadImages.length == 0) {
document.removeEventListener("scroll", lazyload);
window.removeEventListener("resize", lazyload);
window.removeEventListener("orientationChange", lazyload);
}
}, 20);
}
document.addEventListener("scroll", lazyload);
window.addEventListener("resize", lazyload);
window.addEventListener("orientationChange", lazyload);
}
})
//this is the lazy loding for image its infect the browser too
</script>
<script>
jQuery(document).on('click', '.obf', function(){
var t = jQuery(this);
var link = atob(t.data('o'));
window.open(link);
});
</script>
<link rel="stylesheet" property='stylesheet' type="text/css" href="https://www.tunisiebooking.com/theme/styles/animation.css" media="print" onload="this.media='all'" />
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9a0769e2c978f196',t:'MTc2MzQ2ODMzOQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"1683329412334ba286ace2668304b184","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
