body {
margin: 20px 0;
padding: 0px;
background-color: #f0f0f0;
text-align: center; /* pour centrage sous IE5 */
font-size: 12px;
font-family: Arial;
color: #3c3930;
}

#conteneur {
margin: 0 auto;
width: 990px;
text-align: left; /* retablissement du centrage */
background-color: #ffffff;
}


/* -------------- Header --------------- */

#header {
width: 966px;
height: 170px;
float: left;
padding: 12px 12px 0px 12px;
/*background: #ffffff url(images/fheader.gif) no-repeat 250px 60px;*/
/*background: #ffffff url(images/fdheader.gif) no-repeat 200px 40px;*/
background: #ffffff url(images/entete.jpg) no-repeat 190px 40px;
}



/* -------------- Langues Infos compte --------------- */

#languesinfosc {
float: left;
width: 966px;
margin-bottom: 12px;
}

/* -------------- Langues --------------- */

#langues {
width: 132px;
float: right;
margin: 0;
padding: 0;
list-style: none;
}
#langues li {
display: inline;
background: none;
padding: 0;
margin: 0;
}
#langues li a {
float: right;
margin-right: 17px;
display: inline;
border: 2px #d7d7d7 solid;
}
#langues li a:hover {
border: 2px #ced847 solid;
}
#langues li a img {
border: 0;
}
/*
#langues li a.loff {
border: 2px #d7d7d7 solid;
}
#langues li a.loff:hover {
border: 2px #ced847 solid;
}
*/
#langues li a.lon {
border: 2px #ced847 solid;
}

/* -------------- Fin langues --------------- */


/* -------------- Infos compte --------------- */

#infosc {
float: right;
margin: 0;
padding: 0;
list-style: none;
}
#infosc li {
font-size: 11px;
display: inline;
padding: 0 8px 0 0;
margin: 0 0 0 9px;
background: url(images/sic.gif) no-repeat right 4px;
}
#infosc li a {
font-size: 11px;
color: #3c3930;
text-decoration: none;
}
#infosc li a:hover {
text-decoration: underline;
}

/* -------------- Fin infos compte --------------- */

/* -------------- Fin Langues Infos compte --------------- */


a#logo {
/*
width: 71px;
height: 116px;
*/
width: 120px;
height: 140px;
display: block;
float: left;
/*
margin: 3px 0 0 53px;
*/
margin: -15px 0 0 30px;
display: inline;
font-size: 0px;
color: #ffffff;
letter-spacing: 0;
line-height: 0;
background-color: #fcfcfc;
background: url(images/vins-alsace.gif) no-repeat;
}

#accesclient {
float: right;
width: 180px;
height: 150px;
background-color: #cccccc;
}

/* -------------- Fin Header --------------- */


/* -------------- Corps --------------- */

#corps {
width: 990px;
float: left;
background-color: #ffffff;
}

/* -------------- Gauche --------------- */

#gauche {
float: left;
width: 195px;
padding-left: 12px;
}

dl.menu {
width: 171px;
margin: 0 0 12px 0;
padding: 2px;
border: 1px #e3e3db solid;
}
dl.menu dt {
margin: 0;
padding: 5px 3px 5px 7px;
color: #ffffff;
font-weight: bold;
}
dl.menu dd {
margin: 0;
padding: 0;
}
dl.menu ul {
margin: 0;
padding: 0;
list-style: none;
}
dl.menu ul li {
margin: 1px 0 0 0;
padding: 0;
background: none;
}
dl.menu ul li a {
width: 160px;
display: block;
font-size: 11px;
color: #3c3930;
font-weight: bold;
padding: 5px 3px 5px 8px;
text-decoration: none;
}
/*
dl.menu ul li a:hover {
color: #b3ba3f;
color: #c5071a;
}
*/
dl.menu.c1 dt {
background: url(images/fddtc1.gif) repeat-y;
}
dl.menu.c1 ul li a {
background: url(images/fdlic1.gif) repeat-y;
}
dl.menu.c1 ul li a:hover {
color: #919301;#869401;
}
dl.menu.c1 ul li a.actif {
color: #919301;#869401;
}
dl.menu.c2 dt {
background: url(images/fddtc2.gif) repeat-y;
}
dl.menu.c2 ul li a {
background: url(images/fdlic2.gif) repeat-y;
}
dl.menu.c2 ul li a:hover {
color: #c5071a;
}
dl.menu.c2 ul li a.actif {
color: #c5071a;
}
/* -------------- Fin gauche --------------- */


