/*************************
*	DEFINITION GLOBALES
*
*	NE PAS MODIFIER
*************************/

*{
	margin:0;
	padding:0
}
img{
	border:none;
}
.cleaner{clear:both;}
.cleanerL{clear:left;}
.cleanerR{clear:right;}
label{
	display:block;
	float:left;
	clear:left;
	text-align:right;
	margin-right:5px;
}
#all{
	position:relative;
	width:980px;
	margin:0 auto;
	background-color: #FFF;
}
#conteneur{
	padding:5px 0 0 5px;
}
.bt{
	height:25px;
	background-color:#d9d9d9;
	display:block;
	line-height:25px;
	text-transform:uppercase;
	text-decoration:none;
	width:100px;
	margin:0 auto;
	text-align:center;
	color:#000;
}
.bckgris{
	background-color:#f6f6f6;
}
/*********************************************************************************/

										/*	MODIFICATION POSSIBLE */

/*********************************************************************************/
/* font globale */
body{
	background: #E9ECF1 center url(../img/bodyrepeat.gif) repeat-y;
	font-size:0.8em;
	font-family:Arial;
}
/** D�finition des titres */
h1, h2, h3, h4 {
	margin-bottom:8px;
	font-size:12px;
	font-family:Georgia,Arial;
	color:#3F3F3F;
}
b.arial{
	font-family:Arial;
}
a.fr,a.uk{
	display:block;
	width:22px;
	height:15px;
}
a.fr{margin-top:5px;margin-bottom:15px;background: bottom url(../img/flag/fr.gif) no-repeat;}
a.uk{background:url(../img/flag/uk.gif) no-repeat;}

/** Interligne entre les balise p */
p{margin-bottom:3px;}
/** Les boutons d'envoi de formulaire */
p.submit{
	margin-top:8px;
	clear:both;
}
/** Labels pour les champs de formulaires */
label{
	font-weight:bold;
	width:130px;
}
/** Les champs de formulaires */
input.champs, input.champsG, textarea.champsG, textarea.champs{
	border-left:1px solid #8a8a8c;
	padding:2px;
	width:150px;
	background:url(../img/input/background.gif) repeat-x;
}
input.champsG, textarea.champsG{
	width:250px;
}
/*********************************************
*
* 			DEFINITION DU HEADER
*
*********************************************/
#header{
	padding-right:4px;
	height:120px;
	color:#000;
}
#header #logo{
	float:left;
	width:200px;
	height:70px;
	margin:10px 5px 5px;
}
/* Texte definition de la soci�t� */
#header #societe {
	text-align:center;
	padding-top:15px;
}
#lang{
	display:none;
	width:33px;
	float:left;
	margin:0 5px;
}
/*****************
* Panel logging
*/
#header #logging{
	position:relative;
	text-align:center;
	float:right;
	display:block;
	width:317px;
	height:108px;
	margin:3px;
}
#header .loggOFF{
	background:top left url(../img/accesclient/connexion.jpg) no-repeat;
}
#header .loggON{
	background:top left url(../img/accesclient/connexion2.jpg) no-repeat;
}
#header #logging input{
	position:absolute;
	display:block;
	border:none;
	height:20px;
	width:150px;
	left:136px;
}
#header #logging a, #header #logg a{
	color:#3F3F3F;
}
/** mode non connect� : identifiant */
#header #logging input#identifiant{top:34px;}
/** mode non connect� : password */
#header #logging input#password{top:58px;}
/** mode non connect� : liens */
#header #logging p.submit{
	position:absolute;
	left:12px;
	top:88px;
	margin:0;
}
/** mode non connect� : liens */
#header #logging p.submit a{
	float:left;
	text-decoration:none;
}
#header #logging p.submit a.inscription{margin-right:24px;}
#header #logging p.submit a.motpasse{margin-right:22px;}
/** mode connect� : bonjour nom prenom */
#header #logging p.infoClient {
	margin:52px 0 0 0;
}
/** mode connect� : Div contenant les liens : votre compte / deconnexion */
#header #logging #lienLogging{
	margin-top:20px;
}
/** mode connect� : lien votre compte */
#header #logging a#liendivCompte {
	text-decoration:none;
	margin:0 124px 0 19px;
	float:left;
}
/** mode connect� : lien deconnexion */
#header #logging a#liendivCompteDeconnec {
	text-decoration:none;
	float:left;
}

