*{
margin:0;
padding:0;
border:0;
}
body{
font-family:Arial, Helvetica, sans-serif;
color:#999;
}

a{color:#999;}

/* header */

#header{
display:block;
position:relative;
width:960px;
height:140px;
margin:0 auto;
}
#header h1{
display:none;
}
#header .text{
font-size:10px;
text-align:center;
padding:4px 0 0 0;
height:16px;
}
#header .logo{
display:block;
width:201px;
height:101px;
background:url(../pics/index/logo.gif);
}
#header .basket{
font-size:10px;
font-weight:bold;
position:absolute;
top:38px;
right:0px;
display:block;
padding:10px 0 0 114px;
width:154px;
height:22px;
background:#f7f8f8 url(../pics/index/txt-mon-panier.gif) no-repeat 6px 8px;
}
#header .basket a{
color:#999999;
padding:0 18px 0 0;
background:url(../pics/index/panier.gif) no-repeat right;
text-decoration:none;
}

#header .telephone{
position:absolute;
top:38px;
left:474px;
display:block;
width:171px;
height:33px;
background:url(../pics/index/txt-telephone.gif);
}

#header ul.menu{
position:absolute;
top:48px;
left:212px;
list-style:none;
}
#header ul.menu li{
font-size:11px;
display:inline;
margin:0 5px;
}
#header ul.menu li a{
text-decoration:none;
}

#header .search {
position:absolute;
top:98px;
left:298px;
}
#header .search span{
float:left;
text-indent:-9999px;
overflow:hidden;
display:block;
width:140px;
height:13px;
margin:5px 0 0 0;
background:url(../pics/index/txt-vous-recherchez.gif) no-repeat;
}
#header .search form{
float:left;
display:block;
width:331px;
height:25px;
background:url(../pics/index/bg-recherche.gif) no-repeat;
}
#header .search form input{
float:left;
font-size:11px;
color:#666;
width:282px;
height:17px;
margin:5px 3px 3px 3px;
padding:0 2px;
}
#header .search form a{
float:right;
display:block;
width:27px;
height:21px;
margin:2px;
background:url(../pics/index/btn-recherche-ok.gif) no-repeat;
}

#header .addthis_button{
position:absolute;
left:812px;
top:107px;
}



/* container */

#container{
display:block;
position:relative;
width:960px;
height:1059px;
margin:0 auto;
}

#left{
width:783px;
}

/* banner */

#banner{
display:block;
position:relative;
width:781px;
height:314px;
margin:0 0 12px 0;
border:1px solid #bdbdbd;
}
#banner ul{
z-index:10;
position:absolute;
top:1px;
left:1px;
list-style:none;
}
#banner ul li{
position:relative;
padding:0 0 2px 0;
background:url(../pics/index/bd-menu.gif) repeat-x bottom;
}
#banner ul li.last{
position:relative;
padding:0;
background:none;
}
#banner ul li a{
position:relative;
display:block;
width:166px;
height:75px;
}
#banner ul li.fixe a{
overflow:hidden;
text-indent:-9999px;
}
#banner ul li.fixe.aperitif a{
background:url(../pics/index/btn-cote-aperitif.png) no-repeat;
}
#banner ul li.fixe.aperitif a:hover,
#banner ul li.fixe.aperitif a.active{
background:url(../pics/index/btn-cote-aperitif-active.png) no-repeat;
}
#banner ul li.fixe.cocktail a{
background:url(../pics/index/btn-cote-cocktail.png) no-repeat;
}
#banner ul li.fixe.cocktail a:hover,
#banner ul li.fixe.cocktail a.active{
background:url(../pics/index/btn-cote-cocktail-active.png) no-repeat;
}
#banner ul li.fixe.degustation a{
background:url(../pics/index/btn-cote-degustation.png) no-repeat;
}
#banner ul li.fixe.degustation a:hover,
#banner ul li.fixe.degustation a.active{
background:url(../pics/index/btn-cote-degustation-active.png) no-repeat;
}
#banner ul li.perso a{
width:156px;
height:30px;
padding:10px 10px 0 0;
font-weight:bold;
color:#666;
text-decoration:none;
text-align:right;
}
#banner ul li.perso.rouge a{
color:#e3001b;
}
#banner ul li.perso.vert a{
color:#cbcd00;
}
#banner ul li.perso.orange a{
color:#eb7505;
}
#banner ul li.perso a:hover,
#banner ul li.perso a.active{
color:#fff;
background:#666;
}
#banner ul li.perso.rouge a:hover,
#banner ul li.perso.rouge a.active{
background:#e3001b;
}
#banner ul li.perso.vert a:hover,
#banner ul li.perso.vert a.active{
background:#cbcd00;
}
#banner ul li.perso.orange a:hover,
#banner ul li.perso.orange a.active{
background:#eb7505;
}
#banner ul li.perso.last a{
height:29px;
}
#banner a.zone{
display:none;
z-index:8;
position:absolute;
display:block;
top:1px;
right:1px;
width:613px;
height:264px;
background:url(../pics/index/none.gif) repeat;
}
#banner .image{
display:none;
z-index:5;
position:absolute;
top:1px;
left:1px;
width:779px;
height:312px;
overflow:hidden;
}
#banner .menu{
z-index:10;
position:absolute;
top:1px;
left:1px;
width:166px;
height:312px;
background:#fff;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
#banner .opacity{
z-index:8;
position:absolute;
bottom:1px;
right:1px;
width:612px;
height:48px;
background:#000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
#banner .text{
display:none;
z-index:8;
position:absolute;
bottom:1px;
right:1px;
width:596px;
height:32px;
font-size:12px;
color:#fff;
text-align:right;
padding:8px;
overflow:hidden;
}
#banner .text a{
color:#fff;
}

