html 
	{
		margin: 0px;
		padding: 0px;
	}
body
	{ 
		font: 9pt/17pt georgia; 
		background: #000000;
		margin: 0px; 
		padding: 0px;
		min-height: 100%;
	}

div#header
	{	
		height: 224px;	
		width: 940px;
		background: #000000 url(images/header.jpg) no-repeat center center; 
		/*margin-left: 150px;*/
		margin-left: auto;
		margin-right: auto;

		/*border: 0.1em solid #ffffff;	*/
	}
div#bgmenu
	{	
		height: 65px;	
		width: 940px;	
		background: #000000 url(images/menu.jpg) no-repeat center center;
		/*margin-left: 150px;	*/
		margin-left: auto;
		margin-right: auto;

	}
div#bgmenu2
	{	
		height: 65px;	
		width: 940px;	
		background: #000000 url(images/menu_cours.jpg) no-repeat center center;
		/*margin-left: 150px;	*/
		margin-left: auto;
		margin-right: auto;
	}



div#conteneur
	{
		
		width: 900px;
		height:1000px;
		text-align: center;		
		background: #000000 url(images/footer.jpg) no-repeat center bottom;
		border-left: 0.1em solid #9e9e9e;
		border-right: 0.1em solid #9e9e9e;
		border-bottom: 0.1em solid #9e9e9e;
		overflow: hidden;
		margin-left: 150px;
	}
div#conteneur2
	{
		
		width: 900px;
		text-align: center;		
		background: #000000 url(images/footerrabot.jpg) no-repeat center bottom;
		border-left: 0.1em solid #9e9e9e;
		border-right: 0.1em solid #9e9e9e;
		border-bottom: 0.1em solid #9e9e9e;
		overflow: auto;
		
		float: left;
	}
div#conteneur_2
	{
		
		width: 902px;
		text-align: center;		
		background: #000000 url(images/footerciseaux.jpg) no-repeat right top;
		/*border-left: 0.1em solid #9e9e9e;
		border-right: 0.1em solid #9e9e9e;*/
		
		overflow: auto;
		/*margin-left: 150px;*/
	}
div#helene
	{
		
		width: 900px;
		text-align: center;		
		background: #000000 url(images/bg_helene.jpg) no-repeat left bottom;
		border-left: 0.1em solid #9e9e9e;
		border-right: 0.1em solid #9e9e9e;
			overflow: auto;
		
	}
div#conteneur3
	{
		width: 900px;
		height:526px;
		text-align: center;		
		background: #000000 url(images/footeraccueil.jpg) no-repeat center top;
		border-left: 0.1em solid #9e9e9e;
		border-right: 0.1em solid #9e9e9e;
		border-bottom: 0.1em solid #9e9e9e;
		overflow: auto;
		float: left;

		/*margin-left: 150px;*/
	}

div#grosconteneur
	{
		margin-left: auto;
		margin-right: auto;
		width: 940px;
		/*border: 0.1em solid #9e9e9e;*/
	}
div#conteneur4
	{
		width: 900px;
		height:526px;
		text-align: center;		
		background: #000000 url(images/bg_lutherie.jpg) no-repeat center top;
		border-left: 0.1em solid #9e9e9e;
		border-right: 0.1em solid #9e9e9e;
		border-bottom: 0.1em solid #9e9e9e;
		overflow: auto;
		margin-left: 150px;
	}
div#conteneur5
	{
		width: 900px;
		height:1300px;
		text-align: center;		
		background: #000000 url(images/bg_cours.jpg) no-repeat left top;
		border-left: 0.1em solid #9e9e9e;
		border-right: 0.1em solid #9e9e9e;
		/*border-bottom: 0.1em solid #9e9e9e;*/
		overflow: no;
		margin-left: 150px;
	}

div#txtfooter
	{
		
		text-align: center;
		padding-top:35px;
		color: #cccccc;
		font-size: 1.0em ;
		font-weight: italic ;
	}