/* -------------- Contenu --------------- */

#contenu {
width: 573px;
float: left;
padding-bottom: 30px;
}

#contenu #filariane {
width: 573px;
margin-left: 0;
margin-top: 7px;
margin-bottom: 0;
padding: 0 0 9px 0;
list-style: none;
font-size: 11px;
background: url(images/ffa.gif) repeat-x bottom;
}
#contenu #filariane li {
display: inline;
padding: 0 10px 0 0;
margin: 0 5px 0 0;
background: url(images/sfa.gif) no-repeat right 6px;
}
#contenu #filariane li#der {
background: none;
}
#contenu #filariane li a {
color: #666252;
font-size: 11px;
text-decoration: none;
}
#contenu #filariane li a:hover {
text-decoration: underline;
}

h1 {
font-size: 24px;
color: #7a8b00;
margin: 23px 0px 25px 0px;
}

h2 {
color: #7a8b00;
font-size: 16px;
margin: 20px 0px 18px 0px;
background: url(images/fh2.gif) repeat-x 3px;
}
h2 span {
padding-right: 11px;
background-color: #ffffff;
}

#contenu p {
margin: 10px 0px 10px 0px;
}

#contenu a {
color: #91a400;
font-size: 12px;
}
#contenu a span {
cursor: pointer;
}

#contenu ul {
margin: 10px 0 0 30px;
padding: 0;
list-style: none;
}
#contenu ul li {
padding: 0 0 0 15px;
margin: 0 0 2px 0;
background: url(images/pul.gif) no-repeat 0 6px;
}

/* -------------- Fin contenu --------------- */


/* -------------- Droit --------------- */

#droit {
float: left;
width: 192px;
padding-left: 18px;
}


/* -------------- Recommander --------------- */

a#recommander {
float: left;
height: 24px;
width: 137px;
padding: 8px 0 0 43px;
margin: 0 0 11px 0;
color: #3c3930;
font-weight: bold;
text-decoration: none;
background: #ffffff url(images/brecommander.gif) no-repeat;
}

/* -------------- Fin recommander --------------- */


/* -------------- Panier --------------- */
dl#panier {
float: left;
margin: 0 0 11px 0;
padding: 0 0 11px 0;
background: url(images/fdlp.gif) no-repeat bottom;
}
#panier dt {
font-size: 12px;
color: #ffffff;
font-weight: bold;
width: 172px;
height: 28px;
padding: 5px 0 0 8px;
background: url(images/fdtp.gif) no-repeat;
}
#panier dd {
float: left;
width: 160px;
margin: 0;
padding: 0 10px;
background: url(images/fddp.gif) repeat-y;
}

#panier dd table#produits {
color: #3c3930;
font-size: 11px;
}
#panier dd table#produits thead td, #panier dd table#produits tfoot td {
padding-top: 5px;
padding-bottom: 2px;
font-weight: bold;
line-height: 12px;
}
#panier dd table#produits thead td.ttc, #panier dd table#produits tfoot td.ttc {
text-align: right;
}
#panier dd table#produits tbody td {
padding-top: 3px;
padding-bottom: 5px;
line-height: 12px;
background: url(images/sephtiret.gif) repeat-x bottom;
}
#panier dd table#produits tbody td.qte {
padding-right: 3px;
white-space: nowrap;
}
#panier dd table#produits tbody td.prix {
text-align: right;
padding-left: 3px;
white-space: nowrap;
}
#panier dd table#produits tbody td a {
color: #3c3930; /*#c2ce28;*/ /*#c5071a;*/ /* #7a8b00;*/  
font-size: 11px;
text-decoration: none;
}
#panier dd table#produits tbody td a:hover {
text-decoration: underline;
}
#panier dd a#commander {
float: left;
height: 24px;
padding: 0 0 0 27px;
margin: 5px 0 0 5px;
text-decoration: none;
background: #ffffff url(images/bcommander.gif) no-repeat;
}
#panier dd a#commander span {
display: block;
height: 18px;
padding: 6px 10px 0 0px;
color: #211e16;
font-size: 12px;
font-weight: bold;
cursor: pointer;
background: url(images/bcommander2.gif) no-repeat right;
}

