body { background: url('images/fond.jpg');  color:#4D4429; font-family: Arial; font-size:10pt; margin-top:0px;   padding-top:0px; vertical-align:top; background-attachment:fixed; } 

h1 { padding-left:15px; color:#793B00;  font-size:13pt; font-weight:bold; text-transform:uppercase; }
h2 { color:#000000;  font-size:14px; }
h3 { color:#F87618;  font-size:14px; }
h4 { color:#FFFFFF;  font-size:14px; font-weight:400;}


a { color:#FFFFFF;  font-size:12px;  text-decoration:none; font-weight:600;}
a:hover { text-decoration:underline; font-weight:800;}

.haut { background: url('images/haut.jpg');  padding-top:0px; vertical-align:top; } 
.gauche { background: no-repeat  url('images/gauche.jpg');  padding-top:0px; background-color:#733800;} 
.milieu { background: no-repeat url('images/milieu.jpg') top left;  padding-top:0px; padding-left:0px; padding-right:0px; background-color:#E6E6E6; font-family: Arial; font-size:10pt; } 
.droite { background: no-repeat url('images/droite.jpg') top left;  padding-top:0px;  background-color:#A89761;}  


.achats { background: no-repeat url('images/achats.png') top center;  padding-top:0px; width:171px;} 
.achats td {padding-left:50px; padding-top;2px; font-size:8pt; color:#000000; }
.achats a {font-size:8pt; color:#000000; }

.marche { background: url('images/marche.png');  padding-top:0px; width:176px; height:225px;} 
.marche td {padding-left:5px; padding-top;80px;}

.menug a {background: url('images/menug.png'); padding-left:40px; padding-top;0px; height:30px; width:208px;  } 
.menug a:first-letter{font-size:14px; color:#FFFFFF; text-transform:uppercase; }

.marche a { padding-left:20px;  height:30px; color:#793B00;   } 
.plan a { padding-left:20px;  height:30px; color:#793B00;   } 


.produit { background:no-repeat url('images/produit.png');  padding-top:15px; width:196px; height:207px; color:#000000; padding-left:0px;} 
.bas { background: url('images/bas.jpg');  padding-top:0px; } 

.titprod { color:#000000;  font-size:9pt; padding-left:0px;   }


.listeprod { padding-left:1px; color:#000000;  font-size:14px; font-weight:500; }
.produitgourmand { padding-left:19px; padding-right:15px; color:#000000;  font-size:14px; font-weight:300; font-style:italic;  }
.produitgourmand:first-letter{font-size:14px; color:#000000; text-transform:uppercase;  }

.produit:first-letter{font-size:9pt; color:#CC6633; text-transform:uppercase; font-weight:bold; }

.produitterroir {padding-left:5px; color:#CC6633;  font-size:9pt; font-weight:bold; }

.rechercher { background: no-repeat url('images/rechercher.png') left top;  padding-top:14px; padding-left:24px; width:190px; height:46px; vertical-align:top; border: 1px; } 
.rech {  font-size:10pt;  font-family: Arial; margin-left:0px;  border:0px; background-color:#FFFFFF; height:15px; padding:0px; vertical-align:top; }

.simple { padding-left:10px; padding-top;0px; height:40px; width:184px;  } 
.contact { padding-left:10px; padding-top;0px; height:40px; width:620px;  } 

#photofam {float:left; margin:10px; padding:10px; }


a.info{position: relative; z-index: 1; background-color:#FFFFFF; color:#FFFFFF;}
a.info:hover{cursor: help; z-index: 2; background-color:#FFFFFF;  color:#FFFFFF;}
a.info span{display: none;font-size: 11px;width: 239px; padding: 25px 4px 2px 4px;  color:#000000;}
a.info:hover span{display:block; position:absolute; z-index: 100;top: -25px; left: 0px; color: #FFFF00;text-align: justify;  color:#000000;  }

.comment { color:#000000; font-size:9px; font-weight:300; padding-left:0px;}

a.intro{position: relative; z-index: 1; background-color:#D16A5A; color:#FFFFFF;}
a.intro:hover{cursor: help; z-index: 2; background-color:#D16A5A;  color:#FFFFFF;}
a.intro span{display: none;font-size: 11px;width: 239px; padding: 25px 4px 2px 4px;  color:#FFFFFF; font-weight:bold; }
a.intro:hover span{display:block; position:absolute; z-index: 100;top: 14px; left: -240px; background-image:url(images/bulle.png);background-repeat: no-repeat;background-position: center top;color: #FFFF00;text-align: justify;  color:#FFFFFF;}