Error: INSERT INTO sv_countries_security (
    country_code, country_name, capital, population, country_language, country_currency, 
    exchange_rate_vs_euro, country_timezone, visa_requirements, security_status, health_info, 
    transport_info, cultural_events, tourist_info, climate_impact, average_day_temp, 
    average_night_temp, average_wind_speed, average_humidity, average_rain, score_geopolitique, 
    score_geopolitique_one_word, score_geopolitique_texte, meteo_actuel_description, 
    meteo_alerte_description, score_meteo, score_meteo_one_word, score_meteo_texte, date_text
) VALUES (
    'VN', 'Vietnam', 'Hanoï', '97338579', 'vi', 'Dong', 
    '3.7E-5', 'UTC+7', 'Les Français ont besoin d\'un visa pour se rendre au Vietnam.', 'Le Vietnam est actuellement stable sur le plan sécuritaire, cependant, il est recommandé de rester vigilant dans les zones touristiques fréquentées.', 'Il est recommandé de se faire vacciner contre l\'hépatite A et la typhoïde avant de voyager au Vietnam. Il est également important de prendre des mesures préventives contre les piqûres de moustiques pour éviter la dengue.', 
    'Le Vietnam dispose d\'un réseau de transports en commun développé, notamment des trains, des bus et des taxis. Il est également possible de louer des motos pour se déplacer dans certaines régions.', 'Des festivals traditionnels tels que le Têt (Nouvel An lunaire) et le Festival de Huế offrent une expérience culturelle unique aux visiteurs.', 'Certaines zones frontalières avec le Laos et le Cambodge peuvent être sensibles en raison d\'activités criminelles. Il est recommandé de se renseigner auprès des autorités locales avant de voyager dans ces régions.', 'Le Vietnam connaît actuellement une saison des pluies, avec des risques de fortes précipitations et d\'inondations dans certaines régions côtières. Il est conseillé de se tenir informé des prévisions météo locales pour éviter les zones à risque.', '28', 
    '22', '2.7', '85', '11', 
    '4', 'Sûr', 'Le Vietnam est une destination relativement sûre pour les voyageurs, avec des précautions à prendre dans certaines régions.', 
    'Actuellement météo viet-nam : Température de 22°C, humidité 94%, vent de 1 m/s, conditions : Bruine légère. Prévisions pour les prochains jours : Jour 1: Température de jour 27°C, nuit 22°C, vent de 3.2 m/s, conditions : Pluie modérée. Jour 2: Température de jour 29°C, nuit 22°C, vent de 2.9 m/s, conditions : Pluie modérée. Jour 3: Température de jour 29°C, nuit 22°C, vent de 2 m/s, conditions : Pluie modérée.', 'Aucune alerte météorologique en cours.', '2', 'Moyen', 
    'Les conditions météorologiques actuelles au Vietnam ne sont pas idéales pour un voyage. Avec de la pluie modérée prévue pour les prochains jours, il est recommandé de reporter votre visite à une période plus propice. Restez à l\'écoute des mises à jour météo pour planifier votre voyage en toute sécurité.', '9 juin 2026'
) ON DUPLICATE KEY UPDATE 
    capital = 'Hanoï', population = '97338579', country_language = 'vi', 
    country_currency = 'Dong', exchange_rate_vs_euro = '3.7E-5', 
    country_timezone = 'UTC+7', visa_requirements = 'Les Français ont besoin d\'un visa pour se rendre au Vietnam.', 
    security_status = 'Le Vietnam est actuellement stable sur le plan sécuritaire, cependant, il est recommandé de rester vigilant dans les zones touristiques fréquentées.', health_info = 'Il est recommandé de se faire vacciner contre l\'hépatite A et la typhoïde avant de voyager au Vietnam. Il est également important de prendre des mesures préventives contre les piqûres de moustiques pour éviter la dengue.', transport_info = 'Le Vietnam dispose d\'un réseau de transports en commun développé, notamment des trains, des bus et des taxis. Il est également possible de louer des motos pour se déplacer dans certaines régions.', 
    cultural_events = 'Des festivals traditionnels tels que le Têt (Nouvel An lunaire) et le Festival de Huế offrent une expérience culturelle unique aux visiteurs.', tourist_info = 'Certaines zones frontalières avec le Laos et le Cambodge peuvent être sensibles en raison d\'activités criminelles. Il est recommandé de se renseigner auprès des autorités locales avant de voyager dans ces régions.', climate_impact = 'Le Vietnam connaît actuellement une saison des pluies, avec des risques de fortes précipitations et d\'inondations dans certaines régions côtières. Il est conseillé de se tenir informé des prévisions météo locales pour éviter les zones à risque.', 
    average_day_temp = '28', average_night_temp = '22', 
    average_wind_speed = '2.7', average_humidity = '85', 
    average_rain = '11', score_geopolitique = '4', 
    score_geopolitique_one_word = 'Sûr', score_geopolitique_texte = 'Le Vietnam est une destination relativement sûre pour les voyageurs, avec des précautions à prendre dans certaines régions.', 
    meteo_actuel_description = 'Actuellement météo viet-nam : Température de 22°C, humidité 94%, vent de 1 m/s, conditions : Bruine légère. Prévisions pour les prochains jours : Jour 1: Température de jour 27°C, nuit 22°C, vent de 3.2 m/s, conditions : Pluie modérée. Jour 2: Température de jour 29°C, nuit 22°C, vent de 2.9 m/s, conditions : Pluie modérée. Jour 3: Température de jour 29°C, nuit 22°C, vent de 2 m/s, conditions : Pluie modérée.', meteo_alerte_description = 'Aucune alerte météorologique en cours.', 
    score_meteo = '2', score_meteo_one_word = 'Moyen', 
    score_meteo_texte = 'Les conditions météorologiques actuelles au Vietnam ne sont pas idéales pour un voyage. Avec de la pluie modérée prévue pour les prochains jours, il est recommandé de reporter votre visite à une période plus propice. Restez à l\'écoute des mises à jour météo pour planifier votre voyage en toute sécurité.', date_text = '9 juin 2026'<br>Incorrect string value: '\xE1\xBA\xBF of...' for column 'cultural_events' at row 1<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Voyager en Toute Sécurité en Viet-nam</title>
	<meta name="description" content="Découvrez les informations de sécurité pour voyager en Viet-nam. Restez informé sur les conseils de sécurité, les alertes, et profitez d'offres exclusives pour explorer Viet-nam sereinement.">
	<meta name="keywords" content="sécurité voyage Viet-nam, conseils de sécurité Viet-nam, voyage sécurisé Viet-nam, informations sécurité Viet-nam, voyage en sécurité Viet-nam">

	<meta property="og:title" content="Voyager en Toute Sécurité en Viet-nam">
	<meta property="og:description" content="Découvrez les informations de sécurité pour voyager en Viet-nam. Restez informé sur les conseils de sécurité, les alertes, et profitez d'offres exclusives pour explorer Viet-nam sereinement.">
	<meta property="og:url" content="https://weekend.magellio.com/voyage-securite/viet-nam-VN.html">
	<meta property="og:type" content="website">
	<meta property="og:image" content="https://weekend.magellio.com/img/photo-XX-XXX-xxxx2-L.webp">
	<meta property="og:site_name" content="Magellio">
	<meta name="author" content="Magellio">
	<meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="canonical" href="https://weekend.magellio.com/voyage-securite/viet-nam-VN.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?2606091157" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://weekend.magellio.com/css/style-magellio.css?2606091157"></noscript>
	-->	
		<link rel="stylesheet" href="https://weekend.magellio.com/css/style-magellio.css?2606091157">
	

		<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>
/* =====================================================================
   MAGELLIO — MODULE DE RECHERCHE (redesign responsive façon Expedia/Airbnb)
   Les hooks JS (#depart, #arrivee, .searchAirport, .datepicker,
   .person-count-selector, .dropdown-content(.active), .counter,
   .finish-button, .child-age-selector, #validateDates...) sont conservés.
   ===================================================================== */

