Unexpected HTTP Status Code: 401<br />
<b>Notice</b>:  Undefined variable: weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>229</b><br />
Erreur lors de la récupération des informations météorologiques.<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>314</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>314</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>314</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>314</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>316</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>316</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_day_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>384</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_night_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>385</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_wind_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>386</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_humidity_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>387</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_rain_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>388</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_day_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>430</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_night_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>431</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_wind_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>432</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_humidity_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>433</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_rain_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>434</b><br />
Error: INSERT INTO sv_airports_security (
                destination_code, destination_name, airport_name, latitude, longitude, availability_lounges, 
                frequency_international_flights, popular_routes, average_delay, main_airlines, public_transport, 
                transport_services, parking, layover_facilities, security_airport_status, security_city_status, 
                alert_airport_status, health_info, health_recommendation, cultural_events, tourist_info, 
                score_geopolitique, score_geopolitique_one_word, score_geopolitique_texte, climate_impact, 
                weather_info, average_day_temp, average_night_temp, average_wind_speed, average_humidity, 
                average_rain, meteo_actuel_description, meteo_alerte_description, score_meteo, 
                score_meteo_one_word, score_meteo_texte, date_text
            ) VALUES (
                'DJE', 'Djerba', 'Aéroport de Djerba-Zarzis', '33.87503', '10.77763', 
                'Oui, il y a des salons VIP disponibles à l\'aéroport.', 'Des vols internationaux sont réguliers à l\'aéroport de DJE.', 'Paris, Istanbul, Tunis, Lyon', 'Les retards actuels à DJE airport sont minimes.', 
                'Tunisair, Nouvelair, Transavia', 'Il y a des bus disponibles pour rejoindre la ville principale depuis l\'aéroport.', 'Des services de taxi, de VTC et de location de voitures sont disponibles à l\'aéroport.', 'Des parkings à court et long terme sont disponibles à des tarifs raisonnables.', 'Il y a des hôtels à proximité de l\'aéroport pour les passagers en transit.', 
                'Le statut de sécurité à l\'aéroport de DJE est actuellement normal, avec des mesures de précaution en place.', 'La situation sécuritaire à Djerba est globalement stable.', 'Il n\'y a actuellement aucune alerte ou avertissement lié à des problèmes géopolitiques ou de sécurité à DJE airport.', 'Des règles de test et de protocoles sanitaires sont en place à l\'aéroport de Djerba.', 
                'Il est recommandé aux voyageurs de se conformer aux protocoles sanitaires en vigueur et de se faire vacciner avant de voyager.', 'Djerba est connue pour ses festivals de musique traditionnelle et ses marchés artisanaux. Consultez les événements à venir pour ne rien manquer.', 'Les zones touristiques de Djerba sont généralement sûres, cependant, il est recommandé d\'éviter les zones isolées la nuit pour des raisons de sécurité.', '4', 
                'Sûr', 'Djerba est une destination touristique sûre avec des mesures de sécurité en place.', 'Les conditions climatiques actuelles à Djerba sont stables, avec un risque minimal de phénomènes météorologiques extrêmes.', 'Les prévisions météorologiques actuelles pour Djerba indiquent un temps ensoleillé avec des températures agréables. Aucune alerte météo n\'est en cours.', 
                '', '', '', '', 
                '', 'Les données de la météo sont les suivantes : Actuellement météo djerba ( tu ) : Température de °C, humidité %, vent de  m/s, conditions : . Prévisions pour les prochains jours : ', 'Aucune alerte météorologique en cours.', '4', 
                'Bon', 'Avec des conditions météorologiques stables et agréables, Djerba est une destination idéale pour profiter du soleil et de la plage. N\'oubliez pas de vous protéger du soleil et de rester hydraté pour profiter pleinement de votre séjour.', '14 février 2026'
            ) ON DUPLICATE KEY UPDATE 
                airport_name = 'Aéroport de Djerba-Zarzis', latitude = '33.87503', longitude = '10.77763', 
                availability_lounges = 'Oui, il y a des salons VIP disponibles à l\'aéroport.', frequency_international_flights = 'Des vols internationaux sont réguliers à l\'aéroport de DJE.', 
                popular_routes = 'Paris, Istanbul, Tunis, Lyon', average_delay = 'Les retards actuels à DJE airport sont minimes.', main_airlines = 'Tunisair, Nouvelair, Transavia', 
                public_transport = 'Il y a des bus disponibles pour rejoindre la ville principale depuis l\'aéroport.', transport_services = 'Des services de taxi, de VTC et de location de voitures sont disponibles à l\'aéroport.', parking = 'Des parkings à court et long terme sont disponibles à des tarifs raisonnables.', 
                layover_facilities = 'Il y a des hôtels à proximité de l\'aéroport pour les passagers en transit.', security_airport_status = 'Le statut de sécurité à l\'aéroport de DJE est actuellement normal, avec des mesures de précaution en place.', 
                security_city_status = 'La situation sécuritaire à Djerba est globalement stable.', alert_airport_status = 'Il n\'y a actuellement aucune alerte ou avertissement lié à des problèmes géopolitiques ou de sécurité à DJE airport.', 
                health_info = 'Des règles de test et de protocoles sanitaires sont en place à l\'aéroport de Djerba.', health_recommendation = 'Il est recommandé aux voyageurs de se conformer aux protocoles sanitaires en vigueur et de se faire vacciner avant de voyager.', 
                cultural_events = 'Djerba est connue pour ses festivals de musique traditionnelle et ses marchés artisanaux. Consultez les événements à venir pour ne rien manquer.', tourist_info = 'Les zones touristiques de Djerba sont généralement sûres, cependant, il est recommandé d\'éviter les zones isolées la nuit pour des raisons de sécurité.', score_geopolitique = '4', 
                score_geopolitique_one_word = 'Sûr', score_geopolitique_texte = 'Djerba est une destination touristique sûre avec des mesures de sécurité en place.', 
                climate_impact = 'Les conditions climatiques actuelles à Djerba sont stables, avec un risque minimal de phénomènes météorologiques extrêmes.', weather_info = 'Les prévisions météorologiques actuelles pour Djerba indiquent un temps ensoleillé avec des températures agréables. Aucune alerte météo n\'est en cours.', average_day_temp = '', 
                average_night_temp = '', average_wind_speed = '', 
                average_humidity = '', average_rain = '', 
                meteo_actuel_description = 'Les données de la météo sont les suivantes : Actuellement météo djerba ( tu ) : Température de °C, humidité %, vent de  m/s, conditions : . Prévisions pour les prochains jours : ', meteo_alerte_description = 'Aucune alerte météorologique en cours.', 
                score_meteo = '4', score_meteo_one_word = 'Bon', 
                score_meteo_texte = 'Avec des conditions météorologiques stables et agréables, Djerba est une destination idéale pour profiter du soleil et de la plage. N\'oubliez pas de vous protéger du soleil et de rester hydraté pour profiter pleinement de votre séjour.', date_text = '14 février 2026'<br>Incorrect decimal value: '' for column 'average_day_temp' at row 1<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Voyager en Toute Sécurité à l'Aéroport Djerba (DJE) - Djerba</title>
	<meta name="description" content="Découvrez toutes les informations de sécurité essentielles pour voyager via l'aéroport Djerba (DJE) à Djerba. Consultez les conseils de sécurité, les alertes actuelles, et accédez aux informations indispensables pour profiter d'un voyage serein à Djerba.">
	<meta name="keywords" content="sécurité voyage aéroport Djerba, conseils de sécurité Djerba, voyage sécurisé Djerba, informations sécurité Djerba, sécurité aéroport DJE">

	<meta property="og:title" content="Voyager en Toute Sécurité à l'Aéroport Djerba (DJE) - Djerba">
	<meta property="og:description" content="Découvrez toutes les informations de sécurité essentielles pour voyager via l'aéroport Djerba (DJE) à Djerba. Consultez les conseils de sécurité, les alertes actuelles, et accédez aux informations indispensables pour profiter d'un voyage serein à Djerba.">
	<meta property="og:url" content="https://www.magellio.com/voyage-securite/tu-TN/djerba-DJE.html">
	<meta property="og:type" content="website">
	<meta property="og:image" content="https://www.magellio.com/img/photo-TN-DJE-1295276552-L.webp">
	<meta property="og:site_name" content="Magellio">
	<meta name="author" content="Magellio">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="canonical" href="https://www.magellio.com/voyage-securite/tu-TN/djerba-DJE.html">
  
	<link rel="shortcut icon" href="https://www.magellio.com/img/favicon-magellio.png">


			<!-- CSS MODULES -->

		<link rel="preconnect" href="https://ajax.googleapis.com">
		<link rel="preload" href="https://www.magellio.com/vendor/nouislider/nouislider.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://www.magellio.com/vendor/nouislider/nouislider.css"></noscript>
		<link rel="preload" href="https://www.magellio.com/vendor/swiper/css/swiper.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://www.magellio.com/vendor/swiper/css/swiper.css"></noscript>
		<link rel="preload" href="https://www.magellio.com/vendor/magnific-popup/magnific-popup.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://www.magellio.com/vendor/magnific-popup/magnific-popup.css"></noscript>
		<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"></noscript>
