body {
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	margin-top:auto;
}
/*..menu..........................................................*/
.tnav {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	top:inherit;
	margin:opx;
}
ul { /* liste menu deroulant ex nos produits*/
	list-style: none;
	color: #fde082;/*jaune paille*/
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
  
  li {
	float: left; /*liste à l'horizontal*/
	position: relative;
	padding-right: 5px;
	padding-left: 0px;
	width: 160px;
}
  
  li ul {
	display: none; /* sous menu*/
	position: absolute;
	left: 0;
	padding-top: 15px;/* block à caler sur trait rouge*/
	top: 3px;
}
	
li:hover ul, li.over ul{ display: block; }/* lorsque la souri passe sur le block*/
a.subnav:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff; /*blanc*/
	background-color: #c0cd08;/*vert anis*/
	display: block;
	text-decoration: none;
	width: 160px;
	border-right: 1px solid #00ccff;
	font-weight: normal;
}
a.subnav:visited { /*block menu deroulant*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;/*blanc la couleur ne change pas*/
	background-color: #c0cd08;/*vert anis*/
	display: block;
	width: 160px;
	text-decoration: none;
	padding-top: 6px;/*espace entre les blocs*/
	padding-bottom: 7px;
	font-weight: normal;
}
a.topnav:link { /* bt pas déroulant*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c0cd08;/*vert anis*/
	text-decoration: none;
	font-weight: bold;
}
a.topnav:visited { /* bt pas déroulant lorsque la souri passe*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c0cd08;/*vert anis*/
	text-decoration: none;
	font-weight: bold;
}
a.topnav:hover { /* bt pas déroulant lorsque la souri passe le bt change de couleur*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c0cd08;/*vert anis*/
	text-decoration: underline;
	font-weight: bold;
}
a.subnav:hover { /*lorque l'on est ds le menu déroulant la couleur sur le bt ou la souri se trouve*/

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fde082; /*jaune paille*/
	font-weight: bold;
	background-color: #c0cd08;/*vert anis*/
	display: block;
	width: 160px;
	text-decoration: none;
	border-right: 1px solid #00ccff; /*cyan*/
	border-bottom: 1px solid #00ccff; /*cyan*/
	border-left: 1px solid #00ccff; /*cyan*/
	padding-top: 6px;
	padding-bottom: 6px;
}
/*....................................................*/
#venteenligne {
	background-image:url(../images/venteenligne.jpg);
	background-repeat:no-repeat;
	width:900px;
	height: 140px;
}
/*....fonds.............................................*/
.fond_alaferme {
	background-image:url(../images/fd_ferme.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.fond_labelecologique {
	background-image:url(../images/fd_labelecologique.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.fond_formulaire {
	background-image:url(../images/fd_formulaire.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.fond_coordonnees {
	background-image:url(../images/fd_coordonnees.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
/*....txt.............................................*/
.tableborder {
	background-color:#FFF;
}
#paragraphe {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666; /*gris*/
	width:640px;
	margin-right:50px;
	margin-left:50px;
}
#autre {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666; /*gris*/
	width:500px;
	margin-right:50px;
	margin-left:50px;
}
#produits {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666; /*gris*/
	width:500px;
	margin-right:50px;
	margin-left:50px;
	margin-top:20px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #c0cd08;/*vert anis*/
	text-decoration: underline;
	padding-top: 8px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #39a642;/*vert label*/
	text-decoration:none;
	padding-top: 10px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f1bd14;/*jaune paille*/
	text-decoration: underline;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #62ad24; /*vert*/
	text-decoration: underline;
}
a.link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00ccff; /*cyan*/
	text-decoration: none;
	font-weight: bold;
}
a.link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #62ad24; /*vert*/
	text-decoration: none;
	font-weight: bold;
}
a.link:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00ccff; /*cyan*/
	text-decoration: underline;
	font-weight: bold;
}
a.linkpetit:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #62ad24; /*vert*/
	text-decoration: none;
	font-weight: bold;
}
a.linkpetit:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #62ad24; /*vert*/
	text-decoration: none;
	font-weight: bold;
}
a.linkpetit:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00ccff; /*cyan*/
	text-decoration: underline;
	font-weight: bold;
}
.paragraphe {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666; /*gris*/
}
.paragraphebold {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #666666;
}
.italique {
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 12px;
	color: #666666;
}
.liste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333; /*gris foncé*/
	padding-left: 15px;
	width: 500px;
	float:none;
	list-style:none;/*puce*/
}
.liste_petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333; /*gris foncé*/
	padding-left: 15px;
	width: 420px;
	float:none;
	list-style:none;/*puce*/
}
 /*....produits.............................................*/
.prix {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight:bold;
	color: #39a642;/*vert label*/
}
 /*....footert.............................................*/
#footer {
	width:900px;
	height:25px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	float:inherit;
	position:absolute;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 50px;
	color: #62ad24; /*vert*/
}
a.mail:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #62ad24; /*vert*/
	text-decoration: none;
	font-weight: bold;
}
a.mail:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00ccff; /*cyan*/
	text-decoration: none;
	font-weight: bold;
}
a.mail:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #62ad24; /*vert*/
	text-decoration: underline;
	font-weight: bold;
}
.bloc_formulaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333; /*gris foncé*/
	width: 210px;
	height:20px;
	float:none;
	background-image:url(../images/bg_formulaire.jpg);
	background-repeat:repeat-x;
	border-color:#ebe4d0;
}
.bloc_formulairebis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333; /*gris foncé*/
	float:none;
	background-image:url(../images/bg_formulaire.jpg);
	border-color:#ebe4d0;
}
.bloc_formulairemessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333; /*gris foncé*/
	float:none;
	background-image:url(../images/bg_formulaire.jpg);
	background-repeat:no-repeat;
	border-color:#ebe4d0;
}