body{
background:url(../images/fond.gif);
background-repeat:repeat-y;
background-position:center;
background-color:#E4EDCE;
text-align:center; /*pr IE */
margin:0 auto;
font-family:"Trebuchet MS";
font-size:12px;
}
div{

}
img{
border:none;
}
ul{
margin:0px;
}
#banniere{
position:relative;
width:991px;
height:156px;
background-image:url(../images/header.jpg);
margin:0 auto;
}
#pub_banniere{
position:absolute;
float:left;
display:block;
width:80%;
height:50px;
left:10%;
top:5px;
}
#text_intro{
position:relative;
float:left;
top:122px;
left:10px;
width:310px;
text-align:left;
color:#816512;
font-weight:bold;
font-family:"Trebuchet MS";
font-size:12px;
}
#internet_time{
position:relative;
float:left;
top:122px;
left:100px;
color:#EFA044;
font-weight:bold;
font-family:"Trebuchet MS";
font-size:12px;
}
#recherche{
position:relative;
float:left;
top:128px;
left:200px;
color:#EFA044;
font-weight:bold;
font-family:"Trebuchet MS";
font-size:12px;
z-index:400;
}
html>body #recherche{
position:relative;
float:left;
top:128px;
left:150px;
color:#EFA044;
font-weight:bold;
font-family:"Trebuchet MS";
font-size:12px;
}
#recherche #foo{
background-color:#F8D2A3;
color:#586925;
border:1px solid #E98003;
font-weight:bold;
font-family:"Trebuchet MS";
font-size:12px;
width:170;
}
#recherche #foo_submit{
background-color:#F8D2A3;
color:#586925;
border:1px solid #E98003;
font-weight:bold;
font-family:"Trebuchet MS";
font-size:12px;
height:22px;
}
#div_accueil{
position:relative;
left:-734px;
width:125px;
height:100px;
cursor:pointer;
z-index:100;
}
html>body #div_accueil{
position:relative;
left:0px;
width:125px;
height:100px;
cursor:pointer;
z-index:100;
}
/*******************************************/
#centre{
position:relative;
width:991px;
padding:10 10 10 10;
margin:0 auto;
text-align:left;
}
/*******************************************/
/****************Menu**********************/
/*******************************************/
#menu{
width:991px;
height: 32px;
background-image:url(../images/menu.jpg);
color:#A1A223;
margin:0 auto;
text-align:left;
z-index:0;
}
#menu a{
top:2px;
}
/*******************************************/
#menu .menu_classic{
position:relative;
float:left;
left:2px;
background-image:url(../images/menu/bandeau3_02.jpg);
display:block;
height:28px;
width:96px;
}
#menu .menu_classic:hover{
background-image:url(../images/menu/bandeau3_02-over.jpg);
display:block;
height:28px;
width:96px;
}
html>body #menu .menu_classic{
position:relative;
float:left;
left:2px;
background-image:url(../images/menu/bandeau3_02.jpg);
display:block;
height:28px;
width:96px;
}
html>body #menu .menu_classic:hover{
background-image:url(../images/menu/bandeau3_02-over.jpg);
display:block;
height:28px;
width:96px;
}
#pipe_classic{
position:relative; float:left; top:2px; left:0px;
}
html>body #pipe_classic{
position:relative; float:left; top:2px; left:4px;
}

