/* Reset */
* html body {
	position: relative;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
	border: 0;	
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { 
	border: 0;
	vertical-align: baseline;	
}

:focus {
	outline: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* Structure */

html {
	font-size: 16px; /* Makes sure IE displays em sizes correctly */
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68.75%; /* This sets 1em to 12px if browser default is 16px */
	line-height: 1.636em;
	color: #999;
	background: #000;
	text-align: center;
	/*border-top: 6px solid #FFCC99;*/
}

#dock
{
	background:url(../images/bgleftside.png) no-repeat left top;
	position: fixed;
	left:0px;
	top:0px;
	width:310px;
	height:760px;
	margin-left:-60px;
	z-index:100;
	color:#CCCCCC;
	font-size:10.78pt;
	
}

#curtain img
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bgleftside.png', sizingMethod='scale');
}

#header {
	position: relative;
	z-index:1;	
}

#menu_lang {
	position:absolute;
	width:310px;
	left:0px;
	z-index:10;
	padding-top:5px;
}

#headerpad {
	margin-left:0px;
	margin-right:auto;
	position: relative;
	height: 90px; 
	width: 900px;
	text-align: left;		
}
	
#headerimg {
	position: relative;
	clear: both;
	background: #fff url(../images/circles.jpg) no-repeat;
	width: 900px;
	height: 200px;	
}	

#logo {
	position: absolute;
	top: 15px;
	left: 0;
	width: 199px;
}

#pageText {
	position: absolute;
	top:8px;
	left: 235px;
	vertical-align:middle;
	text-align: left;
	width:465px;
	height:80px;
}

#pageText p {
	font-size:18px;
}	
	
#topnav {
	position: absolute;
	top: 4px;
	right: 0;
	text-align: right;
}		

#page {
	margin: 0 auto 0;
	padding: 0;
	text-align: left;
	border: 0;
}
	
#wrapper {
	position: relative;
}

#mainsection {
	position: relative;
	clear: both;
	height: 300px;
	background: transparent url(../images/loading.gif)  no-repeat scroll 45% 50%;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	overflow:hidden;
}

#mainsectionpad
{
	width:900px;
	float:left;
}

#mainsectionpad img
{
	float:right;
}

.roundcorner-nw {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
}

.roundcorner-ne {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

* html .roundcorner-nw, * html .roundcorner-ne {
	display: none;
}

#pillitem
{
	border-bottom:1px solid #DDD;
}

#portfolio {
	position: relative;
	clear: both;
	color: #999;
	margin:10px 0px;
}
	
#portfoliopad {
	width: 900px;	
	padding: 12px 0 0 0;
}

#navigation {
	position: absolute;
	top: 12px;
	left: 250px;
	visibility: hidden;
}

#itemnum {
	display: none;
	font-size: 33px;
	line-height: 33px;
	padding: 2px 8px 0 0;
	float: left;
	color: #999;			
}

#contentdescleft
{
	padding: 0px 0px 0px 10px;
	float: left;
	width: 380px;
}
	
#contentdesc {
	float:right;
	padding:0 0 0 10px;
	width:460px;
}

#type {
	color: #999;
	font-weight: bold;
	text-transform:uppercase;
}
	
#desc {}

.maincolumn {
	float: left;
	margin: 0;
	padding: 0;
	width: 695px;
	min-height: 400px;
}
	
.maincolumnpad {
	padding: 0 0 5px 0;
}
	
#footer {
	color: #999;
	font-size: 11px;
	padding: 0;
	clear: both;
	padding-bottom: 20px;	
}

#footer.footer-home {
	margin-top: 25px;
	border: none;
}
	
#footerpad {
	height:60px;
	text-align:right;
	width:900px;
}

/* General Typography */
h1
{
	font-weight: bold;		
	color: #999;
	font-size:14px;
	padding:5px 0px;
}

h2, h3, h4, h5, h6 {
	font-weight: bold;		
	color: #999;
	padding: 0 0 9px 0;
}

h1.top_heading { /* Blog Title */
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    margin: 0;
	padding: 19px 0 0 0;
	color: #fff;
}
	
h1.top_heading a, h1.top_heading a:hover {
	color: #fff;
   }   	

.tagline{ /* Tagline, Themeline or Description */
	display: none;
	color: #999;
	font-size: 12px;
	padding: 0 0 15px 0;
}

h2 {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 5px 0;
}

h3, h4 {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 0 0;
}
	
h4 {
	font-family: Arial, Helvetica, sans-serif;
}	
	
h2 a, h3 a {
	color: #616161;
}	

h2.pagetitle, .postheader h2 {
	color: #999;	
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 6px 0 6px 0;
	border-bottom: 2px solid #FFCC99;	
}
	
.postheader h2 {
	margin: 0;
}	
	
.sidebar h2 {
	color: #616161;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 6px 0 6px 0;
	border-bottom: 2px solid #b9b9b9;
}

.entry h3 {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 5px 0 8px 0;
}
		

p { /* paragraph padding + margin should be a multiple of the line-height */
	padding: 0 0 9px 0;
}

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

a:hover {
	color: #CCC;
	text-decoration: none;
}
	
small,strike {
	background-color: inherit;
	color: #808080;
}

/* Miscellaneous Typography */

#pageHeader {
	display: none;
}

