div#conteneur {position: relative; margin: 0 auto; width: 980px; background-color: #ffffff;}

#headergauche {position: absolute; left: 0; width: 197px; height: 93px; background: #330000 url(/images/logo/20ans.gif) center top no-repeat; color: #ffffff; text-align: center; text-transform: uppercase; border-left: #ffffff 3px solid;}
#headergauche ul {list-style-type: none; margin: 70px 0 0 0; padding: 0;}
#headergauche li {display: inline;}
#headergauche li a{color:#ffffff; text-decoration: none;}
#headergauche li a:hover{text-decoration: underline;}

#headerdroite {position:absolute; right: 0; width: 197px; height: 93px; background: #330000; color: #ffffff; text-align: center; text-transform: uppercase; border-right: #ffffff 3px solid;}
#headerdroite ul {list-style-type: none; margin: 57px 0 0 0; padding: 0;}
#headerdroite li {display: inline;}
#headerdroite li a{color:#ffffff; text-decoration: none;}
#headerdroite li a:hover{text-decoration: underline;}
#headerdroite p#tr {position: absolute; left: 0; margin: 35px 40px 0 40px; width: 120px; font-weight: bold; line-height: 1.4em;}
#headerdroite p#pro {position: absolute; left: 0; margin: 23px 40px 0 40px; width: 120px; font-weight: bold; line-height: 1.4em; padding: 0.3em 0; color: #ffffff;}
#headerdroite p#pro a {color: #cc0033; text-decoration: none;}
#headerdroite p#pro a:hover {text-decoration: underline;}

#headercentre {border-left: #ffffff 3px solid; border-right: #ffffff 3px solid; margin: 0 200px; height: 93px; background: #330000 url(/images/bandeau.jpg) no-repeat right center;}
#headercentre h1{margin: 0; padding: 0; height: 93px;}

#gauche {position: absolute; left: 0; padding: 15px 15px 0 15px; background: url(/images/fond_bouteilles.jpg) 0 0 no-repeat; width: 170px;}
#gauche label {color:#660033; margin:0; padding: 0; font-size: 110%; font-weight: bold;}
#gauche .rechav {color: #660033; text-decoration: none; font-size: 110%;}
#gauche .rechav:hover {text-decoration: underline;}
#gauche #blockprimeur {margin: 10px 0; font-size: 100%; list-style-type: none; padding: 0;}
#gauche #blockprimeur li {display: inline;}
#gauche #blockprimeur a {color: #660033; font-weight: bold; text-decoration: none;}
#gauche #blockprimeur a:hover {text-decoration: underline;}
#gauche #blockmill {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 0 0; list-style-type: none; padding: 0;}
#gauche #blockmill li {display: inline;}
#gauche #blockmill a {color: #660033; font-weight: bold; text-decoration: none;}
#gauche #blockmill a:hover {text-decoration: underline;}
#gauche #blockcar {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 0; font-size: 110%; list-style-type: none; padding: 0;}
#gauche #blockcar li {display: inline;}
#gauche #blockcar a {color: #660033; font-weight: bold; text-decoration: none;}
#gauche #blockcar a:hover {text-decoration: underline;}
#gauche input {margin-bottom: 5px; font-weight: bold; vertical-align: middle; font-size: 110%; color: #6f6f6f;}
#gauche input.text {width: 80%; background-color: #ffffff; border: 1px solid #cccccc;}
#gauche .logo {vertical-align: middle; width: 17px; height: 16px;}
#gauche ul.lesgrands {list-style-type: none; padding: 10px 0 0 0; margin: 10px -15px 0 -15px; font-size: 110%; font-weight: bold; border-top: 3px solid #ffffff;}
#gauche ul.lesgrands li {padding-left: 15px;}
#gauche ul.lesgrands a {text-decoration: none; color: #660033;}
#gauche ul.lesgrands a:hover {text-decoration: underline;}
#gauche ul.sepablanc {list-style-type: none; padding: 10px 0 0 0; margin: 10px -15px 0 -15px; font-size: 110%; font-weight: bold; border-top: 3px solid #ffffff;}
#gauche ul.sepablanc li {padding-left: 15px;}
#gauche ul.sepablanc a {text-decoration: none; color:#000000;}
#gauche ul.sepablanc a:hover {text-decoration: underline;}
#gauche ul.sepagris {list-style-type: none; padding: 10px 0 0 0; margin: 10px -15px 0 -15px; font-size: 110%; font-weight: bold; border-top: 3px solid #ececec;}
#gauche ul.sepagris li {padding-left: 15px;}
#gauche ul.sepagris a {text-decoration: none; color:#000000;}
#gauche ul.sepagris a:hover {text-decoration: underline;}

#gauche div#mnuprix {padding: 10px 0 0 0; margin: 10px -15px 0 -15px; font-size: 110%; font-weight: bold; border-top: 3px solid #ececec;}
#gauche p#prix {font-size: 110%; font-weight: bold; margin-bottom: 5px;}
#gauche ul#blockprix {font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding: 0; list-style-type: none; width:100%;} 
#gauche ul#blockprix li {float: left; width: 33%; list-style-type: none;}
#gauche ul#blockprix a {display: block; text-align: left; line-height: 1.1em; font-weight: bold;}
#gauche ul#blockprix a{color: black; text-decoration: none;}
#gauche ul#blockprix a:hover{text-decoration: underline;}
	
