Problème d'affichage avec un site multilingue en CSS [Fermé]

Signaler
Messages postés
93
Date d'inscription
vendredi 24 juin 2011
Statut
Membre
Dernière intervention
29 décembre 2020
-
Bonjour à tous,
Je suis en train de créer un blog en HTML/CSS/PHP/jQuery en local (pour le moment) et je rencontre un problème particulièrement insolvable. Mon blog se veut être bilingue (français/polonais).
Afin de faciliter la navigation, j'ai créé un menu sur le côté.
Lorsque je l'affiche en français, pas de souci mon header se positionne tout en haut de la page, l'affichage est nickel. Cependant, lorsque je l'affiche en polonais, j'ai un décalage car j'ai une espèce de marge blanche tout en haut que je n'arrive pas à supprimer.
J'ai essayé par tous les moyens, j'ai vérifié mon code pour voir s'il est le même et il se trouve qu'il est identique (même nombre de lignes et même ordre), que l'on soit sur la version française ou polonaise (sauf que la langue n'est bien entendu pas la même).
Quand je fais Ctrl+U pour voir le code, tout est identique à l'exception de la langue (dans les deux cas, l'article est en français, je n'ai pas encore eu le temps de le traduire, ce qui m'importe surtout c'est le menu).

Voilà mon code après avoir fait Ctrl+U :
Page FR
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Amatic+SC&subset=hebrew,latin-ext" rel="stylesheet">
<link rel="stylesheet" href="http://localhost/actuco/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="utf-8" />
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

	
	<!-- Add mousewheel plugin (this is optional) -->
	<script type="text/javascript" src="http://fancyapps.com/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
	<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css" media="screen" />

	<!-- Add Button helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
	<script type="text/javascript" src="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

	<!-- Add Thumbnail helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-thumbs.css" />
	<script type="text/javascript" src="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>

	<!-- Add Media helper (this is optional) -->
	<script type="text/javascript" src="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<script type="text/javascript">
		$(document).ready(function() {
			/*
			 *  Simple image gallery. Uses default settings
			 */

			$('.fancybox').fancybox();

			/*
			 *  Different effects
			 */

			// Change title type, overlay closing speed
			$(".fancybox-effects-a").fancybox({
				helpers: {
					title : {
						type : 'outside'
					},
					overlay : {
						speedOut : 0
					}
				}
			});

			// Disable opening and closing animations, change title type
			$(".fancybox-effects-b").fancybox({
				openEffect  : 'none',
				closeEffect	: 'none',

				helpers : {
					title : {
						type : 'over'
					}
				}
			});

			// Set custom style, close if clicked, change title type and overlay color
			$(".fancybox-effects-c").fancybox({
				wrapCSS    : 'fancybox-custom',
				closeClick : true,

				openEffect : 'elastic',
                closeEffect : 'elastic',
				helpers : {
					title : {
						type : 'inside'
					},
					overlay : {
						css : {
							'background' : 'rgba(238,238,238,0.85)'
						}
					}
				}
			});

			// Remove padding, set opening and closing animations, close if clicked and disable overlay
			$(".fancybox-effects-d").fancybox({
				padding: 0,

				openEffect : 'elastic',
				openSpeed  : 150,

				closeEffect : 'elastic',
				closeSpeed  : 150,

				closeClick : true,

				helpers : {
					overlay : null
				}
			});

			/*
			 *  Button helper. Disable animations, hide close button, change title type and content
			 */

			$('.fancybox-buttons').fancybox({
				openEffect  : 'none',
				closeEffect : 'none',

				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,

				helpers : {
					title : {
						type : 'inside'
					},
					buttons	: {}
				},

				afterLoad : function() {
					this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
				}
			});


			/*
			 *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
			 */

			$('.fancybox-thumbs').fancybox({
				prevEffect : 'none',
				nextEffect : 'none',
                openEffect : 'elastic',
				closeEffect : 'elastic',
				closeBtn  : true,
				arrows    : true,
				nextClick : true,

				helpers : {
					thumbs : {
						width  : 50,
						height : 50
					},
					title : {
						type : 'over'
					}
				}
			});

			/*
			 *  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
			*/
			$('.fancybox-media')
				.attr('rel', 'media-gallery')
				.fancybox({
					openEffect : 'none',
					closeEffect : 'none',
					prevEffect : 'none',
					nextEffect : 'none',

					arrows : false,
					helpers : {
						media : {},
						buttons : {}
					}
				});

			/*
			 *  Open manually
			 */

			$("#fancybox-manual-a").click(function() {
				$.fancybox.open('1_b.jpg');
			});

			$("#fancybox-manual-b").click(function() {
				$.fancybox.open({
					href : 'iframe.html',
					type : 'iframe',
					padding : 5
				});
			});

			$("#fancybox-manual-c").click(function() {
				$.fancybox.open([
					{
						href : '1_b.jpg',
						title : 'My title'
					}, {
						href : '2_b.jpg',
						title : '2nd title'
					}, {
						href : '3_b.jpg'
					}
				], {
					helpers : {
						thumbs : {
							width: 75,
							height: 50
						}
					}
				});
			});


		});
