Outiref
<!DOCTYPE html>
<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"/>
		<script src='/assets/jquery/js/jquery.min.js' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/bootstrap/css/bootstrap.css' type='text/css' media='all'/>
<script src='/assets/bootstrap/js/bootstrap.js' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/bootstrap/css/bootstrap-theme.css' type='text/css' media='all'/>
<script src='/assets/jquery/js/jquery-migrate-3.0.1.js' type='text/javascript'></script>
<script src='/assets/jquery/circular-slider/circular-slider.js' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/jquery/circular-slider/circular-slider.css' type='text/css' media='all'/>
<script src='/assets/jquery/js/threesixty.min.js' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/fontawesome/css/font-awesome.min.css' type='text/css' media='all'/>
<link rel='stylesheet' href='/themes/aeroscopia/assets/pawtucket/css/fonts.css' type='text/css' media='all'/>
<link rel='stylesheet' href='/themes/aeroscopia/assets/pawtucket/css/Font-Awesome/css/font-awesome.css' type='text/css' media='all'/>
<script src='/assets/jquery/js/jquery.cookie.js' type='text/javascript'></script>
<script src='/assets/jquery/js/jquery.cookiejar.js' type='text/javascript'></script>
<script src='/assets/jquery/js/jquery.jscroll.js' type='text/javascript'></script>
<script src='/assets/jquery/js/jquery.hscroll.js' type='text/javascript'></script>
<script src='/assets/jquery/js/jquery.jscrollpane.min.js' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/jquery/js/jquery.jscrollpane.css' type='text/css' media='all'/>
<script src='/assets/ca/js/ca.utils.js' type='text/javascript'></script>
<script src='/assets/jquery/jquery-ui/jquery-ui.min.js' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/jquery/jquery-ui/jquery-ui.min.css' type='text/css' media='all'/>
<link rel='stylesheet' href='/assets/jquery/jquery-ui/jquery-ui.structure.min.css' type='text/css' media='all'/>
<link rel='stylesheet' href='/assets/jquery/jquery-ui/jquery-ui.theme.min.css' type='text/css' media='all'/>
<script src='/assets/ca/js/ca.genericpanel.js' type='text/javascript'></script>
<script src='/assets/videojs/video.js' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/videojs/video-js.css' type='text/css' media='all'/>
<script src='/assets/mediaelement/mediaelement-and-player.min.js' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/mediaelement/mediaelementplayer.min.css' type='text/css' media='all'/>
<script src='/assets/jquery/js/jquery.mousewheel.js' type='text/javascript'></script>
<script src='/assets/chartist/dist/chartist.min.js' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/chartist/dist/chartist.min.css' type='text/css' media='all'/>
<script src='/assets/ca/js/ca.mediaplayer.js' type='text/javascript'></script>
<script src='/assets/jquery/jquery-tileviewer/jquery.tileviewer.js?2' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/jquery/jquery-tileviewer/jquery.tileviewer.css' type='text/css' media='all'/>
<script src='/assets/jquery/js/jquery.hotkeys.js' type='text/javascript'></script>
<script src='/assets/jquery/js/jquery.jCarousel.js' type='text/javascript'></script>
<link rel='stylesheet' href='/assets/jquery/js/jquery.jCarousel.css' type='text/css' media='all'/>
<link rel='stylesheet' href='/themes/aeroscopia/assets/pawtucket/css/main.css' type='text/css' media='all'/>
	<title>Aéroscopia centre de ressources documentaires aéronautiques</title>
	<!--<title>aeroscopia : Page en cours de création : Partenaires</title>-->
	
	<script type="text/javascript">
		jQuery(document).ready(function() {
    		jQuery('#browse-menu').on('click mouseover mouseout mousemove mouseenter',function(e) { e.stopPropagation(); });
    	});
	</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-148158116-5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-148158116-5');
</script>

</head>
<body>
<div class="top-menu clearfix">
    <div class="burger-menu js-burger-menu">
        <span class="title">Menu</span>
        <div class="burgx"></div>
        <div class="burgx2"></div>
        <div class="burgx3"></div>
    </div>


    <div>



        <div class="item-list"></div>
    </div>

    <nav class="container-top-menu" role="navigation">


        <ul><li class="first leaf active menu-mlid-693"><a href="http://www.musee-aeroscopia.fr/fr" class="active">Accueil</a></li>
            <li class="leaf menu-mlid-610 espace-junior"><a href="http://www.musee-aeroscopia.fr/fr/espace-juniors">Espace Juniors</a></li>
            <li class="leaf menu-mlid-607"><a href="http://www.musee-aeroscopia.fr/fr/espace-presse">Espace presse</a></li>
            <li class="leaf menu-mlid-609"><a href="http://www.musee-aeroscopia.fr/fr/votre-visite/visites-scolaires">Espace enseignants</a></li>
            <li class="last leaf menu-mlid-694"><a href="http://www.musee-aeroscopia.fr/fr/newsletter">Newsletter</a></li>
        </ul>






    </nav>

