@font-face {
    font-family: 'TheanoDidotRegular';
    font-weight: normal;
    font-style: normal;
}

body{
font-family: /*TheanoDidotRegular, Geneva, Arial, Helvetica, sans-serif*/Garamond;
font-size: 14pt;
margin: 0px;
}

h1 {
font-size: 200%;
padding-top: .5em;
padding-bottom: .5em;
background-color: #191970;
color: white;
margin-top: 0;
text-align: center;
}

h2 {
padding-top: .1em;
padding-bottom: .1em;
color: white;
margin-top: 0;
margin-bottom: 0;
text-align: center;
}

h3 {
padding-top: .05em;
padding-bottom: .05em;
color: white;
margin-top: 0;
margin-bottom: 0;
text-align: center;
}

h4 {
color: white;
margin-top: 0;
margin-bottom: 0;
text-align: center;
}

.menu{
width:19%;
float:left;
vertical-align: top;
background-color: #faf0e6;
}

a {
text-decoration: none;
color: #6495ed;
font-weight: bold;
}

ul{
margin-top: 0em;
padding-left: 1.5em;
padding-right: 1.5em;
list-style-type: none;
}

.sad{
color: #191970;
font-weight: bold;
}

.language {
text-align: center;
float:left;
vertical-align: top;
width:100%;
padding-top: 1em;
padding-bottom: 1em;
background-color: #faf0e6;
}

.toc {
text-align: center;
float:left;
vertical-align: top;
width:100%;
padding-top: 1em;
padding-bottom: 1em;
background-color: #faf0e6;
}

.corps {
width:79.5%;
float:right;
vertical-align: top;
background-color: #faf0e6;
}

.content{
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1.5em;
padding-right: 1.5em;
}

.picture{
margin-top: 1em;
vertical-align: top;
width:19%;
float:left;
padding-right: 0em;
}

.material{
font-weight: bold;
}

.menu h2 {	
background-color: #191970;
}

.corps h2 {	
background-color: #191970;
}

.corps h3 {	
background-color: #3e57aa;
}

.corps h4 {	
background-color: #6495ed;
}

.content ul{
padding-left: 0.5em;
}

.content ul ul{
padding-left: 1em;
}