Unexpected HTTP Status Code: 401<br />
<b>Notice</b>:  Undefined variable: weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>229</b><br />
Erreur lors de la récupération des informations météorologiques.<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>314</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>314</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>314</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>314</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>316</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>316</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_day_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>384</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_night_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>385</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_wind_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>386</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_humidity_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>387</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_rain_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>388</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_day_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>430</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_night_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>431</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_wind_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>432</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_humidity_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>433</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_rain_temp in <b>/var/www/site/pages/includes/security-airport-content.php</b> on line <b>434</b><br />
Error: INSERT INTO sv_airports_security (
                destination_code, destination_name, airport_name, latitude, longitude, availability_lounges, 
                frequency_international_flights, popular_routes, average_delay, main_airlines, public_transport, 
                transport_services, parking, layover_facilities, security_airport_status, security_city_status, 
                alert_airport_status, health_info, health_recommendation, cultural_events, tourist_info, 
                score_geopolitique, score_geopolitique_one_word, score_geopolitique_texte, climate_impact, 
                weather_info, average_day_temp, average_night_temp, average_wind_speed, average_humidity, 
                average_rain, meteo_actuel_description, meteo_alerte_description, score_meteo, 
                score_meteo_one_word, score_meteo_texte, date_text
            ) VALUES (
                'SNA', 'Santa Ana', 'John Wayne Airport', '33.6757', '-117.8678', 
                'Disponible', 'Faible', 'Los Angeles, San Francisco, Phoenix', 'Pas de retards majeurs actuellement', 
                'American Airlines, Delta Air Lines, Southwest Airlines', 'Bus et navettes disponibles pour se rendre en ville', 'Taxis, services de VTC et location de voitures disponibles', 'Stationnement court et long terme disponible à des tarifs raisonnables', 'Hôtels disponibles à proximité de l\'aéroport pour les escales', 
                'Le niveau de sécurité à l\'aéroport de SNA est actuellement élevé avec des mesures renforcées', 'La sécurité à Santa Ana est stable mais il est recommandé de rester vigilant', 'Aucune alerte ou avertissement majeur concernant la sécurité à l\'aéroport de SNA', 'Les passagers doivent se conformer aux protocoles de santé en vigueur, y compris les tests de dépistage', 
                'Il est recommandé aux voyageurs de se conformer aux protocoles de santé et de se faire vacciner avant le voyage', 'Des festivals culturels et des expositions artistiques sont prévus à Santa Ana ce mois-ci', 'Certaines zones de Santa Ana peuvent être sensibles en termes de sécurité, il est conseillé de rester dans les zones touristiques principales', '3', 
                'Moyen', 'Santa Ana présente un niveau de risque modéré, il est recommandé de rester vigilant et de suivre les recommandations de sécurité', 'Les conditions climatiques actuelles sont stables mais des risques de feux de forêt peuvent survenir en fonction de la saison', 'Prévisions météorologiques pour Santa Ana : ensoleillé avec des températures douces, aucun événement météorologique extrême à signaler', 
                '', '', '', '', 
                '', 'Les données de la météo sont les suivantes : Actuellement météo Santa Ana (États-Unis) : Température de XX°C, humidité XX%, vent de XX km/h, conditions : . Prévisions pour les prochains jours : ', 'Aucune alerte météorologique en cours.', '4', 
                'Bonne', 'Les conditions météo à Santa Ana sont globalement bonnes, avec une température agréable, une humidité modérée et peu de vent. Il est donc recommandé de profiter de cette période pour visiter la ville et découvrir ses charmes.', '17 février 2026'
            ) ON DUPLICATE KEY UPDATE 
                airport_name = 'John Wayne Airport', latitude = '33.6757', longitude = '-117.8678', 
                availability_lounges = 'Disponible', frequency_international_flights = 'Faible', 
                popular_routes = 'Los Angeles, San Francisco, Phoenix', average_delay = 'Pas de retards majeurs actuellement', main_airlines = 'American Airlines, Delta Air Lines, Southwest Airlines', 
                public_transport = 'Bus et navettes disponibles pour se rendre en ville', transport_services = 'Taxis, services de VTC et location de voitures disponibles', parking = 'Stationnement court et long terme disponible à des tarifs raisonnables', 
                layover_facilities = 'Hôtels disponibles à proximité de l\'aéroport pour les escales', security_airport_status = 'Le niveau de sécurité à l\'aéroport de SNA est actuellement élevé avec des mesures renforcées', 
                security_city_status = 'La sécurité à Santa Ana est stable mais il est recommandé de rester vigilant', alert_airport_status = 'Aucune alerte ou avertissement majeur concernant la sécurité à l\'aéroport de SNA', 
                health_info = 'Les passagers doivent se conformer aux protocoles de santé en vigueur, y compris les tests de dépistage', health_recommendation = 'Il est recommandé aux voyageurs de se conformer aux protocoles de santé et de se faire vacciner avant le voyage', 
                cultural_events = 'Des festivals culturels et des expositions artistiques sont prévus à Santa Ana ce mois-ci', tourist_info = 'Certaines zones de Santa Ana peuvent être sensibles en termes de sécurité, il est conseillé de rester dans les zones touristiques principales', score_geopolitique = '3', 
                score_geopolitique_one_word = 'Moyen', score_geopolitique_texte = 'Santa Ana présente un niveau de risque modéré, il est recommandé de rester vigilant et de suivre les recommandations de sécurité', 
                climate_impact = 'Les conditions climatiques actuelles sont stables mais des risques de feux de forêt peuvent survenir en fonction de la saison', weather_info = 'Prévisions météorologiques pour Santa Ana : ensoleillé avec des températures douces, aucun événement météorologique extrême à signaler', average_day_temp = '', 
                average_night_temp = '', average_wind_speed = '', 
                average_humidity = '', average_rain = '', 
                meteo_actuel_description = 'Les données de la météo sont les suivantes : Actuellement météo Santa Ana (États-Unis) : Température de XX°C, humidité XX%, vent de XX km/h, conditions : . Prévisions pour les prochains jours : ', meteo_alerte_description = 'Aucune alerte météorologique en cours.', 
                score_meteo = '4', score_meteo_one_word = 'Bonne', 
                score_meteo_texte = 'Les conditions météo à Santa Ana sont globalement bonnes, avec une température agréable, une humidité modérée et peu de vent. Il est donc recommandé de profiter de cette période pour visiter la ville et découvrir ses charmes.', date_text = '17 février 2026'<br>Incorrect decimal value: '' for column 'average_day_temp' at row 1<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Voyager en Toute Sécurité à l'Aéroport Santa Ana (SNA) - Santa Ana</title>
	<meta name="description" content="Découvrez toutes les informations de sécurité essentielles pour voyager via l'aéroport Santa Ana (SNA) à Santa Ana. Consultez les conseils de sécurité, les alertes actuelles, et accédez aux informations indispensables pour profiter d'un voyage serein à Santa Ana.">
	<meta name="keywords" content="sécurité voyage aéroport Santa Ana, conseils de sécurité Santa Ana, voyage sécurisé Santa Ana, informations sécurité Santa Ana, sécurité aéroport SNA">

	<meta property="og:title" content="Voyager en Toute Sécurité à l'Aéroport Santa Ana (SNA) - Santa Ana">
	<meta property="og:description" content="Découvrez toutes les informations de sécurité essentielles pour voyager via l'aéroport Santa Ana (SNA) à Santa Ana. Consultez les conseils de sécurité, les alertes actuelles, et accédez aux informations indispensables pour profiter d'un voyage serein à Santa Ana.">
	<meta property="og:url" content="https://www.magellio.com/voyage-securite/tats-uni-US/santa-ana-SNA.html">
	<meta property="og:type" content="website">
	<meta property="og:image" content="https://www.magellio.com/img/photo-US-LAX-933896402-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/tats-uni-US/santa-ana-SNA.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?260217215" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://www.magellio.com/css/style-magellio.css?260217215"></noscript>
	-->	
		<link rel="stylesheet" href="https://www.magellio.com/css/style-magellio.css?260217215">
	

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

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

