html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body{
	
	/*height:1000px;*/
	font-family:Georgia;
	background-color:#696460;
	font-size:85%;
	padding:20px 0;
}


	#site {
		/*background-color:#006AA9;*/
		background-image:url('../img/img_menu.jpg');
		background-repeat:no-repeat;
		background-color:white;
		border:1px solid white;
		margin:0 auto;
		width:1000px;
	}

		#col1 {
			/*background-color:#006aa9;
			background-image:url('../img/left.jpg');
			background-repeat:no-repeat;
			position:relative;*/
			z-index:150;
		}

		.col {
			float:left;
			/*background-color:white;*/
			min-height:750px;
		}

		#col1, #col3 {
			width:200px;
		}
		#col3 {
			background-image:url('../img/right.png');
			background-repeat:no-repeat;

		}

		#col2 {
			width:580px;
			padding:0 5px 40px 15px;
			margin:0;

		}		

		#menu {
			text-align:right;
			margin-top:262px;
			padding:0;

		}

		#menu li a {
			font-size:1.1em;
			display:block;
			color:white;
			padding:4px 54px 5px 0;
			font-weight:bold;
			text-decoration:none;
		}
		
		#menu li a:hover {
			background-image: url(../img/over.gif);
			background-repeat: no-repeat;
			background-position: 154px 10px;
		}

		#logo {
			/*background-image:url('../img/logo.png');
			background-repeat:no-repeat;*/
			margin-top:28px;
			margin-left:13px;
			width:180px;
			height:59px;
		}

		#col2 h3 {
			font-size:20px;
		}

		h2.date {
			color:#0473b6;
			font-size:1.2em;
			font-style:italic;
			font-weight:bold;
			padding-left:15px;
			background-image:url('../img/fleche-droite.png');
			background-repeat:no-repeat;
			background-position:0 center;
		}
		
		h2 span.heure {
			color:black;
			font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
			font-style:normal;
			font-weight:normal;
			font-size:1em;
		}

		h1.master-title {
			color:#0473b6;
			font-size:1.7em;
			margin:120px 0 45px;
			font-weight:bold;
		}

		p.renseignement {
			color:#939393;
			font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
			font-size:0.90em;
			margin-bottom:40px;
			line-height:1.1em;
		}

		h3.annonce {

		}

		p.infos-concert {
			font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
			margin:0;
			font-weight:normal;
			font-size:1.1em;
			line-height:normal;
		}
		
		p.separe {
			border-bottom:1px solid #BBB;
			padding-bottom:10px;
			margin-bottom:25px;
		}

		h4.details {
			font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
			font-size:1.25em;
			font-style:italic;
			margin-bottom:20px;
		}

		ul.details li span,ul.details li p  {
			color:black;

		}
		ul.details li {
			padding:0;

		}

		ul.details li span.titre {
			text-transform:uppercase;
			color:#9E9E9E;
			font-size:0.95em;
			font-weight:bold;
			margin-bottom:8px;
			display:block;

		}

		ul.details {
			padding-left:15px;
			list-style-type:disc;
			text-transform:uppercase;
			color:#939393;
			font-family:Trebuchet MS;
		}

		ul.details li p {
			text-transform:none;
			padding:2px 0;
		}

		span.auteur {
			text-transform:uppercase;
			font-weight:bold;
			font-size:1em;
		}
		
		#footer {
			z-index:100;
			clear:both;
			padding:5px 0 6px;
			text-align: center;
			position:relative;
		}

		#tabs ul {
			/*height:50px;*/
			overflow: hidden;
			margin: 0 0 40px;
		}
		/*
		#tabs ul li a {
			height:20px;
		}
		*/
		
		#tabs ul li {
			float:left;
		}
		
		h2.mail_to {
			margin:100px 0 20px 0;
		}
		
		#tabs ul li a {
			text-decoration:none;
			display:block;
			float:left;
			background-color:#C2C2C2;
			color:white;
			font-weight:bold;
			margin: 0px 5px;
			padding: 2px 5px 3px;
			line-height: normal;
			font-size: 0.9em;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}
		
		#tabs ul li a:hover{
			background-color:#0548a1;
		}

		#tabs h2 {
			font-size:1.5em;
			font-weight:bold;
			padding:0;
			margin:0 0 20px;
			/*font-family:Trebuchet MS;*/
			color:#0473B6;
			line-height:normal;
		}
		#tabs div {
			/*position:absolute;*/
			/*width:580px;*/
			/*padding-bottom:20px;*/
			
		}
		
		#enveloppe_contacts {
			background-color:white;
			background-image:url(../img/contacts.jpg);
			/*background-position:-4px -13px;*/
			background-repeat:no-repeat;
			height:705px;
			/*position:absolute;
			right:132px;
			top:11px;*/
			width:200px;
		}
		
		#tabs span.fonction {
			background-image:url(../img/fleche-infos.png);
			background-position:left center;
			background-repeat:no-repeat;
			font-family: georgia;
			font-style:italic;
			font-weight:normal;
			font-size:0.7em;
			color:#5E5B5B;
			padding:0 0 0 18px;
		}
		a.pdf_bio {
		  float:right;
		  margin:5px 16px 0 0;
		  text-decoration:none;
		  font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
		  font-size:0.8em;
		  color:#676767;
		  font-style:italic;
		}
		
		a.pdf_bio span {
			float: left;
			padding:3px 4px 0 0;
		}
		
		a.pdf_bio:hover {
			color:red;
		}
		
		p.article {
		  line-height:20px;
		  text-align:justify;
		  padding-right:10px;
		}
		
		.bio h2 {
		  float:left;
		}
		

		
		ul.mail_to {
			font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
			list-style-image:url('../img/fleche-infos.png');
			/*list-style-type:disc;*/
			margin-left:30px;
		}
		
		ul.mail_to li a:hover {
		  text-decoration:underline;
		  color:#0473B6;
		}
		
		ul.mail_to li a{
		  color:black;
		}
		
		ul.mail_to li{
			margin-bottom:6px;
			
		}
		
		#tabs div p {
			font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
			font-size:0.95em;
			padding:5px 20px 5px 0;
			line-height:1.5em;
			text-align:justify;
			clear:both;
		}
		
		#footer p.copyright {
			color:#888;
			font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
			font-size:0.8em;
			font-weight:bold;
			margin:0;
			padding:0;
		}
		
		p.langue a img {
			position:relative;
			top:6px;
		}
		p.langue {
			/*float:right;
			line-height:18px;
			margin-top:-45px;
			margin-right:10px;*/
			position:absolute;
			bottom:0;
			right:0;
			padding:6px;
		}
		
		p.langue a {
			text-decoration:none;
		}
		
		p.programe {
			font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
			font-size:1em;
			font-style:italic;
			margin:15px 0 35px 0;
			color:#939393;
		}
		/*
		div.sub {
			background-color:white;	
			float:left;
		}
		*/
		.master-title {
			text-transform:uppercase;		
		}

		.intro-stage {
			font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
			font-style:italic;
			font-weight:normal;
			margin-bottom: 20px;
		}

		.infos-stage {
			font-style:italic;
			color:#939393;
			font-size:1.2em;
			margin-bottom:10px;
		}
		
		ul.liens {
			margin:10px 0 40px 0;
			list-style-type:disc;
			padding-left:28px;
			
		}
		
		ul.liens li a span.name {
			font-weight:bold;
			
		}
		
		ul.liens li a:hover {
			text-decoration:none;
			color:#5d87bb;
		}
		
		ul.liens li a {
			text-decoration:none;
			color:black;
			font-family:Trebuchet MS;
		}
		
		div.article {
			background-image:url('../img/presse.jpg');
			background-repeat:no-repeat;
			background-position:top left;
			margin-bottom:40px;
			font-family:Trebuchet MS;
		}
		
		
		#col2 div.article h2 .date-parution{
			font-size:14px;			
		}
		
		#col2 div.article h2 {
			font-size:18px;
			font-family:Georgia;
		}
		
		#col2 div.article h3 {
			font-size:14px;
			margin-bottom:10px;
		}
		
		div.article .head {
			padding-left:45px;	
		}
		
		.sub-title {
			margin-bottom:20px;
			font-size:14px;
			font-style:italic;
			margin-top:2px;
		}
		
		#tab5 h2.select {
			font-size:1.5em;
		}
		
		dl.repertoire {
			margin:0 0 35px 0;
			/*border: 2px solid #0349A1;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			-webkit-border-radius: 5px;
*/			
		}
		
		dd.separator {
			clear:both;
		}
		
		dl.repertoire dt { 
			float:left;
			width:130px;
			padding-left:20px;
			
			/*background-color:#0349A1;*/
			background-image:url('../img/puce.gif');
			background-repeat:no-repeat;
			line-height:12px;
		}
		
		dl.repertoire dd {
			margin-left:160px;
		}

		table.repertoire{
			border:	1px solid #0349A1;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			-webkit-border-radius: 5px;
		}
		
		table.repertoire td.auteur {
			color:white;
			padding:5px 10px;
			background-color:#0349A1;
	
		}

		table.repertoire td {
			padding:0 10px;	
		}

		table.repertoire {
			background-color:#E2EDFB;
			margin-bottom:50px;
		
		}
		
		hr.media {
			border:none;
			border-top:3px dotted #AFCFE4;
			margin:20px 0;
		}
		
		#tabs div p.complement {
			padding:0;
		}
		
		
		
		
		
		
		
		
		
		
		#content .right {
		float:left;
		}
		
		
		#content .left {
			/*clear:both;*/	
			float:left;
			padding:0px;
			margin:0 40px 0 0;
			width:50px;
			border-right: 1px solid #CCC;
		}
		
		

