body
{
    background-image: url("https://www.walkstories.com/background.jpg");
	background-attachment: fixed;
	background-color: #DFE0EA;
    color: #3A140B;
}

a
{
   text-decoration: none;
   color: #103963;
}

a:hover
{
   text-decoration: none;
   color: #719000;
}

#jump1
{
	clear: both;
}

#jump2
{
	clear: both;
}

#jump3
{
	clear: both;
}

#jump4
{
	clear: both;
}

#jump5
{
	clear: both;
}

#jump6
{
	clear: both;
}

#jump7
{
	clear: both;
}

#jump8
{
	clear: both;
}

p {
  margin: 10px 0;
  padding: 5px;
  border: 0px solid #999;
}

#leftpagecitation
{
	float: left;
	width: 28%;
	font-family: IND;
	font-size: 1.1em;
	text-align: left;
	padding: 0.5%;
}

#middlepagecitation
{
	float: left;
	width: 29%;
	font-family: IND;
	font-size: 1.1em;
	text-align: left;
	padding: 0.5%;
}

#rightpagecitation
{
	float: left;
	width: 28%;
	font-family: IND;
	font-size: 1.1em;
	text-align: left;
	padding: 0.5%;
}

.flag1
{
    float: none;
}

.flag2
{
    float: none;
}

#header
{
	float: none;
	width: 98%;
	font-family: FA;
	font-size: 3em;
	text-align: center;
	background-color: rgba(255,253,251,0.97);
	color: #A87F08;
	border-radius: 0px;
	padding: 1%;
}

#navigation
{
	float: none;
	width: 99%;
	font-family: FA;
	font-size: 1.7em;
	text-align: center;
	background-color: rgba(255,253,251,0.97);
	color: #A87F08;
	border-radius: 0px;
	padding: 0.5%;
}

#footerleft
{
	float: left;
	width: 46%;
	font-family: FR;
	font-size: 1em;
	text-align: center;
	background-color: rgba(255,253,251,0.97);
	color: #A87F08;
	border-radius: 0px;
	padding: 0.5%;
}

#footerright
{
	float: left;
	width: 46%;
	font-family: FR;
	font-size: 1em;
	text-align: center;
	background-color: rgba(255,253,251,0.97);
	color: #A87F08;
	border-radius: 0px;
	padding: 0.5%;
}

#area
{
	float: left;
	width: 99%;
	background-color: rgba(255,253,251,0.97);
	border-radius: 0px;
	padding: 0.5%;
	opacity: 2;
}

#imgsrc
{
	float: left;
	width: 99%;
	font-family: FR;
	font-size: 1em;
	text-align: center;
	background-color: rgba(255,253,251,0.97);
	border-radius: 0px;
	padding: 0.5%;
	opacity: 2;
}

#leftpageleft
{
	float: left;
	width: 3.5%;
}

#rightpageright
{
	float: left;
	width: 3.5%;
}

#central
{
	float: left;
	width: 94%;
	font-family: FAi;
	font-size: 1.4em;
	color: #5B332B;
	text-align: left;
	padding: 3%;
}

#centralgallery
{
	float: left;
	width: 94%;
	font-family: FAi;
	font-size: 1.4em;
	color: #5B332B;
	text-align: center;
	padding: 3%;
}

#lexique
{
	float: left;
	width: 94%;
	font-family: AN;
	font-size: 1em;
	color: #5B332B;
	text-align: center;
	padding: 3%;
}

#middle
{
	float: left;
	width: 6%;
	font-family: AN;
	font-size: 1em;
	text-align: center;
}

#middle1
{
	float: left;
	width: 6%;
	font-family: AN;
	font-size: 1em;
	text-align: center;
}

#middle2
{
	float: left;
	width: 6%;
	font-family: AN;
	font-size: 1em;
	text-align: center;
}

#tree
{
	float: none;
	width: 99%;
	font-family: FA;
	font-size: 1.5em;
	text-align: center;
	color: #A87F08;
	padding: 0.5%;
}

#inside
{
	float: left;
	width: 99%;
	font-family: AN;
	font-size: 0.8em;
	text-align: center;
	padding: 0.5%;
}

@font-face {
    font-family: 'FA';
    src: url('FA.otf');
}

@font-face {
    font-family: 'FR';
    src: url('FR.otf');
}

@font-face {
    font-family: 'AN';
    src: url('AN.otf');
}

@font-face {
    font-family: 'FAi';
    src: url('FAi.ttf');
}

@font-face {
    font-family: 'IND';
    src: url('IND.otf');
}

h1
{
	font-family: FR;
	color: #5B332B;
    font-size: 1em;
}

h2
{
	font-family: FR;
    font-size: 1em;
}