body, html {
  padding:0px;
  margin:0px;
  height:100%;
  width:100%;
}

.Menu {
   
  position:absolute;
  top:0px;
  right:0px;
  width:85%;
  height:30px;
  
  white-space:nowrap;  
  
  -webkit-transition: all 0.3s ;
  -moz-transition: all 0.3s ;
  -o-transition: all 0.3s ;
  transition: all 0.3s ;   
  
  overflow:hidden;
}

.MenuOpen {   
  height:30%;   
}

.Menu .MenuGauche {
  height:100%;
  width:10%;
  background: url('../IMGS/mobile_bandegrise_gauche.png');
  background-size: 100% 100%; 
  background-repeat: no-repeat;
  background-position: bottom;                       
  display:inline-block;
}

.Menu .MenuContent {
  position:relative;
  background: #969696;
  height:100%;
  display:inline-block;  
  width:91%;  
  margin-left:-1px;
  right:0px;
}

.Menu .MenuContent .TexteMenu {
  position:absolute;
  
  left:5px;
  bottom: 30px;
  
  
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;    
  color:white;
  font-size:14px;  
  white-space:normal;
}

.Menu .MenuContent .TitreMenu {
    
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;    
  color:white;
  font-size:14px;  
  white-space:normal;
  
}

.Menu .MenuContent .TitreMenu .TiltArchitectes {
   position:absolute;
   left:5px;   
   bottom:3px;
}

.Menu .MenuContent .TitreMenu .TiltArchitectes .TILT {
  font-weight:bold;  
}

.Menu .MenuContent .TitreMenu .Contact {
  position:absolute;  
  right:5px;
  color:#92ee01;
  bottom:3px;
  font-weight:bold; 
  font-size:12px;
}

.Conteneur {
  /*position:absolute; ?? */
  width:100%;
  overflow:hidden; 
  font-size:15px;   
}

.Conteneur .slide-container {
  padding-top:50px; 
  height:100%;  
}


.Conteneur .slide-container .slide {
  width:100%; 
  overflow-y:auto; 
  overflow-x:hidden;
} 


.Conteneur .slide-container .slide .slidePhotos {
  width:100%;  
  height:50%;
}
 
       
.Conteneur .slide-container .slide .slidePhotos .Photo {
  
  position: relative;
  overflow: hidden;  
  width:100%;   
  height:100%;
  background-size: cover;
	background-position: 50% 50%;
}   

/*.Landscape .Conteneur .slide-container .slide .slidePhotos .Photo {
  width:100%;  
  height:100%;  
} */
  
  
.Conteneur .slide-container .slide .slidePhotos .Photo img {
  /*width:100%;*/
  
  position: absolute;
	left: 0px;
  right: 0px;
	top: 0px;
  bottom: 0px;
	margin: 0;
	display: block;
	/* fill and maintain aspect ratio */
	width: auto; height: auto;
	min-width: 100%; min-height: 100%;
	max-height: none; max-width: none;    
}



.Conteneur .slide-container .slide .Texte {

  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  /*background:white;*/
  padding:5px;
  padding-right:15px;
  color:#969696;
  font-size:12px;
  text-align:justify;
  height:100%;
}



.Conteneur .slide-container .slide .Texte h1 {
  font-size:16px;
  text-align:left;
  color: #92ee01;
}

@media (orientation:landscape) {
    
  .Menu {
    width:50%;
  }
  
  .MenuOpen {   
    height:50%; 
  }
  
  .Conteneur .slide-container {
    padding-top:0px; 
  }
  
  .Conteneur .slide-container .slide {
    white-space:nowrap;
    overflow-y:hidden;
    overflow-x:hidden;
  }
  
  .Conteneur .slide-container .slide .slidePhotos {
    display: inline-block; 
    width:48%;       
    height:100%;
    vertical-align:top;
    /*overflow:hidden;*/
  }
    
    
  
  .Conteneur .slide-container .slide .Texte {
    display: inline-block;
    width:50%;
    height:100%;
    overflow-y:auto;
  }
  
  .Conteneur .slide-container .slide .Texte div {
    padding-top:50px;
    white-space:normal;
  }

}