body { font-family: Arial, Verdana, sans-serif; font-size: 0.85em; color: #000000; margin: 0; padding: 0; background: url(i/bodybg.jpg) left top repeat-x; }
#page { display: block; width: 985px; margin: auto; background: transparent url(i/pagebgIE.jpg) left top repeat-y; }
#subpage { display: block; width: 985px; background: transparent url(i/subpagetopIE.jpg) left top no-repeat; }
//.h1accueil { display: none; }
.h1accueil { display: block; position: fixed; overflow: hidden; text-indent:-2000px; height: 1px; }
.h1accueil a { display: block; position: fixed; overflow: hidden; text-indent:-2000px; }

ul, dl, dd { margin: 0; padding: 0; }
img { border: none; }
li { margin: 0; padding: 0; list-style: none; }
form { margin: 0; padding: 0; }
h1, h2, h3 { margin: 0; padding: 0; font-family: Georgia, Arial, sans-serif; color: #942525; }
a:link { color: #942525; }
a:visited { color: #942525; }
a:hover { color: #942525; }
a:active { color: #942525; }

/*leftcolumn
----------------------------------------------------------------------------------------------------------------------------------------------*/
#leftcolumn { float: left; width: 178px; margin: 257px 0 0 2px; font-family: Georgia, Arial, sans-serif; background: #942525 url(i/leftcolumnbg.jpg) left top repeat-x; }
html>body #leftcolumn { margin-left: 4px; }
#menuGeneral { margin-top: 15px; margin-bottom: 30px; }


#menuGeneral #menu dt { padding: 7px 0 0 0; }
#menuGeneral #menu dt a { padding: 0 18px; display: block; }
#menuGeneral #menu img { behavior: url("pngbehavior.htc"); width: 178px; height: 1px; }
#menuGeneral #menu dt img, #menuGeneral #menu dd img { margin-top: 7px; display: block;}
#menuGeneral #menu ul { padding-bottom: 0; }

#menuGeneral #menu li { padding: 7px 18px 0 28px; background: transparent url(i/squarepink.gif) 18px 15px no-repeat;  }
html>body #menuGeneral #menu li { background-position: 18px 14px; }
#menu dt a { font-size: 110%; }
#menu dt a:link { color: #D6BF79; text-decoration: none; }
#menu dt a:visited { color: #D6BF79; text-decoration: none; }
#menu dt a:hover { color: #D6BF79; text-decoration: underline; }
#menu dt a:active { color: #D6BF79; text-decoration: none; }
#menu dd a { font-size: 100%; display: block; }
#menu dd a:link { color: #ffffff; text-decoration: none; }
#menu dd a:visited { color: #ffffff; text-decoration: none; }
#menu dd a:hover { color: #ffffff; text-decoration: underline; }
#menu dd a:active { color: #ffffff; text-decoration: none; }

/*centercolumn
----------------------------------------------------------------------------------------------------------------------------------------------*/
#centercolumn { float: left; width: 562px; margin: 0; margin-left: 14px; padding-bottom: 20px; }
#monPanier { margin-left: 370px; margin-top: 18px; color: #D6BF79; font-size: 95%; font-family: Georgia, Arial, sans-serif; }
#monPanier a:link { color: #D6BF79; text-decoration: none; }
#monPanier a:visited { color: #D6BF79; text-decoration: none; }
#monPanier a:hover { color: #D6BF79; text-decoration: underline; }
#monPanier a:active { color: #D6BF79; text-decoration: none; }
#monPanier a span { color: #ffffff; font-size: 140%; }
html>body #monPanier a span { font-size: 130%; }

#chemin { margin-top: 69px; font-family: Georgia, Arial, sans-serif; }
#chemin h2 { font-weight: normal; color: #000000; font-size: 1em;}
#contenu { margin-top: 15px; }

.titrePage { display: block; width: 306px; height: 32px; background: transparent url(i/titlebg.gif) left top no-repeat; margin-bottom: 15px; }
.titrePage h2 { color: #ffffff; font-size: 120%; padding: 8px 0 0 10px; }

.maincontent { display: block; width: 562px; background: #ffffff url(i/maincontentbg.jpg) left top repeat-y; }
.maincontenttop { display: block; width: 562px; height: 3px; background: #ffffff url(i/maincontenttopbg.jpg) left top no-repeat; overflow: hidden; }
.maincontentbottom { display: block; width: 562px; height: 3px; background: #ffffff url(i/maincontentbottombg.jpg) left top no-repeat; overflow: hidden; }

.presentation { display: block; width: 512px; background: #ffffff url(i/presentationbg.jpg) left top no-repeat; margin-left: 5px; margin-top: 2px; padding: 290px 20px 100px 20px; text-align: justify; }
.presentation h2 { font-size: 120%; margin-bottom: 16px; }
.presentation2 { display: block; width: 512px; background: #ffffff url(i/whisky_ecossebg.jpg) left top no-repeat; margin-left: 5px; margin-top: 2px; padding: 10px 20px 10px 20px; text-align: justify; }
.presentation2 h2 { font-size: 120%; margin-bottom: 10px; }
.presentation img.left, .presentation2 img.left, .classic img.left { padding: 0 10px 5px 0; }
.presentation img.right, .presentation2 img.right, .classic img.right { padding: 0 0 5px 10px; }

ul.ListeProduitsPetits li { margin-bottom: 10px; }
ul.ListeProduitsAccueil li { float: left; width: 174px; background: #fff; text-align: center; padding: 2px; margin-right: 3px; margin-top: 2px; }
html>body  ul.ListeProduitsAccueil li { width: 178px; }
ul.ListeProduitsAccueil li.clearli { display: block; width: 450px; height: 0px; background: transparent; overflow: hidden; }
ul.ListeProduitsAccueil li .produitPetit { border: 1px solid #C7AA4A; padding: 2px; } 

.ppleft { float: left; width: 130px; margin-left: 5px; margin-top: 20px; text-align: center; }
.ppright { float: right; width: 395px; margin-top: 20px; margin-right: 12px; }
html>body .ppright { margin-right: 30px; }
.ppleft img { margin-bottom: 20px; }
.produitPetit .titreProduit { float: left; width: 290px; }
ul.ListeProduitsAccueil li .produitPetit .titreProduit { float: none; display: block; width: 168px; padding: 0 2px; }
ul.ListeProduitsAccueil li .produitPetit .titreProduit h3 { font-size: 90%; }
html>body ul.ListeProduitsAccueil li .produitPetit .titreProduit h3 { font-size: 100%; }
.ppnote { display: block; margin: 5px 10px; text-align: center; }


#pages { text-align: center;  color: #A5945F; }
#pages span { font-weight: bold; color: #942525; }
#pages img { vertical-align: middle; margin: 0 5px; }
#pages a:link { text-decoration: underline; color: #A5945F; }
#pages a:visited { text-decoration: underline; color: #A5945F; }
#pages a:hover { text-decoration: underline; color: #A5945F; }
#pages a:active { text-decoration: underline; color: #A5945F; }


/*gestion des chapos et notes*/
.titreProduit .note span.chapo, .chapoProduit span.note, .pfeleft .note span.chapo { display: none; }
ul.ListeProduitsAccueil li .chapoProduit span.note { display: block; font-size: smaller; }

.produitPetit .titreProduit .note { font-family: Georgia, Arial, sans-serif; color: #A5945F; }
.titreProduit a:link { text-decoration: none; }
.titreProduit a:visited { text-decoration: none; }
.titreProduit a:hover { text-decoration: underline; }
.titreProduit a:active { text-decoration: none; }
.produitPetit .prixProduit { float: right; width: 105px; text-align: right; font-family: Georgia, Arial, sans-serif; }
ul.ListeProduitsAccueil li .produitPetit .prixProduit { float: right; margin-right: 5px; font-size: smaller; }
.produitPetit .prixProduit span.pprpppromo { color: #FF2D2D; font-size: 130%; }
.produitPetit .prixProduit span.pprppbarre { text-decoration: line-through; }
.produitPetit .chapoProduit { display: block; margin-top: 8px; padding-top: 8px; border-top: 1px solid #E0CF9B; }
ul.ListeProduitsAccueil li .produitPetit .chapoProduit { display: block; margin-top: 3px; padding: 0 2px; border-top: none; font-size: 95%; text-align: justify; }
ul.ListeProduitsAccueil li .produitPetit .chapoProduit a { color: #000; text-decoration: none; }
ul.ListeProduitsAccueil li .produitPetit .chapoProduit a:hover { color: #000; text-decoration: underline; }
.ppraction { display: block; margin-top: 30px; margin-bottom: 7px; padding-top: 8px; border-top: 1px solid #E0CF9B; text-align: right; }
.ppraknowmore { float: right; }
.ppraadd { float: right; }
.ppraknowmore span, .ppraadd span { display: inline; vertical-align: middle; font-size: 105%; font-family: Georgia, Arial, sans-serif; }
.ppraction a:link { text-decoration: none; color: #A5945F; }
.ppraction a:visited { text-decoration: none; color: #A5945F; }
.ppraction a:hover { text-decoration: underline; color: #A5945F; }
.ppraction a:active { text-decoration: none; color: #A5945F; }
.ppraction img { margin: 0 8px 0 16px; display: inline; vertical-align: middle; }

.produitFiche { padding: 17px 20px; }
.pfentete { border-bottom: 1px solid #E0CF9B; padding-bottom: 10px; }
.pfeleft { float: left; width: 330px; }
.pferight { float: right; width: 185px; text-align: right; font-family: Georgia, Arial, sans-serif; }
.pfeleft h2 { font-size: 150%; }


.pfeleft .note { margin-top: 5px; font-size: 105%; font-family: Georgia, Arial, sans-serif; color: #A5945F; }
.pferight span.promo { color: #FF2D2D; font-size: 180%; font-weight: 600; }
html>body .pferight span.promo { font-weight: normal; }
.pferight span.barre { text-decoration: line-through; font-size: 130%; }
html>body .pferight span.barre { font-size: 150%; }
.pfimage { text-align: center; padding-top: 10px; }
.pfiadd { margin-top: 15px; }
.pfiadd img { margin: 0 8px 0 16px; display: inline; vertical-align: middle; }
.pfiadd span { display: inline; vertical-align: middle; font-size: 130%; font-family: Georgia, Arial, sans-serif; }
.pfiadd span.stock { font-style: italic; font-size: 100%; margin-left: 20px; }
.pfiadd span.stock span { color: #FF2D2D; }
.pfiadd a:link { text-decoration: none; }
.pfiadd a:visited { text-decoration: none; }
.pfiadd a:hover { text-decoration: underline; }
.pfiadd a:active { text-decoration: none; }
span.nostock { color: #942525; }

.produitFiche h3 { border-bottom: 1px solid #E0CF9B; background: transparent url(i/squarered.gif) left 7px no-repeat; font-size: 110%; padding-left: 13px; padding-bottom: 5px; margin-top: 25px; color: #A5945F; }
.pftechnique table { width: 100%; margin-top: 10px; }
.pftechnique tr.impaire { width: 100%; background: #ECE2C3; }
.pftechnique td { padding: 4px 10px; font-weight: bold; width: 40%; }
.pftechnique td + td { padding: 4px 20px; font-weight: normal; width: 60%; }
.pfvins table { width: 100%; margin-top: 10px; }

.pfvins th { text-transform: uppercase; }
.pfvins tr.first { width: 100%; border-bottom: 1px solid #ECE2C3; }
.pfvins tr.impaire { width: 100%; background: #ECE2C3; }
.pfvins th { padding: 4px 10px; font-weight: bold; width: 60%; }
.pfvins th + th { padding: 4px 20px; font-weight: bold; width: 40%; }
.pfvins td { padding: 4px 10px; width: 60%; }
.pfvins td + td { padding: 4px 20px; font-weight: normal; width: 40%; }

.classic { padding: 17px 20px; }
.classic h2 { font-size: 120%; }
.classic h3 { border-bottom: 1px solid #E0CF9B; background: transparent url(i/squarered.gif) left 7px no-repeat; font-size: 110%; padding-left: 13px; padding-bottom: 5px; margin-top: 30px; color: #A5945F; }
.classic form fieldset { border: none; padding: 0; margin-top: 20px; }
.classic form fieldset label { float: left; margin-right: 10px; margin-left: 50px; width: 220px; padding-top: 3px; text-align: left; font-weight: bold; }
.classic form fieldset input, .classic form fieldset textarea, .classic form fieldset select { margin-bottom: 5px; width: 150px; border: 1px solid #c2bfbe; padding: 2px; font: normal 11px Verdana, sans-serif; color: #9E7F2D; }
.classic form fieldset select { width: 155px; }
.classic form.contactform fieldset label { margin-right: 0; margin-left: 30px; width: 220px; }
.classic form.contactform fieldset input, .classic form.contactform fieldset textarea, .classic form.contactform fieldset select { width: 220px; }
.classic form.contactform fieldset select { width: 225px; }
.classic form.contactform p { margin: 0; padding: 0; }
.ident { margin-top: 20px; text-align: center; }
.ident a { color: #FF2D2D; }
.ident input { display: inline; vertical-align: middle;  margin-left: 15px; }

.newsletter { margin-top: 20px; border-bottom: 1px solid #E0CF9B; border-top: 1px solid #E0CF9B; padding: 10px 0 5px 0; }
.nlright { float: right; }
.nlleft { float: left; }
.newsletter input.checkbox { display: inline; vertical-align: middle; width: 15px; }
span.star { font-weight: normal; color: red; }
span.mini { font-weight: normal; color: red; font-size: 80%; }

.retourBoutique { font-size: 110%; font-family: Georgia, Arial, sans-serif; text-align: right; margin-top: 18px; }
.retourBoutique img { margin-right: 10px; display: inline; vertical-align: middle; }
.retourBoutique a:link { text-decoration: none; color: #A5945F; }
.retourBoutique a:visited { text-decoration: none; color: #A5945F; }
.retourBoutique a:hover { text-decoration: underline; color: #A5945F; }
.retourBoutique a:active { text-decoration: none; color: #A5945F; }

.subclassic { margin: 17px 0 0 20px; }
.textePage { margin-top: 15px; }


.topTableau { width: 522px; height: 5px; background: #ECE2C3 url(i/entetetableaubg.gif) left top no-repeat; margin-top: 35px; overflow: hidden; }

table td { text-align: center; padding: 4px 0; border: none; border-bottom: 1px solid #E0CF9B; font-family: Arial, sans-serif; }
table.enteteTableauCV td, table.contenuTableauCV td { text-align: left; }
table.enteteTableau, table.enteteTableauCV { font-size: 105%; font-weight: bold; color: #942525; background: #ECE2C3; padding-top: 0;  }
table.contenuTableauCV { margin-bottom: 30px; }

table.enteteTableau td { padding-top: 0;  }
table.enteteTableau td.td1 { width: 294px; text-align: left; padding-left: 10px; }
table.enteteTableau td.td2 { width: 70px; }
table.enteteTableau td.td3 { width: 50px; }
table.enteteTableau td.td4 { width: 68px; }
table.enteteTableau td.td5 { width: 30px; }

table.enteteTableauCV td.td1 { width: 180px; text-align: left; padding-left: 10px; }
table.enteteTableauCV td.td2 { width: 79px; }
table.enteteTableauCV td.td3 { width: 65px; }
table.enteteTableauCV td.td4 { width: 73px; }
table.enteteTableauCV td.td5 { width: 115px; }

table.contenuTableau td.td1 { width: 294px; text-align: left; padding-left: 10px; font-weight: bold; }
table.contenuTableau td.td2 { width: 70px; }
table.contenuTableau td.td3 { width: 50px; }
table.contenuTableau td.td4 { width: 68px; }
table.contenuTableau td.td5 { width: 30px; }

table.contenuTableauCV td.td1 { width: 180px; text-align: left; padding-left: 10px; font-weight: bold; }
table.contenuTableauCV td.td2 { width: 79px; }
table.contenuTableauCV td.td3 { width: 65px; }
table.contenuTableauCV td.td4 { width: 73px; }
table.contenuTableauCV td.td5 { width: 115px; }

table form select { border: 1px solid #c2bfbe; padding: 2px; font: normal 11px Verdana, sans-serif; width: 46px;}
 
table.totalTableau { background: #ECE2C3; }
table.totalTableau td { text-align: right; padding: 5px 0; }
table.totalTableau td.td1 { width: 418px; }
table.totalTableau td.td2 { width: 94px; color: #942525; font-size: 150%; padding-right: 10px; }

.bottomTableau { width: 504px; background: #ECE2C3; text-align: right; padding: 7px 9px; border-bottom: 1px solid #E0CF9B; }

.notecontact { padding: 1px; border: 1px solid #500606; background: #8C5C5C; margin-top: 40px; }
.notecontact2 { font-family: Verdana, Arial, sans-serif; background: #4F0606 url(i/notecontact2bg.jpg) left top repeat-x; color: #ffffff; padding: 8px 0; }
.notecontact2 p { margin: 0; padding: 8px; }
.notecontact2 a:link { color: #FF5656; text-decoration: none; }
.notecontact2 a:visited { color: #FF5656; text-decoration: none; }
.notecontact2 a:hover { color: #FF5656; text-decoration: underline; }
.notecontact2 a:active { color: #FF5656; text-decoration: none; }



/*rightcolumn
----------------------------------------------------------------------------------------------------------------------------------------------*/
#rightcolumn { float: right; width: 178px; margin: 0px; margin-right: 17px; font-family: Georgia, Arial, sans-serif; padding-bottom: 50px; }
html>body #rightcolumn { margin-right: 35px; width: 177px; }
#rightcolumn #entete2 { width: 177px; text-align: center; }
#monCompte h3 { display: none; }
.blocMonCompte { margin-bottom: 40px; }
.blocMonCompteConnecte { margin-top: 15px; margin-bottom: 65px; }
.blocMonCompteConnecte img { margin-bottom: 12px; }
/*.bonjour { border-bottom: 1px solid #D6BF79; padding: 12px 0; margin-bottom: 12px; }*/
.bonjour { padding: 12px 0; }
.blocMonCompte form { margin-top: 12px; }
html>body .blocMonCompte form { margin-top: 14px; }
.formMonCompte input.champFormMonCompte { width: 148px; margin-bottom: 6px; text-align: center; }
.boutonMonCompteEntete input { behavior: url("pngbehavior.htc"); width: 110px; height: 40px; }
.menuMonCompte { font-size: 90%; line-height: 12pt; }
.blocMonCompteConnecte .menuMonCompte { color: #ffffff; font-size: 100%; line-height: 12pt; }
.menuMonCompte a:link { color: #D6BF79; text-decoration: underline; }
.menuMonCompte a:visited { color: #D6BF79; text-decoration: underline; }
.menuMonCompte a:hover { color: #D6BF79; text-decoration: underline; }
.menuMonCompte a:active { color: #D6BF79; text-decoration: underline; }

#rccontent { text-align: left; }
#rccontent h3 { border-bottom: 1px solid #C7AA4A; background: transparent url(i/squarebrown1.gif) 8px 5px no-repeat; font-size: 100%; padding-left: 21px; padding-bottom: 5px; margin-top: 25px; }
#rccontent p { padding: 0; margin: 6px 0 4px 12px; font-family: Georgia, Arial, sans-serif; color: #942525; font-size: 95%; }
html>body #rccontent p { font-size: 105%; }
form.searchform { display: block; }
form.searchform input { float: left; margin-left: 14px; margin-top: 1px; width: 120px; height: 18px; border: 1px solid #c2bfbe; }
form.searchform img { float: right; margin-right: 10px; }

#rccontent li { padding: 9px 18px 0 20px; background: transparent url(i/squarebrown2.gif) 10px 15px no-repeat; font-size: 95%; }
html>body #rccontent li { font-size: 97%; }
#rccontent img.engagements { margin-top: 9px; }
#rccontent a { display: block; }
#rccontent a:link { text-decoration: none; }
#rccontent a:visited { text-decoration: none; }
#rccontent a:hover { text-decoration: underline; }
#rccontent a:active { text-decoration: none; }

span.rccontentnote { font-family: Arial, sans-serif; font-size: 85%; }

/*footer
----------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { text-align: center; margin: 0px 35px 0px 4px; padding: 5px; background: #000000 url(i/footertop.jpg) left top no-repeat; font-family: Georgia, Arial, sans-serif; color: #686868; font-size: 90%; }
#footer a:link { color: #686868; text-decoration: none; }
#footer a:visited { color: #686868; text-decoration: none; }
#footer a:hover { color: #686868; text-decoration: underline; }
#footer a:active { color: #686868; text-decoration: none; }

#subfooter { margin: 0px 31px 0px 4px; padding: 5px; background: #ffffff; text-align: center; font-size: smaller; color: #A5945F; }
#subfooter strong { font-weight: normal; }
#subfooter a { color: #A5945F; text-decoration: underline; }

/*generics
----------------------------------------------------------------------------------------------------------------------------------------------*/

.left { float: left; }
.right { float: right; }
.smaller { font-size: smaller; }
.larger { font-size: larger; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.italicsmaller { font-style: italic; font-size: smaller; }
.boldlarger { font-weight: bold; font-size: larger; }
.center { text-align: center; }
.clear { clear: both; height: 1px; overflow: hidden; }
//.clear3column { clear: both; height: 1px; overflow: hidden; }
.clear3column { clear: both; width: 844px; height: 1px; margin-left: 124px; overflow: hidden; background: #B98C12; }
abbr { text-decoration: none; border-bottom: 0; }

/*recherche par marque
----------------------------------------------------------------------------------------------------------------------------------------------*/
#brandsearch { padding: 12px 0 0 9px; margin: 12px 5px 4px 5px; border-top: 1px solid #cccccc; position: relative; }

#brandsearchlist ul { margin-top: 35px; width: 149px; height: 200px; overflow: auto; border: 1px solid #cccccc; border-top: 0px; padding: 0; padding-bottom: 15px; position: absolute; top: 0; background: #fff; top:-300em; left: 0; }
html>body #brandsearchlist ul { margin-top: 34px; left: 9px; height: 300px; }
#rccontent #brandsearchlist li { padding: 6px 3px 0 22px; background: transparent url(i/squarebrown2.gif) 12px 11px no-repeat; }
#brandsearchlist li span { display: block; position: fixed; overflow: hidden; text-indent:-2000px; height: 1px; }

	
/* Holly Hack. IE Requirement \*/
* html #brandsearchlist ul li { float: left; height: 1%; }
* html #brandsearchlist ul li a { height: 1%; }
/* End */

#brandsearchlist:hover ul, #brandsearchlist.over ul { top: 0; }