* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

body {
background:#999 url(img/body_fond.jpg) no-repeat center top;
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

/***** Flash & Déco *****/

div#logo_flash {
width:150px;
height:180px;
background:transparent url(img/logo_flash.png) no-repeat;
position:absolute;
top:16px;
left:27px;
z-index:10; }

div#diapo_flash {
width:411px;
height:619px;
/*background:transparent url(img/diapo_flash.png) no-repeat;*/
position:absolute;
top:14px;
right:14px; }

div#player {
position:absolute;
bottom:20px;
left:551px;
z-index:20;
width:160px;
height:20px; }

/***** Stylage contenu *****/

h1, .invis {
position:absolute;
top:-9999px; }

h2 {
letter-spacing:1px;
font-size:80%;
color:#990000;
text-transform:uppercase;
font-family:Tahoma, Arial, sans-serif;
text-align:center;
height:30px;
line-height:30px; }

div#presentation_texte p {
margin-bottom:10px; }

/***** Layout *****/

div#global {
width:972px;
margin:0 auto; }

div#entete {
position:relative;
z-index:10;
width:100%;
height:35px; /*67*/
padding-top:32px; }

div#site_fond {
position:relative;
width:972px;
height:648px;
background:transparent url(img/site_centre.png) no-repeat 11px 11px; }

div#site_top {
width:811px;
height:11px;
background:transparent url(img/site_top.png) no-repeat;
position:absolute;
top:0;
left:11px; }

div#site_left {
width:11px;
height:648px;
background:transparent url(img/site_left.png) no-repeat;
position:absolute;
top:0;
left:0; }

div#site_bottom {
width:811px;
height:11px;
background:transparent url(img/site_bottom.png) no-repeat;
position:absolute;
bottom:0;
left:11px; }

div#site_right {
width:150px;
height:648px;
background:transparent url(img/site_right.png) no-repeat;
position:absolute;
bottom:0;
right:0; }

div#colonne_gauche {
width:203px;
height:503px; /*648*/
padding-top:145px;
position:absolute;
top:0;
left:2px; }

div#contenu {
position:relative;
z-index:10;
padding-top:15px;
width:344px;
height:620px;
margin-left:200px; }

div#presentation_texte {
width:324px; /*344*/
height:538px; /*558*/
padding:10px;
font-size:75%;
color:#555;
overflow:auto; }

div#navigation_pages {
width:344px;
height:30px;
line-height:30px;
position:absolute;
bottom:0;
left:0; }

/***** #entete *****/

div#coordonnees {
text-align:center;
margin:0 auto;
width:934px;
height:32px;
line-height:32px;
background:transparent url(img/coordonnees_fond.png) no-repeat; }

div#coordonnees dl dt, div#coordonnees dl dd {
font-size:75%;
display:inline;
color:#fff;
letter-spacing:1px; }

/***** #colonne_gauche *****/

div#menu ul li {
overflow:hidden;
height:42px;
width:203px;
margin-bottom:-2px;
background:transparent url(img/menu_li_fond.png) no-repeat; }

div#menu ul li a, div#menu ul li span {
margin:0 auto;
display:block;
height:42px;
text-indent:-9999px; }

	/*menus*/

div#menu ul li.menus span {
display:block;
width:203px;
height:42px;
background:transparent url(img/menu_menus.png) no-repeat; }

div#menu ul li.menus {
overflow:visible;
height:auto;
width:203px; /*203*/
margin-bottom:12px;
background:none; }

div#menu ul li.menus ul {
margin-top:-5px; }

div#menu ul li.menus ul li {
margin-left:15px;
padding-left:20px;
overflow:visible;
height:20px;
line-height:20px;
background:none;
background:transparent url(img/ss_menu_puce.png) no-repeat left 3px; }

div#menu ul li.menus ul li a {
font-family:Tahoma, Arial, sans-serif;
font-size:75%;
color:#993300;
text-decoration:none;
display:inline;
text-indent:0; }

div#menu ul li.menus ul li a:hover {
color:#000; }

	/*autres*/

div#menu ul li.restaurant a {
width:168px;
background:transparent url(img/menu_restaurant.png) no-repeat center -7px; }

div#menu ul li.restaurant a:hover {
background:transparent url(img/menu_restaurant.png) no-repeat center -56px; }

div#menu ul li.cartes a {
width:147px;
background:transparent url(img/menu_cartes.png) no-repeat center -8px; }

div#menu ul li.cartes a:hover {
background:transparent url(img/menu_cartes.png) no-repeat center -56px; }

div#menu ul li.vins a {
width:154px;
background:transparent url(img/menu_vins.png) no-repeat center -7px; }

div#menu ul li.vins a:hover {
background:transparent url(img/menu_vins.png) no-repeat center -56px; }

div#menu ul li.chef a {
width:111px;
background:transparent url(img/menu_chef.png) no-repeat center -7px; }