</div>
<div class="header-region" >
    <div class="illustration-top homepage-illustration">


        <div>



            <div class="bx-wrapper illustration-top-slider-wrapper" style="max-width: 100%;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 0px;"><ul class="illustration-top-slider js-illustration-top-slider" style="width: auto; position: relative;"><li class="slide" style="float: none; list-style: none; position: absolute; width: 1010px; z-index: 50; display: block;"><img src="https://documentation.musee-aeroscopia.fr/themes/aeroscopia/assets/pawtucket/graphics/AEROSCOPIA-Centre_Doc.jpg" alt="musee aeroscopia - centre de documentation" title="musee aeroscopia - centre de documentation"></li></ul></div></div>
        </div>

        <div>



            <div class="container absolute" style="padding:0;margin:0;background:url('https://documentation.musee-aeroscopia.fr/themes/aeroscopia/assets/pawtucket/graphics/AEROSCOPIA-Centre_Doc.jpg');background-size:cover;">
                <div class="logo">
                    <h1 class="visually-hidden">Aeroscopia</h1>
                    <h2 class="visually-hidden">Musée aéronautique</h2>
                </div>
                <div style="text-align: center;background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1));height:110%;margin-bottom:-10px;">
                    <a style="height:450px;display:block;background:white;width:450px;margin:auto;border-radius: 0 0 100% 100%;margin-top:-220px;margin-bottom:200px;" href="/" title="Centre de documentation aeroscopia"><img class="logo-image" style="margin-bottom:-50px;top:230px;position:relative;" src="http://musee-aeroscopia.fr/sites/aeroscopia/themes/aeroscopia_theme/assets/images/logo_fr.png" alt="Logo Aeroscopia"></a>
                  
                    <!--<div style="color:#FFFFFF;    background-color: #19bed1;position:absolute;font-size:15px;top:90px;left:66%;padding:10px;width:130px;height:130px;display: table-cell;line-height:20px;padding-top:24px;border-radius: 65px;"><a href="/"><a href="/" style="color:white">Centre de ressources documentaires - Accueil</a></a></div>-->
                </div>
                    <!--<img class="image-overlay" src="images/airbus-A380.png" alt="Airbus A380"/>-->
            </div>

        </div>

    </div>
</div>
	<nav class="navbar navbar-default yamm" role="navigation">
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle navbar-toggle-user" data-toggle="collapse" data-target="#user-navbar-toggle">
					<span class="sr-only">User Options</span>
					<span class="glyphicon glyphicon-user"></span>
				</button>
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-main-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
			</div>


				<ul class="blue-rounds" style="margin:auto;text-align: center;margin-top:-60px;">
					<li ><a href='/index.php/CMS/Post/_/actualites'>Actualités</a></li>

						
					<li><a href="/index.php/Browse/objects">Explorer</a></li>
					<li><a href="/index.php/Gallery/160">Partenaires</a></li>

<!-- 				<li ><a href='/index.php/Browse/objects'>Rechercher</a></li> -->

				<!--<li class="active"><a href='/index.php/Gallery/Index'>Partenaires</a></li>-->
					<li ><a href='/index.php/CMS/Post/_/informations-pratiques'>En pratique</a></li>
					<li ><a href='/index.php/CMS/Post/_/onisep-toute-l-info-sur-les-metiers-et-les-formations'>Filières et métiers</a></li>
					<!--<li ><a href='/index.php/CMS/Post/_/onisep-toute-l-info-sur-les-metiers-et-les-formations'>Portails partenaires</a></li>-->

				</ul>
			</div><!-- /.navbar-collapse -->
		</div><!-- end container -->
	</nav>
	<div class="container"><div class="row"><div class="col-xs-12">
		<div id="pageArea" class='gallery'>
<h1>Portails documentaires aéronautiques</h1>
<div class="container">
	<div class="row">
		<p><span style="font-size:16px;"><strong>Pour élargir votre recherche, n'hésitez pas à consulter les sites partenaires du centre de ressources du musée aeroscopia !</strong></span></p>
		<div id="galleryDetailImageArea" style="position: absolute">
			image here
		</div><!-- end galleryDetailImageArea -->		<div id="galleryDetailObjectInfo"> </div>
	</div><!-- end row -->
</div><!-- end container -->
<div class="galleryDetailBottom"></div>

<div class="container">
	<div class="row">
	
		<div id="galleryDetailImageGrid" class="col-sm-12">
			<div class="row">		
			</div><!-- end row -->
		</div><!-- end col -->
	</div><!-- end row -->