:root {
    --mag-primary: #1769e0;
    --mag-primary-dark: #0d52bd;
    --mag-primary-grad: linear-gradient(135deg, #2a8bf2 0%, #1769e0 55%, #0d52bd 100%);
    --mag-ink: #1c2b3a;
    --mag-muted: #6b7a90;
    --mag-line: #e4e9f0;
    --mag-line-strong: #d4dbe6;
    --mag-bg-soft: #f5f7fb;
    --mag-radius: 16px;
    --mag-radius-lg: 22px;
    --mag-field-h: 60px;
    --mag-shadow: 0 18px 50px -18px rgba(16, 41, 78, .28);
    --mag-shadow-soft: 0 8px 24px -10px rgba(16, 41, 78, .18);
}

/* ---------------------------------------------------------------------
   ONGLETS (Vol seul / Vol + Hôtel) — segmented control
   --------------------------------------------------------------------- */
.nav-tabs {
    border-bottom: none;
    gap: 6px;
    display: inline-flex;
    padding: 6px;
    background: var(--mag-bg-soft);
    border-radius: 999px;
    margin-bottom: 14px;
    position: relative;
    z-index: 3;
    box-shadow: var(--mag-shadow-soft);
}

/* Espacement cohérent entre les onglets (pilule) et la carte de recherche */
.tab-content .search-bar.mt-5 {
    margin-top: 0 !important;
}

.nav-tabs .nav-item {
    margin-bottom: 0;
}

.nav-tabs .nav-link {
    border: none !important;
    border-radius: 999px;
    color: var(--mag-muted);
    font-size: 15px;
    font-weight: 600;
    padding: 10px 26px;
    line-height: 1;
    transition: all .2s ease;
    background: transparent;
}

.nav-tabs .nav-link:hover {
    color: var(--mag-primary);
    border: none !important;
    background: rgba(23, 105, 224, .08);
}

.nav-tabs .nav-link.active {
    color: #fff !important;
    background: var(--mag-primary-grad);
    border: none !important;
    box-shadow: 0 8px 18px -6px rgba(13, 82, 189, .55);
}

/* ---------------------------------------------------------------------
   LA CARTE DE RECHERCHE
   --------------------------------------------------------------------- */
/* On retire la zone grise d'arrière-plan : le moteur "flotte" sur fond blanc */
.bg-gray-100:has(.search-bar),
.bg-gray-100:has(.nav-tabs) {
    background-color: transparent !important;
}

.search-bar {
    background: #fff;
    border: 1px solid #eef1f6;
    border-radius: var(--mag-radius-lg);
    padding: 28px 22px 22px;
    box-shadow:
        0 1px 2px rgba(16, 41, 78, .06),
        0 12px 28px -10px rgba(16, 41, 78, .16),
        0 40px 80px -34px rgba(16, 41, 78, .26);
}

@media (min-width: 768px) {
    .search-bar {
        padding: 34px 28px 26px;
    }
}

/* ---------------------------------------------------------------------
   GRILLE DES CHAMPS
   --------------------------------------------------------------------- */
.mag-search {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.mag-field {
    position: relative;
    grid-column: span 6;
    display: flex;
    flex-direction: column;
}

.mag-field > label,
.mag-field .form-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--mag-muted);
    margin: 0 0 6px 4px;
}