div#footer
	{
		
		width: 900px;
		
		border-left: 1px solid #9e9e9e;
		border-right: 1px solid #9e9e9e;
		height:59px;
		
		textalign: center;
		background: #000000 url(images/footer.jpg) no-repeat right top;
		
		color: #cccccc;
		font-size: 1.2em ;
		font-weight: italic ;
	}
div#footer2
	{
		
		width: 900px;
		
		
		height:80px;
		padding-top: 22px;
		textalign: center;
		background: #000000 url(images/footer_2.jpg) no-repeat right top;
		
		color: #cccccc;
		font-size: 1.2em ;
		font-weight: italic ;
	}

h2
	{
		margin-left: 38px ;
		padding-left: 0px ;
			
		line-height: normal ;
		font-size: 1.4em ;
		color: #909090 ;
		text-decoration: underline;
		text-align: left;
		float: left;
		
	}


h3
	{
		width: 660px;
		margin-left: 20px ;
		padding-left: 3px ;
		font-size: 1.6em ;
		border-bottom: 1px solid #605f5f ;
		border-left: 2px solid #605f5f ;
		color: #605f5f ;
		float: left;
		text-align: left;
	}
p
	{
		width:750px;
		margin-left: auto;
		margin-right: auto;
		text-align: justify ;
		text-indent: 5em ;
		line-height: 1.7em ;
		color: #dedfd1;
	}
	
div#lesguitares
	{
		margin-bottom:30px;
	}
div#texteindex
		{	
			color: #dedfd1;
			
			font: 1.2em Georgia, serif ;
			text-align:center;
			margin-left /* */: 290px;
			margin-top: 290px;
     			padding-top: 10px;
			padding-bottom: 10px;
			width: 300px;
			height: 128px;
			line-height: normal ;
			 
			background:  url(images/bg_accueil.gif) no-repeat right top;
			
		}	

ul#menu
	{
		height: 25px ;
		float: left ;	
		margin-left: 0px;	
		list-style-type: none ;
		
		margin-top: 0px;
		margin-left: 25px;
	}




		
ul#menu li
	{
		float: left ;
		
		
		}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
	{
		width: 95px ;
		/*background: url(images/design/boutton.jpg) no-repeat center center ;*/
		margin-top:3px;
		
		color: #d0d0d0;
		font: 12px Georgia, serif ;
		
		
		
		
		display: block ;
		text-decoration: none ;
		
	}
		
ul#menu li a:hover
	{
		color: #f2f2f2;
		font: 12px Georgia, serif ;
		
	}

div#septcordesfolk
		{	
			
			width: 680px;
			height:1570px;
			color: #dedfd1;
			margin-left:2px;
			background: url(images/acier/sept_cordes/folk7c.jpg) no-repeat left top ;
			float:left;
			text-align: right;
			/*font: 1.2em "Trebuchet MS", helvetica, sans-serif ;*/
			color: #989898;
			font: 1.2em Georgia, serif ;
			margin-bottom: 80px;
	
			/*border: 0.1em solid #989898;*/
			
		}
div#copieselmer
		{	
			
			width: 680px;
			height:1570px;
			color: #dedfd1;
			margin-left:2px;
			background: url(images/acier/copie_selmer/copieselmerbig.jpg) no-repeat left top ;
			float:left;
			text-align: right;
			/*font: 1.2em "Trebuchet MS", helvetica, sans-serif ;*/
			color: #989898;
			font: 1.2em Georgia, serif ;
			margin-bottom: 80px;
	
			/*border: 0.1em solid #989898;*/
			
		}
		a{
			
			font-size: 0.6em ;
			font-weight: bold ;
			
			color: #717171;			
			text-decoration: none ;	
		}
		a:hover{
			
			font-size: 0.6em ;
			font-weight: bold ;
			
			color: #605f5f;			
			text-decoration: underline ;	
		}
