input {
font-family : Arial, Helvetica, sans-serif;
font-size : small;
color : #000099;
}
body {
background-color : #FFFFCC; 
color : #000099;
font-family : Arial, Helvetica, sans-serif;
text-align : justify;
}
td {
vertical-align : middle;
}
h1 {
font-family : comic Sans MS;
font-size : x-large;
text-align : center;
}
h2 {
font-size : large;
text-align : left;
}
h3 {
font-size : medium;
text-align : left;
}
select {
font-family : Arial, Helvetica, sans-serif; 
font-size : x-small;
color : #000099;
}
#JFH {
font-size : x-small;
font-weight : bold;
text-align : center;
}
#DM {
color : #000099;
font-family : Arial, Helvetica, sans-serif;
font-size : x-small;
font-weight : bold;
text-align : center;
}
ul {
font-family : Arial, Helvetica, sans-serif;
list-style-type : square;
list-style-position : outside;
}
a:link {
font-weight : bold;
color : #006600;
text-decoration : none;
}
a:visited {
font-weight : normal;
color : #996600;
text-decoration : none;
}
a:hover {
color : #ff0000;
font-weight : bold;
text-decoration : none;
}
p {
text-align : justify;
}
li {
text-align : justify;
}
.BasFeuilleStandard {
width : 100%;
}
.JFH {
width : 23%;
text-align : center;
vertical-align : middle;
font-size : x-small;
font-weight : bold;
}
.DM {
font-size : x-small;
font-weight : bold;
width : 23%;
text-align : center;
vertical-align : middle;
}
.FlecheHor {
text-align : center;
vertical-align : middle;
width : 10%;
}

.Chapitre {
width : 20%;
text-align : center;
vertical-align : middle;
font-weight : bold;
}
.Page {
width : 60%;
text-align : center;
vertical-align : middle;
font-weight : bold;
}
.Ask {
width : 10%;
text-align : center;
vertical-align : middle;
}
.TitreChapitre {
width : 20%;
text-align : center;
vertical-align : middle;
font-weight : bold;
}
.Titre {
width : 60%;
text-align : center;
vertical-align : middle;
font-weight : bold;
font-family : "Comic Sans MS";
font-size : x-large;
}
.HautFeuilleStandard {
width : 100%;
}
.Localisation
{
width : 70%;
}
.Fleches
{
width : 15%;
vertical-align : middle;
}