/* DIV de layout: le cadre */

#layout_info {
	BORDER-RIGHT: #ECECEC 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ECECEC 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 10px auto 0px; BORDER-LEFT: #ECECEC 2px solid; WIDTH: 893px! important; COLOR: black; PADDING-TOP: 1px; BORDER-BOTTOM: #ECECEC 2px solid; BACKGROUND-COLOR: #E2E2E2; TEXT-ALIGN: left
}
#layout_info-home {
	BORDER-RIGHT: #ECECEC 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ECECEC 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 10px auto 0px; BORDER-LEFT: #ECECEC 2px solid; WIDTH: 750px! important; COLOR: black; PADDING-TOP: 1px; BORDER-BOTTOM: #ECECEC 2px solid; TEXT-ALIGN: left
}

#container {
	BACKGROUND-COLOR: white
}

/* DIV de layout: le contenu */
#content {
	FLOAT: right; WIDTH: 894px; COLOR: black; HEIGHT: 560px; 
	background: url(../img/ferme_330.gif) bottom right  no-repeat;
}
#content-home {
	FLOAT: right; WIDTH: 750px; COLOR: black; HEIGHT: 560px; 
	background: url(../img/ferme_330.gif) bottom right  no-repeat;
}

.bandeau {
	 background: url(../img/bouchon.gif) bottom right  no-repeat; 
}

ul.list {
	text-align: justify;
}

/* DIV de menu de navig */
#nav {
	FLOAT: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; HEIGHT: 560px; WIDTH: 172px! important; PADDING-TOP: 0px; BACKGROUND-COLOR: #FFFFFF
}
/* DIV de la photo verticale */
.leftphoto {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 175px! important; 
}
/* DIV du texte central */
.leftandright {
	PADDING-RIGHT: 5px; text-align: justify; PADDING-LEFT: 5px; FLOAT: left; WIDTH: 537px! important; PADDING-TOP: 2px; HEIGHT: 473px; overflow-x : no scroll; overflow-y : scroll
}
.bottom-lr {
	text-align:center; PADDING-RIGHT: 8px; PADDING-LEFT: 12px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 520px! important; PADDING-TOP: 12px
}

.tablecontent {
	width: 517px; border:0px; vertical-align:top ; padding:2px
}
.tablecontentleft {
	width: 255px; border:0px; padding-right:4px; vertical-align:top ; text-align:justify
}
.tablecontentright {
	width: 255px; border:0px; padding-left:4px; vertical-align:top ; text-align:justify
}
.tdcenter {
	padding-left: 130px;
}

#footer {
	PADDING-TOP: 0px; PADDING-BOTTOM: 5px; 
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 
	FONT-SIZE: 9px; MARGIN: -3px auto; WIDTH: 980px; COLOR: #ECECEC;  TEXT-ALIGN: left
}
#footer-home {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 846px; COLOR: #ECECEC; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#footer A {
	COLOR: #FCDC7B; TEXT-DECORATION: none
}
#footer A:hover {
	COLOR: #C0A363;
}
#footer DT {
	DISPLAY: none
}
.spacer {
	CLEAR: both; DISPLAY: block; OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 0px
}
.bas
{
	PADDING-TOP: 20px;
	text-align:center; 
	PADDING-BOTTOM: 5px
}
IMG {
	BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #666666; BORDER-TOP-COLOR: #cccccc; 
BORDER-RIGHT-COLOR: #666666
}

A.ahome  {
	font-size: 28px;
	COLOR: #FCDC7B; TEXT-DECORATION: none
}

A.small  {
	font-size: 10px;
	COLOR: #B29221; TEXT-DECORATION: none
}


/* site global */

h1 {
	color: #B29221;
	font-size: 17px;
	font-weight: bolder;
	text-align: left; 
	padding-left: 4px;
	vertical-align: middle;
	margin: 0;
	padding-bottom: 3px;
}
h2 {
	color: #B29221;
	font-weight: bolder;
	font-size: 15px;
	text-align: left; 
	padding-left: 8px;
	vertical-align: middle;
	border-bottom: 1px solid;
	margin: 0;
	padding-bottom: 1px;
}
.cuvee {
	color: #CC9B01;
	background:  #F3EFEA;
	font-weight: bolder;
	font-size: 15px;
	text-align: left; 
	padding-left: 8px;
	border-top: 1px solid #CC9B01;
	border-bottom: 1px solid #CC9B01;
	margin: 0;
	padding-bottom: 1px;
}

.underlined {
	background:  #F6F1D1;
	text-align: justify; 
	margin: 4px;
	padding: 5px
}
h3 {
	color: #414141;
	font-size: 13px;
	font-weight: bolder;
	text-align: left; 
	padding-left: 12px;
	vertical-align: middle;
	padding-top: 4px;
	margin: 0;
}
h4 {
	color: #414141;
	font-size: 12px;
	font-weight: bolder;
	padding-left: 16px;
	vertical-align: middle;
	padding-top: 4px;
	margin: 0;
}


