Unexpected HTTP Status Code: 429<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 (
                'TNG', 'Tanger', 'Aéroport de Tanger - Ibn Battouta', '35.7261', '-5.9169', 
                'Les salons sont disponibles pour les passagers en attente', 'Fréquence des vols internationaux régulière', 'Lyon, Lisbonne, Marrakech, Paris', 'Les retards actuels sont minimes', 
                'Royal Air Maroc, Air Arabia Maroc, Ryanair, TUI fly Belgium', 'Connexions en bus disponibles vers la ville principale', 'Services de taxi, de VTC et de location de voitures sont disponibles', 'Parking court et long terme à des tarifs raisonnables', 'Facilités de transit disponibles, hôtels à proximité de l\'aéroport', 
                'La sécurité autour de l\'aéroport de Tanger est stable et sous contrôle', 'La sécurité dans la ville de Tanger est généralement bonne, mais il est recommandé de rester vigilant', 'Aucune alerte majeure ou avertissement de sécurité concernant l\'aéroport de Tanger', 'Les tests de santé et les protocoles sont en place à l\'aéroport de Tanger pour assurer la sécurité des passagers', 
                'Il est recommandé aux voyageurs de vérifier les exigences de santé avant le voyage à Tanger', 'Des festivals culturels et événements artistiques sont prévus dans la ville de Tanger ce mois-ci', 'Certains quartiers de Tanger peuvent être sensibles, il est conseillé de rester dans les zones touristiques populaires', '4', 
                'Sûr', 'Tanger est une destination sûre pour voyager avec des précautions normales', 'Les conditions climatiques actuelles sont stables, aucun risque climatique majeur à signaler', 'Prévisions météorologiques ensoleillées pour les prochains jours, pas d\'alertes météo extrêmes en cours', 
                '', '', '', '', 
                '', 'Les données de la météo sont les suivantes : Actuellement météo Tanger ( de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc ) : Température de °C, humidité %, vent de  m/s, conditions : . Prévisions pour les prochains jours : ', 'Aucune alerte météorologique en cours.', '3', 
                'Moyen', 'Les conditions météorologiques actuelles à Tanger sont en général acceptables pour voyager. Cependant, il est recommandé de rester attentif aux prévisions à venir et de se préparer en conséquence. Profitez de votre séjour et restez informé des mises à jour météo pour une expérience agréable.', '15 décembre 2025'
            ) ON DUPLICATE KEY UPDATE 
                airport_name = 'Aéroport de Tanger - Ibn Battouta', latitude = '35.7261', longitude = '-5.9169', 
                availability_lounges = 'Les salons sont disponibles pour les passagers en attente', frequency_international_flights = 'Fréquence des vols internationaux régulière', 
                popular_routes = 'Lyon, Lisbonne, Marrakech, Paris', average_delay = 'Les retards actuels sont minimes', main_airlines = 'Royal Air Maroc, Air Arabia Maroc, Ryanair, TUI fly Belgium', 
                public_transport = 'Connexions en bus disponibles vers la ville principale', transport_services = 'Services de taxi, de VTC et de location de voitures sont disponibles', parking = 'Parking court et long terme à des tarifs raisonnables', 
                layover_facilities = 'Facilités de transit disponibles, hôtels à proximité de l\'aéroport', security_airport_status = 'La sécurité autour de l\'aéroport de Tanger est stable et sous contrôle', 
                security_city_status = 'La sécurité dans la ville de Tanger est généralement bonne, mais il est recommandé de rester vigilant', alert_airport_status = 'Aucune alerte majeure ou avertissement de sécurité concernant l\'aéroport de Tanger', 
                health_info = 'Les tests de santé et les protocoles sont en place à l\'aéroport de Tanger pour assurer la sécurité des passagers', health_recommendation = 'Il est recommandé aux voyageurs de vérifier les exigences de santé avant le voyage à Tanger', 
                cultural_events = 'Des festivals culturels et événements artistiques sont prévus dans la ville de Tanger ce mois-ci', tourist_info = 'Certains quartiers de Tanger peuvent être sensibles, il est conseillé de rester dans les zones touristiques populaires', score_geopolitique = '4', 
                score_geopolitique_one_word = 'Sûr', score_geopolitique_texte = 'Tanger est une destination sûre pour voyager avec des précautions normales', 
                climate_impact = 'Les conditions climatiques actuelles sont stables, aucun risque climatique majeur à signaler', weather_info = 'Prévisions météorologiques ensoleillées pour les prochains jours, pas d\'alertes météo extrêmes 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 Tanger ( de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc ) : 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 = '3', score_meteo_one_word = 'Moyen', 
                score_meteo_texte = 'Les conditions météorologiques actuelles à Tanger sont en général acceptables pour voyager. Cependant, il est recommandé de rester attentif aux prévisions à venir et de se préparer en conséquence. Profitez de votre séjour et restez informé des mises à jour météo pour une expérience agréable.', date_text = '15 décembre 2025'<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 TANGER (TNG) - TANGER</title>
	<meta name="description" content="Découvrez toutes les informations de sécurité essentielles pour voyager via l'aéroport TANGER (TNG) à TANGER. Consultez les conseils de sécurité, les alertes actuelles, et accédez aux informations indispensables pour profiter d'un voyage serein à TANGER.">
	<meta name="keywords" content="sécurité voyage aéroport TANGER, conseils de sécurité TANGER, voyage sécurisé TANGER, informations sécurité TANGER, sécurité aéroport TNG">

	<meta property="og:title" content="Voyager en Toute Sécurité à l'Aéroport TANGER (TNG) - TANGER">
	<meta property="og:description" content="Découvrez toutes les informations de sécurité essentielles pour voyager via l'aéroport TANGER (TNG) à TANGER. Consultez les conseils de sécurité, les alertes actuelles, et accédez aux informations indispensables pour profiter d'un voyage serein à TANGER.">
	<meta property="og:url" content="https://www.magellio.com/voyage-securite/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG.html">
	<meta property="og:type" content="website">
	<meta property="og:image" content="https://www.magellio.com/img/photo-MA-AGA-471547081-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG.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?251215724" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://www.magellio.com/css/style-magellio.css?251215724"></noscript>
	-->	
		<link rel="stylesheet" href="https://www.magellio.com/css/style-magellio.css?251215724">
	

		<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>

	<!-- 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 3971