/*
#panier dd a#commander {
margin-left: 24px;
}
#panier dd a#commander img {
margin-top: 6px;
border: 0;
}
*/
/* -------------- Fin panier --------------- */



/* -------------- Paiement sécurisé --------------- */
dl#ps {
float: left;
margin: 0 0 11px 0;
padding: 0 0 10px 0;
background: url(images/fdlps.gif) no-repeat bottom;
}
dl#ps dt {
width: 180px;
padding: 5px 0 4px 0;
color: #4c5800;
font-size: 14px;
font-weight: bold;
text-align: center;
background: #e3e3db url(images/fdtps.gif) no-repeat;
border-bottom: 1px #ffffff solid;
}
dl#ps dd {
width: 164px;
margin: 0;
padding: 8px 8px 0 8px;
color: #3c3930;
font-size: 11px;
text-align: center;
background-color: #e3e3db;
}
/* -------------- Fin paiement sécurisé --------------- */


/* -------------- Livraison --------------- */
dl#liv {
float: left;
margin: 0 0 11px 0;
padding: 0 0 10px 0;
background: url(images/fdlps.gif) no-repeat bottom;
}
dl#liv dt {
width: 180px;
padding: 5px 0 4px 0;
color: #a9005b;
font-size: 14px;
font-weight: bold;
text-align: center;
background: #e3e3db url(images/fdtps.gif) no-repeat;
border-bottom: 1px #ffffff solid;
}
dl#liv dd {
width: 160px;
margin: 0;
padding: 0px 10px 0 10px;
color: #3c3930;
font-size: 11px;
background-color: #e3e3db;
}
dl#liv dd ul {
margin: 0;
padding: 0px;
list-style: none;
}
dl#liv dd ul li {
padding-left: 10px;
margin-bottom: 4px;
background: url(images/fliv.gif) no-repeat 0 3px;
}
dl#liv dd a {
color: #3c3930;
font-size: 11px;
margin-left: 45px;
}
/* -------------- Fin livraison --------------- */


/* -------------- Lettre d'informations --------------- */
dl#news {
float: left;
margin: 0 0 11px 0;
padding: 0 0 7px 0;
background: url(images/fdlnews.gif) no-repeat bottom;
}
dl#news dt {
width: 180px;
height: 38px;
background: #a8b500 url(images/fdtnews.gif) no-repeat;
}
dl#news dd {
width: 166px;
margin: 0;
padding: 8px 4px 0 10px;
color: #ffffff;
font-size: 11px;
background-color: #a8b500;
}
dl#news dd form {
margin: 0;
padding: 0;
}
dl#news dd form #rdien {
width: 129px;
height: 23px;
float: left;
margin: 3px 3px 0 0;
background: url(images/finputemailnews.gif) no-repeat top right;
}
dl#news dd form input#emailnews {
float: left;
width: 115px;
font-size: 11px;
padding: 0 1px;
margin: 4px 4px 0px 7px;
border: 0;
}

dl#news dd form input#oknews {
float: left;
width: 34px;
height: 25px;
padding: 0;
margin: 0;
background: url(images/fsubmitnews.gif) no-repeat;
border: 0;
}
dl#news dd form input.option {
padding: 0px 0 0 0;
margin: 0;
width: 14px;
vertical-align: middle;
}

/* -------------- Fin lettre d'informations --------------- */



