Unexpected HTTP Status Code: 401<br />
<b>Notice</b>:  Undefined variable: weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>173</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-country-content.php</b> on line <b>264</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>264</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>264</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>264</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>266</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>266</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_day_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>354</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_night_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>355</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_wind_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>356</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_humidity_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>357</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_rain_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>358</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_day_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>390</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_night_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>391</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_wind_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>392</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_humidity_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>393</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_rain_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>394</b><br />
Error: INSERT INTO sv_countries_security (
    country_code, country_name, capital, population, country_language, country_currency, 
    exchange_rate_vs_euro, country_timezone, visa_requirements, security_status, health_info, 
    transport_info, cultural_events, tourist_info, climate_impact, average_day_temp, 
    average_night_temp, average_wind_speed, average_humidity, average_rain, score_geopolitique, 
    score_geopolitique_one_word, score_geopolitique_texte, meteo_actuel_description, 
    meteo_alerte_description, score_meteo, score_meteo_one_word, score_meteo_texte, date_text
) VALUES (
    'MU', 'Maurice', 'Port-Louis', '1265777', 'fr', 'Mauritian Rupee', 
    '48.25', 'GMT+4', 'Les ressortissants français n\'ont pas besoin de visa pour un séjour de moins de 90 jours.', 'Il n\'y a pas de contre-indication majeure pour voyager à Maurice, cependant il est recommandé de rester vigilant dans les zones touristiques fréquentées.', 'Il est recommandé d\'être à jour dans ses vaccins et de prendre des mesures contre les maladies transmises par les moustiques, comme le paludisme et la dengue.', 
    'Maurice dispose d\'un bon réseau de transports en commun, notamment des bus et des taxis. Il est également possible de louer une voiture pour plus de liberté.', 'Maurice est réputée pour ses festivals culturels tels que la fête de Cavadee ou la fête Divali. Ces événements offrent l\'opportunité de découvrir la richesse de la culture mauricienne.', 'Les zones côtières sont généralement sûres pour les touristes, cependant il est recommandé d\'éviter les quartiers sensibles et de rester vigilant contre le vol à la tire.', 'Les conditions climatiques à Maurice sont généralement favorables, cependant il est important de rester informé des risques de cyclones tropicaux pendant la saison des tempêtes de novembre à avril.', '', 
    '', '', '', '', 
    '4', 'Sûr', 'Maurice est une destination sûre pour les voyageurs, avec des mesures de sécurité recommandées dans les zones touristiques.', 
    'Les données de la météo sont les suivantes : Actuellement météo -MU/ile-maurice : Température de °C, humidité %, vent de  m/s, conditions : . Prévisions pour les prochains jours : ', 'Aucune alerte météorologique en cours.', '4', 'Bon', 
    'Les conditions météorologiques actuelles sont favorables pour un voyage à -MU/ile-maurice. Avec des températures agréables et pas d\'alertes en cours, c\'est le moment idéal pour profiter de la destination. N\'oubliez pas vos lunettes de soleil et votre crème solaire pour un séjour en toute tranquillité.', '13 mars 2026'
) ON DUPLICATE KEY UPDATE 
    capital = 'Port-Louis', population = '1265777', country_language = 'fr', 
    country_currency = 'Mauritian Rupee', exchange_rate_vs_euro = '48.25', 
    country_timezone = 'GMT+4', visa_requirements = 'Les ressortissants français n\'ont pas besoin de visa pour un séjour de moins de 90 jours.', 
    security_status = 'Il n\'y a pas de contre-indication majeure pour voyager à Maurice, cependant il est recommandé de rester vigilant dans les zones touristiques fréquentées.', health_info = 'Il est recommandé d\'être à jour dans ses vaccins et de prendre des mesures contre les maladies transmises par les moustiques, comme le paludisme et la dengue.', transport_info = 'Maurice dispose d\'un bon réseau de transports en commun, notamment des bus et des taxis. Il est également possible de louer une voiture pour plus de liberté.', 
    cultural_events = 'Maurice est réputée pour ses festivals culturels tels que la fête de Cavadee ou la fête Divali. Ces événements offrent l\'opportunité de découvrir la richesse de la culture mauricienne.', tourist_info = 'Les zones côtières sont généralement sûres pour les touristes, cependant il est recommandé d\'éviter les quartiers sensibles et de rester vigilant contre le vol à la tire.', climate_impact = 'Les conditions climatiques à Maurice sont généralement favorables, cependant il est important de rester informé des risques de cyclones tropicaux pendant la saison des tempêtes de novembre à avril.', 
    average_day_temp = '', average_night_temp = '', 
    average_wind_speed = '', average_humidity = '', 
    average_rain = '', score_geopolitique = '4', 
    score_geopolitique_one_word = 'Sûr', score_geopolitique_texte = 'Maurice est une destination sûre pour les voyageurs, avec des mesures de sécurité recommandées dans les zones touristiques.', 
    meteo_actuel_description = 'Les données de la météo sont les suivantes : Actuellement météo -MU/ile-maurice : Température de °C, humidité %, vent de  m/s, conditions : . Prévisions pour les prochains jours : ', meteo_alerte_description = 'Aucune alerte météorologique en cours.', 
    score_meteo = '4', score_meteo_one_word = 'Bon', 
    score_meteo_texte = 'Les conditions météorologiques actuelles sont favorables pour un voyage à -MU/ile-maurice. Avec des températures agréables et pas d\'alertes en cours, c\'est le moment idéal pour profiter de la destination. N\'oubliez pas vos lunettes de soleil et votre crème solaire pour un séjour en toute tranquillité.', date_text = '13 mars 2026'<br>Incorrect decimal value: '' for column 'average_day_temp' at row 1<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Voyager en Toute Sécurité en -MU</title>
	<meta name="description" content="Découvrez les informations de sécurité pour voyager en -MU. Restez informé sur les conseils de sécurité, les alertes, et profitez d'offres exclusives pour explorer -MU sereinement.">
	<meta name="keywords" content="sécurité voyage -MU, conseils de sécurité -MU, voyage sécurisé -MU, informations sécurité -MU, voyage en sécurité -MU">

	<meta property="og:title" content="Voyager en Toute Sécurité en -MU">
	<meta property="og:description" content="Découvrez les informations de sécurité pour voyager en -MU. Restez informé sur les conseils de sécurité, les alertes, et profitez d'offres exclusives pour explorer -MU sereinement.">
	<meta property="og:url" content="https://www.magellio.com/voyage-securite/-MU-MRU.html">
	<meta property="og:type" content="website">
	<meta property="og:image" content="https://www.magellio.com/img/photo-MU-MRU-919275762-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/-MU-MRU.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?2603131044" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://www.magellio.com/css/style-magellio.css?2603131044"></noscript>
	-->	
		<link rel="stylesheet" href="https://www.magellio.com/css/style-magellio.css?2603131044">
	

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

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

