* {font-family:arial;font-size:11px;font-weight:normal;border:none;margin:0;padding:0;}
body {margin:0 0 20px 0;background-color:#ffffff;width:98%;text-align:center;}
body#lecteur {background-color:#ffffaa;}
button {background-color:#dddddd;color:#333333;border:1px inset #ff6600;width:120px;}
h1 {font-size:14px;}
a {text-decoration:none;}
a:hover {color:#FF6600;text-decoration:underline;}
ul {list-style-type:none;}
pre {text-align:left;}

.divmessage {position:absolute;width:auto;height:auto;text-align:left;padding:2px;background-color:#e8e8e8;color:#FF6600;border:1px black solid;font-size:10px;
	left:-1000px;z-index:1000;}


/*Guillaume : ajout pour correction de bug*/
.inactiveLink {color:#000000;vertical-align:top;}
.activeLink {color:#FF6600;vertical-align:top;}
/* /Guillaume : ajout pour correction de bug*/

/** couleurs ***/
.coul_1 {background-color:#FF6600;}

/*** styles generiques ****/
.artiste a {font-weight:bold;color:#333333;}
.artiste a:hover {}
.libelleTitre a {color:#333333;}

#page {width:750px;padding:0 0 20px 0;text-align:center;}
#menuHaut {float:left;clear:left;width:750px;height:54px;border-top:1px solid #ffffff;background:url(../img/menuhaut_fonds.gif) no-repeat;margin:16px 0 0 0;}
#menuHaut #entete {float:left;clear:left;text-align:left;margin:3px 0px 0px 3px;width:300px;height:51px;}
#menuHaut #entete span {float:left;clear:left;}
#menuHaut #entete span.titrepage a {color:#FF6600;}
#menuHaut #entete span.titrepage a:hover {color:#FF6600;}
#menuHaut #entete span.todayDate {float:left;width:300px;padding:10px 0 0 5px;word-wrap:break-word;}
#menuHaut #entete img {float:left;clear:none;}
#menuHaut #entete .titrepage2 {float:left;clear:none;padding:10px 9px 0 15px;}
#menuHaut #entete .titrepage2 img {margin:3px 3px 0 0;}
#menuHaut #entete .titrepage2 a {color:#444444;}
#menuHaut #entete .titrepage2 a:hover {color:#444444;}
#menuHaut #items {float:right;height:53px;width:430px;text-align:center;}
#menuHaut #items ul {float:right;clear:right;width:430px;margin:10px 0px 0px 0px;height:20px;}
#menuHaut #items ul li {float:right;}
#menuHaut #items ul li a {float:left;}
#menuHaut #items ul li a:hover {color:#FF6600;}
#menuHaut #items .formvide {float:right;clear:right;width:430px;height:24px;}
#menuHaut #items form {float:right;clear:right;color:#FF6600;font-weight:bold;}
#menuHaut #items form fieldset {float:left;width:254px;}
#menuHaut #items form fieldset input {float:left;color:#000000;margin:5px 0 0 0;width:116px;padding:1px 0px 1px 4px;
	border:1px solid #cccccc;background-color:#f7f7f7;}
#menuHaut #items form fieldset select {float:right;font-size:10px;margin:5px 1px 0px 0px;width:130px;border:1px solid #cccccc;
	background-color:#ffffff;}
#menuHaut #items form img {cursor:hand;}
#menuHaut #items form img {margin:6px 0 0 0;}
#menuHaut #items .titrepage {float:right;height:5px;margin:6px 8px 0 0;padding:4px 9px 0 0px;}
#menuHaut #items .titrepage img {margin:0 3px 0 0;}
#menuHaut #items .titrepage a {color:#333333;}
#menuHaut #items .titrepage a:hover {color:#FF6600;}


#colG {float:left;clear:left;width:140px;margin:10px 0px 0px 0px;border-top:1px #cccccc solid;}
#colG div {float:left;clear:left;}
#colC {float:left;width:600px;margin:7px 0px 0px 10px;}
#colC #central {float:left;width:472px;}
#colC #central #pgauche {float:left;width:310px;}
#colC #central #pdroite {float:right;clear:right;width:162px;margin:11px 0 0px 0px;text-align:center;}
#colC #adroite {float:left;background-color:#ffffff;margin:0px 0px 0px 8px;width:120px;}

/********** LES BLOCS DE LA COLONNE DE GAUCHE *********/
/**** nouveautes (new music) *****/
#nouveautes {width:140px;text-align:left;}
#nouveautes .titre {float:left;padding:10px 0 0 0;font-size:18px;height:23px;width:138px;background:url(../img/lang/title_newmusic.gif) no-repeat 0 0;}
#nouveautes .liste {float:left;width:140px;clear:left;border-top:5px #f9e0b7 solid;border-bottom:1px solid #e1e1e1;}
#nouveautes .liste ul {text-align:left;}
#nouveautes .liste ul li {width:140px;height:18px;background-color:#fcf5ef;border-top:1px solid #e1e1e1;padding:3px 0px 0px 0px;}
#nouveautes .liste ul li a {color:#333333;}
#nouveautes .liste ul li a:hover {color:#FF6600;}
#nouveautes .liste ul li a img {padding:0 3px 0 0px;}

/****** genres *******/
#genres {width:140px;text-align:left;margin:10px 0px 0px 0px;}
#genres .titre {float:left;font-size:18px;height:23px;width:138px;margin:3px 0px 0px 0px;background:url(../img/lang/title_genre.gif) no-repeat 0 0;}
#genres .liste {float:left;width:138px;clear:left;border-top:6px #f0f0f0 solid;border-bottom:1px solid #e1e1e1;}
#genres .liste ul li {width:140px;height:18px;border-top:1px solid #e1e1e1;padding:3px 0px 0px 0px;}
#genres .liste ul li a {color:#333333;}
#genres .liste ul li a:hover {color:#FF6600;}
#genres .liste ul li a img {padding:0 3px 0 0px;}
#genres .liste ul li select {width:129px;margin:0px 0px 2px 0px;}

/*** boite a outils ****/
#boiteaoutils {width:139px;color:#333333;text-align:left;margin:20px 0px 0px 0px;border-left:1px solid #cccccc;border-top:1px solid #cccccc;}
#boiteaoutils .titre {float:left;padding:4px 0px 0px 8px;font-size:18px;height:25px;width:129px;background:url(../img/lang/title_toolbox.gif) no-repeat 0 0;}
#boiteaoutils .liste {float:left;width:139px;clear:left;}
#boiteaoutils .liste ul {width:129px;margin:0 0 0 10px;border-bottom:1px solid #ebebeb;}
#boiteaoutils .liste ul li {height:18px;border-top:1px solid #ebebeb;padding:3px 0px 0px 0px;}
#boiteaoutils .liste ul li a {color:#333333;}
#boiteaoutils .liste ul li a:hover {color:#FF6600;}
#boiteaoutils .liste ul li a img {padding:0 3px 0 0px;}

/***** plus d'infos ****/
#plusinfos {width:132px;text-align:left;margin:0px 0px 4px 2px;}
#plusinfos a {color:#444444;font-weight:bold;}


/********** LES BLOCS DE LA COLONNE CENTRALE********/
/********* liste des albums *************/
#listealbums {float:left;clear:left;width:472px;height:78px;background-color:#ffffff;text-align:center;}
#listealbums .vignette {float:left;}
#listealbums .vignettespace {margin:0 2px 0 0;}

/********* bloc central *************/
#centre {float:left;width:472px;text-align:left;margin:0 0 5px 0;}
#centre .titre {font-size:12px;font-weight:bold;color:#444444;padding:0 0 1px 0;width:470px;height:17px;border-bottom:2px solid #C2C2C2;}
#centre .contenu {float:left;clear:left;width:470px;padding:5px 0 0 2px;color:#444444;}

/****** centre sur la home identifie********/
#centreLogged {float:left;width:472px;text-align:left;background-color:#ffffff;padding:5px 0 0 0;}
#centreLogged .titre {color:#444444;padding:0 0 0 10px;width:460px;height:17px;border-bottom:1px solid #C2C2C2;}
#centreLogged .titre .nom {float:left;font-weight:bold;font-size:12px;}
#centreLogged .titre .infosconnexion {float:right;}
#centreLogged .contenu {float:left;clear:left;width:460px;padding:5px 0 10px 10px;color:#444444;font-size:10px;}
#centreLogged .contenu .infos {float:left;}
#centreLogged .contenu .infos .credits{float:left;width:250px;}
#centreLogged .contenu .infos .link {float:right;}
#centreLogged .contenu .infos .link .linkImage{padding:0 3px 0 0;}
#centreLogged .contenu .infos a {float:right;color:#444444;margin:0 0 0 10px;}
#centreLogged .contenu .infos a:hover {color:#FF6600;}
#centreLogged .baszone {float:left;clear:left;width:470px;height:4px;}

/********* spotlight *************/
#spotlight {float:left;clear:left;text-align:left;width:302px;margin:0 0 10px 0;}
#spotlight .titre {float:left;clear:left;font-size:16px;font-weight:bold;color:#ffffff;background:url(../img/spotlight_hautzone.gif) no-repeat;height:28px;
	padding:15px 0 0 7px;width:295px;}
#spotlight .zoneContenu {float:left;clear:left;width:300px;}
#spotlight .zoneContenu div.contenu {float:left;width:275px;padding:5px 14px 12px 11px;color:#444444;word-wrap:break-word;}
#spotlight .zoneContenu div.contenu img {float:left;margin:1px 12px 0 0;border:1px solid #d1d1d1;padding:1px;}
#spotlight .zoneContenu div.contenu a {color:#444444;}
#spotlight .zoneContenu div.contenu a:hover {color:#FF6600;}
#spotlight .baszone {float:left;clear:left;height:2px;font-size:1px;background-color:#FFA22B;width:300px;}

/********* top 10 telechargements *************/
#toptelechargements {float:left;clear:left;text-align:left;width:302px;}
#toptelechargements .titre {float:left;clear:left;font-size:22px;color:#444444;height:30px;width:300px;}
#toptelechargements .zoneContenu {float:left;clear:left;width:300px;}
#toptelechargements .zoneContenu div.contenu {float:left;width:300px;color:#444444;}
#toptelechargements .baszone {width:300px;height:1px;float:left;clear:left;}
#toptelechargements table {width:300px;}
#toptelechargements table tr {height:22px;}
#toptelechargements table tr td {border-bottom:1px solid #d6d6d6;vertical-align:middle;text-align:left;padding:3px 0 3px 0;height:29px;overflow:hidden;}
#toptelechargements table tr td.classement {color:#333333;width:17px;}
#toptelechargements table tr td.artiste {width:108px;word-wrap:break-word;}
#toptelechargements table tr td.libelleTitre {width:108px;word-wrap:break-word;}
#toptelechargements table tr td.commandes {width:70px;text-align:right;}
#toptelechargements table tr td.commandes img {float:none;}
#toptelechargements table tr td.boutonplus {width:300px;height:50px;padding:0 0 1px 0;border-top:1px #cccccc solid;text-align:right;}
#toptelechargements table tr td.boutonplus div.boutonplus {width:300px;background-color:#fcf5ef;}
#toptelechargements table tr td.boutonplus div.boutonplus img {margin:9px 4px 6px 9px;}
#toptelechargements table tr td.boutonplus div.boutonplus span {margin:9px 4px 6px 9px;height:30px;}
#toptelechargements table tr td a {color:#444444;}
#toptelechargements table tr td a:hover {color:#FF6600;}
#toptelechargements table tr.ligne1 td {border-top:2px #cccccc solid;}
div.zoneInfos {float:left;clear:left;width:54px;height:9px;font-size:9px;}
div.zoneInfos div {color:#333333;font-size:9px;width:52px;text-decoration:underline;}

/***** colonne de droite de la partie centrale ***/
#nouveautessemaine {float:left;text-align:left;width:158px;border:1px #d6d6d6 solid;}
#nouveautessemaine .titre {float:left;clear:left;font-size:22px;color:#444444;height:55px;padding:5px 3px 0 7px;width:146px;}
#nouveautessemaine .zoneContenu {float:left;clear:left;width:156px;}
#nouveautessemaine .zoneContenu .contenu {float:left;width:154px;margin:1px 0 1px 0;padding:0 0 10px 0;color:#333333;}
#nouveautessemaine .zoneContenu .contenu .article {float:left;clear:left;width:149px;padding:0 0 0 6px;}
#nouveautessemaine .zoneContenu .contenu .article img.vignette {float:left;border:1px solid #d1d1d1;padding:1px;margin:6px 7px 6px 0px;}
#nouveautessemaine .zoneContenu .contenu .article .artiste {float:left;width:78px;margin:5px 0 0 0;overflow:hidden;}
#nouveautessemaine .zoneContenu .contenu .article .product {width:78px;height:50px;overflow:hidden;}
#nouveautessemaine .zoneContenu .contenu .article .libelleTitre {float:left;width:78px;margin:2px 0 0 0;overflow:hidden;}
#nouveautessemaine .zoneContenu .contenu .article .libelleTitre a{color:#444444;}
#nouveautessemaine .zoneContenu .contenu .article .libelleTitre a:hover{color:#FF6600;}
#nouveautessemaine .zoneContenu .contenu .article .libelleTitre img {padding:0 3px 0 1px;}
#nouveautessemaine .zoneContenu .contenu .article div.zoneActions {float:left;width:78px;text-align:left;}
#nouveautessemaine .zoneContenu .contenu .article div.zoneActions img {margin:0 -1px 0 0;}
#nouveautessemaine .zoneContenu .contenu img.separateur {float:left;clear:left;width:154px;height:2px;margin:0px 0 4px 0;}
#nouveautessemaine .baszone {float:left;clear:left;height:0px;width:156px;margin:-10px 0 0 0;}
#nouveautessemaine .boutonplus {float:left;width:148px;margin:22px 0 0px 3px;text-align:right;}

#recommandations {text-align:left;width:120px;}
#recommandations .titre {float:left;clear:left;font-size:14px;font-weight:bold;color:#333333;height:22px;background-color:#f9e0b7;padding:4px 0 0 0;width:120px;
	margin:0 0 2px 0;text-align:center;}
#recommandations .titreRUS {float:left;clear:left;font-size:12px;font-weight:bold;color:#333333;height:65px;background-color:#f9e0b7;padding:4px 4px 0 4px;width:112px;
	margin:0 0 2px 0;}
#recommandations .zoneContenu {float:left;clear:left;width:120px;}
#recommandations .zoneContenu .contenu {float:left;width:100px;background-color:#FCF5EF;padding:0 8px 0 8px;color:#333333;}
#recommandations .zoneContenu .contenu .article {float:left;clear:left;width:100px;padding:6px 0 6px 0;}
#recommandations .zoneContenu .contenu .article img.vignette {float:left;border:1px solid #d1d1d1;padding:1px;}
#recommandations .zoneContenu .contenu .article .artiste {float:left;clear:left;width:100px;margin:4px 0 0 0;padding:0 0 0 2px;word-wrap:break-word;}
#recommandations .zoneContenu .contenu .article .libelleTitre {color:#333333;float:left;clear:left;width:100px;padding:0 0 0 3px;}
#recommandations .baszone {background-color:#f9e0b7;height:3px;width:120px;font-size:1px;}

#barreCommandes {float:left;}
#barreCommandes ul {float:left;}
#barreCommandes ul li {float:left;margin:0 12px 0 0;}
#barreCommandes ul li a {color:#333333;vertical-align:top;}
#barreCommandes ul li a:hover {color:#FF6600;vertical-align:top;}
#barreCommandes ul li a img {margin:0 3px 0 0;}

#piedpage {float:left;clear:left;width:779px;height:19px;border-top:1px solid #D6335C;border-bottom:1px solid #EB99AD;border-right:1px solid #DE5A7B;}
#piedpage ul {float:left;margin:4px 0 0 70px;}
#piedpage ul li {float:left;margin:0 8px 0 0;font-size:10px;font-weight:bold;background:url(../img/piedpage_puceliste.gif) no-repeat 0 3px;padding:0 0 0 11px;}
#piedpage ul li a {color:#ffffff;vertical-align:top;}

#vignettePromo {float:left;width:120px;height:90px;margin:0 0 5px 0;background:url(../img/autopromo.gif) no-repeat;}
#vignettePromo .blockText {margin:0px 2px 0px 2px;}
#vignettePromo .blockText .entete {font-size:12px;font-weight:bold;text-decoration:none;height:15px;padding:5px 0 5px 0px;color:white;}
#vignettePromo .blockText .titre {font-size:14px;font-weight:bold;text-decoration:none;padding:7px 0 0 10px;color:#333333;}
#vignettePromo .blockText .content {padding:2px 6px 0 10px;text-align:left;text-decoration:none;color:#333333;}

.vignetteCredit {float:left;width:100px;margin:0 0 5px 0;padding:7px 10px 5px 10px;text-align:left;}
.vignetteCreditI {height:105px;background:url(../img/cadreI.gif) no-repeat;}
.vignetteCreditM {height:153px;background:url(../img/cadreM.gif) no-repeat;}
.vignetteCreditMfree {height:169px;background:url(../img/cadreM_free.gif) no-repeat;}
.vignetteCredit .entete {color:#FF6600;font-size:16px;line-height:18px;font-weight:bold;}
.vignetteCredit .bodyText {padding:0px 0 0 0;font-size:11px;}
.vignetteCredit .content {padding:2px 0 0 5px;font-size:13px;line-height:18px;font-weight:bold;}

.vignetteReco {float:left;width:106px;margin:0 0 5px 0;padding:7px 7px 5px 7px;text-align:left;height:126px;background:url(../img/cadreReco.gif) no-repeat;}
.vignetteReco .entete {color:#FF6600;font-size:16px;line-height:18px;font-weight:bold;}
.vignetteReco .bodyText {padding:2px 1px 0 1px;font-size:11px;color:#FFFFFF;}

a.pagination {color:#333333;}
a.pagination:hover {color:#FF6600;}
span.pagination {color:#FF6600;font-weight:bold;}

/***** colonne de droite ***/


/*** action icons ****/
#actionicons {width:120px;height:112px;text-align:left;margin:0 0 12px 0;background:url(../img/lang/fonds_actionicons.gif) no-repeat 0 0;}
#actionicons .titre {float:left;height:30px;width:120px;}
#actionicons .liste {float:left;width:118px;clear:left;}
#actionicons .liste ul li {width:115px;padding:0px 0px 0 5px;}
#actionicons .liste ul li div {color:#444444;text-decoration:none;padding-left:27px;vertical-align:top;}
#actionicons .liste ul li div.buy {padding-top:4px;vertical-align:top;}