html,body{margin:0;padding:0;}
img{border:0;}
form,fieldset{margin:0;padding:0;border:0;}
table{color:#808080; font:11px/18px Arial,sans-serif; border-top:1px solid #808080} /* Zoué 02/06/08 */
td{border-bottom:1px solid #808080} /* Zoué 02/06/08 */
/*page*/
#page{
	width:960px;
	margin:0 auto;
}
/*header*/
#header{
	position:relative;
}
#header .index{height:318px;}
#header .pages{height:187px;}
#header .nav{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:999;
}
#header .nav ul.lang{
	margin:0;
	padding:4px 9px 0 0;
	float:right;
}
#header .nav ul.lang li{
	float:left;
	list-style:none;
	font:10px/12px Arial,sans-serif;
	padding:0 0 0 9px;
	background:url(../pics/separator1.gif) no-repeat 4px 3px;
}
#header .nav ul.lang li.first{
	background:none;
}
#header .nav ul.lang li a{
	color:#515151;
	text-decoration:none;
}
#header .nav ul.menu{
	clear:right;
	margin:20px 0 0;
	padding:9px 0 6px;
	float:right;
	width:753px;
	background:url(../pics/menu-bg.png) no-repeat 0 0;
}
#header .nav ul.menu li{
	float:left;
	list-style:none;
	background:url(../pics/separator5.gif) no-repeat 0 0;
}
#header .nav ul.menu li a{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	height:10px;
	width:100%;
	background:url(../pics/menu-btn1.png) no-repeat 0 0;
}


#header .nos-produits{
	background:#a19e8b url(../pics/nos-produits.gif) no-repeat 100% 0;
	padding:20px 0 0;
}
#header .nos-produits ul{
	margin:0;
	padding:0 0 9px;
	overflow:hidden;
	width:100%;
	background:url(../pics/illust-bg.jpg) no-repeat 0 0;
}
#header .nos-produits ul li{
	float:left;
	list-style:none;
	padding:0 0 0 1px;
}
#header .nos-produits ul li.first{
	padding:0;
}
#header .nos-produits ul li a{
	float:left;
	height:64px;
	text-indent:-9999px;
	overflow:hidden;
}
#header .nos-produits ul li.bceuf a{width:182px;}
#header .nos-produits ul li.porc a{width:199px;}
#header .nos-produits ul li.veau a{width:197px;}
#header .nos-produits ul li.volailles a{width:197px;}
#header .nos-produits ul li.bio a{width:181px;}
#header .nos-produits ul li.bceuf a:hover{background:url(../pics/illust-bg.jpg) no-repeat 0 -73px;}
#header .nos-produits ul li.porc a:hover{background:url(../pics/illust-bg.jpg) no-repeat -183px -73px;}
#header .nos-produits ul li.veau a:hover{background:url(../pics/illust-bg.jpg) no-repeat -383px -73px;}
#header .nos-produits ul li.volailles a:hover{background:url(../pics/illust-bg.jpg) no-repeat -581px -73px;}
#header .nos-produits ul li.bio a:hover{background:url(../pics/illust-bg.jpg) no-repeat -779px -73px;}