/*********************************************
*
* 			DEFINITION DU POPUP CHARGEMENT
*
*********************************************/
#initApplication {
	display:block;
	text-align:center;
	width:165px;
	height:35px;
	position:absolute;
	top:45%;
	left:45%;
	background:bottom center transparent url(../img/progressbar.gif) no-repeat;
	z-index:200;
}

/*********************************************
*
* 			DEFINITION DE LA BARRE MENU
*
*********************************************/
#menu{
	clear:both;
	display:block;
	width:970px;
	margin:0 auto;
	color:#000;
	height:32px;
	background:url(../img/menu/menu.gif) no-repeat;
}
#menu ul{
	padding-left:36px;
	list-style-type:none;
	width:100%;
}
#menu li{
	float:left;
	padding-top:2px;
}
#menu li a{
	display:block;
	height:20px;
	width:145px;
	text-align:center;
	border-left:1px dotted #CFCFCF;
	border-right:1px dotted #CFCFCF;
	text-decoration:none;
	text-transform:uppercase;
	padding-top:6px;
	color:#000;
	font-weight:bold;
	font-family:Georgia,Arial;
	color:#3F3F3F;
}
/*********************************************
*
* 			DEFINITION DU FOOTER
*
*********************************************/
#footer{
	clear:both;
	background:#FFF;
	height:35px;
	line-height:35px;
	text-align:center;
}
/*********************************************
*
* 			DEFINITION DE LA COLONE DROITE
*
*********************************************/
#lat_droite{
	width:249px;
	margin-left:721px;
	color:#000;
	background-color:#FFF;
}
#lat_droite h2{
	display:block;
	height:37px;
	padding-left:45px;
	line-height:37px;
	color:#2F2F2F;
	margin:2px;
}
/** definition globales des div panier, historique et crit�res de recherche */
#lat_droite #panier, #lat_droite #historique, #lat_droite #critere {
	border:1px solid #AFAFAF;
	margin:8px 0;
	min-height:100px;
	background:#EFEFEF;
}
#lat_droite #critere{
	margin:0;
}
/*****************
* Panel historique
*/
#lat_droite #historique{
	height:334px;
}
#lat_droite #historique h2{
	background: #EFEFEF left top url(../img/icones/historique.gif) no-repeat;
}
/** Panel contenu de historique */
#lat_droite #historiqueContent{
	font-size:11px;
	padding-top:5px;
	height:287px;
	overflow:auto; /** Si la liste est longue => apparition d'une scrollbar */
}
#lat_droite #historique p{
	padding:2px 0;
	font-family:Tahoma;
	margin-bottom:8px;
}
/** Icone contenu dans l'historique */
#lat_droite #historique p img{
	vertical-align:middle;
}
/*****************
* Panel Critere de recherche
*/
#lat_droite #critere{
	min-height:150px;	
}
#lat_droite #critere h2{
	background: #EFEFEF left top url(../img/icones/filtre.gif) no-repeat;
}
#lat_droite #texteCritereRecherche{
	padding-left:5px;
	font-size:10px;
}
/** Panel contenu des filtres ajout�s par l'internaute */
#lat_droite #critereContent{
	font-size:10px;
	height:105px;
	padding:5px;
	overflow:auto; /** Si la liste est longue => apparition d'une scrollbar */
}
/** Lien supprimer un filtre */
#lat_droite #critereContent a, #lat_droite #texteCritereRecherche a{
	text-decoration:none;
	/*display:block;*/
	float:left;
	/*width:95px;*/
	/*height:15px;*/
	line-height:18px;
	margin-right:15px;
	padding-left:18px;
	background: url(../img/supp.gif) no-repeat;
}
/** Panel filtre */
#lat_droite #fondGris {
	background-color:#e1e1e1;
	border-top:1px solid #000;
}
/** Table contenant les selectbox filtres */
table#tblFilter{
	width:100%;
	margin-bottom:6px;
}
/** Aspect des crit�res de recherche : Filtre */
#lat_droite #divFiltre select.selFilter{
	width:120px;
	color:#3F3F3F;
}
/*****************
* Panel Panier
*/
#panier{
	position:relative;
}
#panierListe{
	height:20px;
	line-height:20px;
	margin:5px 0;
	text-align:center;
	background-color:#E1E1E1;
}
#panier h2{
	background: #EFEFEF left top url(../img/icones/panier.gif) no-repeat;
}
/** Effet d'apparition sur le titre du morceau lors d'un ajout au panier */
#panierNb{
	position:absolute;
	top:12px;
	left:97px;
	text-align:right;
}
/** Texte nombre de morceau dans le panier */
#panierAction a{
	float:left;
	display:block;
	height:25px;
	width:86px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	background:url(../img/boutton/panier.gif) no-repeat;
	color:#000;
}
#panierAction a.one{
	margin-left:15px;
	margin-right:37px;
}
/*********************************************
*
* 			DEFINITION DU BLOCK LECTEUR
*
*********************************************/
#lecteur{
	padding-left:8px;
	margin-bottom:15px;
	height:55px;
	width:696px;
}
#lecteur h2{
	display:block;
	float:left;
	width:58px;
	height:37px;
	padding-left:45px;
	margin-top:10px;
	line-height:37px;
	color:#2F2F2F;
	background: #FFF left top url(../img/icones/lecteur.gif) no-repeat;
	margin:2px;
}
#lecteurContent table td{
	vertical-align:top;
}
/** lecteur flash */
#lecteurContent td.col1{
	width:235px;
}
/** icone afficher les informations completes du morceau */
#lecteurContent td.col1 a.infoPlus img{
	vertical-align:bottom;
}
/** texte d'information sur le morceau */
#lecteurContent td.col2{
	width:400px;
}
/** Num�ro d'isrc */
#lecteurContent td.col2 span{
	font-size:10px;
}
/** Tags */
#lecteurContent table a.tags, b.tag{
	text-decoration:none;
	vertical-align:middle;
	margin:0 3px;
	font-size:0.9em;
}
#lecteurContent table a.tags:hover{
	text-decoration:underline;
}
/*********************************************
*
* 		DEFINITION DU CATALOGUE
*
*********************************************/
#catalogue{
	float:left;
	width:700px;
	background:#FFF;
	color:#000;
}
table#resultat{
	width:700px;
}
table#resultat th {
	text-transform:uppercase;
	text-align:left;
	background:url(../img/catalogue/th_repeat.gif) repeat-x;
	height:24px;
	line-height:24px;
	padding-left:5px;
}
table#resultat th a{
	text-decoration:none;
	color:#000;
}
table#resultat tr {
	vertical-align:middle;
}
/** Design 1 ligne sur 2 */
table#resultat tr.trGrise{
	background-color:#dfdfdf;
}
table#resultat tr.enlecture{
	background-color:yellow;
	color:red;
}
table#resultat td{
	border-right:1px solid #FFF;
	padding:2px 0 2px 4px;
	font-size:11px;
}
#catalogue table td.liens{
	padding-left:2px;
}
#catalogue table td.duree{
	text-align:center;
}
/** table des versions */
tr#versionTr{
	background-color:#b7e0fd;
	border:1px solid #000;
	border-top:none;
}
table#version{
	background-color:#8EAACF;
	border-collapse:separate;
	width:100%;
}
tr#versionTr td{
	border:none;
	padding:0;
}

