* {
	border:none;
	padding:0; /*TOP RIGHT BOTTOM LEFT*/
    margin:0;
	
}

body{
     font-family:"Trebuchet MS", Verdana, Arial, Helvetica;
     font-size:0.9em;
	 background-color:#c31f1f!important;
	 text-align: center; /* pour corriger le bug de centrage IE */ 
}	

h3{
	font-size:1em;
}

h2{
	font-size:1.2em;
	font-weight:800;
	color:white;
		margin:.5em .5em 1em 0;

}

h1{
	font-size:1.3em;
	color:#333;
	font-weight:800;
	margin:0em 0em 1em 0;
	/*border-bottom:1px solid #666;*/
}

p {
	padding:0em;
}

hr  {
  color:#c31f1f;
  width:100%;
  border:1px solid;
}

input {
	border:1px solid #999999;
	font-size:1em;
	color:#999999;	
		padding:5px;
}

textarea{
	border:1px solid #999999;
	color:#999999;
	font-size:1em;
	padding:5px;
	}

fieldset {
	padding:5px; 
}

select{
font-family : "Trebuchet MS", Verdana, Arial, Helvetica;
font-size : 1em; 
width: 150px ;
text-align:left;
border:1px solid #999999;
}

option{
 padding-left:15px;
}

.note{
	font-size:.7em;
	/*font-style:italic;*/
}

a:link { text-decoration:none;color:#999999;  }
a:visited {  text-decoration: none; color:#999999;  }
a:hover { color:#c31f1f; text-decoration:none;}



#wrapper{
	width:1024px;
	margin-top:.5em;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	height:auto;
	background-color:#fff!important; 
}

/* =============  FRAME HAUT */
#header{
	height:300px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	/*width:1024px;*/
	overflow:hidden;
/*	border-bottom:2px dashed #999999;*/
}


/* MENU =============  */
#menu_principal{
position:relative;
text-align:right;
width:1024px;
background-color:#c31f1f;
padding-top:15px;
font-size:1.2em;
}

#menu_principal a{
 /*border:1px solid red;*/
 padding:1em;
 padding-top:0em;
 padding-bottom:0em;
 color:white;
 font-weight:800;
 position:relative;
}

#menu_principal a:hover{
 border-top:45px solid #F6A828;
 border-bottom: 2px solid #F6A828;
}

#menu_principal a.actif{
 /*border:1px solid red;*/
  color:yellow;
  border-bottom: 2px solid #F6A828;
}

#menu_principal ul{
 list-style:none;
}
#menu_principal li{
 display:inline;
}

.haut_logo{
	float:left;
	position:relative;
	width:290px;
	background-color:#000000;
	height:90px;
	margin-top:1em;
	overflow:hidden;
	/*border:1px solid black;*/
}

.bandeau_flash{	
	height:250px;
	width:720px;
	float:right;
	overflow:hidden;
	margin:5px;
}

#menu_artiste {
	 float:left;
	 color:#999999;
	 width:293px;
	 height:90px;
	 position:relative;
	/* text-align:center;*/
	/* border-bottom:3px dotted #999999;*/
	/* border:1px dashed #999999;*/
	 font-weight:800;
	 margin-top:.5em;
	margin-left:auto;
	margin-right:auto;
}


#menu_artiste a { text-decoration: none; width:65px;height:65px;}
#menu_artiste a:link { text-decoration: none; }                                                          
#menu_artiste a:visited {  text-decoration: none;}
#menu_artiste a:hover { text-decoration: none; }

#img_cadre { border:1px solid #999;display:inline; margin-bottom:2px;}

/* FRAME HAUT =============  */


/* =============  FRAME PRINCIPALE */



.spacer {
 clear:both;
}


