/*	@import "all.css";  just some basic formatting, no layout stuff */
	
body {
	font-size:0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#CCCCCC;
}

body.popup {
	font-size:0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
}

body.wavebg {
	background-image: url(images/bg-wave.gif);
}
	
p,h1,pre {
	margin:0px 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
		
h1 {
	font-size:14px;
	padding-top:10px;
}

a:link {
	color:#FF3366;
	border-bottom: 1px dotted #FF3366;
	text-decoration: none;
}

a:visited {
	color:#FF3366;
	border-bottom: 1px dotted #FF3366;
	text-decoration: none;
}

a:hover {
	color:#FF3366;
	border-bottom: 1px dotted #FF3366;
	background-color: #E8BFCA;
}

a:active {
	color:#FF3366;
	border-bottom: 1px solid #FF3366;
	background-color: #E8BFCA;
}

a.image { border-bottom: none; }
a.image:link { border-bottom: none; }
a.image:visited { border-bottom: none; }
a.image:hover { border-bottom: none; background-color: transparent; }
a#nextLink { border-bottom: none; }
a#nextLink:link { border-bottom: none; }
a#nextLink:visited { border-bottom: none; }
a#nextLink:hover { border-bottom: none; background-color: transparent; }
a#prevLink { border-bottom: none; }
a#prevLink:link { border-bottom: none; }
a#prevLink:visited { border-bottom: none; }
a#prevLink:hover { border-bottom: none; background-color: transparent; }
a#bottomNavClose { border-bottom: none; }
a#bottomNavClose:link { border-bottom: none; }
a#bottomNavClose:visited { border-bottom: none; }
a#bottomNavClose:hover { border-bottom: none; background-color: transparent; }


#frame {
	width: 950px;  /* was 950 */
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
	background-image: url(images/bg-3col.gif);
	background-repeat: repeat-y;
}

#frame2col {
	width: 950px;  /* was 950 */
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
	background-image: url(images/bg-2col.gif);
	background-repeat: repeat-y;
}
		
#contentleft {
	width:271px;
	padding:0px;
	float:left;
/*	background:#fff; 
*/
}

#contentcenterright {
/*	position: relative;
	top: 0px;
	left: 0px;
*/
	font-size:1.0em;
	float: left;
}
	
#contentcenter {
	width:408px;  /* was 408 */
	padding:0px;
	margin: 0px;
	float:left;
/*
	position: relative;
	top: 0px;
	left: 0px;

	background:#eee;
*/
}
	
#contentright {
	width:271px;
	padding:0px;
	float:left;
/*	background:#fff;
*/
}
			

.newsItem {
	margin:10px;
}
.newsDate {
	color: #333333;
	font-size: 1.0em;
	font-weight: bold;
	text-align:left;
	margin-bottom: 0px;
}

.newsTitle {
	color: #FF3266;
	font-size: 1.1em;
	font-weight: bold;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;
}

#newsText {
	padding: 0px 0px 10px 0px;
}

.plus {
	text-align: center;
	padding: 10px;
	margin: 10px;
}

#contentheader {
	background:#fff
}		

#contentheader h1 {
	font-size:14px;
	padding:10px;
	margin:0px;
}
	
#contentright p { font-size:10px}
	
#header {
	position: relative;
	top: 0px;
	left: 0px;
}

#horizline {
	position: relative;
	top: 0px;
	left: 0px;
}

#player {
	position: relative;
	top: 10px;
	left: 20px;
}



#vidplayer {
	position: relative;
	width: 388px;
	top: 10px;
	left: 10px;
}

#vidplayer-danser {
	position: relative;
	width: 388px;
	top: 20px;
	left: 100px;
}

#contentbox {
	position: relative;
	width: 388px;
	top: 20px;
	left: 10px;
	background-image:url(images/3col-mid-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color: #ECEAEB;
}

#contentbox h1 {
	background-image:url(images/3col-mid-top.gif); 
	background-repeat:no-repeat;
	background-color:#999999;
	height: 73px;
	margin: 0px;
	padding: 0px;
}

#contentbox h1 span {display:none;}

/* --- 3 column titles --- */
#contentbox h1#t-actualites {background-image:url(images/3col-title-actualites.gif);}
#contentbox h1#t-musique {background-image:url(images/3col-title-musique.gif);}
#contentbox h1#t-biographie {background-image:url(images/3col-title-biographie.gif);}
#contentbox h1#t-photos {background-image:url(images/3col-title-photos.gif);}
#contentbox h1#t-concerts {background-image:url(images/3col-title-concerts.gif);}
#contentbox h1#t-forums {background-image:url(images/3col-title-forums.gif);}
#contentbox h1#t-laliste {background-image:url(images/3col-title-laliste.gif);}
#contentbox h1#t-causerie {background-image:url(images/3col-title-causerie.gif);}

