@charset "utf-8";

/**
 * FIXES
 ***********************************************************
 ***********************************************************
 */
.container {width:1005px;margin:10px auto;}
label {cursor:pointer;}
form span.alert {color:#F59C40;font-weight:bold;}
input {margin:0;padding:0;}
input[type="text"], input[type="password"], input.text, input.title, textarea, select {margin:0;}
textarea {font-family:arial;font-size:1.1em;padding:0;}
* html textarea {border:1px solid #7f9db9;}
em {font-style:normal;}
strong {font-weight:normal;}
ul {list-style-type:none;margin:0;padding:0;}
a:link:after, a:visited:after {content:none;}
a, img {outline:none;}
a.logo {display:block;}
.content {overflow:hidden;}
* html .content {height:1%;}

/**
 * BOX0
 ***********************************************************
 ***********************************************************
 */
div.box0 {
  background:transparent url('../images/bck_box0-mid.gif') repeat-y left;
  margin:0;
  padding:0;
}
.box0 div {
  background:transparent url('../images/bck_box0-bot.gif') no-repeat bottom left;
  margin:0;
  padding:0;
}
.box0 div div {
  background:transparent url('../images/bck_box0-top.gif') no-repeat top left;
  margin:0;
  padding:10px;
  width:784px;
}
* html .box0 div div {
  width:780px;
}
.box0 div div div {
  background:none;
  margin:0;
  padding:0;
  width:auto;
}

/**
 * BOX1
 ***********************************************************
 ***********************************************************
 */
div.box1 {
  background:transparent url('../images/bck_box1-br.gif') no-repeat bottom right;
  margin:0;
  padding:0;
  width:100%;
}
div.box1 div {
  background:transparent url('../images/bck_box1-bl.gif') no-repeat bottom left;
  margin:0;
  padding:0;
}
div.box1 div div {
  background:transparent url('../images/bck_box1-tr.gif') no-repeat top right;
  margin:0;
  padding:0;
}
div.box1 div div div {
  background:transparent url('../images/bck_box1-tl.gif') no-repeat top left;
  margin:0;
  padding:0;
}

/**
 * BOX2
 ***********************************************************
 ***********************************************************
 */
div.box2 {
  background:transparent url('../images/bck_box2-br.gif') no-repeat bottom right;
  margin:0;
  padding:0;
  width:100%;
}
div.box2 div {
  background:transparent url('../images/bck_box2-bl.gif') no-repeat bottom left;
  margin:0;
  padding:0;
}
div.box2 div div {
  background:transparent url('../images/bck_box2-tr.gif') no-repeat top right;
  margin:0;
  padding:0;
}
div.box2 div div div {
  background:transparent url('../images/bck_box2-tl.gif') no-repeat top left;
  margin:0;
  padding:0;
}
div.box2 div div div div, div.box2 div div div ul {
  padding:7px 10px;
}


/**
 * BOX3
 ***********************************************************
 ***********************************************************
 */
div.box3 {
  background:transparent url('../images/bck_box3-br.gif') no-repeat bottom right;
  margin:0;
  padding:0;
  width:100%;
}
div.box3 div {
  background:transparent url('../images/bck_box3-bl.gif') no-repeat bottom left;
  margin:0;
  padding:0;
}
div.box3 div div {
  background:transparent url('../images/bck_box3-tr.gif') no-repeat top right;
  margin:0;
  padding:0;
}
div.box3 div div div {
  background:transparent url('../images/bck_box3-tl.gif') no-repeat top left;
  margin:0;
  padding:0;
}
div.box3 div div div div, div.box3 div div div ul {
  padding:7px 10px 7px 10px;
}
* html div.box3 div div div div {
  height:1%;
}

/**
 * BOX4
 ***********************************************************
 ***********************************************************
 */
div.box4 {
  background:transparent url('../images/bck_box4-br.gif') no-repeat bottom right;
  margin:0;
  padding:0;
  width:100%;
}
div.box4 div {
  background:transparent url('../images/bck_box4-bl.gif') no-repeat bottom left;
  margin:0;
  padding:0;
}
div.box4 div div {
  background:transparent url('../images/bck_box4-tr.gif') no-repeat top right;
  margin:0;
  padding:0;
}
div.box4 div div div {
  background:transparent url('../images/bck_box4-tl.gif') no-repeat top left;
  margin:0;
  padding:0;
}
* html div.box4 div div div div {
  height:1%;
}

/**
 * BOX5
 ***********************************************************
 ***********************************************************
 */
div.box5 {
  background:transparent url('../images/bck_box5-br.gif') no-repeat bottom right;
  margin:0;
  padding:0;
  width:100%;
}
div.box5 div {
  background:transparent url('../images/bck_box5-bl.gif') no-repeat bottom left;
  margin:0;
  padding:0;
}
div.box5 div div {
  background:transparent url('../images/bck_box5-tr.gif') no-repeat top right;
  margin:0;
  padding:0;
}
div.box5 div div div {
  background:transparent url('../images/bck_box5-tl.gif') no-repeat top left;
  margin:0;
  padding:0;
}
div.box5 div div div div, div.box5 div div div ul {
  padding:7px 10px;
}
 
/**
 * LANGUAGE
 ***********************************************************
 ***********************************************************
 */
#language {
  display:none;
}
 
/**
 * HEADER
 ***********************************************************
 ***********************************************************
 */
#header  {
  height:180px;
  overflow:hidden;
  padding:40px 2px 5px 16px;
  position:relative;
}
#header a.logo {
  background:transparent url('../images/logo_vinsmoinschers.gif') no-repeat bottom center;
  display:block;
  float:left;
  height:180px;
  margin-right:10px;
  overflow:hidden;
  position:relative;
  width:432px;
  text-indent:-9999px;
}
#header a.delivery {
  background:transparent url('../images/bck_delivery.gif') no-repeat bottom center;
  display:block;
  float:left;
  height:180px;
  overflow:hidden;
  position:relative;
  width:219px;
  text-indent:-9999px;
}
#header p {
  font-family:"century gothic", Arial, Helvetica, sans-serif;
  height:70px;
  margin-bottom:0px;
  overflow:hidden;
  padding:0px 85px 0px 50px;
  position:relative;
}
#header p span {
  color:#545454;
  display:block;
  font-size:10px;
  font-style:italic;
  font-weight:bold;
}
#header p strong {
  color:#f59c40;
  display:block;
  font-size:27px;
  font-weight:bold;
  line-height:20px;
}
#header p em {
  color:#909090;
  display:block;
  font-size:8px;
  font-style:italic;
  font-weight:bold;
  text-align:right;
}
#header a.viewcart {
  background:transparent url('../images/btn_viewcart-small.gif') no-repeat top left;
  color:#885299;
  display:block;
  font-size:13px;
  font-weight:bold;
  margin-top:-4px;
  height:20px;
  line-height:20px;
  padding-left:26px;
}
#header #login {
  background:transparent url('../images/bck_login.gif') no-repeat top left;
  float:right;
  height:45px;
  overflow:hidden;
  padding:60px 0px 0px 60px;
  position:relative;
  width:237px;
}
#header #login p {
  font-size:1em;
  height:auto;
  margin:0;
  padding:0;
}
#header p a {
  color:#4a4a4a;
  display:block;
  font-family:'century gothic', arial, helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
  margin-top:2px;
  text-decoration:none;
}
#header #login span.remise {
  background:transparent url('../images/bck_remise-ce.gif') no-repeat top left;
  display:block;
  float:right;
  height:83px;
  margin:-41px 10px 0px 0px;
  text-indent:-9999px;
  width:83px;
}

