/* AUTHOR Marie-Christine Desplat desplat@bredband.net 090909 */
/*
1- BASIC PAGE SETUP
2- STRUCTURE
3- CONTENT
4- NAVIGATION MENU PRINCIPAL
5- SPECIFIQUE IMAGES
6- SPECIFIQUE NEWS 2 COLONNES
7- SPECIFIQUE BIO
8- SPECIFIQUE CONCERTS
9- SPECIFIQUE CD
10- SPECIFIQUE FICHE TECHNIQUE
11- SPECIFIQUE SPECTACLE et EXTRAITS
12- SCROLLPANE
13- ANNONCE
*/
/* 1- BASIC PAGE SETUP */
html, body, #wrapper, h1, h2, h4, h5, p, a, ol, ul, li, img	{ 
margin: 0; 
padding: 0; 
border: 0;
}
html, body, #wrapper {
height: 100%;
width: 100%;
}
body { 
background-color: #060000;
text-align: center; 
font-family: Verdana, Arial, "Helvetica Light", Helvetica, sans-serif;
font-size: 62.5%; 
}
	#wrapper td {
	vertical-align: middle;
	text-align: center;
	margin: 0; 
	padding: 0; 
	border: 0;
	} 		
		h1, h2, h4, p, a, li { 
		font-family: Verdana, Arial, "Helvetica Light", Helvetica, sans-serif;
		}
		h1 {
		margin-left: -9999px;
		}
		h2 {
		margin: 0;
		color: #808080; 
		font-size: 3em; 
		font-weight: 100;
		}
			h2 span { 
			display: block; 
			font-size: 0.5em; 
			margin-bottom: 6px;
			}
		h3 {
		margin: 0;
		color: #eee; 
		font-size: 3em; 
		font-weight: 100;
		}
		h4 {
		font-family: Georgia, serif;
		font-size: 1.7em;
		color: #eee;
		margin: 10px 0;
		}
			h4 a {
			font-family: Georgia, serif;
			font-size: 1em;
			color: #eee; 
			text-decoration: none;
			border-bottom: solid 1px #c01c78;
			}
			h4 a:hover{
			color:#fff;
			background-color: #4C4236;
			border-bottom: none;
			}		
		h5 {color: #ccc; 
		font-size: 1em; 
		font-weight: bold; 
		}
		h6 {
		margin: 0;
		color: #eee; 
		font-size: 2em; 
		font-weight: 100;
		}
		p { 
		text-align: justify; 
		color: #ccc; 
		font-size: 1.1em; 
		line-height: 1.4em; 
		margin-bottom: 1.1em;
		}
		p span {
		font-weight: 900;
		}
		span.marke {
		font-weight: 800;
		color: #4f9acd;
		}
		span.upp {
		text-transform: uppercase;
		}
		strong {
		font-weight: bold;
		}
		.small {
		font-size: 0.9em;
		}
		.plusg {
		font-size: 1.1em;
		}
		.margegauche {
		margin-left: 440px;
		}
		.margebio {
		margin-left: 216px;
		}
		.solo {
		text-align: center;
		clear: both;
		margin:0;
		}
		cite {
		font-style: italic;
		}
		var {
		font-style: normal;
		}
		li { 
		color: #ccc; 
		font-size: 1.1em; 
		line-height: 1.4em; 
		}
		img { 
		border: none;
		}
		img.logo { 
		margin: -8px 0 0 0;
		}
		a { 
		color: #ccc; 
		}
		hr {
		clear: both; 
		visibility: hidden; 
		}
		.insertg {
		float:left;
		clear: right;
		margin-right: 10px;
		}
		.insertd{
		float: right;
		clear: left;
		margin-left: 10px;
		}
		ol {
		margin: 0 0 20px 20px;
		}
/* FIN BASIC SETUP*/

/* 2- STRUCTURE */
#wrapper td {
vertical-align: middle;
text-align: center;
} 
	div#container {
	background-image: url(../images/FondTQ_43.jpg);
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
	padding: 0; 
	border: 0;
	width: 800px;
	height: 540px;
	}
		div#header { 
		float: left; 
		clear: right; 
		width: 100%; 
		margin: 20px 0 0 20px; 
		padding: 0px; 
		border: 0;
		text-align: left;
		}
		div.contenu { 
		width: 800px; 
		margin: 0 auto; 
		}
			div.contenu div.titre { 
			width: 740px;
			margin: 0 0 0 6px;
			text-align: left;
			display: block;
			float: left; 
			}
			div.gauche {
			position: absolute;
			bottom: 0;
			left: 0;
			z-index:5;
			}	
/* FIN STRUCTURE */

