@charset "iso-8859-1";

/* my base styles */
IMG{ border:0; }
DIV{ border:0; margin:0; padding:0; }
TABLE{ border: 0; border-collapse: collapse; }
TD{ vertical-align: top;font-size: 100%; }
OL, UL, LI { font-size: 100%; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
.just{ text-align: justify; }
.padleft20{ padding: 10px 0 10px 20px;}
.margleft20{ margin: 10px 0 10px 20px;}
.padleft10{ padding-left: 10px; }
.floatright{float: right;}
.clearfloat{ clear: both; }
.uc{text-transform: uppercase; }
/* base styles */

/* From JQuery Tools */
/* get rid of those system borders being generated for A tags */
a:active {outline:none;}
:focus {-moz-outline-style:none;}

div.clear { clear: both; }
/* use as follows (including the comment) */
/* <div class="clear"><!-- --></div> */

a{color:#003366;font-weight:normal;text-decoration:underline;}
a:visited{color:#003366;font-weight:normal;text-decoration:underline;}
a:visited:hover{color:#ff0000;font-weight:normal;text-decoration:underline;}
a:hover{color:#ff0000;font-weight:normal;text-decoration:underline;}

body{
/*background:url(images/bc2.gif);*/
color:#003366;
/*background-color: #993333;*/
background-color: #003366;
font-family:"Comic Sans MS",Verdana,Tahoma,sans-serif;
font-size:95%;
font-weight:normal;
}

body.biarritz{ background: #003366 url(images/bckBiarritz-2.jpg) no-repeat scroll top; }
body.anglet{ background: #003366 url(images/bckAnglet-2.jpg) no-repeat scroll top; }

h1{font-size:24px;margin:0;padding:0;}
h2{font-size:22px;margin:0;padding:0;}
h3{font-size:20px;margin:0;padding:0;}
h4{font-size:18px;margin:0;padding:0;}
h5{font-size:16px;margin:0;padding:0;}
just{text-align:justify;}
justbold{font-size:14px;font-weight:200;text-align:justify;}
justboldbig{font-size:16px;font-weight:200;text-align:justify;}
p,table,tr,td{
font-family:"Comic Sans MS",Verdana,Tahoma,sans- serif;
font-size:13px;
font-weight:normal;
}
p.block{color:#ffffff;font-size:15px;font-weight:bold;}
p.block a{color:#ffffff;font-weight:bold;text-decoration:none;}
p.block a:visited{color:#ffffff;font-weight:bold;}
p.block a:visited:hover{color:#ff0000;font-weight:bold;}
p.block a:hover{color:#ff0000;font-weight:bold;}
p.just{text-align:justify;}
p.justbold{font-size:14px;font-weight:200;text-align:justify;}
p.justboldbig{font-size:16px;font-weight:200;text-align:justify;}

table.bck, DIV.bck{
	background-color:#F1F8F8;
	width:780px;
	margin:0 auto;
}
table.bck580{
	background-color:#F1F8F8;
	width:580px;
	margin:10px auto;
	/*border: 1px solid red;*/
}
table.bck580 TD{
	text-align:left;
	padding-top:4px;
	padding-bottom:5px;
}


td{
color:#003366;
font-family:"Comic Sans MS",Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
padding-left:7px;
padding-right:7px;
}
td.grill{
color:#003366;
font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
padding-left:5px;
}
td.grillright, table.bck580 td.grillright{
color:#003366;
font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
text-align: right;
padding-right:7px;
}
.areatxtcenter{
color:#000066;
font-family:verdana,arial,helvetica,sans-serif;
font-size:10px;
font-weight:normal;
text-align:center;
}
.copy{
background-color:transparent;
color:#808080;
font-size:10px;
font-weight:normal;
}
P.navbar{
	color:#fff;
	font-size: x-small;
}
a.navbar{
font-family:arial,verdana,helvetica,sans-serif;
font-size:x-small;
font-weight:normal;
margin-top:3px;
}
a.navbar, a.navbar:link, a.navbar:visited{
color:#fff;
font-size: x-small;
font-weight:normal;
text-decoration:none;
}

a.navbar:hover, a.navbar:visited:hover{
color: #ffffff;
text-decoration:underline;
}

/*  ///////                      //////////// */
DIV#outerwrapper{
	width:800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #f1f8f8;
	border-left:0px solid gray;
	border-right:0px solid gray;
	border-top:0px solid gray;
	border-bottom:0px solid gray;
}
#outerwrapper #contentwrapper {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	position: relative;
}
#outerwrapper #contentwrapper #content {
	width:770px;
	padding: 10px;
	margin: 0 auto;
	/* show border while testing */
	border: 0px solid #339999;
	position: relative;
}
DIV#cadre-top{
	background: url("/shops/auberge/images/cadre-top.png") no-repeat;
	background-position:left bottom;	
	width:829px;
	height:11px;
	margin:10px auto 0 auto;
}
DIV#cadre-mid{
	background: url("/shops/auberge/images/cadre-mid.png") repeat-y;
	width:829px;
	margin:0 auto;
}
DIV#cadre-low{
	background: url("/shops/auberge/images/cadre-low.png") no-repeat;
	background-position:left top;	
	width:829px;
	height:18px;
	margin:0 auto;
}
DIV.topmenu{
	width:760px;
	height:26px;
	padding:0px;
	margin:5px auto;
	text-align: center;
	border:0px solid gray;
	/*vertical-align: middle;*/
	background-color: #d2e8e8;
}
DIV.topmenu P, DIV.topmenu P A, DIV.topmenu P A:LINK, DIV.topmenu P A:HOVER, DIV.topmenu P A:VISITED, DIV.topmenu P A:VISITED:HOVER {
	font-size:14px;
	font-weight: bold;
	line-height: 26px;
}

/*     -----------   menu styles     ----------------- */
#nav {
	margin: 0;
	padding: 7px 6px 0;
	line-height: 100%;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: #8b8b8b; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */
	/* comment next line for IE */
	/*border: solid 1px #6d6d6d;*/
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
#nav a {
	font-weight: bold;
	font: .9em Arial, Helvetica, sans-serif;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 18px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
#nav a{border-top: solid 1px transparent /*#f8f8f8*/;}
#nav .current a, #nav li:hover > a {
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */

	color: #444;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #0399d4 !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#nav ul {text-align:left;}
#nav ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */
	display: none;
	margin: 0;
	padding: 0;
	width: 165px; /*original 185px*/
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px /*#b4b4b4*/ transparent;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}

TABLE.pricetbl{
	border-left: 2px groove rgb(0,255,255);
	border-right: 2px groove rgb(0,255,255);
	border-top: 2px ridge rgb(0,255,255);
	border-bottom: 2px ridge rgb(0,255,255);
	width:580px;
}

DIV.blueblock{
	width:560px;
	margin:0 auto;
	/*background-color: #004080;*/
	padding:10px;
	color:#fff;	
	border-radius:10px;
	background: #8b8b8b; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */

}

DIV.wrapblueblockhalfs{
	width:94%;
	margin:0 auto;
	padding:3%;
	overflow: hidden;
}
DIV.blueblockhalf{
	width:42%;
	margin:0 1%;
	padding:3%;
	float:left;
	color:#fff;	
	border-radius:10px;
	/*
	background: #8b8b8b;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a');
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
	background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */
	*/
	background: #1e5799;
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}
/*/////////////////////////////////////////////////////////////////////*/
/*             tiny fader slidesho stuff                               */

#wrapper {width:765px; margin:0px auto; border:0px solid red;overflow:hidden;}
.sliderbutton {float:left; width:0px; padding-top:0px;visibility:hidden;}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slideshow {float:left; width:785px; height:310px;}
#slides { position: relative; width: 765px; height: 300px; list-style: none; overflow: auto; padding: 0; margin: 0; }
#slides li {width:765px; height:300px}
.pagination {float:right; list-style:none; height:25px; margin:-5px 0 0 5px}
.pagination li { float: left; cursor: pointer; font-size: 11px; padding: 5px 8px; background: #888; border: 1px solid #999; margin: 0 4px 0 0; text-align: center; color: #222; }
.pagination li:hover {background:#777; border:1px solid #ccc; color:#000}



/*             tiny fader slidesho stuff         t                       */
/*/////////////////////////////////////////////////////////////////////*/


div.adsense728x90{ width: 730px; margin: 20px auto; }