<style type="text/css">
		#control_container {
		padding: 6px 8px;
	}
	#thumb-item-container {
		/****** width: 1036px; need dynamic calculate ? ******/
		padding: 0px;
		margin: 0px;
		margin-left: 0px;
	}
	#thumb-item-container li {
		display: inline-block;
		height: 80px;
		margin-right: 10px;
		margin-bottom: 10px;
		float: left;
	}
	#thumb-item-container li a img {
		border: 2px solid #999999;
		height: 80px;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	#thumb-item-container li.active a img, #thumb-item-container li a:hover img, #thumb-item-container li a:focus img {
		border: 2px solid #000000;
		opacity: 1;
		filter: alpha(opacity=100);
		/*border: 2px solid #000000;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
		-moz-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
		box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);*/
	}
	.img_desc, .img_id {
		display: none;
	}
	#main_content {
		/*padding: 0px 12px;*/
	}
	#main_content a:hover, #main_content a:focus {
		text-decoration: underline;
	}
	#main_img {
		/*position: absolute;*/
		/*left: -9999px;*/
		/* For Tablet version
		width: 95%;
		*/
		/* For Desktop version */
		/*max-width: 895px;
		max-height: 650px;*/
		/**/
	}
	#canvas {
		/*max-height: 650px;*/
		z-index: 999999;
	}
	.img_title {
		font-size: 100%;
	}
	.img_identifier, .img_desc_taken_by, .img_desc_loc, .img_desc_lat, .img_desc_lng, .img_desc_photo_date, .img_desc_dir, .img_cloudcode {
		font-size: 86%;
		font-style: italic;
	}
	.img_identifier {
		margin-top: 12px;
	}
	.main_img_desc {
		padding-top: 8px;
	}
	.main_img_desc p {
		padding: 2px 18px;
		margin: 0px;
	}
	.btn_left_arrow, .btn_right_arrow {
		display: none;
		position: fixed;
		z-index: 999;
		height: 80px;
		padding: 15px 10px;
		top: 45%;
		font-weight: bold;
		line-height: 50px;
		background-color: rgba(0, 0, 0, 0.4);
		color: #FFFFFF;
		text-decoration: none;
		font-size: 150%;
	}
	.btn_left_arrow {
		left: 8px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}
	.btn_right_arrow {
		right: 8px;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	#btn-screenfull-v1 {
		margin-left: 20px;
	}
	[class*="annotation-"] {
		position: absolute;
		z-index: 10;
		border: 3px solid #FF0000;
		border-top-left-radius: inherit;
		border-top-right-radius: inherit;
		background-color: rgba(255,255,255,0.01);
		display: none;
	}
	[class*="image-annotate-note"] {
		background: #333333 none repeat scroll 0 0;
		border: solid 2px #FFFF00;
		color: #FFF;
		font-size: 12px;
		max-width: 200px;
		padding: 3px 7px;
		position: absolute;
		font-family: 'OpenSans Regular';
		display: none;
	}
	#meta_container {
		padding-bottom: 0px;
		padding-top: 6px;
	}
	#meta_container p, #meta_container_left p, #meta_container_right p {
		margin: 3px 0px;
	}
	#desc_container {
		/*max-height: 400px;*/
		overflow-y: auto;
		overflow-x: hidden;
	}
	.imgviewer_remark {
		padding-bottom: 6px;
		font-size: small;
		color: #D70000;
	}
	#btn-screenfull-v1 {
		width: 134px;
		height: 32px;
		background: url('../images/french/enlarge.png') top left no-repeat;
		border: none;
		margin-left: 0px;
		margin-top: -10px;
	}
	.btn-img-type {
		font-size: 11px;
		height: 18px;
		line-height: 13px;
		display: block;
		margin-bottom: 7px;
		border: none;
		cursor: pointer;
	}
	.btn-img-type.active, .btn-img-type:hover, .btn-img-type:focus {
		background-color: #014E9E;
		color: #FFFFFF;
	}
	.thumb_show {
		display: inline-block!important;
	}
	.thumb_hidden {
		display: none!important;
	}
	</style>
	<script type="text/javascript" src="../components/watermark/jquery.watermark.js"></script>
	<script type="text/javascript">
	var btn_lock = false;
	var func_var = [];
	//func_var[1] = 'first';
	func_var[1] = 'hori=1';
