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 (
                'QKL', 'Cologne', 'Cologne Bonn Airport', '50.8668', '7.1437', 
                'Des salons sont disponibles pour les passagers en attente.', 'Il y a une fréquence régulière de vols internationaux.', 'Paris, Londres, Madrid, Rome', 'Les retards actuels sont minimes à l\'aéroport de QKL.', 
                'Lufthansa, Ryanair, Eurowings', 'Des connexions en bus et en train relient l\'aéroport de QKL à la ville principale.', 'Des services de taxi, de covoiturage et de location de voitures sont disponibles à l\'aéroport.', 'Des installations de stationnement à court et long terme sont disponibles à des tarifs raisonnables.', 'Il y a des installations de transit et de séjour à l\'aéroport, y compris des hôtels à proximité.', 
                'La situation de sécurité autour de l\'aéroport de QKL est actuellement stable.', 'La situation de sécurité dans la ville de Cologne est normale avec des mesures de sécurité renforcées.', 'Aucune alerte ou avertissement majeur lié à des problèmes de sécurité à l\'aéroport de QKL n\'est actuellement en ligne.', 'Aucune exigence de test spécifique n\'est signalée à l\'aéroport de QKL, mais il est recommandé de suivre les protocoles sanitaires en vigueur.', 
                'Il est recommandé aux voyageurs de vérifier les vaccins recommandés avant de se rendre à QKL et de prendre des précautions supplémentaires en raison de la pandémie.', 'Des événements culturels passionnants sont prévus à Cologne, notamment des festivals d\'art, de musique et de nourriture.', 'Cologne est généralement sûre pour les voyageurs, mais il est conseillé d\'éviter les zones isolées la nuit pour des raisons de sécurité.', '4', 
                'Sûr', 'Cologne est une destination sûre et accueillante pour les voyageurs, avec des mesures de sécurité adéquates en place.', 'Les conditions météorologiques actuelles à Cologne sont stables, mais il est recommandé de rester informé des prévisions météo en cas de changements soudains.', 'Les prévisions météorologiques actuelles pour QKL indiquent un temps ensoleillé avec des températures agréables. Aucune alerte météo extrême n\'est répertoriée pour le moment.', 
                '', '', '', '', 
                '', 'Les données de la météo sont les suivantes : Actuellement météo cologne ( allemagne-de ) : Température de °C, humidité %, vent de  m/s, conditions : . Prévisions pour les prochains jours : ', 'Aucune alerte météorologique en cours.', '4', 
                'Bon', 'Avec des conditions météo actuelles relativement bonnes et aucune alerte en cours, il est recommandé de visiter Cologne. Profitez de votre séjour en toute tranquillité et découvrez les beautés de cette ville allemande.', '18 décembre 2025'
            ) ON DUPLICATE KEY UPDATE 
                airport_name = 'Cologne Bonn Airport', latitude = '50.8668', longitude = '7.1437', 
                availability_lounges = 'Des salons sont disponibles pour les passagers en attente.', frequency_international_flights = 'Il y a une fréquence régulière de vols internationaux.', 
                popular_routes = 'Paris, Londres, Madrid, Rome', average_delay = 'Les retards actuels sont minimes à l\'aéroport de QKL.', main_airlines = 'Lufthansa, Ryanair, Eurowings', 
                public_transport = 'Des connexions en bus et en train relient l\'aéroport de QKL à la ville principale.', transport_services = 'Des services de taxi, de covoiturage et de location de voitures sont disponibles à l\'aéroport.', parking = 'Des installations de stationnement à court et long terme sont disponibles à des tarifs raisonnables.', 
                layover_facilities = 'Il y a des installations de transit et de séjour à l\'aéroport, y compris des hôtels à proximité.', security_airport_status = 'La situation de sécurité autour de l\'aéroport de QKL est actuellement stable.', 
                security_city_status = 'La situation de sécurité dans la ville de Cologne est normale avec des mesures de sécurité renforcées.', alert_airport_status = 'Aucune alerte ou avertissement majeur lié à des problèmes de sécurité à l\'aéroport de QKL n\'est actuellement en ligne.', 
                health_info = 'Aucune exigence de test spécifique n\'est signalée à l\'aéroport de QKL, mais il est recommandé de suivre les protocoles sanitaires en vigueur.', health_recommendation = 'Il est recommandé aux voyageurs de vérifier les vaccins recommandés avant de se rendre à QKL et de prendre des précautions supplémentaires en raison de la pandémie.', 
                cultural_events = 'Des événements culturels passionnants sont prévus à Cologne, notamment des festivals d\'art, de musique et de nourriture.', tourist_info = 'Cologne est généralement sûre pour les voyageurs, mais il est conseillé d\'éviter les zones isolées la nuit pour des raisons de sécurité.', score_geopolitique = '4', 
                score_geopolitique_one_word = 'Sûr', score_geopolitique_texte = 'Cologne est une destination sûre et accueillante pour les voyageurs, avec des mesures de sécurité adéquates en place.', 
                climate_impact = 'Les conditions météorologiques actuelles à Cologne sont stables, mais il est recommandé de rester informé des prévisions météo en cas de changements soudains.', weather_info = 'Les prévisions météorologiques actuelles pour QKL indiquent un temps ensoleillé avec des températures agréables. Aucune alerte météo extrême n\'est répertoriée pour le moment.', 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 cologne ( allemagne-de ) : Température de °C, humidité %, vent de  m/s, conditions : . Prévisions pour les prochains jours : ', meteo_alerte_description = 'Aucune alerte météorologique en cours.', 
                score_meteo = '4', score_meteo_one_word = 'Bon', 
                score_meteo_texte = 'Avec des conditions météo actuelles relativement bonnes et aucune alerte en cours, il est recommandé de visiter Cologne. Profitez de votre séjour en toute tranquillité et découvrez les beautés de cette ville allemande.', date_text = '18 décembre 2025'<br>Incorrect decimal value: '' for column 'average_day_temp' at row 1<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Voyager en Toute Sécurité à l'Aéroport Cologne Bonn Airport (QKL) - Cologne</title>
	<meta name="description" content="Découvrez toutes les informations de sécurité essentielles pour voyager via l'aéroport Cologne Bonn Airport (QKL) à Cologne. Consultez les conseils de sécurité, les alertes actuelles, et accédez aux informations indispensables pour profiter d'un voyage serein à Cologne.">
	<meta name="keywords" content="sécurité voyage aéroport Cologne Bonn Airport, conseils de sécurité Cologne, voyage sécurisé Cologne, informations sécurité Cologne Bonn Airport, sécurité aéroport QKL">

	<meta property="og:title" content="Voyager en Toute Sécurité à l'Aéroport Cologne Bonn Airport (QKL) - Cologne">
	<meta property="og:description" content="Découvrez toutes les informations de sécurité essentielles pour voyager via l'aéroport Cologne Bonn Airport (QKL) à Cologne. Consultez les conseils de sécurité, les alertes actuelles, et accédez aux informations indispensables pour profiter d'un voyage serein à Cologne.">
	<meta property="og:url" content="https://weekend.magellio.com/voyage-securite/allemagne-de-DE/cologne-QKL.html">
	<meta property="og:type" content="website">
	<meta property="og:image" content="https://weekend.magellio.com/img/photo-DE-FRA-francfort-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://weekend.magellio.com/voyage-securite/allemagne-de-DE/cologne-QKL.html">
  
	<link rel="shortcut icon" href="https://weekend.magellio.com/img/favicon-magellio.png">


			<!-- CSS MODULES -->

		<link rel="preconnect" href="https://ajax.googleapis.com">
		<link rel="preload" href="https://weekend.magellio.com/vendor/nouislider/nouislider.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://weekend.magellio.com/vendor/nouislider/nouislider.css"></noscript>
		<link rel="preload" href="https://weekend.magellio.com/vendor/swiper/css/swiper.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://weekend.magellio.com/vendor/swiper/css/swiper.css"></noscript>
		<link rel="preload" href="https://weekend.magellio.com/vendor/magnific-popup/magnific-popup.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://weekend.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://weekend.magellio.com/css/style-magellio.css?251218334" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://weekend.magellio.com/css/style-magellio.css?251218334"></noscript>
	-->	
		<link rel="stylesheet" href="https://weekend.magellio.com/css/style-magellio.css?251218334">
	

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