<!--
		<link rel="preload" href="https://www.magellio.com/css/style-magellio.css?2602141109" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://www.magellio.com/css/style-magellio.css?2602141109"></noscript>
	-->	
		<link rel="stylesheet" href="https://www.magellio.com/css/style-magellio.css?2602141109">
	

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>

		<link rel="preload" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"></noscript>
<!--
		<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/265266cd5885e487cf17fb19d/eaf8163d81695373c9f0fcb8e.js");</script>
-->

<style></style>

<style>
.country-link {
    display: block;
    text-decoration: none; /* Enlève le trait sous les liens */
    padding: 5px 0;
    transition: background-color 0.3s;
}

.country-link:hover {
    background-color: #f8f9fa;
}

a {
    text-decoration: none !important;
}

.d-flex .ml-2 {
    margin-left: 10px; /* Réduit l'espacement entre le nom du pays et le prix */
}

.d-flex .text-danger {
    margin-left: 10px; /* Réduit encore l'espace entre le pays et le prix */
    min-width: 100px; /* Évite que les prix soient trop à droite */
    text-align: left; /* Aligne le texte du prix à droite */
}

.card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adds a permanent shadow */
    border-radius: 8px; /* Optional: adds rounded corners */
}
</style>

    <style>
/* Onglets */

.typeahead .dropdown-menu .dropdown-item i {
    font-size: 14px;
    margin-right: 8px;
    vertical-align: middle;
}


.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    color: #555;
    font-size: 18px;
    padding: 10px 20px;
}

.nav-tabs .nav-link:hover {
    border-bottom: 3px solid #ddd;
}

.nav-tabs .nav-link.active {
    border-bottom: 3px solid #007bff;
    color: #007bff;
}

.center-vertically {
        display: flex;
        align-items: center;
    }

.hidden {
            display: none;
        }

.bg-primary-custom {
            background-color: #007bff !important; /* Bootstrap primary color */
            color: white;
        }
