Unexpected HTTP Status Code: 429<br />
<b>Notice</b>:  Undefined variable: weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>173</b><br />
Erreur lors de la récupération des informations météorologiques.<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>264</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>264</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>264</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>264</b><br />
<br />
<b>Notice</b>:  Undefined variable: daily_weather_data in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>266</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>266</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_day_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>354</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_night_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>355</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_wind_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>356</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_humidity_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>357</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_rain_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>358</b><br />
<br />
<b>Warning</b>:  file_put_contents(/var/www/site/pages//content/voyagermoinscher/voyage-securite/guatemala/GT/flores--ini.php): failed to open stream: No such file or directory in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>371</b><br />
<br />
<b>Warning</b>:  chmod(): No such file or directory in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>372</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_day_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>390</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_night_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>391</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_wind_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>392</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_humidity_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>393</b><br />
<br />
<b>Notice</b>:  Undefined variable: average_rain_temp in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>394</b><br />
Error: INSERT INTO sv_countries_security (
    country_code, country_name, capital, population, country_language, country_currency, 
    exchange_rate_vs_euro, country_timezone, visa_requirements, security_status, health_info, 
    transport_info, cultural_events, tourist_info, climate_impact, average_day_temp, 
    average_night_temp, average_wind_speed, average_humidity, average_rain, score_geopolitique, 
    score_geopolitique_one_word, score_geopolitique_texte, meteo_actuel_description, 
    meteo_alerte_description, score_meteo, score_meteo_one_word, score_meteo_texte, date_text
) VALUES (
    'GT', 'Guatemala', 'Guatemala City', '17679735', 'es', 'Quetzal', 
    '0.108', 'UTC-6', 'Les ressortissants français ont besoin d\'un visa pour entrer au Guatemala.', 'Il est recommandé de faire preuve de prudence en raison de la présence de gangs et de la criminalité dans certaines régions du pays.', 'Il est recommandé de se faire vacciner contre l\'hépatite A et la fièvre typhoïde avant de voyager au Guatemala. Il est également important de boire de l\'eau en bouteille et d\'éviter les aliments de rue pour prévenir les maladies intestinales.', 
    'Le Guatemala dispose d\'un réseau de transports en commun limité. Il est recommandé de louer une voiture pour se déplacer.', 'Le Festival de Antigua, qui se tient en février, est l\'un des événements culturels les plus importants du pays.', 'Les voyageurs sont invités à éviter les zones frontalières avec le Mexique en raison de la présence de trafiquants de drogue et de la violence associée. Les zones touristiques telles que Antigua et le lac Atitlán sont considérées comme sûres.', 'Le Guatemala est actuellement confronté à des conditions météorologiques instables avec des risques de fortes pluies et d\'inondations dans certaines régions. Il est conseillé de rester informé des prévisions météorologiques locales et de suivre les recommandations des autorités.', '', 
    '', '', '', '', 
    '3', 'Moyen', 'Le Guatemala présente des risques sécuritaires à prendre en compte, mais reste une destination touristique intéressante avec des précautions adéquates.', 
    'Actuellement météo Guatemala : Température de 25°C, humidité 75%, vent de 5 m/s, conditions ensoleillées. Prévisions pour les prochains jours : un temps chaud et ensoleillé vous attend.', 'Aucune alerte météorologique en cours.', '4', 'Bonne', 
    'Avec un temps ensoleillé et des températures agréables, c\'est le moment idéal pour visiter le Guatemala. Profitez du beau temps pour découvrir les merveilles naturelles et culturelles de ce pays.', '23 octobre 2024'
) ON DUPLICATE KEY UPDATE 
    capital = 'Guatemala City', population = '17679735', country_language = 'es', 
    country_currency = 'Quetzal', exchange_rate_vs_euro = '0.108', 
    country_timezone = 'UTC-6', visa_requirements = 'Les ressortissants français ont besoin d\'un visa pour entrer au Guatemala.', 
    security_status = 'Il est recommandé de faire preuve de prudence en raison de la présence de gangs et de la criminalité dans certaines régions du pays.', health_info = 'Il est recommandé de se faire vacciner contre l\'hépatite A et la fièvre typhoïde avant de voyager au Guatemala. Il est également important de boire de l\'eau en bouteille et d\'éviter les aliments de rue pour prévenir les maladies intestinales.', transport_info = 'Le Guatemala dispose d\'un réseau de transports en commun limité. Il est recommandé de louer une voiture pour se déplacer.', 
    cultural_events = 'Le Festival de Antigua, qui se tient en février, est l\'un des événements culturels les plus importants du pays.', tourist_info = 'Les voyageurs sont invités à éviter les zones frontalières avec le Mexique en raison de la présence de trafiquants de drogue et de la violence associée. Les zones touristiques telles que Antigua et le lac Atitlán sont considérées comme sûres.', climate_impact = 'Le Guatemala est actuellement confronté à des conditions météorologiques instables avec des risques de fortes pluies et d\'inondations dans certaines régions. Il est conseillé de rester informé des prévisions météorologiques locales et de suivre les recommandations des autorités.', 
    average_day_temp = '', average_night_temp = '', 
    average_wind_speed = '', average_humidity = '', 
    average_rain = '', score_geopolitique = '3', 
    score_geopolitique_one_word = 'Moyen', score_geopolitique_texte = 'Le Guatemala présente des risques sécuritaires à prendre en compte, mais reste une destination touristique intéressante avec des précautions adéquates.', 
    meteo_actuel_description = 'Actuellement météo Guatemala : Température de 25°C, humidité 75%, vent de 5 m/s, conditions ensoleillées. Prévisions pour les prochains jours : un temps chaud et ensoleillé vous attend.', meteo_alerte_description = 'Aucune alerte météorologique en cours.', 
    score_meteo = '4', score_meteo_one_word = 'Bonne', 
    score_meteo_texte = 'Avec un temps ensoleillé et des températures agréables, c\'est le moment idéal pour visiter le Guatemala. Profitez du beau temps pour découvrir les merveilles naturelles et culturelles de ce pays.', date_text = '23 octobre 2024'<br>Incorrect decimal value: '' for column 'average_day_temp' at row 1<br />
<b>Warning</b>:  include(/var/www/site/pages//content/voyagermoinscher/voyage-securite/guatemala/GT/flores--ini.php): failed to open stream: No such file or directory in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>452</b><br />
<br />
<b>Warning</b>:  include(): Failed opening '/var/www/site/pages//content/voyagermoinscher/voyage-securite/guatemala/GT/flores--ini.php' for inclusion (include_path='.:/usr/share/php') in <b>/var/www/site/pages/includes/security-country-content.php</b> on line <b>452</b><br />
<br />
<b>Notice</b>:  Undefined index: GT/flores- in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>112</b><br />
<br />
<b>Notice</b>:  Undefined index: GT/flores- in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>113</b><br />
<br />
<b>Notice</b>:  Undefined index: GT/flores- in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>114</b><br />
<br />
<b>Warning</b>:  file_put_contents(/var/www/site/pages//content/voyagermoinscher/vols/guatemala/GT/flores--ini.php): failed to open stream: No such file or directory in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>181</b><br />
<br />
<b>Warning</b>:  chmod(): No such file or directory in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>182</b><br />
<br />
<b>Warning</b>:  include(/var/www/site/pages//content/voyagermoinscher/vols/guatemala/GT/flores--ini.php): failed to open stream: No such file or directory in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>186</b><br />
<br />
<b>Warning</b>:  include(): Failed opening '/var/www/site/pages//content/voyagermoinscher/vols/guatemala/GT/flores--ini.php' for inclusion (include_path='.:/usr/share/php') in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>186</b><br />
<!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 Guatemala</title>
	<meta name="description" content="Découvrez les informations de sécurité pour voyager en Guatemala. Restez informé sur les conseils de sécurité, les alertes, et profitez d'offres exclusives pour explorer Guatemala sereinement.">
	<meta name="keywords" content="sécurité voyage Guatemala, conseils de sécurité Guatemala, voyage sécurisé Guatemala, informations sécurité Guatemala, voyage en sécurité Guatemala">

	<meta property="og:title" content="Voyager en Toute Sécurité en Guatemala">
	<meta property="og:description" content="Découvrez les informations de sécurité pour voyager en Guatemala. Restez informé sur les conseils de sécurité, les alertes, et profitez d'offres exclusives pour explorer Guatemala sereinement.">
	<meta property="og:url" content="https://voyagermoinscher.magellio.com/voyage-securite/guatemala-GT/flores-.html">
	<meta property="og:type" content="website">
	<meta property="og:image" content="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx5-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="shortcut icon" href="https://voyagermoinscher.magellio.com/img/favicon-voyagermoinscher.png">


			<!-- CSS MODULES -->

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

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

<style>.logo {height:50px;}</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>

<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();
    });
});

});

function initializeDateRangePicker() {
    // Check if the picker has already been initialized
    if (!$('#daterangevol').data('daterangepicker')) {
        $('#daterangevol').dateRangePicker({
            // Options here
            locale: { format: 'DD-MM-YYYY' },
            opens: 'right',
            autoApply: true
        });
    }
}	


</script>



</head>


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

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


        	
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                <span class="flags flags-france"></span>
            </a>
            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                <li><a class="dropdown-item" href="https://voyagermoinscher.magellio.com/vols/guatemala-GT/flores-.html?language=EN"><span class="flags flags-angleterre me-2"></span>English</a></li>
            </ul>
        </li>
    </ul>
