body {
overflow: hidden;
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}


#global {
margin : 10px auto 10px auto;
width: 1024px;
z-index:1;
 }



#contienthaut {
width: 1024px;
height: 309px;
background-image: url(imggraph/cadrehaut.png);
z-index : 3;
position: relative;
}



#contact{
position: relative;
float: left;
display: block;
z-index : 3;
height: 65px;
width: 80px;
margin-left: 140px;
margin-top: 30px;

}
#contact a {
display: block;
height: 65px;
width: 80px;
}
#contact:hover { background-image: url(imggraph/menucontact3.jpg); }
#contact span {display: none}



#bouthaut {
z-index : 3;
height: 74px;
width: 337px;
position: relative;
float: left;
display: block;
margin-left: 135px;
margin-top: 30px;
}

#bouthaut a {display: block;
height: 74px;
width: 337px;
}
#bouthaut span {display: none}

#forum {
position: relative;
float: left;
display: block;
z-index : 3;
height: 85px;
width: 125px;
margin-left: 58px;
margin-top: 10px;
}

#forum a {
display: block;
height: 85px;
width: 125px;
}
#forum:hover { background-image: url(imggraph/menuforum3.jpg);
}
#forum span {display: none}















#contientbas {
width: 1024px;
z-index : 2;
margin-top: -35px;
position: relative;

}


	 
#gauche {
	float: left;
	background-image: url(imggraph/cadreg.jpg);
	position: relative;
	width: 45px;
	height: 600px;
	margin-left: 24px;
	z-index : 2;
}



#frame {
float: left;
width: 899px;
height: 540px;
overflow: scroll;
font-size: 14px;
position: relative;
z-index : 2;
text-align: center;

}
	
#droite {
	width: 3px;
	background-image: url(imggraph/cadred.jpg);
	float: left;
	height: 600px;
	position: relative;
	z-index : 2;
}









#boutons {
position: relative;
text-align:left;
overflow:hidden;
width:880px;
height: 84px;
margin-left: 100px;
padding-top: 1px;
font-size: 12px;
z-index : 4;
}



#boutons ul {
	float:left;
	list-style-type:none;
	display:block;
	padding:0;
	margin:0;
}
#boutons li {

    float:left;
	text-align:left;
		margin:auto;

}

#boutons span {display: none}

#boutons a {
display:block;
float:left;
height: 88px;
}

#news{

	width : 115px;
}
#news:hover { background-image: url(imggraph/menuactu3.jpg) }

#discographie {
	width : 200px;
}
#discographie:hover { background-image: url(imggraph/menudisco3.jpg) }

#spacer1 {width : 70px;}

#spacer2 {width : 95px;}


#surprise {

	width : 30px;
}



#perf {
	width : 230px;
}
#perf:hover { background-image: url(imggraph/menuperf3.jpg) }

#blog {
	width : 100px;

}
#blog:hover { background-image: url(imggraph/menublogs3.jpg) }







#frame h1 {color: #D14864;
font-size: 40px;
margin: 1em;}
#frame h2 {color: #D14864;
font-size: 25px;
}
#frame h3 {color: #8A8A8A;
font-size: 17px;
margin: 1em;}
#frame h4 {color: #000000;
font-size: 10px;
margin: 1em;}
#frame h5 {color: #D14864;
font-size: 18px;
margin: 1em;}
#frame h6 {color: #7CA822;
font-size: 13px;
margin: 1em;}

h4 {color: #D14864;
font-size: 25px;
}

.div1 {
 width : 750px;
 height: auto;
 position : relative;
	border-width: 4px;
	border-style: dotted;
	border-color: #D3D3D3;
	padding-left: 15px;
	padding-right: 15px;
margin : auto;
}

.centrer {
 width : 750px;
 margin-left: auto;
 margin-right: auto;
position : relative;


}


.float {float : left;
  width: 220px;
  padding-left: 20px;

}
.float1 {float: left;
  width: 600px;
  margin-left: 60px;
  padding-left: 20px;
}

.float2 {float : left;
display: block;
width: 300px;
padding-left: 20px;

}
.clear {clear: both;}

.alignleft {text-align: left;}


a img {border: none;}
.frame p {color: #000000;
margin: 1em;
font-size: 10px;
} 


div b{font-weight:bold;}

p b{font-weight:bold;}

.frame a {color: #7CA822;
}