<!DOCTYPE html>
<html>
<head>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.okvoyages.tn/" />
<meta property="fb:page_id" content="452707023081172" />
<meta property="og:site_name" content="okvoyages" />
<meta name="google-site-verification" content="pSjF9Wqc4B_BqST3OvvwYUEg8AUrgurAjdvzNcFDP8E" />
<meta name="facebook-domain-verification" content="azluxdnc8p0qd3rk6vpm9j42dc5lcv" />
<link rel='shortlink' href='https://www.okvoyages.tn/' />
<link rel="dns-prefetch" href="https://www.okvoyages.tn/">
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css " rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet">
<meta charset="UTF-8">
<title> OK Voyages - Votre partenaire pour des aventures inoubliables </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=6.0">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#b59539"/>
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
<link rel="shortcut icon" type="TYPE_MIME" href="/images/favicon.ico">
<link rel="apple-touch-icon" href="/images/favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel='stylesheet' href='/stylesheets/style.css' />
<!-- 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-PNLZZ7FZ');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<header>
<div class="top-bar-nav bg-info hidden-sm">
<div class="container-fluid">
<div class="d-flex">
<ul class="navbar-nav flex-row nav-hide-scroll">
<li class="nav-item">
<span class="nav-link">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#ffb900" class="bi bi-headset" viewbox="0 0 16 16">
<path d="M8 1a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a6 6 0 1 1 12 0v6a2.5 2.5 0 0 1-2.5 2.5H9.366a1 1 0 0 1-.866.5h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 .866.5H11.5A1.5 1.5 0 0 0 13 12h-1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1V6a5 5 0 0 0-5-5z"/>
</svg>
<a class="text-white" href="tel:+21629775100"> (+216) 29 775 100 </a> / <a class="text-white" href="tel:+21628777774"> (+216) 28 777 774 </a>
</span>
</li>
<li class="nav-item">
<a class="nav-link" href="/agences/"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#ffb900" class="bi bi-pin-map" viewbox="0 0 16 16">
<path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8l3-4z"/>
<path fill-rule="evenodd" d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z"/>
</svg>Nos agences</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/hotels/favorites/" rel="noindex, nofollow">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#ffb900">
<path fill-rule="evenodd" d="M8 4.41c1.387-1.425 4.854 1.07 0 4.277C3.146 5.48 6.613 2.986 8 4.412z"/>
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
</svg>
Favoris</a>
</li>
</ul>
<ul class="navbar-nav flex-row ms-md-auto nav-hide-scroll">
<li class="nav-item">
<span class="nav-link">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#ffb900" class="bi bi-envelope" viewbox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
</svg>
<script type="text/javascript">
/*<![CDATA[*/
/***********************************************
* Encrypt Email script- Please keep notice intact
* Tool URL: http://www.dynamicdrive.com/emailriddler/
* **********************************************/
<!-- Encrypted version of: info [at] *********.** //-->
var emailriddlerarray=[105,110,102,111,64,111,107,118,111,121,97,103,101,115,46,116,110]
var encryptedemail_id85='' //variable to contain encrypted email
for (var i=0; i<emailriddlerarray.length; i++)
encryptedemail_id85+=String.fromCharCode(emailriddlerarray[i])
document.write('<a href="mailto:'+encryptedemail_id85+'" class="text-white">info@okvoyages.tn</a>')
/*]]>*/
</script></span>
</li>
<li class="nav-item">
<a target="_blank" href="https://www.facebook.com/OkVoyagesTunisie/" rel="nofollow" class="docs-creator nav-link"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#ffb900" class="bi bi-facebook" viewbox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></a></li>
<li class="nav-item"><a target="_blank" href="https://www.instagram.com/ok_voyages/?next=%2F" rel="nofollow" class="docs-creator nav-link">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#ffb900" class="bi bi-instagram" viewbox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg></a>
</li>
<!-- <li class="nav-item"><a target="_blank" href="" rel="nofollow" class="docs-creator nav-link">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#ffb900" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg>
</a>
</li> -->
</ul>
</div>
</div>
</div>
<div class="bg-white shadow">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light bg-transparent navbar-principal">
<a href="/" class="navbar-brand">
<img src="/images/logo.png" class="img-fluid logo-respo" alt="logo">
</a>
<!-- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button> -->
<div class="text-end hidden-md">
<a class="align-self-center load_connexion_window" href="javascript:void(0)"> <img src="/images/header/account.png" alt="account" id="account" class="img-fluid"></a>
<a class="align-self-center" data-bs-toggle="collapse" href="#navbarSupportedContent" role="button" aria-expanded="false" aria-controls="navbarSupportedContent"> <img src="/images/header/menu.png" alt="nav" id="nav" class="img-fluid"></a>
<a class="align-self-center" href="tel:+21629520085"> <img src="/images/header/call-mob.png" alt="call" id="call" class="img-fluid"></a>
</div>
<div class="collapse navbar-collapse principal-navbar" id="navbarSupportedContent">
<ul class="navbar navbar-nav second-row ms-auto">
<!-- <li class="nav-item "> <a class="nav-link docs-creator" href="/">Accueil</a> </li> -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle docs-creator" href="#" data-bs-toggle="dropdown" aria-expanded="false">Promos</a>
<div class="dropdown-menu drop-bloc promo_menu" role="menu">
<ul class="list-unstyled">
<li><a href="/sejours/promos-mois/" class="docs-creator">Promos du mois</a></li>
<li><a href="/sejours/enfants-gratuits/" class="docs-creator">Enfants gratuit</a></li>
<li><a href="/sejours/hotels-recommandes/" class="docs-creator">Hôtels recommander</a></li>
<li><a href="/sejours/hotels-avec-toboggans/" class="docs-creator">Hôtels avec toboggan</a></li>
</ul>
</li>
<li class="nav-item dropdown has-megamenu">
<a class="nav-link dropdown-toggle docs-creator" href="#" data-bs-toggle="dropdown" aria-expanded="false">Séjours en Tunisie</a>
<div class="dropdown-menu drop-bloc megamenu" role="menu">
<div class="row">
<div class="col-md-6 content-mega-in">
<ul class="list-unstyled content-mega-list border-end">
<li><a href="/hotels/tunisie/tunis/" class="docs-creator">Tunis</a></li>
<li><a href="/hotels/tunisie/hammamet/" class="docs-creator">Hammamet</a></li>
<li><a href="/hotels/tunisie/sousse/" class="docs-creator">Sousse</a></li>
<li><a href="/hotels/tunisie/djerba/" class="docs-creator">Djerba</a></li>
<li><a href="/hotels/tunisie/tabarka/" class="docs-creator">Tabarka</a></li>
<li><a href="/hotels/tunisie/monastir/" class="docs-creator">Monastir</a></li>
<li><a href="/hotels/tunisie/mahdia/" class="docs-creator">Mahdia</a></li>
</ul>
</div>
<div class="col-md-6 content-mega-in">
<ul class="list-unstyled content-mega-list border-end">
<li><a href="/hotels/tunisie/sfax/" class="docs-creator">Sfax</a></li>
<li><a href="/hotels/tunisie/tozeur/" class="docs-creator">Tozeur </a></li>
<li><a href="/hotels/tunisie/douz/" class="docs-creator">Douz </a></li>
<li><a href="/hotels/tunisie/korbous/" class="docs-creator">Korbous</a></li>
<li><a href="/hotels/tunisie/kelibia/" class="docs-creator">Kelibia </a></li>
<li><a href="/hotels/tunisie/gafsa/" class="docs-creator">Gafsa</a></li>
<li><a href="/hotels/tunisie/ain-draham/" class="docs-creator">Ain Draham</a></li>
</ul>
</div>
</div>
</li>
<!-- <li class="nav-item "> <a class="nav-link docs-creator" href="/sejours/promos-hotels-de-luxe/"> Hôtels de luxe</a> </li> -->
<li class="nav-item"> <a class="nav-link docs-creator" href="/voyages-organises/"> Voyage Organisée</a> </li>
<li class="nav-item"> <a class="nav-link docs-creator" href="/voyages-a-la-carte/"> Voyage à la carte</a> </li>
<!-- <li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle docs-creator" href="#" data-bs-toggle="dropdown" aria-expanded="false">Voyages</a>
<div class="dropdown-menu" role="menu">
<ul class="list-unstyled content-mega-list ">
<li><a href="/voyages-organises/" class="dropdown-item">Voyage Organisée</a></li>
<li><a href="/voyages-a-la-carte/" class="dropdown-item">Voyage à la carte</a></li>
</ul>
</div>
</li> -->
<!-- <li class="nav-item dropdown has-megamenu">
<a class="nav-link dropdown-toggle docs-creator" href="#" data-bs-toggle="dropdown" aria-expanded="false">Voyages organisés</a>
<div class="dropdown-menu drop-bloc megamenu " role="menu">
<div class="row">
<div class="col-md-4 content-mega-in">
<ul class="list-unstyled content-mega-list border-end">
<li><a href="/voyages-organises/egypte/" class="docs-creator">Egypte</a></li>
<li><a href="/voyages-organises/malaisie/" class="docs-creator">Malaisie</a></li>
<li><a href="/voyages-organises/maroc/" class="docs-creator">Maroc</a></li>
<li><a href="/voyages-organises/turquie/" class="docs-creator">Turquie</a></li>
</ul>
</div>
<div class="col-md-8 content-mega-in">
<ul class="list-unstyled content-mega-list ">
<li><a class="docs-creator" href="/voyages-organises/">Toutes les destinations</a></li>
</ul>
</div>
</div>
</li> -->
<!-- <li class="nav-item "> <a class="nav-link docs-creator" href="/voyages-organises/">Voyages organisés</a> </li> -->
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle docs-creator" href="#" data-bs-toggle="dropdown" aria-expanded="false">Billetterie</a>
<div class="dropdown-menu" role="menu">
<ul class="list-unstyled content-mega-list">
<li><a href="/billeterie/vol/" class="dropdown-item">Aérien</a></li>
<li><a href="/billeterie/bateau/" class="dropdown-item">Maritime</a></li>
</ul>
</div>
</li>
<li class="nav-item"> <a class="nav-link docs-creator" href="/omra/"> Omra</a> </li>
<li class="nav-item"> <a class="nav-link docs-creator" href="https://okrentacar.com.tn/"> Location de voiture</a> </li>
<li class="nav-item">
<a class="nav-link" href="/fr/contact/">Contact</a>
</li>
<li class="nav-item hidden-md">
<a class="nav-link text-dark" href="/agences/">Agences</a>
</li>
<li class="nav-item hidden-md">
<a class="nav-link text-dark" href="/hotels/favorites/" rel="noindex, nofollow">Favoris</a>
</li>
</ul>
<ul class="navbar navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link rounded bg-danger text-white load_connexion_window" id="login_header">Se connecter</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<div id="st-2" class="hidden-sm">
<div class="st-btn" data-network="whatsapp">
<a target="_blank" href="https://api.whatsapp.com/send?phone=21627530940&text=Salut,%20je%20souhaite%20vous%20contacter%20!" rel="nofollow">
<img src="/images/whatsapp.png" alt="whatsapp" title="whatsapp" width="42" height="42">
</a>
</div>
<div class="st-btn" data-network="facebook">
<a target="_blank" href="https://www.facebook.com/OkVoyagesTunisie/" rel="nofollow">
<img src="/images/facebook-2.png" alt="facebook" title="facebook" width="42" height="42">
</a>
</div>
<div class="st-btn st-first" data-network="tiktok">
<a target="_blank" href="https://www.tiktok.com/@okvoyages" rel="nofollow">
<img src="/images/tiktok.png" alt="tiktok" title="tiktok" width="42" height="42">
</a>
</div>
<div class="st-btn" data-network="instagram">
<a target="_blank" href="https://www.instagram.com/ok_voyages/" rel="nofollow">
<img src="/images/instagram.png" alt="instagram" title="instagram" width="42" height="42">
</a>
</div>
<div class="st-btn" data-network="instagram">
<a target="_blank" href="https://www.youtube.com/@OKVOYAGES" rel="nofollow">
<img src="/images/youtube.png" alt="instagram" title="instagram" width="42" height="42">
</a>
</div>
</div>
<section class="position-relative">
<div id="myCarousel" class="carousel slide pointer-event hidden-sm" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<a href="" title="">
<img src="https://1662740073.rsc.cdn77.org/photos/content/gallery/gallery8717/RESA.jpg"
alt="" class="img-fluid">
</a>
<div class="container">
<div class="carousel-caption">
<h1 class="font-Playfair-Display font-weight-bold"></h1>
<p class="fs-4"></p>
</div>
</div>
</div>
<div class="carousel-item">
<a href="" title="">
<img src="https://1662740073.rsc.cdn77.org/photos/content/gallery/gallery8717/Artboard3.jpg"
alt="" class="img-fluid">
</a>
<div class="container">
<div class="carousel-caption">
<h1 class="font-Playfair-Display font-weight-bold"></h1>
<p class="fs-4"></p>
</div>
</div>
</div>
<div class="carousel-item">
<a href="" title="">
<img src="https://1662740073.rsc.cdn77.org/photos/content/gallery/gallery8717/Artboard.jpg"
alt="" class="img-fluid">
</a>
<div class="container">
<div class="carousel-caption">
<h1 class="font-Playfair-Display font-weight-bold"></h1>
<p class="fs-4"></p>
</div>
</div>
</div>
<div class="carousel-item">
<a href="" title="">
<img src="https://1662740073.rsc.cdn77.org/photos/content/gallery/gallery8717/Artboard6.jpg"
alt="" class="img-fluid">
</a>
<div class="container">
<div class="carousel-caption">
<h1 class="font-Playfair-Display font-weight-bold"></h1>
<p class="fs-4"></p>
</div>
</div>
</div>
<div class="carousel-item">
<a href="" title="">
<img src="https://1662740073.rsc.cdn77.org/photos/content/gallery/gallery8717/Artboard2.jpg"
alt="" class="img-fluid">
</a>
<div class="container">
<div class="carousel-caption">
<h1 class="font-Playfair-Display font-weight-bold"></h1>
<p class="fs-4"></p>
</div>
</div>
</div>
<div class="carousel-item">
<a href="" title="">
<img src="https://1662740073.rsc.cdn77.org/photos/content/gallery/gallery8717/SIFEK.jpg"
alt="" class="img-fluid">
</a>
<div class="container">
<div class="carousel-caption">
<h1 class="font-Playfair-Display font-weight-bold"></h1>
<p class="fs-4"></p>
</div>
</div>
</div>
<div class="carousel-item">
<a href="" title="">
<img src="https://1662740073.rsc.cdn77.org/photos/content/gallery/gallery8717/bileterie.jpg"
alt="" class="img-fluid">
</a>
<div class="container">
<div class="carousel-caption">
<h1 class="font-Playfair-Display font-weight-bold"></h1>
<p class="fs-4"></p>
</div>
</div>
</div>
<div class="carousel-item">
<a href="" title="">
<img src="https://1662740073.rsc.cdn77.org/photos/content/gallery/gallery8717/Artboard5.jpg"
alt="" class="img-fluid">
</a>
<div class="container">
<div class="carousel-caption">
<h1 class="font-Playfair-Display font-weight-bold"></h1>
<p class="fs-4"></p>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
<div class="carousel-indicators carousel-btns">
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" aria-label='Slide 0' ></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" class="active" aria-label='Slide 1' ></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label='Slide 2' ></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3" aria-label='Slide 3' ></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="4" aria-label='Slide 4' ></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="5" aria-label='Slide 5' ></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="6" aria-label='Slide 6' ></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="7" aria-label='Slide 7' ></button>
</div>
</div>
<!-- Moteur -->
<div class="z-moteur w-100 bg-mobile-moteur">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="d-flex justify-content-start" id="tab-pc">
<div class="tabcont">
<ul class="nav nav-tabs mb-0" role="tablist">
<li class="nav-item mr-md-3 mr-2" role="tab">
<a class="nav-link active px-3 position-relative" href="/"> Hôtels </a>
</li>
<li class="nav-item" role="tab">
<a class="nav-link px-3 position-relative" href="/voyages-organises/">Voyages organisés </a>
</li>
</ul>
</div>
</div>
<div class="card p-3 br-top-radius">
<div class="engine">
<div class="custom-engine">
<form role="form" name="searchForm" id="searchForm" class="searchForm-list" action="hotels" method="get"
autocomplete="off" novalidate="novalidate">
<input type="hidden" name="_csrf" value="8JKHIRXK-gMlrlCuRwJWHyxLN61_my4hW10E">
<input type="hidden" name="token" value="b144958cbb66bd0bbe40d150b9e3d2208be8c7c8ca5541907e4f6bef0ecd27ac">
<input type="hidden" name="rooms" id="rooms" value="1">
<input type="hidden" name="destinationId" id="destinationId" value="" />
<input type="hidden" name="hotelId" id="hotelId" value="">
<input type="hidden" name="rating" id="rating" value="">
<div class="row g-2">
<div class="col-md-3 col-12">
<div class="form-group">
<label for="locality" class="form-label">Destination</label>
<div class="destination position-relative">
<input type="text" id="locality" name="city" value="" class="form-control" placeholder="Où allez-vous?">
<small class="msg-help" style="display:none;">Veuillez sélectionner une destination dans la liste</small>
<img class="Typeahead-close icon-close" src="/images/clear.png" title='Effacer le texte'>
</div>
</div>
</div>
<div class="col-md-4 js-datepicker">
<div class="row g-0">
<div class="col-5">
<label for="arrDate" class="form-label">Du</label>
<div class="form-group">
<div class="position-relative date-input">
<input name="arrDate" id="arrDate" placeholder="jj/mm/aaaa" value="" required="" class="form-control style-radius-right">
</div>
</div>
</div>
<div class="col-5">
<label for="depDate" class="form-label" >Au</label>
<div class="form-group">
<div class="position-relative date-input">
<input name="depDate" id="depDate" value="" required="" placeholder="jj/mm/aaaa" class="form-control style-radius-left style-radius-right">
</div>
</div>
</div>
<div class="col-2">
<label for="nights" class="form-label" >Nuitées</label>
<div class="form-group">
<div class="position-relative select-nuit">
<input type="text" class="form-control bg-white style-radius-left except nights-count" name="nights" id="nights" disabled placeholder="1" autocomplete="off" value="1">
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="users-p position-relative">
<div class="form-group" id="occupation">
<label for="occupation" class="form-label">Chambres & occupation</label>
<div class="persons persons-v2">
<div class="text-left guests-select">
<div class="form-control totalhotel position-relative">
<span class="valRoomstshotel" title="Chambre"></span>
<i class="txt-room" title="Chambre"></i>,
<span class="valAdultshotel" title="Adultes"></span>
<i class="txt-adt" title="Adultes"></i>
<span class="valChildrenhotel" title="Enfants"></span>
<i class="txt-enf" title="Enfants"></i>
<span class="valInfantshotel" title="Lits bébé"></span>
<i class="txt-beb" title="Lits bébé"></i>
</div>
<div style="display: none;" class="guests animate__animated animate__slideInDown">
<div class="button-save out valider">
<span>Sélection des chambres et des passagers</span>
<i class="fas fa-times float-end text-danger" aria-hidden="true"></i>
</div>
<div class="rooms">
<div class="row roomItem">
<div class="col-md-12 room-lab mb-2 align-self-center">
<label> Chambre 1</label>
</div>
<div class="col-md-4 col-4 form-group adults">
<label> Adulte(s)</label>
<select name="adults1" id="adults_1" class="form-control form-select adultshotel">
<option value="0">0</option>
<option value="1">1</option>
<option value="2" selected="">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div class="col-md-4 col-4 form-group children">
<label>Enfant(s)</label>
<select name="children1" id="children_1" class="form-control form-select childrenhotel">
<option value="0" selected="">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="col-md-4 col-4 form-group children">
<label>Lit(s) bébé</label>
<select name="infant1" id="infant_1" class="form-control form-select infantshotel">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="row col-md-12 form-group agechild">
<div class="childageItem form-group col-md-4 col-4">
<label for="age_1_1">Age enf.1</label>
<select class="form-control form-select" name="age1_1" id="age_1_1">
<option value="" selected>-?-</option>
<option value="0">0</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>
</select>
</div>
<div class="childageItem form-group col-md-4 col-4">
<label for="age_2_1">Age enf.2</label>
<select class="form-control form-select" name="age2_1" id="age_2_1">
<option value="" selected>-?-</option>
<option value="0">0</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>
</select>
</div>
<div class="childageItem form-group col-md-4 col-4">
<label for="age_3_1">Age enf.3</label>
<select class="form-control form-select" name="age3_1" id="age_3_1">
<option value="" selected>-?-</option>
<option value="0">0</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>
</select>
</div>
</div>
<div class="delete-room"><a href="javascript:void(0);" class="del"><i class="far fa-trash-alt"></i></a></div>
</div>
</div>
<div class="search-footer py-2">
<div class="row">
<div class="col-8 d-flex align-items-center">
<a href="javascript:void(0)" class="add add-room"><i class="fa fa-plus-circle pr-1" aria-hidden="true"></i> Ajouter une chambre</a>
</div>
<div class="col-4 text-end">
<button class="btn btn-info btn-sm button-save valider v-out"> Valider </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1 align-self-end hidden-sm">
<button class="btn btn-danger btn-block btn-lg shadow-none" type="submit"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" width="24" height="24" fill="currentColor"><!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg></button>
</div>
</div>
<div class="row g-2 mt-md-3 mt-2">
<!-- <div class="col-md-9">
<div class="collapse" id="collapseMore">
<div class="row g-2">
<div class="col-md-6 col-6">
<label for="rating" class="form-label ">Catégorie</label>
<div class="stars position-relative stars">
<div class="form-group">
<select class="form-select form-control " name="rating" id="rating">
<option value="" selected="">Catégorie</option>
<option value="5">5 étoiles</option>
<option value="4">4 étoiles</option>
<option value="3">3 étoiles</option>
</select>
</div>
</div>
</div>
<div class="col-md-6 col-6">
<label for="rating" class="form-label ">Disponibilité</label>
<div class="engine-available position-relative">
<div class="form-group">
<select class=" form-select form-control" name="available" id="available">
<option value="0">Peu importe</option>
<option value="1">Disponible uniquement</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="col-md-3 align-self-end hidden-md">
<div class="row g-0">
<div class="col-md-9 col-12">
<button class="btn btn-danger btn-block btn-lg shadow-none" type="submit">C'est parti</button>
</div>
<!-- <div class="col-md-3 col-2 ">
<a class="btn btn-secondary btn-block btn-lg br-left-rounded shadow-none" data-bs-toggle="collapse" href="#collapseMore" role="button" aria-expanded="false" aria-controls="collapseMore">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#fff" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
<path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
</svg>
</a>
</div> -->
</div>
</div>
</div>
</form>
<script>
var nRooms = ''
var nChildrens = ''
var nInfants = ''
var nAdults = ''
var searchHistory = ''
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Moteur -->
</section>
<section class="py-md-4 py-3 mt-5" id="hotels-best">
<div class="container">
<div class="d-md-flex justify-content-center">
<div class="mb-md-4 mb-3 text-center title-bloc">
<h2 class="font-30">Super Promos Hôtels en Tunisie</h2>
<h3 class="font-16 font-weight-normal"> Réservez maintenant votre hôtel en temps réel </h3>
</div>
</div>
<div class="owl-carousel owl-hotels owl-theme">
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/yadis%20hmt/yadis1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Yadis Hammamet">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804021" target="_blank" class="text-dark docs-creator" title="Yadis Hammamet">Yadis Hammamet</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 216 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO -20% ( Min Stay 3 nuitées )
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804021" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/Flora%20Park/flora3.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Flora Park - Adult Only">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=80407" target="_blank" class="text-dark docs-creator" title="Flora Park - Adult Only">Flora Park - Adult Only</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 129 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO -15% ( Min Stay 2 nuitées )
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=80407" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/sousse/marhaba-club/1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Marhaba Club">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040357" target="_blank" class="text-dark docs-creator" title="Marhaba Club">Marhaba Club</a>
</h4>
<p class="card-text place text-dark-light mb-2">Sousse - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 320 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO -18% + 1er enfant -5 ans Gratuit ( Min Stay 2 nuitées )
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040357" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/sousse/royal%20jinene/royaljinene1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Royal Jinene">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040252" target="_blank" class="text-dark docs-creator" title="Royal Jinene">Royal Jinene</a>
</h4>
<p class="card-text place text-dark-light mb-2">Sousse - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 219 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO -10% + 1er enfant -6 ans Gratuit ( Min stay 3 nuitées )
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040252" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Monastir/amir-palace/orient1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Amir Palace">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040204" target="_blank" class="text-dark docs-creator" title="Amir Palace">Amir Palace</a>
</h4>
<p class="card-text place text-dark-light mb-2">Monastir - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 243 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> 1er enfant -6 ans Gratuit ( Min stay 3 nuitées )
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040204" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Monastir/Bella%20Vista/446371593.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Le Soleil Bella Vista ( pour couples et familles seulement )">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040407" target="_blank" class="text-dark docs-creator" title="Le Soleil Bella Vista ( pour couples et familles seulement )">Le Soleil Bella Vista ( pour couples et familles seulement )</a>
</h4>
<p class="card-text place text-dark-light mb-2">Monastir - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 219 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> Min Stay 4 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040407" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Monastir/Houda%20Golf/HoudaGolf1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Houda Golf Beach & Aquapark">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040107" target="_blank" class="text-dark docs-creator" title="Houda Golf Beach & Aquapark">Houda Golf Beach & Aquapark</a>
</h4>
<p class="card-text place text-dark-light mb-2">Monastir - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 205 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO 15% + 1er enfant -6 ans Gratuit ( Min stay 2 nuitées )
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040107" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/mahdia/thapsus/Thapsus.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Thapsus Beach Resort">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040185" target="_blank" class="text-dark docs-creator" title="Thapsus Beach Resort">Thapsus Beach Resort</a>
</h4>
<p class="card-text place text-dark-light mb-2">Mahdia - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 217 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO 10% + 1er enfant -5 ans GRATUIT ( Min stay 3 nuitées )
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040185" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Djerba/Ksar%20Djerba/ksar_djerba%203.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Ksar Djerba">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040198" target="_blank" class="text-dark docs-creator" title="Ksar Djerba">Ksar Djerba</a>
</h4>
<p class="card-text place text-dark-light mb-2">Djerba - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 234 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO 9% + 1er enfant -4 ans Gratuit ( Min stay 3 nuitées )
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040198" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/Houda%20Yasmine/Houda_Yasmine1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Houda Yasmine Marina & Spa">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804044" target="_blank" class="text-dark docs-creator" title="Houda Yasmine Marina & Spa">Houda Yasmine Marina & Spa</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 175 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO -20% + 1er Enfant -6 Ans Gratuit / Min Stay 2 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804044" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/Regency%20Hammamet/hammamet-regency-hotel%202.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Regency Hammamet">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040318" target="_blank" class="text-dark docs-creator" title="Regency Hammamet">Regency Hammamet</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 138 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> 1er Enfant -6 ans Gratuit
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040318" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/Hammamet%20Serail/hammamet_serail_1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Hammamet Serail">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040334" target="_blank" class="text-dark docs-creator" title="Hammamet Serail">Hammamet Serail</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 123 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> 1er Enfant -15 ans Gratuit
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040334" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/El%20Mouradi%20El%20Menzah/el%20mouradi%20el%20menzah%203.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="El Mouradi El Menzah">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804081" target="_blank" class="text-dark docs-creator" title="El Mouradi El Menzah">El Mouradi El Menzah</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 179 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO -20%
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804081" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Monastir/Delphin/Delphin_EL_Habib_1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Delphin El Habib">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040259" target="_blank" class="text-dark docs-creator" title="Delphin El Habib">Delphin El Habib</a>
</h4>
<p class="card-text place text-dark-light mb-2">Monastir - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 213 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> Promo -10% + 1er Enfant - 6 ans Gratuit / Min stay 3 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040259" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/mahdia/El%20Mouradi%20Mahdia/El%20mouradi%20Mahdia%201.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="El Mouradi Mahdia">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804080" target="_blank" class="text-dark docs-creator" title="El Mouradi Mahdia">El Mouradi Mahdia</a>
</h4>
<p class="card-text place text-dark-light mb-2">Mahdia - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 198 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> Min Stay 3 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804080" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Djerba/Yadis%20Djerba/Yadis%20Djerba%203.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Yadis Djerba">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040297" target="_blank" class="text-dark docs-creator" title="Yadis Djerba">Yadis Djerba</a>
</h4>
<p class="card-text place text-dark-light mb-2">Djerba - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 336 </span>
<sup>TND</sup> </span>
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040297" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Djerba/Monarque%20Dar%20Jerba%20Narjes/427033555.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Monarque Dar Jerba Narjess">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040416" target="_blank" class="text-dark docs-creator" title="Monarque Dar Jerba Narjess">Monarque Dar Jerba Narjess</a>
</h4>
<p class="card-text place text-dark-light mb-2">Djerba - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 187 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO -20% + 1er Enfant -12 ans Gratuit
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040416" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Djerba/El%20Mouradi%20Djerba%20Menzel/El_Mouradi_Djerba_Menzel_2.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="El Mouradi Djerba Menzel">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804092" target="_blank" class="text-dark docs-creator" title="El Mouradi Djerba Menzel">El Mouradi Djerba Menzel</a>
</h4>
<p class="card-text place text-dark-light mb-2">Djerba - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 216 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO -20% + Min Stay 3 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804092" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/sousse/Soviva/SOVIVA%202.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Soviva Resort & Aquapark">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804053" target="_blank" class="text-dark docs-creator" title="Soviva Resort & Aquapark">Soviva Resort & Aquapark</a>
</h4>
<p class="card-text place text-dark-light mb-2">Sousse - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 108 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO -14% + 1er Enfant -6 ans Gratuit
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804053" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/sousse/occidental-marhaba/occidental1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Occidental Sousse Marhaba">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040509" target="_blank" class="text-dark docs-creator" title="Occidental Sousse Marhaba">Occidental Sousse Marhaba</a>
</h4>
<p class="card-text place text-dark-light mb-2">Sousse - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 374 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> PROMO -16% + 1er Enfant -5 ans Gratuit
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040509" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-md-4 py-3" id="hotels-best">
<div class="container">
<div class="d-md-flex justify-content-center">
<div class="mb-md-4 mb-3 text-center title-bloc">
<h2 class="font-30">Hôtels de Luxe en Tunisie</h2>
<h3 class="font-16 font-weight-normal"> Réservez maintenant votre hôtel en temps réel </h3>
</div>
</div>
<div class="owl-carousel owl-hotels owl-theme">
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/sousse/Diar%20El%20Andalous/andalous6.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Iberostar Selection Diar El Andalous">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804082" target="_blank" class="text-dark docs-creator" title="Iberostar Selection Diar El Andalous">Iberostar Selection Diar El Andalous</a>
</h4>
<p class="card-text place text-dark-light mb-2">Sousse - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 525 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / Min Stay 3 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804082" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/sousse/movenpick-sousse/movenpick-sousse1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Movenpick Resort & Marine Spa Sousse">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804059" target="_blank" class="text-dark docs-creator" title="Movenpick Resort & Marine Spa Sousse">Movenpick Resort & Marine Spa Sousse</a>
</h4>
<p class="card-text place text-dark-light mb-2">Sousse - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 333 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> Hotel En Promo + 1ér enfant - 7 ans Gratuit
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804059" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/sousse/El%20mouradi%20Palm%20Marina/el%20mouradi%20palm%20marina%202.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="El Mouradi Palm Marina ( couples et families seulement)">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804070" target="_blank" class="text-dark docs-creator" title="El Mouradi Palm Marina ( couples et families seulement)">El Mouradi Palm Marina ( couples et families seulement)</a>
</h4>
<p class="card-text place text-dark-light mb-2">Sousse - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 230 </span>
<sup>TND</sup> </span>
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804070" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Djerba/TUI%20Sensimar%20Ulysse%20Palace/ulysse%201.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Ulysse Djerba Thalasso & Spa">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040418" target="_blank" class="text-dark docs-creator" title="Ulysse Djerba Thalasso & Spa">Ulysse Djerba Thalasso & Spa</a>
</h4>
<p class="card-text place text-dark-light mb-2">Djerba - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 608 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / VIP HOTEL
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040418" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/tabarka/La%20Cigale/la_cigale_3.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="La Cigale Tabarka">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040283" target="_blank" class="text-dark docs-creator" title="La Cigale Tabarka">La Cigale Tabarka</a>
</h4>
<p class="card-text place text-dark-light mb-2">Tabarka - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 415 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / TOP VIP
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040283" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/Magic%20Life%20Manar/Manar%20magic%20life%201.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Tui Blue Manar By Magic life">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040167" target="_blank" class="text-dark docs-creator" title="Tui Blue Manar By Magic life">Tui Blue Manar By Magic life</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 675 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> LUXE & CALME
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040167" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/Magic%20life%20Africana/africana%201.webp" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Tui Magic Life Africana">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040166" target="_blank" class="text-dark docs-creator" title="Tui Magic Life Africana">Tui Magic Life Africana</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 675 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040166" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/Radisson%20Blu/radisson_blu_resort_and_thalasso_hammamet_6.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Radisson Blu Resort & Thalasso Hammamet">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804046" target="_blank" class="text-dark docs-creator" title="Radisson Blu Resort & Thalasso Hammamet">Radisson Blu Resort & Thalasso Hammamet</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 284 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804046" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/Golden%20Tulip%20Taj%20Sultan/tajsultan2.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Royal Tulip Taj Sultan (ex Golden Tulip)">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804031" target="_blank" class="text-dark docs-creator" title="Royal Tulip Taj Sultan (ex Golden Tulip)">Royal Tulip Taj Sultan (ex Golden Tulip)</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 450 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / Chambre exécutive Vue Jardin
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804031" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/Hasdrubal/Hasdrubal%20Hammamet%201.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Hasdrubal Thalassa & Spa Yasmine Hammamet">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040291" target="_blank" class="text-dark docs-creator" title="Hasdrubal Thalassa & Spa Yasmine Hammamet">Hasdrubal Thalassa & Spa Yasmine Hammamet</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 409 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / Hébergement Suite Junior
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040291" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/hammamet/La%20Badira/badira1.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="La Badira - Adult Only">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040244" target="_blank" class="text-dark docs-creator" title="La Badira - Adult Only">La Badira - Adult Only</a>
</h4>
<p class="card-text place text-dark-light mb-2">Hammamet - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 410 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> Hébergement Suite Fell Vue Mer / CALME & LUXE ( Min Stay 2 Nuitées )
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040244" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Monastir/Royal%20Thalassa/Royal_Thalassa_5.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Royal Thalassa">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804058" target="_blank" class="text-dark docs-creator" title="Royal Thalassa">Royal Thalassa</a>
</h4>
<p class="card-text place text-dark-light mb-2">Monastir - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 372 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / Min Stay 2 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804058" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Monastir/Hilton/hilton_skanes_monastir_2.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Hilton Skanes Monastir Beach Resort">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040562" target="_blank" class="text-dark docs-creator" title="Hilton Skanes Monastir Beach Resort">Hilton Skanes Monastir Beach Resort</a>
</h4>
<p class="card-text place text-dark-light mb-2">Monastir - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 467 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / Min Stay 2 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040562" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Monastir/kuriat-palace/kuriat3.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Iberostar Selection Kuriat Palace">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040414" target="_blank" class="text-dark docs-creator" title="Iberostar Selection Kuriat Palace">Iberostar Selection Kuriat Palace</a>
</h4>
<p class="card-text place text-dark-light mb-2">Monastir - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 679 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / Pied Dans L'Eau + Min Stay 3 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040414" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/sousse/Sousse%20Palace/sousse%20palace%203.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Sousse Palace">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040331" target="_blank" class="text-dark docs-creator" title="Sousse Palace">Sousse Palace</a>
</h4>
<p class="card-text place text-dark-light mb-2">Sousse - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 319 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> Hotel En PROMO / CALME & LUXE
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040331" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/sousse/El%20mouradi%20Palm%20Marina/el%20mouradi%20palm%20marina%202.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="El Mouradi Palm Marina ( couples et families seulement)">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804070" target="_blank" class="text-dark docs-creator" title="El Mouradi Palm Marina ( couples et families seulement)">El Mouradi Palm Marina ( couples et families seulement)</a>
</h4>
<p class="card-text place text-dark-light mb-2">Sousse - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 271 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / Min Stay 3 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804070" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/sousse/El%20Mouradi%20Palace/El%20Mouradi%20Palace%203.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="El Mouradi Palace">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=804090" target="_blank" class="text-dark docs-creator" title="El Mouradi Palace">El Mouradi Palace</a>
</h4>
<p class="card-text place text-dark-light mb-2">Sousse - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 262.5 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / INTERDIT AUX CELIBATAIRES / Min Stay 3 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=804090" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Djerba/Hasdrubal%20Prestige/Hasdrubal_Prestige_Thalassa_et_Spa_9.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Hasdrubal Prestige Thalassa & Spa Djerba">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040329" target="_blank" class="text-dark docs-creator" title="Hasdrubal Prestige Thalassa & Spa Djerba">Hasdrubal Prestige Thalassa & Spa Djerba</a>
</h4>
<p class="card-text place text-dark-light mb-2">Djerba - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 340 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / VIP / Min Stay 3 Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040329" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Djerba/Tui%20Blue%20Palm%20Beach%20Palace/palm%20beach%20djerba%202.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Tui Blue Palm Beach Palace- Adult Only">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040326" target="_blank" class="text-dark docs-creator" title="Tui Blue Palm Beach Palace- Adult Only">Tui Blue Palm Beach Palace- Adult Only</a>
</h4>
<p class="card-text place text-dark-light mb-2">Djerba - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 700 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / TOP VIP HOTEL
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040326" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
<div class="item h-100 border border-opacity-10">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<figure class="position-relative w-100 mb-0">
<img src="/images/tenor.gif" data-src="https://admin.mygo.co/file_manager/source/photos/tunisie/Djerba/eolia/22.jpg" class="card-img-top h-250 rounded-0 img-fluid lazyload" alt="Iberostar Selection Eolia Djerba">
</figure>
<div class="card-body text-center d-flex flex-wrap h-270">
<div class="w-100">
<div class="rating d-inline-block font-14 mb-2">
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
<i class="bi bi-star-fill align-middle"></i>
</div>
<h4 class="text-capitalize mb-1">
<a href="/hotels/hotel?hotelId=8040139" target="_blank" class="text-dark docs-creator" title="Iberostar Selection Eolia Djerba">Iberostar Selection Eolia Djerba</a>
</h4>
<p class="card-text place text-dark-light mb-2">Djerba - Tunisie</p>
<div class="text-center mb-2">
<span> <small>Dés</small> </span>
<span><span class="font-weight-500 font-22"> 667 </span>
<sup>TND</sup> </span>
</div>
<div class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewbox="0 0 16 16">
<path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
</svg> CALME & LUXE / VIP + Min Stay Nuitées
</div>
</div>
<div class="destinations-one__button mt-auto w-100"><a href="/hotels/hotel?hotelId=8040139" class="btn btn-secondary">Voir l'hôtel</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-md-5 py-3 bg-light">
<div class="container">
<div class="d-md-flex justify-content-center">
<div class="text-center mb-md-4 mb-3 title-bloc">
<h2 class="text-center font-30">Voyages organisés</h2>
<h3 class="font-16 font-weight-normal"> Trouvez et réservez votre voyage dans le monde </h3>
</div>
</div>
<div class="owl-carousel owl-packages owl-theme">
<div class="item">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<div class="tour-package-single">
<img src="https://1662740073.rsc.cdn77.org/photos/products/17225/Fethiye1.jpg.webp" class="img-fluid lazyload" alt=" La Riviera Turque Summer 2025 : Fethiye & Marmaris">
<div class="package-content"><a href="products/product?productId=17225" class="docs-creator">
<h4> La Riviera Turque Summer 2025 : Fethiye & Marmaris </h4></a>
<p>Marmaris - Turquie</p>
<span class="price"> <small>Dés</small> 4490 <sup>TND</sup> </span>
</div>
<a class="explore-btn docs-creator" href="products/product?productId=17225">J'en profite</a></div>
</div>
</div>
<div class="item">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<div class="tour-package-single">
<img src="https://1662740073.rsc.cdn77.org/photos/products/17778/ok.jpg" class="img-fluid lazyload" alt=" Bali & Malaisie">
<div class="package-content"><a href="products/product?productId=17778" class="docs-creator">
<h4> Bali & Malaisie </h4></a>
<p>Kualalumpur - Malaisie</p>
<span class="price"> <small>Dés</small> 8580 <sup>TND</sup> </span>
</div>
<a class="explore-btn docs-creator" href="products/product?productId=17778">J'en profite</a></div>
</div>
</div>
<div class="item">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<div class="tour-package-single">
<img src="https://1662740073.rsc.cdn77.org/photos/products/17809/rabat2.jpg" class="img-fluid lazyload" alt=" Marrakech-Essaouira–rabat & Casa Summer 2025">
<div class="package-content"><a href="products/product?productId=17809" class="docs-creator">
<h4> Marrakech-Essaouira–rabat & Casa Summer 2025 </h4></a>
<p>Marrakech - Maroc</p>
<span class="price"> <small>Dés</small> 2990 <sup>TND</sup> </span>
</div>
<a class="explore-btn docs-creator" href="products/product?productId=17809">J'en profite</a></div>
</div>
</div>
<div class="item">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<div class="tour-package-single">
<img src="https://1662740073.rsc.cdn77.org/photos/products/17203/ayt4.jpg" class="img-fluid lazyload" alt=" Antalya & Istanbul Spécial Summer 2025">
<div class="package-content"><a href="products/product?productId=17203" class="docs-creator">
<h4> Antalya & Istanbul Spécial Summer 2025 </h4></a>
<p>Istanbul - Turquie</p>
<span class="price"> <small>Dés</small> 4480 <sup>TND</sup> </span>
</div>
<a class="explore-btn docs-creator" href="products/product?productId=17203">J'en profite</a></div>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-md-4">
<a href="/voyages-organises/" class="text-info see-more-hotels docs-creator"><u> Afficher plus d'offres<svg xmlns="http://www.w3.org/2000/svg" height="14" width="14" class="ms-1" viewbox="0 0 448 512" fill="#0070FF"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M246.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 402.7 361.4 265.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-160 160zm160-352l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7 361.4 73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z"/></svg></u></a>
</div>
</div>
</section>
<section class="py-md-5 py-3">
<div class="container">
<div class="d-md-flex justify-content-center">
<div class="text-center mb-md-4 mb-3 title-bloc">
<h2 class="text-center font-30">Voyages à la carte</h2>
<h3 class="font-16 font-weight-normal"> Trouvez et réservez votre voyage dans le monde </h3>
</div>
</div>
<div class="owl-carousel owl-packages owl-theme">
<div class="item">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<div class="tour-package-single">
<img src="https://1662740073.rsc.cdn77.org/photos/products/17780/1605720135.jpg" class="img-fluid lazyload" alt=" Explore Singapore">
<div class="package-content"><a href="products/product?productId=17780" class="docs-creator">
<h4> Explore Singapore </h4></a>
<p>Orchard - Singapour</p>
<span class="price"> <small>Dés</small> 2500 <sup>TND</sup> </span>
</div>
<a class="explore-btn docs-creator" href="products/product?productId=17780">J'en profite</a></div>
</div>
</div>
<div class="item">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<div class="tour-package-single">
<img src="https://1662740073.rsc.cdn77.org/photos/products/17824/AgadirDay.jpg" class="img-fluid lazyload" alt=" Agadir & Casablanca">
<div class="package-content"><a href="products/product?productId=17824" class="docs-creator">
<h4> Agadir & Casablanca </h4></a>
<p>Agadir - Maroc</p>
<span class="price"> <small>Dés</small> 3990 <sup>TND</sup> </span>
</div>
<a class="explore-btn docs-creator" href="products/product?productId=17824">J'en profite</a></div>
</div>
</div>
<div class="item">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<div class="tour-package-single">
<img src="https://1662740073.rsc.cdn77.org/photos/products/17826/bod 2.jpg" class="img-fluid lazyload" alt=" Bodrum & Istanbul">
<div class="package-content"><a href="products/product?productId=17826" class="docs-creator">
<h4> Bodrum & Istanbul </h4></a>
<p>Istanbul - Turquie</p>
<span class="price"> <small>Dés</small> 4750 <sup>TND</sup> </span>
</div>
<a class="explore-btn docs-creator" href="products/product?productId=17826">J'en profite</a></div>
</div>
</div>
<div class="item">
<div class="h-100 hotels-list-item d-flex flex-wrap">
<div class="tour-package-single">
<img src="https://1662740073.rsc.cdn77.org/photos/products/17840/sin3.jpg" class="img-fluid lazyload" alt=" Singapour & Vietnam">
<div class="package-content"><a href="products/product?productId=17840" class="docs-creator">
<h4> Singapour & Vietnam </h4></a>
<p>Hanoï - Vietnam</p>
<span class="price"> <small>Dés</small> 8295 <sup>TND</sup> </span>
</div>
<a class="explore-btn docs-creator" href="products/product?productId=17840">J'en profite</a></div>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-md-4">
<a href="/voyages-a-la-carte/" class="text-info see-more-hotels docs-creator"><u> Afficher plus d'offres<svg xmlns="http://www.w3.org/2000/svg" height="14" width="14" class="ms-1" viewbox="0 0 448 512" fill="#0070FF"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M246.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 402.7 361.4 265.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-160 160zm160-352l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7 361.4 73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z"/></svg></u></a>
</div>
</div>
</section>
<section class="pt-md-4 py-3 bg-light">
<div class="container">
<figure class="position-relative mb-0">
<a href="https://okrentacar.com.tn/home" title="okvoyages rent a car" target="_blank" class="docs-creator"><img src="/images/rent-a-car.jpg" alt="okvoyages rent a car BannerPub" class="img-fluid">
<!-- <span class="btn btn-warning btn-view btn-danger btn-sm btn-md-lg">Voir les Offres</span> -->
</a>
</figure>
</div>
</section>
<section class="py-md-5 py-3">
<div class="container">
<div class="row">
<div class="col-md-8 bloc-about">
<div class="mb-md-4">
<h2 class="font-30">Pourquoi choisir Ok Voyages? </h2>
<p class="font-16"> Chez OK Voyages, votre satisfaction est notre priorité absolue. Notre équipe dévouée de professionnels du voyage est là pour vous guider à chaque étape du processus, de la planification initiale à votre retour chez vous. Nous sommes disponibles pour répondre à vos questions, résoudre vos problèmes et vous assurer une expérience sans stress du début à la fin.
</p>
</div>
<div class="row g-3">
<div class="col-md-6 col-12 animated fadeIn">
<div class="d-flex">
<div class="p-2">
<div class="bg-ico"> <img src="/images/home/ico-1.png" alt="Meilleures destinations" width="50" height="50"> </div>
</div>
<div class="p-2">
<h3 class="fs-5">Nous Offrons une assistance gratuite 24/7. </h3>
</div>
</div>
</div>
<div class="col-md-6 col-12 animated fadeIn">
<div class="d-flex">
<div class="p-2">
<div class="bg-ico"> <img src="/images/home/payement.png" alt="Meilleures destinations" width="50" height="50"> </div>
</div>
<div class="p-2">
<h3 class="fs-5">Paiement sécurisé : réservation facile et 100% sécurisé.</h3>
</div>
</div>
</div>
<div class="col-md-6 col-12 animated fadeIn">
<div class="d-flex">
<div class="p-2">
<div class="bg-ico"> <img src="/images/home/ico-3.png" alt="Meilleures destinations" width="50" height="50"> </div>
</div>
<div class="p-2">
<h3 class="fs-5"> Des promotions et des offres sélectionnées juste pour vous. Nous avons les meilleurs bons plans ! </h3>
</div>
</div>
</div>
<div class="col-md-6 col-12 animated fadeIn">
<div class="d-flex">
<div class="p-2">
<div class="bg-ico"> <img src="/images/home/multi-ecran.png" alt="Une équipe professionnelle" width="50" height="50"> </div>
</div>
<div class="p-2">
<h3 class="fs-5"> Réservez votre voyage rapidement et facilement depuis votre ordinateur , tablette ou votre smartphone. </h3>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 hidden-sm">
<img src="/images/about.png" alt="Pourqui choisir okvoyages" class="img-fluid">
</div>
</div>
</div>
</section>
<footer class="d-print-none">
<!-- Footer -->
<div class="border-top py-md-4 py-3 bg-footer">
<div class="container">
<div class="row br-dashed justify-content-between">
<div class="col-md-4">
<div class="mb-3 font-weight-600 fs-6">Agences</div>
<ul class="links p-0 list-unstyled lh-lg">
<li><span class="font-weight-500"> <span class="rounded-circle bg-primary text-center me-2 p-2"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-geo" viewbox="0 0 16 16">
<path fill-rule="evenodd" d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"/>
</svg> </span> <a href="https://goo.gl/maps/kXK4RxfWKDcM9JKG6" target="_blank">Sousse Ville </a></span>
</li>
<li class=""><span class=""><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-telephone" viewbox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/>
</svg></span><a class="docs-creator" href="https://api.whatsapp.com/send?phone=21628777774&text=Salut,%20je%20souhaite%20vous%20contacter%20!"> +216 28 777 774</a> - <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-envelope" viewbox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
</svg>
</span> <a href="mailto:info@okvoyages.tn">info@okvoyages.tn </a></span> </li>
</ul>
<ul class="links p-0 list-unstyled lh-lg">
<li><span class="font-weight-500"> <span class="rounded-circle bg-primary me-2 p-2"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-geo" viewbox="0 0 16 16">
<path fill-rule="evenodd" d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"/>
</svg> </span> <a href="https://goo.gl/maps/k4xzuuhZhMLbP83n8" target="_blank"> Tunis-Centre Urbain Nord </a> </span>
</li>
<li class=""><span class=""><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-telephone" viewbox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/>
</svg></span><a class="docs-creator" href="https://api.whatsapp.com/send?phone=21629775428&text=Salut,%20je%20souhaite%20vous%20contacter%20!"> +216 29 775 428</a> - <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-envelope" viewbox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
</svg>
</span> <a href="mailto:contact@okvoyages.tn">contact@okvoyages.tn </a></span> </li>
</ul>
<ul class="links p-0 list-unstyled lh-lg">
<li><span class="font-weight-500"> <span class="rounded-circle bg-primary text-center p-2 me-2"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-geo" viewbox="0 0 16 16">
<path fill-rule="evenodd" d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"/>
</svg></span> <a href="https://goo.gl/maps/kXK4RxfWKDcM9JKG6" target="_blank">Sousse Kantaoui </a>
</span>
</li>
<li class=""><span class=""><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-telephone" viewbox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/>
</svg></span><a class="docs-creator" href="https://api.whatsapp.com/send?phone=21629775100&text=Salut,%20je%20souhaite%20vous%20contacter%20!"> +216 29 775 100</a> - <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-envelope" viewbox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
</svg>
</span> <a href="mailto:commercial@okvoyages.tn">commercial@okvoyages.tn </a></span> </li>
</ul>
<ul class="links p-0 list-unstyled lh-lg">
<li><span class="font-weight-500"> <span class="rounded-circle bg-primary text-center p-2 me-2"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-geo" viewbox="0 0 16 16">
<path fill-rule="evenodd" d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"/>
</svg></span> <a href="https://maps.app.goo.gl/ciXnQ2yx7ZfzGRKH8" target="_blank">Djerba</a></span>
</li>
<li class=""><span class=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone" viewbox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/>
</svg></span><a class="docs-creator" href="https://api.whatsapp.com/send?phone=21629390170&text=Salut,%20je%20souhaite%20vous%20contacter%20!"> +216 29 390 170</a> - <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewbox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
</svg>
</span> <script type="text/javascript">
/*<![CDATA[*/
/***********************************************
* Encrypt Email script- Please keep notice intact
* Tool URL: http://www.dynamicdrive.com/emailriddler/
* **********************************************/
<!-- Encrypted version of: info [at] *********.** //-->
var emailriddlerarray=[105,110,102,111,64,111,107,118,111,121,97,103,101,115,46,116,110]
var encryptedemail_id34='' //variable to contain encrypted email
for (var i=0; i<emailriddlerarray.length; i++)
encryptedemail_id34+=String.fromCharCode(emailriddlerarray[i])
document.write('<a href="mailto:'+encryptedemail_id34+'">info@okvoyages.tn</a>')
/*]]>*/
</script></span> </li>
</ul>
</div>
<div class="col-md-5 order-md-first">
<img src="/images/logo-white.png" class="img-fluid mb-3 hidden-sm" alt="logo okvoyages">
<img src="/images/aich-alam.png" class="img-fluid mb-3 hidden-sm" alt="logo okvoyages agence de voyages">
<p class="hidden-sm">OK VOYAGES est toujours à votre écoute pour réaliser toutes vos envies, tous vos projets personnels et professionnels. Un service d’assistance 7j/7 et 24h/24 est mis à votre disposition.</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><div class="mb-md-3 mb-2 fs-6">Suivez-nous</div> </li>
<li class="list-inline-item"><a target="_blank" href="https://www.facebook.com/OkVoyagesTunisie/" rel="nofollow" class=""><i class="bi bi-facebook fs-5"></i></a></li>
<li class="list-inline-item"><a target="_blank" href="https://www.instagram.com/ok_voyages/?next=%2F" rel="nofollow" class=""><i class="bi bi-instagram fs-5"></i></a></li>
</ul>
<img src="/images/footer/ftav.webp" class="img-fluid mb-3" alt=" okvoyages agence de voyages ftav">
<img src="/images/footer/iata.webp" class="img-fluid mb-3" alt="okvoyages agence de voyages iata">
<img src="/images/footer/amadeus.webp" class="img-fluid mb-3" alt=" okvoyages agence de voyages amadeus">
</div>
</div>
<div class="row br-dashed">
<div class="col-md-8 align-self-center">
<ul class="nav">
<li class="nav-item">
<a class="nav-link ps-0 active" aria-current="page" href="/fr/info/qui-sommes-nous">Qui sommmes-nous?</a>
</li>
<span class="pipe"></span>
<li class="nav-item">
<a class="nav-link" href="/fr/info/conditions-de-ventes">Conditions générales</a>
</li>
<span class="pipe"></span>
<li class="nav-item">
<a class="nav-link" href="/fr/info/mentions-legales">Mentions légales</a>
</li>
<span class="pipe"></span>
<li class="nav-item">
<a class="nav-link" href="/fr/articles/faq" >FAQ</a>
</li>
</ul>
</div>
<div class="col-md-4 text-end">
<span class="me-2"> Paiement sécurisé</span>
<img src="/images/pay1.png" class="img-fluid me-2" alt="logo">
<img src="/images/pay3.png" class="img-fluid" alt="logo">
</div>
</div>
<div class="row">
<div class="col-md-12 align-self-center">
<p class="text-white mb-0">©2024 Ok Voyages - Tous droits réservés. <span class="float-end font-weight-500">Powered BY <a href="https://www.boosterbc.com/" title="Booster Business And Communication Votre partenaire technologique de vos projets e-tourisme et web mobile" target="_blank" class="text-white docs-creator" rel="follow">Booster BC</a></span></p>
</div>
</div>
</div>
</div>
</footer>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10893078794">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-10893078794');
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-10893078794');
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PNLZZ7FZ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.3/handlebars.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/bloodhound.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.formvalidation/0.6.1/js/formValidation.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.formvalidation/0.6.1/js/framework/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.fr.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/formvalidation/0.6.2-dev/js/language/be_FR.min.js" integrity="sha512-/XtozQe3a/cRnHW78hUJ4Tn9JhxByAXg+RyCa7OqhjdJdvKkyNxYiemb7oEm6YsBLWn0lfNUqLF1Klgh+EzxjQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/javascripts/lazysizes.min.js" async></script>
<script src="/javascripts/pack.v33b4adb7cb.min.js" ></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<div class="connexion_window_step" style="display: none;">
<div class="row ls-box g-0">
<div class="col-md-12">
<div class="p-3 logintab">
<div class="d-flex">
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="pills-connect-tab" data-bs-toggle="pill" href="#pills-connect-sub" role="tab"
aria-controls="pills-home" aria-selected="true">Se connecter</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="pills-subscribe-tab" data-bs-toggle="pill" href="#pills-subscribe-sub" role="tab"
aria-controls="pills-profile" aria-selected="false">S'inscrire</a>
</li>
</ul>
<a title="Close" href="javascript:void(0)" class="ls-close-btn btn-close ms-auto"></a>
</div>
<div class="tab-content mt-3" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-connect-sub"
role="tabpanel" aria-labelledby="pills-connect-tab">
<form id="loginCustomerForm" name="loginCustomerForm" method="post" action="/authentification/login" class="requires-validation" novalidate>
<input type="hidden" name="_csrf" value="8JKHIRXK-gMlrlCuRwJWHyxLN61_my4hW10E">
<input type="hidden" class="actionf" name="action" value="signIn">
<div class="form-floating mb-3">
<input type="email" class="form-control emailf" id="email1" name="email" required="" value=""
placeholder="Email*">
<label for="email">E-mail</label>
<div class="invalid-feedback">
L´entrée n´est pas une adresse électronique valide!
</div>
</div>
<div class="form-floating">
<input type="password" class="form-control" id="password" name="password" required=""
placeholder="Mot de passe*">
<label for="password">Mot de passe</label>
<div class="invalid-feedback">
Le Mot de passe est obligatoire!
</div>
</div>
<div class="my-3 forgetPassword">
<a href="javascript:void(0)"> <u> Mot de passe oublié ?</u></a>
</div>
<div class="result-connect"></div>
<button class="btn btn-info test btn-block btn-lg mb-3" type="submit">Se
Connecter</button>
</form>
</div>
<div class="tab-pane fade" id="pills-subscribe-sub" role="tabpanel"
aria-labelledby="pills-subscribe-tab">
<form id="signupCustomerForm" class="requires-validation" novalidate name="signupCustomerForm" method="post"
action="/authentification/createCustomer">
<input type="hidden" name="_csrf" value="8JKHIRXK-gMlrlCuRwJWHyxLN61_my4hW10E">
<input type="hidden" name="action" value="subscribe">
<div class="my-3 d-flex">
<div class="form-check me-3">
<input id="mr" name="title" type="radio" class="form-check-input" value="1" checked="" required="">
<label class="form-check-label" for="title">Mr</label>
</div>
<div class="form-check me-3">
<input id="mme" name="title" type="radio" class="form-check-input" value="2" required="">
<label class="form-check-label" for="title">Mme</label>
</div>
<div class="form-check">
<input id="mlle" name="title" type="radio" class="form-check-input" value="3" required="">
<label class="form-check-label" for="title">Mlle</label>
</div>
</div>
<div class="row row-cols-1 row-cols-lg-2 g-3 mb-3">
<div class="col">
<div class="form-floating">
<input type="text" class="form-control" id="firstName" name="firstName" placeholder="First name"
required="">
<label for="firstName">Prénom</label>
<div class="invalid-feedback">
Le prénom est obligatoire!
</div>
</div>
</div>
<div class="col">
<div class="form-floating">
<input type="text" class="form-control" id="lastName" name="lastName" placeholder="Last name"
required="">
<label for="lastName">Nom</label>
<div class="invalid-feedback">
Le nom est obligatoire!
</div>
</div>
</div>
<div class="col">
<div class="form-floating">
<input type="email" class="form-control" id="email" name="email" placeholder="Email" required="">
<label for="email">E-mail</label>
<div class="invalid-feedback">
L´entrée n´est pas une adresse électronique valide!
</div>
</div>
</div>
<div class="col">
<div class="form-floating">
<input type="password" class="form-control" id="password" name="password" required=""
placeholder="Mot de passe*">
<label for="password">Mot de passe</label>
</div>
<div class="invalid-feedback">
Le Mot de passe est obligatoire!
</div>
</div>
<div class="col">
<div class="form-floating">
<input type="number" class="form-control" id="mobile" name="mobile" placeholder="Mobile" required="">
<label for="mobile">Mobile</label>
</div>
<div class="invalid-feedback">
Le numéro de Téléphone est obligatoire!
</div>
</div>
</div>
<div class="result-subscribe"></div>
<button class="w-100 btn btn-info btn-lg" type="submit">S'inscrire</button>
</form>
<div class="result-subscribe-fb mt-3"></div>
<div class="forgetPassword" id="forgetPasswordee" style="display: none"><a href="javascript:void(0)"> <u> Mot
de passe oublié ?</u></a></div>
</div>
<!-- <div class="text-center position-relative">
<div class="my-3 fs-6"> ou connectez-vous en un clic</div>
<div class="social-media-login row">
<div class="col-md-6"> -->
<!-- <a href="#" onclick="checkLoginState();" id="fbSignin" class="me-3 fb"><span class="icon-facebook fb">Facebook</span></a> -->
<!-- <div class="fb-login-button" data-width="" data-size="large" data-button-type="continue_with" data-layout="default" data-auto-logout-link="false" data-use-continue-as="false"></div>
</div>
<div class=" col-md-6">
<div class="g-signin2" id="g-signin2" data-width="280" data-height="40" data-longtitle="true"
onclick="onSignIn()"></div>
</div>
</div>
<div class="result-signin-fb mt-3"></div>
</div> -->
</div>
</div>
<!---<div class="fb-login-button" data-width="" data-size="large" data-button-type="continue_with" data-layout="default" data-auto-logout-link="false" data-use-continue-as="false"></div>
--->
<div style="display: none;" class="ls-forgot-password-window">
<div class="ls-form-box-left p-3">
<div class="d-flex">
<div>
<div class="fs-5 font-weight-500 backToSignIn">
<a href="javascript:void(0)" class="text-dark"><i class="bi bi-arrow-left fs-5 pe-2"></i> </a>
Mot de passe oublié
</div>
</div>
<a title="Close" href="javascript:void(0)" class="ls-close-btn btn-close ms-auto"></a>
</div>
<div class="mt-4">
<p class="text-muted">Veuillez saisir votre adresse e-mail pour réinitialiser le nouveau mot de passe.</p>
<form class="requires-validation sign-in-frm" method="post" id="forgotPasswordForm" action="/authentification/sendPassword"
novalidate>
<input type="hidden" name="_csrf" value="8JKHIRXK-gMlrlCuRwJWHyxLN61_my4hW10E">
<input type="hidden" name="token" value="">
<input type="hidden" name="action" value="forgotPassword">
<div class="form-floating">
<input type="email" class="form-control" name="email" id="email2" placeholder="Entrez votre adresse email"
required="">
<label for="email">Email</label>
<div class="invalid-feedback">
L´entrée n´est pas une adresse électronique valide!
</div>
</div>
<button class="w-100 btn btn-info btn-lg mt-3 mb-3" type="submit">Demander un mot de passe</button>
<div class='result-forgetPassword'></div>
</form>
</div>
</div>
</div>
<div id="result-login"></div>
</div>
</div>
<!-- <div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v13.0&appId=1015028169134450&autoLogAppEvents=1" nonce="z6XeVTLP"></script> -->
<script src="/javascripts/authentification.js?v=1752611722621" ></script>
</div>
<script>
$('.load_connexion_window').on('click', function(e) {
$('.connexion_window_step').show();
let id = $(this).attr('id');
let connect = $('#pills-connect-tab').attr('class')
let connectSub = $('#pills-connect-sub').attr('class')
let subscribe = $('#pills-subscribe-tab').attr('class')
let subscribeSub = $('#pills-subscribe-sub').attr('class')
switch (id) {
case 'rate_login':
if (subscribe.includes("active")) {
$('#pills-subscribe-tab').removeClass('active')
$('#pills-subscribe-tab').attr('aria-selected',false)
}
if (subscribeSub.includes("active") && subscribeSub.includes("show")) {
$('#pills-subscribe-sub').removeClass('active show')
}
if ((!connectSub.includes("active")) && (!connectSub.includes("show"))) {
$('#pills-connect-sub').addClass('active show')
}
if (!connect.includes("active")) {
$('#pills-connect-tab').addClass('active')
$('#pills-connect-tab').attr('aria-selected',true)
}
break;
case 'rate_signup':
if (connect.includes("active")) {
$('#pills-connect-tab').removeClass('active')
$('#pills-connect-tab').attr('aria-selected',false)
}
if (connectSub.includes("active") && connectSub.includes("show")) {
$('#pills-connect-sub').removeClass('active show')
}
if ((!subscribeSub.includes("active")) && (!subscribeSub.includes("show"))) {
$('#pills-subscribe-sub').addClass('active show')
}
if (!subscribe.includes("active")) {
$('#pills-subscribe-tab').addClass('active')
$('#pills-subscribe-tab').attr('aria-selected',true)
}
break;
case 'login_header':
if (subscribe.includes("active")) {
$('#pills-subscribe-tab').removeClass('active')
$('#pills-subscribe-tab').attr('aria-selected',false)
}
if (subscribeSub.includes("active") && subscribeSub.includes("show")) {
$('#pills-subscribe-sub').removeClass('active show')
}
if ((!connectSub.includes("active")) && (!connectSub.includes("show"))) {
$('#pills-connect-sub').addClass('active show')
}
if (!connect.includes("active")) {
$('#pills-connect-tab').addClass('active')
$('#pills-connect-tab').attr('aria-selected',true)
}
break;
}
});
$('body').on('click', '.ls-close-btn', function () {
$('.connexion_window_step').fadeOut();
});
</script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script type="text/javascript" src="javascripts/searchForm.js?v=1752611722621"></script>
<script type="text/javascript" src="javascripts/searchResults.js?v=1752611722621"></script>
<script type="text/javascript" src="javascripts/filters.js?v=1752611722621"></script>
<script>
$('.owl-hotels').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1,
dots:false,
},
600:{
items:3,
dots:false,
},
1000:{
items:3
}
}
})
$('.owl-packages').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1,
dots:false,
},
600:{
items:2,
dots:false,
},
1000:{
items:3
}
}
})
</script>
</body>
</html>