.ombreCadre {  
	text-align: right; 
}
.left2sticker{

	text-align: justify;
}
.sticker {
	text-align: right;
}

.left-text {
	FLOAT: left;
	padding-left: 1px;
	padding-right: 2px;
	width: 247px;
	text-align:justify
}
.right-text {
	FLOAT: right;
	padding-left: 5px;
	padding-right: 2px;
	width: 247px;
	text-align:justify
	}
.center-text {
	clear: both;
	width: 504px;
	}
ul {
	padding-top: 2px;
	padding-left: 35px;
	margin: 0;
	padding-bottom: 10px;
}
li {
	padding: 0;
}


p {
	padding-top: 0px;
	text-align:justify
}

p.bold {
	padding-top: 0px;
	font-weight: bolder;
	text-align:justify
}

em {
	COLOR: #B29221; FONT-STYLE: normal; font-weight: bolder; padding-right: 2px;
}

a {
	text-decoration: none;
	color: #B29221;
}
a:hover {
	color: #FCDC7B;
	letter-spacing: 0.01px;
}

a:hover, a:active, a:focus {
	color:#FCDC7B;
	letter-spacing: 0.01px;
}


/* Tableaux */

table.tbx {
  background-color: transparent;
  width: 500px;
  border: 1px solid #8F8F8F;
}

.tabtitle {
  font-size: 12px;
  font-weight: bold;
  background-color: #B29221;
  color: #FFFFFF;
  word-spacing: 2px;
  text-transform: capitalize;
  border-left: 1px solid #C0A363;
  border-bottom: 1px solid #414141;
  padding:4px;
}
.tdhilite {
  border-bottom: 1px solid #CCCCCC;
  padding:3px;
}
.tdhilite:hover{
  padding:3px;
	background-color: #D9D19C;
}
.tdlolite {
  padding:2px;
  border-bottom: 1px solid #CCCCCC;
  background-color: #ECECEC
}
/* Tooltip */
.popper {
	VISIBILITY: hidden; POSITION: absolute
}
TABLE.tooltip {
	BORDER-RIGHT: #000000 2px groove; BORDER-TOP: #000000 2px groove; FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-LEFT: #000000 2px groove; COLOR: #00104a; BORDER-BOTTOM: #000000 2px groove; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F6F1D1
}
TABLE.tooltip2 {
	BORDER-RIGHT: #ffffff 2px groove; BORDER-TOP: #ffffff 2px groove; FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 2px groove; COLOR: #414141; BORDER-BOTTOM: #ffffff 2px groove; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F6F1D1
}
.popupDiv {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}
TABLE.popupDiv {
	BORDER-RIGHT: #854A38 2px groove; BORDER-TOP: #D9D19C 2px groove; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #D9D19C 2px groove; COLOR: #414141; BORDER-BOTTOM: #854A38 2px groove; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F6F1D1
}
.hide {
	DISPLAY: none
}
.show {
	DISPLAY: block
}

/* Formulaire */

.inputSmallForm{
	border: 1px solid #CDBFB1;
	background-color: #CDBFB1;
	width:60px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
	height: 15px;
}
.inputQteForm{
	border: 1px solid #CDBFB1;
	background-color: #CDBFB1;
	width:20px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
	height: 12px;
}
.inputQteFormOver{
  border:1px solid #BEA68D;
  background-color: #BEA68D;
	width:20px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
   height: 12px;
}
.inputSmallFormOver{
  border:1px solid #BEA68D;
  background-color: #BEA68D;
	width:60px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
   height: 15px;
}

.inputMedForm{
	border: 1px solid #CDBFB1;
	background-color: #CDBFB1;
	width:238px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
	height: 15px;
}

.inputMedFormOver{
  border:1px solid #BEA68D;
  background-color: #BEA68D;
	width:240px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
   height: 15px;
}

.inputForm{
	border: 1px solid #CDBFB1;
	background-color: #CDBFB1;
	width:340px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
	height: 15px;
}

.inputFormOver{
  border:1px solid #BEA68D;
  background-color: #BEA68D;
	width:340px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
  height: 15px;
}


.button{
  background-color: #C0A363;
  border-right: 3px solid #805E42;
	border-bottom: 3px solid #805E42;
  border-top: 3px solid #9A8979;
	border-left: 3px solid #9A8979;
	color:#000000;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-align: center;
  height: 22px;
}

.buttonOver{
  background-color: #BEA68D;
  border-left: 3px solid #805E42;
	border-top: 3px solid #805E42;
  border-bottom: 3px solid #9A8979;
	border-right: 3px solid #9A8979;
	color:#6C4E36;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-align: center;
  height: 22px;
}