.search-bar {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.btn-swap {
    padding: 10px;
    height: calc(2.25rem + 3px);
    border-radius: 0.25rem;
    background-color: #f8f9fa;
    border: 1px solid #ced4da;
    color: #333;
}

.btn-swap:hover {
    background-color: #e2e6ea;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 0.25rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #004085;
}

/* Style initial du bouton */
.btn-outline-dark {
    background-color: #fff;
    color: #000;
    border: 1px solid #ced4da;
}

/* Style du bouton au survol */
.btn-outline-dark:hover {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

/* Style du bouton quand il est actif ou en focus */
.btn-outline-dark:focus,
.btn-outline-dark:active,
.btn-outline-dark.active {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
    box-shadow: none;
    outline: none;
}

.dropdown-menu {
    width: 100%;
    border-radius: 0.25rem;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.dropdown-menu .d-flex {
    margin-bottom: 10px;
}

.dropdown-menu .btn-outline-dark {
    border-radius: 0.25rem;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
}

.dropdown-menu .btn-outline-dark.btn-sm {
    font-size: 18px;
    line-height: 1;
}

.dropdown-menu .btn-outline-dark.btn-sm:hover {
    background-color: #004085;
}

/* Limit the width of the passenger dropdown */
.passenger-dropdown {
    max-width: 300px; /* Adjust as needed */
    width: 100%; /* Ensures it uses full width up to max-width */
}

/* Custom styles for rounded square buttons */
.btn-rounded {
    border-radius: 0.25rem;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
}

/* Styles pour les boutons et les input */
.counter {
    display: flex;
    align-items: center;
}

/* Align buttons and counters */
.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}


/* Styles par défaut pour cacher le bloc d'information */
.person-count-selector .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 20px;
    z-index: 100;
    top: 100%;
    margin-top: 6px;
    border-radius: 5px;
    border: 1px solid #ddd;
    right: 0;
}

        .person-count-selector .dropdown-content.active {
            display: block;
            z-index: 10000;
        }

/* Styles pour les sections à l'intérieur du dropdown */
.dropdown-content div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

/* Styles pour les labels */
.dropdown-content label {
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px; /* Ajouter un espace à droite du label */
    width: 100px; /* Alignement cohérent des labels */
}

/* Styles pour les boutons et les input */
.dropdown-content .counter {
    display: flex;
    align-items: center;
}

/* Styles pour les input et les boutons */
.dropdown-content input[type="text"] {
    width: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0 10px;
    padding: 5px;
}

.dropdown-content button {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f1f1f1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Styles pour le bouton Terminer */
.dropdown-content .finish-button {
    width: 100%;
    padding: 10px;
    text-align: center;
    border: 1px solid #007bff;
    border-radius: 5px;
    background-color: #007bff;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    margin-top: 15px; /* Ajouter un espace au-dessus du bouton */
}

.dropdown-content .finish-button:hover {
    background-color: #0056b3;
    color: #fff;
}

/* Spécificité plus élevée pour les sélecteurs d'âge */
.dropdown-content .children-age-selectors {
    display: block; /* S'assurer que ces divs sont en display block */
    margin-top: 5px; /* Ajouter un espace vertical */
}

.child-age-selector {
    width: auto; /* Permettre aux sélecteurs de prendre la largeur nécessaire */
    padding: 5px; /* Ajouter du padding pour l'apparence */
    border: 1px solid #ccc; /* Bordure pour l'apparence */
    border-radius: 5px; /* Bords arrondis */
}

/* Réinitialiser les coins arrondis sur les éléments ciblés */
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.breadcrumbs {
    padding: 0;
    margin: 0;
    list-style: none;
    background: none;
}

.breadcrumbs .breadcrumb-item {
    display: inline; /* Afficher les éléments en ligne */
    font-size: 1rem; /* Ajustez la taille de la police si nécessaire */
    margin-right: 0.5rem; /* Espace après chaque élément */
}

.breadcrumbs .breadcrumb-item a {
    color: #007bff; /* Couleur des liens */
    text-decoration: none;
}

.breadcrumbs .breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-separator {
    display: inline; /* Afficher le séparateur en ligne */
    margin: 0 0.5rem; /* Espace de chaque côté du séparateur */
    color: #6c757d; /* Couleur du séparateur */
}

.breadcrumbs .breadcrumb-item:last-child {
    font-weight: bold;
    color: #000; /* Couleur du texte pour l'élément courant */
    margin-right: 0; /* Pas d'espace après le dernier élément */
}

</style>
<script>

document.addEventListener('DOMContentLoaded', function() {
        initializeDateRangePicker();

        document.querySelectorAll('.flightTable tr').forEach(function(row) {
    row.addEventListener('click', function() {
        var departure = this.getAttribute('data-depart');
        var arrival = this.getAttribute('data-arrivee');
         var departDateStr = this.getAttribute('data-date-depart');
        
        // Assuming you have input fields for departure and arrival in your search form
        document.getElementById('depart').value = departure;
        document.getElementById('arrivee').value = arrival;
         
         // Parse the departure date and calculate return date (+7 days)
            var departDate = new Date(departDateStr.split('-').reverse().join('-'));
            var returnDate = new Date(departDate);
            returnDate.setDate(departDate.getDate() + 7);

            // Format the dates in dd-mm-yyyy format and replace / with -
            var formattedDepartDate = departDate.toLocaleDateString('fr-FR').replace(/\//g, '-');
            var formattedReturnDate = returnDate.toLocaleDateString('fr-FR').replace(/\//g, '-');


            // Update the daterangevol input
            document.getElementById('daterangevol').value = formattedDepartDate + ' / ' + formattedReturnDate;


        // Optionally, submit the form automatically after updating
        document.getElementById('daterangevol').focus();
    });
});

});

</script>


<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "v7ephxjvt9");
</script>

	<!-- Google tag (gtag.js) -->
	<script>
  document.addEventListener("DOMContentLoaded", function() {
    // Charger le script Google Tag Manager après le chargement du DOM
    var gtmScript = document.createElement('script');
    gtmScript.src = "https://www.googletagmanager.com/gtag/js?id=G-F98RG3C5LS";
    gtmScript.async = true;
    document.head.appendChild(gtmScript);

    // Configurer Google Analytics après le chargement du script GTM
    gtmScript.onload = function() {
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-F98RG3C5LS');
    };
  });
</script>

	
</head>

<body>
 <header class="header header-absolute">
   <nav class="navbar navbar-expand-lg navbar-dark bg-transparent">
    <div class="container">
	<div class="d-flex align-items-center"><a class="navbar-brand py-1" href="https://www.magellio.com/">					<img src="https://www.magellio.com/img/logo-magellio-transparent.png" alt="magellio" title="Version 4010
" width="140" height="50" class="logo1">
					</a>
	</div>
	<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars"></i></button>
	<div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav ms-auto">
			<li class="nav-item dropdown position-static"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"><i class="fas fa-atlas"></i> Séjours</a>
				<div class="dropdown-menu megamenu py-lg-0 container">
					<div class="row">
						<div class="col-lg-12">
							<div class="row p-3 pr-lg-0 pl-lg-5 pt-lg-5">
								<div class="col-lg-3">
									<h6 class="text-uppercase">A la Une</h6>
									<ul class="megamenu-list list-unstyled">
										<li class="megamenu-list-item"><a href="https://weekend.magellio.com" class="megamenu-list-link">Weekends</a></li>
										<li class="megamenu-list-item"><a href="https://voyagermoinscher.magellio.com" class="megamenu-list-link">Voyager moins cher</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/que-faire-a-porto-portugal_OPO.html" class="megamenu-list-link">Activités à Porto</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/que-faire-a-lisbonne-portugal_LIS.html" class="megamenu-list-link">Activités à Lisbonne</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/que-faire-a-faro-portugal_FAO.html" class="megamenu-list-link">Activités à Faro</a></li>
									</ul>
									<h6 class="text-uppercase">Page Secrète</h6>
									<ul class="megamenu-list list-unstyled">
										<li class="megamenu-list-item"><a href="https://www.magellio.com/page-secrete.html" class="megamenu-list-link">Top 50 des vols les moins chers</a></li>
									</ul>
									<h6 class="text-uppercase">Bons Plans</h6>
									<ul class="megamenu-list list-unstyled">
										<li class="megamenu-list-item"><a href="https://www.magellio.com/bons-plans-bangkok.html" class="megamenu-list-link">Bons Plans Bangkok</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/bons-plans-hotel-avec-piscine-en-grece.html" class="megamenu-list-link">Bons Plans Hotel Avec Piscine En Grece</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/bons-plans-hotels-avec-piscine-a-faro-portugal.html" class="megamenu-list-link">Bons Plans Hotels Avec Piscine A Faro Portugal</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/bons-plans-hotels-avec-piscine-en-croatie.html" class="megamenu-list-link">Bons Plans Hotels Avec Piscine En Croatie</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/bons-plans-las-vegas-poker.html" class="megamenu-list-link">Bons Plans Las Vegas Poker</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/bons-plans-octobre.html" class="megamenu-list-link">Bons Plans Octobre</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/bons-plans-spa.html" class="megamenu-list-link">Bons Plans Spa</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/bons-plans-usa.html" class="megamenu-list-link">Bons Plans USA</a></li>
										<li class="megamenu-list-item"><a href="https://www.magellio.com/bons-plans-vol-hotel-septembre.html" class="megamenu-list-link">Bons Plans Vol Hotel Septembre</a></li>
									</ul>
								</div>
								<div class="col-lg-3">
									
									<h6 class="text-uppercase">les plus belles destinations</h6>
									<ul class="megamenu-list list-unstyled">
																			</ul>
								</div>
								<div class="col-lg-3">
									<h6 class="text-uppercase">Séjours les plus vendus</h6>
									<ul class="megamenu-list list-unstyled">
										
									</ul>
								</div>
								<div class="col-lg-3">
									<h6 class="text-uppercase">Les Bons Plans du moment</h6>
									<ul class="megamenu-list list-unstyled">
																			</ul>
								</div>
							</div>
							<div class="row megamenu-services d-none d-lg-flex pl-lg-5">
								<div class="col-xl-3 col-lg-6 d-flex">
									<div class="megamenu-services-item">
										<i class="fas fa-map-marked-alt"></i>
										<div>
											<h6 class="text-uppercase">Top Séjours</h6>
											<p class="mb-0 text-muted text-sm">Nous vous proposons les <b>meilleurs Séjours</b> à la <b>meilleure période</b> dans le <b>monde entier</b>.</p>
										</div>
									</div>
								</div>
								<div class="col-xl-3 col-lg-6 d-flex">
									<div class="megamenu-services-item">
										<i class="fas fa-shield-alt"></i>
										<div>
											<h6 class="text-uppercase">Réservez en toute confiance</h6>
											<p class="mb-0 text-muted text-sm">Réservation sécurisée, données personnelles protégées, <b>paiement sécurisé SSL</b>.</p>
										</div>
									</div>
								</div>
								<div class="col-xl-3 col-lg-6 d-flex">
									<div class="megamenu-services-item">
										<i class="fas fa-comments"></i>
										<div>
											<h6 class="text-uppercase">Service client & assistance</h6>
											<p class="mb-0 text-muted text-sm">Service après-vente, agents de réservation situés en <b>France</b> au <b>centre de Paris</b>.</p>
										</div>
									</div>
								</div>
								<div class="col-xl-3 col-lg-6 d-flex">
									<div class="megamenu-services-item">
										<i class="fas fa-credit-card"></i>
										<div>
											<h6 class="text-uppercase">Paiement CB en 4x</h6>
											<p class="mb-0 text-muted text-sm">Notre centre de réservation permet le règlement de votre Séjour en <b>4x sans frais</b>.</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li class="nav-item"><a href="#derniereminute" class="nav-link"><i class="fas fa-stopwatch"></i> OneDay</a> </li>
			<li class="nav-item"><a href="#tendances" class="nav-link"><i class="fas fa-calendar"></i> Meilleures dates</a> </li>
			<li class="nav-item"><a href="https://www.magellio.com/hotels.php" class="nav-link"><i class="fas fa-hotel"></i> Hôtel</a> </li>
			<li class="nav-item"><a href="https://www.magellio.com/vol.html" class="nav-link"><i class="fas fa-plane"></i> Vol</a> </li>
			<li class="nav-item"><a href="https://www.magellio.com/location-voiture.php" class="nav-link"><i class="fas fa-car"></i> Voiture</a> </li>
        </ul>
	</div>
</div>  </nav>
</header>

<!-- DÉBUT SLIDER -->

<div class="swiper-container home-slider multi-slider">
    <div class="swiper-wrapper">
        <div class="swiper-slide bg-cover dark-overlay" style="background-image: url('https://www.magellio.com/img/photo-TN-DJE-1295276552-L.webp');">
            <div class="container h-100">
                <div class="d-flex h-100 text-white overlay-content align-items-center" data-swiper-parallax="-500">
                    <div class="w-100">
                        <div class="row">
                            <div class="col-lg-10">
                                <p class="subtitle text-white mb-3 font-weight-light">
                                    Situation Géopolitique et Météo à l'Aéroport Djerba (DJE)                                </p>
                                <h2 class="display-3 fw-bold mb-3" style="line-height: 1">
                                    Météo, Sécurité, Information Touriste sur l'aéroport  Djerba                                </h2>
                                <p class="mb-4">
                                    Découvrez les conditions actuelles de voyage à Djerba. <br>Pour un voyage en toute sécurité, nous vous informons en temps réel sur les conditions de voyage.                                </p>
                                <a class="btn btn-outline-light d-sm-inline-block" href="#voyages">
                                    Comparateur,
                                    promotion sur les vols et les hôtels                                    <i class="fa fa-angle-right ms-2"></i>
                                </a>
                            </div>
                            <div class="col-lg-2 ps-lg-5 my-3 my-md-5 my-lg-0"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="voyages"></div>
<!-- FIN SLIDER -->

<div class="container">
	   <div class="row mb-2">
      

<nav class="breadcrumbs ms-4 mt-2">
    <div id="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList" class="d-flex flex-wrap align-items-center">
        <!-- Premier élément de la liste -->
        <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="breadcrumb-item">
            <a href="https://www.magellio.com/" itemprop="item">
                <span itemprop="name">Magellio</span>
            </a>
            <meta itemprop="position" content="1">
        </div>
        <!-- Séparateur -->
        <div class="breadcrumb-separator">></div>
        <!-- Deuxième élément de la liste -->
        <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="breadcrumb-item">
            <a href="https://www.magellio.com/voyage-securite/" itemprop="item">
                <span itemprop="name">Voyage Sécurité</span>
            </a>
            <meta itemprop="position" content="2">
        </div>
        <!-- Séparateur -->
        <div class="breadcrumb-separator">></div>
        <!-- Troisième élément de la liste -->
        <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="breadcrumb-item">
            <a href="https://www.magellio.com/voyage-securite/tu-TN.html" itemprop="item">
                <span itemprop="name">Tu</span>
            </a>
            <meta itemprop="position" content="3">
        </div>
        <!-- Séparateur -->
        <div class="breadcrumb-separator">></div>
        <!-- Quatrième élément de la liste (page actuelle, pas de lien) -->
        <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="breadcrumb-item">
            <span itemprop="name">Djerba</span>
            <meta itemprop="position" content="4">
        </div>
    </div>
</nav>

    </div>
</div>

<div class="container bg-gray-100">
    <div class="row">
        <div class="col-12 bg-gray-100">
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="vol-seul-tab" data-bs-toggle="tab" data-bs-target="#vol-seul" type="button" role="tab" aria-controls="vol-seul" aria-selected="true">Vol seul</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link " id="volhotel-tab" data-bs-toggle="tab" data-bs-target="#volhotel" type="button" role="tab" aria-controls="volhotel" aria-selected="false">Vol + Hôtel</button>
                </li>
            </ul>
            <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active" id="vol-seul" role="tabpanel" aria-labelledby="vol-seul-tab">
                    <div class="search-bar mt-5 p-lg-4">
                        <div class="row">
                            <form action="https://www.magellio.com/reserver-moteur-vol.php" id="formVol" method="post" target="searchvol">
    <input type="hidden" id="departure_airport_name" name="departure_airport_name" value="">
    <input type="hidden" id="departure_city_name" name="departure_city_name" value="">
    <input type="hidden" id="arrival_airport_name" name="arrival_airport_name" value="">
    <input type="hidden" id="arrival_city_name" name="arrival_city_name" value="">
    <input type="hidden" id="passengers" name="passengers" value="">

    <input type="hidden" id="hiddenAdultsVol" name="adults_vol" value="2">
    <input type="hidden" id="hiddenChildrenVol" name="children_vol" value="0">
    <input type="hidden" id="hiddenInfantVol" name="infant_vol" value="0">
    <input type="hidden" id="hiddenAgesVol" name="ages" value="">

    <div class="row g-3 align-items-center">
        <div class="col-12 col-md-5 d-flex">
            <div class="flex-grow-1 me-2">
                <label for="depart" class="form-label">Lieu de départ</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                    <input id="depart" name="depart" class="form-control searchAirport" autocomplete="off" type="search" placeholder="Départ" value="Nantes - QJZ">
                </div>
            </div>
            <div class="d-flex align-items-end mt-4">
                <button type="button" id="swapButton" class="btn btn-swap">
                    <i class="fa fa-exchange-alt"></i>
                </button>
            </div>
        </div>
        <div class="col-12 col-md-4">
            <label for="arrivee" class="form-label">Destination</label>
            <div class="input-group">
                <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                <input id="arrivee" name="arrivee" class="form-control searchAirport" autocomplete="off" type="search" placeholder="Arrivée" value="Djerba - DJE">
            </div>
        </div>
        <div class="col-12 col-md-3 mt-3">
            <label for="classVol" class="form-label">Classe</label>
            <select class="form-select" id="classVol" name="classVol">
                <option value="eco" selected>Économique</option>
                <option value="premium" >Premium</option>
                <option value="business" >Business</option>
                <option value="first" >First</option>
            </select>
        </div>

        <div class="w-100"></div>
        <div class="col-12 col-md-5">
            <label for="daterangevol" class="form-label">Dates</label>
            <div class="input-group">
                <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                <input id="daterangevol" name="daterangevol" class="form-control datepicker" type="text" placeholder="Dates (+/- 3 jours)" value="01-03-2026 / 08-03-2026">
            </div>
        </div>
        <div class="col-12 col-md-3 mt-3">
            <label for="buttonpaxVol" class="form-label">Voyageurs</label>
            <div id="personCountSelectorVol" class="person-count-selector dropdown">
                <button type="button" id="buttonpaxVol" class="btn btn-outline-dark w-100 dropdown-toggle">
                    <i class="fa fa-users"></i> <span id="personCountTextVol">2 adultes 0 enfant</span>
                </button>
                <div class="dropdown-content mt-1">
                    <div>
                        <label for="adultesVol">Adultes</label>
                        <div class="counter">
                            <button type="button" onclick="modifyCount('adultes', -1, 'Vol')">-</button>
                            <input type="text" id="adultesVol" name="adultesVol" value="2" readonly>
                            <button type="button" onclick="modifyCount('adultes', 1, 'Vol')">+</button>
                        </div>
                    </div>
                    <div>
                        <label for="enfantsVol">Enfants</label>
                        <div class="counter">
                            <button type="button" onclick="updateChildrenCount('enfants', -1, 'Vol')">-</button>
                            <input type="text" id="enfantsVol" name="enfantsVol" value="0" readonly>
                            <button type="button" onclick="updateChildrenCount('enfants', 1, 'Vol')">+</button>
                        </div>
                    </div>
                    <div id="childrenAgeSelectorsVol" class="children-age-selectors">
                                            </div>
                    <button type="button" class="finish-button" onclick="toggleDropdown('Vol')">Terminer</button>
                </div>
            </div>
        </div>

        <div class="col-12 col-md-2 mt-3 d-grid">
            <label for="validateDates" class="form-label d-none d-md-block">&nbsp;</label>
            <button class="btn btn-primary" id="validateDates" type="submit">Rechercher</button>
        </div>
    </div>
</form>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade " id="volhotel" role="tabpanel" aria-labelledby="volhotel-tab">
                    <div class="search-bar mt-5 p-lg-4">
                        <div class="row">
                                    <form action="https://www.magellio.com/reserver-vol-hotel.php" id="formvolhotel" method="post">
        <input type="hidden" id="departure_airport_name_volhotel" name="departure_airport_name_volhotel" value="">
        <input type="hidden" id="departure_city_name_volhotel" name="departure_city_name_volhotel" value="">
        <input type="hidden" id="arrival_airport_name_volhotel" name="arrival_airport_volname" value="">
        <input type="hidden" id="arrival_city_name_volhotel" name="arrival_city_name_volhotel" value="">

    <input type="hidden" id="hiddenAdultsvolhotel" name="adultsvolhotel" value="2">
    <input type="hidden" id="hiddenChildrenvolhotel" name="childrenvolhotel" value="0">
    <input type="hidden" id="hiddenNbroomsvolhotel" name="nbroomsvolhotel" value="1">
    <input type="hidden" id="hiddenInfantvolhotel" name="infantvolhotel" value="0">
    <input type="hidden" id="hiddenAgesvolhotel" name="agesvolhotel" value="">

            <div class="row g-3 align-items-center">
            <div class="col-12 col-md-5 d-flex">
                <div class="flex-grow-1 me-2">
                    <label for="departvolhotel" class="form-label">Ville de départ</label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                        <input id="departvolhotel" name="departvolhotel" class="form-control searchAirport" autocomplete="off" type="search" placeholder="Départ" value="Nantes - QJZ">
                    </div>
                </div>
                <div class="d-flex align-items-end mt-4">
                    <button type="button" id="swapButtonvolhotel" class="btn btn-swap">
                        <i class="fa fa-exchange-alt"></i>
                    </button>
                </div>
            </div>
            <div class="col-12 col-md-4">
                <label for="arriveevolhotel" class="form-label">Destination</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                    <input id="arriveevolhotel" name="arriveevolhotel" class="form-control searchAirport" autocomplete="off" type="search" placeholder="Arrivée" value="Djerba - DJE">
                </div>
            </div>
            <div class="col-12 col-md-3 mt-3">
                <label for="classvolhotel" class="form-label">Classe</label>
                <select class="form-select" id="classvolhotel" name="classvolhotel">
                    <option value="eco">Économique</option>
                    <option value="premium">Premium</option>
                    <option value="business">Business</option>
                    <option value="first">First</option>
                </select>
            </div>

            <div class="w-100"></div>
            <div class="col-12 col-md-5">
                <label for="daterangevolhotel" class="form-label">Dates</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                    <input id="daterangevolhotel" name="daterangevolhotel" class="form-control datepicker" type="text" placeholder="Dates (+/- 3 jours)" value="01-03-2026 / 08-03-2026">
                </div>
            </div>
            <div class="col-12 col-md-3 mt-3">
        <label for="buttonpaxvolhotel" class="form-label">Voyageurs et chambres</label>
        <div id="personCountSelectorvolhotel" class="person-count-selector dropdown">
            <button type="button" id="buttonpaxvolhotel" class="btn btn-outline-dark w-100 dropdown-toggle">
                <i class="fa fa-users"></i> <span id="personCountTextvolhotel">2 adts 0 enfs</span>
            </button>
            <div class="dropdown-content mt-1">
                <div>
                    <label for="adultesvolhotel">Adultes</label>
                    <div class="counter">
                        <button type="button" onclick="modifyCount('adultes', -1, 'volhotel')">-</button>
                        <input type="text" id="adultesvolhotel" name="adultesvolhotel" value="2" readonly>
                        <button type="button" onclick="modifyCount('adultes', 1, 'volhotel')">+</button>
                    </div>
                </div>
                <div>
                    <label for="chambresvolhotel">Chambres</label>
                    <div class="counter">
                        <button type="button" onclick="modifyCount('chambres', -1, 'volhotel')">-</button>
                        <input type="text" id="chambresvolhotel" name="chambresvolhotel" value="1" readonly>
                        <button type="button" onclick="modifyCount('chambres', 1, 'volhotel')">+</button>
                    </div>
                </div>
                <div>
                    <label for="enfantsvolhotel">Enfants</label>
                    <div class="counter">
                        <button type="button" onclick="updateChildrenCount('enfants', -1, 'volhotel')">-</button>
                        <input type="text" id="enfantsvolhotel" name="enfantsvolhotel" value="0" readonly>
                        <button type="button" onclick="updateChildrenCount('enfants', 1, 'volhotel')">+</button>
                    </div>
                </div>
                <div id="childrenAgeSelectorsvolhotel" class="children-age-selectors">
                                    </div>
                <button type="button" class="finish-button" onclick="toggleDropdown('volhotel')">Terminer</button>
            </div>
        </div>
    </div>

            <div class="col-12 col-md-2 mt-3 d-grid">
                <label for="validateDatesvolhotel" class="form-label d-none d-md-block">&nbsp;</label>
                <!--
                <button class="btn btn-primary" id="validateDatesvolhotel" type="submit">Rechercher</button>
            -->
                <button id="validateDatesvolhotel" type="button" class="btn btn-primary">Rechercher</button>

            </div>
        </div>
    </form>                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="error-message" class="text-danger mt-2" style="display: none;"></div>
</div>  


<!-- FIN SECTION NOUVEAU MOTEUR -->


<section class="py-2">
  <div class="container mt-4">
    <div class="row">
      <div class="col-md-12">
        <h2 class="subtitle text-secondary">Situation géopolitique et météorologique à l'aéroport Djerba, Djerba</h2> 
      </div>
    </div>
    <div class="card mt-3">
      <div class="card-body">
          <p class="card-text"><b>Voyager en toute sécurité à l'aéroport Djerba (DJE)</b> est notre priorité. Magellio met à votre disposition des informations fiables et actuelles pour que vous puissiez explorer la région de Djerba en toute sérénité. Nous assurons également un suivi constant des <b>retards de vols</b> et des vols reprogrammés par les compagnies opérant à l'aéroport <b>Djerba</b>. En cas d'imprévu, nous vous offrons des solutions concrètes et pratiques directement via votre espace "Ma Réservation", afin de minimiser l'impact sur votre voyage. Avec Magellio, vous pouvez voyager l'esprit tranquille, sachant que nous vous accompagnons à chaque étape de votre trajet, que ce soit lors de votre arrivée ou pendant une escale à Djerba. Réservez dès maintenant et profitez de votre <b>séjour à Djerba</b> en toute sécurité avec nous.</p>
      </div>
    </div>
  </div>
</section>

<section class="py-2">
  <div class="container mt-4">
    <div class="row mb-2">
      <div class="col-md-12">

        <h2>Sécurité du Voyage à l'aéroport Djerba</h2>

        <div class="card mt-3">
            <div class="card-header">
                Sécurité Générale et Conseils
                <span class="badge bg-success">
                    Sûr                </span>
            </div>
            <div class="card-body">
                <h5 class="card-title">Conseils de Sécurité pour l'aéroport Djerba en date du 14 février 2026</h5>
                <p class="card-text">Avant de voyager vers l'aéroport Djerba, il est essentiel de se renseigner sur les <b>conditions de sécurité</b> actuelles. Le statut de sécurité à l'aéroport de DJE est actuellement normal, avec des mesures de précaution en place.</p>
                
                <h5 class="card-title">Recommandation liée à la situation Géopolitique</h5>
                <p class="card-text">Djerba est une destination touristique sûre avec des mesures de sécurité en place.</p>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-header">
                Météo et Conditions de Voyage
                <span class="badge bg-success">
                    Bon                </span>
            </div>
            <div class="card-body">
                <h5 class="card-title">Conditions Météorologiques Actuelles à Djerba</h5>
                <p>L'aéroport Djerba, cette semaine, la température moyenne pendant la journée est de °C, tandis que la nuit, elle descend à environ °C, offrant un climat modérément frais. L'humidité moyenne est de %. Le vent souffle à une vitesse moyenne de <br />
<b>Warning</b>:  A non-numeric value encountered in <b>/var/www/site/pages/voyage-securite-airport.php</b> on line <b>527</b><br />
 m/s. Les précipitations ont une moyenne de mm de précipitation.</p>
                <p>Les conditions climatiques actuelles à Djerba sont stables, avec un risque minimal de phénomènes météorologiques extrêmes.</p>
                <h5 class="card-title">Alertes Météorologiques</h5>
                <p class="card-text">Aucune alerte météorologique en cours.</p>
                
                <h5 class="card-title">Conseils en Fonction de la Météo</h5>
                <p class="card-text">Compte tenu des conditions météorologiques actuelles, <b>le niveau de météo pour l'aéroport Djerba est qualifié comme Bon pour les voyageurs</b>. Avec des conditions météorologiques stables et agréables, Djerba est une destination idéale pour profiter du soleil et de la plage. N'oubliez pas de vous protéger du soleil et de rester hydraté pour profiter pleinement de votre séjour.</p>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-header">
                Synthèse des Recommandations de Voyage
            </div>
            <div class="card-body">
                <h5 class="card-title">Score de Sécurité Géopolitique pour l'aéroport Djerba<span class="badge ms-2 bg-success">
                    Sûr                </span></h5>
                <p class="card-text">Sur une échelle de 0 à 5, le score de sécurité actuel pour l'aéroport Djerba est de 4. Ce score reflète les conditions sécuritaires globales de la région, offrant une perspective utile pour les voyageurs.</p>
                
                <h5 class="card-title">Score de Météo pour l'aéroport Djerba<span class="badge ms-2 bg-success">
                    Bon                </span></h5>
                <p class="card-text">Sur une échelle de 0 à 5, le score de météo actuel pour l'aéroport Djerba est de 4. Ce score reflète les conditions climatiques prévues pour les jours à venir, ce qui peut vous aider à organiser votre voyage de manière optimale.</p>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-header">
                Informations Complémentaires sur l'Aéroport Djerba            </div>
            <div class="card-body">
                <h5 class="card-title">Services et Fréquence des Vols</h5>
                <p class="card-text"><b>Disponibilité de Salons :</b> Oui, il y a des salons VIP disponibles à l'aéroport.</p>
                <p class="card-text"><b>Fréquence des Vols Internationaux à Djerba:</b> Des vols internationaux sont réguliers à l'aéroport de DJE.</p>
                <p class="card-text"><b>Destinations Populaires au départ de Djerba :</b> Paris, Istanbul, Tunis, Lyon</p>
                <p class="card-text"><b>Retard Moyen constaté à Djerba :</b> Les retards actuels à DJE airport sont minimes.</p>
                <p class="card-text"><b>Principales Compagnies Aériennes présentes pour des vols au départ de Djerba :</b> Tunisair, Nouvelair, Transavia</p>
                <p class="card-text"><b>Transport en Commun disponible à Djerba :</b> Il y a des bus disponibles pour rejoindre la ville principale depuis l'aéroport.</p>
            </div>
        </div>
    </div>
  </div>
</div>
</section>

<section class="py-2">
	<div class="container mt-3">
		<div class="row">
  			<div class="col-md-12">
  				<p class="subtitle text-secondary">Vol Djerba pas cher</p> 
              <div class="row ms-1"><div class="col-md-12"><div class="ai-description"><div class="text-muted">Mis à jour le 14 février 2026</div><p>Envolez-vous vers <b>Djerba</b>, en <b>Tunisie</b>, pour seulement 3198€ avec <b>Air France</b> en classe <b>Economic</b> ! Ne manquez pas les attractions incontournables de l'île, comme la belle plage de Sidi Mahrez, le musée de Guellala et le marché aux épices de Houmt Souk. La météo ensoleillée des prochains mois promet des journées chaudes idéales pour profiter des plages de sable fin. Pour une expérience culturelle unique, assistez au Festival de l'île de <b>Djerba</b> en août, où musique, danse et artisanat traditionnel sont à l'honneur. Réservez dès maintenant et vivez des vacances inoubliables sous le soleil de <b>Tunisie</b> ! 🌞✈️</p></div></div></div>  			</div>
		</div>
		<div class="row mb-2">	
			<div class="container mt-4"><h2>Promotions vols Djerba</h2><div class="row"><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Brest Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Mai 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>13:05 - 20:30</small><br><small>BES - DJE</small></p></div><div class="col-5 text-right"><small>07H25</small><br><small>Brest /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>07:10 - 23:05</small><br><small>DJE - BES</small></p></div><div class="col-5 text-right"><small>15H55</small><br><small>Djerba /<br>Brest</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3207€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_0" onsubmit="updateBookingEngine(event, 0); return false;"><input type="hidden" name="origine" id="origine_ticketbox_0" value="Brest - BES"><input type="hidden" name="destination" id="destination_ticketbox_0" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_0" value="06-05-2026 / 15-05-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_0" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_0" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_0" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/brest-BES.html">Vols Brest Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Brest Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Sam 06 Juin - Ven 19 Juin</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>06:10 - 12:45</small><br><small>BES - DJE</small></p></div><div class="col-5 text-right"><small>06H35</small><br><small>Brest /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>07:10 - 23:05</small><br><small>DJE - BES</small></p></div><div class="col-5 text-right"><small>15H55</small><br><small>Djerba /<br>Brest</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3198€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_1" onsubmit="updateBookingEngine(event, 1); return false;"><input type="hidden" name="origine" id="origine_ticketbox_1" value="Brest - BES"><input type="hidden" name="destination" id="destination_ticketbox_1" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_1" value="06-06-2026 / 19-06-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_1" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_1" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_1" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/brest-BES.html">Vols Brest Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Brest Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Sam 09 Mai - Ven 15 Mai</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>06:10 - 12:45</small><br><small>BES - DJE</small></p></div><div class="col-5 text-right"><small>06H35</small><br><small>Brest /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>07:10 - 23:05</small><br><small>DJE - BES</small></p></div><div class="col-5 text-right"><small>15H55</small><br><small>Djerba /<br>Brest</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3207€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_2" onsubmit="updateBookingEngine(event, 2); return false;"><input type="hidden" name="origine" id="origine_ticketbox_2" value="Brest - BES"><input type="hidden" name="destination" id="destination_ticketbox_2" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_2" value="09-05-2026 / 15-05-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_2" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_2" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_2" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/brest-BES.html">Vols Brest Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Brest Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Juin 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>13:05 - 20:30</small><br><small>BES - DJE</small></p></div><div class="col-5 text-right"><small>07H25</small><br><small>Brest /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>07:10 - 23:05</small><br><small>DJE - BES</small></p></div><div class="col-5 text-right"><small>15H55</small><br><small>Djerba /<br>Brest</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3198€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_3" onsubmit="updateBookingEngine(event, 3); return false;"><input type="hidden" name="origine" id="origine_ticketbox_3" value="Brest - BES"><input type="hidden" name="destination" id="destination_ticketbox_3" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_3" value="10-06-2026 / 19-06-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_3" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_3" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_3" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/brest-BES.html">Vols Brest Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Brest Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Sam 09 Mai - Sam 16 Mai</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>06:10 - 12:45</small><br><small>BES - DJE</small></p></div><div class="col-5 text-right"><small>06H35</small><br><small>Brest /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>07:05 - 23:05</small><br><small>DJE - BES</small></p></div><div class="col-5 text-right"><small>16H00</small><br><small>Djerba /<br>Brest</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3353€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_4" onsubmit="updateBookingEngine(event, 4); return false;"><input type="hidden" name="origine" id="origine_ticketbox_4" value="Brest - BES"><input type="hidden" name="destination" id="destination_ticketbox_4" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_4" value="09-05-2026 / 16-05-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_4" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_4" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_4" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/brest-BES.html">Vols Brest Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Brest Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Mer 06 Mai - Sam 16 Mai</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>10:20 - 20:30</small><br><small>BES - DJE</small></p></div><div class="col-5 text-right"><small>10H10</small><br><small>Brest /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>07:05 - 23:05</small><br><small>DJE - BES</small></p></div><div class="col-5 text-right"><small>16H00</small><br><small>Djerba /<br>Brest</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3353€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_5" onsubmit="updateBookingEngine(event, 5); return false;"><input type="hidden" name="origine" id="origine_ticketbox_5" value="Brest - BES"><input type="hidden" name="destination" id="destination_ticketbox_5" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_5" value="06-05-2026 / 16-05-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_5" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_5" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_5" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/brest-BES.html">Vols Brest Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Part-dieu Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Juin 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>17:00 - 12:45</small><br><small>XYD - DJE</small></p></div><div class="col-5 text-right"><small>19H45</small><br><small>Lyon Part-dieu /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>07:05 - 10:28</small><br><small>DJE - XYD</small></p></div><div class="col-5 text-right"><small>27H23</small><br><small>Djerba /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">2979€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_6" onsubmit="updateBookingEngine(event, 6); return false;"><input type="hidden" name="origine" id="origine_ticketbox_6" value="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_6" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_6" value="12-06-2026 / 04-07-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_6" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_6" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_6" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Part-dieu Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Ven 12 Juin - Mer 08 Juil.</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>17:00 - 12:45</small><br><small>XYD - DJE</small></p></div><div class="col-5 text-right"><small>19H45</small><br><small>Lyon Part-dieu /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 10:28</small><br><small>DJE - XYD</small></p></div><div class="col-5 text-right"><small>19H38</small><br><small>Djerba /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">2979€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_7" onsubmit="updateBookingEngine(event, 7); return false;"><input type="hidden" name="origine" id="origine_ticketbox_7" value="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_7" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_7" value="12-06-2026 / 08-07-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_7" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_7" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_7" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Part-dieu Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Ven 22 Mai - Mer 17 Juin</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>17:00 - 12:45</small><br><small>XYD - DJE</small></p></div><div class="col-5 text-right"><small>19H45</small><br><small>Lyon Part-dieu /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 14:00</small><br><small>DJE - XYD</small></p></div><div class="col-5 text-right"><small>23H10</small><br><small>Djerba /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">2986€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_8" onsubmit="updateBookingEngine(event, 8); return false;"><input type="hidden" name="origine" id="origine_ticketbox_8" value="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_8" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_8" value="22-05-2026 / 17-06-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_8" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_8" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_8" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Part-dieu Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Ven 29 Mai - Mer 17 Juin</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>17:00 - 12:45</small><br><small>XYD - DJE</small></p></div><div class="col-5 text-right"><small>19H45</small><br><small>Lyon Part-dieu /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 14:00</small><br><small>DJE - XYD</small></p></div><div class="col-5 text-right"><small>23H10</small><br><small>Djerba /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">2986€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_9" onsubmit="updateBookingEngine(event, 9); return false;"><input type="hidden" name="origine" id="origine_ticketbox_9" value="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_9" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_9" value="29-05-2026 / 17-06-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_9" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_9" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_9" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Part-dieu Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Juin 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>17:00 - 12:45</small><br><small>XYD - DJE</small></p></div><div class="col-5 text-right"><small>19H45</small><br><small>Lyon Part-dieu /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 14:00</small><br><small>DJE - XYD</small></p></div><div class="col-5 text-right"><small>23H10</small><br><small>Djerba /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">2986€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_10" onsubmit="updateBookingEngine(event, 10); return false;"><input type="hidden" name="origine" id="origine_ticketbox_10" value="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_10" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_10" value="05-06-2026 / 01-07-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_10" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_10" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_10" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Djerba</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Part-dieu Djerba</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Juin 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>17:00 - 12:45</small><br><small>XYD - DJE</small></p></div><div class="col-5 text-right"><small>19H45</small><br><small>Lyon Part-dieu /<br>Djerba</small></div></div><div class="row mt-2"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 14:00</small><br><small>DJE - XYD</small></p></div><div class="col-5 text-right"><small>23H10</small><br><small>Djerba /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">2986€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_11" onsubmit="updateBookingEngine(event, 11); return false;"><input type="hidden" name="origine" id="origine_ticketbox_11" value="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_11" value="Djerba - DJE"><input type="hidden" name="date" id="date_ticketbox_11" value="05-06-2026 / 17-06-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_11" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_11" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_11" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Djerba</a></div></div></div></div></div><div class="container mt-2"><hr><div class="row mb-3 ms-1"><div class="col-md-4"><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/nantes-QJZ.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Nantes - Djerba (QJZ-DJE)</span><span class="text-danger text-end ms-auto">2327€</span></div></a><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/marseille-MRS.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Marseille - Djerba (MRS-DJE)</span><span class="text-danger text-end ms-auto">122€</span></div></a><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/marseille-gare-st-charles-XRF.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Marseille Gare St Charles - Djerba (XRF-DJE)</span><span class="text-danger text-end ms-auto">2932€</span></div></a><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/lyon-LYS.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Lyon - Djerba (LYS-DJE)</span><span class="text-danger text-end ms-auto">119€</span></div></a></div><div class="col-md-4"><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/brest-BES.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Brest - Djerba (BES-DJE)</span><span class="text-danger text-end ms-auto">447€</span></div></a><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/toulouse-TLS.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Toulouse - Djerba (TLS-DJE)</span><span class="text-danger text-end ms-auto">122€</span></div></a><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/lille-LIL.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Lille - Djerba (LIL-DJE)</span><span class="text-danger text-end ms-auto">252€</span></div></a><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/paris-orly-ORY.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Paris Orly - Djerba (ORY-DJE)</span><span class="text-danger text-end ms-auto">163€</span></div></a></div><div class="col-md-4"><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/lille-XFA.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Lille - Djerba (XFA-DJE)</span><span class="text-danger text-end ms-auto">3050€</span></div></a><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/luxembourg-LUX.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Luxembourg - Djerba (LUX-DJE)</span><span class="text-danger text-end ms-auto">164€</span></div></a><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/lille-XDB.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Lille - Djerba (XDB-DJE)</span><span class="text-danger text-end ms-auto">3046€</span></div></a><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE/depart/strasbourg-XER.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Strasbourg - Djerba (XER-DJE)</span><span class="text-danger text-end ms-auto">277€</span></div></a></div></div><div class="row mb-3"><div class="text-left"><a href="https://www.magellio.com/vols/tu-TN/djerba-DJE.html" class="mt-2 btn-sm btn-primary">Vols Djerba pas cher</a></div></div><div class="row mb-3"><div class="text-left"><a href="https://www.magellio.com/voyage-securite/tu-TN/djerba-DJE.html" class="mt-2 btn-sm btn-primary">Sécurité et Météo à Djerba</a></div></div></div>		</div>

    <h2>Classes de Vol Disponibles pour Djerba, Tu</h2>

    <div class="card mt-2">
        <div class="card-header">
            Classe Économique
        </div>
        <div class="card-body">
            <h5 class="card-title">Billets Promo pour Djerba</h5>
            <p class="card-text">Profitez de nos offres promotionnelles pour voyager à des prix imbattables vers Djerba.</p>
            
            <h5 class="card-title">Billets Pas Cher vers Djerba</h5>
            <p class="card-text">Trouvez des billets économiques à bas prix pour Djerba, parfaits pour les voyageurs soucieux de leur budget.</p>
            
            <h5 class="card-title">Discount pour Djerba</h5>
            <p class="card-text">Bénéficiez de réductions exceptionnelles sur nos vols économiques à destination de Djerba.</p>
        </div>
    </div>

    <div class="card mt-3">
        <div class="card-header">
            Classe Affaires (Business) pour Djerba        </div>
        <div class="card-body">
            <h5 class="card-title">Confort et Luxe vers Djerba</h5>
            <p class="card-text">Accédez à des sièges plus spacieux, des repas gastronomiques et un service supérieur pour vos vols vers Djerba.</p>
            
            <h5 class="card-title">Offres Spéciales pour Djerba</h5>
            <p class="card-text">Découvrez nos tarifs réduits pour la classe affaires et voyagez avec style vers Djerba sans vous ruiner.</p>
            
            <h5 class="card-title">Accès aux Salons VIP à Djerba</h5>
            <p class="card-text">Profitez des salons exclusifs dans les aéroports de Djerba pour un voyage encore plus agréable.</p>
        </div>
    </div>

    <div class="card mt-3">
        <div class="card-header">
            Première Classe pour Djerba        </div>
        <div class="card-body">
            <h5 class="card-title">Expérience de Luxe vers Djerba</h5>
            <p class="card-text">Voyagez avec le summum du confort et du service personnalisé vers Djerba.</p>
            
            <h5 class="card-title">Prestations Haut de Gamme pour vos vols vers Djerba</h5>
            <p class="card-text">Des cabines privées, des repas de chef et un service sur mesure pour vos trajets vers Djerba.</p>
            
            <h5 class="card-title">Promotions Exclusives pour la Première Classe vers Djerba</h5>
            <p class="card-text">Profitez de nos offres spéciales pour voyager en première classe à destination de Djerba à des tarifs avantageux.</p>
        </div>
    </div>

    <h2 class="mt-5">Types de Billets pour Djerba</h2>
    <div class="list-group">
        <div class="list-group-item">
            <h5 class="mb-1">Billets Aller-Retour vers Djerba</h5>
            <p class="mb-1">Réservez vos trajets aller-retour pour Djerba pour une tranquillité d'esprit totale.</p>
        </div>
        <div class="list-group-item">
            <h5 class="mb-1">Billets Simple (Aller Simple) pour Djerba</h5>
            <p class="mb-1">Idéal pour les voyages sans date de retour fixe vers Djerba.</p>
        </div>
        <div class="list-group-item">
            <h5 class="mb-1">Billets Multidestination incluant Djerba</h5>
            <p class="mb-1">Parfait pour les grands voyageurs souhaitant visiter plusieurs destinations, y compris Djerba.</p>
        </div>
    </div>

    <h2 class="mt-5">Offres et Promotions pour Djerba, Tu</h2>
    <p>Découvrez les 100 routes aériennes les moins chères et les 10 billets les moins chers pour Djerba avec Magellio. Grâce à notre technologie innovante qui analyse quotidiennement plus de 5 millions de tarifs de vols et de promotions d'hôtels, nous vous garantissons les meilleurs prix.</p>

    <div class="card mt-3">
        <div class="card-header">
            Top 100 Routes vers Djerba        </div>
        <div class="card-body">
            <p class="card-text">Consultez notre sélection des routes aériennes les plus économiques pour économiser encore plus sur vos voyages vers Djerba.</p>
        </div>
    </div>

    <div class="card mt-3">
        <div class="card-header">
            Top 10 Billets par Destination Djerba        </div>
        <div class="card-body">
            <p class="card-text">Trouvez les 10 billets les moins chers pour Djerba et planifiez votre voyage à moindre coût.</p>
        </div>
    </div>

    <div class="card mt-3">
        <div class="card-header">
            Promotions Quotidiennes pour Djerba        </div>
        <div class="card-body">
            <p class="card-text">Restez à l'affût des offres flash et des promotions spéciales mises à jour quotidiennement pour Djerba.</p>
        </div>
    </div>

    <h2 class="mt-5">Réservation Facile pour Djerba, Tu</h2>
    <p>Réservez vous-même un vol et un hôtel vers Djerba grâce à notre plateforme conviviale. Que vous planifiez un séjour court ou des vacances prolongées, nous simplifions le processus pour que vous puissiez vous concentrer sur l'essentiel : profiter de votre voyage.</p>

    <ul class="list-group mt-3">
        <li class="list-group-item">Recherche Facile : Utilisez notre moteur de recherche pour comparer les prix des vols vers Djerba et trouver les meilleures offres.</li>
        <li class="list-group-item">Réservation Rapide : En quelques clics, réservez vos billets et hôtels pour Djerba pour des vacances sans stress.</li>
        <li class="list-group-item">Service Client : Notre équipe est à votre disposition pour vous aider à chaque étape de votre réservation.</li>
    </ul>

    <h2 class="mt-5">Avantages de Magellio pour les Vols vers Djerba, Tu</h2>
    <ul class="list-group mt-3">
        <li class="list-group-item">Technologie de Pointe : Une analyse de plus de 5 millions de tarifs chaque jour pour vous offrir les meilleures options vers Djerba.</li>
        <li class="list-group-item">Prix Compétitifs : Profitez des tarifs les plus bas pour Djerba grâce à notre large réseau de partenaires aériens et hôteliers.</li>
        <li class="list-group-item">Sécurité et Fiabilité : Réservez en toute confiance avec Magellio, votre partenaire de voyage de confiance pour Djerba.</li>
    </ul>

    <p class="mt-5">Préparez-vous à explorer Djerba, Tu avec Magellio, où la qualité rencontre l'économie pour des voyages inoubliables. Réservez dès maintenant et profitez des meilleures offres pour vos séjours et les plus belles vacances à travers Djerba, Tu.</p>

</div>

</section>
<!-- FIN SECTION TOP ROUTES -->

    <!-- DEBUT FOOTER -->
    <footer class="position-relative z-index-10 d-print-none">
      <!-- Main block - menus, subscribe form-->
      <div class="py-5 bg-gray-200 text-muted"> 
        <div class="container">
          <div class="row">
            <div class="col-lg-3 col-md-6 mb-1 mb-lg-0">
              <h6 class="text-uppercase text-dark mb-3">Organisateur de Voyages</h6>
              <p class="text-sm">Notre robot sélectionne pour vous chaque jour les meilleurs vols en les combinant avec les meilleurs hôtels tout en vous faisant économiser sur le budget total de votre séjour et bien entendu en économisant de nombreuses heures de recherche. Ensuite à vous de réserver le vol ou l'hôtel, ou bien les deux.</p>
            </div>
            <div class="col-lg-3 col-md-6 mb-1 mb-lg-0">
              <h6 class="text-uppercase text-dark mb-3">Garantie confiance</h6>
              <ul class="list-unstyled">
                <li><span class="text-sm"><i class="fas fa-award"></i> <span class="text-muted">Centre de réservation agréé IATA</span></span></li>
                <li><span class="text-sm"><i class="fas fa-fingerprint"></i> <span class="text-muted">Données personnelles cryptées</span></span></li>
                <li><span class="text-sm"><i class="fas fa-lock"></i> <span class="text-muted">Paiement sécurisé SSL 3D Secure</span></span></li>
              </ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-1 mb-lg-0">
              <h6 class="text-uppercase text-dark mb-2">Newsletter</h6>
              <p class="text-sm mb-2"> Tous les vendredi, <b>les offres privées</b></p>
              <ul class="list-inline social">
                <li class="list-inline-item"><a class="text-muted text-primary-hover" href="http://eepurl.com/h4F0Uf" target="_blank" title="Newsletter"><i class="fab fa-mailchimp"></i></a></li>
              </ul>
              <h6 class="text-uppercase text-dark mt-3 mb-2">Suivez-nous</h6>
              <p class="text-sm mb-3"> Bons plans, codes de réduction,<br>dernière minute, actualités</p>
              <ul class="list-inline social">
                <li class="list-inline-item"><a class="text-muted text-primary-hover" href="https://www.facebook.com/MagellioPromotion/" target="_blank" title="facebook"><i class="fab fa-facebook"></i></a></li>
                <li class="list-inline-item"><a class="text-muted text-primary-hover" href="https://www.instagram.com/magellio.travel" target="_blank" title="instagram"><i class="fab fa-instagram"></i></a></li>
                <li class="list-inline-item"><a class="text-muted text-primary-hover" href="https://twitter.com/Magellio1" target="_blank" title="twitter"><i class="fab fa-twitter"></i></a></li>
              </ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-1 mb-lg-0">
              <h6 class="text-uppercase text-dark mb-2">Nous contacter</h6>
              <ul class="list-unstyled">
                <li><span class="text-xs">Du lundi au dimanche de 08H30 à 19H30</span></li>
                <li><span class="text-sm"><i class="fas fa-envelope"></i> <a class="text-muted" href="https://www.magellio.com/magellio-contact.php">Contacter nous en ligne</a></span></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="py-3 fw-light bg-color-A white copyright">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-8 text-center text-md-start">
              <p class="text-xs mb-md-0">&copy; 2021-2023 Magellio - <a href="https://www.magellio.com/mentions-legales.php" class="white"><u>Mentions légales</u></a> - Reproduction interdite - Propulsé par <a href="https://www.magellio.com" target="_blank" class="white"><u>Magellio</u></a>&#8482; &#8250; <a href="https://www.magellio.com/magellio-faq.php" class="white"><u>F.A.Q</u></a> - <a href="https://www.magellio.com/magellio-confidentialite.php" class="white"><u>Confidentialité</u></a> - <a href="https://www.magellio.com/magellio-cgu.php" class="white"><u>Conditions d'utilisation</u></a></p>
            </div>
            <div class="col-md-4">
              <ul class="list-inline mb-0 mt-2 mt-md-0 text-center text-md-end">
                <li class="list-inline-item"><i class="fab fa-cc-visa"></i></li>
                <li class="list-inline-item"><i class="fab fa-cc-mastercard"></i></li>
                <li class="list-inline-item"><i class="fab fa-cc-amex"></i></li>
                <li class="list-inline-item"><i class="fab fa-cc-amazon-pay"></i></li>
                <li class="list-inline-item"><i class="fab fa-cc-stripe"></i></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!-- FIN FOOTER -->  

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"></script>

<script>
    // No need to declare baseUrl in JavaScript, we will use PHP directly

    function utf8_decode_anArray(value, index, array) {
        try {
            array[index] = decodeURIComponent(escape(value));
        } catch (e) {
            console.error('value:' + value + ' (index:' + index + ') -> error:' + e);
        }
    }

    $( 'input.searchTypeAhead' ).typeahead({
        source: function(query, process) {
            return $.get('https://www.magellio.com/ajax/searchAutoComplete.php', { q: query, b: 'magellio' }, function(data) {
                data = $.parseJSON(data);
                data.forEach(utf8_decode_anArray);
                return process(data);
            });
        }
    });

    $( 'input.searchTypeAhead' ).keydown(function(e) {
        if (e.keyCode == 13) {
            var form = $(this).parents('form:first');
            if (form) {
                form.click();
            }
        }
    });

$('input.searchAirport').typeahead({
    source: _.debounce(function(query, process) {
        $.get('https://www.magellio.com/ajax/searchAirport.php', { a: query, b: 'magellio' }, function(data) {
            // PAS besoin de parser à nouveau, jQuery l'a déjà fait
            data.forEach(utf8_decode_anArray);
            return process(data);
        });
    }, 400)
});


    $( 'input.searchAirport' ).keydown(function(e) {
        if (e.keyCode == 13) {
            var form = $(this).parents('form:first');
            if (form) {
                form.click();
            }
        }
    });

$('input.searchCity').typeahead({
    source: _.debounce(function(query, process) {
        $.get('https://www.magellio.com/ajax/searchCity.php', { a: query, b: 'magellio' }, function(data) {
            data = $.parseJSON(data);  // Parse the JSON response from the server
            return process(data); // Pass the entire data array to the process function
        });
    }, 400), // 200ms delay for debounce

    // Customize the matcher function to handle objects
    matcher: function(item) {
        var queryLowerCase = this.query.toLowerCase();
        return item.label.toLowerCase().indexOf(queryLowerCase) !== -1;
    },

    // Customize the sorter function to handle objects
    sorter: function(items) {
        var queryLowerCase = this.query.toLowerCase();
        return items.sort(function(a, b) {
            return a.label.toLowerCase().indexOf(queryLowerCase) - b.label.toLowerCase().indexOf(queryLowerCase);
        });
    },

    // Customize the highlighter function to display the label correctly with icons
    highlighter: function(item) {
        var icon;
        if (item.type === 'Airport') {
            icon = '<i class="fas fa-plane me-2"></i> ';
        } else if (item.type === 'City') {
            icon = '<i class="fas fa-city me-2"></i> ';
        } else if (item.type === 'Railway Station') {
            icon = '<i class="fas fa-train me-2"></i> ';
        } else {
            icon = '<i class="fas fa-location me-2"></i> '; // Default icon
        }
        return icon + item.label + ' ('+item.country+')'; // Add the appropriate icon to the label
    },

    // Customize the updater function to set the correct values
    updater: function(item) {
        if (item.type === 'Airport') {
            $('#arrival_city_id').val(item.city_id);  // Set city ID for airports
            $('#arrival_airport_name_hotel').val(item.code);  // Set airport code
            $('#arrival_city_name_hotel').val('');  // Clear city name
        } else if (item.type === 'city') {
            $('#arrival_city_id').val(item.city_id);  // Set city ID for cities
            $('#arrival_airport_name_hotel').val('');  // Clear airport code
            $('#arrival_city_name_hotel').val(item.label.replace(/<[^>]+>/g, ''));  // Set city name without the icon
        } else if (item.type === 'Railway Station') {
            $('#arrival_city_id').val(item.city_id);  // Set city ID for railway stations
            $('#arrival_airport_name_hotel').val('');  // Clear airport code
            $('#arrival_city_name_hotel').val(item.label.replace(/<[^>]+>/g, ''));  // Set station name without the icon
        }

        return item.label;  // Display the label in the input field
    },

    item: '<li><a href="#"></a></li>'
});




    $( 'input.searchCity' ).keydown(function(e) {
        if (e.keyCode == 13) {
            var form = $(this).parents('form:first');
            if (form) {
                form.click();
            }
        }
    });

</script>

  
    <!-- Bootstrap JS bundle - Bootstrap + PopperJS-->
    <script src="https://www.magellio.com/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/js/swiper.min.js"></script>

    <!-- Magnific Popup - Lightbox for the gallery-->
    <script src="https://www.magellio.com/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
    <!-- Smooth scroll-->
    <script src="https://www.magellio.com/vendor/smooth-scroll/smooth-scroll.polyfills.min.js"></script>
    <!-- Bootstrap Select-->
    <script src="https://www.magellio.com/vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
    <!-- Object Fit Images - Fallback for browsers that don't support object-fit-->
    <script src="https://www.magellio.com/vendor/object-fit-images/ofi.min.js"></script>

        
    
    <script src="https://www.magellio.com/js/theme.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>

     <script>
        console.log('JS95 moment.js loaded:', typeof moment !== 'undefined');
    </script>
      
    <script src="https://www.magellio.com/js/jquery.daterangepicker.new.js?2602141109"></script>

    <script>
console.log('JS103 dateRangePicker loaded:', typeof $.fn.dateRangePicker !== 'undefined');
    </script>

    <script>var basePath = ''</script>

    <!--  Tarte au Citron Analytics RGPD -->
  <script src="https://www.magellio.com/js/tarteaucitron/tarteaucitron3.js"></script>
  <script>tarteaucitron.user.analyticsUa = 'UA-138671164-12';
  tarteaucitron.user.analyticsMore = function () {};
  (tarteaucitron.job = tarteaucitron.job || []).push('analytics');
  tarteaucitron.init({"privacyUrl": "","hashtag": "#tarteaucitron","cookieName": "Magellio Voyage","orientation": "bottom","showAlertSmall": true,"cookieslist": true,"adblocker": false,"AcceptAllCta" : true,"highPrivacy": false,"handleBrowserDNTRequest": false,"removeCredit": true,"moreInfoLink": false,"useExternalCss": true,"readmoreLink": "/cookiespolicy"});
  </script>

  <!-- Lazy Load Background Image Script -->
<script>
    document.addEventListener("DOMContentLoaded", function() {
        var lazyBgElems = document.querySelectorAll('.lazy-bg');
        lazyBgElems.forEach(function(elem) {
            var bgImage = elem.getAttribute('data-bg');
            if (bgImage) {
                elem.style.backgroundImage = 'url(' + bgImage + ')';
            }
        });
    });
</script>

<script>
  window.URL_ABSOLU = "https://www.magellio.com/";
  window.BRAND = "magellio";
  window.LANGUAGE = "FR";
  window.AUDIENCE = "Voyageur qui recherche du vol et un hôtel";
  window.CURRENT_CITY = "";
  window.THIRD_COLOR = "#4257d3";
  window.SECONDARY_COLOR = "#3e52c6";
  window.PRIMARY_COLOR = "#4E66F8";
</script>
    
<script src="https://www.ogbon.ai/magellio/chatbot_bulle.js?time=1771063791"></script>

<script src="https://www.ogbon.ai/magellio/bot_search.js?time=1771063791"></script>

<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

<script>
$(function() {
    const options = {
        locale: { format: 'DD-MM-YYYY' },
        opens: 'right',
        autoApply: true,
        getValue: function() {
            return $(this).val(); // toujours reprendre la valeur actuelle du champ
        },
        setValue: function(s, start, end) {
            if (!$(this).attr('readonly') && s) {
                $(this).val(s); // ne pas écraser si déjà présent
            }
        }
    };

    ['daterangevol', 'daterangevolhotel', 'daterangehotel'].forEach(id => {
        const el = document.getElementById(id);
        if (el && !$(el).data('dateRangePicker')) {
            $(el).dateRangePicker(options);

            // Initialiser à la valeur existante (si présente)
            const currentVal = el.value.trim();
            if (currentVal) {
                const parts = currentVal.split('/');
                if (parts.length === 2) {
                    const start = moment(parts[0].trim(), 'DD-MM-YYYY');
                    const end   = moment(parts[1].trim(), 'DD-MM-YYYY');
                    if (start.isValid() && end.isValid()) {
                        $(el).data('dateRangePicker')
                             .setDateRange(start.format('DD-MM-YYYY'), end.format('DD-MM-YYYY'));
                    }
                }
            }
        }
    });
});
</script>

<script src="https://www.magellio.com/js/moteur_validation.js?v=124"></script>

<script>
$(document).ready(function() {
  // Auto-sélection du texte dans les champs de recherche
  $(document).on('focus', 'input.searchAirport, input.searchCity, input.searchTypeAhead', function() {
    const input = this;
    // Petit délai pour éviter les conflits avec le focus du typeahead
    setTimeout(() => input.select(), 50);
  });
});
</script>



</body>
</html>