/* CSS Document */

html, body {margin: 0; padding: 0;  color: #000; background:#000000;  font-family: Verdana, Arial, sans-serif;}

#global { position:absolute; left: 50%; top:0px; width: 950px; margin-left: -475px; }

#head {position:absolute; left:0px; margin-top:0px; background-image:url(ensemble-trielen.gif); font: Verdana, sans-serif; height:85px; width:950px;}
#head-english {position:absolute; left:0px; margin-top:0px; background-image:url(ensemble-trielen-english.gif); font: Verdana, sans-serif; height:85px; width:950px;}
#head2 {position:absolute; left:75px; margin-top:0px; font: Verdana, sans-serif; height:50px; width:800px;  text-align:center; padding:10px 0 0 0;}
	#musique {position:absolute; left:0px; margin-top:540px; background-image:url(encadre.gif); background-repeat:no-repeat; font: Verdana, sans-serif; height:52px; width:370px; padding: 5px; text-align:center;}


#photo-centre { position:absolute; width: 800px; margin-left: 75px; top:50px;}


#nav {margin-left: 0; margin: 0; padding: 0px; }
html>body #nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a, #album a {float: none;}            /* End IE5-Mac hack */
#nav a:hover, #nav #current a {color:#FFCC66; }

#current { background-color:#4a4949; }

#nav li {list-style: none;  margin-left: 0px; padding: 4px 5px 4px 5px; font-size: 12px; line-height: 17px; white-space: nowrap; border-bottom:2px solid #000000; }

#nav a {display: block; padding: 0 16px 0 0; text-decoration:none;  color:#FFFFFF; width: 156px;}

.conteneur {position: absolute; left: 0; width: 156px; top: 85px; background-color:#727070;}

#gauche { position:absolute; margin-left:0px; margin-top:100px; width:352px; height:478;}

#cd { position:absolute; margin-left:400px; margin-top:400px; width:146px; height:172;}

a.cd-anim {
	position: absolute;
	width:146px;
	height:184px;
	margin-left:400px;
	margin-top:400px;
	background-image:url(nouveau-disque-trielen.gif);
	background-repeat:no-repeat;
}
a.cd-anim:hover {background-image:url(nouveau-disque-trielen2.gif);}

#advitam {
	position:absolute;
	width:150px;
	height:150px;
	background-image:url(ad-vitam.gif);
	background-repeat:no-repeat;
	left: 317px;
	top: 831px;
}

#harmonia {
	position:absolute;
	width:253px;
	height:72px;
	background-image:url(harmonia-mundi.jpg);
	background-repeat:no-repeat;
	left: 2px;
	top: 839px;
}

#haut {
	position:absolute;
	left:0px;
	top:85px;
	width: 950px;
	height:174px;
}
#haut2 { position:absolute; margin-left:156px; margin-top:85px; width: 794px; height:174px;}
#hautbio { position:absolute; margin-left:156px; margin-top:85px; width: 794px; height:232px;}


#main {position:absolute; margin-left:520px; margin-top:85px; width: 460px; clear: left; }
#main2 {position:absolute; margin-left:511px; margin-top:110px; width: 439px; }
#main-edition {position:absolute; margin-left:220px; margin-top:85px; width: 460px; clear: left; }


