body
{
	font-family:DINNextLTPro;
	font-weight:500;
	margin:0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	top:0 !important;
}

img
{
	border-width:0;
}

#wrapper
{
	position:relative;
	width:1024px;
	margin:0 auto;
}

header
{
	display:block;
	height:220px;
	box-shadow:0 2px 5px #888;
	background-color:white;
	background-image: url('/images/bandeau2.png');
	background-size:759px 356px;
	background-position:right 10px;
	background-repeat:no-repeat;
	position:fixed;
	width:1024px;
	-webkit-user-select:none;
	-o-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

#menuonline
{
	position:absolute;
	top:0;
	left:0px;
	height:37px;
	width:1024px;
	border-bottom-right-radius:5px;
	background-color:#dadadc;
	background:linear-gradient(to top, #bcbdbf 0%, #c5c6c7 50%, #d2d2d4 51%, #dadadc 100%);
	box-shadow:0 2px 10px rgba(0, 0, 0, .7);
	text-align:right;
}

header #logo
{
	height:27px;
	display:block;
	margin:5px 15px;
	float:right;
	cursor:pointer;
}

header #lienLogoRestaurateur
{
	position:absolute;
	width:250px;
	display:block;
	bottom:-67px;
	left:15px;
	height:250px;
	box-shadow:-2px 2px 10px #888;
	background-color:white;
	border:none;
}

header #logoRestaurateur
{
	position:absolute;
	width:250px;
	display:block;
	bottom:0;
	left:0;
	right:0;
}

header #mainmenu
{
	position:absolute;
	top:0;
	left:0;
	height:37px;
}

header #mainmenu a, #menuonline a, #menuonline .menu
{
	color:black;
	min-width:100px;
	text-align:center;
	font-size:18px;
	line-height:27px;
	padding:5px;
	font-weight:500;
	text-decoration:none;
	border-color:#9a9f9b;
	border-width:0;
	border-style:solid;
	cursor:pointer;
}

header #mainmenu a
{
	display:block;
	float:left;
	border-right-width:1px;
}

#menuonline a, #menuonline .menu
{
	display:inline-block;
	position:relative;
}

#menuonline .menu .sousmenu
{
	display:none;
	list-style-type:none;
	position:absolute;
	background-color:rgba(255, 255, 255, .95);
	text-align:left;
	color:black;
	font-weight:300;
	margin:0;
	padding:0;
	top:37px;
	white-space:nowrap;
}

#menuonline .menu:first-of-type .sousmenu
{
	right:0;
}

#menuonline .menu .sousmenu li
{
	display:block;
	margin:0;
	padding:2px;
	min-width:80px;
	border-bottom:1px solid #888;
}

#menuonline .menu .sousmenu li a
{
	text-align:left;
	padding:15px 10px;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

header #mainmenu a:hover, #menuonline a:hover, #menuonline .menu:hover
{
	color:white;
	background-color:#7e837f;
	background:linear-gradient(to top, #595f5a 0%, #5f6763 50%, #767a77 51%, #7e837f 100%);
}

#menuonline .menu:hover .sousmenu
{
	display:block;
}

#menuonline .menu.selected .sousmenu
{
	display:block;
}

header #mainmenu a.selected, header #mainmenu a:active, #menuonline a:active, #menuonline .menu.selected, #menuonline #traductions.menu .sousmenu a.selected
{
	color:white;
	background-color:#4e544f;
	background:linear-gradient(to top, #282d29 0%, #3a362f 50%, #464c47 51%, #4e544f 100%);
	box-shadow:inset 3px 3px 10px black, inset -3px -3px 10px rgba(200, 200, 200, .5);
}

#menuonline #traductions
{
	min-width:160px;
	padding:5px 10px;
}

#menuonline #traductions img
{
	vertical-align:top;
}

#menuonline #traductions.menu .sousmenu
{
	margin-left:-10px;
}

#menuonline #traductions.menu .sousmenu li
{
	min-width:140px;
}

a#backHome
{
	display:inline;
}

a#backHome img
{
	vertical-align:middle;
}


article
{
	display:block;
	position:fixed;
	top:220px;
	width:1024px;
	bottom:0;
	box-shadow:0 2px 5px #888;
	overflow-y:auto;
}

#main
{
	background-image: url('/images/bandeau2.png');
	background-size:759px 356px;
	background-repeat:no-repeat;
	background-position:right -212px;
	opacity:1;
	background-color:white;
}

#main.loading
{
	opacity:.5;
}

footer
{
	display:block;
	position:fixed;
	color:black;
	font-size:13px;
	font-weight:300;
	bottom:0;
	-webkit-transform: rotate(-90deg) translateX(10px) translateY(-10px);
	-webkit-transform-origin: 0% 100%;
	-moz-transform: rotate(-90deg) translateX(10px) translateY(-10px);
	-moz-transform-origin: 0% 100%;
	-ms-transform: rotate(-90deg) translateX(10px) translateY(-10px);
	-ms-transform-origin: 0% 100%;
	-o-transform: rotate(-90deg) translateX(10px) translateY(-10px);
	-o-transform-origin: 0% 100%;
	transform: rotate(-90deg) translateX(10px) translateY(-10px);
	transform-origin: 0% 100%;
}

footer p
{
	margin:0px;
}

footer a
{
	color:black;
	text-decoration:none;
}

.container
{
	display:table;
}

.row
{
	display:table-row;
}

.cell
{
	display:table-cell;
}

@font-face
{
	font-family:'DINNextLTPro';
	font-display:swap;
	src:url('/fonts/DINNextLTPro-Bold.woff2') format('woff2'), url('/fonts/DINNextLTPro-Bold.woff') format('woff'), url('/fonts/DINNextLTPro-Bold.ttf') format('truetype'), url('/fonts/DINNextLTPro-Bold.svg#DinNextLTProBold') format('svg');
	font-weight:700;
}

@font-face
{
	font-family:'DINNextLTPro';
	font-display:swap;
	src:url('/fonts/DINNextLTPro-Medium.woff2') format('woff2'), url('/fonts/DINNextLTPro-Medium.woff') format('woff'), url('/fonts/DINNextLTPro-Medium.ttf') format('truetype'), url('/fonts/DINNextLTPro-Medium.svg#DinNextLTProMedium') format('svg');
	font-weight:500;
}

@font-face
{
	font-family:'DINNextLTPro';
	font-display:swap;
	src:url('/fonts/DINNextLTPro-Light.woff2') format('woff2'), url('/fonts/DINNextLTPro-Light.woff') format('woff'), url('/fonts/DINNextLTPro-Light.ttf') format('truetype'), url('/fonts/DINNextLTPro-Light.svg#DinNextLTProLight') format('svg');
	font-weight:300;
}

@font-face
{
	font-family:'DINNextLTPro';
	font-display:swap;
	src:url('/fonts/DINNextLTPro-LightItalic.woff2') format('woff2'), url('/fonts/DINNextLTPro-LightItalic.woff') format('woff'), url('/fonts/DINNextLTPro-LightItalic.ttf') format('truetype'), url('/fonts/DINNextLTPro-LightItalic.svg#DinNextLTProLight') format('svg');
	font-weight:300;
	font-style:italic;
}