/* 3- CONTENT */
div.texte { 
text-align: justify;
}
	div.texte a {
	color: #ccc; 
	text-decoration: none;
	border-bottom: solid 1px #c01c78;
	}
		div.texte a:hover { 
		color:#fff;
		background-color: #4C4236;
	  	border-bottom: none;
		}
	div.texte p.left {
	text-align: left;
	}	
		div.texte p.left a {
		color: #ccc; 
		text-decoration: none;
		border-bottom: solid 1px #c01c78;
		}
		div.texte p.left a:hover { 
		color:#fff;
		font-weight: normal;
		background-color: #4C4236;
		border: none;
		}	
	div.texte ul li { 
	list-style-type: square; 
	list-style-position: inside; 
	line-height: 1.5em; 
	}
	div.texte ol li { 
	list-style-type: decimal; 
	list-style-position: inside; 
	line-height: 1.5em;
	}
	div.texte ol li.blank { 
	list-style-type: none; 
	list-style-position: inside; 
	line-height: 1.5em;
	}
	div.titreinsert { 
	display: block; 
	width: 100%; 
	clear: both; 
	text-align: center;  
	}
div.milieu { 
width: 100%; 
clear: both; 
text-align: center; 
margin: 0 auto; 
}
div.foot {
padding: 0 0 0 10px;
}	
	div.foot a {
	color: #ccc; 
	text-decoration: none;
	border-bottom: solid 1px #c01c78;
	line-height: 3em;
	}
	div.foot a:hover { 
	font-weight:bold;
	color: #fff;
	background-color: #4C4236;
	border-bottom: none;
	}
/*FIN CONTENT*/

/* 4- NAVIGATION MENU PRINCIPAL */
ul#menuprincipal { 
	margin:0;
	padding: 0;
	list-style-type: none; 
	text-align: left;	
	}
			ul#menuprincipal li { 
			float: left;
			margin: 0 4px 20px 6px; 
			padding: 0; 
			}
			ul#menuprincipal li.right { 
			float: right;
			margin: 0 4px 20px 6px; 
			padding: 0; 
			}
				ul#menuprincipal li a {	
				font-size: 12px; 
				color: #999;
				text-decoration: none ;
				}
				ul#menuprincipal li a:hover {  
				color: #fff;
				background-color: #4C4236;
				}
				.yah {
				color: #fff;
				font-weight: bold; 				
				}
/* FIN MENU PRINCIPAL*/

/* 5- SPECIFIQUE IMAGES */
body#bioe div.texte img, body#biof div.texte img, body#quaie div.texte img, body#quaif div.texte img, body#eldoe div.texte img, body#eldof div.texte img, body#divie div.texte img, body#divif div.texte img, body#nouve div.texte img, body#nouvf div.texte img, body#newse div.texte img, body#newsf div.texte img, body#cdf div.texte img, body#cde div.texte img, body#concertsf div.illustration img, body#concertse div.illustration img {
    margin-right: 10px;
	margin-bottom: 10px;
	box-shadow: #121212 8px 8px 8px;
	-webkit-box-shadow: #121212 8px 8px 8px;
	-moz-box-shadow: #121212 8px 8px 8px;
	behavior: url('scripts/PIE.htc');
	}
/* FIN SPECIFIQUE IMAGES */

/* 6- SPECIFIQUE NEWS 2 COLONNES */
body.news2c div.milieu { 
width: 100%;
height: 390px; 
text-align: center;	
margin: 0 auto;
background-image: url(images/FondTQ_43.jpg) repeat-x;
}	
	body.news2c div.texte { 
	float: right;
	width: 330px;
	height: 390px;
	text-align: justify;
	overflow: auto;
	margin-right: 10px;
	}
	body.news2c div.texte p { 
	padding: 10px 10px 0 0;
	}
	body.news2c div.illustration { 
	float: left;
	width: 460px;
	height: 390px;
	text-align: left;	
	}
		body.news2c div.illustration img { 
		padding: 10px 0 0 10px;
		}
		body.news2c div.illustration h5 { 
		padding: 0 0 0 10px;
		font-size: 1em;
		font-weight: bold;
		}
/* FIN SPECIFIQUE NEWS 2 COLONNES */
		
/* 7- SPECIFIQUE BIO */
	/*idem news*/
	body.bio div.milieu { 
	width: 100%;
	height: 400px; 
	text-align: center;	
	margin: 0 auto;
	background-image: url(images/FondTQ_43.jpg) repeat-x;
	}	
	body.bio div.texte p { 
	padding: 0 10px 0 0;
	}
	/*fin idem news*/
		/*différent dans news */
		body.bio div.texte { 
		float: right;
		width: 780px;
		height: 400px;
		text-align: justify;
		overflow: auto;
		margin-right: 10px;		
		}
		body.bio div.texte h5 {
		margin: 20px 0 0 0;
		}
		body.bio div.illustration { 
		float: left;
		width: 460px;
		height: 400px;
		text-align: left;
		}
		body.bio div.illustration h5 { 
		padding: 10px 0 10px 10px;
		font-size: 1.1em
		font-weight; bold;
		}		
		body.bio div.illustration p { 
		padding: 0 0 0 10px;
		} 
		/*fin différent dans news */