</div><!-- end container -->
<script type='text/javascript'>
		jQuery(document).ready(function() {		
			jQuery("#galleryDetailImageArea").load("/index.php/Gallery/getSetItemRep/item_id/89333/set_id/160");
			jQuery("#galleryDetailObjectInfo").load("/index.php/Gallery/getSetItemInfo/item_id/89333/set_id/160");
			galleryHighlightThumbnail("galleryIcon89333");
		});
		function galleryHighlightThumbnail(id) {		
			jQuery("#galleryDetailImageGrid a").removeClass("galleryIconActive");
			jQuery("#" + id).addClass("galleryIconActive");
		}
</script>		<div style="clear:both; height:1px;"><!-- empty --></div>
		<div id="footer">
			<div class="pull-right">
							<div><a href="http://www.collectiveaccess.org">CollectiveAccess</a>, déployé par <a href="http://www.ideesculture.com">idéesculture</a>, 2017</div>
			</div>
			<ul class="list-inline">
				<li><a href='/index.php/LoginReg/profileForm'>Profil</a></li>
<li><a href='/index.php/LoginReg/Login'>Se connecter</a></li>
<li><a href='/index.php/LoginReg/Logout'>Se déconnecter</a></li>			</ul>

		<!-- Collect the nav links, forms, and other content for toggling -->
			<!-- bs-user-navbar-collapse is the user menu that shows up in the toggle menu - hidden at larger size -->

		</div><!-- end footer -->
	</div><!-- end pageArea --></div><!-- end col --></div><!-- end row --></div><!-- end container -->
				<div id="caMediaPanel"> 
			<div id="caMediaPanelContentArea">
			
			</div>
		</div>
				<iframe name="pdfjs_iframe" src="" id="pdfjs_iframe" style="position:fixed;top:0;bottom:0;left:0;right:0;margin:0;padding:0;display:none;width:100%;height:100%;clear: both;z-index:1200;"></iframe>
		<div id="pdfjsOverlayControls" style="z-index: 1400;height: 28px;background: #333;width: 100%;position: fixed;bottom: 0;display:none;">
			<div class="close" style="opacity: 1;">
				<a href="#" onclick="$('#pdfjs_iframe').hide();$('#pdfjsOverlayControls').hide();$('#pdfjs_iframe').attr('src','about:blank');$('body').css('overflow','visible');$('body').css('height','auto');return false;" title="close"><i class="caIcon fa fa-times" style="font-size: 18px;color: white;margin-right:10px;"></i></a>
			</div>
		</div>
				<script type="text/javascript">
			/*
				Set up the "caMediaPanel" panel that will be triggered by links in object detail
				Note that the actual <div>'s implementing the panel are located here in views/pageFormat/pageFooter.php
			*/
			var caMediaPanel;
			jQuery(document).ready(function() {
				if (caUI.initPanel) {
					caMediaPanel = caUI.initPanel({ 
						panelID: 'caMediaPanel',										/* DOM ID of the <div> enclosing the panel */
						panelContentID: 'caMediaPanelContentArea',		/* DOM ID of the content area <div> in the panel */
						exposeBackgroundColor: '#FFFFFF',						/* color (in hex notation) of background masking out page content; include the leading '#' in the color spec */
						exposeBackgroundOpacity: 0.7,							/* opacity of background color masking out page content; 1.0 is opaque */
						panelTransitionSpeed: 400, 									/* time it takes the panel to fade in/out in milliseconds */
						allowMobileSafariZooming: true,
						mobileSafariViewportTagID: '_msafari_viewport',
						closeButtonSelector: '.close'					/* anything with the CSS classname "close" will trigger the panel to close */
					});
				}
			});
			/*(function(e,d,b){var a=0;var f=null;var c={x:0,y:0};e("[data-toggle]").closest("li").on("mouseenter",function(g){if(f){f.removeClass("open")}d.clearTimeout(a);f=e(this);a=d.setTimeout(function(){f.addClass("open")},b)}).on("mousemove",function(g){if(Math.abs(c.x-g.ScreenX)>4||Math.abs(c.y-g.ScreenY)>4){c.x=g.ScreenX;c.y=g.ScreenY;return}if(f.hasClass("open")){return}d.clearTimeout(a);a=d.setTimeout(function(){f.addClass("open")},b)}).on("mouseleave",function(g){d.clearTimeout(a);f=e(this);a=d.setTimeout(function(){f.removeClass("open")},b)})})(jQuery,window,200);*/
			
			jQuery(document).ready(function() {
				$('img').bind('contextmenu', function(e) {
					return false;
				});
				$('body').bind('contextmenu', 'img', function () {
					return false;
				});
			});
		</script>
	</body>
</html>