body {
  background: #7b7572;
  font-family: Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
  margin: 0 0;
  color: #7b7572;
  font-size: 12px;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
div, img, ul, form { margin: 0; padding: 0; border: 0; }
img { display: block; }
ul { list-style-type: none; }
p { margin: 0; margin-top: 14px; padding: 0; border: 0; }
h1 , h2 , h3, h4, dl, dt, dd { margin: 0; padding: 0; }
h1 span, h2 span, h3 span, h4 span { visibility: hidden; font-size: 1%; }

/* Fond, ombre */
#page { background: #fff; margin: 0 auto; padding: 9px; width: 942px; }

.cl { clear: both; }

/* Bannière */
#bandeau { background: #abd500; padding-bottom: 7px; width: 942px; height: 371px; }

#illustrations { float: left; width: 314px; height: 371px; }
#ill-lgv1 { background: url('../images/le-grand-verdus-1.jpg') no-repeat; width: 314px; height: 196px; }
#ill-lgv2 { background: url('../images/le-grand-verdus-2.jpg') no-repeat; margin-top: 7px; width: 314px; height: 168px; }

#logo { float: left; background: #b6b1a4 url('../images/logo.jpg') no-repeat 55px 24px; width: 317px; height: 371px; }
#logo a { display: block; margin: 24px 0 0 55px; width: 200px; height: 324px; }
#logo a:hover { text-decoration: none; }

/* Menu */
#menu { 
  float: right; 
  background: url('../images/le-grand-verdus-3.jpg') no-repeat; 
  padding-top: 21px; 
  font-size: 11px; 
  text-align: right; 
  width: 311px; 
  height: 350px;
}

#menu dt { margin-top: 3px; padding: 2px 0; text-transform: uppercase; }
#menu dt a { background: #a39f9d; padding: 2px 10px 2px 9px; color: #fff; }
#menu dt a:hover, #menu dt a#on { background: #abd500; color: #7b7572; text-decoration: none; }
#menu dd { padding-right: 10px; }
#menu dd a { color: #fff; }
#menu dd a:hover, #menu dd a#on { color: #abd500; text-decoration: none; }

/* Chemin */
#chemin-langues { background: url('../images/chemin.gif') repeat-y; width: 942px; height: 34px; }
#chemin { float: left; padding-top: 10px; color: #7b7572; font-size: 10px; text-align: right; width: 584px; }
#chemin li { display: inline; }
#chemin a { color: #7b7572; }
#chemin span { color: #fff; }

#langues { float: left; padding: 10px 50px 0 0; color: #fff; font-size: 10px; text-align: right; width: 308px; }
#langues li { display: inline; }
#langues a { color: #fff; }

/* Contenu */
#content { background: url('../images/content.gif') repeat-y; /*padding: 20px 0;*/ width: 942px; }

#contenu { background: url('../images/contenu.gif') repeat-y; padding: 20px 0; padding-left: 30px; width: 912px; }
#contenu h2 { margin-top: 15px; color: #abd500; font-size: 20px; font-weight: normal; width: 475px; }
#contenu h2 a { text-decoration: none; }

/* Colonne de gauche */
#gauche { float: left; padding: 20px 0; padding-left: 30px; width: 609px; }

