@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background-color:#23415d; background-image:url(../images_css/fond_html.jpg); background-position:top; background-repeat:repeat-x;
	text-align:center; /* IE -> permet de centrer le conteneur (affecte ce centrage à tous les blocs) */
	font-family:Verdana, Arial, Helvetica, sans-serif;}

.h2Titre { height:25px; overflow:hidden; position:relative; font-size:14px;color:#000000;}
.h2Titre img {z-index:1; position:absolute; top:0;}

h3 {font-size:18px; color:#FFF; font-weight:bold;}
.h3Titre { height:25px; width:100%; overflow:hidden; position:relative; font-size:12px; color:#000000; float:left;}
.h3Titre img {z-index::1; position:absolute; top:0;}

h4 {font-size:10px; color:#000000; font-weight:bold;}
h4 a {color:#000000; text-decoration:underline;}
h4 a:hover, h4 a:focus {color:#000; text-decoration:none;}

h5 {font-size:11px; color:#FFF; font-weight:bold;}

h6 {font-size:10px; color:#FFF; font-weight:bold;}

p {font-size:10px; color:#000000;}
p a{ color:#990000; text-decoration:underline; font-weight:bold;}
p a:hover, p li a:focus { color:#990000; text-decoration:none;}

.bold { font-weight:bold}

.artiste { color:#5A86AD}
.blanc {color:#FFFFFF;}
.blanc a{color:#FFFFFF; text-decoration:underline}
.blanc a:hover, .blanc a:focus{color:#FFFFFF; text-decoration:underline overline;}
	
.pub { font:bold; font-size:10px; color:#5593ba}

.info {color:#ffd268; font-size:9px;}
.info a {color:#ffd268; font-size:9px; text-decoration:underline;}
.info a:hover{ color:#ffd268; font-size:9px; text-decoration:none;}



a img { border:0; }
/****************/

/***** CONTAiNER *****/
#container { width:900px; margin:0px auto 0px auto; text-align:left; overflow:hidden; text-align:left; background-color:#ffab00;}

/****************/

/**** HEADER *****/
#header { width:900px; height:360px;}
/****************/

/**** CENTRE *****/
/****************/

/**** COL GAUCHE *****/
#colGauche { float:left; height:auto; width:230px; text-align:left; padding-top:20px; padding-left:16px;}

#compte { height:auto; width:150px; text-align:left; padding:0 5px 0 5px;}

#loginform { width:160px; font-weight:bold; }
#loginform legend{ font-size:11px; color:#FFFFFF;}
#loginform fieldset{ border:none 0; padding-right:10px; text-align:right;}
* html #loginform fieldset{ margin-bottom:10px;}
*+html #loginform fieldset{ border:thin 1px #56B4CC; padding-right:10px; text-align:right;}
#loginform label{ display:block; height:20px; width:200px; padding:10px 0 0 0; font-size:10px; color:#FFFFFF}
#loginform input { margin-left:5px; float:right; vertical-align:middle;}

#recherche { width:160px; font-weight:bold; }
#recherche legend{ font-size:11px; color:#FFFFFF;}
#recherche fieldset{ border:none 0; padding-right:10px; text-align:right;}
* html #recherche fieldset{ margin-bottom:10px;}
*+html #recherche fieldset{ border:thin 1px #56B4CC; padding-right:10px; text-align:right;}
#recherche label{ display:block; height:20px; width:200px; padding:10px 0 0 0; font-size:10px; color:#FFFFFF}
#recherche input { margin-left:5px; float:right; vertical-align:middle;}

ul#genre { list-style:none; color:#FFFFFF; font-size:12px; font-weight:bold;}
#genre a { color:#FFFFFF; text-decoration:none; height:23px; width:165px; background-image:url(../images_css/fond_li.jpg); background-repeat:no-repeat; background-position:top left; display:block; padding:2px 0 0 10px;}
#genre a:hover, #genre a:focus{ color:#efa902;}
/****************/

/**** COL DROITE *****/
#colDroite { float:left; height:auto; width:608px; /*background-color:#66FF00; */padding-right:10px; padding-left:10px;}
#colDroite2 { float:left; height:auto; width:618px; padding-left:10px;}
/****************/

.containerNouveau { background-image:url(../images_css/top_div.gif); background-position:top left ;background-repeat:no-repeat; padding-top:5px; margin-bottom:10px;}
$ html. containerNouveau { height:100%;}
.containerCadre { background-image:url(../images_css/bottom_div.gif); background-position:bottom left; background-repeat:no-repeat; padding-bottom:8px; overflow:hidden; padding-left:16px; padding-right:16px;}
* html .containerCadre { height:100%; }

.nouveau { background-image:url(../images_css/fond_nouveautee.jpg); background-repeat:no-repeat; width:273px; height:115px; padding:7px 5px 0 7px; float:left;}

.vignette { background-image:url(../images_css/cadre_photo.gif); background-repeat:no-repeat; width:84px; height:95px; padding:6px 7px 0 7px; float:left;}

.description {height:110px; float:left; overflow:hidden; margin-top:-10px}
* html .description {height:110px; padding-top:10px;}
*+html .description {height:110px; padding-top:10px;}

/****BIO****/
.bio { background-image:url(../images_css/fond_bio.jpg); background-repeat:no-repeat; width:561px; height:241px; float:left; padding:9px 5px 0 7px;}
.texteBio {height:195px; width:420px; float:left; overflow:hidden; padding:0 5px 10px 15px;}
* html .texteBio {padding:10px 5px 10px 15px;}
*+html .texteBio {padding:10px 5px 10px 15px;}
/****************/

/****ALBUM****/
.album { background-image:url(../images_css/fond_album.jpg); background-repeat:no-repeat; width:561px; height:296px; float:left; padding:9px 5px 0 7px;}
.titreAlbum {height:100px; width:420px; float:left; overflow:hidden; padding:0 5px 10px 15px;}
* html .texteBio {padding:10px 5px 10px 15px;}
*+html .texteBio {padding:10px 5px 10px 15px;}
.texteAlbum {height:115px; width:520px; float:left; overflow:hidden; padding:0 5px O 15px; margin-bottom:15px;}
/****************/

/**** TELECHARGEMENT ****/
.telechargement {width:561px; height:43px; background-image:url(../images_css/fond_telechargement.jpg); background-repeat:no-repeat; background-position:top left; float:left; padding-top:8px; padding-left:8px;}
.numero {
	width:31px;
	height:31px;
	float:left;
	margin-right:0px;
}
.titreTelechargement {height:31px; width:323px; float:left; margin-right:10px;}
* html .titreTelechargement { padding-top:0; margin-left:2px;}
*+html .titreTelechargement { padding-top:0; margin-left:2px;}
.prixTelechargement {height:31px; width:60px; float:left; margin-right:10px;}
* html .prixTelechargement {padding-top:8px;}
*+html .prixTelechargement {padding-top:8px;}

/**************/

/****RECHERCHE****/
.recherche { background-image:url(../images_css/fond_recherche.jpg); background-repeat:no-repeat; width:561px; height:120px; float:left; padding:9px 5px 0 7px;}

/**** PLAYER ****/
#playermp3_1{height:33px; width:374px; float:left; overflow:hidden; margin-left:-8px;}
* html #playermp3_1{ margin-top:-8px;}
*+html #playermp3_1{ margin-top:-8px;}


/**** FORM INSCRIPTION ****/
#inscription { width:570px; text-align:left; float:left;}
fieldset { margin-bottom: 1em; border: 0; width:100%; margin: 0.5em;}
fieldset p { padding: 0 0 0.75em 0.5em !important; padding: 0 0 0.35em 0.5em; clear: both; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
legend { margin: 0 0 0.5em 0; padding: 0.3em; font: bold 0.9em Verdana, Arial, Helvetica, sans-serif; color: #FFF; background-color: none;}
label.text { display: block; float: left; width: 40%; text-align: right; margin: 0 1em 0 0; padding: 0.1em;}
.radioCheck { margin: 0 1em 0 0.25em;}
input.text, textarea { width: 40%; background-color: #FFD100; border: 0; margin-right: 0.25em;}
.message { width: 480px; background-color:#FFD100; border: 0; margin-right: 0.25em;}
.envoy { margin: 1em 0; text-align: left;}
.envoy label { border: 0;}
#inscription hr { visibility: hidden; clear: both;}
span.note { font-size: 0.75em;}
span.warning {font-weight: bold;font-size: 1.3em;color: #fff;}
/****************/

.produit { width:570px; text-align:left; float:left;}
table#produit {width: 570px;  margin-bottom:20px; margin-top:-5px}
* html table#produit {margin-top:20px;}
*+html table#produit {margin-top:20px;}
.titreproduit { height:20px; font-weight: bold; text-align: center; vertical-align:middle}
.detailproduit { height:20px; font-weight: bold; text-align: center; vertical-align:middle; background-color: #FFF;}
.totalproduit { height:20px; font-weight: bold; text-align: center; vertical-align:middle; border-top:#FFFFFF 1px solid ;}
.prixproduit { background-color:#FFFFFF;}



/**** LISTE PAGE SUIVANTE ****/
ul#page { list-style:none; color:#FFFFFF; font-size:9px; font-weight:bold; float:left; width:400px;}
* html ul#page { margin-bottom:20px;}
*+html ul#page { margin-bottom:20px;}

#page li{ display:inline;}
#page a{ color:#FFFFFF; text-decoration:underline;}
#page a:hover, #page a:focus{ color:#FFFFFF; text-decoration:overline underline;}


/*** FOOTER ****/
#footer { text-align:center; width:900px; height:50px; padding-top:20px; float:left;}
* html #footer { height:40px; padding-top:20px}
*+html #footer { height:40px; padding-top:20px}
#footer ul{margin:0; padding:0; list-style-type:none; font-weight:bold; font-size:9px;}
#footer li { display:inline; margin:0 5px;}
#footer li a{ color:#ffffff; text-decoration:none;}
#footer li a:hover, footer li a:focus { color:#ffffff; text-decoration:underline;}
/****************/
.blanctitre {
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
}