#loading {
 	width: 100%;
 	height: 100%;
 	background-color: #111;
 	position: absolute;
 	left: 0;
 	top: 0;
 	padding-top: 260px;
 	padding-left: auto;
 	text-align: center;
	color:#FFF;
	font-size: 13px;
	z-index:10;

}

#logo-loading {
	width:100%;
 	position: absolute;
 	left: 0;
 	top: 0;
 	padding-top: 200px;
 	padding-left: auto;
 	text-align: center;
	color:#FFF;
	z-index:11;
}



body{
	background: #000;
	color: #fff; 
	font: 12px/1.7 Helvetica, Arial, Sans-serif;
}

a{
	text-decoration:none;
	color: #e2001a;
}

img {
border: none;
}

a:active
{
  outline: none;
}

:focus, button {
  -moz-outline-style:none;
}


#mainframe{
margin:  auto; width: 980px; height: 565px; vertical-align:middle;
}

#mainh{
height: 660px; overflow: hidden;
}

#wrapper {
	margin: auto;
	overflow: hidden;
	vertical-align: center;
	height: 100%; 
	width: 100%;
	border: 0px;
	position: relative;
}

.right {
float:right;
}

.left {
float: left;
}

.control {
float: left; margin: 2px 10px;
}


.blank{
color: #999;
}

#inner {
	width: 2764px;
	height: 1832px;
	background-image: url(../img/bistrot-bg.jpg);
	overflow: hidden;
	position: relative;
}

.scrolling-content {
	width: 980px;
	height: 565px;
	overflow: hidden;
	position: absolute;
}

#javanaise, #tomorrow, #stoptrack{
display: none
}

#player{
float: left;width: 1px; height:1px; margin-top: -14px;
}



#bistrot {
	left: 647px; 
	top: 666px;
}

#cave {
	left: 30px; 
	top: 16px;
}


#epicerie {
	left: 1705px; 
	top: 443px;
}

#franck {
	left: 62px; 
	top: 1230px;
}

#contact {
	left: 1136px; 
	top: 1230px;
}


.globalnav {  
	width: 980px; 
	height: 40px; 
	margin: 10px 20px; 
	position: relative; 
	text-align: left; 
	height: 38px !important;
	z-index: 1;	
	clear:both;
	text-decoration:none;
}

.globalnav a { 
	float: left; 
	height: 40px; 
	line-height: 35px; 
	width: 138px; 
	overflow: hidden; 
	text-indent: -999em; 	
	background-image: url(../img/nav-global.gif); 
	background-repeat: no-repeat;
}


.n-home { background-position: 0 0; width: 132px !important; }
.n-bistrot { background-position: -145px 0; width: 154px !important; }
.n-cave { background-position: -300px 0; width:90px !important;}
.n-epicerie { background-position: -390px 0; width:94px !important;}
.n-franck { background-position: -484px 0; width: 75px !important;}
.n-contact { background-position: -558px 0; width: 140px !important; }
.n-voucher { background-position: -700px 0; width: 78px !important; }
.n-blog { background-position: -782px 0; width: 62px !important; }
.n-ferg-sons { background-position: -872px 0; width: 121px !important; }


/* mouseover */

.n-bistrot:hover { background-position: -145px -42px; width: 154px !important; }
.n-cave:hover { background-position: -300px -42px; width:90px !important; }
.n-epicerie:hover { background-position: -390px -42px; width:94px !important;}
.n-franck:hover { background-position: -484px -42px; width: 75px !important;}
.n-contact:hover { background-position: -558px -42px; width: 140px !important; }
.n-voucher:hover { background-position: -700px -42px; width: 78px !important; }
.n-blog:hover { background-position: -782px -42px; width: 62px !important; }

