* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

body {
font:100%/1.5 Arial, "Times New Roman", sans-serif;
text-align:justify;
background:#9b7a45 url(img/body.jpg) repeat-x top; 
position:relative; }

/***** Layout & background images*****/

div#global {
width:890px;
margin:0 auto;
padding-bottom:40px; }

/***** Tipö *****/

a {
color:#005552; }

a:hover {
color:#00736f;
text-decoration:none; }

h2, h3 {
font:120%/1.5 Tahoma, Arial, sans-serif;
color:#fff; }

h4 {
position:absolute;
top:-9999px; }

del {
margin-right:10px;
font-weight:normal; }

table#formu tr td {
padding:5px; }

table#formu input {
padding:2px;
border:1px solid #ccc; }

table#panier {
font-size:90%;
margin-top:5px;
margin-bottom:10px;
width:100%;
text-align:center;
border-collapse:collapse; }

table#panier input {
margin:2px;
border:1px solid #666; }

table#panier tr td {
padding:5px;
border:1px solid #333; }

table#panier tr.entete td {
background:#666;
color:#fff;
font-weight:bold; }

table#panier tr td.montant {
background:#ccc;
text-align:right; }

span.infos_mini {
font-size:80%;
font-style:italic; }

div#affiche_prod {
font-size:90%;
margin-top:10px;
width:450px;
position:relative; }

div#affiche_prod p.vignette {
position:absolute;
top:0;
left:0;
width:120px; }

div#affiche_prod p.vignette img {
border:1px solid #9b6031;
width:120px; }

div#affiche_prod dl {
margin-left:140px;
padding-left:20px;
border-left:1px dashed #9b6031; }

div#affiche_prod dl dd, div#affiche_prod dl dt {
overflow:auto;
width:100%;
margin-bottom:10px; }

div#affiche_prod .left {
font-weight:bold;
color:#9b6031;
width:100px;
float:left; }

div#affiche_prod .right {
margin-left:20px; }

div#affiche_prod p.right {
margin-left:120px; }

form#form_aff_prod {
padding-top:10px;
margin-left:160px; }

form#form_aff_prod input {
margin-left:5px;
border:1px solid #999;
padding:2px; }

ul#liste_prod {
margin-top:20px;
overflow:hidden; }

ul#liste_prod li {
float:left;
text-align:center;
width:125px;
height:140px;
margin:7px 12px;
line-height:1.1; }

ul#liste_prod li img {
border:1px solid #c89973;
/*width:100px*/ }

ul#liste_prod li img:hover {
border:1px solid #9b6031; }

ul#liste_prod li dl dd.prix {
font-weight:bold;
font-size:85%;
color:#333; }

ul#liste_prod li a {
font-size:90%;
text-decoration:none;
font-weight:bold;
color:#9b6031; }

ul#liste_prod li a:hover {
text-decoration:underline;
color:#c89973; }

/***** #header *****/

div#header { 
width:100%;
height:240px;
position:relative; }

div#header div#logo h1 {
width:309px;
height:243px;
background:transparent url(img/header_logo.png) no-repeat;
position:absolute;
top:0;
left:-10px; }

div#header div#logo h1 a {
display:block;
text-indent:-9999px;
width:309px;
height:60px;
position:absolute;
top:93px;
outline:none; }

div#header div#compte {
width:241px;
height:243px;
background:transparent url(img/header_compte.png) no-repeat;
position:absolute;
top:0;
right:-10px; }

div#header div#compte a {
display:block;
width:100px;
height:15px;
font-size:1%;
text-indent:-9999px;
outline:none;
position:absolute; }

div#header div#compte a.mon-compte {
top:92px;
left:70px; }

div#header div#compte a.newsletter {
top:117px;
left:70px; }

div#header div#panier {
color:#fff;
position:absolute;
top:75px;
left:340px; }

div#header div#panier a {
font-weight:bold;
color:#fff;
text-decoration:none; }

div#header div#panier h3 {
font:90% Tahoma, Arial;
margin-bottom:4px; }

div#header div#panier p.contact {
font-size:70%;
text-align:right;
margin-top:2px;
margin-right:5px; }

div#header div#panier div#details_panier {
background:transparent url(img/header_panier.png) no-repeat;
width:271px;
height:50px;
color:#00736f;
position:relative; }

div#header div#panier div#details_panier ul#contenu_panier {
position:absolute;
top:10px;
left:49px;
width:70px;
color:#00736f;
font-size:70%;
font-weight:bold;
text-align:center; }

div#header div#panier div#details_panier div#acces_panier {
position:absolute;
top:18px;
left:123px;
width:140px;
height:15px;
font-size:70%; }

div#header div#panier div#details_panier div#acces_panier a {
display:block;
width:65px;
font-size:1%;
height:15px;
position:absolute;
text-indent:-9999px;
top:0;
outline:none; }

div#header div#panier div#details_panier div#acces_panier a.details {
left:0; }

div#header div#panier div#details_panier div#acces_panier a.valider {
right:0; }

div#header div#menu {
width:620px;
height:86px;
background:transparent url(img/menu.png) no-repeat;
position:absolute;
bottom:-10px;
right:40px; }

div#header div#menu ul {
height:100%; }

div#header div#menu ul li {
float:left; }

div#header div#menu ul li a {
outline:none;
text-indent:-9999px;
display:block; }

div#header div#menu ul li a.accueil {
width:168px;
height:86px; }

div#header div#menu ul li a.accueil:hover {
background:transparent url(img/menu/accueil_hover.png) no-repeat; }

div#header div#menu ul li a.terroir {
width:150px;
height:86px; }

div#header div#menu ul li a.terroir:hover {
background:transparent url(img/menu/produits-terroir_hover.png) no-repeat; }