.thumb-container a img.curent_thumb, .thumb-container a img:hover {
  margin:-2px 0 0 -2px;
  border:2px solid #4194F0;	
}
		
.thumb-container a img {
	height:35px;
	width:35px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}
		
.thumb-container {
  height:35px;
  width:35px;
  float:left;
  margin : 2px;
  padding: 1px 0 0 1px;
}

.date {
  color:black;
  font-weight:bold;
  font-family:"Georgia";
}
#img-big {
  /*width:450px;
  height:333px;*/
  background-image:url('../img/big-back.png');
  text-align:center;
}
#image-big {
  margin: 2px 0 0 1px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  -o-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
#dec {
  padding-top:5px; 
}

#loader {
  margin:140px 0 0 205px;
  
}

.bold {
	font-weight:bold;
	}


.italic {
	font-style:italic;
}
		
div.medias .infos {
	margin : 20px 0;
	font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
}

p.stage-contact {
	background-image:url('../img/fleche-infos.png');
	background-position:left center;
	background-repeat:no-repeat;
	font-size:1em;
	font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	color:black;
	font-style:normal;
	margin-bottom:40px;
	padding-left:18px;
}

.proquartet {
	font-family:Trebuchet MS;
	font-size:0.95em;
	color:#939393;
}

.proquartet:hover {
	color:red;
}