/**
 * NAV
 ***********************************************************
 ***********************************************************
 */
#nav ul {
  height:37px;
  position:relative;
  z-index:10;
}
#nav li {
  float:left;
  position:relative;
  width:11.1%;
}
* html #nav li {
  width:11%;
}
*+html #nav li {
  width:11%;
}
#nav a {
  background:transparent url('../images/bck_nav-right.gif') no-repeat;
  background-position:100% 0px;
  color:#ffffff;
  cursor:pointer;
  display:block;
  font-size:1.1em;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
}
#nav a span {
  background:transparent url('../images/bck_nav-left.gif') no-repeat;
  background-position:0% 0px;
  display:block;
  height:37px;
  line-height:30px;
}
#nav a.yellow {
  background-position:100% -37px;
}
#nav a.yellow span {
  background-position:0% -37px;
}
#nav a.green {
  background-position:100% -74px;
}
#nav a.green span {
  background-position:0% -74px;
}
#nav a.red {
  background-position:100% -148px;
}
#nav a.red span {
  background-position:0% -148px;
}
#nav a.pink {
  background-position:100% -185px;
}
#nav a.pink span {
  background-position:0% -185px;
}

#nav ul ul {background:none; display:none; height:auto; margin-left:-24px; position:absolute; overflow:hidden; left:0; width:160px; }
#nav ul ul li { background:none; float:none; width:auto;}
#nav ul ul a { background:#B84586; border:1px solid #ffffff; border-width:0px 1px 1px 1px; display:block; font-weight:normal; padding:3px 0px; }
#nav ul ul a:hover { background:#9D4377 }
#nav ul ul li.last a { border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px }
* html #nav ul ul a{
  height:1%;
}

