body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(images/bg-body.gif);
background-repeat: repeat-x;
background-color: #F4EACF;
color:#786531;
}
img {
border: 0;
}

p {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #51421A;
}
a:hover {
text-decoration: underline;
}
#conteneur {
width: 850px;
margin: auto;
background-color: #e7dbbc;
}
/* TinyMCE specific rules */
body.mceContentBody {
background-image: none;
background-color: #E7DBBC;
}
#header {
background-image: url(images/header.jpg);
width: 850px;
height: 249px;
}

/************* POUR FIXER UNE HAUTEUR MINIMUM **********************/
#contenu {
background-color: #E7DBBC;
background-image: url(images/bg-contenu.jpg);
background-repeat: no-repeat;
width: 850px;
height: 420px;
padding: 20px 0px 20px 0px;
}
html>body #contenu {
height: auto;
min-height: 420px;
}
/************* FIN FIXER UNE HAUTEUR MINIMUM **********************/

#affichage {
margin: 0 10px 0 10px;
}


#footer {
clear: both;
letter-spacing: 1px;
text-align: center;
font-size: 10px;
padding: 20px;
background-image: url(images/bg-footer.jpg);
background-repeat: no-repeat;
background-position: bottom;
color: #fff;
}
#footer a {
color: #fff;
}
#footer a:hover {
color: #fff;
}

h1 {
font-size: 24px;
border-bottom: 1px solid;
}
h2 {
font-size: 18px;
border-bottom: 1px solid #BFAF84;
color: #A19262;
font-weight: normal;
}
h3 {
font-size: 14px;
padding-bottom: 5px;;
}
h4 {
font-size: 14px;

}

/**********************************************************************
                               MENU
**********************************************************************/
#menu {
padding-top: 188px;
}
.menu1 span, .menu2 span, .menu3 span, .menu4 span, .menu5 span, .menu6 span {
display: none;
}
.menu1 , .menu2, .menu3, .menu4, .menu5, .menu6 {
height: 33px;
display: block;
float: left;
}
.menu1 {
width: 150px;
}
.menu2 {
width: 150px;
}
.menu3 {
width: 151px;
}
.menu4 {
width: 150px;
}
.menu5 {
width: 149px;
}

.menu1 {background-image: url(images/bg-bouton-menu1.gif);}
.menu2 {background-image: url(images/bg-bouton-menu2.gif);}
.menu3 {background-image: url(images/bg-bouton-menu3.gif);}
.menu4 {background-image: url(images/bg-bouton-menu4.gif);}
.menu5 {background-image: url(images/bg-bouton-menu5.gif);}

.menu1:hover , .menu2:hover , .menu3:hover , .menu4:hover , .menu5:hover, .active {
background-position: bottom;
}
/**********************************************************************
                               Bouteilles
**********************************************************************/
div#bouteilles {
background-image: url(images/bg-bouteilles.jpg);
height: 265px;
width: 231px;
padding: 37px 21px 16px 28px;
float: left;
}
a.cuvee {
display: block;
float: left;
background-position: bottom;
}
a.cuvee:hover {
background-position: top;
}
a.cuvee span {
display: none;
}
a#bout1 {
height: 127px;
width: 71px;
background-image: url(images/bout1.jpg);
}
a#bout2 {
height: 127px;
width: 84px;
background-image: url(images/bout2.jpg);
}
a#bout3 {
height: 127px;
width: 76px;
background-image: url(images/bout3.jpg);
}
a#bout4 {
height: 138px;
width: 71px;
background-image: url(images/bout4.jpg);
}
a#bout5 {
height: 138px;
width: 84px;
background-image: url(images/bout5.jpg);
}
a#bout6 {
height: 138px;
width: 76px;
background-image: url(images/bout6.jpg);
}
#clics {
float: left;
width: 500px;
padding: 0px 25px 0px 25px;
}
.recomp {
background-image: url(http://www.champagne-furdyna.com/images/bg-recomp.gif);
width: 183px;
}
.fondRecomp {
background-image: url(http://www.champagne-furdyna.com/images/bg-Fondrecomp.gif);
width: 183px;
height: 14px;
background-repeat: no-repeat;
}
.contenuRecomp {
padding: 60px 20px 20px 20px;
font-size: 10px;
color: #BFAF84;
}
#michel {
margin: 140px 0 0 0px;
background-image: url(http://www.champagne-furdyna.com/medias/michel.png);
background-position: bottom right;
background-repeat: no-repeat;
height: 300px;
width: 545px;
}
#titre_cuvee {
position: absolute;
margin-top: 100px;
}