.img-droite { float: right; border: 5px solid #b6b1a4; margin: 24px 0 0 25px; }
#gauche h2 { margin-top: 15px; color: #abd500; font-size: 20px; font-weight: normal; width: 475px; }
#gauche h2 a { text-decoration: none; }
#gauche .h2-gauche { width: 426px; }
#gauche p { text-align: justify; width: 584px; }
#gauche span { color: #ff8e42; }
#gauche .texte-gauche { width: 426px; }
#gauche .lien-gauche { text-align: right; }
.lien-gauche a, a.lien-gauche { background: #a39f9d; padding: 0 5px 1px 6px; color: #fff; }
.lien-gauche a:hover, a.lien-gauche:hover { text-decoration: none; }

#gauche h3 { margin-top: 15px; color: #000; font-size: 16px; font-weight: normal; width: 475px; }
#gauche .h3-gauche { width: 426px; }

#gauche h4 { margin-top: 10px; color: #abd500; font-size: 13px; font-weight: normal; }

#gauche .vert { color: #abd500; }
.orange { color: #ff8e42; }

/* Mise en avant en accueil */
#mea-gauche { float: left; }
#mea { float: left; }
#mea img { float: left; display: inline; }
#mea p { float: left; margin: 64px 10px 0 5px; text-align: left; width: 161px; }
#mea-droite { float: left; }

/* Carousel */
.bx_wrap { width: 562px; }
.bx_wrap .prev { float: left; }
.bx_wrap .next { float: right; }
.bx_wrap .bx_container { float: left; width: 528px; }
.bx_wrap .bx_container #miseenavant { width: 528px; }
.bx_wrap .bx_container #miseenavant li img { float: left; }
.bx_wrap .bx_container #miseenavant li p { float: left; margin: 64px 85px 0 0; text-align: left; width: 161px; }

/* Frise */
#chrono_mil {
  background:url("../images/frise.jpg") no-repeat;
  margin-top: 25px;
  font-family: Arial;
  width: 544px; 
  height: 124px;
}

#gauche_mil { float: left; display: block; cursor: pointer; width: 10px; height: 124px; }
#droite_mil { float: left; display: block; cursor: pointer; width: 10px; height: 124px; }
#slider_mil { float: left; position: relative; overflow: hidden; width: 524px; height: 124px; }

#slider_mil ul {
	position: absolute; margin-top: 5px; padding: 0px; font-size: 14px; list-style: none; left: 0px; height: 50px;
}

#slider_mil ul li { float: left; position: relative; margin-left: 20px; height: 50px; }

#slider_mil ul li a {
  display: block;
  background: url("../images/fleche.png") no-repeat 13px 18px;
  margin-top: 54px;
  color: #fff;
  text-decoration: none;
  height: 50px;
}

#slider_mil ul li a:hover { 
  display: block; 
  background: url("../images/fleche-hover.png") no-repeat 13px 24px;
  padding-top: 30px;
  color: #000; 
  text-decoration: none; 
  height: 50px; 
}

#slider_mil ul li a.select {
  background: url("../images/fleche-hover.png") no-repeat 13px 24px;
  padding-top: 30px;
  color: #000;
  bottom: 0px;
  text-decoration: none;
}

#frise-details { margin-left: 35px; }
#frise-details img { float: left; }
#frise-details p { float: left; margin: 30px 0 0 30px; text-align: left; width: 300px; }