</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="/">					<img src="https://weekend.magellio.com/img/logo-magellio-transparent.png" alt="magellio" title="Version 3973
" 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> Weekends</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">Weekends 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 Weekends</h6>
											<p class="mb-0 text-muted text-sm">Nous vous proposons les <b>meilleurs Weekends</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 Weekend en <b>4x sans frais</b>.</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li class="nav-item"><a href="#derniereminute" class="nav-link"><i class="fas fa-stopwatch"></i> OneDay</a> </li>
			<li class="nav-item"><a href="#tendances" class="nav-link"><i class="fas fa-calendar"></i> Meilleures dates</a> </li>
			<li class="nav-item"><a href="#voyages" class="nav-link"><i class="fas fa-hotel"></i> Hôtel</a> </li>
			<li class="nav-item"><a href="https://www.magellio.com/vol.html" class="nav-link"><i class="fas fa-plane"></i> Vol</a> </li>
			<li class="nav-item"><a href="https://weekend.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://weekend.magellio.com/img/photo-DE-FRA-francfort-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 Cologne (QKL)                                </p>
                                <h2 class="display-3 fw-bold mb-3" style="line-height: 1">
                                    Météo, Sécurité, Information Touriste sur l'aéroport  Cologne Bonn Airport                                </h2>
                                <p class="mb-4">
                                    Découvrez les conditions actuelles de voyage à Cologne Bonn Airport. <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://weekend.magellio.com/" itemprop="item">
                <span itemprop="name">Weekend</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://weekend.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://weekend.magellio.com/voyage-securite/allemagne-de-DE.html" itemprop="item">
                <span itemprop="name">Allemagne-de</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"></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://weekend.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=" - ">
                </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=" - ">
            </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="02-01-2026 / 09-01-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://weekend.magellio.com/reserver-vol-hotel.php" id="formvolhotel" method="post" target="searchvolhotel">
        <input type="hidden" id="departure_airport_name_volhotel" name="departure_airport_name_volhotel" value="">
        <input type="hidden" id="departure_city_name_volhotel" name="departure_city_name_volhotel" value="">
        <input type="hidden" id="arrival_airport_name_volhotel" name="arrival_airport_volname" value="">
        <input type="hidden" id="arrival_city_name_volhotel" name="arrival_city_name_volhotel" value="">

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

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

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

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


