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/portugal/PT/pico--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 (
    'PT', 'Portugal', 'Lisbonne', '10283822', 'pt', 'Euro', 
    '1', 'UTC+0', 'Les Français peuvent entrer au Portugal avec une carte d\'identité ou un passeport en cours de validité.', 'Il n\'y a pas de contre-indication majeure pour voyager au Portugal en raison de problèmes sécuritaires ou géopolitiques.', 'Il est recommandé de se munir d\'une assurance santé pour couvrir les frais médicaux en cas de besoin.', 
    'Le Portugal dispose d\'un bon réseau de transports publics, y compris des trains, des bus et des métros dans les principales villes.', 'Des festivals de musique, de cinéma et de gastronomie sont organisés régulièrement à travers le pays.', 'Les zones touristiques telles que Lisbonne, Porto et l\'Algarve sont généralement sûres. Il est conseillé d\'éviter les quartiers plus délabrés la nuit.', 'Le Portugal bénéficie d\'un climat méditerranéen avec des étés chauds et des hivers doux. Les risques de tempêtes et d\'inondations sont plus élevés pendant l\'hiver dans certaines régions côtières.', '', 
    '', '', '', '', 
    '4', 'Sûr', 'Le Portugal est un pays sûr et accueillant pour les touristes, avec peu de risques sécuritaires.', 
    'Actuellement météo Portugal : Température de 22°C, humidité 70%, vent de 8 km/h, conditions ensoleillées.', 'Aucune alerte météorologique en cours.', '4', 'Bonne', 
    'Les conditions météo au Portugal sont idéales pour voyager en ce moment. Avec des températures agréables et un ciel ensoleillé, c\'est le moment parfait pour profiter des plages et des paysages magnifiques du pays. N\'hésitez pas à planifier votre voyage dès maintenant !', '23 octobre 2024'
) ON DUPLICATE KEY UPDATE 
    capital = 'Lisbonne', population = '10283822', country_language = 'pt', 
    country_currency = 'Euro', exchange_rate_vs_euro = '1', 
    country_timezone = 'UTC+0', visa_requirements = 'Les Français peuvent entrer au Portugal avec une carte d\'identité ou un passeport en cours de validité.', 
    security_status = 'Il n\'y a pas de contre-indication majeure pour voyager au Portugal en raison de problèmes sécuritaires ou géopolitiques.', health_info = 'Il est recommandé de se munir d\'une assurance santé pour couvrir les frais médicaux en cas de besoin.', transport_info = 'Le Portugal dispose d\'un bon réseau de transports publics, y compris des trains, des bus et des métros dans les principales villes.', 
    cultural_events = 'Des festivals de musique, de cinéma et de gastronomie sont organisés régulièrement à travers le pays.', tourist_info = 'Les zones touristiques telles que Lisbonne, Porto et l\'Algarve sont généralement sûres. Il est conseillé d\'éviter les quartiers plus délabrés la nuit.', climate_impact = 'Le Portugal bénéficie d\'un climat méditerranéen avec des étés chauds et des hivers doux. Les risques de tempêtes et d\'inondations sont plus élevés pendant l\'hiver dans certaines régions côtières.', 
    average_day_temp = '', average_night_temp = '', 
    average_wind_speed = '', average_humidity = '', 
    average_rain = '', score_geopolitique = '4', 
    score_geopolitique_one_word = 'Sûr', score_geopolitique_texte = 'Le Portugal est un pays sûr et accueillant pour les touristes, avec peu de risques sécuritaires.', 
    meteo_actuel_description = 'Actuellement météo Portugal : Température de 22°C, humidité 70%, vent de 8 km/h, conditions ensoleillées.', meteo_alerte_description = 'Aucune alerte météorologique en cours.', 
    score_meteo = '4', score_meteo_one_word = 'Bonne', 
    score_meteo_texte = 'Les conditions météo au Portugal sont idéales pour voyager en ce moment. Avec des températures agréables et un ciel ensoleillé, c\'est le moment parfait pour profiter des plages et des paysages magnifiques du pays. N\'hésitez pas à planifier votre voyage dès maintenant !', 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/portugal/PT/pico--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/portugal/PT/pico--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: PT/pico- in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>112</b><br />
