@charset "UTF-8";
/* CSS Document */

html,body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../images/slices-bg-tile.jpg);
	background-position:center top;
	background-color:#f0f2f6;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#0E1636;
	font-size:0.91em;
}





/********************/
/*				    */
/*	GENERIC LAYOUT  */
/*				    */
/********************/
#container{
	width:892px;
	position:relative;
}

#plateTop{
	width:892px;
	height:163px;
	clear:both;
}

#plateBottom{
	width:892px;
	height:24px;
	clear:both;
}

#page{
	width:892px;
	background-image:url(../images/plate-bg.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	overflow:visible;
}

#sides{
	border:0;
	height:100%;
	width:100%;
}

#sides td{
	height:100%;
	margin:0;
	padding:0;
}

#tableRight{
	text-align:right;
	vertical-align:top;
	width:50%;
}

#tableLeft{
	text-align:left;
	vertical-align:top;
	width:50%;
}

#tableCentre{
	vertical-align:top;
	width:892px;
}

#forks{
	height:100%;
}

#knives{
	height:100%;
}

#leftColumn{
	float:left;
	width:224px;
	overflow:visible;
}

#rightColumn{
	float:right;
	width:224px;
	overflow:visible;
	padding:80px 0 0 0;
	margin:0 0 50px 0;
}

.picRight {
	float: right;
	margin: 0px 0px 10px 10px;
}

.picBorder {
	border: 1px solid #000;
}

.smallText {
	font-size: 10px;
	line-height: 12px;
}

.clear{
	clear:both;
	display:block;
}

#footer{
	font-size:0.7em;
	margin:0 18px 20px 18px;
	color:#4f6477;
	width:852px;
}

#footer a{
	color:#4f6477;
	text-decoration:none;
}

#footer a:hover{
	color:#4f6477;
	text-decoration:underline;
}

#footerLeft{
	float:left;
}

#footerRight{
	float:right;
}

#tag{
	position:absolute;
	bottom:12px;
	right:40px;
	height:46px;
	width:18px;
	background-image:url(../images/tag.gif);
}


/******************/
/*				  */
/*		RULES     */
/*				  */
/******************/
.greyRule,.greyRuleDivide, .greyRuleDivideWide, .greyRuleDivideShort{
	overflow:hidden;
	background-color:#cccccc;
	width:345px;
	height:8px;
	margin:20px 0 15px 0;
}

.greyRuleDivide,.greyRuleDivideWide, .greyRuleDivideShort{
	margin:15px 0 15px 0;
}

.greyRuleDivideWide{
	width:500px;
}


.greyRuleDivideShort{
	width:307px;
}



.greyRuleThin,.greyRuleDivideThin, .greyRuleDivideWideThin{
	overflow:hidden;
	background-color:#cccccc;
	width:307px;
	height:1px;
	margin:20px 0 15px 0;
}

.greyRuleDivideThin,.greyRuleDivideWideThin{
	margin:15px 0 15px 0;
}

.greyRuleDivideWideThin{
	width:500px;
}



/******************/
/*				  */
/*	HTML ELEMENTS */
/*				  */
/******************/
p{
	margin:2px 0 9px 0;
	line-height:2em;
}
p.red{
	margin:2px 0 13px 0;
	line-height:1.7em;
	color:#7D1C2D;
}
p.dark{
	margin:2px 0 9px 0;
	line-height:1.7em;
	color:#000000;
}
p.small{
	margin:2px 0 16px 0;
	line-height:1.7em;
	font-size:0.95em;
}

form{
	margin:0;
	padding:0;
}

img{
	border:0;
}

