/* MODIFICATION
––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––
	UPDATED: 5 décembre 2008 15:41
	AUTHOR: Joel Lachance
	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;
}

.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;}

/* 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 img{
		margin: 27px 0 0 9px;
		border: 1px solid #FFF;
		}
			
	
	/* 5.2  CONTENT
	--------------------------------------------------------------------------- 
	---------------------------------------------------------------------------*/
	
	#content{
	width: 975px;
	padding: 8px 0 25px 0;
	overflow: hidden;
	background: #FFF url('/images/back-content.jpg') no-repeat;
	}
	
		#left{
		width: 205px;
		float: left;
		font-size: 0;
		}
		
		    #left .leftMenu
		    {
		        padding-left : 9px;
		    }
		
		#center{
		width: 522px;
		float: left;
		font-size: 11px;
		margin: 0 0 0 20px;
		}
		
			#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{
		width: 196px;
		height: 84px;
		background: #FFF url('/images/email-form-back.gif') no-repeat;
		margin: 14px 0 0 9px;
		position: relative;
		}
		
			.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{
			position: absolute;
			top: 40px;
			left: 10px;
			}
			
		.newsletter-title{
		position: absolute;
		top: 16px;
		left: 11px;
		}
		
		.left-email .b-submit{
		position: absolute;
		top: 42px;
		left: 165px;
		}
	
	
		.left-concours{
		width: 196px;
		height: 84px;
		background: #FFF url('/images/email-form-back.gif') no-repeat;
		margin: 14px 0 0 9px;
		position: relative;
		}
		
			.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{
			position: absolute;
			top: 40px;
			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;
		    }

		
		.left-search{
		width: 196px;
		height: 86px;
		background: #FFF url('../../images/search-back.gif') no-repeat;
		margin: 14px 0 0 9px;
		position: relative;
		}
		
		.left-search .email-button a{
		position: absolute;
		top: 36px;
		left: 170px;
		width: 19px;
		height: 17px;
		background: url(/fr/images/b-go.gif) no-repeat;
		}
		
		#center .email-button a{
		background: url(/fr/images/b-recherche.gif) no-repeat;
		width: 110px;
		height: 19px;
		display: block;
        }
		
		    .left-search span{visibility: hidden;}
				
			.left-search input{
			width:  151px;
			height: 17px;
			background: #FFF;
			border: 1px solid #e81d29;
			position: absolute;
			top: 34px;
			left: 11px;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 11px;
			padding-left: 3px;
			}
			
			.left-search span a{
			display: block;
			position: absolute;
			left: 11px;
			top: 60px;
			font-weight: bold;
			color: #d6d6d6;
			font-size: 13px;
			visibility: visible;
			}
			
				.left-search span a:hover{
				color: #db0812;
				text-decoration: none;
				}
			.left-search span{font-size: 13px;}

						
		.email-title{
		position: absolute;
		top: 16px;
		left: 11px;
		}
		

		.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 0 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 0 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;
	overflow: hidden;
	}
	
	#footer:hover{cursor: default;}
	
		#footer .copyright{
		width: 829px;
		height: 47px;
		background: transparent url(/images/footer.gif) no-repeat;
		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 9px; overflow: hidden; display: block;}
.right-video-right{margin: 15px 0 0 0; overflow: hidden; display: block; float: left;}

.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;
 }

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

/*-- Common -- */
.rightButton
{
    margin : 0 0 6px 0;
    border : 0 none;
}

/* -----------------------------------------------------------------------------------------------------
---     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;}


/*// Début de letat des lien*/
.left-menu a
{
    margin:0px 0px 0px 2px;
	padding:0px 0px 10px 12px;
    color:#d6d6d6;
    display:block;
    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
{
    margin:0 0 0 9px;
	background:#484545 url(../../images/menu-bg.jpg) no-repeat scroll 0 0;
	}