a.rollOver img { text-align: center; border: 0.1em solid #989898; margin-bottom : 5px; }
a.rollOver:hover img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; margin-right: 5px; border: 0.1em solid #f2f2f2;  }
a.rollOver2 img { text-align: center; border: 0em solid #f2f2f2;}
a.rollOver2:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;   border: 0em solid #f2f2f2;  }
a.rollOver3 img { text-align: center; border: 1px solid #b7b7b7 }
a.rollOver3:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; border: 1px solid #605f5f;  margin-left: 5px }
a.rollOver4 img { text-align: center; border: 1px solid #b7b7b7 }
a.rollOver4:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; border: 1px solid #605f5f;}
a.rollOver5 img { text-align: center; border: 0px; margin-left: 60px; margin-right: 60px;}
a.rollOver5:hover img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;}
img.simple_image {	  }
img.espacement_mini{ margin-right: 10px;margin-bottom: 10px; }

div#encadrement_cours
{
	width : 689px; 
	height:510px; 
	background: url(images/bg_eleve_cours.gif) no-repeat right bottom ;
	margin-bottom: 20px;
}
div#mini_align_left
{
	width: 180px;
	margin-left: 20px;
	float: left;
}
div#cours_du_soir_mini
{
	width: 600px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 60px;
}
div#images
{
	margin-bottom: 2px;
	margin-bottom: 0px;
}
img.png {
behavior: url(png.htc);
}

span
{
	color:#997962;
	font: 13px Georgia, serif ;
}
a
{
	color: #989898;
	font: 13px Georgia, serif ;
}
a:hover
{
	color: #f2f2f2;
	font: 13px Georgia, serif ;
}


div#containercours
{
	height: 300px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	background: url(images/bg_cours_du_soir.jpg) no-repeat right top ;
	
	
}
	div#texte
		{	
			
			
			color: #e0dede;
			text-indent: 5em ;
			text-align: justify;
			font: 1em "Trebuchet MS", helvetica, sans-serif ;
			 margin-left: auto;
     			margin-right: auto;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 15px;
			padding-right: 15px;
			width: 650px;
			line-height: normal ;
			border-bottom: 1px solid #605f5f ;
			border-top: 1px solid #605f5f ;
			
			
		}
div#containercours_left
{
	height: 300px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:30px;
	background: url(images/bg_cours_du_soir_left.jpg) no-repeat left top ;
	
	
}
div#alignleftcoursdusoir
		{
			
			position: relative;
			float: left;
			width: 220px;
			
			
			
		}

div#alignrightcoursnom
		{
			font: 1em "Trebuchet MS", helvetica, sans-serif ;
			float: left;
			color: #dedfd1;
			position: relative;
			margin-top: 20px;
			margin-left: 50px;
		
			
			
		}
div#alignrightcoursdusoir
		{
			width: 530px;
			height: 110px;
			float: right;
			background: url(images/bg_eleve_cours.gif) no-repeat right bottom ;
			
			position: relative;
			margin-top: 20px;
			margin-right: 30px;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 10px;
			padding-right: 10px;
			text-align: justify;
			text-indent: 5em ;
				
			color: #989898;
		}
div#presentation_cours
{
		width: 805px;
		height:183px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 30px;
		margin-top: 30px;
		
		background: url(images/bg_txt_cours.gif) no-repeat left top ;
		color: #989898;
		text-align: justify;
		text-indent: 5em ;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		
}	


div#alignrightcoursdusoir2
		{
			
			position: relative;
			float: right;
			width: 220px;
			
			
		}

		div#alignleftcoursdusoir2
		{
			width: 530px;
			float: left;
			position: relative;
			margin-top: 20px;
			margin-left: 30px;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 10px;
			padding-right: 10px;
			text-align: justify;
			text-indent: 5em ;
			
			color: #989898;
			background: url(images/bg_eleve_cours.gif) no-repeat right bottom ;
		}
		
		div#alignleftcoursnom
		{
			font: 1em "Trebuchet MS", helvetica, sans-serif ;
			float: left;
			color: #dedfd1;
			position: relative;
			margin-top: 20px;
			margin-left: 30px;
		
			
			
		}

div#instrument
		{
			text-align: center;
			width: 800px;
			
		}	

