/* layout 35 */
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background:#B6B6B6 url(/fr/img/bgbody.jpg) repeat-x top left;color:#eee}
#pageflip {
	position:absolute;top:0;right:0;
	width: 307px; height: 308px;
	background:transparent;
	z-index:9999
}
p{margin:0 16px 10px;text-align:justify}
a{color:#fff;font-weight:bold}
div#header{position:relative;background:transparent url(/en/img/h1.jpg) no-repeat top left;height:50px}
div#header h1{background:transparent;text-indent:-9999px;height:50px;margin:0;padding:0}
div#header a{position:absolute;left:0;top:23px}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:transparent}
#extra{float:left;background:transparent;height:20px;width:500px}
div#footer{background: #000;border:4px solid #000}
div#footer p{margin:0;padding:20px 112px;color:#eee;text-align:center}
div#footer a{display:inline;padding:0;color: #eee}
div#container{width:988px;margin:0 auto;background: transparent url(/fr/img/bgcontainer.jpg) repeat-y 50% 0}
div#content{float:left;width:520px;padding:30px 0 0 20px;background:transparent}
div#navigation{float:right;width:400px;min-height:1000px;padding-top:40px;color:#fff}
div#footer{clear:both;width:980px}	
h1{background:transparent;text-align:left}
h2{background:transparent;color:#000;text-align:left;margin-bottom:20px}
h3 {font-style:italic;background:transparent;padding:1px 4px 1px 4px}
p.asterix {
	background: transparent;
	padding: 0;
	margin:-20px 0 0 0;
	width: 500px;	 
	font-style: italic;
	text-align: center;
	color: #fff;
	font-size:small
	}

/* Navigation menu principal */

#nav{
 width: 100%;
 height: 50px;
 background: url(/en/img/nav.jpg) no-repeat 0 0;
 margin: 0; padding: 0;
 position: relative;
text-indent:-5000px;
border-left:0px solid #EDCBDC;
border-right:0px solid #EDCBDC;
}
#nav ul{margin: 0; padding: 0}
#nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#nav a {display: block;text-decoration: none;text-indent: -9999px;border:0px solid red;outline:none}
#home {left: 0; top:0; width: 75px; height: 20px;}
#homeen {left:76px; top:0; width: 60px; height: 20px;}
#artists {left: 137px; top:0; width: 60px; height: 20px;}
#faq {left: 201px; top:0; width: 54px; height: 20px;}
#contact {left: 255px; top:0; width: 62px; height: 20px;}
#company {left: 318px; top:0; width: 70px; height: 20px;}

#home a {height: 50px;}
#homeen a {height: 50px;}
#artists a {height: 50px;}
#faq a {height: 50px;}
#contact a {height: 50px;}
#company a {height: 50px;}


#home  a:hover {background: url(/en/img/nav.jpg) 0px -50px no-repeat;height:50px;}
#homeen a:hover {background: url(/en/img/nav.jpg) -76px -50px no-repeat;height:50px}
#artists a:hover {background: url(/en/img/nav.jpg) -137px -50px no-repeat;height:50px;}
#faq a:hover {background: url(/en/img/nav.jpg) -201px -50px no-repeat;height:50px;}
#contact a:hover {background: url(/en/img/nav.jpg) -255px -50px no-repeat;height:50px;}
#company a:hover {background: url(/en/img/nav.jpg) -318px -50px no-repeat;height:50px;}

/* Page active */
body#pages-home #homeen{background: url(/en/img/nav.jpg) -76px -50px no-repeat;height:50px}	
body#pages-artists #artists{background: url(/en/img/nav.jpg) -137px -50px no-repeat;height:50px}
body#pages-faq #faq{background: url(/en/img/nav.jpg) -201px -50px no-repeat;height:50px}
body#pages-contact #contact{background: url(/en/img/nav.jpg) -255px -50px no-repeat;height:50px}
body#pages-company #company{background: url(/en/img/nav.jpg) -318px -50px no-repeat;height:50px}
/* Navigation menu footer */
#navfooter {background:transparent ;margin:20px 0;height:100px}
#navfooter ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
background:transparent}

#navfooter ul li { display: inline}

#navfooter ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background: transparent;
}

#navfooter ul li a:hover
{
color: #fff;
background:transparent;
}


/* Navigation artistes*/

#navigation ul
{
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
background: transparent}

#navigation li {background: transparent;margin:4px}

#navigation a
{
display: block;
color: #000;
background: transparent url(/fr/img/bgbody.jpg) 0 -200px repeat-x;
width: 380px;
padding:4px;
margin:0;
text-decoration: none;
border:1px solid #000;
text-transform: uppercase;
font-size:x-small;
font-weight:900;letter-spacing:1.5px}

#navigation  a:hover
{
background:transparent url(/fr/img/bgbody.jpg) 0 -240px repeat-x;

}

