@import url("reset.css");
@import url("cms.css");
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	_behavior:url(/styles/csshover3.htc);
	background:url(/img/body.jpg) no-repeat left bottom #000 fixed;
	color:#3c381d;
}
p {
	line-height:13px;
	margin-bottom:13px;
}
li {
	line-height:13px;
}
strong {
	font-weight:bold;
}
sup {
	vertical-align:super;
}
blockquote {
	font-weight:bold;
	font-style:italic;
	color:#95b32e;
	margin-bottom:28px;
}
a {
	color:#95b32e;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#content h1 {
	color:#3c381d;
	font-weight:bold;
	margin-bottom:13px;	
	font-size:13px;
}
h2 {
	color:#3c381d;
	font-weight:bold;
	margin-bottom:13px;
}
h3 {
	color:#3c381d;
	font-weight:bold;
}
#mustbe {
	color:#d9002c;
	font-weight:bold;
	margin-bottom:13px;
	display:block;
}
#content ul {
	line-height:13px;
	margin-bottom:13px;
	list-style:disc;
	padding-left:13px;
}
#content ul.content-list {
	list-style:none;
	padding-left:0;
}
#content img {
	border:2px #3c381d solid;
}
#wrapper {
	width:858px;
}
#banner {
	width:100%;
	height:82px;
	position:relative;
	z-index:2;
}
#logo {
	position:absolute;
	top:24px;
	left:14px;
	width:164px;
	height:119px;
	overflow:hidden;
}
#viangesRheintal {
	position:absolute;
	width:360px;
	height:25px;
	top:44px;
	left:194px;
}
#headerCorner {
	width:958px;
}
#header {
	width:851px;
	height:36px;
	position:relative;
	background:url(/img/BGmenup.png) repeat-x;
}
#menup {
	position:absolute;
	left:190px;
}
#menup li {
	float:left;
	display:block;
}
#menup li a {
	height:0;
	padding-top:36px;
	overflow:hidden;
	display:block;
}
#contentWrapper {
	width:851px;
	background:#f3f3e2;
	padding:24px 0 0 0;
}
#objet1 {
	margin:54px 17px 0 0;
	float:left;
}
#objet1 .footer {
	width:177px;
	height:10px;
	background-position:-362px -526px;
	margin-bottom:12px;
}
#news {
	background:url(/img/BGnews.png) repeat-y;
	padding:13px 13px 1px;
	line-height:12px;
}
#news img {
	border:1px solid #eef0d9;
}
#news .news {
	margin-bottom:7px;
	width:143px;
}
#news .date {
	#color:#3c381d;
}
#news a {
	color:#f3f3e2;
}
#content, #contentWrapper2 {
	float:left;
	width:568px;
	margin-bottom:12px;
}
#elevage-bio #contet {
	float:none;
	width:auto;
	margin-bottom:0;
}
#qui-sommes-nous #content strong, #about-us #content strong {
	color:#95b32e;
}
#objet2 {
	width:762px;
	height:247px;
	margin-bottom:15px;
}
#imageProduit {
	position:relative;
}
#maskShadow {
	position:absolute;
	z-index:1;
	width:762px;
	height:247px;
	background:url(/img/mask-slider.png) no-repeat;
}
#menuH {
	width:658px;
	margin-left:193px;
	margin-bottom:10px;
}
#menuH a, #menuH {
	color:#3c381d;
	font-size:13px;
	text-decoration:none;
}
#menuH a:hover {
	text-decoration:underline;
}
#footer {
	position:relative;
	width:100%;
}
#bonheur {
	width:177px;
	height:66px;
	background-position:0 -577px;
	float:left;
	margin-right:23px;
}
#footer p {
	display:block;
	float:left;
	width:505px;
	color:#95b32e;
	margin-bottom:0;
}
#copyright {
	margin:11px 0 0 194px;
	color:#b6c630;
}

#tabs, #tabsNoJS {
	position:relative;
}
.js #tab1 {
	position:absolute;
	top:0;
	cursor:pointer;
}
.js #tab2 {
	position:absolute;
	top:0;
	cursor:pointer;
}
.js #objet4 {
	display:none;
}
.js #tab3 {
	position:absolute;
	top:0;
	cursor:pointer;
}
.js #objet5 {
	display:none;
}