<style></style>

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

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

a {
    text-decoration: none !important;
}

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

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

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

    <style>
/* Onglets */

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


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

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

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

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

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

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

.hidden {
            display: none;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</style>
<script>

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

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

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


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


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

});

</script>


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

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

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

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

	
</head>

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

<!-- DÉBUT SLIDER -->

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

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

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

    </div>
</div>

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

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

    <div class="row g-3 align-items-center">
        <div class="col-12 col-md-5 d-flex">
            <div class="flex-grow-1 me-2">
                <label for="depart" class="form-label">Lieu de départ</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                    <input id="depart" name="depart" class="form-control searchAirport" autocomplete="off" type="search" placeholder="Départ" value="Lyon - LYS">
                </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="Santa Ana - SNA">
            </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="04-03-2026 / 11-03-2026">
            </div>
        </div>
        <div class="col-12 col-md-3 mt-3">
            <label for="buttonpaxVol" class="form-label">Voyageurs</label>
            <div id="personCountSelectorVol" class="person-count-selector dropdown">
                <button type="button" id="buttonpaxVol" class="btn btn-outline-dark w-100 dropdown-toggle">
                    <i class="fa fa-users"></i> <span id="personCountTextVol">2 adultes 0 enfant</span>
                </button>
                <div class="dropdown-content mt-1">
                    <div>
                        <label for="adultesVol">Adultes</label>
                        <div class="counter">
                            <button type="button" onclick="modifyCount('adultes', -1, 'Vol')">-</button>
                            <input type="text" id="adultesVol" name="adultesVol" value="2" readonly>
                            <button type="button" onclick="modifyCount('adultes', 1, 'Vol')">+</button>
                        </div>
                    </div>
                    <div>
                        <label for="enfantsVol">Enfants</label>
                        <div class="counter">
                            <button type="button" onclick="updateChildrenCount('enfants', -1, 'Vol')">-</button>
                            <input type="text" id="enfantsVol" name="enfantsVol" value="0" readonly>
                            <button type="button" onclick="updateChildrenCount('enfants', 1, 'Vol')">+</button>
                        </div>
                    </div>
                    <div id="childrenAgeSelectorsVol" class="children-age-selectors">
                                            </div>
                    <button type="button" class="finish-button" onclick="toggleDropdown('Vol')">Terminer</button>
                </div>
            </div>
        </div>

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

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

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

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

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


