@charset "utf-8";
html {
overflow-y: scroll;
overflow-x: hidden;
} 

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:980px;
	position:relative;
	margin: 0px auto 0px auto;
	height:100%;
	text-align:left;
}

#order-float{
	width:980px;
	height:20px;
	position:fixed;
	margin: 0px auto 0px auto;
	text-align:center;
	background-color:#CC0000;
	padding-top:2px;
	z-index:1000;
	color:#FFFFFF;
	font-size:14px;
}


#parrainage{
	height:20px;
	background-color:#E0001A;
	text-align:center;
}

#parrainage a{
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#parrainage a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


/*******************************************************************
*                HEADER
********************************************************************/

#pencil{left:184px;}

#header{
	width:980px;
	height:182px;
	margin:0px;
	border:none;
	padding:0px;
}

#header img{
	display:inline;
	float:left;
	margin:0px;
	border:0px;
}


#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;
	z-index:40;
	left:0px;
	top:202px;
	width:144px;
	height:303px;
}

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

#ami-box{
	position:absolute;
	width:159px;
	height:123px;
	top:46px;
	left:796px;
}

#ami-text {
	position:absolute;
	width:159px;
	height:48px;
	top:0px;
	left:0px;
	font-weight:bold;
	line-height:14px;
}
#ami-unite{
	position:absolute;
	width:155px;
	height:20px;
	top:84px;
	left:0px;
	font-weight:bold;
	font-size:14px;
	text-align:right;
}
#ami-prix{
	position:absolute;
	width:155px;
	height:20px;
	top:100px;
	left:0px;
	font-weight:bold;
	font-size:14px;
	text-align:right;
}



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

#AB-text{
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	width:148px;
}

.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;
}

a.order {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #333333;
}

 a.order:hover{
	color:#990000;
	text-decoration:none;
	border-bottom:none;
}

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

#content{
	width:720px;
	margin-left:210px;
}

#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;
}

.green-title{
	color:#33602F;
	font-size:20px;
	margin:0px 0px 10px 0px;
	border:0;
}

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


#prods-form h1{
	color:#33602F;
	font-size:20px;
	margin:0px 0px 6px 0px;
	border:0;
}

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

/***********************************************************************
*       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:760px;
	margin-left:190px;
}


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

#prod-content th{
	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;
}



.prod-list-table{width:760px;}
.col1{width:432px;text-align:left;} /* Nom produit         310 */
.col2{width:15px;text-align:center;} /* Coup de coeur      50 */
.col3{width:27px;text-align:center;} /* Fiche infos */
.col4{width:60px;text-align:right;}  /* Prix unit          50 */
.col5{width:20px;text-align:center;} /* Poids               20 */
.col6{width:40px;text-align:center;} /* Quantité            60 */
.col7{width:30px;text-align:center;} /* Panier */
.col8{width:45x;text-align:right;}  /* Total                  50*/                 
.col9{width:42px;text-align:center;} /* Nouveau */
.col11{width:16px;text-align:center;} /* Livrable */
.col10{width:38px;text-align:center;} /* Promo */




.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

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

.ok-but{
	width:20px;
	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;
}


a.fams {
	color:#33602F;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

a.fams:hover{
	color:#33602F;
	text-decoration:underline;
}



/**********************************************************************************
*    CORBEILLES            
**********************************************************************************/

.corbeille-text-list{
	list-style-type:none;
	margin:0px;
	border:none;
	padding:0px;
	line-height:14px;
}

.corbeille-line{
	background-color:#B7C24A;
	height:1px;
}

.corb-outer{
	margin:8px 0px 8px 0px;
	border-bottom:#B7C24A 1px solid;
	overflow: hidden;
	padding-bottom:10px;
}

* html .corb-outer{
	overflow: visible;
	height: 1%;
}

.corb-outer img{
	width:80px;
	float:right;
	margin:0px 0px 0px 20px;
}

/**********************************************************************************
*    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 */


/**********************************************************************************
*    RECETTES            
**********************************************************************************/


#rec-left{
	float:left; 
	width:230px;
	line-height:12px;
}

#rec-right{
	float:right; 
	width:430px;
	margin-left:20px;
	line-height:12px;
}

#rec-menu{
	float:right; 
	width:140px; 
	background-color:#FEFBC8;
	margin-left:0px;
	padding:10px;
	line-height:12px;
}

#rec-menu h4{
	line-height:14px;	
	color:#288723;
}


/*******************************************************************
*                CARTE DE FIDELITE
********************************************************************/

#carte-fidelite-holder{
	position:relative;
	width:502px;
	height:293px;
	background-image:url(legumes-fruits-bio-images/carte-fidelite.jpg);
	background-repeat:no-repeat;
	margin-left:120px;
}

#carte-fidelite-table{
	margin:80px 0px 0px 10px;
}

.fidelite-td{
	width:90px;
	height:60px;
	text-align:center;
	vertical-align:middle;
}

.ident-fidelite-link{
	font-size:16px;
	color:#CC0000;
	text-decoration:underline;
}

/*******************************************************************
*                AJOUT STEF
********************************************************************/
.pola {
     padding:8px 8px 8px 8px;
     border:1px solid #B0B0B0;
     background:white;
     text-align:center;
}

.pola2 {
     padding:2px 2px 2px 2px;
     border:1px solid #B0B0B0;
     background:white;
     text-align:center;
}


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

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

.ombrage { 
border: 5px solid #fff; 
-moz-box-shadow: 4px 4px 8px #aaa;  
-webkit-box-shadow: 4px 4px 8px #aaa;  
box-shadow: 4px 4px 8px #555;  
}  

/* \*/
.ombrage { 
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=8); zoom: 1; 
  }  
/* */

.ombrage2 { 
border: 5px solid #fff; 
-moz-box-shadow: 4px 4px 16px #000;  
-webkit-box-shadow: 4px 4px 16px #000;  
box-shadow: 4px 4px 16px #000;  
}  

/* \*/
.ombrage2 { 
filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=16); zoom: 1; 
  }  
/* */

.contour
{
border-top: 2px solid #948D67;
border-left: 2px solid #948D67;
border-right: 2px solid #FEFDF1;
border-bottom: 2px solid #FEFDF1;
}

.blanc { color: #ffffff; }
.gris { color: #808080; }
.gris_clair { color: #C0C0C0; }
.rouge { color: #CC0204; }
.orange { color: #FE6601; }
.vert { color: #359126; }
.vertfonce { color: #00471D; }