/* -------------- Meilleures ventes --------------- */
dl#emv {
float: left;
margin: 0 0 11px 0;
padding: 0 0 6px 0;
background: url(images/fdlmv.gif) no-repeat bottom left;
}
dl#emv dt {
float: left;
width: 177px;
height: 25px;
padding: 3px 0 0 3px;
color: #737d0f;
font-size: 14px;
font-weight: bold;
background: #e3e3db url(images/fdtmv.gif) no-repeat;
}
dl#emv dd {
float: left;
width: 166px;
margin: 0;
padding: 0px 7px 0 7px;
color: #3c3930;
font-size: 11px;
background-color: #ebebe3;
}

#emv dd table#tmv {
color: #3c3930;
font-size: 11px;
}
#emv dd table#tmv tr {
background: url(images/flimv.gif) repeat-x bottom;
}
#emv dd table#tmv td {
padding-top: 3px;
padding-bottom: 5px;
line-height: 12px;
}
#emv dd table#tmv td.prix {
text-align: right;
padding-left: 8px;
}
#emv dd table#tmv td a {
float: left;
color: #3c3930;
font-size: 11px;
padding: 4px 0 4px 20px;
text-decoration: none;
background: url(images/famv.gif) no-repeat left center; /* 0px 2px */
}
#emv dd table#tmv td a:hover {
text-decoration: underline;
}

/* -------------- Fin meilleures ventes --------------- */



/* -------------- Coups de coeur --------------- */
dl#ecc {
float: left;
margin: 0 0 11px 0;
padding: 0 0 6px 0;
background: url(images/fdlmv.gif) no-repeat bottom  left;
}
dl#ecc dt {
float: left;
width: 177px;
height: 25px;
padding: 3px 0 0 3px;
/* color: #a9005b; */
color: #c5071a;
font-size: 14px;
font-weight: bold;
background: #e3e3db url(images/fdtcc.gif) no-repeat;
}
dl#ecc dd {
float: left;
width: 166px;
margin: 0;
padding: 0px 7px 0 7px;
color: #3c3930;
font-size: 11px;
background-color: #ebebe3;
}

#ecc dd table#tcc {
color: #3c3930;
font-size: 11px;
}
#ecc dd table#tcc tr {
background: url(images/flimv.gif) repeat-x bottom;
}
#ecc dd table#tcc td {
padding-top: 3px;
padding-bottom: 5px;
line-height: 12px;
}
#ecc dd table#tcc td.prix {
text-align: right;
padding-left: 8px;
}
#ecc dd table#tcc td a {
float: left;
color: #3c3930;
font-size: 11px;
padding: 4px 0 4px 20px;
text-decoration: none;
background: url(images/facc.gif) no-repeat left center; /* 0px 2px */
}
#ecc dd table#tcc td a:hover {
text-decoration: underline;
}

/* -------------- Fin coups de coeur--------------- */




/* -------------- Fin droit --------------- */


/* -------------- Fin corps --------------- */

/* -------------- Footer --------------- */

ul#footer {
float: left;
width: 966px;
height: 41px;
padding: 20px 12px 0px 12px;
margin: 0;
list-style: none;
font-size: 11px;
color: #29271d;
text-align: center;
background: #ffffff url(images/ffooter.gif) no-repeat 12px 14px;
}
ul#footer li {
display: inline;
}
#footer li a {
font-size: 11px;
color: #29271d;
text-decoration: none;
}
#footer li a:hover {
text-decoration: underline;
}
#footer li a img {
border: 0;
}

#acm {
float: left;
width: 966px;
padding: 5px 12px 30px 12px;
display: inline;
font-size: 11px;
color: #b4b2ad;
text-align: center;
background-color: #ffffff;
}

/* -------------- Fin footer --------------- */



/* -------------- Partenaires --------------- */
ul#partenaires {
float: left;
width: 690px;
padding: 10px 150px 30px 150px;
margin: 0 0 20px 0;
text-align: center;
list-style: none;
background-color: #ffffff;
}
ul#partenaires li {
font-size: 12px;
color: #b4b2ad;
display: inline;
margin-right: 5px;
}
ul#partenaires li a {
font-size: 12px;
color: #b4b2ad;
margin-right: 5px;
text-decoration: none;
white-space: nowrap;
}
ul#partenaires li a:hover {
text-decoration: underline;
}
/* -------------- Fin partenaires --------------- */