/* @override 
	http://localhost:8888/lagrangedelaure.fr/css/style.css
	http://localhost/lagrangedelaure.fr/css/style.css
*/

/* @group Global */

html, body {
	height: 100%;
	color: #00b6ff;
	background: #33170c;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: #000 2px 2px 4px;
}

body {
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
	vertical-align: middle;
}

a, a:hover, a:active , a:link, a:visited {
	color: #00b6ff;
	text-decoration: none;
}

a:hover, a:active {
	border-bottom: 1px dotted #00b6ff;
}

a.image:hover, a.image:active {
	border: 0px;
	}

#avertissement {
	color: #ff190b;
}

p {
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 26px;
	margin-top: 5px;
}

.petit {
	line-height: 21px;
}

h3 {
	text-align: center;
	width: 640px;
	margin: auto;
	background: #30160b;
	border: 1px solid #261108;
	}
	
input {
	vertical-align: text-top;
}
	
input.champ {
	color: #fff;
	background: #33170c;
	border: 1px solid #505050;
	font: bold 0.75em "Courier New", Courier, mono;
	padding-left: 3px;
	padding-right: 3px;
}

textarea {
	width: 98%;
	height: 80px;
	color: #fff;
	background: #33170c;
	border: 1px solid #505050;
	font: bold 0.75em "Courier New", Courier, mono;
	resize: none;
	padding: 5px;
	margin-right: 10px;
	margin-top: auto;
	margin-bottom: auto;
}

hr {
	color: #261108;
	background-color: #261108;
	height: 2px;
	border: 0;
	width: 80%;
	}

/* @end */

/* @group Header */

#logo {
	margin: auto;
	width: 654px;
	padding-left: 6px;
	padding-top: 10px;
	padding-bottom: 0;
}

#flags {
	font: italic bold 0.7em Georgia, "Times New Roman", Times, serif;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: 300px;
	line-height: 25px;
	list-style-type: none;
}

#flags img {
	vertical-align:middle;
	padding-right:	5px;
}

/* @end */

/* @group Menu */

#menu {
	width: 660px;
	margin: auto;
}

#menu ul {
	list-style-type: none;
	padding: 0;
	text-align: center;
}

#menu ul li {
	display: inline;
	padding-right: 8px;
	padding-left: 8px;
}

#menu ul li a:hover, #menu ul li a.active {
	border-bottom: 1px dotted #00b6ff;
}

/* @end */

/* @group Content */

#page {
	position: relative;
	min-height: 100%;
}

#content {
	width: 660px;
	margin: 0 auto;
	padding: 0 0 40px;
}

#content.large {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 40px;
}

/* @end */

/* @group Gallery */

#slide-show {
	width:660px;
	margin: auto;
	position:relative;
}

#loading {
	position: absolute;
	left: 50%;
	top : 350px;
	/*margin-left: 50%;
	margin-top: 150px;*/
}

#slide-show img {
	position:absolute;
}

.left{
	top:0px;
	left:0px;
}

.middle{
	top:0px;
	left:220px;
}

.right{
	top:0px;
	left:440px;
}


/* @end */

/* @group Room */

#room_left {
	padding-right: 30px;
	line-height: 22px;
	text-align: justify;
	float: left;
	width: 542px;
	padding-top: 10px;
}

#room_right {
	text-align: center;
	line-height: 24px;
	float: left;
	width: 324px;
}

#room_prices {
	font-family: "Courier New", Courier, mono;
	padding-top: 15px;
}

#room_book {
	border: 1px dotted #00b6ff;
	padding: 2px 3px 3px;
}

#room_comment {
	padding-top: 30px;
	line-height: 18px;
	margin: 0;
	text-align: justify;
	font-size: 0.8em;
	padding-right: 20px;
	padding-left: 20px;
}

/* @end */

/* @group Relax */

#relax {
	border-spacing: 7px;
}
#relaxphoto {
	padding-top: 8px;
	width: 450px;
	vertical-align: top;
}

#relaxphoto img {
	width: 450px;
}

#relaxtext1 {	
	padding-top: 10px;
	line-height: 22px;
	text-align: justify;
	vertical-align: top;
}

#relaxtext2 {
	padding-left: 20px;
	line-height: 22px;
	text-align: justify;
}

#relaxtext3 {	
	padding-left: 20px;
	line-height: 22px;
	text-align: justify;
	vertical-align: top;
}

#relaxprice {
	padding-left: 20px;
	text-align: left;
}

#relaxbook {
	height: 50px;
	text-align: center;
}

#relaxblink {
	border: 1px dotted #00b6ff;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
}



/* @end */

/* @group Tourism */

#tourism {
	text-align: center;
	border-spacing: 0;
	margin: auto;
}

#tourismright {
	width: 300px;
	text-align: center;
	padding-left: 20px;
	vertical-align: top;
	line-height: 26px;
}

.tourismthumb {
	opacity: 0.3;
	width: 140px;
	height: 140px;
	vertical-align: top;
}

.tourismthumbactive  {
	opacity: 1;
	width: 140px;
	height: 140px;
	vertical-align: top;
}

/* @end */

/* @group Map */

table#map {
	margin: auto;
	text-align: center;
	border-spacing: 10px;
}

.mapcenter {
	vertical-align: top;
}

.mapside {
	width: 200px;
	line-height: 22px;
	padding: 5px;
}

/* @end */

/* @group Book */

.book {
	display: none;
}

#cryptogram {
	vertical-align:middle;
}