div#header div#menu ul li a.paniers-garnis {
width:145px;
height:86px; }

div#header div#menu ul li a.paniers-garnis:hover {
background:transparent url(img/menu/paniers-garnis_hover.png) no-repeat; }

div#header div#menu ul li a.professionnels {
width:157px;
height:86px; }

div#header div#menu ul li a.professionnels:hover {
background:transparent url(img/menu/professionnels_hover.png) no-repeat; }

/***** #content_top *****/

div#content_top {
overflow:hidden;
position:relative;
width:866px;
margin-left:10px;
height:58px;
background:transparent url(img/contenu_top.png) no-repeat center center; }

div#content_top div.gauche {
width:163px;
height:37px;
position:absolute;
top:20px;
left:21px; }

div#content_top div.gauche h3, div#content_top div.droite h2 {
line-height:37px;
margin-left:10px; }

div#content_top div.droite {
width:641px;
height:37px;
position:absolute;
top:20px;
right:21px; }

div#content_top div.droite h2 {
height:100%;
float:left;
width:200px; }

div.droite h2 a {
text-decoration:none;
color:#fff; }

div.droite h2 a:hover {
text-decoration:underline; }

div#recherche {
margin-right:13px;
margin-top:7px;
float:right;
font-size:90%;
height:100%;
color:#fff;
font-weight:bold; }

div#recherche label {
cursor:pointer; }

div#recherche input.txt {
padding:2px;
margin-right:5px; }

div#recherche input.sub {
background:transparent url(img/form_submit.jpg) no-repeat center center;
color:#00736f;
font:60% Tahoma, Arial;
width:28px;
height:28px;
cursor:pointer; }

/***** #content_center *****/

div#content_center {
overflow:hidden;
width:866px;
margin-left:10px;
background:transparent url(img/contenu_fond.png) repeat-y center center; }

div#colonne_gauche {
float:left;
width:165px;
margin-left:20px; }

div#colonne_gauche div#categories, div#marques p.intitules_marques {
padding-left:10px;
margin-top:5px; }

div#colonne_gauche div#categories li {
font-size:85%;
background:transparent url(img/menu_puce.jpg) no-repeat left center;
padding-left:15px;
height:23px;
line-height:23px; }

div#colonne_gauche div#categories li a {
color:#00736f;
text-decoration:none; }

div#colonne_gauche div#categories li a:hover {
text-decoration:underline; }

div#marques h3, div#coordonnees h3 {
background:#785228;
padding-left:10px;
margin-left:2px;
width:154px; }

div#marques {
margin-top:10px; }

div#marques p.intitules_marques {
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
font-size:75%;
color:#00736f; }

div#coordonnees img {
margin-top:10px;
margin-left:15px; }

div#coordonnees dl {
width:100%;
color:#00736f;
padding-bottom:10px;
margin-left:20px;
margin-top:5px;
margin-bottom:50px; }

div#coordonnees dl dt {
font-size:80%;
font-weight:bold; }

div#coordonnees dl dd {
font-size:70%; }

div#coordonnees dl dd.marge_haute {
margin-top:10px; }

/***** #colonne_droite *****/

div#colonne_droite {
width:624px;
overflow:hidden;
padding-left:25px;
margin-right:30px;
margin-top:5px; }

div#colonne_droite div#contenu_texte {
overflow:hidden;
font-size:90%;
float:left;
padding-left:5px;
width:450px; }

div#colonne_droite div#contenu_texte p {
margin-bottom:10px; }

div#colonne_droite ul#liste_panier {
overflow:auto;
padding-left:9px;
margin-top:5px;
margin-bottom:10px; }

div#colonne_droite ul#liste_panier li {
float:left;
margin:8px; 
margin-bottom:0; }

div#colonne_droite div#outils ul {
width:155px;
margin-left:5px; }

div#colonne_droite div#outils ul li {
width:100%;
min-height:150px;
background:#fff;
margin-bottom:20px;
border-right:2px solid #999;
border-bottom:2px solid #999; }

div#outils {
margin-top:10px;
margin-left:462px; }

div#outils ul li h5 {
text-align:center;
color:#00736f;
font:80% Tahoma, Arial;
font-weight:bold;
padding-top:10px; }

div#outils dl {
text-align:center;
padding-bottom:10px; }

div#outils a {
color:#00736f;
text-decoration:none; }

div#outils a:hover {
text-decoration:underline; }

div#outils dl dt {
margin-top:10px; }

div#outils dl dd.nom_prod {
color:#00736f;
font-size:70%; }

div#outils dl dd.prix_prod {
color:#785228;
font-size:80%;
font-weight:bold; }

/***** #footer *****/

div#footer {
margin-right:120px;
margin-bottom:10px;
clear:both;
padding-top:40px; }

div#footer ul {
font-size:75%;
text-align:center; }

div#footer ul li {
display:inline;
margin:0 5px;
line-height:20px; }

div#footer ul li a {
color:#9f764e;
text-decoration:none; }

div#footer ul li a:hover {
text-decoration:underline; }

/***** #content_bottom *****/

div#content_bottom {
position:relative;
width:890px;
height:71px; 
background:transparent url(img/footer_bottom.png) no-repeat center center; }

div#content_bottom div.panier {
width:129px;
height:122px;
background:transparent url(img/footer_panier_garni.png) no-repeat;
position:absolute;
top:-50px;
left:50px; }

div#content_bottom div.cerises {
width:137px;
height:64px;
background:transparent url(img/footer_cerises.png) no-repeat;
position:absolute;
top:-10px;
right:200px; }

div#content_bottom div.colis {
width:118px;
height:156px;
background:transparent url(img/footer_colissimo.png) no-repeat;
position:absolute;
top:-100px;
right:40px; }