#droite {position: absolute; right: 0; padding: 15px 15px 0 15px; width: 170px; border-left: #999999 3px solid;}
#droite h2 {text-transform: uppercase; color:#660033; margin: 0 0 5px 0; padding: 0; font-size: 110%; font-weight: bold;}
#droite h3 {text-transform: uppercase; color:#999999; margin: 0 0 5px 0; padding: 0; font-size: 110%; font-weight: bold;}
#droite p {margin-bottom: 5px;}
#droite #mnupanier {padding:  0 0 15px 0; margin: 0 -15px 15px -15px; border-bottom: 3px solid #999999; vertical-align: middle;}
#droite #mnupanier .marge {margin: 0 15px;}
#droite #mnupanier p#total {border: 1px solid #cccccc; text-align: center; line-height: 1.5em; font-weight: bold;}
#droite #mnupanier a {color: #660033; text-decoration: none;}
#droite #mnupanier a:hover {text-decoration: underline;}
#droite #mnupanier ul {list-style-type: none; margin: 0; padding: 0;}
#droite #mnupanier li a {color: black}
#droite #mnulogin {padding:  0 0 15px 0; margin: 0 -15px 15px -15px; border-bottom: 3px solid #999999; vertical-align: middle;}
#droite #mnulogin .marge {margin: 0 15px;}
#droite #mnulogin p input.text {background-color: #ffffff; border: 1px solid #cccccc; font-size: 110%; width: 165px; font-weight: bold; color: #666666;}
#droite #mnulogin p input.chk {margin: 0; padding: 0;}
#droite #mnulogin p#submit {float: right;}
#droite #mnulogin a#oublie {color: black;  text-decoration: none;}
#droite #mnulogin a#oublie:hover {text-decoration: underline;}
#droite #mnulogin ul {clear: right; list-style-type: none; margin: 0; padding: 0;}
#droite #mnulogin li a {color: #333333; text-decoration: none;}
#droite #mnulogin li a:hover {text-decoration: underline;}
#droite #mnulogin li.downlist a {padding-left: 15px; background: url(/images/boutons/liste.gif) left center no-repeat; font-weight: bold;}
#droite #mnulogin li.listperso a {padding-left: 17px; background: url(/images/boutons/calcul.gif) left center no-repeat; font-weight: bold;}
#droite #mnulogin li.listperso a.aide {padding: 0; background: none; color: #cc0033; font-style: italic; font-weight: normal;}
#droite #mnulogin li.listperso .combo {font-size: 90%; width: 165px; margin-top: 0.3em;}
#droite #mnulogin ul#compte {clear: right; margin: 5px 0 0 0; padding: 0; list-style-type: none;}
#droite #mnulogin ul#compte li {background: url(/images/curseur.gif) left center no-repeat;}
#droite #mnulogin ul#compte li a {display: block; text-align: left; padding-left: 10px; text-decoration: none; color: black;}
#droite #mnulogin ul#compte li a.rouge {display: block; text-align: left; padding-left: 10px; text-decoration: none; color: #cc0033;}
#droite #mnulogin ul#compte li a:hover {text-decoration: underline;}
#droite #mnulivraison {padding: 0; margin: 15px -15px 0 -15px; vertical-align: middle;}
#droite #mnulivraison input {vertical-align: middle; text-align: center;}
#droite #mnulivraison p {margin-left: 15px;}
#droite #mnulivraison p .combo {font-size: 90%; width: 165px;}
#droite .mnu {margin-top: 15px;}
#droite .mnu a {text-decoration: none; color: black; font-weight: normal;}
#droite .mnu a.gris {color: #999999;}
#droite .mnu a:hover {text-decoration: underline;}
#droite .mnu ul#promo {clear: right; list-style-type: none; margin: 0; padding: 0;}
#droite #mnunewsletter {margin-top: 15px;}
#droite #mnunewsletter label {font-size: 90%;}
#droite #mnunewsletter input.text {background-color: #ffffff; border: 1px solid #cccccc; font-size: 110%; font-weight: bold; color: #666666; width: 140px;}

#menucentre {text-transform: uppercase; text-align: center; margin: 4px 210px 0 210px; font-weight: bold;}
#menucentre ul {margin: 0; padding: 0; list-style-type: none;}
#menucentre li {display: inline; color: #999999; line-height: 1.4em;}
#menucentre a {text-decoration: none; color: #999999; text-align: center;}
#menucentre a.msg {background: url(/images/msg1.jpg) 0 center no-repeat; padding-left: 18px;}
#menucentre a:hover {color: #660033; text-decoration: underline;}

#centre {background-color:#ffffff; text-align: justify; margin: 0 200px; padding: 15px 15px; min-height: 830px; border-right: #999999 3px solid;}

.blockdroit {color:#000000; font-size: 110%; font-weight: bold; width: 189px;}

#pied {clear: both; background:#000000; line-height: 1.2em; color: #ffffff; text-align: center; margin: 0; padding: 0.3em 0; width: 100%;}
#pied a {color: #ffffff; text-decoration: none;}
#pied a:hover {color: #ffffff; text-decoration: underline;}

#horloge {font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; background-color: #ececec; text-align: center; height: 1.7em; font-size: 85%;}
#horloge ul {margin:0; padding: 0; list-style-type: none;}
#horloge li {float: left; margin: 0 0.1em 0 1em; line-height: 1.7em;}