body {
	color: #262626;
	font: normal 11px/15px Arial, sans-serif;
	padding: 0;
	margin: 0;
	}
/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
h1 {
	font: normal 170% "Times New Roman", serif;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 15px;
	padding: 10px 0 15px;
	margin: 0 0 10px;
	}
h2 {
	font-size: 150%;
	font-weight: bold;
	color: #009C86;
	margin: 10px 0 0;
	padding: 0;
	}
h3 {
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 0;
	padding: 0;
	}
h4 {
	width: 100px;
	color: #000000;
	text-align: center;
	font-size: 110%;
	font-weight: normal;
	text-transform: uppercase;
	padding: 2px;
	margin: 0 0 10px 0;
	background-color: #EEEEEE;
	}
caption {
	font-size: 120%;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 5px 0;
	}
/**************************************************/
/*                   SEPARATOR                    */
/**************************************************/
.border img {
	padding: 0;
	border: 1px solid #EEEEEE;
	}
/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
#navigator {text-align: center;}
ul.navigator-google {
	clear: both;
	height: 28px;
	font-size: 95%;
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
	}
ul.navigator-google li {
	display: inline;
	padding: 0 2px 0;
	margin: 0;
	}
ul.navigator-google li.text {background: transparent;}
ul.navigator-google li.on a {
	color: #FFFFFF;
	background-color: #019889;
	}
ul.navigator-google li img {vertical-align: middle;}
ul.navigator-google li a {
	color: #666666;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	}
ul.navigator-google li a:hover {
	color: #FFFFFF;
	background-color: #019889;
	}

/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
a, a:hover, a:visited {
	color: #EEEEEE;
	text-decoration:underline;
	}

p {text-align: justify;}

/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
input.halfbox {
	margin-top: 3px;
	width: 220px;
	height: 12px;
	font-size: 78%;
	font-style: italic;
	}
input.box {width: 300px;}
textarea.box {
	width: 300px;
	font: normal 11px/15px Verdana, Arial, sans-serif;
	padding: 2px 2px 2px 2px;
	}
.button, input.button:hover {cursor: pointer;}
input.loginbutton {vertical-align: bottom;}

/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
.break {
	clear: both;
	float: none
	}
/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
.nothome {background: transparent url('../images/construction/background-bio2.jpg') no-repeat 450px left;}

/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
#container {
	background: transparent url('../images/fond.jpg') ;
	height: 2000px;
	width: 850px;
	margin: 0 auto 0 auto;
	padding: 0 65px 0 65px;
	overflow: hidden;
	color: white;
	}
	#content{
		margin-top: 410px;
		width: 868px;
		height: 1426px;
		}
		#left{
			float:left;
			width: 537px;
			height: 1119px;			
			}
			#actus{
				margin-top: 56px;
				height: 466px;
				padding: 0px 20px 12px 15px;
				overflow: auto;
				}
			#album {
				margin-left: 230px;
				margin-top: 73px;
				padding-right: 20px;
				}
				#album  h2, #dvd h2{
					margin: 0;
					color: white;
					text-transform: uppercase;
					font-weight: normal;
					font-size: 178%;
					}
				#album  h3, #dvd h3{
					margin-top: 3px;
					color:	#FEC60D;
					text-transform: uppercase;
					font-weight: normal;
					font-size: 178%;
					line-height: 20px;
					}
				#album  ol{
					margin: 34px 0 0 22px;
					padding-left: 0px;
					}
					#album  ol li p{
						margin:0 0 5px 0;
						}
					#album  ol li{
						margin: 0;
						}
		#right{
			float:left;
			width: 322px;
			height: 1119px;
			margin-left: 9px
			}
			#newsletter {
				margin-top: 30px;
				margin-left: 10px;
				}
				#newsletter p{
					color:	#FEC60D;
					font-weight: bold;
					font-family: Arial;
					font-size: 105%;
					margin-bottom: 5px;
					}

			#dvd {
				margin-top: 92px;
				}
				#dvd .title{
					margin-left: 182px;
					}
				#dvd .description{
					margin-top: 130px;
					padding:0 10px 0 20px;
					}
		#bottom {
			margin-top: 55px;
			margin-left: 33px;			
			}
	
#header {
	padding: 0;
	margin: 0;
	/* border-bottom: #EEEEEE 1px solid; */
	clear: both;
	/*background: transparent url('../images/construction/menu3.jpg') no-repeat 0 0;*/
	}
