body, html {
	/* width:100%;
	height:100%;
	display:table; */
	height:100%;
}
body {
	height:100%;
	min-width:980px;
	margin:0;
/* 	color:#000; */
	color:white;
	font:11px "Trebuchet Ms", Arial, Helvetica, sans-serif;
	/* background:#22202a url(../images/bg-body.jpg) no-repeat 50% 50%; */
	background:#22202a url(../images/bg-body.jpg) no-repeat center center;
	vertical-align:middle;
	display:table-cell;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {text-decoration:underline;}
img {border-style:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* page */
#page {
	position:absolute; 
	left: 50%;  
	top: 50%; 
	width: 980px; 
	height: 610px; 
	margin-top: -305px; /* moitiŽ de la hauteur */ 
	margin-left: -490px; /* moitiŽ de la largeur */
	overflow: hidden;
}
/*
#page {
	width:980px;
	margin:0 auto;
	overflow:hidden;
	height:610px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-305px;
	margin-left:-490px;
}
*/

/* header */
#header {
	width:951px;
}
#header:after {
	display:block;
	clear:both;
	content:"";
}
.logo {
	float:left;
	width:460px;
	height:100px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
}
.logo a {
	display:block;
	height:100%;
	cursor:pointer;
	position:relative;
}
/* navigation */
#navigation {
	float:right;
	display:inline;
	margin:44px 0 0;
	padding:8px 0 9px 22px;
	background:url(../images/bg-navigation.gif) no-repeat;
	list-style:none;
}
#navigation li {
	float:left;
	padding:0 9px;
	font-size:12px;
	line-height:14px;
}

#navigation li a {
	float:left;
	color:#9b9a9f;
	padding-bottom:4px;
}

#navigation li.active a
{
	color:#fff;
}

#navigation li.active ul a
{
	color:#9b9a9f;
}

#navigation li.active li.underlined a,
#navigation li.underlined a
{
	color:#fff;
	background:url(../images/bg-active.gif) repeat-x 0 100%;
}

#navigation li a:hover {
	text-decoration:none;
}

#navigation li.active li.active a:hover,
#navigation li.active a:hover {
	background:none;
}

#navigation li.active li a
{
	background:transparent;
}

#navigation li.active ul,
#navigation li.activate
{
	display:block;
}
#navigation ul {
	display:none;
	float:none;
	margin:0;
	padding:4px 0 0 9px;
	list-style:none;
	position:absolute;
	top:14px;
	left:0px;
	width:400px;
	background:url(../images/sep-drop-nav.gif) repeat-y;
}

#navigation li.active {
	position:relative;
	background:url(../images/sep-drop-nav.gif) repeat-y;
}

#navigation li.active li.active
{
	background:transparent;
}

#navigation li.hover li.hover a,
#navigation li:hover li:hover a,
#navigation li.hover a,
#navigation li:hover a {
	background:none;
	color:#fff;
}
#navigation li.hover li.hover,
#navigation li.active li:hover,
#navigation li:hover li:hover {
	background:none;
}
#navigation li.active ul,
{
	display:block;
}
#navigation li li {
	padding:0 11px 0 0;
}
#navigation li.hover li a,
#navigation li:hover li a
{
	color:#9b9a9f;
}*/
/* content */
#content {
	width:100%;
	overflow:hidden;
}
.top-content {
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(../images/bg-top-content.png) no-repeat;
}
.bottom-content {
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(../images/bg-bottom-content.png) no-repeat;
}
/* main-content */
.main-content {
	width:960px;
	height:465px;
	padding:0 10px;
	overflow:hidden;
	background:url(../images/bg-main-content.png) repeat-y;
}
/* main-visual */
.main-visual {
	float:left;
	width:610px;
}
.main-visual img {
	float:left;
}
.visual-box {
	float:left;
	width:320px;
	display:block;
	height:610px;
}
.flash-box {
	float:left;
	width:290px;
}
/* info-box */
.info-box {
	float:right;
	width:320px;
	height:455px;
	padding:20px 10px 0 20px;
	overflow:hidden;
	background:url(../images/bg-info-box.png);
}
/* visual-info */
.visual-info {
	width:290px;
	height:200px;
	margin:0 0 16px -2px;
	padding:0 16px 0 12px;
	overflow:hidden;
	background:url(../images/bg-info-box-holder.png) no-repeat;
}
.visual-info img {
	border:3px solid #000;
	float:left;
}
/* subnav */
.subnav {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	position:relative;
	margin-bottom:5px;
}
.subnav li {
	float:left;
	padding:0 4px 4px 0;
}
.subnav li a {
	float:left;
	padding:0 6px;
	font-size:11px;
	line-height:20px;
	color:#fff;
	background-color:#71755f;
}
.subnav li.active a,
.subnav li a:hover {
	text-decoration:none;
	background-color:#94212d;
}
/* txt-box */
.txt-box {
	/*height:190px;*/
	padding:0;
	width:320px;
	margin-top:1px;
	overflow:hidden;
	position:relative;
	text-align:justify;
}

.txt-box p a, .txt-box td a
{
	color:#3B374C;
	border-bottom: 1px dotted #71755F;
}

.txt-box p a:hover, .txt-box td a:hover
{
	text-decoration:none;
}

.txt-box td
{
	color:#3b374c;
	font-size:11px;
	text-align:left;
}

.txt-box table
{
	margin-bottom:5px;
}