/*  STYLES DES TABLEAUX DE REPERTOIRE  */

#tabs .tabX {
	background-image: url('../img/ligne.gif');
	background-repeat: repeat-y;
	font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-size:0.97em;
	margin-bottom: 30px;
}

#tabs .tabX div.ligneH {
	background-image: url('../img/haut.png');
	background-repeat: no-repeat;
	background-position: top center;
	padding: 11px 15px 11px;
}

#tabs .tabX div.ligneH .gauche, #tabs .tabX div.ligneH .droite {
	border: none;
	padding-top: 0;
}

#tabs .tabX div.ligneS {
	padding: 0 15px 11px;
}

#tabs .tabX div.ligneB {
	background-image: url('../img/bas.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0 15px 12px;
}

#tabs .tabX div {
	overflow: hidden;
}

#tabs .tabX .gauche {
	color: white;
	width: 130px;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	border-top: 1px solid white;
	padding-top: 10px;
	text-align: left;
	padding-right: 5px;
}

#tabs .tabX .droite {
	border-top: 1px solid #0349A1;
	padding-left: 15px;
	padding-top: 10px;
}

#tabs .tabX div p {
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#tabs h2.rep {
	background-image: url("../img/fleche-infos.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

.special {
	color:#0473b6;
	font-size:1.4em;
	font-style:italic;
	font-weight:bold;
	padding-left:50px;
	background-image:url("../img/presse.jpg");
	background-repeat:no-repeat;
	background-position:left;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.special2 {
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	text-transform:uppercase;
	color:#9E9E9E;
	font-size:0.95em;
	font-weight:bold;
	display:block;
}

.fnac {
	position: absolute;
	margin-left: 10px;
}

.jaquette {
	float: left;
	margin-right: 10px;
}

.achat {
	color: #9E9E9E;
	text-decoration: none;
}

.achat:hover {
	color: #DA8D01;
}

.facebook {
	text-decoration: none;
	font-weight: bold;
	color: #3B5998;
}

.facebook:hover {
	text-decoration: underline;
}