#navigation a.none
{display: inline;
color: #eee;
background: transparent;
padding:0;
margin:0;
border:0;
text-decoration: none;
text-transform: none;
font-size:x-small;
}
#navigation a.none:hover
{
color: #fff;

}


/* Tableau cd
---------------------------------------------------------- */

caption {
	margin:0;
	padding:0;
	font: 24px  verdana, arial , helvetica, sans-serif;
	text-align:left;
	color:#000;
	background:transparent;
	border:0px solid #663399;
	width:500px;
	height:0px;
	text-indent:-5000px;
}


#cd 
{width:530px;margin:40px 0 0 0;padding:0;
border-left: 0px solid #663399;
border-right: 0px solid #663399;
font-size:76%;
clear:left;
background:transparent}

span.nom {font-weight:bold; text-transform:none;}

span.titre {font-weight:bold;font-style:italic}

span.feature {font-style:italic;
text-transform:none; background:#fff;
padding:1px 4px 1px 4px}

span.number {background:#000; padding:2px 4px; color:#eee;margin-right:8px;border:1px solid #4D4D4D}

th.buy {
	
	color: #000;
	letter-spacing: 2px;
	text-transform: none;
	text-align: center;
	font-weight: 900;
	padding: 4px;
	background: transparent;
	
	
}
th.price {
	
	color: #000;
	letter-spacing: 2px;
	text-transform: none;
	text-align: center;
	font-weight: 900;
	padding: 4px;
	background: transparent;
	
	
}
th.listen {
	
	color: #000;
	letter-spacing: 2px;
	text-transform: none;
	text-align: center;
	font-weight: 900;
	padding: 4px;
	background: transparent;

}
th.title {
	
	color:#000;
	letter-spacing: 2px;
	text-transform: none;
	text-align: left;
	font-weight: 900;
	padding:  4px 4px 4px 42px;
	background:transparent;

	
}

th.nobg {
		background:transparent;
	color:#fff;
	;
}

td.impair {
	background: transparent;
	padding: 4px;
	font-weight: bold;
	color: #000;
	
	text-align: left;
	letter-spacing: 2px;
	text-transform: none;
}

td.impairtitle{
	background: transparent;
	padding: 4px;
	font-weight: bold;
	color: #000;
	
	text-align: left;
	letter-spacing: 1.5px;
	text-transform: none;
	width:320px
}

td.impairlisten{
	background: transparent;
	padding: 4px;
	font-weight: bold;
	color: #000;
	
	text-align: center;
	letter-spacing: 2px;
	text-transform: none;
	width:130px}


td.pairtitle {
	background:transparent;
	padding: 4px;
	font-weight: bold;
	color:#000;
	
	text-align: left;
	letter-spacing: 1.5px;
	text-transform: none;
	width:320px
}

td.pairlisten{
	background: transparent;
	padding: 4px;
	font-weight: bold;
	color: #000;
	
	text-align: center;
	letter-spacing: 2px;
	text-transform: none;
	width:130px
}
td.pairlisten img{ margin-top:14px}
td.impairlisten img{ margin-top:14px}
td.pairprice{
	background: transparent;
	padding: 4px;
	font-weight: bold;
	color:#000;
	
	text-align: center;
	letter-spacing: 2px;
	text-transform: none;
	width:40px
}
td.impairprice{
		background: transparent;
	padding: 4px;
	font-weight: bold;
	color: #000;
	
	text-align: center;
	letter-spacing: 2px;
	text-transform: none;
	width:40px
}
td.pairbuy{
	
	background: transparent;
	padding: 4px;
	font-weight: bold;
	color: #000;
	
	text-align: center;
	letter-spacing: 2px;
	text-transform: none;
	
}
td.impairbuy{
	
	background: transparent;
	padding: 4px;
	font-weight: bold;
	color: #000;
	
	text-align: center;
	letter-spacing: 2px;
	text-transform: none;
	
}
th.impair {
	
	background: transparent;
	font-weight: bold;
	
	color:#000;
	letter-spacing: 2px;
	text-transform: none;

}

th.pair {
	
	background: transparent;
	font-weight: bold;
	color: #000;
	
	letter-spacing: 2px;
	text-transform: none;
	
}

form {
	padding: 0;
	margin: 0;	 
	background:transparent;
	
}

p.note {
	background: transparent;
	padding: 0;
	margin:0;
	width: 500px;	 
	font-style: italic;
	text-align: center;
	color: #000;
	font-size:small
	}
	p.note2 {
	padding: 0;
	width: 500px;	 
	font: italic 10px "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	text-align: center;
	}
	
.floatleft
{
float: left;
margin: 0 10px 10px 0;
border: 2px solid #4D4D4D;
padding: 0;
}
.photo
{
float: left;
margin: 0;
border: 0;
padding:0;
background:transparent;
width:220px;
height:220px
}
.nostyle
{
position:relative;
top:0;
left:0;
margin: 0;
border: 0;
padding:0;
}

iframe{background:#000}

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    top:  0; 
    left: 0 
}