/* QUI SOMMES-NOUS */
#qui-sommes-nous #tab1, #about-us #tab1 {
	width:182px;
	height:27px;
	background-position:-28px -72px;
}
#qui-sommes-nous #tab2, #about-us #tab2 {
	width:169px;
	height:27px;
	background-position:-210px -72px;
}
#qui-sommes-nous #tab3, #about-us #tab3 {
	width:144px;
	height:27px;
	background-position:-379px -72px;
}
#qui-sommes-nous .js, #about-us .js {
	padding-top:42px;
}
#qui-sommes-nous .js #tab1, #about-us .js #tab1 {
	background-position:0 -72px;
	width:210px;
}
#qui-sommes-nous .js #tab2, #about-us .js #tab2 {
	left:210px;
}
#qui-sommes-nous .js #tab3, #about-us .js #tab3 {
	width:189px;
	left:379px;
}
#qui-sommes-nous .js #tab1:hover, #qui-sommes-nous .js #tab1.active, #about-us .js #tab1:hover, #about-us .js #tab1.active {
	background-position:0 -99px;
}
#qui-sommes-nous .js #tab2:hover, #qui-sommes-nous .js #tab2.active, #about-us .js #tab2:hover, #about-us .js #tab2.active {
	background-position:-210px -99px;
}

#qui-sommes-nous .js #tab3:hover, #qui-sommes-nous .js #tab3.active, #about-us .js #tab3:hover, #about-us .js #tab3.active {
	background-position:-379px -99px;
}
/* PRODUITS */
#produits #tab1, #products #tab1 {
	width:177px;
	height:27px;
	background-position:-28px -126px;
}
#produits #tab2, #products #tab2  {
	width:179px;
	height:27px;
	background-position:-180px -126px;
}
#produits #tab3, #products #tab3  {
	width:216px;
	height:27px;
	background-position:-352px -126px;
}
#produits .js, #products .js {
	padding-top:42px;
}
#produits .js #tab1, #products .js #tab1 {
	background-position:0 -126px;
	width:180px;
}
#produits .js #tab2, #products .js #tab2 {
	background-position:-180px -126px;
	left:180px;
}
#produits .js #tab3, #products .js #tab3 {
	background-position:-354px -126px;
	width:214px;
	left:354px;
}
#produits .js #tab1:hover, #produits .js #tab1.active, #products .js #tab1:hover, #products .js #tab1.active {
	background-position:0 -153px;
}
#produits .js #tab2:hover, #produits .js #tab2.active, #products .js #tab2:hover, #products .js #tab2.active {
	background-position:-180px -153px;
}

#produits .js #tab3:hover, #produits .js #tab3.active, #products .js #tab3:hover, #products .js #tab3.active {
	background-position:-354px -153px;
}
#produits #objet3 li, #products #objet3 li {
	color:#95b32e;
}
#produits #objet3 li li, #products #objet3 li li {
	color:#95b32e;
}
#produits h2, #products h2 {
	clear:both;
}
#produits #objet3 li strong, #products #objet3 li strong {
	color:#3c381d;
}
#produits #objet4 ul, #products #objet4 ul {
	margin-left:35px;
}
#produits #objet4 li, #products #objet4 li {
	margin-bottom:35px;
}
/* COMMANDE */
#commande .js, #order-online .js {
	position:relative;
	background:url(/img/BGtabs.png) 0 22px repeat-x;
}
#commande .js form, #order-online .js form {
	padding-top:83px;
}
#commande table, #order-online table {
	width:100%;
}
#commande th, #order-online th {
	background:url(/img/BGth.gif) repeat-x;
	height:22px;
	vertical-align:middle;
	color:#f3f3e2;
}
#commande td, #order-online td {
	background:#e9e9cd;
	padding:2px 0;
}
#commande #commandeEnvoyer .quantity span, #order-online #commandeEnvoyer .quantity span {
	text-align:center;
	width:40px;
	display:block;
	height:15px;
}
#commande .name, #order-online .name {
	padding:0 15px;
	width:179px;
}
#commande .poid, #order-online .poid {
	width:104px;
}
#commande .quantity, #order-online .quantity {
	width:52px;
}
#commande .quantity input, #order-online .quantity input {
	width:40px;
	background-color:#f3f3e2;
	font-size:10px;
	border:none;
	text-align:center;
}
#commande .poidtotal, #order-online .poidtotal {
	width:87px;
}
#commande td.poidtotal, #order-online td.poidtotal {
	color:#9c3a0b;
}
#commande .cout, #order-online .cout {
	width:56px;
}
#commande .couttotal, #order-online .couttotal {
	width:56px;
}
#commande td.couttotal, #order-online td.couttotal {
	color:#9c3a0b;
}
#commande .tableFooter, #order-online .tableFooter {
	width:553px;
	padding:20px 0 20px 15px;
	background:#e9e9cd;
}
#commande #boutons, #order-online #boutons {
	width:568px;
	position:relative;
}
#commande .tex, #order-online .tex {
	font-weight:bold;
	display:block;
	width:400px;
	margin-top:12px;
}
#subtotal {
	padding:10px 5px 0 0;
	text-align:right;
}
#subtotal strong {
	margin-right:20px;
}
#subtotal .totalcost {
	color:#9c3a0b;
}
#subtab1, #subtab2, #subtab3, #subtab4 {
	position:relative;
}
.bienvenuUser {
	position:absolute;
	top:0;
	right:0;
	background:#E9E9CD;
	padding:5px 15px;
}
.bienvenu {
	color:#88b50d;
}
/* RECETTES */
#rectab1 {
	width:97px;
	height:73px;
	background-position:-100px -330px;
}
#rectab2 {
	width:97px;
	height:73px;
	background-position:-228px -330px;
}
#rectab3 {
	width:97px;
	height:73px;
	background-position:-356px -330px;
}
#rectab4 {
	width:97px;
	height:73px;
	background-position:-421px -181px;
}
#recettes #tabsNoJS, #recette #tabsNoJS, #receipts #tabsNoJS, #receipt #tabsNoJS {
	padding-top:83px;
	background:url(/img/BGtabs.png) 0 22px repeat-x;
}
#tabsNoJS #rectab1, .js #rectab1 {
	cursor:pointer;
	left:35px;
	top:0;
	position:absolute;
}
#tabsNoJS #rectab2, .js #rectab2 {
	cursor:pointer;
	left:162px;
	top:0;
	position:absolute;
}
#tabsNoJS #rectab3, .js #rectab3 {
	cursor:pointer;
	left:291px;
	top:0;
	position:absolute;
}
#tabsNoJS #rectab4, .js #rectab4 {
	cursor:pointer;
	left:417px;
	top:0;
	position:absolute;
}
#tabsNoJS #rectab1:hover, #tabsNoJS #rectab1.active, .js #rectab1:hover, #rectab1.active {
	background-position:-100px -402px;
}
#tabsNoJS #rectab2:hover, #tabsNoJS #rectab2.active, .js #rectab2:hover, #rectab2.active {
	background-position:-228px -402px;
}
#tabsNoJS #rectab3:hover, #tabsNoJS #rectab3.active, .js #rectab3:hover, #rectab3.active {
	background-position:-356px -402px;
}
#tabsNoJS #rectab4:hover, #tabsNoJS #rectab4.active, .js #rectab4:hover, #rectab4.active {
	background-position:-420px -256px;
}
#subtab1 .titre,
#subtab2 .titre,
#subtab3 .titre,
#subtab4 .titre {
	display:block;
	text-indent:-9999px;
}