</script>
<style type="text/css">
	.fancybox-custom .fancybox-skin {
		box-shadow: 0 0 50px #222;
	}
	.fancybox-thumbs{
		border-bottom: none;
	}
	.fancybox-thumbs:hover{
		border-bottom: none;
	}
	.fancybox-item{
		border-bottom: none;
	}
	.fancybox-item:hover{
		border-bottom: none;
	}
	.fancybox-close{
		border-bottom: none;
	}
	.fancybox-close:hover{
		border-bottom: none;
	}
	.fancybox-nav{
		border-bottom: none;
	}
	.fancybox-nav:hover{
		border-bottom: none;
	}
		
</style>
	
<script src="http://localhost/actuco/code.js" type="text/javascript"></script>
<title>
Cusco, le Machu Picchu et la vallée sacrée des Incas (partie 2) — eyescrime13.su</title>
</head>
<body>
<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn">×</a>
  <ul>
    <li><p>Europe</p></li>
	  <li><a href="http://localhost/actuco/c-qqnAxF-pologne/">Pologne</a></li>
<li><a href="http://localhost/actuco/c-0w3uXB-bielorussie/">Biélorussie</a></li>
<li><a href="http://localhost/actuco/c-M1NNVV-ukraine/">Ukraine</a></li>
<li><a href="http://localhost/actuco/c-jnhZSR-russie/">Russie</a></li>
<li><a href="http://localhost/actuco/c-26QEoJ-hongrie/">Hongrie</a></li>
<li><a href="http://localhost/actuco/c-AkbWmw-slovaquie/">Slovaquie</a></li>
<li><a href="http://localhost/actuco/c-HWaOyX-republique-tcheque/">République Tchèque</a></li>
<li><a href="http://localhost/actuco/c-FukQcA-irlande-du-nord/">Irlande du Nord</a></li>
<li><a href="http://localhost/actuco/c-IhoLG6-ecosse/">Écosse</a></li>
<li><a href="http://localhost/actuco/c-kD6DeX-finlande/">Finlande</a></li>
<li><a href="http://localhost/actuco/c-l1y0cP-balkans/">Balkans</a></li>
<li><a href="http://localhost/actuco/c-EW6ieA-moldavie/">Moldavie</a></li>
<li><a href="http://localhost/actuco/c-r3Gxcm-roumanie/">Roumanie</a></li>
<li><a href="http://localhost/actuco/c-xT3C5u-bulgarie/">Bulgarie</a></li>
<li><a href="http://localhost/actuco/c-WdrEME-pays-baltes-lituanie-lettonie-estonie/">Pays Baltes (Lituanie, Lettonie, Estonie)</a></li>
<li><a href="http://localhost/actuco/c-628Y8x-france/">France</a></li>
<li><a href="http://localhost/actuco/c-TDqICK-espagne/">Espagne</a></li>
<li><a href="http://localhost/actuco/c-GmqIo7-italie/">Italie</a></li>
<li><a href="http://localhost/actuco/c-PJNhSN-suisse-autriche-allemagne/">Suisse, Autriche, Allemagne</a></li>
<li><a href="http://localhost/actuco/c-XtLwJi-portugal/">Portugal</a></li>
<li><a href="http://localhost/actuco/c-mGxMGY-grece/">Grèce</a></li>
<li><a href="http://localhost/actuco/c-0FarsW-chypre/">Chypre</a></li>
	<li><p>Afrique</p></li>
	  <li><a href="http://localhost/actuco/c-rg2bZX-mauritanie/">Mauritanie</a></li>
    <li><p>Asie</p></li>
	  <li><a href="http://localhost/actuco/c-ETsxdj-caucase-armenie-georgie-azerbaidjan/">Caucase (Arménie, Géorgie, Azerbaïdjan)</a></li>
