p {padding: 0; margin: 0;}
img {border: 0 none;}
th {text-align: left;}
select.combo {font-size: 90%; font-family: inherit; vertical-align: middle; font-weight: normal;}
select.comboqte {font-size: 90%; font-family: Arial, Verdana, Helvetica, sans-serif; width: 5.5em; height: 1.7em;}
form {display: block; margin: 0; padding: 0;}
input {vertical-align: middle; margin: 0;}
input.txt {background-color: #ffffff; border: 1px solid #cccccc; font-size: 110%; margin: 0; font-weight: bold; color: #6f6f6f; width: 20em;}
input.check {height: 1em; margin: 0; padding: 0;}
input.radio {margin: 0 0.3em 0 0; padding: 0;}
input.btnpetit {height: 22px; width: 76px; font-weight: bold; color: black; background: url(/images/boutons/bouton_petit.gif)  0 0 no-repeat; border: 0; cursor: pointer; font-size: 100%; padding-bottom: 0.2em}
input.btnmoyen {height: 21px; width: 146px; font-weight: bold; color: black; background: url(/images/boutons/bouton_moyen.gif)  0 0 no-repeat; border: 0; cursor: pointer; font-size: 100%; padding-bottom: 0.2em}
input.btnpsub {height: 22px; width: 76px; font-weight: bold; color: black; background: url(/images/boutons/bouton_petit.gif)  0 0 no-repeat; border: 0; cursor: pointer; font-size: 100%; padding-bottom: 5px;}
textarea.txt {background-color: #ffffff; border: 1px solid #cccccc; font-size: 110%; margin: 0; font-weight: bold; color: #6f6f6f; width: 20em;}
p.chkfields {clear: left; margin-bottom: 5px; line-height:1.5em;}
p.chkfields label.enligne {margin-right: 0.5em;}
p.fields {clear: left; margin-bottom: 5px; text-align: left;}
p.fields span, span.label {float: left; display: block; width: 13em; margin-top: 0.1em; padding: 0;}
.erreur {text-align: center; margin: 0 auto 15px auto; border: 1px solid gray; background: #cccccc; color: black; padding: 8px 5px; width: 95%; font-weight: bold;}
.succes {text-align: center; margin: 0 auto 15px auto; border: 1px solid gray; color: #660033; padding: 8px 5px; width: 95%;}
a.lien {color: black; text-decoration: none;}
a.lien:hover {text-decoration: underline;}

.fontlatin {font-family: Verdana, Arial, Helvetica, sans-serif;}

.aligndroite {text-align: right;}
.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.bold {font-weight: bold;}
.souligne {text-decoration: underline;}
.italic {font-style: italic;}

.rougebdx {color: #660033;}
.rouge {color: #cc0033;}
.colorblack {color: black;}
.colorgris {color: #999999;}
.colorbleu {color: #6666ff;}
.colorvert {color: #4d8116;}
.colororange {color: #ff9900;}

.backgris {background-color: #999999; color: white;}
.backrouge {background-color: red; color: white;}
.backbleu {background-color: #6666ff; color: white;}
.backviolet {background-color: #800080; color: white;}
.backjaune {background-color: #ffff66; color: black;}
.backgrisc {background-color: #ececec; color: black;}
.backvert {background-color: #2e8b57; color: black;}

ul.scrolling {position: absolute; margin: 0; padding: 0; list-style-type: none;}
ul.scrolling li {position: relative; margin: 0; padding: 0; color: gray;}
ul.scrolling li a {color: gray; text-decoration: none;}
ul.scrolling li a:hover {text-decoration: underline;}

#aide {width:100%; font-size: 110%;}
#aide h2 {color: #660033; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 5px 0;}
#aide h3 {clear: both; color: #660033; font-size: 100%; font-weight: bold; padding: 0; margin: 25px 0 5px 0;}
#aide h4 {clear: both; color: #999999; font-size: 100%; font-weight: bold; padding: 0; margin: 25px 0 5px 0;}
#aide a.lienimg {line-height: 1.2em; text-decoration: none; color: black;}
#aide a.lienimg:hover {text-decoration: underline;}
#aide a.lienimg img {margin-right: 0.5em;}
#aide blockquote {padding: 0; margin: 0 0 0 20px;}
#aide img.left {float: left; margin: 2px 10px 10px 0;}
#aide img.right {float: right; margin: 2px 0 10px 10px;}
#aide p#btnretour {clear: both; float: left; margin-top: 1em;}
#aide table#port {border: 0; width: 100%; padding: 0; margin: 0 0 10px 0;}
#aide table#port thead tr {background: none;}
#aide table#port thead th {font-weight: normal; vertical-align: bottom; padding: 0.3em 0.5em;}
#aide table#port tr {background-color: #ececec;}
#aide table#port tr.gras {background-color: #ececec; font-weight: bold;}
#aide table#port td {border-bottom: 2px solid white; vertical-align: top; padding: 0.3em 0.5em; text-align: left;}
#aide table#port td.prix, #aide table#port thead th.prix {text-align: right; white-space: nowrap;}
#aide table#port td.qte, #aide table#port thead th.qte {text-align: right; white-space: nowrap; width: 5em;}
#aide table#port td.lib, #aide table#port thead th.lib {white-space: nowrap; width: 12em;}

#redac {width:100%; font-size: 110%;}
#redac h2 {color: #660033; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 5px 0;}
#redac h3 {clear: both; color: black; font-size: 100%; font-weight: bold; padding: 0; margin: 20px 0 5px 0;}
#redac .legend {color: gray; font-size: 90%;}

#cde {width: 100%; text-align: left;}
#cde h2 {color: #660033; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 5px 0;}
#cde h3 {color: #660033; font-size: 100%; font-weight: bold; padding: 0; margin: 15px 0 5px 0;}
#cde table#listecde {border: 0; width: 100%; padding: 0; margin: 10px 0;}
#cde table#listecde thead tr {background: none;}
#cde table#listecde thead th {font-weight: normal; vertical-align: bottom; padding: 0.3em 0.5em;}
#cde table#listecde tr {background-color: #ececec;}
#cde table#listecde td {border-bottom: 2px solid white; vertical-align: top; padding: 0.3em 0.5em; text-align: left;}
#cde table#listecde td.prix, #cde table#listecde thead th.prix {text-align: right; white-space: nowrap; padding-right: 1em;}
#cde table#listecde td.detail, #cde table#listecde thead th.detail {text-align: center; width: 5em;}
#cde #adrliv {float: left; width: 49%; padding-bottom: 10px;}
#cde #adrfact {float: right; width: 49%; padding-bottom: 10px;}
#cde #export {float: right;}
#cde #export ul {margin:0; padding: 0; list-style-type: none;}
#cde #export li {float: left; margin-right: 1em; line-height: 1.7em;}
#cde #export li a {display: block; color: black; text-decoration: none; padding-left: 20px;}
#cde #export li a.red {display: block; color: #cc0033; text-decoration: none; padding-left: 20px;}
#cde #export li a:hover, #cde #export li a.red:hover {text-decoration: underline;}
#cde #export li a#excel {background: url(/images/excel.gif) left center no-repeat;}
#cde #export li a#excel:hover {background: url(/images/excel_h.gif) left center no-repeat;}
#cde #export li a#pdf {background: url(/images/pdf.gif) left center no-repeat;}
#cde #export li a#pdf:hover {background: url(/images/pdf_h.gif) left center no-repeat;}
#cde #listedetail {border: 0; width: 100%; padding: 0; margin: 0;}
#cde #listedetail a.chateau {color: #660033; text-decoration: none; font-weight: bold;}
#cde #listedetail a.chateau:hover {color: #cccccc; text-decoration: underline;}
#cde #listedetail a.ext {margin-left: 0.3em; color: black; text-decoration: none;}
#cde #listedetail thead tr {background: none;}
#cde #listedetail thead th {font-weight: normal; vertical-align: bottom; padding: 0.3em 0.5em;}
#cde #listedetail tr {background-color: #ececec;}
#cde #listedetail td {border-bottom: 2px solid white; vertical-align: top; padding: 0.3em 0.3em; text-align: left;}
#cde #listedetail td.suppr, #cde #listedetail thead th.suppr {width: 15px;}
#cde #listedetail td.millesime, #cde #listedetail thead th.millesime {font-weight: bold;}
#cde #listedetail td.couleur {width: 12px;}
#cde #listedetail td.format, #cde #listedetail thead th.format {text-align: right; white-space: nowrap;}
#cde #listedetail td.prix, #cde #listedetail thead th.prix {text-align: right; white-space: nowrap;}
#cde #listedetail td.qte, #cde #listedetail thead th.qte {text-align: right; padding-top: 0.1em; padding-left: 1em;}
#cde #resume {width: 100%; text-align: right; margin-top: 15px;}
#cde #resume p.fields {clear: left; margin-bottom: 5px; text-align: right; margin-left: 200px;}
#cde #resume p.fields span {float: left; display: block; width: 200px;}
#cde #resume input.txt {background-color: #ffffff; border: 1px solid #cccccc; font-size: 110%; margin: 0; font-weight: bold; color: #6F6F6F; width: 100px;}
#cde ul.bouton {margin: 0; padding: 0;}
#cde ul.bouton li {float: left; list-style-type: none; margin: 0 0.5em 0 0;}
#cde ul.bouton li a {display: block; color: black; text-decoration: none;}
#cde ul.btn {margin: 0 0 5px 0; padding: 0; list-style-type: none; font-weight: bold;}
#cde ul.btn li {display: inline;}
#cde ul.btn li a {color: black; text-decoration: none;}
#cde ul.btn li a:hover {text-decoration: underline;}
#cde #infos {margin-bottom: 10px;}

#passercde {width: 100%; text-align: left;}
#passercde h2 {color: #660033; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 5px 0;}
#passercde h3 {color: #660033; font-size: 100%; font-weight: bold; padding: 0; margin: 15px 0 5px 0;}
#passercde #adrliv {float: left; width: 49%; padding-bottom: 10px;}
#passercde #adrfact {float: right; width: 49%; padding-bottom: 10px;}
#passercde ul.bouton {margin: 0; padding: 0; list-style-type: none;}
#passercde ul.bouton li {float: left; margin: 0 0.5em 0 0;}
#passercde ul.bouton li a {display: block; color: black; text-decoration: none;}
#passercde ul.btn {margin: 0 0 5px 0; padding: 0; list-style-type: none; font-weight: bold;}
#passercde ul.btn li {display: inline;}
#passercde ul.btn li a {color: black; text-decoration: none;}
#passercde ul.btn li a:hover {text-decoration: underline;}
#passercde div#msg p {margin-top: 1em; font-size: 110%;}
#passercde div#msg p#adr {margin-top: 5em; font-size: 110%; color: #999999;}
#passercde p#btnretour {margin-top: 2em;}
#passercde #assurance {display: none; visibility: hidden; margin-left: 2em;}

/* CARNET */
#carnet {width: 100%;}
#carnet h2 {color: #660033; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 5px 0;}
#carnet h3 {color: #660033; font-size: 100%; font-weight: bold; padding: 0; margin: 15px 0 5px 0;}
#carnet div.adr {clear: left; padding-bottom: 40px;}
#carnet div.adr ul {margin: 0; padding: 0;}
#carnet div.adr li {float: left; list-style-type: none; margin: 0 0.5em 0 0;}
#carnet div.adr li a {display: block; color: black; text-decoration: none;}
#carnet #infos {margin-bottom: 10px;}
/* FIN CARNET */

/* PRODUIT */
#produit {width:100%;}
#produit h2 {color: #660033; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 5px 0; text-align: center;}
#produit h2#ami {text-align: left; margin: 0 0 10px 0;}
#produit h3 {color: #660033; font-size: 100%; padding: 0; margin: 15px 0 5px 0; border-bottom: #660033 2px solid;}
#produit h4 {color: black; font-size: 100%; padding: 0; margin: 0.5em 0 0 0; width: 100%;}
#produit #haut {margin-bottom: 15px; width: 100%; text-align: center; vertical-align: middle;}
#produit #haut img#etiquette {float:left; margin: 0 10px 15px 0;}
#produit #haut img#bwf {position: absolute; top: 140px; right: 215px;}
#produit #haut a.descrip{color: black;  text-decoration: none;}
#produit #haut a.descrip:hover {text-decoration: underline;}
#produit #haut a.ext {margin-left: 0.3em; color: black; text-decoration: none;}
#produit #haut p {text-align: center; line-height: 1.3em;}
#produit #haut p#prix {margin-top: 10px;}
#produit #haut p#qte {margin-top: 10px;}
#produit #haut p#amis {margin-top: 10px;}
#produit #haut p#amis a {color: black;  text-decoration: none;}
#produit #haut p#amis a:hover {text-decoration: underline;}
#produit #haut p#pdf {margin-top: 1em;}
#produit #haut p#pdf a{background: url(/images/pdfdouble.gif) 0 0 no-repeat; color: black; text-decoration: none; padding: 5px 0 0 20px;}
#produit #haut p#pdf a:hover {background-position: 0 -17px; text-decoration: underline;}
#produit #revue {clear: left;}
#produit #revue .apogee {color: #858585;margin-left: 20px;}
#produit #cuvee {color: #cccccc;}
#produit p#presentation {margin-bottom: 15px;}
#produit p#presentation img {float: left; margin-right: 0.7em;}
#produit .statut {margin-bottom: 15px;}
#produit p#btnretour {float: left; margin-top: 1em;}
#produit p#btnsubmit {float: right; margin-top: 1em;}
/* FIN PRODUIT */

/* PANIER */
#panier {width: 100%;}
#panier h2 {color: #660033; font-size: 120%; text-decoration: none; font-weight: bold; margin: 0 0 5px 0;}
#panier h3 {color: #660033; font-size: 100%; padding: 0; margin: 15px 0 5px 0; border-bottom: #660033 2px solid;}
#panier h4 {color: #660033; font-size: 100%; padding: 0; margin: 10px 0 5px 0;}
#panier table.listepanier {border: 0; width: 100%; padding: 0; margin: 0;}
#panier table.listepanier a.chateau {color: #660033; text-decoration: none; font-weight: bold;}
#panier table.listepanier a.chateau:hover {text-decoration: underline;}
#panier table.listepanier a.ext {margin-left: 0.3em; color: black; text-decoration: none;}
#panier table.listepanier thead tr {background: none;}
#panier table.listepanier thead th {font-weight: normal; vertical-align: bottom; padding: 0.3em 0.3em;}
#panier table.listepanier tr {background-color: #ececec;}
#panier table.listepanier tr.blanc {background: none;}
#panier table.listepanier td {border-bottom: 2px solid white; vertical-align: top; padding: 0.3em 0.3em; text-align: left;}
#panier table.listepanier td.suppr, #panier table.listepanier thead th.suppr {width: 15px;}
#panier table.listepanier td.millesime, #panier table.listepanier thead th.millesime {font-weight: bold; width: 4em; padding-right: 0;}
#panier table.listepanier td.couleur {width: 12px; padding-left: 0; padding-right: 0;}
#panier table.listepanier td.format, #panier table.listepanier thead th.format {text-align: right; white-space: nowrap;}
#panier table.listepanier td.prix, #panier table.listepanier thead th.prix {text-align: right; white-space: nowrap;}
#panier table.listepanier td.qte, #panier table.listepanier thead th.qte {text-align: right; padding-top: 0.1em; padding-left: 0.7em;}
#panier table.listepanier td.noqte {text-align: right;}
#panier table.listepanier .descriptif {color: #666666; font-size: 90%;}
#panier table.listepanier .descriptif a {color: #666666; text-decoration: none;}
#panier table.listepanier .descriptif a:hover {text-decoration: underline;}
#panier table.listepanier span.txtpromo {color: #660033; font-size: 90%; font-style: italic;}
#panier table.listepanier span.txtpromo a {color: #660033; text-decoration: none;}
#panier table.listepanier span.txtpromo a:hover {text-decoration: underline;}
#panier table.listepanier span.rem {color: #cc0033; font-size: 90%; font-style: italic; font-weight: bold;}
#panier .resume {width: 100%; text-align: right; margin-top: 15px;}
#panier .resume p.fields {clear: left; text-align: right; margin-bottom: 5px; margin-left: 200px;}
#panier .resume p.fields span {float: left; display: block; width: 200px;}
#panier .resume input.txt {background-color: #ffffff; border: 1px solid #cccccc; font-size: 110%; margin: 0; font-weight: bold; color: #6F6F6F; width: 100px;}
#panier p#phrase {margin: 2em 0; color: #cc0033; text-align: center;}
/* FIN PANIER */

/* LOGIN */
#login {width: 100%;}
#login h2 {color: #660033; font-size: 120%; font-weight: bold; margin: 0 0 5px 0;}
#login h3 {color: #660033; font-size: 100%; font-weight: bold; margin: 20px 0 5px 0;}
#login ul {list-style-type: none; margin: 0; padding: 0;}
#login li {background: url(/images/curseur.gif) left center no-repeat; padding-left: 1em; line-height: 2em;}
#login li a {color: black; text-decoration: none;}
#login li a:hover {text-decoration: underline;}
#login p.memo {margin-bottom: 15px;}
#login select.combo {font-size: 100%; vertical-align: middle;}
#login div#categories p {float: left; width: 33%; display: inline; text-align: left;}
#login div#categories p input {margin-right: 2px;}
#login div#categories p label {margin-left: 2px;}
/* FIN LOGIN */

/* RECHERCHE - MENU */
#rech {width: 100%;}
#rech #notes {margin-top: 10px;}
#rech h2 {color: #660033; font-size: 120%; font-weight: bold; margin: 0 0 5px 0;}
#rech h2.titreliste {margin: 0 0 3px 0; font-weight: bold; color: black; font-size: 100%;}

#rech div#bwf p {text-align: center;}
#rech div#bwf p#membre {margin-top: 20px;}
#rech div#bwf p#texte {font-size: 1.2em; margin: 10px 0 30px 0;}

#rech div#navlist {clear: left; float: left; margin: 20px 0 0 0; width: 100%;}
#rech div#navlist ul {margin:0; padding: 0; list-style-type: none;} 
#rech div#navlist li {font-family: Verdana, Arial, Helvetica, sans-serif; float: left; width: 33%; background: url(/images/curseur.gif) left center no-repeat; list-style-type: none;}
#rech div#navlist a {display: block; text-align: left; padding-left: 10px; color: black; text-decoration: none;}
#rech div#navlist a:hover{text-decoration: underline;}

#rech div.filtre {clear: left; float: left; margin: 20px 0 0 0; width:100%;}
#rech div.filtre ul {margin: 0; padding: 0; list-style-type: none;}
#rech div.filtre li {font-family: Verdana, Arial, Helvetica, sans-serif; float: left; margin-right: 10px;}
#rech div.filtre a {display: block; background: url(/images/curseur.gif) left center no-repeat; text-align: left; padding-left: 10px; color: black; text-decoration: none;}
#rech div.filtre a:hover {text-decoration: underline;}

#rech div#info {clear: left; padding-top: 20px; width: 100%;}
#rech div#info #vin {float: left; line-height: 1.7em;}
#rech div#info #export {float: right;}
#rech div#info #export ul {margin:0; padding: 0; list-style-type: none;}
#rech div#info #export li {float: left; margin-right: 1em; line-height: 1.7em;}
#rech div#info #export li a {display: block; color: black; text-decoration: none; padding-left: 20px;}
#rech div#info #export li a.red {display: block; color: #cc0033; text-decoration: none; padding-left: 20px;}
#rech div#info #export li a:hover, #rech div#info #export li a.red:hover {text-decoration: underline;}
#rech div#info #export li a#excel {background: url(/images/excel.gif) left center no-repeat;}
#rech div#info #export li a#excel:hover {background: url(/images/excel_h.gif) left center no-repeat;}
#rech div#info #export li a#pdf {background: url(/images/pdf.gif) left center no-repeat;}
#rech div#info #export li a#pdf:hover {background: url(/images/pdf_h.gif) left center no-repeat;}
#rech div#info #export li a#list {background: url(/images/boutons/liste.gif) left center no-repeat;}
#rech div#info #export li a#perso {background: url(/images/boutons/calcul.gif) left center no-repeat;}

#rech div#page {float: right; margin-top: 5px;}

#rech #listechateau {clear: both; margin: 5px 0; padding: 0; width: 100%;}
#rech #listechateau a.chateau {color: #660033; text-decoration: none; font-weight: bold;}
#rech #listechateau a.chateau:hover {text-decoration: underline;}
#rech #listechateau a.ext {margin-left: 0.3em; color: red; text-decoration: none;}
#rech #listechateau thead tr {background: none;}
#rech #listechateau thead th {font-weight: normal; vertical-align: bottom; padding: 0.3em 0.6em;}
#rech #listechateau tr {background-color: #ececec;}
#rech #listechateau tr.promo {background-color: #ffebed;}
#rech #listechateau tr.promo2 {background-color: #ffffcc;}
#rech #listechateau td {border-bottom: 2px solid white; vertical-align: top; padding: 0.3em 0.6em; text-align: left;}
#rech #listechateau td.block {border: none;}
#rech #listechateau td.suppr, #rech #listechateau thead th.suppr {width: 10px;}
#rech #listechateau td.millesime, #rech #listechateau thead th.millesime {font-weight: bold; width: 3em; padding-right: 1em;}
#rech #listechateau td.couleur {width: 6px; padding-right: 0; padding-left: 0; text-align: center;}
#rech #listechateau td.format, #rech #listechateau thead th.format {text-align: right; white-space: nowrap;}
#rech #listechateau td.prix, #rech #listechateau thead th.prix {text-align: right; white-space: nowrap;}
#rech #listechateau td.qte, #rech #listechateau thead th.qte {text-align: right; padding-top: 0.1em; padding-left: 1em;}
#rech #listechateau .descriptif {color: #666666; font-size: 90%;}
#rech #listechateau .descriptif a {color: #666666; text-decoration: none;}
#rech #listechateau .descriptif a:hover {text-decoration: underline;}
#rech #listechateau span.txtpromo {font-size: 90%; font-style: italic;}
#rech #listechateau span.txtpromo a {color: #660033; text-decoration: none;}
#rech #listechateau span.txtpromo a:hover {text-decoration: underline;}

#rechdescription {clear: left; margin: 15px 0; width: 100%;}
#rechdescription h2 {color: #660033; font-size: 110%; text-decoration: none; font-weight: bold; margin-bottom: 5px; margin-top: 15px;}
#rechdescription img {float: left; margin: 1px 10px 3px 0;}
/* FIN RECHERCHE - MENU */

/* RECHERCHE AVANCEE */
#rechav {width: 100%; text-align: left;}
#rechav h2 {color: #660033; font-size: 120%; font-weight: bold; margin: 0 0 20px 0;}
#rechav h3 {color: #660033; font-size: 100%; font-weight: bold; margin: 0 0 5px 0;}
#rechav div.criteres {width: 100%; padding-bottom: 20px;}
#rechav div.criteres ul {margin: 0; padding: 0; list-style-type: none;}
#rechav div.criteres li {float: left; height: 1.5em; margin: 0; padding: 0;}
#rechav div.criteres li.rub {width: 33%;}
#rechav div.criteres li label {padding: 0 0.6em 0 0; margin: 0;}
#rechav div.criteres li label.gris {color: #999999;}
#rechav div.criteres li input {height: 1.5em; margin: 0; padding: 0;}
#rechav div.criteres p input.txt {background-color: #ffffff; border: 1px solid #cccccc; font-size: 110%; margin: 0; font-weight: bold; color: #6f6f6f; width: 4em;}

#rechav div.opt {width: 100%; padding-bottom: 20px;}
#rechav div.opt ul {clear: right; list-style-type: none; margin: 0; padding: 0;}
#rechav div.opt li {line-height: 2.2em; margin: 0; padding: 0;}

#rechav div.block {margin-bottom: 20px;}
#rechav div.frame {width: 100%; height: 150px; overflow: auto; text-align: left;}
#rechav div.frame ul {clear: left; margin: 0; padding: 0; list-style-type: none; width: 96%}
#rechav div.frame li {float: left; height: 1.5em; margin: 0; padding: 0; width: 33%;}
#rechav div.frame li label {padding: 0 0.6em 0 0; margin: 0;}
#rechav div.frame li label.gris {color: #999999;}
#rechav div.frame li input {height: 1.5em; margin: 0; padding: 0;}

#rechav div.pdefaut {width: 100%; margin-bottom: 15px;}
#rechav div.pdefaut ul.t1 {clear: both; margin: 0; padding: 0; list-style-type: none;}
#rechav div.pdefaut ul.t1 li {float: left; margin: 0 0 5px 0; padding: 0; width: 100%; color: black; font-weight: bold;}
#rechav div.pdefaut ul.t1 ul {clear: both; margin: 0; padding: 0; list-style-type: none;}
#rechav div.pdefaut ul.t1 ul li {float: left; height: 1.5em; margin: 0; padding: 0; width: 33%; font-weight: normal;}
#rechav div.pdefaut ul.t1 ul li label {padding: 0 0.6em 0 0; margin: 0;}
#rechav div.pdefaut ul.t1 ul li input {height: 1.5em; margin: 0; padding: 0;}

#rechav div.frame1 {width: 100%; height: 150px; overflow: auto; text-align: left;}
#rechav div.frame1 p {clear: left; line-height: 1.5em;}
#rechav div.frame1 ul {margin: 0; padding: 0; list-style-type: none; width: 96%;}
#rechav div.frame1 ul li {float: left; height: 1.5em; margin: 0; padding: 0; width: 33%;}
#rechav div.frame1 ul li label, #rechav div.frame1 p label {padding: 0 0.6em 0 0; margin: 0;}
#rechav div.frame1 ul li label.gris, #rechav div.frame1 p label.gris {color: #999999;}
#rechav div.frame1 ul li input, #rechav div.frame1 p input {height: 1.5em; margin: 0; padding: 0;}
#rechav p.btnsubmit {clear: right; float: right; margin-top: 10px; line-height: 1.3em;}
#rechav p.btnsubmit input {vertical-align: middle;}
/* FIN RECHERCHE AVANCEE */

/* VENDEZ VOS VINS */
#vendezvins {font-size: 100%; width: 100%; text-align: justify}
#vendezvins h2 {color: #660033; font-size: 120%; font-weight: bold; margin: 0 0 5px 0;}
#vendezvins h3 {color: #660033; font-size: 100%; font-weight: bold; margin: 10px 0 5px 0;}
#vendezvins div#rapide {background-color: #ececec; margin: 20px 0; padding: 10px 10px 5px 10px;}
#vendezvins div#rapide p {margin-bottom: 5px; vertical-align: middle;}
#vendezvins div#listing {clear: left; margin: 50px 0 20px 0; border-top:  #999999 2px solid;}
#vendezvins div#listing ul {margin: 0 0 5px 0; padding: 0; list-style-type: none;}
#vendezvins div#listing li {display: inline; color: #333333; text-decoration: none;}
#vendezvins div#listing li a {color: #333333; text-decoration: none;}
#vendezvins div#listing li a:hover {text-decoration: underline;}
#vendezvins p.valid {float: left; margin-right: 1em; padding: 0;}
#vendezvins p.valid label {line-height: 1.5em;}
#vendezvins p.validsubmit {float: left; padding-top: 0.1em; margin-top: 0.8em;}
#vendezvins input.millesime {background-color: #ffffff; border: 1px solid #cccccc; font-size: 110%; margin: 0; font-weight: bold; color: #6f6f6f; width: 4.5em;}
#vendezvins p#start {line-height: 1.5em; margin-bottom: 1.5em;}
#vendezvins p#remarq {margin-bottom: 20px;}
#vendezvins p#remarq textarea {background-color: #ffffff; border: 1px solid #cccccc; font-size: 110%; margin: 0; font-weight: bold; color: #6F6F6F; width: 99%; height: 4em;}
#vendezvins p#btnlisteretour {clear: left; margin-top: 10px;}
/* FIN VENDEZ VOS VINS */

#downlists {width: 100%; text-align: left;}
#downlists h2 {color: #660033; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 5px 0;}
#downlists table#liste {clear: both; border: 0; width: 100%; padding: 0; margin: 10px 0;}
#downlists table#liste thead tr {background: none;}
#downlists table#liste thead th {font-weight: normal; vertical-align: bottom; padding: 0.3em 0.5em;}
#downlists table#liste tr {background-color: #ececec;}
#downlists table#liste td {border-bottom: 2px solid white; vertical-align: top; padding: 0.3em 0.5em; text-align: left;}
#downlists table#liste td.qte, #downlists table#liste thead th.qte {text-align: right; white-space: nowrap; padding-right: 1em;}
#downlists table#liste td.detail {text-align: center;}

#listeperso {width: 100%; text-align: left;}
#listeperso h2 {color: #660033; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 1em 0;}
#listeperso h3 {color: #660033; font-size: 100%; font-weight: bold; padding: 0; margin: 20px 0 5px 0;}
#listeperso .aide {color: #660033; font-size: 100%; font-style: italic; margin: 0 0 1em 0;}
#listeperso input.txtmarge {background-color: #ffffff; border: 1px solid #cccccc; font-size: 110%; margin: 0; font-weight: bold; color: #6f6f6f; width: 30px;  padding-left: 0.4em;}
#listeperso div#boutons {clear: both; margin-top: 1em;}

#container {width: 100%; text-align: left;}
#container h2 {color: #660033; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 5px 0;}
#container table#liste {clear: both; border: 0; width: 100%; padding: 0; margin: 10px 0;}
#container table#liste thead tr {background: none;}
#container table#liste thead th {font-weight: normal; vertical-align: bottom; padding: 0.3em 0.5em;}
#container table#liste tr {background-color: #ececec;}
#container table#liste td {border-bottom: 2px solid white; vertical-align: top; padding: 0.3em 0.5em; text-align: left; white-space: nowrap;}
#container table#liste td.date {text-align: right; white-space: nowrap; padding-right: 1em;}
#container table#liste thead th.date {text-align: right; padding-right: 1em;}
#container table#liste td.detail {text-align: center;}

/* PAGE ACCUEIL */
#msgaccueil {padding-top: 15px; width: 100%;}
#msgaccueil p {line-height: 1.5em; font-size: 110%; text-align: justify;}
#msgaccueil p#infosauf {font-size: 90%; font-style: italic;}
#msgaccueil p#signature {line-height: 1.5em; font-size: 110%; color: #999999;}
#msgaccueil img {float: left; margin: 0 10px 0 0; height: 104px; width: 71px;}
#msgaccueil h2 {color: #660033; font-size: 110%; font-weight: bold; margin: 0 0 5px 0;}
#msgaccueil a {color: #000000; text-decoration: underline;}

#cotegauche {clear: left; float: left; width: 66%; margin-top: 40px;}
.gondole {clear: left; width: 100%; margin-bottom: 20px;}
.gondole h3 {text-transform: uppercase; color: black; font-size: 110%; text-decoration: underline; font-weight: bold; margin: 0 0 5px 0;}
.gondole h3 a {color: black; text-decoration: underline;}
.gondole img {float: left; margin: 1px 10px 4px 0;}
.gondole table {clear: left; width: 100%; border: 0; padding: 0; margin: 5px 0 0 0; font-size: 100%;}
.gondole thead tr {background: none;}
.gondole thead th {font-weight: normal; vertical-align: bottom; padding: 0.3em 0.2em;}
.gondole tr {background-color: #ececec;}
.gondole tr.promo {background-color: #ffebed;}
.gondole td {border-bottom: 2px solid white; text-align: left; vertical-align: top; padding: 0.3em 0 0.2em 0;}
.gondole td.millesime {font-weight: bold; width: auto; width: 2.5em; padding-right: 1em;}
.gondole td.couleur {width: 6px; padding-top: 0.2em;}
.gondole td.prix {text-align: right; white-space: nowrap;}
.gondole td.qte, .gondole thead th.qte {text-align: right; padding-top: 0.1em; padding-left: 1em;}
.gondole td.panier {text-align: center; width: 20px;}
.gondole span.descriptif {color: #999999; font-size: 90%;}
.gondole span.descriptif a {text-decoration: none; color: #999999;}
.gondole span.descriptif a:hover {text-decoration: underline;}
.gondole p.suite {width: 100%; text-align: right;}
.gondole a {text-decoration: none; color:#660033;}
.gondole a:hover {text-decoration: underline;}
.gondole a.gras {font-weight: bold;}
.gondole a.gras:hover {text-decoration: underline;}
.gondole a.ext {margin-left: 0.3em; color: black; text-decoration: none;}
.gondole a.lien {color: black;}

#cotedroit {float: right; width: 28%; text-align: left; margin-top: 40px;}
#cotedroit .blink {text-decoration: blink;}
#cotedroit div.block {margin: 0 0 20px 0;}
#cotedroit div.block h3 {color: #660033; font-size: 110%; font-weight: bold; margin: 0 0 4px 0; padding: 0;}
#cotedroit div.block a {color: black; text-decoration: none;}
#cotedroit div.block a:hover {text-decoration: underline;}
#cotedroit div.block a.soul {color: black; text-decoration: underline;}
#cotedroit div.block p#bwf {width: 150px; background-color: #ff9999; color: white; font-size: 0.9em; font-weight: bold; padding: 1px; text-align: center; margin-top: 1em;}
#cotedroit div.block p#bwf a {color: white;}
#cotedroit div.block ul {list-style-type: none; margin: 0.5em 0 0 0; padding: 0;}
/*#cotedroit div.block ul#enbref a {color: #999999; text-decoration: none;}*/

div#enclick {clear: both; padding-top: 20px; width: 100%}
div#enclick ul {margin: 0; padding: 0; list-style-type: none;}
div#enclick li {display: inline; color: #999999;}
div#enclick li a {color: #999999; text-decoration: none;}
div#enclick li a:hover {text-decoration: underline;}
/* FIN PAGE ACCUEIL */

.floatright {float: right;}
.floatleft {float: left;}

.clear {clear: both;}

a.boutonpetit {display: block; height: 21px; width: 76px; color: black; text-decoration: none; font-weight: bold; text-align: center; background: url(/images/boutons/btn_petit.gif) 0 0 no-repeat; margin: 5px 0; line-height: 20px;}
a.boutonpetit:hover {background-position: 0 -21px;}

a.boutonmoyen {display: block; height: 21px; width: 146px; color: black; text-decoration: none; font-weight: bold; text-align: center; background: url(/images/boutons/btn_moyen.gif) 0 0 no-repeat; margin: 5px 0; line-height: 20px;}
a.boutonmoyen:hover {background-position: 0 -21px;}