<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr-fr" dir="ltr" >
<head>
<title>Tunisie Booking Agence de voyage : le N° 1 D'Hôtel Tunisie</title>
<meta name="keywords" content="agence de voyage, agence de voyage tunisie, tunisie booking, hotels, promo hotel, vente flash" />
<meta name="description" content="Tunisie Booking, Agence de Voyage en Tunisie Spécialiste de la Réservation d’Hôtels : ✓Offres Exclusives ✓Prix Compétitifs ✓Expertise - Service Clients 7/7." />
<meta name="google-site-verification" content="V7FnC16cI6u1BcA5JxTXLjE6hl2wCVGrDdLF2e0iyXg" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="https://tn.tunisiebooking.com/theme/styles/stylehoteltn.css" rel="stylesheet" type="text/css" media="print" onload="this.media='all'" />
<meta name="robots" content="index,follow"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
<meta property="fb:admins" content="100002112262971" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta property="fb:pages" content="311740685604449" />
<meta property="og:title" content="Tunisie Booking Agence de voyage : le N° 1 D'Hôtel Tunisie" />
<meta property="og:description" content="Tunisie Booking, Agence de Voyage en Tunisie Spécialiste de la Réservation d’Hôtels : ✓Offres Exclusives ✓Prix Compétitifs ✓Expertise - Service Clients 7/7." />
<meta property="og:image" content="https://www.tunisiebooking.com/theme/images/img_face/codev6.png" />
<meta property="fb:page_id" content="311740685604449"/>
<meta property="og:url" content="https://www.tunisiebooking.com/" />
<meta property="og:site_name" content="tunisiebooking" />
<meta property="fb:app_id" content="1407266759536593" />
<meta property="og:type" content="viptunisiebooking:hotels" />
<meta name="msvalidate.01" content="19D37373D59B805C2DFDB120EEEB6964" />
<link rel="canonical" href="https://www.tunisiebooking.com/"/>
<link rel="icon" href="https://www.tunisiebooking.com/images/icon.gif" type="image/gif" />
<link rel="alternate" type="application/rss+xml" title="tunisiebooking Flux" href="https://www.tunisiebooking.com/flux-rss.xml" />
<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" />
<link rel="apple-touch-icon" href="https://www.tunisiebooking.com/images/custom_icon.png"/>
<link rel="alternate" href="https://tn.tunisiebooking.com/" hreflang="fr-tn" />
<link rel="alternate" href="https://www.tunisiebooking.com/" hreflang="fr-fr" />
<style>
.titley {
margin-top: -4.1% !important;
z-index: 2;
background: linear-gradient(0deg, #06892B, #008009);
border-radius: 4px;
font-family: -apple-system, "Roboto", Segoe UI, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 15px;
text-align: center;
letter-spacing: 0.01em;
color: #fff;
position: absolute;
width: 53%;
height: 27px;
padding: 2px;
padding-left: 7px;
margin-left: 2%;
}
.div_ouidays {
z-index: 2;
position: absolute;
width: 59%;
height: 27px;
background: linear-gradient(90deg, #F7AF17 0.01%, #F40091 59.13%, #F40091 100%);
border-radius: 4px;
padding-top: 1px;
margin:2%;
}
.text_ouidays {
color: #FFFFFF;
font-family: 'Inter', sans-serif;
font-style: italic;
font-weight: 700;
font-size: 17px;
margin-left: 6px;
}
.chronoday_oui {
color: #FFF500 !important;
margin-left: 48% !important;
width: 109px;
height: 21px;
top: 3px;
background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFF600;
border-radius: 4px;
position: absolute;
font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 14px;
padding-top: 1.5%;
}
.div_venteFlash {
z-index: 2;
position: absolute;
width: 190px;
height: 28px;
background: linear-gradient(0deg, #262626, #262626), #FCA700;border-radius: 100px;
/*border-radius: 4px;*
padding-top: 1px;*/
margin:2%;
}
.chronoday_vf {
color: #fff !important;
margin-left: 25% !important;
/* width: 109px; */
/* height: 21px; */
top: 3px;
/* background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFF600; */
border-radius: 4px;
position: absolute;
font-family: -apple-system, 'Roboto', Segoe UI, Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 14px;
padding-top: 1.5%;
}
.img_hotel_in{
overflow: hidden;
}
.image_hotel{
z-index: 1;
transition:transform 2s;
}
.image_hotel:hover{
vertical-align: top;
transform: scale(1.2);
/*transition: all .5s ease-in-out;
transform-origin: center center;
transform: scale(1.2);*/
}
.slick-prev:before, .slick-next:before{
border-radius:94px;
}
.apartirde{
font-size: 11px !important;
font-weight: 400;
color:#6B6B6B !important;
}
.bloc_titre a{
text-shadow:none;
font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;
font-weight: 500;
color:#262626;
}
.prix_produit{
color:#262626 !important;
}
.date_prix{
font-size:12px;
font-weight: 400;
color:#6B6B6B !important;
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation : portrait) {
.etiquette{
top:0px !important;
}
.avantage{
width: 700px !important;
}
.bui-carousel__inner{
width: 729px !important;
margin-top:4%;
}
.owl-nextt{
margin-left: 140.5% !important;
}
.carousel-inner {
display: flex;
}
.carousel-item {
margin-right: 0;
flex: 0 0 33.333333%;
display: block;
}
.carousel-inner{
padding: 1em;
}
.card{
margin: 0 .5em;
box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
border: none;
}
.carousel-control-prev, .carousel-control-next{
background-color: #e1e1e1;
width: 6vh;
height: 6vh;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
}
.profitez_des_promotions{
margin-top: 3% !important;
margin-left: 2%;
padding-right: 4%;
}
.offres_spec_promo{
margin-left: 2%;
margin-right: 2%;
width:96% !important;
}
.bui-carousel__produits{
width: 112% !important;
height: 841px;
margin-left: 0% !important;
}
.bui-carousel__item_produit{
width: 105% !important;
height: 285px !important;
background: transparent !important;
box-shadow: none !important;
margin-right: 2%;
margin-left: -2.5%;
}
#fiveGaranties{
width:105% !important;
margin-left:-1% !important;
}
.slick-slide{
width:322px !important;
/*height: 178px!important;*/
margin-right:-1% !important;
}
.conteneur_footer1{
width: 100% !important;
position: absolute;
margin-top:-70% !important;
margin-bottom: 29%;
height: 534px;
}
.conteneur_footer2 {
width: 100% !important;
}
.footer2_1{
margin-top: -30%!important;
margin-bottom: -34%;
width:100% !important;
padding-left:3%;
}
.footer2_2 .tel{
padding-left: 13% !important;
}
.pb-md-4{
height: 765px !important;
}
.slick-slide{
height:267px !important;
}
.title_slider_avantage{
font-size: 20px !important;
font-weight:700 !important;
margin-left: -1%;
margin-top: -3%;
}
.slider{
margin-top:3%;
}
.title__slider{
margin-top:-5% !important;
margin-left:3%;
font-size: 20px !important;
font-weight:700 !important;
}
.slick-slider{
margin-left: 3% !important;
width: 99%;
padding-top: 1%;
}
.rubrique-home{
font-size: 20px !important;
font-weight: 500;
}
.promo{
font-size: 36px !important;
font-weight:700 !important;
font-family: BlinkMacSystemFont,-apple-system,'Roboto',Helvetica, Arial, sans-serif !important;
}
.row-cols-lg-5.row-cols-md-5{
width: 148% !important;
margin-left: 0.5% !important;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow{
display: none !important;
}
.recherche_recent{
margin-top: -3% !important;
width: 100% !important;
padding-left: 5%;
height: 20% !important;
margin-bottom: 9% !important;
}
.div_adresse_hotel{
margin-bottom:4%
}
.bui-carousel__item_rec,.bui-card-group{
width: 334.05px !important;
height: 80.61px !important;
}
.bui-card__subtitle{
font-size:13px !important;
}
.recent-searches__image{
width: 49.67px !important;
height: 49.67px !important;
}
#recherche_date{
margin-top: -4%;
}
.title__produit{
margin-top: 3% !important;
margin-left:1%;
font-size: 20px !important;
font-weight:700 !important;
}
.col_produits{
height: 1524px;
margin-top:-22%;
}
.contenu_et_sidebar{
padding-top: 2.2% !important;
}
.contenu{
position: absolute;
margin-top: 3% !important;
width: 85% !important;
margin-left: -0.2%;
z-index: 2;
}
.note_prix_vente div{
padding-top:2% !important;
padding-left:4%;
}
.entete_produit{
padding: 11px 3px 1px !important;
}
.adresse_hotel div{
margin-left: 3.5% !important;
margin-top: -1% !important;
position: relative !important;
}
.prix_produit{
margin-top: -20%;
}
.prix_produit div{
margin-top:-23% !important;
}
.date_prix{
margin-top: -6%;
}
.img_hotel_in{
margin-top: 36px !important;
}
.conteneur_h2_profitez h1{
font-size: 24px !important;
font-weight: 600 !important;
}
.presentation_agence{
width: 96% !important;
margin-left: 2%;
margin-right: 2%;
}
.conteneur_h3_offres_spec_promo h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.conteneur_h3_promo h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.conteneur_h2_agence h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.sous_presentation_agence{
width :96% !important;
margin-left: 2%;
margin-right: 2%;
}
.conteneur_h3_agence_tun h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.voir_plus1,.voir_plus2,.voir_plus2_2{
max-width:2% !important;
margin-top:-4.5% !important;
margin-left:96% !important;
}
.voir_plus3{
max-width: 3% !important;
margin-top: -5% !important;
margin-left: 106.5%!important;
}
.date_prix{
padding-top: 7px !important;
}
.owl-prev_prod{
margin-top: 56% !important;
margin-left: -6% !important;
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0px !important;
z-index: 1;
font-size: 24px !important;
}
.owl-next_prod{
margin-top: 56% !important;
margin-left: 104.5% !important;
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0px !important;
z-index: 1;
font-size: 24px !important;
}
.footer2{
width: 100% !important;
margin-top: 2% !important;
padding-left: 0%
}
.tel{
margin-left: -10%;
}
.footer2_2{
height: 94px !important;
margin-top: -14% !important;
}
.pb-md-4{
margin-top: 34%;
}
}
@media only screen and (min-width:800px) and (max-width:1024px) and (orientation : portrait) {
.etiquette{
top:0px !important;
}
.avantage{
width: 700px !important;
}
.bui-carousel__inner{
width: 729px !important;
margin-top:4%;
}
.owl-nextt{
margin-left: 140.5% !important;
}
.carousel-inner {
display: flex;
}
.carousel-item {
margin-right: 0;
flex: 0 0 33.333333%;
display: block;
}
.carousel-inner{
padding: 1em;
}
.card{
margin: 0 .5em;
box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
border: none;
}
.carousel-control-prev, .carousel-control-next{
background-color: #e1e1e1;
width: 6vh;
height: 6vh;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
}
.profitez_des_promotions{
margin-top: 3% !important;
margin-left: 2%;
padding-right: 4%;
}
.offres_spec_promo{
margin-left: 2%;
margin-right: 2%;
width:96% !important;
}
.bui-carousel__produits{
width: 112% !important;
height: 841px;
margin-left: 0% !important;
}
.bui-carousel__item_produit{
width: 94% !important;
height: 285px !important;
background: transparent !important;
box-shadow: none !important;
margin-right: 2%;
margin-left: -2.5%;
}
#fiveGaranties{
width:105% !important;
margin-left:-1% !important;
}
.slick-slide{
width:322px !important;
/*height: 178px!important;*/
margin-right:-1% !important;
}
.conteneur_footer1{
width: 100% !important;
position: absolute;
margin-top:-100% !important;
margin-bottom: 29%;
height: 534px;
}
.conteneur_footer2 {
width: 100% !important;
}
.footer2_1{
margin-top: -30%!important;
margin-bottom: -34%;
width:100% !important;
padding-left:3%;
}
.footer2_2 .tel{
padding-left: 13% !important;
}
.pb-md-4{
height: 765px !important;
}
.slick-slide{
height:267px !important;
}
.title_slider_avantage{
font-size: 20px !important;
font-weight:700 !important;
margin-left: -1%;
margin-top: -3%;
}
.slider{
margin-top:3%;
}
.title__slider{
margin-top:-5% !important;
margin-left:3%;
font-size: 20px !important;
font-weight:700 !important;
}
.slick-slider{
margin-left: 3% !important;
width: 99%;
padding-top: 1%;
}
.rubrique-home{
font-size: 20px !important;
font-weight: 500;
}
.promo{
font-size: 36px !important;
font-weight:700 !important;
font-family: BlinkMacSystemFont,-apple-system,'Roboto',Helvetica, Arial, sans-serif !important;
}
.row-cols-lg-5.row-cols-md-5{
width: 148% !important;
margin-left: 0.5% !important;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow{
display: none !important;
}
.recherche_recent{
margin-top: -3% !important;
width: 100% !important;
padding-left: 5%;
height: 20% !important;
margin-bottom: 9% !important;
}
.bui-carousel__item_rec,.bui-card-group{
width: 334.05px !important;
height: 80.61px !important;
}
.bui-card__subtitle{
font-size:13px !important;
}
.recent-searches__image{
width: 49.67px !important;
height: 49.67px !important;
}
#recherche_date{
margin-top: -4%;
}
.title__produit{
margin-top: 3% !important;
margin-left:1%;
font-size: 20px !important;
font-weight:700 !important;
}
.col_produits{
height: 1693px;
margin-top:-22%;
}
.contenu_et_sidebar{
padding-top: 2.2% !important;
}
.contenu{
position: absolute;
margin-top: 3% !important;
width: 134% !important;
margin-left: -0.2%;
z-index: 2;
}
.note_prix_vente div{
padding-top:110% !important;
padding-left:4%;
}
.entete_produit{
padding: 11px 3px 1px !important;
}
.adresse_hotel div{
margin-left: 3.5% !important;
margin-top: -1% !important;
position: relative !important;
}
.prix_produit{
margin-top: -20%;
}
.prix_produit div{
margin-top:-23% !important;
}
.date_prix{
margin-top: -6%;
}
.img_hotel_in{
margin-top: 36px !important;
}
.conteneur_h2_profitez h1{
font-size: 24px !important;
font-weight: 600 !important;
}
.presentation_agence{
width: 96% !important;
margin-left: 2%;
margin-right: 2%;
}
.conteneur_h3_offres_spec_promo h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.conteneur_h3_promo h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.conteneur_h2_agence h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.sous_presentation_agence{
width :96% !important;
margin-left: 2%;
margin-right: 2%;
}
.conteneur_h3_agence_tun h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.voir_plus1,.voir_plus2,.voir_plus2_2{
max-width:2% !important;
margin-top:-4.5% !important;
margin-left:96% !important;
}
.voir_plus3{
max-width: 3% !important;
margin-top: -5% !important;
margin-left: 106.5%!important;
}
.date_prix{
padding-top: 7px !important;
}
.owl-prev_prod{
margin-top: 132.5% !important;
margin-left: -2% !important;
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0px !important;
z-index: 1;
font-size: 24px !important;
}
.owl-next_prod{
margin-top: 132.5% !important;
margin-left: 92.5% !important;
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0px !important;
z-index: 1;
font-size: 24px !important;
}
.footer2{
width: 100% !important;
margin-top: 2% !important;
padding-left: 0%
}
.tel{
margin-left: -10%;
}
.footer2_2{
height: 94px !important;
margin-top: -14% !important;
}
.pb-md-4{
margin-top: 34%;
}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape) {
.etiquette{
top:-25px !important;
}
.img_hotel_in{
height: 71% !important;
}
.pb-md-4 {
width: 1024px;
margin-top: 22%;
}
.avantage{
margin-top: 4% !important;
width: 672px !important;
}
.bui-carousel__inner{
width: 994px !important;
margin-top:-0.5% !important;
}
.owl-nextt{
margin-left: 96.5% !important;
margin-top: 1% !important;
}
.owl-prevv{
margin-top: 1% !important;
}
.carousel-inner {
display: flex;
}
.carousel-item {
margin-right: 0;
flex: 0 0 33.333333%;
display: block;
}
.carousel-inner{
padding: 1em;
}
.card{
margin: 0 .5em;
box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
border: none;
}
.carousel-control-prev, .carousel-control-next{
background-color: #e1e1e1;
width: 6vh;
height: 6vh;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
}
.profitez_des_promotions{
margin-top: 3% !important;
margin-left: 2%;
padding-right: 2%;
}
.offres_spec_promo{
margin-left: 2%;
margin-right: 2%;
width:96% !important;
}
.bui-carousel__produits{
width: 124% !important;
height: 882px;
margin-left: 0% !important;
}
.bui-carousel__item_produit{
width: 78% !important;
height: 285px !important;
background: transparent !important;
box-shadow: none !important;
margin-right: 2%;
margin-left: -2.5%;
}
#fiveGaranties{
width: 151% !important;
margin-left: -22% !important;
}
.slick-slide{
width:322px !important;
/*height: 178px!important;*/
margin-right:-1% !important;
}
.conteneur_footer1{
width: 100% !important;
position: absolute;
margin-top:-75% !important;
margin-bottom: 29%;
height: 542px;
}
.conteneur_footer2 {
width: 100% !important;
}
.footer2_1{
margin-top: -22%!important;
margin-bottom: -34%;
width:100% !important;
padding-left:3%;
}
.footer2_2 .tel{
padding-left: 13% !important;
}
.pb-md-4{
height: 808px !important;
}
.slick-slide{
height:267px !important;
}
.title_slider_avantage{
font-size: 20px !important;
font-weight:700 !important;
margin-left: 1%;
margin-top: -5%;
}
.slider{
margin-top:3%;
}
.title__slider{
margin-top:-5% !important;
margin-left:-2.2%;
font-size: 20px !important;
font-weight:700 !important;
}
.slick-slider{
margin-left: -2.2% !important;
width: 96.8%;
padding-top: 0%;
}
.rubrique-home{
font-size: 20px !important;
font-weight: 500;
}
.promo{
font-size: 36px !important;
font-weight:700 !important;
font-family: BlinkMacSystemFont,-apple-system,'Roboto',Helvetica, Arial, sans-serif !important;
}
.row-cols-lg-5.row-cols-md-5{
width: 148% !important;
margin-left: 0.5% !important;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow{
display: none !important;
}
.recherche_recent{
margin-top: 2% !important;
width: 100% !important;
padding-left: 2%;
height: 20% !important;
margin-bottom: 9% !important;
}
.bui-carousel__item_rec,.bui-card-group{
width: 334.05px !important;
height: 77.61px !important;
}
.bui-card__subtitle{
font-size:13px !important;
}
.recent-searches__image{
width: 49.67px !important;
height: 49.67px !important;
}
#recherche_date{
margin-top: -4%;
}
.title__produit{
margin-top: 2.5% !important;
margin-left:-2%;
font-size: 20px !important;
font-weight:700 !important;
}
.col_produits{
height: 1703px;
margin-top:-18%;
}
.contenu{
position: absolute;
margin-top: 3% !important;
width: 85% !important;
margin-left: -3.2%;
z-index: 2;
}
.note_prix_vente div{
padding-top: 82.5% !important;
padding-left: 2.5%;
}
.entete_produit{
padding: 11px 3px 1px !important;
}
.adresse_hotel div{
margin-left: 3.5% !important;
margin-top: -1% !important;
position: relative !important;
}
.prix_produit{
margin-top: -20%;
}
.prix_produit div{
margin-top:-23% !important;
}
.date_prix{
margin-top: -6%;
}
.img_hotel_in{
margin-top: 36px !important;
}
.conteneur_h2_profitez{
margin-left:0%;
}
.conteneur_h2_profitez h1{
font-size: 24px !important;
font-weight: 600 !important;
}
.presentation_agence{
width: 96% !important;
margin-left: 2%;
margin-right: 2%;
}
.conteneur_h3_offres_spec_promo h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.conteneur_h3_promo h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.conteneur_h2_agence h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.sous_presentation_agence{
width :96% !important;
margin-left: 2%;
margin-right: 2%;
}
.conteneur_h3_agence_tun h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.voir_plus1,.voir_plus2,.voir_plus2_2{
max-width:2% !important;
margin-top:-4.5% !important;
margin-left:96% !important;
}
.voir_plus3{
max-width: 3% !important;
margin-top: -5% !important;
margin-left: 106.5%!important;
}
.date_prix{
padding-top: 7px !important;
}
.owl-prev_prod{
margin-top: 47.5% !important;
margin-left: -5.5% !important;
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0px !important;
z-index: 1;
font-size: 24px !important;
}
.owl-next_prod{
margin-top: 47.5% !important;
margin-left: 101% !important;
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0px !important;
z-index: 1;
font-size: 24px !important;
}
.footer2{
width: 100% !important;
margin-top: 2% !important;
padding-left: 0%
}
.tel{
margin-left: -3%;
}
.footer2_2{
height: 94px !important;
margin-top: -9% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.contenu_et_sidebar {
padding-top: 2%;
padding-left: 3%;
padding-right: 3%;
}
.bui-carousel__inner {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.bui-carousel__item_produit {
width: 47%;
margin-bottom: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.box_produit {
width: 100%;
box-sizing: border-box;
}
.prix_produit {
top: 0 !important;
left: 0 !important;
padding: 5px 10px !important;
font-size: 16px;
}
.date_prix {
top: 0 !important;
margin-left: 0 !important;
font-size: 12px;
text-align: left;
}
.image_hotel {
border-radius: 8px !important;
}
}
@media only screen and (min-width:1025px) and (max-width:1240px) {
.etiquette{
top:0px !important;
}
.bui-carousel__item_produit{
width: 78% !important;
height: 285px !important;
background: transparent !important;
box-shadow: none !important;
margin-right: 2%;
margin-left: -2.5%;
}
.pb-md-4 {
width: 1183px;
margin-top: -1%;
}
.avantage{
width: 89% !important;
}
.bui-carousel__inner{
width: 1124px !important;
margin-left: 1% !important;
}
.owl-nextt{
margin-left: 96.5% !important;
margin-top: 1% !important;
}
.owl-prevv{
margin-top: 1% !important;
}
.carousel-inner {
display: flex;
}
.carousel-item {
margin-right: 0;
flex: 0 0 33.333333%;
display: block;
}
.carousel-inner{
padding: 1em;
}
.card{
margin: 0 .5em;
box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
border: none;
}
.carousel-control-prev, .carousel-control-next{
background-color: #e1e1e1;
width: 6vh;
height: 6vh;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
}
.profitez_des_promotions{
margin-top: 3% !important;
margin-left: 2%;
padding-right: 4%;
}
.offres_spec_promo{
margin-left: 2%;
margin-right: 2%;
width:96% !important;
}
.bui-carousel__produits{
width: 121.5% !important;
height: 805px;
margin-left: -2% !important;
}
.bui-carousel__item_produit{
width: 78% !important;
height: 285px !important;
background: transparent !important;
box-shadow: none !important;
margin-right: 2%;
margin-left: -2.5%;
}
#fiveGaranties{
width:109% !important;
margin-left:1% !important;
}
.slick-slide{
width:322px !important;
/*height: 178px!important;*/
margin-right:-1% !important;
}
.conteneur_footer1{
width: 100% !important;
position: absolute;
margin-top:-62% !important;
margin-bottom: 29%;
height: 559px;
}
.conteneur_footer2 {
width: 100% !important;
}
.footer2_1{
margin-top: -15%!important;
margin-bottom: -34%;
width:100% !important;
padding-left:3%;
}
.footer2_2 .tel{
padding-left: 13% !important;
}
.pb-md-4{
height: 828px !important;
}
.slick-slide{
height:267px !important;
}
.title_slider_avantage{
font-size: 20px !important;
font-weight:700 !important;
margin-left: -64%;
margin-top: -3%;
}
.slider{
margin-top:3%;
}
.title__slider{
margin-top:-3% !important;
margin-left:1%;
font-size: 20px !important;
font-weight:700 !important;
}
.slick-slider{
margin-left: 0% !important;
width: 103.8%;
padding-top: 1%;
}
.rubrique-home{
font-size: 20px !important;
font-weight: 500;
}
.promo{
font-size: 36px !important;
font-weight:700 !important;
font-family: BlinkMacSystemFont,-apple-system,'Roboto',Helvetica, Arial, sans-serif !important;
}
.row-cols-lg-5.row-cols-md-5{
width: 148% !important;
margin-left: 0.5% !important;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow{
display: none !important;
}
.recherche_recent{
margin-top: 2% !important;
width: 100% !important;
padding-left:4% !important;
}
.bui-carousel__item_rec,.bui-card-group{
width: 334.05px !important;
height: 77.61px !important;
}
.bui-card__subtitle{
font-size:13px !important;
}
.recent-searches__image{
width: 49.67px !important;
height: 49.67px !important;
}
#recherche_date{
margin-top: -4%;
}
.title__produit{
margin-top: 3% !important;
margin-left:1%;
font-size: 20px !important;
font-weight:700 !important;
}
.col_produits{
height: 1693px;
margin-top:-5%;
}
.contenu{
position: absolute;
margin-top: 4% !important;
width: 85% !important;
margin-left: -0.2%;
z-index: 2;
}
.note_prix_vente div{
padding-top:78% !important;
padding-left:2%;
}
.entete_produit{
padding: 11px 3px 1px !important;
}
.adresse_hotel div{
margin-left: 3.5% !important;
margin-top: -1% !important;
position: relative !important;
}
.prix_produit{
/*margin-top: -105%;*/
}
.prix_produit div{
/*margin-top:-23% !important;*/
}
.date_prix{
/*margin-top: -89%;*/
}
.img_hotel_in{
margin-top: 36px !important;
}
.conteneur_h2_profitez h1{
font-size: 24px !important;
font-weight: 600 !important;
}
.presentation_agence{
width: 96% !important;
margin-left: 2%;
margin-right: 2%;
}
.conteneur_h3_offres_spec_promo h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.conteneur_h3_promo h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.conteneur_h2_agence h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.sous_presentation_agence{
width :96% !important;
margin-left: 2%;
margin-right: 2%;
}
.conteneur_h3_agence_tun h2{
font-size: 18px !important;
font-weight: 600 !important;
}
.voir_plus1,.voir_plus2,.voir_plus2_2{
max-width:2% !important;
margin-top:-4.5% !important;
margin-left:96% !important;
}
.voir_plus3{
max-width: 3% !important;
margin-top: -5% !important;
margin-left: 106.5%!important;
}
.date_prix{
padding-top: 7px !important;
}
.owl-prev_prod{
margin-top: 44.5% !important;
margin-left: -4.5% !important;
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0px !important;
z-index: 1;
font-size: 24px !important;
}
.owl-next_prod{
margin-top: 44.5% !important;
margin-left: 101% !important;
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0px !important;
z-index: 1;
font-size: 24px !important;
}
.footer2{
width: 100% !important;
margin-top: 2% !important;
padding-left: 0%
}
.tel{
/*margin-left: -10%;*/
}
.footer2_2{
height: 94px !important;
margin-top: -3% !important;
}
}
@media only screen and (min-width:1241px) and (max-width:1880px) {
.avantage{
margin-top: 2% !important;
overflow: hidden;
}
#fiveGaranties{
width:106% !important;
margin-top:2% !important;
margin-left:-2% !important;
position:relative !important;
float:left;
}
}
.slick-prev{
border-radius: 26px !important;
left: -22px !important;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.17);
}
.slick-next {
border-radius: 26px !important;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.17);
right: -38px !important;
}
a:hover{
color:#262626 !important;
}
.text-center{
font-family: -apple-system,'Roboto',Helvetica, Arial, sans-serif;
}
.carousel__navigation {
background: #fff;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
width: 30px;
height: 30px;
/* z-index: 0; */
font-size: 16px;
border-radius: 100px;
position: absolute;
}
.carousel__navigation i {
width: 50%;
height: 50%;
padding-top: 24%;
padding-left: 38%;
}
.bui-card-group{
width: 100%;
height: 100px;
margin-right: 0%;
background: #FFFFFF;
/* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16); */
border-radius: 6px;
margin-top: 1%;
}
.box_produit{
box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.13);
}
.conteneur_footer1{
background-color: #fff !important;
padding-bottom: 2%;
}
.txt_soush3_0, .txt_soush3_1{
background-color: #fff !important;
}
.title__produit{
/*position: absolute;*/
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 28px;
margin-top: 1.5%;
color:#262626;
-webkit-font-smoothing: antialiased;
}
.title__slider{
position: absolute;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 28px;
margin-top: -2%;
color:#262626;
-webkit-font-smoothing: antialiased;
}
.subtitle__slider{
position: absolute;
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
margin-top: -1%;
color: #6B6B6B;
}
@media (min-width: 1173px){
.entete_produit {
height: 100px !important;
padding: 10px 4px 1px !important;
}
}
.etiquette{
left: 13px !important;
position: relative !important;
top: 0px ;
text-decoration: blink !important;
background: url() no-repeat !important;
width: 76px !important;
height: 34% !important;
margin: -252px 0 0 0px !important;
color: #262626 !important;
padding: 0px 0px 0px 0px !important;
text-align: center !important;
background-color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
font-weight: 500;
border-radius: 0px 0px 2px 2px;
line-height: 15px;
}
.slick-list{
margin-left: 0.4% !important;
margin-right: 0.6% !important;
}
.slick-next{
margin-right: 20px !important;
}
.slick-prev{
margin-left: 3px;
}
</style>
<link href="https://www.tunisiebooking.com/theme/responsive-design/css/style-responsive3_new_v2.css?v=1763468360" rel="stylesheet" type="text/css" media="print" onload="this.media='all'"/>
<link rel="stylesheet" href="https://www.tunisiebooking.com/theme/responsive-design/js/jquery-ui-1.12.1/jquery-ui1.css" type="text/css" media="print" onload="this.media='all'"/>
<link rel="stylesheet" type="text/css" href="theme/gallery_slide/slick/slick22.css">
<link rel="stylesheet" type="text/css" href="https://www.tunisiebooking.com/theme/styles/datepicker_cal2_new_v2.css?v=1763468360" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="theme/gallery_slide/slick/slick-theme223.css">
<link href="https://www.tunisiebooking.com/theme/styles/fontelloht.css" rel="stylesheet" type="text/css" media="print" onload="this.media='all'">
<link rel="stylesheet" type="text/css" href="https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" media="print" onload="this.media='all'" />
<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 rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;457;500;600;700&display=swap">
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "WebSite",
"name": "tunisiebooking",
"url": "https://www.tunisiebooking.com/",
"potentialAction": {
"@type": "SearchAction",
"target": "{search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "tunisiebooking",
"url": "https://www.tunisiebooking.com/",
"logo": "https://www.tunisiebooking.com/images/logo31.png",
"alternateName": "tunisiebooking"
}
</script>
<!-- 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 -->
<!-- Configuration GA4 -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-FNVTEJFZTB');
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9668290900623912"
crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
</head>
<style>
body {
/* désactiver la sélection pour copier/coller */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
div.wrapper {
float: left;
width: 100%;
background-color: #ffffff !important;
}
.entete1 {
width: 100%;
float: left;
height: 15vw;
max-height: 75px;
border-bottom: 1px #dbdee3 solid;
background-color: #ffffff;
}
.menu1 {
float: left;
background-image: url(https://tn.tunisiebooking.com/theme/images/menu-thematique-mobile.png);
background-repeat: no-repeat;
background-position: center;
width: 15%;
min-height: 100%;
background-size: 47px 45px;
border-right: 1px #dbdee3 solid;
}
#closm {
display: none;
}
#closm {
float: left;
background-image: url(https://tn.tunisiebooking.com/theme/images/fermer-menu-thematique-mobile.png);
background-repeat: no-repeat;
background-position: center;
width: 15%;
min-height: 100%;
background-size: 47px 45px;
border-right: 1px #dbdee3 solid;
}
#men {
float: left;
position: absolute;
z-index: 60;
background-color: #fff;
top: 10vw;
width: 100%;
height:auto;
display: none;
}
@media (max-width: 500px)
{
#men {
top: 10vw;
}
}
@media (max-width: 800px)
{
#men {
top: 10vw;
}
}
@media (max-width: 900px)
{
#men {
top: 10vw;
}
}
.logo1 {
float: left;
background-image: url(https://tn.tunisiebooking.com/theme/images/logo-thematique-mobile.png);
background-repeat: no-repeat;
background-position: center;
width: 69%;
min-height: 100%;
background-size: 213px 44px;
}
.phone {
float: left;
background-image: url(https://tn.tunisiebooking.com/theme/images/phone-thematique-mobile.png);
background-repeat: no-repeat;
background-position: right;
width: 15%;
min-height: 100%;
/* background-size: 42px 45px;*/
}
#men ul {
list-style-type: none;
padding: 5px;
margin-top: 0;
}
#men ul li a, #men ul li a:visited {
color: #003581;
text-decoration: none;
}
#men ul li {
border-bottom: 1px #003581 solid;
padding: 12px;
cursor: pointer;
font-size:15px;
}
#men ul {
list-style-type: none;
padding: 5px;
margin-top: 0;
}
.hotel_tunisie span {
font-size: 24px;
float: left;
}
.onglet_hotel_etranger {
float: left;
width: 33.5% !important;
}
.onglet_vol {
float: left;
width: 33% !important;
}
.svg-icon_bleu {
width: 30px;
height: 25px;
vertical-align:middle;
float:left;
margin-left:38px;
}
.svg-icon_bleu path,
.svg-icon_bleu polygon,
.svg-icon_bleu rect {
fill: #003586;
}
.svg-icon_bleu circle {
stroke: #003586;
stroke-width: 1;
}
.svg-icon_jaune {
width: 30px;
height: 30px;
vertical-align:middle;
float:left;
margin-left: 30px;
margin-top: -5px;
}
.svg-icon_jaune path,
.svg-icon_jaune polygon,
.svg-icon_jaune rect {
fill: #003581;
}
.svg-icon_blanc {
width: 30px;
height: 30px;
vertical-align:middle;
float:left;
margin-left:55px;
}
.svg-icon_blanc path,
.svg-icon_blanc polygon,
.svg-icon_blanc rect {
fill: #fff;
}
.svg-icon_blanc circle {
stroke: #fff;
stroke-width: 1;
}
.vol {
width: 100%!important;
padding: 13px 0 15px 5%!important;
margin-left: 3%!important;
}
.autres_onglets
{padding:0px!important;}
.logo_conteneur img {
float: left;
width: 83.45%!important;
height: auto;
}
.logo_conteneur {
float: left;
width: 40% !important;
}
.slick-next,.slick-prev{
margin-top: 2.5%;
}
body{
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif !important;
}
</style>
<body onload="remplir_formulaire();" style="background:#fff;">
<!-- 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>
.div_destination_active{
display:block !important;
}
.valid_ch:hover{
color:#fff !important;
background: #FF0097 !important;
}
.ch_active{
display: block !important;
}
.valid_ch_active{
display:block !important;
}
.valid_ch{
display: none;
}
.repch_active{
display:block !important;
}
.close_active{
display:block !important;
}
.v153_13:hover {
border-bottom: 4px solid #262626;
}
.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: 14px;
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: 4%;
}
.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;
overflow-y: 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: 109%;
-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) {
.list-group_active{
height: 195%;
overflow-y: scroll;
display: block !important;
z-index: 10000;
position: absolute;
width: 47%;
border-radius: 5px;
/*border: 2px solid red;*/
box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 14px;
margin-top: 8%;
/*margin-left: 1%;*/
}
.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;*/
margin-left: -2px;
}
.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;
/*margin-bottom: 2%;*/
}
.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:3.5% 0.22% 4.5% 2% !important;
}
.contenu_et_sidebar, .slider{
margin-top:4.8%;
width:757px;
/*margin-left:2%;*/
}
.panel {
margin-top:3% !important;
margin-left:2%;
margin-right:1%;
}
.note_prix_vente{
/*margin-left:1%;*/
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%;
/*box-shadow: inset 0 -5px 5px -5px rgba(0,0,0,0.5);*/
}
.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%;
/* margin: 0px auto; */
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://tn.tunisiebooking.com/images/icons-menu-moteur/phone.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 75%;
left: 48%;
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%;
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://tn.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: 100%;
height: 275px;
background:
linear-gradient(rgba(38, 38, 38, 0.17), rgba(38, 38, 38, 0.17)),
url(https://tn.tunisiebooking.com/images/img_moteur_final.jpg);
background-size: 133% 103%;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 1.5%;
left: 0%;
}
.v148_1172{
position: relative;
height: 43px;
left: 0;
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;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
padding-left: 10%;
padding-right:10%;
padding-top: 1%;
}
.v148_1172 .part {
/*flex: 1;*/
display: flex;
align-items: center;
justify-content: center;
}
.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_34 img{
width:19px;
height:19px;
}
.v153_32{
font-size:15px !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 {
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_13 img{
Width:26.18px;
Height:18px;
}
.v153_13_omra {
height: 100%;
opacity: 1;
}
.v153_13_omra:hover{
border-bottom: 4px solid #262626;
}
.v153_12_omra{
/*width: 133px;*/
color: #262626;
position: relative;
top: 1px;
left:8px;
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_12{
font-size: 15px !important;
}
.v153_13_cir img{
width: 23.4px;
height: 22px;
}
.v153_12_cir{
font-size: 15px !important;
}
.v153_16{
top:-3% !important;
left: 67.5% !important;
}
.v153_22{
font-size:15px !important;
}
.v153_23 img{
width: 34.3px !important;
height: 28.9px !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: 600;
font-size: 24px;
line-height: 15.36px;
opacity: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
}
.v94_9{
display: none;
}
.div_form{
position: relative;
height: 191px;
/* left: -2px; */
top: 13%;
background: #FFFFFF;
box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.34);
border-radius: 8px;
z-index: 100;
margin-left: 2%;
margin-right: 3.6%;
}
.search-form {
background: rgba(255, 255, 255, 0.95);
border-radius: 10px;
padding: 20px;
max-width: 600px;
width: 100%;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.search-fields {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin:2%;
}
.field {
display: flex;
align-items: center;
border: 1px solid #262626;
border-radius: 8px;
padding: 10px;
font-size: 16px;
font-weight: 400;
font-family: -apple-system, 'Roboto', Helvetica, Arial, sans-serif;
width: 49%;
height:47px;
cursor:pointer;
}
.field_active{
border: 2px solid #F40091!important;
}
.field input {
border: none;
outline: none;
background: none;
width: 100%;
}
.search-button {
text-align: center;
width: auto;
padding: 12px 30px;
}
.search-button button {
width: 100%;
background: linear-gradient(90deg, #ff416c, #ff4b2b);
color: #fff;
font-weight: bold;
padding: 12px;
border: none;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
}
.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 {
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 15.6px;
letter-spacing: 0%;
color:#262626;
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;
top: 3%;
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;
}
.v162_15{
top:27% !important;
}
.v64_170_ch{
top:14% !important;
}
.repations_chambres {
margin-left: 6.5% !important;
right: 19px !important;
top: 55.6% !important;
margin-top: 25% !important;
}
.tous_les_chambres {
width: 51% !important;
margin-top: -28.5%;
}
.repartition_une_ch{
float: left;
width: 361px;
height: 322px;
border-radius:5px;
}
.nombre_adultes{
margin-right: -8% !important;
}
.nombre_enfants{
margin-right: -8% !important
}
.v87_280{
top:28% !important;
}
.v194_21 {
/*left: 16% !important;
top: 16.9% !important;
width: 20%!important;
position: absolute;*/
}
.v194_23{
margin-top:46%;
margin-left: 226% !important;
z-index: 100;
width: 93% !important; /* Uncomment or adjust if needed */
position: absolute; /* Ensure positioning works as intended */
}
.v194_22{
font-family: -apple-system, 'Roboto', Helvetica, Arial, sans-serif;
color: #FFFFFF;
height: 47px !important;
margin-top: -86% !important;
margin-left: 30% !important;
width: 253% !important; /* Optional: set width for the button too */
}
.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;
}
.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://tn.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://tn.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 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) {
.fermer_ch{
margin-top: -6.5% !important;
}
.list-group_active{
height: 195%;
overflow-y: scroll;
display: block !important;
z-index: 10000;
position: absolute;
width: 47%;
border-radius: 5px;
/*border: 2px solid red;*/
box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 14px;
margin-top: 6%;
/*margin-left: 1%;*/
}
.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;*/
margin-left: -2px;
}
.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: -5.7%;
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: 90px;
clear: both;
top: 0.8%;
}
.logo{
float:left;
margin-left:0%;
/*margin-top:1.3%;*/
}
.cordonne{
position: absolute;
width: 28%;
margin-left: 77%;
height: 50%;
}
.phone{
width:25px;
float: left;
background-image: url(https://tn.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:3%;
left:17%;
}
.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:35.5%;
height: 30px;
left: 29%;
}
.vl{
position: absolute;
top:45.5%;
border-left:1px solid #262626;
height: 30px;
left: 51%;
}
.adresse{
width: 51px;
height: 36px;
left: 98.5%;
top: 15.2%;
position: absolute;
z-index: 10;
background-repeat: no-repeat;
background-image: url(https://tn.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: 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: 100%;
height: 275px;
background:
linear-gradient(rgba(38, 38, 38, 0.17), rgba(38, 38, 38, 0.17)),
url(https://tn.tunisiebooking.com/images/img_moteur_final.jpg);
background-size: 133% 103%;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 1.5%;
left: 0%;
}
.v148_1172{
position: relative;
height: 43px;
left: 0;
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;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
padding-left: 10%;
padding-right:10%;
padding-top: 1%;
}
.v148_1172 .part {
/*flex: 1;*/
display: flex;
align-items: center;
justify-content: center;
}
.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_34 img{
width:19px;
height:19px;
}
.v153_32{
font-size:15px !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 {
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_13 img{
Width:26.18px;
Height:18px;
}
.v153_13_omra {
height: 100%;
opacity: 1;
}
.v153_13_omra:hover{
border-bottom: 4px solid #262626;
}
.v153_12_omra{
/*width: 133px;*/
color: #262626;
position: relative;
top: 1px;
left:8px;
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_12{
font-size: 15px !important;
}
.v153_13_cir img{
width: 23.4px;
height: 22px;
}
.v153_12_cir{
font-size: 15px !important;
}
.v153_16{
top:-3% !important;
left: 67.5% !important;
}
.v153_22{
font-size:15px !important;
}
.v153_23 img{
width: 34.3px !important;
height: 28.9px !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: 600;
font-size: 24px;
line-height: 15.36px;
opacity: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
}
.v94_9{
display: none;
}
.div_form{
position: relative;
height: 191px;
/*left: -2px;*/
top: 13%;
background: #FFFFFF;
box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.34);
border-radius: 8px;
z-index: 100;
margin-left:-2.5%;
margin-right:-1.4%;
}
.search-form {
background: rgba(255, 255, 255, 0.95);
border-radius: 10px;
padding: 20px;
max-width: 600px;
width: 100%;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.search-fields {
display: flex;
flex-wrap: wrap;
gap: 18px;
margin:2%;
}
.field {
display: flex;
align-items: center;
border: 1px solid #262626;
border-radius: 8px;
padding: 10px;
font-size: 16px;
font-weight: 400;
font-family: -apple-system, 'Roboto', Helvetica, Arial, sans-serif;
width: 49%;
height:47px;
cursor:pointer;
}
.field_active{
border: 2px solid #F40091!important;
}
.field input {
border: none;
outline: none;
background: none;
width: 100%;
}
.search-button {
text-align: center;
width: auto;
padding: 12px 30px;
}
.search-button button {
width: 100%;
background: linear-gradient(90deg, #ff416c, #ff4b2b);
color: #fff;
font-weight: bold;
padding: 12px;
border: none;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
}
.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 {
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 15.6px;
letter-spacing: 0%;
color:#262626;
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;
top: 3%;
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;
}
.v162_15{
top:27% !important;
}
.v64_170_ch{
top:14% !important;
}
.repations_chambres {
margin-left: 1.5% !important;
right: 19px !important;
top: 55.6% !important;
margin-top: 10% !important;
}
.tous_les_chambres {
width: 50% !important;
margin-top: -28.5%;
}
.repartition_une_ch{
float: left;
width:461px;
height: 322px;
border-radius:5px;
}
.nombre_adultes{
margin-right: -13% !important;
}
.nombre_enfants{
margin-right: -13% !important
}
.v87_280{
top:28% !important;
}
.v194_21 {
/*left: 16% !important;
top: 16.9% !important;
width: 20%!important;
position: absolute;*/
}
.v194_23{
margin-top:-3%;
margin-left: 215% !important;
z-index: 100;
width: 87% !important; /* Uncomment or adjust if needed */
position: absolute; /* Ensure positioning works as intended */
}
.v194_22{
font-family: -apple-system, 'Roboto', Helvetica, Arial, sans-serif;
color: #FFFFFF;
height: 47px !important;
margin-top: -36% !important;
margin-left: 41% !important;
width: 271% !important; /* Optional: set width for the button too */
}
.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;
}
.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: -10%;
position: absolute;
margin-top:1%;
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://tn.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://tn.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;
}
}
/****end media tablette landscape****/
@media only screen and (min-width:1025px) and (max-width:1240px) {
.fermer_ch {
margin-top: -6.5% !important;
}
.list-group_active{
height: 195%;
overflow-y: scroll;
display: block !important;
z-index: 10000;
position: absolute;
width: 47%;
border-radius: 5px;
/*border: 2px solid red;*/
box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 14px;
margin-top:5%;
/*margin-left: 1%;*/
}
.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;*/
margin-left: -2px;
}
.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;
/*margin-bottom: 2%;*/
}
.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: -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:4.8%;
/*width:757px;*/
margin-left:2%;
}
.panel {
margin-top:3% !important;
margin-left:2%;
margin-right:1%;
}
.note_prix_vente{
/*margin-left:1%;*/
position: absolute;
width:95%;
}
.contenu_text_reservation{
margin-left:1%;
}
.checkin{
margin-left:0% !important;
}
.checkout{
margin-left: 0% !important;
}
.sou_bodym{
width: 100%;
height: 82px;
background-color: #fff;
}
.sous_body{
margin-top:21.5%;
width:100%;
}
.menu{
margin-top: -2%;
height: 80px;
/*width: 96% !important;*/
}
.menuf{
position: absolute;
min-width: 395px;
max-width: 87%;
width: 86%;
left: 11%;
height: 53px;
clear: both;
top: 0.8%;
}
.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:-17%;
left: 40%;
height: 50%;
}
.phone{
width: 9%;
height: 18px;
float: left;
background-image: url(https://tn.tunisiebooking.com/images/icons-menu-moteur/phone.svg);
background-repeat: no-repeat;
opacity: 1;
position: relative;
top: 70%;
left: 64%;
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: 74%;
}
.vl{
position: absolute;
top: 72.5%;
border-left: 1px solid #262626;
height: 30px;
left: 54%;
}
.horaire {
padding-top:2.5%;
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: 98.5%;
top: 24.2%;
position: absolute;
z-index: 10;
background-repeat: no-repeat;
background-image: url(https://tn.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: 100%;
height: 275px;
background:
linear-gradient(rgba(38, 38, 38, 0.17), rgba(38, 38, 38, 0.17)),
url(https://tn.tunisiebooking.com/images/img_moteur_final.jpg);
background-size: 133% 103%;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 1.5%;
left: 0%;
}
.v148_1172{
position: relative;
height: 43px;
left: 0;
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;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
padding-left: 10%;
padding-right:10%;
padding-top: 1%;
}
.v148_1172 .part {
/*flex: 1;*/
display: flex;
align-items: center;
justify-content: center;
}
.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_34 img{
width:19px;
height:19px;
}
.v153_32{
font-size:15px !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 {
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_13 img{
Width:26.18px;
Height:18px;
}
.v153_13_omra {
height: 100%;
opacity: 1;
}
.v153_13_omra:hover{
border-bottom: 4px solid #262626;
}
.v153_12_omra{
/*width: 133px;*/
color: #262626;
position: relative;
top: 1px;
left:8px;
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_12{
font-size: 15px !important;
}
.v153_13_cir img{
width: 23.4px;
height: 22px;
}
.v153_12_cir{
font-size: 15px !important;
}
.v153_16{
top:-3% !important;
left: 67.5% !important;
}
.v153_22{
font-size:15px !important;
}
.v153_23 img{
width: 34.3px !important;
height: 28.9px !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: 600;
font-size: 24px;
line-height: 15.36px;
opacity: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
}
.v94_9{
display: none;
}
.div_form{
position: relative;
height: 191px;
/*left: -2px;*/
top: 13%;
background: #FFFFFF;
box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.34);
border-radius: 8px;
z-index: 100;
margin-left:1%;
margin-right:5.6%;
}
.search-form {
background: rgba(255, 255, 255, 0.95);
border-radius: 10px;
padding: 20px;
max-width: 600px;
width: 100%;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.search-fields {
display: flex;
flex-wrap: wrap;
gap: 21px;
margin:2%;
}
.field {
display: flex;
align-items: center;
border: 1px solid #262626;
border-radius: 8px;
padding: 10px;
font-size: 16px;
font-weight: 400;
font-family: -apple-system, 'Roboto', Helvetica, Arial, sans-serif;
width: 49%;
height:47px;
cursor:pointer;
}
.field_active{
border: 2px solid #F40091!important;
}
.field input {
border: none;
outline: none;
background: none;
width: 100%;
}
.search-button {
text-align: center;
width: auto;
padding: 12px 30px;
}
.search-button button {
width: 100%;
background: linear-gradient(90deg, #ff416c, #ff4b2b);
color: #fff;
font-weight: bold;
padding: 12px;
border: none;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
}
.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 {
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 15.6px;
letter-spacing: 0%;
color:#262626;
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;
top: 3%;
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;
}
.v162_15{
top:27% !important;
}
.v64_170_ch{
top:14% !important;
}
.repations_chambres {
margin-left: 4.5% !important;
right: 19px !important;
top: 55.6% !important;
margin-top: 17% !important;
}
.tous_les_chambres {
width: 47% !important;
margin-top: -28.5%;
}
.repartition_une_ch{
float: left;
width: 531px;
height: 322px;
border-radius:5px;
}
.nombre_adultes{
margin-right: -14% !important;
}
.nombre_enfants{
margin-right: -14% !important
}
.v87_280{
top:28% !important;
}
.v194_21 {
/*left: 16% !important;
top: 16.9% !important;
width: 20%!important;
position: absolute;*/
}
.v194_23{
margin-top:58%;
margin-left: 226% !important;
z-index: 100;
width: 93% !important; /* Uncomment or adjust if needed */
position: absolute; /* Ensure positioning works as intended */
}
.v194_22{
font-family: -apple-system, 'Roboto', Helvetica, Arial, sans-serif;
color: #FFFFFF;
height: 47px !important;
margin-top: -86% !important;
margin-left: 30% !important;
width: 253% !important; /* Optional: set width for the button too */
}
.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;
}
.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: -9%;
position: absolute;
margin-top:1%;
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://tn.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://tn.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;
}
}
/*min width 1241*/
@media only screen and (min-width:1241px) and (max-width:1880px) {
.list-group_active{
height: 195%;
overflow-y: scroll;
display: block !important;
z-index: 10000;
position: absolute;
width: 32%;
border-radius: 5px;
/*border: 2px solid red;*/
box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 14px;
margin-top: 6%;
/*margin-left: 1%;*/
}
.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;*/
margin-left: -2px;
}
/*omra icon style on the menu */
.v153_11_omra{
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 {
height: 100%;
opacity: 1;
}
.v153_13_omra:hover{
border-bottom: 4px solid #262626;
}
.v153_12_omra{
color: #262626;
font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-size: 16px;
opacity: 1;
text-align: center;
font-weight: 400;
position: relative;
/*top: 9%;*/
left: 8px;
}
.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: -21%;
margin-left: 110%;
}
.icon_dropdown_topdest img{
width: 11.19px;
height: 6px;
}
#navbar_menu{
display: block;
width: 806px;
height: 595px;
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: -40% !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: 62%;
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{
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: 23%;
margin-left:78.5%;
height: 50%;
padding-top: 6%;
}
.phone{
width: 25px;
float: left;
background-image: url(https://tn.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: 12%;
left: 21%;
}
.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: 59.5%;
height: 30px;
left: 32%;
}
.vl{
position: absolute;
top:45.5%;
border-left:1px solid #262626;
height: 30px;
left: 51%;
}
.adresse{
width: 22px;
height: 36px;
margin-left: 100% !important;
margin-top: -3.3%;
position: relative;
z-index: 10;
background-repeat: no-repeat;
background-image: url(https://tn.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;
}
.class_fermeture{
margin-bottom:1%;
}
.v312_1355 {
width: 100%;
height: auto;
min-height: 1060px;
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:
linear-gradient(rgba(38, 38, 38, 0.17), rgba(38, 38, 38, 0.17)),
url(https://tn.tunisiebooking.com/images/img_moteur_final.jpg);
opacity: 1;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 1.5%;
left: 0%;
}
.v148_1172{
position: relative;
height: 60px;
left: 0;
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;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
padding-left: 15%;
padding-right: 20%;
padding-top: 1%;
}
.v148_1172 .part {
margin-top:0.5%;
/*flex: 1;*/
display: flex;
align-items: center;
justify-content: center;
}
.search-fields {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 15px;
margin: 2%;
}
.field {
flex: 1;
border: 1px solid #262626;
border-radius: 8px;
padding: 10px;
height:57px;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 400;
font-family: -apple-system, 'Roboto', Helvetica, Arial, sans-serif;
cursor:pointer;
}
.field_active{
border: 2px solid #F40091!important;
}
.field input {
border: none;
outline: none;
background: none;
width: 100%;
}
.search-button {
text-align: center;
}
.search-button button {
background: linear-gradient(90deg, #ff416c, #ff4b2b);
color: #fff;
font-weight: bold;
padding: 12px 30px;
border: none;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
}
.v153_11 {
width: 173px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 33%;
/*left: 46% !important;*/
left: 36% !important;
overflow: hidden;
cursor: pointer;
}
.v153_16{
/*left: 68% !important;*/
left: 63% !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{
/*margin-left: 4% !important;*/
top:2% !important;
}
.v94_8 {
/*width: 614px;*/
color: rgba(255,255,255,1);
position: absolute;
display: flex;
top: 4%;
/*left: 410px;*/
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:40%;
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: 16px;
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 {
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 15.6px;
letter-spacing: 0%;
color:#262626;
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;
}
.tous_les_chambres{
width:40% !important;
margin-left: 0%;
}
.repations_chambres {
right:-46% !important;
margin-top:-23.5%;
}
.repartition_une_ch{
float: left;
width: 381px;
height: 322px;
}
.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: -3%;
width: 20% !important;
left: 210% !important;
z-index: 100;
}
.icon_dropdown_vol {
margin-top: -71%;
margin-left: 135%;
float: left;
}
}
@media only screen and (min-width : 1881px) {
.avantage{
margin-top:1% !important;
}
.list-group_active{
height: 195%;
overflow-y: scroll;
display: block !important;
z-index: 10000;
position: absolute;
width: 32%;
border-radius: 5px;
/*border: 2px solid red;*/
box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 14px;
margin-top: 6%;
/*margin-left: 1%;*/
}
.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;*/
margin-left: -2px;
}
.v153_11_omra{
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 {
height: 100%;
opacity: 1;
}
.v153_13_omra:hover{
border-bottom: 4px solid #262626;
}
.v153_12_omra{
/*width: 133px;*/
color: #262626;
position: relative;
top: 1px;
left:8px;
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: -20%;
margin-left: 110%;
}
.icon_dropdown_topdest img{
width: 11.19px;
height: 6px;
}
#navbar_menu{
display: block;
width: 806px;
height: 585px;
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: -4.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: 62%;
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: 2%;*/
position: relative;
}
.sou_bodym {
width: 100%;
height: 340px;
background-color: #fff;
}
.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: 73.5%;
height: 50%;
padding-top: 1%;
}
.phone{
z-index: 1;
width: 23.36px;
height: 29px;
float: left;
background-image: url(https://tn.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: 31%;
left: 19.5%;
margin-top: 3%;
}
.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: 26%;
/*width: 25%;*/
-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.8%;
position: relative;
z-index: 10;
background-repeat: no-repeat;
background-image: url(https://tn.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: 1060px;
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:
linear-gradient(rgba(38, 38, 38, 0.17), rgba(38, 38, 38, 0.17)),
url(https://tn.tunisiebooking.com/images/img_moteur_final.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: 33%;
left: 0;
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;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
padding-left: 15%;
padding-right: 15%;
padding-top: 1%;
}
.v148_1172 .part {
margin-top:0.5%;
/*flex: 1;*/
display: flex;
align-items: center;
justify-content: center;
}
.search-fields {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 15px;
margin: 2%;
}
.field {
flex: 1;
border: 1px solid #262626;
border-radius: 8px;
padding: 10px;
height:57px;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 400;
font-family: -apple-system, 'Roboto', Helvetica, Arial, sans-serif;
cursor:pointer;
}
.field_active{
border: 2px solid #F40091!important;
}
.field input {
border: none;
outline: none;
background: none;
width: 100%;
}
.search-button {
text-align: center;
}
.search-button button {
background: linear-gradient(90deg, #ff416c, #ff4b2b);
color: #fff;
font-weight: bold;
padding: 12px 30px;
border: none;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
}
.v153_33 {
width: 100%;
opacity: 1;
position: absolute;
top: 88%;
left: 2px;
border: 2px solid rgba(255,0,151,1);
background: #f40091;
}
.v94_8 {
color: rgba(255,255,255,1);
position: absolute;
display: flex;
top: 4%;
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;
}
.v94_9 {
width: 40%;
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: 16px;
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 {
font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 15.6px;
letter-spacing: 0%;
color:#262626;
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;
}
.repations_chambres {
right: -46% !important;
margin-top: -23.5% !important;
}
.tous_les_chambres{
margin-left: 0%;
width:40% !important;
}
.repartition_une_ch{
float: left;
width: 381px;
height: 322px;
border-radius:5px;
}
.v194_22{
width: 490px !important;
margin-top: 23% !important;
margin-left: -168.1% !important;
z-index:1000;
}
.v194_23{
margin-top: -3%;
width: 20% !important;
left: 179.5% !important;
}
}
.v153_34 {
display: flex;
align-items: center;
justify-content: center;
/*gap: 8px;*/
}
.v153_35 {
width: 22px;
height: 22px;
background: url(https://tn.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 {
color: #FF0097;
position: relative;
margin-left: 8px;
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 {
width: 173px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 33%;
left:34%;
overflow: hidden;
cursor: pointer;
}
.v153_11_cir {
width: 173px;
height: 40px;
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 {
height: 100%;
opacity: 1;
}
.v153_13_cir {
height: 100%;
opacity: 1;
}
.v153_13_cir:hover{
border-bottom:4px solid #262626;
}
.v153_14 {
width: 18%;
height: 80px;
background: url(https://tn.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_12 {
/*width: 133px;*/
color: #262626;
position: relative;
/*top: 1px;*/
margin-left: 8px;
font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-size: 16px;
opacity: 1;
text-align: center;
font-weight: 400;
opacity: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
}
.v153_12_cir {
color: #262626;
font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-size: 16px;
opacity: 1;
text-align: center;
font-weight: 400;
position: relative;
top: 2%;
margin-left: 4px;
}
.v153_16 {
width: 85px;
height: 50px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 15%;
left:62.5%;
overflow: hidden;
cursor: pointer;
}
.v153_23 {
height: 100%;
background: rgba(255,255,255,1);
opacity: 1;
top: 1px;
left: 5px;
}
.v153_23:hover{
border-bottom:4px solid #262626;
}
.v153_22 {
color: #262626;
position: relative;
margin-left: 4px;
top: -14%;
font-family:-apple-system,'Roboto',Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
opacity: 1;
text-align: center;
}
.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: 406px;
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: 2%;
border-bottom: 1px solid #E2E7EB;
}
.fermer_ch{
margin-right:3%;
float:right;
height:24px;
width:24px;
cursor:pointer;
background:url("https://tn.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://tn.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://tn.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://tn.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://tn.tunisiebooking.com/theme/images/bg-select-age-thematique.png) no-repeat right;
font-size: 16px;
padding: 0 0 0 5px;
}
.ajouter_ch {
display:none;
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: -66px 25px 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>
<!-- header-->
<div class="sou_bodym">
<!--navbar-->
<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 class="lazy" data-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>
</div>
<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>
</div>
</div>
</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://www.tunisiebooking.com/images/icone-moteur/ic-flech.svg" alt="flèche" width="15px" height="20px">
</span>
</span>
</span>
</button>
</li>
</ul>
</div>
</div>
<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>
<!-- end navbar-->
<!--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">Votre hôtel préféré sur Tunisiebooking.com</span>
<span class="v94_9">Réservez dès maintenant et payez juste un acompte. Profitez de l'annulation gratuite sur une grande sélection d'hôtels en Tunisie.</span>
<div class="div_form">
<!--head form-->
<div class="v148_1172">
<div class="part" >
<div class="v153_34">
<img src="/images/icone-moteur/ic_hotel_tunisie.svg" alt="ic_hotel_tunisie">
<span class="v153_32">Hôtels Tunisie</span>
</div>
</div>
</div>
<!--end head form-->
<!-- body form-->
<div class="search-fields">
<div id="field_destination" class="field">
<img src="/images/icone-moteur/icone_localisation.svg" alt="icone_localisation" style="margin-right:2%;">
<div style="width:100%;">
<div class="div_destination" style="display:none;font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;font-weight: 400;font-size: 14px;line-height: 100%;letter-spacing: 0%;color: #6B6B6B;">Où allez-vous ?</div>
<input type="text" name="ville_txt" id="search" class="select_destination_moteur" placeholder="Où allez-vous ?" autocomplete="off" >
<input type="hidden" name="id_xml_hotel" id="id_xml_hotel" />
<input type="hidden" name="ville" id="ville_des" />
</div>
<div class="v64_168" id="close" style="display:none;">
<img data-src="https://www.tunisiebooking.com/images/icone-moteur/ic-close.svg" class="lazy" width="15px" height="15px" />
</div>
</div>
<div id="arrivee" class="field">
<img src="/images/icone-moteur/icone_calendrier.svg" alt="icone_calendrier" style="margin-right:2%;">
<div>
<div style="font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;font-weight: 400;font-size: 14px;line-height: 100%;letter-spacing: 0%;color: #6B6B6B;">Dates</div>
<div style="width:105%;" id="date_display">Mar. 18 nov <img data-src="https://tn.tunisiebooking.com/images/icone-moteur/icone_fleche.svg" class="lazy" alt="icone_fleche" width="16px" height="14px" style="margin-left:2%;margin-right:2%;" /> Jeu. 20 nov</div>
</div>
<input type="hidden" id="checkin" name="dep" value="18/11/2025"/>
<input type="hidden" id="depart" name="depart" value="18/11/2025"/>
<input type="hidden" id="arrivee1" name="arrivee" value="20/11/2025"/>
<input type="hidden" id="checkout" name="dfin" value="20/11/2025"/>
<input type="hidden" id="nbr_nuit" name="nbr_nuit" value="0"/>
</div>
<div id="field_repch" class="field">
<img src="/images/icone-moteur/icone_repartition.svg" alt="icone_repartition" style="margin-right:2%;">
<div class="champs_dest" id="chdest">
<div style="font-family: -apple-system, 'Roboto',Segoe UI,Helvetica,Arial,sans-serif;font-weight: 400;font-size: 14px;line-height: 100%;letter-spacing: 0%;color: #6B6B6B;">Chambres</div>
<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:16px;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">1</span>--> 1 Chambre</div>
<div class="virgule">,</div>
<div id="text-pax"><span id="span-pax">2</span> Adultes</div>
<div class="virgule">,</div>
<div id="text-en" style="float:left;"><span id="span-en" >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="list-group" id="show-list" style="display:none;">
<!-- Here autocomplete list will be display -->
</div>
</div>
<!--end body form-->
<!--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>
<!--repartition chambres-->
<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 ch_active" id="ac1" onclick="ajouter_ch()"> + Ajouter une autre chambre</div>
<button type="button" class="valid_ch valid_ch_active" id="valid_ch1" onclick="valider_chambres()" style="padding: 10px 25px; border: 2px solid #ff00aa; border-radius: 8px; background: white; color: #ff00aa; font-weight:700;font-size:16px;cursor:pointer;float:right;margin: 2% 6% 12px 6px;">
Valider
</button>
</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;
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>
<button type="button" class="valid_ch" id="valid_ch2" onclick="valider_chambres()" style="padding: 10px 25px; border: 2px solid #ff00aa; border-radius: 8px; background: white; color: #ff00aa; font-weight:700;font-size:16px;cursor:pointer;float:right;margin: 2% 6% 12px 6px;">
Valider
</button>
</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;
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>
<button type="button" class="valid_ch" id="valid_ch3" onclick="valider_chambres()" style="padding: 10px 25px; border: 2px solid #ff00aa; border-radius: 8px; background: white; color: #ff00aa; font-weight:700;font-size:16px;cursor:pointer;float:right;margin: 2% 6% 12px 6px;">
Valider
</button>
</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;
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>
<button type="button" class="valid_ch" id="valid_ch4" onclick="valider_chambres()" style="padding: 10px 25px; border: 2px solid #ff00aa; border-radius: 8px; background: white; color: #ff00aa; font-weight:700;font-size:16px;cursor:pointer;float:right;margin: 2% 6% 12px 6px;">
Valider
</button>
</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;
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>
<button type="button" class="valid_ch" id="valid_ch5" onclick="valider_chambres()" style="padding: 10px 25px; border: 2px solid #ff00aa; border-radius: 8px; background: white; color: #ff00aa; font-weight:700;font-size:16px;cursor:pointer;float:right;margin: 2% 6% 12px 6px;">
Valider
</button>
</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;
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>
<!--end repartition chambres-->
</div>
</form>
</div>
<!-- end moteur-->
</div>
<!-- end header-->
<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 () {
$("#close").click(function () {
$(".v37_38" ).bind("mouseenter",function() {
$(this ).css({"border":"2px solid #F40091"})
$(".v37_45").css({"background":"#fff"});
});
$(".v37_38" ).bind("mouseleave", function() {
$(this ).css({"border":"1.2px solid #DDDDDD"})
$(".v37_45").css({"background":"rgba(243,245,247,1)"});
});
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();
$("#close").removeClass("close_active");
/*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)"});
}
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%"});
}
$("#close").removeClass("close_active");
$(".div_destination").removeClass("div_destination_active");
$("#show-list").removeClass("list-group_active");
$("#show-list").css({"z-index":""});
});
$(document).ready(function () {
function handleListDestClick() {
$("#liste_dest").on("click", "#list_dest", function () {
const $this = $(this);
$(".div_destination").addClass("div_destination_active");
$("#search").val($this.text().trim());
const xmlValue = $this.find('#id_xml').val();
const regionValue = $this.find('#list_reg').val();
$("#id_xml_hotel").val(xmlValue);
$("#ville_des").val(regionValue);
$("#show-list").hide();
$("#close").addClass("close_active");
adjustColStyles();
$('#arrivee').trigger('click');
});
}
function adjustColStyles() {
const width = screen.width;
if (width >= 1025 && width <= 1240) {
$("#col_dest").css({ width: "390px", border: "1.2px solid #DDDDDD", zIndex: "1" });
} else if (width >= 1241 && width <= 1880) {
$("#col_dest").css({ width: "41.2%", border: "1.2px solid #DDDDDD", zIndex: "1" });
} else {
$("#col_dest").css({ width: "420px", border: "1.2px solid #DDDDDD", zIndex: "1" });
}
$("#col_destina").css({ width: "100%" });
}
function toggleListGroup() {
$("#show-list").addClass("list-group_active");
//$("#close").addClass("close_active");
}
function fetchSuggestions(query = "") {
const url = query.length >= 2 ? "action.php" : "action_dest_v22.php";
const data = query.length >= 2 ? { query } : {};
$.ajax({
url: url,
method: "POST",
data: data,
success: function (response) {
$("#show-list").html(response);
toggleListGroup();
handleListDestClick(); // (Re)bind the event listener after response
},
});
}
function handleKeyUp() {
const text = $("#search").val().trim();
if (text === "") {
//console.log("search vide")
$("#close").removeClass("close_active");
} else {
//console.log("search non vide")
$("#close").addClass("close_active");
}
if (text.length >= 2 || text === "") {
fetchSuggestions(text);
}
}
$("#field_destination").click(function () {
$("#repch").removeClass("repch_active");
$("#field_repch").removeClass("field_active");
$("#field_destination").addClass("field_active");
$("#arrivee").removeClass("field_active");
$("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)" });
fetchSuggestions();
});
$("#search").on("keyup", handleKeyUp);
// Capitalize input on body click
$("body").not("#liste_dest").click(function () {
const value = $("#search").val();
if (value.length > 0) {
const capitalized = value.charAt(0).toUpperCase() + value.slice(1);
$("#search").val(capitalized);
}
});
});
/*$("#field_destination").click(function () {
$("#repch").removeClass("repch_active");
$("#field_repch").removeClass("field_active");
$('#field_destination').addClass("field_active");
$('#arrivee').removeClass("field_active");
$('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)"});
let searchText = $(this).val().trim();
console.log(searchText);
if (searchText ==""){
$.ajax({
url: "action_dest_v22.php",
method: "post",
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").addClass("list-group_active");
}
else{
$("#show-list").addClass("list-group_active");
}
}
if(window.innerHeight<window.innerWidth){
$("#show-list").addClass("list-group_active");
}
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$("#show-list").addClass("list-group_active");
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#show-list").addClass("list-group_active");
}
else{
$("#show-list").addClass("list-group_active");
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".div_destination").addClass("div_destination_active");
$("#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();
$("#ville_des").val(childValue);
$("#show-list").css({"display":"none"});
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
$("#close").addClass("close_active");
}
if(window.innerHeight<window.innerWidth){
$("#col_dest").css({"width":"375px","border":"1.2px solid #DDDDDD","z-index":"2"});
$("#col_destina").css({"width":"100%"});
$("#close").addClass("close_active");
}
}
else if((screen.width>=1025)&&(screen.width<=1880)){
$("#close").addClass("close_active");
}
else{
$("#close").addClass("close_active");
}
$('#arrivee').trigger('click');
});
$("#search").keyup(function () {
if ($(this).val()==""){
$("#close").removeClass("close_active");
}
else{
$("#close").addClass("close_active");
}
$("#show-list").html(response);
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
if(window.innerWidth<800){
$("#show-list").addClass("list-group_active");
}
else{
$("#show-list").addClass("list-group_active");
}
}
if(window.innerHeight<window.innerWidth){
$("#show-list").addClass("list-group_active");
}
}
else if((screen.width>=1025)&&(screen.width<=1880)){
if(screen.width>=1241){
$("#show-list").addClass("list-group_active");
}
else{
$("#show-list").addClass("list-group_active");
}
}
else {
$("#show-list").addClass("list-group_active");
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".div_destination").addClass("div_destination_active");
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)){
$("#close").addClass("close_active");
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#close").addClass("close_active");
}
else{
$("#close").addClass("close_active");
}
$("#close").addClass("close_active");
$('#arrivee').trigger('click');
});
});
},
});
}
else if (searchText.length >= 2){
$.ajax({
url: "action.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").addClass("list-group_active");
}
else{
$("#show-list").addClass("list-group_active");
}
$("#close").addClass("close_active");
}
if(window.innerHeight<window.innerWidth){
$("#show-list").addClass("list-group_active");
}
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$("#show-list").addClass("list-group_active");
$("#close").addClass("close_active");
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#show-list").addClass("list-group_active");
$("#close").addClass("close_active");
}
else
{
$("#show-list").addClass("list-group_active");
$("#close").addClass("close_active");
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".div_destination").addClass("div_destination_active");
$("#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();
$("#ville_des").val(childValue);
$("#show-list").css({"display":"none"});
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
$("#close").addClass("close_active");
}
if(window.innerHeight<window.innerWidth){
$("#close").addClass("close_active");
}
}
else if((screen.width>=1025)&&(screen.width<=1880)){
$("#close").css({"display":"block","margin-left":"92%","margin-top":"3%","position":"absolute","z-index":"22"});
}
else{
$("#close").addClass("close_active");
}
$('#arrivee').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").removeClass("close_active");
}
else{
$("#close").addClass("close_active");
}
$("#show-list").html(response);
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
if(window.innerWidth<800){
$("#show-list").addClass("list-group_active");
}
else{
$("#show-list").addClass("list-group_active");
}
}
if(window.innerHeight<window.innerWidth){
$("#show-list").addClass("list-group_active");
}
}
else if((screen.width>=1025)&&(screen.width<=1880)){
if(screen.width>=1241){
$("#show-list").addClass("list-group_active");
}
else{
$("#show-list").addClass("list-group_active");
}
}
else {
$("#show-list").addClass("list-group_active");
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".div_destination").addClass("div_destination_active");
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").addClass("close_active");
}
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").addClass("close_active");
}
else{
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").addClass("close_active");
}
$("#close").addClass("close_active");
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');
});
});
},
});
}
});
// Send Search Text to the server
$("#search").keyup(function () {
if ($(this).val()==""){
$("#close").removeClass("close_active");
}
else{
$("#close").addClass("close_active");
}
if((screen.width>=768)&&(screen.width<=1024)){
if(window.innerHeight>window.innerWidth){
$("#close").addClass("close_active");
}
if(window.innerHeight<window.innerWidth){
$("#close").addClass("close_active");
}
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$("#close").addClass("close_active");
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#close").addClass("close_active");
}
else
{
$("#close").addClass("close_active");
}
let searchText = $(this).val().trim();
if (searchText.length >= 2){
$.ajax({
url: "action.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){
$("#close").addClass("close_active");
if(window.innerWidth<800){
$("#show-list").addClass("list-group_active");
}
else{
$("#show-list").addClass("list-group_active");
}
}
if(window.innerHeight<window.innerWidth){
$("#close").addClass("close_active");
$("#show-list").addClass("list-group_active");
}
}
else if((screen.width>=1025)&&(screen.width<=1240)){
$("#show-list").addClass("list-group_active");
}
else if((screen.width>=1241)&&(screen.width<=1880)){
$("#show-list").addClass("list-group_active");
}
else{
$("#show-list").addClass("list-group_active");
}
$("#liste_dest").on("click", "#list_dest", function(event){
$(".div_destination").addClass("div_destination_active");
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").addClass("close_active");
}
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").addClass("close_active");
}
else{
$("#col_dest").css({"width":"420px","border":"1.2px solid #DDDDDD","z-index":"1"});
$("#col_destina").css({"width":"100%"});
$("#close").addClass("close_active");
}
$("#close").addClass("close_active");
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');
});
$("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").removeClass("close_active");
//$("#close").css({"display":"none","margin-left":"93%","margin-top":"5.6%","position":"absolute","z-index":"22"});
}
else{
$("#close").addClass("close_active");
//$("#close").css({"display":"block","margin-left":"93%","margin-top":"5.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").addClass("list-group_active");
//$("#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").addClass("list-group_active");
//$("#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%"});
$("#show-list").addClass("list-group_active");
}
//$(".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%"});
$("#show-list").addClass("list-group_active");
}
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%"});
$("#show-list").addClass("list-group_active");
}
//$("#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%"});
$("#show-list").addClass("list-group_active");
//$(".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){
$(".div_destination").addClass("div_destination_active");
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))
{
$("#close").addClass("close_active");
}
else if((screen.width>=1241)&&(screen.width<=1880))
{
$("#close").addClass("close_active");
}
else
{
$("#close").addClass("close_active");
}
$("#close").addClass("close_active");
$('#arrivee').trigger('click');
//$('.col_dep').trigger('click');
});
});
},
});
} else {
if((screen.width>=1025)&&(screen.width<1881)){
$("#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();
console.log(queryString);
document.location="https://www.tunisiebooking.com/"+"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://www.tunisiebooking.com/images/+rose.svg)");
});
$('.plus').bind("mouseleave", function() {
$(this).css("background-image", "url(https://www.tunisiebooking.com/images/+noir.svg)");
});
$('.adresse').bind("mouseenter", function() {
$('.adresse').css("background-image", "url(https://www.tunisiebooking.com/images/icons-menu-moteur/ic-infor.svg)");
$('.horaire').css("display","block");
});
$('.adresse').bind("mouseleave", function() {
$('.adresse').css("background-image", "url(https://www.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)",
"filter": "none"
});
//$('.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)",
"filter": "none"
});
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)",
"filter": "invert(27%) sepia(100%) saturate(7488%) hue-rotate(314deg) brightness(102%) contrast(101%)"
});
$("#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)",
"filter": "none"
});
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)",
"filter": "none"
});
$("#nav_span_voy_org").css("color","#262626");
//$('.icon_dropdown_vog > img').css("transform","rotate(360deg)");
$('.icon_dropdown_vog > img').css({
"transform": "rotate(360deg)",
"filter": "none"
});
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)");
$('.icon_dropdown_topdest > img').css({
"transform": "rotate(360deg)",
"filter": "none"
});
$("#nav_span_voy_org").css("color","#FF0097");
//$('.icon_dropdown_vog > img').css("transform","rotate(180deg)");
$('.icon_dropdown_vog > img').css({
"transform": "rotate(180deg)",
"filter": "invert(27%) sepia(100%) saturate(7488%) hue-rotate(314deg) brightness(102%) contrast(101%)"
});
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
}
});
</script>
<div class="sous_body">
<section class="pb-md-4 py-3 section_home" style="background: #fff;height: auto;padding-top:10% !important;">
<!-- Recherche recente-->
<div class="slider recherche_recent" style=" margin-bottom: 4%;height: auto;">
<div class="bui-spacer--largest recent_searches__section" data-et-click=" customGoal:cCHObTRVDEZRdPQBcGCfTKYCccaT:4 customGoal:cCHObXKeNJfOEJcCcCcCC:1 goal:www_index_recent_searches_click ">
<div class="bui-title bui-title--headline_2 bui-spacer--large">
<span class="bui-title__text">Hôtels consultés récemment</span>
</div>
<div role="region" class="bui-carousel bui-carousel--large bui-u-bleed@small" data-bui-component="Carousel" arial-label="Vos recherches récentes" style="position: relative;margin-top: 2%;margin-left: -3%;">
<ul class="bui-carousel__inner recent_searches__container" id="list_dest" data-bui-ref="carousel-container" style="height: 126px;">
</ul>
<script>
const elements = document.querySelectorAll('.bui-carousel__item_rec');
elements.forEach(element => {
element.addEventListener('click', function(event) {
// 1. Get only the destination text (without image)
const destinationText = element.querySelector("#recherche_dest").childNodes[0].nodeValue.trim();
document.getElementById("search").value = destinationText;
document.getElementById("ville_des").value = destinationText;
// 2. Extract date string and split into parts
const str = element.querySelector("#recherche_date").innerHTML;
console.log("str:", str);
const dateParts = str.split("–"); // ["Ven. 05 sept.", " dim. 07 sept, 2 personnes"]
const startDateStr = dateParts[0].trim(); // "Ven. 05 sept."
const endDateStr = dateParts[1].split(',')[0].trim(); // "dim. 07 sept"
// 3. Convert French month short names to numbers
const monthMap = {
janv: "01", févr: "02", mars: "03", avr: "04",
mai: "05", juin: "06", juil: "07", août: "08",
sept: "09", oct: "10", nov: "11", déc: "12"
};
function convertToDate(dateStr) {
const day = dateStr.substr(5, 2);
const monthText = dateStr.substr(8, 4).replace('.', '').toLowerCase();
const month = monthMap[monthText] || "01";
const year = new Date().getFullYear();
return `${day}/${month}/${year}`;
}
const date_depart = convertToDate(startDateStr); // e.g., "05/09/2025"
const date_arr = convertToDate(endDateStr); // e.g., "07/09/2025"
console.log("date_depart:", date_depart);
console.log("date_arr:", date_arr);
// 4. Get room, adults, children info
const str_ch = element.querySelector("#recherche_ch").innerHTML;
const str_ad = element.querySelector("#recherche_ad").innerHTML;
const str_en = element.querySelector("#recherche_en").innerHTML;
const nbr_ch = parseInt(str_ch, 10);
const nbr_ad = parseInt(str_ad, 10);
const nbr_en = parseInt(str_en, 10);
// 5. Hotel & city IDs
const str_id_hotel = element.querySelector("#id_xml").value;
const str_ville = element.querySelector("#ville_dest").value;
// 6. Populate form fields
document.getElementById("id_xml_hotel").value = str_id_hotel;
document.getElementById("ville_des").value = str_ville;
document.getElementById("checkin").value = date_depart;
document.getElementById("depart").value = date_depart;
document.getElementById("checkout").value = date_arr;
document.getElementById("arrivee1").value = date_arr;
document.getElementById("retourh").value = "jj/mm/aaaa";
document.getElementById("active").value = "0";
document.getElementById("select_ch").value = nbr_ch;
document.getElementById("selectch").innerHTML = nbr_ch + " Chambre, " + nbr_ad + " Adultes, " + nbr_en + " Enfant";
// 7. Set room data
for (let z = 1; z <= nbr_ch; z++) {
const adultes = element.querySelector("#adultes" + z).innerHTML;
const enfants = element.querySelector("#enfants" + z).innerHTML;
document.getElementById("adultes" + z).value = adultes;
document.getElementById("enfants" + z).value = enfants;
for (let k = 1; k <= nbr_en; k++) {
const age = element.querySelector("#age" + z + k).innerHTML;
document.getElementById("age" + z + "_" + k).value = age;
}
}
// 8. Calculate number of nights
function convertToDateObj(dateStr) {
const [dd, mm, yyyy] = dateStr.split('/');
return new Date(`${yyyy}-${mm}-${dd}`);
}
const checkinDate = convertToDateObj(date_depart);
const checkoutDate = convertToDateObj(date_arr);
const timeDiff = checkoutDate.getTime() - checkinDate.getTime();
const days = timeDiff / (1000 * 3600 * 24);
$("#divnuit").html(days);
$("#nbr_nuit").val(days);
// 9. Submit form data (preview only)
const rech = recherche1();
if (rech !== false) {
const form = document.forms['hotel'];
const formData = new FormData(form);
const searchy = new URLSearchParams(formData);
const queryString = searchy.toString().replaceAll("+", "");
//console.log("Query String:", queryString);
// Optionally redirect:
document.location = "https://www.tunisiebooking.com/theme/rsltv2_new_v2.php?item=" + encodeURIComponent(btoa(queryString));
}
});
});
</script>
<div class="carousel__navigation owl-prevv" style="display:none;margin-top:1.5%;margin-left:2%;">
<i class="fa-solid fa-angle-left owl-previcon" style="color:#BDC3C7;"></i>
</div>
<div class="carousel__navigation owl-nextt" style="display:none;margin-top:1.5%;margin-left:98.5%;">
<i class="fa-solid fa-angle-right" style="color:#262626;"></i>
</div>
<script>
const nb=document.getElementById("list_dest").getElementsByClassName("bui-carousel__item_rec").length;
if((screen.width>=768)&&(screen.width<=1024)){
if(nb>2){
var prev =$('.owl-prevv').attr('style'); //it will return string
prev+= ';display:block !important;margin-top:0.5% !important;';
$('.owl-prevv').attr('style',prev);
var next =$('.owl-nextt').attr('style'); //it will return string
next+= ';display:block !important;margin-top:0.5% !important;';
$('.owl-nextt').attr('style',next);
}
}
else{
if(nb>3){
$('.owl-prevv').css("display", "block");
$('.owl-nextt').css("display", "block");
}
}
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>
</div>
<!-- /Recherche recente-->
<!--SLIDE-->
<div id="bulle" class="infobulle" style="margin-top:20px; margin-left:-70px;"></div>
<div class="slider" style="/*margin-top: 2%;*/ height: auto; /*margin-bottom: 4%;*/">
<span class="title__slider">
Nos Plus Belles Thématiques
</span>
<style>
.container1 {
position: relative;
width: 100%;
max-width: 410px;
height:258px;
cursor:pointer;
background-size: cover; background-position: center;
border-radius:5px;
}
.container img {
filter: brightness(0.7);
}
.container img:hover {
filter: brightness(0.5) !important;
}
.btn1 {
position: absolute;
top: 80%;
left: 52%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: transparent;
color: white;
font-size: 16px;
padding: 12px 24px;
border: none;
cursor: pointer;
border-radius: 1px;
text-align: center;
transition: all 1s;
overflow: hidden;
width: max-content;
border:2px solid #fff;
text-shadow: 1px 1px 2px rgb(0 0 0 / 18%);
z-index:2px;
font-family: 'Roboto', sans-serif;
border-radius: 3px;
}
.btn1::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
transition: all 1s;
z-index: -1;
transform: translateX(-100%);
color:#262626;
font-family: 'Roboto', sans-serif;
}
.btn1:hover::before {
transform: translateX(0);
}
.btn1:hover {
color:#262626
}
.zi-2 {
z-index: 2;
}
.central {
position: absolute;
top: 41%;
left: 52%;
transform: translate(-50%, -50%);
}
.brandon-bold {
font-family: "Brandon Bold", sans-serif;
}
.font28 {
font-size: 1.75rem;
}
* {
box-shadow: none ;
outline: none !important;
-moz-outline-style: none !important;
}
.hr-home {
border-bottom: 1px solid #fff;
width: 100px;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.w-100 {
width: 90%!important;
text-align:center;
}
.juska {
font: 12px/16px 'Roboto', sans-serif;
}
.promo {
max-height: 100px;
position: relative;
text-align: center;
font-size: 43px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.devisee{font-size: 20px;margin-left:-5%;}
.encart_reduc sup {
color: #fff;
width: 20px;
height: 20px;
}
.encart_reduc {
height: 100px;
/* width: 200px;*/
/* background: #000;*/
/* position: absolute;*/
right: 0;
top: 95px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-shadow: 1px 1px 2px rgb(0 0 0 / 18%);
}
</style>
<div class="autoplay" style="margin-top:20px;height:300px;">
<div class="container1"><a onclick="ga('send','event','Destination','via etiquette','https://www.tunisiebooking.com/offre-vacances-hiver.html')"
href="https://www.tunisiebooking.com/offre-vacances-hiver.html" >
<div class="central w-100 zi-2">
<span aria-label="rubrique-home" class="rubrique-home text-uppercase text-white brandon-bold font28 text-center mb-0 shadow" data-gtm-vis-recent-on-screen-1592251_306="284" data-gtm-vis-first-on-screen-1592251_306="284" data-gtm-vis-total-visible-time-1592251_306="100" data-gtm-vis-has-fired-1592251_306="1" style="color:#fff; font-family: 'Roboto', sans-serif; text-shadow: 1px 1px 2px rgb(0 0 0 / 18%);text-transform: uppercase; " >
Envie d Hiver au Soleil ?
</span>
<hr class="hr-home">
<div class="encart_reduc" > <span class="juska">
Jusqu à
</span> <span class="promo">
<strong>
-35
</strong>
<sup class="devisee">
%
</sup>
</span> </div>
</div>
<img data-src="https://image.resabooking.com/images/galerie/slide_vacances_hiver_fr_2025.jpg" alt="Envie d Hiver au Soleil ?">
<button class="btn1">Voir Les Bons Plans Hiver <i class="icon-right-open" style="font-size: 12px; margin-top: 5px;float:right"></i></button>
</a></div>
<div class="container1"><a onclick="ga('send','event','Destination','via etiquette','https://www.tunisiebooking.com/offre-last-minute-tunisie.html')"
href="https://www.tunisiebooking.com/offre-last-minute-tunisie.html" >
<div class="central w-100 zi-2">
<span aria-label="rubrique-home" class="rubrique-home text-uppercase text-white brandon-bold font28 text-center mb-0 shadow" data-gtm-vis-recent-on-screen-1592251_306="284" data-gtm-vis-first-on-screen-1592251_306="284" data-gtm-vis-total-visible-time-1592251_306="100" data-gtm-vis-has-fired-1592251_306="1" style="color:#fff; font-family: 'Roboto', sans-serif; text-shadow: 1px 1px 2px rgb(0 0 0 / 18%);text-transform: uppercase; " >
Les offres Last Minute
</span>
<hr class="hr-home">
<div class="encart_reduc" > <span class="juska">
Jusqu à
</span> <span class="promo">
<strong>
-30
</strong>
<sup class="devisee">
%
</sup>
</span> </div>
</div>
<img data-src="https://image.resabooking.com/images/galerie/slide-last_minute_tunisie_2025_fr.jpg" alt="Les offres Last Minute">
<button class="btn1">Je Pars ! <i class="icon-right-open" style="font-size: 12px; margin-top: 5px;float:right"></i></button>
</a></div>
<div class="container1"><a onclick="ga('send','event','Destination','via etiquette','https://www.tunisiebooking.com/offre-special-sud-tunisien.html')"
href="https://www.tunisiebooking.com/offre-special-sud-tunisien.html" >
<div class="central w-100 zi-2">
<span aria-label="rubrique-home" class="rubrique-home text-uppercase text-white brandon-bold font28 text-center mb-0 shadow" data-gtm-vis-recent-on-screen-1592251_306="284" data-gtm-vis-first-on-screen-1592251_306="284" data-gtm-vis-total-visible-time-1592251_306="100" data-gtm-vis-has-fired-1592251_306="1" style="color:#fff; font-family: 'Roboto', sans-serif; text-shadow: 1px 1px 2px rgb(0 0 0 / 18%);text-transform: uppercase; " >
Spécial Sud Tunisien
</span>
<hr class="hr-home">
<div class="encart_reduc" > <span class="juska">
</span> <span class="promo">
<strong>
</strong>
<sup class="devisee">
</sup>
</span> </div>
</div>
<img data-src="https://image.resabooking.com/images/galerie/special_sud_fr_2025.jpg" alt="Spécial Sud Tunisien">
<button class="btn1">Découvrir <i class="icon-right-open" style="font-size: 12px; margin-top: 5px;float:right"></i></button>
</a></div>
</div>
</div>
<!--SLIDE-->
<div id="bulle" class="infobulle" style="margin-top:20px; margin-left:-70px;"></div>
<!-- avantage tunisie booking-->
<div class="slider avantage" style="margin-top: 6%; height: auto; margin-bottom: 1%;">
<p class="title_slider_avantage" style="-webkit-font-smoothing: antialiased;font-weight: 700;font-size: 24px;font-family: -apple-system,'Roboto',Helvetica, Arial, sans-serif;">
Les Bonnes Raisons de faire appel à nous
</p>
<div class="row row-cols-1 row-cols-md-3 g-2 g-md-3" id="fiveGaranties" style="margin-top: 2%;">
<div class="col col-md-4 animated fadeIn text-md-center d-flex d-md-block align-items-center justify-content-center">
<div class="p-2">
<img data-src="https://www.tunisiebooking.com/images/icone-moteur/prix-garantis.svg" class="" alt="prix-garantis" style="width: 62.07px;height: 58px;" src="https://www.tunisiebooking.com/images/icone-moteur/prix-garantis.svg">
</div>
<div class="p-2">
<p class="title_avantage text-center">Meilleur Prix Garanti</p>
<p class="sous_title_avantage mb-1 font-weight-500">Hôtel, voyage, Billet d'avion...</p>
</div>
</div>
<div class="col col-md-4 animated fadeIn text-md-center d-flex d-md-block align-items-center justify-content-center">
<div class="p-2">
<img src="https://www.tunisiebooking.com/images/icone-moteur/ass_conseillers.svg" alt="ass_conseillers." style="width: 62.07px;height: 58px;">
</div>
<div class="p-2">
<p class="title_avantage text-center">Service Clients</p>
<p class="sous_title_avantage mb-1 font-weight-500">à votre écoute 7/7</p>
</div>
</div>
<div class="col col-md-3 animated fadeIn text-md-center d-flex d-md-block align-items-center justify-content-center">
<div class="p-2">
<img src="https://www.tunisiebooking.com/images/icone-moteur/Combined-Shape.svg" alt="Combined-Shape" style="width: 62.07px;height: 58px;">
</div>
<div class="p-2">
<p class="title_avantage text-center">Paiement Sécurisé</p>
<p class="sous_title_avantage mb-1 font-weight-500">Réservations Faciles et 100% Sécurisées</p>
</div>
</div>
</div>
</div>
<!-- /avantage tunisie booking-->
</section>
<!-- listes des produits tunisie booking-->
<div class="col_produits" style="background: #F5F5F5;">
<div class="contenu_et_sidebar" style="padding-top:1.2%;">
<span class="title__produit">
Les Imbattables du moment
</span>
<div class="contenu">
<!------------------------------------------------------------------------------PRODUIT----------------------------------------------------------------------------->
<div class="box_produit" style="border-radius:2px">
<div class="entete_produit">
<div class="bloc_titre" style="width: 77%; font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-weight: 500;line-height: 1;">
<a onclick="ga('send','event','Détail hotel','recherche hotel','via lien texte')" href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-royal-azur-thalasso-golf-hammamet.html" title="Royal Azur Thalassa 5 etoiles">
Royal Azur Thalassa </a>
</div>
<div style="margin-top: 7%;width: 100%; margin-left: 2%;">
<img src="https://www.tunisiebooking.com/theme/images/star5.svg" alt="star5" width="78.83px" height="16.17px" style="margin-top: -6px;"/>
</div>
<div>
</br>
<span class="adresse_hotel" style="float: left;margin-left: 2%;margin-top: -4%;font-size:14px;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif"><img class="lazy" data-src="https://www.tunisiebooking.com/images/localisation.svg" alt="localisation" width="100%" height="100%" style="max-width: 2.5%;float: left;"><div style="margin-top:-0.2%;margin-left:0.6%;position:absolute;"> Hammamet</div></span>
</div>
<div>
</div>
<div class="prix_produit" style="position:relative;top: -73%;left:1%; padding:10px 11px 0;font-weight: 600;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<span class="apartirde">à partir de *<br></span><div style="margin-top:-21%;padding-top:3px;font-size: 32px;font-weight: 600;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">43<sup style="top:-0.8em !important; font-weight:500;font-size:15px" class="devise">€</sup></div>
</div>
<div class="date_prix" style="padding-top:3px;top: -85.5%;margin-left:25%;position: relative;;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif">
prix du 20/11/25 </div>
</div>
<div class="img_hotel_in" style="position:relative;height: 252px;background-image:url('');" onclick="trackOutboundLink2('https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-royal-azur-thalasso-golf-hammamet.html','Détail hotel','recherche hotel','via lien image');return false;">
<!--<div class="titley" style="top: 63px;">
<div style=" float:left;"><img src="https://www.resabooking.com/marketing/Categorie_promo/images/61e6c6c77495b9.28200989.svg" class="img_promoy"></div>
<div style="margin-top: 5%;" class="span_lib_cat" ><span>Promotion </span></div></div>-->
<div class="div_venteFlash" style="margin-top: 10px;" >
<div style="position: absolute;width: 37px;height: 28px;background: linear-gradient(0deg, #F40091, #F40091), #FCA700;border-radius: 100px;">
<div style="float: right;transform: skew(-30deg);transform-origin: bottom left;background: linear-gradient(0deg, #F40091, #F40091), #F40091;width: 20px;height: 28px;margin-right: 6px;">
</div>
</div>
<img style="position: absolute;margin-left: 10px;padding-top: 3px;"
src="/theme/images/vente_flash_new.svg" alt="vente_flash"/>
<div class="chronoday_vf">
<span id="promosz">
Reste
</span>
<script type="text/javascript">
// Update the count down every 1 second
var x = setInterval(function () {
var countDownDate = new Date(2025, 11, 30, 23, 00, 00, 00);
countDownDate = new Date(countDownDate.setMonth(countDownDate.getMonth() - 1)).getTime();
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("countdown_day23").innerHTML = days + 'j';
document.getElementById("countdown_hour23").innerHTML = hours + 'h';
document.getElementById("countdown_min23").innerHTML = minutes + 'm';
document.getElementById("countdown_sec23").innerHTML = seconds + 's';
}, 1000);
//var id_hotel="23";
//document.getElementById("hotel_"+ id_hotel).style.order = "1";
</script>
<span class="span_chrono"
id="countdown_day23"></span>
<span class="span_chrono"
id="countdown_hour23"></span>
<span class="span_chrono"
id="countdown_min23"></span>
<span class="span_chrono"
id="countdown_sec23"></span>
</div>
</div>
<img class="image_hotel lazy" data-src="https://image.resabooking.com/images/image_panoramique/Royal_Azur_Thalassa_3.jpg" alt="hotel" style="width:100%; height:100%;border-radius: 0 0 1% 1%;"/>
</div>
</div>
<!------------------------------------------------------------------------------END PRODUIT----------------------------------------------------------------------------->
<!------------------------------------------------------------------------------PRODUIT----------------------------------------------------------------------------->
<div class="box_produit" style="border-radius:2px">
<div class="entete_produit">
<div class="bloc_titre" style="width: 77%; font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-weight: 500;line-height: 1;">
<a onclick="ga('send','event','Détail hotel','recherche hotel','via lien texte')" href="https://www.tunisiebooking.com/hotel-tunisie/monastir/hotels/hotel-iberostar-kuriat-palace-monastir.html" title="Iberostar Kuriat Palace 5 etoiles">
Iberostar Kuriat Palace </a>
</div>
<div style="margin-top: 7%;width: 100%; margin-left: 2%;">
<img src="https://www.tunisiebooking.com/theme/images/star5.svg" alt="star5" width="78.83px" height="16.17px" style="margin-top: -6px;"/>
</div>
<div>
</br>
<span class="adresse_hotel" style="float: left;margin-left: 2%;margin-top: -4%;font-size:14px;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif"><img class="lazy" data-src="https://www.tunisiebooking.com/images/localisation.svg" alt="localisation" width="100%" height="100%" style="max-width: 2.5%;float: left;"><div style="margin-top:-0.2%;margin-left:0.6%;position:absolute;"> Monastir</div></span>
</div>
<div>
</div>
<div class="prix_produit" style="position:relative;top: -73%;left:1%; padding:10px 11px 0;font-weight: 600;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<span class="apartirde">à partir de *<br></span><div style="margin-top:-21%;padding-top:3px;font-size: 32px;font-weight: 600;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">29<sup style="top:-0.8em !important; font-weight:500;font-size:15px" class="devise">€</sup></div>
</div>
<div class="date_prix" style="padding-top:3px;top: -85.5%;margin-left:25%;position: relative;;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif">
prix du 04/01/26 </div>
</div>
<div class="img_hotel_in" style="position:relative;height: 252px;background-image:url('');" onclick="trackOutboundLink2('https://www.tunisiebooking.com/hotel-tunisie/monastir/hotels/hotel-iberostar-kuriat-palace-monastir.html','Détail hotel','recherche hotel','via lien image');return false;">
<div class="div_venteFlash" style="margin-top: 10px;" >
<div style="position: absolute;width: 37px;height: 28px;background: linear-gradient(0deg, #F40091, #F40091), #FCA700;border-radius: 100px;">
<div style="float: right;transform: skew(-30deg);transform-origin: bottom left;background: linear-gradient(0deg, #F40091, #F40091), #F40091;width: 20px;height: 28px;margin-right: 6px;">
</div>
</div>
<img style="position: absolute;margin-left: 10px;padding-top: 3px;"
src="/theme/images/vente_flash_new.svg" alt="vente_flash"/>
<div class="chronoday_vf">
<span id="promosz">
Reste
</span>
<script type="text/javascript">
// Update the count down every 1 second
var x = setInterval(function () {
var countDownDate = new Date(2025, 11, 21, 23, 00, 00, 00);
countDownDate = new Date(countDownDate.setMonth(countDownDate.getMonth() - 1)).getTime();
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("countdown_day564").innerHTML = days + 'j';
document.getElementById("countdown_hour564").innerHTML = hours + 'h';
document.getElementById("countdown_min564").innerHTML = minutes + 'm';
document.getElementById("countdown_sec564").innerHTML = seconds + 's';
}, 1000);
//var id_hotel="564";
//document.getElementById("hotel_"+ id_hotel).style.order = "1";
</script>
<span class="span_chrono"
id="countdown_day564"></span>
<span class="span_chrono"
id="countdown_hour564"></span>
<span class="span_chrono"
id="countdown_min564"></span>
<span class="span_chrono"
id="countdown_sec564"></span>
</div>
</div>
<img class="image_hotel lazy" data-src="https://image.resabooking.com/images/image_panoramique/Iberostar_Kuriat_Palace_3.jpg" alt="hotel" style="width:100%; height:100%;border-radius: 0 0 1% 1%;"/>
</div>
</div>
<!------------------------------------------------------------------------------END PRODUIT----------------------------------------------------------------------------->
<!------------------------------------------------------------------------------PRODUIT----------------------------------------------------------------------------->
<div class="box_produit" style="border-radius:2px">
<div class="entete_produit">
<div class="bloc_titre" style="width: 77%; font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-weight: 500;line-height: 1;">
<a onclick="ga('send','event','Détail hotel','recherche hotel','via lien texte')" href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-the-russelior-hammamet.html" title="The Russelior 5 etoiles">
The Russelior </a>
</div>
<div style="margin-top: 7%;width: 100%; margin-left: 2%;">
<img src="https://www.tunisiebooking.com/theme/images/star5.svg" alt="star5" width="78.83px" height="16.17px" style="margin-top: -6px;"/>
</div>
<div>
</br>
<span class="adresse_hotel" style="float: left;margin-left: 2%;margin-top: -4%;font-size:14px;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif"><img class="lazy" data-src="https://www.tunisiebooking.com/images/localisation.svg" alt="localisation" width="100%" height="100%" style="max-width: 2.5%;float: left;"><div style="margin-top:-0.2%;margin-left:0.6%;position:absolute;"> Hammamet</div></span>
</div>
<div>
</div>
<div class="prix_produit" style="position:relative;top: -73%;left:1%; padding:10px 11px 0;font-weight: 600;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<span class="apartirde">à partir de *<br></span><div style="margin-top:-21%;padding-top:3px;font-size: 32px;font-weight: 600;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">24<sup style="top:-0.8em !important; font-weight:500;font-size:15px" class="devise">€</sup></div>
</div>
<div class="date_prix" style="padding-top:3px;top: -85.5%;margin-left:25%;position: relative;;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif">
prix du 19/11/25 </div>
</div>
<div class="img_hotel_in" style="position:relative;height: 252px;background-image:url('');" onclick="trackOutboundLink2('https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-the-russelior-hammamet.html','Détail hotel','recherche hotel','via lien image');return false;">
<!--<div class="titley" style="top: 25px;">
<div style=" float:left;"><img src="https://www.resabooking.com/marketing/Categorie_promo/images/61e6c6c77495b9.28200989.svg" class="img_promoy"></div>
<div style="margin-top: 5%;" class="span_lib_cat" ><span>Promotion </span></div></div>-->
<!--<div class="titley" style="top: 70px;">
<div style=" float:left;"><img src="https://www.resabooking.com/marketing/Categorie_promo/images/61c08bfd4e43d5.77103802.svg" class="img_promoy"></div>
<div style="margin-top: 5%;" ><span>Offre Exclusive </span></div></div>-->
<img class="image_hotel lazy" data-src="https://image.resabooking.com/images/image_panoramique/The_Russelior_3.jpg" alt="hotel" style="width:100%; height:100%;border-radius: 0 0 1% 1%;"/>
</div>
</div>
<!------------------------------------------------------------------------------END PRODUIT----------------------------------------------------------------------------->
<!------------------------------------------------------------------------------PRODUIT----------------------------------------------------------------------------->
<div class="box_produit" style="border-radius:2px">
<div class="entete_produit">
<div class="bloc_titre" style="width: 77%; font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-weight: 500;line-height: 1;">
<a onclick="ga('send','event','Détail hotel','recherche hotel','via lien texte')" href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-cesar-thalasso-djerba.html" title="Cesar Thalasso 4 etoiles">
Cesar Thalasso </a>
</div>
<div style="margin-top: 7%;width: 100%; margin-left: 2%;">
<img src="https://www.tunisiebooking.com/theme/images/star4.svg" alt="star4" width="78.83px" height="16.17px" style="margin-top: -6px;"/>
</div>
<div>
</br>
<span class="adresse_hotel" style="float: left;margin-left: 2%;margin-top: -4%;font-size:14px;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif"><img class="lazy" data-src="https://www.tunisiebooking.com/images/localisation.svg" alt="localisation" width="100%" height="100%" style="max-width: 2.5%;float: left;"><div style="margin-top:-0.2%;margin-left:0.6%;position:absolute;"> Djerba</div></span>
</div>
<div>
</div>
<div class="prix_produit" style="position:relative;top: -73%;left:1%; padding:10px 11px 0;font-weight: 600;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<span class="apartirde">à partir de *<br></span><div style="margin-top:-21%;padding-top:3px;font-size: 32px;font-weight: 600;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">38<sup style="top:-0.8em !important; font-weight:500;font-size:15px" class="devise">€</sup></div>
</div>
<div class="date_prix" style="padding-top:3px;top: -85.5%;margin-left:25%;position: relative;;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif">
prix du 19/11/25 </div>
</div>
<div class="img_hotel_in" style="position:relative;height: 252px;background-image:url('');" onclick="trackOutboundLink2('https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-cesar-thalasso-djerba.html','Détail hotel','recherche hotel','via lien image');return false;">
<!--<div class="titley" style="top: 63px;">
<div style=" float:left;"><img src="https://www.resabooking.com/marketing/Categorie_promo/images/61e6c6c77495b9.28200989.svg" class="img_promoy"></div>
<div style="margin-top: 5%;" class="span_lib_cat" ><span>Promotion </span></div></div>-->
<div class="div_venteFlash" style="margin-top: 10px;" >
<div style="position: absolute;width: 37px;height: 28px;background: linear-gradient(0deg, #F40091, #F40091), #FCA700;border-radius: 100px;">
<div style="float: right;transform: skew(-30deg);transform-origin: bottom left;background: linear-gradient(0deg, #F40091, #F40091), #F40091;width: 20px;height: 28px;margin-right: 6px;">
</div>
</div>
<img style="position: absolute;margin-left: 10px;padding-top: 3px;"
src="/theme/images/vente_flash_new.svg" alt="vente_flash"/>
<div class="chronoday_vf">
<span id="promosz">
Reste
</span>
<script type="text/javascript">
// Update the count down every 1 second
var x = setInterval(function () {
var countDownDate = new Date(2025, 11, 21, 23, 00, 00, 00);
countDownDate = new Date(countDownDate.setMonth(countDownDate.getMonth() - 1)).getTime();
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("countdown_day100").innerHTML = days + 'j';
document.getElementById("countdown_hour100").innerHTML = hours + 'h';
document.getElementById("countdown_min100").innerHTML = minutes + 'm';
document.getElementById("countdown_sec100").innerHTML = seconds + 's';
}, 1000);
//var id_hotel="100";
//document.getElementById("hotel_"+ id_hotel).style.order = "1";
</script>
<span class="span_chrono"
id="countdown_day100"></span>
<span class="span_chrono"
id="countdown_hour100"></span>
<span class="span_chrono"
id="countdown_min100"></span>
<span class="span_chrono"
id="countdown_sec100"></span>
</div>
</div>
<img class="image_hotel lazy" data-src="https://image.resabooking.com/images/image_panoramique/Cesar_Thalasso_3.jpg" alt="hotel" style="width:100%; height:100%;border-radius: 0 0 1% 1%;"/>
</div>
</div>
<!------------------------------------------------------------------------------END PRODUIT----------------------------------------------------------------------------->
<!------------------------------------------------------------------------------PRODUIT----------------------------------------------------------------------------->
<div class="box_produit" style="border-radius:2px">
<div class="entete_produit">
<div class="bloc_titre" style="width: 77%; font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-weight: 500;line-height: 1;">
<a onclick="ga('send','event','Détail hotel','recherche hotel','via lien texte')" href="https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-laico-hammamet.html" title="Laico 5 etoiles">
Laico </a>
</div>
<div style="margin-top: 7%;width: 100%; margin-left: 2%;">
<img src="https://www.tunisiebooking.com/theme/images/star5.svg" alt="star5" width="78.83px" height="16.17px" style="margin-top: -6px;"/>
</div>
<div>
</br>
<span class="adresse_hotel" style="float: left;margin-left: 2%;margin-top: -4%;font-size:14px;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif"><img class="lazy" data-src="https://www.tunisiebooking.com/images/localisation.svg" alt="localisation" width="100%" height="100%" style="max-width: 2.5%;float: left;"><div style="margin-top:-0.2%;margin-left:0.6%;position:absolute;"> Hammamet</div></span>
</div>
<div>
</div>
<div class="prix_produit" style="position:relative;top: -73%;left:1%; padding:10px 11px 0;font-weight: 600;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<span class="apartirde">à partir de *<br></span><div style="margin-top:-21%;padding-top:3px;font-size: 32px;font-weight: 600;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">39<sup style="top:-0.8em !important; font-weight:500;font-size:15px" class="devise">€</sup></div>
</div>
<div class="date_prix" style="padding-top:3px;top: -85.5%;margin-left:25%;position: relative;;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif">
prix du 20/11/25 </div>
</div>
<div class="img_hotel_in" style="position:relative;height: 252px;background-image:url('');" onclick="trackOutboundLink2('https://www.tunisiebooking.com/hotel-tunisie/hammamet/hotels/hotel-laico-hammamet.html','Détail hotel','recherche hotel','via lien image');return false;">
<!--<div class="titley" style="top: 63px;">
<div style=" float:left;"><img src="https://www.resabooking.com/marketing/Categorie_promo/images/61e6c6c77495b9.28200989.svg" class="img_promoy"></div>
<div style="margin-top: 5%;" class="span_lib_cat" ><span>Promotion </span></div></div>-->
<!--<div class="titley" style="top: 108px;">
<div style=" float:left;"><img src="https://www.resabooking.com/marketing/Categorie_promo/images/61c08bfd4e43d5.77103802.svg" class="img_promoy"></div>
<div style="margin-top: 5%;" ><span>Offre Exclusive </span></div></div>-->
<div class="div_venteFlash" style="margin-top: 10px;" >
<div style="position: absolute;width: 37px;height: 28px;background: linear-gradient(0deg, #F40091, #F40091), #FCA700;border-radius: 100px;">
<div style="float: right;transform: skew(-30deg);transform-origin: bottom left;background: linear-gradient(0deg, #F40091, #F40091), #F40091;width: 20px;height: 28px;margin-right: 6px;">
</div>
</div>
<img style="position: absolute;margin-left: 10px;padding-top: 3px;"
src="/theme/images/vente_flash_new.svg" alt="vente_flash"/>
<div class="chronoday_vf">
<span id="promosz">
Reste
</span>
<script type="text/javascript">
// Update the count down every 1 second
var x = setInterval(function () {
var countDownDate = new Date(2025, 11, 21, 23, 00, 00, 00);
countDownDate = new Date(countDownDate.setMonth(countDownDate.getMonth() - 1)).getTime();
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("countdown_day101").innerHTML = days + 'j';
document.getElementById("countdown_hour101").innerHTML = hours + 'h';
document.getElementById("countdown_min101").innerHTML = minutes + 'm';
document.getElementById("countdown_sec101").innerHTML = seconds + 's';
}, 1000);
//var id_hotel="101";
//document.getElementById("hotel_"+ id_hotel).style.order = "1";
</script>
<span class="span_chrono"
id="countdown_day101"></span>
<span class="span_chrono"
id="countdown_hour101"></span>
<span class="span_chrono"
id="countdown_min101"></span>
<span class="span_chrono"
id="countdown_sec101"></span>
</div>
</div>
<img class="image_hotel lazy" data-src="https://image.resabooking.com/images/image_panoramique/laico_3.jpg" alt="hotel" style="width:100%; height:100%;border-radius: 0 0 1% 1%;"/>
</div>
</div>
<!------------------------------------------------------------------------------END PRODUIT----------------------------------------------------------------------------->
<!------------------------------------------------------------------------------PRODUIT----------------------------------------------------------------------------->
<div class="box_produit" style="border-radius:2px">
<div class="entete_produit">
<div class="bloc_titre" style="width: 68%; font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-weight: 500;line-height: 1.2;margin-bottom: 3%;">
<a onclick="ga('send','event','Détail hotel','recherche hotel','via lien texte')" href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-el-ksar-resort-thalasso-sousse.html" title="EL Ksar Resort & Thalasso Sousse 4 etoiles">
EL Ksar Resort & Thalasso Sousse <img src="https://www.tunisiebooking.com/theme/images/star4.svg" alt="star4" width="78.83px" height="16.17px" style="margin-top: -6px;margin-left: 3%;"/>
</a>
</div>
<div>
</br>
<span class="adresse_hotel" style="float: left;margin-left: 2%;margin-top: 2%;font-size:14px;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif"><img class="lazy" data-src="https://www.tunisiebooking.com/images/localisation.svg" width="100%" height="100%" alt="localisation" style="max-width: 2.5%;float: left;"><div style="margin-top:-0.2%;margin-left:0.6%;position:absolute;"> Sousse</div></span>
</div>
<div class="prix_produit" style="position:relative;top: -73%;left:1%; padding:10px 11px 0;font-weight: 600;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<span class="apartirde">à partir de *<br></span><div style="margin-top:-21%;padding-top:3px;font-size: 32px;font-weight: 600;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">32<sup style="top:-0.8em !important; font-weight:600;font-size:15px;" class="devise">€</sup></div>
</div>
<div class="date_prix" style="top: -85.5%;margin-left:25%;position: relative;;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif">
prix du 21/11/25 </div>
</div>
<div class="img_hotel_in" style="position:relative;height: 252px;background-image:url('');" onclick="trackOutboundLink2('https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-el-ksar-resort-thalasso-sousse.html','Détail hotel','recherche hotel','via lien image');return false;">
<!--<div class="titley" style="top: 63px;">
<div style=" float:left;"><img src="https://www.resabooking.com/marketing/Categorie_promo/images/61e6c6c77495b9.28200989.svg" class="img_promoy"></div>
<div style="margin-top: 5%;" class="span_lib_cat" ><span>Promotion </span></div></div>-->
<div class="div_venteFlash" style="margin-top: 10px;" >
<div style="position: absolute;width: 37px;height: 28px;background: linear-gradient(0deg, #F40091, #F40091), #FCA700;border-radius: 100px;">
<div style="float: right;transform: skew(-30deg);transform-origin: bottom left;background: linear-gradient(0deg, #F40091, #F40091), #F40091;width: 20px;height: 28px;margin-right: 6px;">
</div>
</div>
<img style="position: absolute;margin-left: 10px;padding-top: 3px;"
src="/theme/images/vente_flash_new.svg" alt="vente_flash"/>
<div class="chronoday_vf">
<span id="promosz">
Reste
</span>
<script type="text/javascript">
// Update the count down every 1 second
var x = setInterval(function () {
var countDownDate = new Date(2025, 11, 21, 23, 00, 00, 00);
countDownDate = new Date(countDownDate.setMonth(countDownDate.getMonth() - 1)).getTime();
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("countdown_day377").innerHTML = days + 'j';
document.getElementById("countdown_hour377").innerHTML = hours + 'h';
document.getElementById("countdown_min377").innerHTML = minutes + 'm';
document.getElementById("countdown_sec377").innerHTML = seconds + 's';
}, 1000);
//var id_hotel="377";
//document.getElementById("hotel_"+ id_hotel).style.order = "1";
</script>
<span class="span_chrono"
id="countdown_day377"></span>
<span class="span_chrono"
id="countdown_hour377"></span>
<span class="span_chrono"
id="countdown_min377"></span>
<span class="span_chrono"
id="countdown_sec377"></span>
</div>
</div>
<img class="image_hotel lazy" data-src="https://image.resabooking.com/images/image_panoramique/EL_Ksar_Resort_&_Thalasso_Sousse_3.jpg" alt="hotel" style="width:100%; height:100%;border-radius: 0 0 1% 1%;"/>
</div>
</div>
<!------------------------------------------------------------------------------END PRODUIT----------------------------------------------------------------------------->
<!------------------------------------------------------------------------------PRODUIT----------------------------------------------------------------------------->
<div class="box_produit" style="border-radius:2px">
<div class="entete_produit">
<div class="bloc_titre" style="width: 68%; font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-weight: 500;line-height: 1.2;margin-bottom: 3%;">
<a onclick="ga('send','event','Détail hotel','recherche hotel','via lien texte')" href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-sousse-pearl-marriott-resort-et-spa-sousse.html" title="Sousse Pearl Marriott Resort & Spa 5 etoiles">
Sousse Pearl Marriott Resort & Spa <img src="https://www.tunisiebooking.com/theme/images/star5.svg" alt="star5" width="78.83px" height="16.17px" style="margin-top: -6px;margin-left: 3%;"/>
</a>
</div>
<div>
</br>
<span class="adresse_hotel" style="float: left;margin-left: 2%;margin-top: 2%;font-size:14px;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif"><img class="lazy" data-src="https://www.tunisiebooking.com/images/localisation.svg" width="100%" height="100%" alt="localisation" style="max-width: 2.5%;float: left;"><div style="margin-top:-0.2%;margin-left:0.6%;position:absolute;"> Sousse</div></span>
</div>
<div class="prix_produit" style="position:relative;top: -73%;left:1%; padding:10px 11px 0;font-weight: 600;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<span class="apartirde">à partir de *<br></span><div style="margin-top:-21%;padding-top:3px;font-size: 32px;font-weight: 600;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">42<sup style="top:-0.8em !important; font-weight:600;font-size:15px;" class="devise">€</sup></div>
</div>
<div class="date_prix" style="top: -85.5%;margin-left:25%;position: relative;;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif">
prix du 22/11/25 </div>
</div>
<div class="img_hotel_in" style="position:relative;height: 252px;background-image:url('');" onclick="trackOutboundLink2('https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-sousse-pearl-marriott-resort-et-spa-sousse.html','Détail hotel','recherche hotel','via lien image');return false;">
<img class="image_hotel lazy" data-src="https://image.resabooking.com/images/hotel/Sousse_Pearl_Marriott_Resort_&_Spa_3.jpg" alt="hotel" style="width:100%; height:100%;border-radius: 0 0 1% 1%;"/>
</div>
</div>
<!------------------------------------------------------------------------------END PRODUIT----------------------------------------------------------------------------->
<!------------------------------------------------------------------------------PRODUIT----------------------------------------------------------------------------->
<div class="box_produit" style="border-radius:2px">
<div class="entete_produit">
<div class="bloc_titre" style="width: 68%; font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-weight: 500;line-height: 1.2;margin-bottom: 3%;">
<a onclick="ga('send','event','Détail hotel','recherche hotel','via lien texte')" href="https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-iberostar-eolia-djerba-djerba.html" title="Iberostar Selection Eolia Djerba 5 etoiles">
Iberostar Selection Eolia Djerba <img src="https://www.tunisiebooking.com/theme/images/star5.svg" alt="star5" width="78.83px" height="16.17px" style="margin-top: -6px;margin-left: 3%;"/>
</a>
</div>
<div>
</br>
<span class="adresse_hotel" style="float: left;margin-left: 2%;margin-top: 2%;font-size:14px;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif"><img class="lazy" data-src="https://www.tunisiebooking.com/images/localisation.svg" width="100%" height="100%" alt="localisation" style="max-width: 2.5%;float: left;"><div style="margin-top:-0.2%;margin-left:0.6%;position:absolute;"> Djerba</div></span>
</div>
<div class="prix_produit" style="position:relative;top: -73%;left:1%; padding:10px 11px 0;font-weight: 600;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<span class="apartirde">à partir de *<br></span><div style="margin-top:-21%;padding-top:3px;font-size: 32px;font-weight: 600;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">36<sup style="top:-0.8em !important; font-weight:600;font-size:15px;" class="devise">€</sup></div>
</div>
<div class="date_prix" style="top: -85.5%;margin-left:25%;position: relative;;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif">
prix du 04/01/26 </div>
</div>
<div class="img_hotel_in" style="position:relative;height: 252px;background-image:url('');" onclick="trackOutboundLink2('https://www.tunisiebooking.com/hotel-tunisie/djerba/hotels/hotel-iberostar-eolia-djerba-djerba.html','Détail hotel','recherche hotel','via lien image');return false;">
<!--<div class="titley" style="top: 63px;">
<div style=" float:left;"><img src="https://www.resabooking.com/marketing/Categorie_promo/images/61e6c6c77495b9.28200989.svg" class="img_promoy"></div>
<div style="margin-top: 5%;" class="span_lib_cat" ><span>Promotion </span></div></div>-->
<div class="div_venteFlash" style="margin-top: 10px;" >
<div style="position: absolute;width: 37px;height: 28px;background: linear-gradient(0deg, #F40091, #F40091), #FCA700;border-radius: 100px;">
<div style="float: right;transform: skew(-30deg);transform-origin: bottom left;background: linear-gradient(0deg, #F40091, #F40091), #F40091;width: 20px;height: 28px;margin-right: 6px;">
</div>
</div>
<img style="position: absolute;margin-left: 10px;padding-top: 3px;"
src="/theme/images/vente_flash_new.svg" alt="vente_flash"/>
<div class="chronoday_vf">
<span id="promosz">
Reste
</span>
<script type="text/javascript">
// Update the count down every 1 second
var x = setInterval(function () {
var countDownDate = new Date(2025, 11, 21, 23, 00, 00, 00);
countDownDate = new Date(countDownDate.setMonth(countDownDate.getMonth() - 1)).getTime();
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("countdown_day824").innerHTML = days + 'j';
document.getElementById("countdown_hour824").innerHTML = hours + 'h';
document.getElementById("countdown_min824").innerHTML = minutes + 'm';
document.getElementById("countdown_sec824").innerHTML = seconds + 's';
}, 1000);
//var id_hotel="824";
//document.getElementById("hotel_"+ id_hotel).style.order = "1";
</script>
<span class="span_chrono"
id="countdown_day824"></span>
<span class="span_chrono"
id="countdown_hour824"></span>
<span class="span_chrono"
id="countdown_min824"></span>
<span class="span_chrono"
id="countdown_sec824"></span>
</div>
</div>
<img class="image_hotel lazy" data-src="https://image.resabooking.com/images/hotel/Iberostar_Selection_Eolia_Djerba_3.jpg" alt="hotel" style="width:100%; height:100%;border-radius: 0 0 1% 1%;"/>
</div>
</div>
<!------------------------------------------------------------------------------END PRODUIT----------------------------------------------------------------------------->
<!------------------------------------------------------------------------------PRODUIT----------------------------------------------------------------------------->
<div class="box_produit" style="border-radius:2px">
<div class="entete_produit">
<div class="bloc_titre" style="width: 77%; font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-weight: 500;line-height: 1;">
<a onclick="ga('send','event','Détail hotel','recherche hotel','via lien texte')" href="https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-club-sousse.html" title="Marhaba Club 4 etoiles">
Marhaba Club </a>
</div>
<div style="margin-top: 7%;width: 100%; margin-left: 2%;">
<img src="https://www.tunisiebooking.com/theme/images/star4.svg" alt="star4" width="78.83px" height="16.17px" style="margin-top: -6px;"/>
</div>
<div>
</br>
<span class="adresse_hotel" style="float: left;margin-left: 2%;margin-top: -4%;font-size:14px;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif"><img class="lazy" data-src="https://www.tunisiebooking.com/images/localisation.svg" alt="localisation" width="100%" height="100%" style="max-width: 2.5%;float: left;"><div style="margin-top:-0.2%;margin-left:0.6%;position:absolute;"> Sousse</div></span>
</div>
<div>
</div>
<div class="prix_produit" style="position:relative;top: -73%;left:1%; padding:10px 11px 0;font-weight: 600;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<span class="apartirde">à partir de *<br></span><div style="margin-top:-21%;padding-top:3px;font-size: 32px;font-weight: 600;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">31<sup style="top:-0.8em !important; font-weight:500;font-size:15px" class="devise">€</sup></div>
</div>
<div class="date_prix" style="padding-top:3px;top: -85.5%;margin-left:25%;position: relative;;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif">
prix du 03/01/26 </div>
</div>
<div class="img_hotel_in" style="position:relative;height: 252px;background-image:url('');" onclick="trackOutboundLink2('https://www.tunisiebooking.com/hotel-tunisie/sousse/hotels/hotel-marhaba-club-sousse.html','Détail hotel','recherche hotel','via lien image');return false;">
<div class="div_venteFlash" style="margin-top: 10px;" >
<div style="position: absolute;width: 37px;height: 28px;background: linear-gradient(0deg, #F40091, #F40091), #FCA700;border-radius: 100px;">
<div style="float: right;transform: skew(-30deg);transform-origin: bottom left;background: linear-gradient(0deg, #F40091, #F40091), #F40091;width: 20px;height: 28px;margin-right: 6px;">
</div>
</div>
<img style="position: absolute;margin-left: 10px;padding-top: 3px;"
src="/theme/images/vente_flash_new.svg" alt="vente_flash"/>
<div class="chronoday_vf">
<span id="promosz">
Reste
</span>
<script type="text/javascript">
// Update the count down every 1 second
var x = setInterval(function () {
var countDownDate = new Date(2025, 11, 21, 23, 00, 00, 00);
countDownDate = new Date(countDownDate.setMonth(countDownDate.getMonth() - 1)).getTime();
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("countdown_day231").innerHTML = days + 'j';
document.getElementById("countdown_hour231").innerHTML = hours + 'h';
document.getElementById("countdown_min231").innerHTML = minutes + 'm';
document.getElementById("countdown_sec231").innerHTML = seconds + 's';
}, 1000);
//var id_hotel="231";
//document.getElementById("hotel_"+ id_hotel).style.order = "1";
</script>
<span class="span_chrono"
id="countdown_day231"></span>
<span class="span_chrono"
id="countdown_hour231"></span>
<span class="span_chrono"
id="countdown_min231"></span>
<span class="span_chrono"
id="countdown_sec231"></span>
</div>
</div>
<!--<div class="titley" style="top: 108px;">
<div style=" float:left;"><img src="https://www.resabooking.com/marketing/Categorie_promo/images/61e6c6c77495b9.28200989.svg" class="img_promoy"></div>
<div style="margin-top: 5%;" class="span_lib_cat" ><span>Promotion </span></div></div>-->
<img class="image_hotel lazy" data-src="https://image.resabooking.com/images/image_panoramique/Marhaba_Club_3.jpg" alt="hotel" style="width:100%; height:100%;border-radius: 0 0 1% 1%;"/>
</div>
</div>
<!------------------------------------------------------------------------------END PRODUIT----------------------------------------------------------------------------->
</div>
<div class="note_prix_vente">
<div style="color:#000000; font-size:14px; padding-top:10px ; padding-bottom:30px;font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;">
* : Les prix affichés ci-dessus étant les tarifs les moins chers de la saison. Veuillez noter svp que les prix varient selon les dates d’arrivée.
</div>
</div>
</div>
</div>
<!--footer-->
<div class="conteneur_footer1" style="font-family: initial;/*display:none;*/">
<div class="footer1">
<div class="profitez_des_promotions" style="margin-top: 2%;margin-bottom:0.8%">
<div class="divh2_1" id="tith2_1" onclick="">
<div class="conteneur_h2_profitez" style="width:100%">
<h1 style="font-size: 32px;font-weight:600; text-align:justify;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">Agence de voyage Tunisie Booking : le N° 1 D'Hôtel Tunisie</h1>
<div class="v153_33_conteneur_h2_profitez" style="width: 50px;opacity: 1;position: relative;left: 2px;margin-top:1.5%;margin-bottom: 2.5%;border: 2px solid #262626;background: #262626;"></div>
</div>
</div>
<div class="text_sous_h2_0" id="sous_h2_1" style="font-size:14px;font-weight: 400;text-align:justify;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<p><strong>Découvrez la Tunisie autrement avec Tunisie Booking, votre expert en voyage, et profitez de prix compétitifs toute l’année.</strong></p>
<p>Sur <strong>www.tunisiebooking.com</strong>, parcourez notre <strong>catalogue complet d’hôtels</strong>, filtrez vos recherches selon vos envies et choisissez le séjour idéal parmi les meilleures offres du moment.</p>
<p>De plus <strong>disponibilités et prix affichés en temps réel.</strong></p>
<p>Grâce à notre module de paiement en ligne fiable, immédiat et 100 % sécurisé, confirmez votre réservation en payant un acompte en toute simplicité
</p>
</div>
</div>
<div class="offres_spec_promo">
<div class="sous_offres_spec_promo1" style="width:100% ;box-sizing: border-box;height: auto;left: 0px;top: 0px;border: 3px solid #E0E0E0;margin-top:1%;">
<div class="divh3_1" id="tith3_1" onclick="slidecontt()">
<div class="conteneur_h3_offres_spec_promo" style="width:100%;">
<h2 style="font-size: 24px;font-weight:500;line-height: 28px;text-align:justify;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif; padding: 16px;padding-left: 21px;">
Une présence locale & un accompagnement sur mesure :
</h2>
</div>
<span style="color:#2a2f30;">
<img class="voir_plus1 lazy" style="max-width: 1.5%; margin-top: -3.5%;margin-left: 96.5%;" data-src="https://tn.tunisiebooking.com/images/ic_voirplus.svg" alt="liste" />
</span>
</div>
<div class="txt_soush3_1" id="soush3_1" style="font-size:14px;font-weight:400;padding-top: 0%;padding-right: 21px;padding-left: 21px;width:100%; text-align:justify;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<p>Grâce à l'implantation stratégique de notre franchiseur en Tunisie, notre centrale de réservation s'impose comme le leader incontesté du marché. Cette présence locale privilégiée nous confère un avantage concurrentiel décisif. Elle nous permet de maintenir notre position de site le plus compétitif.</p>
<p>Cette proximité avec les acteurs du terrain nous donne un pouvoir de négociation exceptionnel. Nous obtenons ainsi des sur classements gracieux pour nos clients.</p>
<p>Nous négocions des gratuités enfants dans une sélection d'hôtels partenaires. Nous sécurisons ces avantages exclusifs sur de nombreuses périodes tout au long de l'année. Tout cela pour une expérience client toujours plus satisfaisante.</p>
</div>
<div class="clear_both"></div>
</div>
<div class="sous_offres_spec_promo2" style="width:100%; margin-left:0px;box-sizing: border-box;height: auto;left: 0px;top: 0px;border: 3px solid #E0E0E0;margin-top:1%;">
<div class="divh3_2" id="tith3_2" onclick="slidecontte()">
<div class="conteneur_h3_promo" style="width:100%; margin-left:0px;">
<h3 style="font-size: 24px;font-weight:500;line-height: 28px;text-align:justify;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif; padding: 16px;padding-left: 21px;">
TunisieBooking : Votre voyage en Tunisie simplifié, rapide et sécurisé
</h3>
</div>
<span style="color:#2a2f30;">
<img class="voir_plus2 lazy" style="max-width: 1.5%; margin-top: -3.5%;margin-left: 96.5%;" data-src="https://tn.tunisiebooking.com/images/ic_voirplus.svg" alt="liste" />
</span>
</div>
<div class="txt_soush3_2" id="soush3_2" style="font-size:14px;font-weight:400;padding-top: 0%;padding-right: 21px;padding-left: 21px;width:100%;text-align:justify;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif; ">
<p>TunisieBooking, votre partenaire de confiance pour des voyages réussis en Tunisie. L'agence met à votre disposition un vaste choix d’hôtels et de séjours soigneusement sélectionnés. Que vous voyagiez en famille, entre amis ou en couple, nous avons l’option idéale pour vous.</p>
<p>Entre la détente sur les plages de sable fin de <strong>Hammamet</strong> ou de <strong>Djerba.</strong> La découverte culturelle à <strong>Tunis</strong> ou les aventures dans <strong>le Sahara à Tozeur</strong>. Le franchiseur TunisieBooking vous guide vers l’hôtel idéal.</p>
<p>En quelques clics, réservez votre <strong>hôtel en Tunisie pas cher</strong> avec une formule tout compris.</p>
</div>
</div>
</div>
<div class="presentation_agence" style="box-sizing: border-box;height: auto;left: 0px;top: 0px;border: 3px solid #E0E0E0;margin-top: 1%;width: 94%;">
<div class="divh2_2" id="tith2_2" onclick="slideconttez()">
<div class="conteneur_h2_agence" style="width:100%">
<h3 style="font-size: 21px;text-align:justify;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-size: 24px;font-weight: 500;padding: 16px;padding-left: 21px;">
Les 5 atouts qui font la différence avec l'agence de voyage Tunisie Booking
</h3>
</div>
<span style="color:#2a2f30;">
<img class="voir_plus2_2 lazy" style="max-width: 1.5%; margin-top: -3.5%;margin-left: 96.5%;" data-src="https://tn.tunisiebooking.com/images/ic_voirplus.svg" alt="liste" />
</span>
</div>
<div class="text_sous_h2_2" id="soush2_2" style="font-size:14px;font-weight:400;padding-top: 0%;padding-right: 21px;padding-left: 21px;text-align:justify;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;">
<p>Choisir notre agence, c’est la promesse de vacances sereines et mémorables en Tunisie. C’est pourquoi des milliers de voyageurs nous font confiance.</p>
<ol>
<p><li><strong> Expertise locale authentique : </strong>Une connaissance intime du terrain tunisien avec des équipes natives.</li></p>
<p><li><strong> Des Offres imbattables toute l’année : </strong>Des négociations directes avec les établissements, des relations privilégiées nouées directement avec les hôteliers tunisiens.</li><p>
<p><li><strong> Une réservation simplifiée et sécurisée : </strong>En quelques clics, choisissez et réservez le séjour qui vous correspond, sans stress. Payez en toute confiance un acompte et le reste à votre arrivée à l’hôtel.</li></p>
<p><li><strong> Réactivité et flexibilité : </strong>Une capacité d'adaptation immédiate aux demandes spécifiques et aux changements de dernière minute, avec un service client réactif.</li></p>
<p><li><strong> Un service clients disponible et à votre écoute : </strong>Notre équipe professionnelle est là 7/7. Elle vous accompagne à chaque étape de votre voyage et vous offre des conseils sur mesure.</li></p>
</ol>
</div>
</div>
<div class="sous_presentation_agence" style="box-sizing: border-box;height: auto;left: 0px;top: 0px;border: 3px solid #E0E0E0;margin-top: 1%;width: 94%;margin-bottom: 2%;">
<div class="agence_tunisienne" style="width:90%">
<div class="divh3_3" id="tith3_3" onclick="slideconttezz()">
<div class="conteneur_h3_agence_tun" style="width:100%">
<h2 style="font-size: 21px;text-align:justify;font-family:-apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;font-size: 24px;font-weight: 500;padding: 16px;padding-left: 21px;">
La Tunisie : une évasion en moins de 3 heures de vol
</h2>
</div>
<span style="color:#2a2f30;">
<img class="voir_plus3 lazy" style="max-width: 2%; margin-top: -4%;margin-left: 107.2%;" data-src="https://tn.tunisiebooking.com/images/ic_voirplus.svg" alt="liste" />
</span>
</div>
<div class="text_sous_h3_3" id="soush3_3" style="font-size:14px;font-weight:400;padding-top: 0%;padding-right: 21px;padding-left: 21px;text-align:justify;font-family: -apple-system,'Roboto',Segoe UI, Helvetica, Arial, sans-serif;padding-bottom:2%;">
<p><strong>Un vol direct depuis l’Europe vers la Tunisie</strong> dure en moyenne <strong>entre 2h30 et 3h</strong>, selon la ville de départ.</p>
<p><strong>Sans contrainte de visa</strong>, la Tunisie s'impose comme une destination de choix pour une évasion bien méritée.</p>
<p>Ensoleillée toute l’année, elle connaît ses périodes les plus agréables au printemps et en automne, idéales pour profiter pleinement de ses richesses.</p>
</div>
<div class="clear_both"></div>
</div>
</div>
</div>
</div>
</div>
<!-- end listes des produits tunisie booking-->
<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>
<!--footer-->
</div>
<script src="https://www.tunisiebooking.com/theme/responsive-design/js/codes_js_thematique_dest_v2.js?v=1763468360"></script>
<script src="https://www.tunisiebooking.com/theme/responsive-design/js/jquery-3.3.1.js"></script>
<script src="https://www.tunisiebooking.com/theme/responsive-design/js/jquery-ui-1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="theme/gallery_slide/slick/slick.min_new.js"></script>
<script type="text/javascript">
$('.autoplay').slick({
slidesToShow: 2.5,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
infinite: true,
//arrows: false, // Disable navigation arrows if not needed
dots: false // Disable dots if not needed
});
</script>
<script type="text/javascript">
var nosagences = function(url,outbound,click_labell,detaill_event) {
ga('send', 'event', outbound, click_labell, detaill_event, url, {
'transport': 'beacon',
'hitCallback': function(){ window.open(url,'_blank');}
});
}
</script><script>
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 recup_cookie(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 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++){
}
}
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;
}
}
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 searchVal = document.getElementById("search").value.trim();
let id_hotel_xml = document.getElementById("id_xml_hotel").value.trim();
console.log("searchVal"+searchVal);
console.log("id_hotel_xml"+id_hotel_xml);
let rech = recherche(); // Custom validation function (assumed to be defined elsewhere)
if (rech !== false) {
let form = document.forms['hotel'];
let formData = new FormData(form);
let searchy = new URLSearchParams(formData);
let queryString = searchy.toString();
const hotelNames = window.hotelSuggestions || [];
// ✅ Find hotel with both matching name and ID
const matchedHotel = hotelNames.find(
hotel => hotel.name === searchVal && hotel.id == id_hotel_xml
);
console.log(hotelNames);
console.log(matchedHotel);
if (matchedHotel) {
console.log("Matched Hotel:", matchedHotel.name);
console.log("searchVal"+searchVal);
let newObj = {
destination: matchedHotel.name,
id_hotel_xml:matchedHotel.id,
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_2: document.getElementById("age3_2").value,
age3_3: document.getElementById("age3_3").value
};
console.log(matchedHotel.name);
// ✅ Save to cookie using hotel name as key
let jsonStr = JSON.stringify(newObj);
document.cookie = "myObjList" + matchedHotel.name + "=" + jsonStr + "; expires=Thu, 01 Jan 2099 00:00:00 UTC; path=/";
}
// ✅ Show loading state
$("#loading_btn_224").css({ "display": "block" });
$("#span_btn_224").css({ "display": "none" });
$(".pen").css({ "display": "none" });
$("#validation-error").css({ "display": "none" });
// Optionally redirect to result page
window.location.href = "https://www.tunisiebooking.com/theme/rsltv2_new_v2.php?item=" + encodeURIComponent(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);
}
})
</script>
<script>
function submit_hotel_recherche(){
if(recherche()!=false){
document.getElementById("hotel_recherch_moteur").submit();
}
}
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++)
{
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;
}
}
// 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;}
}
/////////////////////
}
</script>
<script>
$('.sous_offres_spec_promo1').bind("mouseenter", function() {
$('.sous_offres_spec_promo1').css("border", "3px solid #262626");
});
$('.sous_offres_spec_promo1').bind("mouseleave", function() {
$('.sous_offres_spec_promo1').css("border","3px solid #E0E0E0");
});
$('.sous_offres_spec_promo2').bind("mouseenter", function() {
$('.sous_offres_spec_promo2').css("border", "3px solid #262626");
});
$('.sous_offres_spec_promo2').bind("mouseleave", function() {
$('.sous_offres_spec_promo2').css("border","3px solid #E0E0E0");
});
$('.presentation_agence').bind("mouseenter", function() {
$('.presentation_agence').css("border", "3px solid #262626");
});
$('.presentation_agence').bind("mouseleave", function() {
$('.presentation_agence').css("border","3px solid #E0E0E0");
});
$('.sous_presentation_agence').bind("mouseenter", function() {
$('.sous_presentation_agence').css("border", "3px solid #262626");
});
$('.sous_presentation_agence').bind("mouseleave", function() {
$('.sous_presentation_agence').css("border","3px solid #E0E0E0");
});
$(".box_produit").hover(
function() {
//$(this).addClass("highlight");
$(this).css("box-shadow", "1px 1px 11px rgba(0, 0, 0, 0.43)");
}, function() {
//$(this).removeClass("highlight");
$(this).css("box-shadow","1px 3px 7px rgba(0, 0, 0, 0.13)");
}
);
$(document).ready(function() {
if (document.cookie.indexOf('myObjList') >= 0) {
$('.recherche_recent').show(); // Show the element
$('.avantage').css("margin-top","2%");
} else {
$('.recherche_recent').hide(); // Hide the element
$('.avantage').css("margin-top", "6%");
}
});
</script>
<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>
<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>
<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:'9a076a655b40b1aa',t:'MTc2MzQ2ODM2MA=='};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></body>
</html>
