body.regular
{
  background-image: url("interface/background.jpg"); 
  background-repeat: repeat-x ;
  background-color: white; 
  color: black;
  font-family: verdana;   
  margin: 0px;
}

body.snow
{
  background-color: #F6F7F0; 
  color: black;
  font-family: verdana;   
  margin: 0px;
}
 
li
{  
  line-height:20px;
}
 
img
{
  display: inline; 
  border: 0px;
}

iframe
{
  /*margin-left: auto;
  margin-right: auto;*/
  border-style: none;
  border-spacing: 0px;   
  border-collapse: collapse;
  border: none;
  overflow: auto;
  overflow-x: hidden;  
  vertical-align: top;  
  margin: 0px;
  padding: 0px;  
}

form
{
  display: inline; 
}

/*---------------------------------------------------LIGHTBOX---------------------------------------*/

#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 500px;
	background-color: #5D5E5B;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}


#box 
{
	display: none;
	position: absolute;
	top: 22%;
	left: 45%;
    width: 150px;
	height: 400px;	
	/*width: 60%;
	height: 60%;*/
	padding: 0;
	margin:0;*/
    width: 150px;
	height: 400px;
	border: 1px solid black;
	background-color: white;
	z-index:11;
	overflow: hidden;
}

/*---------------------------------------------------DIV DE STRUCTURE-------------------------------*/

#container
{
  width: 972px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  background-image: url("interface/vignes.jpg");    
  background-repeat: no-repeat ;  
}

#titre
{
  width: 972px; 
  height: 74px;  
  padding-top: 47px;
}

#menudiv
{
  margin-left: 47px;
  margin-top: 39px;  
  float: left;
  /* IE 6.0 double margin bug fix: */
  display: inline;    
}

#content
{
  width: 684px;
  height: 462px;    
  background-color: #EFF6CE;  
  color: black;    
  margin-right: 50px;
  float: right;
  /* IE 6.0 double margin bug fix: */
  display: inline;    
  
}

#displayarea
{
  width: 674px;
  height: 450px;  
      height: 462px;  
  /*padding: 0px;*/
  /*margin-left:10px; */
  padding-left:10px;  
  overflow: auto;  
  background-color: #EFF6CE;   

}

#halfleft 
{
  float:left;
  width: 190px;   
  /*padding: 10px;*/
  padding: 5px;  
  /* IE 6.0 double margin bug fix: */
  display: inline;  
}

#halfright 
{
  /*width: 463px; */  
  width: 461px; 
  padding-left: 10px;  
  /* IE 6.0 double margin bug fix: */
  display: inline;  
}

.disp
{
  /*width: 463px; */  
  width: 451px; 
  /*padding-left: 10px; // 
  /* IE 6.0 double margin bug fix: */
  display: inline;  
}
/*-------------------------------------FORMULAIRE DE CONTACT------------------------------------*/

#contactleft 
{
  float:left;
  width: 250px;   
  padding: 10px;
  /* IE 6.0 double margin bug fix: */
  display: inline;  
}

#contactright 
{
  width: 350px;   
  /* IE 6.0 double margin bug fix: */
  display: inline;  
}

.champ 
{
  border:1px solid black;
  background-color:#F3F6E6;
  font-size: 12px;  
  font-family: verdana;    
}

.icontact
{
  width: 230px;
  margin: 0;
}

.tcontact 
{
  width: 230px;
  height: 100px;
  margin: 0;
}

/*-------------------------------------FORMATTAGE DU TEXTE------------------------------------*/

.fullwidth
{
  /*width: 350px; */
  /*padding-right: 10px;*/
}

.accroche
{
  color: #4B7502; 
  font-weight: bold;
  font-size: 16px;    
  font-family: verdana;   
}

.but
{
  background-color: #4B7502;   
  color: white; 
  font-size: 12px;    
  font-family: verdana;   
}

.eventstitle
{
  color: #4B7502; 
  font-weight: bold;
  font-size: 16px;   
  font-family: verdana;    
  text-align: left;
  line-height:28px;
}

.eventstext
{
  color: #4B7502; 
  font-weight: bold;
  font-size: 13px;    
  font-family: verdana; 
  text-align: right;
  line-height:18px;
}

.hometext
{
  color: black; 
  font-weight: bold;
  font-size: 13px;    
  font-family: verdana; 
  /*text-align: right;*/
  line-height:18px;
}

.littletext
{
  color: #4B7502;;
  font-weight: lighter;
  font-size: 11px;
  line-height:16px;
  margin-left:10px;
}

.tvac
{
  color: black;;
  font-weight: lighter;
  font-size: 9px;
}

.divregion
{
  background-color: #CBD0B4;  
  color: #4B7502; 
  font-weight: bold;
  font-size: 16px;   
  font-family: verdana;   
  text-align: right;
  line-height:28px;
}

.promo
{
  color: red;      
  font-weight: bold;
  font-size: 15px; 
}


.subtitle
{
  color: #4B7502;      
  font-weight: bold;
  font-size: 16px; 
}

.nomvin
{
  background-color: #F3F6E6;  
  padding: 10px;  	
  color: #4B7502;      
  font-weight: bold;
  font-size: 16px; 
}

.levin
{
  color: #4B7502;      
  font-weight: bold;
  font-size: 14px; 
}

.letype
{
  color: black; 
  font-weight: normal;     
  font-size: 12px; 
}

.text
{
  font-weight: lighter;
  font-size: 12px;
  line-height:22px;
}
 
.centered
{
  text-align: center;	
  margin-left: auto;
  margin-right: auto;
}

.am
{
  margin: auto;	
}

.bordered
{
  border-bottom: 1px solid #E2E0DD;    
}

.booking th
{
  line-height: 18px;	
  font-size: 12px;  
  font-family: verdana;     
  font-weight: bold;
}

.booking td
{
  line-height: 15px;	
  text-align: left;
  font-size: 12px;  
  font-family: verdana;     
}

.rightcol
{
  text-align: right;
}


/*-----------------------------------------BOUTONS---------------------------------------------*/

.go 
{
  width:24px;
  height:24px;
  border:none;
  background: transparent url(interface/fleche.gif) no-repeat center center;
}


/*-------------------------------------------MENU----------------------------------------------*/

#accueil
{
  background-image: url("interface/accueil-noir.jpg") ;
  width: 145px;
  height: 59px;
  margin: 0px;
  padding: 0px;
}

#evenements
{
  background-image: url("interface/evenements-noir.jpg") ;
  width: 145px;
  height: 59px;
  margin: 0px;
  padding: 0px;
}

#vins
{
  background-image: url("interface/nosvins-noir.jpg") ;
  width: 145px;
  height: 59px;
  margin: 0px;
  padding: 0px;
}

#contact
{
  background-image: url("interface/contact-noir.jpg") ;
  width: 145px;
  height: 59px;
  margin: 0px;
  padding: 0px;
}

.amenu
{
  display: block;
  color: #000000;
  font-size: 11px;
  width: 145px;
  height: 59px;
  display: block;
  float: left;
  color: black;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

.amenu:hover img
{
  visibility:hidden
}

.aimg
{
  width: 145px; 
  height: 59px;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

/*------------------------------------------DIV BESOFT------------------------------------------*/

div.cr
{
  float: left;
  /*margin-left: 20px;*/
  text-align: center;  
  font-size: 10px;  
}
	
a.besoft
{
  color: black;
  font-size: 10px;
  font-family: verdana;
  text-decoration: none;   
}

a.besoft:hover
{
  color: #4B7502; 
}