* {
border:0;
padding:0;
margin:0;
}

html {
overflow:scroll;
}

body {
background:url(images/main-bg.png) 0 0;
font-family:Georgia, Helvetica, Verdana, serif;
}

#bg {
background:url(images/body-bg.png) 0 0 repeat-x;
}

#main-wrapper {
position:relative;
width:980px;
margin:auto;
}

#header {
height:160px;
}

h1 {
width:660px;
height:160px;
background:url(images/cave-a-vins-epicerie-fine) 0 0 no-repeat;
text-indent:-9999px;
}

/* menu */
#menu {
height:60px;
background:url(images/menu-bg.png) 0 0 repeat-x;
}

#menu ul {
list-style:none;
}

#menu ul li {
float:left;
}

#menu ul li a {
text-indent:-9999px;
}

#btn-accueil {
display:block;
width:165px;
height:60px;
background:url(images/btn-accueil.png) 0 0 no-repeat;
}

#btn-vins {
display:block;
width:110px;
height:60px;
background:url(images/btn-vins.png) 0 0 no-repeat;
}

#btn-epicerie-thes {
display:block;
width:210px;
height:60px;
background:url(images/btn-epicerie-thes.png) 0 0 no-repeat;
}

#btn-whisky-alcools {
display:block;
width:235px;
height:60px;
background:url(images/btn-whisky-alcools.png) 0 0 no-repeat;
}

#btn-contact {
display:block;
width:180px;
height:60px;
background:url(images/btn-contact.png) 0 0 no-repeat;
}

#btn-accueil:hover, #btn-vins:hover, #btn-epicerie-thes:hover, #btn-whisky-alcools:hover, #btn-contact:hover, #menu ul li a.actif {
background-position:0 -60px;
}

/* content */
#content {
padding:10px 0 10px 0;
background:url(images/main-bg.png);
}

/* paragraphe */
#content p , #content ul{
font:14px/20px Georgia;
color:#831436;
}

#content p span {
font-weight:bold;
}

#content ul {
list-style-type:square;
margin-left:40px;
}

/*
#portes-ouvertes ul  ul{
margin-left:20px;
}

#portes-ouvertes ul li span {
font-weight:bold;
text-decoration:underline;
}
*/

#content img {
border:2px solid #831436;
padding:2px;
}

#content a {
font-weight:bold;
color:#831436;
text-decoration:underline;
}

#content a.excel {
display:block;
background:url(images/excel.png) 100% 50% no-repeat;
font:bold 14px/32px Georgia;
padding-right:30px;
font-weight:bold;
color:#831436;
text-decoration:underline;
}

#content a:hover {
font-style:italic;
}

#content a:hover img {
border:2px solid #d4bd69;
}

/* titre h2 */
h2 {
font:16px/40px Georgia;
color:#831436;
text-indent:-9999px;
}

h2.actu {
height:55px;
background:url(images/actualites.png) 0 0 no-repeat;
}

h2.newsletter {
height:55px;
background:url(images/newsletter.png) 0 0 no-repeat;
}

h2.metier {
height:55px;
background:url(images/metier.png) 0 0 no-repeat;
}

h2.vins {
height:55px;
background:url(images/vins.png) 0 0 no-repeat;
}

h2.portes-ouvertes {
height:55px;
background:url(images/portes-ouvertes.png) 0 0 no-repeat;
}

h2.accessoires {
height:55px;
background:url(images/accessoires.png) 0 0 no-repeat;
}

h2.epicerie-thes {
height:55px;
background:url(images/epicerie-thes.png) 0 0 no-repeat;
}

h2.rillettes {
height:55px;
background:url(images/rillettes-foies-gras.png) 0 0 no-repeat;
}

h2.thes {
height:55px;
background:url(images/thes.png) 0 0 no-repeat;
}

h2.epices {
height:55px;
background:url(images/epices.png) 0 0 no-repeat;
}

h2.fromages {
height:55px;
background:url(images/fromages.png) 0 0 no-repeat;
}

