@import "prestohotel/boxes.css";

body {
	margin-top: 5px;
	text-align: center;
	background-color: White;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}
ul, ol, dl, h1, h2, h3, h4, h5, h6, form, button {
	margin: 0;
	padding: 0;
}
fieldset { border: none; }
input, select, textarea {
	background-color : #FFEFE5;
	color : #900;
	font-size : 85%;
	border-color: #FFFFFF;
	border-width: 1px;
}
h1 { font-size: 220%; }
h2 { font-size: 190%; }
h3 { font-size: 160%; color: #f60; }
h4 { font-size: 130%; color: #f60; }
h5 { font-size: 100%; }
h6 { font-size: 70%; }
h1.u, h2.u, h3.u, h4.u, h5.u, h6.u {
	border-bottom: 2px solid #f90;
	margin-bottom: .5em;
}
a img { border: none; vertical-align: middle; }
a:visited { color: #036; }
a:hover { 
	color : #036;
	text-decoration : none;
}
hr {
	color: #f60;
	height: 2px;
	border: 1px solid #f60;
	margin-bottom: 0;
}
.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none;
	visibility: hidden;
}
p.error {
	color: Red;
	font-weight: bold;
	padding: .2em;
	padding-left: 25px;
	line-height: 1.5em;
	background: #FFEFE5 url(images/alert.gif) no-repeat 5px;
	text-align: left;
	margin: 0;
}
p.breadcrumbs {
	margin-top: 0;
	font-size: 95%;
	height: 30px;
	line-height: 30px;
	background: url(prestohotel/bar.gif) no-repeat 0 0;
	padding-left: .5em;
}
.form_footer {
	text-align: right;
	padding: 1em;
}
.noscript
{
	color:Red;
	font-weight:bold;
	text-transform:uppercase;
	font-size:.9em;
	text-align:center;
	padding: .5em;
	background-color: #FFEAEA;
	margin: .5em 0;
}
.bringout { color: #f60; }
ul.list1, ul.list2 { list-style: none; }
ul.list1 li {
	padding-left: 12px;
	background: url(prestohotel/puce01.gif) no-repeat 0 0;
}
ul.list2 li {
	padding-left: 10px;
	background: url(prestohotel/puce02.gif) no-repeat 0 0;
}
/******************************************************************************
*												LAYOUT
******************************************************************************/
.wrapper
{
	width: 750px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.top
{
	height: 131px;
	margin-bottom: 5px;
}
.header {
	background: url(prestohotel/bg_banner.jpg) no-repeat 0 0;
	height: 101px;
	margin-bottom: 1px;
	position: relative;
}
.subheader
{
	background: url(prestohotel/sous_banner.jpg) no-repeat 0 0;
	line-height: 30px;
	height: 30px;
	padding: 0 5px;
	text-align: right;
	font-size: 85%;
	color: White;
}
.container { margin-top: 5px; }
.main {
	vertical-align: top;
	padding: 0 5px;
}
.sideleft {
	width: 200px;
	vertical-align: top;
	padding-right: 20px;
}
.sideright {
	width: 200px;
	vertical-align: top;
	padding-left: 20px;
}
.bas {
	clear: both;
	padding-top: 30px;
	background: url(prestohotel/bas.jpg) no-repeat 0 0;
	text-align: right;
	font-size: 85%;
}
.bas img { vertical-align: middle; }
.copyright {
	float: left;
	font-size: 90%;
}
/******************************************************************************
*												TOP
******************************************************************************/
#logo {
	position: absolute;
	left: 5px;
	top: 24px;
}
#callus {
	position: absolute;
	left: 55%;
	top: 10px;
	width: 45%;
	text-align: center;
	font-weight: bold;
}
#callus strong { font-size: 150%; }
#callus strong span {
	color: White;
	font-size: 130%;
}
#callus a {
	color: White;
	font-size: 85%;
}
.subheader #baseline {
	float: left;
	font-weight: bold;
	font-size: 110%;
}
.subheader a { color: White; }
.subheader a:visited { color: #fc9; }
.subheader a:hover { color: #fc9; }
/******************************************************************************
*												CONTAINER
******************************************************************************/
#topcities { list-style: none; }
#topcities li {
	padding-left: 12px;
	background: url(prestohotel/puce01.gif) no-repeat left;
	line-height: 1.4em;
}
#topcities a { color: Black; }
.toplinks { text-align: right; }
.toplinks a {
	font-size: 85%;
	padding: 2px 0 2px 22px;
	line-height: 20px;
	margin-left: 1.5em;
}
a.contactus { background: url(prestohotel/contact.gif) no-repeat left; }
a.whybook { background: url(prestohotel/whybook.gif) no-repeat left; }
a.addtofavorites { background: url(prestohotel/favoris.gif) no-repeat left; }
a.sendtofriend { background: url(prestohotel/ami.gif) no-repeat left; }
.main p { margin-bottom: .5em; }
a.toggle_options {
	color: Black;
	font-size: 85%;
}
#rooms td { text-align: center; }
/******************************************************************************
*										AJAX LISTE DE VILLES
******************************************************************************/
#ajax_listOfOptions
{
	position:absolute;	/* Never change this one */
	/*#width:175px;	 Width of box */
	/*#height:150px;	 Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #06c;
	background-color:#FFF;	/* White background color */
	text-align:left;
	/*font-size:0.9em;*/
	z-index:100;
}
#ajax_listOfOptions div
{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv
{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected
{ /* Selected item in the list */
	background-color:#f60;
	color:#FFF;
}
#ajax_listOfOptions_iframe
{
	background-color:#F00;
	position:absolute;
	z-index:5;
}
form
{
	display:inline;
}

/******************************************************************************
*												CITY
******************************************************************************/
p.inshort {
	font-weight: bold;
	font-size: 95%;
}
p.inshort span, p.note span { color: #f60; }
p.inshort a { display: inline; }
.note strong { color: #c00; }
p.navbar { font-weight: bold; }
span.close { float: right; }
span.close a {
	color: White;
	font-size: 85%;
	background: transparent url(prestohotel/close.png) no-repeat right;
	padding-right: 15px;
	margin: 5px 5px 0 0;
}
.altern { background-color: #FFECD7; }
.item { padding: 2px 0; }
.item table {
	border-collapse: collapse;
	width: 100%;
}
.item table td { padding: 0 5px; }
.item table td img { vertical-align: middle; }
.item img.foto {
	border: 1px solid #f60;
	background-color: White;
	padding: 5px;
}
.item td.name { width: 25%; }
.item td.name .onrequest a {
	font-size: 85%;
	color: Black;
}
.item td.city { font-size: 85%; width: 20%; }
.item td.promo { width: 15%; }
.item td.price p {
	text-align: center;
	white-space: nowrap;
}
.item td.price strike { font-size: 85%; }
.item a.linkmore { font-size: 85%; }
#hotelslist_static .item td.name {
	width: auto;
}
#hotelslist .box-top span, #hotelslist_static .box-top span {
	float: right;
}
/********************************** OVERLAY **********************************/
.overlay {
	display: inline;
	position: absolute;
	z-index: 500;
	width: 200px;
	padding: .5em 0;
	border: 1px solid #f60;
	background: #FFECD7;
	font-weight: normal;
	padding: .5em;
	text-align: center;
}
.overlay h5 { color: #f60; }
.overlay p {
	color: #000;
	font-size: 85%;
	text-align: justify;
	padding: .5em;
}
/********************************** NAVBAR **********************************/
span.navlink, span.navlink_current { margin: 0 2px; }

/******************************************************************************
*												HOTEL
******************************************************************************/
a.fulllistlink {
	float: right;
}
a.booknow { font-size: 75%; }
td#hotel_info {
	vertical-align: top;
}
#hotel_info h5 { color: #f60; }
#hotel_info label {
	color: #c00;
	font-weight: bold;
}
a#access_link {
	display: block;
	float: right;
	width: 77px;
	text-align: center;
	padding-top: 50px;
	background: transparent url(prestohotel/accessmap.gif) no-repeat left top;
	margin: 0 1em .5em;
}
.thumbs span img
{
	margin: 1px;
	cursor: pointer;
	float: left;
}
#roomslist table {
	border-collapse: collapse;
	width: 100%;
}
#roomslist .box-in {
	padding: 0;
}
#roomslist td, #roomslist th { border-bottom: 1px solid #f60; }
#roomslist th { text-align: center; }
#roomslist td {
	padding: .3em;
	text-align: right;
}
#roomslist .roomtype { text-align: left; padding-left: 1em; }
#roomslist .roomtype em { color: #f60; }
#roomslist .roomprice { text-align: right; padding-right: 1.5em; }
#roomslist .options { padding-left: 1em; }
#roomslist .subtotal { font-size: 110%; }
#roomslist .nbnights { font-weight: bold; padding-right: 1em; }
#roomslist .totalprice em {
	font-style: normal;
	font-weight: bold;
}
#roomslist .totalprice strong {
	color: Red;
	font-size: 110%;
}
#roomslist .totalprice strike { font-size: 85%; }
#roomslist tr.compute td, #roomslist tr.last td {
	border: 0;
	/*padding: .3em .3em 0;*/
}
#roomslist td.precision { text-align: left; }
#roomslist td.precision img { vertical-align: middle; }
#roomslist .precision a#bedtypes {
	background: url(prestohotel/bedtype.gif) no-repeat left;
	padding-left: 35px;
	line-height: 29px;
	display: block;
	/*width: 40px;*/
	white-space: nowrap;
}
#roomslist td.button { text-align: right; padding-right: 1.5em; }
#facilities {
	float: left;
	width: 49%;
}
#moreinfos {
	float: right;
	width: 49%;
}
#facilities h5, #moreinfos h5 {
	background: url(prestohotel/puce01.gif) no-repeat left;
	padding-left: 10px;
}
.advice .box-top { padding-bottom: 0; }
.advice .box-top img {
	vertical-align: middle;
	position: relative;
	top: -5px;
}
.advice p { margin-top: 5px; }
.advice p img { vertical-align: middle; }
/******************************************************************************
*												BOOKING FORM
******************************************************************************/
#booking_form table { width: 100%; }
#booking_form td {
	width: 50%;
	vertical-align: top;
	padding-left: .5em;
}
#booking_form p {
	padding: .2em 0;
	clear: left;
}
#booking_form label {
	float: left;
	width: 35%;
}
#booking_form .block {
	width: auto;
	line-height: 1em;
}
#booking_form em {
	font-style: normal;
	color: #f60;
}
#booking_form textarea#precisions {
	width: 80%;
	height: 3em;
}
span.check_accept { float: left; }
#payment fieldset div { padding-left: 70px; }
#bycreditcard { background: url(images/bycreditcard.png) no-repeat left top; }
#byphone { background: url(images/byphone.png) no-repeat left top; }
#byfax { background: url(images/byfax.png) no-repeat left top; }
#bytransfer { background: url(images/bytransfer.png) no-repeat left top; }
#byoption { background: url(images/byoption.png) no-repeat left top; }
/******************************************************************************
*												CONFIRM
******************************************************************************/
#roomslist th { background-color: #fc9; }
#roomslist tr.travel td {
	border: none;
	font-weight: bold;
	text-align: left;
}
#roomslist tr.travel td.checkdate { text-align: center; }
#roomslist tr.travel address {
	font-style: normal;
	font-weight: normal;
}
#roomslist table.recap {
	border-top: 1px solid #f60;
	margin-top: 10px;
}
#roomslist table.recap td.roomprice, #roomslist table.recap td.subtotal, #roomslist table.recap td.nbnights { padding-right: 130px; }
#roomslist table.recap td.totalprice {
	/*padding-right: 100px;*/
	padding-left: 0;
	padding-bottom: 1em;
	text-align: right;
}
.confirm table#references td {
	padding: 1em;
	text-align: left;
}
.bookingid { color: Red; }
p.cancel_info {
	padding-left: 10px;
	font-weight: bold;
	font-style: normal;
	color: #c00;
	text-align: left;
}
.cancel_info ul {
	text-align: left;
	margin-left: 1em;
	padding: 0 1em;
}
.voucher_info {
	color: #f60;
	padding-left: 40px;
	background: transparent url(prestohotel/important.gif) no-repeat left;
}
.print_links { padding: .5em 0; }
.print_links p {
	float: left;
	padding: .5em 1em;
	margin-left: 3em;
}
.print_links p a {
	padding: 6px 0 6px 30px;
	background: transparent url(prestohotel/print.gif) no-repeat left;
}

