* {margin:0;padding:0}


body {
	margin: 0;
	padding: 0;
	background-color: #efeccd;
	text-align: center;
}

#conteneur {
  	position:absolute;
	background: url(../images/bg.jpg) 0 0 repeat;
    left: 50%; 
    top: 50%;
    width: 760px;
    height: 420px;
    margin-top: -210px;
    margin-left: -380px;
	padding: 0;
}

#bouteille {position:absolute; background: url(../images/bouteille.gif) 0 0 no-repeat; left: 618px; top: 14px; width: 134px; height: 325px; z-index: 1;}
#bouteille .bloc_h {background: url(../images/h_bouteille.gif) 0 0 no-repeat; width: 132px; height: 161px;}
#bouteille .bloc_b {background: url(../images/b_bouteille.jpg) 0 0 no-repeat; width: 132px; height: 161px;}

#bandeau_vigne {position:absolute; background: url(../images/bg_rouge.jpg) 0 0 repeat; left: 0px; top: 337px; width: 760px; height: 83px; z-index: 2;}
#bandeau_vigne .vigne_lourac {position:absolute; background: url(../images/vigne_lourac.gif) 0 0 no-repeat; left: 140px; top: 5px; width: 509px; height: 72px;}
#bandeau_vigne .vigne_lourac span{display: none;}
#bandeau_vigne .logo_moine {position:absolute; background: url(../images/logo_moine.png) 0 0 no-repeat; left: 14px; top: -15px; width: 56px; height: 91px;}

#contenu {position:absolute; left: 0; top: 0; width: 618px; height: 337px;}
#contenu span{display: none;}
#contenu .moine_trame_h{position:absolute; background: url(../images/moine_trame_h.png) 0 0 no-repeat; left: 153px; top: 0; width: 311px; height: 169px;}
#contenu .moine_trame_b{position:absolute; background: url(../images/moine_trame_b.png) 0 0 no-repeat; left: 153px; top: 169; width: 311px; height: 169px;}
#contenu .bienvenue{position:absolute; background: url(../images/texte_bienvenue.gif) 0 0 no-repeat; left: 133px; top: 27px; width: 355px; height: 19px;}
#contenu .btn_vigne{position:absolute; left: 14px; top: 75px; width: 271px; height: 55px;}
#contenu .btn_cave{position:absolute; left: 333px; top: 75px; width: 271px; height: 55px;}
#btn_vigne_on{position:absolute; left: 14px; top: 75px; width: 271px; height: 55px; display: none;}
#btn_cave_on{position:absolute; left: 333px; top: 75px; width: 271px; height: 55px; display: none;}

#texte_charte .titre_charte{position:absolute; background: url(../images/titre_charte.gif) 0 0 no-repeat; left: 148px; top: 144px; width: 360px; height: 38px;}
#texte_charte p{font: 8.5pt Verdana; text-align: left; letter-spacing : -0.2px; color:#2b2425;}
#texte_charte .gauche{position:absolute; left: 53px; top: 190px; line-height: 1.1;}
#texte_charte .droite{position:absolute; left: 333px; top: 190px; line-height: 1.19;}

#texte1 .titre_vigne{position:absolute; background: url(../images/titre_vigne.gif) 0 0 no-repeat; left: 210px; top: 144px; width: 180px; height: 34px;}
#texte1 p{font: 8pt Verdana; text-align: left; letter-spacing : -0.2px; color:#2b2425; line-height: 1.1;}
#texte1 .gauche{position:absolute; left: 30px; top: 190px; width: 260px;}
#texte1 .droite{position:absolute; left: 333px; top: 190px;  width: 260px;}

#texte2 .titre_vigne{position:absolute; background: url(../images/titre_cave.gif) 0 0 no-repeat; left: 126px; top: 144px; width: 366px; height: 42px;}
#texte2 p{font: 8.5pt Verdana; text-align: left; letter-spacing : -0.2px; color:#2b2425;}
#texte2 .gauche{position:absolute; left: 30px; top: 190px; width: 260px; line-height: 1.544;}
#texte2 .droite{position:absolute; left: 333px; top: 190px;  width: 260px; line-height: 1.8;}