/*main*/
#main{
	overflow:hidden;
	width:100%;
	padding:0 0 4px;
	background:url(../pics/main-bg.gif) repeat-x 0 100%;
}
#page .main-pages{min-height:738px;}
* html #page .main-pages{height:738px;}
/*index*/
#main .promotion{
	float:left;
	width:324px;
	padding:17px 27px 0 8px;
}
#main img{display:block;}
#main .promotion img{float:left;}
#main .promotion .body{
	float:left;
	padding:0 0 0 10px;
	width:237px;
}
h3{margin:0;}
#main .promotion h3{margin:-2px 0 0;}
#main .news h3{margin:-5px 0 -3px;}
#main .annex div{
	overflow:hidden;
}
#main .annex h3{margin:0 0 2px;}
#main h4{
	margin:0;
	font:bold 12px/18px Arial,sans-serif;
	color:#9bab5d;
}
#main p{
	color:#808080;
	font:10px/18px Arial,sans-serif;
	margin:0;
	padding:0 0 3px;
	text-align:justify;
}
#main .content h4{font:14px/16px Arial,sans-serif;padding:0 0 2px;}
#main .content p{color:#767676;font:11px/20px Arial,sans-serif;padding:0 0 2px;}
#main h4.center,#main p.center{text-align:center;padding:0;}
#main p.date{
	font-style:italic;
	padding:0;
}
#main p a{
	font-weight:bold;
	color:#808080;
	text-decoration:none;
}
#main p a:hover{text-decoration:underline;}
#main .news{
	float:left;
	background:url(../pics/separator2.gif) no-repeat 0 14px;
}
#main .news img{
	padding:0 0 10px;
}
#main .news1{
	padding:17px 42px 0 35px;
	width:238px;
}
#main .news2{
	width:238px;
	padding:17px 6px 0 42px;
}
/*pages*/

/*sub-menu*/
#main .sub-menu{
	float:left;
	width:116px;
	padding:0 0 0 14px;
}
#main .sub-menu ul{
	margin:0;
	padding:15px 0 0; /* Zoué 080620 */
}
#main .sub-menu ul li{
	list-style:none;
	/* font:12px/30px Arial,sans-serif; */ 
	font:12px/14px Arial,sans-serif; /* Zoué 080620 */
	border-bottom:1px solid #e3e3e3;
}
#main .sub-menu ul li.last{
	border:0;
}
#main .sub-menu ul li a{
	color:#515151;
	text-decoration:none;
	line-height: 14px;
}
#main .sub-menu ul li a:hover{
	font-weight:bold;
	color:#9bab5d;
}
ol.plan li a:hover{
	font-weight:bold;
	color:#9bab5d;
}
h2{
	margin:20px 0 12px;
}

/*page*/
#main .content{
	float:left;
	width:581px;
	padding:0 14px 0 34px;
}
#main .c-sheet{padding:0 21px 0 27px;}
#main .content .paragraph{
	width:100%;
	padding:0 0 18px;
	clear:both;
}
#main .content .paragraph .cont img{
	display:inline;
	float:left;
	border:3px solid #f0f1f1;
	margin:0 6px 0 -3px;
}

#main .content .paragraph .links{
	overflow:hidden;
	width:100%;
	padding:0 0 20px;
	background:url(../pics/separator4.gif) no-repeat 50% 100%;
}
#main .content div.last .links{
	background:none;
}
#main .content .paragraph .links ul{
	margin:0;
	padding:0;
	float:right;
}
#main .content .paragraph .links ul li{
	float:left;
	list-style:none;
	font:10px/12px Arial,sans-serif;
	padding:0 0 0 8px;
	background:url(../pics/separator3.gif) no-repeat 3px 2px;
}
#main .content .paragraph .links ul li.first{
	padding:0;
	background:none;
}
#main .content .paragraph .links ul li a{
	color:#9bab5d;
	font-weight: bold;
	text-decoration:none;
}
#main .content .paragraph .links ul li a:hover{text-decoration:underline;}

