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 (
                'BCN', 'Barcelone', 'Aéroport de Barcelone-El Prat', '41.2975', '2.0798', 
                'Disponibilité de salons', 'Fréquence des vols internationaux élevée', 'Paris, Londres, Madrid, Rome', 'Les retards actuels sont minimes', 
                'Vueling, Iberia, Ryanair, Lufthansa', 'Connexions en bus et en train disponibles pour rejoindre la ville principale', 'Services de taxi, de VTC et de location de voitures disponibles', 'Stationnement à court et long terme disponible à des tarifs raisonnables', 'Installations de transit disponibles, hôtels à proximité de l\'aéroport', 
                'Le statut de sécurité à l\'aéroport de Barcelone est actuellement normal', 'Le statut de sécurité dans la ville de Barcelone est stable', 'Aucune alerte ou avertissement majeur lié à la sécurité à l\'aéroport de Barcelone', 'Aucune exigence de test particulière à l\'aéroport de Barcelone, respect des protocoles sanitaires en place', 
                'Aucune recommandation spécifique de vaccination, précautions standard pour les voyageurs', 'Des festivals de musique et des expositions artistiques sont prévus dans les prochaines semaines à Barcelone', 'Les quartiers touristiques de Barcelone sont généralement sûrs, éviter les zones sensibles la nuit pour plus de sécurité', '4', 
                'Sûr', 'Barcelone est une destination recommandée en raison de sa stabilité politique et sécuritaire.', 'Le climat à Barcelone est généralement agréable, avec un risque de fortes pluies occasionnelles en cette saison', 'Prévisions météorologiques actuelles : ensoleillé avec des températures douces, pas d\'alerte météo en cours', 
                '', '', '', '', 
                '', 'Les données de la météo sont les suivantes : Actuellement météo barcelone ( eta-new-york ) : Température de °C, humidité %, vent de  m/s, conditions : . Prévisions pour les prochains jours :', 'Aucune alerte météorologique en cours.', '4', 
                'Bonne', 'Les conditions météorologiques à Barcelone sont actuellement favorables pour un voyage. Malgré des températures agréables, il est recommandé de prévoir une protection contre le soleil et de rester hydraté. Profitez de votre séjour dans cette magnifique ville!', '16 mars 2026'
            ) ON DUPLICATE KEY UPDATE 
                airport_name = 'Aéroport de Barcelone-El Prat', latitude = '41.2975', longitude = '2.0798', 
                availability_lounges = 'Disponibilité de salons', frequency_international_flights = 'Fréquence des vols internationaux élevée', 
                popular_routes = 'Paris, Londres, Madrid, Rome', average_delay = 'Les retards actuels sont minimes', main_airlines = 'Vueling, Iberia, Ryanair, Lufthansa', 
                public_transport = 'Connexions en bus et en train disponibles pour rejoindre la ville principale', transport_services = 'Services de taxi, de VTC et de location de voitures disponibles', parking = 'Stationnement à court et long terme disponible à des tarifs raisonnables', 
                layover_facilities = 'Installations de transit disponibles, hôtels à proximité de l\'aéroport', security_airport_status = 'Le statut de sécurité à l\'aéroport de Barcelone est actuellement normal', 
                security_city_status = 'Le statut de sécurité dans la ville de Barcelone est stable', alert_airport_status = 'Aucune alerte ou avertissement majeur lié à la sécurité à l\'aéroport de Barcelone', 
                health_info = 'Aucune exigence de test particulière à l\'aéroport de Barcelone, respect des protocoles sanitaires en place', health_recommendation = 'Aucune recommandation spécifique de vaccination, précautions standard pour les voyageurs', 
                cultural_events = 'Des festivals de musique et des expositions artistiques sont prévus dans les prochaines semaines à Barcelone', tourist_info = 'Les quartiers touristiques de Barcelone sont généralement sûrs, éviter les zones sensibles la nuit pour plus de sécurité', score_geopolitique = '4', 
                score_geopolitique_one_word = 'Sûr', score_geopolitique_texte = 'Barcelone est une destination recommandée en raison de sa stabilité politique et sécuritaire.', 
                climate_impact = 'Le climat à Barcelone est généralement agréable, avec un risque de fortes pluies occasionnelles en cette saison', weather_info = 'Prévisions météorologiques actuelles : ensoleillé avec des températures douces, pas d\'alerte météo en cours', average_day_temp = '', 
                average_night_temp = '', average_wind_speed = '', 
                average_humidity = '', average_rain = '', 
                meteo_actuel_description = 'Les données de la météo sont les suivantes : Actuellement météo barcelone ( eta-new-york ) : 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 = 'Bonne', 
                score_meteo_texte = 'Les conditions météorologiques à Barcelone sont actuellement favorables pour un voyage. Malgré des températures agréables, il est recommandé de prévoir une protection contre le soleil et de rester hydraté. Profitez de votre séjour dans cette magnifique ville!', date_text = '16 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é à l'Aéroport BARCELONE (BCN) - BARCELONE</title>
	<meta name="description" content="Découvrez toutes les informations de sécurité essentielles pour voyager via l'aéroport BARCELONE (BCN) à BARCELONE. Consultez les conseils de sécurité, les alertes actuelles, et accédez aux informations indispensables pour profiter d'un voyage serein à BARCELONE.">
	<meta name="keywords" content="sécurité voyage aéroport BARCELONE, conseils de sécurité BARCELONE, voyage sécurisé BARCELONE, informations sécurité BARCELONE, sécurité aéroport BCN">

	<meta property="og:title" content="Voyager en Toute Sécurité à l'Aéroport BARCELONE (BCN) - BARCELONE">
	<meta property="og:description" content="Découvrez toutes les informations de sécurité essentielles pour voyager via l'aéroport BARCELONE (BCN) à BARCELONE. Consultez les conseils de sécurité, les alertes actuelles, et accédez aux informations indispensables pour profiter d'un voyage serein à BARCELONE.">
	<meta property="og:url" content="https://www.magellio.com/voyage-securite/eta-new-york-NYC/depart/barcelone-BCN.html">
	<meta property="og:type" content="website">
	<meta property="og:image" content="https://www.magellio.com/img/photo-XX-XXX-xxxx2-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/eta-new-york-NYC/depart/barcelone-BCN.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?260316631" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://www.magellio.com/css/style-magellio.css?260316631"></noscript>
	-->	
		<link rel="stylesheet" href="https://www.magellio.com/css/style-magellio.css?260316631">
	

		<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 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-XX-XXX-xxxx2-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 BARCELONE (BCN)                                </p>
                                <h2 class="display-3 fw-bold mb-3" style="line-height: 1">
                                    Météo, Sécurité, Information Touriste sur l'aéroport  BARCELONE                                </h2>
                                <p class="mb-4">
                                    Découvrez les conditions actuelles de voyage à BARCELONE. <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/eta-new-york-NYC/depart.html" itemprop="item">
                <span itemprop="name">Eta-new-york</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">Barcelone</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="Barcelone - BCN">
            </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="31-03-2026 / 07-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="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="Barcelone - BCN">
                </div>
            </div>
            <div class="col-12 col-md-3 mt-3">
                <label for="classvolhotel" class="form-label">Classe</label>
                <select class="form-select" id="classvolhotel" name="classvolhotel">
                    <option value="eco">Économique</option>
                    <option value="premium">Premium</option>
                    <option value="business">Business</option>
                    <option value="first">First</option>
                </select>
            </div>

            <div class="w-100"></div>
            <div class="col-12 col-md-5">
                <label for="daterangevolhotel" class="form-label">Dates</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                    <input id="daterangevolhotel" name="daterangevolhotel" class="form-control datepicker" type="text" placeholder="Dates (+/- 3 jours)" value="31-03-2026 / 07-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'aéroport BARCELONE, BARCELONE</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 BARCELONE (BCN)</b> est notre priorité. Magellio met à votre disposition des informations fiables et actuelles pour que vous puissiez explorer la région de BARCELONE 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>BARCELONE</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 à BARCELONE. Réservez dès maintenant et profitez de votre <b>séjour à BARCELONE</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 BARCELONE</h2>

        <div class="card mt-3">
            <div class="card-header">
                Sécurité Générale et Conseils
                <span class="badge bg-success">
                    Sûr                </span>
            </div>
            <div class="card-body">
                <h5 class="card-title">Conseils de Sécurité pour l'aéroport BARCELONE en date du 16 mars 2026</h5>
                <p class="card-text">Avant de voyager vers l'aéroport BARCELONE, il est essentiel de se renseigner sur les <b>conditions de sécurité</b> actuelles. Le statut de sécurité à l'aéroport de Barcelone est actuellement normal</p>
                
                <h5 class="card-title">Recommandation liée à la situation Géopolitique</h5>
                <p class="card-text">Barcelone est une destination recommandée en raison de sa stabilité politique et sécuritaire.</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 à BARCELONE</h5>
                <p>L'aéroport BARCELONE, 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>Le climat à Barcelone est généralement agréable, avec un risque de fortes pluies occasionnelles en cette 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 BARCELONE est qualifié comme Bonne pour les voyageurs</b>. Les conditions météorologiques à Barcelone sont actuellement favorables pour un voyage. Malgré des températures agréables, il est recommandé de prévoir une protection contre le soleil et de rester hydraté. Profitez de votre séjour dans cette magnifique ville!</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 BARCELONE<span class="badge ms-2 bg-success">
                    Sûr                </span></h5>
                <p class="card-text">Sur une échelle de 0 à 5, le score de sécurité actuel pour l'aéroport BARCELONE est de 4. Ce score reflète les conditions sécuritaires globales de la région, offrant une perspective utile pour les voyageurs.</p>
                
                <h5 class="card-title">Score de Météo pour l'aéroport BARCELONE<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 BARCELONE 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 BARCELONE            </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> Disponibilité de salons</p>
                <p class="card-text"><b>Fréquence des Vols Internationaux à BARCELONE:</b> Fréquence des vols internationaux élevée</p>
                <p class="card-text"><b>Destinations Populaires au départ de BARCELONE :</b> Paris, Londres, Madrid, Rome</p>
                <p class="card-text"><b>Retard Moyen constaté à BARCELONE :</b> Les retards actuels sont minimes</p>
                <p class="card-text"><b>Principales Compagnies Aériennes présentes pour des vols au départ de BARCELONE :</b> Vueling, Iberia, Ryanair, Lufthansa</p>
                <p class="card-text"><b>Transport en Commun disponible à BARCELONE :</b> Connexions en bus et en train disponibles pour rejoindre la ville principale</p>
            </div>
        </div>
    </div>
  </div>
