.bio {
display : inline-block;
width : 45%;
background : white;
padding : 10px;
float : left;
height : 200px;
margin-left : 5px;
border : 1px solid silver;
}
.nom {
font-variant : small-caps;
font-size : large;
color : #800;
padding : 10px;
}
.descr {
color : black;
font-variant : normal;
font-size : small;
padding : 10px;
width : 65%;
display : inline-block;
}
.thanks {
width : 66%;
background : url('../images/woodtexture.jpg');
font-size : 14px;
line-height : 14px;
padding : 10px;
border : 1px solid silver;
}
#thanks a {
color : #800;
}
#thanks a:hover {
color : silver;
}
.billiet {
display : inline-block;
height : 120px;
width : 100px;
margin-left : 2px;
background : url('../images/fbilliet.jpg') no-repeat;
overflow : hidden;
margin-top : 2px;
vertical-align : top;
}
.billiet:hover {
background : url('../images/fbilliet.jpg') no-repeat -120px;
height : 120px;
width : 100px;
overflow : hidden;
}
.xavier {
display : inline-block;
height : 120px;
width : 100px;
margin-left : 2px;
background : url('../images/xavier.jpg') no-repeat;
overflow : hidden;
margin-top : 2px;
vertical-align : top;
}
.xavier:hover {
background : url('../images/xavier.jpg') no-repeat -120px;
height : 120px;
width : 100px;
overflow : hidden;
}
.thomas {
display : inline-block;
height : 120px;
width : 100px;
margin-left : 2px;
background : url('../images/thomas.jpg') no-repeat;
overflow : hidden;
margin-top : 2px;
vertical-align : top;
}
.thomas:hover {
background : url('../images/thomas.jpg') no-repeat -120px;
height : 120px;
width : 100px;
overflow : hidden;
}
.ben {
display : inline-block;
height : 120px;
width : 100px;
margin-left : 2px;
background : url('../images/ben.jpg') no-repeat;
overflow : hidden;
margin-top : 2px;
vertical-align : top;
}
.ben:hover {
background : url('../images/ben.jpg') no-repeat -120px;
height : 120px;
width : 100px;
overflow : hidden;
}
.welleda {
display : inline-block;
height : 120px;
width : 100px;
margin-left : 2px;
background : url('../images/welleda.jpg') no-repeat;
overflow : hidden;
margin-top : 2px;
vertical-align : top;
}
.welleda:hover {
background : url('../images/welleda.jpg') no-repeat -120px;
height : 120px;
width : 100px;
overflow : hidden;
}
.florence {
display : inline-block;
height : 120px;
width : 100px;
margin-left : 2px;
background : url('../images/florence.jpg') no-repeat;
overflow : hidden;
margin-top : 2px;
vertical-align : top;
}
.florence:hover {
background : url('../images/florence.jpg') no-repeat -120px;
height : 120px;
width : 100px;
overflow : hidden;
}