span.exergue { color:#c31f1f; font-weight:bold;}




/* =============  MENU  */
div.cartouche_agenda  {
width:300px;float:right;border:1px solid #ddd;padding:5px;background-color:#c31f1f;
background-image:url(./img/datesLF.png);
background-repeat:no-repeat;
background-position:top left;
}

.cartouche_agenda ul {
list-style-type:none;
margin:0;
padding:0;
}

.cartouche_agenda li {
list-style-image:url(./img/fleche_.gif);
list-style-position:inside;
margin:0;
padding:5px;
color:#999;
background-color:#fff;
font-size:.8em;
}


.datesActu a { color:#696969;}
.datesActu a:link { text-decoration:none;color:#696969;  }
.datesActu a:visited {  text-decoration: none; color:#696969;  }
.datesActu a:hover { color:#c31f1f;}

div.cartouche_playlist  {
width:300px;float:right;border:1px solid #ddd;padding:5px 5px 5px 5px;background-color:#999;margin-bottom:1em;
background-image:url(./img/extraitsLF.png);
background-repeat:no-repeat;
background-position:top left;

}

.cartouche_playlist div{
padding:5px;
background-color:#fff;
}

h2.titreCartouche {
margin-left:2em;margin-bottom:0;margin-top:1em;margin-bottom:5px;text-transform: uppercase;font-weight:800;/*border:1px solid red;*/
}

.cartouche_actu{
width:635px;
float:left;
/*border:1px solid #ddd;*/
background-color:#fff;
/*background-image:url(./img/actualiteLF.png);
background-repeat:no-repeat;
background-position:top left;*/
margin-top:5px;
}

div.actualites {
height:auto;
padding:1em;
padding-left:0em;
padding-right:0em;
border-top:5px solid #F6A828;
/*border-bottom:5px solid #F6A828;*/
background-color:#fff;
clear:both;
}
#nav {
text-align:left;

width:auto;
border:0px solid black;
display:block;
margin-bottom:1em;

}
#nav a { border: 0px solid #666; background: #F6A828; text-decoration: none; margin: 10px;margin-left:0; padding-bottom: .5em;padding-top: .5em; padding-right:1em; padding-left:1em;color:#fff; }
#nav a.activeSlide { background: #fff; color:#666;border: 1px solid #DDD;}
#nav a:focus { outline: none; }

.img_fond{
	margin:0px;
	padding:10px;
	width:250px;
	background-color:transparent;
	position:relative;
float:right;
	height:auto;
	margin-left:0px;
	padding-bottom:0px;
	overflow:visible;
	
}

#contenu { 
 position:relative;
/*text-align:justify;*/
 margin:0px;
margin:1em;
/* padding:1em;*/
 height:auto;
/*border:1px solid gray;*/
 width:auto;
 clear:both;
 padding-bottom:1em;
}

  
.divers {
 width:140px;
 position:absolute;
 bottom:10px;
 height:100px;
 height:auto;
 left:5px;
 background-color:#fde794;
 background-color:#cccc99;
 background-color:transparent;
}	



/* liste des musiciens affichée en bas à gauche */
.zicos {
	margin:0;
	margin-top:1em;
	width:615px;
	text-align:left; 
	padding-top:0;
	padding-bottom:0;	
 }
 
 
.zicos ul {
list-style-type:none;
margin:0;
padding:0;

}

.zicos li {
list-style-image:url(./img/fleche_.gif);
list-style-position:inside;
margin:0;
padding:5px;
padding-left:0;
color:#333;
background-color:#fff;
font-size:1em;
}


a.sites_artistes { color:white; text-decoration:none;}
a.sites_artistes:hover { color:#c31f1f; text-decoration:none;}

img.polaroid {
	padding:2px;border:1px solid #ccc;margin:5px;
}

 /* liste des extraits affichée en bas à gauche */
.extraits {
	font-size:0.8em;
	list-style :none;
	list-style-type:none;
	padding-left:2px;
	padding-right:2px;
 }
 
.extraits p, img{ padding:0px;margin:0px; }
.extraits a{  padding:0;margin:0;color:#cccccc;}
 
#img1 {
	float:right;
	margin:10px;
	display:inline;
}



.legende {
	text-align:center;
	font-size:0.8em;
	padding-top:0;
	margin-top:0;
}

#entoure_vignette {
/*margin-left:0em;*/
width:250px;
width:600px;
margin-top:1em;/*
margin-left:auto!important;
margin-right:auto!important;*/
padding:1em;
background-color: #fff;
}

/* ----------PAGE ARTISTE : listing groupe ------------------*/
.vignette_artiste {
	display:block;
	text-align:center;
	width:500px;
	width:auto;
	height:80px;
	border:1px solid #ddd;
/*	border:1px solid #ccc;*/
	
	margin:.5em;
	padding:3px;
	background-color:#FFF;

	
}
/*
#descr {

}
*/



/* ----------VIGNETTE ARTISTES BANDEAU  ------------------*/
.liens_artistes {
color:#999999;
text-align: center;
	margin-left:auto;
	margin-right:auto;
}

/* ----------DISCOGRAPHIE EXTRAIT -----------------*/

table.disco {
	text-align:left;
	width:580px;
	width:auto;
	/*margin-left:auto;
	margin-right:auto;*/
	/*width:400px;*/
	font-size:.8em;
	color:#666;
	padding:5px;
	margin-bottom:40px;
	
}

td.disco  img {padding:2px;/*background-color:#FBF5F5;*/	border:1px solid #ccc;}

span.disco {
	font-size:.8em;
}




/* ----------tableau des DATES -----------------*/
table#tab_date {
	font-size:1em;
	text-align:left;
	margin:0px;
	
	/*padding:3px;*/
	background-color:white;
	color:#666;
}

#tab_date td.mois {
font-size:1.2em;color:#696969;padding-top:10px;padding-bottom:10px;font-weight:800;
}

 tr.highlight:hover {
 background-color: #FBF5F5!important;color:#c31f1f;
 }
 
 li.highlight:hover {
 background-color: #FBF5F5!important;
 }
td.tab_date0 {
	text-align:left;
	padding:3px;
	margin:0;
	border-top:1px solid #eee;
		padding-right:15px;
}

td.tab_date1{
	text-align:left;
	padding:3px;
	margin:0;
	border-top:1px solid #eee;
	padding-right:15px;
}

td.tab_date_artiste  {	
color:#666;
}

td.tab_date_lieu  {	
color:#999;
}

td.tab_date_date  {
	width:40px;
	color:#999;
}

td.tab_date_heure  {
	width:50px;
	color:#999;
}

#tab_date  a{color:#666;text-decoration:none;}
#tab_date  a:hover{color:#999;text-decoration:none;}

/* ARCHIVES DATES*/
div#archives_dates{
 background-color:#fff;
 text-align:left;
 width:100%;

}
/* PRO DANS ARTISTES */
ul#pro_download_file{
position:relative;
text-align:left;
width:auto;
height:200px;
}

