body {
margin: 0px;
padding: 0px;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
background-image: url(images/bg-body.gif);
background-color: #032058;
color: #FCDFA7;
background-repeat: repeat-x;
}
.home {
cursor: pointer;
}
img {
border: 0;
}
p {
margin: 0;
padding: 0;
}
h1 {
font-family: "Times New Roman", Times, serif;
font-size: 34px;
font-weight: normal;
margin: 0 0 20px 20px;
}
h2 {
font-weight: normal;
font-size: 20px;
color: #B4C8EE;
letter-spacing: 1px;
margin: 0 0 0px 20px;
}
p.text, li.text {
margin: 20px 20px 20px 20px;
line-height: 16px;
font-size: 14px;
}
p.text {
text-align: justify;
}
a {
color: #FCDFA7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#conteneur {
width: 800px;
margin: auto;
}
/* TinyMCE specific rules */
body.mceContentBody {
background-image: url(images/bg-body.gif);
background-repeat: repeat-y;
color: #FCDFA7;
}
#header {
height: 175px;
width: 800px;
background-image: url(images/bg-header.gif);
background-position: center top;
background-repeat: no-repeat;
}
/************* POUR FIXER UNE HAUTEUR MINIMUM **********************/
#contenu {
padding-top: 70px;
height: 520px;
width: 800px;

}
html>body #contenu {
height: auto;
min-height: 520px;
}
/************* FIN FIXER UNE HAUTEUR MINIMUM **********************/
div#lienAccueil {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
}
#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
margin: 80px auto 0px auto;
width: 800px;
color: #93A0B9;
clear: both;
}

#footer a {
color: #93A0B9;
}
#footer a:hover {
color: #93A0B9;
}
p.txtHtFiche {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
}
ul.special {
background-color: #B4C8EE;
padding: 10px;
margin-left: 20px;
border:1px solid #FCDFA7;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #032058;
}
ul.special li {
margin: 10px 10px 10px 20px;
}
/**********************************************************************
                               Fiche champagne
********************************************************************/
h1.titreFiche {
font-family: "Times New Roman", Times, serif;
font-size: 34px;
font-weight: normal;
margin: 0 0 20px 0;
}
table.fiche td {
vertical-align: top;
}
div.menuCuvees {
border-top: 1px solid #99B4E6;
margin: 20px 0 20px 0;
}
.cuveeSuiv {
float: right;
}
.cuveePrec {
float: left;
}
.clear {
clear: both;
height: 0px;
}
.bleuFiche {
color: #B4C8EE;
margin: 10px 0 10px 0;
}
table.delice  {
margin: auto;
}
table.delice td {
padding: 10px;
}
.titreDelice {
color:#B4C8EE;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
padding: 5px;
margin: 5px;
display: block;
}
p.descDelice {
text-align: center;
margin: 5px;
font-size: 13px;
line-height: 16px;
letter-spacing: 1px;
}


#flash {
margin: 70px 0 0 0px;
position: absolute;
}


/**********************************************************************
                               MENU
**********************************************************************/
#menu {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
background-image: url(images/bg-menu.gif);
background-repeat: no-repeat;
height: 56px;
}
.menu1 span, .menu2 span, .menu3 span, .menu4 span, .menu5 span, .menu6 span {
display: none;
}
.menu1 , .menu2, .menu3, .menu4, .menu5, .menu6 {
height: 23px;
width: 138px;
display: block;
float: left;
background-image: url(images/bg-bouton-menu1.gif);
}
.menu2{
width: 119px;
background-image: url(images/bg-bouton-menu2.gif);} 
.menu3 {
width: 115px;
background-image: url(images/bg-bouton-menu3.gif);} 
.menu4{
width: 109px;
background-image: url(images/bg-bouton-menu4.gif);} 
.menu5{
width: 172px;
background-image: url(images/bg-bouton-menu5.gif);} 
.menu6 {
width: 147px;
background-image: url(images/bg-bouton-menu6.gif);}

.menu1:hover , .menu2:hover , .menu3:hover , .menu4:hover , .menu5:hover , .menu6:hover , .selec {
background-position: bottom;
}
#menu dl,#menu dt, #menu dd {
margin: 0;
padding: 0;
list-style-type: none;
color: #fff;
}
#menu dt {
height: 23px;
}

#menu {
width: 800px;
position: absolute;
font-size: 11px;
}
#menu dl {
float: left;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
margin-bottom: 5px;
}
#menu dd {
display: none;
}
#menu dd a {
background-color: #3C5A93 ;
padding: 8px 8px 8px 8px;
font-size: 12px;
border-bottom: 1px solid #536A98;
color: #B4C8EE;
}
#menu dd a:hover {
/*background-image: url(images/bg-li2.png);*/
color: #fff;
background-color: #274889;
background-image: none;
}
#menu dt a, #menu dd a {
text-decoration: none;
display: block;
height: 100%;
text-align: center;
}

#menu dd a.active {
background-color: #274889;
color: #FCDFA7;
font-weight: bold;
}
/************************************************************
						     BON de COMMANDE
************************************************************/
table.commande th {
background-color: #B4C8EE;
color: #032058;

}
table.commande th {
padding: 2px;
}
table.commande td {
padding: 5px;
background-image: url(images/bg-li4.png);
}
table.commande input, table.commande textarea {
border: 0;
font-size: 12px;
background-color: #B4C8EE;
text-align: right;
}
table.commande {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: auto;
width: 520px;
}
a.titrePanier {
color: #FCDFA7;
font-size: 20px;
margin: 20px auto 20px auto;
letter-spacing: 1px;
width: 600px;
text-align: left;
display: block;
font-weight: bold;
background-image: url(medias/photos/cliquez-ici.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
a.titrePanier:hover {
text-decoration: none;
}
.cachediv {
display:none;
overflow: hidden;
height: 1px;
margin-top: -1px;
position: absolute;
}
.comme {
font-size: 10px;
}
.titreBDC {
display: block;
margin: 20px auto 10px auto;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.titreBDC p {
font-size: 15px;
letter-spacing: 1px;
font-weight: normal;
text-align: left;
}
.BDC {
width: 500px;
margin: 20px auto 10px auto;
}
.BDC p {
margin-left: 0;
margin-right: 0;
}
.agenda {
width: 670px;
margin: 0 auto 0 auto;
background-image: url(medias/photos/titre-agenda.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #1C3C7A;
padding: 70px 20px 20px 20px; 
border: 1px solid #657BA5;
}
table.contenant td {
padding: 8px;
background-image: url(images/bg-li4.png);
font-size: 12px;
}
table.contenant td .titl {
font-family: Arial, Helvetica, sans-serif;
color: #B4C8EE;
font-weight: bold;
}