h2{
	color:#7D1C2D;
	margin: 25px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

a{
	text-decoration:none;
	color:#7D1C2D;
}

a:hover{
	text-decoration:underline;
}



/*****************/
/*			     */
/*	LEFT PANELS  */
/*		         */
/*****************/
.leftPanel{
	float:left;
	width:205px;
	overflow:visible;
	padding:0 0 0 19px;
	margin:0 0 20px 0;
}

.leftPanelSignUp{
	width:223px;
	height:49px;
	text-indent:-2000px;
	background-image:url(../images/panel-sign-up.gif);
	margin:10px 0 3px -19px;
}

.leftPanelReservation{
	width:223px;
	height:30px;
	text-indent:-2000px;
	background-image:url(../images/panel-reservation.gif);
	margin:10px 0 0 -19px;
}

.leftPanel p{
	font-size:0.8em;
	line-height:1.7em;
}

.leftPanel label{
	font-size:0.8em;
	margin:2px 0 6px 0;
	line-height:1.7em;
}

#signUpBox{
	border:0;
	background-image:url(../images/sign-up-box.gif);
	width:120px;
	height:19px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:1em;
	margin:6px 0 0 0;
	padding:6px 0 0 5px;
	float:left;
}

#signUpButton{
	border:0;
	width:67px;
	height:25px;
	margin:6px 0 0 0;
	padding:0;
	float:left;
}

.clickToBook{
	width:195px;
	height:13px;
	margin:0 0 0 -2px;
}


/*******************/
/*			       */
/*	FLASH HEADERS  */
/*		           */
/*******************/
#flashHeader{
	width:457px;
	height:204px;
	position:absolute;
	left:155px;
	top:140px;
}



/*****************/
/*			     */
/*	MAIN COLUMN  */
/*		         */
/*****************/
#mainColumn{
	float:left;
	width:350px;
	overflow:visible;
	margin:0 0 0 44px;
}

#mainColumn.home{
	padding-top:148px;
}

#mainColumn.restaurants{
	padding-top:40px;
	margin:0 0 0 30px;
}

#mainColumn.other{
	padding-top:40px;
	margin:0 0 0 49px;
}

#mainColumn.menus{
	padding-top:45px;
	margin:0 0 0 30px;
	width:380px;
}

#mainColumn.wide{
	padding-top:40px;
	width:570px;
	margin:0 0 0 46px;
}

#mainColumn.restaurant-page{
	padding-top:40px;
	width:310px;
	margin:0 0 0 38px;
}


#mainColumn.mediumWidth{
	padding-top:40px;
	width:380px;
	margin:0 0 0 30px;
}


.montageHome{
	width:367px;
	height:346px;
	margin:0 0 20px -25px;
}





/********************/
/*			        */
/*		HEADERS 	*/
/*		            */
/********************/

h1.bigHeader,h1.bigHeaderIndent{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#0E1636;
	font-size:2em;
	font-weight:bold;
}
h1.bigHeaderSmall{
	font-size:4em;
}

h3.mediumHeader{
	margin:0;
	padding:0;
	font-size:1.2em;
	color:#822535;
}

h3.smallMargin{
	margin:0;
	padding:0;
	font-size:1.2em;
}




/*******************/
/*			       */
/*	HISTORY PANEL  */
/*		           */
/*******************/
#historyPanel{
	width:224px;
	height:700px;
}



/*******************/
/*			       */
/*    HOME IMAGE   */
/*		           */
/*******************/
#homeImage{
	width:343px;
	height:289px;
}


/****************/
/*			    */
/*	 HEADINGS   */
/*		        */
/****************/
h2.experienceFrench{
	text-indent:-2000px;
	background-image:url(../images/experience-french.gif);
	background-repeat:no-repeat;
	width:346px;
	height:43px;
	margin:18px 0 0 0;
}


/****************/
/*			    */
/*	NAVIGATION  */
/*		        */
/****************/
#nav{
	width:167px;
	margin:80px 0 20px 14px;
}

#nav ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav ul li a{
	display:block;
	text-indent:-2000px;
	width:167px;
	height:34px;
	margin:0;
	padding:0;
}