/**
 * SIDENAV
 ***********************************************************
 ***********************************************************
 */
#sidenav {
  float:left;
  margin:0;
  min-height:150px;
  overflow:hidden;
  padding:0;
  position:relative;
  width:200px;
}
* html #sidenav {
  height:150px;
  overflow:visible;
}
#sidenav h4 {
  color:#bbbbbb;
  font-size:18px;
  margin:3em 0;
  text-align:center;
  text-transform:uppercase;
}
#sidenav a {
  color:#505050;
  font-size:13px;
  padding-left:13px;
  text-decoration:none;
}
#sidenav strong {
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
}
#sidenav .red a {
  background:transparent url('../images/bck_sidenav-puces.gif') no-repeat;
  background-position:0px 2px;
}
#sidenav .orange a {
  background:transparent url('../images/bck_sidenav-puces.gif') no-repeat;
  background-position:0px -12px;
}
#sidenav .red strong {
  color:#D03B3B;
}
#sidenav .orange strong {
  color:#F59C40;
}
#sidenav #quick_search {
  background:transparent url('../images/bck_quick-search.gif') no-repeat;
  height:40px;
  margin:0;
  text-indent:-9999px;
}
#sidenav #sidepub {
  background:transparent url('../images/vis_animCE.jpg') no-repeat;
  height:156px;
  width:200px;
}
#sidenav #payment li.cbs {
  background:transparent url('../images/vis_logo-cbs.jpg') no-repeat bottom center;
  height:32px;
  margin:2px 0px;
  width:157px;
  text-indent:-9999px;
}
#sidenav #payment li.fianet {
  background:transparent url('../images/vis_logo-fianet.jpg') no-repeat center center;
  height:34px;
  margin:2px 0px;
  width:157px;
  text-indent:-9999px;
}
#sidenav #payment li.ogone {
  background:transparent url('../images/vis_logo-ogone.jpg') no-repeat center center;
  height:34px;
  margin:2px 0px;
  width:157px;
  text-indent:-9999px;
}

/**
 * SECTION
 ***********************************************************
 ***********************************************************
 */
#section {
  margin:0;
  min-height:50px;
  overflow:hidden;
  padding:0;
  position:relative;
}
body.accueil #section {
  background:none;
}
* html #section {
  overflow:visible;
  height:1%;
}

/**
 * SECTION
 ***********************************************************
 ***********************************************************
 */