/* Conteneur visuel d'un champ (icône + saisie) */
.mag-control {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    height: var(--mag-field-h);
    padding: 0 14px;
    background: #fff;
    border: 1.5px solid var(--mag-line-strong);
    border-radius: var(--mag-radius);
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.mag-control:hover {
    border-color: #b9c4d4;
}

.mag-control:focus-within {
    border-color: var(--mag-primary);
    box-shadow: 0 0 0 4px rgba(23, 105, 224, .14);
    background: #fff;
}

.mag-control > .mag-ico {
    flex: 0 0 auto;
    width: 20px;
    text-align: center;
    color: var(--mag-primary);
    font-size: 15px;
}

/* Inputs / selects internes : on neutralise le style Bootstrap d'origine */
.mag-control input,
.mag-control select,
.mag-control .mag-pax-text {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0;
    height: auto;
    font-size: 15px;
    font-weight: 600;
    color: var(--mag-ink);
    line-height: 1.2;
    appearance: none;
    -webkit-appearance: none;
}

.mag-control input::placeholder {
    color: #9aa7b8;
    font-weight: 500;
}

.mag-control select {
    cursor: pointer;
    padding-right: 18px;
}

/* Flèche custom pour les selects */
.mag-field--select .mag-control::after {
    content: "\f078"; /* chevron-down Font Awesome */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
    font-weight: 900;
    font-size: 11px;
    color: var(--mag-muted);
    position: absolute;
    right: 16px;
    pointer-events: none;
}

/* ---------------------------------------------------------------------
   RÉPARTITION DES COLONNES (desktop)
   --------------------------------------------------------------------- */
@media (min-width: 768px) {
    .mag-field--from   { grid-column: span 3; }
    .mag-field--to     { grid-column: span 3; }
    .mag-field--dates  { grid-column: span 3; }
    .mag-field--class  { grid-column: span 3; }
    .mag-field--pax    { grid-column: span 3; }
    .mag-field--submit { grid-column: span 3; }
}

@media (min-width: 1100px) {
    .mag-field--from   { grid-column: span 2; }
    .mag-field--to     { grid-column: span 2; }
    .mag-field--dates  { grid-column: span 2; }
    .mag-field--class  { grid-column: span 2; }
    .mag-field--pax    { grid-column: span 2; }
    .mag-field--submit { grid-column: span 2; }
}

/* ---------------------------------------------------------------------
   BOUTON SWAP (inverser départ / destination)
   --------------------------------------------------------------------- */
.mag-field--from { z-index: 4; }

.btn-swap,
.mag-swap {
    position: absolute;
    right: -10px;
    bottom: 11px;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 50%;
    border: 1.5px solid var(--mag-line-strong);
    background: #fff;
    color: var(--mag-primary);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 6;
    box-shadow: var(--mag-shadow-soft);
    transition: transform .25s ease, background .15s ease, color .15s ease;
}

.btn-swap:hover,
.mag-swap:hover {
    background: var(--mag-primary);
    color: #fff;
    border-color: var(--mag-primary);
    transform: rotate(180deg);
}

@media (max-width: 767.98px) {
    .mag-swap {
        right: 14px;
        bottom: -19px;
        transform: rotate(90deg);
    }
    .mag-swap:hover {
        transform: rotate(270deg);
    }
}

/* ---------------------------------------------------------------------
   SÉLECTEUR VOYAGEURS (dropdown)
   --------------------------------------------------------------------- */
.person-count-selector {
    position: relative;
}

.mag-pax-btn {
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.mag-pax-btn .mag-pax-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.person-count-selector .dropdown-content {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: auto;
    min-width: 300px;
    width: max-content;
    max-width: 360px;
    background: #fff;
    border: 1px solid var(--mag-line);
    border-radius: var(--mag-radius);
    box-shadow: 0 24px 60px -20px rgba(16, 41, 78, .35);
    padding: 18px;
    z-index: 10000;
}

.person-count-selector .dropdown-content.active {
    display: block;
    animation: magPop .16s ease-out;
}

@keyframes magPop {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.dropdown-content > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.dropdown-content label {
    font-size: 15px;
    font-weight: 600;
    color: var(--mag-ink);
    width: auto;
    margin: 0;
}

.dropdown-content .counter {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dropdown-content input[type="text"] {
    width: 44px;
    text-align: center;
    border: 1px solid var(--mag-line-strong);
    border-radius: 10px;
    margin: 0 4px;
    padding: 7px 0;
    font-weight: 700;
    color: var(--mag-ink);
}

.dropdown-content button {
    width: 36px;
    height: 36px;
    border: 1.5px solid var(--mag-primary);
    border-radius: 50%;
    background: #fff;
    color: var(--mag-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    transition: background .15s ease, color .15s ease;
}

.dropdown-content button:hover {
    background: var(--mag-primary);
    color: #fff;
}

.dropdown-content .children-age-selectors {
    display: block;
    margin-top: 4px;
}

.dropdown-content .children-age-selectors > div {
    justify-content: flex-start;
}

.child-age-selector {
    padding: 6px 10px;
    border: 1px solid var(--mag-line-strong);
    border-radius: 10px;
    font-size: 14px;
    color: var(--mag-ink);
}

.dropdown-content .finish-button {
    width: 100%;
    padding: 12px;
    text-align: center;
    border: none;
    border-radius: 12px;
    background: var(--mag-primary-grad);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 6px;
}

.dropdown-content .finish-button:hover {
    filter: brightness(1.05);
    color: #fff;
}

/* ---------------------------------------------------------------------
   BOUTON RECHERCHER
   --------------------------------------------------------------------- */
.mag-field--submit {
    justify-content: flex-end;
}

.mag-search-btn,
.search-bar .btn-primary {
    height: var(--mag-field-h);
    width: 100%;
    border: none;
    border-radius: var(--mag-radius);
    background: var(--mag-primary-grad);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 14px 28px -10px rgba(13, 82, 189, .6);
    transition: transform .12s ease, box-shadow .2s ease, filter .2s ease;
}

.mag-search-btn:hover,
.search-bar .btn-primary:hover {
    filter: brightness(1.05);
    box-shadow: 0 18px 34px -10px rgba(13, 82, 189, .7);
    transform: translateY(-1px);
    color: #fff;
}

.mag-search-btn:active,
.search-bar .btn-primary:active {
    transform: translateY(0);
}

.mag-search-btn i {
    font-size: 15px;
}

/* ---------------------------------------------------------------------
   TYPEAHEAD (autocomplétion aéroports) — scoping pour ne pas casser le menu
   --------------------------------------------------------------------- */
.mag-control .typeahead.dropdown-menu,
.mag-field .typeahead.dropdown-menu {
    width: calc(100% + 28px) !important;
    left: -14px !important;
    top: calc(100% + 6px) !important;
    margin-top: 0;
    border: 1px solid var(--mag-line);
    border-radius: var(--mag-radius);
    padding: 8px;
    box-shadow: 0 24px 60px -20px rgba(16, 41, 78, .35);
}

.typeahead.dropdown-menu > li > a {
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 14px;
    color: var(--mag-ink);
}

.typeahead.dropdown-menu > li > a:hover,
.typeahead.dropdown-menu > .active > a {
    background: rgba(23, 105, 224, .1);
    color: var(--mag-primary);
}

.typeahead .dropdown-menu .dropdown-item i,
.typeahead.dropdown-menu i {
    font-size: 14px;
    margin-right: 8px;
    vertical-align: middle;
    color: var(--mag-primary);
}

/* ---------------------------------------------------------------------
   MESSAGE D'ERREUR
   --------------------------------------------------------------------- */
#error-message {
    font-weight: 600;
}

/* ---------------------------------------------------------------------
   DIVERS (conservé de l'ancien fichier)
   --------------------------------------------------------------------- */
.center-vertically { display: flex; align-items: center; }
.hidden { display: none; }

.bg-primary-custom {
    background-color: var(--mag-primary) !important;
    color: #fff;
}

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

.breadcrumbs .breadcrumb-item {
    display: inline;
    font-size: 1rem;
    margin-right: 0.5rem;
}

.breadcrumbs .breadcrumb-item a {
    color: var(--mag-primary);
    text-decoration: none;
}

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

.breadcrumb-separator {
    display: inline;
    margin: 0 0.5rem;
    color: #6c757d;
}

.breadcrumbs .breadcrumb-item:last-child {
    font-weight: bold;
    color: #000;
    margin-right: 0;
}

/* =====================================================================
   BLOCS SOUS LE MOTEUR — "Prix moyen des billets par pays" en cartes
   ===================================================================== */
.container:has(.country-link) > h2,
.container:has(.country-link) > h2:first-child {
    font-size: clamp(1.4rem, 2vw, 1.9rem);
    font-weight: 800;
    color: var(--mag-ink);
    letter-spacing: -.01em;
    margin: 8px 0 22px;
}

/* Chaque destination devient une carte cliquable */
.country-link {
    display: block !important;
    background: #fff;
    border: 1px solid var(--mag-line);
    border-radius: 14px;
    padding: 14px 16px !important;
    margin-bottom: 12px;
    box-shadow: 0 4px 14px -8px rgba(16, 41, 78, .18);
    transition: transform .15s ease, box-shadow .2s ease, border-color .15s ease;
}

.country-link:hover {
    background: #fff !important;
    transform: translateY(-2px);
    border-color: var(--mag-primary);
    box-shadow: 0 16px 30px -14px rgba(16, 41, 78, .3);
}

.country-link .d-flex {
    align-items: center;
    margin-bottom: 0;
}

.country-link .text-primary {
    color: var(--mag-ink) !important;
    font-weight: 600;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
}

.country-link .text-primary::before {
    content: "\f3c5"; /* map-marker / location-dot */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
    font-weight: 900;
    font-size: 12px;
    color: var(--mag-primary);
    flex: 0 0 auto;
}

.country-link .text-danger {
    color: var(--mag-primary) !important;
    background: rgba(23, 105, 224, .10);
    font-weight: 700;
    font-size: 14px;
    padding: 5px 12px;
    border-radius: 999px;
    white-space: nowrap;
    min-width: 0 !important;
    text-align: center !important;
    margin-left: 12px !important;
}

/* Boutons d'actions sous la liste : pills modernes alignées */
.container:has(.country-link) .row.mb-4 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

.container:has(.country-link) .row.mb-4 > .row {
    margin: 0;
    width: auto;
    flex: 0 0 auto;
}

.container:has(.country-link) .row.mb-4 > .row > .text-left {
    padding: 0;
}

.container:has(.country-link) .btn-sm.btn-primary,
.container:has(.country-link) a.btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: #fff !important;
    color: var(--mag-primary) !important;
    border: 1.5px solid var(--mag-line-strong) !important;
    border-radius: 999px !important;
    padding: 11px 20px !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    box-shadow: 0 4px 14px -8px rgba(16, 41, 78, .18);
    transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.container:has(.country-link) .btn-sm.btn-primary:hover,
.container:has(.country-link) a.btn-primary:hover {
    background: var(--mag-primary-grad) !important;
    color: #fff !important;
    border-color: transparent !important;
    transform: translateY(-1px);
}

.container:has(.country-link) .btn-sm.btn-primary::after,
.container:has(.country-link) a.btn-primary::after {
    content: "\f061"; /* arrow-right */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
    font-weight: 900;
    font-size: 11px;
}

/* =====================================================================
   COHÉRENCE MOBILE — toute la page (fil d'ariane, moteur, contenu) tient
   dans un même conteneur aligné à 2px des bords de l'écran, et rien ne
   peut déborder horizontalement (cause du débordement du picker).
   ===================================================================== */
@media (max-width: 767.98px) {
    /* Garde-fou : aucun débordement horizontal au niveau de la page. */
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }

    /* Conteneur de page unique : 2px de gouttière à gauche et à droite. */
    .container,
    .container-fluid {
        max-width: 100% !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    /* On neutralise les marges/paddings négatifs Bootstrap (row/col) qui,
       avec une gouttière de 2px, repousseraient le contenu hors écran. */
    .container > .row,
    .container-fluid > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .container > .row > [class*="col"],
    .container-fluid > .row > [class*="col"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Le fil d'ariane s'aligne lui aussi sur la gouttière de 2px. */
    .breadcrumbs.ms-4 {
        margin-left: 0 !important;
    }

    /* La carte de recherche occupe toute la largeur dispo (bords à 2px),
       avec un padding intérieur réduit pour aérer les champs. */
    .search-bar {
        padding: 20px 14px 16px !important;
    }
}

/* =====================================================================
   DATE RANGE PICKER (Longbill) — sur MOBILE : panneau qui prend toute la
   largeur du viewport (2px à gauche/droite) + calendrier étiré pleine
   largeur. On neutralise les styles inline (left/width) posés par la lib.
   ===================================================================== */
@media (max-width: 767.98px) {
    /* Le préfixe `html body` augmente la spécificité pour battre, quel que
       soit l'ordre de chargement, la règle concurrente de style.css
       (@media max-width:400px { .date-picker-wrapper { left:10px!important } }). */
    html body .date-picker-wrapper {
        position: absolute !important;
        left: 2px !important;
        right: 2px !important;
        width: auto !important;
        max-width: calc(100vw - 4px) !important;
        box-sizing: border-box !important;
        padding: 14px !important;
        border-radius: var(--mag-radius) !important;
        background-color: #fff !important;
        box-shadow: 0 24px 60px -18px rgba(16, 41, 78, .42) !important;
        overflow-x: hidden !important; /* garde-fou : rien ne déborde du panneau */
    }

    /* Le wrapper interne reçoit une largeur inline en px -> on force 100% */
    html body .date-picker-wrapper .month-wrapper {
        width: 100% !important;
        box-sizing: border-box !important;
        border: none !important;
        padding: 0 !important;
    }

    /* Tables (month1 + month2) empilées et étirées sur toute la largeur.
       table-layout:fixed => 7 colonnes strictement égales, jamais plus larges
       que le panneau. */
    html body .date-picker-wrapper .month-wrapper table,
    html body .date-picker-wrapper .month-wrapper table.month1,
    html body .date-picker-wrapper .month-wrapper table.month2 {
        width: 100% !important;
        float: none !important;
        table-layout: fixed !important;
    }

    /* La gouttière entre les deux mois ne doit pas ajouter de largeur. */
    html body .date-picker-wrapper .month-wrapper .gap {
        display: none !important;
        width: 0 !important;
    }

    /* Chaque jour occupe toute la largeur de sa cellule -> 7 colonnes égales */
    html body .date-picker-wrapper .month-wrapper table .day {
        width: 100% !important;
        height: 44px;
        margin: 0 auto 2px;
        font-size: 14px;
        border-radius: 0;
    }

    html body .date-picker-wrapper .month-wrapper table .week-name th {
        font-size: 11px;
        padding-bottom: 4px;
    }

    /* Barre d'en-tête (Dates de Voyage / nb jours) lisible et pleine largeur */
    html body .date-picker-wrapper .drp_top-bar {
        padding: 0 2px 8px;
    }

    /* Dropdown VOYAGEURS : ne déborde plus à droite, reste dans le champ. */
    .person-count-selector .dropdown-content {
        left: 0 !important;
        right: 0 !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: calc(100vw - 4px) !important;
        box-sizing: border-box;
    }

    /* Autocomplétion aéroports : contrainte à la largeur de l'écran. */
    .mag-control .typeahead.dropdown-menu,
    .mag-field .typeahead.dropdown-menu {
        max-width: calc(100vw - 4px) !important;
        box-sizing: border-box;
    }
}

/* =====================================================================
   PAGES LANDING (vol, page secrète…) — gouttière mobile alignée promos
   ===================================================================== */
@media (max-width: 767.98px) {
    body.magellio-landing-page {
        --landing-gutter: 6px;
    }

    body.magellio-landing-page .header-absolute .container,
    body.magellio-landing-page .home-slider.multi-slider .container,
    body.magellio-landing-page .magellio-landing-intro {
        padding-left: var(--landing-gutter) !important;
        padding-right: var(--landing-gutter) !important;
    }
}

/* =====================================================================
   PAGES VOL (pays, routes…) — alignement fluide, gouttière 4px
   ===================================================================== */
body.magellio-vol-page {
    --vol-page-gutter: 4px;
}

body.magellio-vol-page .header-absolute .container,
body.magellio-vol-page .home-slider.multi-slider .container,
body.magellio-vol-page .container,
body.magellio-vol-page .container-fluid {
    max-width: 100% !important;
    padding-left: var(--vol-page-gutter) !important;
    padding-right: var(--vol-page-gutter) !important;
}

/* Promos / top départs : containers imbriqués → pas de double gouttière */
body.magellio-vol-page .container .container,
body.magellio-vol-page .container-fluid .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.magellio-vol-page .breadcrumbs.ms-4 {
    margin-left: 0 !important;
}

body.magellio-vol-page .container > .row,
body.magellio-vol-page .container-fluid > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.magellio-vol-page .container > .row > [class*="col"],
body.magellio-vol-page .container-fluid > .row > [class*="col"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
</style>

<script>

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

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

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


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


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

});


</script>


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


</head>

<body style="padding-top:0;">
 <header class="header header-absolute">
   <nav class="navbar navbar-expand-lg navbar-dark bg-transparent">
    <div class="container">
	<div class="d-flex align-items-center"><a class="navbar-brand py-1" href="/">					<img src="https://weekend.magellio.com/img/logo-magellio-transparent.png" alt="magellio" title="Version 4274
" 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="https://weekend.magellio.com/voyages/" class="nav-link"><i class="fas fa-compass"></i> Voyages</a></li>
						<li class="nav-item"><a href="https://www.magellio.com/hotels.php" class="nav-link"><i class="fas fa-hotel"></i> Hôtel</a> </li>
			<li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" id="volDropdownMenuLink" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-plane"></i> Vol</a>
				<div class="dropdown-menu dropdown-menu-end" aria-labelledby="volDropdownMenuLink">
					<a class="dropdown-item" href="https://weekend.magellio.com/vol.html"><i class="fas fa-plane"></i> Vols pas cher</a>
										<a class="dropdown-item" href="https://weekend.magellio.com/compagnie/air-arabia/"><i class="fas fa-plane-departure"></i> Air Arabia</a>
									</div>
			</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-XX-XXX-xxxx2-L.webp');">
            <div class="container h-100">
                <div class="d-flex h-100 text-white overlay-content align-items-center" data-swiper-parallax="-500">
                    <div class="w-100">
                        <div class="row">
                            <div class="col-lg-10">
                                <p class="subtitle text-white mb-3 font-weight-light">
                                    Situation Géopolitique et Météo au  Viet-nam                                </p>
                                <h2 class="display-3 fw-bold mb-3" style="line-height: 1">
                                    Météo, Sécurité, Visa, Information Touriste au  Viet-nam                                </h2>
                                <p class="mb-4">
                                    Découvrez les conditions actuelles de voyage au  Viet-nam. <br>Pour un voyage en toute sécurité, nous vous informons en temps réel sur les conditions de voyage.                                </p>
                                <a class="btn btn-outline-light d-sm-inline-block" href="#voyages">
                                    Comparateur, promotion sur les vols et les hôtels 
                                    <i class="fa fa-angle-right ms-2"></i>
                                </a>
                            </div>
                            <div class="col-lg-2 ps-lg-5 my-3 my-md-5 my-lg-0"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="swiper-pagination swiper-pagination-white"></div>
    <div class="swiper-nav d-none d-lg-block">
        <div class="swiper-button-prev" id="homePrev"></div>
        <div class="swiper-button-next" id="homeNext"></div>
    </div>
</div>
<div id="voyages"></div>
<!-- FIN SLIDER -->

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

<nav class="breadcrumbs ms-4 mt-2">
    <div id="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList" class="d-flex flex-wrap align-items-center">
        <!-- Premier élément de la liste -->
        <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="breadcrumb-item">
            <a href="https://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 (page actuelle, pas de lien) -->
        <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="breadcrumb-item">
            <span itemprop="name">Viet-nam</span>
            <meta itemprop="position" content="3">
        </div>
    </div>
</nav>

    </div>
</div>

<div class="container bg-gray-100">
    <div class="row">
        <div class="col-12 bg-gray-100">
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="vol-seul-tab" data-bs-toggle="tab" data-bs-target="#vol-seul" type="button" role="tab" aria-controls="vol-seul" aria-selected="true">Vol seul</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link " id="volhotel-tab" data-bs-toggle="tab" data-bs-target="#volhotel" type="button" role="tab" aria-controls="volhotel" aria-selected="false">Vol + Hôtel</button>
                </li>
            </ul>
            <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active" id="vol-seul" role="tabpanel" aria-labelledby="vol-seul-tab">
                    <div class="search-bar mt-5 p-lg-4">
                        <div class="row">
                            <form action="https://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="mag-search">
        <div class="mag-field mag-field--from">
            <label for="depart">Départ</label>
            <div class="mag-control">
                <i class="mag-ico fa fa-plane-departure"></i>
                <input id="depart" name="depart" class="searchAirport" autocomplete="off" type="search" placeholder="Ville ou aéroport" value="Lyon - LYS">
            </div>
            <button type="button" id="swapButton" class="mag-swap" aria-label="Inverser départ et destination">
                <i class="fa fa-exchange-alt"></i>
            </button>
        </div>

        <div class="mag-field mag-field--to">
            <label for="arrivee">Destination</label>
            <div class="mag-control">
                <i class="mag-ico fa fa-plane-arrival"></i>
                <input id="arrivee" name="arrivee" class="searchAirport" autocomplete="off" type="search" placeholder="Ville ou aéroport" value="Hanoi - HAN">
            </div>
        </div>

        <div class="mag-field mag-field--dates">
            <label for="daterangevol">Dates</label>
            <div class="mag-control">
                <i class="mag-ico fa fa-calendar"></i>
                <input id="daterangevol" name="daterangevol" class="datepicker" type="text" placeholder="Aller / Retour" value="24-06-2026 / 01-07-2026">
            </div>
        </div>

        <div class="mag-field mag-field--select mag-field--class">
            <label for="classVol">Classe</label>
            <div class="mag-control">
                <i class="mag-ico fa fa-couch"></i>
                <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>

        <div class="mag-field mag-field--pax">
            <label for="buttonpaxVol">Voyageurs</label>
            <div id="personCountSelectorVol" class="person-count-selector">
                <button type="button" id="buttonpaxVol" class="mag-control mag-pax-btn">
                    <i class="mag-ico fa fa-user-group"></i>
                    <span id="personCountTextVol" class="mag-pax-text">2 adultes 0 enfant</span>
                </button>
                <div class="dropdown-content">
                    <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="mag-field mag-field--submit">
            <button class="mag-search-btn" id="validateDates" type="submit">
                <i class="fa fa-magnifying-glass"></i><span>Rechercher</span>
            </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/fiche-voyage.php" id="formvolhotel" method="post">
        <input type="hidden" id="departure_airport_name_volhotel" name="departure_airport_name_volhotel" value="">
        <input type="hidden" id="departure_city_name_volhotel" name="departure_city_name_volhotel" value="">
        <input type="hidden" id="arrival_airport_name_volhotel" name="arrival_airport_volname" value="">
        <input type="hidden" id="arrival_city_name_volhotel" name="arrival_city_name_volhotel" value="">

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

            <div class="mag-search">
            <div class="mag-field mag-field--from">
                <label for="departvolhotel">Départ</label>
                <div class="mag-control">
                    <i class="mag-ico fa fa-plane-departure"></i>
                    <input id="departvolhotel" name="departvolhotel" class="searchAirport" autocomplete="off" type="search" placeholder="Ville ou aéroport" value="Lyon - LYS">
                </div>
                <button type="button" id="swapButtonvolhotel" class="mag-swap" aria-label="Inverser départ et destination">
                    <i class="fa fa-exchange-alt"></i>
                </button>
            </div>

            <div class="mag-field mag-field--to">
                <label for="arriveevolhotel">Destination</label>
                <div class="mag-control">
                    <i class="mag-ico fa fa-plane-arrival"></i>
                    <input id="arriveevolhotel" name="arriveevolhotel" class="searchAirport" autocomplete="off" type="search" placeholder="Ville ou aéroport" value="Hanoi - HAN">
                </div>
            </div>

            <div class="mag-field mag-field--dates">
                <label for="daterangevolhotel">Dates</label>
                <div class="mag-control">
                    <i class="mag-ico fa fa-calendar"></i>
                    <input id="daterangevolhotel" name="daterangevolhotel" class="datepicker" type="text" placeholder="Aller / Retour" value="24-06-2026 / 01-07-2026">
                </div>
            </div>

            <div class="mag-field mag-field--select mag-field--class">
                <label for="classvolhotel">Classe</label>
                <div class="mag-control">
                    <i class="mag-ico fa fa-couch"></i>
                    <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>

            <div class="mag-field mag-field--pax">
                <label for="buttonpaxvolhotel">Voyageurs &amp; chambres</label>
                <div id="personCountSelectorvolhotel" class="person-count-selector">
                    <button type="button" id="buttonpaxvolhotel" class="mag-control mag-pax-btn">
                        <i class="mag-ico fa fa-user-group"></i>
                        <span id="personCountTextvolhotel" class="mag-pax-text">2 adts 0 enfs</span>
                    </button>
                    <div class="dropdown-content">
                        <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="mag-field mag-field--submit">
                <button id="validateDatesvolhotel" type="button" class="mag-search-btn">
                    <i class="fa fa-magnifying-glass"></i><span>Rechercher</span>
                </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 au  Viet-nam</h2> 
      </div>
    </div>
    <div class="card mt-3">
      <div class="card-body">
          <p class="card-text"><b>Voyager en toute sécurité au  Vietnam</b> est notre priorité. Magellio met à votre disposition des informations fiables et actuelles pour que vous puissiez <b>explorer le  Vietnam</b> en toute sérénité. Nous supervisons également tous les retards de vols et les vols reprogrammés par les compagnies aériennes pour le  Vietnam. En cas d'imprévu, notre équipe est à votre disposition pour vous assister en proposant des solutions concrètes directement sur votre espace personnalisé "Ma Réservation". Grâce à ces services, vous pouvez être certain de profiter pleinement de votre voyage en limitant les désagréments potentiels et en ayant toujours des options à portée de main pour réagir face à l'inattendu. Réservez dès maintenant et découvrez <b>le Vietnam en toute sécurité</b> avec nous.</p>
      </div>
    </div>
  </div>
</section>

<section class="py-2">
	<div class="container mt-4">
		<div class="row mb-2">
			<div class="col-md-12">
        <h2>Sécurité du Voyage au  Vietnam</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 le Vietnam en date du 9 juin 2026</h5>
            <p class="card-text">Avant de voyager vers Vietnam, il est essentiel de se renseigner sur les <b>conditions de sécurité</b> actuelles. Le Vietnam est actuellement stable sur le plan sécuritaire, cependant, il est recommandé de rester vigilant dans les zones touristiques fréquentées.</p>
        
            <h5 class="card-title">Recommandation liée à la situation Géopolitique</h5>
            <p class="card-text">Le Vietnam est une destination relativement sûre pour les voyageurs, avec des précautions à prendre dans certaines régions.</p>
          </div>
        </div>

        <div class="d-flex flex-wrap gap-2 my-3" style="margin-left: -4px;">
          <a href="https://weekend.magellio.com/vols/viet-nam-VN.html" class="btn btn-outline-primary btn-sm rounded-3">
            <i class="fas fa-plane me-1"></i>Vol le  Vietnam          </a>
          <a href="https://weekend.magellio.com/vol-hotel/viet-nam-VN.html" class="btn btn-outline-primary btn-sm rounded-3">
            <i class="fas fa-hotel me-1"></i>Hôtels au  Vietnam          </a>
        </div>

        <div class="card mt-3">
            <div class="card-header">
                Météo et Conditions de Voyage
                <span class="badge bg-danger">
                    Moyen                </span>
            </div>
            <div class="card-body">
                      <h5 class="card-title">Conditions Météorologiques Actuelles</h5>
                      <p>Au  Vietnam, cette semaine, la température moyenne pendant la journée est de 28°C, tandis que la nuit, elle descend à environ 22°C, offrant un climat modérément frais. L'humidité moyenne est de 85%. Le vent souffle à une vitesse moyenne de 2.7 m/s. Les précipitations ont une moyenne de 11 mm de précipitation.</p>
                      <p>Le Vietnam connaît actuellement une saison des pluies, avec des risques de fortes précipitations et d'inondations dans certaines régions côtières. Il est conseillé de se tenir informé des prévisions météo locales pour éviter les zones à risque.</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 le Vietnam est qualifié comme  Moyen pour les voyageurs</b>. Les conditions météorologiques actuelles au Vietnam ne sont pas idéales pour un voyage. Avec de la pluie modérée prévue pour les prochains jours, il est recommandé de reporter votre visite à une période plus propice. Restez à l'écoute des mises à jour météo pour planifier votre voyage en toute sécurité.</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 Vietnam<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 le Vietnam est de 4. Ce score reflète les conditions politiques et sécuritaires globales du pays, offrant une perspective utile pour les voyageurs.</p>
                
                <h5 class="card-title">Score de Météo Vietnam<span class="badge ms-2 bg-danger">
                    Moyen                </span></h5>
                <p class="card-text">Sur une échelle de 0 à 5, le score de météo actuel pour le Vietnam est de 2. Ce score reflète les conditions climatiques pour les jours à venir, vous pouvez bien entendu organiser votre voyage à une autre période.</p>
            </div>
        </div>

        <div class="card mt-4"><div class="card-header">Conditions de Voyage et Sécurité Viet-nam par aéroport</div><div class="card-body"><div class="row"><div class="col-md-4"><a href="https://weekend.magellio.com/voyage-securite/viet-nam-VN/ho-chi-minh-ville-SGN.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Ho Chi Minh Ville (SGN)</span></div></a><a href="https://weekend.magellio.com/voyage-securite/viet-nam-VN/hanoi-HAN.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Hanoi (HAN)</span></div></a><a href="https://weekend.magellio.com/voyage-securite/viet-nam-VN/da-nang-DAD.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Da Nang (DAD)</span></div></a></div><div class="col-md-4"><a href="https://weekend.magellio.com/voyage-securite/viet-nam-VN/hue-HUI.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Hue (HUI)</span></div></a><a href="https://weekend.magellio.com/voyage-securite/viet-nam-VN/phu-quoc-PQC.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Phu Quoc (PQC)</span></div></a><a href="https://weekend.magellio.com/voyage-securite/viet-nam-VN/nha-trang-CXR.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Nha Trang (CXR)</span></div></a></div><div class="col-md-4"><a href="https://weekend.magellio.com/voyage-securite/viet-nam-VN/vinh-city-VII.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Vinh City (VII)</span></div></a><a href="https://weekend.magellio.com/voyage-securite/viet-nam-VN/haiphong-HPH.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Haiphong (HPH)</span></div></a><a href="https://weekend.magellio.com/voyage-securite/viet-nam-VN/ban-me-thuot-BMV.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Ban Me Thuot (BMV)</span></div></a></div></div></div></div>
      <div class="card mt-4">
          <div class="card-header">
              Préparez votre Voyage en Sécurité vers le Vietnam          </div>

          <div class="card-body">
                <p>Magellio vous aide à planifier un voyage sécurisé vers Vietnam en vous fournissant des informations fiables sur les conditions sanitaires, les exigences de visa, et le transport. En restant informé, vous pouvez profiter pleinement de votre séjour tout en minimisant les risques potentiels.</p>
              <h5 class="card-title">Exigences de Visa pour le Vietnam</h5>
              <p class="card-text">Les Français ont besoin d'un visa pour se rendre au Vietnam.</p>
              
              <h5 class="card-title">Informations Sanitaires</h5>
              <p class="card-text">Il est recommandé de se faire vacciner contre l'hépatite A et la typhoïde avant de voyager au Vietnam. Il est également important de prendre des mesures préventives contre les piqûres de moustiques pour éviter la dengue.</p>
              
              <h5 class="card-title">Informations sur le Transport</h5>
              <p class="card-text">Le Vietnam dispose d'un réseau de transports en commun développé, notamment des trains, des bus et des taxis. Il est également possible de louer des motos pour se déplacer dans certaines régions.</p>
          </div>
      </div>

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

      <div class="card mt-3">
        <div class="card-header">
                <h5 class="card-title mb-0">Vol Viet-nam pas cher</h5> 
        </div>
          <div class="card-body">
                  <div class="row"><div class="col-md-12"><div class="ai-description"><div class="text-muted">Mis à jour le 22 mai 2026</div><p>Envolez-vous vers le <b>Viet-nam</b> et découvrez la magie de <b>Hanoi</b> et <b>Ho Chi Minh Ville</b> à partir de seulement 839€ en classe économique! Ne manquez pas les attractions incontournables comme la baie d'Halong, le temple de la littérature et le palais de l'indépendance. Profitez également de la météo ensoleillée des trois prochains mois pour explorer ces villes animées. Assurez-vous de participer aux événements locaux à venir, tels que le festival de la mi-automne et le festival de Tet Trung Thu. Réservez dès maintenant et vivez une expérience inoubliable au <b>Viet-nam</b>!</p></div></div></div>          </div>
      </div>

    </div>
  </div>

      <div class="row mb-3">  
        <div class="container mt-4"><h2>Promotions vols Viet-nam</h2><div class="row"><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx3-XS.webp" class="card-img-top" alt="Hanoi Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Lyon Part-dieu / Hanoi</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Hanoi au départ de Lyon Part-dieu</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Hanoï</b>, capitale du <b>Vietnam</b>. Réservez un vol depuis <b>Lyon Part-dieu</b> pour une expérience inoubliable !</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Sam 26 Sept. - Jeu 08 Oct.</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/etihad-airways.png" alt="etihad-airways Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>05:50 - 06:40</small><br><small>XYD - HAN</small></p></div><div class="col-5 text-right"><small>24H50</small><br><small>Lyon Part-dieu /<br>Hanoi</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/etihad-airways.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>20:40 - 20:02</small><br><small>HAN - XYD</small></p></div><div class="col-5 text-right"><small>23H22</small><br><small>Hanoi /<br>Lyon Part-dieu</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">895€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_0" onsubmit="updateBookingEngine(event, 0); return false;"><input type="hidden" name="origine" id="origine_ticketbox_0" value="Lyon Part-dieu - XYD"><input type="hidden" name="destination" id="destination_ticketbox_0" value="Hanoi - HAN"><input type="hidden" name="date" id="date_ticketbox_0" value="26-09-2026 / 08-10-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_0" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_0" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_0" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://weekend.magellio.com/vols/viet-nam-VN/hanoi-HAN/depart/lyon-part-dieu-XYD.html">Vols Lyon Part-dieu Hanoi</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx1-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Francfort / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Francfort</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Francfort</b> à <b>Ho Chi Minh Ville</b> en réservant votre vol dès maintenant. Profitez de cette destination fascinante en un clin d'œil!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Juillet 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/iberia.png" alt="iberia Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>09:35 - 07:40</small><br><small>FRA - SGN</small></p></div><div class="col-5 text-right"><small>22H05</small><br><small>Francfort /<br>Ho Chi Minh Ville</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/iberia.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>09:20 - 19:55</small><br><small>SGN - FRA</small></p></div><div class="col-5 text-right"><small>10H35</small><br><small>Ho Chi Minh Ville /<br>Francfort</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;">1029€</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="Francfort - FRA"><input type="hidden" name="destination" id="destination_ticketbox_1" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_1" value="11-07-2026 / 25-07-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/viet-nam-VN/ho-chi-minh-ville-SGN/depart/francfort-FRA.html">Vols Francfort Ho Chi Minh Ville</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx1-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Geneve / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Geneve</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Ho Chi Minh Ville</b> depuis <b>Genève</b> avec des vols directs et profitez de la culture vietnamienne unique.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Jeu 02 Juil. - Mer 15 Juil.</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/british-airways.png" alt="british-airways Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>11:30 - 13:50</small><br><small>GVA - SGN</small></p></div><div class="col-5 text-right"><small>26H20</small><br><small>Geneve /<br>Ho Chi Minh Ville</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/british-airways.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>09:20 - 09:10</small><br><small>SGN - GVA</small></p></div><div class="col-5 text-right"><small>23H50</small><br><small>Ho Chi Minh Ville /<br>Geneve</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;">839€</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="Geneve - GVA"><input type="hidden" name="destination" id="destination_ticketbox_2" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_2" value="02-07-2026 / 15-07-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/viet-nam-VN/ho-chi-minh-ville-SGN/depart/geneve-GVA.html">Vols Geneve Ho Chi Minh Ville</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx5-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Geneve / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Geneve</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Ho Chi Minh Ville</b> depuis <b>Genève</b> avec des vols directs et profitez de la culture vietnamienne unique.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Sam 01 Août - Lun 17 Août</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/iberia.png" alt="iberia Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>15:55 - 13:50</small><br><small>GVA - SGN</small></p></div><div class="col-5 text-right"><small>21H55</small><br><small>Geneve /<br>Ho Chi Minh Ville</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/iberia.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>09:20 - 10:50</small><br><small>SGN - GVA</small></p></div><div class="col-5 text-right"><small>25H30</small><br><small>Ho Chi Minh Ville /<br>Geneve</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;">1024€</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="Geneve - GVA"><input type="hidden" name="destination" id="destination_ticketbox_3" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_3" value="01-08-2026 / 17-08-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/viet-nam-VN/ho-chi-minh-ville-SGN/depart/geneve-GVA.html">Vols Geneve Ho Chi Minh Ville</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx6-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Francfort / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Francfort</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Francfort</b> à <b>Ho Chi Minh Ville</b> en réservant votre vol dès maintenant. Profitez de cette destination fascinante en un clin d'œil!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Juillet 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/british-airways.png" alt="british-airways Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>06:35 - 13:50</small><br><small>FRA - SGN</small></p></div><div class="col-5 text-right"><small>31H15</small><br><small>Francfort /<br>Ho Chi Minh Ville</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/british-airways.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>09:20 - 14:35</small><br><small>SGN - FRA</small></p></div><div class="col-5 text-right"><small>29H15</small><br><small>Ho Chi Minh Ville /<br>Francfort</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;">848€</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="Francfort - FRA"><input type="hidden" name="destination" id="destination_ticketbox_4" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_4" value="15-07-2026 / 29-07-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/viet-nam-VN/ho-chi-minh-ville-SGN/depart/francfort-FRA.html">Vols Francfort Ho Chi Minh Ville</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx3-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Francfort / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Francfort</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Francfort</b> à <b>Ho Chi Minh Ville</b> en réservant votre vol dès maintenant. Profitez de cette destination fascinante en un clin d'œil!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Juillet 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/british-airways.png" alt="british-airways Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>06:35 - 13:50</small><br><small>FRA - SGN</small></p></div><div class="col-5 text-right"><small>31H15</small><br><small>Francfort /<br>Ho Chi Minh Ville</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/british-airways.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>09:20 - 14:35</small><br><small>SGN - FRA</small></p></div><div class="col-5 text-right"><small>29H15</small><br><small>Ho Chi Minh Ville /<br>Francfort</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;">871€</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="Francfort - FRA"><input type="hidden" name="destination" id="destination_ticketbox_5" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_5" value="15-07-2026 / 27-07-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/viet-nam-VN/ho-chi-minh-ville-SGN/depart/francfort-FRA.html">Vols Francfort Ho Chi Minh Ville</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx3-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Francfort / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Francfort</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Francfort</b> à <b>Ho Chi Minh Ville</b> en réservant votre vol dès maintenant. Profitez de cette destination fascinante en un clin d'œil!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Juillet 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/air-magellio.png" alt="china-southern Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:05 - 01:35</small><br><small>FRA - SGN</small></p></div><div class="col-5 text-right"><small>35H30</small><br><small>Francfort /<br>Ho Chi Minh Ville</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/air-magellio.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>15:40 - 06:10</small><br><small>SGN - FRA</small></p></div><div class="col-5 text-right"><small>14H30</small><br><small>Ho Chi Minh Ville /<br>Francfort</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;">915€</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="Francfort - FRA"><input type="hidden" name="destination" id="destination_ticketbox_6" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_6" value="28-07-2026 / 10-08-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/viet-nam-VN/ho-chi-minh-ville-SGN/depart/francfort-FRA.html">Vols Francfort Ho Chi Minh Ville</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx2-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Francfort / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Francfort</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Francfort</b> à <b>Ho Chi Minh Ville</b> en réservant votre vol dès maintenant. Profitez de cette destination fascinante en un clin d'œil!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Jeu 30 Juil. - Mer 12 Août</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/air-magellio.png" alt="china-southern Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:05 - 01:35</small><br><small>FRA - SGN</small></p></div><div class="col-5 text-right"><small>35H30</small><br><small>Francfort /<br>Ho Chi Minh Ville</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/air-magellio.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>08:00 - 06:10</small><br><small>SGN - FRA</small></p></div><div class="col-5 text-right"><small>22H10</small><br><small>Ho Chi Minh Ville /<br>Francfort</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;">915€</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="Francfort - FRA"><input type="hidden" name="destination" id="destination_ticketbox_7" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_7" value="30-07-2026 / 12-08-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/viet-nam-VN/ho-chi-minh-ville-SGN/depart/francfort-FRA.html">Vols Francfort Ho Chi Minh Ville</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx1-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Francfort / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Francfort</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Francfort</b> à <b>Ho Chi Minh Ville</b> en réservant votre vol dès maintenant. Profitez de cette destination fascinante en un clin d'œil!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Sam 25 Juil. - Ven 07 Août</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/air-magellio.png" alt="china-southern Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:05 - 01:35</small><br><small>FRA - SGN</small></p></div><div class="col-5 text-right"><small>35H30</small><br><small>Francfort /<br>Ho Chi Minh Ville</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/air-magellio.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>08:00 - 06:10</small><br><small>SGN - FRA</small></p></div><div class="col-5 text-right"><small>22H10</small><br><small>Ho Chi Minh Ville /<br>Francfort</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;">915€</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="Francfort - FRA"><input type="hidden" name="destination" id="destination_ticketbox_8" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_8" value="25-07-2026 / 07-08-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/viet-nam-VN/ho-chi-minh-ville-SGN/depart/francfort-FRA.html">Vols Francfort Ho Chi Minh Ville</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx5-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Francfort / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Francfort</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Francfort</b> à <b>Ho Chi Minh Ville</b> en réservant votre vol dès maintenant. Profitez de cette destination fascinante en un clin d'œil!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Jeu 23 Juil. - Mer 05 Août</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/air-magellio.png" alt="china-southern Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:05 - 01:35</small><br><small>FRA - SGN</small></p></div><div class="col-5 text-right"><small>35H30</small><br><small>Francfort /<br>Ho Chi Minh Ville</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/air-magellio.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>08:00 - 06:10</small><br><small>SGN - FRA</small></p></div><div class="col-5 text-right"><small>22H10</small><br><small>Ho Chi Minh Ville /<br>Francfort</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;">915€</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="Francfort - FRA"><input type="hidden" name="destination" id="destination_ticketbox_9" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_9" value="23-07-2026 / 05-08-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/viet-nam-VN/ho-chi-minh-ville-SGN/depart/francfort-FRA.html">Vols Francfort Ho Chi Minh Ville</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx2-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Francfort / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Francfort</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Francfort</b> à <b>Ho Chi Minh Ville</b> en réservant votre vol dès maintenant. Profitez de cette destination fascinante en un clin d'œil!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Juillet 2026</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/air-magellio.png" alt="china-southern Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:05 - 01:35</small><br><small>FRA - SGN</small></p></div><div class="col-5 text-right"><small>35H30</small><br><small>Francfort /<br>Ho Chi Minh Ville</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/air-magellio.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>15:40 - 06:10</small><br><small>SGN - FRA</small></p></div><div class="col-5 text-right"><small>38H30</small><br><small>Ho Chi Minh Ville /<br>Francfort</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;">915€</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="Francfort - FRA"><input type="hidden" name="destination" id="destination_ticketbox_10" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_10" value="21-07-2026 / 04-08-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/viet-nam-VN/ho-chi-minh-ville-SGN/depart/francfort-FRA.html">Vols Francfort Ho Chi Minh Ville</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://weekend.magellio.com/img/photo-XX-XXX-xxxx5-XS.webp" class="card-img-top" alt="Ho Chi Minh Ville Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Francfort / Ho Chi Minh Ville</strong></div></div><div class="card-body"><h5 class="card-title mb-2" style="font-size: 0.95rem;"><i class="fas fa-plane" style="margin-right: 5px;"></i>Vol Ho Chi Minh Ville au départ de Francfort</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Francfort</b> à <b>Ho Chi Minh Ville</b> en réservant votre vol dès maintenant. Profitez de cette destination fascinante en un clin d'œil!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Jeu 16 Juil. - Mar 28 Juil.</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://weekend.magellio.com/img/logos-airlines-medium/qatar-airways.png" alt="qatar-airways Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>21:55 - 07:40</small><br><small>FRA - SGN</small></p></div><div class="col-5 text-right"><small>33H45</small><br><small>Francfort /<br>Ho Chi Minh Ville</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/qatar-airways.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>09:20 - 19:55</small><br><small>SGN - FRA</small></p></div><div class="col-5 text-right"><small>10H35</small><br><small>Ho Chi Minh Ville /<br>Francfort</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;">973€</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="Francfort - FRA"><input type="hidden" name="destination" id="destination_ticketbox_11" value="Ho Chi Minh Ville - SGN"><input type="hidden" name="date" id="date_ticketbox_11" value="16-07-2026 / 28-07-2026"><input type="hidden" name="ClasseType" id="ClasseType_ticketbox_11" value="Économique"><input type="hidden" name="ClasseCode" id="ClasseCode_ticketbox_11" value="eco"><input type="hidden" name="TypeVol" id="TypeVol_ticketbox_11" value=""><button type="submit" class="btn-sm btn-primary" style="font-size: 0.8rem;">Réserver ce vol</button></form></div></div></div><div class="card-footer text-muted text-center">Voir tous les <a href="https://weekend.magellio.com/vols/viet-nam-VN/ho-chi-minh-ville-SGN/depart/francfort-FRA.html">Vols Francfort Ho Chi Minh Ville</a></div></div></div></div></div><hr><div class="container mt-2"><hr><div class="row"><div class="col-md-4"><a href="https://weekend.magellio.com/vols/viet-nam-VN/hanoi-HAN/depart/lyon-LYS.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Lyon - Hanoi (LYS-HAN)</span><span class="text-danger ml-2">795€</span></div></a><a href="https://weekend.magellio.com/vols/viet-nam-VN/hanoi-HAN/depart/nantes-NTE.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Nantes - Hanoi (NTE-HAN)</span><span class="text-danger ml-2">863€</span></div></a><a href="https://weekend.magellio.com/vols/viet-nam-VN/ho-chi-minh-ville-SGN/depart/bordeaux-BOD.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Bordeaux - Ho Chi Minh Ville (BOD-SGN)</span><span class="text-danger ml-2">786€</span></div></a><a href="https://weekend.magellio.com/vols/viet-nam-VN/hanoi-HAN/depart/nice-NCE.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Nice - Hanoi (NCE-HAN)</span><span class="text-danger ml-2">788€</span></div></a></div><div class="col-md-4"><a href="https://weekend.magellio.com/vols/viet-nam-VN/hanoi-HAN/depart/marseille-MRS.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Marseille - Hanoi (MRS-HAN)</span><span class="text-danger ml-2">684€</span></div></a><a href="https://weekend.magellio.com/vols/viet-nam-VN/hanoi-HAN/depart/paris-cdg-CDG.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Paris Cdg - Hanoi (CDG-HAN)</span><span class="text-danger ml-2">545€</span></div></a><a href="https://weekend.magellio.com/vols/viet-nam-VN/ho-chi-minh-ville-SGN/depart/toulouse-TLS.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Toulouse - Ho Chi Minh Ville (TLS-SGN)</span><span class="text-danger ml-2">835€</span></div></a><a href="https://weekend.magellio.com/vols/viet-nam-VN/ho-chi-minh-ville-SGN/depart/francfort-FRA.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Francfort - Ho Chi Minh Ville (FRA-SGN)</span><span class="text-danger ml-2">689€</span></div></a></div><div class="col-md-4"><a href="https://weekend.magellio.com/vols/viet-nam-VN/ho-chi-minh-ville-SGN/depart/bruxelles-BRU.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Bruxelles - Ho Chi Minh Ville (BRU-SGN)</span><span class="text-danger ml-2">659€</span></div></a><a href="https://weekend.magellio.com/vols/viet-nam-VN/ho-chi-minh-ville-SGN/depart/nantes-QJZ.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Nantes - Ho Chi Minh Ville (QJZ-SGN)</span><span class="text-danger ml-2">977€</span></div></a><a href="https://weekend.magellio.com/vols/viet-nam-VN/hanoi-HAN/depart/geneve-GVA.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Geneve - Hanoi (GVA-HAN)</span><span class="text-danger ml-2">646€</span></div></a><a href="https://weekend.magellio.com/vols/viet-nam-VN/ho-chi-minh-ville-SGN/depart/lyon-part-dieu-XYD.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Lyon Part-dieu - Ho Chi Minh Ville (XYD-SGN)</span><span class="text-danger ml-2">893€</span></div></a></div></div><div class="row mb-4"><div class="text-left mt-4"><a href="https://weekend.magellio.com/vols/viet-nam-VN" class="btn-sm btn-primary">Vols Viet-nam pas cher</a></div></div></div>      </div>

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

    <!-- DEBUT FOOTER -->
    <footer class="position-relative z-index-10 d-print-none">
      <!-- Main block - menus, subscribe form-->
      <div class="py-5 bg-gray-200 text-muted"> 
        <div class="container">
          <div class="row">
            <div class="col-lg-3 col-md-6 mb-1 mb-lg-0">
              <h6 class="text-uppercase text-dark mb-3">Organisateur de Voyages</h6>
              <p class="text-sm">Notre 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-2026 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) {
        // Priorise les aéroports de départ pour le champ "départ" et les
        // destinations pour le champ "destination" (tri serveur par volume).
        var role = '';
        try {
            var id = (this.$element && this.$element.attr('id')) || '';
            if (/depart/i.test(id))      role = 'dep';
            else if (/arrivee/i.test(id)) role = 'arr';
        } catch (e) {}
        $.get('https://weekend.magellio.com/ajax/searchAirport.php', { a: query, b: 'weekend', role: role }, 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?2606091157"></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://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>