#navHome a{
	background-image:url(../images/nav/nav-home.gif);
}
#navHome a:hover{
   background-position: -167px 0;
}
#navRestaurants a{
	background-image:url(../images/nav/nav-restaurants.gif);
}
#navRestaurants a:hover{
   background-position: -167px 0;
}
#navMenu a{
	background-image:url(../images/nav/nav-menu.gif);
}
#navMenu a:hover{
   background-position: -167px 0;
}
#navPrivateDining a{
	background-image:url(../images/nav/nav-private-dining.gif);
}
#navPrivateDining a:hover{
   background-position: -167px 0;
}
#navOffers a{
	background-image:url(../images/nav/nav-offers.gif);
}
#navOffers a:hover{
   background-position: -167px 0;
}
#navTheatrePackages a{
	background-image:url(../images/nav/nav-theatre-packages.gif);
}
#navTheatrePackages a:hover{
   background-position: -167px 0;
}
#navOurHistory a{
	background-image:url(../images/nav/nav-our-history.gif);
}
#navOurHistory a:hover{
   background-position: -167px 0;
}
#navContactUs a{
	background-image:url(../images/nav/nav-contact-us.gif);
}
#navContactUs a:hover{
   background-position: -167px 0;
}
#navBookNow a{
	background-image:url(../images/nav/nav-book-now.gif);
}
#navBookNow a:hover{
   background-position: -167px 0;
}


#nav ul li a.navRecruitmentLink{
	display:block;
	text-indent:-2000px;
	width:167px;
	height:29px;
	margin:10px 0 0 0;
	padding:0;
}
#nav ul li a.navTravelTradeLink{
	display:block;
	text-indent:-2000px;
	width:167px;
	height:29px;
	margin:0;
	padding:0;
}

#navRecruitment a{
	background-image:url(../images/nav/nav-recruitment.gif);
}
#navRecruitment a:hover{
   background-position: -167px 0;
}

#navTravelTrade a{
	background-image:url(../images/nav/nav-travel-trade.gif);
}
#navTravelTrade a:hover{
   background-position: -167px 0;
}









/********************/
/*			        */
/*	  RESTAURANTS 	*/
/*		            */
/********************/

h3.restaurantName{
	margin:0;
	padding:0;
	font-size:1.2em;
	color:#822535;
}

p.restaurantAddress{
	font-size:0.8em;	
}

p.restaurantNumber{
	margin:0;
	font-size:0.8em;
}

div.restaurant{
	position:relative;
	margin:0 0 0 -9px;
	background-image:url(../images/restaurant-box-stretch.gif);
	background-repeat:repeat-y;
	width:500px;
	padding:8px 10px 8px 10px;
}

div.mapLink{
	position:absolute;
	right:30px;
	top:27px;
	height:20px;
}

img.mapLinkImage{
	width:92px;
	height:36px;
	margin-bottom:15px;
}

img.bookLinkImage{
	width:92px;
	height:30px;
}

div.restaurant-box-top{
	background-image:url(../images/restaurant-box-top.gif);
	width:520px;
	height:5px;
	overflow:hidden;
	margin:-8px -10px 4px -10px;
}

div.restaurant-box-bottom{
	background-image:url(../images/restaurant-box-bottom.gif);
	width:520px;
	height:6px;
	overflow:hidden;
	margin:4px -10px -8px -10px;
}

div.restaurantDetails{
	margin-left:130px;
}


div.restaurantPhoto{
	padding:1px;
	position:absolute;
	left:12px;
	top:11px;
}




/********************/
/*			        */
/*	  	FORMS	 	*/
/*		            */
/********************/

.genericForm {
	background-color: #012d62;
}
.genericForm h2 {
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	display: block;
	padding: 10px;
	margin: 0px 0px 0px 0px;
}
.genericForm .formArea {
	padding: 10px;
	height: 20px;
	background-color: #d1ddf0;
	margin: 0px 1px 1px 1px;
	position: relative;
}
.genericForm .formArea label {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	width: 120px;
}
.genericForm .formArea input {
	position: absolute;
	margin-top: 0px;
	margin-left: 130px;
	width: 280px;
}
.genericForm .submitArea {
	padding: 14px 0px 15px 0px;
	text-align: center;
}