/* product */

#product{
display:block;
position:relative;
width:781px;
height:574px;
margin:0 0 12px 0;
background:url(../pics/index/bg-product.gif);
border:1px solid #bdbdbd;
}
#product .column{
float:left;
width:260px;
}
#product .column h3{
text-indent:-9999px;
overflow:hidden;
margin:12px 0 0 18px;
}
#product .column.aperitif h3{
background:url(../pics/index/txt-cote-aperitif.gif) no-repeat;
}
#product .column.cocktail h3{
background:url(../pics/index/txt-cote-cocktail.gif) no-repeat;
}
#product .column.degustation h3{
background:url(../pics/index/txt-cote-degustation.gif) no-repeat;
}

#product .column .article{
height:188px;
}
#product .column .article .image{
float:left;
width:116px;
height:188px;
margin-right:10px;
text-align:right;
overflow:hidden;
}
#product .column .article .description{
float:left;
width:130px;
height:100px;
margin:20px 0 0 0;
}
#product .column .article .description h4{
font-size:12px;
font-weight:bold;
margin:0 0 8px 0;
}
#product .column .article .description h4 a{
text-decoration:none;
}
#product .column .article .description p.dispo{
font-size:11px;
line-height:13px;
margin-bottom:2px;
}
#product .column .article .description p.accroche{
font-size:10px;
line-height:12px;
}
#product .column .article .price{
float:left;
width:130px;
height:42px;
}
#product .column .article .price span{
font-size:16px;
font-weight:bold;
display:block;
margin:0 0 2px 0;
}
#product .column .article .price em{
font-weight:normal;
font-style:normal;
text-decoration:line-through;
}

#product .column ul{
list-style:none;
margin:25px 0 0 30px;
}
#product .column ul li{
font-size:13px;
line-height:18px;
}
#product .column ul li a{
text-decoration:none;
}
#product .column.aperitif ul li a:hover{
color:#cc0033;
}
#product .column.cocktail ul li a:hover{
color:#999900;
}
#product .column.degustation ul li a:hover{
color:#ff6600;
}

/* right */

#right{
position:absolute;
top:0px;
right:0px;
display:block;
width:162px;
height:1057px;
border:1px solid #bdbdbd;
}
#right h4{
text-indent:-9999px;
overflow:hidden;
}

#right .newsletter{
padding:8px;
height:83px;
overflow:hidden;
background:#e2001a;
}
#right .newsletter h4{
background:url(../pics/index/txt-newsletter.gif) no-repeat;
}
#right .newsletter p{
font-size:10px;
color:#fff;
line-height:12px;
margin:0 0 2px 0;
}
#right .newsletter form{
display:block;
width:144px;
height:25px;
background:url(../pics/index/bg-newsletter.gif) no-repeat;
}
#right .newsletter form input{
font-size:11px;
color:#666;
width:96px;
height:17px;
margin:5px 3px 3px 3px;
padding:0 2px;
}
#right .newsletter form a{
float:right;
display:block;
width:27px;
height:21px;
margin:2px;
background:url(../pics/index/btn-newsletter-ok.gif) no-repeat;
}

#right .logos{
text-align:center;
margin:0 0 12px 0;
padding:5px 8px;
height:205px;
overflow:hidden;
border-bottom:1px solid #c3c3c3;
}

#right .tags{
padding:4px;
height:251px;
overflow:hidden;
border-top:1px solid #c3c3c3;
}
#right .tags h4{
height:33px;
background:url(../pics/index/txt-recherches-frequentes.gif) no-repeat;
}
#right .tags p{
line-height:90%;
text-align:center;
margin:10px 0 0 0;
}
#right .tags p a{
font-weight:bold;
color:#898989;
text-decoration:none;
}
#right .tags p a.rouge{
color:#e2001a;
}
#right .tags p a.orange{
color:#ec7405;
}
#right .tags p a.vert{
color:#d4d600;
}

