html, body { height:100%; }

html{
overflow-y:scroll;
}

body {
	background:#fff;
	font-family:Georgia, sans-serif;
	font-size:12px;	
	margin:0;
	padding:0;
}

/* style utile */
div, span, p, a, img, form, h1, h2, h3, h4, h5, h6, blockquote, hr, pre, button, ul, li, table, tr, td {
	border: 0;
	margin: 0;
	outline: none;	
	padding: 0;
}
.cb {
	clear:both;
	display: block;
	height:0px;
	line-height:0px;
	font-size:0px;
}

.container {
	margin: auto;
	width: 100%;
}

a { text-decoration: none; }





/* partie flash */
#header_flash {
	background: url(../img/global/bkg-header-flash.png) repeat-x left top;
	height: 490px;
	width: 100%;
}


/* partie header */
#bulle_container{
z-index:10;
position:relative;
width:961px;
margin:auto;
display:block;
height:0px;
}

	#bulle_container .bulle{
	visibility:hidden;
	width:180px;
	height:110px;
	position:absolute;
	top:-330px;
	right:240px;
	}
	
		#bulle_container .bulle .bulle_title{
		color:#846390;
		font-family:Georgia;
		text-transform:uppercase;
		font-weight:bold;
		font-style:italic;
		width:155px;
		}
		
		#bulle_container .bulle .bulle_text{
		color:#666666;
		font-size:0.9em;
		margin-top:10px;
		line-height:1em;
		}
		
		#bulle_container .bulle .bulle_link{
		color:#94a42c;
		margin-top:10px;
		font-size:0.9em;
		display:block;
		background-image:url(../img/global/arrow_bulle.gif);
		background-repeat:no-repeat;
		background-position:3px center;
		padding-left:22px;
		}

#infos{
width:160px;
height:190px;
padding:11px 0px 0px 11px;
position:absolute;
top:-420px;
margin-left: -31px;
z-index : 10;
}

#infos_title_container{
height:34px;
overflow:hidden;
}

	.infos_title{
	color:#d1b2db;
	font-size:37px;
	}
	
	#infos .infos_text{
	color:#d1b2db;
	font-family:Georgia;
	font-style:italic;
	font-size:1em;
	line-height:1.45em;
	margin-bottom:8px;
	clear:both;
	}
	
	.edito .infos_link{
	color:#94a42c;	
	font-size:1em;
	font-style:italic;
	}
	
	#infos .infos_link{
	color:#94a42c;
	font-size:1em;
	font-style:italic;
	background-image:url(../img/global/arrow_bulle.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:20px;
	}
	
	#infos .infos_link:hover,.edito .infos_link:hover{
		color : #ffffff;
	}

.infos_sup{
width:428px;
height:201px;
display:none;
position:absolute;
top:-420px;
margin-left:-35px;
z-index :13;
}

	.infos_sup #infos_sup_left{
	float:left;
	height:30px;
	overflow:hidden;
	margin:11px 0px 0px 11px;
	}
	
	.infos_sup #infos_sup_right{
	display:block;
	float:right;
	cursor:pointer;
	overflow:hidden;
	margin:11px 11px 0px 0px;
	}

	.infos_sup #infos_background{
	display:block;
	position:absolute;
	}

	.infos_sup #infos_sup_container{
	position:absolute;
	}

	.infos_sup #infos_sup_container .infos_text{
	color:#d1b2db;
	font-family:Georgia;
	font-style:italic;
	font-size:1em;
	line-height:1.45em;
	margin-top:0px;
	clear:both;
	width:406px;
	padding:0px 11px 0px 11px;
	}


/* partie contenu */
#main { margin: 10px 0 0 0; }





/* onglets */
#main .tabs {
	color: #846e8b;
	height: 30px;
	margin: 0 auto;
	text-transform: uppercase;
	width: 961px;	
}
	#main .tabs li {
		display: inline;
		float: left;
	}
		#main .tabs li a {
			border: 0;		
			color: #846e8b;
			cursor: pointer;
			line-height: 27px;
			margin: 0 1px 0 0;			
			text-align: center;				
			text-decoration: none;		
		}
			#main .tabs li a  span, #main .tabs li a em {
				display: block;
				float: left;
				height: 27px;
				line-height: 27px;
			}
			#main .tabs li a  span {
				background: url(../img/global/tab-default.png) no-repeat left top;
				margin: 3px 0 0 0;				
				padding: 0 0 0 10px;		
			}
			#main .tabs li a  em {
				background: url(../img/global/tab-default.png) no-repeat right top;
				font-style: normal;
				padding: 0 10px 0 0;			
			}

		#main .tabs li a.select {
			color: #fff;
			line-height: 30px;
		}
			#main .tabs li a.select  span, #main .tabs li a.select em {
				height: 30px;
				line-height: 30px;
				margin: 0;							
			}
			#main .tabs li a.select  span {
				background: url(../img/global/tab-select.png) no-repeat left top;
				padding: 0 0 0 20px;			
			}
			#main .tabs li a.select  em {
				background: url(../img/global/tab-select.png) no-repeat right top;
				font-style: normal;
				padding: 0 20px 0 0;			
			}						



