* {
	font-family: 'IM Fell Great Primer', serif;
	font-size: 18px;
	line-height: 30px;
}

body {
	padding: 30px 10% 50px 10%;
	background-color: #d4cfcc;
}

sup { vertical-align: top; position: relative; top: -0.5em; }

p 
{
	margin: 20px 0;
}


a:link,
a:visited {
	color: #000;
}

h1, h2 
{
	font-family: 'IM Fell Great Primer', serif;
	font-weight: normal;
	text-align: left;
	clear:both;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 55px;
}

h2 {
	font-size: 32px;
	/* text-transform: uppercase; */
	padding: 30px 0 0 0;
	border-bottom: solid #ddd 1px;
}

h3 
{
	font-size: 18px;
}

#header
{
	height:280px;
	background-image:url('dev/img/TheGloriousTaleOfBayeux-texture.png');
	background-repeat: no-repeat;
	background-size: 100%;
	color:#500;
	padding:8;
	text-align:center;
	vertical-align:center;
}

#extension
{
	padding-top:40px;
	text-transform:uppercase;
	letter-spacing:8px;	
	font-size:18px;
	text-align:center;
}

#title
{
	margin-top:50px;
	font-size:80px;
	line-height:1.2;
}

#subtitle
{
	font-size:40px;
}

#subsubtitle
{
	font-size:20px;
	text-transform:uppercase;
	line-height:2;
	color:#F7ECD0;
	background-color:#500;
	display:inline-block;
	margin: 24px 0 0 0;
	padding: 0 20px;
}

#page {
	background-color: #fff;
}

#contenu
{
	padding: 0 15% 40px 15%;
}

#menu {
	display: block;
	height: 60px;
	text-align: center;
	margin: 0 0 0 0;
	padding:5px 0 0 0;
}

#menu li 
{
	display: inline;
	width:100px;
	padding:0;
	margin: 0 1px;
	text-transform: uppercase;

}

#menu a:link, #menu a:visited
{
	color:#000;
	text-decoration:none;
	font-size: 18px;
	padding: 5px 15px 4px 15px;	
	background-color: #eee;
}

#menu a:hover, #menu a:active
{
	color:#fff;
	background-color:#000;
}

.qa {
	margin: 15px 0;
	padding: 20px;
	background-color: #eee;
}

.q {
	font-weight: bold;
	margin: 0 0 8px 0;
}

/*
.q::first-letter 
{
  font-size:25px;
  padding-right:0.2em;
  float:left;
 }
 */
 
 .small, .small a
 {
	 font-size:12px;
 }

.install {
	background-color: #e8e8e8;
	text-align: center;
	padding: 15px 25px;
	height: 50px;
	width: 80%;
	font-weight:normal;
}

.install a
{
	font-weight:bold;
}

.clear{	clear:both;}

.screenshots a img 
{
	border: solid #ddd 5px;
	margin: 5px;
	width:200px;
}

.back
{
	display:block;
	float:right;
	padding: 0;
	text-decoration:none;
	font-size:12px;
}

a.back:link, a.back:visited
{
	background-color:#eee;
	padding: 4px 8px;
}

a.back:hover, a.back:active
{
	background-color:#000;
	color:#fff;
}

.quote
{
	font-style:italic;
}

p.quote
{
	border-left: solid #ddd 2px;
	padding-left: 20px;
}