/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	background-image:url(../Images/fond.jpg);
	background-repeat:repeat-x;
	background-position: up;
	background-attachment:fixed;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
}

P{
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFB504;
	margin: 0px;
	padding: 0px;
}

H3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	color: #B3AC97;
	margin: 0px;
	padding: 0px;
}
H4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	color: #878271;
	margin: 0px;
	padding: 0px;

}
#contenant{
	position:absolute; 
	left:50%;
	top: 20px;
	width: 880px;
	height: 5200px;
	margin-left: -440px;
	padding:0px;
	background-color:#F9F5EE;
	z-index:2;
}  


/*Calques niveau 1*/
#top{
	position:absolute; 
	left:0px;
	top: 0px;
	width: 880px;
	height: 123px;
	padding:0px;
	background-color:#C26371;
	z-index:10;
} 
#centre{
	position:absolute; 
	left:0px;
	top: 123px;
	width: 880px;
	height: 1060px;
	padding:0px;
	z-index:10;
} 

#bas{
	position:absolute; 
	left:0px;
	top: 5183px;
	width: 880px;
	height: 17px;
	padding:0px;
	margin: 0px;
	background-image: url(../Images/bas.jpg);
	background-repeat:no-repeat;
	z-index:10;
}

/*Calques niveau 2*/
#centre1{
	position:absolute; 
	left:0px;
	top: 0px;
	width: 38px;
	height:5050px;
	padding:0px;
	margin: 0px;
	background-color:#ECD8D8;
	z-index:10;
}
/*#centre2{
	position:absolute; 
	left:40px;
	top: 0px;
	width: 166px;
	height: 400px;
	padding:0px;
	margin: 0px;
	background-color:#F2EDE4;
	z-index:10;
}*/
#centre3{
	position:absolute; 
	left:40px;
	top: 0px;
	width: 648px;
	height: 600px;
	padding:0px;
	margin: 0px;
	z-index:10;
	
}
#centre4{
	position:absolute; 
	left:690px;
	top: 0px;
	width: 190px;
	height: 108px;
	padding:0px;
	margin: 0px;
	background-color:#D7BEBE;
	z-index:10;
}
#sommaire{
	position:absolute; 
	left:690px;
	top: 110px;
	width: 190px;
	height: 280px;
	padding:0px;
	padding-top: 10px;
	margin: 0px;
	background-color:#ECD8D8;
	z-index:10;


}
#mail{
	position:absolute; 
	left:139px;
	top: 0px;
	width: 36px;
	height: 12px;
	padding:0px;
	margin: 0px;
	background-image: url(../Images/mail2.jpg);
	background-repeat:no-repeat;
	z-index:10;
}