#right .avis{
padding:4px;
height:131px;
overflow:hidden;
border-top:1px solid #c3c3c3;
}
#right .avis h4{
margin:8px 0 0 0;
background:url(../pics/index/txt-votre-avis.gif) no-repeat;
}
#right .avis p{
font-size:10px;
margin:8px 0 0 0;
}
#right .avis ul{
margin:14px 0 0 0;
padding:8px 0 0 0;
background:url(../pics/index/dotted.gif) repeat-x top;
list-style-type:none;
}
#right .avis ul li{
display:table;
padding:0 0 4px 10px;
background:url(../pics/index/arw-red.gif) no-repeat 0 6px;
}
#right .avis ul li a{
text-indent:-9999px;
overflow:hidden;
height:16px;
width:123px;
display:block;
float:left;
}
#right .avis ul li.deposer a{
background:url(../pics/index/txt-deposer-avis.gif) no-repeat;
}
#right .avis ul li.consulter a{
background:url(../pics/index/txt-consulter-avis.gif) no-repeat;
}

#right .services{
padding:4px;
margin:0 0 12px 0;
height:166px;
overflow:hidden;
background:#eee;
border-top:1px solid #c3c3c3;
border-bottom:1px solid #c3c3c3;
}
#right .services h4{
margin:2px 0 4px 0;
background:url(../pics/index/txt-services.gif) no-repeat;
}
#right .services ul{
margin:0 0 0 4px;
list-style:none;
}
#right .services ul li{
display:block;
padding:0 0 1px 10px;
background:url(../pics/index/arw-red.gif) no-repeat 0 8px;
}
#right .services ul li a{
font-size:12px;
line-height:17px;
color:#c80017;
text-decoration:none;
}

#right .parrainage{
padding:8px;
height:126px;
overflow:hidden;
background:#6c6c6c;
}
#right .parrainage h4{
margin:10px 0 8px 0;
background:url(../pics/index/txt-parrainage.gif) no-repeat;
}
#right .parrainage p{
font-size:12px;
color:#fff;
text-align:center;
}
#right .parrainage p a{
color:#fff;
}

/* share */

#share{
display:block;
position:relative;
width:781px;
height:141px;
background:url(../pics/index/bg-share.gif);
border:1px solid #bdbdbd;
}
#share .guide-fete h4{
text-indent:-9999px;
overflow:hidden;
width:191px;
height:22px;
background:url(../pics/index/guide-fete.png) no-repeat;
}
#share .guide-fete ul{
list-style:none;
margin:4px 0 0 0;
}
#share .guide-fete ul li{
line-height:16px;
padding:0 0 0 10px;
background:url(../pics/index/arw-red.gif) no-repeat 0 8px;
}
#share .guide-fete ul li a{
font-size:12px;
color:#666;
text-decoration:none;
}
#share .blog a{
text-indent:-9999px;
overflow:hidden;
display:block;
width:195px;
height:99px;
background:url(../pics/index/blog.png) no-repeat;
}
#share .blog span{
font-size:10px;
color:#666;
font-style:italic;
}
#share .facebook a{
text-indent:-9999px;
overflow:hidden;
display:block;
width:245px;
height:123px;
background:url(../pics/index/facebook.png) no-repeat;
}
#share .guide-fete,
#share .blog,
#share .facebook{
float:left;
width:236px;
margin:8px 0 0 16px;
}

/* subfooter */

#subfooter{
display:table;
position:relative;
width:920px;
margin:12px auto;
font-size:11px;
color:#666;
text-align:justify;
}
#subfooter a{
color:#666;
}

/* footer */

#footer{
display:table;
position:relative;
width:958px;
margin:0 auto;
background:url(../pics/index/bg-footer.gif);
border:1px solid #bdbdbd;
}
#footer .column{
float:left;
width:239px;
}
#footer .column h4{
text-indent:-9999px;
overflow:hidden;
margin:8px 0 0 12px;
}
#footer .column.rayons h4{
background:url(../pics/index/txt-nos-rayons.gif) no-repeat;
}
#footer .column.marques h4{
background:url(../pics/index/txt-nos-marques.gif) no-repeat;
}
#footer .column.produits h4{
background:url(../pics/index/txt-nos-produits.gif) no-repeat;
}
#footer .column.informations h4{
background:url(../pics/index/txt-informations-pratiques.gif) no-repeat;
}
#footer .column ul{
list-style:none;
margin:10px 0 10px 40px;
}
#footer .column ul li{
font-size:11px;
line-height:16px;
padding:0 0 0 10px;
background:url(../pics/index/arw-red.gif) no-repeat 0 6px;
}
#footer .column.informations ul li{
font-size:12px;
font-weight:bold;
font-style:italic;
background:url(../pics/index/arw-red-strong.gif) no-repeat 0 6px;
}
#footer .column ul li a{
color:#666;
text-decoration:none;
}

/* links */

#links{
display:table;
position:relative;
width:958px;
margin:0 auto;
padding:8px 0;
}
#links span{
float:right;
font-size:10px;
}
#links ul{
float:left;
list-style:none;
padding:0 4px;
}
#links ul li{
font-size:10px;
padding:0 4px;
float:left;
}
#links ul li a{
text-decoration:none;
}