div#menu ul li.chef a:hover {
background:transparent url(img/menu_chef.png) no-repeat center -56px; }

div#menu ul li.nous a {
width:165px;
background:transparent url(img/menu_nous.png) no-repeat center -7px; }

div#menu ul li.nous a:hover {
background:transparent url(img/menu_nous.png) no-repeat center -56px; }

div#menu ul li.reservations a {
width:139px;
background:transparent url(img/menu_reservations.png) no-repeat center -7px; }

div#menu ul li.reservations a:hover {
background:transparent url(img/menu_reservations.png) no-repeat center -56px; }

div#menu ul li.contact a {
width:214px;
background:transparent url(img/menu_contact.png) no-repeat center -7px; }

div#menu ul li.contact a:hover {
background:transparent url(img/menu_contact.png) no-repeat center -56px; }

div#menu ul li.plan a {
width:214px;
background:transparent url(img/menu_plan.png) no-repeat center -7px; }

div#menu ul li.plan a:hover {
background:transparent url(img/menu_plan.png) no-repeat center -56px; }

/***** #navigation_pages *****/

div#navigation_pages ul li {
font-size:75%;
position:absolute;
top:0;
height:30px;
line-height:30px;
width:150px; }

div#navigation_pages ul li.precedent {
left:5px; }

div#navigation_pages ul li.suivant {
text-align:right;
right:5px; }

div#navigation_pages ul li a {
display:block;
height:27px;
line-height:27px;
text-decoration:none;
color:#999; }

div#navigation_pages ul li.precedent a {
padding-left:25px;
background:transparent url(img/prec_off.png) no-repeat left top; }

div#navigation_pages ul li.suivant a {
padding-right:25px;
background:transparent url(img/suiv_off.png) no-repeat right top; }

div#navigation_pages ul li.precedent a:hover {
background-image:url(img/prec_on.png); }

div#navigation_pages ul li.suivant a:hover {
background-image:url(img/suiv_on.png); }

/***** #nav_sub *****/

div#nav_sub {
text-align:center;
width:100%; }

div#nav_sub ul li {
margin-right:2px;
color:#fff;
font-size:65%;
display:inline; }

div#nav_sub ul li a {
letter-spacing:1px;
color:#fff;
padding-right:2px;
text-decoration:none; }

div#nav_sub ul li a:hover {
color:#333; }















/************** calendrie ***********************/
#calendrier li{
	list-style: none;	
}

#libelle {
	width: 210px;
	margin: 0 auto;
	padding: 0;
}
.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 30px; 
}
.ligne li {
	color: #000;
	float : left; 
	width : 30px; 
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem {
	/* A vous de configurer l'apparence de la date du jour */
}
li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
}		
.ctx         {border-left:3px solid #003366; border-right:3px solid #000000; border-top:3px solid #003366; border-bottom:3px solid #000000;
              position:absolute; text-align:left; font-family: Arial; font-size:10pt; background-color:#336699;
              color:#FFFFFF; visibility:hidden; font-style:normal; font-variant:normal; font-weight:bold; outset; white-space: nowrap}
.ctxl        {padding-left:15px; padding-right:10px}
.ctxl2       {padding-left:15px; padding-right:10px; background-color:highlight; color:#003366}

.calh        {background-color: #336699; color:#FFFFFF; font-family: Arial; font-size:8pt; text-align:center; font-weight:bold}
.calh .sel   {background-color: #003366; color:#ffcc00; cursor:pointer}
.calh td     {color:#ffffff}

.calm        {background-color: #5588bb; color:#FFFFFF; font-family: Arial; font-size:8pt; text-align:center}
.calm .sel   {background-color: #003366; color:#ffcc00; font-weight:bold; cursor:pointer}
.calm td     {color:#ffffff}

.caly        {background-color: #5588bb; color:#FFFFFF; font-family: Arial; font-size:8pt; text-align:center}
.caly .sel   {background-color: #003366; color:#ffcc00; font-weight:bold; cursor:pointer}
.caly td     {color:#ffffff}

.cal         {background-color: #336699; color:#FFFFFF; font-family: Arial; font-size:8pt; text-align:center}
.cal .pas    {background-color: #ddddcc; color:#336699; font-family: Arial; font-size:8pt; text-align:center}
.cal .tod    {background-color: #336699; color:#ffcc00; font-family: Arial; font-size:8pt; text-align:center; font-weight:bold}
.cal .sel    {background-color: #003366; color:#ffcc00; cursor:pointer; font-weight:bold}
.cal .selpas {background-color: #aaaa99; color:#ffcc00; cursor:pointer; font-weight:bold}
.cal .seltod {background-color: #ffcc00; color:#003366; cursor:pointer; font-weight:bold}

#cal         {visibility:hidden}

img.but      {width:16; height:16; cursor:pointer}
img.but_cal  {width:16; height:14; cursor:pointer}
/**************************************************************************************************************/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */