@charset "utf-8";

.bandeau { width: 584px; height: 178px; margin: 0 0 10px 10px; padding: 0;}

/* ACTUS */
.zone1 { cursor: pointer; margin: 0 0 0 5px; float: left;}
.zone1 img { width: 85px; height: 85px; margin: 0 5px 0 0; float: left;}
.zone1 .arttitle { width: 480px; font-size: 1em; font-weight: normal; color: #8398a8; float: left;}
.zone1 .artcontent { width: 480px; text-align: justify; font-size: 0.8em; font-weight: normal; color: #555555; float: left;}
.zone1 #panel1 { display: none; width: 480px; margin: 0 24px 0 0; text-align: justify; font-size: 0.8em; font-weight: normal; color: #555555; float: right;}
.zone2 { cursor: pointer; margin: 0 0 0 5px; float: left;}
.zone2 img { width: 85px; height: 85px; margin: 0 5px 0 0; float: left;}
.zone2 .arttitle { width: 480px; font-size: 1em; font-weight: normal; color: #8398a8; float: left;}
.zone2 .artcontent { width: 480px; text-align: justify; font-size: 0.8em; font-weight: normal; color: #555555; float: left;}
.zone2 #panel2 { display: none; width: 480px; margin: 0 24px 0 0; text-align: justify; font-size: 0.8em; font-weight: normal; color: #555555; float: right;}
.zone3 { cursor: pointer; margin: 0 0 0 5px; float: left;}
.zone3 img { width: 76px; height: 76px; margin: 0 5px 0 0; float: left;}
.zone3 .arttitle { width: 480px; font-size: 1em; font-weight: normal; color: #8398a8; float: left;}
.zone3 .artcontent { width: 480px; text-align: justify; font-size: 0.8em; font-weight: normal; color: #555555; float: left;}
.zone3 #panel3 { display: none; width: 480px; margin: 0 36px 0 0; text-align: justify; font-size: 0.8em; font-weight: normal; color: #555555; float: right;}
.artbtn1 img, .artbtn2 img  { width: 75px; height: 15px; text-align: center; margin: 3px 430px 0 0; font-size: 0.6em; color: white; background: #92a3b0; float: right;}

/* DISCOGRAPHIE // NANAJAZZ */
.album {width: 585px; margin-left: 10px; padding: 0; background: #c3d0d8; position: relative;}
.album span { display: block; font-size: 1.1em; color: white; margin-bottom: 0px;}
.imgalbum img { width: 171px; height: 171px; padding: 0; margin: 0; float: left;}
.imgtitle { width: 235px; padding: 20px 0 0 20px; float: left;}
.btnacheter { width: 124px; height: 171px; float: left; margin-left: 10px; background: url(../images/btn/btnAcheter_fff.png) no-repeat; cursor: pointer;}
.tracklisting { width: 585px; margin-left: 10px; color: #555555; background: url(../images/fond_actus.jpg) repeat-x;}
.TLligne { width: 570px; height: 21px; padding: 2px 0 1px 0; border-bottom: 1px solid #d1d3d4; font-size: 0.7em;}
.TLligne:hover { background: #d1d3d4;}
.TLnumber { width: 20px; height: 18px; margin-left: 10px; float: left; margin-top: 3px;}
.TLtitle { width: 270px; height: 18px; float: left; margin-top: 3px;}
.TLtime { width: 30px; height: 18px; float: left; margin-top: 3px;}
.TLplay { height: 18px; float: left; margin-left: 80px;}
.TLplayjazz { height: 18px; float: right;}
.TLplayjazz img { margin-right: 50px;}
.TLplayjazz img, .TLplay  img { float: left; margin-top: 3px;}
.TLplayjazz embed, .TLplay embed { margin:0; padding: 0; float: left;}
.TLpanier { float: right; height: 15px; margin-right: 5px;}
.TLpanier img { float: left; margin-right: 10px;}
.TLpanier:hover { background: url(../images/btn/btnPanier_000.png) no-repeat;}
.blockdisque { width: 115px; float: left; margin-left: 25px; margin-bottom: 30px; padding: 0;}
.imgdisque img { width: 115px; height: 115px; float: left;}
.titledisque { line-height: 9px; width: 115px; height: 18px; margin-top: 5px; margin-bottom: 5px; text-align: center; color: #555555; float: left; font-size: 0.7em; overflow: hidden;}
.datedisque { width: 115px; height: 20px; text-align: center; color: #363f46; float: left; font-size: 0.8em;}

/* BIOGRAPHIE */
.block_bio { font-size: 0.8em; width: 581px; padding: 0 5px 0 5px; text-align: justify; margin-right: 10px; margin-left: 10px; background-image:url(../images/fond_actus.png); font-family: Verdana; color: #555555;}
.block_bio #pageBio { height: 20px; margin-top: 10px; margin-left: 200px;}
.pageBioNum { width: 15px; height: 15px; border: 1px solid #aaaaaa; font-size: 0.8em; text-align: center; float: left; margin: 0 2px;}
.pageBioNav { width: 30px; height: 15px; border: 1px solid #aaaaaa; font-size: 0.8em; text-align: center; float: left; margin: 0 2px;}

/* BOUTIQUE */
.ligneBoutique { width: 601px; padding:0; margin: 20px 0 20px 0;}
.ligneAlbum { width: 210px; text-align: center; float: left;}
.ligneMagasin { float: left; margin-top: 5%}
.titleBoutique { font-size: 1.5em; color: #92a3b0; font-family: Arial, Helvetica, sans-serif;}
.achat { font-weight: bold; color: #4e5255; font-size: 0.8em; margin: 20px 0 10px 0;}
.magasin { height: 31px;}
.magasin ul { list-style: none;}
.magasin li { float: left; margin-right: 10px; width: 80px; text-align: center;}

/* VIDEOS */
.blockvideos { float: left; margin: 10px 0 0 5px;}
.titlevideos a { color: #919598; font-weight: bold; font-size: 1em; text-decoration: none;}
.titlevideos a:hover { color: #afb9bb;}

.blockClip { margin-left: 70px;}