func_var[2] = 'hori=0';
func_var[3] = 'hori=0';
func_var[4] = 'hori=0';
func_var[5] = 'vert=0';
	var prev_idx = 0;
	var next_idx = 2;
	function prev() {
		if(prev_idx != 0) {
			var item = func_var[prev_idx].split("=");
			showContent(prev_idx, item[0], item[1]);
		}
	}
	function next() {
		if(next_idx != func_var.length) {
			var item = func_var[next_idx].split("=");
			showContent(next_idx, item[0], item[1]);
		}
	}
	function goPrevItem() {
		if(btn_lock) return;
		btn_lock = true;
		
		var thumb_img = $('#thumb-item-container li a img');
		var n_img = null;
		for(var i = thumb_img.length - 1; i >= 0; i--) {
			if($(thumb_img[i]).position().left < 0) {
				n_img = $(thumb_img[i]);
				break;
			}
		}
		if(n_img != null) {
			var move = 0 - n_img.position().left + 2;
			$('#thumb-item-container').animate({'margin-left': "+="+move}, 240, function(){
				btn_lock = false;
			});
		} else {
			btn_lock = false;
		}
	}	
	function goNextItem() {
		if(btn_lock) return;
		btn_lock = true;
		
		var thumb_img = $('#thumb-item-container li a img');
		var n_img = null;
		for(var i = 0; i < thumb_img.length; i++) {
			if($(thumb_img[i]).position().left + $(thumb_img[i]).width() + 12 > $('.thumb-mask').width()) {
				n_img = $(thumb_img[i]);
				break;
			}
		}
		if(n_img != null) {
			var move = n_img.position().left + n_img.width() + 17 - $('.thumb-mask').width();
			$('#thumb-item-container').animate({'margin-left': "-="+move}, 240, function(){
				btn_lock = false;
			});
		} else {
			btn_lock = false;
		}
	}
	var current_content_id = 0;
	var current_type = 'pnri';
	function showContent(content_id, cat, is_1st) {
		if(is_1st != 1) $('li.active').removeClass('active');
		current_content_id = content_id;
		$('#canvas').remove();
		if(cat == 'hori') {
			$('#main_img').css({'position':'relative'});
			$('#img_container').removeClass('col-4').addClass('col-7');
			$('#meta_container').removeClass('col-8').addClass('col-5');
			$('#desc_container').removeClass('col-8').addClass('col-5');
			//$('#control_container').removeClass('col-8').addClass('col-12');
		}
		if(cat == 'vert') {
			$('#main_img').css({'position':'relative'});
			$('#img_container').removeClass('col-7').addClass('col-4');
			$('#meta_container').removeClass('col-5').addClass('col-8');
			$('#desc_container').removeClass('col-5').addClass('col-8');
			//$('#control_container').removeClass('col-12').addClass('col-8');
		}
		
		$('#main_img').attr('src', $('#img'+content_id).attr('src'));
		//$('#main_content').html($('#desc'+content_id).html());
				
		var content_desc = $('#desc'+content_id).html();
		/*
		// For text checking only (20170314) rollback before launch
		content_desc = content_desc.replace(/&&/g, '<mark>&&</mark>');
		content_desc = content_desc.replace(/&amp;/g, '<mark>&amp;</mark>');
		content_desc = content_desc.replace(/@/g, '<mark>@</mark>');
		content_desc = content_desc.replace(/&commat;/g, '<mark>&commat;</mark>');		
		content_desc = content_desc.replace(/%/g, '<mark>%</mark>');		
		content_desc = content_desc.replace(/&percnt;/g, '<mark>&percnt;</mark>');		
		content_desc = content_desc.replace(/#/g, '<mark>#</mark>');	
		content_desc = content_desc.replace(/&num;/g, '<mark>&num;</mark>');	
		*/
		
		$('#main_content').html(content_desc);
		
		$('#main_taken_by').html($('#takenby'+content_id).html());
		$('#main_loc').html($('#loc'+content_id).html());
		$('#main_lat').html($('#lat'+content_id).html());
		$('#main_lng').html($('#lng'+content_id).html());
		$('#main_photo_date').html($('#photodate'+content_id).html());
		$('#main_dir').html($('#dir'+content_id).html());
		$('#main_cloudcode').html($('#cloudcode'+content_id).html());
		$('#main_iden').html($('#imgiden'+content_id).html());
		$('#main_id').html($('#imgid'+content_id).html());
		/*if(is_1st == 1) {
			$('.img_identifier').css('display', 'block');
		} else {
			$('.img_identifier').css('display', 'none');
		}*/
		
		if(is_1st > 1) {
			$('#meta_container').css('display', 'none');
			$('#desc_container').css('display', 'none');
		} else {
			$('#meta_container').css('display', 'block');
			$('#desc_container').css('display', 'block');
		}
		
		prev_idx = content_id - 1;
		next_idx = content_id + 1;
		updateArrowStatus();
		$('.btn_left_arrow, .btn_right_arrow').css('display','none');
		/*if(func_var.length - 1 >= 6) {
			$('#btn-prev, #btn-next').css('display','block');
		}*/
		
		$('#div_loading').css('display','none');
		var desc_height = $('#img_container').height() - $('#meta_container').height();
		if(desc_height < 280) desc_height = 280;
		$('#desc_container').css({'max-height':desc_height+'px'});
		
		var clicked_type = "";
		if($('#img'+content_id).parents('li').hasClass('pnri')) clicked_type = "pnri";
		if($('#img'+content_id).parents('li').hasClass('seci')) clicked_type = "seci";
		if($('#img'+content_id).parents('li').hasClass('pri')) clicked_type = "pri";
		if(current_type != clicked_type) {
			current_type = clicked_type;
			$('.btn-'+current_type).click();
		}
		
				
		// Modified for showing video in "Other Images"
		if($('#main_img').parent().is("a")) {
			$('.btn-video').remove();
			$('#main_img').unwrap();
		}
		
		if(content_id && $('#img'+content_id).data('is_vid') == "1"){
			showPlayButtonOnImage(is_1st, $('#img'+content_id).data('vid_filename'));
		}
	}
	function updateArrowStatus() {
		$('.btn_left_arrow, .btn_right_arrow').css('display','block');
		if(prev_idx == 0) $('.btn_left_arrow').css('display','none');
		if(next_idx == func_var.length) $('.btn_right_arrow').css('display','none');
	}
	function closeFullScreenImg() {
		$('#full_screen_image').remove();
		$('body').css('overflow-y','auto');
	}
	$('#image_viewer_container').mouseover(function() {
		updateArrowStatus();
	});
	$('#image_viewer_container').mouseout(function() {
		$('.btn_left_arrow, .btn_right_arrow').css('display','none');
	});
	function createCanvasIfNotExist() {
		$('#img_container').append('<div id="canvas"></div>');
		$('#main_img').css({'position':'absolute'});
		$('#canvas').css({
			'width': $('#main_img').width(),
			'height': $('#main_img').height(),
			'display': 'block',
			'position': 'relative'
		});
	}
	function setEnlargeButton() {
		$('#cboxTitle').html('<button id="btn-screenfull-v1"></button>');
		
		$('#btn-screenfull-v1').click(function() {
			$('body').append('<div id="full_screen_image"><div style="display: block; float: right; padding: 12px;"><a style="display: block; color: #FFFFFF; text-align: right;" href="javascript:void(0);" onClick="closeFullScreenImg();">[Fermer]</a><a style="display: block; color: #FFFFFF; text-align: right; padding-top: 6px;" href="'+$('#main_img').attr('src').replace("compressed", "original")+'" download>[T&eacute;l&eacute;charger]</a></div><img id="full_screen_image_src" src="" alt="" /></div>');
			$('#full_screen_image').css({'position': 'absolute', 'z-index': 999999, 'background-color': 'rgba(0, 0, 0, 1)', 'top': $(document).scrollTop(), 'left': 0, 'width': '100%', 'height': '100%', 'text-align': 'center'});
			$('#full_screen_image_src').attr('src', $('#main_img').attr('src').replace("compressed", "original"));
			$('#full_screen_image_src').css({'height': $(window).height(), 'margin': '0px auto'});
		});
	}
	function showThumb(classname) {
		$('li.pnri, li.seci, li.pri').removeClass('thumb_show').addClass('thumb_hidden');
		$('.btn-pnri, .btn-seci, .btn-pri').removeClass('active');
		$('li.'+classname).removeClass('thumb_hidden').addClass('thumb_show');
		$('.btn-'+classname).addClass('active');
	}
		function showPlayButtonOnImage(is_1st, vid_filename) {
		if($('#main_img').parent().is("a")) {
			if(is_1st != 1) {
				$('.btn-video').remove();
				$('#main_img').unwrap();
			}
		} else {
			if(is_1st == 1) {
				$('#main_img').wrap('<a id="btn-video" href="../images/compressed/" target="_blank" rel=\"noopener noreferrer\"></a>');
				$('#btn-video').prepend('<img class="btn-video" src="../images/btn-play.png" alt="Lancer la vid&eacute;o" style="opacity:0.8" />');
			}else if(vid_filename != ""){
				$('#main_img').wrap('<a id="btn-video" href="../images/compressed/' + vid_filename + '" target="_blank" rel=\"noopener noreferrer\"></a>');
				$('#btn-video').prepend('<img class="btn-video" src="../images/btn-play.png" alt="Lancer la vid&eacute;o" style="opacity:0.8" />');
			}
		}
		
		
	}
		$(document).ready(function() {
		setTimeout(function(){showContent(1, 'hori', 1);setEnlargeButton();},1800);
		
		if($('li.pnri').length == 0) $('.btn-pnri').css('display', 'none');
		if($('li.seci').length == 0) $('.btn-seci').css('display', 'none');
		if($('li.pri').length == 0) $('.btn-pri').css('display', 'none');
		
				$('#main_img').watermark({text: $('#main_taken_by').html(), gravity: 'br', opacity:0.9, textSize: 56, textWidth: ($('#main_taken_by').html().length * 28), margin: 5, flip: true });
				if($('#imgiden1').html() != '' && $('#takenby1').html()){
			$('#img1').watermark({text: $('#takenby1').html(), gravity: 'br', opacity:0.9, textSize: 34, textWidth: ($('#takenby1').html().length * 0.7 * 34), margin: 5, flip: true }); 
		}
				if($('#imgiden2').html() != '' && $('#takenby2').html()){
			$('#img2').watermark({text: $('#takenby2').html(), gravity: 'br', opacity:0.9, textSize: 44, textWidth: ($('#takenby2').html().length * 0.7 * 44), margin: 5, flip: true }); 
		}
				if($('#imgiden3').html() != '' && $('#takenby3').html()){
			$('#img3').watermark({text: $('#takenby3').html(), gravity: 'br', opacity:0.9, textSize: 39, textWidth: ($('#takenby3').html().length * 0.7 * 39), margin: 5, flip: true }); 
		}
				if($('#imgiden4').html() != '' && $('#takenby4').html()){
			$('#img4').watermark({text: $('#takenby4').html(), gravity: 'br', opacity:0.9, textSize: 57, textWidth: ($('#takenby4').html().length * 0.7 * 57), margin: 5, flip: true }); 
		}
				if($('#imgiden5').html() != '' && $('#takenby5').html()){
			$('#img5').watermark({text: $('#takenby5').html(), gravity: 'br', opacity:0.9, textSize: 50, textWidth: ($('#takenby5').html().length * 0.7 * 50), margin: 5, flip: true }); 
		}
				
	});
	</script>
	<script type="text/javascript">
	var annotation_ary = [], curr_num = null;
	annotation_ary[1] = [];