</div>
!-->

        </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://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx5-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  Guatemala                                </p>
                                <h2 class="display-3 fw-bold mb-3" style="line-height: 1">
                                    Météo, Sécurité, Visa, Information Touriste  Guatemala                                </h2>
                                <p class="mb-4">
                                    Découvrez les conditions actuelles de voyage  Guatemala. <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">
      
<style>
.breadcrumbs {
    padding: 0;
    margin: 0;
    list-style: none;
    background: none;
}

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

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

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

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

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

</style>
<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://voyagermoinscher.magellio.com/" itemprop="item">
                <span itemprop="name">Voyagermoinscher</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://voyagermoinscher.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">Guatemala</span>
            <meta itemprop="position" content="3">
        </div>
    </div>
</nav>

    </div>
</div>

<style>
/* Onglets */


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


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

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

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

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

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

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

.hidden {
            display: none;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


</style>
<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>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="hotel-tab" data-bs-toggle="tab" data-bs-target="#hotel" type="button" role="tab" aria-controls="hotel" aria-selected="false">Hôtel</button>
                    </li>
                <!--
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="vol-hotel-tab" data-bs-toggle="tab" data-bs-target="#vol-hotel" type="button" role="tab" aria-controls="vol-hotel" 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://voyagermoinscher.magellio.com/reserver-moteur-vol.php" id="formVol" method="post" target="searchvol">
    <input type="hidden" id="departure_airport_name" name="departure_airport_name" value="">
    <input type="hidden" id="departure_city_name" name="departure_city_name" value="">
    <input type="hidden" id="arrival_airport_name" name="arrival_airport_name" value="">
    <input type="hidden" id="arrival_city_name" name="arrival_city_name" value="">
    <input type="hidden" id="passengers" name="passengers" value="">

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

    <div class="row g-3 align-items-center">
        <div class="col-12 col-md-5 d-flex">
            <div class="flex-grow-1 me-2">
                <label for="depart" class="form-label">Lieu de départ</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                    <input id="depart" name="depart" class="form-control searchAirport" autocomplete="off" type="search" placeholder="Départ" value=" - ">
                </div>
            </div>
            <div class="d-flex align-items-end mt-4">
                <button type="button" id="swapButton" class="btn btn-swap">
                    <i class="fa fa-exchange-alt"></i>
                </button>
            </div>
        </div>
        <div class="col-12 col-md-4">
            <label for="arrivee" class="form-label">Destination</label>
            <div class="input-group">
                <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                <input id="arrivee" name="arrivee" class="form-control searchAirport" autocomplete="off" type="search" placeholder="Arrivée" value=" - ">
            </div>
        </div>
        <div class="col-12 col-md-3 mt-3">
            <label for="classVol" class="form-label">Classe</label>
            <select class="form-select" id="classVol" name="classVol">
                <option value="eco">Économique</option>
                <option value="premium">Premium</option>
                <option value="business">Business</option>
                <option value="first">First</option>
            </select>
        </div>

        <div class="w-100"></div>
        <div class="col-12 col-md-5">
            <label for="daterangevol" class="form-label">Dates</label>
            <div class="input-group">
                <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                <input id="daterangevol" name="daterangevol" class="form-control datepicker" type="text" placeholder="Dates (+/- 3 jours)" value="07-11-2024 / 14-11-2024">
            </div>
        </div>
        <div class="col-12 col-md-3 mt-3">
    <label for="buttonpaxVol" class="form-label">Voyageurs</label>
    <div id="personCountSelectorVol" class="person-count-selector dropdown">
        <button type="button" id="buttonpaxVol" class="btn btn-outline-dark w-100 dropdown-toggle">
            <i class="fa fa-users"></i> <span id="personCountTextVol" name="personCountTextVol">2 adultes 0 enfants</span>
        </button>
        <div class="dropdown-content mt-1">
            <div>
                <label for="adultesVol">Adultes</label>
                <div class="counter">
                    <button type="button" onclick="modifyCount('adultes', -1, 'Vol')">-</button>
                    <input type="text" id="adultesVol" name="adultesVol" value="2" readonly>
                    <button type="button" onclick="modifyCount('adultes', 1, 'Vol')">+</button>
                </div>
            </div>
            <div>
                <label for="enfantsVol">Enfants</label>
                <div class="counter">
                    <button type="button" onclick="updateChildrenCount('enfants', -1, 'Vol')">-</button>
                    <input type="text" id="enfantsVol" name="enfantsVol" value="0" readonly>
                    <button type="button" onclick="updateChildrenCount('enfants', 1, 'Vol')">+</button>
                </div>
            </div>
            <div id="childrenAgeSelectorsVol" class="children-age-selectors">
                            </div>
            <button type="button" class="finish-button" onclick="toggleDropdown('Vol')">Terminer</button>
        </div>
    </div>
</div>

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









                    	</div>
                    </div>
                </div>
                <div class="tab-pane fade show" id="volhotel" role="tabpanel" aria-labelledby="volhotel-tab">
                        <div class="search-bar mt-5 p-lg-4">
                          <div class="row">
                            <form action="https://voyagermoinscher.magellio.com/reserver-vol-hotel.php" id="formvolhotel" method="post" target="searchvolhotel">
    <input type="hidden" id="departure_airport_name_volhotel" name="departure_airport_name_volhotel" value="">
    <input type="hidden" id="departure_city_name_volhotel" name="departure_city_name_volhotel" value="">
    <input type="hidden" id="arrival_airport_name_volhotel" name="arrival_airport_volname" value="">
    <input type="hidden" id="arrival_city_name_volhotel" name="arrival_city_name_volhotel" value="">

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

    <div class="row g-3 align-items-center">
        <div class="col-12 col-md-5 d-flex">
            <div class="flex-grow-1 me-2">
                <label for="departvolhotel" class="form-label">Ville de départ</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                    <input id="departvolhotel" name="departvolhotel" class="form-control searchAirport" autocomplete="off" type="search" placeholder="Départ" value=" - ">
                </div>
            </div>
            <div class="d-flex align-items-end mt-4">
                <button type="button" id="swapButton" class="btn btn-swap">
                    <i class="fa fa-exchange-alt"></i>
                </button>
            </div>
        </div>
        <div class="col-12 col-md-4">
            <label for="arriveevolhotel" class="form-label">Destination</label>
            <div class="input-group">
                <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                <input id="arriveevolhotel" name="arriveevolhotel" class="form-control searchAirport" autocomplete="off" type="search" placeholder="Arrivée" value=" - ">
            </div>
        </div>
        <div class="col-12 col-md-3 mt-3">
            <label for="classvolhotel" class="form-label">Classe</label>
            <select class="form-select" id="classvolhotel" name="classvolhotel">
                <option value="eco">Économique</option>
                <option value="premium">Premium</option>
                <option value="business">Business</option>
                <option value="first">First</option>
            </select>
        </div>

        <div class="w-100"></div>
        <div class="col-12 col-md-5">
            <label for="daterangevolhotel" class="form-label">Dates</label>
            <div class="input-group">
                <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                <input id="daterangevolhotel" name="daterangevolhotel" class="form-control datepicker" type="text" placeholder="Dates (+/- 3 jours)" value="07-11-2024 / 14-11-2024">
            </div>
        </div>
        <div class="col-12 col-md-3 mt-3">
    <label for="buttonpaxvolhotel" class="form-label">Voyageurs et chambres</label>
    <div id="personCountSelectorvolhotel" class="person-count-selector dropdown">
        <button type="button" id="buttonpaxvolhotel" class="btn btn-outline-dark w-100 dropdown-toggle">
            <i class="fa fa-users"></i> <span id="personCountTextvolhotel" name="personCountTextvolhotel">2 adultes 0 enfants</span>
        </button>
        <div class="dropdown-content mt-1">
            <div>
                <label for="adultesvolhotel">Adultes</label>
                <div class="counter">
                    <button type="button" onclick="modifyCount('adultes', -1, 'volhotel')">-</button>
                    <input type="text" id="adultesvolhotel" name="adultesvolhotel" value="2" readonly>
                    <button type="button" onclick="modifyCount('adultes', 1, 'volhotel')">+</button>
                </div>
            </div>
            <div>
                <label for="chambresvolhotel">Chambres</label>
                <div class="counter">
                    <button type="button" onclick="modifyCount('chambres', -1, 'volhotel')">-</button>
                    <input type="text" id="chambresvolhotel" name="chambresvolhotel" value="1" readonly>
                    <button type="button" onclick="modifyCount('chambres', 1, 'volhotel')">+</button>
                </div>
            </div>
            <div>
                <label for="enfantsvolhotel">Enfants</label>
                <div class="counter">
                    <button type="button" onclick="updateChildrenCount('enfants', -1, 'volhotel')">-</button>
                    <input type="text" id="enfantsvolhotel" name="enfantsvolhotel" value="0" readonly>
                    <button type="button" onclick="updateChildrenCount('enfants', 1, 'volhotel')">+</button>
                </div>
            </div>
            <div id="childrenAgeSelectorsvolhotel" class="children-age-selectors">
                            </div>
            <button type="button" class="finish-button" onclick="toggleDropdown('volhotel')">Terminer</button>
        </div>
    </div>
</div>

        <div class="col-12 col-md-2 mt-3 d-grid">
            <label for="validateDatesvolhotel" class="form-label d-none d-md-block">&nbsp;</label>
            <button class="btn btn-primary" id="validateDatesvolhotel" type="submit">Rechercher</button>
        </div>
    </div>
</form>                          </div>
                        </div>
                    </div>
                    <div class="tab-pane fade show" id="hotel" role="tabpanel" aria-labelledby="hotel-tab">
                        <div class="search-bar mt-5 p-lg-4">
                          <div class="row">
                            <form action="https://voyagermoinscher.magellio.com/reserver-moteur-hotel.php" id="formhotel" method="post" target="searchhotel">
    <input type="hidden" id="arrival_city_id" name="arrival_city_id" value="">
    <input type="hidden" id="arrival_airport_name_hotel" name="arrival_airport_hotelname" value="">
    <input type="hidden" id="arrival_city_name_hotel" name="arrival_city_name_hotel" value="">

<input type="hidden" id="hiddenAdultshotel" name="adultshotel" value="2">
<input type="hidden" id="hiddenChildrenhotel" name="childrenhotel" value="0">
<input type="hidden" id="hiddenNbroomshotel" name="nbroomshotel" value="1">
<input type="hidden" id="hiddenInfanthotel" name="infanthotel" value="0">
<input type="hidden" id="hiddenAgeshotel" name="ageshotel" value="">

    <div class="row g-3 align-items-center">
        <div class="col-12 col-md-7">
            <label for="arriveehotel" class="form-label">Destination</label>
            <div class="input-group">
                <span class="input-group-text"><i class="fa fa-map-marker-alt"></i></span>
                <input id="arriveehotel" name="arriveehotel" class="form-control searchCity" autocomplete="off" type="search" placeholder="Destination" value="">
            </div>
        </div>
        <div class="col-12 col-md-5 mt-3">
            <label for="classhotel" class="form-label">Etoiles</label>
            <select class="form-select" id="classhotel" name="classhotel">
                <option value="5">5 étoiles</option>
                <option value="4">4 étoiles</option>
                <option value="3">3 étoiles</option>
            </select>
        </div>

        <div class="w-100"></div>
        <div class="col-12 col-md-5">
            <label for="daterangehotel" class="form-label">Dates</label>
            <div class="input-group">
                <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                <input id="daterangehotel" name="daterangehotel" class="form-control datepicker" type="text" placeholder="Dates (+/- 3 jours)" value="07-11-2024 / 14-11-2024">
            </div>
        </div>
        <div class="col-12 col-md-3 mt-3">
    <label for="buttonpaxhotel" class="form-label">Voyageurs et chambres</label>
    <div id="personCountSelectorhotel" class="person-count-selector dropdown">
        <button type="button" id="buttonpaxhotel" class="btn btn-outline-dark w-100 dropdown-toggle">
            <i class="fa fa-users"></i> <span id="personCountTexthotel" name="personCountTexthotel">2 adultes 0 enfants</span>
        </button>
        <div class="dropdown-content mt-1">
            <div>
                <label for="adulteshotel">Adultes</label>
                <div class="counter">
                    <button type="button" onclick="modifyCount('adultes', -1, 'hotel')">-</button>
                    <input type="text" id="adulteshotel" name="adulteshotel" value="2" readonly>
                    <button type="button" onclick="modifyCount('adultes', 1, 'hotel')">+</button>
                </div>
            </div>
            <div>
                <label for="chambreshotel">Chambres</label>
                <div class="counter">
                    <button type="button" onclick="modifyCount('chambres', -1, 'hotel')">-</button>
                    <input type="text" id="chambreshotel" name="chambreshotel" value="1" readonly>
                    <button type="button" onclick="modifyCount('chambres', 1, 'hotel')">+</button>
                </div>
            </div>
            <div>
                <label for="enfantshotel">Enfants</label>
                <div class="counter">
                    <button type="button" onclick="updateChildrenCount('enfants', -1, 'hotel')">-</button>
                    <input type="text" id="enfantshotel" name="enfantshotel" value="0" readonly>
                    <button type="button" onclick="updateChildrenCount('enfants', 1, 'hotel')">+</button>
                </div>
            </div>
            <div id="childrenAgeSelectorshotel" class="children-age-selectors">
                            </div>
            <button type="button" class="finish-button" onclick="toggleDropdown('hotel')">Terminer</button>
        </div>
    </div>
</div>

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

<script>

document.addEventListener('DOMContentLoaded', async function() {
    
    function addInputEventListeners() {
        const departElement = document.getElementById('depart');
        const arriveeElement = document.getElementById('arrivee');
        const departElementvolhotel = document.getElementById('departvolhotel');
        const arriveeElementvolhotel = document.getElementById('arriveevolhotel');
        
        const arriveeElementhotel = document.getElementById('arriveehotel');

        if (departElement) {
            // Auto-select the content of the input field when clicked
            departElement.addEventListener('focus', function() {
                this.select();
            });

            // Trigger the display of a dropdown list (or suggestions box) when the input field is focused
            departElement.addEventListener('focus', function() {
            });
            
        } else {
            console.error('20 moteur_js : Element with ID "depart" not found');
        }

        if (arriveeElement) {
            // Auto-select the content of the input field when clicked
            arriveeElement.addEventListener('focus', function() {
                this.select();
            });

            // Trigger the display of a dropdown list (or suggestions box) when the input field is focused
            arriveeElement.addEventListener('focus', function() {
                // Here you should add the logic to show the suggestions box
                // For example, you can trigger a search or show a predefined list of airports
                console.log('Suggestions box should open now for arrivee');
            });
        } else {
            console.error('36 moteur_js : Element with ID "arrivee" not found');
        }

        if (departElementvolhotel) {
            // Auto-select the content of the input field when clicked
            departElementvolhotel.addEventListener('focus', function() {
                this.select();
            });

            // Trigger the display of a dropdown list (or suggestions box) when the input field is focused
            departElementvolhotel.addEventListener('focus', function() {
            });
            
        } else {
            console.error('50 moteur_js : Element with ID "departvolhotel" not found');
        }

        if (arriveeElementvolhotel) {
            // Auto-select the content of the input field when clicked
            arriveeElementvolhotel.addEventListener('focus', function() {
                this.select();
            });

            // Trigger the display of a dropdown list (or suggestions box) when the input field is focused
            arriveeElementvolhotel.addEventListener('focus', function() {
                // Here you should add the logic to show the suggestions box
                // For example, you can trigger a search or show a predefined list of airports
                console.log('Suggestions box should open now for arrivee');
            });
        } else {
            console.error('66 moteur_js : Element with ID "arriveevolhotel" not found');
        }

        if (arriveeElementhotel) {
            // Auto-select the content of the input field when clicked
            arriveeElementhotel.addEventListener('focus', function() {
                this.select();
            });

            // Trigger the display of a dropdown list (or suggestions box) when the input field is focused
            arriveeElementhotel.addEventListener('focus', function() {
                // Here you should add the logic to show the suggestions box
                // For example, you can trigger a search or show a predefined list of airports
                console.log('Suggestions box hotel should open now for arrivee');
            });
        } else {
            console.error('85 moteur_js : Element with ID "arriveehotel" not found');
        }
 
    function synchronizeFields() {
        const daterangevol = document.getElementById('daterangevol');
        const daterangehotel = document.getElementById('daterangehotel');
        const daterangevolhotel = document.getElementById('daterangevolhotel');
        
        const depart = document.getElementById('depart');
        const departvolhotel = document.getElementById('departvolhotel');
        const arrivee = document.getElementById('arrivee');
        const arriveevolhotel = document.getElementById('arriveevolhotel');
        const arriveehotel = document.getElementById('arriveehotel');

        const classvol = document.getElementById('classVol');
        const classvolhotel = document.getElementById('classvolhotel');
        const classhotel = document.getElementById('classhotel');


        const personCountTextVol = document.getElementById('personCountTextVol');
        const personCountTextvolhotel = document.getElementById('personCountTextvolhotel');
        const personCountTexthotel = document.getElementById('personCountTexthotel');

        const hiddenAdultsvol = document.getElementById('hiddenAdultsVol');
        const hiddenAdultsvolhotel = document.getElementById('hiddenAdultsvolhotel');
        const hiddenAdultshotel = document.getElementById('hiddenAdultsvolhotel');

        const hiddenChildrenvol = document.getElementById('hiddenChildrenVol');
        const hiddenChildrenvolhotel = document.getElementById('hiddenChildrenvolhotel');
        const hiddenChildrenhotel = document.getElementById('hiddenChildrenvolhotel');

        const hiddenInfantvol = document.getElementById('hiddenInfantVol');
        const hiddenInfantvolhotel = document.getElementById('hiddenInfantvolhotel');
        const hiddenInfanthotel = document.getElementById('hiddenInfantvolhotel');

        const hiddenAgesvol = document.getElementById('hiddenAgesVol');
        const hiddenAgesvolhotel = document.getElementById('hiddenAgesvolhotel');
        const hiddenAgeshotel = document.getElementById('hiddenAgesvolhotel');

        const hiddenNbrooms = document.getElementById('chambresvolhotel');

        const MenuText = document.getElementById('menutext');

        if (MenuText) {
        contenuMenuText = "" ;
        contenuMenuText = depart.value + " / " + arrivee.value + " | " + daterangevol.value + " | " + classvol.value + " | " + hiddenAdultsvol.value + "A " + hiddenChildrenvol.value + "E / " + hiddenNbrooms.value + " Ch <i class='fa fa-pen ms-2'></i> " ;
        MenuText.innerHTML = contenuMenuText ;
        }

        if (hiddenChildrenvol && hiddenChildrenvolhotel && hiddenChildrenhotel) {
            hiddenChildrenvolhotel.value = hiddenChildrenvol.value;
            hiddenChildrenhotel.value = hiddenChildrenvol.value;
        }

        if (hiddenAdultsvol && hiddenAdultsvolhotel && hiddenAdultshotel) {
            hiddenAdultsvolhotel.value = hiddenAdultsvol.value;
            hiddenAdultshotel.value = hiddenAdultsvol.value;
        }

        if (hiddenInfantvol && hiddenInfantvolhotel && hiddenInfanthotel) {
            hiddenInfantvolhotel.value = hiddenInfantvol.value;
            hiddenInfanthotel.value = hiddenInfantvol.value;
        }

        if (hiddenAgesvol && hiddenAgesvolhotel && hiddenAgeshotel) {
            hiddenAgesvolhotel.value = hiddenAgesvol.value;
            hiddenAgeshotel.value = hiddenAgesvol.value;
        }

        if (daterangevol && daterangevolhotel && daterangehotel) {
            daterangevolhotel.value = daterangevol.value;
            daterangehotel.value = daterangevol.value;
        }
        if (depart && departvolhotel) {
            departvolhotel.value = depart.value;
        }
        if (arrivee && arriveevolhotel && arriveehotel) {
            arriveevolhotel.value = arrivee.value;
            arriveehotel.value = arrivee.value;
        }



        if (classvol && classvolhotel && classhotel) {
            classvolhotel.value = classvol.value;
            classhotel.value = classvol.value;
        }
        if (personCountTextVol && personCountTextvolhotel && personCountTexthotel) {
            //alert ('hello ' + personCountTextVol.innerText) ;
            personCountTextvolhotel.innerHTML = personCountTextVol.innerText;
            personCountTexthotel.innerHTML = personCountTextVol.innerText;
        }

    }

    function synchronizeFieldsBack() {


        const daterangevol = document.getElementById('daterangevol');
        const daterangevolhotel = document.getElementById('daterangevolhotel');
        const daterangehotel = document.getElementById('daterangehotel');
        const depart = document.getElementById('depart');
        const departvolhotel = document.getElementById('departvolhotel');
        const arrivee = document.getElementById('arrivee');
        const arriveevolhotel = document.getElementById('arriveevolhotel');
        const arriveehotel = document.getElementById('arriveehotel');

        const classvol = document.getElementById('class');
        const classvolhotel = document.getElementById('classvolhotel');
        const classhotel = document.getElementById('classhotel');

        const personCountTextVol = document.getElementById('personCountTextVol');
        const personCountTextvolhotel = document.getElementById('personCountTextvolhotel');
        const personCountTexthotel = document.getElementById('personCountTexthotel');

        const hiddenAdultsvol = document.getElementById('hiddenAdultsVol');
        const hiddenAdultsvolhotel = document.getElementById('hiddenAdultsvolhotel');
        const hiddenAdultshotel = document.getElementById('hiddenAdultshotel');

        const hiddenChildrenvol = document.getElementById('hiddenChildrenVol');
        const hiddenChildrenvolhotel = document.getElementById('hiddenChildrenvolhotel');
        const hiddenChildrenhotel = document.getElementById('hiddenChildrenhotel');

        const hiddenInfantvol = document.getElementById('hiddenInfantVol');
        const hiddenInfantvolhotel = document.getElementById('hiddenInfantvolhotel');
        const hiddenInfanthotel = document.getElementById('hiddenInfanthotel');

        const hiddenAgesvol = document.getElementById('hiddenAgesVol');
        const hiddenAgesvolhotel = document.getElementById('hiddenAgesvolhotel');
        const hiddenAgeshotel = document.getElementById('hiddenAgeshotel');

        const hiddenNbrooms = document.getElementById('chambresvolhotel');
        const hiddenNbroomshotel = document.getElementById('chambreshotel');



        const MenuText = document.getElementById('menutext');

        if (MenuText) {
        contenuMenuText = "" ;
        contenuMenuText = depart.value + " / " + arrivee.value + " | " + daterangevol.value + " | " + classvol.value + " | " + hiddenAdultsvol.value + "A " + hiddenChildrenvol.value + "E / " + hiddenNbrooms.value + " Ch <i class='fa fa-pen ms-2'></i> " ;
        MenuText.innerHTML = contenuMenuText ;
        }


        if (hiddenChildrenvol && hiddenChildrenvolhotel && hiddenChildrenhotel) {
            hiddenChildrenvol.value = hiddenChildrenvolhotel.value;
            hiddenChildrenhotel.value = hiddenChildrenvolhotel.value;
        }

        if (hiddenAdultsvol && hiddenAdultsvolhotel && hiddenAdultshotel) {
            hiddenAdultsvol.value = hiddenAdultsvolhotel.value;
            hiddenAdultshotel.value = hiddenAdultsvolhotel.value;
        }

        if (hiddenInfantvol && hiddenInfantvolhotel && hiddenInfanthotel) {
            hiddenInfantvol.value = hiddenInfantvolhotel.value;
            hiddenInfanthotel.value = hiddenInfantvolhotel.value;
        }

        if (hiddenAgesvol && hiddenAgesvolhotel && hiddenAgeshotel) {
            hiddenAgesvol.value = hiddenAgesvolhotel.value;
            hiddenAgeshotel.value = hiddenAgesvolhotel.value;
        }

        if (daterangevol && daterangevolhotel && daterangehotel) {
            daterangevol.value = daterangevolhotel.value;
            daterangehotel.value = daterangevolhotel.value;
        }
        if (depart && departvolhotel) {
            depart.value = departvolhotel.value;
        }

        if (classvol && classvolhotel && classhotel ) {
            classvol.value = classvolhotel.value;
             classhotel.value = classvolhotel.value;
        }
        if (personCountTextVol && personCountTextvolhotel && personCountTexthotel ) {
            //alert ('hello ' + personCountTextvolhotel.innerText) ;
            personCountTextVol.innerHTML = personCountTextvolhotel.innerText;
            personCountTexthotel.innerHTML = personCountTextvolhotel.innerText;
        }
    }

    function initializeClass(context) {
        const sessionClass = "eco";
        const classSelect = document.getElementById(`class${context}`);
        for (let i = 0; i < classSelect.options.length; i++) {
            if (classSelect.options[i].value === sessionClass) {
                classSelect.selectedIndex = i;
            }
        }
    }

        // Initial call to setup the class for the 'Vol' context
    initializeClass('Vol');

    const volHotelTab = document.getElementById('volhotel-tab');
    volHotelTab.addEventListener('shown.bs.tab', function(event) {
        synchronizeFields();
        initializeClass('volhotel');
    });

    const HotelTab = document.getElementById('hotel-tab');
    volHotelTab.addEventListener('shown.bs.tab', function(event) {
        synchronizeFields();
        initializeClass('hotel');
    });

    const volTab = document.getElementById('vol-seul-tab');
    volTab.addEventListener('shown.bs.tab', function(event) {
        synchronizeFieldsBack();
        initializeClass('Vol');
    });

    // Ensure the correct form is submitted when clicking the search button
    document.getElementById('formvolhotel').addEventListener('submit', function(event) {
        synchronizeFieldsBack();
    });

    //document.getElementById('formhotel').addEventListener('submit', function(event) {synchronizeFieldsBack();});

    document.getElementById('formVol').addEventListener('submit', function(event) {
        synchronizeFields();
        
    });

        document.getElementById('validateDates').addEventListener('click', function(event) {
        document.getElementById('formVol').submit();
    });

    document.getElementById('validateDatesvolhotel').addEventListener('click', function(event) {
        document.getElementById('formvolhotel').submit();
    });

    document.getElementById('validateDateshotel').addEventListener('click', function(event) {
        document.getElementById('formhotel').submit();
    });

    }

        addInputEventListeners();
    // Add event listeners when the DOM content is loaded
});

</script>

<script>

function toggleDropdown(context) {
    const dropdown = document.querySelector(`#personCountSelector${context} .dropdown-content`);
    if (dropdown.classList.contains('active')) {
        dropdown.classList.remove('active');
        updateHiddenFields(context);
    } else {
        dropdown.classList.add('active');
    }
}

function setupFinishButton(context) {
    const finishButton = document.querySelector('.finish-button');
    if (finishButton) {
        finishButton.addEventListener('click', function(event) {
            // Stop event from bubbling up to avoid triggering any global click listeners inadvertently
            event.stopPropagation();
            toggleDropdown(context);
        });
    }
}

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

    initializeDropdown('Vol');
    initializeEventListeners('Vol');
    initializeSwapButton('Vol');
    setupFinishButton('Vol'); // Setup finish button properly
    initializeClass('Vol');

    initializeDropdown('volhotel');
    initializeEventListeners('volhotel');
    initializeSwapButton('volhotel');
    setupFinishButton('volhotel'); // Setup finish button properly
    initializeClass('volhotel');

    initializeDropdown('hotel');
    initializeEventListeners('hotel');
    //initializeSwapButton('volhotel');
    setupFinishButton('hotel'); // Setup finish button properly
    initializeClass('hotel');

    var menutext = document.getElementById('menutext');
    var moteur = document.getElementById('moteur');

    const daterangevol = document.getElementById('daterangevol');
    const daterangevolhotel = document.getElementById('daterangevolhotel');
    const daterangehotel = document.getElementById('daterangehotel');
        
    const depart = document.getElementById('depart');
    const departvolhotel = document.getElementById('departvolhotel');
        
    const arrivee = document.getElementById('arrivee');
    const arriveevolhotel = document.getElementById('arriveevolhotel');
    const arriveehotel = document.getElementById('arriveehotel');
                // Vérifiez que l'élément contient du texte
    if (departvolhotel && departvolhotel.value) {
            // Récupérez le texte actuel
            let text = departvolhotel.value;

            // Transformez la première lettre en majuscule et le reste du texte en minuscules
            let capitalizedText = text.charAt(0).toUpperCase() + text.slice(1);

            // Mettez à jour le texte de l'élément
            departvolhotel.value = capitalizedText;
        }

                       // Vérifiez que l'élément contient du texte
    if (depart && depart.value) {
            // Récupérez le texte actuel
            let text = depart.value;

            // Transformez la première lettre en majuscule et le reste du texte en minuscules
            let capitalizedText = text.charAt(0).toUpperCase() + text.slice(1);

            // Mettez à jour le texte de l'élément
            depart.value = capitalizedText;
        }

    const classvol = document.getElementById('classVol');
    const classvolhotel = document.getElementById('classvolhotel');
    const classhotel = document.getElementById('classhotel');


    const personCountTextVol = document.getElementById('personCountTextVol');
    const personCountTextvolhotel = document.getElementById('personCountTextvolhotel');
    const personCountTexthotel = document.getElementById('personCountTexthotel');

    const hiddenAdultsvol = document.getElementById('hiddenAdultsVol');
    const hiddenAdultsvolhotel = document.getElementById('hiddenAdultsvolhotel');
    const hiddenAdultshotel = document.getElementById('hiddenAdultshotel');

    const hiddenChildrenvol = document.getElementById('hiddenChildrenVol');
    const hiddenChildrenvolhotel = document.getElementById('hiddenChildrenvolhotel');
    const hiddenChildrenhotel = document.getElementById('hiddenChildrenhotel');

    const hiddenInfantvol = document.getElementById('hiddenInfantVol');
    const hiddenInfantvolhotel = document.getElementById('hiddenInfantvolhotel');
    const hiddenInfanthotel = document.getElementById('hiddenInfanthotel');

    const hiddenAgesvol = document.getElementById('hiddenAgesVol');
    const hiddenAgesvolhotel = document.getElementById('hiddenAgesvolhotel');
    const hiddenAgeshotel = document.getElementById('hiddenAgeshotel');

    const hiddenNbrooms = document.getElementById('chambresvolhotel');
    const hiddenNbroomshotel = document.getElementById('chambreshotel');
    const ContentMenuText = document.getElementById('contentmenutext');

    contenuMenuText = "" ;

    if (ContentMenuText && depart && depart.value) {
        contenuMenuText = depart.value + " / " + arrivee.value + " | " + daterangevol.value + " | " + classvol.value + " | " + hiddenAdultsvol.value + "A " + hiddenChildrenvol.value + "E / " + hiddenNbrooms.value + " Ch <i class='fa fa-pen ms-2'></i> " ;
        ContentMenuText.innerHTML = contenuMenuText ;
    }

    if (ContentMenuText &&  departvolhotel && departvolhotel.value) {
      contenuMenuText = departvolhotel.value + " / " + arriveevolhotel.value + " | " + daterangevolhotel.value + " | " + classvolhotel.value + " | " + hiddenAdultsvolhotel.value + "A " + hiddenChildrenvolhotel.value + "E / " + hiddenNbrooms.value + " Ch <i class='fa fa-pen ms-2'></i> " ;
        ContentMenuText.innerHTML = contenuMenuText ;
    }  

    if (ContentMenuText &&  arriveehotel && arriveehotel.value) {
      contenuMenuText = arriveehotel.value + " | " + daterangehotel.value + " | " + classhotel.value + " | " + hiddenAdultshotel.value + "A " + hiddenChildrenhotel.value + "E / " + hiddenNbroomshotel.value + " Ch <i class='fa fa-pen ms-2'></i> " ;
        ContentMenuText.innerHTML = contenuMenuText ;
    } 

    if (ContentMenuText) {
    menutext.addEventListener('click', function() {
        menutext.classList.add('hidden');
        moteur.classList.remove('hidden');
    });
    }

    // Initial update when the page loads
    


});

