@charset "utf-8";
html, body { margin:0;border:0;padding:0;width:100%;height:100%;}

body{
	background-color:#718667;
	text-align:center;
	height:100%;
	width:100%;		
	background-image:url(legumes-fruits-bio-images/bg-strip.jpg);
	background-repeat:repeat-y;
	background-position:center;
	font-family:"Trebuchet MS", Arial, "MS Sans Serif";
	font-size:12px;
}

#frame{
	width:750px;
	position:relative;
	margin: 0px auto 0px auto;
	height:100%;
	text-align:left;

}

/*******************************************************************
*                HEADER
********************************************************************/
#header-corner{
	width:730px;
	height:166px;
	background-image:url(legumes-fruits-bio-images/paniers-bio-bg.jpg);
	background-repeat:no-repeat;
	margin-left:10px;
}

#header-top{
	height:166px;
	width:730px;
	margin-left:10px;
	background-image:url(legumes-fruits-bio-images/paniers-bio-top-bg.jpg);
	background-repeat:repeat-x;
}

#top-buttons{
	position:absolute;
	z-index:30;
	left:200px;
	top:100px;
	width:322px;
	height:42px;
}

#left-buttons{
	position:absolute;
	margin-left:10px;
	z-index:40;
	left:0px;
	top:200px;
	width:159px;
	height:243px;
}

#top-buttons img{
	float:left;
	border:0;
}

#ami-text {
	position:absolute;
	width:114px;
	height:48px;
	top:42px;
	left:580px;
	font-weight:bold;
	line-height:14px;
}

#ami-prix{
	position:absolute;
	width:114px;
	height:20px;
	top:138px;
	left:580px;
	font-weight:bold;
	font-size:14px;
	text-align:right;
}

#ami-unite{
	position:absolute;
	width:114px;
	height:20px;
	top:124px;
	left:580px;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}

#left-buttons img{
	display:block;
	border:0;
	margin:0;
	padding:0;
}

.nosee{
	display:none;
}

h1{
	color:#33602F;
	font-size:24px;
	margin:0px 0px 10px 0px;
	border:0;
}

h2{
	color:#33602F;
	font-size:24px;
	margin:0px 0px 10px 0px;
	border:0;
}

h3{
	color:#33602F;
	font-size:16px;
	margin:0px 0px 6px 0px;
	border:0;
}

h4{
	color:#33602F;
	font-size:16px;
	margin:0px 0px 0px 0px;
	border:0;
	display:block;
}

p{
	margin:0px 0px 6px 0px;
	border:0px;
}

a.ami-link{
	color:#000000;
}

a.ami-link:hover{
	color:#990000;
	text-decoration:underline;
}

#commande{
	position:absolute;
	left:400px;
	top:30px;
	width:160px;
	color:#FFFFFF;
}

#commande a{
	color:#FFFFFF;
	text-decoration:none;
}

#commande a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/*********************************************************************************
*			CONTENT
*********************************************************************************/

#content{
	width:490px;
	margin-left:190px;
}

#content a{
	font-family:"Trebuchet MS", Arial, "MS Sans Serif";
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

#content a:hover{
	color:#990000;
	text-decoration:underline;
}

.img-right{
	float:right;
	margin:0px 0px 10px 10px;
}

.page-div{
	margin-bottom:10px;
}

.black-title{
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, "MS Sans Serif";
	font-size:16px;
	color:#000000;
	font-weight:bold;
}

.corbeille-list{
	margin-left:20px;
	font-family:"Trebuchet MS", Arial, "MS Sans Serif";
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

/***********************************************************************
*       PANIER
***********************************************************************/

#panier-table{
	margin:0;
	border:0;
}

#panier-table tbody tr{
	border:0;
}

#panier-table tbody tr td{
	border:0;
}

.pan-left{
	width:12px;
	text-align:left;
}

.pan-center{
	text-align:left;
}

.pan-right{
	width:20px;
	text-align:right;
}


.page-div-link a{
	font-family:"Trebuchet MS", Arial, "MS Sans Serif";
	font-size:14px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

.page-div-link a:hover{
	color:#990000;
	text-decoration:underline;
}
/***********************************************************************
*       PRODUITS
***********************************************************************/

#prod-content{
	width:490px;
	margin-left:190px;
}

#prod-content table{
	width:100%;
	padding:0;
	border-collapse:collapse;
	margin-bottom:10px;
}

#prod-content th{
	/*font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size:10px;
	font-weight:bold;
	border-top:#94B037 1px solid;
	border-bottom:#94B037 1px solid;
}

#prod-content tr{
	line-height:10px;
	height:10px;
}

#prod-content td{
	border-bottom:#999999 1px dotted;
}

.col1{width:45%;text-align:left;}
.col2{width:10%;text-align:center;}
.col3{width:10%;}
.col4{width:10%;text-align:right;}
.col5{width:15%;text-align:left}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.text-quant{
	width:40px;
	background-color:#FBF4CA;
	border:0;
	padding-left:2px;
	text-align:right;
	margin:0;
	padding-bottom:0px;
	padding-right:2px;
}

.ok-but{
	width:26px;
	height:18px;
	font-size:12px;
	padding:0;
	border:#003300 1px solid;
	background-color:#94B037;
	margin:0;
	padding-bottom:0px;
}

.haut{
	float:right;
	vertical-align:middle;
}
	
.haut img{
	vertical-align:top;
	border:0;
}

.haut a{
	color:#003300;
	text-decoration:none;
}

.haut a:hover{
	color:#003300;
	text-decoration:underline;
}

/**********************************************************************************
*    MAIL FORM STYLES            
**********************************************************************************/

#mailholder{
margin-left:30px;
margin-top: 30px;

}

#mailholder label{
float: left;
width: 100px;
font-weight: bold;
}

#mailholder input, textarea{
width: 180px;
margin-bottom: 5px;
border: #BED280 1px solid;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#mailholder textarea{
width: 250px;
height: 120px;
border: #BED280 1px solid;
}

#mailholder .boxes{
width: 1em;
}

#mailholder #submitbutton{
margin-left: 100px;
margin-top: 5px;
width: 90px;
border: #BED280 1px solid;
}


/* end mail form styles */