/* CSS Document */

/* ----------------------------------------------------------------------------------------- // BASE */
* {	
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none; 
}

b, strong{font-weight: bold;}
i, em{font-style: italic;}
u{text-decoration: underline;}

/* ----------------------------------------------------------------------------------------- // GENERAL */	
body{
	padding-top: 20px;
	font-family:Calibri, Arial, Verdana,"Lucida Grande", Helvetica, sans-serif;
	background-color:white;
	text-align:center; /*pour corriger le bug de centrage IE */
}

#page{
	width:905px;
	margin:0px auto ;
	background-color:white;
	min-height:720px;
	border-left:2px solid #BBBBBB;
	border-right:2px solid #BBBBBB;
}
#logo{float:left;}
h1{font-weight: bold; font-size: 2.8em;
color:black;}
h4{font-weight: normal; font-style:italic;
color:black;}

#header{background-color:white;  }

/* GENERAL COLONNE GAUCHE */
#leftcolumn{
	float:left;
	width:216px;
	min-height: 505px;
	background-color:white;
	clear:both;
	border-right:2px solid #BBBBBB;
}

#leftcolumn p{
	color:white;
	text-align:center;
	padding: 8px 6px;
	font-size: 1.1em;	
}

/* MENU GENERAL */		
ul {
	list-style-type:none;
	margin-top:40px;
}

ul li {
	margin : 8px 0px 2px 10px;
	text-align:left;
	font-family: Verdana, Calibri,"Lucida Grande", Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
}

ul a{
	text-decoration:none;
	color: #8D8D8D;
}

ul a:hover{ color:black;}

ul a:focus{color: #3B5997;}
		
/* CENTRAL */
#rightcolumn{
	width:683px ;
	float:right;
	
	
}
	
.texte{
	padding:8px 60px;
	font-size: 1em;
	color:black;
	text-align: justify;
	line-height:18px;
}
		
/* CENTRAL MUSIQUE */	
#rightcolumnM{
	width:800px;
	height:576px;
	border-bottom: 4px black solid;
	float:right;
	background-color:white;
	}
#musiquetitre{
	font-family: "Segoe Print", Georgia, "Times New Roman", Times, serif;
	text-align : left;
	font-size : 2em;
	margin-left:20px;

	}
#videoJN{
	text-align : left;
	margin-left:20px;
	margin-top:10px;
	}	

#repertoiremusique{
	float:right;
	padding:22px 4px 0px 4px;
	
	width : 225px;
	}	
#vingt{ margin: -20px 0 20px 0;
		font-style: italic;
		text-align:left;
		font-size:0.8em;
	}
#trente{  margin: -20px 0 20px 0;
		font-style: italic;
		text-align:left;
		font-size:0.8em;

	}
#quarante{  margin: -20px 0 20px 0;
		font-style: italic;
		text-align:left;
		font-size:0.8em;

	}
#cinquante{  margin: -20px 0 20px 0;
		font-style: italic;
		text-align:left;
		font-size:0.8em;

	}
#soixante{  margin: -20px 0 20px 0;
		font-style: italic;
		text-align:left;
		font-size:0.8em;
}
#textemusique{text-align:justify; padding:12px 300px 12px 16px;}	

/* CENTRAL CONTACT */	
#rightcolumnC{
	width:800px;
	height:576px;
	border-bottom: 4px black solid;
	float:right;
	background-color: #B7B7B7;
	
	}		
#contacttitre{
	font-family: "Segoe Print", Georgia, "Times New Roman", Times, serif;
	text-align : left;
	font-size : 2em;
	margin-left:20px;
	}
#contacttel{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align : left;
	font-size : 1em;
	margin-left:20px;
	background-color: white;
	}	
form {
	text-align : left;
	border-left : thick solid black;
	margin:20px 20px 20px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#DBDBDB;
	}
#remerciements{
	background-color: #99GG99;
	margin:20px 20px 20px 20px;
	text-align : justify;
}
	
/* GALLERIE PHOTOS */
div#galerie 
{ 
    width: 570px ; 
    background:white;  
    /*border: 1px solid #dcb ; */ 
    margin: 0px auto ;
    text-align: center ; 
    font: 0.9em Georgia, serif ; 
} 
 
ul#galerie_mini 
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
} 
 
ul#galerie_mini li 
{ 
    float: left ; 
} 
 
ul#galerie_mini li a img 
{ 
    margin: 2px 1px ; 
    border: 1px solid #dcb ; 
} 
 
dl#photo 
{ 
    clear: both ; 
    margin: 0 auto ; 
} 
 
dl#photo dt 
{ 
    font: italic 2.5em/1.5em Georgia, serif ; 
    color: black ; 
} 
 
dl#photo dd 
{ 
    margin: 0 ; 
} 
 
/*dl#photo img 
{ 
    border: 1px solid #dcb ; 
} */
/* FIN GALLERIE PHOTOS */

#footer{ 
	font-size:0.8em;
	text-decoration: line-through;
	background-color:white;
	
}
#footer, a{ color: #666666;}
#footer, a:hover{ color:black;}

/* PAGE REMERCIEMENTS */


/* PAGE LIENS */
#liensJN{
margin-top: 100px;

}