annotation_ary[1][1] = [1572, 1080, 549.990005, 502.989990, 465.00, 108.00, "Mirage inférieur (sur route surchauffée)"];
annotation_ary[1][2] = [1572, 1080, 549.999985, 654.000000, 109.00, 156.00, "Plusieurs images de la voiture produites par le mirage"];
annotation_ary[1][3] = [1572, 1080, 574.999985, 850.999969, 230.00, 152.00, "Plusieurs images du ciel produites par le mirage, créant l'illusion d'une route couverte de flaques d’eau"];
annotation_ary[1][4] = [1572, 1080, 465.000000, 642.000000, 364.00, 82.00, "Images déformées de la voiture et des piquets à neige dues au tremblotement"];
annotation_ary[2] = [];
annotation_ary[2][1] = [1620, 1080, 541.999985, 441.999996, 559.00, 58.00, "Mirage inférieur"];
annotation_ary[3] = [];
annotation_ary[3][1] = [1145, 1080, 22.000000, 436.999996, 224.00, 887.00, "Tourbillons de poussière ou tourbillons de sable"];
annotation_ary[3][2] = [1145, 1080, 814.999969, 11.000000, 779.00, 87.00, "Mirage inférieur"];
annotation_ary[3][3] = [1145, 1080, 816.999969, 692.999966, 438.00, 73.00, "Le mirage inférieur se manifeste par une image inversée, ou image en miroir, de la colline."];
annotation_ary[4] = [];
annotation_ary[4][1] = [1620, 1080, 393.999985, 162.999996, 111.00, 108.00, "Tremblotement – on peut observer la déformation des bâtiments due aux courtes fluctuations du mouvement de l'air."];
annotation_ary[4][2] = [1620, 1080, 445.999985, 452.999996, 188.00, 89.00, "Tremblotement – les objets semblent déformés en raison des courtes fluctuations du mouvement de l'air."];
annotation_ary[4][3] = [1620, 1080, 607.000000, 742.000000, 489.00, 30.00, "Mirage inférieur – l'image du ciel a l'apparence d'une flaque d'eau sur le sol."];
annotation_ary[4][6] = [1620, 1080, 552.000000, 638.000000, 92.00, 89.00, "Le vrai buisson et son image inversée apparaissant en-dessous de celui-ci"];
annotation_ary[4][5] = [1620, 1080, 612.000000, 1243.999969, 49.00, 34.00, "Image de la voiture produite par un mirage"];
annotation_ary[4][4] = [1620, 1080, 560.000000, 11.000000, 612.00, 53.00, "Mirage inférieur – on peut apercevoir une image inversée du sol."];
annotation_ary[5] = [];
annotation_ary[5][1] = [930, 1080, 642.999969, 213.999996, 513.00, 100.00, "Image du Soleil vue lors d'un mirage"];
	function showAnnotation(num, imgid) {
		if($('#canvas').length == 0) createCanvasIfNotExist();
		$('#canvas').empty();
		if(curr_num != num) {
			var id_set = num.split(",");
			for(var i = 0; i < id_set.length; i++) {
				var sel_annotation = annotation_ary[current_content_id][id_set[i]];
				var delta = $('#canvas').width() / sel_annotation[0];
				var toppos = sel_annotation[2] * delta;
				var leftpos = sel_annotation[3] * delta;
				var w = sel_annotation[4] * delta;
				var h = sel_annotation[5] * delta;
				$('#canvas').append('<div class="annotation-'+(i+1)+'"></div>');
				$('#canvas').append('<div class="image-annotate-note">'+sel_annotation[6]+'</div>');
				$('.annotation-'+(i+1)).css({
					'display': 'block',
					'top': toppos,
					'left': leftpos,
					'width': w,
					'height': h
				});
				$('.image-annotate-note').css({
					'top': toppos + h + 5,
					'left': leftpos
				});
			}
			$('div[class*="annotation-"]').hover(function() {
				$('.image-annotate-note').css('display','block');
			}, function() {
				$('.image-annotate-note').css('display','none');
			});
			curr_num = num;
		} else {
			curr_num = 0;
		}
	}
	</script>

	<div class="row" id="image_viewer_container">
	
		<a class="btn_left_arrow" href="javascript:void(0);" onClick="prev();">&lt;</a>
		<a class="btn_right_arrow" href="javascript:void(0);" onClick="next();">&gt;</a>
	
		<div class="col-7" id="img_container" style="position: relative; padding: 0px;">
			<div id="div_loading">Chargement en cours...</div>
			<img id="main_img" src="" alt=""/>
		</div>
		<div class="col-5" id="meta_container">
						<p class="img_desc_taken_by" id="main_taken_by">&#169; George Anderson</p>
			<p class="img_desc_loc" id="main_loc">Entre Polis et Pomos, Chypre</p>
			<p class="img_desc_lat" id="main_lat">Latitude: 35° 5' 57'' N</p>
			<p class="img_desc_lng" id="main_lng">Longitude: 32° 30' 1'' E</p>
			<p><span class="img_desc_photo_date" id="main_photo_date">01 August 2011 1256 (Heure locale)</span><br><span class="img_desc_dir" id="main_dir">Orientation de l&#39;appareil photo: SW</span></p>
			<p class="img_identifier" id="main_iden">Code P/S de l&#39;image: P.13.7.1</p>
			<p class="img_identifier" id="main_id">Num&eacute;ro d&#39;identification de l&#39;image: 4133</p>
			<p class="img_cloudcode" id="main_cloudcode"></p>			
		</div>
		<div class="col-5" id="desc_container">
			<div id="main_content"></div>
		</div>
		<div class="col-12" id="control_container">
			<!-- a id="btn-prev" href="javascript:void(0);" onClick="goPrevItem();">&lt;</a -->
			<!-- div class="thumb-mask" -->
				<ul id="thumb-item-container">
					<li>
						<div style="margin-top: 6px;">
							<button class="btn-pnri btn-img-type active" onClick="showThumb('pnri');">Images &amp; informations correspondantes</button>
							<button class="btn-seci btn-img-type" onClick="showThumb('seci');">Autres images</button>
							<button class="btn-pri btn-img-type" onClick="showThumb('pri');">Images de l&#39;&eacute;dition 1987