.nocomments {
	background-color: inherit;
	color: #999;
}	
	
/* Lists */

.entry ul, .commentlist li ul {
	list-style: outside;
	margin: 0 0 6px 16px;
}
	
/* Images */

img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

#bthumwrapper a img,#bthumwrapper a:link img{
	border: none;
	opacity:0.3;
	vertical-align: bottom;	
}

#bthumwrapper a:hover img {
	border: none;
	opacity:1;
	vertical-align: bottom;	
}

#bthumwrapper a:link img{	filter:gray;}
#bthumwrapper a:visited img{filter:none;}
#bthumwrapper a:hover img{filter:none;}

p img {
	max-width: 100%;
}
	
.entry img {
	margin-bottom: 5px;
}
	
/*	Using 'class="alignright"' on an image will align the image to
	the right. And using 'class="centered', will of course center
	the image. This is much better than using align="center",
	being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.bannerad180px {
	margin: 5px 0 0 0;
}
	

/* Posts */

.post {
	clear: both;
	margin: 0 0 10px 0;
}
	
.postheader {
	padding: 0;
}		

.postmeta {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 6px 0;	
/*	border-bottom: 1px dashed #ccc; */
	background: #f8f8f8;	
/*	background: #f7f7e9; */
}
	
.postDate {
	font-weight: bold;
	color: #888;
}	
	
.postmeta a {	
}
	
.postmeta a:hover {
	color: #e60;
	text-decoration: none;
}		

#content {

}
	
.entry {
	font-size: 12px;
	background: #fff;
	padding: 0;
}
	
.entry p {
	padding: 0;
	margin: 0 0 10px 0;
}
	
.entry img {
	padding: 0 0 10px 0;
}			
	
small {
	font-size: 10px;
}
	
.navigation {
	padding: 10px 0 0 0;
}
	
.gravatar {
	display: none;
}		


/* Tables */

table {
	border-collapse: collapse;
	border-width: 0;	
	border-spacing: 0;	
	text-align: left;
	margin: 0px;
}

tbody {
	border-width: 0;	
}

tr {
	background-color: #fff;
	border-width: 0;
}
	
tr.alt {
	background-color: #edf3fe;
	color: inherit;	
}

td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 3px 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;	
}

th {
	background-color: #f9f9f9;
	font-weight: bold;
	padding: 3px 5px;	
}
	
.clear {
	clear: both;
}		


/* Menus */

#a_restaurant
{
	background:url(../images/restaurant.gif) no-repeat right center;
	height:23px;
	line-height:23px;
}
#a_history
{
	background:url(../images/history.gif) no-repeat right center;
	height:23px;
	line-height:23px;
}
#a_menu
{
	background:url(../images/menu.gif) no-repeat right center;
	height:23px;
	line-height:23px;
}

#a_fr_restaurant
{
	background:url(../images/fr_images/restaurant.gif) no-repeat right center;
	height:23px;
	line-height:23px;
}
#a_fr_history
{
	background:url(../images/fr_images/histoire.gif) no-repeat right center;
	height:23px;
	line-height:23px;
}
#a_fr_menu
{
	background:url(../images/fr_images/menu.gif) no-repeat right center;
	height:23px;
	line-height:23px;
}

.menu {
	margin: 0;
	padding: 0;
	text-decoration: none;	
}

.menu li {
	display: inline;
	margin: 0;
}

/* Round Nav */

.roundnav {
	font-size: 11px;
	line-height: 14px;
	width:250px;
}

.roundnav ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	float:right;
}

.roundnav ul li {
	display: inline;
	float: left;
}

.roundnav ul li a {
	display: block;
	color: #999;
	text-decoration: none;
	border-left: 1px solid #fff;
	overflow: hidden;
	height: 26px;
	line-height:26px;
 	padding: 0px;	
	text-align:center;			
}

.roundnav ul li a:hover {
	color: #999;
}


/* Round Nav */
	
.mainmenu {
	font-size:11pt;
	left:50px;
	line-height:14px;
	position:absolute;
	top:165px;
	width:160px;
	z-index:5;
}

.mainmenu ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
}

.mainmenu ul li {
	display: block;
}

.mainmenu ul li a {
	display: block;
	color: #CCCCCC;
	text-decoration: none;
	font-weight:bold;
	overflow: hidden;
	height: 14px;
 	padding: 6px 20px;	
	text-align:right;			
}

.mainmenu ul li a:hover {
	color: #999;
}

/*Scrollin Item*/
#bthumwrapper
{
	overflow:hidden;
	padding:0px;
	width: 820px;
	float:right;
	margin:0px 0px 0px 1px;
	height:26px;
	position: relative;

}

#bitems .bthumb{
	width:80px;
	height:26px;
	cursor:pointer;
	margin:0px;
	padding:0px;
}

#bitems{
	margin:0px 0px;
	padding:0px;
	list-style:none;
	width:800px;
	position: relative;
	letter-spacing:0em;
}
#bitems li{
	float:right;
	list-style:none;
	width:100px;
}

a.bitem
{
	margin:0px;
	padding:0px;
	overflow:hidden;
}
a.bitemactive
{
	margin:0px;
	padding:0px;
	overflow:hidden;
}

a.bitemactive img
{
	border: none;
	opacity:1;
	vertical-align: bottom;	
	filter:none;
}

.hidden
{
	display:none
}