/* MODIFICATION
––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––
	UPDATED: 12 juillet 2010
	AUTHOR: Joel Lachance
    UPDATER: Remi Savard
	UPDATES: Optimisation CSS
––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––*/


/* LEGEND -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_

1.0 --- WEBSITE SPECIFICATION
2.0 --- RESET STYLESHEET 
3.0 --- GENERIC HTML
4.0 --- COMMONLY USED
5.0 --- SECTION
	5.1 --- Header
	5.2 --- Content
		5.2.1 --- Content styles
			5.2.1.1 --- Content left styles
			5.2.1.2 --- Content center styles
			5.2.1.3 --- Content right styles
	5.3 --- Footer
	5.4 --- Mobile
6.0 --- TEMPORARY

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


/* 1.0  WEBSITE SPECIFICATION
--------------------------------------------------------------------------- 
Vert foncé = #074830
Vert lime = #deecb7
Texte courant = #003861

Titre onglets = 553px X 38px
Titre sections = 550px X 21px
Titre sections avec flèche = 550px X 31px

Marge = 1.375em
---------------------------------------------------------------------------*/


/* 2.0  RESET STYLESHEET 
--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* 3.0 GENERIC HTML
--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/

body {
background: #000;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 100%;
text-align: center;
color: #464646;
}

h1 {
color: #464646;
font-size: 100%;
padding: 0 0 0 19px;
font-weight: bold;
text-transform: uppercase;
}

h2 {
border-bottom: 2px dotted #bdced2; 
display: block; 
width: 547px; 
margin: 24px 0 16px 20px; 
padding: 0 0 3px 0; 
font-size : 19px;
font-weight: normal;
color: #8dbed4;
text-transform: uppercase;
}

h3{
background: url('images/yellow-spacer.gif') no-repeat;
display: block;
width: 550px; 
height: 40px;
margin: 24px 0 16px 17px;
font-size : 16px; 
color: #005288;
line-height: 40px;
padding: 0px;
font-weight: normal;	
}

p {
font-size: 13px;
padding: 0 0 10px 0;
line-height: 120%;
}

a {
outline: none;
color: #46463F;
text-decoration: none;
}
a:hover{
	color: #DB0812;
	text-decoration: underline;
}
img {
border: 0;
}

hr{
visibility: hidden;
height: 100px;	
}

li{

color: #333333;
font-size: 16px;
}

td{
    line-height: 120%;
}

/* 4.0 COMMONLY USED
--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/

.hide
{
display: none;
}

.fl
{
float: left;
}

.fr
{
float: right;
}

.block
{
display: block;	
}

.upcase{
text-transform: uppercase;
font-weight: bold;	
}

.cb{
clear: both;	
}

.nb{
	border: none;
}

.np{
	padding: 0;
}

.nm{
	margin: 0;
}

.redtxt{
	color: #db0812;
}

.lc{
text-transform: lowercase;
}

/* 5.0 SECTION
--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/

#container{
width: 975px;
margin: 0 auto;
text-align: left;
position: relative;
}


	/* 5.1 HEADER
	--------------------------------------------------------------------------- 
	---------------------------------------------------------------------------*/
	
	#top{
	width: 975px;
	height: 90px;
	background: #1b1b18 url('../../images/atma-top-background.gif');
	position: relative;
	}
	
		#top a img{
		margin: 27px 0 0 9px;
		border: 1px solid #FFF;
		}
			
	
	/* 5.2  CONTENT
	--------------------------------------------------------------------------- 
	---------------------------------------------------------------------------*/
	
	#content{
	width: 975px;
	padding:8px 0 25px;
	overflow: hidden;
	background: #FFF url('/images/back-content.jpg') no-repeat;
	}
	
		#left{
		width: 196px;
		float: left;
		font-size: 0;
		padding-left:9px;
		}
		
		    #left .leftMenu
		    {
		        padding-left : 9px;
		    }
		
		#center{
		width: 522px;
		float: left;
		font-size: 11px;
		margin: 0 0 0 20px;
		}
		
		.imgDisplay{ display:block;}/* fix for ie7 */
		
		
			#center-sc{
			width: 750px;
			float: left;
			font-size: 0;
			margin: 0 0 0 10px;
			}

			#center-sc-intro{
			width: 730px;
			float: left;
			font-size: 0;
			margin: 0 0 0 10px;
			padding: 0 0 0 25px;
			}

		
		#right{
		width: 208px;
		float: right;
		font-size: 11px;
		}
			
	
		/* 5.2.1  CONTENT STYLES
		--------------------------------------------------------------------------- 
		---------------------------------------------------------------------------*/
		
		
			/* 5.2.1.1  CONTENT LEFT STYLES
			--------------------------------------------------------------------------- 
			---------------------------------------------------------------------------*/
        .left-email, .left-concours{
		    margin: 14px 0 0 0px;
		}
		.left-email .menu-haut, .left-concours .menu-haut{padding-bottom:16px;}
			.left-email input{
			position: absolute;
			top: 42px;
			left: 15px;
			background: none;
			border: none;
			padding-top: 2px;
			color: #FFF;
			font-weight: bold;
			width: 140px;
			}
			
			.left-email .newletterButton{
			margin-left: 10px;
			}
			
		.newsletter-title{
		padding-top: 16px;
		padding-left: 11px;
		font-weight:bold;
		}
		
		.left-email .b-submit{
		position: absolute;
		top: 42px;
		left: 165px;
		}
	
		
			.left-concours input{
			position: absolute;
			top: 42px;
			left: 15px;
			background: none;
			border: none;
			padding-top: 2px;
			color: #FFF;
			font-weight: bold;
			width: 140px;
			}
			
			.left-concours .newletterButton{
			margin-left: 10px;
			}			
						
		    .left-concours .newsletter-title{
		        display: block;
                font-family:Helvetica,Arial,Verdana,sans-serif;		        
		        font-size: 10pt;
		        font-weight: bold;
		        text-transform:uppercase;
			    color: #dad9d9;
				margin-bottom:16px;
		    }

		
		.left-search{padding: 14px 0 0 0px;}
		/*grandeur de la division central pour mieu adapt/ les coins ronds*/
		.left-search .menu-haut{height: 86px;}
        
        .email-button{}
		
		.left-search .email-button a
		{
		
		width: 19px;
		height: 17px;
		background: url(/fr/images/b-go.gif) no-repeat;
		position:absolute;
        left:170px;
        top:2px;
		}
		
		#center .email-button a{
		background: url(/fr/images/b-recherche.gif) no-repeat;
		width: 110px;
		height: 19px;
		display: block;
        }
		  .left-search .counter{width:0px;}
		    .left-search span{ font-size:0px;}
				
			.left-search input
			{
			left:11px;
			width:  151px;
			height: 17px;
			background: #FFF;
			border: 1px solid #e81d29;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 11px;
			padding-left: 3px;
			position:absolute;
			margin:0px;
			top:0;
			margin:0;
			line-height:17px;
}
			
			.left-search span a{
			display: block;
            margin:3px 0 0px 11px;
			font-weight: bold;
			color: #d6d6d6;
			font-size: 13px;
			visibility: visible;
			position:absolute;
			top:22px;
			}
			
				.left-search span a:hover{
				color: #db0812;
				text-decoration: none;
				}

