/***********************************************/
/* =CLEARFIX */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow:hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END =CLEARFIX */

body{
	font-family: Verdana, Arial,sans-serif;
	color:#DEDEDE;
	background-color: #000000/*#40A497*/;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

img {
border: 0px none;
}

.fr {
	float: right;
}

.fl {
	float: left;
}


.error {
	color:  #F11A25;
	font-weight:  bold;
	font-size:  12px;
}

.success {
	color:  #22D225;
	font-weight:  bold;
	font-size:  12px;
}


a:link, a:visited, #menu li#first a {
	color:#DEDEDE;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	color:#45CB1D;
}

a#hi {
text-decoration: underline;
font-weight: normal;
}

a#hi:hover {
text-decoration: none;
}

table {
border-collapse: collapse;
}

.main {
width: 990px;
border:  0px solid #DEDEDE ;
}

/******* hyperlink and anchor tag styles *******/

.headerColor {
width:4px;
height:4px;
float: left;
}


#menu  {
list-style: none;
padding : 0;
margin: 0;

}

#menu li {
float:left;
text-align:center;
padding:3px 35px 3px 35px ;
margin: 2px 1px 2px 0px ;
background-color: #272727;
border:1px solid #272727;
letter-spacing:1px;
}

#menu    a {
color: #FFFFFF;
font-weight: bold	;
}

#menu li#first a {
text-decoration: none;
color:  #000;
}
#menu li#first a:hover {
text-decoration: underline;
}

#menu li#first  {
margin-left: 0;
padding-left: 20px ; 
padding-right: 20px ;
margin-left: 0;
background-color: #FFF;
border-right: 0px none;
border-left: 0px none;
letter-spacing: 5px;
font-weight: bold
}


#menu span {
padding: 0 0 0 5px;
}

#home p {
width: 190px;
/*background-color:#E8FFDE;*/
border: 0px solid #FDFF9D;
padding: 10px 10px 0px 10px ;
text-align: justify;
float:  left;
margin: 0;
}

#home #images {
float:  right;	
padding:  15px 0 0 0;
width:  770px;	
border: 0px solid #FDFF9D;
margin: 0;
}
#home .img {
	padding:  0 0px 0px 0px;
	margin:  0 0 5px 5px;
	/*width: 100%;*/
	border: 1px solid  #DEDEDE;
	
}

#home #bottomHome  {
	padding: 10px 0px 0 0px ;
	clear: both;
	margin: 0px 0 0 0;
	float:  right;
	border:  1px solid #FFFFFF;
	width:  736px;
}

#home #bottomHome p {
width:  98%;
padding:  0 0 5px 10px;
text-align: justify;
border: 0px solid red;
}

#home #sign {
clear: both;
width: 100%;
text-align: left;
margin:  0;
padding:  0 0 5px 10px;
border: 0px solid red;

}

.homeB2 {
float: right;
width: 35%;
background-color:#E8FFDE;
border: 1px solid #FDFF9D;
padding: 10px;
}

.homeC {
float: left;
width: 25%;
text-align:center;
}



.homeC img {
width: 60%;
}

.homeB {
clear:both;
text-align:center;

}
.homeB img {
width: 25%;

}


.puce {

font-weight: bold;
color: #78D300;
}

/* GALERIE */

#menuConcert {
padding: 20px 0 20px 0;
}

#thumbs {
float: left;
width: 460px;
border: 0px solid pink;
}

#thumbs img {
float: left;
width: 20%	;
margin: 3px 3px 0px 0;
border: 1px solid  #DEDEDE;
}

#largeImg {
width:480px;
/*height:480px;*/
float: right;
border: 1px solid  #DEDEDE;;

}

#largeImg img {
width: 480px;
}
/************** header tag styles **************/


/****************** LISTE REPERTOIRE MUSICAL ********************/
#repertoireTable h3 {
font-weight:  normal;
font-size:  14px;	
font-weight: bold;
	
}
.listRepertoire {
border-collapse: separate;	
margin:  10px 0 10px 0;
}

.listRepertoire th {
font-weight:  bold;	
}

.listRepertoire th, .listRepertoire td {
padding:  3px 10px 3px 10px;
}

/************ MUSICIENS *************/

#musiciens #intro {
	
	padding:  10px 0 30px 0;
	border: 0px solid  #DEDEDE;
	
}

#musiciens .player img {
border: 1px solid  #DEDEDE;
float: left;	
margin: 0px 10px 10px 0px;

}

#musiciens .player {
margin: 30px 0px 10px 0px; 	
clear: both;	
	
}

/************ VIDEOS SONS *************/
#sonVideos ul {
list-style-type: none;
margin: 0;
padding: 12px 0 10px 0;	
}

#sonVideos li {
padding:  0 0 3px 0;
}

#sonVideos div {
	border:  0px solid pink;
}
/***************** CONTACT ***********************/

#contactTable {
	
}

#contactTable input, #contactTable textarea {
border: 1px solid #DEDEDE;	
}

#contactTable textarea {
width:  250px ;
height:  200px;
}

#contactTable .c1 {
width:  210px;	
}



/***************** FIN CONTACT ***********************/

/***************** ADMIN ***********************/
#admin #login, #admin #password {
border: 1px solid DEDEDE;	
}

#admin .add {
	font-size:  12px;
	font-weight:  bold;
	float: right;
	
}

#admin #fieldsEmpty {
	width:  70%;	
	border:  0px solid pink;
	margin:  0 0 5px 0;
	vertical-align:  bottom;
}

#admin #fieldsEmpty select {
	margin: 0 5px 10px 0;
	}

#admin .border input, #admin #listRepertoire th{
	border:  1px solid #DEDEDE;	
	width: 125px;
	margin:  0px 3px 10px 0;

	}

#admin #listRepertoire th{
	text-align:  center;
	width: 100px;
	}