body {
padding: 0;
margin: 0;
}

blockquote {
font-style: italic;
text-align: center;
}


a {
text-decoration: underline;
color: #000000;
}

.haut {
background-color: #4a5f7a;
border-bottom: 4px solid #000000;
text-align: center;
padding: 0.5em;
font-size: 3em;
margin: 0;
}

.haut a {
text-decoration: none;
}

.bas {
margin: 0;
background-color: #9a673a;
font-size: 0.8em;
padding-top: 10px;
}

.bas blockquote {
font-size: 1.5em;
margin-top: 10px;
}

#titre_page {
text-align: center;
font-size: 1.2em;
text-decoration: underline;
}

ul {
margin-top: 15px;
margin-bottom: 15px;
padding-left: 15px;
margin-left: 15px;
}

li {
margin-top: 10px;
margin-bottom: 10px;
}

.headlist_title {
font-size: 2em;
margin: 25px 20px 3px 20px;
}

.headlist_title:hover {
font-style: italic;
/*font-weight: bolder;*/
}

.reflist_txt {
font-size: 1.3em;
padding-top: 10px;
padding-bottom: 10px;
}

.reflist_txt:hover {
font-style: italic;
/*font-weight: bolder;*/
font-size: 1.3em;
}

.categorie {
padding-top: 2em;
float: left;
width: 42%;
margin: 0 4%;
}

.spacer {
padding-top: 60%;
clear: both;
background-color: #9a673a;
font-size: 5em;
}

#dates {
margin-top: 0.5em;
font-size: 1.5em;
text-align: center;
font-family: Utopia, Helvetica, Courier, serif;
}

#quote {
margin-top: 2em;
font-size: 1.5em;
text-align: center;
font-style: italic;
font-family: Utopia, Helvetica, Courier, serif;
}