/* CSS Document */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 13px/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color:#342D1B;
	background: #fff url(images/caroline_bg.jpg) 0px 0px no-repeat;
}
a:link {color:#C0640B; text-decoration:underline;}
a:visited {color:#C0640B; text-decoration:underline;}
a:hover {color:#CC7A05; text-decoration:none;}
#container {
	position:relative;
	margin: 0 0 0 17px;
	padding: 0;
	width: 790px;
	
	text-align: left;
	/*min-height: 100%;*/
	z-index:0;	
}
/* ######### tetieres */
#tetiere {position:relative; top:0px; left:0px; width:790px;height: 106px;padding-bottom: 0px;margin:0; background: #ffffff url(images/tetiere.jpg) no-repeat top left;}
#tetiere a {display:block;position:absolute;height:100px;left:27px;top:2px;width:200px;}
#tetiere span {display:none}
/* fin des tetieres ########## */

/* ####### navigation  */
#navig span { display:none; }
#navig { position: relative; left: 0px; top: 0px; width: 790px; }

#menu { width: 790px; height: 25px; margin: 0; padding: 0; list-style: none; background-image:url(images/navig_eng.jpg); background-repeat:no-repeat; }
#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
#menu a { display: block; }

.panel a {height:25px; }
.panel {top:0; height:25px;}
#panel1, #panel1h { left: 30px;	width: 56px;}
#panel2, #panel2h { left: 98px;	width: 72px; }
#panel3, #panel3h { left: 188px; width: 85px;}
#panel4, #panel4h { left: 290px;	width: 100px;}
#panel5, #panel5h { left: 404px;	width: 64px;}
#panel6, #panel6h { left: 482px;	width: 64px;}
#panel7, #panel7h { left: 560px;  width: 64px;}
#panel8, #panel8h { left: 638px;  width: 110px;}

#panel1 a:hover { background: transparent url(images/navig_eng.jpg) -30px  -25px no-repeat; }
#panel2 a:hover { background: transparent url(images/navig_eng.jpg) -98px 	-25px no-repeat; }
#panel3 a:hover { background: transparent url(images/navig_eng.jpg) -188px 	-25px no-repeat; }
#panel4 a:hover { background: transparent url(images/navig_eng.jpg) -290px 	-25px no-repeat; }
#panel5 a:hover { background: transparent url(images/navig_eng.jpg) -404px 	-25px no-repeat; }
#panel6 a:hover { background: transparent url(images/navig_eng.jpg) -482px 	-25px no-repeat; }
#panel7 a:hover { background: transparent url(images/navig_eng.jpg) -560px 	-25px no-repeat; }
#panel8 a:hover { background: transparent url(images/navig_eng.jpg) -638px 	-25px no-repeat; }

#panel1h, #panel2h, #panel3h, #panel4h, #panel5h, #panel6h, #panel7h, #panel8h { top: 0; height:25px; background-image:url(images/navig_on_eng.jpg); background-repeat:no-repeat }
#panel1h { background-position: -30px 0px; }
#panel2h { background-position: -98px 0px; }
#panel3h { background-position: -188px 0px; }
#panel4h { background-position: -290px 0px; }
#panel5h { background-position: -404px 0px; }
#panel6h { background-position: -482px 0px; }
#panel7h { background-position: -560px 0px; }
#panel8h { background-position: -638px 0px; }
/*   fin navigation ######## */

#submain {
	position:relative;
	margin:0;
	padding:0;
	background: #fff url(images/submain_bg.jpg) bottom left repeat-y;
}
#main {
	position:relative;
	width:770px;
	padding: 6px 0px 0px 20px;
	margin:0 0 0 0px;
	background: transparent url(images/main_bg.jpg) no-repeat top left;
	/*border-bottom:#993300 medium solid ;*/
	}
#fullwidth, #fullcentre {
	position:relative;
	margin:0px 0 0 10px;
	width:720px;
	text-align:justify;
}
#fullcentre {
	text-align:center;
	font-size:16px;
	line-height:25px;
}
.intertitres {
	font-size:15px;
	color:#D26F0E;
	font-weight:bold;
}