#contentbox .bottomSpace {
	height: 90px;
}

#newsletter {
	position: relative;
	background-image:url(images/3col-right-newsletter.jpg);
	background-repeat:repeat;
	top: 0px;
	left: 10px;
	width: 241px;
	height: 131px;
}

#newsletterField {
	position:relative;
	top: 84px;
	left: 40px;
	width: 178px;
}

#newsletterField input#email {
	width: 178px;
	background-color: #2F1820;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 1px solid #665A5E;
}

#newsletterField input#joindre {
	position:relative;
	top: 1px;
	left: 25px;
	width: 72px;
}


form {
 padding: 0px;
}

#store {
	position: relative;
	top: 10px;
	left: 10px;
	width: 241px;
	background-image:url(images/boutique-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color: #D6D6D6;	
}

#store h1 {
	background-image:url(images/boutique-top.jpg); 
	background-repeat:no-repeat;
	background-color:#999999;
	height: 313px;
	margin: 0px;
	padding: 0px;
}

#store h1 span {display:none;}

#store h1#t-store {background-image:url(images/title-actualites.gif);}

#store-merch {
	position:relative;
	top: -40px;
}

#fanclubButton {
	position: relative;
	top: 20px;
	left: 10px;
}

#footer {
	width:950px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:center;
	background-color:#ffffff;
}

#footerNav {
	display:block;
	background-color:#ffffff;
}

#content2col {
/*	position: relative;
	top: 0px;
	left: 0px;
*/
	font-size:1.0em;
	float: left;
	width: 678px;
}

#content2col .spacer {
	height: 10px;
}

#content2colpic {
/*	position: relative;
	top: 0px;
	left: 0px;
*/
	font-size:1.0em;
	float: left;
	width: 678px;
}

#content2colpic .spacer {
	height: 0px;
}

#contentBoxWide {
	position: relative;
	top: 0px;
	left: 10px;
	width: 649px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/2col-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #ECEAEB;
}

#contentBoxWide h1 {
	background-image:url(images/2col-title-blank.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 80px;
	width: 649px;
	margin: 0px;
	padding: 0px;
}




/* --- section header images --- */
#contentBoxWide h1#actualites { background-image:url(images/2col-title-actualites.gif); }
#contentBoxWide h1#archivesEvenements { background-image:url(images/2col-title-archivesevenements.gif); }
#contentBoxWide h1#archivesNouvelles { background-image:url(images/2col-title-archivesnouvelles.gif); }
#contentBoxWide h1#musique { background-image:url(images/2col-title-musique.gif); }
#contentBoxWide h1#biographie { background-image:url(images/2col-title-biographie.gif); }
#contentBoxWide h1#photos { background-image:url(images/2col-title-photos.gif); }
#contentBoxWide h1#concerts { background-image:url(images/2col-title-concerts.gif); }
#contentBoxWide h1#forum { background-image:url(images/2col-title-forum.gif); }
#contentBoxWide h1#laliste { background-image:url(images/2col-title-laliste.gif); }
#contentBoxWide h1#boutique { background-image:url(images/2col-title-boutique.gif); }
#contentBoxWide h1#fanclub { background-image:url(images/2col-title-fanclub.gif); }
#contentBoxWide h1#causerie { background-image:url(images/2col-title-causerie.gif); }

/* --- section header images, with pics --- */
#content2colpic #contentBoxWide h1#actualites { background-image:url(images/2col-title-pic-actualites.gif); }
#content2colpic #contentBoxWide h1#archivesEvenements { background-image:url(images/2col-title-pic-archivesevenements.gif); }
#content2colpic #contentBoxWide h1#archivesNouvelles { background-image:url(images/2col-title-pic-archivesnouvelles.gif); }
#content2colpic #contentBoxWide h1#musique { background-image:url(images/2col-title-pic-musique.gif); }
#content2colpic #contentBoxWide h1#biographie { background-image:url(images/2col-title-pic-biographie.gif); }
#content2colpic #contentBoxWide h1#photos { background-image:url(images/2col-title-pic-photos.gif); }
#content2colpic #contentBoxWide h1#concerts { background-image:url(images/2col-title-pic-concerts.gif); }
#content2colpic #contentBoxWide h1#forum { background-image:url(images/2col-title-pic-forum.gif); }
#content2colpic #contentBoxWide h1#laliste { background-image:url(images/2col-title-pic-laliste.gif); }
#content2colpic #contentBoxWide h1#boutique { background-image:url(images/2col-title-pic-boutique.gif); }
#content2colpic #contentBoxWide h1#fanclub { background-image:url(images/2col-title-pic-fanclub.gif); }