</button>
						</div>
					</li>
					<li class="pnri thumb_show active"><a href="javascript:void(0);" onClick="showContent(1, 'hori', 1);"><img id="img1" src="../images/compressed/4133_main_inferior-hot-road-mirage_photometeors.jpg" alt="" /></a><div id="desc1" class="img_desc"><h1 class="img_title">Mirage inférieur (sur route surchauffée)</h1><p>Un mirage est un ph&eacute;nom&egrave;ne optique d&ucirc; &agrave; la r&eacute;fraction, ou courbure, des rayons lumineux lorsque ceux-ci traversent des couches d&rsquo;air de temp&eacute;rature et de densit&eacute; diff&eacute;rentes.</p>

<p>Les <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 4133);'>mirages qui apparaissent sur les routes chauff&eacute;es par le Soleil</a>, donnant l&rsquo;impression que celles-ci sont couvertes de flaques d&rsquo;eau, sont parmi les plus fr&eacute;quents. On peut voir des mirages similaires dans le d&eacute;sert. Ces mirages s&rsquo;observent lorsqu&rsquo;il existe un fort gradient thermique vertical dans la couche d&#39;air qui se trouve proche du sol, g&eacute;n&eacute;ralement en raison d&#39;un &eacute;chauffement important de la surface de la route ou du sol d&eacute;sertique par insolation. De l&rsquo;air plus frais se trouve au-dessus de cette couche d&rsquo;air surchauff&eacute;e.</p>

