@font-face
{
	font-family: 'Amble';
	src: url('Amble-Bold.ttf') format('truetype'),
		 url('Amble-Bold.eot') format('eot'),
		 url('Amble-Bold.otf') format('opentype'),
		 url('Amble-Bold.svg') format('svg'),
		 url('Amble-Bold.woff') format('woff');
}

html {height: 100%;}

body
{
	height: 100%;
	margin: 0;
	padding: 0;
}

table
{
	height: 100%;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

td
{
	height: 100%;
	padding: 0;
	vertical-align: middle;
}

section
{
	margin: auto auto;
	text-align: center;
}

h1
{
	font-family: 'Amble';
	margin-top: 25px;
	font-size: 20px;
	font-weight: normal;
}

#catalogue
{
	font-size: 16px;
	font-weight: bold;
	color: #686252;
}

#catalogue em
{
	font-style: italic;
	font-weight: normal;
}

#lang
{
	margin-top: 50px;
	font-size: 24px;
}

aside
{
	margin-top: 50px;
	font-size: 14px;
}

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

a:hover, a:active {text-decoration: underline;}
a :visited {color: black;}

.nowrap {white-space: nowrap;}

@media all and (min-width: 675px)
{
	h1 {font-size: 40px;}
	#catalogue {font-size: 25px;}
	#lang {font-size: 30px;}
	aside {font-size: 20px;}
}

@media all and (min-width: 1000px)
{
	h1 {font-size: 70px;}
	#catalogue {font-size: 45px;}
	#lang {font-size: 35px;}
	aside {font-size: 25px;}
}