#booktable {
	width: 100%;
	border-spacing: 10px;
	margin-top: 0;
}

#bookcell {
	line-height: 22px;
	background: #30160b;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #261108;
}

.bookcellleft {
	text-align: right;
	padding-right: 10px;
}

.bookcellright {
	text-align: left;
	padding-left: 10px;
}

.bookcellcenter {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}


div.calendarbutton{
	position: absolute;
	width: 15px;
	height: 16px;
	background: transparent url("img/calendar_icon.png") no-repeat center;
}

#CalendarPickerControl{
	background-color: transparent;
	width: 250px;
	height: 200px;
	text-shadow: none;
}

#CalendarPickerControl table.calframe{
	width: 100%;
	border: 1px solid black;
	background-color: #CCCCCC;
	text-align: center;
}

#CalendarPickerControl td.monthname{
	width: 100%;
	font: normal 13px Verdana;
	color: white;
	font-weight: bold;
	background-color: #30160b;
}

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
}

#CalendarPickerControl td.navbutton{
	font: normal 11px Verdana;
	color: buttontext;
	font-weight: bold;
	background-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-color: #F0F0F0 #A0A0A0 #A0A0A0 #F0F0F0;
	cursor: pointer;
}

#CalendarPickerControl td.navbutton:hover{
	text-decoration: underline;
	border-color: #808080 #F0F0F0 #F0F0F0  #808080;
	background-color: #00b6ff;
}

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.dayname{
	font: normal 11px Verdana;
	color: white;
	font-weight: bold;
	background-color: #30160b;
}

#CalendarPickerControl td.today{
	font: normal 11px Verdana;
	background-color: #CCCCCC;
	color: #00b6ff;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #F0F0F0 #A0A0A0 #A0A0A0 #F0F0F0;
}

#CalendarPickerControl td.today:hover{
	text-decoration: underline;
	border-color: #808080 #F0F0F0 #F0F0F0  #808080;
	background-color: #30160b;
}

#CalendarPickerControl td.current{
	font: normal 11px Verdana;
	font-weight: bold;
	background-color: #00b6ff;
	color: highlighttext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #A0A0A0 #F0F0F0 #F0F0F0 #A0A0A0;
}

#CalendarPickerControl td.current:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.day{
	font: normal 11px Verdana;
	background-color: #CCCCCC;
	color: buttontext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #F0F0F0 #A0A0A0 #A0A0A0 #F0F0F0;
}

#CalendarPickerControl td.day:hover{
	text-decoration: underline;
	border-color: #808080 #F0F0F0 #F0F0F0  #808080;
	background-color: #00b6ff;
}

#CalendarPickerControl td.weekend{
	font: normal 11px Verdana;
	color: buttontext;
	text-decoration: none;
	background-color: #A0A0A0;
	font-style: italic;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #F0F0F0 #808080 #808080 #F0F0F0;
}

#CalendarPickerControl td.weekend:hover{
	background-color: #00b6ff;
	text-decoration: underline;
	border-color: #606060 #F0F0F0 #F0F0F0 #606060;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: #EEEEEE;
	color: inactivecaptiontext;
	border: 1px solid #EEEEEE;
}

#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: #CCCCCC;
	color: inactivecaptiontext;
	border-width: 0px;
}


/* @end */

/* @group GuestBook */

.guesttext {
	text-align: center;
	font-size: small;
	margin-bottom: 0;
}

#guesttable {
	width: 640px;
	margin: 10px auto auto;
	border-spacing: 0 10px ;
}

.guestcellrow {
	background: #30160b;
	border: 1px solid #261108;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: small;
}

#guesttable p {
	padding: 0;
	margin: 0;
}

.guestcomment0 {
	color: #aaa;
	font-size: medium;
}

.guestcomment1 {
	color: #81a878;
	font-size: medium;
}

a.guestlink, a.guestlink:hover, a.guestlink:active , a.guestlink:link, a.guestlink:visited {
	font: x-small "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: none;
	float: right;
	color: #666;
	border: none;
}

#guestadd {
	text-align: center;
	margin: auto;
}

.guestcell {
	width:100% ;
	line-height: 22px;
	background: #30160b;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #261108;
}

.guestcellcenter {
	width:100% ;
	line-height: 22px;
	background: #30160b;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #261108;
	text-align: center;
}

.guesterror {
	color: #ff190b;
	text-align: center;
	font-size: small;
	margin-bottom: 0;
}



/* @end */

/* @group SiteMap */

#sitemap {
	margin: auto;
	text-align: center;
	border-spacing: 10px;
}

#sitemapcell {
	width: 200px;
	background: #30160b;
	border: 1px solid #261108;
	line-height: 22px;
	padding: 5px;
	}

/* @end */

/* @group Legal */

.legal {
	
	line-height: 22px;
	font-size: 0.8em;
}

/* @end */

/* @group Links */

#links {
	width: 650px;
	text-align: center;
	margin: auto;
	padding-bottom: 40px;
}

.localpartnerlink{
	border: 5px solid #33170c;
}

.partnerlink{
	border: 5px solid #33170c;
	height: 68px;
}

/* @end */

/* @group Footer */

#footer {
	background: url(../img/footer.png) repeat-x;
	color: #505050;
	position: absolute;
	bottom: 0;
	padding: 2px 0;
	width: 100%;
	text-align: center;
	text-shadow: none;
	font: 0.70em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#footer a:link, #footer a:visited {
	color: #505050;
	font-weight: bold;
}

#footer a:hover {
	color: #00b6ff;
	}

/* @end */