html, body		{font-family: verdana; font-size: 11px; color: #666; background-color: #EEE; margin:0px; height:100%}
h1 				{font-size:17px;}
a				{text-decoration:none}
a:hover			{text-decoration:underline}
table			{border-collapse: collapse}
td				{font-family: verdana; font-size: 11px; color: #666}

#clear				{clear:both; margin:0}

#bh					{height:100px; background:#CCC; text-align:center}
#bh	img				{margin:57px 640px 0 0; border:0}

#bb1				{height:15px; background:#CCC}
#bb2				{margin:0;text-align:center; padding-top:10px;padding-bottom:10px;margin:auto;}
#bb2 a				{color:#666; text-decoration:none}
#bb2 a:hover		{text-decoration:underline}


#nav				{font: 13px Verdana, sans-serif; color:#666; height:20px; background:#EEE; text-align:center; padding: 0 0 0 300px}
#nav a				{color:#666; text-decoration: none}
#nav a:hover		{color:#000}

#navuk				{font: 13px Verdana, sans-serif; color:#666; height:20px; background:#EEE; text-align:center; padding: 0 0 0 200px}
#navuk a			{color:#666; text-decoration: none}
#navuk a:hover		{color:#000}

#nav2				{font: 13px Verdana, sans-serif; color:#666; background:#EEE; text-align:center; padding: 5px; border-bottom:1px dotted #FFF}
#nav2 a				{color:#666; text-decoration: none}
#nav2 a:hover		{color:#000}


#acc				{background:#FFF}
#acc .photo			{width:960px; height:316px; margin:0 auto 0 auto; padding:1px 0 0 0; background:#FFF}
#acc table			{width:960px; margin:1px auto 0 auto}
#acc .g				{width:210px; text-align:center; margin:0px; padding:20px 10px 10px 10px; vertical-align:top}
#acc .g a			{color:#666}
#acc .g a:hover		{color:#000}
#acc .c				{text-align:justify; margin:0px; padding:15px}
#acc .d				{width:302px; margin:0px; padding:0px; text-align:right; vertical-align:top}
#acc .d	img			{width:150px; margin:0 0 1px 1px}
#acc .nav2			{font: 13px Verdana, sans-serif; color:#666; text-align:left; padding: 5px; border-bottom:1px dotted #CCC; margin:0}
#acc .nav2 a		{color:#666; text-decoration: none}
#acc .nav2 a:hover	{color:#000}

#pag				{background:#FFF}
#pag .photo			{text-align:center; margin:0; padding:1px 0 0 0; background:#FFF}
#pag table			{width:960px; margin:0 auto 0 auto;}
#pag .g				{width:230px;text-align:center; vertical-align:top; margin:0; padding:10px}
#pag .g a			{color:#666}
#pag .g a:hover		{color:#000}
#pag .c				{width:730px; text-align:justify; vertical-align:top; margin:0; padding:10px}
#pag .c a			{color:#666}
#pag .c a:hover		{color:#000}
#pag .titre			{padding:30px 5px 5px 5px; border-bottom:1px dotted #999; margin:0}
#pag .nav2			{font: 13px Verdana, sans-serif; color:#666; text-align:left; padding: 5px; border-bottom:1px dotted #CCC; margin:0}
#pag .nav2 a		{color:#666; text-decoration: none}
#pag .nav2 a:hover	{color:#000}
#pag .sep			{background:#EEE; height:20px; margin:0 0 10px 0}

#lesch				{float:left; margin:25px 15px 15px 15px; width:200px; vertical-align:top; text-align:center}
#lesch .photo		{margin:0 0 10px 0}
#lesch .titre		{font: 13px Verdana, sans-serif; color:#333; padding: 5px; border-bottom:1px dotted #CCC; margin:0}
#lesch .com			{margin:0; padding:5px}
#lesch a			{color:#666; text-decoration: none}
#lesch a:hover		{color:#000; text-decoration: underline}

#chphoto			{width:480px; margin:10px; padding:0px; float:left}
#chphoto img		{border:0}

#tarifs				{width:480px; margin:10px; padding:0px; float:left}
#tarifs .titre		{margin:0px 0 0 0}
#tarifs table		{width:480px; }
#tarifs td			{padding:3px; border-bottom:1px dotted #CCC; text-align:center}
#tarifs td.titre	{font-weight:bold; background:#DDD; border-bottom:1px dotted #CCC; padding:3px}
#tarifs td.chambre	{border-bottom:1px dotted #CCC; padding:3px; text-align:left}

#resa 				{width:480px; margin:30px 10px 10px 10px; padding:0px; float:left}
#resa table			{width:480px; border:1px solid #EEE}
#resa td			{padding:5px 3px 3px 3px; border-bottom:1px dotted #CCC; vertical-align:top}
#resa .sep			{background:#F6F6F6}

#chd				{width:184px; float:left; padding:10px 0 0 5px; margin:0px}
#chd .titre			{font: 12px Verdana, sans-serif; color:#666; border-bottom:1px dotted #CCC; margin:0 0 10px 0; padding:0 0 5px 0; font-weight: bold}
#chd .desc			{margin:0; padding:5px; background:#EEE}
#chd .vig			{margin:10px 0 0 0; padding:0}
#chd .vig img		{margin:1px 0 0 1px; border:0; float:left}
#chd a				{color:#666; text-decoration:none}
#chd a:hover		{color:#000}


/*
#bbAZSAZAS	{width:760; height:72; background-image:url(images/bb.gif); background-repeat: no-repeat; background-position: top}
#tgenAZEZA ul				{liste-style:disc; list-style-position: outside; margin:3 3 3 30; padding:0}
#tgenEZAE li				{list-style-image: url(images/fo.gif); margin : 2px 3px 5px 5px}
#tgenAZEAZE li a				{color:#3F0C0D}
*/

form			{margin:0}
select			{color: #6A1315; font-size:10px}
input			{color: #6A1315; font-size:10px}
textarea		{color: #6A1315; width:80%; font-size:10px; font-family: verdana}
checkbox		{color: #6A1315}
submit			{color: #6A1315; font-size:10px}





/*
 * SLIDER HOMEPAGE	*/
#acc #slideContainer{
	background:#fff;
	height:316px;
	margin-bottom:1px;
}

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

#acc #slide{
	background:#fff;
	margin:0 auto 0 auto;
	padding:1px 0 0 0;
	width:960px;
	height:316px;

}

#acc #slider {
    width: 960px; /* important to be same as image width */
    height: 316px; /* important to be same as image height */
    position: relative; /* important */

}


#acc #sliderContent {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;

}
#acc .sliderImage {
    float: left;
    position: relative;
	display: none;

}

#acc .sliderImage span {
    position: absolute;
    width:950px;
	height:50px;

    padding-left:10px;
	padding-top:10px;
	margin-bottom:2px;

    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;

    font: 10px/15px Arial, Helvetica, sans-serif;
    color: #fff;
    display: none;
}

#acc .clear {
	clear: both;
}

