@font-face {
    font-family: 'JustTheWayYouAreRegular';
    src: url('css/justthewayyouare-webfont.eot');
    src: url('css/justthewayyouare-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/justthewayyouare-webfont.woff') format('woff'),
         url('css/justthewayyouare-webfont.ttf') format('truetype'),
         url('css/justthewayyouare-webfont.svg#JustTheWayYouAreRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KristenITC';
    src: url('css/itckristt.eot');
    src: url('css/itckrist.eot?#iefix') format('embedded-opentype'),
         url('css/itckrist.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.font-face{
	font-family: 'JustTheWayYouAreRegular';
}

h3.font-face{
	font-size: 20px;
}

a:link { color: #7A0E47; text-decoration:none }
a:visited { color: #7A0E47; text-decoration:none}
a:active { color: #7A0E47; text-decoration:none}
a:hover { color: #dc6d00; text-decoration:none;}

a img{
	border: none;
}

a:link#Noir { padding:0; color: #000000; text-decoration: none; font-size: 8pt; }
a:visited#Noir { color: #000000; text-decoration: none; font-size: 8pt;}
a:active#Noir { color: #000000; text-decoration: none; font-size: 8pt;}
a:hover#Noir { color: #9c0088; text-decoration: none; font-size: 8pt;}

a:link#Violet { padding:0; color: #7A0E47; text-decoration: none; font-size: 8pt; }
a:visited#Violet { color: #7A0E47; text-decoration: none; font-size: 8pt;}
a:active#Violet { color: #7A0E47; text-decoration: none; font-size: 8pt;}
a:hover#Violet { color: #000000; text-decoration: none; font-size: 8pt;}

a:link#MenuBas { color: #000000; text-decoration:none}
a:visited#MenuBas { color: #000000; text-decoration:none}
a:active#MenuBas { color: #000000; text-decoration:none}
a:hover#MenuBas { color: #ffffff; text-decoration:none}

h1 { font-family: Verdana; color: #622004; font-size: 18pt; margin-top:0; margin-bottom:0; margin-left:5px; margin-right:5px; }
h2 { color:#0000; margin: 0; font-size: 13px; margin-left:5px; margin-right:5px; }
h3 { font-family: Verdana; color: #9c0088; font-size: 10pt; font-weight: bold; margin-top:0; margin-bottom:0; margin-left:5px; margin-right:5px; }
h4 { font-family: Verdana; color: #008880; font-size: 8pt;margin-top:0; margin-bottom:0 }
h5 { font-family: Verdana; color: #252525; font-size: 8pt; font-weight: bold; margin-top:5; margin-bottom:5; text-transform:uppercase }


body
{
	background-repeat: repeat-x;
	background-position-y: top;
	background-color : #CFC3A9;
	margin-top : 0
}

ul{
margin-bottom:0;
padding-bottom:0
}
li{
margin:0;
padding:0;
list-style-image:url('images/puce-tm.gif');
}
p  { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.Petit  { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #525252; margin-left:5px; margin-right:5px;}
td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;
	/*text-align: center;*/
}
.ZoneTexte  { border: 1px solid #000000; }

.stylebouton { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff;
			   font-size: 7pt; background-color: #7D272E; border-style: ridge; border: 1px solid #520518; padding-left: 4px;
			   padding-right: 4px; padding-top: 1px; padding-bottom: 1px; cursor: pointer; }
			   
.Violet{color: #9c0088;}
.Blanc{color: #ffffff;}
.Clair{background-color: #FFFBE8;}
.ClairViolet{background-color: #FFFBE8; color: #9c0088; font-weight:bold; font-size: 10pt; margin-bottom:10px; border: 10px solid #EEECDF;}
.Marron{color: #887346;}
.grisFonce{color: #555;}
.justify{
	text-align:justify;
	color: #555;
	margin-left:5px;
	margin-right:5px;
}

a:hover .grisFonce{ color: #dc6d00; text-decoration:none;}

.rose{background-color:#FEF3F7;border: 1px solid #7A0E47;}

.FondMenu{background-image: url('images/Accueil/FondMenu.gif'); background-repeat: repeat-x}

.TraitJaune{
border-left-width: 1px; 
border-right-width: 1px; 
border-top-width: 1px; 
border-color:DED8B4; 
border-bottom-style: solid; 
border-bottom-width: 1px;
}


#Chambre{
/*	height:490px;*/
	width:680px;
/*	overflow:auto;
	  SCROLLBAR-FACE-COLOR: #887346;
    SCROLLBAR-HIGHLIGHT-COLOR: #CFC3A9;
    SCROLLBAR-SHADOW-COLOR: #616161;
    SCROLLBAR-3DLIGHT-COLOR: #CFC3A9;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #CFC3A9;
    SCROLLBAR-DARKSHADOW-COLOR: #CFC3A9*/
}
.txt9{font-size:9px;}
.Pink	{
	color:#7B0554;
}
.fondPink	{
	background-color:#7B0554;
	border-bottom-color:black;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-top-color:black;
	border-top-style:solid;
	border-top-width:2px;
	color:white;
}
.gris	{
	color:gray;
}
.borderNoir	{
	border-bottom-color:black;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-top-color:black;
	border-top-style:double;
	border-top-width:2px;
}
#Vinexpo	{
/*	border:2px #7b0554 solid;*/
}
.gris	{
	color:gray;
}

#flags
{
	position:relative;
	height:0;
	font-size:0;
}

#flag_fr
{
	position:absolute;
	left:705px;
	top:6px;
}

#flag_en
{
	position:absolute;
	left:705px;
	top:6px;
}

#flag{
	
	top:10px;
	text-align:right;
	 color: #555555;
	 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	 font-size:12px;
	 position:relative;
	 top:10px;
	 right:10px;
	 height:0px;
}

.h1-revue{
	margin-bottom: 20px;
}

.article{
	padding: 0;
	position: relative;
}

.article .deco{
	height: 149px;
    position: absolute;
    right: -42px;
    top: 10px;
    width: 91px;	background: url(images/deco.png) no-repeat top left;
}

.article .date{
	margin: -10px 0 0 0;
	padding: 20px 0 0 22px;
	color: #8a7347;
	background: url(images/top.png) no-repeat top left;
	height:22px;
	font-size: 10px;
}

.article img.illu{
	margin: -60px 0 10px 5px;
	border: 2px solid rgba(255,255,255,0.3);
	position: relative;
	z-index: 90;
}

.article img.mini
{
	width:83px;
}

.article img.firstImg{
	margin-right: 20px;
}

.article img.lastImg{
	margin-left: 10px;
}

.article .contenu{
	border-left: 2px solid #C6BDA5;
    border-right: 2px solid #C6BDA5;
    margin-left: 1px;
    margin-top: 0;
    padding: 5px 20px;
    width: 804px;
}

.article .footer{
	margin: -10px 0 0 0;
	padding: 20px 0 0 10px;
	background: url("images/bottom.png") no-repeat scroll -22px -13px transparent;
	height:22px;
}

#center-visite{
	position: relative;
	width: 100%;
	height: 584px;
}

#splash{
	background: url(images/Visite/splash.png) no-repeat top left;
	width: 764px;
	height: 541px;
	position: absolute;
	top: 0;
	left: 41px;
}

.td-visite *{
	margin: 0 auto;
}

.td-visite{
	/*padding: 10px 0 0 70px;*/
	position: relative;
}

.hidden{
	display:none;
	position: absolute;
	top: 0;
	left: 0;

}

#visiteMap{
	background: url(images/Visite/hall.png) no-repeat top left;
	width: 764px;
	margin: 0 auto;
	left: 41px;
}
#visiteMapVignoble{
	background: url(images/Visite/vignoble.png) no-repeat top left;
	width: 764px;
	margin: 0 auto;
	position: relative;
}
#visiteMapVignoble #texte{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 2px solid #CCCCCC;
    bottom: 15px;
    height: 187px;
    left: 40px;
    overflow: hidden;
    padding: 10px 6px;
    position: absolute;
    width: 670px;
    text-align: center;  
}

#visiteMapVignoble #texte p{
	width:670px;
	height: 187px;
	overflow: hidden;
	font-family: KristenITC, Arial, Helvetica, sans-serif;
	text-align:center;
}

#visiteMapFamille{
	background: url(images/Visite/famille.png) no-repeat top left;
	width: 764px;
	margin: 0 auto;
	position: relative;
	
}
#visiteMapFamille #texte{
	background-color: rgba(255, 255, 255, 0.6);
	border: 2px solid #CCCCCC;
    height: 478px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 320px;
    text-align: center;
}
#visiteMapFamille #texte p{
	height: 478px;
    overflow: hidden;
    width: 300px;
    font-family: KristenITC, Arial, Helvetica, sans-serif;
    text-align:center;
}


#visiteMapBureau{
	background: url(images/Visite/bureau.png) no-repeat top left;
	position: relative;
	width: 764px;
	margin: 0 auto;

}
#visiteMapBureauPro{
	background: url(images/Visite/bureau-pro.png) no-repeat top left;
	position: relative;
	width: 764px;
	margin: 0 auto;

}
#visiteMapBureauPro #equipe{
	left: 44px;
    position: absolute;
    top: 46px;	
    display: none;
}
#visiteMapBureauPro #equipe #close{
	border: 1px solid #000000;
    height: 15px;
    position: absolute;
    right: 16px;
    top: 15px;
    width: 15px;
    cursor: pointer;
}
#visiteMapCuisine{
	background: url(images/Visite/cuisine.png) no-repeat top left;
	position: relative;
	width: 764px;
	margin: 0 auto;

}
#visiteMapChais{
	background: url(images/Visite/chais.png) no-repeat top left;
	width: 764px;
	margin: 0 auto;
	position: relative;
}

#visiteMapChais #texte{
	width: 647px;
	height: 185px;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 2px solid #CCCCCC;
    position: absolute;
    top: 95px;
    left: 64px;
    overflow: hidden;
    padding: 10px 3px;
    text-align:center;
}

#visiteMapChais #texte p{
	width: 653px;
	height: 205px;
	overflow: hidden;
	font-family: KristenITC, Arial, Helvetica, sans-serif;
	text-align:center;
}

#visiteMapChais #close{
	border: 1px solid #000000;
    height: 13px;
    left: 688px;
    padding: 4px 5px;
    position: absolute;
    top: 105px;
    width: 12px;
	cursor: pointer;
	z-index: 999;   
}