#page {
  padding:0px 5px;
}
#page h1 {
  color:#F59C40;
  height:35px;
  line-height:35px;
  font-size:2em;
  margin:0 0 0.75em 0;
  padding:0;
}
#page h2 {
  color:#505050;
  font-size:1.5em;
  font-weight:bold;
}
#page h4 {
  color:#bbbbbb;
  font-size:18px;
  margin:3em 0;
  text-align:center;
  text-transform:uppercase;
}
#page p a {
  color:#F59C40;
}
#page p strong {
  font-weight:bold;
}
#page p em {
  font-style:italic;
}
#page img.left {
  clear:left;
  display:block;
  float:left;
  margin-right:10px;
}
#page a.left {
  clear:left;
  color:#F59C40;
  display:block;
  float:left;
  margin-right:10px;
}
#page pre {
  color:#505050;
  font-size:0.9em;
  overflow:hidden;
  white-space:normal; 
}
#page ul.list {
  list-style-type:square;
  margin:0 1.5em 1.5em 0;
  padding-left:3.333em;
}
#page .list strong {
  color:#F59C40;
  font-weight:bold;
}
#page ul.list ul {
  list-style-type:circle;
  padding-left:12px;
}
#page ul.list ul li {
  color:#F59C40;
  font-weight:bold;
}
#page p.puce {
  background:transparent url('../images/bck_page-puce.gif') no-repeat;
  background-position:0px 3px;
  padding-left:15px;
}
#page p.puce strong {
  color:#F59C40;
  font-weight:bold;
}
#page p.links {
  text-align:center;
}
#page p.links a {
  background:transparent url('../images/bck_footer-links.gif') no-repeat left center;
  color:#9E9E9E;
  padding:0px 0px 0px 7px;
  text-decoration:none;
}
/***********************************************************/
#page.faq strong {
  color:#505050;
  display:block;
  font-size:1.25em;
}
#page.faq em {
  display:block;
  font-style:normal;
  margin-top:0.5em;
}
/***********************************************************/
#page.survey p.puce {
  background:transparent url('../images/bck_survey-puce.gif') no-repeat;
  background-position:0px 4px;
  font-style:italic;
}
/***********************************************************/
#page.accords h2 {
  font-size:1.75em;
  margin:1.5em 0;
  text-align:center;
}
#page.accords p {
  font-size:1em;
  text-align:center;
}
#page.accords strong {
  background:transparent url('../images/bck_accords-puce.gif') no-repeat;
  background-position:100% 50%;
  font-weight:bold;
  padding-right:18px;
}
#page.accords em {
  font-style:normal;
}
#page.accords a {
  color:#505050;
  text-decoration:none;
}
/***********************************************************/
#page.contact h2.logo, #page.mentions h2.logo {
  color:#F99D33;
  display:block;
  font-size:12px;
  font-weight:normal;
  line-height:18px;
}
#page.contact h2.logo a, #page.mentions h2.logo a {
  color:#F99D33;
  display:block;
  font-size:20px;
  line-height:24px;
  text-decoration:none;
}
/***********************************************************/
#page.sitemap ul.level1 {
  list-style-type:disc;
  overflow:hidden;
  padding-left:15px;
}
#page.sitemap ul.level1 li {
  color:#F59C40;
  font-size:1.25em;
  font-weight:bold;
  padding:2px 0px;
}
#page.sitemap ul.level2 {
  list-style-type:square;
  overflow:hidden;
  padding-left:15px;
}
#page.sitemap ul.level2 li {
  color:#505050;
  font-size:0.9em;
  font-weight:bold;
  padding:2px 0px;
}
#page.sitemap ul.level2 a {
  color:#505050;
  text-decoration:none;
}
#page.sitemap ul.level3 {
  margin-bottom:-5px;
  overflow:hidden;
}
#page.sitemap ul.level3 a {
  color:#9E9E9E;
}
#page.sitemap ul.level3 li {
  background:transparent url('../images/bck_footer-links.gif') no-repeat left center;
  color:#9E9E9E;
  font-weight:normal;
  float:left;
  margin-right:5px;
  padding-left:8px;
}

/**
 * OFFERS
 ***********************************************************
 ***********************************************************
 */
#offers {
  overflow:hidden;
}
#offers li {
  background:transparent url('../images/bck_offers.gif') no-repeat;
  background-position:0px 0px;
  float:left;
  height:146px;
  overflow:hidden;
  position:relative;
  padding:5px;
  width:258px;
}
* html #offers li {
  width:257px;
}
#offers li.special {
  background-position:0px 0px;
}
#offers li.promo {
  background-position:0px -157px;
}
#offers li.prix {
  background-position:0px -314px;
}
#offers p {
  color:#17161c;
  float:right;
  font-size:9px;
  height:146px;
  line-height:1.25em;
  margin:60px 0 0 0;
  padding:0;
  width:140px;
}
#offers p strong {
  display:block;
  font-size:13px;
  line-height:1.25em;
}
#offers p em {
  display:block;
  color:#ffffff;
  font-style:italic;
}
#offers a {
  display:block;
  float:right;
}
#offers a.img {
  margin-top:8px;
  width:60px;
}
#offers a.price {
  background:transparent url('../images/bck_offers-price.png') no-repeat;
  height:83px;
  margin-top:5px;
  position:absolute;
  top:0;
  text-indent:-9999px;
  width:83px;
}
* html #offers a.price {
  background:transparent url('../images/bck_offers-price.gif') no-repeat;
}
#offers li.special a.price {
  background-position:0px 2px;
}
#offers li.promo a.price {
  background-position:0px -82px;
}
#offers li.prix a.price {
  background-position:0px -166px;
}
#offers a.learnmore {
  background:transparent url('../images/bck_offers-learnmore.gif') no-repeat;
  bottom:2px;
  height:38px;
  left:10px;
  position:absolute;
  text-indent:-9999px;
  width:54px;
}
#offers li.special a.learnmore {
  background-position:0px 0px;
}
#offers li.promo a.learnmore {
  background-position:0px -38px;
}
#offers li.prix a.learnmore {
  background-position:0px -76px;
}
 