#acc .sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}

#acc .bottomslide {
	bottom: 0;
    left: 0;
}






/*
 * CHAMBRES	*/

img {
	border:0;
	}
#lesch p.photo a img,
#lesch p.photo a:visited img {
	border:4px solid #fff;
}

#lesch p.photo a:hover img {
	border:4px solid #888;
}

#lesch p.titre a,
#lesch p.titre a:visited  {
	text-transform : uppercase;
	color:#333;

}

#lesch p.titre a:hover  {
	text-decoration:underline
}

#pag.chambres #slideContainer {

	width:670px;
	margin:auto;
	height:200px;
	background:#fff;
	margin-bottom:1px;

}

	#pag.chambres #slideContainer ul {
		list-style-type: none;
		padding:0;
		margin:0;
	}


#pag.chambres #slide{
	background:#fff;
	margin:0 auto 0 auto;
	padding:1px 0 0 0;
	width:670px;
	height:200px;
}

#pag.chambres #slider {
    width: 670px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position: relative; /* important */

}


#pag.chambres #sliderContent {
    width: 670px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;

}
#pag.chambres  .sliderImage {
    float: left;
    position: relative;
	display: none;

}

#pag.chambres .sliderImage span {
    position: absolute;
    width:650px;
	height:60px;

    padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	margin-bottom:2px;

    background-color: #222;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;

	display: none;
}

	#pag.chambres .sliderImage span h2 {
		font:15px Arial, Helvetica, sans-serif;
	    color: #fff;
	    font-weight:bold;
	    margin:0;
	    padding:0;

	}

	#pag.chambres .sliderImage span p {

		font: 12px Arial, Helvetica, sans-serif;
	    color: #fff;
	    font-weight:normal;
	    margin:0;
	    padding:0;

	}


#pag.chambres .clear {
	clear: both;
}

#pag.chambres .sliderImage span strong,
#pag.chambres .slider1Image span strong {
    font-size: 14px;
}

#pag.chambres .bottomslide {
	bottom: 0;
    left: 0;
}






/*
 * RESERVATION	*/


.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #999;
	color: #FFF;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	font-family: Verdana;
	width: 10px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 10px;
	text-align: center;
	font-family: Verdana;
	padding: 2px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #CCC;
} /* This hover code won't work for IE */




/*
 * WAIT PANEL	*/
#wait-resa {
	width:480px;
	height:480px;

	z-index:10;
	position:absolute;

	background-color: #fff;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
	-khtml-opacity: 0.9;
    opacity: 0.9;

	padding-top:200px;
	color:#222;
	font-weight:bold;
	text-align:center;
}


#wait-contact {
	width:480px;
	height:260px;

	z-index:10;
	position:absolute;

	background-color: #fff;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
	-khtml-opacity: 0.9;
    opacity: 0.9;

	padding-top:200px;
	color:#222;
	font-weight:bold;
	text-align:center;
}

.hidden {
	visibility:hidden;
}

.visible {
	visibility:visible;
}