<br />
<b>Notice</b>:  Undefined index: PT/pico- in <b>/var/www/site/pages/voyage-securite-pays.php</b> on line <b>113</b><br />
<br />
<b>Notice</b>:  Undefined index: PT/pico- 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/portugal/PT/pico--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/portugal/PT/pico--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/portugal/PT/pico--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 Portugal</title>
	<meta name="description" content="Découvrez les informations de sécurité pour voyager en Portugal. Restez informé sur les conseils de sécurité, les alertes, et profitez d'offres exclusives pour explorer Portugal sereinement.">
	<meta name="keywords" content="sécurité voyage Portugal, conseils de sécurité Portugal, voyage sécurisé Portugal, informations sécurité Portugal, voyage en sécurité Portugal">

	<meta property="og:title" content="Voyager en Toute Sécurité en Portugal">
	<meta property="og:description" content="Découvrez les informations de sécurité pour voyager en Portugal. Restez informé sur les conseils de sécurité, les alertes, et profitez d'offres exclusives pour explorer Portugal sereinement.">
	<meta property="og:url" content="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/pico-.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?241023121" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="https://voyagermoinscher.magellio.com/css/style-voyagermoinscher.css?241023121"></noscript>
	-->	
		<link rel="stylesheet" href="https://voyagermoinscher.magellio.com/css/style-voyagermoinscher.css?241023121">
	

		<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/portugal-PT/pico-.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  Portugal                                </p>
                                <h2 class="display-3 fw-bold mb-3" style="line-height: 1">
                                    Météo, Sécurité, Visa, Information Touriste  Portugal                                </h2>
                                <p class="mb-4">
                                    Découvrez les conditions actuelles de voyage  Portugal. <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">Portugal</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  Portugal</p> 
      </div>
    </div>
    <div class="card mt-3">
    <div class="card-body">
        <p class="card-text"><b>Voyager en toute sécurité  Portugal</b> est notre priorité. Magellio met à votre disposition des informations fiables et actuelles pour que vous puissiez <b>explorer  Portugal</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  Portugal. 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>Portugal 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  Portugal</h2>

<div class="card mt-3">
    <div class="card-header">
        Sécurité Générale et Conseils 
        <span class="badge bg-success">
            Sûr        </span>
    </div>
    <div class="card-body">
        <h5 class="card-title">Conseils de Sécurité pour Portugal en date du 23 octobre 2024</h5>
        <p class="card-text">Avant de voyager vers Portugal, il est essentiel de se renseigner sur les <b>conditions de sécurité</b> actuelles. Il n\'y a pas de contre-indication majeure pour voyager au Portugal en raison de problèmes sécuritaires ou géopolitiques.</p>
        
        <h5 class="card-title">Recommandation liée à la situation Géopolitique</h5>
        <p class="card-text">Le Portugal est un pays sûr et accueillant pour les touristes, avec peu de risques sécuritaires.</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> Portugal, 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 Portugal bénéficie d\'un climat méditerranéen avec des étés chauds et des hivers doux. Les risques de tempêtes et d\'inondations sont plus élevés pendant l\'hiver dans certaines régions côtières.</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 Portugal 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 Portugal<span class="badge ms-2 bg-success">
            Sûr        </span></h5>
        <p class="card-text">Sur une échelle de 0 à 5, le score de sécurité actuel pour Portugal est de 4. Ce score reflète les conditions politiques et sécuritaires globales du pays, offrant une perspective utile pour les voyageurs.</p>
        
        <h5 class="card-title">Score de Météo Portugal<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 Portugal 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é Portugal par aéroport</div><div class="card-body"><div class="row"><div class="col-md-4"><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/lisbonne-LIS.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Lisbonne (LIS)</span></div></a><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/porto-OPO.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Porto (OPO)</span></div></a><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/faro-FAO.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Faro (FAO)</span></div></a><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/funchal-FNC.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Funchal (FNC)</span></div></a></div><div class="col-md-4"><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/ponta-delgada-PDL.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Ponta Delgada (PDL)</span></div></a><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/terceira-island-TER.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Terceira Island (TER)</span></div></a><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/porto-santo-PXO.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Porto Santo (PXO)</span></div></a><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/horta-HOR.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Horta (HOR)</span></div></a></div><div class="col-md-4"><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/pico-island-PIX.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Pico Island (PIX)</span></div></a><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/flores-island-FLW.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Flores Island (FLW)</span></div></a><a href="https://voyagermoinscher.magellio.com/voyage-securite/portugal-PT/santa-maria-SMA.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Voyage Sécurité Santa Maria (SMA)</span></div></a></div></div></div></div>