#pro_download_file li {
width:100px;
height:160px;
float:left;
border:2px solid #eee;
margin:5px;
text-align:center;
padding:5px;
}

#pro_download_file img {
	clear:both;
	margin-bottom:5px;
	
}



/* ---------- CONTACTS ------------------*/

table.contacts  {
	font-size:1em;
}

span.contacts{
	text-align:center;
	font-size:1em;
}

div#form_contact{
position:relative;
padding:.5em;
width:300px;
background-color:#eee;
background-color:#FBF5F5;
border:1px solid #ddd;
float:right;
}


/* PLAYER */
.player {
	margin:0.5em;
	padding:0.5em;
	text-align:center;
	color:black;
	background-color:#fde794;
	border:1px solid #999999; 
}

.player input{
border:1px solid #000000;
color:black;
} 

/* ---------- CREDITS ------------------*/
#credits {

	position:relative;
	font-size:0.8em;
	color:#999999;
	clear:both;
	/*padding:.5em;*/
	margin-top:3em;
	/*background-color:#333;*/
	width:100%;
}
#credits p {
	text-align:right;	background-color:#333;padding:.5em;
}
#credits a {  color:#999999; font-weight:800;}
#credits a:link { text-decoration:#999999; }                                                                
#credits a:visited {  text-decoration: #999999;  }
#credits a:hover { color:#fffccc;   }



/* ---------- LIENS ------------------*/
.liens_liens a{
font-size:1.3em;
color:#333;
padding:.5em;
margin-bottom:1em;
}
.liens_liens a:hover{
font-size:1.3em;
color:#c31f1f;
}
 p.liens_liens {padding-left:1.7em;margin-bottom:1em;margin-top:.5em;color:#333;}


/* -------------------CONNEXION PANEL------------------------- */
.connexion_panel{
display:none;
 width:auto;
 color:white;
 margin-top:.8em;
 padding-bottom:0px;
 padding:3px;
 font-size:0.8em;
 width:1024px;
 margin-left:auto;
 margin-right:auto;
}

/* SCROLL DATES ARTISTES */
#pane1{margin-top:0px;margin-bottom:5px; background-color:#fff;}

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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	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-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;*/
}