.txt-box p, label{
	margin:1px 0 9px;
	font-size:11px;
	line-height:15px;
	color:#3b374c;
	margin-right:5px;
}
.txt-box h2, legend, #plansite ol li a {
	margin:1px 0 9px;
	color:#3b374c;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	margin-right:5px;
}

.txt-list,
.text-scroll ul
{
	margin:0;
	padding:1px 0 9px;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.txt-list li,
.text-scroll li
{
	float:left;
	clear:both;
	width:280px;
	padding:0 0 5px 14px;
	font-size:11px;
	line-height:15px;
	color:#3b374c;
	background:url(../images/bullet-scroll-list.gif) no-repeat 3px 6px;
}
/* scroll */
.text-scroll {
	/*height:190px;*/
	width:320px;
	overflow:hidden;
	position:relative;
}
.scroll-content{
	top: 0px !important;
	height: 190px !important;
	width: 311px !important;
}
.vscroll-bar{
	position:absolute;
	width:9px !important;
	margin:0;
	padding:0;
	height:190px !important;
	top: 0 !important;
}
.vscroll-up{
	position:absolute;
	height: 0 !important;
}
.vscroll-up img {
	display:none;
}
.vscroll-down{
	position:absolute;
	padding:0;
	left:-9999px;
}
.vscroll-line{
	width:9px !important;
	background:url(../images/bg-scroll-line.gif) repeat-y 4px 0;
	overflow: hidden;
}
.vscroll-slider{
	background:#a3a399 url(../images/bg-up-scroll.gif) no-repeat;
	width:9px !important;
}
#scrollslider0 {
	background:url(../images/bg-down-scroll.gif) no-repeat 0 100%;
}
/* footer */
#footer {
	width:960px;
	margin:0 10px;
	padding-bottom:10px;
	overflow:hidden;
}
#footer ul {
	float:left;
	display:inline;
	margin:0 10px 0 -3px;
	padding:0;
	list-style:none;
	background:url(../images/sep-footer.gif) no-repeat 100% 50%;
}
#footer ul li {
	float:left;
	padding:0 9px 0 3px;
	font-size:11px;
	line-height:15px;
}
#footer li a {
	color:#c9c9cc;
}
#footer p {
	margin:0;
	float:left;
	font-size:11px;
	line-height:15px;
	color:#7a7980;
}
/* part for inner page */
.info-box h1 {
	margin:-1px 0 11px;
	font:small-caps 31px/30px Georgia, Helvetica, sans-serif;
	color:#71755f;
}
.inner .txt-box {
	/*height:300px;*/
}
.inner .text-scroll {
	/*height:300px;*/
}
.inner .scroll-content{
	height: 300px !important;
}
.inner .vscroll-bar{
	height:300px !important;
}
/* link-list */
.link-list {
	margin:0;
	padding:1px 0 9px;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.link-list li {
	float:left;
	clear:both;
	padding:0 0 4px 4px;
	width:290px;
}
.link-list li a {
	padding-left:16px;
	font-size:11px;
	line-height:15px;
	background:url(../images/bullet-link-list.gif) no-repeat 0 50%;
	color:#3b374c;
}

/**
* JScollPane
**/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ddd;
}
.jScrollPaneDrag {
	position: absolute;
	background: #A3A399;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url("../images/bg-up-scroll.gif");
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url("../images/bg-down-scroll.gif");
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

legend
{
	margin-bottom:0;
}

input[type=text]
{
	width:144px;
}

input, textarea
{
	background:#DDDDDD;
	border:1px solid #71755f;
}

textarea
{
	width:300px;
/* 	width:100%; */
	height:90px;
}

fieldset
{
	margin-top:10px;
	margin-bottom:10px;
}

#contact td
{
	padding-bottom:5px;
}

#contact legend
{
	padding-left:0;
}

#contact .legales
{
	font-size:10px;
}

#titreflash
{
	margin-left:-3px;
}

.boite-select
{
	width:100%;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #71755f;
}

.text-content
{
	vertical-align:top;
}

.text-box, .txt-content, .txt-scrollable
{
	height:100%;
}

/* Plan du site */

#plansite ol
{
	margin:0;
	padding:0;
}

#plansite
{
	padding:0;
	margin:0;
}

#plansite ol, #plansite ul
{
	margin:0;
	padding:0;
}

#plansite ol li
{
	list-style:none;
	background:none;
	padding-top:10px;
	margin:0;
}

#plansite ul li
{
	padding-bottom:0;
	padding-top:5px;
}

#plansite ol li a
{
	background:url("../images/bullet-link-list.gif") no-repeat left center;
	border-bottom:1px solid #A3A399;
	padding-left:12px;
	width:100%;
	display:block;
	margin:0;
}

#plansite ol li ul li a
{
	border-bottom:none;
}

#plansite ol li ul li a
{
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	color:#3b374c;
	margin-right:5px;
}

#plansite ol li ul li ul li a
{
	font-weight:normal;
}

#vins_main h2
{
	margin:0;
	padding-bottom:2px;
}

#vins_main ul
{
	padding-bottom:3px;
	margin-left:5px;
}

#navigation li a.blog
{
	border:1px solid #9B9A9F;
	padding-left:5px;
	padding-right:15px;
	padding-top:1px;
	padding-bottom:1px;
	position:relative;
	top:-2px;
	background:url('../images/fleche_blog.jpg') no-repeat right;
}

#navigation li.active li.active a.blog:hover,
#navigation li.active a.blog:hover,
#navigation li a.blog:hover,
#navigation li.blog
{
	background:url('../images/fleche_blog.jpg') no-repeat right;
}