<!-- FIN SECTION NOUVEAU MOTEUR -->


<section class="py-2">
  <div class="container mt-4">
    <div class="row">
      <div class="col-md-12">
        <h2 class="subtitle text-secondary">Situation géopolitique et météorologique à l'aéroport Cologne Bonn Airport, Cologne</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 Cologne Bonn Airport (QKL)</b> est notre priorité. Magellio met à votre disposition des informations fiables et actuelles pour que vous puissiez explorer la région de Cologne 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>Cologne Bonn Airport</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 à Cologne. Réservez dès maintenant et profitez de votre <b>séjour à Cologne</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 Cologne Bonn Airport</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 Cologne Bonn Airport en date du 18 décembre 2025</h5>
                <p class="card-text">Avant de voyager vers l'aéroport Cologne Bonn Airport, il est essentiel de se renseigner sur les <b>conditions de sécurité</b> actuelles. La situation de sécurité autour de l'aéroport de QKL est actuellement stable.</p>
                
                <h5 class="card-title">Recommandation liée à la situation Géopolitique</h5>
                <p class="card-text">Cologne est une destination sûre et accueillante pour les voyageurs, avec des mesures de sécurité adéquates en place.</p>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-header">
                Météo et Conditions de Voyage
                <span class="badge bg-success">
                    Bon                </span>
            </div>
            <div class="card-body">
                <h5 class="card-title">Conditions Météorologiques Actuelles à Cologne Bonn Airport</h5>
                <p>L'aéroport Cologne Bonn Airport, cette semaine, la température moyenne pendant la journée est de °C, tandis que la nuit, elle descend à environ °C, offrant un climat modérément frais. L'humidité moyenne est de %. Le vent souffle à une vitesse moyenne de <br />