.menu-haut p{padding-bottom:10px;}
			
		.email-title{
		padding: 11px 0 0;
		margin-left: 11px;
		text-transform:uppercase;
		font-weight:bold;
		}
		

		.search-button{
		position: absolute;
		top: 466px;
		left: 470px;
		}

			
			
			/* 5.2.1.2  CONTENT CENTER STYLES
			--------------------------------------------------------------------------- 
			---------------------------------------------------------------------------*/

		.flash-intro{
		margin: 0 0 0 22px;
		}
		
		.onglet-center{
		margin: 6px 2px 6px 0px;
		}
		
		.center-lr-container{
		width: 532px;
		padding: 5px 0 0 10px;
		overflow: hidden;
		}
		
		    .center-lr-container .center-lr-block{
		    width: 100px;
		    float: left;
		    margin: 0 14px;
		    display: inline;
		    }
							
			.center-lr-container .center-lr-block ul{
			margin: 0 0 0 0;
			}
			.center-lr-container .center-lr-block ul li{
			font-size: 11px;
			color: #46463f;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			line-height: 14px;
			margin: 0 0 0 0;
			padding: 0;
			}
			    
			    .center-lr-container .center-lr-block ul li a{color: #DB0812; text-decoration: underline;}
			        .center-lr-container .center-lr-block ul li a:hover{color: #DB0812; text-decoration: none;}
			
		
		.center-spacer{
		width: 520px;
		height: 1px;
		border-bottom: 2px dotted #db0812;
		clear: both;
		margin: 0 0 0 0;
		padding: 5px 0 0 0;
		}
		
		.b-more{
		    margin: 0 25px 0 0;
		    padding: 0;
		    clear: both;
		    display: block;
		    float: right;
		}
		
		.center-wia{
		margin: 0 0 9px 0;
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		color: #db0812;
		overflow: hidden;
		height: 1%;
		}
		
			.center-wia img{

			padding-top: 1px;
			}
			
			.center-wia p{
			display: block;
			float: left;
			font-size: 13px;
			font-weight: bold;
			text-transform: uppercase;
			color: #db0812;
			padding: 0 5px;
			}
		
		.center-artist-gallery-pub{
		padding: 0 0 0 12px;
		margin: 0 0 0 0;
		overflow: hidden;
		position: relative;
		left: 22px;
		background: url('../../images/back-gallery.gif') no-repeat;
		height: 238px;
}
		
			.center-artist-gallery-pub img{
			padding: 8px 2px 2px 1px;
			display: block;
			float: left;
			}
		
			.center-artist-gallery-pub .tl{
			position: absolute;
			top: 0;
			left: 22px;
			}
			
			.center-artist-gallery-pub .tr{
			position: absolute;
			top: 0;
			left: 542px;
			}
			
			.center-artist-gallery-pub .bl{
			position: absolute;
			top: 188px;
			left: 22px;
			}
			
			.center-artist-gallery-pub .br{
			position: absolute;
			top: 188px;
			left: 542px;
			}

		.center-search{
		padding: 0 0 0 12px;
		margin: 0 0 0 0;
		overflow: hidden;
		position: relative;
		left: 22px;
}
			.center-search table{
			width: 250px;
			font-size: 12px;
			font-weight: bold;
			margin: 30px 0 0 25px;
			}
				.center-search table td{
				height: 16px;
				width: 30px;
				}
				.center-search table tr{
				height: 35px;
				}		
			.center-search li{
			font-size: 16px;
			color: #46463f;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			line-height: 14px;
			margin: 0;
			}

		
		.center-cd-pub{
		padding: 0 0 0 15px;
		margin: 0 0 0 0;
		overflow: hidden;
		position: relative;
		left: 22px;
		background: url('../../images/back-gallery.gif') no-repeat ;
		}
		
			.center-cd-pub img
			{
			padding: 10px 25px 5px 11px;
			display: block;
			float: left;
			}
		
			.center-cd-pub .tl{
			position: absolute;
			top: 0;
			left: 22px;
			}
		
			.center-cd-pub .tr{
			position: absolute;
			top: 0;
			left: 542px;
			}
			
			.center-cd-pub .bl{
			position: absolute;
			top: 256px;
			left: 22px;
			}

			.center-cd-pub .br{
			position: absolute;
			top: 256px;
			left: 542px;
			}
				
		.prize-list{
		padding: 0 0 0 15px;
		margin: 0 0 0 0;
		overflow: hidden;
		position: relative;
		}
		
			.prize-list img
			{
			padding: 5px 5px 5px 5px;
			display: block;
			float: left;
			}
		
			.prize-list td{
			text-transform: uppercase;
			font-weight: bold;
			color: #db0812;
			font-size: 10px;
			line-height: 18px;
			}
			
		.center-artist-gallery-content{
		}
		
		.center-artist-gallery-content input{
		border: 3px solid red;
		}
		
			.center-artist-gallery-content img{
			padding-right: 50px;
			}
			
			.center-artist-gallery-content table{
			width: 530px;
			font-size: 12px;
			
			}
			
				.center-artist-gallery-content div table td{
				height: 16px;
				padding: 6px 3px;
				}
				
					.center-artist-gallery-content table td a{
					color: #464646;
					text-decoration: underline;
					}
					
						.center-artist-gallery-content table td a:hover{
						color: #db0812;
						text-decoration: none;
						}
						
					.center-artist-gallery-content table td img{
					padding: 0 0 0 5px;
					}
					
					.center-artist-gallery-content table td p{padding: 5px 0 0 0; font-size: 12px;}

			.center-artist-gallery-content table.cd-list{
			margin: 15px 0 0 0;
			width: 510px;
			font-family: Helvetica, Arial, Verdana;
			}
							
				.center-artist-gallery-content table.cd-list td{
				vertical-align: middle;
				height: 65px;
				}
				
					.center-artist-gallery-content table.cd-list td a{
					text-decoration: none;
					color: #464646;
					}
					
					.center-artist-gallery-content table.cd-list td a.artiste{
					font-weight: bold;
					color: #db0812;
					text-decoration: none;
					}
					
						.center-artist-gallery-content table.cd-list td a:hover.artiste{
						text-decoration: underline;
						}
						
					.center-artist-gallery-content table.cd-list td a.titre{
					text-decoration: none;
					}
					
						.center-artist-gallery-content table.cd-list td a:hover.titre{
						text-decoration: underline;
						color: #db0812;
						}


			
			.center-artist-gallery-content .star{
			font-weight: bold;
			}
						
			.center-artist-gallery-content .vedette td{
			font-weight: bold;
			font-size: 13px;
			height: 20px;
			}
		
		.center-artist-gallery-content .left{
		float: left;
		width: 250px;
		padding: 0 25px 0 0;
		}
		
			.center-artist-gallery-content .left table{
			width: 264px;
			}
		
		.center-artist-gallery-content .right{
		float: left;
		width: 264px;
		}
		
			.center-artist-gallery-content .right{
			width: 264px;
			}
			
		.center-artist-gallery-content .paging{
		width: 519px;
		height: 26px;
		overflow: hidden;
		clear: both;
		text-align: center;
		margin: 10px 0 0 8px;
		line-height: 150%;
		background: transparent url('/images/backPaging.gif');
		}
		
		    .center-artist-gallery-content .paging div{
		    margin: 5px 10px 0 10px;
		    font-size: 12px;
		    font-weight: bold;
		    color: #FFF;
		    }
		    
		        .center-artist-gallery-content .paging div a{
		        color: #FFF;
		        }
		
		    .center-artist-gallery-content .paging .prev{
    		float: left;
    		margin-left: 165px;
		    }
		    
		        .center-artist-gallery-content .paging .prev a{
    		    visibility: hidden;
		        }
		        
		            .center-artist-gallery-content .paging .prev a.Actif{
		            visibility: visible;
		            }
		            
		        .center-artist-gallery-content .paging .next a{
    		    visibility: hidden;
		        }
		        
		        	.center-artist-gallery-content .paging .next a.Actif{
		            visibility: visible;
		            }
		    
		    .center-artist-gallery-content .paging .page{
		    float: left
		    }
		    
		    .center-artist-gallery-content .paging .next{
    		float: left;
		    }
	
		.center-artist-alpha-container{
		border-top: 2px dotted red;
		border-bottom: 2px dotted red;
		text-transform: uppercase;
		padding: 7px 0;
		font-weight: bold;
		margin: 10px 0 0 0;
		width: 515px;
		text-align: center;
		overflow: hidden;
		}
		
			.center-artist-alpha-container ul{
			margin-left: 20px;
			}

				.center-artist-alpha-container li{
				float: left;
				margin: 0;
				padding: 0 7px 0 0;
				display: inline;
				}
				
				
		.disco-box-content .center-artist-alpha-container{
		border-top: 2px dotted red;
		border-bottom: 2px dotted red;
		text-transform: uppercase;
		padding: 7px 0;
		font-weight: bold;
		margin: 10px 0 0 0;
		width: 515px;
		text-align: center;
		overflow: hidden;
		}
		
			.disco-box-content .center-artist-alpha-container ul{
			margin-left: 20px;
			}

				.disco-box-content .center-artist-alpha-container li{
				float: left;
				margin: 0;
				padding: 0 7px 0 0;
				display: inline;
				}
				
				
				
				.center-artist-alpha-container li:hover{
				cursor: pointer;
				}


				.center-artist-alpha-container li a{
				color: #47423d;
				text-decoration: none;
				font-size: 16px;
				}
				
					.center-artist-alpha-container li a:hover{
					color: #db0812;
					text-decoration: none;
					}

					.center-artist-alpha-container .alpha-select a{
					color: #db0812;
					}
					
					
			.center-artist-gallery-content .alpha {
			margin: 0 0 0 18px;
			}
			
			.alpha-holder{
			background: #FFF url('../../images/letter-holder.gif') no-repeat;
			width: 23px;
			height: 21px;
			color: #FFF;
			text-transform: uppercase;
			font-weight: bold;
			text-align: center;
			line-height: 21px;
			font-size: 13px;
			margin: 20px 0 5px 0;
			}
			
			
		.center-artist-paging-container, .Paging_Top, .Paging_Buttom{
		border-top: 2px dotted red;
		border-bottom: 2px dotted red;
		text-transform: uppercase;
		padding: 7px 0;
		font-weight: bold;
		margin: 0px 0 23px 0;
		text-align: center;
		overflow: hidden;
		}
		.center-artist-paging-container{
			font-size: 14px;
			
		}
		.Paging_Top{
			margin-bottom: 0;
			margin-top: 23px;
		}
		.Paging_Buttom{
			margin-top: 0px;
		}			
			
			.center-artist-paging-container span span, .Paging_Top span span, .Paging_Buttom span span{
			display: none;
			}

			.center-artist-paging-container a, .Paging_Top a, .Paging_Buttom a{
            display:inline;
            /*float: left */
            margin:0;
            padding:0 7px 0 0;
			color:#46463f; 
            font-weight:bold; 
            text-decoration:none; 
            text-transform:capitalize;
           			
			}			
			.center-artist-paging-container a{
				 font-size: 16px;
				
			}
			.Paging_Top a, .Paging_Buttom a{
				font-size: 11px;
				}
				
			.center-artist-paging-container span.Current, .Paging_Top span.Current, .Paging_Buttom span.Current{
			display: inline;
  			/*float: left */
            margin:0;
            padding:0 7px 0 0;	            
			color: #db0812;
			}
			.center-artist-paging-container span.Current{
				font-size: 16px;
				
			}
		#disc_content{
			
			margin-bottom: 23px;
		}
        .Paging_Top a:hover, .Paging_Buttom a:hover
        {
            font-weight:bold;
            text-decoration:underline;
			color: #db0812;
        }	
		
		.itemNouvelle{
			font-size: 12px;
			margin-top: 23px;	
		}		
		.itemNouvelle a{
			color: #db0812;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: bold;
			
		}
		.itemNouvelle a:hover{
			font-size: 14px;
			text-decoration: underline;
		}	
		.itemNouvelle .dateNouvelle{
			font-size: 13px;
			display: block;
			margin-top: 3px;
		}
		.itemNouvelle p{
			margin-bottom: 10px;
			margin-top: 5px;
			
		}
		.itemNouvelle img{
			display: block;
			margin-bottom: 10px;
			
		}
		
		.center-critiques-block{
		width: 500px;
		padding-bottom: 13px;
		font-size: 0;
		}
		
			.center-critiques-block .titreAlbum{
			font-size: 12px;
			display: block;
			text-transform: uppercase;
			font-weight: bold;
			padding: 10px 0 0 0;
			}
			
			.center-critiques-block .titreCritiques{
			font-size: 24px;
			display: block;
			padding: 0 0 8px 0;
			border-bottom: 2px dotted red;
			}
			
			.center-critiques-block .imgCritiques{
			float: left;
			display: block;
			margin: 15px 0;
			}
			
			.center-critiques-block .nomCritiques{
			float: left;
			font-size: 13px;
			font-weight: bold;
			padding: 0 0 0 7px;
			display: block;
			margin: 15px 0;
			}
			
			.center-critiques-block .dateCritiques{
			float: right;
			font-size: 13px;
			font-weight: bold;
			display: block;
			margin: 15px 0;
			}
			
			.center-critiques-block p{
			font-size: 11px;
			display: block;
			clear: both;
			margin-top: 0;
			padding-top: 0;
			line-height: 14px;
			}
			
		.center-aboutUs-block{
		width: 500px;
		}
		
			.center-aboutUs-block p{
			font-size: 12px;
			line-height: 150%;
			display: block;
			padding-left: 2px;
			}
		
			.center-aboutUs-block p.titre{
			color: #db0812;
			font-size: 18px;
			font-weight: bold;
			line-height: 100%;
			}
			
			.center-aboutUs-block p.sTitre{
			color: #db0812;
			font-size: 14px;
			font-weight: bold;
			line-height: 120%;
			}
			
		.center-news-block{
		width: 500px;
		}
		
			.center-news-block p{
			font-size: 12px;
			line-height: 150%;
			display: block;
			padding-left: 2px;
			}
			
			.center-news-block p.titre{
			color: #db0812;
			font-size: 14px;
			font-weight: bold;
			line-height: 120%;
			padding-top: 10px;
			}
			
		.center-newsList-block{
		width: 500px;
		}
		
			.center-newsList-block p{
			font-size: 12px;
			line-height: 150%;
			display: block;
			padding-left: 2px;
			}
			
			.center-newsList-block a{
			display: block;
			color: #db0812;
			font-size: 14px;
			font-weight: bold;
			line-height: 120%;
			padding: 5px 0 0 0;
			}
			
				.center-newsList-block a:hover{
				text-decoration: none;
				}

        .linkAll
        {
            display: block;
            margin-bottom: 10px;
        }

        
		
		.center-distributeur-block{
		border-bottom: 2px dotted red;
		width: 500px;
		padding-bottom: 10px;
		}

			.center-distributeur-block table td{
			height: 16px;
			font-size: 11px;
			}

				.center-distributeur-block table td.distributeur{
				color: #db0812;
				font-size: 12px;
				}
				
				.center-distributeur-block table td a{
				color: #464646;
				text-decoration: none;
				}

					.center-distributeur-block table td a:hover{
					text-decoration: underline;
					color: #db0812;
					}

		.artiste-box{
		margin: 0 0 0 0;
		}
		
		.artiste-box-onglet{
		margin: 0;
		width: 361px;
		background: url('/images/artiste-ongletLong-back.gif');
		color: #FFF;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		padding: 5px 0 0 10px;
		position: relative;
		}
		
			.artiste-box-onglet .left{
			position: absolute;
			top: 0;
			left: 0;
			}
			
			.artiste-box-onglet .right{
			position: absolute;
			top: 0;
			left: 250px;
			}

	
		.artiste-box-content{
		width: 518px;
		background-color: #dad9d9;
		font-size: 12px;
		color: #333333;
		padding-bottom: 10px;
		
		overflow: hidden;
		line-height: 150%;
		}
		
			.artiste-box-content p{
			font-size: 12px;
			line-height: 150%;
			padding-left: 2px;
			vertical-align: top;
			}
			
			.artiste-box-content table{
			clear: both;
			width: 465px;
			margin: 15px 0 0 22px;
			}
			
			.artiste-box-content li{font-size: 12px; line-height: 150%; color: #333333;}
			
			.artiste-box-content-left{width: 300px; overflow: hidden; float: left; margin: 0 0 0 10px;}
     			.artiste-box-content-left .galery-input{float: left; width: 90px; height: 90px;}
     			    
        .artiste-box-content-right{float: left;margin: 13px 0 0 5px;}
			
		.center-spacer-disco{
		width: 500px;
		height: 1px;
		border-bottom: 2px dotted red;
		clear: both;
		margin: 0 0 0 7px;
		padding: 5px 0 0 22px;
		}
		
		#disco-box{
		margin: 0 0 0 22px;
		}
		
		.disco-box-onglet{
		margin: 0 0 0 22px;
		width: 300px;
		background: url('../../images/artiste-onglet-back.gif');
		color: #FFF;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		padding: 5px 0 0 10px;
		position: relative;
		}
		
			.disco-box-onglet .left{
			position: absolute;
			top: 0;
			left: 0;
			}
			
			.disco-box-onglet .right{
			position: absolute;
			top: 0;
			left: 250px;
			}

	
		.disco-box-content{
		width: 518px;
		background-color: #dad9d9;
		font-size: 11px;
		color: #333333;
		padding-bottom: 10px;
		padding-top: 15px;
		margin: 0;
		}
		
			.disco-box-content p{
			font-size: 12px;
			line-height: 150%;
			display: block;
			padding-left: 2px;
			}
			
			.disco-box-content table{
			clear: both;
			width: 465px;
			margin: 0 0 0 22px;
			}

				.disco-box-content table td{
				height: 75px;
				font-size: 12px;
				vertical-align: middle;
				padding: 0 0 0 15px;
				}
			.disco-box-content ul li{margin: 0; padding: 0 25px; color: #464646;}
	
	
	    
	    .critique-box-content{
		width: 518px;
		background-color: #dad9d9;
		font-size: 11px;
		color: #333333;
		padding-bottom: 10px;
		padding-top: 15px;
		margin: 0;
		line-height: 150%;
		}
		
			.critique-box-content p{
			font-size: 12px;
			line-height: 150%;
			padding-left: 2px;
			}
			
			.critique-box-content table{
			clear: both;
			width: 465px;
			margin: 0 0 0 22px;
			}

				.critique-box-content table td{
				font-size: 12px;
				vertical-align: top;
				padding: 0 0 0 0;
				line-height: 100%;
				}
			.critique-box-content ul li{margin: 0; padding: 0 0 0 5px; color: #464646; line-height: 150%;}
			.critique-box-content table td p{line-height: 150%; width: 450px;}


		.nouvelle-box-content{
		width: 518px;
		background-color: #dad9d9;
		font-size: 11px;
		color: #333333;
		padding-bottom: 10px;
		padding-top: 15px;
		}
		
			.nouvelle-box-content p{
			font-size: 12px;
			line-height: 150%;
			display: block;
			padding-left: 2px;
			}
			
			.nouvelle-box-content table{
			clear: both;
			width: 400px;
			margin: 15px 0 0 22px;
			}

		.center-spacer-artiste{
		    width: 500px;
		    height: 0px;
		    border-bottom: 2px dotted red;
		    clear: both;
		    margin: 0 0 0 7px;
		    padding: 5px 0 0 0;
		    overflow : hidden; /* prevents the extra space in IE6*/
		}
		
		.center-catalogue-artist{
		overflow: hidden;
		width: 475px;
		margin: 0 0 16px 0;
		}

		.center-catalogue-artist table.align-instrument td a{border-left: 1px solid #DC0D17; padding: 0 4px 0 8px; font-weight: bold;}
		.center-catalogue-artist table.align-instrument td {height: 22px;}

		.center-catalogue-spotlight{
		overflow: hidden;
		width: 475px;
		margin: 0 0 16px 0;
		}

			.center-catalogue-spotlight img{
			float: left;
			margin: 0 0 0 22px;
			}

			.center-catalogue-spotlight ul{
			float: left;
			margin: 0 0 0 10px;
			}
		
				.center-catalogue-spotlight li{
				float: left;
				font-size: 12px;
				font-weight: bold;
				color: #464646;
				margin: 0 0 6px 0;
				padding: 0 4px 0 4px;
				}
		
			.center-catalogue-artist img{
			float: left;
			margin: 0 0 0 22px;
			}

			.center-catalogue-artist ul{
			float: left;
			margin: 0 0 0 10px;
			}
		
				.center-catalogue-artist li{
				float: left;
				font-size: 12px;
				font-weight: bold;
				color: #464646;
				margin: 0 0 6px 0;
				padding: 0 4px 0 4px;
				border-right: 1px solid red;
				}
				
					.center-catalogue-artist li a{
					color: #464646;
					text-decoration: underline;
					}
					
						.center-catalogue-artist li a:hover{
						color: #db0812;
						text-decoration: none;
						}
					
					.center-catalogue-artist li span{}
						
		.center-spacer-catalogue{
		width: 500px;
		height: 1px;
		border-bottom: 2px dotted red;
		clear: both;
		margin: 10px 0 10px 8px;
		padding: 5px 0 0 0;
		}
	
		     
		.center-catalogue-cd{
		margin: 13px 0 0 0;
        width: 516px;
		}
		

	        
	    .center-catalogue-cd .posTitle{
		margin: 0 0 0 0;
		background: url('/images/catalogue-cd-box-top.gif') no-repeat;
		width: 520px; 
		height: 35px;
		padding: 20px 0 0 0;
		}
		
			.center-catalogue-cd .posTitle span{
		    color: #FFF;
		    font-weight: bold;
		    text-transform: uppercase;
		    font-size: 14px;
		    padding: 0 0 0 30px;
		    }
		    
	    .center-catalogue-cd .Milieu{
	     background: #DCDBDB;
	     width: 519px;
	     }
	     
 		    .center-catalogue-cd .Milieu table{
            background: #FFF;
            width: 481px;
            margin: 0 0 0 20px;
            padding: 0;
		    }
		    
		        .center-catalogue-cd .Milieu table td{padding: 5px 0;}
		        		            
		            .center-catalogue-cd .Milieu table td table{width: 481px; float: right; margin: 0;}
		                        
		            /*.paddingLeftTitle{width: 400px; display: block;}*/
		            
		            .center-catalogue-cd .Milieu table .dureePiste{display: block; text-align: right; margin: 0; padding: 0; width: 55px; float: right;}
		          	    .center-catalogue-cd .Milieu table td table .dureePiste{display: block; text-align: right; margin: 0; padding: 0; width: 55px; float: right;}
	
		          	            
		    .center-catalogue-cd .FinCD{
		     background: url('/images/catalogue-cd-box-bottom.gif') no-repeat;
		     width: 519px;
		     height: 25px;
		     margin: 0 0 15px 0;
		     }
		     		            
		            .center-catalogue-cd .Milieu table .noPiste{color: #DB0812; font-weight: bold; padding: 0}
		            .center-catalogue-cd .Milieu table .titrePiste{font-weight: bold;}
		            .center-catalogue-cd .Milieu table .Debut{width: 22px; padding: 0 0 0 19px;}
		            .center-catalogue-cd .Milieu table .Mid{width: 275px;}
		            .center-catalogue-cd .Milieu table .Mid2{width: 125px;}
		            .center-catalogue-cd .Milieu table .Mid3{width: 55px; padding: 0 5px 0 0; margin: 0; text-align: right; vertical-align: middle;}
		            .center-catalogue-cd .Milieu table .Mid5{width: 22px; text-align: right; padding: 0;}
		                .center-catalogue-cd .Milieu table .Mid5{padding: 0 3px 2px 0; margin: 0; line-height: 0; font-size: 0;}
		                .center-catalogue-cd .Milieu table .alignFlash{padding: 0 3px 0 0; text-align: right !important; margin: 0; line-height: 0; font-size: 0;}
		            .center-catalogue-cd .Milieu table td.odd{background-color: #EFF0F1;}
		                .center-catalogue-cd .Milieu table td.odd table td{background-color: #EFF0F1; border-bottom: 1px dotted #DCDBDB;}
		                .center-catalogue-cd .Milieu table td table td{border-bottom: 1px dotted #DCDBDB;}
		                    .alignRightTime{padding: 0 0 0 0;}
		                    .paddingLeftTitle{padding: 0 0 0 0;}
		                    .testAlignMove{}	            

		
		
		

		
		.center-catalogue-cd-content{
		width: 516px;
		background: url('/images/center-catalogue-cd-back.gif') 1px 0 repeat-y;
		font-size: 14px;
		}
		
			.center-catalogue-cd-content table{
			width: 482px;
			margin: 0 0 0 20px;
			}
	
				.center-catalogue-cd-content table td{
				height: 18px;
				font-size: 12px;
				vertical-align: middle;
				padding: 0 0 0 15px;
				}
				
				.center-catalogue-cd-content table td p{
				font-weight: bold;
				font-size: 12px;
				margin: 0;
				padding: 0;
				}
				
				.center-catalogue-cd-content table td p span{
				color: #db0812;
				}

					.center-catalogue-cd-content .odd{
					background: #eff0f1;
					}
					
		.center-catalogue-cd-bottom{
		width: 519px;
		height: 25px;
		background: url('../../images/catalogue-cd-box-bottom.gif') 1px 0 no-repeat;
		margin: 0 0 0 0;
		}
		
		ul.center-ctGallery{
		}
		
		    ul.center-ctGallery li{
		    float: left;
		    margin: 0 10px 10px 0;
		    }
		    
		ul.center-ctThumbail{
		}
		
	        ul.center-ctThumbail li{
	        float: left;
	        width: 197px;
	        margin: 15px 15px 15px 0;    
		    }
		    
		        ul.center-ctThumbail li span{
		        display: block; 
		        padding: 10px 0 0 0; 
		        font-size: 12px;
		        }
		    
		#content .erreur{
		width: 500px;
		height: 300px;
		margin: 0 auto;
		padding: 100px 0 0 0;
		font-weight: bold;
		}
		
			#content .erreur a{
			font-weight: normal;
			}
		
			/*
			--------------------------------------------------------------------------- 
			### SPECIAL COLLECTION ###
			---------------------------------------------------------------------------
			*/
			
			.collectionClass{
				 width:348px; height:255px; padding:0 10px 10px 0; background-repeat:no-repeat;
			}		
		
			.collectionItemMain{
				width:736px; 
				height:76px;
				
			}
			.bgGray{
				background-color:#eff0f1;
			}
			.thumb{
			vertical-align:middle;
			padding:4px 0 4px 4px;
			}
			.thumbImg{
				border-right:2px solid red;
				border-bottom:2px solid red;
			}
			.collection-title{
				width:24%;
				color:#db0812;
				font-size:13px;
				font-weight:bold;
				vertical-align: middle;
				text-align: center;
			}
			
			    .collection-title a{color: #ed1c28; text-decoration: underline;}
			        .collection-title a:hover{color: #ed1c28; text-decoration: none;}
			
			.collection-artists{
				width:54%;
				font-size:11px;
				vertical-align: middle;
				text-align: center;
			}
			.collection-sku{
				width:12%;
				font-size:11px;
			 	text-align:center;
			 	vertical-align: middle;
			}
			.collection-date{
				width:10%;
				font-size:11px;
			 	color:#6c6c6c;
			 	text-align:center;
			 	vertical-align: middle;
			 }



			
			/* 5.2.1.3  CONTENT RIGHT STYLES
			--------------------------------------------------------------------------- 
			---------------------------------------------------------------------------*/

		.right-newsBox{
		width: 194px;
		}
		
			.right-newsBox p{
			font-size: 11px;
			color: #46463f;
			padding: 2px 0 0 4px;
			}
			
				.right-newsBox h1{
				color: red;
				text-align: left;
				padding: 6px 0 0 4px;
				font-size: 12px;
				text-transform: uppercase;
				}
		
		.right-newsBox-more{
		padding: 2px 0 0 4px;
		display: block;
		position: relative;
		}
		
		.right-newsBox-more-button{
		position: absolute;
		top: 1px;
		left: 177px;
		}
		
		.right-video-box
		{
		width: 191px;
		background-color: #484545;
		padding: 5px 0 0 5px;
		}
		
		    .right-video-box a{
		    display: block;
		    margin: 3px 0 0 3px;
		    }
		    
		    .right-video-box p{
		    padding: 5px 5px 0 5px;
		    font-size: 11px;
		    color: #d6d6d6;
		    }
		
			.right-artiste-description ul{
			margin-top: 25px;
			margin-bottom : 
			}
			
			.right-artiste-description a{
			margin: 0;
			padding: 0;
			margin: 0;
			line-height: 0;
			font-size: 0;
			}
			
			.right-artiste-description div{margin: 5px 0 0 0;}
			
		.right-artiste-catalogue{
		margin: 22px 0 7px 0;
		}
		
			.right-artiste-catalogue img{
			margin: 0 0 10px 0;
			padding: 0;
			}
		
		.right-artiste-catalogue-block{
		width: 190px;
		overflow: hidden;
		height: 1%;
		padding: 0 0 4px 0;
		margin: 0;
		}
			.right-artiste-catalogue-block img{
				margin-bottom: 5px;
				
			}
			.right-artiste-catalogue-block .linkAll{
				margin-bottom: 20px;
				
			}
			.right-artiste-catalogue-block a{
			    color: #db0812;
			    text-transform: uppercase;
			    font-weight: bold;
			    text-decoration: none;
			}
			
				.right-artiste-catalogue-block a:hover{
				color: #db0812;
				text-decoration: underline;
				font-weight: bold;
				}

		
			.right-artiste-catalogue-block input{
            margin: 0 0 5px 5px;
			}

			
			.right-artiste-catalogue-block ul{
			float: left;
			margin: 0px 0 0 5px;
			width: 190px;
			}

			.right-artiste-catalogue-block li{
			    font-size: 11px;
			    color: #46463f;
			    font-family: Helvetica, Arial, Verdana, sans-serif;
			    padding: 1px 0 15px 0;
			    margin: 15px 0 15px 0;
			    width: 185px;
		        border-bottom: 2px dotted red;			
			}
			
		.right-search-concert{
		margin: 0 0 27px 0;
		}

		.right-search-input{
		padding: 0 0 0 28px;
		position: relative;
		}
		
			.right-search-input input{
			color: #000;
			}
		
		.right-search-input-searchbox{
		width: 149px;
		height: 19px;
		margin-bottom: 30px;
		}
		
			.right-search-input-searchbox input{
		    float: left;
		    padding: 2px 0 0 5px;
		    border: 0;
		    width: 120px;
		    background: none;
		    color: #FFF;
		    font-size: 11px;
		    font-family: Helvetica, Arial, Verdana, sans-serif;
		    font-weight: bold;
		    }
		    
				.right-search-input-searchbox .atmaSaf{
				color: #000;
				}
		
		.right-search-input .dateTxt{
		position: absolute;
		top: 57px;
		left: 32px;
		font-size: 11px;
		color:#d6d6d6;
		font-weight: bold;
		color: #FFF;
		}
		
		.right-cd{
		margin: 52px 0 0 0;
		}
		
			.right-cd ul{
			margin: 12px 0 0 0;
			border-bottom: 2px dotted red;
			width: 196px;
			text-transform: uppercase; 
			}
		
				.right-cd li{
				font-size: 12px;
				color: #46463f;
				font-family: Helvetica, Arial, Verdana, sans-serif;
				padding: 0 0 7px 0;
				margin: 0 0 0 7px;
				font-weight: bold;
				}

					.right-cd li span span{
					color: #db0812;
					}
					
			.right-cd .black-b{
			margin: 6px 0 3px 0;
			}
			
			.right-cd .red-b{
			margin: 18px 0 4px 0;
			}


	/* 5.3  Footer
	--------------------------------------------------------------------------- 
	---------------------------------------------------------------------------*/
	
	#footer
	{
	
	margin: 0 0 10px 0;

	}
	/* utile pour donner lapparence précédente */
	#footer #wrapFoot{background-color:#fff;}
	#footer #wrapFoot a{color:#fff; font-size:11px; text-transform:uppercase; font-weight:bold; float:left; padding-left: 15px; margin-top:12px; line-height:12px;}
	#footer #wrapFoot img{diplay:block; margin:12px 0 0 8px; float:left;}
	#footer #wrapFoot p{ line-height:12px;color:#FFFFFF; font-size:12px; font-weight:bold; text-align: right; margin:12px 15px 0 0; float:right;}
	/* les parents sont importants */
	#footer #wrapFoot .celg-haut-g{height:36px;}
	#footer:hover{cursor: default;}
	
		#footer .copyright{
		width: 829px;
		height: 47px;

		float: right;
		text-align: right;
		}
		
		    #footer .copyright span{
		    color: #FFF;
	        font-size: 11px;
	        line-height: 37px;
            margin: 0 25px 0 0;
            font-weight: bold;
		    }
	
	    #footer .left{
    	width: 550px;
    	float: left;
    	margin: 5px 0 0 5px;
	    }
	    
	    #footer .right{
    	float: right;
    	color: #FFF;
	    font-size: 11px;
	    line-height: 200%;
	    margin: 0 5px 0 0;
	    padding: 10px 0 0 0;
	    }
	
	#footer .left a{
	color: #FFF;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 200%;
	}
	
	    #footer .left a:hover{
        text-decoration: none;
        color: #DB0812;
	    }
	
	#admin{
	padding: 15px 0 0 15px;
	font-size: 11px;
	}
	
		#admin a{
		color: #d6d6d6;
		font-size: 11px;
		text-decoration: underline;
		}
		
			#admin a:hover{
			color: #db0812;
			text-decoration: none;
			}