tr#versionTr td.trVersionFirst{
	background:#95CBEF;
	padding:8px 0 8px 8px;
	font-size:12px;
	color:#FFF;
}
tr#versionTr td.trVersionFooter{
	background:#95CBEF;
	padding-top:12px;
}

/** d�finition des longueurs */
table#resultat th.th1{width:85px;background:url(../img/catalogue/th_action.gif) no-repeat;}
#catalogue table th.th1G{width:90px;} /* mode telechargement */
#catalogue table th.th1GD{width:110px;} /* mode ADMIN */
table#resultat th.th4{width:51px;background:url(../img/catalogue/th_duree.gif) no-repeat;}
#catalogue table td.ver1{width:89px;}
#catalogue table td.ver2{width:141px;}
#catalogue table td.ver3{width:421px;}

/****************
* Definitions des liens icones
*/
a.action{
	display:block;
	height:21px;
	width:21px;
	float:left;
}
a.modifier{background:url(../img/configure.png) no-repeat;}
a.info{background:url(../img/boutton/bt_info.png) no-repeat;}
a.ajout{background:url(../img/boutton/bt_panier.png) no-repeat;}
a.ecoute{background:url(../img/boutton/bt_play.png) no-repeat;}
a.download{background:url(../img/boutton/bt_download.png) no-repeat;}
a.download2{background:url(../img/boutton/bt_download2.png) no-repeat;}

