body{
	background-image:url('../images/bg.jpg');
	background-position-y:-100px;
	background-repeat:repeat-x;
	background-color:white;
	font-family:arial;
	font-size:12px;
	margin:0;
	paddind:0;
	overflow-x:hidden;
	
	
}
table{
	border-spacing:0;
	font-family:arial;
	font-size:12px;
}
a img{
	border:0;
}
#wrapper1{
/*width:1530px;*/	
margin:0 auto 0 auto;
}

#wrapper2{
width:1004px;	
margin:0 auto 0 auto;
background-image:url('../images/transparent.png');
border:1px solid #eee;
}
#header{
	height:142px;
}

#header_text{
	font-size:12px;
	width:370px;
	float:left;
	font-weight:bold;
	padding-top:7px;
}
#logo{
	background-image:url('../images/logo.png');
	width:343px;
	height:145px;
	float:left;
	cursor:pointer;
}

#menu1{
	height:37px;
	background-color:#84ba55;
}

#menu2{
	width:315px;
	background-color:#eddac8;
	float:left;
	
}
#contenu{
	float:left;
	width:670px;
	padding-left:15px;
	
	
	
}

.boxText{
line-height:24px;	

}
.boxText a{
	text-decoration:none;
	color:#333;
	/*text-transform:lowercase;*/
	font-size:14px;
	margin-left:20px;
	
}
.panierprice{
position:relative;	
top:-35px;
left:840px;
color:#333;
}
#ariane{
	margin:7px;
}
#ariane a{
	text-decoration:none;
	color:#655c5c;
	text-transform:lowercase;
} 
#products{
clear:both;
width:650px;
list-style:none;
border:1px solid #ccc;
margin:0 auto 0 auto;

}

.product{
list-style:none;	
}
.product li{
width:180px;
height:220px;
float:left;
text-align:center;
margin-right:20px;
}

.product li h3{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
	text-transform:lowercase;
}
.product li span{
	color:red;
}

.product li img{
	max-height:140px;
}
#pager{
	float:left;
	width:600px;
	text-align:right;
	margin-top:8px;
	margin-bottom:8px;
	
}

.button{
	background-image:url('../images/bouton.png');
	width:140px;
	height:23px;
	line-height:23px;
	margin:0 auto 0 auto;
	color:white;
}
.button a{
	color:white;
	text-decoration:none;
}

.infoBoxHeading{
	background-color:#668041;
	color:white;
	padding-left:12px;
}
.infoBox{
border:1px solid #ccc;	
margin-bottom:8px;

}
#slider {
	position:relative;
	/*margin:30px 30px 60px 30px;*/
	background:#202834 url(/magasin/images/loading.gif) no-repeat 50% 50%;
	/*-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;*/
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	left:90%;
	bottom:30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(/magasin/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(/magasin/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

.smallText a{
	text-decoration:none;
	color:#333;
	
}

#contactbox{
	background-color:#655c5c;
	color:white;
	font-size:16px;
	text-align:center;
	line-height:30px;
}

#contactext{
	text-align:center;
	background-color:#f8f8f8;
	padding:6px;
	
}
#footer{
	clear:both;
	height:100px;
	background:url(/magasin/images/footer.jpg);
	background-color:white;
	text-align:center;
	font-size:12px;
	
}
#footer div{
	width:900px;
	margin:0 auto 0 auto;
	background:url(../images/footer.png);
	width:1004px;	
	height:100%;
	
}

#footer div p a{
	text-decoration:none;
	color:#333;
	font-size:14px;
	font-weight:bold;
}

#panier{
	background:url(/magasin/images/panier.png);
	width:360px;
	height:244px;
	position:absolute;
	margin-left:-300px;
	margin-top:-130px;
	
}

#vache{
	background:url(/magasin/images/vache.png);
	width:266px;
	height:325px;
	position:absolute;
	margin-left:1005px;
	margin-top:-320px;
	
	
}