#visiteMapChais #close.closed{
	color: #fff !important;
	border:1px solid #fff !important;
}

#visiteMapCuisine #recettes{
	display: none;
	position: absolute;
	top: 90px;
	right: 150px;
	border: 1px solid #000;
	width: 330px;
	height: 226px;
	background: url(images/Visite/bg-recettes.png) no-repeat top left;
}
#visiteMapCuisine #recettes table{
	margin-left: 4px;
    margin-top: 44px;
}
#visiteMapCuisine #recettes table img:hover{
	border: 1px solid #000;
}
#visiteMapCuisine #recettes #close{
	border: 1px solid #000000;
    padding: 2px 5px;
    position: absolute;
    right: -1px;
    top: -19px;
    cursor: pointer;
}
#visiteMapContact{
	position: absolute;
	left:41px;
}
#MenuVisite{
	background-color: #F8F0D9;
    left: 41px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 541px;
    width: 764px;}

/* SCROLLBAR JS */
/***************************/
.jScrollPaneContainer 
{
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack 
{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #D7D7D7;
}

.jScrollPaneDrag 
{
	position: absolute;
	background: #999999;
	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:transparent/* url(/img/interface/boutiques/arrow_up.png) no-repeat scroll center center*/;
	height:9px;
}

a.jScrollArrowUp:hover,a.jScrollArrowDown:hover 
{
	background-color: #ffffff;
}

a.jScrollArrowDown 
{
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #ffffff;
	background:transparent/* url(/img/interface/boutiques/arrow_down.png) no-repeat scroll center center*/;
	height:9px;
}

#MenuVisite img, #MenuVisite a{
	border: 0;
}