#content .legend {
	width:177px;
	line-height:27px;
	text-indent:36px;
	background-position:-315px -568px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	color:#3c381d;
	font-weight:bold;
}
#content form {
	position:relative;
}
#content fieldset {
	background:#e9e9cd;
	padding:5px 0 5px 36px;
	width:532px;
	margin:32px 0;
	display:inline-block;
}
#content form label {
	font-weight:bold;
	width:163px;
	line-height:25px;
	margin-bottom:0;
	font-size:10px;
	color:#3c381d;
}
#content form .text {
	width:223px;
	margin:3px 0;
	border:0;
	padding:5px;
}
#content form .checkDesc {
	line-height:30px;
	width:263px;
	float:left;
	font-weight:bold;
	line-height:30px;
	font-size:10px;
	color:#3c381d;
}
#content .btn {
	position:absolute;
	right:0;
	bottom:0;
	width:165px;
	height:22px;
	border:0;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
}
.error {
	color:#930;
}
#content #btn1 {
	background-position:-315px -595px;
}
#content #btn1:hover {
	background-position:-315px -617px;
}
#content #btn2 {
	background-position:0 -643px;
}
#content #btn2:hover {
	background-position:0 -665px;
}
#content #btn3 {
	background-position:-165px -643px;
}
#content #btn3:hover {
	background-position:-165px -665px;
}
#membre #content .checkbox, #member #content .checkbox {
	float:left;
	margin:8px 10px 0 0;
}

/* POPUP */
#porc-information #panelWraper, #veau-information #panelWraper, #boeuf-information #panelWraper, #pork-information #panelWraper, #veal-information #panelWraper, #beef-information #panelWraper {
	width:780px;
}
#porc-information #wrapper, #veau-information #wrapper, #boeuf-information #wrapper, #pork-information #wrapper, #veal-information #wrapper, #beef-information #wrapper {
	width:780px;
}
#porc-information #contentWrapper, #veau-information #contentWrapper, #boeuf-information #contentWrapper, #pork-information #contentWrapper, #veal-information #contentWrapper, #beef-information #contentWrapper {
	width:780px;
}
#adminForm {
	display:block;
	position:fixed;
	top:0;
	right:0;
	z-index:5;
}
#visu {
	display:block;
	padding:4px;
	background:#fff;
	float:left;
}
#deconBut {
	display:block;
	padding:4px;
	background:#fff;
	float:left;
}
#emailComment {
	width:562px;
}