#mainphotos {position:absolute; margin-left:200px; margin-top:110px; width: 750px; clear: left; }
.texte-photos { position:absolute; margin:0px; padding: 10px 30px 0px 20px; width:930px; font-size:13px; color:#FFFFFF; line-height:16px; text-align:justify; }


#titrephotos {position:absolute; margin-left:0; margin-top:125px; width: 750px; height:30px; clear:left; font-size:14px; color:#CC9966; }
#retourphotos {position:absolute; margin-left:750px; margin-top:125px; width:150px; height:30px; font-size:16px; color:#FF0000; }
#retourphotos a { text-decoration:none; }
#retourphotos a:hover {color:#0033FF; text-decoration:none; }

#photos {position:absolute; margin-left:0; margin-top:155px; width: 950px; clear: left; }

#commande {position:absolute; margin-left:0px; margin-top:110px; width: 950px; clear: left; background-color:#FFFFFF;}

#main2 {position:absolute; margin-left:0; margin-top:85px; width: 598px; clear: left; background-image:url(fond-bio.png); }
#main3 {position:absolute; margin-left:200; margin-top:85px; width: 398px; clear: left; }
#tableau {
	position:absolute;
	margin-top:130px;
	width: 793px;
	left: 159px;
	top: 193px;
}
table { width: 100% ; }
th, td { font: verdana, "Andale Mono", "Courier New", Courier, monospace; color:#FFFFFF;}
th { text-align:left; font-weight: bold; color:#999999; font-size:14px;}
td {text-align:justify;color:#FFFFFF; font-size:12px; vertical-align:top; }


#pied { position:absolute; margin-left:352px; margin-top:583px; width: 598px; height:5px; background-color:#333333; background-image:url(fond-pied2.gif);}

.menu{ position:absolute; margin-left: 805px; margin-top:2px; width:139px; font-size:12px; font-weight:bold;  color:#FFFFFF;}


.couverture-cd { position:absolute; margin-left:24px; margin-top:20px; width: 260px; height:217; }

.logos { position:absolute; margin-left:295px; margin-top:20px; width: 307px; height:40px; }

.texte-album {
	position:absolute;
	margin:0px;
	padding: 0px 10px 0px 20px;
	font-size:13px;
	color:#FFFFFF;
	line-height:16px;
	text-align:left;
	width: 395px;
}

.texte-album3 {
	position:absolute;
	margin:0px;
	padding: 0px 30px 0px 20px;
	font-size:13px;
	color:#FFFFFF;
	line-height:16px;
	text-align:left;
	width: 641px;
}
.texte-album2 { position:absolute; margin:0px; padding: 10px 30px 0px 20px; width:422px; font-size:13px; color:#FFFFFF; line-height:16px; text-align:left; }

.texte-bio-1 { position:absolute; margin-top:180px; left:0px;  width:220px; height:174px; font-size:12px; color:#FFFFFF; line-height:16px; text-align:left; top: 0px;}

.texte-bio-2 {	position:absolute;	margin-top:180px;	left:250px;	width:220px;height:174px;font-size:12px;color:#FFFFFF;line-height:16px;text-align:left;top: 0px;}

.texte-bio-3 {	position:absolute;margin-top:180px;left:500px;width:220px;height:174px;font-size:12px;color:#FFFFFF;line-height:16px;text-align:left;
	top: 0px;}

.titreblanc { float:left; margin-left: 30px; font-size:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100; color:#FFFFFF;padding:10px 0 10px 10px;  }

.date { font-size:12px; font-weight:bold; color:#ff9933;}
.description { font-size:12px; color:#999999; font-weight:100; }
.musique { font-size:12px; color:#FFFFFF; padding: 0px 0px 0px 30px;}

.programme { font-size:12px; font-style:italic; color:#999999;}


.album { list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight:bold; line-height: 35px; color:#666666;}
.album li {padding: 0; line-height: 35px; }
.album li a {padding: 4px 5px 4px 10px; text-decoration:none; color:#CCCCCC; }
.album a:hover { background: #000000; text-decoration: none; color:#FF9900; }

.lien { list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight:bold; line-height: 35px; color:#666666;}
.lien li {padding: 0; line-height: 35px; }
.lien li a {padding: 4px 5px 4px 10px; text-decoration:none; color:#CCCCCC; }
.lien a:hover { background: #000000; text-decoration: none; color:#FF9900; }

.courriel { list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight:bold; line-height: 35px; color:#666666; }
.courriel a {padding: 4px 5px 4px 10px; text-decoration:none; color:#CCCCCC; }
.courriel a:hover { background: #000000; text-decoration: none; color:#CC3300; }

.lienpresse { list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight:bold; line-height: 35px; color:#CC6600; }
.lienpresse a {padding: 4px 5px 4px 10px; text-decoration:none; color:#CC6600; }
.lienpresse a:hover { background: #000000; text-decoration: none; color:#CC3300; }

.telechargement { list-style: none; margin: 0; padding: 0; font-size: 14px; color:#666666; }
.telechargement a {padding: 0px 0px 4px 60px; text-decoration:none; color:#666666; }
.telechargement a:hover { background: #000000; text-decoration: none; color:#CC3300; }

.telechargement2 { margin: 0; padding: 0; font-size: 14px; color:#FFFFFF;}
.telechargement2 a {padding: 0px; text-decoration:none; color:#FFFFFF; text-align:center;	 }
.telechargement2 a:hover { text-decoration: none; color:#CC3300; }

.commander { list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight:bold; line-height: 25px; color:#666666; }
.commander a {padding: 0; text-decoration:none; color:#CC6600; }
.commander a:hover { background: #000000; text-decoration: none; color:#CC3300; }

.pic { height: 170px; width: 950px;  padding: 0; margin: 0;}
  
a.english {	position: absolute;	display: block; left: 920px; top: 10px; width: 30px; height: 18px;
	background-image:url(english.gif);	background-repeat: no-repeat ; }
a.francais {position: absolute;	display: block; left: 920px; top: 10px; width: 30px; height: 18px;
	background-image:url(francais.gif);	background-repeat: no-repeat ; }	
	
	
a.lienvideo {width:142px; height:94px; background-image:url(Alexandre-Tansman.jpg); background-repeat:no-repeat; }