#galerie{
	position: relative;
}

#galerie #prev,#galerie #next{
	width: 39px;
	height: 38px;
	position: absolute;
	top: 30px;
	text-indent: -5000px;
}

#galerie #prev:hover,#galerie #next:hover{
	opacity:0.6;
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
    filter : alpha(opacity=60); /* IE < 8 */

}

#galerie #prev{
	background: url(images/left.jpg) no-repeat top left;
	left: 20px;
	display: none;
}

#galerie #next{
	background: url(images/right.jpg) no-repeat top left;
	right: 25px;
}

#thumbs{
	width: 694px;
	height: 90px;
	margin: 0 auto;
	overflow: hidden;
	padding:0;
	position: relative;
}

#thumbs ul{
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	width: 3000px;
	padding:0;
}

.caption{
	text-align: center;
}

#thumbs li{
	float: left;
	width: 66px;
	height:66px;
	margin:6px 9px;
	padding: 2px;
	list-style:none;
	text-align:center;
}

#thumbs li.actif{
	float: left;
	width: 66px;
	height:67px;
	padding: 1px 2px;
	list-style:none;
	text-align:center;
}


#thumbs li.first{
	margin:6px 10px 6px 0;
}

#thumbs li.last{
	margin:6px 0 6px 10px;
}


#thumbs li a img{
	border: 2px solid #fff;
}

#thumbs li.actif img{
	border: 4px solid #fff;
	width:58px;
	height:58px;
}

#show{
	width:704px;
	margin: 20px auto 0 auto;
	text-align: center;
	position: relative;
	height:416px;
}

#show img{
	position: absolute;
	top: 0;
	left: 0;
	opacity:0;
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */
    border: 5px solid #fff;
    z-index: 10; 
}

#show img.visible{
	opacity:1;
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */
}

#show img#img1{
	margin: 0 0 0 37px;
}

#show img#img4,
#show img#img5,
#show img#img8,
#show img#img9,
#show img#img14{
	margin: 0 0 0 208px;
}