/**
 * NOTES
 ***********************************************************
 ***********************************************************
 */
a.next {
  background:transparent url('../images/btn_notes-next.gif') no-repeat center center;
  display:block;
  height:245px;
  position:absolute;
  right:0px;
  text-indent:-9999px;
  width:30px;
  z-index:10;
}
#notes {
  background:none;
  margin:0px 0px 0px 15px;
  overflow:hidden;
  padding:10px 0px;
  position:relative;
}
#notes ul {
  height:225px;
  margin:0;
  overflow:hidden;
  padding:0;
  position:relative;
  z-index:1;
}
#notes li {
  background:transparent url('../images/bck_notes-sep.gif') repeat-y;
  background-position:100% 0%;
  font-family:'century gothic', arial, helvetica, sans-serif;
  float:left;
  height:225px;
  overflow:hidden;
  padding:0px 5px;
  width:245px;
}
#notes img {
  display:block;
  margin:auto;
  width:236px;
}
#notes strong {
  color:#f99d33;
  display:block;
  font-size:15px;
  font-weight:bold;
  margin:0.25em 0;
  text-align:center;
}
#notes em{
  color:#ffffff;
  display:block;
  text-align:justify;
  padding:0px 10px;
}

/**
 * DIAPOS
 ***********************************************************
 ***********************************************************
 */
#diapos {
  margin-left:1px;
  overflow:hidden;
}
#diapos li {
  float:left;
}
#diapos a {
  background:transparent url('../images/bck_diapos.gif') no-repeat;
  background-position:0px 0px;
  display:block;
  height:202px;
  position:relative;
  width:200px;
  text-indent:-9999px;
}
#diapos a.bourgogne {
  background-position:0px 0px;
}
#diapos a.bordeaux {
  background-position:-200px 0px;
}
#diapos a.champagne {
  background-position:-400px 0px;
}
#diapos a.rhone {
  background-position:-600px 0px;
}

/**
* FOOTER
***********************************************************
***********************************************************
*/
#footer {
  background:transparent url('../images/bck_footer.gif') no-repeat bottom center;
  overflow:hidden;
  margin:15px 0px;
  padding:0px 0px 75px 0px;
  position:relative;
}
#footer #SelLanguage {
  display:none;
}
#footer p.slogan {
  background:transparent url('../images/bck_footer-slogan.gif') no-repeat top center;
  height:34px;
  margin-bottom:10px;
  overflow:hidden;
  padding:22px 15px 0px 70px;
}
#footer .slogan strong {
  color:#ffffff;
  display:block;
  font-size:17px;
  line-height:33px;
  float:left;
}
#footer .slogan strong a {
  color:#ffffff;
  font-size:20px;
  text-decoration:none;
} 
#footer .slogan em {
  color:#b06c1e;
  display:block;
  font-size:13px;
  line-height:34px;
  float:right;
}
#footer .slogan em a {
  color:#b06c1e;
  text-decoration:none;
} 
#footer ul.links {
  overflow:hidden;
}
* html #footer ul.links {
  height:1%;
}
#footer .links li {
  float:left;
}
#footer .links a {
  background:transparent url('../images/bck_footer-links.gif') no-repeat center left;
  color:#9e9e9e;
  display:block;
  margin-left:4px;
  padding-left:8px;
  text-decoration:none;
  white-space:nowrap;
}
#footer .links strong a {
  color:#F99D33;
  font-weight:bold;
}
* html #footer .links a {
  padding-left:7px;
}
#footer .links .first a {
  background:none;
  margin:0;
  padding:0;
}
#footer span.sep {
  background:transparent url('../images/bck_footer-sep.gif') no-repeat center center;
  padding:0px 5px;
}