/* mouse pressed */
.n-home:active { background-position: 0px -82px; width: 132px !important; }
.n-bistrot:active { background-position: -145px -82px; width: 154px;  !important; }
.n-cave:active { background-position: -300px -82px; width:90px !important;}
.n-epicerie:active { background-position: -390px -82px; width:94px !important;}
.n-franck:active { background-position: -484px -82px; width: 75px !important;}
.n-contact:active { background-position: -558px -82px; width: 140px !important; }
.n-voucher:active { background-position: -700px -82px; width: 78px !important; }
.n-blog:active { background-position: -782px -82px; width: 62px !important; }
.n-ferg-sons:active { background-position: -872px -82px; width: 121px !important; }


/* active button */

.n-cave-active { background-position: -300px -126px; width:90px !important;}
.n-epicerie-active { background-position: -390px -126px; width:94px !important;}
.n-franck-active { background-position: -484px -126px; width: 75px !important;}
.n-contact-active { background-position: -558px -126px; width: 140px !important; }
.n-voucher-active { background-position: -700px -126px; width: 78px !important; }
.n-blog-active { background-position: -782px -126px; width: 62px !important; }
.n-bistrot-active { background-position: -145px -126px; width: 154px !important; }


#nav-bistrot{
	text-align: left; 
	z-index: 1;	
	clear:both;
	text-decoration:none;  
	display: inline;
    float:right; margin-right: 198px; margin-top: 20px; width:114px; height: 450px; 
}

#nav-bistrot a { 
	float: left; 
	height: 460px; 
	line-height: 78px; 
	width: 114px; 
	overflow: hidden; 
	text-indent: -999em; 	
	background-image: url(../img/nav-bistrot.jpg); 
	background-repeat: no-repeat;
}

#charcuterie { background-position: 0 0; height: 76px !important; }
#terrine { background-position: 0px -77px; height: 72px !important; }
#foie-gras { background-position: 0px -149px; height: 79px !important; }
#boeuf { background-position: 0px -228px; height: 78px!important;}
#poulet { background-position: 0px -307px; height: 75px !important;}
#dessert { background-position: 0px -383px; height: 77px !important;}

/* mouseover */

#charcuterie:hover { background-position: -115px 0; height: 76px !important; }
#terrine:hover { background-position: -115px -77px; height: 72px !important; }
#foie-gras:hover { background-position: -115px -149px; height: 79px !important; }
#boeuf:hover { background-position: -115px -228px; height: 78px!important;}
#poulet:hover { background-position: -115px -307px; height: 75px !important;}
#dessert:hover { background-position: -115px -383px; height: 77px !important;}

/* mouse pressed */

#charcuterie:active { background-position: -231px 0; height: 76px !important; }
#terrine:active { background-position: -231px -77px; height: 72px !important; }
#foie-gras:active { background-position: -231px -149px; height: 79px !important; }
#boeuf:active { background-position: -231px -228px; height: 78px!important;}
#poulet:active { background-position: -231px -307px; height: 75px !important;}
#dessert:active { background-position: -231px -383px; height: 77px !important;}



/* active button */
#charcuterie.active { background-position: -346px 0; height: 76px !important; }
#terrine.active { background-position: -346px -77px; height: 72px !important; }
#foie-gras.active { background-position: -346px -149px; height: 79px !important; }
#boeuf.active { background-position: -346px -228px; height: 78px!important;}
#poulet.active { background-position: -346px -307px; height: 75px !important;}
#dessert.active { background-position: -346px -383px; height: 77px !important;}

#forie6{
	margin-top: 18px; margin-left: 115px; width: 490px;float: left; display: inline;
}

#bistrot-main{
 text-align:justify;
}

#cuisine-bistrot{
	margin-left: 75px; width: 330px;
}

#mapcave{
	float:left;margin-left: 10px; margin-top:5px; display: inline;
}

#mapcave a{
	float: left; 
	line-height: 78px; 
	overflow: hidden; 
	text-indent: -999em; 	
	background-repeat: no-repeat;
}


#mapcave a:active {
	border: dashed 2px #990000;
}





#rhone{ background-image: url(../img/rhone1.gif); position: absolute; top: 65px; left: 8px; height: 246px; width: 255px;}
#rhone:hover, #rhone.active{ background-image: url(../img/rhone2.gif);}