#content2colpic #contentBoxWide h1 {
	background-image:url(images/2col-title-pic-blank.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 139px;
	width: 649px;
	margin: 0px;
	padding: 0px;
}

#contentBoxWide h1 span {
	display:none;
}

#contentBoxWide p {
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}

#contentBoxWide .bottomSpace {
	height: 120px;
	width: 500px;
}

#footer {
	width: 950px;
	height: 100px;
	position: relative;
	top: 0px;
}

#footer h1 {
	background-image: url(images/footer-marilou.gif);
	background-repeat: no-repeat;
	height: 52px;
	width: 97px;
	position: absolute;
	top: 10px;
	left: 130px;
}

#footer h1 span { display: none; }

#footerLinks {
	font-size: 0.8em;
	position: absolute;
	top: 25px;
	left: 250px;
}

#copyright {
	position:absolute;
	top: 50px;
	left: 300px;
}
	

.noDisplay {
	display:none;
}

/* ---  Popups  --- */
#popupContainer {
	padding: 0px;
	width:418px;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/* -- Musique --*/
#musique-content {
}

#musique-content .subsection {
	background-image:url(images/divider.jpg);
	background-repeat:no-repeat;
}

#musique-content .subsection .subheader {
	width:500px;
	position:relative;
	left: 60px;
}

#musique-cd1 {
	width:227px;
	float: left;
	position:relative;
	left: 30px;
}
#musique-cd1 p{
/*	width:227px; */
	position:relative;
	padding:0px;
	margin:0px;
	top: 15px;
	font-size:0.9em;
	text-align:right;
}

#musique-cd2 {
	width:250px;
	float: left;
	position:relative;
	left: 60px;
}

#musique-cd2a {
	width:250px;
	float: left;
	position:relative;
	left: 120px;
}


#musique-danser {
	width:250px;
	float: left;
	position:relative;
	left: 60px;
}

#musique-cd3 {
	width:227px;
	float: left;
	position:relative;
	left: 70px;
}

#musique-cdsingle {
	width:141px;
	float: left;
	position:relative;
	left: 25px;
	padding-right:20px;
}

#musique-song {
	float: left;
	position: relative;
	left: 50px;
	width: 330px;
}
#musique-trackname {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
#musique-trackname span.note {
	font-size: 0.7em;
	font-weight: normal;
	font-style: italic;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
#musique-song p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#musique-cdtitle { 
	font-size: 1.3em;
	font-weight: bold;
}

#musique-year {
	font-size: .9em;
	font-weight:normal;
}

#musique-tracks {
	float: left;
	position: relative;
	left: 65px;
	width: 270px;
}
#musique-singles {
	position: relative;
	top: 0px;
	left: 60px;
	width: 549px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/musique-singles_03.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #B9B9B9;
}
#musique-singles h1 {
	background-image:none;
	background-repeat: no-repeat;
	background-position: top;
	height: 60px;
	width: 549px;
	margin: 0px;
	padding: 0px;
}

#musique-singles h1 span {
	display:none;
}
#musique-singles h1#singles { background-image:url(images/musique-singles_01.gif); }


#musique-singles .bottomSpace {
	height: 30px;
}

h2 {
	padding: 0px 0px 0px 30px;
}
h3 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.1em;
}

#videoContent {
	padding: 0px 60px 30px 45px;
	position:relative;
}

#photosContent {
	padding: 0px 60px 60px 60px;
	position:relative;
}

.photosGallery {
	padding: 0px 0px 20px 0px;
}

.photosGallery h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.photosGallery p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}


#photosGallery {
	padding: 0px 0px 20px 0px;
}

#photosGallery h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#photosGallery p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

#photosThumb {
	padding: 10px;
	float: left;
}

.concertsTableHeader {
	color:#FFFFFF;
}

#fanPost {
	width: 600px;
	position:relative;
	left: 20px;
	background-image: url(images/divider.jpg);
	background-repeat:no-repeat;
}

#fanPostButton {
	position: absolute;
	right:40px;
	top:10px;
	z-index: 5;
}
#fanPostButtonBottom {
	position: relative;
	padding-left: 420px;
}

#fanPostTitle {
	background-image:none;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 40px;
	position: relative;
}

#fanPostTitle span.name {
	font-size: 1.1em;
	font-weight:bold;
}


#fanPostContent {
	background-image:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 0px 40px;
	left: 0px;
}

#fanPostContent p {
	background-image:none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#fanPostDate {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 40px;
	font-size: .8em;
	font-style:italic;
}

#fanPostForm {
	padding: 0px 10px 0px 10px;
}

/* --- LIGHTBOX CSS --- */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


/* --- LIGHTBOX CSS ENDS --- */