<div class="card mt-4">
    <div class="card-header">
        Préparez votre Voyage en Sécurité vers Portugal    </div>

    <div class="card-body">
          <p>Magellio vous aide à planifier un voyage sécurisé vers Portugal 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 Portugal</h5>
        <p class="card-text">Les Français peuvent entrer au Portugal avec une carte d\'identité ou un passeport en cours de validité.</p>
        
        <h5 class="card-title">Informations Sanitaires</h5>
        <p class="card-text">Il est recommandé de se munir d\'une assurance santé pour couvrir les frais médicaux en cas de besoin.</p>
        
        <h5 class="card-title">Informations sur le Transport</h5>
        <p class="card-text">Le Portugal dispose d\'un bon réseau de transports publics, y compris des trains, des bus et des métros dans les principales villes.</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  Portugal</h5>
    </div>
    <div class="card-body">
        <p class="card-text">
            Notre service client est expert sur la destination Portugal et est situé en France. Nous faisons une veille quotidienne sur la Portugal 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  Portugal. En cas de retard ou de modification de vol vers Portugal, 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  Portugal</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  Portugal</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 Portugal pour parler de <a href="https://www.x.com/magellio1" target="_blank">Voyage  Portugal</a>. Nous abordons tous les sujets : Conseils pratiques sur Portugal, Retour d'expérience  Portugal, Curture et événements locaux  Portugal, Support mutuel et réponses aux questions sur Portugal.</p>
    </div>
    
</div>

<div class="card mt-3">
<div class="card-header">
        <h5 class="card-title mb-0">Vol Portugal 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 17 October 2024</div><p>Envie d'une escapade ensoleillée au <b>Portugal</b> ? Ne manquez pas les vols vers <b>LISBONNE</b> à partir de 346€ en classe économique. Découvrez les trésors culturels de cette ville vibrante, comme le quartier de l'Alfama et le château Saint-Georges. Profitez de la météo clémente des prochains mois pour flâner le long du Tage et déguster des pasteis de nata. Ne ratez pas non plus les festivités locales, comme le festival de Fado à <b>Porto</b>. Réservez dès maintenant et préparez-vous à vivre une expérience inoubliable au <b>Portugal</b> !</p></div></div></div></div>