/******************************************************************************
*												CONTACT
******************************************************************************/
#send2friend_form { margin-top: 1em; }
#send2friend_form p { padding: .2em .5em; }
#send2friend_form label{
	float: left;
	width: 25%;
	line-height: 1.2em;
}
#send2friend_form .box-in input { width: 200px; }
#send2friend_form .box-in textarea {
	width: 50%;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
}
.contact { margin: 1em 0; }
.contact h5 {
	color: #900;
	margin: 1em 0 0;
}
.contact p { margin: 0; }
.faq { margin-bottom: 2em; }
.faq em {
	padding-left: 15px;
	background: url(prestohotel/fleche02.gif) no-repeat left;
	font-style: normal;
	font-weight: bold;
}
#about h4 {
	text-align: center;
	color: #900;
	text-transform: uppercase;
	font-size: 100%;
	font-style: italic;
}
#about h5 {
	color: #f60;
	margin: 1em 0;
}
#about ul { margin-left: 2em; }
/******************************************************************************
*												SPECIALBOOKING PAGES
******************************************************************************/
#groupbooking_intro, #longstay_intro { padding-top: 1em; }
.required_label {
	text-align: right;
	color: #f60;
	padding: .2em 1em;
}
table.specialbooking_form, table.specialbooking_rooms { width: 100%; }
.specialbooking_form td {
	width: 50%;
	vertical-align: top;
	padding-left: .5em;
}
.specialbooking_form img { vertical-align: top; }
.specialbooking_form p {
	padding: .2em 0;
	clear: left;
}
.specialbooking_form label {
	float: left;
	width: 30%;
}
.specialbooking_form label.block {
	width: 45%;
	line-height: 1em;
}
.specialbooking_form span, .specialbooking_rooms span {
	font-weight: bold;
	color: #c00;
	margin-left: .5em;
}
.specialbooking_rooms td { padding: .5em; }
.specialbooking_rooms select { margin-right: 2em; }
#specialbooking_process p { line-height: 1.1em; }
#specialbooking_process .find {
	font-size: 110%;
	font-weight: bold;
	color: #f60;
}
#specialbooking_process .find img { vertical-align: middle; }
#specialbooking_process .warn {
	font-size: 95%;
	color: #f60;
	text-align: center;
}
#specialbooking_process .warn img { float: left; }

/******************************************************************************
*												CHANGELANGUAGE
******************************************************************************/
#languages {
	margin: 2em;
}
#languages img {
	vertical-align: middle;
}
/******************************************************************************
*										TERMS & CONDITIONS
******************************************************************************/
#conditions
{ font-size: 85%; text-align: left; }
#conditions h1 { color: #f60; }
#conditions h2 { color: #06c; margin-top: 1em; }
#conditions p { padding: .5em 0; }
#conditions ul, #conditions ol { margin-left: 2em; }
#conditions dl dt { text-decoration: underline; }