body 
{
	margin:			0;
	padding:		0;
	color:			#000;
	font:			x-small/1.5em "Arial",Sans-Serif;
	voice-family: 		"\"}\""; 
	voice-family:		inherit;
	font-size:		small;
}

html>body 
{ 
	font-size:		small; 
	height: 		100%;
	width:			100%;
	margin: 		0;
	padding: 		0;
}


/*---------------------------------------------------- */
/* Squelette / positionnement des bloques de design    */
/* --------------------------------------------------- */


div#global 
{
	position: 		relative;
	min-height: 		100%;
	width: 			1024px;
	padding: 		0;
	margin: 		0 auto;
	background:		#fff;
	padding-bottom:		25px;
	background:		#feffd2;
}


#bkg_header
{
	background:		url(/media/images/site/partenaire/header/header.png) no-repeat;
}

.rouge #global 
{
	border-left:		2px solid #EE1C23;
	border-right:		2px solid #EE1C23;
}
.vert #global
{
	border-left:		2px solid #ABDA4D;
	border-right:		2px solid #ABDA4D;
}
.bleu #global
{
	border-left:		2px solid #7AD3F7;
	border-right:		2px solid #7AD3F7;
}
.orange #global 
{
	border-left:		2px solid #F7931D;
	border-right:		2px solid #F7931D;
}
.noir #global 
{
	border-left:		2px solid #ddd;
	border-right:		2px solid #ddd;
}


#header 							/*  logo du site */			
{
	position: 		relative;
	height: 		150px;
	padding: 		0;
	margin: 		0;
	margin-bottom: 		15px;
	background-position: 	top left;
	z-index:		1;
}

#partenairelogo
{
	position:		relative;
	top:			0px;
	left:			20px;
	width:			504px;
	height:			105px;
	background:		url(/media/images/site/partenaire/logo/logo_partenaires.png) no-repeat;
}


#mpdlogo
{
	position:		absolute;
	top:			0;
	right:			40px;
}

#mpdlogo img {border: 0; }


#connexion
{
	position:		absolute;
	float:			right;
	right:			40px;
	top: 			44px;
	padding:		0;
	margin:			0;
	font-size:		x-small;
	z-index:		4;
}

#connexion ul 
{ 
	list-style: 		none; 
	padding: 		0; 
	margin:			0;
}
#connexion li {	
	display: 		inline;
	padding:		0; 
	margin:			0; 
}

#connexion a { color: black; } 
#connexion a:hover { color: #ddd; }


#sous_menu						/* blok sous-menu dependant de menu principal */
{
	padding-left:		10px;
	width:			100%;
	
}

div#center
{
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 	0px; 
	overflow: 		hidden;
	min-height: 		100%;
	margin-bottom:		20px;
}

div#contenu 
{
	position: 		relative;
	min-height: 		100%;

}




/* --------------------------------------- */
/* 	    Connexion   	           */
/* --------------------------------------- */



/* --------------------------------------- */
/* 	    Menus du site   	           */
/* --------------------------------------- */

	/*-----------------------------------------*/
	/* 	    Menu principale (onglet)	   */



#menu 							/* blok de menu principal */
{
	width:			100%;
	height:			25px;
	margin-left:		35px;
	padding-left:		5px;
	padding-right:		5px;	
}

#menu ul 
{
	list-style:		none;
	height:			50px;
	margin:			0px;
	padding:		0px;
	color:			#fff;
	font-size:		1.2em;
	font-weight:		bold;
}

#menu li 
{
	display:		inline;
	background: 		black;	
	padding-top:		5px;
	padding-bottom:		5px;
}

#menu li a 
{
	margin:			0px 2px;
	color:			#fff;
	text-decoration:	none;
	
}

.rouge #menu a.active { color: #ABDA4D; }
.vert #menu a.active { color: #EE1C23; }
.bleu #menu a.active { color: #7AD3F7; }
.orange #menu a.active { color: #F7931D; }
.noir #menu a.active { color: #ddd; }

#menu a:hover  { color: #ddd; }



	/*---------------------------------*/
	/* 	    Sous Menu 		   */

.sous_menu_gauche
{
	position:		relative;
	display: 		block;
	float:			left;
	height: 		26px;
	width: 			15px;
	margin:			0;
	background-repeat: 	no-repeat;
}