h2.confitures {
height:55px;
background:url(images/confitures.png) 0 0 no-repeat;
}

h2.caramels {
height:55px;
background:url(images/caramels.png) 0 0 no-repeat;
}

h2.paniers-garnis {
height:55px;
background:url(images/paniers-garnis.png) 0 0 no-repeat;
}

h2.autres-produits {
height:55px;
background:url(images/autres-produits.png) 0 0 no-repeat;
}

h2.whisky-alcools {
height:55px;
background:url(images/whisky-alcools.png) 0 0 no-repeat;
}

h2.whiskies {
height:55px;
background:url(images/whiskies.png) 0 0 no-repeat;
}

h2.rhums {
height:55px;
background:url(images/rhums.png) 0 0 no-repeat;
}

h2.armagnac {
height:55px;
background:url(images/armagnac.png) 0 0 no-repeat;
}

h2.autres-alcools {
height:55px;
background:url(images/autres-alcools.png) 0 0 no-repeat;
}

h2.contact {
height:55px;
background:url(images/contact.png) 0 0 no-repeat;
}

h2.primeurs {
height:55px;
background:url(images/primeurs.png) 0 0 no-repeat;
}

/* titre h3 */
h3 {
font:bold 16px/24px Georgia;
color:#831436;
text-align:center;
border-bottom:1px solid #831436;
}

h3 span {
font:12px/18px Georgia;
}

/* actualites */
#actualites {
width:500px;
margin-bottom:15px;
}

#actualites div {
background:#831436;
padding-bottom:10px;
}

#actualites img {
border:2px solid #d4bd69;
padding:2px;
}

#actualites div p {
color:#d4bd69;
margin-left:5px;
}

#actualites div h2 {
font-size:150%;
padding:10px;
text-indent:0;
color:#d4bd69;
}

#actualites div p span span {
font-size:300%;
}

#actualites  a {
font-weight:bold;
color:#d4bd69;
text-decoration:underline;
}

#actualites  a:hover {
font-style:italic;
}

#actualites a.highlight {
background:#d4bd69;
font-size:150%;
color:#831436;
padding:5px;
text-decoration:none;
}

a.pdf {
background:url(images/ico-pdf.png) 100% 0 no-repeat;
padding-right:20px;
}

#actualites div ul {
list-style:square;
margin:10px 10px 10px 30px;
color:#d4bd69;
}

/* newsletter */
#newsletter {
width:500px;
}

p.ok {
color:#177408 !important;
text-align:center !important;
font-weight:bold !important;
}

p.erreur {
color:#f00 !important;
text-align:center !important;
font-weight:bold !important;
}

#inscription {
width:370px;
margin:30px 0 0 40px;
}

#inscription p.champ {
padding:0 !important;
}

#inscription p.submit {
clear:both;
height:25px;
padding:0;
margin:0 3px 0 0;
text-align:right;
}

#inscription p label.champ {
width:90px;
float:left;
}

#inscription input[type=text] {
height:18px;
width:275px;
border:1px solid #831436;
margin:0 0 5px 0;
}

#inscription input[type=submit] {
background: #831436;
padding:5px;
color:#d4bd69;
font:bold 12px/18px Georgia;
cursor:pointer;
}

#inscription input[type=text].error {
border:1px solid #f00;
}

#inscription label.error {
float:left;
width:250px !important;
margin-bottom:5px;
padding-left:90px;
height:18px;
color:#f00;
}

#photos-magasin ul {
list-style-type:none;
}

/* vins */
#photos-vins ul, #photos-accessoires ul {
list-style-type:none;
margin:0;
}

#photos-vins li, #photos-accessoires li {
float:left;
}

#photos-vins img, #photos-accessoires img {
border:2px solid #831436;
padding:2px;
}

#content ul.portes-ouvertes {
margin-left:16px;
}

#content ul.portes-ouvertes ul.mt {
margin-top:6px;
margin-left:16px;
}

ul.portes-ouvertes li ul li {
margin-bottom:6px;
text-transform:lowercase;
}