/* 6.0 TEMPORARY --> use it to make quick test and Backup
--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/

	/*
	.artiste-box-onglet{
	margin: 0 0 0 22px;
	width: 244px;
	height: 30px;
	background: url('../../images/artiste-onglet.gif');
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	padding-left: 10px;
	}
	*/
	
	.dataPicker{
	width: 500px;
	position: absolute;
	}
		
		.dataPicker input{
		font-family: helvetica, arial, verdana, sans-serif;
		font-size: 11px;
		width: 60px;
		float: left;
		background: #282524;
		color: #FFF;
		margin-bottom: 2px;
		text-align: center;
		}
		
		.dataPicker img{
		display: block;
		float: left;
		margin: 2px 0 0 2px;
		}
		
			.dataPicker img:hover{
			cursor: pointer;
			}
			
	.divDtPicker{
	width: 75px;
	display: block;
	top:0 ;
	left: 0;
	z-index: 50;
	}
	
	.dtPickerWrap{
	width: 260px;
	height: 157px;
	position: absolute;
	left: -84px;
	top: 73px;
	border: 1px solid red;
	background: #FFF;
	padding: 5px;
	}
	
	.divListe table td{width: 300px;}
	    .divListe table td a{font-size: 12px; line-height: 120%; text-decoration: underline;}
	        .divListe table td a:hover{color: #ed1d34; text-decoration: none;}
	        
.fontSize0{font-size: 0;}

.artistes-box-cd-byArtists{overflow: hidden; padding: 0 25px; margin: 10px 0 15px 0;}
    .artistes-box-cd-byArtists .box{float: left; margin: 0 5px; padding: 0;}
        .artistes-box-cd-byArtists .box input{margin: 0px;}
        .artistes-box-cd-byArtists .box a{margin: 5px; padding: 0; color: #db0812; text-decoration: none; text-transform: uppercase;}
            .artistes-box-cd-byArtists .box a:hover{text-decoration: underline;}
            
    .artistes-box-cd-byArtists .center-lr-block{display: block; width: 100px; float: left; margin: 0 17px 0 0;}
        .artistes-box-cd-byArtists .center-lr-block ul li{margin: 3px 0 0 0; padding: 0; font-size: 11px; text-transform: uppercase; line-height: 120%;}
            .artistes-box-cd-byArtists .center-lr-block ul li a{color: #db0812;}
                .artistes-box-cd-byArtists .center-lr-block ul li a:hover{color: #db0812; text-decoration: none;}
        
    
.rightTopImage{border: 1px solid green; margin-bottom: 100px;}



.profil{border: 1px solid green; display: block; overflow: hidden;}
    
.right-album-spec{margin: 10px 0 0 0;} 

.center-artist-gallery-content div table td.odd{background: #eff0f1; vertical-align: middle;}
.center-artist-gallery-content div table td.ClassB{vertical-align: middle;}

.albumLatestRelease .center-artist-gallery-content div table td.odd{background: #eff0f1; vertical-align: middle; height: 20px; padding: 20px 3px;}
.albumLatestRelease .center-artist-gallery-content div table td.ClassB{vertical-align: middle; padding: 20px 3px;}

.artisteVedette{font-weight: bold;}

.center-spacer-critique{
width: 500px;
height: 1px;
border-bottom: 2px dotted red;
clear: both;
margin: 10px auto;
padding: 0 0 0 0;
}

.right-video{margin: 15px 0 0 0px; overflow: hidden; display: block;}
.right-video-right{margin: 15px 0 0 9px; overflow: hidden; display: block; float: left;}

#right .right-video-right{margin: 15px 0 0 0px;}

.center-catalogue-artist .spacerHide{display: none;}

#center .recherche01 td{width: 117px; padding: 3px;}
#center .recherche02 td{width: 125px; padding: 3px;}
#center .recherche03 td{width: 125px; padding: 3px;}

.radInput_Atma input{font-size: 11px; line-height: 120%; height: 25px;}

.ul_contact {
border-bottom: 2px dotted red;
padding-bottom: 10px;
padding-left: 25px;
margin-top: 15px;
}
.ul_contact li {
font-size: 11px;
padding: 4px;
padding-top: 2px;
padding-bottom: 2px;
margin: 0;
}

.underBannerButton{overflow: hidden; margin: 20px 0 20px 5px;}
    .underBannerButton div{float: left; margin: 0 10px; display: inline;}
        .underBannerButton div:hover{cursor: pointer;}
        
.rightRechercheConcert div{}

    .rightRechercheConcert .spacer{margin: 0 0 10px 0;}
    .rightRechercheConcert input{cursor: pointer;}
    .rightRechercheConcert a{cursor: pointer;}
    .rightRechercheConcert .calendar{margin: 0 0 4px 0;}
    
.cyberlettreTable{margin: 15px 0 0 0;}
    .cyberlettreTable td{padding: 0 10px 0 0; font-size: 12px;}
        .cyberlettreTable td span{color: #DC0D17; font-weight: bold; font-size: 12px;}
        
.arrowSpotlight{margin: 25px 0 0 0; display: block;}

table{}

table td{margin: 0; padding: 0; width: auto;
         height: auto; line-height: 100%;}
			
.BackModal
{
    background-color: Gray;
    opacity: 0.5;
}

.nouvelleTexte{
width: 455px;
}

.galleriePhotoContent{position: relative; min-height: 150px;}

.popUpGallery{width: auto;  display: block; /*position: absolute;*/}



.artiste-box-content-gallery-left{
    overflow: hidden;
    width: 290px; 
    margin: 15px 0 0 10px;
    float:left;
}
    .artiste-box-content-gallery-left .divLigne 
    {
        width: 290px;
        display:inline;
    }
        .artiste-box-content-gallery-left .divLigne .divItem 
        {
            width: 93px;
            
            height:93px;
            text-align:center;
            vertical-align:middle;
            float:left;
        }
        .artiste-box-content-gallery-left .divLigne .divItem table.tableImg
        {
            background:#cdcdcd;
            vertical-align:middle;
            width:76px;
            height:76px;
            font-size:0;
            padding:0px;
            margin:0px;
        }
        .artiste-box-content-gallery-left .divLigne .divItem table tr td
        {
            vertical-align:middle;
            text-align:center;
        }
        
.artiste-box-content-gallery-right 
{
    float:right;
    margin-right:8px;
    margin-top:15px;
    display:block;
    width: 208px;
    text-align:right;
}
    .artiste-box-content-gallery-right img
    {
        float:right;
        
    }
    .artiste-box-content-gallery-right a
    {
        clear:both;
        display:block
        
    }
    
        .artiste-box-content-gallery-right a:hover{
        text-decoration: none;
        }
        
    .artiste-box-content-gallery-right a span{
    clear: both;
    display: block;
    }
    
.popUpVideo{
padding-top: 25px;    
}


.concours{}
    .concours table{font-size: 12px;}
        .concours table td{padding: 5px 0; vertical-align: middle;}
            .concours table td input, .concours table td select{font-size: 12px;}
                .concours table td.secCol{padding-left: 10px;}
				.concours li { color:red;font-size:13px; line-height:120%; font-weight:bold;}

/* -----------------------------------------------------------------------------------------------------
---     MY OWN GENERAL STYLES - Luis M. Rivas
-------------------------------------------------------------------------------------------------------*/                

/* I don't want to change the rule for upcase in the general section, just in case it's used elsewhere. 
It should be upcase and upcaseBold, but I'm just adding upcaseReg (for just upcase) */

.upcaseReg
{
    text-transform: uppercase;
}

.blockClass
{
    display : block;
}


/* -----------------------------------------------------------------------------------------------------
---     SECTION MEDIAS 
-------------------------------------------------------------------------------------------------------*/

.itemMedias
{
    /*border : 1px solid black;*/
    padding : 20px 0 0 0;
    border-bottom: 2px dotted red;
}

    .itemMedias .title{
	    color: #db0812;
	    font-size: 14px;
	    text-transform: uppercase;
	    font-weight: bold;
	    margin : 0;
	    padding : 0;
    	
    }

    .itemMedias .date
    {
       font-size : 13px;
       margin-top : 3px;
       font-weight : bold;
       padding : 0;
       line-height : 100%;
    }

    .itemMedias .pdf
    {
        font-size : 13px;
        margin-bottom : 10px;
        margin-top : 5px;
        padding : 0 0 10px;
        
    }

/* -----------------------------------------------------------------------------------------------------
---     SECTION EN CONCERT 
NOTE : Some of these styles have been copied to be modified
-------------------------------------------------------------------------------------------------------*/

.center-concert
{
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
}

.center-concert-block
{
    padding : 20px 0 20px 0;
}

.center-concert-block .concertDate
{
    margin: 0;
	width: 361px;
	background: url('/images/artiste-ongletLong-back.gif');
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0 0 10px;
}

.center-concert-block img
{
    display : block;
    margin : 0;
    padding : 0;
}
.center-concert-block .concertInfo 
{
    width: 518px;
	background-color: #dad9d9;
	margin : 0;
	padding : 0;
	padding-bottom: 0;
	overflow: hidden;
}

    .concertInfo .concertName
    {
        font-size : 16px;
        font-weight : bold;   
    }

    .concertInfo p
    {
        float : left;
   	    width : 465px;
	    font-size: 12px;
	    line-height: 150%;
	    padding-left: 10px;
	    vertical-align: top;
    }
    .concertInfo .concertCommentaire
    {
        padding-bottom : 0;   
    }

/* This rule will give style to the paragraph introduce after the label "Commentaires".
 The <p> label is introduced by the editor in the extranet.*/
    .concertInfo .concertCommentaire + p
    {
        padding-bottom : 0;
    }

.concertInfo_separator
{
    width: 518px;
    height : 0; /* this will show only the line with no extra spacing*/
    margin: 0 auto;
    padding : 0;
    overflow : hidden;
    border-bottom: 2px dotted red;
    clear:both;
}


/* -----------------------------------------------------------------------------------------------------
---     BLOCK  PRICES 
NOTE : These styles where copied from the previous CSS to modify them
-------------------------------------------------------------------------------------------------------*/

.right-award{
    width: 196px;
    padding: 0 0 9px 0;
    margin: 8px 0 0 0;
    border-bottom: 2px dotted red;
}

.right-award-box{
    width: 196px;
    background-color: #dad9d9;
    padding : 0;
}

.right-award-box-select{ /* we need the container to float too, so the height with floating elements inside is well calculated*/
    width: 196px;
    clear : both;
    float : left;
    background-color: #dad9d9;
    padding : 5px 0 5px 0;
}

.right-award-box-select_img
{
    float : left;
    width: 60px;
    margin : 0 0 0 5px;
   
}

.right-award-box-select_p
{
    width: 115px;
    float :left;
    margin : 0 0 0 5px;
    font-size:11px;
    font-weight:bold;
}

.right_award_box_separator
{
    width : 185px;
    height : 0; /* this will show only the line with no extra spacing*/
    margin: 0 auto;
    padding : 0;
    background-color: #dad9d9;
    overflow : hidden;
    border-bottom: 2px dotted red;
    clear:both;
}

.right-cd-award{
    width: 185px;   
}

	.right-cd-award a img{
	    margin: 6px 0 0 7px;
	    float: left;
	}
				
	.right-cd-award ul{float: left; width: 100px; margin: 5px 0 0 5px; padding: 0;}
	    .right-cd-award ul li{font-size: 11px; color: #D6D6D6; margin: 0; padding: 0;}
	        .right-cd-award ul li a{font-size: 11px; color: #db0812; text-decoration: underline;}
	            .right-cd-award ul li a:hover{font-size: 11px; color: #db0812; text-decoration: none;}
	        .right-cd-award ul li span a{color: #DB0812; font-weight: bold;}
	            .right-cd-award ul li ul li a{color: #FFF; text-decoration: underline;}


/* -----------------------------------------------------------------------------------------------------
---     RIGHT MENU BUTTONS
-------------------------------------------------------------------------------------------------------*/


/*-- Albums -- */
.rightButtonsContainer
{
    /* we have 10 pixels spacing on top. To have the same spacing, as we already have 6px from the button, we add only 4px*/
    padding-bottom : 4px; 
    width: 196px;
    border-bottom: 2px dotted red;
 }

.Right{ position:relative;}
.rightButtonsContainer a{background:#353332 url('/images/bg_pattern_grey.gif'); display:block; position:relative; height:26px; 	margin-bottom:7px;}
.rightButtonsContainer a:hover{background:#DB0812 url(/images/bg_pattern_rouge.gif);}

.rightButtonsContainerArtist a{background:#353332 url('/images/bg_pattern_grey.gif'); display:block; position:relative; height:26px; 	margin-bottom:7px;}
.rightButtonsContainerArtist a:hover{background:#DB0812 url(/images/bg_pattern_rouge.gif);}

/* cas particulier pour le bouton de retour */
.rightButtonsContainerArtist a.retourBtn {background:#353332 url('/images/bg_pattern_grey.gif'); display:block; position:relative; height:22px; width:85px; margin-bottom:7px;}
.rightButtonsContainerArtist a.retourBtn:hover{background:#DB0812 url(/images/bg_pattern_rouge.gif);}

.rightButtonsContainerArtist .retourBtn .rightButton{background:url("/images/bg_arrow_grey.gif") no-repeat scroll 100% -1px transparent; font-size:100%; margin-right:5px;
padding:5px 0 0 16px;}

/*-- Artistes -- */
.rightButtonsContainerArtist
{
    margin-top : 10px;
    padding-bottom : 4px; 
    width: 196px;
    border-bottom: 2px dotted red;
}

/*-- Common -- */
.rightButton
{
    border : 0 none;
	display:block;
	font-size:12px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	height:19px;
	padding:7px 0 0 16px;
	margin-right:11px;
	background: transparent url('/images/bg_arrow_grey.gif') no-repeat scroll 100% 0;
}

/* boutons avec coin png */
.bh1 {
	position : absolute;
	top : 0;
	left : 0;

}


.bh2 {
	position : absolute;
	top : 0;
	right : 0;
	border : none;
}

.bh3 {
	position : absolute;
	bottom : 0;
	left : 0;
}

.bh4 {
	position : absolute;
	bottom : 0;
	right : 0;
}



/* -----------------------------------------------------------------------------------------------------
---     POPUP WINDOW - BUY
NOTE : I'v added a rule floating : left; and clear : both; inside the class  #magasin .repeat.
We need those two rules so the background of the <div> is well calculated.
NOTE 2 : Some of these styles where copied from the previous CSS to modify them
-------------------------------------------------------------------------------------------------------*/

#magasin{
    width: 518px;
    background: #dad9d9;
    padding: 20px 0 0 0;
    text-align: left;
    margin: 0 auto;
    font-size: 0;
}

    #magasin .header{
        width: 518px;
        height: 47px;
        background: #000000 url('/images/catalogue-cd-box-topWhite.gif');
        /* see note above ---------------------------*/
        float: left;
        clear : both;
        /* ------------------------------------------*/
        
    }
    
        #magasin .header select{
        width: 150px;
        margin: 17px 0 0 35px;
        }
    
    #magasin .bottom
    {
        width: 518px;
        height: 13px;
       background: #FFF;
        margin: 0;
        padding: 0;
        /* see note above ---------------------------*/
        float: left;
        clear : both;
        /* ------------------------------------------*/
    }
    
        #magasin .repeat{
            width: 478px;
            background: #FFF;
            padding: 0 20px;
            border: 1px solid #FFF;
            /* see note above ---------------------------*/
            float: left;
            clear : both;
            /* ------------------------------------------*/
        }

		#magasin .content{
		    width: 518px;
		    background-color: #dad9d9;
		    font-size: 12px;
		    color: #333333;
		    padding: 0 0 10px 10px;
    		
		    overflow: hidden;
		    line-height: 150%;
    		
		}
		
			#magasin .content span{
			font-size: 12px;
			line-height: 150%;
			vertical-align: top;
			font-weight: bold;
			}
			
			#magasin .content a{
			font-weight: normal;
			margin: 0 0 10px 0;
			display: block;
			color: #db0812;
			}

.store
{
    width : 480px;
    float : left;
    clear : both;
}

    .store p
    {
        /* this rule will affect only when the <p> element is visible == the country label is shown*/
        margin-top : 10px;
    }

    .store img
    {
        display : block;
        padding : 0 0 10px 25px;
        float : left;
    }

    .store a
    {
        padding : 10px 0 0 60px;
        width : 200px;
        float : left;
        position : relative;
        left : 10px;
    }
/* -----------------------------------------------------------------------------------------------------
---     NEWS & SPOTLIGHT ON...
-------------------------------------------------------------------------------------------------------*/
.readMore
{
    text-transform : none !important;
    margin-bottom : 15px ;
    font-weight : normal !important;
}

/* -----------------------------------------------------------------------------------------------------
---     MODIFICATION MENU DE RÉMI SAVARD
-------------------------------------------------------------------------------------------------------*/

/*// class sur le UL du menu elle sert a formaté celui-ci*/
.left-menu {
	padding:10px 0 0px;
	margin:0;
	font-size:12px;
	line-height:10px;
	list-style-type:none;
	color:#d6d6d6;
	text-transform:uppercase;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}
	
	
.left-menu li
{
display: inline; 
    }
 
/* une class pour différencier les liens*/
.menu-bold{ font-weight:bold;}

.left-menu a, .left-bas a, .menu-bas p{color:#d6d6d6;display:block;}


/*// Début de letat des lien*/
.left-menu a
{
    margin:0px 0px 0px 2px;
	padding:0px 0px 10px 12px;
    text-decoration:none;
    font-size:12px;
    background:transparent url(../../images/fleche.gif) 0 -23px no-repeat;
}

/* Particularité avec ie6 :S Il faut ajouter un background qui n'existe que sur le premier scan du css*/   
.left-menu A:link
{
	text-decoration:none;
	background:transparent url(../../images/fleche.gif) 0 -23px no-repeat;
	}

/* utile à la rétro action du menu ...Futur... 
.left-menu a span {display: none;}
.left-menu a:active span,
.left-menu a:focus span {
display: block;
color:red;
background:transparent url(../../images/fleche.gif) 0 0px no-repeat;
}*/

.left-menu A:visited{text-decoration:none;	}
.left-menu A:hover{ color:#F00;	background-position: 0 0;}
	
/*// Fin de letat des liens*/

/*//  cette class est utilisé sur un span pour permettre laffichage de la ligne pointié*/
.menu-ligne
{
        background:transparent url(../../images/menu-ligne.gif) no-repeat;
		width:172px;
		height:2px;
		display:block;
		margin:0px 0 10px 14px;
		padding:0;
		font-size:2px;
	}

/*// cette class cree la rondeur du menu du bas avec un gif*/
.menu-bas{
	width:196px;
	background:transparent url(../../images/cb.gif) no-repeat scroll 0 100%;
	
}

/*// cette class cree la rondeur du menu du haut avec un gif*/
.menu-haut{
	background:transparent url(../../images/ch.gif) no-repeat scroll 0 0;
	width:196px;
	}
	
/* ceci est la premier division qui me servira de motifs de fond */
.menu-motif
{
	background:#484545 url(../../images/menu-bg.jpg) no-repeat scroll 0 0;
	}
	
.left-email a, .left-email a:LINK, .left-email A:visited{color:#F00;text-decoration:none; display:block; font-size:14px; line-height:14px;}
.left-email a{font-weight:bold; text-transform:uppercase;
              height:20px; width:166px; padding-left:10px; margin-right:10px; padding-top:6px;
              background:transparent url(/images/btn_inscription_off.gif) no-repeat; }
.left-email A:hover{ color:#000; display:block; font-size:14px;
                     background:transparent url(/images/btn_inscription_on.gif) no-repeat;}
					 
.left-concours a, .left-concours a:LINK, .left-concours A:visited{color:#F00;text-decoration:none; display:block; font-size:14px; line-height:14px;}
.left-concours a{font-weight:bold; text-transform:uppercase;
              height:20px; width:166px; padding-left:10px; margin-right:10px; padding-top:6px;
              background:transparent url(/images/btn_inscription_off.gif) no-repeat; }
.left-concours A:hover{ color:#000; display:block; font-size:14px;
                     background:transparent url(/images/btn_inscription_on.gif) no-repeat;}

/* enveloppe des cellules pour donner un arrier plan */
.pattern_red{background:#DB0812 url(/images/bg_pattern_rouge.gif);}
.pattern_grey{background:#353332 url('/images/bg_pattern_grey.gif'); display:block;}
/* controle du pattern du bas */
#wrapFoot .pattern_grey{margin:0 11px 11px 0;}

/*Le width est important pour le positionnement */

.RightNouvelleGenerales .celr-bas-g, .RightNouvelleGenerales .celr-bas-d, .RightNouvelleGenerales .celr-haut-g, .RightNouvelleGenerales .celr-haut-d, .RightNouvelleGenerales, .RightClipRecent, .RightSpotlight, .RightSpecialCollection{width:196px;}
/*  style pour le en vidéo dans l'accueil */
.RightClipRecent{margin:10px 0 5px;}

/* situation global de tout les h2 dans les cellus rouge*/
.celr-haut-g h2{width:196px; margin:0px; border:0px; color:#FFF; text-align:center; font-size:12px; font-weight:bold; padding:7px 0;}
/* cette class cree la rondeur du menu du bas avec un gif*/
.celg-bas-g{
	background:transparent url('/images/bg_cg_bg.gif') no-repeat scroll 0 100%;
}
.celg-bas-d{
	background:transparent url('/images/bg_cg_bd.gif') no-repeat scroll 100% 100%;
}

/* cette class cree la rondeur des cellules Rouge du haut avec un gif*/
.celg-haut-g{
	background:transparent url('/images/bg_cg_hg.gif') no-repeat scroll 0 0;
	}
.celg-haut-d{
	background:transparent url('/images/bg_cg_hd.gif') no-repeat scroll 100% 0;
	}
.celr-bas-g{
	background:transparent url('/images/bg_cr_bg.gif') no-repeat scroll 0 100%;
}
.celr-bas-d{
	background:transparent url('/images/bg_cr_bd.gif') no-repeat scroll 100% 100%;
}
/* cette class cree la rondeur des cellules btn avec coin rond*/
.celg-mhaut-g{
	background:transparent url('/images/bg_btn_cg_hg.gif') no-repeat scroll 0 0;
	}
.celg-mhaut-d{
	background:transparent url('/images/bg_btn_cg_hd.gif') no-repeat scroll 100% 0;
	}
.celg-mbas-g{
	background:transparent url('/images/bg_btn_cg_bg.gif') no-repeat scroll 0 100%;
}
.celg-mbas-d{
	background:transparent url('/images/bg_btn_cg_bd.gif') no-repeat scroll 100% 100%;
}
.onglet-center h2{ text-align:left; padding-left:16px;}

/* cette class crée la rondeur des cellules Rouge du haut avec un gif*/
.celr-haut-g{
	background:transparent url(/images/bg_cr_hg.gif) no-repeat scroll 0 0;
	}
.celr-haut-d{
	background:transparent url(/images/bg_cr_hd.gif) no-repeat scroll 100% 0;
	}
	
.wrapFoot_cg, .wrapFoot_cd{height:45px;}
.wrapFoot_cg{background:#fff url('/images/bg_footer_cg.gif') no-repeat scroll 0 100%; padding-left:8px;}
.wrapFoot_cd{background:#fff url('/images/bg_footer_cd.gif') no-repeat scroll 100% 100%;}

.TopSwitchLanguage a{width: 61px; height: 11px; line-height:10px; display: block; position: absolute; top: 71px; right: 15px; font-weight:bold; font-size:12px; text-transform:uppercase; background:transparent url(/images/wia-arrow.gif) no-repeat scroll 100% 0; padding-right:10px; text-align:right;}
.TopSwitchLanguage a:hover{width: 61px; height: 11px; display: block; position: absolute; top: 71px; right: 15px;}

/* START OF CSS FOR ALL SHOPPING CART START HERE */
.boutiqueCategorie {background-color:#FFF; width:735px; margin-top:22px;}
.boutiqueCategorie .pattern_red{position:relative; width:735px;}

.boutiqueCategorie h2, .greyBox .pattern_red h2{ text-align:left; border:0 none; color:#FFFFFF; font-size:12px; font-weight:bold;margin:0; padding:7px 0 7px 16px; width:auto;}
.boutiqueCategorie p{ text-align:left; padding:12px 0 0 22px;}

.boutiqueCategorie .categorieAlbum { padding:0 0 12px 0;}
.boutiqueCategorie .categorieAlbum a{ font-size:12px; color:#ed1b34; display:block; width:85px; margin-top : 5px }
.boutiqueCategorie .categorieAlbum ul{ margin-top:23px; display:block;  zoom:1;}
.boutiqueCategorie .categorieAlbum li{ display:inline; float:left; /*padding-right:40px;*/ padding:0 12px 0 22px;}
.boutiqueCategorie .categorieAlbum img{ display:block; width:75px; }

.boutiqueCategorie a.voir{ float:right; color:#FFF; position:absolute; right:0; bottom:7px; margin-right:32px; padding-right:27px; background:transparent url('/images/b-more-bRed.gif') no-repeat scroll 100% 0px; text-transform:uppercase; font-size:12px; font-weight:bold; padding-top:2px; margin-top:5px;}
.boutiqueCategorie a.voir:hover { text-decoration:none;}

.boutiqueBtnBas {}
.boutiqueBtnBas a.pattern_grey { position:relative; font-size:12px; float:right; padding:5px 8px; text-transform:uppercase; color:#FFF; font-weight:bold; line-height:16px; margin-left:20px; margin-top:22px;}
.boutiqueBtnBas a.pattern_grey:hover{ text-decoration:none; background:#DB0812 url(/images/bg_pattern_rouge.gif) repeat scroll 0 0;}

.boutiqueBtnBas .btnBoutique{ border : 0 none; display:block; padding:0px 20px 0 0;	background: transparent url('/images/bg_arrow_grey.gif') no-repeat scroll 100% -3px; }
.boutiqueBtnBas a.pattern_grey:hover .btnBoutique{background:transparent url('/images/bg_arrow_red.gif') no-repeat scroll 100% -3px;}

.greyBox .boutiqueBtnBas a.pattern_grey span{ padding-top:1px;}
.whiteBox .boutiqueBtnBas a.pattern_grey {padding:2px 8px 3px; margin-top:0; margin-right:10px; margin-left:0;}

.clear{ line-height:0; height:0; clear:both;}

/* Action for Link on the right */ 
.right-album-spec a:hover .celg-mhaut-g {
	background:transparent url('/images/bg_cr_hg.gif') no-repeat scroll 0 0;
}
.right-album-spec a:hover .celg-mhaut-d {
	background:transparent url('/images/bg_cr_hd.gif') no-repeat scroll 100% 0;
}
.right-album-spec a:hover .celg-mbas-g {
	background:transparent url('/images/bg_cr_bg.gif') no-repeat scroll 0 100%;
}
.right-album-spec a:hover .celg-mbas-d {
	background:transparent url('/images/bg_cr_bd.gif') no-repeat scroll 100% 100%;
}
.right-album-spec a:hover  .pattern_grey {
	background:#353332 url('/images/bg_pattern_rouge.gif');
	cursor:pointer;
}
.right-album-spec a:hover .rightButton{
	background:transparent url('/images/bg_arrow_red.gif') no-repeat scroll 100% 0;
}
.right-album-spec .celg-mhaut-g { }
.right-album-spec .pattern_grey{ margin-bottom:7px;}

/* btn telecharger */
.Right a{background:transparent url('/images/bg_pattern_white.gif'); width:135px; display:block; position:relative; height:26px;}
.Right a span{padding-left:5px; padding-top:5px; background-position:0 -7px;}
.Right .ligneHaut{display:block; margin:0; padding:0; width:2px; background:transparent url('/images/bg_btn_brpv.gif') repeat-y; display:block; height:100%; position:absolute;}
.Right .ligneBas{display:block; margin:0; padding:0; width:100%; background:transparent url('/images/bg_btn_brp.gif') repeat-x; display:block; height:2px; position:absolute; bottom:0;}
.right-cd a span{color:#DB0812;}
.right-cd a .rightButton {background: transparent url('/images/bg_wbtn_arrow_red.gif') no-repeat scroll 100% 4px;}
.right-cd a:hover .rightButton {color:#000; text-decoration : none; background: transparent url('/images/bg_wbtn_arrow_black.gif') no-repeat scroll 100% 4px;}
.right-cd a:hover {text-decoration : none;}



/* THIS ALL CLASS AND ID FOR THE CART ON TOP  */
#cart{ margin-right:12px; position:absolute; right:0; top:0; height:40px; margin-top:4px; font-family:helvetica;}
#cart a{ color:#D3D2D2; font-size:11px; margin-left:7px; line-height:90%;}

#cart .wCaddy{ background-color:#000; display:block; height:30px; padding:5px 0; position:relative; float:right; text-align:right;}
#cart p{ color:#D3D2D2; float:left; padding:0; font-size:12px;}
#cart img.caddy { border-right:#D3D2D2 solid 1px; display:block; margin-right:5px; padding-right:7px; float:left;}
#cart .wrapCaddy{background-color:#000000; height:40px; float:right; padding-right:7px;}
#cart .cartImg{ float:right;}

.cartName{ float:right; color:#D3D2D2; margin-right:4px; text-align:right; height:40px; margin-top:4px; padding:5px 0;}
.account{ display:inline; line-height:90%;} 
.account a{ font-size:12px;}
.deconnect{ float:right; }

/* THIS IS FOR THE ALBUM SELECT AUDIO FORMAT */
.audioFormat {position:absolute; right:0; top:30px;}

/* THIS IS FOR SILVER BOX BOUTIQUE WITH RED TITLE */
.boutiqueTitre{color:#ED1B34; text-transform:uppercase; background:transparent url(/images/wia-arrow.gif) 0 2px no-repeat; padding:0 0 14px 12px; font-size:14px; }/* ICI */
.greyBox{ background-color:#DFDFDF; display:block; margin-bottom:7px; position:relative; }
.greyBox p{}
.greyBox p.format{ font-size:11px; text-align:right; padding:0;}
.greyBox span.format{ float:right; padding:0; font-size:11px;}
.greyBox select.format{ width:120px; margin-left:5px;}
.greyBox select.format, .greyBox select.format option{padding-left:10px; font-size:12px;}
.greyBox a.pattern_grey:hover .btnBoutique{background:url("/images/bg_small_arrow_red.gif") no-repeat transparent; background-position:98% 3px;}
.greyBox a.pattern_grey .btnBoutique{background:url("/images/bg_small_arrow_grey.gif") no-repeat transparent; background-position:98% 3px; }

.greyBox .cels-haut-g {
	background:transparent url('/images/bg_cSilver_hg.gif') no-repeat scroll 0 0;
}
.greyBox .cels-haut-d {
	background:transparent url('/images/bg_cSilver_hd.gif') no-repeat scroll 100% 0;
}
.greyBox .cels-bas-g {
	background:transparent url('/images/bg_cSilver_bg.gif') no-repeat scroll 0 100%;
}
.greyBox .cels-bas-d {
	background:transparent url('/images/bg_cSilver_bd.gif') no-repeat scroll 100% 100%;
}
.greyBox .pattern_red{position:relative; margin:6px 0;}

.sTitleBoutique{
		margin: 0;
		width: 238px;
		height: 25px;
		background: url('/images/bg_title_boutique.jpg');
		color: #FFF;
		text-transform: uppercase;
		font-size: 14px;
		line-height:20px;
		padding: 5px 0 0 16px;
		font-weight:bold;
		border:0;
		text-align:left;
		}

.whiteBox{ background-color:#fff; position:relative; padding:10px; }
.whiteBox p{ padding: 10px 0px; display:block;}
#content .whiteBox div .gauche p{ padding: 0px 0px; display:block; line-height:20px;}
.whiteBox .cels-haut-g {
	background:transparent url('/images/bg_cWhite_hg.gif') no-repeat scroll 0 0;
}
.whiteBox .cels-haut-d {
	background:transparent url('/images/bg_cWhite_hd.gif') no-repeat scroll 100% 0;
	
}
.whiteBox .cels-bas-g {
	background:transparent url('/images/bg_cWhite_bg.gif') no-repeat scroll 0 100%;
}
.whiteBox .cels-bas-d {
	background:transparent url('/images/bg_cWhite_bd.gif') no-repeat scroll 100% 100%;
}
/* CLASS WRAP FOR ALL GREY BOX CONTENT */
.boutiqueContenu{ padding: 30px 16px; display:block;}

/* CLASS WRAP FOR ALL GREY BOX CONTENT DISC IN BOUTIQUE */
.boutiqueDisque{ padding:16px; display:block;}
.boutiqueDisque .whiteBox{ padding:10px 0; }

/* USEFUL FOR THE CONNEXION FORM TABLE */
.connexionFormCreate{}
.connexionFormCreate td{padding-right:13px; padding-bottom:13px; font-size:12px;}
.connexionFormCreate input{font-size:12px; width:200px;}

/* ACTRION ITS USE FOR CART AND RED ACTION ORIGINALY USE ON SPAN*/
.action{ color:#F00;}

/* BOX WITH CONNECT ET CREER COMPTE */
#createBox, #logBox{ width:195px; position:relative; margin-top:30px;}
#createBox .boutiqueBtnBas, #logBox .boutiqueBtnBas{padding:23px 12px 12px; display:block;}
#createBox h3, #logBox h3{ text-transform:uppercase; font-size:12px; text-align:center; color:#FFF; padding:3px 0 0; width:195px; margin:0; height:26px; font-weight:bold; line-height:20px;}

#createBox a.btn_grey  {
background:#DB0812 url(/images/bg_pattern_rouge.gif);
color:#FFFFFF;

text-align:center;
font-size:12px;
font-weight:bold;
line-height:16px;
padding:10px 8px;
position:relative;
text-transform:uppercase;
width:155px;
margin-top:10px;
display:block;
}

#createBox a.btn_grey:hover{background:#DB0812 url(/images/bg_pattern_grey.gif);}
#createBox a.btn_grey:hover .btnBoutique{background:url("/images/bg_small_arrow_grey.gif") no-repeat transparent; background-position:127px 2px;}
#createBox .btnBoutique{background:url("/images/bg_small_arrow_red.gif") no-repeat transparent; background-position:127px 2px; }

#logBox a.pattern_grey{zoom:1; float:left; margin-left:0; padding:2px 8px; margin-top:5px; display:block; clear:left;}

/* CLASS AND IDS FOR THE ALBUM IN CATALOGUE */
.album{padding:13px 17px 15px; background:url("/images/bg_boutique_album.jpg") no-repeat transparent;
       -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;}
.album p{padding:0px; font-size:12px;}
.album .imgAlbum{ display:block; float:left; margin-right:12px;}
.album .imgPiste{ display:block; float:left; margin-right:12px; margin-bottom:12px;}

/* CONDITION SP?CIAL POUR LE SELECT DANS ALBUM */
.album select.format{ }

/*ALBUMDETAILS EST POUR LA LISTE DEROULANTE QUI DONNE LES DETAILS DE LALBUM*/
.album #albumDetails { margin-top:10px; display:none;}
.album #albumDetails li p{background-color:#D8D8D8; padding:5px;}
.album #albumDetails li p.grisP{background-color:#F2F2F2;}

.albumCatalogue span{ float:right;}
.albumCatalogue strong{ float:right;}

/* LINK WITH CART AT RIGHT*/
.albumAchatLink{cursor:pointer; float:right; display:block; font-size:12px; background:transparent url("/images/btn_lien_cart_off.jpg") no-repeat 100% 0; position:absolute; top:-2px; padding:0px 23px 0 0; height:22px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.albumAchatLink:hover{ background:transparent url("/images/btn_lien_cart_on.jpg") no-repeat 100% 0; position:absolute; top:-2px; padding:0px 23px 0 0; height:22px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.albumAchatLinkBought{ background:transparent url("/images/btn_lien_cart_on.jpg") no-repeat 100% 0;}
.albumAchatLinkBought:hover{ text-decoration:none; color:#46463F;}
/* THIS IS ALL INTERACTION LIKE BUYING AND PRICE WITH ALBUM AND DISC */
.albumInteraction{ display:block; position:relative; width:415px; float:right; /*height:47px;*/}/* Without clear:both; you need height */
.albumInteraction span.gauche, .albumInteraction .droit{ font-size:12px; display:block;  bottom:0; position:absolute;}
.albumInteraction span.gauche{ bottom:30px; right:2px; font-size:18px; font-weight:bold; color:Red; }
.albumInteraction span.gauche a{ font-size:12px;}
.albumInteraction span.gauche strong{ font-size:9px; color:#464646;}
.albumInteraction .achatAlbum .albumAchatLink{ bottom:0; height:18px; padding-top:5px; color:Red;}
.albumInteraction .droit{ right:16px; }
.albumInteraction span.droit p{ margin:0; padding:3px 0px 3px 9px; position:relative; width:118px;}
.albumInteraction span.format{position:absolute; right:2px; top:20px;}/* right same as .albumInteraction span.gauche */

/* USEFUL FOR PISTE IM ALBUM */
.albumPistes { position:relative; zoom:1; background-color:#d8d8d8; border:#d8d8d8 solid 5px;}
.pistesW {background-color:#f2f2f2; border:#f2f2f2 solid 5px;}
.albumPistes span.droit{ display:block;}
.albumPistes span.droit .bas{ float:right; height:100%; display:block; position:relative;}
.albumPistes span.droit  a.delete, .albumPistes span.droit select, .albumInteraction span.droit  a.delete, .albumInteraction span.droit select{ position:absolute; bottom:0;}
.albumPistes span.droit  a.delete, .albumInteraction span.droit  a.delete{ right:0px;}
.albumPistes span.droit  select, .albumInteraction span.droit  select{ width:100px; right:140px;}/* also change .albumPistes span.gauche, .albumPistes div.gauche width */
.albumPistes span.droit p{ margin:3px 0; font-size:12px; padding:0 0px 0 9px; position:relative; width:118px;}/* width should be the same as .albumInteraction span.droit p */
.albumPistes span.gauche, .albumPistes div.gauche{ bottom:0; display:block; position:absolute; left:0;}
.formatFinal {bottom:0; display:block; position:absolute; right:140px; text-align:right;  width:85px;}
.pisteformatFinal{bottom:0; display:block; position:absolute; right:140px; text-align:right; width:85px;}

/*THIS IS FOR DOWNLOAD LIKE IN LAST BUYING*/
.albumPistes a.pattern_grey{ color:#FFFFFF; float:right; font-size:12px; font-weight:bold; line-height:16px; padding:5px 8px ; position:relative; text-transform:uppercase; padding:auto;}
.albumPistes .btnBoutique{ border : 0 none; display:block; padding:0px 20px 0 0;	background: transparent url('/images/bg_arrow_grey.gif') no-repeat scroll 100% -3px; }
.albumPistes a.pattern_grey:hover .btnBoutique{background:transparent url('/images/bg_arrow_red.gif') no-repeat scroll 100% -3px;}
.albumPistes a.pattern_grey:hover{ text-decoration:none; background:#DB0812 url(/images/bg_pattern_rouge.gif) repeat scroll 0 0;}

/* CSS FOR INSIDE THE CART */
.panierContenu {display:block; padding:30px 16px; zoom:1;}
.panierContenu .whiteBox{ margin-top:7px;}


/* IN YOUR CART DIVISION NAME PANIERCONTENU YOU HAVE SUB TOTALS*/
/* ToTAUX IS FOR THE INSIDE THE CART SUBTOTAL*/
.panierContenu .totaux{margin-top:10px; position:relative; width:100%;}
.panierContenu .totaux p.droit{ margin-right:16px; margin-bottom:1px; padding:0 87px 0 0; float:right; display:block; position:relative; line-height:20px; text-align:right;}
.panierContenu .totaux p.droit strong{ margin-bottom:10px;}
.panierContenu .totaux p.gauche{ float:left; margin-top:20px; margin-left:16px; display:block;}
.panierContenu .totaux span{ position:absolute; right:0;}

/* pour aligner seulement le text vers la droite*/
.panierContenu .droit p, .panierContenu .droit a{ float:right; }
.panierContenu .droit p{display:block; border-left:2px dotted #D62939; margin-left:12px; margin-right:36px; padding:3px 0 3px 9px;}

.panierContenu .album .droit select.format{bottom:0;}

/* RABAIS IS FOR WHEN ALBUM HAVE SPECIAL ON IT */
.panierContenu .album .droit p span.rabais{ color:#F00;}

/* THE MOUVEMENT CLASS OCUR WHEN A MOUVEMENT IS AVAIBLE IN PLAY LISTE */
.nomMov { color:#333333;

font-weight:bold;
height:auto;
width:200px;}
.mouvement .nomMov p{ float:right; padding:0; width:118px; font-size:11px;}
.mouvement .unePistes .ventePiste .lienPanier .albumAchatLink { display:none;}
.mouvement .artiste{ display:block; left:-162px; width:120px;}

/* VENTE d<un mouvement iS for all track in sale in a disc */
p.venteMouvement{ padding:4px 10px 0 0; float:right;}
.venteMouvement .venteSample{ display:block; float:right; margin-right:60px; position:relative; width:16px;}
.venteMouvement .venteSample img{ display:block; position:absolute;} 
.venteMouvement .venteSample .temps{ position:absolute; right:22px; text-align:right;}
.venteMouvement .venteSample .prix{left:25px; position:absolute; display:block; width:50px;}
.venteMouvement .lienPanier .albumAchatLink {position:absolute; top:-4px;}

.teleAlbum{ float:left; }
.imgDownload{ position:relative; float:left; margin-right:10px;}



/* VENTENPISTE iS for all track in sale in a disc */

.ventePiste{ padding:0; margin-top:7px;  float:right; width:104px;}
.ventePiste .venteSample{ display:block;  margin-right:60px; position:relative; width:16px; margin-top:4px; font-size:12px; height:16px;}
.ventePiste .venteSample .leFlashSimple{ display:block; position:absolute; } 
 
.ventePiste .venteSample .temps{ position:absolute; right:22px; text-align:right; display:block; top:0px; }
.ventePiste .venteSample .prix{right:-60px; position:absolute; display:block; text-align:right}

/* VENTENPISTE iS also for all track in sale in a disc */
.unePistes {  padding:2px 7px 2px 5px; background-color:transparent; }
.premierePisteGrey{ background:#f1f0f0 url('/images/bg_boutique_mouvementPointe_grey.jpg') no-repeat scroll 17px 0; }
.unePistes .droit p{border-left:2px dotted #D62939; display:block; margin-left:12px; margin-right:36px;}
.unePistes .droit {right:0; display:block; position:absolute;}
.unePistes p.nomPistes{ float:left; padding:7px 0; position:relative; font-size:12px; display:block; width:325px; }
.unePistes p.nomPistes span.no{ color:#DB0812; font-weight:bold; font-size:11px; display:block; position:absolute; text-align:center;
width:28px; left:5px;}
.unePistes p.nomPistes span.piste{ display:block; margin-left:15px; width:305px; position:relative;}
/* dans le mouvement la piste n<est pas en gras */
.mouvement .unePistes p.nomPistes span.titre{ font-weight:normal;}
#center .mouvement .titre{width:auto;}
.unePistes p.nomPistes span.titre{ display:block; float:left; width:200px;font-weight:bold;}
.unePistes p.nomPistes span.artiste{width:100px; font-size:11px;}

.pistesGrey{ background-color:#f1f0f0;}

.lienPanier{display:block; width:23px; height:22px; float:right; position:relative; }

/* ETATGREY IS FOR DE BACKGROUD COLOR ALTERNATE IN DISC */
.etatGrey {background-color:#EFF0F1;}
.etatGreyFoncer{background-color:#D8D8D8;}

/* THIS IS FOR ALL STATE OF ANY MOUVEMENT  */
.mouvGrey {border:0; margin-top:10px; background:transparent url('/images/piste_pattern_grey.jpg') no-repeat scroll 0 100%; padding-bottom:10px;}
.mouvWith {background-color:transparent; border:0;}
.mouvGrey .nomMov, .mouvGrey p.nomPistes span.artiste { color:#FFF;}
.mouvGrey .prix{ font-weight:bold; color:#FFF;}
.mouvGrey .ventePiste{margin-top:15px;}
.mouvGrey p.nomPistes {width:350px;}
.mouvGrey span.piste{width:340px;}
.mouvGrey  p.nomPistes span.no{left:0; text-align:left; width:0px;}
.mouvGrey .ventePiste .venteSample .temps { color:White;}

/* THIS IS FOR DETAILS OF AN ALBUMS */
.boutiqueDownload{ font-size:18px; color:Red; border:0px; margin:0; width:auto; position:relative; float:left; }


.historique{ width:100%; margin-top:10px; text-align:center;}
.historique h4{ font-size:13px; line-height:20px;}
.historique p{ padding:5px 0;}


/* THOSE LOGON CLAS IS FOR THE GREYBOX LOGGING */
.logOn a.forget{ font-size:12px; text-decoration:underline; float:right; margin-right:20px;}
.logOn .whiteBox{ margin-bottom:10px;}

span.spacer{ line-height:10px; display:block; height:10px;}

/* USEFUL for SEARCH IN HOME PAGE */
.findInput{ position:relative; } 
.findInput br{ height:0px; line-height:0px;}

a.btnPromo{background:transparent url('/images/btn_promo.jpg') no-repeat scroll; height:22px; width:28px; float:left; margin-top:19px; display:block;}
a.btnPromo:hover{background:transparent url('/images/btn_promo_on.jpg') no-repeat;}

.boutiqueBtnBas a.paypal { float:left; margin-top:20px; margin-left:0;}
.boutiqueBtnBas img.paypal { float:left; display: block; margin-top:10px; margin-right:20px;}

/* THIS IS USEFUL FOR BUY HISTORIC */
.achatsUlt{}
.achatsUlt p{background-color:#D8D8D8; padding:5px; position:relative;}
.achatsUlt p span{ display:block; position:absolute; right:5px;}
.achatsUlt p.grisP{background-color:#F2F2F2;}
.achatsUlt a{ display:block; width:100px; margin:0 auto;}
.achatsUlt strong{ display:block; position:absolute; left:5px;}

.accueil{ width:520px; }
.infoCart{ display:block;}
.infoCart li{ display:inline;}

/* ErrorBox C'est tout les message d'erreur relier avec les forms */
.ErrorBox{ text-transform:uppercase; margin-bottom:10px; }
.ErrorBox ul{margin-top:5px;}
.ErrorBox li{font-size:12px; line-height:15px; text-transform:none;}

.lienSousLigner{ text-decoration:underline;}
.cartInfoLiens{ display:block;}
.infoCartIEClass{ display:block; float:left;}
.infoCartIEClassRight{display:block; float:right;}

img.teaserBoutique{}
a.teaserBoutique{ display:block; margin-top:14px;}

.boutiqueDisqueDetails{ background:white;}
.boutiqueDisqueDetails .pattern_red{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.boutiqueDisqueDetails .boutiqueDisque{padding:0;}
.AlbumCart{
           -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
             padding-top:85px; width:516px;
             position:relative;}
             
.AlbumCartFr{background:transparent url('/fr/images/img_boutique_albumTitre.jpg') no-repeat scroll;}
.AlbumCartEn{background:transparent url('/en/images/img_boutique_albumTitre.jpg') no-repeat scroll;}
             
a.helpBtnAlbum{ width:49px; height:27px; display:block; position:absolute; right:9px; top:0; background:transparent url('/en/images/cart_btn_aide.jpg') no-repeat; }
a.aideBtnAlbum{ width:49px; height:27px; display:block; position:absolute; right:9px; top:0; background:transparent url('/fr/images/cart_btn_aide.jpg') no-repeat; }

.detailsInsideAlbum
{
    position:relative;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	overflow:hidden;
}

/* INSIDE BOUTIQUE ALPHA FOR CENTER RONDED */

.fondBlanc
{   

    height:150px;
    width:683px;             
    background-color:White;
    position:absolute;
    filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}


.detailsInsideAlbumTop{ background-color:White;
                        height:10px;
                        -webkit-border-top-left-radius: 10px;
                        -webkit-border-top-right-radius: 10px;
                        -moz-border-radius-topleft: 10px;
                        -moz-border-radius-topright: 10px;
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        }
                        
                        
                        
.detailsInsideAlbumBottom{ background-color:White;
                           height:10px;
                            -webkit-border-bottom-right-radius: 10px;
                            -webkit-border-bottom-left-radius: 10px;
                            -moz-border-radius-bottomright: 10px;
                            -moz-border-radius-bottomleft: 10px;
                            border-bottom-right-radius: 10px;
                            border-bottom-left-radius: 10px;
                           }
                           
/* INSIDE BOUTIQUE ALPHA FOR TOP AND BOTTOM RONDED */
                           
.detailsInsideAlbumBottom, .detailsInsideAlbumTop {
                            filter:alpha(opacity=75);
	                        -moz-opacity:0.75;
	                        -khtml-opacity: 0.75;
	                        opacity: 0.75;
	                        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	                        }
	                        
.pardessusFond p{ position:relative;}
.pardessusFond{ padding-left:5px; padding-right:5px;}


/* NEW VISUAL IN ALBUM  */


.albumPanier{ background-image:none; margin-bottom:20px; position:relative; padding:10px; background-color:White;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/* insideAlbumPanier is to prevent the overflow of fondblanc */
.insideAlbumPanier{ position:relative; overflow:hidden;}
.listePanierAlbum span{ display:block; padding:3px 0; }
.panierAlbumInteraction { padding-bottom:20px; display:none;}
.albumPanier{display:block; float:left; position:relative; width:683px;}
.albumPanier .droit {bottom:10px;}
span.boutiquePanierNomMov{ margin-top:5px; padding-left:5px; margin-bottom:5px; color:#fff; background:url("/images/piste_pattern_grey.jpg") repeat-x transparent;}

/* useful for the drop down list in cart */
.enfantMouvement{ display:none; float:left;}
.enfantMouvement span{ display:block; padding:2px 0; }

/* nouveau visuel et modification qui sont imposé */
.modifPistes span.droit{margin-top:2px; float:right;  right:0px; width:129px;}
.modifPistes div.gauche { float:none; position:relative; width:414px;}

.celg-haut-g h2 {
border:0 none;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
margin:0;
padding:7px 0 7px 16px;
text-align:left;
width:196px;
}

.panierContenu .droit p, .panierContenu .droit a{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.panierContenu .droit p, .panierContenu .droit a img{display:block;}

/* COLLECTIONS THEMATIQUES */
.collection2ColPhoto, .collection2Col h3{ text-transform:uppercase; font-weight:bold; margin:0; font-size:14px; display:inline; line-height:normal;}

.collection2ColPhoto, .collection2Col p{ padding:5px 5px 5px 0;}
.collection2ColPhoto{ width:227px; float:left; padding:10px;}
.collection2Col{ width:468px; float:left; padding:10px;}
.fndWhite{ background-color:White;}

#regroupementCollection{ width:498px; margin:10px 10px 0;}
#center .wrapCollection{margin-bottom:0px;}

.colthemRegroup{padding:0;}
.colthemRegroup p{padding:0 10px 20px;}



/* END COLLECTIONS THEMATIQUES */

/* -----------------------------------------------------------------
 Additional Shopping cart styles (Luis M. Rivas - 24/11/2010) 
------------------------------------------------------------------*/
.showHideButtons
{
    font-weight : bold;
    padding-top : 5px;
    padding-bottom : 5px;
    display : block;
    width : 125px;
}