/**********************************/
/*         CSS Document           */
/* http://wwww.leclusebaravin.com */
/*    Dev:Thésée Communication    */
/*           BR 090510            */
/**********************************/
/**************/
/*  Elements  */
/**************/
/* supprimer la bordure des images-lien */
a img {
	border:0px;
}
/* supprimer les espaces indésirables sous images (IE) */
img {
	display:inline;
	border:0px;
}
/* supprimer les espaces autour des formulaires */
form {
	margin:0px;
	padding:0px;
}
html, td, p, button {
	font-family:tahoma, 'trebuchet MS', verdana, arial, sans-serif;
	font-size:11px;
	color:#53391e; /*684825*/
}
input, textarea, select, option {
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

button { display:-moz-inline-box; display:inline-block; border:0; margin:0; padding:0; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; background:none; text-decoration:none; }

html {
	font-size:16px;
}

body {
	background:#8e001d url('/images/bkgd.jpg') repeat-x top center;
	margin:0;
	padding:0;
}


hr { color:#232323; height:0; margin:0px; border-top:1px solid #bebebe; border-bottom:0px }
h1 { color:#860017; margin:0; padding:0; font-size:20px; font-family:georgia, 'times new roman', times, serif; font-weight:normal; }
h2 { color:#860017; margin:0; padding:0; font-size:18px; font-family:tahoma, 'trebuchet MS', verdana, arial, sans-serif; font-weight:normal; }
h3 { color:#3b2426; margin:0; padding:0; font-size:15px; font-family:tahoma, 'trebuchet MS', verdana, arial, sans-serif; font-weight:bold; }
h4 { color:#53391e; margin:0; padding:0; font-size:13px; font-family:tahoma, 'trebuchet MS', verdana, arial, sans-serif; font-weight:bold; }
h5 { color:#ffffff; margin:0; padding:0; font-size:12px; font-family:tahoma, 'trebuchet MS', verdana, arial, sans-serif; font-weight:normal; }
h6 { color:#53391e; margin:0; padding:0; font-size:11px; font-family:tahoma, 'trebuchet MS', verdana, arial, sans-serif; font-weight:normal; }

a{ color:#fff; text-decoration:none; }
a:hover{ color:#feff63; text-decoration:underline;}
a:active{ color:#fff; text-decoration:underline;}

#wrapper {
	vertical-align:top;
	position:absolute;
	left:50%;
	margin-left:-480px;
	}

#container {
	width:960px;
	margin:20px 0px 5px;
	/* border:1px solid black; */
  }

#entete { position:relative;  }
#entete-bkgd {  } 
#entete-menu { position:absolute; top:0; left:0; width:960px; height:70px; margin:0; padding:0;}
#entete-menu li { margin:0; padding:0; list-style:none; display:block; position:absolute; }
#entete-menu a { display:block; text-indent:-9999px; text-decoration:none; }
#menu1fr {left:20px; top:22px; width:178px; height:30px; }
#menu2fr {left:215px; top:10px; width:130px; height:30px; }
#menu3fr {left:635px; top:10px; width:65px; height:30px; }
#menu4fr {left:722px; top:15px; width:100px; height:30px; }
#menu5fr {left:839px; top:25px; width:100px; height:30px; }
#menu1fr a{height:30px; background:url('fr/images/menu.gif') -20px -22px no-repeat;}
#menu2fr a{height:30px; background:url('fr/images/menu.gif') -215px -10px no-repeat;}
#menu3fr a{height:30px; background:url('fr/images/menu.gif') -635px -10px no-repeat;}
#menu4fr a{height:30px; background:url('fr/images/menu.gif') -722px -15px no-repeat;}
#menu5fr a{height:30px; background:url('fr/images/menu.gif') -839px -25px no-repeat;}
#menu1fr a:hover{height:30px; background:url('fr/images/menu.gif') -20px -92px no-repeat;}
#menu2fr a:hover{height:30px; background:url('fr/images/menu.gif') -215px -80px no-repeat;}
#menu3fr a:hover{height:30px; background:url('fr/images/menu.gif') -635px -80px no-repeat;}
#menu4fr a:hover{height:30px; background:url('fr/images/menu.gif') -722px -85px no-repeat;}
#menu5fr a:hover{height:30px; background:url('fr/images/menu.gif') -839px -95px no-repeat;}

#menu1en {left:20px; top:22px; width:178px; height:30px; }
#menu2en {left:215px; top:10px; width:130px; height:30px; }
#menu3en {left:635px; top:10px; width:80px; height:30px; }
#menu4en {left:722px; top:15px; width:100px; height:30px; }
#menu5en {left:839px; top:25px; width:100px; height:30px; }
#menu1en a{height:30px; background:url('en/images/menu.gif') -20px -22px no-repeat;}
#menu2en a{height:30px; background:url('en/images/menu.gif') -215px -10px no-repeat;}
#menu3en a{height:30px; background:url('en/images/menu.gif') -635px -10px no-repeat;}
#menu4en a{height:30px; background:url('en/images/menu.gif') -722px -15px no-repeat;}
#menu5en a{height:30px; background:url('en/images/menu.gif') -839px -25px no-repeat;}
#menu1en a:hover{height:30px; background:url('en/images/menu.gif') -20px -92px no-repeat;}
#menu2en a:hover{height:30px; background:url('en/images/menu.gif') -215px -80px no-repeat;}
#menu3en a:hover{height:30px; background:url('en/images/menu.gif') -635px -80px no-repeat;}
#menu4en a:hover{height:30px; background:url('en/images/menu.gif') -722px -85px no-repeat;}
#menu5en a:hover{height:30px; background:url('en/images/menu.gif') -839px -95px no-repeat;}

#menu1es {left:20px; top:22px; width:178px; height:30px; }
#menu2es {left:215px; top:10px; width:130px; height:30px; }
#menu3es {left:625px; top:10px; width:105px; height:30px; }
#menu4es {left:732px; top:15px; width:120px; height:30px; }
#menu5es {left:863px; top:25px; width:60px; height:30px; }
#menu1es a{height:30px; background:url('es/images/menu.gif') -20px -22px no-repeat;}
#menu2es a{height:30px; background:url('es/images/menu.gif') -215px -10px no-repeat;}
#menu3es a{height:30px; background:url('es/images/menu.gif') -625px -10px no-repeat;}
#menu4es a{height:30px; background:url('es/images/menu.gif') -732px -17px no-repeat;}
#menu5es a{height:30px; background:url('es/images/menu.gif') -863px -25px no-repeat;}
#menu1es a:hover{height:30px; background:url('es/images/menu.gif') -20px -92px no-repeat;}
#menu2es a:hover{height:30px; background:url('es/images/menu.gif') -215px -80px no-repeat;}
#menu3es a:hover{height:30px; background:url('es/images/menu.gif') -625px -80px no-repeat;}
#menu4es a:hover{height:30px; background:url('es/images/menu.gif') -732px -87px no-repeat;}
#menu5es a:hover{height:30px; background:url('es/images/menu.gif') -863px -95px no-repeat;}

#menu1jp {left:20px; top:22px; width:178px; height:30px; }
#menu2jp {left:215px; top:10px; width:130px; height:30px; }
#menu3jp {left:635px; top:10px; width:65px; height:30px; }
#menu4jp {left:722px; top:15px; width:100px; height:30px; }
#menu5jp {left:839px; top:25px; width:100px; height:30px; }
#menu1jp a{height:30px; background:url('jp/images/menu.gif') -20px -22px no-repeat;}
#menu2jp a{height:30px; background:url('jp/images/menu.gif') -215px -10px no-repeat;}
#menu3jp a{height:30px; background:url('jp/images/menu.gif') -635px -10px no-repeat;}
#menu4jp a{height:30px; background:url('jp/images/menu.gif') -722px -15px no-repeat;}
#menu5jp a{height:30px; background:url('jp/images/menu.gif') -839px -25px no-repeat;}
#menu1jp a:hover{height:30px; background:url('jp/images/menu.gif') -20px -92px no-repeat;}
#menu2jp a:hover{height:30px; background:url('jp/images/menu.gif') -215px -80px no-repeat;}
#menu3jp a:hover{height:30px; background:url('jp/images/menu.gif') -635px -80px no-repeat;}
#menu4jp a:hover{height:30px; background:url('jp/images/menu.gif') -722px -85px no-repeat;}
#menu5jp a:hover{height:30px; background:url('jp/images/menu.gif') -839px -95px no-repeat;}

#menu1cn {left:20px; top:22px; width:178px; height:30px; }
#menu2cn {left:215px; top:10px; width:130px; height:30px; }
#menu3cn {left:635px; top:10px; width:65px; height:30px; }
#menu4cn {left:722px; top:15px; width:100px; height:30px; }
#menu5cn {left:839px; top:25px; width:100px; height:30px; }
#menu1cn a{height:30px; background:url('cn/images/menu.gif') -20px -22px no-repeat;}
#menu2cn a{height:30px; background:url('cn/images/menu.gif') -215px -10px no-repeat;}
#menu3cn a{height:30px; background:url('cn/images/menu.gif') -635px -10px no-repeat;}
#menu4cn a{height:30px; background:url('cn/images/menu.gif') -722px -15px no-repeat;}
#menu5cn a{height:30px; background:url('cn/images/menu.gif') -839px -25px no-repeat;}
#menu1cn a:hover{height:30px; background:url('cn/images/menu.gif') -20px -92px no-repeat;}
#menu2cn a:hover{height:30px; background:url('cn/images/menu.gif') -215px -80px no-repeat;}
#menu3cn a:hover{height:30px; background:url('cn/images/menu.gif') -635px -80px no-repeat;}
#menu4cn a:hover{height:30px; background:url('cn/images/menu.gif') -722px -85px no-repeat;}
#menu5cn a:hover{height:30px; background:url('cn/images/menu.gif') -839px -95px no-repeat;}

#menu1ru {left:20px; top:22px; width:178px; height:30px; }
#menu2ru {left:215px; top:10px; width:130px; height:30px; }
#menu3ru {left:608px; top:10px; width:108px; height:30px; }
#menu4ru {left:722px; top:15px; width:110px; height:30px; }
#menu5ru {left:839px; top:25px; width:100px; height:30px; }
#menu1ru a{height:30px; background:url('ru/images/menu.gif') -20px -22px no-repeat;}
#menu2ru a{height:30px; background:url('ru/images/menu.gif') -215px -10px no-repeat;}
#menu3ru a{height:30px; background:url('ru/images/menu.gif') -608px -10px no-repeat;}
#menu4ru a{height:30px; background:url('ru/images/menu.gif') -722px -15px no-repeat;}
#menu5ru a{height:30px; background:url('ru/images/menu.gif') -839px -25px no-repeat;}
#menu1ru a:hover{height:30px; background:url('ru/images/menu.gif') -20px -92px no-repeat;}
#menu2ru a:hover{height:30px; background:url('ru/images/menu.gif') -215px -80px no-repeat;}
#menu3ru a:hover{height:30px; background:url('ru/images/menu.gif') -608px -80px no-repeat;}
#menu4ru a:hover{height:30px; background:url('ru/images/menu.gif') -722px -85px no-repeat;}
#menu5ru a:hover{height:30px; background:url('ru/images/menu.gif') -839px -95px no-repeat;}


#boutique {
	position:absolute;
	top:200px;
	right:50px; 
}

.bkgd1 { background-color:#d2b991; background-image:url('/images/bkgd1.jpg'); background-position:bottom; background-repeat:repeat-x; }
.bkgd2 { background-image:url('/images/bkgd2.jpg'); background-position:bottom; background-repeat:repeat-x; }
.bkgd3 { background-image:url('/images/bkgd3.jpg'); background-position:bottom; background-repeat:repeat-x; }
.bkgd4 { background-color:#c78c4b; background-image:url('/images/bkgd4.jpg'); background-position:bottom right; background-repeat:no-repeat; }
.bkgd5 { background-image:url('/images/bkgd5.gif'); background-position:center; background-repeat:repeat-y; }
.ombre {  }
.ombre2 { background-image:url('/images/ombre-carte.gif'); background-position:340px 20px; background-repeat:no-repeat; }
.coin { background-image:url('/images/damier.gif'); background-position:bottom right; background-repeat:no-repeat; }

.ornement { width:100px; height:8px; background-image:url('/images/ornement.gif'); background-repeat:no-repeat; margin-bottom:20px; }
.ornement2 { width:80px; height:35px; background-image:url('/images/ornement2.gif'); background-repeat:no-repeat; }

.filet { width:320px; height:2px; background-image:url('/images/filet.gif'); background-repeat:no-repeat; margin:10px; }
.filet2 { width:220px; height:2px; background-image:url('/images/filet.gif'); background-repeat:no-repeat; background-position:center; margin:10px; }
.filet3 { width:80%; height:1px; border:0; border-bottom:1px solid #bb8346; margin:25px; }


#logo { margin:10px 0 20px; }
#logotxt { display:none; }

#userbox { margin-top:10px; }
#userbox p{ margin:0; }
#userbox a { text-decoration:underline;}
#ardoise { text-align:center; }
#ardoise-bkgd { position:absolute; top:40px; left:343px; z-index:500;}
#ardoise-links {
	position:absolute;
	top:180px;
	left:360px;
	z-index:501;
	font-size:11px;
	font-family:georgia, 'times new roman', times, serif;
	list-style-type:none;
	}
#ardoise-links li{	padding-bottom:10px; }

#motscles {	list-style-type:none; margin:0; text-align:center; font-size:9px; margin:10px 0 10px;}
#motscles a { color:#c77a86; text-decoration:underline;}
#motscles a:hover { text-decoration:none;}

#menu-footer { color:#fff; list-style-type:none; float:left; margin-top:30px;}
#menu-footer li { display:inline; margin-right:10px; }
#menu-footer a { color:#fff; text-decoration:none; margin-left:10px;}
#menu-footer a:hover { text-decoration:underline;}

#footer { height:75px; }
#bottin { float:right; margin:5px 30px 0px; }

.mapgroup {position:relative;}
.map {position:absolute; border:1px solid #590000; }
.loupe { position:relative; top:20px; left:200px; width:156px; height:185px;}

#restaurant h2{ margin:0; padding:0; }

.lesvins td{ margin:0;}
.lesvins h2{color:#5b0010; font-size:14px; font-weight:bold; margin-bottom:15px; text-transform:uppercase;}
.lesvins h3{ display:inline;}
.lesvins dl{margin:0; margin-bottom:20px;}
.lesvins dt{margin:0; color:#830016; }
.lesvins dd{margin:0; color:#572e03; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #bb8346; font-size:10px;}

#lesmets td{ width:300px; margin:0;}
#lesmets h2{color:#860017; font-size:17px; font-weight:bold; text-transform:uppercase;}
#lesmets h3{ color:#370000; font-size:12px; display:inline;}
#lesmets p{ margin:8px 0 8px; }
#lesmets .filet3 { margin:15px; }

#lesmetsgrpes td{ width:200px; margin:0;}
#lesmetsgrpes h2{color:#860017; font-size:16px; font-weight:bold; margin-bottom:15px; text-transform:uppercase;}
#lesmetsgrpes h3{ color:#370000;  font-size:14px; display:inline; text-align:left;}
#lesmetsgrpes p{ margin:10px 0 10px; }

#hoistoire p{ text-align:justify; }
#hoistoire a{ color:#fff; text-decoration:none; }
#hoistoire a:hover{ color:#feff63; text-decoration:underline;}

#surmesure p{ text-align:justify; }
#surmesure h4{ color:#7c3505; font-weight:bold; }
#surmesure a{ color:#fff; text-decoration:none; }
#surmesure a:hover{ color:#feff63; text-decoration:underline;}


#faqs { width:700px; padding:20px; text-align:left; }
#faqs ul{ margin:0; padding:0; list-style:none; display:block; }
#faqs li{ display:block; margin:0; padding:10px 0 20px; background-image:url('/images/ornement3.gif'); background-repeat:no-repeat; background-position:bottom center; }
#faqs p{ margin:0; line-height:15px; }

#infoslegales { width:700px; padding:20px; text-align:left; }
#infoslegales ul{ margin:0; padding:0; list-style:none; display:block; }
#infoslegales li{ display:block; margin:0; padding:10px 0 20px; background-image:url('/images/ornement3.gif'); background-repeat:no-repeat; background-position:bottom center; }
#infoslegales p{ margin:0; line-height:15px; }

#reserver p{ margin:0; line-height:15px; }
#reserver h2{ color:#3b2812; }
#reserver h2 strong{ color:#860017; }
#reserver h3{ color:#860017; font-weight:bold; margin-top:10px; }

#accesclient h2{ color:#ffffff; margin:10px; }

#contacts p{ margin:0; line-height:15px; }
#contacts h2{ font-weight:bold; }
#contacts h2 strong{ color:#860017; }
#contacts h3{ color:#7c3505; font-weight:bold; margin-top:10px; }
#contacts h4{ color:#3b2812; font-size:12px; font-weight:bold; }


#presse { width:600px; padding:20px; text-align:left; }
#presse h2{color:#3b2812;}

#recutement {margin:20px;}

#partenaires p{ margin:5px; line-height:15px; }
#partenaires h3{ color:#7c3505; font-weight:bold; margin-top:10px; }

#degustation ul{ margin:0; padding:0; list-style:none; display:block; }
#degustation li { margin:0; padding:5px 0 10px 10px }
#degustation h3 { margin-top:20px; }
#degustation p { margin:2px; }


.marge0 { margin:0 }
.marge10 { margin:10px; }
.marge20 { margin:20px; }
.bordure1 {border:1px solid #d3b991;}
.bordure2 {border:1px solid #7c3505;}
.rouge { color:#830016; }
.rose { color:#c77a86; }
.blanc { color:#fff; }
.noir { color:#000; }
.brun { color:#590000; }
/* .brun:hover { color:#330000; } */
.marron { color:#53391e; }
/* .marron:hover { color:#53391e; } */

.msg { color:#fff; font-weight:bold; background-color:#830016; min-height:20px; }
.justifie { text-align:justify; }
.centre { text-align:center; }
.droite { float:right; }
.gauche { float:left; }
.chiffre { margin:10px; vertical-align:middle; width:50px; height:50px;}
.cnil { width:500px; }
.cnil p{ font-size:9px; color:#684825; }

.table1 {border-collapse:collapse; border:2px solid #c89254;  }
.table1 td{ border:1px solid #c89254; padding:5px; }

.nodeco {  text-decoration:none; }
.nodeco:hover { text-decoration:none; }

.clickhere  { color:#fff; width:150px; height:25px; line-height:25px; text-align:center; background-image:url('/images/clickhere.gif'); background-repeat:no-repeat-x; background-position:top; text-decoration:none; display:block; }
.clickhere:hover { color:#fff; background-image:url('/images/clickhere.gif'); background-repeat:no-repeat; background-position:bottom; }


/*  Step Carousel Viewer v1.6.1 */



/* Carrousel d'accueil */

.stepcarousel1{
	position: relative; /*leave this value alone*/
	border:0;
	overflow: scroll; /*leave this value alone*/
	width: 300px;
	height: 200px; /*Height should enough to fit largest content's height*/
	background-color:#000;
	}

.stepcarousel1 .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	margin:0;
	}

.stepcarousel1 .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0; /*margin around each panel*/
	width: 302px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}


/* Carrousel de La carte */

.stepcarousel2{
	position: relative; /*leave this value alone*/
	border:0;
	overflow: scroll; /*leave this value alone*/
	width: 610px;
	height: 260px; /*Height should enough to fit largest content's height*/
	}

.stepcarousel2 .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	margin:5px;
	}

.stepcarousel2 .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0; /*margin around each panel*/
	width: 610px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}


/* Carrousel des Mets */

.stepcarousel3{
	position: relative; /*leave this value alone*/
	border:0;
	overflow: scroll; /*leave this value alone*/
	width: 900px;
	height: 300px; /*Height should enough to fit largest content's height*/
	}

.stepcarousel3 .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	margin:5px;
	}

.stepcarousel3 .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0; /*margin around each panel*/
	width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}

.flashelm { /* display:block; visibility:visible; */ }
.flashalt { display:none; visibility:hidden; }