<li><a href="http://localhost/actuco/c-hWcBMa-asie-centrale-kirghizstan-turkmenistan-ouzbekistan-tadjikistan-kazakhstan/">Asie Centrale (Kirghizstan, Turkménistan, Ouzbékistan, Tadjikistan, Kazakhstan)</a></li>
<li><a href="http://localhost/actuco/c-RQOogI-extreme-orient/">Extrême Orient</a></li>
<li><a href="http://localhost/actuco/c-wacKBh-terre-sainte/">Terre Sainte</a></li>
    <li><p>Amérique</p></li>
	  <li><a href="http://localhost/actuco/c-xpS3cc-amerique-du-nord/">Amérique du Nord</a></li>
<li><a href="http://localhost/actuco/c-T6n6Sl-amerique-du-sud/">Amérique du Sud</a></li>
	  <li><p>Utile</p></li>
  <li><a href="http://localhost/actuco/eur-1-fr">Devises</a></li>
  <li><a href="http://localhost/actuco/slavost-klav">SlavOstKlav</a></li>
  <li><a href="http://localhost/actuco/arheyi-klav">ArHeYiKlav</a></li>
    <li><p>Reste du monde</p></li>
  <li><a href="http://localhost/actuco/bio">À propos</a></li>
  <li><a href="#">Contact</a></li>
  <li><a href="#">Selon moi</a></li>
  </ul>
</div>
<div id="open"></div>
<header>
	<h1 style="color:whitesmoke;">eyescrime13.su</h1><p style="color:whitesmoke;">carnets de voyage / pensées interdites / chroniques d'exil</p>