ul.portes-ouvertes li span {
background:#831436;
color:#d4bd69;
padding:5px;
}

#photos-portes-ouvertes {
position:relative;
}

#carafes, #verres, #tire-bouchons {
width:130px;
}

/* epicerie, alcools */
#photos-rillettes, #photos-thes, #photos-epices, #photos-confitures, #photos-caramels, #photos-paniers, #photos-whiskies, #photos-rhums, #photos-arm-cog, #photos-autres-alcools, #photos-autres-produits {
position:relative;
}

/* contact */
#contact {
width:470px;
margin-left:40px;
}

#contact p.champ {
padding:0 !important;
}

#contact p.submit {
clear:both;
height:25px;
padding:0;
margin:0 3px 0 0;
text-align:right;
}

#contact p label {
width:90px;
float:left;
}

#contact input[type=text] {
height:18px;
width:275px;
border:1px solid #831436;
margin:0 0 5px 0;
}

#contact input[type=text].error {
border:1px solid #f00;
}

#contact textarea {
height:250px;
width:375px;
border:1px solid #831436;
margin:5px 0;
}

#contact textarea.error {
border:1px solid #f00;
}

#contact input[type=submit] {
background: #831436;
padding:5px;
color:#d4bd69;
font:bold 12px/18px Georgia;
cursor:pointer;
}

#contact label.error {
float:left;
width:470px !important;
margin-bottom:5px;
padding-left:90px;
height:18px;
color:#f00;
}

address {
font:12px/18px Georgia;
color:#831436;
}

/* footer */
#footer {
height:50px;
background:url(images/footer-bg.png) 0 0 no-repeat;
}

#footer p {
font:16px/40px Georgia;
color:#d4bd69;
text-align:center;
}

/* carousel */
.carousel {
margin:auto;
}

.carousel li {
margin-right:2px;
}

.prev-vins, .prev-rillettes, .prev-thes, .prev-epices, .prev-confitures, .prev-caramels, .prev-whiskies, .prev-rhums, .prev-arm-cog, .prev-autres-alcools, .prev-autres-produits {
position:absolute;
left:0;
top:30px;
width:80px;
height:70px;
background:url(images/btn-prev.png) 50% 0 no-repeat;
cursor:pointer;
font-size:10px;
color:#831436;
padding-top:50px;
text-align:center;
}

.next-vins, .next-rillettes, .next-thes, .next-epices, .next-confitures, .next-caramels, .next-whiskies, .next-rhums, .next-arm-cog, .next-autres-alcools, .next-autres-produits {
position:absolute;
right:0;
top:30px;
width:80px;
height:70px;
background:url(images/btn-next.png) 50% 0 no-repeat;
cursor:pointer;
font-size:10px;
color:#831436;
padding-top:50px;
text-align:center;
}

/* colones */
.l-500 {
width:500px;
}

.l-410 {
width:410px;
margin-left:30px;
}

.l-475 {
width:475px;
}

.float-left {
float:left;
}

#actualites img.float-left {
float:left;
margin-right:10px;
}

.float-right {
float:right;
}

table {
width:800px;
margin:10px auto;
border:1px solid #831436;
}

th {
border:1px solid #831436;
padding:5px;
font:bold 16px/18px Georgia;
color:#831436;
text-align:center;
}

td {
border:1px solid #831436;
padding:5px;
font:12px/18px Georgia;
color:#831436;
}

td.prix {
font-weight:bold;
text-align:right;
}

/* marges */
.mt {
margin-top:18px;
}

.mt10 {
margin-top:10px;
}

.ml {
margin-left:18px;
}

.ml30 {
margin-left:30px;
}

.ml200 {
margin-left:200px;
}

.md {
margin-right:10px;
}

.mr {
margin-right:18px
}

.mr200 {
margin-right:200px;
}

.align-right {
text-align:right;
}

.justif {
text-align:justify;
}

.clear {
clear:both;
}

.invisible {
display:none;
}