function initializeClass(context) {
    const sessionClass = "eco";
    const classSelect = document.getElementById(`class${context}`);
    for (let i = 0; i < classSelect.options.length; i++) {
        if (classSelect.options[i].value === sessionClass) {
            classSelect.selectedIndex = i;
        }
    }
}

function initializeDropdown(context) {
    updatePersonCountText(context);
}

function initializeEventListeners(context) {
    const ageSelectors = document.querySelectorAll(`#childrenAgeSelectors${context} .child-age-selector`);
    ageSelectors.forEach(selector => {
        selector.addEventListener('change', function() {
            updateHiddenFields(context);
        });
    });

    const finishButton = document.querySelector('.finish-button');
    if (finishButton) {
        finishButton.addEventListener('click', function() {
        setupAgeChangeListeners(context);
            toggleDropdown(context);
        });
    }

    document.getElementById(`buttonpax${context}`).addEventListener('click', function() {
        toggleDropdown(context);
    });
}

function initializeSwapButton(context) {
    const swapButton = document.getElementById('swapButton${context}');
    if (swapButton) {
        swapButton.addEventListener('click', function() {
            const departureField = document.getElementById('depart${context}');
            const destinationField = document.getElementById('arrivee${context}');
            const tempValue = departureField.value;
            departureField.value = destinationField.value;
            destinationField.value = tempValue;
        });
    }
}

