/* CSS Document */

html,body{margin:0;padding:0;}
body{	font-family: Verdana, Arial, Helvetica, sans-serif;  
		font-size:11px;
		color:#666;
		}
p{margin:0 10px 6px 0;}

ul{list-style-type:none;}
li span{display:none;}
img a{border:none;}
a{color:#AB7C2C;font-weight:bold;}
a:hover{;color:#C00;}
#saut{line-height:30px;}
a.smoothbox{border:none;}
/*------------------------------entete-----------------*/
div#entete{	
			height: 308px;
			background-color: #FFF;
			margin:0;
			padding:0;
			}
div#entete h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B;}
  
 /*------------------------------entete vins-----------------*/
div#entete_vin{	
			height: 308px;
			width:800px;
			
			margin:0;
			padding:0;
			}

 /*--------------------------------------------------Navigation---------------------*/
div#navigation{
				
				float:left;
				margin:0;
				width:150px;
				padding:0;
				border:0;
				}
#navigation ul{
				margin:32px auto 0 auto;
				padding:0;
				width:147px;
				}
#navigation li{
				width:147px;
				padding:0;
				display:run-in;
				}

 /*--------------wrapper----------------*/
 div#wrapper{
 height:290px;
 }
/*---------------------------container---------------------*/
div#container{
	position:absolute;
    left: 50%; 
    top: 50%;
	margin-top: -310px; /* moitié de la hauteur */
    margin-left: -400px; /* moitié de la largeur */
	width: 800px;
	height:620px;
	text-align: left;
	border: solid #95732C 1px;
	padding:0;
	
	/*background:#FFFFFF url(../images/baseline.gif) no-repeat;
	background-position:237px 569px;
	background:#FFFFFF url(../images/grille.gif) no-repeat;*/

				}
/*--------------------------menu-------------------------*/
li.premier{
margin-bottom:25px;
display:block;
}
/*------------------------menu picto----------------------*/
ul#pictos{
			width:553px;
			margin:8px 5px 0 auto;
			text-align:right;
			float:right;
			clear:right;
			
			}
#pictos li{
			float:right;
			width:71px;
			display:block;
			height:53px;
			}
a#deguster,a#commander,a#plan{
			width:71px;
			display:block;
			height:53px;
			line-height:53px;
			margin:0;
			background-position:0px -0px;
			}
a#deguster{background:url(../../images/pictos/deguster.gif) no-repeat;}
a#commander{background:url(../../images/pictos/commander.gif) no-repeat;}
a#plan{background:url(../../images/pictos/plan.gif) no-repeat;}

			
a#deguster:hover,a#commander:hover,a#plan:hover{background-position:0 -53px;}
/*-------------------------pied---------------------------*/
div#pied{
			clear:both;
			width:100%;
			margin:auto 0 0 0;
			padding:0;
			}
#pied ul{
		float:right;
		height:22px;margin:0;line-height:22px;padding-right:4px;
			}
#pied li{
		display:block;
		height:22px;
		line-height:22px;
		margin:0 5px;
		padding:0;
		float:left;
}
#pied li a{
		display:block;
		height:22px;
		line-height:22px;
		margin:0;
		padding:0;
		
}
a#accueil{
background:url(../images/s_menus/accueil.gif) no-repeat;
background-position:center 0;
width:49px;
}
 a:hover#accueil{background-position:center -22px;
}
a#prieure{
background:url(../images/s_menus/prieure.gif) no-repeat;
background-position:center 0;
width:84px;
}
 a:hover#prieure{background-position:center -22px;
}
a#saisons{
background:url(../images/s_menus/saisons.gif) no-repeat;
background-position:center 0;
width:127px;
}
 a:hover#saisons{background-position:center -22px;
}
a#vignes{
background:url(../images/s_menus/vignes.gif) no-repeat;
background-position:center 0;
width:115px;
}
 a:hover#vignes{background-position:center -22px;
}
a#vinotheque{
background:url(../images/s_menus/vinotheque.gif) no-repeat;
background-position:center 0;
width:80px;
}
 a:hover#vinotheque{background-position:center -22px;
}
a#contact{
background:url(../images/s_menus/contact.gif) no-repeat;
background-position:center 0;
width:46px;
}
 a:hover#contact{background-position:center -22px;
}
/*--------------------------anim flash---------------------*/
div#anim{
width:240px;
height:148px;
	position:absolute;
	left: 531px;
	top: 422px;
}
/*--------------------------anim flash vin---------------------*/
div#anim_vin{
width:240px;
height:170px;
	position:absolute;
	left: 548px;
	top: 392px;
}
/*---------------------entete vin----------------*/
#entete_vin ul{
				width:380px;
				height:308px;
				float:right;
				margin: 0 20px 0 0;
				padding: 0;
				background:url(../../images/arrondi.jpg) no-repeat;
				background-position:middle 20px;
				font-size:11px; 

}
#entete_vin ul ul#sous_menu{
				background-image:none;
				height:50px;
				width:340px;
				margin:0;
				padding:0;
				
}
#entete_vin ul ul#sous_menu li{
				height:20px;
				line-height:20px;
				margin:0 0 0 50px;
				padding:0;
				font-size:.95em;width:260px;
				
				}
#entete_vin li{
				width:300px;
				margin-left:60px;
				
				
					}
#entete_vin li img{
				margin-top:81px;
				height:30px;
				}
#entete_vin li.double img{
				margin-top:61px;
				height:58px;
				}
#entete_vin li.lien{text-align:right;margin-top:10px;padding-right:40px;margin-bottom:5px;}				
#entete_vin li.lien a{
				font-weight:bold;
				text-decoration:none;
				color:#99003F;
				line-height:16px;
				
				}
#entete_vin li a:hover{
				text-decoration:underline;
				}

/*---------------------------bouteilles------------------------*/
div#bouteille{
	position:absolute;
	margin:0;
	padding:0;
	left: 210px;
	top: 84px;
}
.sous_menu{font-size:.8em;}
#sous_menu{background:green;}
#sous_menu li{text-align:right;}
#sous_menu li a{color:#AB7C2C;font-weight:bold;}
#sous_menu li a:hover{color:#AB7C2C;font-weight:bold;text-decoration:underline;}
li.vins2{text-align:right;}
li.vins2 a.brun{color:#AB7C2C;text-decoration:none;}
li.vins2 a.brun:hover{text-decoration:underline;}