" 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="#voyages" 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-MA-AGA-471547081-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 TANGER (TNG)                                </p>
                                <h2 class="display-3 fw-bold mb-3" style="line-height: 1">
                                    Météo, Sécurité, Information Touriste sur l'aéroport  TANGER                                </h2>
                                <p class="mb-4">
                                    Découvrez les conditions actuelles de voyage à TANGER. <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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA.html" itemprop="item">
                <span itemprop="name">De-lyon-st-exupery-a-lisbonne-lys-sejours-maroc</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">Tanger</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="Toulouse - TLS">
                </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="Tanger - TNG">
            </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" >É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="31-01-2026 / 07-02-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" target="searchvolhotel">
        <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="Toulouse - TLS">
                    </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="Tanger - TNG">
                </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="31-01-2026 / 07-02-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 adultes 0 enfants</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 TANGER, TANGER</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 TANGER (TNG)</b> est notre priorité. Magellio met à votre disposition des informations fiables et actuelles pour que vous puissiez explorer la région de TANGER 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>TANGER</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 à TANGER. Réservez dès maintenant et profitez de votre <b>séjour à TANGER</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 TANGER</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 TANGER en date du 15 décembre 2025</h5>
                <p class="card-text">Avant de voyager vers l'aéroport TANGER, il est essentiel de se renseigner sur les <b>conditions de sécurité</b> actuelles. La sécurité autour de l'aéroport de Tanger est stable et sous contrôle</p>
                
                <h5 class="card-title">Recommandation liée à la situation Géopolitique</h5>
                <p class="card-text">Tanger est une destination sûre pour voyager avec des précautions normales</p>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-header">
                Météo et Conditions de Voyage
                <span class="badge bg-warning">
                    Moyen                </span>
            </div>
            <div class="card-body">
                <h5 class="card-title">Conditions Météorologiques Actuelles à TANGER</h5>
                <p>L'aéroport TANGER, 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 sont stables, aucun risque climatique majeur à signaler</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 TANGER est qualifié comme Moyen pour les voyageurs</b>. Les conditions météorologiques actuelles à Tanger sont en général acceptables pour voyager. Cependant, il est recommandé de rester attentif aux prévisions à venir et de se préparer en conséquence. Profitez de votre séjour et restez informé des mises à jour météo pour une expérience agréable.</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 TANGER<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 TANGER 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 TANGER<span class="badge ms-2 bg-warning">
                    Moyen                </span></h5>
                <p class="card-text">Sur une échelle de 0 à 5, le score de météo actuel pour l'aéroport TANGER est de 3. 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 TANGER            </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> Les salons sont disponibles pour les passagers en attente</p>
                <p class="card-text"><b>Fréquence des Vols Internationaux à TANGER:</b> Fréquence des vols internationaux régulière</p>
                <p class="card-text"><b>Destinations Populaires au départ de TANGER :</b> Lyon, Lisbonne, Marrakech, Paris</p>
                <p class="card-text"><b>Retard Moyen constaté à TANGER :</b> Les retards actuels sont minimes</p>
                <p class="card-text"><b>Principales Compagnies Aériennes présentes pour des vols au départ de TANGER :</b> Royal Air Maroc, Air Arabia Maroc, Ryanair, TUI fly Belgium</p>
                <p class="card-text"><b>Transport en Commun disponible à TANGER :</b> Connexions en bus disponibles vers la ville principale</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 Tanger pas cher</p> 
              <div class="row ms-1"><div class="col-md-12"><div class="ai-description"><div class="text-muted">Mis à jour le 13 décembre 2025</div><p>Envolez-vous de Lyon Saint-Exupéry à Lisbonne pour un séjour inoubliable au Maroc à Tanger ! Réservez dès maintenant votre vol à partir de 379€ avec Air France. Ne manquez pas les attractions incontournables de Tanger, comme la médina historique, la plage d'Achakkar et le musée de la Kasbah. Profitez du climat agréable avec des températures douces et ensoleillées prévues pour les trois prochains mois. Pour les événements locaux à venir, découvrez le Festival International du Cinéma de Tanger. Réservez dès maintenant et laissez-vous séduire par la magie de Tanger au Maroc ! Bon voyage !</p></div></div></div>  			</div>
		</div>
		<div class="row mb-2">	
			<div class="container mt-4"><h2>Promotions vols TANGER</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 Marseille Gare St Charles Tanger</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 17 Juin - Sam 27 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:33 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>07H47</small><br><small>Marseille Gare St Charles /<br>Tanger</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>15:20 - 22:35</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>07H15</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">379€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_0" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_0" value="17-06-2026 / 27-06-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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>06:33 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>07H47</small><br><small>Marseille Gare St Charles /<br>Tanger</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>15:20 - 22:35</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>07H15</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">379€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_1" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_1" value="17-06-2026 / 27-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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>06:33 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>07H47</small><br><small>Marseille Gare St Charles /<br>Tanger</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>15:20 - 08:45</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>17H25</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">381€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_2" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_2" value="27-05-2026 / 06-06-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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>06:33 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>07H47</small><br><small>Marseille Gare St Charles /<br>Tanger</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>15:20 - 08:45</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>17H25</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">381€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_3" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_3" value="27-05-2026 / 06-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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>06:33 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>07H47</small><br><small>Marseille Gare St Charles /<br>Tanger</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>15:20 - 08:45</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>17H25</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">381€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_4" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_4" value="17-06-2026 / 20-06-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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>15:12 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>23H08</small><br><small>Marseille Gare St Charles /<br>Tanger</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>15:20 - 22:35</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>07H15</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">402€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_5" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_5" value="24-06-2026 / 27-06-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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>15:12 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>23H08</small><br><small>Marseille Gare St Charles /<br>Tanger</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>15:20 - 22:35</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>07H15</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">451€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_6" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_6" value="24-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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 19 Juin - Mar 23 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:33 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>07H47</small><br><small>Marseille Gare St Charles /<br>Tanger</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>15:20 - 22:50</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>07H30</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">463€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_7" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_7" value="19-06-2026 / 23-06-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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 19 Juin - Mar 23 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:33 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>07H47</small><br><small>Marseille Gare St Charles /<br>Tanger</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>15:20 - 22:50</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>07H30</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">463€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_8" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_8" value="19-06-2026 / 23-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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 Juillet 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>06:13 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>08H07</small><br><small>Marseille Gare St Charles /<br>Tanger</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:30 - 22:50</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>08H20</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">490€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_9" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_9" value="03-07-2026 / 12-07-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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 03 Juil. - Lun 13 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>06:33 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>07H47</small><br><small>Marseille Gare St Charles /<br>Tanger</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:30 - 21:55</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>07H25</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">490€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_10" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_10" value="03-07-2026 / 13-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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 Marseille Gare St Charles Tanger</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 Juillet 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>06:34 - 14:20</small><br><small>XRF - TNG</small></p></div><div class="col-5 text-right"><small>07H46</small><br><small>Marseille Gare St Charles /<br>Tanger</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>15:20 - 16:40</small><br><small>TNG - XRF</small></p></div><div class="col-5 text-right"><small>25H20</small><br><small>Tanger /<br>Marseille Gare St Charles</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;">522€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_11" value="Tanger - TNG"><input type="hidden" name="date" id="date_ticketbox_11" value="15-07-2026 / 18-07-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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Tanger</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/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/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 - Tanger (TLS-TNG)</span><span class="text-danger text-end ms-auto">201€</span></div></a><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/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 - Tanger (XRF-TNG)</span><span class="text-danger text-end ms-auto">560€</span></div></a><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/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 - Tanger (MRS-TNG)</span><span class="text-danger text-end ms-auto">196€</span></div></a><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/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 - Tanger (LYS-TNG)</span><span class="text-danger text-end ms-auto">166€</span></div></a></div><div class="col-md-4"><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/bordeaux-BOD.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Bordeaux - Tanger (BOD-TNG)</span><span class="text-danger text-end ms-auto">195€</span></div></a><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/nice-NCE.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Nice - Tanger (NCE-TNG)</span><span class="text-danger text-end ms-auto">147€</span></div></a><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/nantes-NTE.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Nantes - Tanger (NTE-TNG)</span><span class="text-danger text-end ms-auto">204€</span></div></a><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/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 - Tanger (ORY-TNG)</span><span class="text-danger text-end ms-auto">137€</span></div></a></div><div class="col-md-4"><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/paris-cdg-CDG.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Paris Cdg - Tanger (CDG-TNG)</span><span class="text-danger text-end ms-auto">205€</span></div></a><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/depart/geneve-GVA.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Geneve - Tanger (GVA-TNG)</span><span class="text-danger text-end ms-auto">141€</span></div></a><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/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 - Tanger (QJZ-TNG)</span><span class="text-danger text-end ms-auto">490€</span></div></a><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG/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 - Tanger (XFA-TNG)</span><span class="text-danger text-end ms-auto">381€</span></div></a></div></div><div class="row mb-3"><div class="text-left"><a href="https://www.magellio.com/vols/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG.html" class="mt-2 btn-sm btn-primary">Vols TANGER pas cher</a></div></div><div class="row mb-3"><div class="text-left"><a href="https://www.magellio.com/voyage-securite/de-lyon-st-exupery-a-lisbonne-lys-sejours-maroc-MA/tanger-TNG.html" class="mt-2 btn-sm btn-primary">Sécurité et Météo à TANGER</a></div></div></div>		</div>

    <h2>Classes de Vol Disponibles pour Tanger, De-lyon-st-exupery-a-lisbonne-lys-sejours-maroc</h2>

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

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

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

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

    <h2 class="mt-5">Offres et Promotions pour Tanger, De-lyon-st-exupery-a-lisbonne-lys-sejours-maroc</h2>
    <p>Découvrez les 100 routes aériennes les moins chères et les 10 billets les moins chers pour Tanger 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 Tanger        </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 Tanger.</p>
        </div>
    </div>

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

    <div class="card mt-3">
        <div class="card-header">
            Promotions Quotidiennes pour Tanger        </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 Tanger.</p>
        </div>
    </div>

    <h2 class="mt-5">Réservation Facile pour Tanger, De-lyon-st-exupery-a-lisbonne-lys-sejours-maroc</h2>
    <p>Réservez vous-même un vol et un hôtel vers Tanger 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 Tanger 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 Tanger 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 Tanger, De-lyon-st-exupery-a-lisbonne-lys-sejours-maroc</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 Tanger.</li>
        <li class="list-group-item">Prix Compétitifs : Profitez des tarifs les plus bas pour Tanger 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 Tanger.</li>
    </ul>

    <p class="mt-5">Préparez-vous à explorer Tanger, De-lyon-st-exupery-a-lisbonne-lys-sejours-maroc 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 Tanger, De-lyon-st-exupery-a-lisbonne-lys-sejours-maroc.</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?251215724"></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=1765823049"></script>

<script src="https://www.ogbon.ai/magellio/bot_search.js?time=1765823049"></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>