#header #logo {
	margin: 15px 0 0;
	float: left;
	width: 259px;
	height: 61px;
	}

#promo {height: 140px;}
#promo p.left {float: left;}
#promo p.right {float: right;}

ul.content-grid li {
	float:left;
	height:145px;
	text-align:center;
	width:135px;
	}
	
#nav_video {
	margin: 10px 299px;
	}
	#nav_video.mono {
	margin: 10px 370px;
	}
	#nav_video .content-grid li {
		height: 30px;
		}
/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
#warning {
	color: #FF3300;
	padding: 5px 10px;
	margin: 0 0 10px;
	background-color: #FFFFCC;
	}
/**************************************************/
/*                Header et menu                  */
/**************************************************/
#menu {
	padding: 4px 0;
	margin: 2px auto 0 auto;
	width: 850px;
	height: 10px;
	clear: both;
	}
#menu li {
	display: block;
	float: left;
	height: 17px;
	padding: 0 13px 0 0;
	}
#menu li a {
	height: 10px;
	display: block;
	font: normal 100% "Times New Roman", serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #EEEEEE;
	}
#menu li a:hover {
	color: #728D9B;
	text-decoration: none;
	}
#menu li#opendisc a {
	width: 58px;
	padding: 0;
	background: transparent url('../images/buttons/Opendisc.jpg') no-repeat 0 0;
	}
#menu li#languages {
	width: 50px;
	float: right;
	clear: right;
	}
#menu li#languages ul {
	padding: 0;
	margin: 0;
	height: 10px;
	background: transparent url('../images/buttons/Slash.jpg') no-repeat 16px 0;
	}
#menu li#languages ul li#fr {
	width: 18px;
	float: left;
	padding: 0;
	}
#menu li#languages ul li#fr a {
	width: 18px;
	background: transparent url('../images/buttons/FR_white.jpg') no-repeat top left;
	}
#menu li#languages ul li#fr a:hover {
	width: 18px;
	background: transparent url('../images/buttons/FR_grey.jpg') no-repeat top left;
	}
#menu li#languages ul li#eng {
	width: 28px;
	float: right;
	padding: 0;
	}
#menu li#languages ul li#eng a {
	width: 28px;
	background: transparent url('../images/buttons/ENG_white.jpg') no-repeat top left;
	}
#menu li#languages ul li#eng a:hover {
	width: 28px;
	background: transparent url('../images/buttons/ENG_grey.jpg') no-repeat top left;
	}

#menu li#news a {
	width: 75px;
	background: transparent url('../images/buttons/Newstour_white.jpg') no-repeat top left;
	}
#menu li#news a:hover {background: transparent url('../images/buttons/Newstour_grey.jpg') no-repeat top left;}
#menu li#biography a {
	width: 60px;
	background: transparent url('../images/buttons/History_white.jpg') no-repeat top left;
	}
#menu li#biography a:hover {background: transparent url('../images/buttons/History_grey.jpg') no-repeat top left;}
#menu li#discographie a {
	width: 95px;
	background: transparent url('../images/buttons/Discography_white.jpg') no-repeat top left;
	}
#menu li#discographie a:hover {background: transparent url('../images/buttons/Discography_grey.jpg') no-repeat top left;}
#menu li#photos a {
	width: 55px;
	background: transparent url('../images/buttons/Photos_white.jpg') no-repeat top left;
	}
#menu li#photos a:hover {background: transparent url('../images/buttons/Photos_grey.jpg') no-repeat top left;}
#menu li#videos a {
	width: 55px;
	background: transparent url('../images/buttons/Videos_white.jpg') no-repeat top left;
	}
#menu li#videos a:hover {background: transparent url('../images/buttons/Videos_grey.jpg') no-repeat top left;}
#menu li#shop a {
	width: 45px;
	background: transparent url('../images/buttons/Shop_white.jpg') no-repeat top left;
	}
#menu li#shop a:hover {background: transparent url('../images/buttons/Shop_grey.jpg') no-repeat top left;}
#menu li#newsletter a {
	width: 85px;
	background: transparent url('../images/buttons/Newsletter_white.jpg') no-repeat top left;
	}
#menu li#newsletter a:hover {background: transparent url('../images/buttons/Newsletter_grey.jpg') no-repeat top left;}
/**************************************************/
/*                   SHOP   			          */
/**************************************************/
#shop, #gallery, #opendisc, #biography {
	border-top: 2px solid black;
	padding-top: 10px;
	}