#loire{ background-image: url(../img/loire1.gif);position: absolute; top: 317px; left: 8px;  height: 243px; width: 255px;}
#loire:hover, #loire.active{ background-image: url(../img/loire2.gif);}


#bourgogne{ background-image: url(../img/bourgogne1.gif); position: absolute; top: 318px; left: 270px; height: 243px; width: 255px;}
#bourgogne:hover, #bourgogne.active{ background-image: url(../img/bourgogne2.gif);}

#languedoc{  background-image: url(../img/languedoc1.gif);position: absolute; top: 65px; left: 270px;  height: 246px; width: 255px;}
#languedoc:hover, #languedoc.active{  background-image: url(../img/languedoc2.gif);}

#vnature{ background-image: url(../img/vnature1.jpg); position: absolute; top: 213px; left: 213px;height: 64px; width: 117px;}
#vnature:hover, #vnature.active{ background-image: url(../img/vnature2.jpg)}


.caveleft{
	float:left;margin-left: 535px; margin-top:3px;display: inline; width: 240px; 
}

.caveh1 {
	font-size: 18px; font-weight: bold; padding-bottom: 8px ;
}

.epih1{
	font-size: 18px; font-weight: bold; margin-top: -8px;
}



.iframeh1{
font-size: 16px; font-weight: bold; margin :0px; color:#C40017;
}


.cavebody{
	text-align:justify; padding-right: 15px;
}

.caveright{
	float:left; padding-left:20px; padding-top:200px;
}

#closecave {
color: #990000; margin-left: 782px;  z-index: 1; position: relative; padding-top:3px;margin-bottom : -20px;opacity: 0;  filter: alpha(opacity = 0);
}




#cavecontent{
	margin-left: 540px;
}

#cavecontent td img{
	padding: 200px 0px;
}


#v-card{
	background-image: url(../img/v-card.jpg); 
	background-repeat: no-repeat;
	text-indent: -999em; 
	width: 138px; 
	height: 40px;
	line-height: 35px; 
}
#vcard{ position: absolute; top: 495px; left: 895px; border: none;	background-image: url(../img/v-card.jpg);	text-indent: -999em; width: 32px; height: 25px;line-height: 35px; z-index: 20; opacity: 0.7;  filter: alpha(opacity = 70);}
#vcard:hover{ opacity: 1;  filter: alpha(opacity = 100);}

#facebook{ position: absolute; top: 495px; left: 935px; border: none;	background-image: url(../img/facebook-icon.gif);	text-indent: -999em; width: 25px; height: 25px;line-height: 35px; z-index: 20; opacity: 0.7;  filter: alpha(opacity = 70);}
#facebook:hover{  opacity: 1;  filter: alpha(opacity = 100);}


#contact-voucher{ position: absolute; top: 144px; left: 648px; border: none; background-image: url(../img/voucherenv.jpg); text-indent: -999em; width: 192px; height: 92px;line-height: 85px;}
#contact-voucher:hover{ background-image: url(../img/voucherenv2.jpg);}


#centerblock{
padding-left: 70px; padding-top: 85px; z-index:10; position: relative; width: 300px;
}

.whitebg{
 background-color: #FFFFFF; 
 color : #000;font-weight: bold;
 padding :0px 5px;
}

.blackbg{
 background-color: #000000; 
 color : #e2001a; font-weight: bold;
 padding :0px 5px;
}

.openhour{
 text-align:right; color: #000; font-weight: bold; padding-right: 20px;
}


#contactright{
float:right; padding-right: 20px; padding-top: 140px; text-align: right; line-height:1.2em;
}

#contactleft{
float:left; padding-left: 20px; padding-top: 60px;line-height:1.2em;
}

.red{
color : #e2001a;
}


#nav-franck{
padding-top: 80px; padding-left: 380px;
}

#nav-franck a{
font-size: 16px;color: #89857a; padding: 10px 20px; font-weight: bold;
}