/* contenu des onglets */
#main .content-tabs {
	margin: 0 auto;
	position: relative;
	width: 961px;
}

	#main .content-tabs .criteria {
		float: left;
		padding: 5px 10px 0 15px;
		width: 234px;
	}
		#main .content-tabs .criteria p.chapo {
			color: #855c93;
			font-size: 12px;
			font-style: italic;
			font-weight : bold;
			line-height: 18px;
			margin: 0 0 4px 0;
		}
		#main .content-tabs .criteria p {
			color: #666;
			font-family: Arial;
			font-size: 11px;
			line-height: 18px;
		}
		
	#main .content-tabs .vignoble {
		float: left;
		padding: 0px 11px 0 9px;
		position: relative;
		width: 171px;
		z-index: 2;		
	}
	#main .content-tabs .vignoble .carte {
		margin: 0;
	}

	#main .content-tabs .type {
		float: left;
		padding: 0 0 0 9px;		
		width: 490px;	
	}
		
	#main .content-tabs ul {
		color: #86942a;
		font-family: Arial;
		font-size: 11px;
		line-height: 18px;
		list-style-type: none;
		margin: 5px 0 0 0;
		text-transform: uppercase;
	}
		#main .content-tabs ul li {
			height: 18px;
			line-height: 18px;
		}
			#main .content-tabs ul li a {
				background: url(../img/global/arrow-list-green.png) no-repeat left center;			
				color: #86942a;
				cursor: pointer;
				line-height: 18px;
				padding: 0 0 0 18px;
				text-decoration: none;
			}
			#main .content-tabs ul li a.select {
				background: url(../img/global/cross-green.gif) no-repeat left top;
			}
			
	#main .content-tabs .bar .bar_center,#main .content-tabs .bar .bar_left{	
	float:left;
	}

	#main .content-tabs .bar .bar_top_tabs{
		color: #fff;
		font-family: Arial;
		font-size: 11px;
		height: 32px;
	}

	#main .content-tabs .bar .bar_top_tabs{
		background: url(../img/global/bar-tab.png) no-repeat left top;
		height: 32px;
		margin: 0 auto;
		width: 961px;
	}
	
	#main .content-tabs .bar .bar_top_tabs_left{
		background: url(../img/global/bar-tab-first.png) no-repeat left top;
	}

	#main .content-tabs .bar .bar_top_tabs .bar_left{
		background: url(../img/global/bar-tab-border.png) no-repeat right top;
		float: left;
		height: 25px;
		line-height: 20px;
		margin: 7px 0 0 0;
		padding: 0 0 0 15px;
		width: 244px;
	}
	
		#main .content-tabs .bar .bar_top_tabs .bar_left .bar_title span {
			background: url(../img/global/arrow-big-white-right.gif) no-repeat left center;
			color: #cba2da;
			padding: 0 0 0 18px;
		}	

	#main .content-tabs .bar .bar_top_tabs .bar_title{	
	text-transform:uppercase;
	}	

	#main .content-tabs .bar .bar_top_tabs .bar_center{
		background: url(../img/global/bar-tab-border.png) no-repeat right bottom;
		float: left;
		height: 25px;
		line-height: 20px;
		margin: 7px 0 0 0;
		padding: 0 11px 0 9px;
		position: relative;
		width: 230px;
	}

	#main .content-tabs .bar .bar_top_tabs .right{
		background: none;
	}

	#main .content-tabs .bar .panel_hidden{
	overflow:hidden;
	}

	#main .content-tabs .bar .panel_hidden .panel_hidden_content{	
	float:left;
	padding-bottom:5px;
	}

	#main .content-tabs .bar .bar_center,#main .content-tabs .bar .bar_left{	
	float:left;
	}
	
	#main .content-tabs ul li .criteria_selected{
	background-image:url(../img/global/cross-green.gif);
	}



/* footer */
#footer {
	background: #42224c;
	color: #c7a8d1;
	font-size: 11px;
	height: 22px;
	display: block;
	margin: 60px 0 0 0;
	padding: 2px 0 0 0;
	text-align: center;
	width: 100%;
}

#footer a {
	color: #c7a8d1;
	text-decoration: none;
	height : 12px;
	line-height: 12px;
	display: block;
	padding-top:5px;
}


#footer .logo {
padding-top:0px;
}

#footer li {
	background: url(../img/global/arrow-footer.png) no-repeat left center;
	float: left;
	display: block;
	margin: 0px 25px 0 25px;
	padding: 0 0 0 15px;
	height : 22px;
	line-height: 22px;
}

#footer ul {
	display: block;
	width: 900px;
	margin: 0 auto;
}