/*******************************************/
#menu .menu_electro{
position:relative;
float:left;
left:0px;
background-image:url(../images/menu/bandeau3_04.jpg);
display:block;
height:28px;
width:73px;
}
#menu .menu_electro:hover{
background-image:url(../images/menu/bandeau3_04-over.jpg);
display:block;
height:28px;
width:73px;
}
html>body #menu .menu_electro{
position:relative;
float:left;
left:7px;
background-image:url(../images/menu/bandeau3_04.jpg);
display:block;
height:28px;
width:73px;
}
html>body #menu .menu_electro:hover{
background-image:url(../images/menu/bandeau3_04-over.jpg);
display:block;
height:28px;
width:73px;
}
#pipe_electro{
position:relative; float:left; top:2px; left:0px;
}
html>body #pipe_electro{
position:relative; float:left; top:2px; left:9px;
}
/*******************************************/
#menu .menu_hip_hop{
position:relative;
float:left;
left:0px;
background-image:url(../images/menu/bandeau3_06.jpg);
display:block;
height:28px;
width:72px;
}
#menu .menu_hip_hop:hover{
background-image:url(../images/menu/bandeau3_06-over.jpg);
display:block;
height:28px;
width:72px;
}
html>body #menu .menu_hip_hop{
position:relative;
float:left;
left:13px;
background-image:url(../images/menu/bandeau3_06.jpg);
display:block;
height:28px;
width:72px;
}
html>body #menu .menu_hip_hop:hover{
background-image:url(../images/menu/bandeau3_06-over.jpg);
display:block;
height:28px;
width:72px;
}
#pipe_hip_hop{
position:relative; float:left; top:2px; left:0px;
}
html>body #pipe_hip_hop{
position:relative; float:left; top:2px; left:19px;
}
/*******************************************/
#menu .menu_reggae{
position:relative;
float:left;
left:0px;
background-image:url(../images/menu/bandeau3_08.jpg);
display:block;
height:28px;
width:61px;
}
#menu .menu_reggae:hover{
background-image:url(../images/menu/bandeau3_08-over.jpg);
display:block;
height:28px;
width:61px;
}
html>body #menu .menu_reggae{
position:relative;
float:left;
left:20px;
background-image:url(../images/menu/bandeau3_08.jpg);
display:block;
height:28px;
width:61px;
}
html>body #menu .menu_reggae:hover{
background-image:url(../images/menu/bandeau3_08-over.jpg);
display:block;
height:28px;
width:61px;
}
#pipe_reggae{
position:relative; float:left; top:2px; left:0px;
}
html>body #pipe_reggae{
position:relative; float:left; top:2px; left:24px;
}
/*******************************************/
#menu .menu_monde{
position:relative;
float:left;
left:0px;
background-image:url(../images/menu/bandeau3_10.jpg);
display:block;
height:28px;
width:52px;
}
#menu .menu_monde:hover{
background-image:url(../images/menu/bandeau3_10-over.jpg);
display:block;
height:28px;
width:52px;
}
html>body #menu .menu_monde{
position:relative;
float:left;
left:25px;
background-image:url(../images/menu/bandeau3_10.jpg);
display:block;
height:28px;
width:52px;
}
html>body #menu .menu_monde:hover{
background-image:url(../images/menu/bandeau3_10-over.jpg);
display:block;
height:28px;
width:52px;
}
#pipe_monde{
position:relative; float:left; top:2px; left:0px;
}
html>body #pipe_monde{
position:relative; float:left; top:2px; left:29px;
}
/*******************************************/
#menu .menu_jazz{
position:relative;
float:left;
left:0px;
background-image:url(../images/menu/bandeau3_12.jpg);
display:block;
height:28px;
width:42px;
}
#menu .menu_jazz:hover{
background-image:url(../images/menu/bandeau3_12-over.jpg);
display:block;
height:28px;
width:42px;
}

