div.bioSommaire {
position: relative;
float: left;
width: 47%;
margin: 10px 0;
padding: 0 15px 0 0;
height: 170px;
display: block;
border-style: dotted;
border-color: #ddd;
border-width: 0px 0px 0px 1px;
background: #fafafb url(../img/bloc_bg.png) right bottom no-repeat;
}
div.bioSommaire h2 {
line-height: 1.2em;
font-size: 1.2em;
margin: 0;
padding: 0;
}
div.bioSommaire img {
float: left;
margin: 2px 7px;
padding: 5px;
background: #eee;
border: 1px solid #c1c0bc;
}
div.bioSommaire p {
line-height: 1em;
}
.lireBio {
position: absolute;
bottom: 20px;
right: 20px;
font: bolder 0.8em Arial;
border: 1px solid #aaa;
color: #fff;
background-color: #940000;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 5px;
padding: 2px 5px;
}
.lireBio:hover {
color: #fff;
background-color: #ff0077;
text-decoration: none;
}

#bioPhoto {
float: left;
margin: 0 20px 10px 0; 
padding: 5px;
border: 1px solid #aaa;
background: #eee;
text-align: center;
}
#bioPhoto p {
text-align: center;
text-transform: capitalize;
font-size: 0.8em;
overflow: hidden;
}

/*[IMG DANS LA BIO]*/
.bio_img_right, .bio_img_left {
width: 150px;
height: auto;
padding: 10px;
border: 1px solid #aaa;
}
.bio_img_right {
float: right;
margin: 5px 0 5px 20px;
}
.bio_img_left {
float: left;
margin: 5px 20px 5px 0;
}
/*[]*/
#bioTools {
margin-bottom: 10px;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
background: url(../img/gris_degrader.png) 0 0 repeat-x;
}

#bioTools div.social {
float: right;
width: 250px;
}
#bioTools span a {
font-weight: 700;
}

/*[]*/
#oeuvres {
width: auto;
height: auto;
margin: 20px 0 0;
padding: 0;
background: transparent;
}

#oeuvres h3 {
padding-left: 80px;
height: 50px;
line-height: 50px;
border-bottom: 1px dotted #ddd;
vertical-align: middle;
background: transparent url('../img/livre.jpg') left center no-repeat;
}

#oeuvres .img {
float: left;
margin: 1px;
padding: 2px;
border: 1px solid #aaa;
width: 130px;
height: 150px;
text-align: center;
background: #eee;
}
#oeuvres .img img {margin-top: 10px;}
#oeuvres p {
font-size: 0.7em;
text-align: center;
}

/*[AMAZON]*/
#amazon {
width: 100%;
height: 150px;
margin: 70px auto;
display: block;
background: transparent;
}
#amazon h2 {
font: bold 16px Arial, Helvetica, Sans-serif;
color: #777;
margin: 0;
padding-left: 135px;
height: 36px;
line-height: 30px;
vertical-align: middle;
background: transparent url('../img/amazon_logo.gif') 0 0 no-repeat;
}

#amazon .next {
float: left;
width: 30px;
height: 100px;
cursor: pointer;
background: url("../img/bt_next.png") left center no-repeat; 
}
#amazon .prec {
float: left;
width: 30px;
height: 100px;
cursor: pointer;
background: url("../img/bt_prec.png") left center no-repeat;
}

/*[carrousel]*/
#defile {
float: left;
position: relative; 
width: 85%;
height: 110px;
margin: 0 auto;
padding: 0;
border: 1px solid #ccc;
overflow: hidden; 
background-color: #eee;
}
#defile td {
vertical-align: top;
}
#defile a {
text-decoration: none;
color: #777;
}
#defile a:hover {color: #940000;}
#defile img {
max-width: 128px;
max-height: 96px;
cursor: pointer;
border: 0;
}
#defile .cadreImg {
margin: 3px 3px 0 3px;
float: left;
width: 100px;
height: 100px;
border: 1px solid #eee;
padding: 0;
text-align: center;
cursor: pointer;
background-color: #fff;
}

#defile .text {
width: 130px;
display: block;
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
text-align: center;
}