</div>
</section>

<section class="py-2">
	<div class="container mt-3">
		<div class="row">
  			<div class="col-md-12">
  				<p class="subtitle text-secondary">Vol Barcelone pas cher</p> 
              <div class="row ms-1"><div class="col-md-12"><div class="ai-description"><div class="text-muted">Mis à jour le 13 mars 2026</div><p>Envolez-vous vers <b>BARCELONE</b>, en <b>Espagne</b>, dès 292€ avec <b>Air France</b> en classe économique! Ne manquez pas les incontournables de la ville : la Sagrada Familia, le Parc Güell et les Ramblas. Découvrez la météo ensoleillée de Barcelone pour les trois prochains mois, parfaite pour flâner sur les plages de la Costa Brava. Profitez également des événements locaux à venir, comme le festival de la Mercè en septembre. Réservez dès maintenant votre billet pour une escapade inoubliable!</p></div></div></div>  			</div>
		</div>
		<div class="row mb-2">	
			<div class="container mt-4"><h2>Promotions vols BARCELONE</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 Part-dieu Barcelone</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en 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-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:00 - 19:20</small><br><small>XYD - BCN</small></p></div><div class="col-5 text-right"><small>05H20</small><br><small>Lyon Part-dieu /<br>Barcelone</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>20:20 - 09:30</small><br><small>BCN - XYD</small></p></div><div class="col-5 text-right"><small>13H10</small><br><small>Barcelone /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">292€</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 Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_0" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_0" value="30-10-2026 / 02-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Part-dieu Barcelone</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 28 Oct. - Lun 02 Nov.</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>17:00 - 22:55</small><br><small>XYD - BCN</small></p></div><div class="col-5 text-right"><small>05H55</small><br><small>Lyon Part-dieu /<br>Barcelone</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>20:20 - 09:30</small><br><small>BCN - XYD</small></p></div><div class="col-5 text-right"><small>13H10</small><br><small>Barcelone /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">292€</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="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_1" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_1" value="28-10-2026 / 02-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Part-dieu Barcelone</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>Lun 26 Oct. - Lun 02 Nov.</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>16:00 - 22:55</small><br><small>XYD - BCN</small></p></div><div class="col-5 text-right"><small>06H55</small><br><small>Lyon Part-dieu /<br>Barcelone</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>20:20 - 09:30</small><br><small>BCN - XYD</small></p></div><div class="col-5 text-right"><small>13H10</small><br><small>Barcelone /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">317€</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="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_2" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_2" value="26-10-2026 / 02-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Part-dieu Barcelone</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>Lun 26 Oct. - Lun 02 Nov.</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>17:00 - 22:55</small><br><small>XYD - BCN</small></p></div><div class="col-5 text-right"><small>05H55</small><br><small>Lyon Part-dieu /<br>Barcelone</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>20:20 - 09:30</small><br><small>BCN - XYD</small></p></div><div class="col-5 text-right"><small>13H10</small><br><small>Barcelone /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">317€</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="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_3" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_3" value="26-10-2026 / 02-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Lyon Part-dieu Barcelone</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Ven 23 Oct. - Lun 02 Nov.</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>08:27 - 15:35</small><br><small>XYD - BCN</small></p></div><div class="col-5 text-right"><small>07H08</small><br><small>Lyon Part-dieu /<br>Barcelone</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>20:20 - 09:30</small><br><small>BCN - XYD</small></p></div><div class="col-5 text-right"><small>13H10</small><br><small>Barcelone /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">324€</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="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_4" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_4" value="23-10-2026 / 02-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Bordeaux Tgv Barcelone</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en 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-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:58 - 22:55</small><br><small>ZFQ - BCN</small></p></div><div class="col-5 text-right"><small>09H57</small><br><small>Bordeaux Tgv /<br>Barcelone</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>20:20 - 11:00</small><br><small>BCN - ZFQ</small></p></div><div class="col-5 text-right"><small>14H40</small><br><small>Barcelone /<br>Bordeaux Tgv</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;">273€</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="Bordeaux Tgv - ZFQ"><input type="hidden" name="destination" id="destination_ticketbox_5" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_5" value="27-10-2026 / 06-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/bordeaux-tgv-ZFQ.html">Vols Bordeaux Tgv Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Bordeaux Tgv Barcelone</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>Dim 01 Nov. - Mer 04 Nov.</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>05:58 - 14:00</small><br><small>ZFQ - BCN</small></p></div><div class="col-5 text-right"><small>08H02</small><br><small>Bordeaux Tgv /<br>Barcelone</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>06:00 - 11:00</small><br><small>BCN - ZFQ</small></p></div><div class="col-5 text-right"><small>05H00</small><br><small>Barcelone /<br>Bordeaux Tgv</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;">280€</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="Bordeaux Tgv - ZFQ"><input type="hidden" name="destination" id="destination_ticketbox_6" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_6" value="01-11-2026 / 04-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/bordeaux-tgv-ZFQ.html">Vols Bordeaux Tgv Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Bordeaux Tgv Barcelone</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>Dim 01 Nov. - Sam 07 Nov.</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>05:58 - 14:00</small><br><small>ZFQ - BCN</small></p></div><div class="col-5 text-right"><small>08H02</small><br><small>Bordeaux Tgv /<br>Barcelone</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>18:05 - 09:15</small><br><small>BCN - ZFQ</small></p></div><div class="col-5 text-right"><small>15H10</small><br><small>Barcelone /<br>Bordeaux Tgv</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;">280€</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="Bordeaux Tgv - ZFQ"><input type="hidden" name="destination" id="destination_ticketbox_7" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_7" value="01-11-2026 / 07-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/bordeaux-tgv-ZFQ.html">Vols Bordeaux Tgv Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Bordeaux Tgv Barcelone</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>Dim 01 Nov. - Ven 06 Nov.</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>05:58 - 14:00</small><br><small>ZFQ - BCN</small></p></div><div class="col-5 text-right"><small>08H02</small><br><small>Bordeaux Tgv /<br>Barcelone</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>20:20 - 11:00</small><br><small>BCN - ZFQ</small></p></div><div class="col-5 text-right"><small>14H40</small><br><small>Barcelone /<br>Bordeaux Tgv</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;">280€</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="Bordeaux Tgv - ZFQ"><input type="hidden" name="destination" id="destination_ticketbox_8" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_8" value="01-11-2026 / 06-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/bordeaux-tgv-ZFQ.html">Vols Bordeaux Tgv Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Bordeaux Tgv Barcelone</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Novembre 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>05:58 - 14:00</small><br><small>ZFQ - BCN</small></p></div><div class="col-5 text-right"><small>08H02</small><br><small>Bordeaux Tgv /<br>Barcelone</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>20:20 - 09:15</small><br><small>BCN - ZFQ</small></p></div><div class="col-5 text-right"><small>12H55</small><br><small>Barcelone /<br>Bordeaux Tgv</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;">291€</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="Bordeaux Tgv - ZFQ"><input type="hidden" name="destination" id="destination_ticketbox_9" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_9" value="01-11-2026 / 05-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/bordeaux-tgv-ZFQ.html">Vols Bordeaux Tgv Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Bordeaux Tgv Barcelone</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en 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-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:58 - 22:55</small><br><small>ZFQ - BCN</small></p></div><div class="col-5 text-right"><small>09H57</small><br><small>Bordeaux Tgv /<br>Barcelone</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>20:20 - 09:15</small><br><small>BCN - ZFQ</small></p></div><div class="col-5 text-right"><small>12H55</small><br><small>Barcelone /<br>Bordeaux Tgv</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;">296€</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="Bordeaux Tgv - ZFQ"><input type="hidden" name="destination" id="destination_ticketbox_10" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_10" value="27-10-2026 / 02-11-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/eta-new-york-NYC/depart/barcelone-BCN/depart/bordeaux-tgv-ZFQ.html">Vols Bordeaux Tgv Barcelone</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Bâle Mulhouse Barcelone</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>Lun 11 Mai - Sam 16 Mai</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://www.magellio.com/img/logos-airlines-medium/swiss.png" alt="swiss Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:36 - 23:40</small><br><small>ZDH - BCN</small></p></div><div class="col-5 text-right"><small>05H04</small><br><small>Bâle Mulhouse /<br>Barcelone</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/swiss.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>06:00 - 10:23</small><br><small>BCN - ZDH</small></p></div><div class="col-5 text-right"><small>04H23</small><br><small>Barcelone /<br>Bâle Mulhouse</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;">291€</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="Bâle Mulhouse - ZDH"><input type="hidden" name="destination" id="destination_ticketbox_11" value="Barcelone - BCN"><input type="hidden" name="date" id="date_ticketbox_11" value="11-05-2026 / 16-05-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/eta-new-york-NYC/depart/barcelone-BCN/depart/bale-mulhouse-ZDH.html">Vols Bâle Mulhouse Barcelone</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/eta-new-york-NYC/depart/barcelone-BCN/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 - Barcelone (LYS-BCN)</span><span class="text-danger text-end ms-auto">56€</span></div></a><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/toulouse-TLS.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Toulouse - Barcelone (TLS-BCN)</span><span class="text-danger text-end ms-auto">69€</span></div></a><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/nantes-NTE.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Nantes - Barcelone (NTE-BCN)</span><span class="text-danger text-end ms-auto">61€</span></div></a><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/francfort-FRA.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Francfort - Barcelone (FRA-BCN)</span><span class="text-danger text-end ms-auto">214€</span></div></a></div><div class="col-md-4"><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/bordeaux-BOD.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Bordeaux - Barcelone (BOD-BCN)</span><span class="text-danger text-end ms-auto">147€</span></div></a><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/nantes-QJZ.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Nantes - Barcelone (QJZ-BCN)</span><span class="text-danger text-end ms-auto">302€</span></div></a><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/nice-NCE.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Nice - Barcelone (NCE-BCN)</span><span class="text-danger text-end ms-auto">97€</span></div></a><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/geneve-ZHT.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Geneve - Barcelone (ZHT-BCN)</span><span class="text-danger text-end ms-auto">226€</span></div></a></div><div class="col-md-4"><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/marseille-MRS.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Marseille - Barcelone (MRS-BCN)</span><span class="text-danger text-end ms-auto">112€</span></div></a><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/lille-XFA.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Lille - Barcelone (XFA-BCN)</span><span class="text-danger text-end ms-auto">302€</span></div></a><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/lille-XDB.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Lille - Barcelone (XDB-BCN)</span><span class="text-danger text-end ms-auto">301€</span></div></a><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN/depart/geneve-GVA.html" class="route-link"><div class="d-flex justify-content-between align-items-center"><span class="text-primary text-start">Vol Geneve - Barcelone (GVA-BCN)</span><span class="text-danger text-end ms-auto">172€</span></div></a></div></div><div class="row mb-3"><div class="text-left"><a href="https://www.magellio.com/vols/eta-new-york-NYC/depart/barcelone-BCN.html" class="mt-2 btn-sm btn-primary">Vols BARCELONE pas cher</a></div></div><div class="row mb-3"><div class="text-left"><a href="https://www.magellio.com/voyage-securite/eta-new-york-NYC/depart/barcelone-BCN.html" class="mt-2 btn-sm btn-primary">Sécurité et Météo à BARCELONE</a></div></div></div>		</div>

    <h2>Classes de Vol Disponibles pour Barcelone, Eta-new-york</h2>

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

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

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

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

    <h2 class="mt-5">Offres et Promotions pour Barcelone, Eta-new-york</h2>
    <p>Découvrez les 100 routes aériennes les moins chères et les 10 billets les moins chers pour Barcelone 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 Barcelone        </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 Barcelone.</p>
        </div>
    </div>

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

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

    <h2 class="mt-5">Réservation Facile pour Barcelone, Eta-new-york</h2>
    <p>Réservez vous-même un vol et un hôtel vers Barcelone 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 Barcelone 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 Barcelone 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 Barcelone, Eta-new-york</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 Barcelone.</li>
        <li class="list-group-item">Prix Compétitifs : Profitez des tarifs les plus bas pour Barcelone 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 Barcelone.</li>
    </ul>

    <p class="mt-5">Préparez-vous à explorer Barcelone, Eta-new-york 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 Barcelone, Eta-new-york.</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?260316631"></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=1773639117"></script>

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