#sous_menu ul 
{
	position:		relative;
	display: 		block;
	width:			940px;
	height:			20px;
	padding:		0; 
	padding-top:		1px;
	margin:			0;
	margin-left:		30px;
	list-style:		none;
	color:			#fff;
}

.bleu #sous_menu ul { background: #7AD3F7; }
.orange #sous_menu ul { background: #F7931D; }


#sous_menu li 	 
{ 
	display: 		inline;
	padding-left:		10px;
}

#sous_menu a 
{ 
	text-decoration: 	none; 
	font-weight:		bold;
	color:			#fff;
}

#sous_menu .active a { color: black; }
#sous_menu a:hover { color: black; }



/** ---- Boites ----- */
.cadre 
{
	width: 			960px;
	min-height: 		50px;
	background-position: 	left bottom;	
	padding-left:		0px;
	padding-bottom: 	0px;
	margin-bottom:		10px;
	margin-left:		30px;
	background:  		transparent url(/media/images/site/partenaire/cadre/cadre_bas.png) no-repeat left bottom;
}




.cadre .cadre-haut 
{
	width: 			100%;
	padding-top: 		2px; 
	padding-right: 		10px; 
	padding-bottom:		0px; 
	padding-left: 		0px; 
	margin-bottom: 		0;
	margin-top: 		0;
	background-position: 	left top;
	background:  		transparent url(/media/images/site/partenaire/cadre/cadre_haut.png) no-repeat;
	z-index:		10000;
}


.cadre-milieu
{
	width: 			100%;
	padding-bottom: 	2px;
	margin-bottom: 		0px;
	margin-top: 		11px;
	padding-top:		5px;
	padding-left:		20px;
	padding-right:		30px;
	background-position: 	left top;
	background:  		transparent url(/media/images/site/partenaire/cadre/cadre_milieu.png) repeat-y;
}

.cadre h1 
{
	margin: 		1em 5px;
	text-align: 		justify;
	padding-left: 		0px; 
	padding-right:		0px;
}

.cadre h2
{
	margin: 		1em 5px;
	text-align: 		justify;
	padding-left: 		0px; 
	padding-right:		0px;
}

.cadre h3 
{
	display:		inline;
	margin: 		1em 5px;
	text-align: 		justify;
	padding-left: 		0px; 
	padding-right:		0px;
}

.cadre p 
{
	margin: 		1em 5px;
	text-align: 		justify;
	padding-left: 		0px; 
	padding-right:		10px;
}

.cadre table
{
 	margin-left:		20px;
}


p.intro
{
	margin-right:		30px;
}

	/*--------------------------------------*/
	/* Menu Bas (contact, plan, légale)     */


div#bas 
{
	position: 		absolute;
	width:			100%;
	bottom: 		0;
	margin: 		0;
	height: 		53px;
	text-align: 		center;
	font-weight: 		bold;
	font-size:		0.8em;
	background: 		url(/media/images/site/pied/partenaire_pied_noir.png) no-repeat bottom center;

}

#bas p
{
	text-align: 		center;
	margin-top:		25px;
	margin-bottom:		0;
	padding-top:		0;
}


#bas ul		
{	
	
	margin: 		0;	
	padding: 		0;
	margin-top:		0;
}


#bas li 	{ display: 	inline;}
#bas a 		{ color:	#bbb; }
#bas a:hover 	{ color: 	#000000; }







/* --------------------------------------- */
/* 	Mise en page général 		   */
/* --------------------------------------- */


italic
{
	font-style:		italic;
}

.bord
{
	border: 		solid 1px #DDDDDD;
	padding:		10px;
	padding-top:		5px;
	margin-left:		5px;
	margin-right:		35px;
	background:		#fff;
}


.bord-bas
{
	border-bottom: 		solid 1px #DDDDDD;
	margin-bottom:		10px;
	margin-left:		5px;
	margin-right:		35px;
}

p { text-align: justify; }


