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:480px;
	margin:0 auto;
}

header
{
	display:block;
	height:60px;
	background-color:rgba(255, 255, 255, .8);
	position:fixed;
	top:0;
	width:480px;
	-webkit-user-select:none;
	-o-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	z-index:10;
	background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, .7));
}

header #logoRestaurateurWrapper
{
	position:relative;
	width:50px;
	margin:0;
}

header #lienLogoRestaurateur
{
	position:absolute;
	display:block;
	top:10px;
	width:50px;
	height:50px;
	box-shadow:-2px 2px 10px rgba(136, 136, 136, .8);
	background-color:white;
	border:none;
	border-radius:3px;
}

header #lienLogoRestaurateur:hover
{
	box-shadow:-4px 4px 10px #888;
	margin:-1px 0 0 1px;
}

header #logoRestaurateur
{
	position:absolute;
	width:250px;
	display:block;
	bottom:0;
	left:0;
	right:0;
	border-radius:3px;
	-webkit-transform:scale(.2);
	-webkit-transform-origin:bottom left;
	-ms-transform:scale(.2);
	-ms-transform-origin:bottom left;
	-moz-transform:scale(.2);
	-moz-transform-origin:bottom left;
	transform:scale(.2);
	transform-origin:bottom left;
}

article
{
	display:block;
	position:relative;
	margin-top:80px;
	min-height:300px;
}

h1
{
	font-weight:500;
	font-size:3.2em;
	margin:10px 10px 0 60px;
	color:#ccc;
	float:right;
}

h2
{
	font-weight:500;
	font-size:1em;
	margin:.5em 0 0 0;
}

#main
{
	opacity:1;
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	-webkit-filter:blur(0px);
	filter:blur(0px);
	transition:filter .3s ease-out 0s, -webkit-filter .3s ease-out 0s;
}

#main.loading
{
	opacity:0;
	-moz-filter:blur(5px);
	-ms-filter:blur(5px);
	-webkit-filter:blur(5px);
	filter:blur(5px);
}

textarea
{
	resize:none;
	width:480px;
	border:1px dashed #aaa;
	border-radius:5px;
	min-height:7em;
	padding:.5em;
	box-sizing:border-box;
}

input
{
	width:480px;
	border:1px dashed #aaa;
	border-radius:5px;
	padding:.5em;
	box-sizing:border-box;
}

input[required]
{
	border:1px solid #888;
}

label
{
	display:block;
	margin-top:.3em;
}

.preview
{
	max-width:480px;
	max-height:110px;
	overflow:hidden;
	display:block;
}

.preview img
{
	max-width:480px;
}

a.lien
{
	color:#ccc;
}

footer
{
	display:block;
	position:absolute;
	color:black;
	font-size:13px;
	font-weight:300;
	left:0;
	padding:2px 10px;
	background-color:rgba(255, 255, 255, .8);
	-webkit-transform: rotate(-90deg) translateX(20px) translateY(20px);
	-webkit-transform-origin: 0% 100%;
	-moz-transform: rotate(-90deg) translateX(20px) translateY(20px);
	-moz-transform-origin: 0% 100%;
	-ms-transform: rotate(-90deg) translateX(20px) translateY(20px);
	-ms-transform-origin: 0% 100%;
	transform: rotate(-90deg) translateX(20px) translateY(20px);
	transform-origin: 0% 100%;
}

footer p
{
	margin:0;
}

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

a#title
{
	display:none;
}

a.hiddenLink
{
	text-decoration:none;
	color:black;
}

.clickToActions
{
	display:block;
	text-align:center;
	clear:both;
	height:80px;
}

form.sending .clickToActions
{
	display:none;
}

.clickToAction
{
	color:white;
	padding:10px;
	border-radius:5px;
	display:inline-block;
	box-shadow:0 2px 8px #888;
	background-color:#555;
	font-weight:700;
	font-size:1em;
	width:145px;
	text-align:center;
	cursor:pointer;
	border:none;
}

.cancel
{
	padding:10px;
	display:inline-block;
	font-weight:500;
	font-size:1em;
	width:100px;
	text-align:center;
	cursor:pointer;
	border:none;
	background:none;
	text-decoration:underline;
}

a.clickToAction
{
	color:white;
	text-decoration:none;
}

.clickToAction:hover
{
	box-shadow:0 4px 10px #888;
	margin:-1px 0 0 0;
	background-color:#333;
	-webkit-animation:none;
	animation:none;
}

.clickToAction:active
{
	background-color:#000;
}

.clickToActions .clickToAction, .clickToActions .cancel
{
	margin:1em;
	float:right;
}

.clickToActions .clickToAction:first-child
{
	margin-right:0;
}

#voile
{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0, 0, 0, .6);
	z-index:10;
}

.langues a
{
  margin:.2em 0 0 0;
  display:inline-block;
	padding:5px 5px 15px 5px;
}

.langues a.selected
{
	border-radius:5px;
	background-color:#ccc;
}

.langues .tooltip
{
	position:absolute;
	margin:46px 0 0 -70px;
	color:black;
	width:70px;
	text-align:center;
	font-size:12px;
}

@media (min-height:899px)
{
	.preview
	{
		max-width:480px;
		max-height:300px;
	}
}

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