@media all and (max-aspect-ratio: 13/9) {
	.landscape {
		display: none;
	}
}
@media all and (min-aspect-ratio: 13/9) {
	.portrait {
		display: none;
	}
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html {
        height: 100%;
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#fff;
    font-family:Helvetica, Arial, sans-serif;
    font-size:calc( 13px + (26 - 13) * ( (100vw - 320px) / ( 640 - 320) ));
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
    height:100%;
    color: #FFF;
    background: url("../img/fond.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
}

input {
	margin-top:5%;
	font-family:Helvetica, Arial, sans-serif;
    font-size:calc( 13px + (26 - 13) * ( (100vw - 320px) / ( 640 - 320) ));
}

img {
	border:0
}

#content_l{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);
  	width:206px;
	height:117px; 
}

#content_l img{
	width:100%;
	height:100%;
}

#content {
	position:absolute;
	top: 0;
	left:50vw;
  	-webkit-transform: translateX(-50%);
  	transform: translateX(-50%); 
  	margin-left: auto;
  	margin-right: auto;
  	height:100%;
  	width:100%;
  	max-width: 640px;
  	overflow:hidden;
} 

#logo {
	position: absolute;
    top: 5%;
    left: 5%;
    width: 29.7%;
    height: 11.7%;
    background: url("../img/logo.png") top center no-repeat;
    background-size: contain;
}

#btn_entrer {
	display:block;
	position: absolute;
    top: 33%;
    left: 50%;
    -webkit-transform: translateX(-50%);
  	transform: translateX(-50%);
    width: 33.1%;
    height: 19.6%;
    background: url("../img/btn_entrer.png") center no-repeat;
    background-size: contain;
}

#btn_entrer:active {
    background: url("../img/btn_entrer_active.png") center no-repeat;
    background-size: contain;
}

#icame_store {
	position: absolute;
    top: 23%;
    left: 50%;
    -webkit-transform: translateX(-50%);
  	transform: translateX(-50%);
    width: 78.75%;
    height: 26.55%;
    background: url("../img/sequoia_store.png") top center no-repeat;
    background-size: contain;
}

#icones {
	position: absolute;
    top: 51.6%;
    left: 50%;
    -webkit-transform: translateX(-50%);
  	transform: translateX(-50%);
    width: 50.6%;
    height: 55%;
    background: url("../img/icones.png") top center no-repeat;
    background-size: contain;
}

#contacts {
	position: absolute;
    bottom: 6%;
    width:100%;
    text-align:center;
}

#login_window {
	position:absolute;
	top: 60%;
	left:50%;
	 -webkit-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);
	display:none;
	width:0%;
	height:0%;
	overflow:hidden;
	background:#3e4f64;
	background:rgba(62,79,100,0.5);
	border:#c6ddf4 solid 4px;
	border-radius:24px;
}

#message {
	color:#FE4E00;
}

#login_window_content{
	padding:6% 30px;
	text-align:center
}