</header><!--<div id="fond"></div>-->
<!--<div id="popup">-->
<!--<div id="close"></div>-->
<!--
<h1>Siema no !</h1><br />
<p class="armenian" style="font-size:12px;display:inline;">Ստեֆան</p>
<p class="georgian" style="font-size:12px;display:inline;">სთევან</p>
<p class="latin-cyrillic" style="font-size:12px;display:inline;">Москва</p>
<p class="japanese" style="font-size:12px;display:inline;">シュテファンの</p>
<p class="korean" style="font-size:12px;display:inline;">슈테판</p>
<p class="arabic" style="font-size:12px;display:inline;">صتافان صتےفان</p>
<p class="chinese" style="font-size:12px;display:inline;">大白兔</p>
<p class="hebrew" style="font-size:12px;display:inline;">תתּעפֿאנ</p>
<p class="latin-cyrillic" style="font-size:12px;display:inline;">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz</p>
</div>
-->
<h3 class="cat_title">Amérique du Sud</h3>
<h1 class="art_title" id="art_title">Cusco, le Machu Picchu et la vallée sacrée des Incas (partie 2)</h1>
<div class="manchette">Article écrit par Stéphane Ebran / Écrit le 10/01/2018</div>
	
		
<div class="art_body">
Après m'être un peu reposé à Aguas Calientes, c'est le grand départ pour Machu Picchu. Lever à 4 heures du matin. Un peu de temps pour se préparer et c'est parti. J'ai choisi de prendre le bus. Bien entendu, c'est plus cher que de monter à pied, mais avec le recul, je ne regrette pas du tout d'avoir opté pour cette solution !<br />Nous arrivons donc en bus à l'entrée du parc national. Il faut patienter. Le nombre de visiteurs par jour sur le site est limité afin de le préserver. Après quelques temps d'attente, nous sommes autorisés à entrer dans le parc national. Nous disposons de plusieurs heures pour nous promener dans les ruelles de cette magnifique citadelle inca. Chacun est libre de parcourir la citadelle à son rythme, il n'y a pas de parcours imposé. Par endroit, ça monte sec, mais sinon c'est assez chouette. La vue sur les montagnes alentours et le río Urubamba en contrebas est particulièrement impressionnante. On croise aussi quelques lamas et alpagas sur les hauteurs de la citadelle. C'est assez surréaliste, j'ai du mal à décrire le sentiment qui m'habite lors de ma visite là-bas, on s'imagine un peu le premier occidental à avoir découvert cette cité (l'américain Hiram Bingham en 1911), il a dû être émerveillé de découvrir un tel joyau, si bien caché au cœur des Andes, entre forêts et montagnes.<br />Bref, tout ça pour dire qu'aller au Pérou sans voir Machu Picchu, c'est un peu comme aller à Paris et ne pas voir la Tour Eiffel (il faudrait vraiment le faire exprès pour le coup !). C'est LE site incontournable au Pérou.<br />Après plusieurs heures de visite, je décide de descendre, car le guide nous avait donné pour consigne de nous retrouver à Hidroeléctrica à 14 heures. La descente est assez physique, c'est le moins que je puisse dire. Ça descend assez sec, c'est assez abrupt, il y a plein de grosses pierres sur le sentier, il faut faire attention à ne pas se faire d'entorse. Quand je vois ce que c'était de descendre, j'admire les gens qui sont montés à 4 heures du matin en empruntant le même sentier. J'en aurais été bien incapable ! Pour ne rien arranger, il fait chaud et le soleil tape assez fort comme nous sommes en montagne. Une fois arrivés à Aguas Calientes, il ne faut pas traîner car il y a encore deux heures de marche pour Hidroeléctrica. C'est déjà moins fatigant, et une fois que nous sommes au complet là-bas, nous pouvons repartir vers Cusco, après une journée éprouvante mais qui en valait vraiment la peine. <div class="art_end"></div>
</div>
<div class="art_tags">
<div class="tag_div1">Étiquettes : </div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=amerique-du-sud" class="tag_div_a">Amérique du Sud</a></div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=cusco" class="tag_div_a">Cusco</a></div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=incas" class="tag_div_a">Incas</a></div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=machu-picchu" class="tag_div_a">Machu Picchu</a></div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=perou" class="tag_div_a">Pérou</a></div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=vallee-sacree-des-incas" class="tag_div_a">Vallée sacrée des Incas</a></div>
</div>
<div class="art_share">
<ul>
<li class="art_share_li">Partager cet article</li>
<li class="art_share_li"><input type="url" name="art_url_share" id="visible-input" value="http://localhost/actuco/fr/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/" /></li>
<li class="art_share_li"><a href="https://www.facebook.com/sharer/sharer.php?u=http://localhost/actuco/fr/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/" target="_blank" style="border:none;"><i class="fa fa-facebook fa-lg"></i></a></li>
<li class="art_share_li"><a href="https://twitter.com/intent/tweet?url=http://localhost/actuco/fr/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/&via=eyescrime13" target="_blank" style="border:none;"><i class="fa fa-twitter fa-lg"></i></a></li>
<li class="art_share_li"><a href="https://plus.google.com/share?url=http://localhost/actuco/fr/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/" target="_blank" style="border:none;"><i class="fa fa-google-plus fa-lg"></i></a></li>
<li class="art_share_li"><a href="https://vk.com/share.php?url=http://localhost/actuco/fr/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/" target="_blank" style="border:none;"><i class="fa fa-vk fa-lg"></i></a></li>
</ul>
</div>
<div class="art_comments">
<h1>0 commentaire(s)</h1>
<form method="post" action="http://localhost/actuco/fr/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/">
<input type="text" name="identity" placeholder="Nom" autofocus style="margin-bottom:5px;" /><br />
<input type="email" name="mail" placeholder="E-mail" style="margin-top:5px;margin-bottom:5px;" /><br />
<input type="url" name="website" placeholder="Site web (facultatif)" style="margin-top:5px;margin-bottom:5px;" /><br />
<textarea name="comment" class="comment" placeholder="Commentaire" style="margin-top:5px;margin-bottom:5px;" rows="15" cols="60" ></textarea><br />
<!--<span id="charlength"></span><br />-->
<!--<img src="http://localhost/actuco/admin/captcha.png" id="captcha" />-->
<div class="captchabox" id="captcha2" style="background:url(http://localhost/actuco/admin/captcha.png) no-repeat;"></div>
<!--<a id="reload" href="javascript:void(0);" style="margin-top:5px;margin-bottom:5px;">↻</a><br />-->
<a id="reload2" href="javascript:void(0);" style="margin-top:5px;margin-bottom:5px;border:none;">↻</a><br />
<script type="text/javascript">
//$(function() { // Handler for .ready() called.
//            $('#reload').click(function(){
//                $('#captcha').attr('src', 'http://localhost/actuco/admin/captcha.png?' + (new Date).getTime());
//            });
//        });
$(function() {
			$('#reload2').click(function(){
				$('#captcha2').attr('style', 'background:url(http://localhost/actuco/admin/captcha.png?' + (new Date).getTime() + ') no-repeat;');
			});
		});
</script>
<input type="text" maxlength="6" required name="captcha_code" placeholder="Code de sécurité" />
<input type="submit" name="go" value="O.K." style="margin-top:5px;" />
</form>
</div>
<div id="btn_up"></div>
<p style="text-align:center;">
© 2016 — 2018 eyescrime13.su • <a href="http://localhost/actuco/bio">à propos</a> • <span class="arabic_sans" style="font-size:16px;">ﻥ</span></p>
</body>
</html>

Page PL
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Amatic+SC&subset=hebrew,latin-ext" rel="stylesheet">
<link rel="stylesheet" href="http://localhost/actuco/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="utf-8" />
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

	
	<!-- Add mousewheel plugin (this is optional) -->
	<script type="text/javascript" src="http://fancyapps.com/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
	<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css" media="screen" />

	<!-- Add Button helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
	<script type="text/javascript" src="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

	<!-- Add Thumbnail helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-thumbs.css" />
	<script type="text/javascript" src="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>

	<!-- Add Media helper (this is optional) -->
	<script type="text/javascript" src="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<script type="text/javascript">
		$(document).ready(function() {
			/*
			 *  Simple image gallery. Uses default settings
			 */

			$('.fancybox').fancybox();

			/*
			 *  Different effects
			 */

			// Change title type, overlay closing speed
			$(".fancybox-effects-a").fancybox({
				helpers: {
					title : {
						type : 'outside'
					},
					overlay : {
						speedOut : 0
					}
				}
			});

			// Disable opening and closing animations, change title type
			$(".fancybox-effects-b").fancybox({
				openEffect  : 'none',
				closeEffect	: 'none',

				helpers : {
					title : {
						type : 'over'
					}
				}
			});

			// Set custom style, close if clicked, change title type and overlay color
			$(".fancybox-effects-c").fancybox({
				wrapCSS    : 'fancybox-custom',
				closeClick : true,

				openEffect : 'elastic',
                closeEffect : 'elastic',
				helpers : {
					title : {
						type : 'inside'
					},
					overlay : {
						css : {
							'background' : 'rgba(238,238,238,0.85)'
						}
					}
				}
			});

			// Remove padding, set opening and closing animations, close if clicked and disable overlay
			$(".fancybox-effects-d").fancybox({
				padding: 0,

				openEffect : 'elastic',
				openSpeed  : 150,

				closeEffect : 'elastic',
				closeSpeed  : 150,

				closeClick : true,

				helpers : {
					overlay : null
				}
			});

			/*
			 *  Button helper. Disable animations, hide close button, change title type and content
			 */

			$('.fancybox-buttons').fancybox({
				openEffect  : 'none',
				closeEffect : 'none',

				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,

				helpers : {
					title : {
						type : 'inside'
					},
					buttons	: {}
				},

				afterLoad : function() {
					this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
				}
			});


			/*
			 *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
			 */

			$('.fancybox-thumbs').fancybox({
				prevEffect : 'none',
				nextEffect : 'none',
                openEffect : 'elastic',
				closeEffect : 'elastic',
				closeBtn  : true,
				arrows    : true,
				nextClick : true,

				helpers : {
					thumbs : {
						width  : 50,
						height : 50
					},
					title : {
						type : 'over'
					}
				}
			});

			/*
			 *  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
			*/
			$('.fancybox-media')
				.attr('rel', 'media-gallery')
				.fancybox({
					openEffect : 'none',
					closeEffect : 'none',
					prevEffect : 'none',
					nextEffect : 'none',

					arrows : false,
					helpers : {
						media : {},
						buttons : {}
					}
				});

			/*
			 *  Open manually
			 */

			$("#fancybox-manual-a").click(function() {
				$.fancybox.open('1_b.jpg');
			});

			$("#fancybox-manual-b").click(function() {
				$.fancybox.open({
					href : 'iframe.html',
					type : 'iframe',
					padding : 5
				});
			});

			$("#fancybox-manual-c").click(function() {
				$.fancybox.open([
					{
						href : '1_b.jpg',
						title : 'My title'
					}, {
						href : '2_b.jpg',
						title : '2nd title'
					}, {
						href : '3_b.jpg'
					}
				], {
					helpers : {
						thumbs : {
							width: 75,
							height: 50
						}
					}
				});
			});


		});
</script>
<style type="text/css">
	.fancybox-custom .fancybox-skin {
		box-shadow: 0 0 50px #222;
	}
	.fancybox-thumbs{
		border-bottom: none;
	}
	.fancybox-thumbs:hover{
		border-bottom: none;
	}
	.fancybox-item{
		border-bottom: none;
	}
	.fancybox-item:hover{
		border-bottom: none;
	}
	.fancybox-close{
		border-bottom: none;
	}
	.fancybox-close:hover{
		border-bottom: none;
	}
	.fancybox-nav{
		border-bottom: none;
	}
	.fancybox-nav:hover{
		border-bottom: none;
	}
		
</style>
	
<script src="http://localhost/actuco/code.js" type="text/javascript"></script>
<title>
Cusco, le Machu Picchu et la vallée sacrée des Incas (partie 2) — eyescrime13.su</title>
</head>
<body>
<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn">×</a>
  <ul>
    <li><p>Europa</p></li>
	  <li><a href="http://localhost/actuco/c-Ilm7Wl-polska/">Polska</a></li>
<li><a href="http://localhost/actuco/c-ctzkSa-bialorus/">Białoruś</a></li>
<li><a href="http://localhost/actuco/c-pi04nd-ukraina/">Ukraina</a></li>
<li><a href="http://localhost/actuco/c-2n4x8A-rosja/">Rosja</a></li>
<li><a href="http://localhost/actuco/c-gCVgGp-wegry/">Węgry</a></li>
<li><a href="http://localhost/actuco/c-PCnRX3-slowacja/">Słowacja</a></li>
<li><a href="http://localhost/actuco/c-i7952R-czechy/">Czechy</a></li>
<li><a href="http://localhost/actuco/c-sbAX2W-irlandia-polnocna/">Irlandia Północna</a></li>
<li><a href="http://localhost/actuco/c-8yH9Lr-szkocja/">Szkocja</a></li>
<li><a href="http://localhost/actuco/c-rJpmUN-finlandia/">Finlandia</a></li>
<li><a href="http://localhost/actuco/c-2pNBub-balkany/">Bałkany</a></li>
<li><a href="http://localhost/actuco/c-F5wCJt-moldawia/">Mołdawia</a></li>
<li><a href="http://localhost/actuco/c-7CJzri-rumunia/">Rumunia</a></li>
<li><a href="http://localhost/actuco/c-RCAKQr-bulgaria/">Bułgaria</a></li>
<li><a href="http://localhost/actuco/c-V9Upqj-nadbaltyka-litwa-lotwa-estonia/">Nadbałtyka (Litwa, Łotwa, Estonia)</a></li>
<li><a href="http://localhost/actuco/c-LReCDY-francja/">Francja</a></li>
<li><a href="http://localhost/actuco/c-u0oU4f-hiszpania/">Hiszpania</a></li>
<li><a href="http://localhost/actuco/c-N75Lbk-wlochy/">Włochy</a></li>
<li><a href="http://localhost/actuco/c-QHiF74-szwajcaria-austria-niemcy/">Szwajcaria, Austria, Niemcy</a></li>
<li><a href="http://localhost/actuco/c-LcwslD-portugalia/">Portugalia</a></li>
<li><a href="http://localhost/actuco/c-wGbUe6-grecja/">Grecja</a></li>
<li><a href="http://localhost/actuco/c-OFinB2-cypr/">Cypr</a></li>
	<li><p>Afryka</p></li>
	  <li><a href="http://localhost/actuco/c-oLBd5A-mauretania/">Mauretania</a></li>
    <li><p>Azja</p></li>
	  <li><a href="http://localhost/actuco/c-RxYmzi-kaukaz-armenia-gruzja-azerbejdzan/">Kaukaz (Armenia, Gruzja, Azerbejdżan)</a></li>
<li><a href="http://localhost/actuco/c-k45sAw-azja-srodkowa-kirgistan-turkmenistan-uzbekistan-tadzykistan-kazachstan/">Azja Środkowa (Kirgistan, Turkmenistan, Uzbekistan, Tadżykistan, Kazachstan)</a></li>
<li><a href="http://localhost/actuco/c-wHl5HG-daleki-wschod/">Daleki Wschód</a></li>
<li><a href="http://localhost/actuco/c-2VJguq-ziemia-swieta/">Ziemia Święta</a></li>
    <li><p>Ameryka</p></li>
	  <li><a href="http://localhost/actuco/c-mssCsf-za-wielka-woda-polnoc/">Za Wielką Wodą (północ)</a></li>
<li><a href="http://localhost/actuco/c-uAKQSo-za-wielka-woda-poludnie/">Za Wielką Wodą (południe)</a></li>
	  <li><p>Przydatne</p></li>
  <li><a href="http://localhost/actuco/pln-1-pl">Waluty</a></li>
  <li><a href="http://localhost/actuco/slavost-klav">SlavOstKlav</a></li>
  <li><a href="http://localhost/actuco/arheyi-klav">ArHeYiKlav</a></li>
    <li><p>Reszta</p></li>
  <li><a href="http://localhost/actuco/bio">O mnie</a></li>
  <li><a href="#">Kontakt</a></li>
  <li><a href="#">Moim zdaniem</a></li>
  </ul>
</div>
<div id="open"></div>
<header>
	<h1 style="color:whitesmoke;">eyescrime13.su</h1><p style="color:whitesmoke;">notatki z podróży / zabronione myśli / kroniki z wygnania</p>
</header><!--<div id="fond"></div>-->
<!--<div id="popup">-->
<!--<div id="close"></div>-->
<!--
<h1>Siema no !</h1><br />
<p class="armenian" style="font-size:12px;display:inline;">Ստեֆան</p>
<p class="georgian" style="font-size:12px;display:inline;">სთევან</p>
<p class="latin-cyrillic" style="font-size:12px;display:inline;">Москва</p>
<p class="japanese" style="font-size:12px;display:inline;">シュテファンの</p>
<p class="korean" style="font-size:12px;display:inline;">슈테판</p>
<p class="arabic" style="font-size:12px;display:inline;">صتافان صتےفان</p>
<p class="chinese" style="font-size:12px;display:inline;">大白兔</p>
<p class="hebrew" style="font-size:12px;display:inline;">תתּעפֿאנ</p>
<p class="latin-cyrillic" style="font-size:12px;display:inline;">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz</p>
</div>
-->
<h3 class="cat_title">Amérique du Sud</h3>
<h1 class="art_title" id="art_title">Cusco, le Machu Picchu et la vallée sacrée des Incas (partie 2)</h1>
<div class="manchette">Article écrit par Stéphane Ebran / Écrit le 10/01/2018</div>
	
		
<div class="art_body">
Après m'être un peu reposé à Aguas Calientes, c'est le grand départ pour Machu Picchu. Lever à 4 heures du matin. Un peu de temps pour se préparer et c'est parti. J'ai choisi de prendre le bus. Bien entendu, c'est plus cher que de monter à pied, mais avec le recul, je ne regrette pas du tout d'avoir opté pour cette solution !<br />Nous arrivons donc en bus à l'entrée du parc national. Il faut patienter. Le nombre de visiteurs par jour sur le site est limité afin de le préserver. Après quelques temps d'attente, nous sommes autorisés à entrer dans le parc national. Nous disposons de plusieurs heures pour nous promener dans les ruelles de cette magnifique citadelle inca. Chacun est libre de parcourir la citadelle à son rythme, il n'y a pas de parcours imposé. Par endroit, ça monte sec, mais sinon c'est assez chouette. La vue sur les montagnes alentours et le río Urubamba en contrebas est particulièrement impressionnante. On croise aussi quelques lamas et alpagas sur les hauteurs de la citadelle. C'est assez surréaliste, j'ai du mal à décrire le sentiment qui m'habite lors de ma visite là-bas, on s'imagine un peu le premier occidental à avoir découvert cette cité (l'américain Hiram Bingham en 1911), il a dû être émerveillé de découvrir un tel joyau, si bien caché au cœur des Andes, entre forêts et montagnes.<br />Bref, tout ça pour dire qu'aller au Pérou sans voir Machu Picchu, c'est un peu comme aller à Paris et ne pas voir la Tour Eiffel (il faudrait vraiment le faire exprès pour le coup !). C'est LE site incontournable au Pérou.<br />Après plusieurs heures de visite, je décide de descendre, car le guide nous avait donné pour consigne de nous retrouver à Hidroeléctrica à 14 heures. La descente est assez physique, c'est le moins que je puisse dire. Ça descend assez sec, c'est assez abrupt, il y a plein de grosses pierres sur le sentier, il faut faire attention à ne pas se faire d'entorse. Quand je vois ce que c'était de descendre, j'admire les gens qui sont montés à 4 heures du matin en empruntant le même sentier. J'en aurais été bien incapable ! Pour ne rien arranger, il fait chaud et le soleil tape assez fort comme nous sommes en montagne. Une fois arrivés à Aguas Calientes, il ne faut pas traîner car il y a encore deux heures de marche pour Hidroeléctrica. C'est déjà moins fatigant, et une fois que nous sommes au complet là-bas, nous pouvons repartir vers Cusco, après une journée éprouvante mais qui en valait vraiment la peine. <div class="art_end"></div>
</div>
<div class="art_tags">
<div class="tag_div1">Étiquettes : </div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=amerique-du-sud" class="tag_div_a">Amérique du Sud</a></div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=cusco" class="tag_div_a">Cusco</a></div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=incas" class="tag_div_a">Incas</a></div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=machu-picchu" class="tag_div_a">Machu Picchu</a></div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=perou" class="tag_div_a">Pérou</a></div>
<div class="tag_div"><a href="http://localhost/actuco/admin/tags.php?mode=list&tag_slug=vallee-sacree-des-incas" class="tag_div_a">Vallée sacrée des Incas</a></div>
</div>
<div class="art_share">
<ul>
<li class="art_share_li">Partager cet article</li>
<li class="art_share_li"><input type="url" name="art_url_share" id="visible-input" value="http://localhost/actuco/pl/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/" /></li>
<li class="art_share_li"><a href="https://www.facebook.com/sharer/sharer.php?u=http://localhost/actuco/pl/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/" target="_blank" style="border:none;"><i class="fa fa-facebook fa-lg"></i></a></li>
<li class="art_share_li"><a href="https://twitter.com/intent/tweet?url=http://localhost/actuco/pl/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/&via=eyescrime13" target="_blank" style="border:none;"><i class="fa fa-twitter fa-lg"></i></a></li>
<li class="art_share_li"><a href="https://plus.google.com/share?url=http://localhost/actuco/pl/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/" target="_blank" style="border:none;"><i class="fa fa-google-plus fa-lg"></i></a></li>
<li class="art_share_li"><a href="https://vk.com/share.php?url=http://localhost/actuco/pl/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/" target="_blank" style="border:none;"><i class="fa fa-vk fa-lg"></i></a></li>
</ul>
</div>
<div class="art_comments">
<h1>0 commentaire(s)</h1>
<form method="post" action="http://localhost/actuco/pl/2018/01/10/amerique-du-sud/yBUCX1-cusco-le-machu-picchu-et-la-vallee-sacree-des-incas-partie-2/">
<input type="text" name="identity" placeholder="Nom" autofocus style="margin-bottom:5px;" /><br />
<input type="email" name="mail" placeholder="E-mail" style="margin-top:5px;margin-bottom:5px;" /><br />
<input type="url" name="website" placeholder="Site web (facultatif)" style="margin-top:5px;margin-bottom:5px;" /><br />
<textarea name="comment" class="comment" placeholder="Commentaire" style="margin-top:5px;margin-bottom:5px;" rows="15" cols="60" ></textarea><br />
<!--<span id="charlength"></span><br />-->
<!--<img src="http://localhost/actuco/admin/captcha.png" id="captcha" />-->
<div class="captchabox" id="captcha2" style="background:url(http://localhost/actuco/admin/captcha.png) no-repeat;"></div>
<!--<a id="reload" href="javascript:void(0);" style="margin-top:5px;margin-bottom:5px;">↻</a><br />-->
<a id="reload2" href="javascript:void(0);" style="margin-top:5px;margin-bottom:5px;border:none;">↻</a><br />
<script type="text/javascript">
//$(function() { // Handler for .ready() called.
//            $('#reload').click(function(){
//                $('#captcha').attr('src', 'http://localhost/actuco/admin/captcha.png?' + (new Date).getTime());
//            });
//        });
$(function() {
			$('#reload2').click(function(){
				$('#captcha2').attr('style', 'background:url(http://localhost/actuco/admin/captcha.png?' + (new Date).getTime() + ') no-repeat;');
			});
		});
</script>
<input type="text" maxlength="6" required name="captcha_code" placeholder="Code de sécurité" />
<input type="submit" name="go" value="O.K." style="margin-top:5px;" />
</form>
</div>
<div id="btn_up"></div>
<p style="text-align:center;">
© 2016 — 2018 eyescrime13.su • <a href="http://localhost/actuco/bio">à propos</a> • <span class="arabic_sans" style="font-size:16px;">ﻥ</span></p>
</body>
</html>

Et le code CSS dudit menu :
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
	border:none;
    font-size: 25px;
    color: #818181;
    display: block;
}
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
	border:none;
}
.sidenav .closebtn {
    position: absolute;
    top: -10px;
    right: 5px;
    font-size: 36px;
    margin-left: 50px;
}
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
.sidenav {
    right: 0;
}
.sidenav ul li{
  list-style:none;
  margin-left:-50px;
  font-family:'Noto Sans;
}
.sidenav ul li a:hover{
  background:#999;
}
.sidenav ul li a{
  font-family:'Noto Sans';
  font-size:16px;
}
.sidenav ul li p{
  font-family:'Noto Sans';
  padding-left:50px;
  color:whitesmoke;
}

Par avance je vous remercie de votre aide car je suis vraiment dans une impasse pour le coup.
Cordialement,
polarbird