</div>

    <div class="row mb-3">  
      <div class="container mt-4"><h2>Promotions vols Portugal</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-PT-LIS-178846166-XS.webp" class="card-img-top" alt="Lisbonne 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>Montpellier / Lisbonne</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 Lisbonne au départ de Montpellier</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez la beauté de la capitale du Portugal, avec ses rues pavées, ses trams pittoresques et ses célèbres sites comme le <b>château de Saint-Georges</b>.</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>14:51 - 08:50</small><br><small>XPJ - LIS</small></p></div><div class="col-5 text-right"><small>17H59</small><br><small>Montpellier /<br>Lisbonne</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>09:40 - 19:55</small><br><small>LIS - XPJ</small></p></div><div class="col-5 text-right"><small>10H15</small><br><small>Lisbonne /<br>Montpellier</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;">405€</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="Montpellier - XPJ"><input type="hidden" name="destination" id="destination_ticketbox_0" value="Lisbonne - LIS"><input type="hidden" name="date" id="date_ticketbox_0" value="25-04-2025 / 28-04-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/portugal-PT/lisbonne-LIS/depart/montpellier-XPJ.html">Vols Montpellier Lisbonne</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-PT-LIS-1066001880-XS.webp" class="card-img-top" alt="Lisbonne 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 Gare St Charles / Lisbonne</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 Lisbonne au départ de Marseille Gare St Charles</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de la capitale du Portugal en prenant un vol de Marseille à <b>Lisbonne</b>. Bon plan pour un voyage 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>15:12 - 22:25</small><br><small>XRF - LIS</small></p></div><div class="col-5 text-right"><small>07H13</small><br><small>Marseille Gare St Charles /<br>Lisbonne</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>18:30 - 22:45</small><br><small>LIS - XRF</small></p></div><div class="col-5 text-right"><small>28H15</small><br><small>Lisbonne /<br>Marseille Gare St Charles</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;">376€</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="Marseille Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_1" value="Lisbonne - LIS"><input type="hidden" name="date" id="date_ticketbox_1" value="22-04-2025 / 25-04-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/portugal-PT/lisbonne-LIS/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Lisbonne</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-PT-OPO-1248730316-XS.webp" class="card-img-top" alt="Porto 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>Rennes / Porto</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 Porto au départ de Rennes</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Porto</b> au départ de Rennes. Réservez votre vol pour explorer cette ville portugaise pleine d'histoire et de culture.</p></div></div></div><div class="flight-details"><hr><div class="flight-segment"><div class="row mb-2"><H6 class="card-text text-center"><b>Jeu 01 Mai - Dim 04 Mai</b></H6></div><div class="row"><div class="col-7 d-flex align-items-center"><div class="border p-2 text-center"><img src="https://voyagermoinscher.magellio.com/img/logos-airlines-medium/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:25 - 22:45</small><br><small>RNS - OPO</small></p></div><div class="col-5 text-right"><small>04H20</small><br><small>Rennes /<br>Porto</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/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>06:00 - 17:50</small><br><small>OPO - RNS</small></p></div><div class="col-5 text-right"><small>11H50</small><br><small>Porto /<br>Rennes</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;">460€</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="Rennes - RNS"><input type="hidden" name="destination" id="destination_ticketbox_2" value="Porto - OPO"><input type="hidden" name="date" id="date_ticketbox_2" value="01-05-2025 / 04-05-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/portugal-PT/porto-OPO/depart/rennes-RNS.html">Vols Rennes Porto</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-PT-LIS-1023284240-XS.webp" class="card-img-top" alt="Lisbonne 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>Montpellier / Lisbonne</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 Lisbonne au départ de Montpellier</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez la beauté de la capitale du Portugal, avec ses rues pavées, ses trams pittoresques et ses célèbres sites comme le <b>château de Saint-Georges</b>.</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>14:51 - 08:50</small><br><small>XPJ - LIS</small></p></div><div class="col-5 text-right"><small>17H59</small><br><small>Montpellier /<br>Lisbonne</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:10 - 19:55</small><br><small>LIS - XPJ</small></p></div><div class="col-5 text-right"><small>07H45</small><br><small>Lisbonne /<br>Montpellier</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;">346€</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="Montpellier - XPJ"><input type="hidden" name="destination" id="destination_ticketbox_3" value="Lisbonne - LIS"><input type="hidden" name="date" id="date_ticketbox_3" value="01-04-2025 / 05-04-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/portugal-PT/lisbonne-LIS/depart/montpellier-XPJ.html">Vols Montpellier Lisbonne</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-PT-LIS-1221460597-XS.webp" class="card-img-top" alt="Lisbonne 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 Gare St Charles / Lisbonne</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 Lisbonne au départ de Marseille Gare St Charles</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de la capitale du Portugal en prenant un vol de Marseille à <b>Lisbonne</b>. Bon plan pour un voyage 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>Mar 22 Avr. - Ven 25 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>15:12 - 22:25</small><br><small>XRF - LIS</small></p></div><div class="col-5 text-right"><small>07H13</small><br><small>Marseille Gare St Charles /<br>Lisbonne</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>18:30 - 22:45</small><br><small>LIS - XRF</small></p></div><div class="col-5 text-right"><small>28H15</small><br><small>Lisbonne /<br>Marseille Gare St Charles</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;">376€</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 Gare St Charles - XRF"><input type="hidden" name="destination" id="destination_ticketbox_4" value="Lisbonne - LIS"><input type="hidden" name="date" id="date_ticketbox_4" value="22-04-2025 / 25-04-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/portugal-PT/lisbonne-LIS/depart/marseille-gare-st-charles-XRF.html">Vols Marseille Gare St Charles Lisbonne</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-PT-OPO-537441498-XS.webp" class="card-img-top" alt="Porto 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>Zurich / Porto</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 Porto au départ de Zurich</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Zurich</b> et de <b>Porto</b> grâce à un vol direct entre la Suisse et le Portugal. Réservez votre billet 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>Lun 03 Mars - Mer 05 Mars</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/vueling.png" alt="vueling Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>09:40 - 21:10</small><br><small>ZRH - OPO</small></p></div><div class="col-5 text-right"><small>11H30</small><br><small>Zurich /<br>Porto</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/vueling.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>08:35 - 20:20</small><br><small>OPO - ZRH</small></p></div><div class="col-5 text-right"><small>11H45</small><br><small>Porto /<br>Zurich</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;">190€</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="Zurich - ZRH"><input type="hidden" name="destination" id="destination_ticketbox_5" value="Porto - OPO"><input type="hidden" name="date" id="date_ticketbox_5" value="03-03-2025 / 05-03-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/portugal-PT/porto-OPO/depart/zurich-ZRH.html">Vols Zurich Porto</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-PT-OPO-869382462-XS.webp" class="card-img-top" alt="Porto 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>Zurich / Porto</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 Porto au départ de Zurich</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Zurich</b> et de <b>Porto</b> grâce à un vol direct entre la Suisse et le Portugal. Réservez votre billet 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 Mai 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/easyjet.png" alt="easyjet Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>10:35 - 12:15</small><br><small>ZRH - OPO</small></p></div><div class="col-5 text-right"><small>01H40</small><br><small>Zurich /<br>Porto</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/easyjet.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>11:25 - 14:55</small><br><small>OPO - ZRH</small></p></div><div class="col-5 text-right"><small>03H30</small><br><small>Porto /<br>Zurich</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;">331€</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="Zurich - ZRH"><input type="hidden" name="destination" id="destination_ticketbox_6" value="Porto - OPO"><input type="hidden" name="date" id="date_ticketbox_6" value="29-05-2025 / 01-06-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/portugal-PT/porto-OPO/depart/zurich-ZRH.html">Vols Zurich Porto</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-PT-LIS-874317902-XS.webp" class="card-img-top" alt="Lisbonne 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>Amsterdam / Lisbonne</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 Lisbonne au départ de Amsterdam</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez l'enchantement de Amsterdam et la chaleur de Lisbonne en un vol rapide. Ne manquez pas cette expérience unique en Europe !</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>Lun 24 Mars - Lun 31 Mars</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/tap-portugal.png" alt="tap-portugal Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>13:40 - 15:45</small><br><small>AMS - LIS</small></p></div><div class="col-5 text-right"><small>02H05</small><br><small>Amsterdam /<br>Lisbonne</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/tap-portugal.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:20 - 22:20</small><br><small>LIS - AMS</small></p></div><div class="col-5 text-right"><small>04H00</small><br><small>Lisbonne /<br>Amsterdam</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;">168€</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="Amsterdam - AMS"><input type="hidden" name="destination" id="destination_ticketbox_7" value="Lisbonne - LIS"><input type="hidden" name="date" id="date_ticketbox_7" value="24-03-2025 / 31-03-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/portugal-PT/lisbonne-LIS/depart/amsterdam-AMS.html">Vols Amsterdam Lisbonne</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-PT-FAO-469998434-XS.webp" class="card-img-top" alt="Faro 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 / Faro</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 Faro au départ de Lyon</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de la destination ensoleillée de <b>Faro</b> au Portugal. Profitez des plages, de la gastronomie et de l'architecture historique.</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 Mars 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/british-airways.png" alt="british-airways Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>12:15 - 10:00</small><br><small>GNB - FAO</small></p></div><div class="col-5 text-right"><small>21H45</small><br><small>Lyon /<br>Faro</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/british-airways.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:50 - 08:45</small><br><small>FAO - GNB</small></p></div><div class="col-5 text-right"><small>13H55</small><br><small>Faro /<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;">404€</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="Lyon - GNB"><input type="hidden" name="destination" id="destination_ticketbox_8" value="Faro - FAO"><input type="hidden" name="date" id="date_ticketbox_8" value="01-03-2025 / 04-03-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/portugal-PT/faro-FAO/depart/lyon-GNB.html">Vols Lyon Faro</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-PT-LIS-1298567795-XS.webp" class="card-img-top" alt="Lisbonne 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>Rennes / Lisbonne</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 Lisbonne au départ de Rennes</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez la magnifique ville de <b>Lisbonne</b> depuis <b>Rennes</b>, avec vols directs disponibles. Ne manquez pas les ruelles pittoresques et les délices culinaires portugais!</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/lufthansa.png" alt="lufthansa Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:25 - 23:30</small><br><small>RNS - LIS</small></p></div><div class="col-5 text-right"><small>05H05</small><br><small>Rennes /<br>Lisbonne</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/lufthansa.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>08:35 - 17:50</small><br><small>LIS - RNS</small></p></div><div class="col-5 text-right"><small>09H15</small><br><small>Lisbonne /<br>Rennes</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;">385€</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="Rennes - RNS"><input type="hidden" name="destination" id="destination_ticketbox_9" value="Lisbonne - LIS"><input type="hidden" name="date" id="date_ticketbox_9" value="10-04-2025 / 13-04-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/portugal-PT/lisbonne-LIS/depart/rennes-RNS.html">Vols Rennes Lisbonne</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-PT-LIS-1298567795-XS.webp" class="card-img-top" alt="Lisbonne 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>Amsterdam / Lisbonne</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 Lisbonne au départ de Amsterdam</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez l'enchantement de Amsterdam et la chaleur de Lisbonne en un vol rapide. Ne manquez pas cette expérience unique en Europe !</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/tap-portugal.png" alt="tap-portugal Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>07:00 - 09:05</small><br><small>AMS - LIS</small></p></div><div class="col-5 text-right"><small>02H05</small><br><small>Amsterdam /<br>Lisbonne</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/tap-portugal.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>18:20 - 22:20</small><br><small>LIS - AMS</small></p></div><div class="col-5 text-right"><small>04H00</small><br><small>Lisbonne /<br>Amsterdam</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;">264€</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="Amsterdam - AMS"><input type="hidden" name="destination" id="destination_ticketbox_10" value="Lisbonne - LIS"><input type="hidden" name="date" id="date_ticketbox_10" value="15-04-2025 / 22-04-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/portugal-PT/lisbonne-LIS/depart/amsterdam-AMS.html">Vols Amsterdam Lisbonne</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-PT-OPO-1006962532-XS.webp" class="card-img-top" alt="Porto 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>Zurich / Porto</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 Porto au départ de Zurich</h5><div class="row"><div class="col-md-12"><div class="flight-description"><p>Découvrez les charmes de <b>Zurich</b> et de <b>Porto</b> grâce à un vol direct entre la Suisse et le Portugal. Réservez votre billet 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 Mars 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/easyjet.png" alt="easyjet Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>11:20 - 13:05</small><br><small>ZRH - OPO</small></p></div><div class="col-5 text-right"><small>01H45</small><br><small>Zurich /<br>Porto</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/easyjet.png" alt="Airline Logo" class="airline-logo" style="width:30px;height:30px;"></div><p class="mt-2" style="margin-left:10px;"><small>06:00 - 09:35</small><br><small>OPO - ZRH</small></p></div><div class="col-5 text-right"><small>03H35</small><br><small>Porto /<br>Zurich</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;">155€</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="Zurich - ZRH"><input type="hidden" name="destination" id="destination_ticketbox_11" value="Porto - OPO"><input type="hidden" name="date" id="date_ticketbox_11" value="19-03-2025 / 21-03-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/portugal-PT/porto-OPO/depart/zurich-ZRH.html">Vols Zurich Porto</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/portugal-PT/porto-OPO/depart/marseille-MRS.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Marseille - Porto (MRS-OPO)</span><span class="text-danger ml-2">99€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/lisbonne-LIS/depart/bruxelles-BRU.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Bruxelles - Lisbonne (BRU-LIS)</span><span class="text-danger ml-2">125€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/porto-OPO/depart/lyon-LYS.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Lyon - Porto (LYS-OPO)</span><span class="text-danger ml-2">96€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/lisbonne-LIS/depart/bordeaux-BOD.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Bordeaux - Lisbonne (BOD-LIS)</span><span class="text-danger ml-2">83€</span></div></a></div><div class="col-md-4"><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/porto-OPO/depart/nantes-NTE.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Nantes - Porto (NTE-OPO)</span><span class="text-danger ml-2">90€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/porto-OPO/depart/nice-NCE.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Nice - Porto (NCE-OPO)</span><span class="text-danger ml-2">106€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/porto-OPO/depart/geneve-GVA.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Geneve - Porto (GVA-OPO)</span><span class="text-danger ml-2">87€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/porto-OPO/depart/paris-orly-ORY.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Paris Orly - Porto (ORY-OPO)</span><span class="text-danger ml-2">79€</span></div></a></div><div class="col-md-4"><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/porto-OPO/depart/paris-cdg-CDG.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Paris Cdg - Porto (CDG-OPO)</span><span class="text-danger ml-2">104€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/porto-OPO/depart/toulouse-TLS.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Toulouse - Porto (TLS-OPO)</span><span class="text-danger ml-2">39€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/faro-FAO/depart/geneve-ZHT.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Geneve - Faro (ZHT-FAO)</span><span class="text-danger ml-2">221€</span></div></a><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT/porto-OPO/depart/bordeaux-tgv-ZFQ.html" class="route-link"><div class="d-flex justify-content-between"><span class="text-primary">Vol Bordeaux Tgv - Porto (ZFQ-OPO)</span><span class="text-danger ml-2">307€</span></div></a></div></div><div class="row mb-4"><div class="text-left mt-4"><a href="https://voyagermoinscher.magellio.com/vols/portugal-PT" class="btn-sm btn-primary">Vols Portugal 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?241023121"></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>