#shop h1, #gallery h1, #opendisc h1, #biography h1 {
	color: #009C86;
	font-size: 150%;
	font-family: Verdana,Arial,sans-serif;
	font-weight: bold;
	margin:	0 0 30px 0;
	padding: 0;
	text-transform: none;
	}
#opendisc h1, #biography h1 {margin-bottom: 18px;}

#shop h2 , #gallery h2{
	color: white;
	background-color: black;
	padding: 5px;
	margin: 5px 0 15px;
	}
.album {
	float: left;
	width: 192px;
	}
.album  a img {margin-top: 5px;}
.album  h3 {
	font-size: 106%;
	font-weight: bold;
	margin: 1px 0 20px 0;
	text-align: center;
	width: 148px;
	}
/**************************************************/
/*                     Anims header               */
/**************************************************/
p.comment {
	float: left;
	width: 200px;
	margin: 0;
	}
p.share {
	float: right;
	width: 90px;
	margin: 0;
	}
/**************************************************/
/*                     Anims header               */
/**************************************************/
/*.anim {
	margin: 0;
	width: 100%;
	height: 500px;
	/*
	background: transparent url('../images/construction/header2.jpg') no-repeat center top;
	*/
	}
.anim.homeanim {background: transparent url('../images/construction/header2.jpg') no-repeat center top;}
.anim.bioanim {background: transparent url('../images/construction/header-bio2.jpg') no-repeat center top;}
*/
/**************************************************/
/*                    Intro                  */
/**************************************************/
body#intro {
	background-color: #000000;
	font : normal 11px/15px Verdana, Arial, sans-serif;
	/* TOP - RIGHT - BOTTOM - LEFT */	
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;		
	width:100%;
	height:100%;	
	scrolling:no;
	background-image : none;
	text-align: center;
}
body#intro div.anim {
	background-color: #000000;
	/* TOP - RIGHT - BOTTOM - LEFT */
	padding : 0px 0px 0px 0px;	
	margin : 0px 0px 0px 0px;
	
	height:900px;
}

/**************************************************/
/*                     HOME                       */
/**************************************************/
#homeleft {
	padding: 0 20px 10px 10px;
	margin: 0;
	width: 542px;
	min-height: 1000px;
	background-color: white;
	float: left;
	clear: left;
	}
#homeleft a {
	color: #696969;
}
#homeright {
	padding: 0 12px 10px 13px;
	margin:  0;
	width: 307px;
	float: right;
	clear: right;
	}
#homeright .rightcontent {
	padding: 10px 0;
	margin:  0;
	border-top: 1px dotted black;
	}
#homeright .rightcontent.first {border-top: 0;}
#homeright .rightcontent ul {
	list-style: none;
	padding: 0;
	margin:  0;
	}
#homeright .rightcontent ul.links {
	margin-top: 3px;
	color: white;
	}
#homeright .rightcontent ul.links a {text-decoration: none;}
#body {
	background-color: #696969;
	/*border: 1px solid red;*/
}
.clear {clear: both;}
/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
div.news_data {
/*border-bottom:1px solid #D2D2D2;
border-top:1px solid #D2D2D2;*/
height:16px;
margin:10px 0 0;
padding:3px 0;
}
div.news_data p.comment {
float:left;
text-align:left;
width:250px;
}
styles.css (ligne 231)
div.news_data p {
color:#BCBCBC;
margin:0;
width:83px;
}
.comments ul {
	list-style: none;
	padding: 0;
	margin:  0;
	border-top: 1px solid #262626;
	}
.comments ul li {
	padding: 5px 0;
	margin:  0;
	border-bottom: 1px solid #262626;
	}
.content-view-line .commentaire {padding: 5px 0 0;}

/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
.content-view-line .evenement {
	margin: 0 0 40px 0;
	}	
	.content-view-line .evenement h2{
		margin-top: 0px;
		color: #FEC60D;
		font-size: 125%;
		
		}

.content-view-line .evenement span.date {
	color: #788990;
	font-style: italic;
	}
.content-view-line .evenement p.description {
	text-align: justify;
	margin: 15px 0;
	}
