/* CSS 
Auteur : Nerovik 
(http://vtisserand.free.fr) 
pour les Bras'Coeurs

violet :#4F253D;
*/

html {
	margin: 0;
	padding: 0;
	
}

body {
	background: #4F253D url(images/body_bg.gif) repeat fixed;
	margin: 0;
	padding: 0;
}

#wrapper {
	width:760px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
}

#logo {
	text-align:center;
	/*margin-top:30px;*/
	margin-top:5%;
	margin-left: auto;
    margin-right: auto; 
	width: 553px;
	height:451px;
	background: url(images/lesbrascoeurs_index.gif) no-repeat;
}

#menu {
	width:760px;
	height:60px;
	background: url(images/menu.gif) no-repeat;
	margin: 20px auto; 
	padding: 0;
 	position: relative;
}

#menu li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: absolute;
	top: 0;
}

#menu li, #menu a {
	height: 60px; 
	display: block;
}


#panel1 {left: 0; width: 95px;}
#panel2 {left: 96px; width: 90px;}
#panel3 {left: 180px; width: 75px;}
#panel4 {left: 250px; width: 80px;}
#panel5 {left: 328px; width: 175px;}
#panel6 {left: 505px; width: 95px;}
#panel7 {left: 600px; width: 74px;}
#panel8 {left: 670px; width: 100px;}

#panel1 a:hover {background: transparent url(images/menu.gif) 0 -60px no-repeat;}
#panel2 a:hover {background: transparent url(images/menu.gif) -96px -60px no-repeat;}
#panel3 a:hover {background: transparent url(images/menu.gif) -180px -60px no-repeat;}
#panel4 a:hover {background: transparent url(images/menu.gif) -250px -60px no-repeat;}
#panel5 a:hover {background: transparent url(images/menu.gif) -328px -60px no-repeat;}
#panel6 a:hover {background: transparent url(images/menu.gif) -505px -60px no-repeat;}
#panel7 a:hover {background: transparent url(images/menu.gif) -600px -60px no-repeat;}
#panel8 a:hover {background: transparent url(images/menu.gif) -670px -60px no-repeat;}

/*
.clear { 
  clear: both; 
  } 
*/

#footer {

	margin-top:-20px;
	margin-left:380px;

	width:564px;
	float:left;
	text-align:center;

}

#footer p {
	font:normal 70% "Trebuchet MS",Verdana,Helvetica,sans-serif;
	color:#FFF;

}

#footer a, #footer a:visited{
	font:normal 130% "Trebuchet MS",Verdana,Helvetica,sans-serif;
	color:#FFF;
	text-decoration:none;

}

#footer a:hover {
	font:normal 130% "Trebuchet MS",Verdana,Helvetica,sans-serif;
	color:#4F253D;
	text-decoration:none;

}