BODY {
font-family: verdana, arial, sans-serif;
font-size: 10pt;
color: #336699;
background-color: #f0f8ff;
}

hr {
width: 90%;
}

a:link {
text-decoration:none;
text-transform:none;
font-style: normal;
color:#3399FF;
background-color: #f0f8ff;
}

a:visited {
text-decoration:none;
text-transform:none;
font-style: normal;
color: #3399FF;
background-color: #f0f8ff;
}

a:active {
text-decoration:none;
text-transform:none;
color:#3399FF;
background-color: #f0f8ff;
}

a:hover {
text-decoration:underline;
text-transform:none;
color: #336699;
background-color: #f0f8ff;
}

.titre {
margin-left: auto;
margin-right: auto;
width: 610px;
height: 100px;
text-align: center;
color:#000000;
background: url(images/titre.gif) no-repeat top center;

}

.titre h1 {
display:none;
}

.menu {
margin-left: auto;
margin-right: auto;
width: 610px;
text-align: center;
background-color: #f0f8ff;
font-size: 10pt;
color: #336699;
font-family: arial, sans-serif;
padding-top: 0.3em;
list-style-type: none;
}

.menu li {
display: inline;
float: left;
}

.menu a {
margin: 0 2px;
width: 100px;
height: 18px;
display: block;
border: 1px #336699 solid;
}

.menu a:link {
text-decoration:none;
text-transform:none;
font-style: normal;
color:#336699;
background-color: #ffffff;
}

.menu a:visited {
text-decoration:none;
text-transform:none;
color: #336699;
font-style: normal;
background-color: #ffffff;
}

.menu a:active {
text-decoration:none;
text-transform:none;
color:#336699;
font-style: normal;
background-color: #ffffff;
}

.menu a:hover {
text-decoration:none;
text-transform:none;
color: #f0f8ff;
font-style: normal;
background-color: #336699;
}

.content {
margin-left: auto;
margin-right: auto;
width: 750px;
z-index: 2;
text-align: justify;
background-color: #f0f8ff;
font-size: 10pt;
color: #336699;
font-family: verdana, arial, sans-serif;
padding-top: 1em;
padding-bottom: 0em;
}

.content p {
padding-top: 0em;
padding-bottom: 0em;
padding-left: 5em;
padding-right: 5em;
}

.content h2 {
text-align: center;
font-size: 12pt;
font-weight: bold;
color: #336699;
background-color: #f0f8ff;
font-family: verdana, arial, sans-serif;
padding-top: 0.1em;
padding-bottom: 0.1em;
}

.content ul {
text-align: left;
list-style-type: circle;
padding-top: 0em;
padding-bottom: 0em;
padding-left: 7em;
padding-right: 5em;
}

.centre {
text-align: center;
}

.pied {
margin-left: auto;
margin-right: auto;
width: 610px;
text-align: center;
background-color: #f0f8ff;
line-height: 1.4em;
font-size: 8pt;
color: #336699;
font-family: verdana, arial, sans-serif;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

.pied a:link {
text-decoration:none;
text-transform:none;
color:#336699;
font-style: normal;
background-color: #f0f8ff;
}

.pied a:visited {
text-decoration:none;
text-transform:none;
color: #336699;
font-style: normal;
background-color: #f0f8ff;
}

.pied a:active {
text-decoration:none;
text-transform:none;
color:#336699;
font-style: normal;
background-color: #f0f8ff;
}

.pied a:hover {
text-decoration:underline;
text-transform:none;
color: #3399FF;
background-color: #f0f8ff;
}