<b>Warning</b>:  A non-numeric value encountered in <b>/var/www/site/pages/voyage-securite-airport.php</b> on line <b>527</b><br />
 m/s. Les précipitations ont une moyenne de mm de précipitation.</p>
                <p>Les conditions météorologiques actuelles à Cologne sont stables, mais il est recommandé de rester informé des prévisions météo en cas de changements soudains.</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 Cologne Bonn Airport est qualifié comme Bon pour les voyageurs</b>. Avec des conditions météo actuelles relativement bonnes et aucune alerte en cours, il est recommandé de visiter Cologne. Profitez de votre séjour en toute tranquillité et découvrez les beautés de cette ville allemande.</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 Cologne Bonn Airport<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 Cologne Bonn Airport 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 Cologne Bonn Airport<span class="badge ms-2 bg-success">
                    Bon                </span></h5>
                <p class="card-text">Sur une échelle de 0 à 5, le score de météo actuel pour l'aéroport Cologne Bonn Airport 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 Cologne Bonn Airport            </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> Des salons sont disponibles pour les passagers en attente.</p>
                <p class="card-text"><b>Fréquence des Vols Internationaux à Cologne Bonn Airport:</b> Il y a une fréquence régulière de vols internationaux.</p>
                <p class="card-text"><b>Destinations Populaires au départ de Cologne Bonn Airport :</b> Paris, Londres, Madrid, Rome</p>
                <p class="card-text"><b>Retard Moyen constaté à Cologne Bonn Airport :</b> Les retards actuels sont minimes à l'aéroport de QKL.</p>
                <p class="card-text"><b>Principales Compagnies Aériennes présentes pour des vols au départ de Cologne Bonn Airport :</b> Lufthansa, Ryanair, Eurowings</p>
                <p class="card-text"><b>Transport en Commun disponible à Cologne Bonn Airport :</b> Des connexions en bus et en train relient l'aéroport de QKL à 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  pas cher</p> 
              <div class="row ms-1"><div class="col-md-12"><div class="ai-description"><div class="text-muted">Mis à jour le 30 novembre 2025</div><p>Réservez votre voyage vers <b>Cologne</b>, <b>Allemagne</b> dès 3241€ avec <b>Lufthansa</b> et découvrez une ville dynamique et culturelle. Ne manquez pas la majestueuse cathédrale de <b>Cologne</b>, classée au patrimoine mondial de l'UNESCO, et promenez-vous le long du Rhin pour admirer les superbes vues. Profitez de la météo automnale douce pour explorer les nombreux musées de la ville et assister à des événements locaux tels que le célèbre marché de Noël de <b>Cologne</b> en décembre. Réservez dès maintenant pour vivre une expérience inoubliable!</p></div></div></div>  			</div>
		</div>
		<div class="row mb-2">	
			<div class="container mt-4"><h2>Promotions vols Cologne</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 Nantes Cologne</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Juin 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:15 - 09:55</small><br><small>NTE - CGN</small></p></div><div class="col-5 text-right"><small>15H40</small><br><small>Nantes /<br>Cologne</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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 17:30</small><br><small>CGN - NTE</small></p></div><div class="col-5 text-right"><small>26H40</small><br><small>Cologne /<br>Nantes</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3241€</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="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_0" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_0" value="07-06-2026 / 11-06-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_0" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_0" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_0" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/nantes-NTE.html">Vols Nantes Cologne</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 Nantes Cologne</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 Avril 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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:20 - 09:55</small><br><small>NTE - CGN</small></p></div><div class="col-5 text-right"><small>15H35</small><br><small>Nantes /<br>Cologne</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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 17:40</small><br><small>CGN - NTE</small></p></div><div class="col-5 text-right"><small>26H50</small><br><small>Cologne /<br>Nantes</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3236€</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="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_1" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_1" value="19-04-2026 / 23-04-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://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/nantes-NTE.html">Vols Nantes Cologne</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 Nantes Cologne</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 12 Avr. - Jeu 16 Avr.</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:20 - 09:55</small><br><small>NTE - CGN</small></p></div><div class="col-5 text-right"><small>15H35</small><br><small>Nantes /<br>Cologne</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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 17:40</small><br><small>CGN - NTE</small></p></div><div class="col-5 text-right"><small>26H50</small><br><small>Cologne /<br>Nantes</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3236€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_2" onsubmit="updateBookingEngine(event, 2); return false;"><input type="hidden" name="origine" id="origine_ticketbox_2" value="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_2" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_2" value="12-04-2026 / 16-04-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://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/nantes-NTE.html">Vols Nantes Cologne</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 Nantes Cologne</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 26 Avr. - Jeu 30 Avr.</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:20 - 09:55</small><br><small>NTE - CGN</small></p></div><div class="col-5 text-right"><small>15H35</small><br><small>Nantes /<br>Cologne</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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:55 - 17:40</small><br><small>CGN - NTE</small></p></div><div class="col-5 text-right"><small>22H45</small><br><small>Cologne /<br>Nantes</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3236€</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="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_3" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_3" value="26-04-2026 / 30-04-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://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/nantes-NTE.html">Vols Nantes Cologne</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 Nantes Cologne</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 Mars 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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:15 - 09:55</small><br><small>NTE - CGN</small></p></div><div class="col-5 text-right"><small>15H40</small><br><small>Nantes /<br>Cologne</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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:55 - 17:30</small><br><small>CGN - NTE</small></p></div><div class="col-5 text-right"><small>22H35</small><br><small>Cologne /<br>Nantes</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3240€</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="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_4" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_4" value="29-03-2026 / 02-04-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://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/nantes-NTE.html">Vols Nantes Cologne</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 Nantes Cologne</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 31 Mai - Jeu 04 Juin</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:15 - 09:55</small><br><small>NTE - CGN</small></p></div><div class="col-5 text-right"><small>15H40</small><br><small>Nantes /<br>Cologne</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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:30 - 17:30</small><br><small>CGN - NTE</small></p></div><div class="col-5 text-right"><small>23H00</small><br><small>Cologne /<br>Nantes</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3241€</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="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_5" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_5" value="31-05-2026 / 04-06-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_5" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_5" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_5" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/nantes-NTE.html">Vols Nantes Cologne</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 Nantes Cologne</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 10 Mai - Jeu 14 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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:15 - 09:55</small><br><small>NTE - CGN</small></p></div><div class="col-5 text-right"><small>15H40</small><br><small>Nantes /<br>Cologne</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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:30 - 17:30</small><br><small>CGN - NTE</small></p></div><div class="col-5 text-right"><small>23H00</small><br><small>Cologne /<br>Nantes</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3241€</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="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_6" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_6" value="10-05-2026 / 14-05-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://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/nantes-NTE.html">Vols Nantes Cologne</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 Nantes Cologne</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Mai 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:15 - 09:55</small><br><small>NTE - CGN</small></p></div><div class="col-5 text-right"><small>15H40</small><br><small>Nantes /<br>Cologne</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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 17:30</small><br><small>CGN - NTE</small></p></div><div class="col-5 text-right"><small>26H40</small><br><small>Cologne /<br>Nantes</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3241€</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="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_7" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_7" value="03-05-2026 / 07-05-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://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/nantes-NTE.html">Vols Nantes Cologne</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 Nantes Cologne</h5></div><div class="card-body"><span class="badge badge-info" style="background-color: green; padding: 5px 10px; border-radius: 8px;">Classe Économique</span><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Mai 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:15 - 09:55</small><br><small>NTE - CGN</small></p></div><div class="col-5 text-right"><small>15H40</small><br><small>Nantes /<br>Cologne</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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 17:30</small><br><small>CGN - NTE</small></p></div><div class="col-5 text-right"><small>26H40</small><br><small>Cologne /<br>Nantes</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3241€</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="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_8" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_8" value="17-05-2026 / 21-05-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://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/nantes-NTE.html">Vols Nantes Cologne</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 Nantes Cologne</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 14 Juin - Jeu 18 Juin</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:15 - 09:55</small><br><small>NTE - CGN</small></p></div><div class="col-5 text-right"><small>15H40</small><br><small>Nantes /<br>Cologne</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://weekend.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:50 - 17:30</small><br><small>CGN - NTE</small></p></div><div class="col-5 text-right"><small>26H40</small><br><small>Cologne /<br>Nantes</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">3241€</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="Nantes - NTE"><input type="hidden" name="destination" id="destination_ticketbox_9" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_9" value="14-06-2026 / 18-06-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_9" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_9" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_9" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/nantes-NTE.html">Vols Nantes Cologne</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Marseille Cologne</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>Jeu 21 Mai - Lun 25 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://weekend.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>09:20 - 17:20</small><br><small>MRS - CGN</small></p></div><div class="col-5 text-right"><small>08H00</small><br><small>Marseille /<br>Cologne</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://weekend.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>12:45 - 13:50</small><br><small>CGN - MRS</small></p></div><div class="col-5 text-right"><small>25H05</small><br><small>Cologne /<br>Marseille</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;">394€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_10" onsubmit="updateBookingEngine(event, 10); return false;"><input type="hidden" name="origine" id="origine_ticketbox_10" value="Marseille - MRS"><input type="hidden" name="destination" id="destination_ticketbox_10" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_10" value="21-05-2026 / 25-05-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_10" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_10" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_10" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/marseille-MRS.html">Vols Marseille Cologne</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div class="card-header"><h5 class="card-title mt-2" style="font-size: 1.2rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Marseille Cologne</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 10 Avr. - Mar 14 Avr.</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.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>14:40 - 21:35</small><br><small>MRS - CGN</small></p></div><div class="col-5 text-right"><small>06H55</small><br><small>Marseille /<br>Cologne</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://weekend.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:50 - 13:50</small><br><small>CGN - MRS</small></p></div><div class="col-5 text-right"><small>07H00</small><br><small>Cologne /<br>Marseille</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;">335€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_11" onsubmit="updateBookingEngine(event, 11); return false;"><input type="hidden" name="origine" id="origine_ticketbox_11" value="Marseille - MRS"><input type="hidden" name="destination" id="destination_ticketbox_11" value="Cologne - CGN"><input type="hidden" name="date" id="date_ticketbox_11" value="10-04-2026 / 14-04-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://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/depart/marseille-MRS.html">Vols Marseille Cologne</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://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/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 - Cologne (NCE-CGN)</span><span class="text-danger text-end ms-auto">116€</span></div></a><a href="https://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN/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 - Cologne (BOD-CGN)</span><span class="text-danger text-end ms-auto">595€</span></div></a></div><div class="col-md-4"></div><div class="col-md-4"></div></div><div class="row mb-3"><div class="text-left"><a href="https://weekend.magellio.com/vols/allemagne-de-DE/cologne-CGN.html" class="mt-2 btn-sm btn-primary">Vols Cologne pas cher</a></div></div><div class="row mb-3"><div class="text-left"><a href="https://weekend.magellio.com/voyage-securite/allemagne-de-DE/cologne-CGN.html" class="mt-2 btn-sm btn-primary">Sécurité et Météo à Cologne</a></div></div></div>		</div>

    <h2>Classes de Vol Disponibles pour , Allemagne-de</h2>

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

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

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

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

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

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

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

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

    <p class="mt-5">Préparez-vous à explorer , Allemagne-de 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 , Allemagne-de.</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 agence sélectionne pour vous chaque jour les meilleurs weekends et trouve la meilleur combinaison de vols pas chers et des meilleurs hôtels. Nous vous faisons économiser sur le budget total de votre séjour.</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://weekend.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://weekend.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://weekend.magellio.com/ajax/searchAutoComplete.php', { q: query, b: 'weekend' }, 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://weekend.magellio.com/ajax/searchAirport.php', { a: query, b: 'weekend' }, 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://weekend.magellio.com/ajax/searchCity.php', { a: query, b: 'weekend' }, 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://weekend.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://weekend.magellio.com/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
    <!-- Smooth scroll-->
    <script src="https://weekend.magellio.com/vendor/smooth-scroll/smooth-scroll.polyfills.min.js"></script>
    <!-- Bootstrap Select-->
    <script src="https://weekend.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://weekend.magellio.com/vendor/object-fit-images/ofi.min.js"></script>

        
    
    <script src="https://weekend.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://weekend.magellio.com/js/jquery.daterangepicker.new.js?251218334"></script>

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

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

    <!--  Tarte au Citron Analytics RGPD -->
  <script src="https://weekend.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://weekend.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=1766025284"></script>

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