/* Gamme nos vins */
.gamme { margin-top: 15px; }
.gamme img { float: left; margin-top: 25px; }
.gamme-detail { float: left; margin-left: 65px; width: 349px; }
#gauche .gamme h3 { margin: 0; width: 288px; }
#gauche .gamme-detail p { margin-left: 61px; text-align: left; width: 288px; }
#gauche .gamme-detail .lien-gamme { text-align: right; }
.lien-gamme a { background: #a39f9d; padding: 0 5px 1px 6px; color: #fff; }
.lien-gamme a:hover { text-decoration: none; }

.les-3-couleurs h3 { background: url('../images/nos-vins/blason_les-3-couleurs.jpg') no-repeat; width: 208px; height: 92px; }
.cuvee-tradition h3 { background: url('../images/nos-vins/blason_cuvee-tradition.jpg') no-repeat; width: 208px; height: 92px; }
.grande-reserve h3 { background: url('../images/nos-vins/blason_grande-reserve.jpg') no-repeat; width: 208px; height: 92px; }

.sep { border-top: 1px solid #abd500; margin: 25px 0 25px 0; width: 548px; height: 1px; }

/* Les 3 couleurs */
.img-h { background: url('../images/nos-vins/img-h.gif') no-repeat; width: 187px; height: 9px; }
.img-m { background: url('../images/nos-vins/img-m.gif') repeat-y; padding-left: 9px; width: 178px; }
.img-b { background: url('../images/nos-vins/img-b.gif') no-repeat; width: 187px; height: 9px; }

.couleur { margin-top: 25px; }
.couleur-img { float: left; margin: 35px 0 0 25px; }
.couleur-detail { float: left; margin-left: 46px; width: 290px; }
#gauche .couleur h3 { margin: 0; width: 275px; }
#gauche .couleur-detail p { text-align: left; width: 290px; }
.couleur-detail h4 { margin-top: 10px; color: #abd500; font-size: 13px; font-weight: normal; }

.bordeaux-superieur-rouge h3 { 
  background: url('../images/nos-vins/les-3-couleurs/bordeaux-superieur-rouge.gif') no-repeat; width: 275px; height: 25px;
}

.bordeaux-blanc-sec h3 {
  background: url('../images/nos-vins/les-3-couleurs/bordeaux-blanc-sec.gif') no-repeat; width: 275px; height: 25px;
}

.bordeaux-rose h3 {
  background: url('../images/nos-vins/les-3-couleurs/bordeaux-rose.gif') no-repeat; width: 275px; height: 25px;
}

/* Acheter */
.acheter { background: url('../images/nos-vins/les-3-couleurs/acheter.jpg') no-repeat; margin-top: 25px; width: 554px; height: 171px; }
#gauche .acheter h3 { margin: 0; padding: 25px 5px 0 0; color: #abd500; font-size: 16px; font-weight: normal; text-align: right; width: 549px; }
#gauche .acheter p { margin: 25px 0 0 35px; width: 475px; }
.acheter a { background: #a39f9d; padding: 0 5px 1px 6px; color: #fff; }
.cliquer { margin-left: 213px; }
.acheter a:hover { text-decoration: none; }

/* Vente en ligne */
.vente-bloc { margin-top: 5px }
.bloc-h { background: url('../images/bloc-h.gif') no-repeat; width: 552px; height: 4px; }
.bloc-m { background: url('../images/bloc-m.gif') repeat-y; padding: 15px 0 15px 4px; width: 548px; }
#gauche .bloc-m p { margin: 0; margin-left: 15px; padding-left: 59px; width: 400px; }
.telephone p { background: url('../images/telephone.jpg') no-repeat; }
.mail p { background: url('../images/mail.jpg') no-repeat; }
.courrier p { background: url('../images/courrier.jpg') no-repeat; }
.bloc-m a { background: #a39f9d; padding: 0 5px 1px 6px; color: #fff; }
.bloc-m a:hover { text-decoration: none; }
.bloc-m a.orange { background: none; padding: 0; color: #ff8e42; }
#gauche .bloc-m span { display: block; margin-left: 25px; color: #000; }
.bloc-b { background: url('../images/bloc-b.gif') no-repeat; width: 552px; height: 4px; }

/* Récompenses */
dl.faq { width: 584px; }
dl.faq dt { background: url('../images/fleche2.png') no-repeat; margin: 15px 0; padding: 0 0 2px 25px; }
dl.faq dd.faqvisible { display: none; }

/* Galerie photos */
#categories { float: left; margin-top: 46px; width: 225px; }
#categories li { display: inline; }
#liste-photos { float: left; margin: 50px 0 0 15px; width: 248px; }
#liste-photos li { float: left; margin: 0 5px 5px 0; }
#photo { float: right; background: url('../images/galerie/vertical.jpg') no-repeat; margin-right: -9px; width: 423px; height: 458px; }
#photo img, #titre-copyright { margin-left: 9px; }
#photo img { margin-top: 50px; }

/* Revue de presse */
.presse { margin-top: 35px; }

/* Demande d'informations */
#gauche .champs { font-size: 11px; font-style: italic; text-align: right; width: 548px; }
.demande { margin: 25px 0 0 15px; width: 400px; }
#gauche .demande .cel-champs { width: 100px; }
.submit { display: inline; background: #a39f9d; padding: 0 5px 1px 6px; }
.submit a { color: #fff; }
.submit a:hover { text-decoration: none; }

.response { color: #ff0000; font-weight: bold; }

/* Colonne de droite */
#droite { float: right; padding: 20px 0; padding-left: 24px; width: 279px; }

#droite h2 { margin-top: 15px; color: #fff; font-size: 20px; font-weight: normal; }
.focus { background: #fff; margin-top: 15px; padding: 3px 68px 2px 11px; font-size: 13px; width: 200px; }
#droite p { width: 270px; }
.fontsize11 { font-size: 11px; }
#droite .lien-droite { font-size: 11px; font-weight: bold; text-align: right; width: 279px; }
.lien-droite a { background: #fff; padding: 1px 5px 2px 6px; color: #7b7572; }
.lien-droite a:hover { text-decoration: none; }

.image-droite { margin-top: 15px; }
.image-droite-h { background: url('../images/img-droite-h.jpg') no-repeat; width: 247px; height: 21px; }
.image-droite-m { background: url('../images/img-droite-m.gif') repeat-y; padding-left: 14px; width: 233px; }
/*.image-droite-m img { margin: 0 auto; }*/
.image-droite-b { background: url('../images/img-droite-b.jpg') no-repeat; width: 247px; height: 28px; }

.bloc-img-droite { display: block; position: relative; margin-top: 30px; width: 279px; height: 111px; }
.bloc-img-droite:hover { text-decoration: none; }
.bloc-img-droite span { position: absolute; bottom: 8px; right: 30px; font-size: 11px; color: #7b7572; text-transform: uppercase; }
.ou-trouver-nos-vins { background: url('../images/ou-trouver-nos-vins.jpg') no-repeat; }
.ou-trouver-nos-vins2 { background: url('../images/ou-trouver-nos-vins2.jpg') no-repeat; }
.decouvrir-nos-vins { background: url('../images/decouvrir-nos-vins.jpg') no-repeat; }
.nos-recompenses { background: url('../images/nos-recompenses.jpg') no-repeat; }
.revue-de-presse { background: url('../images/revue-de-presse.jpg') no-repeat; }
.decouvrez-les-3-couleurs { background: url('../images/decouvrez-les-3-couleurs.jpg') no-repeat; }
.decouvrez-la-cuvee-tradition { background: url('../images/decouvrez-la-cuvee-tradition.jpg') no-repeat; }
.decouvrez-la-grande-reserve { background: url('../images/decouvrez-la-grande-reserve.jpg') no-repeat; }

#citation-droite { float: left; margin-top: 35px; color: #fff; font-family: Georgia; width: 265px; }
#guillemets1_blanc { background: url('../images/guillemets1_blanc.gif') no-repeat; }
#guillemets1_blanc h3 { padding: 15px 0 0 35px; font-size: 13px; font-weight: normal; }
#guillemets2_blanc { background: url('../images/guillemets2_blanc.gif') no-repeat top right; width: 210px; }
#guillemets2_blanc h3 { padding: 0 0 25px 35px; font-size: 11px; font-style: italic; font-weight: normal; }

.telechargement { background: url('../images/acrobat.jpg') no-repeat; padding: 7px 0 0 47px;  width: 232px; }
.telechargement h3 { color: #fff; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.telechargement p { margin: 0; font-size: 14px; }
#droite .telechargement .lien-acrobat { font-size: 11px; font-weight: bold; text-align: right; width: 211px; }
.lien-acrobat a { background: #fff; padding: 0 5px 1px 6px; color: #7b7572; }
.lien-acrobat a:hover { text-decoration: none; }

.sep2 { border-top: 2px dotted #fff; margin: 15px 0 5px 7px; width: 251px; height: 1px; }

/* Footer */
#footer { margin: 0 auto; padding-bottom: 50px; width: 960px; }
#menu-secondaire { margin-top: 10px; color: #cac8c7; font-size: 10px; text-align: right; }
#menu-secondaire li { display: inline; }
#menu-secondaire a { color: #cac8c7; }

#contact { float: left; margin-top: 5px; color: #fff; font-size: 11px; width: 240px; }
#contact h2 { color: #abd500; font-size: 20px; font-weight: normal; }
#contact p { margin: 0; padding-left: 33px; }
#contact span { text-transform: uppercase; }
#contact a { background: #fff; padding: 0 7px 0 10px; color: #7b7572; font-size: 11px; }
#contact a:hover { text-decoration: none; }
#contact .vert { color: #abd500; }

#citation { float: left; color: #cac8c7; font-family: Georgia; width: 327px; }
#guillemets1 { background: url('../images/guillemets1.gif') no-repeat; }
#guillemets1 h3 { padding: 15px 0 0 35px; font-size: 12px; font-weight: normal; }
#guillemets2 { background: url('../images/guillemets2.gif') no-repeat top right; }
#guillemets2 h3 { padding: 0 35px 25px 0; font-size: 11px; font-style: italic; font-weight: normal; text-align: right; }

#bordeaux-superieur { float: right; margin-top: 25px; }
#bordeaux-superieur img { display: inline; }

#message { margin-top: 5px; color: #a39f9d; font-size: 10px; text-align: center; }

/* Autre */
#gauche .gris { color: #7b7572; }
#gauche .italic { font-style: italic; }
#gauche .gris-italic { color: #7b7572; font-style: italic; }