function updateAgesHiddenField(context) {
    const ages = Array.from(document.querySelectorAll(`#childrenAgeSelectors${context} .age-selector select`))
                  .map(select => select.value);

    document.getElementById(`hiddenAges${context}`).value = ages.join(';');

    console.log("Updated hidden ages:", hiddenAgesInput.value);
}

function updateHiddenFields(context) {
    //console.log("Update Hidden Fields called for context:", context);
    // Get values from DOM
    const adults = parseInt(document.getElementById(`adultes${context}`).value, 10) || 0;
    const children = parseInt(document.getElementById(`enfants${context}`).value, 10) || 0;

const ages = Array.from(document.querySelectorAll(`#childrenAgeSelectors${context} .age-selector select`))
                  .map(select => select.value);


    // Debug log to check values
    //console.log("Ages captured:", ages);

    let hiddenAdults = adults;
    let hiddenChildren = children;
    let hiddenInfant = 0;

    // Calculate hidden field values based on age
    ages.forEach(age => {
        const parsedAge = parseInt(age, 10);

        if (parsedAge < 2) {
            hiddenInfant++;
            hiddenChildren--;
        } else if (parsedAge >= 12) {
            hiddenAdults++;
            hiddenChildren--;
        }
    });

    // Ensure hiddenChildren never drops below zero
    hiddenChildren = Math.max(hiddenChildren, 0);

    // Update DOM elements
    document.getElementById(`hiddenAdults${context}`).value = hiddenAdults;
    document.getElementById(`hiddenChildren${context}`).value = hiddenChildren;
    document.getElementById(`hiddenInfant${context}`).value = hiddenInfant;
    document.getElementById(`hiddenAges${context}`).value = ages.join(';');
}