<!-- FIN SECTION NOUVEAU MOTEUR -->


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

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

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

        <div class="card mt-3">
            <div class="card-header">
                Sécurité Générale et Conseils
                <span class="badge bg-warning">
                    Moyen                </span>
            </div>
            <div class="card-body">
                <h5 class="card-title">Conseils de Sécurité pour l'aéroport Santa Ana en date du 17 février 2026</h5>
                <p class="card-text">Avant de voyager vers l'aéroport Santa Ana, il est essentiel de se renseigner sur les <b>conditions de sécurité</b> actuelles. Le niveau de sécurité à l'aéroport de SNA est actuellement élevé avec des mesures renforcées</p>
                
                <h5 class="card-title">Recommandation liée à la situation Géopolitique</h5>
                <p class="card-text">Santa Ana présente un niveau de risque modéré, il est recommandé de rester vigilant et de suivre les recommandations de sécurité</p>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-header">
                Météo et Conditions de Voyage
                <span class="badge bg-success">
                    Bonne                </span>
            </div>
            <div class="card-body">
                <h5 class="card-title">Conditions Météorologiques Actuelles à Santa Ana</h5>
                <p>L'aéroport Santa Ana, cette semaine, la température moyenne pendant la journée est de °C, tandis que la nuit, elle descend à environ °C, offrant un climat modérément frais. L'humidité moyenne est de %. Le vent souffle à une vitesse moyenne de <br />
<b>Warning</b>:  A non-numeric value encountered in <b>/var/www/site/pages/voyage-securite-airport.php</b> on line <b>527</b><br />
 m/s. Les précipitations ont une moyenne de mm de précipitation.</p>
                <p>Les conditions climatiques actuelles sont stables mais des risques de feux de forêt peuvent survenir en fonction de la saison</p>
                <h5 class="card-title">Alertes Météorologiques</h5>
                <p class="card-text">Aucune alerte météorologique en cours.</p>
                
                <h5 class="card-title">Conseils en Fonction de la Météo</h5>
                <p class="card-text">Compte tenu des conditions météorologiques actuelles, <b>le niveau de météo pour l'aéroport Santa Ana est qualifié comme Bonne pour les voyageurs</b>. Les conditions météo à Santa Ana sont globalement bonnes, avec une température agréable, une humidité modérée et peu de vent. Il est donc recommandé de profiter de cette période pour visiter la ville et découvrir ses charmes.</p>
            </div>
        </div>

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

        <div class="card mt-3">
            <div class="card-header">
                Informations Complémentaires sur l'Aéroport Santa Ana            </div>
            <div class="card-body">
                <h5 class="card-title">Services et Fréquence des Vols</h5>
                <p class="card-text"><b>Disponibilité de Salons :</b> Disponible</p>
                <p class="card-text"><b>Fréquence des Vols Internationaux à Santa Ana:</b> Faible</p>
                <p class="card-text"><b>Destinations Populaires au départ de Santa Ana :</b> Los Angeles, San Francisco, Phoenix</p>
                <p class="card-text"><b>Retard Moyen constaté à Santa Ana :</b> Pas de retards majeurs actuellement</p>
                <p class="card-text"><b>Principales Compagnies Aériennes présentes pour des vols au départ de Santa Ana :</b> American Airlines, Delta Air Lines, Southwest Airlines</p>
                <p class="card-text"><b>Transport en Commun disponible à Santa Ana :</b> Bus et navettes disponibles pour se rendre en ville</p>
            </div>
        </div>
    </div>
  </div>
