ul#barremenu 
			{
				margin:auto;
				padding:0;
				list-style-type:none;
				position: relative;
				height: 58px;
				font-weight: bold;
				font-size:14px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				
				
				
				
			}
		
ul#barremenu li
			{
		
				margin:auto;
				
				padding:0;
				
				position: absolute;
				
				top:0;
					
			}
	#barremenu a	
			{ /*Style des liens*/
				font-family: Verdana, Arial, Helvetica, sans-serif;
				text-decoration: none;
				color: #5b5b5b;
				text-align:center;
				
				
			}
	#barremenu span /*Style du texte a l'interieur des liens */
			{
				position:absolute; top:25%; left:10%; 
			}
	#barremenu	a:hover	
			{ /*Style des liens lorsqu'on passe la souris dessus*/
				font-family: Verdana, Arial, Helvetica, sans-serif;
				background-color: #FFFFFF;
				text-align:center;
				
			}
#accueilb
			{

				left:0;
				
				width:100px;
			
			
			}
					
#recettes 
			{
					
				left:100px;
				
				width:110px;
			
			}
#espaceperso 
			{
					
				left:210px;
				
				width:130px;
			
			}
#sante 
			{
					
				left:210px;
				
				width:100px;
			
			}
#pratique
			 {
				left:310px;
				width:110px;
			
			}
#plansite
			{
				left:420px;
				width: 100px;
				
			}
#livreor
			{
				left:520px;
				width: 130px;
				
			}
#contact
			{
				left:650px;
				width: 100px;
				
			}
#bouttond
			{
				left:750px;
				width: 230px;
				
			}
		


ul#barremenu li a, div 
			{
				display:block;
				
				
			}
			
#accueilb a 
			{

				background:url('../style/barrebouttons.jpg') no-repeat 0 -58px;
				width:100%;
				height:58px;
			
			}
					
#accueilb a:hover 
			{
							
				background:url('../style/barrebouttons.jpg') no-repeat 0 0;
				width:100%;
				height:58px;
			}
#recettes a 
			{

				background:url('../style/barrebouttons.jpg') no-repeat -100px -58px;
				width:100%;
				height:58px;
			}
							
#recettes a:hover 
			{
				
				background:url('../style/barrebouttons.jpg') no-repeat -100px 0;
				width:100%;
				height:58px;
			}
#espaceperso a 
			{

				background:url('../style/barrebouttons.jpg') no-repeat -210px -58px;
				width:100%;
				height:58px;
			}
							
#espaceperso a:hover 
			{
				
				background:url('../style/barrebouttons.jpg') no-repeat -210px 0;
				width:100%;
				height:58px;
			}
#sante a 
			{

				background:url('../style/barrebouttons.jpg') no-repeat -210px -58px;
				width:100%;
				height:58px;
			}
			
#sante a:hover 
			{
				
				background:url('../style/barrebouttons.jpg') no-repeat -210px 0;
				width:100%;
				height:58px;
			}
						
#pratique a 
			{

				background:url('../style/barrebouttons.jpg') no-repeat -310px -58px;
				width:100%;
				height:58px;
			}
							
#pratique a:hover 
			{
				
				background:url('../style/barrebouttons.jpg') no-repeat -310px 0;
				width:100%;
				height:58px;
			}
#plansite a 
			{

				background:url('../style/barrebouttons.jpg') no-repeat -420px -58px;
				width:100%;
				height:58px;
			}
							
#plansite a:hover 
			{
				
				background:url('../style/barrebouttons.jpg') no-repeat -420px 0;
				width:100%;
				height:58px;
			}
#livreor a 
			{

				background:url('../style/barrebouttons.jpg') no-repeat -520px -58px;
				width:100%;
				height:58px;
			}
							
#livreor a:hover 
			{
				
				background:url('../style/barrebouttons.jpg') no-repeat -520px 0;
				width:100%;
				height:58px;
			}
#contact a 
			{

				background:url('../style/barrebouttons.jpg') no-repeat -650px -58px;
				width:100%;
				height:58px;
			}
							
#contact a:hover 
			{
				
				background:url('../style/barrebouttons.jpg') no-repeat -650px 0;
				width:100%;
				height:58px;
			}
#bouttond div 
			{

				background:url('../style/barrebouttons.jpg') no-repeat -750px -58px;
				width:100%;
				height:58px;
			}
							
#bouttond div:hover 
			{
				
				background:url('../style/barrebouttons.jpg') no-repeat -750px 0;
				width:100%;
				height:58px;
			}