function updatePersonCountText(context) {
    const adultes = document.getElementById(`adultes${context}`).value;
    const enfants = document.getElementById(`enfants${context}`).value;
    const personCountText = document.getElementById(`personCountText${context}`);
    personCountText.innerText = `${adultes} adulte${adultes > 1 ? 's' : ''} ${enfants} enfant${enfants > 1 ? 's' : ''}`;
}

function modifyCount(type, delta, context) {
    const inputId = `${type}${context}`; // Construct the correct ID based on the HTML
    const input = document.getElementById(inputId);
    let value = parseInt(input.value, 10) || 0;
    value += delta;
    if (value < 0) value = 0; // Prevent negative values
    input.value = value;

    updatePersonCountText(context); // Optionally update related text or values
    updateHiddenFields(context) ;
}

function updateChildrenAgeSelectors(context) {
    const childrenCountInput = document.getElementById(`enfants${context}`);
    const childrenCount = parseInt(childrenCountInput.value, 10);
    const ageSelectorsContainer = document.getElementById(`childrenAgeSelectors${context}`);
    const existingAges = [];

    // Gather existing ages before clearing the container
    document.querySelectorAll(`#childrenAgeSelectors${context} .age-selector select`).forEach(select => {
        existingAges.push(select.value);
    });

    // Clear existing age selectors
    ageSelectorsContainer.innerHTML = '';

    // Add age selectors based on current number of children
    for (let i = 0; i < childrenCount; i++) {
        const div = document.createElement('div');
        div.className = 'age-selector';
        div.style.marginTop = '2px';

        const select = document.createElement('select');
        select.id = `child-age-${i}-${context}`;
        select.name = `ages[]`;

        // Populate select with options
        for (let age = 0; age <= 17; age++) {
            const option = document.createElement('option');
            option.value = age;
            option.textContent = `${age} ans`;
            if (age === (existingAges[i] ? parseInt(existingAges[i], 10) : 7)) {
                option.selected = true;
            }
            select.appendChild(option);
        }

        div.appendChild(select);
        ageSelectorsContainer.appendChild(div);
    }

    // Update the hidden fields after all selectors are rebuilt
    updateHiddenFields(context);
}