#nav-franck a:hover, #nav-franck a.active{
color: #545046; 
}

#imgsoul,#imgdest,#imgheart {
	position: absolute; top: 158px; left:	111px; width: 232px;color:#545046; font-size:8px;
}




.letter{
height: 365px; width: 605px;background-repeat:no-repeat; color: #545046;position: absolute; 
}

#content-dest{
 top: 165px; left:	347px; background:url(../img/franck-letter.jpg);z-index: 2
}

#content-heart{
 top: 172px; left:	375px;  z-index: 1
}

#content-soul{
 top: 180px; left:	372px; background:url(../img/franck-letter.jpg); z-index: 3
}

.column{
  padding: 20px; width: 250px; height: 300px;float:left; text-align:justify
}

#case img{
opacity: 0.4;  filter: alpha(opacity = 40);
}

#case a:hover img {
opacity: 0.9;  filter: alpha(opacity = 90); cursor:pointer;
}

#case a img:active {
	border: 1px #000 solid;
}


li{
margin-left: -25px;
}

#liqueurs{
position: absolute; top: 69px; left:	458px; 
}

#liqueurs.active img{
opacity: 1;  filter: alpha(opacity = 100);
}

#autourduvin{
position: absolute; top: 73px; left:	632px; 
}
#autourduvin.active img{
opacity: 1;  filter: alpha(opacity = 100);
}

#confiserie{
position: absolute; top: 73px; left:	804px; 
}
#confiserie.active img{
opacity: 1;  filter: alpha(opacity = 100);
}

#oilvinegar{
position: absolute; top: 193px; left:	460px; 
}
#oilvinegar.active img{
opacity: 1;  filter: alpha(opacity = 100);
}

#condiments{
position: absolute; top: 194px; left:	805px; 
}
#condiments.active img{
opacity: 1;  filter: alpha(opacity = 100);
}

#liqueurs.active,#autourduvin.active,#confiserie.active img,#oilvinegar.active,#condiments.active
{opacity: 0.9;  filter: alpha(opacity = 90); }

#epiceriebg{
position: absolute; top: 130px; left: 30px; background-color: #000; opacity: 0.8;   filter: alpha(opacity = 80); height: 330px; width: 270px;
}

#epicerietxt{
position: absolute; top: 145px; left: 50px;height: 280px; width: 230px; height:300px; overflow: hidden;
}

#closeepi{
position: absolute; top: -134px; left: 280px;font-family:comic Sans MS;  z-index: 50; 
}

#closebis{
position: absolute; top: 80px; left: 575px;font-family:comic Sans MS; opacity: 0;filter: alpha(opacity = 0); z-index: 50; 
}

.clear{
   clear:both;
}



.tip-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 15px;
	margin: 0;
	color: #fff;
	width: 110px; height: 30px;
	padding-top: 8px;
	text-align: center;
	z-index: 13000;
	background: url(../img/bubble.gif) top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.gif);
	display: none;
}

 
#preload{
	display: none
}

#voucherframe{
margin: auto; width:890px; height: 150px;
}


#reservationframe{
margin: auto; width:760px; height: 150px;
}

#newsletterframe{
margin: auto; width:270px; 
}

#pressframe{
margin: auto; width:330px; 
}


.inputform{
background-color:#444; color:#FFF;border: 1px solid black; height:16px; width: 150px;
}


.selectform{
background-color:#444; color:#FFF;border: 1px solid black; height:18px; font-size: 12px;
}

.sutmitbtn{
border: solid #999 1px; color:#c40017; background-color:#111;
}

#voucherleft{
float:left; width: 680px;
}

#voucherright{
float:right;font: 10px/1 Helvetica, Arial, Sans-serif;; width: 190px;
}

#isemail, #isemail2, #isempty,#isempty0,#isempty1,#isempty2, #isempty3, #isempty4 {
color: #c40017;
display: inline;
}

.style1 {
	font-style: italic;
	
}

.press-list {
 border-bottom : 1px dashed #444; width: 290px; height: 28px
}