</div>
</section>

<section class="py-2">
	<div class="container mt-3">
		<div class="row">
  			<div class="col-md-12">
  				<p class="subtitle text-secondary">Vol Santa Ana pas cher</p> 
              <div class="row ms-1"><div class="col-md-12"><div class="ai-description"><div class="text-muted">Mis à jour le 17 février 2026</div><p>Envolez-vous vers <b>Santa Ana</b> aux <b>États-Unis</b> pour seulement 643€ avec <b>American Airlines</b> en classe <b>Économic</b>! Ne manquez pas le célèbre musée d'art <b>Bowers Museum</b> et le magnifique <b>Parc régional de Santiago Oaks</b>. Découvrez la gastronomie locale dans le quartier historique de <b>Downtown Santa Ana</b>. Profitez du soleil avec une météo agréable prévue pour les trois prochains mois. Assistez à des événements locaux passionnants comme le festival annuel de la cerise en fleurs. Réservez dès maintenant pour une expérience inoubliable à Santa Ana!</p></div></div></div>  			</div>
		</div>
		<div class="row mb-2">	
			<div class="container mt-4"><h2>Promotions vols Santa Ana</h2><div class="row"><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Santa Ana</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Mer 25 Mars - Lun 06 Avr.</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/american-airlines.png" alt="american-airlines Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>13:10 - 08:33</small><br><small>LYS - SNA</small></p></div><div class="col-5 text-right"><small>43H23</small><br><small>Lyon /<br>Santa Ana</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/american-airlines.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>15:24 - 18:00</small><br><small>SNA - LYS</small></p></div><div class="col-5 text-right"><small>26H36</small><br><small>Santa Ana /<br>Lyon</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;">643€</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="Lyon - LYS"><input type="hidden" name="destination" id="destination_ticketbox_0" value="Santa Ana - SNA"><input type="hidden" name="date" id="date_ticketbox_0" value="25-03-2026 / 06-04-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/tats-uni-US/santa-ana-SNA/depart/lyon-LYS.html">Vols Lyon Santa Ana</a></div></div></div></div></div><div class="container mt-2"><hr><div class="row mb-3 ms-1"><div class="col-md-4"><a href="https://www.magellio.com/vols/tats-uni-US/santa-ana-SNA/depart/lyon-LYS.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Lyon - Santa Ana (LYS-SNA)</span><span class="text-danger text-end ms-auto">704€</span></div></a></div><div class="col-md-4"></div><div class="col-md-4"></div></div><div class="row mb-3"><div class="text-left"><a href="https://www.magellio.com/vols/tats-uni-US/santa-ana-SNA.html" class="mt-2 btn-sm btn-primary">Vols Santa Ana pas cher</a></div></div><div class="row mb-3"><div class="text-left"><a href="https://www.magellio.com/voyage-securite/tats-uni-US/santa-ana-SNA.html" class="mt-2 btn-sm btn-primary">Sécurité et Météo à Santa Ana</a></div></div></div>		</div>

    <h2>Classes de Vol Disponibles pour Santa Ana, Tats-uni</h2>

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

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

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

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

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

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

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

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

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

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

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

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

</div>

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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




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

</script>

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

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

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

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

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

     <script>
        console.log('JS95 moment.js loaded:', typeof moment !== 'undefined');
    </script>
      
    <script src="https://www.magellio.com/js/jquery.daterangepicker.new.js?260217215"></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=1771334149"></script>

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