#detailMorceau{
	width:570px;
}
#detailMorceau tr, #detailMorceau td{
	border:1px dotted gray;
	padding:5px;
}
/****************
* Definitions de la barre de navigation
*/
#cata_nav{
	clear:both;
	height:45px;
	padding-top:5px;
	padding-left:20px;
	background-color:#FFF;
}
#cata_nav .liens{
	float:left;
	display:block;
	height:58px;
	width:36px;
	background:url(../img/navigation/bouton.gif) no-repeat;
	margin-right:30px;
	text-align:center;
	color:#000;
	text-decoration:none;
	padding-top:2px;
	font-size:10px;
	line-height:12px;
}
#cata_nav .liens, #cata_nav .lienPrecedent, #cata_nav .lienSuivant{
	float:left;
	display:block;
	height:58px;
	width:36px;
	margin-right:25px;
	text-align:center;
	color:#000;
	text-decoration:none;
	padding-top:2px;
	font-size:10px;
	line-height:12px;
}
#cata_nav .liens{
	background:url(../img/navigation/bouton.gif) no-repeat;
}
/** Fleche << ou >> */
#cata_nav .lienPrecedent{
	background:url(../img/navigation/precedent.gif) no-repeat;
}
#cata_nav .lienSuivant{
	background:url(../img/navigation/suivant.gif) no-repeat;
}
/** Lien s�lectionn� affichant la page actuelle */
#cata_nav .select{
	background:url(../img/navigation/button_select.gif) no-repeat;
	color:red;
}
#cata_nav .nav_max{
	width:435px;
	display:block;
	float:left;
}
#cata_nav .nav_span{
	display:block;
	float:left;
	height:5px;
	width:34px;
}
/*********************************************
*
* 		DEFINITION DIV GRISANT
*			Apparition seulement sous IE6
*
*********************************************/
#grise {

	position:absolute;
	top:-10px;
	left:0;
	width:100%;
	background-color:#f6f6f6;
	-moz-opacity:0.70;
	opacity:0.70;
	filter:alpha(opacity=70);
	-khtml-opacity:0.70;
	overflow:hidden;
	z-index:50;
}
/* loading */
.textLoadingPlayer{
	display:block;
	text-align:center;
	padding-top:9px;
	width:100%;
}
/*********************************************
*
* 			DEFINITION DES POPUPS
*
*********************************************/