<style></style>

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

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

a {
    text-decoration: none !important;
}

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

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

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

    <style>
/* Onglets */

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


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

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

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

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

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

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

.hidden {
            display: none;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</style>
<script>

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

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

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


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


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

});


</script>


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

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

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

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

	
</head>

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

<!-- DÉBUT SLIDER -->

<div class="swiper-container home-slider multi-slider">
    <div class="swiper-wrapper">
        <div class="swiper-slide bg-cover dark-overlay" style="background-image: url('https://www.magellio.com/img/photo-MU-MRU-919275762-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' -MU                                </p>
                                <h2 class="display-3 fw-bold mb-3" style="line-height: 1">
                                    Météo, Sécurité, Visa, Information Touriste à l' -MU                                </h2>
                                <p class="mb-4">
                                    Découvrez les conditions actuelles de voyage à l' -MU. <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 class="swiper-pagination swiper-pagination-white"></div>
    <div class="swiper-nav d-none d-lg-block">
        <div class="swiper-button-prev" id="homePrev"></div>
        <div class="swiper-button-next" id="homeNext"></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 (page actuelle, pas de lien) -->
        <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="breadcrumb-item">
            <span itemprop="name">-MU</span>
            <meta itemprop="position" content="3">
        </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="Paris Orly - ORY">
                </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="Ile Maurice - MRU">
            </div>
        </div>
        <div class="col-12 col-md-3 mt-3">
            <label for="classVol" class="form-label">Classe</label>
            <select class="form-select" id="classVol" name="classVol">
                <option value="eco" selected>Économique</option>
                <option value="premium" >Premium</option>
                <option value="business" >Business</option>
                <option value="first" >First</option>
            </select>
        </div>

        <div class="w-100"></div>
        <div class="col-12 col-md-5">
            <label for="daterangevol" class="form-label">Dates</label>
            <div class="input-group">
                <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                <input id="daterangevol" name="daterangevol" class="form-control datepicker" type="text" placeholder="Dates (+/- 3 jours)" value="28-03-2026 / 04-04-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/hotels.php" id="formvolhotel" method="post">
        <input type="hidden" id="departure_airport_name_volhotel" name="departure_airport_name_volhotel" value="">
        <input type="hidden" id="departure_city_name_volhotel" name="departure_city_name_volhotel" value="">
        <input type="hidden" id="arrival_airport_name_volhotel" name="arrival_airport_volname" value="">
        <input type="hidden" id="arrival_city_name_volhotel" name="arrival_city_name_volhotel" value="">

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

            <div class="row g-3 align-items-center">
            <div class="col-12 col-md-5 d-flex">
                <div class="flex-grow-1 me-2">
                    <label for="departvolhotel" class="form-label">Ville de départ</label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                        <input id="departvolhotel" name="departvolhotel" class="form-control searchAirport" autocomplete="off" type="search" placeholder="Départ" value="Paris Orly - ORY">
                    </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="Ile Maurice - MRU">
                </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="28-03-2026 / 04-04-2026">
                </div>
            </div>
            <div class="col-12 col-md-3 mt-3">
        <label for="buttonpaxvolhotel" class="form-label">Voyageurs et chambres</label>
        <div id="personCountSelectorvolhotel" class="person-count-selector dropdown">
            <button type="button" id="buttonpaxvolhotel" class="btn btn-outline-dark w-100 dropdown-toggle">
                <i class="fa fa-users"></i> <span id="personCountTextvolhotel">2 adts 0 enfs</span>
            </button>
            <div class="dropdown-content mt-1">
                <div>
                    <label for="adultesvolhotel">Adultes</label>
                    <div class="counter">
                        <button type="button" onclick="modifyCount('adultes', -1, 'volhotel')">-</button>
                        <input type="text" id="adultesvolhotel" name="adultesvolhotel" value="2" readonly>
                        <button type="button" onclick="modifyCount('adultes', 1, 'volhotel')">+</button>
                    </div>
                </div>
                <div>
                    <label for="chambresvolhotel">Chambres</label>
                    <div class="counter">
                        <button type="button" onclick="modifyCount('chambres', -1, 'volhotel')">-</button>
                        <input type="text" id="chambresvolhotel" name="chambresvolhotel" value="1" readonly>
                        <button type="button" onclick="modifyCount('chambres', 1, 'volhotel')">+</button>
                    </div>
                </div>
                <div>
                    <label for="enfantsvolhotel">Enfants</label>
                    <div class="counter">
                        <button type="button" onclick="updateChildrenCount('enfants', -1, 'volhotel')">-</button>
                        <input type="text" id="enfantsvolhotel" name="enfantsvolhotel" value="0" readonly>
                        <button type="button" onclick="updateChildrenCount('enfants', 1, 'volhotel')">+</button>
                    </div>
                </div>
                <div id="childrenAgeSelectorsvolhotel" class="children-age-selectors">
                                    </div>
                <button type="button" class="finish-button" onclick="toggleDropdown('volhotel')">Terminer</button>
            </div>
        </div>
    </div>

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

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


