@media screen and (max-width: 1024px)
{
	/** Generated by FG http://www.font2web.com/**/
	@font-face {
		font-family:'Gotham-Book';
		src:url('fonts/Gotham-Book.eot');
		src:local('☺'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg') format('svg');
		font-weight:normal;
		font-style:normal;
	}
	/** Generated by FG http://www.font2web.com/**/
	@font-face {
		font-family:'Gotham-Medium';
		src:url('fonts/Gotham-Medium.eot');
		src:local('☺'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg') format('svg');
		font-weight:normal;
		font-style:normal;
	}
	/** Generated by FG http://www.font2web.com/**/
	@font-face {
		font-family:'Gotham-Light';
		src:url('fonts/Gotham-Light.eot');
		src:local('☺'), url('fonts/Gotham-Light.woff') format('woff'), url('fonts/Gotham-Light.ttf') format('truetype'), url('fonts/Gotham-Light.svg') format('svg');
		font-weight:normal;
		font-style:normal;
	}
	@font-face {
		font-family:"Gill-sans-shadowed";
		 src:url('fonts/Gill-sans-shadowed.eot');
	}
	@font-face {
		font-family:"Gill-sans-shadowed";
		 src:url('fonts/Gill-sans-shadowed.ttf');
	}

	body ,html{ 
		margin-top:0;
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
		padding:0;
		width:100%;
		height:100%;
		color:black;
		font-family:Gotham-Medium;
		font-size:16px;
	}
	.banner {
		position:relative;
		width:100% ;
		height:10%;
		margin-left:0;
		padding:0;
		background-repeat:no-repeat;
		background-position:center top;
		background-image:url(../images/traiteur/bandeau_mylunch.png);
		background-size:100% 100% ;
		/*border:5px black solid;*/
		display:none;
	}

	.content {
		position:fixed;
		width:100% ;
		height:100%;
		border:0;
		margin:0;
		/*background-color:white;*/
		background-repeat:no-repeat;
		/*background-position:center top;*/
		background-image:url(../images/traiteur/img_acc_mobile.png);
		background-size:100% 100%;
		/*padding-top:20%;*/
		padding:0;
		
		}

	.content_identification{
		position:relative;
		margin-left:10%;
		margin-right:10%;
		width:80% ;
		height:60%;
		padding:0;
		text-align:center;
		/*border:0.5vw white solid;
		-moz-border-radius:20px 20px;
		-webkit-border-radius:20px 20px;
		border-radius:20px 20px;*/
		color:white;
	}


	.footer {
		position:relative;
		bottom:0px;
		width:100% ;
		height:58px;
		margin:auto;
		padding:0;
		background-repeat:no-repeat;
		background-position:center top;
		background-image:url(../images/traiteur/pdp.png);
		background-size:cover;
	}
	

	p{
		width:100%;
		font-size:24px;
		font-family:Gotham-Book;
	}
	.title{
		font-family:Gotham-Light;
		font-size:8vw;
	}
	   
	input[type="submit"] {
		color:white; 
		font-family:Gotham-Medium;
		font-size: 5vw;
		border:0;
		padding:1% 2% 1% 2%;
		cursor:pointer;
		-moz-border-radius:20px;
		border-radius:20px;
		-khtml-border-radius:20px;
		-webkit-border-radius:20px;
	}
	input[type="text"]{
		width:80%;
		font-size: 5vw;
	}
	input[type="password"]{
		width:80%;
		font-size: 5vw;
		
	}

	label.fixed {display:inline-block;width:80%text-align:left;font-family:Gotham-Book;font-size:20px;font-size: 5vw;} 
	label.forgot {display:none;} 
}


