/**********************
Boutons play/pause
***********************/
table.list td {
padding: 4px 6px;
}

td.listen {
width: 30px;
}

td.listen a.button {
margin: 0;
padding: 0;
display: block;
border: 0 none;
background: url(../images/bt_play_pause.gif) 0 0 no-repeat transparent;
width: 30px;
height: 15px;
text-indent: -999px;
overflow: hidden;
}

td.listen a.paused {
margin: 0;
padding: 0;
display: block;
border: 0 none;
background: url(../images/bt_play_pause.gif) 0 -25px no-repeat transparent;
width: 30px;
height: 15px;
text-indent: -999px;
overflow: hidden;
}





/**********************
Genres
***********************/

.genres ul li {
border-bottom: 1px solid #ededed;
margin: 0;
padding: 1px 0;
background: none transparent;
}

.genres ul li a {
display: block;
margin: 0;
padding: 5px 0 3px 28px;
background: url(/images/bullet_genres.gif) 8px -16px no-repeat transparent;
text-decoration: none;
font: normal 14px/16px helvetica, arial, sans-serif;
}

.genres ul li a:hover {
background: url(/images/bullet_genres.gif) 8px -16px no-repeat #ededed;
}

.genres ul li.active a {
color: #fff;
background: url(/images/bullet_genres.gif) 8px -50px no-repeat #c80f01;
}


/**********************
Pagination
***********************/

.pages {
margin: 0;
padding: 30px 0;
float: none;
border-bottom: 0 none;
text-align: center;
}

.pages a,
.pages span {
padding: 0;
margin: 0 5px;
border: 0 none;
background-color: transparent;
display: inline;
width: 15px;
float: none;
text-decoration: underline;
color: #555;
text-align: center;
font: normal 11px verdana, arial, helvetica, sans-serif;
text-decoration: none;
padding: 0 1px 1px;
}

.pages a.previous, .pages a.previous:hover {
margin: 0 8px 0 0;
border: 0 none;
color: #c80f01;
background: url(/images/pages/bt_previous.gif) left bottom no-repeat transparent;
text-decoration: none;
padding: 0 1px 1px 17px;
}

.pages a.next, .pages a.next:hover {
margin: 0 0 0 8px;
border: 0 none;
color: #c80f01;
background: url(/images/pages/bt_next.gif) right bottom no-repeat transparent;
text-decoration: none;
padding: 0 17px 1px 1px;
}

.pages a span {
border: 0 none;
padding: 0;
text-decoration: none;
}

.pages span {
background: none transparent;
color: #aaa;
}

.pages a:hover {
border: 1px solid #888;
background-color: #fff;
color: #333;
border: 0 none;
}

.pages .active {
display: inline;
background-color: #aaa;
background: #fff;
color: #555;
text-decoration: none;
border: 1px solid #c2c2c2;
padding: 4px 7px;
}


/* 
//////////////////////////////////////////////////////////////
User Message
////////////////////////////////////////////////////////////// 
*/

#user-message {
background-color: #ffff99;
border: 1px solid #ebeb8d;
color: #353500;
padding: 10px 10px 6px 10px;
margin-bottom: 1.455em;
}




/* 
//////////////////////////////////////////////////////////////
Colonnes
////////////////////////////////////////////////////////////// 
*/

.right { 
padding: 0px;
margin: 0px;
}

.left { 
float: left; 
padding-right: 20px;
margin: 0px;
}

/* 
//////////////////////////////////////////////////////////////
Visuel
////////////////////////////////////////////////////////////// 
*/

.visuel {
display: block;
margin-bottom: 13px;
}

.visuel img {
padding: 1px;
border: 1px solid #9e9e9e;
background: #fff;
width: 228px;
}



/* 
//////////////////////////////////////////////////////////////
Product basic
////////////////////////////////////////////////////////////// 
*/

h3 {
padding-top: 20px;
margin-bottom: 20px;
}

.main h2 { 
display: none;
}

.product_basic h2 {
font-size: 23px;
padding-top: 1px;
margin-bottom: 4px;
display: block;
}

.product_basic h3 {
text-transform: none;
font-weight: normal;
font-size: 12px;
padding-top: 0;
}

.product_basic h3 a {
color: #b00;
font-size: 14px;
}

.product_basic dl {
color: #222;
}

.product_basic dt {
padding-right: 0;
}

.product_basic dd a {
color: #222;
display: inline-block;
background: url(../images/px_555555.gif) 0 1.2em repeat-x transparent;
text-decoration: none;
}





/* 
//////////////////////////////////////////////////////////////
Product Sale Info
////////////////////////////////////////////////////////////// 
*/

.product_sale_info {
padding: 0 8px 16px;
}

.product_sale_info strong {
float: left;
margin-bottom: 16px;
font: normal 24px/24px helvetica, arial, sans-serif;
padding-top: 2px;
}

.product_sale_info strong span {
display: block;
font: normal 10px "lucida grande", helvetica, arial, sans-serif;
color: #222;
}

.product_sale_info dl {
width: 144px; /* 133px + bullet */
float: right;
color: #222;
}

.product_sale_info dt {
padding: 0 0 0 11px;
background: url(../images/bullet_01_000.gif) 0 center no-repeat transparent;
}

.product_sale_info a {
display: block;
clear: both;
float: left;
background: url(../images/bt_dl.gif) right center no-repeat transparent;
padding: 0 16px 0 0;
cursor: pointer;
border: 0 none;
text-decoration: none;
}

.product_sale_info a span {
background: url(../images/bt_dl.gif) left center no-repeat transparent;
padding: 0 3px 0 35px;
display: block;
color: #fff;
font-size: 14px;
font-family: helvetica, arial, verdana, sans-serif;
font-weight: normal;
line-height: 27px;
}




/* 
//////////////////////////////////////////////////////////////
Structures de modules
////////////////////////////////////////////////////////////// 
*/

.m36 {
clear: left;
border-top: 1px solid #e9e9e9;
margin-bottom: 16px;
padding-top: 15px;
}

.m36_1 {
float: left;
width: 216px;
padding: 0 8px 0;
margin-bottom: 16px;
}

.m36_2 {
padding: 0 8px 0 257px;
}

.first,
dl.m36 {
border: 0 none;
padding-top: 0;
}

.m36 p {
margin-bottom: 0;
padding: 0;
}

dl.m36 dt {
font-weight: bold;
float: left;
width: 216px;
}

dl.m36 dd {
padding: 0 0 7px 257px;
border-bottom: 1px solid #e9e9e9;
margin-bottom: 8px;
}

.m36 .last {
border: 0 none;
padding-bottom: 0;
}

/* 
//////////////////////////////////////////////////////////////
Player
////////////////////////////////////////////////////////////// 
*/

.time {
font-weight: bold;
}