body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #333333;  
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}
#perso{
background-color:#F4F2F4; /* #bfd9ca; */
width: 1000px;
}
#conteneur {
text-align: center;
position: absolute;
background-color:#F4F2F4; /* #bfd9ca; */
}
#titre {
text-align: center;
height: 100px;
background-color: #F4F2F4; /* #bfd9ca; */
}
#intro {
text-align: justify;
height: 150px;
background-color: #F4F2F4; /* #bfd9ca; */
overflow: auto;
}
#centre {
text-align: center;
background-color:#F4F2F4; /* #bfd9ca; */
margin-left: 200px;
margin-right: 240px;
width: 440px;
}
#gauche {
width: 300px;
}
#droite {
width: 240px;
}
#pied {
background-color: #F4F2F4; /* #bfd9ca; */
}
#article {
text-align: justify;
background-color: #F4F2F4; /* #bfd9ca; */
width: 440px;
}
#reactions {
text-align: justify;
background-color: #F4F2F4; /* #bfd9ca; */
width: 440px;
}
#telecharger {
text-align: justify;
background-color: #F4F2F4; /* #bfd9ca; */
width: 440px;
}
#liens {
text-align: justify;
background-color: #F4F2F4; /* #bfd9ca; */
width: 440px;
}
#dons {
text-align: justify;
background-color: #F4F2F4; /* #bfd9ca; */
width: 440px;
}

#droite {
list-style-type: none;
margin: 0;
padding:0;
}
#droite a {
margin: 0 4px;
color: #000000;
text-decoration: underline;
}
#droite a:hover {
margin: 0 4px;
color: #000000;
text-decoration: underline;
}
#droite a:visited {
margin: 0 4px;
color: #000000;
text-decoration: underline;
}
#droite a:active {
margin: 0 4px;
color: #000000;
text-decoration: underline;
}
p {margin: 0 0 10px 0;}
a {
margin: 0 0px;
color: #000000;
text-decoration: underline;
}
a:hover {
margin: 0 0px;
color: #000000;
text-decoration: underline;
}
a:visited {
margin: 0 0px;
color: #000000;
text-decoration: underline;
}
a:active {
margin: 0 0px;
color: #000000;
text-decoration: underline;
}


.liste{
text-align: left;
font:normal 8px Verdana;
text-decoration: none;
}
.liste a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 4px;
}

.liste a:hover{ 
text-align: right;
background-color: #B4D0DC;
color: white;
text-decoration: none;
}

.liste a:visited { 
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
}
.liste a:active { 
text-align: right;
background-color: #B4D0DC;
color: #000000;
text-decoration: none;
}