/*sheet*/
#main .content p.buttons{
	padding:0 48px 0 0;
	margin:-15px 0 0;
	height:24px;
	overflow:hidden;
}
#main .content a.right{
	float:right;
}
#main .content .result img{
	margin:0 auto;
}
#main .content .sheet{
	background:url(../pics/sheet-bg.gif) repeat-x 0 0;
	width:571px;
	padding:0 0 38px;
}
#main .content .sheet .start{background:url(../pics/sheet-bg1.gif) no-repeat 0 0;}
#main .content .sheet .end{background:url(../pics/sheet-bg2.gif) no-repeat 100% 0;}
#main .content .sheet .select{
	width:521px;
	margin:0 auto;
}
#main .content .sheet .select div{padding:9px 0 8px 21px;}
#main .content .sheet .select select{
	width:214px;
	height:19px;
	margin:0 8px 0 0;
	color:#767676;
	font:12px/15px Arial,sans-serif;
}
#main .content .sheet p{padding:0 0 1px;font-size:12px;line-height:23px;}
#main .content .sheet p strong{font-size:14px;}
#main .content .sheet p.description{margin:13px 0 21px;padding:0;font:12px/20px Arial,sans-serif;}
#main .content .sheet p.description strong{font-size:12px;}
#main .content .sheet .select input{
	margin:0 0 0 10px;
}
#main .content .sheet .result{
	position:relative;
	padding:0 31px;
	width:509px;
}
#main .content .sheet .result h5{
	margin:15px -6px 24px;
	font:24px/26px Arial,sans-serif;
	color:#9bab5d;
}
#main .content .sheet .result .info{
	overflow:hidden;
	width:100%;
}
#main .content .sheet .result .info p{
	float:left;
	width:190px;
}
#main .content .sheet .buttons{
	width:501px;
	padding:32px 15px 10px 9px;
	height:15px;
	margin:0 auto;
	background:url(../pics/buttons-bg.gif) no-repeat 0 22px;
}
#main .content .sheet .buttons a.left{float:left;}
#main .content .sheet .buttons a.right{float:right;margin:0 0 0 25px;}

/*form*/
#main .content .form{width:562px;}
#main .content .form h5{
	margin:0;
	background:url(../pics/h5-bg.gif) repeat-x 0 12px;
	overflow:hidden;
	width:100%;
}
#main .content .form h5 span{
	float:left;
	color:#9bab5d;
	font:bold 14px/16px Arial,sans-serif;
	background:#fff url(../pics/h5-bg1.gif) no-repeat 100% 12px;
}
#main .content .form .fields{
	overflow:hidden;
	padding:0 0 19px;
}
#main .content li{
	color:#767676;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}
#main .content li a{
	color:#515151;
	text-decoration:none;
}
#main .content .form .fields .field{
	float:left;
	width:271px;
	padding:0 5px 6px;
}
#main .content .form label{
	float:left;
	color:#767676;
	font:12px/14px Arial,sans-serif;
	margin:5px 0 0;
}
#main .content .form .fields .field input.text{
	width:261px;
	margin:3px 0 0;
	padding:0;
	border:1px solid #c5c6c8;
	float:left;
	color:#767676;
	font:12px/15px Arial,sans-serif;
	height:15px;
	padding:1px 4px 2px;
}
#main .content .form .fields .field select{
	width:271px;
	height:18px;
	margin:22px 0 0;
	padding:0;
	border:1px solid #c5c6c8;
	float:left;
	color:#767676;
	font:11px Arial,sans-serif;
}
#main .content .form .message{
	padding:0 0 0 10px;
}
#main .content .form .message textarea{
	width:540px;
	height:100px;
	margin:1px 0 0;
	padding:0 0 0 2px;
	color:#767676;
	font:12px/15px Arial,sans-serif;
}
#main .content .form .envoyer{
	width:100%;
	overflow:hidden;
	margin:7px 0 0;
}
#main .content .form .envoyer input.btn{
	float:right;
}

/*annexes*/
#main div.right{
	float:left;
	width:195px;
	padding:20px 0 0 0;
}
#main div.right .annex{
	border:2px solid #d2d2d2;
	padding:2px 4px 11px 5px;
	margin:0 0 32px;
}
#main div.right .annex img{
	padding:0 0 6px;
}

/*footer*/
#footer{background:#a5b46e;}
#footer p{
	margin:0;
	text-align:center;
	font:10px/19px Arial,sans-serif;
	color:#fff;
}
#footer p strong{color:#000;font-weight:bold;}
#footer p span{color:#000;padding:0 0 0 5px;}

/* tableau */