#contact{
	position:absolute; 
	left:200px;
	top: 0px;
	width: 84px;
	height: 12px;
	padding:0px;
	margin: 0px;
	background-image: url(../Images/contact2.jpg);
	background-repeat:no-repeat;
	z-index:10;

}
#boutique{
	position:absolute; 
	left:300px;
	top: 0px;
	width: 85px;
	height: 12px;
	padding:0px;
	margin: 0px;
	background-image: url(../Images/boutique2.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
#news{
	position:absolute; 
	left:410px;
	top: 0px;
	width: 49px;
	height: 12px;
	padding:0px;
	margin: 0px;
	background-image: url(../Images/news2.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
#liens{
	position:absolute; 
	left:495px;
	top: 0px;
	width: 44px;
	height: 12px;
	padding:0px;
	margin: 0px;
	background-image: url(../Images/liens2.jpg);
	background-repeat:no-repeat;
	z-index:10;

}
#copyright{
	position:absolute; 
	left:565px;
	top: 0px;
	width: 92px;
	height: 12px;
	padding:0px;
	margin: 0px;
	background-image: url(../Images/copyright2.jpg);
	background-repeat:no-repeat;
	z-index:10;















}
#titre{
	position:absolute;
	top:20px;
	left: 380px;
	width:460px;
	height:auto;
}
#tiretdroit{
	position:absolute; 
	left:400px;
	top: 380px;
	width: 20px;
	height: 14px;
	padding:0px;
	margin: 0px;
	background-image: url(../Images/tiretdroit.jpg);
	background-repeat:no-repeat;
	z-index:20;
}
#tiretgauche{
	position:absolute; 
	left:370px;
	top: 380px;
	width: 20px;
	height: 14px;
	padding:0px;
	margin: 0px;
	background-image:url(../Images/tiretgauche.jpg);
	background-repeat:no-repeat;
	z-index:20;
}
#page{
	position:absolute; 
	left:430px;
	top: 380px;
	width: 40px;
	height: 14px;
	padding:0px;
	margin: 0px;
	z-index:20;
}
/*Calques niveau 3*/
#rubrique{
	position:absolute; 
	left:15px;
	top: 40px;
	width: 136px;
	height: 320px;
	padding:0px;
	margin: 0px;
	text-align:justify;
	z-index:20;
}
#texte{
	position:absolute; 
	left:25px;
	top: 30px;
	width: 648px;
	height: 340px;
	padding:0px;
	margin: 0px;
	z-index:20;
	text-align:justify;
}

/* Autres Styles */

#tiretdroit A{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#tiretdroit A:hover{
	background-image:url(../Images/tiretgauche.jpg);
	background-repeat:no-repeat;
}
#tiretgauche A{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#tiretgauche A:hover{
	background-image: url(../Images/tiretdroit2.jpg);
	background-repeat:no-repeat;
}
#sommaire P{
	margin: 0px;
	padding: 2px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 5px;
}

#sommaire P.menu SPAN{
	background-image: url(../Images/menu_guitare.gif);
	background-position: top left;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom: 10px;
	margin-bottom: 2px;
} 
#sommaire P.ssmenu SPAN{
	background-image: url(../Images/menu_note.gif);
	background-position: center left;
	background-repeat:no-repeat;
	padding-left:30px;
} 
#sommaire P.menuselect SPAN{
	background-image: url(../Images/menu_guitareselect.gif);
	background-position: top left;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom: 10px;
	font-weight: 900;
} 
#sommaire P.ssmenuselect SPAN{
	background-image: url(../Images/menu_noteselect.gif);
	background-position: top left;
	background-repeat:no-repeat;
	padding-left:30px;
	font-weight: 900;
} 
#sommaire A{
	text-decoration:none;
}
#sommaire A:hover{
	font-weight: 900;
}
#sommaire P.menu{
	padding-left:0px;
	font-size:14px;
	padding-bottom:2px;
}
#sommaire P.ssmenu{
	padding-left:0px;
	font-size:12px;
	padding-bottom:2px;
}
#sommaire P.menu A{
	color: #818181;
}

#sommaire P.menuselect{
	color: #C26371;
	font-size: 14px;
	font-weight:900;
	padding-left:0px;
}
#sommaire P.ssmenu A{
	color: #818181;
}
#sommaire P.ssmenuselect{
	color: #C26371;
	font-size: 12px;


}
#mail A{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#mail A:hover{
	background-image: url(../Images/mail1.jpg);
	background-repeat:no-repeat;
}
#contact A{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#contact A:hover{
	background-image: url(../Images/contact1.jpg);
	background-repeat:no-repeat;

}
#boutique A{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#boutique A:hover{
	background-image: url(../Images/boutique1.jpg);
	background-repeat:no-repeat;

}
#news A{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#news A:hover{
	background-image: url(../Images/news1.jpg);
	background-repeat:no-repeat;

}
#liens A{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#liens A:hover{
	background-image: url(../Images/liens1.jpg);
	background-repeat:no-repeat;

}
#copyright A{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#copyright A:hover{
	background-image: url(../Images/copyright1.jpg);
	background-repeat:no-repeat;