<p>Ce type de mirage est connu sous le nom de &laquo; mirage inf&eacute;rieur &raquo; parce que l&rsquo;image des objets lointains se forme plus bas que ceux-ci. Les rayons lumineux provenant du ciel ou de certains objets sont r&eacute;fract&eacute;s lorsqu&rsquo;ils traversent les couches d&rsquo;air, dont la temp&eacute;rature et la densit&eacute; varient, et sont alors incurv&eacute;s vers le haut, atteignant ainsi l&rsquo;&oelig;il de l&rsquo;observateur. De cette fa&ccedil;on, la lumi&egrave;re provenant du ciel nous appara&icirc;t sous la forme de flaques d&rsquo;eau sur le sol.</p>

<p>Le mirage inf&eacute;rieur visible sur cette photographie, prise en &eacute;t&eacute; sur l&rsquo;&icirc;le m&eacute;diterran&eacute;enne de Chypre, a produit plusieurs <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 4133);'>images de la voiture</a> et du <a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 4133);'>ciel</a> en raison de l&rsquo;aspect l&eacute;g&egrave;rement ondul&eacute; de la route.</p>

<p>Les objets lointains peuvent aussi appara&icirc;tre l&eacute;g&egrave;rement d&eacute;form&eacute;s sous l&rsquo;effet du <a class='anno' href='javascript:void(0);' onClick='showAnnotation("4", 4133);'>tremblotement</a>. Ce ph&eacute;nom&egrave;ne se manifeste principalement au-dessus des terres, lorsque leur surface est tr&egrave;s chaude et que le Soleil brille avec &eacute;clat. Il est provoqu&eacute; par des fluctuations de courte dur&eacute;e de l&rsquo;indice de r&eacute;fraction de l&rsquo;air sous l&rsquo;effet du mouvement de petites particules d&rsquo;air.</p>
<p class="imgviewer_remark">Les liens dans le descriptif donnent des pr&eacute;cisions sur certaines caract&eacute;ristiques de l&#39;image. Cliquer sur le lien pour plus de d&eacute;tails.</p></div><div id="takenby1" class="img_desc">&#169; George Anderson</div><div id="loc1" class="img_desc">Entre Polis et Pomos, Chypre</div><div id="lat1" class="img_desc">Latitude: 35° 5' 57'' N</div><div id="lng1" class="img_desc">Longitude: 32° 30' 1'' E</div><div id="photodate1" class="img_desc">01 August 2011 1256 (Heure locale)</div><br><div id="dir1" class="img_desc">Orientation de l&#39;appareil photo: SW</div><div id="cloudcode1" class="img_desc"></div><div id="imgiden1" class="img_id">Code P/S de l&#39;image: P.13.7.1</div><div id="imgid1" class="img_id">Num&eacute;ro d&#39;identification de l&#39;image: 4133</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(2, 'hori', 0);"><img id="img2" src="../images/compressed/4134_main_inferior-mirage-on-road_photometeors.jpg" alt="" /></a><div id="desc2" class="img_desc"><h1 class="img_title">Mirage inférieur sur route</h1><p>L&#39;un des mirages les plus fr&eacute;quents est celui que l&#39;on peut observer sur les routes chauff&eacute;es par le soleil. Ce type de mirage est connu sous le nom de <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 4134);'>&laquo;mirage inf&eacute;rieur&raquo;</a> parce que l&#39;image des objets lointains se forme en-dessous de ceux-ci.</p>

