a { color:#4d9cba; }

a:hover { color:#0087ba; }

body, html, .content {  
	margin:0;
	height:100%;
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #55a315; 
	font-size: 12px;
	line-height:20px;
	}
	
#loader{
   width:100%;
   margin:100px auto;
   text-align:center;
}

	
td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.barregauche {
	background:#55a315; 
	border-right:1px solid black;
	background-image: url(images/fader.gif);
	background-repeat:repeat-x;
	background-position:top; 
}

.boxtop {
	height:19px;
	background-image: url(images/top-droite.gif);
	background-repeat: no-repeat;
	background-position: right; 
}

.boxbas {
	height:19px;
	background-image: url(images/bas-droite.gif);
	background-repeat: no-repeat;
	background-position: right; 
}

.valeursnutritives TD{

	border-bottom: 1px solid #e2ebb6;
	padding:2px 4px 2px 6px;
	color:#333333;

}

.valeursnutritives TD STRONG{
	
	color:#74b21a;
	
}

.titrebar{

	background:#e2ebb6;
	padding:2px 0 2px 0;

}

.box {
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
	padding:0 20px 0 20px;
}

.trente { margin-right:30px; }

.bigcontentimage { margin:15px 30px 45px 20px; }

P { margin-right:30px; color:#333333; }

.liste { margin-left:0; padding-left:15px; list-style:circle; }

.liste LI { list-style:circle; color:#333333; padding-right:30px; }

.barredroite {

	background:#55a315; 
	border-right:1px solid black;
	background-image: url(images/fader.gif);
	background-repeat:repeat-x;
	background-position:top; 

}

.notice {
	color:#999999;
	font-size:10px;
	font-weight:bold;
}

H1,.titre {
	color:#74b21a;
	font-size:16px;
	font-weight:bold;
}

H2 {
	color:#74b21a;
	font-size:13px;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0;
}

.em em { color:#f26c4f; font-size:12px; }

.tableauproduits TD { padding:4px 0 4px 0; }

.tableautitre{

	width:100px;
	font-weight:bold;
	float:left;
	
}

TABLE.docs TD { padding-top:20px; }

TABLE.docs TD.fioriture { padding-top:0; }

.fioriture {
	border-bottom: 1px solid #e2ebb6;
	text-align:right;

}

.fioriture H1 {

	text-align:left;
	margin-top:0;
	margin-bottom:-10px;
	padding-top:0;
	padding-bottom:-10px;

}

.mainmenu { 
	background: url(images/menufade.gif) #e2ebb6 repeat-x;
	width:180px; 
	font-size:10px;
	line-height:10px;
	}
	
.menucontainer {
	background: url(images/menufade.gif);
	}

.mainmenu li {

/* make the list elements a containing block for the nested lists */
position: relative;
} 


/* First level */

.menuoff{
	padding:8px 10px 8px 30px;
	font-weight:bold;
	margin:0;
	
	display:block;
	text-decoration:none;
	color:#e92c49;
	margin:0;
	font-size:12px;
	font-weight:normal;
	
	} 

.mainmenu ul a{
	padding:8px 10px 8px 30px;
	font-weight:bold;
	margin:0;
	} 
	 
.mainmenu ul { 
	margin:0;
	}

.mainmenu ul,li {
	list-style:none;
	list-style-type:none;
	padding-left:0;
	margin:0;
	}

	
.mainmenu ul li	{
	
	border-top:0;
	margin:0;
	}

.mainmenu li a:link,.mainmenu li a:visited,.mainmenu li a:active {
	display:block;
	text-decoration:none;
	color:#e92c49;
	margin:0;
	font-size:12px;
	font-weight:normal;
	}	
.mainmenu li a:hover {
	display:block;
	text-decoration:none;
	background:#d1d9a7;
	color:#e92c49;
	margin:0;
	font-size:12px;
	font-weight:normal;
	}
	

/* Second level */

.mainmenu ul ul a{
	padding:4px 10px 4px 40px;
	font-weight:normal;
	margin:0;
	}

.mainmenu ul ul {
	margin-top:1px; 
	border-top:0;
	margin:0;
}

		
.mainmenu ul ul li	{
	margin:0 0 1px 0;
	display:block;
	}
	
.mainmenu li li a:link,.mainmenu li li a:visited,.mainmenu li li a:active {
	display:block;
	text-decoration:none;
	color:#6c9e37;
	margin:0;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	}	
.mainmenu li li a:hover, .hilited {
	display:block;
	text-decoration:none;
	background:#d1d9a7;
	color:#336633;
	margin:0;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	}
	
	
.produittabletitle {
	padding-bottom:6px;
	border-bottom:1px solid #d1d9a7;
}

/* menu popout */

.mainmenu ul ul ul {
margin:0;
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

.mainmenu ul ul ul {
	display: none;
}

.mainmenu ul ul li:hover ul {
	display: block;
	background:#d1d9a7;
	padding:0;
	margin:0;
	color:#ffffff;
}

.sides TD { 
	border:1px solid #dddddd;
}

.footer{
	height:100px;
	background:#ffffff; 
	background-image: url(images/footfade.gif);
	background-repeat:repeat-x;
	background-position:bottom; 

}

.footer, .footer a{ 
	text-decoration:none;
	color:#669933;
	font-size:10px; 
}

.languemenu {
	height:30px; 
	width:629px; 
	padding-right:30px; 
	text-align:right; 
	color:#cccccc;
	font-weight:bold;
}


a.languemenulink:link { 
	color:#cccccc;
	text-decoration:none;
}
a.languemenulink:active { 
	color:#cccccc;
	text-decoration:none;
}
a.languemenulink:visited { 
	color:#cccccc;
	text-decoration:none;
}
a.languemenulink:hover { 
	color:#666666;
	text-decoration:underline;
}


.mainmenu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
.mainmenu ul li a {
height: 1%; /* make links honour display: block; properly */
}

.mainmenu li li li a:link,.mainmenu li li li a:visited,.mainmenu li li li a:active {
	display:block;
	text-decoration:none;
	color:#6c9e37;
	margin:0 -20px 0 -20px;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	}	
.mainmenu li li li a:hover {
	display:block;
	text-decoration:none;
	background:#d1d9a7;
	color:#336633;
	margin:0 -20px 0 0px;
	padding-left:20px;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	width:100px;
	} 
.mainmenu li li li { white-space:nowrap; }


.biglist, .biglist UL {padding:0; margin:0; list-style-type: circle; list-style:circle text-align:left;}
.biglist a, .biglist a:visited {display:block; background:#efefef; border-top:3px solid white; border-right:3px solid white; border-bottom:3px solid white; padding:4px 4px 8px 12px; font-size:10px; color:#6c9e37; height:20px; font-weight:bold; line-height:24px; text-decoration:none;  }
.biglist a:hover  { color:#336633; background:#d1d9a7; }

#menu_container {margin:25px 0 20px 0; position:relative; width:300px; height:20px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none; text-align:left;}



/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block; width:268px; font-size:10px; color:#6c9e37; height:20px; font-weight:bold; line-height:24px; text-decoration:none; text-indent:5px; }



.dropspace {display:block; width:268px; color:#6c9e37; height:8px; }

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#d1d9a7; padding:0 6px 0 6px;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#d1d9a7; color:#336633;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#dfd7ca; color:#c00;}