#portfolio {
width:500px;
margin-left:auto;
margin-right:auto;
}

#placeholder {
width:450px;
height:280px;
padding-top:20px;
margin-left:25px;
margin-right:25px;
}

#list{
width:450px;
height:85px;
margin-top:15px;
margin-left:25px;
margin-right:25px;
margin-bottom:15px;
}

#vignette {
width:450px;
list-style:none;
margin:0;
padding:0;
}

#vignette #firstli {
width:60px;
height:85px;
float:left;
margin-left:0px;
}

#vignette li{
width:60px;
height:85px;
float:left;
margin-left:13px;
}

#vignette .cadrerouge {
border:2px solid #990000;
}

#vignette .cadregris {
border:2px solid #999999;
}

#vignette li a{
text-decoration:none;
}

#title {
width:450px;
margin-left:25px;
margin-right:25px;
margin-bottom:15px;
color: #990000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight: bold;
text-align:center;
}

#playlist{
width:450px;
height:260px;
margin-left:25px;
margin-right:25px;
}

#playlistpub {
width:450px;
height:390px;
margin-left:25px;
margin-right:25px;
}

#extrait{
width:450px;
list-style:none;
margin:0;
padding:0;
}

#extrait li{
width:145px;
height:130px;
float:left;
color:#990000;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

#extrait img {
border:1px solid #999999;
}

#extrait li a{
text-decoration:none;
}

#extrait .espace {
padding-left:7px;
padding-right:8px;
}