<p>Un mirage est un ph&eacute;nom&egrave;ne optique d&ucirc; &agrave; la r&eacute;fraction, ou courbure, des rayons lumineux lorsque ceux-ci traversent des couches d&#39;air de temp&eacute;rature et de densit&eacute; diff&eacute;rentes. Un mirage inf&eacute;rieur se produit lorsque les rayons lumineux qui proviennent du ciel ou d&#39;autres objets sont incurv&eacute;s vers le haut, atteignant l&#39;&oelig;il de l&#39;observateur. De cette mani&egrave;re, la lumi&egrave;re venant du ciel lui appara&icirc;t sous la forme de flaques d&#39;eau sur le sol.</p>

<p>Bien qu&#39;on associe commun&eacute;ment ce type de mirage &agrave; une route chauff&eacute;e (&laquo;hot-road mirage&raquo;), il n&#39;est pas n&eacute;cessaire que la route soit chaude ou les temp&eacute;ratures &eacute;lev&eacute;es. Le mirage qui appara&icirc;t sur cette photo a &eacute;t&eacute; observ&eacute; en Estonie lors d&#39;une froide journ&eacute;e, comme le montre la couche de neige sur l&#39;herbe bordant la route. Il a suffi que les rayons du soleil chauffent l&#39;asphalte de mani&egrave;re &agrave; ce que la couche d&#39;air situ&eacute;e imm&eacute;diatement au-dessus de la route soit notablement plus chaude que la couche d&#39;air sup&eacute;rieure.</p>
<p class="imgviewer_remark">Les liens dans le descriptif donnent des pr&eacute;cisions sur certaines caract&eacute;ristiques de l&#39;image. Cliquer sur le lien pour plus de d&eacute;tails.</p></div><div id="takenby2" class="img_desc">&#169; Ain Vindi</div><div id="loc2" class="img_desc">Vagula, Estonie</div><div id="lat2" class="img_desc">Latitude: 57° 52' 11'' N</div><div id="lng2" class="img_desc">Longitude: 26° 56' 2'' E</div><div id="photodate2" class="img_desc">03 April 2013 1345 (Heure locale)</div><br><div id="dir2" class="img_desc">Orientation de l&#39;appareil photo: NW</div><div id="cloudcode2" class="img_desc"></div><div id="imgiden2" class="img_id">Code P/S de l&#39;image: S.13.7.1</div><div id="imgid2" class="img_id">Num&eacute;ro d&#39;identification de l&#39;image: 4134</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(3, 'hori', 0);"><img id="img3" src="../images/compressed/5433_main_dust-whirls-dust-devils-and-mirage_lithometeors-photometeors.jpg" alt="" /></a><div id="desc3" class="img_desc"><h1 class="img_title">Tourbillons de poussière et mirage</h1><p>Les <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 5433);'>tourbillons de poussi&egrave;re</a> se produisent lorsque l&rsquo;air pr&egrave;s du sol est tr&egrave;s instable, par exemple lorsque le sol est fortement chauff&eacute; par le Soleil. Ces conditions sont aussi responsables de l&rsquo;apparition d&rsquo;un <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 5433);'>mirage inf&eacute;rieur</a>, comme on peut le voir sur cette photographie, prise depuis le d&eacute;sert de Black Rock (Nevada, &Eacute;tats-Unis d&rsquo;Am&eacute;rique).</p>