/* ###### PAGE DISCOGRAPHIE  */
.disco {
	position:relative;
	padding:0px 0 20px 240px;
	margin:0 20px 0px 20px;
	font: 12px/17px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-align:left;
	border-bottom:1px dashed #8F2B08;
	line-height:18px;
}
.disco strong{color:#D26F0E;}
.disco#sometimes {background: transparent url(images/couv_sometimes.jpg) 30px 15px no-repeat;}
.disco#whoopin {background: transparent url(images/couv_whoopin.jpg) 30px 15px no-repeat;}
ul {margin:0;padding-left:0px;}
.critique {position:absolute;top:175px;left:28px;font-size:13px;}
.ecouter {vertical-align:-4px;}
/* FIN DISCOGRAPHIE  ###### */

/* ###### PAGE MUSICIENS  */
.musicos img {border: 1px solid #D26F0E;}
#listemusicos {
	position:relative;
	width:244px;
	text-align:left;
	margin:20px 0 20px 19px;
	padding-top:0;
}
#listemusicos h3 {padding-bottom:0;}
#listemusicos ul, .pros ul{
	font-size:12px;
	padding-left:10px;
	padding-top:0px;
	margin-top:0px;
}
#listemusicos ul strong, .pros ul strong{font-size:14px;}
#listemusicos li, .pros li {
	list-style-type: none;
	background-image: url(images/puce.gif); 
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0 0 1.5em 0;
	padding-left: 20px;
	padding-top:0;
}
#listemusicos a:link, .pros a:link { color:#342D1B; text-decoration:none;}
#listemusicos a:visited, .pros a:visited { color:#342D1B; text-decoration:none; }
#listemusicos a:hover, .pros a:hover { color:#D26F0E; text-decoration:none; }
.musicos {
 position:absolute;
 visibility:hidden;
 top:50px;
 width:380px;
 left:290px;
 font: 12px/17px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
 text-align:justify;
 border:1px solid #D26F0E;
 padding:8px;
 }
.musicos p{margin:0;}
/*  FIN MUSICIENS  ###### */

.pros li {
	margin: 0 0 0.5em 0;
}
.pros {
	position:relative;
	width:360px;
	margin-top:8px;
	text-align:left;
}
.imgleft{
	margin-right:6px;
	margin-top:4px;
}
.imgright{
	margin-left:6px;
	margin-top:6px;
}
h3 {
	margin:0 0 0 50px;
	color:#8F2B08; 
}
h2 {
	margin:0 0 0 0;
	color:#8f2b08;
	font-size:16px;
	font-weight: bold;
	letter-spacing: 0.15em;
	}
/* ####### PAGE AGENDA  */
.agenda {font-size:14px;line-height:25px;}
.lieux {
	font-size:14px;
	font-weight:bold;
	color:/*#3D5F83;*/ #D26F0E;  /*#264666;*/
	padding:0;
	margin:0;
	background:none;
	text-transform:uppercase;
	letter-spacing:1px;
}
.annee {margin:0 0 0 0;color:#8f2b08;font-size:16px;font-weight: bold;letter-spacing: 0.15em;}
/* FIN DE AGENDA ######## */
#references {
	height: 320px;
	width:500px;
	overflow: auto;
}
#denis {
	position:relative;
	margin:0 auto;
	width: 450px;
	background-color: #CF7B19;
	border: 1px solid #993300;
	text-align: left;
	color: #000000;
	padding: 10px;
}
#coin {position:absolute;right:8px;bottom:0px;}
#coin img {border-width:0;}
.t_spectacles, .t_sometimes, .t_whoopin, .t_musiciens, .t_contact, .t_agenda, .t_presse, .t_pagepro, .t_videos, .t_photos {position:relative; width:719px; height:38px;}
.t_spectacles {background: transparent url(images/t_spectacles_eng.gif) 230px 0px no-repeat;}
.t_sometimes {background: transparent url(images/t_sometimes.gif) 100px 0px no-repeat; margin-top:5px;}
.t_whoopin {background: transparent url(images/t_whoopin.gif) 100px 0px no-repeat; margin-top:15px;}
.t_musiciens {background: transparent url(images/t_musiciens_eng.gif) 240px 0px no-repeat;}
.t_contact {background: transparent url(images/t_contact_eng.gif) 300px 0px no-repeat;}
.t_agenda {background: transparent url(images/t_agenda_eng.gif) 270px 0px no-repeat;}
.t_presse {background: transparent url(images/t_presse_eng.gif) 280px 0px no-repeat;}
.t_pagepro {background: transparent url(images/t_pagepro_eng.gif) 230px 0px no-repeat;}
.t_videos {background: transparent url(images/t_videos_eng.gif) 300px 0px no-repeat;}
.t_photos {background: transparent url(images/t_photos.gif) 300px 0px no-repeat;}
.t_spectacles h3, .t_sometimes h3, .t_whoopin h3, .t_musiciens h3, .t_contact h3, .t_agenda h3, .t_presse h3, .t_pagepro h3, .t_videos h3, .t_photos h3 {display:none;}
.grascolor strong{color:#D26F0E;font-size:14px;}
.grascolor em{font-weight:bold;font-size:14px;}
.taillequatorze {font-size:14px; text-align:left}
/* ####### page vidéos et photos */
#fullwidth table {text-align:center;}
#fullwidth table td {padding-bottom:20px;}
#fullwidth table img {border: 1px solid #D26F0E;}