body {
   width: 100%;
   margin: auto;
   margin-top: 1em;
   margin-bottom: 1em;
background: black;
font-family: "Comic Sans MS", arial, sans-serif;
background-attachment: fixed;
}

strong {
color: red;
}

img {
border: 0;
}

.info {
color: white;
font-size: 1.1em;
font-weight: bold;
}

#menu_vertical {

position: fixed;

top: 12em;

left: 3em;

width: 18em;
color: white;

font-size: 1.1em;
}


#menu_vertical dt {
height: 25px;
}


#menu_vertical dt a{

cursor: pointer;

margin: 2px 0;

text-align: left;

font-weight: bold;
color: white;
text-decoration: none;
overflow: hidden;
}


#menu_vertical dt a:hover{
font-size: 1.15em;
color: red;
overflow: hidden;
}

#corps {
position:absolute;
top: 16em;
margin-left: 26em;
margin-right: 1em;
color: white;
}

#corps table {
border-collapse: collapse;
text-align: center;
}

.parents {
width: 17em;
height: 5em;
border: solid white 1px;
}

.sans_bordurered {
font-size: 1.1em;
font-weight: bold;
height: 2em;
width: 25em;
color: red;
}

.sans_bordure {
font-size: 1.1em;
font-weight: bold;
height: 2em;
width: 25em;
}

.sans_bordure a {
text-decoration: none;
color: red;
}

.sans_bordure a:hover {
font-style: italic;
color: red;
}

.localisation {
font-size: 1.1em;
font-weight: bold;
height: 2em;
width: 40em;
color: white;
}

.localisationred, a {
text-decoration: none;
color: red;
font-size: 1.1em;
font-weight: bold;
height: 2em;
width: 40em;
}

#index table {
position: absolute;
top: 16em;
left: 36em;
color: red;
text-decoration: none;
}

.index a{
text-decoration: none;
color: white; 
}

.index a:hover{
text-decoration: none;
color: red; 
}

.x {
width: 2em;
}

.recherche {
color: white;
}

#livreor {
margin-top: 30em;
margin-left: 26em;
color:white;
text-align: center;
}

#droite {

position: absolute;

top: 15em;

right: 2em;
color:white;

}