html, body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 11pt;
}

body {
	background: #efbf7d;
	color: #310300;
}

a {
	text-decoration: none;
	color: inherit;
}
a[href]:hover {
	text-decoration: underline;
}

h1 { font-family: serif; font-size: 16pt; line-height: 24pt; text-align: center;}
h2 { font-family: serif; font-size: 16pt; line-height: 24pt;}
h3 { font-family: serif; font-size: 12pt; line-height: 18pt;}
h1.logo {
	margin: 24pt 0 24pt 48pt;
	padding: 0 0 0 32pt;
	font-family: serif;
	font-size: 24pt;
	line-height: 24pt;
	background: url( 'favicon.png') 0pt 0pt / 24pt 24pt no-repeat ;
	float: left;
}

div.search {
	margin: 24pt 48pt 24pt 0;
	float: right;
}
div.search input {
	line-height: 24pt;
	width: 160pt;
	height: 24pt;
	border-radius: 12pt;
	border: none;
	outline: none;
	background: #f1d7b1 url( 'icons8-search-30.png') 8pt 5pt / 16pt 16pt no-repeat;
	padding: 0 12pt 0 28pt;
}
div.search input:focus {
	background-color: #e9ddcc;
}
div.search ul {
	position: absolute;
	margin: 0 12pt 0 16pt;
	padding: 0;
	width: 172pt;
	background: #e9ddcc;
	border-bottom-left-radius: 6pt;
	border-bottom-right-radius: 6pt;
	list-style: none;
}
div.search li.highlighted {
	background: #f5a937;
}
div.search a {
	padding: 0 32pt 0 12pt;
	display: block;
	line-height: 28pt;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.search a.l-fr {
	background: url( 'icons8-france-48.png') right 12pt center / 16pt 16pt no-repeat;
}
div.search span.c {
	font-style: italic;
	color: rgb(141, 132, 121);
	margin-left: 12pt;
}

p.word {
	margin: 0;
	padding: 64pt 24pt;
	font-family: serif;
	font-size: 96pt;
	text-align: center;
}
p.word span.sub {
	font-size: 18pt;
	line-height: 18pt;
	margin-left: 16pt;
}
p.word span.word-clas {
	font-family: sans-serif;
	font-style: italic;
	font-size: 12pt;
	line-height: 12pt;
	color: rgb(141, 132, 121);
	margin-left: 16pt;
}
p.word span.word-lang-fr {
	padding-right: 20pt;
	background: url( 'icons8-france-48.png') right center / 16pt 16pt no-repeat;
}

a.word sub {
	font-size: 9pt;
	margin-left: 2pt;
}
a.word span.word-clas {
	font-family: sans-serif;
	font-style: italic;
	font-size: 12pt;
	line-height: 12pt;
	color: rgb(141, 132, 121);
	margin-left: 8pt;
}
a.word span.word-lang-fr {
	padding-right: 20pt;
	background: url( 'icons8-france-48.png') right center / 16pt 16pt no-repeat;
}

a.prev, a.next {
	font-family: serif;
	font-size: 18pt;
	line-height: 18pt;
	cursor: pointer;
}
a.prev {
	float: left;
}
a.next {
	float: right;
}

div.page {
	clear: left;
	min-height: 120pt;
	margin: 24pt 48pt;
	padding: 24pt;
	border-radius: 12pt;
	background: #f1d7b1;
}

div.footer {
	text-align: center;
}
div.footer p {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	color: #6b4946;
}

div.conjugation {
	display: inline-block;
	font-size: 11pt;
	line-height: 14pt;
	margin-right: 12pt;
}
div.conjugation h5 {
	margin: 6pt 0;
	color: #a28660;
	font-size: 11pt;
	font-variant: small-caps;
	font-weight: normal;
	text-transform: lowercase;
}
div.conjugation table {
	border-collapse: collapse;
}
div.conjugation td {
	padding: 0;
	white-space-collapse: preserve;
}
div.conjugation td.head {
	text-align: right;
	color: #a28660;
}
div.conjugation td.aux {
	color: #44341e;
}
div.conjugation td.conjugated {
	color: #44341e;
}
div.conjugation span.morph {
	color: #d5299c;
}
div.conjugation span.suffix {
	color: #d55929;
	font-weight: bold;
}