.vert b   { color: #ABDA4D; }
.rouge b  { color: #EE1C23;}
.orange b { color: #F7931D;}
.bleu b   { color: #7AD3F7;}
.noir b   { color: black;}

strong   { color: black; }
.vert strong   { color: #ABDA4D; }
.rouge strong  { color: #EE1C23; }
.orange strong { color: #F7931D; }
.bleu strong   { color: #7AD3F7; }
.noir strong   { color: black; }


.vert a   { color: #ABDA4D; }
.rouge a  { color: #EE1C23;}
.orange a { color: #F7931D;}
.bleu a   { color: #7AD3F7;}
.noir a   { color: #ddd;}

a.texte { color: black; text-decoration: none;}

a:hover { text-decoration: underline ; 	}
.noir a:hover { color: #ddd; text-decoration: underline ;}
a.texte:hover { color: black; text-decoration: none;}

petit { font-size:smaller; }
gras  { font-weight:bold; }

table td 
{
	padding-right:		10px;
	text-align : 		left;
}

/* ----------------------------------------------- */
/* 	Mise en page speciale formulaire	   */
/* ----------------------------------------------- */

	
.cellule_erreur { color: #FF4F57; }						/* Ligne d'un formulaire presentant une erreur. */
.cellule_erreur a { color: #FF4F57; }
.cellule_erreur input { border: 1px solid #FF4F57;}
.cellule_erreur select { border: 1px solid #FF4F57;}
.cellule_aide { color: #969696; }
.champ_obligatoire {font-weight: bold;}

.ligneimpair 	{}								/* Fond ligne de liste pair. */
.lignepair 	{}								/* Fond ligne de liste impair. */


input 
{ 
	border: 		1px solid black; 
}

textarea 
{ 
	border: 		1px solid black; 
	width:			100%; 
	overflow-x: 		hidden;
	overflow-y: 		auto; 
}

select 
{ 
	border: 		1px solid black; 
}

.bouton 
{
	width:			200px; 
	padding-top:		10px; 
	padding-bottom:		10px; 
	border: 		1px solid black;
	color:			black;
}

.bouton_annul 
{
	width:			100px; 
	padding-top:		10px; 
	padding-bottom:		10px; 
	border: 		1px solid black;
	color:			black;
}


.vert .bouton { background: url(/media/images/site/boutons/bouton-vert.png) repeat-x right top; }
.orange .bouton { background: url(/media/images/site/boutons/bouton-orange.png) repeat-x right top; }
.rouge .bouton { background: url(/media/images/site/boutons/bouton-rouge.png) repeat-x right top; }
.bleu .bouton { background: url(/media/images/site/boutons/bouton-bleu.png) repeat-x right top; }





.search
{
	cursor: 		pointer;
	border: 		none;
	background: 		url("/media/images/site/icones/search.png") no-repeat left top;
}

table.formulaire
{ 
	padding-left: 		40px; 
}
 
table.formulaire td 
{
	padding-top:		10px;
	text-align : 		left;
}

table.formulaire td.label 
{ 
	vertical-align : 	top;
	width:			180px;
	padding-right: 		20px; 
}
 
table.formulaire td.cellule_aide { padding-left: 0; }

.formulaire ul 		
{
	margin:			0;
	padding:		0;
}

.formulaire li 		
{
	list-style: 		none; 
	margin:			10px; 
	margin-left:		0px; 
	display: 		inline;
}

.formulaire img
{
	border:			1px solid #ddd;
}

.formulaire_titre ul 		
{
	margin:			0;
	padding:		0;
}

.formulaire_titre li 		
{
	list-style: 		none; 
	margin:			10px; 
	margin-left:		0px; 
	display: 		inline;
}

.formulaire_titre img
{
	border:			1px solid #ddd;
}

.info		
{
	font-style:		italic;
	color:			#969696;
	padding-left:		0;
}


table.formulaire_titre
{ 
	margin-left: 		10px;
	margin-top:		0px; 
	margin-bottom:		40px; 
	width:			840px;
}

table.formulaire_titre td 
{
	text-align : 		center;
	vertical-align : 	middle;
}


 
table.formulaire_titre td.cellule_aide { padding-left: 0; }

.ligneimpair_titre 		{ background:	#ABDA4D;}						/* Fond ligne de liste pair. */
.rouge .ligneimpair_titre 	{ background:	#FFCCCC;}						/* Fond ligne de liste pair. */
.lignepair_titre 		{}								/* Fond ligne de liste impair. */



/* ----------------------------------------------- */
/* 		   */
/* ----------------------------------------------- */
.element
{
	display: 		block;
	margin:			0;
	padding:		5px;
	padding-left:		0;
	text-decoration:	none;
	color: 			#000;
}

.element:hover 		{ border: solid 1px gray; }
.rouge .element:hover 	{ border: solid 1px #EE1C23; }
.orange .element:hover 	{ border: solid 1px #F7931D;} 
.vert .element:hover 	{ border: solid 1px #ABDA4D;} 
.bleu .element:hover 	{ border: solid 1px #7AD3F7;}

/* ----------------------------------------------- */
/* 		paginator   			   */
/* ----------------------------------------------- */

.paginator
{
	display:		block;
	width:			100%;
	text-align:		center;
	margin-bottom:		20px;
	margin-top:		20px;
}

paginator-current
{
	font-weight:		bold;
}



/* ----------------------------------------------- */
/* 		contrat   			   */
/* ----------------------------------------------- */
.contrat
{
	overflow-x: 		hidden;
	overflow-y: 		auto;  
	width: 			90%; 
	height: 		200px; 
	border: 		solid 1px black; 
	margin: 		40px;
	padding:		10px;
}

.contrat h1
{
	color:			black;
	text-align:		center;
	padding-bottom:		20px;		
}

.contrat h2 
{ 
	padding-left: 		0; 
	padding-top: 		20px; 
}

.contrat p { text-align:	justify; }
.contrat td { text-align:	center; }

.contrat ul 
{ 
	padding-bottom:		20px; 
	padding-top: 		0; 
	margin-top: 		0;
}

.contrat_adresse
{
	margin:			0;
	padding:		0;
	padding-left:		20px;
	font-style:		italic;
}


.esp_part .contrat
{
	height: 		500px; 
}

.imprim_contrat 
{
	padding-right:		40px;
	text-align:		right;
}


/* ----------------------------------------------- */
/* affichage des vignette label/artistes/albums	   */
/* ----------------------------------------------- */
.inline
{ 	
	display:		inline;	
	padding-bottom:		15px; 
	padding-top: 		15px; 
	margin-left:		12px;
}

.gallery
{
	margin-top:		10px;
	margin-left:		50px;
}

.vignette
{
	display: 		block;
	float: 			left;	
	border: 		solid 1px #ddd;
	margin-right: 		1em;
	margin-bottom:		1em;
	padding: 		10px;
	text-align: 		center;
	width:			140px;
	height:			260px;
}

.vignette:hover
{
	border: 		solid 1px #F7931D;
	color:			#F7931D;	
}

.vignette h4
{
	text-decoration:	none;
	font-size:		small;
	font-weight:		bold;
	margin-top:		0;
	padding-top:		0;
	margin-left:		5px;
	margin-right:		5px;
	display:		block;
}

.vignette p
{
	padding-left:		0;
	margin-left:		0;
	font-weight:		bold;
	font-size:		smaller;
}

.vignette img
{
	border: 		0px;
}


.vignette .icone
{
	width:			35px;
	height:			35px;
	border:			0;
	padding-top:		10px;
}

.album
{
	background: 		url(/media/images/site/albums/contour.png) no-repeat left top;
	height:			137px;
	width:			127px;
	padding-top:		6px;
	padding-left:		13px;
	margin-left:		10px;	
}

.album img
{
	width: 			120px;
	height: 		120px;
	border: 		0px;
}

.vignette .icone img 
{
	width:			15px;
	height:			30px;
	padding:		0;
	margin:			0;
}

.vignette .icone td
{
	width:			15px;
	height:			30px;
}




/* ----------------------------------------------- */
/* 	Site partenaires - page preference	   */
/* ----------------------------------------------- */
.case_pref
{
	display: 		block;
	float: 			left;	
	margin-right: 		1em;
	margin-bottom:		1em;
	padding: 		5px;
	padding-right: 		0;
	text-align: 		left;
	width:			300px;
}
.case_pref table
{
	margin-left:		0;
	width:			290px;
}

.case_pref table td.col_droite { text-align: right; }

.case_pref table td.col_droite a 
{ 
	color: 			#ABDA4D;
	text-decoration:	none;
	font-style:		italic;
	font-size:		0.9em;
}

.case_pref table td.col_droite a:hover { text-decoration: underline; }


table.tabl_pref
{
	margin-left:		0;
	width:			920px;
}

.case_pref ul { margin: 0; padding: 0; margin-top: 10px; }
.case_pref li { list-style: none; margin: 0; padding-left: 10px;  }



.part_rouge .case_pref  { border:	1px solid red; }
.part_orange .case_pref { border:	1px solid #F7931D; }
.part_vert .case_pref   { border:	1px solid #ABDA4D; }
.part_bleu .case_pref   { border:	1px solid #7AD3F7; }
.part_noir .case_pref   { border:	1px solid black; }

.part_vert b   { color: #ABDA4D; }
.part_rouge b  { color: #EE1C23;}
.part_orange b { color: #F7931D;}
.part_bleu b   { color: #7AD3F7;}
.part_noir b   { color: black;}

.part_rouge a { color: #EE1C23; text-decoration: none;}
.part_rouge a:hover { color: #EE1C23; text-decoration: underline;}

table.info_album
{
	margin-left:		25px;
}

/* ----------------------------------------------- */
/* 	Message d'information général		   */
/* ----------------------------------------------- */

.message 
{ 
	border:			1px solid black; 
	background-color:	#fafafa;
	margin-bottom:		10px;
	margin-left:		5px;
	margin-right:		15px;
	width:			910px;
}

.warning
{
	width:			910px;
	text-align: 		left;
	background-image: 	url("/media/images/site/icones/warning.png"); 
	background-repeat: 	no-repeat;
	background-position: 	center left;
	margin:			0px;
	margin-left:		5px;	
	padding-top: 		4px;
	padding-bottom:		6px;
	padding-left: 		50px;
	padding-right: 		40px;
	color:			red;
}

.information
{
	width:			910px;
	text-align: 		left;
	background-repeat: 	no-repeat;
	background-position: 	center left;
	background-image: 	url("/media/images/site/icones/info.png"); 
	margin:			0px;	
	padding: 		0px;
	padding-top: 		14px;
	padding-bottom:		6px;
	padding-left: 		40px;
	padding-right: 		40px;
}

/* ----------------------------------------------- */
/* 		Upload attente		  	   */
/* ----------------------------------------------- */
.up_attente
{
	position:		absolute;
	border:			2px solid black;
	background:		#FFF;
	left: 			50%; 
	top: 			50%;
	width: 			400px;
	height: 		150px;
	margin-top: 		-75px; /* moitié de la hauteur */
	margin-left: 		-200px; /* moitié de la largeur */  
	text-align:		center;
	padding : 		10px;
	padding-top:		50px;	
}


.border_up 
{ 
	border:			1px solid black; 
	background-color:	#fafafa;
	margin-bottom:		10px;
	margin-left:		5px;
	margin-right:		15px;
	width:			890px;
}



/* ----------------------------------------------- */
/* 		  			  	   */
/* ----------------------------------------------- */
.spacer { clear: both; }

/* ----------------------------------------------- */
/* 		  Systeme de Note			  	   */
/* ----------------------------------------------- */

.vote
{
	font-style:	italic;
	color:		grey;
}

.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url(/media/images/site/vote/alt_star.gif) top left repeat-x;	
}


.star-rating li{
	padding:0px;
	margin:0px;
	width:25px;
	height:25px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	line-height:25px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}

.star-rating li a:hover{
	background: url(/media/images/site/vote/alt_star.gif) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}



.star-rating li.current-rating{
	background: url(/media/images/site/vote/alt_star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	
}

/* remove halo effect in firefox   */
a:active{
	outline: none;
}		





/* ----------------------------------------------- */
/*  Affichage des produits dans le site boutique   */
/* ----------------------------------------------- */

.item_liste table
{
	border-top:		1px solid #ddd;
	width:			850px;
	margin-left:		10px;
	margin-bottom:		10px;
	
}

.item_liste .pochette
{
	width:			120px;
	height:			120px;
	border:			0px solid #ddd;
}

.item_liste .detail
{
	vertical-align:		top;
	text-align:		left;
	border-right:		0px dotted #ddd;
	width:			300px;
	padding-left:		0px;
}

.item_liste .detail p
{
	padding-top:		0;
	margin-top:		0;
}
.item_liste .detail h4
{
	padding-top:		0;
	margin-top:		0;
	padding-right:		0;
	margin-right:		0;
}
.item_liste .description p
{
	padding-top:		0;
	margin-top:		0;
}

.item_liste .description
{
	vertical-align:		top;
	text-align:		left;
	border-right:		0px dotted #ddd;
	width:			400px;
}

.item_liste .pochette img 
{
	border:			0px;
	width:			120px;
}

.item_detail table td
{
	vertical-align:		top;
}

.item_detail img
{
	padding-left:		10px;
}

.item_detail p
{
	padding-left:		10px;
}

.item_detail .description gras
{
	color:			black;
	font-weight:		bold;
}

.item_detail italic
{
	color:			grey;
	font-style:		italic;
}

ul.navig_catalog 
{
	margin: 		0;
	padding:		0;
}


.navig_catalog li
{
	list-style:		none;
	margin: 		0;
	padding:		0;
}

.navig_catalog a img{ border: 0; margin: 0;}

pitit { font-size: x-small;}



/* ----------------------------------------------- */
/*  Affichage des produits en previsualisation	   */
/* ----------------------------------------------- */

.item_liste table
{
	border-top:		1px solid #ddd;
	width:			850px;
	margin-left:		10px;
	margin-bottom:		10px;
}

.item_liste .pochette
{
	width:			120px;
	height:			120px;
	border:			0px solid #ddd;
}

.item_liste .detail
{
	vertical-align:		top;
	text-align:		left;
	border-right:		0px dotted #ddd;
	width:			300px;
	padding-left:		0px;
}

.item_liste .description
{
	vertical-align:		top;
	text-align:		left;
	border-right:		0px dotted #ddd;
	width:			400px;
}

.item_liste .pochette img 
{
	border:			0px;
	width:			120px;
}

.item_detail table td
{
	vertical-align:		top;
}

.item_detail img
{
	padding-left:		10px;
}

.item_detail h2
{
	padding-left:		10px;
}


detail

.item_detail p
{
	padding-left:		10px;
}

.item_detail .description gras
{
	color:			black;
	font-weight:		bold;
}

.item_detail italic
{
	color:			grey;
	font-style:		italic;
}

.navig_catalog li
{
	list-style:		none;
}

.navig_catalog a img{ border: 0; }

pitit { font-size: x-small;}


.boite 
{
	width: 			880px;
	min-height: 		20px;
	background-position: 	left bottom;	
	padding-left:		0px;
	padding-bottom: 	0px;
	margin-bottom:		10px;
}

.noir .boite {background:  transparent url(/media/images/site2/bord/bord_bas_noir.png) no-repeat left bottom;}
.rouge .boite {background: transparent url(/media/images/site2/bord/bord_bas_rouge.png) no-repeat left bottom;}
.orange .boite {background: transparent url(/media/images/site2/bord/bord_bas_orange.png) no-repeat left bottom;}
.vert .boite {background: transparent url(/media/images/site2/bord/bord_bas_vert.png) no-repeat left bottom;}
.bleu .boite {background: transparent url(/media/images/site2/bord/bord_bas_bleu.png) no-repeat left bottom;}


.boite .boite-haut 
{
	width: 			100%;
	padding-top: 		1px; 
	padding-right: 		10px; 
	padding-bottom:		0px; 
	padding-left: 		0px; 
	margin-bottom: 		0;
	background-position: 	left top;
}

.noir .boite .boite-haut {background:  transparent url(/media/images/site2/bord/bord_haut_noir.png) no-repeat;}
.rouge .boite .boite-haut {background: transparent url(/media/images/site2/bord/bord_haut_rouge.png) no-repeat;}
.orange .boite .boite-haut {background: transparent url(/media/images/site2/bord/bord_haut_orange.png) no-repeat;}
.vert .boite .boite-haut {background: transparent url(/media/images/site2/bord/bord_haut_vert.png) no-repeat;}
.bleu .boite .boite-haut {background: transparent url(/media/images/site2/bord/bord_haut_bleu.png) no-repeat;}

.boite-milieu
{
	width: 			100%;
	padding-bottom: 	2px;
	padding-top:		0;
	margin-bottom: 		0;
	margin-top: 		11px;
	background-position: 	left top;
}

.noir .boite-milieu {background:  transparent url(/media/images/site2/bord/bord_milieu_noir.png) repeat-y;}
.rouge .boite-milieu {background: transparent url(/media/images/site2/bord/bord_milieu_rouge.png) repeat-y;}
.orange .boite-milieu {background: transparent url(/media/images/site2/bord/bord_milieu_orange.png) repeat-y;}
.vert .boite-milieu {background: transparent url(/media/images/site2/bord/bord_milieu_vert.png) repeat-y;}
.bleu .boite-milieu {background: transparent url(/media/images/site2/bord/bord_milieu_bleu.png) repeat-y;}


.boite p {
	margin: 		1em 5px;
	text-align: 		justify;
	padding-left: 		10px; 
	padding-right:		10px;
}


/* ----------------------------------------------- */
/*  		Documentation	   		*/
/* ----------------------------------------------- 

#documentation table
{
	width:			880px;
}

#documentation table td
{
	margin:			0;
	border:			1px solid black;
}



#documentation img
{
	border:			0;
}

*/
/* ----------------------------------------------- */
/* 		DOCUMENTATION		  	   */
/* ----------------------------------------------- */

#documentation p
{
	padding-right:		50px;
}

#logo_doc
{
	height:			100px;
	padding-left:		110px;
	padding-top:		1px;
	background-image:	url("/media/images/site/logos/logo_doc.jpg");
	background-repeat: 	no-repeat;
	background-position: 	left;
}

#documentation h2
{
	color:			#969696;
	padding: 		0;

	font-size: 		1.6em;
	text-align: 		left;
	background-image:	none;
}

#documentation h2 .ss-titre
{
	font-weight:		400;
	text-decoration:	underline;
	padding-top:		10px;
}

#documentation h3
{
	padding: 		0px;
	margin: 		0px;	
	margin-top:		30px;
	font-size: 		1.4em;
	text-align: 		left;
	border-top:		0px;
	background-repeat:	none;
}

#documentation h4
{
	padding: 		0px;
	margin: 		0px;	
	margin-top:		40px;
	margin-bottom:		20px;
	font-size: 		1.3em;
	text-align: 		left;
	border-top:		0px;
	display:		block;

}

#documentation h5
{
	padding: 		0px;
	margin: 		0px;	
	margin-top:		50px;
	margin-bottom:		20px;
	font-size: 		1.1em;
	text-align: 		left;
	border-top:		0px;
}

#documentation table
{
	border:			1px solid black;
	border-collapse:	collapse;
	width:			880px;
}

#documentation table td
{
	width:			50%;
	border:			1px solid black;
	padding:		10px;
	
}

#documentation .recommandation
{
	margin-top:		30px;
	font-weight:		bold;
	font-size:		1.2em;
}

#documentation b
{
	color:			black;
}

#documentation img
{
	border:			0px;
}

#documentation .reader_ico
{
	position:		absolute;
	top:			45px;
	right:			65px;
}


#documentation #logo_cdex
{	
	height:			70px;
	padding-left:		110px;
	//background-image:	url("/media/images/site/logos/logo_doc.jpg");
	background-repeat: 	no-repeat;
	background-position: 	left;
}

#documentation #logo_catapulte
{	
	height:			70px;
	padding-left:		110px;
	//background-image:	url("/media/images/site/logos/logo_doc.jpg");
	background-repeat: 	no-repeat;
	background-position: 	left;
}


#documentation #cadre_dwd
{
	border:			1px solid black;
	width:			500px;
	margin-left:		110px;
	background:		#99CCFF;
	margin-top:		10px;
	padding:		0;
	padding-left:		10px;
	padding-right:		10px;
	color:			#fff;
}

#cadre_dwd a
{
	color: #fff;
}
#documentation strong
{
	color:	black;
}

#doc_index table
{
	width:			880px;
}

#doc_index td
{
	text-align:		center;
}

#doc_index img
{
	border:			0;
}

#doc_index a { text-decoration:	none }
#doc_index a:hover { color: black; }


/* ----------------------------------------------- */

.li_alb_visibl
{
	color: 			#ddd; 
	font-size: 		0.6em
}

.li_alb_hidden
{
	text-decoration: none; 
	font-size: 0.6em;
}

.titre_alb_visibl a
{
	text-decoration: 	none;
	color: 			black; 	
}

.titre_alb_visibl a:hover
{
	text-decoration: 	none;
	color: 			#F7931D; 	
}

.nb_disque_zero
{
	font-weight:		normal; 
	font-size:		0.8em;
}


.bt_annuler
{
	text-align:		right;
}


.lecteur_artiste
{
	border: 		0px;
	margin-left:		10px;
}


/* ----------------------Auto promotion des artistes------------------------- */

.auto_promo a img
{
	border:			0px;
}

#detail_vente table
{
	border-collapse:	collapse;
}

#detail_vente table td
{
	border: 		1px solid #ddd;
	text-align:		right;
}

#detail_vente table .agauche 
{
	text-align:		left;
}

/* ----------------------publicite------------------------- */

#publicite_haut
{
    position:        absolute;
    display:         block;
    float:           right;
    top:             118px;
    right:           31px;
    margin:          10px;
    width:           480px;
    height:          60px;
    color:           #fff;
    font-size:       x-small;
    text-align:      center;
    z-index:         4;
    border:          1px solid #ddd;
}

#publicite_haut img
{
	border:		0;
}