/** 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');
}


html,body { 
	
	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:120px;
	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;	
}
.logo_left {
	position:fixed;
	width:300px;
	height:250px;
	border:0;
	margin:0;
	margin-left:5%;
	margin-top:10%;
	/*background-color:white;*/
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../images/traiteur/logo_left.png);
	background-size:cover;
	/*padding-top:20%;*/
	color:white;
}
.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.png);
	background-size:cover;
	/*padding-top:20%;*/
	color:white;
}
/* .content_left{
	position:relative;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../images/traiteur/logo_left.png);
	background-size:cover;
} */
.content_identification{
	position:relative;
	margin-left:40%;
	margin-top:10%;
	width:40% ;
	height:260px;
	padding:0;
	border:2px black solid;
	text-align:center;
	/*arrondir les coins */
	-moz-border-radius:20px 20px;
	-webkit-border-radius:20px 20px;
	border-radius:20px 20px;
	border-color:#A7A9AC;
}
.content_identification a{ 
	color:white;
}

p{
	width:100%;
	font-size:24px;
	font-family:Gotham-Book;
}
.title{
	font-family:Gotham-Light;
	font-size:32px;
}
   
input[type="submit"] {
	color:white; 
	font-family:Gotham-Medium;
	background-color:grey;
	font-size:16px;
	/*border:1px solid white;*/
	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="submit"]:hover{
	color:Black;
	background-color:white; 
}
input[type="text"]{
	width:200px;
}
input[type="password"]{
	width:200px;
}

label.fixed {display:inline-block;width:200px;text-align:left;font-family:Gotham-Book;}