/* FIN SPECIFIQUE BIO */

/* 8- SPECIFIQUE CONCERTS */
	/*idem dans news */
body.concerts div.milieu { 
width: 100%;
height: 390px; 
text-align: center;	
margin: 0 auto;
background-image: url(images/FondTQ_43.jpg) repeat-x;
}
	body.concerts div.texte p { 
	padding: 10px 10px 0 0;
	}	
		body.concerts div.illustration img { 
		margin: 24px 0 0 16px;
		padding: 0;
		}
		body.concerts div.illustration h5 { 
		padding: 0 0 0 10px;
		font-size: 1em;
		font-weight: bold;
		}
	/*fin idem dans news */
	
	/*idem news et bio*/	
	body.concerts div.texte p { 
	padding: 0 10px 0 10px;
	}
	/*fin idem news et bio*/
		/*idem dans bio */

		body.concerts div.illustration { 
		float: left;
		width: 400px;
		height: 390px;
		text-align: left;
		}
		body.concerts div.illustration h5 { 
		padding: 10px 0 10px 10px;
		font-size: 1.1em
		font-weight; bold;
		}		
		body.concerts div.illustration p { 
		padding: 0 0 0 10px;
		} 
		/*fin idem dans bio */
	/* nouveau pour concerts */
	body.concerts div.texte { 
	float: right;
	width: 520px;
	height: 390px;
	text-align: justify;
	overflow: auto;
	margin-right: 10px;
	}
    body.concerts #pane2 h5 {
	float: left;
	clear: right;
	margin: 300px 0;
	font-weight: bold;
	color: #ddd;
		}
	body.concerts div.illustration { 
	float: left;
	width: 250px;
	height: 390px;
	text-align: left;	
	}
	body.concerts #pane2 ul {
	margin: 0;
	padding: 0;
	}
	body.concerts #pane2 h5 {
	margin: 20px 0 0 0;
	float: left;
	clear: right;
	}
/* FIN SPECIFIQUE PAGE CONCERTS */

/* 9- SPECIFIQUE CD */
div.cd {
display: inline; 
white-space: nowrap; 
margin: 0 auto;
}
/*div.cd h5 {
float: left;
clear: right;
}*/

div.cd a {text-decoration: none;
	border: 0;
	}
/* FIN SPECIFIQUE CD */

/* 10- SPECIFIQUE FICHE TECHNIQUE */
div#tech { 
display: block;
position: absolute; 
right: 20px; 
top: 24px; 
width: 110px; 
text-align: center; 
}
	div#tech a, div#tech a:link  { 
	display: block;
	text-align: center;  
	color: #fff; 
	border-right: solid 1px #c01c78; 
	border-left: solid 1px #c01c78; 
	text-decoration: none; 
	font-size: 12px; 
	font-weight: 600; 
	line-height: 16px; 
	padding: 1px;
	}
	div#tech a:hover  { 
	color: #fff; 
	text-decoration: none; 
	/* background-color: #33983c; */
	font-weight: 900;
	padding: 1px;
	}
/* FIN SPECIFIQUE FICHE TECHNIQUE */

/* 11- SPECIFIQUE SPECTACLE et EXTRAITS */
div.extraits { 
clear: both; 
margin: 0 auto;
text-align: center; 
white-space: nowrap; 
}
	div.extraits object {
	width: 400px; 
	height: 300px;
	background-color: #4C4236;
	margin: 0;
	padding: 0;
	border: 0;
	}
	div.extraits h5 {
	text-align: center;
	margin: 0 auto;
	}
/* FIN SPECIFIQUE SPECTACLE et EXTRAITS */

/* 12- SCROLLPANE */
body.news .scroll-pane1 {
	float: right;
	width: 330px;
	height: 390px;
	overflow: auto;	
}
body.bio .scroll-pane1 {
	float: right;
	width: 780px;
	height: 390px;
	overflow: auto;	
}
body.concerts .scroll-pane1 {
	float: right;
	width: 520px;
	height: 390px;
	overflow: auto;	
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #39332d;
}
.jScrollPaneDrag {
	position: absolute;
	background-color: #a69582;
	cursor: pointer;
	overflow: hidden;
}
.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:  url(../images/basic_arrow_up.gif) repeat-x 0 0;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:  url(../images/basic_arrow_down.gif) repeat-x 0 0;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
/* FIN SCROLLPANE */

/* 13- ANNONCE*/
div#annonce { 
display: block; 
width: 110px;
text-align: center; 
position: absolute;
top: 10px;
right: 2px;
}
/*FIN ANNONCE*/