body
{
width: 880px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}

#banniere
{
text-align: center;
width: 880px;
height: 150px;
background-image: url('annexes/JetSk8.jpg');
background-repeat: no-repeat; 
margin-bottom: 10px;
}

#gauche
{
float: left;
width: 120px;
}

#droite
{
float: right;
width: 120px;
}

#gauche ul
{
list-style-image: url("annexes/puce_roue.png");
}

#corps
{
width: 600px;
margin-left: 140px;
margin-right: 140px;
margin-bottom: 20px;
padding: 5px;
/*color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x; */
border: 2px solid black;
}

.avatar
{
float: right;
border: 1px solid white;
width: 200px;
height: 200px;
}

.info
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: left;
}

.hyper
{
color: #44bb44;
}

.aka
{
font-size: 30px;
color: #4444bb;
text-align: right;
}

.ID
{
font-size: 45px;
color: #bb4444;
text-align: right;
}

.perso 
{
color: #000000;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: justify;
}

.roller1
{
float: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
padding: 5px;
border: 2px solid #44bb44;
width: 160px;
height: 160px;
}

.roller2
{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
padding: 5px;
border: 2px solid #44bb44;
width: 160px;
height: 160px;
}

.roller3
{
float: right;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
padding: 5px;
border: 2px solid #44bb44;
width: 160px;
height: 160px;
}

.pair
{
text-align: right;
margin-left: 100px;
}

.impair
{
text-align: left;
margin-right: 100px;
}

hr
{
margin-bottom: 15px;
margin-top: 15px;
margin-right: 30px;
margin-left: 30px;
}

#pied
{
clear: both;
padding: 5px;
text-align: center;
border: 2px solid black;
}