/* Fen�tre popup centrale */
.popup, .popup2{
	position:absolute;
	z-index:900;
	top:152px;
	left:44px;
	display:block;
	width:900px;
	overflow:auto;
}
.popup2{
	width:600px;
	min-height:300px;
	left:175px;
}
.popup_content{
	border-left:1px solid #000;
	border-right:1px solid #000;
	padding:10px;
	background-color:#FFF;
	min-height:265px;
	text-align:justify;
}
.popup_footer, .popup_footer2{
	display:block;
	height:34px;
	width:900px;
	background: transparent url(../img/popup/popup_footer.gif) no-repeat;
}
.popup_footer2{
	width:600px;
	background: transparent url(../img/popup/popup_footer2.gif) no-repeat;
}
.tabs_entete,.tabs_entete2{
	background: transparent  url(../img/popup/popup_entete.gif) no-repeat;
	height:37px;
	padding:17px 17px 0 17px;
}
.tabs_entete2{
	background: transparent  url(../img/popup/popup_entete2.gif) no-repeat;
}
.affichable{
	padding:10px;
}
.popup_illustration{
	float:right;
	margin:0px 5px 15px 15px;
}
/********
* D�finition des Onglets
*/
ul.subsection_tabs {
	height:24px;
	list-style:none;
}
ul.subsection_tabs li.tab {
	float:left;
	margin-right:11px;
	text-align:center;
}
ul.subsection_tabs li.tab a {
	color:#000;
	text-transform:uppercase;
	display:block;
	height:26px;
	width:147px;
	text-decoration:none;
	font-size:0.9em;
	text-align:center;
	line-height:24px;
	background:url(../img/popup/tab.gif) no-repeat;
	font-weight:bold;
}
ul.subsection_tabs li.tab a:hover, ul.subsection_tabs li.tab a.activer {
	background:url(../img/popup/tab_curent.gif) no-repeat;
}
/* Séparateur pour positionner le fermer la fenetre à droite */
ul.subsection_tabs li.sep_tarif {width:337px;height:30px;}
ul.subsection_tabs li.sep_musicjag {width:29px;height:30px;}
ul.subsection_tabs li.sep_contact {width:338px;height:30px;}
ul.subsection_tabs li.sep_gcu {width:503px;height:30px;}
ul.subsection_tabs li.sep_compo {width:200px;height:30px;}
ul.subsection_tabs li.sep_inscription {width:214px;height:30px;}
ul.subsection_tabs li.sep_repcommande {width:513px;height:30px;}
ul.subsection_tabs li.sep_compte {width:190px;height:30px;}
ul.subsection_tabs li.sep_logging {width:350px;height:30px;}
/**********************
* Popup compte client
*/
table#list_commande{
	width:874px;
}
table#list_commande th{
	background:url(../img/catalogue/th_repeat.gif) repeat-x;
	height:24px;
	text-align:center;
}
table#list_commande td{
	border:1px dotted #AFAFAF;
	text-align:center;
	padding:5px;
}
/** Champs formulaires */
#divCompte input.compte {
	width:225px;
}
#divCompte textarea.compte {
	height:225px;
	width:225px;
}
table#compte td.sep{
	width:150px;
}
/******************
* POPUP divPanier
*/
#divPanier {
	position:absolute;
	top:152px;
	left:146px;
	width:600px;
	padding-bottom:15px;
}
#divPanier h2{
	color:#969696;
	font-size:30px;
}
#divPanier a.closePopup{
	float:right;
	margin-right:15px;
}
#divPanier #linkPanierVisu{
	margin-top:15px;
}
#divPanier #linkPanierVisu a{
	float:left;
	display:block;
	height:25px;
	width:86px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	background:url(../img/boutton/panier.gif) no-repeat;
	color:#000;
}
#divPanier #linkPanierVisu a.one{
	margin-left:15px;
	margin-right:37px;
}
#divPanier #tblPanier{

}
#divPanier #tblPanier th{
	text-transform:uppercase;
	text-align:left;
	background-color:#BFBFBF;
}
#divPanier #tblPanier th.th1{width:68px;}
#divPanier #tblPanier th.th1G{width:90px;} /* avecicone telecharger */
#divPanier #tblPanier th.th2{width:150px;}
#divPanier #tblPanier th.th3{width:458px;}
#divPanier #tblPanier th.th4{width:50px;}
#divPanier #tblPanier tr {}
#divPanier #tblPanier td{
	border:1px dotted #EFEFEF;
	padding-right:2px;
	font-size:11px;
}
/** panel contenant les liens : vider votre panier et commander */
#divPanier #linkPanierVisu {

}
#divPanier #linkPanierVisu a{

}
#divPanier p.noresult{
	margin-top:100px;
	text-align:center;
}
/******************
* POPUP licence
*/
#divTarif a.lienLicence{
	text-decoration:none;
	text-transform:lowercase;
}
#divTarif .block, #divTarif .block_right{
	padding:15px 2px;
	margin:2px;
	border:1px dotted #d9d9d9;
	width:242px;
}
#divTarif .block_right{
	padding:2px;
	float:right;
	width:370px;
}
/******************
* POPUP divInscription
*/
#formInscription{
	margin-top:15px;
}
#formInscription input.champs{
	display:block;
	height:20px;
	width:150px;
}
#formInscription input.chk_cgu{
	margin-right:5px;
}
#divInscription #tabs_entete{
	line-height:24px;
}
#divInscription h2{
	color:#969696;
	font-size:30px;
}
/** lien ferme la fen�tre */
#divInscription a.closePopup{
	float:right;
	margin-right:15px;
}
#inscriptionFin{
	background: left url(../img/icones/valid.gif) no-repeat;
	padding-left:92px;
	margin:75px 0 0 100px;
}
/******************
* POPUP divOubliPass
*/
#divOubliPass{
}
#divOubliPass h2{
	color:#969696;
	font-size:30px;
}
#divOubliPass a.closePopup{
	float:right;
	margin-right:15px;
}
#divOubliPass #oubliepass{
	margin-top:15px;
}
/******************
* POPUP INFO MORCEAU
*/
#divInfoMorceau .desc{
	text-align:center;
}
h3.detailMorceau{
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
}