/* AUTHOR Marie-Christine Desplat desplat@live.se 090909 - 150805*/
/*
1- BASIC PAGE SETUP
2- STRUCTURE
3- CONTENT
4- NAVIGATION MENU PRINCIPAL
5- DETAILS pour toutes les pages
5bis- PROCHAINS CONCERTS SUR PAGES CONCERTS
5ter- ARCHIVES SUR PAGES CONCERTS
6- SPECIFIQUE IMAGES
7- SPECIFIQUE CD
8- SPECIFIQUE SPECTACLE et EXTRAITS
9- SCROLLPANE
*/
/* FONTS */
@font-face {
    font-family: 'docuregular';
    src: url('../fonts/docu-regular-webfont.eot');
    src: url('../fonts/docu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/docu-regular-webfont.woff2') format('woff2'),
         url('../fonts/docu-regular-webfont.woff') format('woff'),
         url('../fonts/docu-regular-webfont.ttf') format('truetype'),
         url('../fonts/docu-regular-webfont.svg#docuregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'texgyreadventorregular';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* 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, Geneva, "DejaVu Sans", 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, Geneva, "DejaVu Sans", sans-serif;
		}
		h1 {
		margin-left: -9999px;
		}
		h2 {
		margin: 0;
		color: #909090; 
		font-size: 3em; 
		font-weight: 100;
		}
			h2 span { 
			display: block; 
			font-size: 0.5em; 
			margin-bottom: 6px;
			color: #989898; 
			}
		h3 {
		margin: 0;
		color: #eee; 
		font-size: 3em; 
		font-weight: 100;
		}
		h4 {
		font-size: 1.7em;
		color: #ccc;
		margin: 10px 0;
		}
			h4 a {
			font-family: Georgia, "URW Bookman L", 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: 1.1em; 
		font-weight: bold; 
		}
		h6 {
		margin: 0 0 20px 0;
		color: #ddd; 
		font-size: 1.3em; 
		font-weight: bold;
		}
		p { 
		text-align: justify; 
		color: #ccc; 
		font-size: 1.1em; 
		line-height: 1.4em; 
		margin-bottom: 1.1em;
		}
		p span {
		font-weight: bold;
		}
		strong {
		font-weight: bold;
		}
		em {
		font-style: italic;
		}
		.alignleft {
		text-align: left;
		}
		.bold {
		font-weight: bold;
		}
		.it {
		font-style: italic;
		font-weight: bold;
		}
		.marke {
		font-weight: bold;
		color: #4f9acd;
		}
		.plusg {
		font-size: 1.1em;
		}
		.small {
		font-size: 0.9em;
		}
		.upp {
		text-transform: uppercase;
		}
		.gauche {
		float:left;
		margin-right: 10px;	
		}
		.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;
		}
        .insertgbio {
		float:left;
		clear: right;
		margin-right: 15px!important;
		}
		.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 8px;
	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- DETAILS pour toutes les pages */
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 { 
	float: right;
	width: 780px;
	height: 400px;
	text-align: justify;
	overflow: auto;
	margin-right: 10px;		
	}
		body.bio div.texte p { 
		padding: 0 10px 0 0;
		}
		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;
		} 
	/* 5bis- PROCHAINS CONCERTS SUR PAGES CONCERTS */
		div.annonce {
		margin:16px 0 40px 20px;
		}
		body#concertse div.texte div.annonce img.book, body#concertsf div.texte div.annonce img.book {
   	 	margin: 6px 6px 0 0;
		box-shadow: #121212 4px 4px 4px;
		-webkit-box-shadow: #121212 4px 4px 4px;
		-moz-box-shadow: #121212 4px 4px 4px;
		behavior: url('../scripts/PIE.htc');
		}
		body.bio div.texte div.next div.annonce a{
		text-decoration: none;
		border-style: none;
		border-bottom: solid 1px #c01c78;
		}
		body.bio div.texte div.next div.annonce a.nb{
		border-bottom: none;
		}
		body.bio div.texte div.next div.annonce p.resa {
		float:right;
		display: inline-block;
		margin-top: 7px;
		margin-left: 10px;
		text-align: left;
		line-height: 20%;		
		}
		body.bio div.texte div.next div.annonce p.resa2 {
		float:right;
		display: inline-block;
		margin-top: -63px;
		margin-left: 10px;
		text-align: left;
		line-height: 20%;		
		}
		body.bio div.texte div.next div.annonce h6 {		
		margin: 0 0 6px 0;	
		}
		body.bio div.texte div.next div.annonce p.suiteannonce{
		font-weight: normal;
		font-size: 0.85em;
		margin: 0 0 24px 20px;	
		}
	/* fin PROCHAINS CONCERTS */	
	
	/* 5ter- ARCHIVES SUR PAGES CONCERTS */
		div.affiches {
		float: left;
		width: 240px;
		}
		.poster {
		float:left;
		clear: right;
		margin: 0 10px 40px 0!important;	
		}
		div.dates {
		float: right; 
		width: 520px;
		}
		.archives {
		text-align: left;
		}
		.space {
		margin: 12px 0;
		}
		.square {
		box-shadow: none!important;
		margin-bottom: 1px!important;
		margin-right: 10px;
		}
		li.date, li.bold {
		margin-bottom: 0.8em;	
		}		
	/* FIN ARCHIVES */

/* 6- 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#newse div.texte img, body#newsf div.texte img, body#cdf div.texte img, body#cde div.texte img, body#concertse div.texte img, body#concertsf div.texte img, body#nouve div.texte img, body#nouvf div.texte 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 */

/* 7- SPECIFIQUE CD */
.cdleft {
float: left; 
width: 50%;
}
	.cdleft h5, .cdright h5, .cd h5 {
	margin-bottom: 12px!important;
	}
		.cdleft a , .cdright a , .cd a {
		text-decoration: none;
		border: 0!important;
		}
.cdright {
float: right; 
width: 50%;
}
.cd {
width: 100%;
text-align: left!important;
}
table.titres {
margin: 0;
border:0;
}
	table.titres tr, table.titres ol, table.titres ul {
	text-align: left;
	}
	table.titres ul {
	margin: 0 0 20px 20px;
	}
		table.titres ul li {
		list-style-type: none!important; 
		}

/* FIN SPECIFIQUE CD */

/* 8- SPECIFIQUE SPECTACLE et EXTRAITS */
div.extraits { 
clear: both; 
margin: 0 auto 20px;
text-align: center; 
white-space: nowrap;
width: 620px;
}
	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;
	}
		.video-container {
    		height: 0;
   		 	overflow: hidden;
    		padding-bottom: 56.25%;
   		 	padding-top: 30px;
   		 	position: relative;
			}
		.video-container iframe, .video-container object, .video-container embed {
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
			}
/* FIN SPECIFIQUE SPECTACLE et EXTRAITS */

/* 9- SCROLLPANE */
body.bio .scroll-pane1 {
	float: right;
	width: 780px;
	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 */