html>body #menu .menu_jazz{
position:relative;
float:left;
left:30px;
background-image:url(../images/menu/bandeau3_12.jpg);
display:block;
height:28px;
width:42px;
}
html>body #menu .menu_jazz:hover{
background-image:url(../images/menu/bandeau3_12-over.jpg);
display:block;
height:28px;
width:42px;
}
#pipe_jazz{
position:relative; float:left; top:2px; left:0px;
}
html>body #pipe_jazz{
position:relative; float:left; top:2px; left:34px;
}
/*******************************************/
#menu .menu_rock{
position:relative;
float:left;
left:0px;
background-image:url(../images/menu/bandeau3_14.jpg);
display:block;
height:28px;
width:44px;
}
#menu .menu_rock:hover{
background-image:url(../images/menu/bandeau3_14-over.jpg);
display:block;
height:28px;
width:44px;
}
html>body #menu .menu_rock{
position:relative;
float:left;
left:35px;
background-image:url(../images/menu/bandeau3_14.jpg);
display:block;
height:28px;
width:44px;
}
html>body #menu .menu_rock:hover{
background-image:url(../images/menu/bandeau3_14-over.jpg);
display:block;
height:28px;
width:44px;
}
#pipe_rock{
position:relative; float:left; top:2px; left:0px;
}
html>body #pipe_rock{
position:relative; float:left; top:2px; left:39px;
}
/*******************************************/
#menu .menu_nvl_sc{
position:relative;
float:left;
left:0px;
background-image:url(../images/menu/bandeau3_16.jpg);
display:block;
height:28px;
width:142px;
z-index:0;
}
#menu .menu_nvl_sc:hover{
background-image:url(../images/menu/bandeau3_16-over.jpg);
display:block;
height:28px;
width:142px;
z-index:0;
}
html>body #menu .menu_nvl_sc{
position:relative;
float:left;
left:40px;
background-image:url(../images/menu/bandeau3_16.jpg);
display:block;
height:28px;
width:142px;
z-index:0;
}
html>body #menu .menu_nvl_sc:hover{
background-image:url(../images/menu/bandeau3_16-over.jpg);
display:block;
height:28px;
width:142px;
z-index:0;
}
#pipe_nvl_artiste{
position:relative; float:left; top:2px; left:0px;
}
html>body #pipe_artiste{
position:relative; float:left; top:2px; left:82px;
}
/*******************************************/
/*******************************************/
#menu .menu_artiste{
position:relative;
float:left;
left:20px;
background-image:url(../images/menu/bandeau3_18.jpg);
display:block;
height:28px;
width:83px;
}
#menu .menu_artiste:hover{
background-image:url(../images/menu/bandeau3_18-over.jpg);
display:block;
height:28px;
width:83px;
}
html>body #menu .menu_artiste{
position:relative;
float:left;
left:80px;
background-image:url(../images/menu/bandeau3_18.jpg);
display:block;
height:28px;
width:83px;
}
html>body #menu .menu_artiste:hover{
background-image:url(../images/menu/bandeau3_18-over.jpg);
display:block;
height:28px;
width:83px;
}
#pipe_artiste{
position:relative; float:left; top:2px; left:20px;
}
html>body #pipe_artiste{
position:relative; float:left; top:2px; left:82px;
}
/*******************************************/
#menu .menu_groupe{
position:relative;
float:left;
left:15px;
background-image:url(../images/menu/bandeau3_20.jpg);
display:block;
height:28px;
width:70px;
}
#menu .menu_groupe:hover{
background-image:url(../images/menu/bandeau3_20-over.jpg);
display:block;
height:28px;
width:70px;
}
html>body #menu .menu_groupe{
position:relative;
float:left;
left:80px;
background-image:url(../images/menu/bandeau3_20.jpg);
display:block;
height:28px;
width:70px;
}
html>body #menu .menu_groupe:hover{
background-image:url(../images/menu/bandeau3_20-over.jpg);
display:block;
height:28px;
width:70px;
}
#pipe_groupe{
position:relative; float:left; top:2px; left:15px;
}
html>body #pipe_groupe{
position:relative; float:left; top:2px; left:82px;
}
/*******************************************/
#menu .menu_instru{
position:relative;
float:left;
left:10px;
background-image:url(../images/menu/bandeau3_22.jpg);
display:block;
height:28px;
width:74px;
}
#menu .menu_instru:hover{
background-image:url(../images/menu/bandeau3_22-over.jpg);
display:block;
height:28px;
width:74px;
}
html>body #menu .menu_instru{
position:relative;
float:left;
left:80px;
background-image:url(../images/menu/bandeau3_22.jpg);
display:block;
height:28px;
width:74px;
}
html>body #menu .menu_instru:hover{
background-image:url(../images/menu/bandeau3_22-over.jpg);
display:block;
height:28px;
width:74px;
}
/*#menu a{
position:relative;
top:5px;
text-decoration:none;
color:#A1A223;
font-family:"Trebuchet MS";
font-size:16px;
font-weight:bold;
}
#menu a:hover{
position:relative;
top:3px;
text-decoration:none;
color: #000000;
font-family:"Trebuchet MS";
}*/
body.body_artiste #menu a.menu_artiste,body.body_groupe #menu a.menu_groupe, body.body_instrument #menu a.menu_instrument{
color:#000000;
}

#footer_index
{
	position:relative;
	bottom:0px;
	width:991px;
	height:15px;
	margin:0 auto;
	font-size:11px;
	clear:left;

}
#footer_index p
{
position:relative;top:15px;left:0px;background-color:#E98003; width:991px; color:#604A10; border:1px solid #B06309; text-align:center
}
html>body #footer_index
{
	position:relative;
	bottom:0px;
	width:991px;
	height:15px;
	margin:0 auto;
	font-size:11px;
	clear:left;

}
html>body #footer_index p
{
position:relative;top:7px;left:-5px;background-color:#E98003; width:980px; color:#604A10; border:1px solid #B06309; text-align:center
}
#footer_index a{
text-decoration:none;
color:#586925;
}
#footer_index a:hover{
text-decoration:none;
color:#FFF;
}
p{
margin:5px;
padding:5px;
}
/*********************************************************************************/
/*************************************contact*******************************/
/*********************************************************************************/
#contact label{
float:left;
width:200px;
}