@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#bottomnav{
		width: 1024px;
		min-width: 1024px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	#bottomnav{
		width: 768px;
		min-width: 768px;
	}
}

@media all and (max-width:760px) {

	.mobile{
		 display:block !important;
	}
	.mm-menu{
		background-color: #fff;
	}	
	.mm-close:after {
		line-height: 40px;
		font-size: 40px;
		color: black;
		content:"";
		font-family: "FontAwesome";	
  	}
  	.mm-page{
	  	background-color: #fff;
  	}
	.mm-navbar {
		height:65px;
	}
	.mm-hasnavbar-top-1 .mm-panel {
		top:65px;
	}
	.mm-menu.mm-front{
		z-index: 200;
	}
	
	.mm-listview > li > a, .mm-listview > li > span {
		font-weight: normal;
		font-family: 'TradeGothicLTPro-Cn18';
		text-transform: uppercase;
		font-size: 25px;
		color: #6d6d6d;
		padding-top:15px;
		padding-bottom: 10px;
	}
	
	.mm-listview > li > a i, .mm-listview > li > span i{
		width:45px;
		text-align: center;
	}
	
	.mm-prev:before {
		 border-color: rgba(0, 0, 0, 1);
		 border-width: 3px;
		 width:20px;
		 height:20px;
		 top:22px;
	}
	
	.mm-title{
		font-weight: normal;
		font-family: 'TradeGothicLTPro-Cn18';
		text-transform: uppercase;
		font-size: 25px;
		color: #000;
		line-height: 45px;
	}
	
	.Selected i, .sSelected i{
		color:#009639;
	}
	
	.submenu.Selected{
		color:#009639;
	}
	
	#mobileheaderplaceholder{
		display: block;
	}
	
	#container:not(.home):not(.map):not(.inauguration) {

		padding-bottom: 50px;
		width: 100% !important;
	}
	
	.home #container, .onepage #container{
		margin-top: 0px;
		padding-bottom: 0px;
	}
	
	.home #mobileheaderplaceholder, .onepage #mobileheaderplaceholder{
		display: none;
	}
	
	a.menumobilebtn{
		display: block;
	}
	
	#logohome{
		display: none;
	}
	
	#logonavmobile{
		width:45px;
		position:absolute;
		top:12px;
		left: 17px;
	}
	#logonavmobile img{
		width:100%;
	}
	
	#logohomemobile{
	position: absolute;
		z-index: 300;
		top:50px;
		left: 45px;
	}
	
	#logohomemobile{
		width:800px;
		max-width: 80%;
	}
	
	#logohomemobile img{
		width:100%;
	}
	
	.home #logonavmobile{
		display: none;
	}


	#container, #bottomnav{
		border: none;
	}
	
	#leftnav{
		display: none;
		width:0px;
	}
	#bottommenucontainer{
		position: relative;
		top:auto;
		left:auto;
		transform: none;
		-ms-transform: none;
		-webkit-transform:none;
		margin-left:-1px;
		margin-right:-1px;
	}
	#bottommenu li{
		width:calc(25% - 2px);
		margin-left: 1px;
		margin-right: 1px;
		font-size: 10px;
	}
	
	#bottommenu li a{
		font-size: 16px;
		line-height: 1.5em;
		padding-top: 0.2em;

	}
	
	
	#bottommenu li a i{
		clear: both;
		 display: block;
		 text-align: center;
		 font-size: 24px;
	}
	
	#bottomnav .menumobile{
		display: block;
	}
	
	#bottomnav .menudesktop{
		display: none;
	}
	
	.mobilehide{
		display: none !important;
	}
	
	#centralcontainer{
		width:100%;
		height:auto !important;
	}
	
	#centralcontainer iframe{
		width:100%;
	}
	#leftimages{
		display: none;
	}
	#rightimages{
		display: none;
	}
	#timelineselector{
		width:60px;
	}
	
	.timelinecontainer{
		width:calc(100% - 80px);
	}
	
	.timelinebox{
		width: 220px;
	}
	
	#mercititle{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#mercititle h1{
		font-size: 45px;
	}
	
	#merciintro{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#mercicontent{
		overflow: auto !important;
		height: auto !important;
		width:100%;
		box-sizing: border-box;
	}
	#thankscontent{
		padding: 20px;
		width:100%;
		box-sizing: border-box;
	}
	
	#prevthanks, #nexthanks{
		display: none !important;
	}
	
	#pressintro{
		padding: 20px;
	}
	
	#pressintro h2{
		font-size: 45px;
	}
	
	.inauguration .intro{
		width:100%;
		font-size: 13px;
		height: 66.66666666666%;
	}
	.portrait .inauguration .intro{
		width:100%;
		height:50%;
	}
	
	.inauguration .intro h2{
		font-size: 24px;
	}
	
	.portrait .projetpage, .projetpage{
		padding-top: 0px;
		
		
	} 
	
	.projetcontent, .portrait .projetcontent{
		width:100%;
		height:auto;
		position: relative;
	}
	
	.projetcontent .insidecontent, .portrait .projetcontent .insidecontent{
		position: relative;
		top:auto;
		left:auto;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		padding: 20px;
		padding-bottom: 60px;
	}
	
	
	.projetphotos, .portrait .projetphotos{
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	
	.projetphotos .image, .portrait .projetphotos .image{
		width: 100%;
		height: 50vh;
	}
	
	.projetphotos .factsheetplaceholder, .portrait .projetphotos .factsheetplaceholder{
		height:auto;
	}
	
	.portrait .projetphotos .factsheet, .projetphotos .factsheet {
		height: 100%;
	}
	
	.portrait .projetphotos .factsheet .insidecontent, .projetphotos .factsheet .insidecontent{
		position: relative;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		top: auto;
		left: auto;
	}
	
	.projetphotos .factsheetplaceholder, .portrait .projetphotos .factsheetplaceholder .image{
		height:100vh;
	}
	ul.projetnav{
		bottom:10px;
	}
	
	div.gallery_photographe{
		position: relative;
		float: none;
	}
	
	div.gallery_photographe div.fixedtitle{
		width: 100%;
		height: 100%;
		background-color:rgba(0,0,0,.7);
		background-image: none;
	}
	
	div.gallery_photographe div.fixedtitle h2{
		font-size: 36px;
	}
	
	div.gallery_photographe div.fixedtitle h3{
		font-size:18px;
	}
	
	div.nano.gallery .gallery_inside{
		display:none;
	}
	
	a.photographepopuplink, a.photographegellerypopuplink{
		font-size: 24px;
		bottom:0px;
		transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	}
	
	a.photographepopuplink{
		right:45px;
		
		display: block;
		width: auto;
	}
	
	a.photographegellerypopuplink{
		right:10px;
		display: block;
		width: auto;
	}
	
	#popincontainer {
		border: none;
		z-index: 2000;
	}
	
	#popinover {
		  width: calc(100%);
		  left:0px;
	}
	
	.nano > .nano-content { padding-left: 20px !important; padding-right: 20px !important; }
	
	a.doclink, a.linklink{ max-width: none;}
	
	.projetphotos .factsheet{
		font-size: 22px;
	}
	
	#timelineselector {
		 height: calc(100% - 115px);
		 top:65px;
	}
	
}