/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
.content-view-line .media {margin: 10px 0 40px 0;}
.content-view-line .media img {border: 1px solid #EEEEEE;}

/**************************************************/
/*                     Biographie                 */
/**************************************************/
.content-view-full #biography,
.content-view-full #discographie,
.content-view-full #gallery,
.content-view-full #opendisc {
	margin: 0;
	padding: 10px 10px 20px 7px;
	min-height: 500px;
	}
/**************************************************/
/*                  Discographie                  */
/**************************************************/
.content-view-full #gallery .header {
	margin: 0;
	padding: 0 0 20px;
	}
/**************************************************/
/*                  Discographie                  */
/**************************************************/
.content-view-full #discography {
	border-top: 2px solid black;
	margin: 0;
	}
.content-view-full #discography .border {
	float: left;
	width: 310px;
	}
.content-view-full #discography .tracks {
	float: left;
	width: 200px;
	}
.content-view-full #discography .tracks ul.content-list {
	margin:-7px 0 0 5px;
	line-height: 80%;
}
.content-view-full #discography  h2 {margin-bottom: 20px;}
.content-view-full #discography  h3 {
	font-size: 150%;
	font-weight: bold;
	width: 300px;
	}
/**************************************************/
/*         Discographie - listes d'albums         */
/**************************************************/
.content-view-full #discography ul.content-grid {
	width: 100%;
	float: none;
	padding: 0;
	margin: 0;
	}
.content-view-full #discography ul.content-grid li {
	width: 20%;
	padding: 0;
	margin: 0;
	}
.content-view-full #discography ul.content-grid li {
	padding: 0;
	margin: 0;
	width: 20%;
	}
.content-view-full #discography ul.content-grid.shop li {height: 240px;}
.content-view-full #discography ul.content-grid li .content-view-line .border {min-height: 152px;}
.content-view-full #discography ul.content-grid li .content-view-line .shoplink {
	padding: 0;
	margin: 10px 0 0;
	}
.content-view-full #discography ul.content-grid li .content-view-line .shoplink img {margin: 0 0 0 5px;}
/**************************************************/
/*             Discographie - detail              */
/**************************************************/
.content-view-full #discographie .left {
	width: 302px;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
	}
.content-view-full #discographie .left h1 {
	color: #B78A29;
	padding: 10px 0;
	margin: 0;
	}
.content-view-full #discographie .left ul {
	padding: 0 0 20px;
	margin: 0;
	}
.content-view-full #discographie .left ul li {
	padding: 0;
	margin: 0;
	}
.content-view-full #discographie .left ul li p {margin: 0;}
.content-view-full #discographie .left ul li p a img {
	padding: 0;
	margin: 0 4px 0 0;
	}
.content-view-full #discographie .left ul li p.noplay {text-indent: 17px;}
.content-view-full #discographie .right {
	padding: 0;
	margin: 0;
	width: 530px;
	float: right;
	clear: right;
	}
/**************************************************/
/*                     FOOTER                     */
/**************************************************/
#footer {
	width: 885px;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	background-color: black;
	zoom: 1;
	/*
	border-top: 1px solid #FFFFFF;
	*/
	}
#footer p {
	text-align: center;
	light-height: 0;
	margin: 0;
	padding: 0;
	background: url('../images/emi-logo.jpg') no-repeat 228px 2px;
	color: white;
	}
#footer p span.copyright, #footer p a {
	font-size: 90%;
	text-decoration: none;
	}
#footer a:hover {
	color: #728D9B;
	text-decoration: none;
	}

/**************************************************/
/*                     SEPARATOR                  */
/**************************************************/
#credits {
	width: 901px;
	text-align: center;
	/*
	border-top: 1px solid #FFFFFF;
	*/
	}
#credits  p {
	text-align: center;
	light-height: 0;
	margin: 0;
	padding: 0;
	background: url('../images/construction/credits.png') no-repeat center center;
	width:840px;
	height:60px;
	}
#credits  p span.copyright, #footer p a {font-size: 90%;}
#credits a:hover {
	color: #728D9B;
	text-decoration: none;
	}

#comment_form {
	margin: 0 auto 0 auto;
	padding: 0 65px 0 65px;
	overflow: hidden;

	}

/**************************************************/
/*                    Debug                */
/**************************************************/
#debug {color: #000;}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
.scroll-pane {
/*	width: 200px;
	height: 200px;*/
	overflow: auto;
	background: #ccc;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1 {
}
#pane2 {
	height: 150px;
}
#pane3 {
	height: 190px;
}
#pane4 {
	height: 190px;
}