<p>Un tourbillon de poussi&egrave;re, ou tourbillon de sable, est un ensemble de particules de poussi&egrave;re ou de sable, parfois accompagn&eacute;es de petits d&eacute;bris, soulev&eacute;es du sol sous forme d&rsquo;une colonne tourbillonnante de hauteur variable, de faible diam&egrave;tre et dont l&rsquo;axe est plus ou moins vertical.</p>

<p>Les mirages sont un ph&eacute;nom&egrave;ne optique dus &agrave; la courbure des rayons lumineux lorsque ceux-ci traversent des couches d&rsquo;air dont l&#39;indice de r&eacute;fraction varie en raison de diff&eacute;rences de temp&eacute;rature et de densit&eacute;. Lors d&#39;un mirage inf&eacute;rieur, l&rsquo;image d&rsquo;un objet lointain se forme plus bas que l&rsquo;objet lui-m&ecirc;me. Sur la photographie, on peut observer l&rsquo;<a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 5433);'>image renvers&eacute;e d&rsquo;une partie de la colline</a>.</p>
<p class="imgviewer_remark">Les liens dans le descriptif donnent des pr&eacute;cisions sur certaines caract&eacute;ristiques de l&#39;image. Cliquer sur le lien pour plus de d&eacute;tails.</p></div><div id="takenby3" class="img_desc">&#169; Steve Jurvetson</div><div id="loc3" class="img_desc">Gerlach, Nevada, États-Unis d’Amérique</div><div id="lat3" class="img_desc">Latitude: 40° 39' 20'' N</div><div id="lng3" class="img_desc">Longitude: 119° 37' 24'' W</div><div id="photodate3" class="img_desc">21 July 2007 1415 (Heure locale)</div><br><div id="dir3" class="img_desc"></div><div id="cloudcode3" class="img_desc"></div><div id="imgiden3" class="img_id">Code P/S de l&#39;image: S.12.2.3</div><div id="imgid3" class="img_id">Num&eacute;ro d&#39;identification de l&#39;image: 5433</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(4, 'hori', 0);"><img id="img4" src="../images/compressed/5572_main_inferior-mirage-and-shimmer_photometeors.jpg" alt="" /></a><div id="desc4" class="img_desc"><h1 class="img_title">Mirage inférieur et tremblotement </h1><p>Alors que le Soleil &eacute;tait en train de se lever sur la p&eacute;ninsule d&#39;Akrotiri, situ&eacute;e sur l&#39;&icirc;le m&eacute;diterran&eacute;enne de Chypre, un fort gradient thermique vertical s&#39;est form&eacute; en surface sous l&#39;effet de l&#39;&eacute;chauffement du sol. Cette photographie fortement agrandie montre les deux ph&eacute;nom&egrave;nes optiques que sont le mirage et le tremblotement, qui sont apparus au-dessus du sable &eacute;chauff&eacute;.</p>

<p>Le tremblotement est l&#39;agitation apparente des objets &agrave; la surface du globe lorsque ceux-ci sont observ&eacute;s horizontalement. Ce ph&eacute;nom&egrave;ne se manifeste principalement au-dessus des surfaces terrestres, lorsque le Soleil brille avec &eacute;clat. Il est provoqu&eacute; par les courtes fluctuations de l&rsquo;indice de r&eacute;fraction des couches de surface de l&#39;atmosph&egrave;re. Un agrandissement du clich&eacute; montre que les objets situ&eacute;s en arri&egrave;re-plan semblent l&eacute;g&egrave;rement d&eacute;form&eacute;s (comme en <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 5572);'>1</a> et en <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 5572);'>2</a>).</p>