function updateChildrenCount(type, delta, context) {
    const inputId = `${type}${context}`; // Construct the correct ID based on the HTML
    const input = document.getElementById(inputId);
    let value = parseInt(input.value, 10) || 0;
    value += delta;
    if (value < 0) value = 0; // Ensure count doesn't go below zero
    if (value > 4) value = 4; // Ensure count doesn't go above four for children
    input.value = value;

    if (type === 'enfants') {
        updateChildrenAgeSelectors(context);
    }

    updatePersonCountText(context); // Optionally update related text or values
    updateHiddenFields(context) ;
}

function setupAgeChangeListeners(context) {
    // Correctly targeting '.age-selector select' based on your structure
    const ageSelectors = document.querySelectorAll(`#childrenAgeSelectors${context} .age-selector select`);

    //console.log("Found age selectors:", ageSelectors.length); // Check how many selectors are found
    
    // Attach event listeners to each select
    ageSelectors.forEach(selector => {
        selector.addEventListener('change', function() {
            console.log('Age changed to:', selector.value); // Debugging: Log when change occurs
            updateOnlyHiddenAgesField(context); // Update the hidden field when change occurs
        });
    });

    // Initial update for the hidden field
    updateOnlyHiddenAgesField(context);
}

function updateOnlyHiddenAgesField(context) {
    const ageSelectors = document.querySelectorAll(`#childrenAgeSelectors${context} .age-selector select`);
    const ages = Array.from(ageSelectors, select => select.value); // Collect all values
    
    const hiddenAgesInput = document.getElementById(`hiddenAges${context}`);
    hiddenAgesInput.value = ages.join(';'); // Join values and update hidden input

    //console.log("Updated hidden ages to:", hiddenAgesInput.value); // Log updated value
}

</script><script>
function updateBookingEngine(event, count) {
    event.preventDefault();  // Prevent the form from submitting

    const origine = document.getElementById('origine_ticketbox_' + count).value;
    const destination = document.getElementById('destination_ticketbox_' + count).value;
    const date = document.getElementById('date_ticketbox_' + count).value;

    const CabinType = document.getElementById('ClasseType_ticketbox_' + count).value;
    const CabinCode = document.getElementById('ClasseCode_ticketbox_' + count).value;

    // Update the booking engine fields with the values
    document.getElementById('depart').value = origine;
    document.getElementById('arrivee').value = destination;
    document.getElementById('daterangevol').value = date;
    document.getElementById('classVol').value = CabinCode;

    // Optionally, scroll to the booking engine or trigger any other action
    document.getElementById('myTab').scrollIntoView({ behavior: 'smooth' });
}

</script>

<!-- FIN SECTION NOUVEAU MOTEUR -->

<section class="py-2">
  <div class="container mt-4">
    <div class="row">
      <div class="col-md-12">
        <p class="subtitle text-secondary">Situation géopolitique et météorologique  Guatemala</p> 
      </div>
    </div>
    <div class="card mt-3">
    <div class="card-body">
        <p class="card-text"><b>Voyager en toute sécurité  Guatemala</b> est notre priorité. Magellio met à votre disposition des informations fiables et actuelles pour que vous puissiez <b>explorer  Guatemala</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  Guatemala. 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>Guatemala 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  Guatemala</h2>

<div class="card mt-3">
    <div class="card-header">
        Sécurité Générale et Conseils 
        <span class="badge bg-warning">
            Moyen        </span>
    </div>
    <div class="card-body">
        <h5 class="card-title">Conseils de Sécurité pour Guatemala en date du 23 octobre 2024</h5>
        <p class="card-text">Avant de voyager vers Guatemala, il est essentiel de se renseigner sur les <b>conditions de sécurité</b> actuelles. Il est recommandé de faire preuve de prudence en raison de la présence de gangs et de la criminalité dans certaines régions du pays.</p>
        
        <h5 class="card-title">Recommandation liée à la situation Géopolitique</h5>
        <p class="card-text">Le Guatemala présente des risques sécuritaires à prendre en compte, mais reste une destination touristique intéressante avec des précautions adéquates.</p>
    </div>
</div>

<div class="card mt-3">
    <div class="card-header">
        Météo et Conditions de Voyage
        <span class="badge <br />
<b>Notice</b>:  Undefined variable: score_meteo in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>536</b><br />
<br />
<b>Notice</b>:  Undefined variable: score_meteo in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>536</b><br />
bg-danger">
            <br />
<b>Notice</b>:  Undefined variable: score_meteo_one_word in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>537</b><br />
        </span>
    </div>
    <div class="card-body">
        <h5 class="card-title">Conditions Météorologiques Actuelles</h5>
        <p> Guatemala, cette semaine, la température moyenne pendant la journée est de °C, tandis que la nuit, elle descend à environ °C, offrant un climat modérément frais. L'humidité moyenne est de <br />
<b>Notice</b>:  Undefined variable: average_humidity in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>542</b><br />
%. Le vent souffle à une vitesse moyenne de <br />
<b>Notice</b>:  Undefined variable: average_wind_speed in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>543</b><br />
<br />
<b>Warning</b>:  A non-numeric value encountered in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>544</b><br />
 m/s. Les précipitations ont une moyenne de <br />
<b>Notice</b>:  Undefined variable: average_rain in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>551</b><br />
mm de précipitation.</p>
        <p>Le Guatemala est actuellement confronté à des conditions météorologiques instables avec des risques de fortes pluies et d\'inondations dans certaines régions. Il est conseillé de rester informé des prévisions météorologiques locales et de suivre les recommandations des autorités.</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 Guatemala est qualifié comme  <br />
<b>Notice</b>:  Undefined variable: score_meteo_one_word in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>557</b><br />
 pour les voyageurs</b>. <br />
<b>Notice</b>:  Undefined variable: score_meteo_texte in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>557</b><br />
</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 Guatemala<span class="badge ms-2 bg-warning">
            Moyen        </span></h5>
        <p class="card-text">Sur une échelle de 0 à 5, le score de sécurité actuel pour Guatemala est de 3. 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 Guatemala<span class="badge ms-2 <br />
<b>Notice</b>:  Undefined variable: score_meteo in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>571</b><br />
<br />
<b>Notice</b>:  Undefined variable: score_meteo in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>571</b><br />
bg-danger">
            <br />
<b>Notice</b>:  Undefined variable: score_meteo_one_word in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>572</b><br />
        </span></h5>
        <p class="card-text">Sur une échelle de 0 à 5, le score de météo actuel pour Guatemala est de <br />
<b>Notice</b>:  Undefined variable: score_meteo in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>574</b><br />
. 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é Guatemala par aéroport</div><div class="card-body"><div class="row"><div class="col-md-4"></div><div class="col-md-4"></div><div class="col-md-4"></div></div></div></div>
<div class="card mt-4">
    <div class="card-header">
        Préparez votre Voyage en Sécurité vers Guatemala    </div>

    <div class="card-body">
          <p>Magellio vous aide à planifier un voyage sécurisé vers Guatemala 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 Guatemala</h5>
        <p class="card-text">Les ressortissants français ont besoin d\'un visa pour entrer au Guatemala.</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 fièvre typhoïde avant de voyager au Guatemala. Il est également important de boire de l\'eau en bouteille et d\'éviter les aliments de rue pour prévenir les maladies intestinales.</p>
        
        <h5 class="card-title">Informations sur le Transport</h5>
        <p class="card-text">Le Guatemala dispose d\'un réseau de transports en commun limité. Il est recommandé de louer une voiture pour se déplacer.</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  Guatemala</h5>
    </div>
    <div class="card-body">
        <p class="card-text">
            Notre service client est expert sur la destination Guatemala et est situé en France. Nous faisons une veille quotidienne sur la Guatemala 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  Guatemala. En cas de retard ou de modification de vol vers Guatemala, 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  Guatemala</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  Guatemala</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 Guatemala pour parler de <a href="https://www.x.com/magellio1" target="_blank">Voyage  Guatemala</a>. Nous abordons tous les sujets : Conseils pratiques sur Guatemala, Retour d'expérience  Guatemala, Curture et événements locaux  Guatemala, Support mutuel et réponses aux questions sur Guatemala.</p>
    </div>
    
</div>

<div class="card mt-3">
<div class="card-header">
        <h5 class="card-title mb-0">Vol Guatemala 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 16 October 2024</div><p>Envolez-vous vers <b>Guatemala City</b> pour un voyage inoubliable à <b>Guatemala</b>! Découvrez des attractions incroyables comme le site archéologique de Tikal, le lac Atitlán, ou encore les marchés colorés d'Antigua. Profitez de notre promotion exclusive à partir de <b>863€</b> en classe économique. Ne manquez pas la température agréable avec des prévisions ensoleillées pour les trois prochains mois. Réservez dès maintenant pour assister aux événements locaux à venir, tels que le festival de la culture maya. Ne manquez pas cette opportunité unique de vivre une aventure authentique au cœur de l'Amérique centrale!</p></div></div></div></div>