#papillon{
	background:url(/magasin/images/papillon.png);
	width:87px;
	height:119px;
	position:absolute;
	margin-left:1050px;
	margin-top:150px;
	
	
}
#footertext{
	clear:both;
	
	background-image:url('../images/transparent.png');
	background-color:white;
	
	

}
#menu1 {
	float:left;
	width:1004px;
}
#menu1 ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#menu1 ul li{
	height:37px;
	line-height:37px;
	margin:0;
	padding:0;
	float:left;
	width:142px;
	float:left;
	text-align:center;
	border-right:1px solid white;
	color:white;
	cursor:pointer;
}
#menu1 ul li a{
	text-decoration:none;
	color:white;
	font-size:14px;
}
 
#produitbio{
	margin-top:10px;
	float:left;
	background-image:url('/magasin/images/menubio.jpg');
	width:657px;
	height:206px;
}

#produitbio .titre{
	padding-top:4px;
	height:30px;
	line-height:30px;
	color:#fff;
	text-align:center;
	font-size:16px;
}

#citation{
	margin-top:10px;
	margin-left:15px;
	float:left;
	background-image:url('/magasin/images/citation.jpg');
	width:332px;
	height:166px;
	padding-top:40px;
	line-height:20px;
	text-align:center;
	margin-bottom:10px;
}

.pagetitre{
	color:#5f9131;
	font-size:16px;
}
#reservation{
	
	float:left;
	width:663px;
	height:535px;
	background-image:url('/magasin/images/reservation.jpg');
	background-repeat:no-repeat;
}
#reservation{
	padding-top:55px;
	
}
#reservation p label{
	margin-left:20px;
	float:left;
	width:190px;
}
.productname{
	color:#5f9131;
	font-size:16px;
	
}
.productprice{
	color:#c32d2d;
	font-weight:bold;
	font-size:14px;
}
.amis{
	color:#5f9131;
}
#productqty{
float:left;
margin:7px auto 0 30px;
width:600px;
height:80px;
line-height:80px;	
background-color:#d4f3b9;
font-size:16px;
padding-left:18px;
}
.scrollable {
margin-top:20px;
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 920px;
	height:250px;

	/* custom decorations */
	/*border:1px solid #ccc;*/
	/*background:url(/images/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:920px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:150px;
	height:160px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/magasin/images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:135px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(/magasin/images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/magasin/images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}
.navi{
	margin:0;
	padding:0;
	list-style:none;
	width:920px;
}
.navi li{
	margin:0;
	padding:0;
	float:left;
	width:180px;
	text-align:center;
	float:left;
	color:white;
	cursor:pointer;
}
.mesproduits{
	background:url(../images/mesproduits.jpg);
	background-repeat:repeat-x;
	background-color:#9F6E43;
}
.titrefeature{
	font-size:9px;
	color:black;
}
#restaurant{
	text-align:left;
	width:400px;
}
#restaurantbio{
	/*width:310px;*/
	background-image:url('/magasin/images/restaurant.jpg');
	/*background-position-x:-5px;*/
	height:255px;
	text-align:center;
	padding-top:37px;
	/*margin-left:5px;*/
	
}

.menupage{
	float:left;
	height:657px;
	width:300px;
	background-color:#e9f4fa;
	text-align:center;
	margin-left:30px;
}
.ok{
	color:white;
	background-color:#655c5c;
	border:0;
	height:25px;
}
.contentright{
	/*position:relative;*/
	float:left;
	margin-top:-60px;
	margin-left:40px;
	color:#666;
}
.contentright h3{
	color:#ad803f;
	
}
.contentright img{
	margin:0px;
}
.pageHeading img{
	display:none;
}
.button_qty{
background-color:#288127;	
color:white;
border:0;
cursor:pointer;
width:25px;
line-height:18px;

}
.product li h3{
	/*font-weight:bold;
	font-size:14px;*/
}
.creation{
	background-color:#e9f8bc;
	width:600px;
	margin:0 auto 0 auto;
}
.productListing-heading{
	background-color:#84ba55;
	color:white;
}
.productListing{
	border:1px solid #ccc;
	width:660px;
}