<p>Un mirage est un ph&eacute;nom&egrave;ne optique d&ucirc; &agrave; la r&eacute;fraction, ou courbure, de la lumi&egrave;re lorsque celle-ci traverse des couches d&rsquo;air de temp&eacute;rature et de densit&eacute; diff&eacute;rentes. Le mirage que l&#39;on peut voir sur la photographie est connu sous le nom de &quot;mirage inf&eacute;rieur&quot;, parce que l&#39;image des objets r&eacute;els se forme plus bas que ceux-ci. Les rayons lumineux provenant du ciel ou de certains objets sont incurv&eacute;s vers le haut, atteignant ainsi l&rsquo;&oelig;il de l&rsquo;observateur. De cette fa&ccedil;on, l&#39;<a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 5572);'>image du ciel a l&#39;apparence d&#39;une flaque d&#39;eau sur le sol</a>. Les <a class='anno' href='javascript:void(0);' onClick='showAnnotation("4", 5572);'>images des objets au sol</a>, tels que <a class='anno' href='javascript:void(0);' onClick='showAnnotation("5", 5572);'>la voiture</a> ou la <a class='anno' href='javascript:void(0);' onClick='showAnnotation("6", 5572);'>v&eacute;g&eacute;tation</a>, sont invers&eacute;es et apparaissent en-dessous des objets r&eacute;els.</p>
<p class="imgviewer_remark">Les liens dans le descriptif donnent des pr&eacute;cisions sur certaines caract&eacute;ristiques de l&#39;image. Cliquer sur le lien pour plus de d&eacute;tails.</p></div><div id="takenby4" class="img_desc">&#169; George Anderson</div><div id="loc4" class="img_desc">Lac salé de Limassol, Akrotiri, Chypre</div><div id="lat4" class="img_desc">Latitude: 34° 36' 33'' N</div><div id="lng4" class="img_desc">Longitude: 32° 59' 49'' E</div><div id="photodate4" class="img_desc">22 August 2016 0931 (Heure locale)</div><br><div id="dir4" class="img_desc">Orientation de l&#39;appareil photo: N</div><div id="cloudcode4" class="img_desc"></div><div id="imgiden4" class="img_id">Code P/S de l&#39;image: S.13.7.1</div><div id="imgid4" class="img_id">Num&eacute;ro d&#39;identification de l&#39;image: 5572</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(5, 'vert', 0);"><img id="img5" src="../images/compressed/5878_main_inferior-mirage-omega-sun_photometeors.jpg" alt="" /></a><div id="desc5" class="img_desc"><h1 class="img_title">Mirage inférieur : Soleil oméga</h1><p>Lorsque le Soleil descend en direction de l&#39;horizon au coucher du Soleil, un deuxi&egrave;me <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 5878);'>Soleil, qui est en r&eacute;alit&eacute; un mirage</a>, s&#39;&eacute;l&egrave;ve depuis l&#39;&eacute;tendue d&#39;eau. Ces deux Soleils semblent se rejoindre pour prendre une forme qui ressemble &agrave; la lettre grecque om&eacute;ga. Le Soleil inf&eacute;rieur est un mirage inf&eacute;rieur, qui appara&icirc;t lorsque de l&#39;air froid se trouve au-dessus d&#39;une couche d&#39;air beaucoup plus chaude situ&eacute;e &agrave; la surface de la mer. </p>

<p>Le mirage est un ph&eacute;nom&egrave;ne optique d&ucirc; &agrave; la r&eacute;fraction, ou courbure, de la lumi&egrave;re lorsque celle-ci traverse des couches d&#39;air de temp&eacute;rature et de densit&eacute; diff&eacute;rentes et qui pr&eacute;sentent, par cons&eacute;quent, des indices de r&eacute;fraction distincts.</p>
<p class="imgviewer_remark">Les liens dans le descriptif donnent des pr&eacute;cisions sur certaines caract&eacute;ristiques de l&#39;image. Cliquer sur le lien pour plus de d&eacute;tails.</p></div><div id="takenby5" class="img_desc">&#169; Pekka Parviainen</div><div id="loc5" class="img_desc">Pyhäranta, Finlande</div><div id="lat5" class="img_desc">Latitude: 60° 57' 2'' N</div><div id="lng5" class="img_desc">Longitude: 21° 26' 15'' E</div><div id="photodate5" class="img_desc">16 January 2009 1156 (Heure locale)</div><br><div id="dir5" class="img_desc"></div><div id="cloudcode5" class="img_desc"></div><div id="imgiden5" class="img_id">Code P/S de l&#39;image: S.13.7.5</div><div id="imgid5" class="img_id">Num&eacute;ro d&#39;identification de l&#39;image: 5878</div></li>				</ul>
			<!-- /div -->
			<!-- a id="btn-next" href="javascript:void(0);" onClick="goNextItem();">&gt;</a -->
		</div>
	</div>