<!-- FIN SECTION NOUVEAU MOTEUR -->

<section class="py-2">
  <div class="container mt-4">
    <div class="row">
      <div class="col-md-12">
        <h2 class="subtitle text-secondary">Situation géopolitique et météorologique à l' -MU</h2> 
      </div>
    </div>
    <div class="card mt-3">
      <div class="card-body">
          <p class="card-text"><b>Voyager en toute sécurité à l' Maurice</b> est notre priorité. Magellio met à votre disposition des informations fiables et actuelles pour que vous puissiez <b>explorer l' Maurice</b> en toute sérénité. Nous supervisons également tous les retards de vols et les vols reprogrammés par les compagnies aériennes pour l' Maurice. En cas d'imprévu, notre équipe est à votre disposition pour vous assister en proposant des solutions concrètes directement sur votre espace personnalisé "Ma Réservation". Grâce à ces services, vous pouvez être certain de profiter pleinement de votre voyage en limitant les désagréments potentiels et en ayant toujours des options à portée de main pour réagir face à l'inattendu. Réservez dès maintenant et découvrez <b>l'Maurice en toute sécurité</b> 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' Maurice</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'Maurice en date du 13 mars 2026</h5>
            <p class="card-text">Avant de voyager vers Maurice, il est essentiel de se renseigner sur les <b>conditions de sécurité</b> actuelles. Il n'y a pas de contre-indication majeure pour voyager à Maurice, cependant il est recommandé de rester vigilant dans les zones touristiques fréquentées.</p>
        
            <h5 class="card-title">Recommandation liée à la situation Géopolitique</h5>
            <p class="card-text">Maurice est une destination sûre pour les voyageurs, avec des mesures de sécurité recommandées dans les zones touristiques.</p>
          </div>
        </div>

        <div class="card mt-3">
            <div class="card-header">
                Météo et Conditions de Voyage
                <span class="badge bg-success">
                    Bon                </span>
            </div>
            <div class="card-body">
                      <h5 class="card-title">Conditions Météorologiques Actuelles</h5>
                      <p>à L' Maurice, 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-pays.php</b> on line <b>491</b><br />
 m/s. Les précipitations ont une moyenne de mm de précipitation.</p>
                      <p>Les conditions climatiques à Maurice sont généralement favorables, cependant il est important de rester informé des risques de cyclones tropicaux pendant la saison des tempêtes de novembre à avril.</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'Maurice est qualifié comme  Bon pour les voyageurs</b>. Les conditions météorologiques actuelles sont favorables pour un voyage à -MU/ile-maurice. Avec des températures agréables et pas d'alertes en cours, c'est le moment idéal pour profiter de la destination. N'oubliez pas vos lunettes de soleil et votre crème solaire pour un séjour en toute tranquillité.</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 Maurice<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'Maurice est de 4. Ce score reflète les conditions politiques et sécuritaires globales du pays, offrant une perspective utile pour les voyageurs.</p>
                
                <h5 class="card-title">Score de Météo Maurice<span class="badge ms-2 bg-success">
                    Bon                </span></h5>
                <p class="card-text">Sur une échelle de 0 à 5, le score de météo actuel pour l'Maurice est de 4. Ce score reflète les conditions climatiques pour les jours à venir, vous pouvez bien entendu organiser votre voyage à une autre période.</p>
            </div>
        </div>

        <div class="card mt-4"><div class="card-header">Conditions de Voyage et Sécurité -mu par aéroport</div><div class="card-body"><div class="row"><div class="col-md-4"><a href="https://www.magellio.com/voyage-securite/-mu-RRG/ile-rodrigues-RRG.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Ile Rodrigues (RRG)</span></div></a></div><div class="col-md-4"></div><div class="col-md-4"></div></div></div></div>
      <div class="card mt-4">
          <div class="card-header">
              Préparez votre Voyage en Sécurité vers l'Maurice          </div>

          <div class="card-body">
                <p>Magellio vous aide à planifier un voyage sécurisé vers Maurice en vous fournissant des informations fiables sur les conditions sanitaires, les exigences de visa, et le transport. En restant informé, vous pouvez profiter pleinement de votre séjour tout en minimisant les risques potentiels.</p>
              <h5 class="card-title">Exigences de Visa pour l'Maurice</h5>
              <p class="card-text">Les ressortissants français n'ont pas besoin de visa pour un séjour de moins de 90 jours.</p>
              
              <h5 class="card-title">Informations Sanitaires</h5>
              <p class="card-text">Il est recommandé d'être à jour dans ses vaccins et de prendre des mesures contre les maladies transmises par les moustiques, comme le paludisme et la dengue.</p>
              
              <h5 class="card-title">Informations sur le Transport</h5>
              <p class="card-text">Maurice dispose d'un bon réseau de transports en commun, notamment des bus et des taxis. Il est également possible de louer une voiture pour plus de liberté.</p>
          </div>
      </div>

      <div class="card mt-3">
          <div class="card-header">
              <h5 class="card-title mb-0">Services Premium Magellio pour préparer votre voyage à l' Maurice</h5>
          </div>
          <div class="card-body">
              <p class="card-text">
                  Notre service client est expert sur la destination Maurice et est situé en France. Nous faisons une veille quotidienne sur la l'Maurice pour vous tenir informé de tous les changements pertinents. Si vous réservez avec Magellio, nous vous prévenons et nous vous assistons sur toutes les modifications nécessaires en cas de changements de vols par les compagnies aériennes.
              </p>
              <p class="card-text">
                  Magellio garantit les conditions les plus favorables proposées par les compagnies aériennes afin de protéger les droits des voyageurs à l' Maurice. En cas de retard ou de modification de vol vers l'Maurice, vous serez informé par e-mail et pourrez facilement modifier ou annuler votre voyage via votre espace en ligne "Ma Réservation".
              </p>
              <p class="card-text">
                  Pour votre <b>hôtel à l' Maurice</b>, Magellio met en avant les offres qui incluent une annulation gratuite jusqu'à la veille du départ, vous offrant ainsi une flexibilité maximale en cas de pépin. Nous vous recommandons de réserver ce type d'offre pour un <b>hôtel à l' Maurice</b>.<br><br> Magellio propose également une option d'annulation pour toute cause (nous vous recommandons d'y souscrire pour les destinations à risques). Avec un léger supplément par personne, elle couvre :
              </p>
              <ul class="list-group list-group-flush">
                  <li class="list-group-item">Annulation toutes causes</li>
                  <li class="list-group-item">Indemnité départ manqué</li>
                  <li class="list-group-item">Assistance rapatriement</li>
                  <li class="list-group-item">Couverture pour toutes pandémies et épidémies</li>
              </ul>
          </div>
          <div class="card-footer">
              <p class="card-text">En plus de notre support en ligne, nous sommes <b>disponibles 24h/24h sur Twitter</b>, rejoignez notre communauté de fidèles voyageurs amoureux de l'Maurice pour parler de <a href="https://www.x.com/magellio1" target="_blank">Voyage à l' Maurice</a>. Nous abordons tous les sujets : Conseils pratiques sur l'Maurice, Retour d'expérience à l' Maurice, Curture et événements locaux à l' Maurice, Support mutuel et réponses aux questions sur l'Maurice.</p>
          </div>
          
      </div>

      <div class="card mt-3">
        <div class="card-header">
                <h5 class="card-title mb-0">Vol -MU pas cher</h5> 
        </div>
          <div class="card-body">
                  <div class="row"><div class="col-md-12"><div class="ai-description"><div class="text-muted">Mis à jour le 28 février 2026</div><p>Envolez-vous pour une aventure inoubliable vers <b>Ile Maurice</b>! Découvrez les merveilles de cette destination paradisiaque avec des vols à partir de seulement <b>1043€</b>. Ne manquez pas les plages de sable blanc, les eaux turquoise et les paysages à couper le souffle de <b>Île maurice</b>. Profitez du climat ensoleillé prévu pour les trois prochains mois et assistez aux événements locaux passionnants. Réservez dès maintenant et vivez des vacances de rêve à prix mini!</p></div></div></div>          </div>
      </div>

    </div>
  </div>

      <div class="row mb-3">  
        <div class="container mt-4"><h2>Promotions vols Mu</h2><div class="row"><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-919275762-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Strasbourg Gare / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Strasbourg Gare</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les plages paradisiaques, la culture riche et les paysages à couper le souffle de l'île Maurice en réservant votre vol dès maintenant!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Octobre 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/emirates.png" alt="emirates Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>05:59 - 17:10</small><br><small>XWG - MRU</small></p></div><div class="col-5 text-right"><small>35H11</small><br><small>Strasbourg Gare /<br>Ile Maurice</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/emirates.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>16:25 - 17:37</small><br><small>MRU - XWG</small></p></div><div class="col-5 text-right"><small>25H12</small><br><small>Ile Maurice /<br>Strasbourg Gare</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;">1500€</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="Strasbourg Gare - XWG"><input type="hidden" name="destination" id="destination_ticketbox_0" value="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_0" value="17-10-2026 / 31-10-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/mu-MU/ile-maurice-MRU/depart/strasbourg-gare-XWG.html">Vols Strasbourg Gare Ile Maurice</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-919275762-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Zurich / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Zurich</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les plages paradisiaques, la culture riche et la nature luxuriante de l'île Maurice en partant de Zurich. Réservez dès maintenant votre vol!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Octobre 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-magellio.png" alt="train-bus Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>15:32 - 09:20</small><br><small>ZLP - MRU</small></p></div><div class="col-5 text-right"><small>17H48</small><br><small>Zurich /<br>Ile Maurice</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-magellio.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>10:00 - 22:25</small><br><small>MRU - ZLP</small></p></div><div class="col-5 text-right"><small>12H25</small><br><small>Ile Maurice /<br>Zurich</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;">1049€</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="Zurich - ZLP"><input type="hidden" name="destination" id="destination_ticketbox_1" value="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_1" value="02-10-2026 / 18-10-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/mu-MU/ile-maurice-MRU/depart/zurich-ZLP.html">Vols Zurich Ile Maurice</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-XX-XXX-xxxx3-XS.webp" class="card-img-top" alt="Ile Rodrigues Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Nantes / Ile Rodrigues</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Rodrigues au départ de Nantes</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez la beauté préservée de <b>Ile Rodrigues</b> avec un vol depuis <b>Nantes</b>. Plages paradisiaques et nature luxuriante vous attendent.</p></div></div></div><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-mauritius.png" alt="air-mauritius Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>10:30 - 14:05</small><br><small>NTE - RRG</small></p></div><div class="col-5 text-right"><small>27H35</small><br><small>Nantes /<br>Ile Rodrigues</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-mauritius.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>19:25 - 11:15</small><br><small>RRG - NTE</small></p></div><div class="col-5 text-right"><small>15H50</small><br><small>Ile Rodrigues /<br>Nantes</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;">1581€</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="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_2" value="Ile Rodrigues - RRG"><input type="hidden" name="date" id="date_ticketbox_2" value="18-07-2026 / 01-08-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/mu-MU/ile-rodrigues-RRG/depart/nantes-NTE.html">Vols Nantes Ile Rodrigues</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-919275762-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Marseille Gare St Charles / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Marseille Gare St Charles</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Envolez-vous vers l'île paradisiaque de <b>Ile Maurice</b> depuis Marseille. Découvrez les plages de rêve et la richesse culturelle de cette destination exotique.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Sam 27 Juin - Mer 08 Juil.</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>12:12 - 07:30</small><br><small>XRF - MRU</small></p></div><div class="col-5 text-right"><small>19H18</small><br><small>Marseille Gare St Charles /<br>Ile Maurice</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>10:00 - 22:50</small><br><small>MRU - XRF</small></p></div><div class="col-5 text-right"><small>12H50</small><br><small>Ile Maurice /<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;">1043€</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="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_3" value="27-06-2026 / 08-07-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/mu-MU/ile-maurice-MRU/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Ile Maurice</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-185078195-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Marseille Gare St Charles / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Marseille Gare St Charles</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Envolez-vous vers l'île paradisiaque de <b>Ile Maurice</b> depuis Marseille. Découvrez les plages de rêve et la richesse culturelle de cette destination exotique.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Jeu 06 Août - Ven 14 Août</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>12:12 - 07:30</small><br><small>XRF - MRU</small></p></div><div class="col-5 text-right"><small>19H18</small><br><small>Marseille Gare St Charles /<br>Ile Maurice</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>10:00 - 08:45</small><br><small>MRU - XRF</small></p></div><div class="col-5 text-right"><small>22H45</small><br><small>Ile Maurice /<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;">1401€</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="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_4" value="06-08-2026 / 14-08-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/mu-MU/ile-maurice-MRU/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Ile Maurice</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-919275762-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Marseille Gare St Charles / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Marseille Gare St Charles</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Envolez-vous vers l'île paradisiaque de <b>Ile Maurice</b> depuis Marseille. Découvrez les plages de rêve et la richesse culturelle de cette destination exotique.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Août 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>12:12 - 07:30</small><br><small>XRF - MRU</small></p></div><div class="col-5 text-right"><small>19H18</small><br><small>Marseille Gare St Charles /<br>Ile Maurice</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>08:55 - 22:35</small><br><small>MRU - XRF</small></p></div><div class="col-5 text-right"><small>13H40</small><br><small>Ile Maurice /<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;">1676€</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="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_5" value="06-08-2026 / 15-08-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/mu-MU/ile-maurice-MRU/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Ile Maurice</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-919275762-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Marseille Gare St Charles / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Marseille Gare St Charles</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Envolez-vous vers l'île paradisiaque de <b>Ile Maurice</b> depuis Marseille. Découvrez les plages de rêve et la richesse culturelle de cette destination exotique.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Octobre 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/emirates.png" alt="emirates Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>15:12 - 17:10</small><br><small>XRF - MRU</small></p></div><div class="col-5 text-right"><small>25H58</small><br><small>Marseille Gare St Charles /<br>Ile Maurice</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/emirates.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>16:25 - 23:40</small><br><small>MRU - XRF</small></p></div><div class="col-5 text-right"><small>31H15</small><br><small>Ile Maurice /<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;">1750€</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="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_6" value="16-10-2026 / 27-10-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/mu-MU/ile-maurice-MRU/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Ile Maurice</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-185078195-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Marseille Gare St Charles / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Marseille Gare St Charles</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Envolez-vous vers l'île paradisiaque de <b>Ile Maurice</b> depuis Marseille. Découvrez les plages de rêve et la richesse culturelle de cette destination exotique.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Octobre 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/emirates.png" alt="emirates Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>15:12 - 17:10</small><br><small>XRF - MRU</small></p></div><div class="col-5 text-right"><small>25H58</small><br><small>Marseille Gare St Charles /<br>Ile Maurice</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/emirates.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>16:25 - 23:40</small><br><small>MRU - XRF</small></p></div><div class="col-5 text-right"><small>31H15</small><br><small>Ile Maurice /<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;">1750€</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="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_7" value="16-10-2026 / 27-10-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/mu-MU/ile-maurice-MRU/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Ile Maurice</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-919275762-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Marseille Gare St Charles / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Marseille Gare St Charles</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Envolez-vous vers l'île paradisiaque de <b>Ile Maurice</b> depuis Marseille. Découvrez les plages de rêve et la richesse culturelle de cette destination exotique.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Sam 27 Juin - Lun 06 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>09:59 - 07:30</small><br><small>XRF - MRU</small></p></div><div class="col-5 text-right"><small>21H31</small><br><small>Marseille Gare St Charles /<br>Ile Maurice</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>09:00 - 22:50</small><br><small>MRU - XRF</small></p></div><div class="col-5 text-right"><small>13H50</small><br><small>Ile Maurice /<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;">1043€</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="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_8" value="27-06-2026 / 06-07-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/mu-MU/ile-maurice-MRU/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Ile Maurice</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-919275762-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Lille / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Lille</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les plages de sable blanc et les eaux turquoise de <b>L'Ile Maurice</b> lors de votre voyage depuis <b>Lille</b>. Profitez d'une expérience paradisiaque inoubliable.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Mer 13 Mai - Jeu 21 Mai</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/emirates.png" alt="emirates Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>09:36 - 16:40</small><br><small>XFA - MRU</small></p></div><div class="col-5 text-right"><small>31H04</small><br><small>Lille /<br>Ile Maurice</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/emirates.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>16:35 - 19:44</small><br><small>MRU - XFA</small></p></div><div class="col-5 text-right"><small>27H09</small><br><small>Ile Maurice /<br>Lille</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;">878€</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="Lille - XFA"><input type="hidden" name="destination" id="destination_ticketbox_9" value="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_9" value="13-05-2026 / 21-05-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/mu-MU/ile-maurice-MRU/depart/lille-XFA.html">Vols Lille Ile Maurice</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-919275762-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Lille / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Lille</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les plages de sable blanc et les eaux turquoise de <b>L'Ile Maurice</b> lors de votre voyage depuis <b>Lille</b>. Réservez votre vol dès maintenant!</p></div></div></div><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/emirates.png" alt="emirates Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>09:36 - 16:40</small><br><small>XFA - MRU</small></p></div><div class="col-5 text-right"><small>31H04</small><br><small>Lille /<br>Ile Maurice</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/emirates.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>16:35 - 19:36</small><br><small>MRU - XFA</small></p></div><div class="col-5 text-right"><small>27H01</small><br><small>Ile Maurice /<br>Lille</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;">903€</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="Lille - XFA"><input type="hidden" name="destination" id="destination_ticketbox_10" value="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_10" value="11-05-2026 / 24-05-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/mu-MU/ile-maurice-MRU/depart/lille-XFA.html">Vols Lille Ile Maurice</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://www.magellio.com/img/photo-MU-MRU-185078195-XS.webp" class="card-img-top" alt="Ile Maurice Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Lille / Ile Maurice</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ile Maurice au départ de Lille</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les plages paradisiaques, la culture riche et la faune exceptionnelle de Ile Maurice en réservant votre vol depuis Lille.</p></div></div></div><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/corsair.png" alt="corsair Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>15:52 - 12:40</small><br><small>XDB - MRU</small></p></div><div class="col-5 text-right"><small>20H48</small><br><small>Lille /<br>Ile Maurice</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/corsair.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>19:30 - 15:52</small><br><small>MRU - XDB</small></p></div><div class="col-5 text-right"><small>20H22</small><br><small>Ile Maurice /<br>Lille</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;">846€</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="Lille - XDB"><input type="hidden" name="destination" id="destination_ticketbox_11" value="Ile Maurice - MRU"><input type="hidden" name="date" id="date_ticketbox_11" value="15-06-2026 / 30-06-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_11" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_11" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_11" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://www.magellio.com/vols/mu-MU/ile-maurice-MRU/depart/lille-XDB.html">Vols Lille Ile Maurice</a></div></div></div></div></div><hr><div class="container mt-2"><hr><div class="row"><div class="col-md-4"><a href="https://www.magellio.com/vols/mu-RRG/ile-rodrigues-RRG/depart/paris-cdg-CDG.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Paris Cdg - Ile Rodrigues (CDG-RRG)</span><span class="text-danger ml-2">914€</span></div></a></div><div class="col-md-4"></div><div class="col-md-4"></div></div><div class="row mb-4"><div class="text-left mt-4"><a href="https://www.magellio.com/vols/mu-RRG" class="btn-sm btn-primary">Vols -mu pas cher</a></div></div></div>      </div>

</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?2603131044"></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=1773438299"></script>

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