</div>

    <div class="row mb-3">  
      <div class="container mt-4"><h2>Promotions vols Guatemala</h2><div class="row"><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx2-XS.webp" class="card-img-top" alt="Guatemala City 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 / Guatemala City</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 Guatemala City au départ de Lyon</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les merveilles de <b>Guatemala City</b> depuis <b>Lyon</b> avec des vols directs et des offres spéciales à ne pas manquer. Réservez dès maintenant!</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Février 2025</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/klm.png" alt="klm Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:10 - 19:50</small><br><small>LYS - GUA</small></p></div><div class="col-5 text-right"><small>29H40</small><br><small>Lyon /<br>Guatemala City</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/klm.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>08:00 - 23:00</small><br><small>GUA - LYS</small></p></div><div class="col-5 text-right"><small>39H00</small><br><small>Guatemala City /<br>Lyon</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">1024€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_0" onsubmit="updateBookingEngine(event, 0); return false;"><input type="hidden" name="origine" id="origine_ticketbox_0" value="Lyon - LYS"><input type="hidden" name="destination" id="destination_ticketbox_0" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_0" value="11-02-2025 / 25-02-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/lyon-LYS.html">Vols Lyon Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx1-XS.webp" class="card-img-top" alt="Guatemala City 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 / Guatemala City</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 Guatemala City au départ de Lyon</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de Guatemala City depuis Lyon. Informations sur les vols, attractions et conseils pour un séjour 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>Vol en Avril 2025</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>06:15 - 22:46</small><br><small>LYS - GUA</small></p></div><div class="col-5 text-right"><small>16H31</small><br><small>Lyon /<br>Guatemala City</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>13:02 - 09:25</small><br><small>GUA - LYS</small></p></div><div class="col-5 text-right"><small>44H23</small><br><small>Guatemala City /<br>Lyon</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">969€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_1" onsubmit="updateBookingEngine(event, 1); return false;"><input type="hidden" name="origine" id="origine_ticketbox_1" value="Lyon - LYS"><input type="hidden" name="destination" id="destination_ticketbox_1" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_1" value="22-04-2025 / 06-05-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/lyon-LYS.html">Vols Lyon Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx1-XS.webp" class="card-img-top" alt="Guatemala City 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 / Guatemala City</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 Guatemala City au départ de Lyon</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les merveilles de <b>Guatemala City</b> depuis <b>Lyon</b>. Ne manquez pas les sites historiques et culturels incontournables de cette ville fascinante.</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 15 Févr. - Mer 26 Févr.</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>10:25 - 13:05</small><br><small>LYS - GUA</small></p></div><div class="col-5 text-right"><small>26H40</small><br><small>Lyon /<br>Guatemala City</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>14:20 - 23:00</small><br><small>GUA - LYS</small></p></div><div class="col-5 text-right"><small>32H40</small><br><small>Guatemala City /<br>Lyon</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">863€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_2" onsubmit="updateBookingEngine(event, 2); return false;"><input type="hidden" name="origine" id="origine_ticketbox_2" value="Lyon - LYS"><input type="hidden" name="destination" id="destination_ticketbox_2" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_2" value="15-02-2025 / 26-02-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/lyon-LYS.html">Vols Lyon Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx5-XS.webp" class="card-img-top" alt="Guatemala City 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>Paris Cdg / Guatemala City</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 Guatemala City au départ de Paris Cdg</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les vols directs vers Guatemala City depuis Paris Cdg. Profitez de l'expérience de vol entre deux destinations uniques.</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 Février 2025</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/jetblue.png" alt="jetblue Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>11:20 - 14:48</small><br><small>CDG - GUA</small></p></div><div class="col-5 text-right"><small>27H28</small><br><small>Paris Cdg /<br>Guatemala City</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/jetblue.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>13:17 - 11:35</small><br><small>GUA - CDG</small></p></div><div class="col-5 text-right"><small>22H18</small><br><small>Guatemala City /<br>Paris Cdg</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;">1179€</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="Paris Cdg - CDG"><input type="hidden" name="destination" id="destination_ticketbox_3" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_3" value="15-02-2025 / 26-02-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/paris-cdg-CDG.html">Vols Paris Cdg Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx5-XS.webp" class="card-img-top" alt="Guatemala City Image" style="border-top-left-radius: 8px; border-top-right-radius: 8px;"><div style="position:absolute;bottom:10px;left:10px;color:white;background-color:rgba(0,0,0,0.5);padding:5px;"><strong>Marseille / Guatemala City</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 Guatemala City au départ de Marseille</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Guatemala City</b> au départ de Marseille. Informations sur les vols, attractions touristiques et conseils de voyage.</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 Janvier 2025</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>12:15 - 22:48</small><br><small>MRS - GUA</small></p></div><div class="col-5 text-right"><small>34H33</small><br><small>Marseille /<br>Guatemala City</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>13:13 - 16:35</small><br><small>GUA - MRS</small></p></div><div class="col-5 text-right"><small>27H22</small><br><small>Guatemala City /<br>Marseille</small></div></div></div><hr></div><div class="row"><div class="d-flex justify-content-between align-items-center mt-2"><div><p style="font-size: 1.4rem; font-weight: bold; margin: 0;">925€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_4" onsubmit="updateBookingEngine(event, 4); return false;"><input type="hidden" name="origine" id="origine_ticketbox_4" value="Marseille - MRS"><input type="hidden" name="destination" id="destination_ticketbox_4" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_4" value="07-01-2025 / 21-01-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/marseille-MRS.html">Vols Marseille Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx5-XS.webp" class="card-img-top" alt="Guatemala City 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>Bordeaux / Guatemala City</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 Guatemala City au départ de Bordeaux</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Voyagez de la charmante Bordeaux à la fascinante <b>Guatemala City</b>, découvrez les ruines mayas et la culture vibrante de ce pays d'Amérique centrale.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Vol en Août 2025</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/klm.png" alt="klm Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>17:10 - 11:44</small><br><small>BOD - GUA</small></p></div><div class="col-5 text-right"><small>18H34</small><br><small>Bordeaux /<br>Guatemala City</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/klm.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>13:02 - 22:20</small><br><small>GUA - BOD</small></p></div><div class="col-5 text-right"><small>33H18</small><br><small>Guatemala City /<br>Bordeaux</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;">1238€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_5" onsubmit="updateBookingEngine(event, 5); return false;"><input type="hidden" name="origine" id="origine_ticketbox_5" value="Bordeaux - BOD"><input type="hidden" name="destination" id="destination_ticketbox_5" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_5" value="05-08-2025 / 19-08-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/bordeaux-BOD.html">Vols Bordeaux Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx5-XS.webp" class="card-img-top" alt="Guatemala City 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>Bordeaux / Guatemala City</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 Guatemala City au départ de Bordeaux</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Voyagez de la charmante Bordeaux à la fascinante <b>Guatemala City</b>, découvrez les ruines mayas et la culture vibrante de ce pays d'Amérique centrale.</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 2025</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://voyagermoinscher.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>17:55 - 15:15</small><br><small>BOD - GUA</small></p></div><div class="col-5 text-right"><small>21H20</small><br><small>Bordeaux /<br>Guatemala City</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://voyagermoinscher.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>17:00 - 17:25</small><br><small>GUA - BOD</small></p></div><div class="col-5 text-right"><small>24H25</small><br><small>Guatemala City /<br>Bordeaux</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;">1099€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_6" onsubmit="updateBookingEngine(event, 6); return false;"><input type="hidden" name="origine" id="origine_ticketbox_6" value="Bordeaux - BOD"><input type="hidden" name="destination" id="destination_ticketbox_6" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_6" value="15-07-2025 / 29-07-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/bordeaux-BOD.html">Vols Bordeaux Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx5-XS.webp" class="card-img-top" alt="Guatemala City 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>Bordeaux / Guatemala City</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 Guatemala City au départ de Bordeaux</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Voyagez de la charmante Bordeaux à la fascinante <b>Guatemala City</b>, découvrez les ruines mayas et la culture vibrante de ce pays d'Amérique centrale.</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 15 Févr. - Mer 26 Févr.</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>12:30 - 22:48</small><br><small>BOD - GUA</small></p></div><div class="col-5 text-right"><small>34H18</small><br><small>Bordeaux /<br>Guatemala City</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>12:05 - 22:15</small><br><small>GUA - BOD</small></p></div><div class="col-5 text-right"><small>34H10</small><br><small>Guatemala City /<br>Bordeaux</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;">1060€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_7" onsubmit="updateBookingEngine(event, 7); return false;"><input type="hidden" name="origine" id="origine_ticketbox_7" value="Bordeaux - BOD"><input type="hidden" name="destination" id="destination_ticketbox_7" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_7" value="15-02-2025 / 26-02-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/bordeaux-BOD.html">Vols Bordeaux Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx3-XS.webp" class="card-img-top" alt="Guatemala City 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>Bordeaux / Guatemala City</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 Guatemala City au départ de Bordeaux</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Voyagez de la charmante Bordeaux à la fascinante <b>Guatemala City</b>, découvrez les ruines mayas et la culture vibrante de ce pays d'Amérique centrale.</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>Mar 07 Janv. - Mar 21 Janv.</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:00 - 22:48</small><br><small>BOD - GUA</small></p></div><div class="col-5 text-right"><small>28H48</small><br><small>Bordeaux /<br>Guatemala City</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>13:13 - 22:15</small><br><small>GUA - BOD</small></p></div><div class="col-5 text-right"><small>33H02</small><br><small>Guatemala City /<br>Bordeaux</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;">959€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_8" onsubmit="updateBookingEngine(event, 8); return false;"><input type="hidden" name="origine" id="origine_ticketbox_8" value="Bordeaux - BOD"><input type="hidden" name="destination" id="destination_ticketbox_8" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_8" value="07-01-2025 / 21-01-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/bordeaux-BOD.html">Vols Bordeaux Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx1-XS.webp" class="card-img-top" alt="Guatemala City 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>Bordeaux / Guatemala City</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 Guatemala City au départ de Bordeaux</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Voyagez de la charmante Bordeaux à la fascinante <b>Guatemala City</b>, découvrez les ruines mayas et la culture vibrante de ce pays d'Amérique centrale.</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 Février 2025</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://voyagermoinscher.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>17:55 - 17:05</small><br><small>BOD - GUA</small></p></div><div class="col-5 text-right"><small>23H10</small><br><small>Bordeaux /<br>Guatemala City</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://voyagermoinscher.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>18:35 - 17:25</small><br><small>GUA - BOD</small></p></div><div class="col-5 text-right"><small>22H50</small><br><small>Guatemala City /<br>Bordeaux</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;">738€</p><p style="font-size: 0.7rem;">4x + frais / A partir de</p></div><form id="ticketbox_9" onsubmit="updateBookingEngine(event, 9); return false;"><input type="hidden" name="origine" id="origine_ticketbox_9" value="Bordeaux - BOD"><input type="hidden" name="destination" id="destination_ticketbox_9" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_9" value="11-02-2025 / 25-02-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/bordeaux-BOD.html">Vols Bordeaux Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx1-XS.webp" class="card-img-top" alt="Guatemala City 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>Nice / Guatemala City</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 Guatemala City au départ de Nice</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les merveilles de <b>Guatemala City</b> en réservant votre vol depuis <b>Nice</b>. Explorez ses sites historiques et sa culture fascinante.</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 18 Janv. - Mer 29 Janv.</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:15 - 15:25</small><br><small>NCE - GUA</small></p></div><div class="col-5 text-right"><small>21H10</small><br><small>Nice /<br>Guatemala City</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>08:00 - 20:15</small><br><small>GUA - NCE</small></p></div><div class="col-5 text-right"><small>36H15</small><br><small>Guatemala City /<br>Nice</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;">1032€</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="Nice - NCE"><input type="hidden" name="destination" id="destination_ticketbox_10" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_10" value="18-01-2025 / 29-01-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/nice-NCE.html">Vols Nice Guatemala City</a></div></div></div><div class="col-md-3 mb-4"><div class="card"><div style="position:relative;"><img src="https://voyagermoinscher.magellio.com/img/photo-XX-XXX-xxxx1-XS.webp" class="card-img-top" alt="Guatemala City 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>Paris Cdg / Guatemala City</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 Guatemala City au départ de Paris Cdg</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les vols directs vers Guatemala City depuis Paris Cdg. Profitez de l'expérience de vol entre deux destinations uniques.</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 12 Avr. - Mer 23 Avr.</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="air-france Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:35 - 22:46</small><br><small>CDG - GUA</small></p></div><div class="col-5 text-right"><small>28H11</small><br><small>Paris Cdg /<br>Guatemala City</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://voyagermoinscher.magellio.com/img/logos-airlines-medium/air-france.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>07:10 - 15:55</small><br><small>GUA - CDG</small></p></div><div class="col-5 text-right"><small>32H45</small><br><small>Guatemala City /<br>Paris Cdg</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;">1300€</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="Paris Cdg - CDG"><input type="hidden" name="destination" id="destination_ticketbox_11" value="Guatemala City - GUA"><input type="hidden" name="date" id="date_ticketbox_11" value="12-04-2025 / 23-04-2025"><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://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/paris-cdg-CDG.html">Vols Paris Cdg Guatemala City</a></div></div></div></div></div><hr><div class="container mt-2"><hr><div class="row"><div class="col-md-4"><a href="https://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/paris-cdg-CDG.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Paris Cdg - Guatemala City (CDG-GUA)</span><span class="text-danger ml-2">677€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/bordeaux-BOD.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Bordeaux - Guatemala City (BOD-GUA)</span><span class="text-danger ml-2">1345€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/nantes-NTE.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Nantes - Guatemala City (NTE-GUA)</span><span class="text-danger ml-2">880€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/lyon-LYS.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Lyon - Guatemala City (LYS-GUA)</span><span class="text-danger ml-2">805€</span></div></a></div><div class="col-md-4"><a href="https://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/nice-NCE.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Nice - Guatemala City (NCE-GUA)</span><span class="text-danger ml-2">823€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/guatemala-GT/guatemala-city-GUA/depart/marseille-MRS.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Marseille - Guatemala City (MRS-GUA)</span><span class="text-danger ml-2">691€</span></div></a></div><div class="col-md-4"></div></div><div class="row mb-4"><div class="text-left mt-4"><a href="https://voyagermoinscher.magellio.com/vols/guatemala-GT" class="btn-sm btn-primary">Vols Guatemala pas cher</a></div></div></div>    </div>


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