label.lineLabel{
	clear:both;
	display:block;
	width:100%;
}

div.formLabelHidden{
	display:none;
}

div.formLabel{
	float:left;
	margin:2px 4px 0 0;
	width:190px;
}

div.formLabel-new{
	float:left;
	margin:2px 4px 0 0;
	width:150px;
}

div.formLabelShort{
	float:left;
	margin:2px 4px 0 0;
	width:110px;
}

div.formLabelSmallWide{
	float:left;
	margin:2px 4px 0 0;
	width:340px;
	font-size:0.7em;
}

div.formLabelWide{
	float:left;
	margin:2px 4px 0 0;
	width:190px;
}

div.formLine,div.formLineRight{
	margin:2px 0 8px 0;
}

div.formLineSpaced{
	margin:2px 0 9px 0;
}

div.formLineRight{
	margin-top:20px;
	text-align:right;
}

div.formLabelMid{
	float:left;
	margin:2px 4px 0 0;
	width:180px;
}

.formtextfield{
	width:180px;
	float:right;
}

.formtextfield-left{
	width:180px;
	float:left;
}




/********************/
/*			        */
/*	  	MENUS	 	*/
/*		            */
/********************/

.downloadMenuImage{
	width:151px;
	height:30px;
	margin:-4px 0 0 0;
}

.menuContainer{
	width:170px;
	float:left;
	margin:15px 20px 0 0;
}

.menuContainer p{
	font-size:.85em;
}

.menuImage{
	margin:0 0 10px 0;
}




/********************/
/*			        */
/* 	 RIGHT PANELS	*/
/*		            */
/********************/


#rightPanel{
	float:right;
	overflow:visible;
	margin:105px 0 50px 0;
}

#rightPanel.valentines{
	width:233px;
	height:477px;
	background-image:url(../images/cg-panel.jpg);
}

#rightPanel.poisson{
	width:233px;
	height:477px;
	background-image:url(../images/offer-poissondavril.jpg);
}

#rightPanel.menus{
	width:250px;
	height:388px;
	background-image:url(../images/menu-image.jpg);
	margin:70px 0 50px 0;
}

#rightPanel.privateDining{
	width:242px;
	height:386px;
	background-image:url(../images/private-dining-image.jpg);
	margin:70px 20px 50px 0;
}


.red{
	color:#CC0000;
}


.darkRed{
	color:#822535;
}


ul{
	padding:10px 0 10px 0;
	margin:0 0 0 17px;
}

li{
	padding:5px 0 5px 0;
}


.rightAlignedImage{
	float:right;
}

.restaurantsClickhere{
	margin-left:-4px;
}

.restaurantMenusLinks{
	width:307px;
	height:50px;
	margin-bottom:12px;
}
.restaurantMenusLinks a{
	color:#0E1736;
	text-decoration:underline;
}

.restaurantOpeningTimes{
	font-size:8.5pt;
	color:#131313;
	margin-bottom:15px;
}

#restaurantBookingColumn{
	width:300px;
	float:right;
	border:2px solid #0E1736;
	margin-top:67px;
	background-color:#0E1736;
	text-align:center;
}

#privateDiningColumn{
	width:295px;
	float:right;
	margin-top:105px;
	text-align:center;
}

.restaurantPrivateDiningBookingLink{
	margin-top:7px;
	margin-bottom:7px;
}

#privateDiningMap{	
	background-color:#0E1736;
	padding-top:20px;
	padding-bottom:3px;
	margin-top:13px;
	color:#FFFFFF;
}


div.restaurantsFloatLeft{
	float:left;
	width:250px;
}
div.restaurantsMapFloatRight{
	float:right;
	padding-bottom:20px;
}


.restaurantMap{
	width:307px;
	height:167px;
	border:1px solid #999999;
	padding:1px;
	margin:-6px 0 7px 0;
}