body {
background-color: #696969;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #003399;
font-size: 0.9em;
margin: 2em 1%;
padding: 0;
}
.titre {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 758px;
height: 97px;
background: url(logohisto.jpg) no-repeat top left;
}
.titre span {
display:none;
}
.page {
margin-left: auto;
margin-right: auto;
width: 758px; 
background-color: #d3d3d3;
border: 1px solid #ffffff;
}
.pied {
padding: 1em;
font-size: 6pt;
color: #cccccc;
font-family: verdana;
text-align: center;
margin-top: 1em;
}

.pied a:link{font-size: 6pt;text-decoration:none;text-transform:none;color:#cccccc}
.pied a:visited{font-size: 6pt;text-decoration:none;text-transform:none;color:#cccccc}
.pied a:active{font-size: 6pt;text-decoration:none;text-transform:none;color:#cccccc}
.pied a:hover{font-size: 6pt;text-decoration:underline;text-transform:none;color:#cccccc}

.spacer {
clear: both;
}
h1,h3 {
font-family: verdana;
}
h2 {
background-color: #336699;
color: #ffffff;
font-size: 10pt;
font-weight: bold;
border: 1px solid #ffffff;
font-family: verdana;
padding: 0.5em;
}
h3 {
background-color: transparent;
color: #6699cc;
font-size: small;
text-align: center;
}
.menu {
float: left;
width: 130px;
margin: 5px;
text-align: center;
}
.sousmenu {
top: 1em;
background-color: #ffffff;
color: #003399;
font-size: 9pt;
font-family: courier;
border: 1px outset #999999;
}
a:link{font-size: 10pt;text-decoration:none;text-transform:none;color:#336699}
a:visited{font-size: 10pt;text-decoration:none;text-transform:none;color:#336699}
a:active{font-size: 10pt;text-decoration:none;text-transform:none;color:#336699}
a:hover{font-size: 10pt;text-decoration:underline;text-transform:none;color:#666666}

.centre {
float: left;
width: 468px;
text-align: center;
margin: 1em 0;
color: #003399;
font-size: 10pt;
font-family: verdana;
}
p,h1,h2 {
margin: 2px;
}

p{
color: #003399;
font-size: 10pt;
font-family: verdana;
}