</div>
    <!-- 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">Magellio partenaire d'InfoTravel, On vous dit où et quand partir !</p>
            </div>
            <div class="col-lg-3 col-md-6 mb-1 mb-lg-0">
              <h6 class="text-uppercase text-dark mb-3">Garantie confiance</h6>
              <ul class="list-unstyled">
                <li><span class="text-sm"><i class="fas fa-award"></i> <span class="text-muted">Centre de réservation agréé IATA</span></span></li>
                <li><span class="text-sm"><i class="fas fa-fingerprint"></i> <span class="text-muted">Données personnelles cryptées</span></span></li>
                <li><span class="text-sm"><i class="fas fa-lock"></i> <span class="text-muted">Paiement sécurisé SSL 3D Secure</span></span></li>
              </ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-1 mb-lg-0">
              <h6 class="text-uppercase text-dark mb-2">Newsletter</h6>
              <p class="text-sm mb-2"> Tous les vendredi, <b>les offres privées</b></p>
              <ul class="list-inline social">
                <li class="list-inline-item"><a class="text-muted text-primary-hover" href="http://eepurl.com/h4F0Uf" target="_blank" title="Newsletter"><i class="fab fa-mailchimp"></i></a></li>
              </ul>
              <h6 class="text-uppercase text-dark mt-3 mb-2">Suivez-nous</h6>
              <p class="text-sm mb-3"> Bons plans, codes de réduction,<br>dernière minute, actualités</p>
              <ul class="list-inline social">
                <li class="list-inline-item"><a class="text-muted text-primary-hover" href="https://www.facebook.com/MagellioPromotion/" target="_blank" title="facebook"><i class="fab fa-facebook"></i></a></li>
                <li class="list-inline-item"><a class="text-muted text-primary-hover" href="https://www.instagram.com/magellio.travel" target="_blank" title="instagram"><i class="fab fa-instagram"></i></a></li>
                <li class="list-inline-item"><a class="text-muted text-primary-hover" href="https://twitter.com/Magellio1" target="_blank" title="twitter"><i class="fab fa-twitter"></i></a></li>
              </ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-1 mb-lg-0">
              <h6 class="text-uppercase text-dark mb-2">Nous contacter</h6>
              <ul class="list-unstyled">
                <li><span class="text-xs">Du lundi au dimanche de 08H30 à 19H30</span></li>
                <li><span class="text-sm"><i class="fas fa-envelope"></i> <a class="text-muted" href="https://www.magellio.com/magellio-contact.php">Contacter nous en ligne</a></span></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="py-3 fw-light bg-color-A white copyright">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-8 text-center text-md-start">
              <p class="text-xs mb-md-0">&copy; 2021-2023 Magellio - <a href="https://voyagermoinscher.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://voyagermoinscher.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://voyagermoinscher.magellio.com/ajax/searchAutoComplete.php', { q: query, b: 'voyagermoinscher' }, function(data) {
                data = $.parseJSON(data);
                data.forEach(utf8_decode_anArray);
                return process(data);
            });
        }
    });

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

    $('input.searchAirport').typeahead({
        source: _.debounce(function(query, process) {
            $.get('https://voyagermoinscher.magellio.com/ajax/searchAirport.php', { a: query, b: 'voyagermoinscher' }, function(data) {
                data = $.parseJSON(data);
                data.forEach(utf8_decode_anArray);
                return process(data);
            });
        }, 400) // 300ms delay for debounce
    });

    $( '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://voyagermoinscher.magellio.com/ajax/searchCity.php', { a: query, b: 'voyagermoinscher' }, 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://voyagermoinscher.magellio.com/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- Magnific Popup - Lightbox for the gallery-->
    <script src="https://voyagermoinscher.magellio.com/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
    <!-- Smooth scroll-->
    <script src="https://voyagermoinscher.magellio.com/vendor/smooth-scroll/smooth-scroll.polyfills.min.js"></script>
    <!-- Bootstrap Select-->
    <script src="https://voyagermoinscher.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://voyagermoinscher.magellio.com/vendor/object-fit-images/ofi.min.js"></script>

        <!-- Swiper Carousel  -->                     
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/js/swiper.min.js"></script>
    
    <script src="https://voyagermoinscher.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://voyagermoinscher.magellio.com/js/jquery.daterangepicker.new.js?241023133"></script>

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

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

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


</body>
</html>