@import "boxes.css";

body
{
	margin-top: 10px;
	text-align: center;
	background-color: White;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, form, button
{
	margin: 0;
	padding: 0;
}
fieldset
{
	border: none;
}
h1 { font-size: 220%; }
h2 { font-size: 190%; }
h3 { font-size: 160%; color:#06c; }
h4 { font-size: 130%; color:#f60; }
h5 { font-size: 100%; }
h6 { font-size: 70%; }
a img { border: none; }
a { color: #06c; }
a:visited { color: Navy; }
.small { font-size: smaller; }

/******************************************************************************
*												GLOBALS
******************************************************************************/
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none;
	visibility: hidden;
}
select
{
	font-size: 85%;
}
button
{
	border: 0;
	background: url(images/button_left.gif) no-repeat left;
	line-height: 24px;
	padding-left: 10px;
	color: Red;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
}
button span
{
	display: block;
	background: transparent url(images/button.gif) no-repeat right;
	line-height: 24px;
	padding-right: 20px;
}


a.button
{
	text-decoration: none;
	padding-left: 10px;
	color: Red;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	background: transparent url(images/button_left.gif) no-repeat left;
	line-height: 24px;
}
a.button span 
{
	display: block;
	color: Red;
	padding-right: 20px;
	background: transparent url(images/button.gif) no-repeat right;
	line-height: 24px;
}

button.slimbutton
{
	background: transparent url(images/slimbutton_left.gif) no-repeat left;
	line-height: 18px;
}
button.slimbutton span 
{
	background: transparent url(images/slimbutton.gif) no-repeat right;
	line-height: 18px;
}

a.slimbutton
{
	text-decoration: none;
	padding-left: 10px;
	color: Red;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	background: transparent url(images/slimbutton_left.gif) no-repeat left;
	line-height: 18px;
}
a.slimbutton span 
{
	display: block;
	color: Red;
	padding-right: 20px;
	background: transparent url(images/slimbutton.gif) no-repeat right;
	line-height: 18px;
}


.form_footer
{
	text-align: right;
	padding: 1em;
}
p.token
{
	padding: .5em 1em;
	background: transparent url(images/puce10.gif) no-repeat 0 10px;
}
p.token img, p.token input
{
	vertical-align: middle;
}
p.error
{
	color: Red;
	font-weight: bold;
	padding: .2em;
	padding-left: 25px;
	line-height: 1.5em;
	background: #FFEAEA url(images/alert.gif) no-repeat 5px;
	text-align: left;
}
p.inform
{
	color: Blue;
	font-weight: bold;
	padding: .2em;
	padding-left: 25px;
	line-height: 1.5em;
	background: #FFEAEA url(images/inform.gif) no-repeat 5px;
	text-align: left;
}
.noscript
{
	color:Red;
	font-weight:bold;
	text-transform:uppercase;
	font-size:.9em;
	text-align:center;
	padding: .5em;
	background-color: #FFEAEA;
	margin: .5em 0;
}
span#highlight {
	background-color: Lime;
}
/******************************************************************************
*												LAYOUT
******************************************************************************/
#wrapper
{
	width: 975px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#top
{
	height: 148px;
}
#header
{
	position: relative;
	width: 960px;
	height: 102px;
}
#subheader
{
	height: 40px;
	width: 713px;
}
#container
{
	padding-left: 255px;
	padding-top: 15px;
}
#side
{
	float: right;
	width: 220px;
}
#column
{
	position: absolute;
	top: 102px;
	left: 0;
}
#footer
{
	clear: both;
}

/******************************************************************************
*												TOP
******************************************************************************/
#header
{
	background: transparent url(images/header_bg.jpg) no-repeat 0 0;
	padding-top: 6px;
	color: White;
}
#logo
{
	margin-left: 27px;
}
#baseline
{
	font-size: 1.4em;
	font-weight: bold;
	/*letter-spacing: 1px;*/
	margin-left: 1em;
}
#subheader
{
	padding-left: 247px;
	background: transparent url(images/mainmenu_bg.png) repeat-x 0 0;
}

/********************************** TABS MENU ***********************************/
table#mainmenu
{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	height: 40px;
}
#mainmenu td
{
	vertical-align: middle;
	text-align: center;
	background: transparent url(images/tab.png) no-repeat 0 0;
	padding: 2px 4px 2px 12px;
	width: 64px;
}
#mainmenu td.current
{
	background: transparent url(images/tab_current.png) no-repeat 0 0;
	font-weight: bold;
	letter-spacing: -1px;
}
#mainmenu a
{
	color: Black;
	text-decoration: none;
}
#mainmenu a:hover
{
	text-decoration: underline;
}
.topadvice
{
	position: absolute;
	top: 7px;
	left: 756px;
	text-align: center;
}
#callus
{
	width: 139px;
	height: 130px;
	padding: 18px 10px 0 87px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(images/callus01.jpg);
	color: White;
	text-align: center;
}
#callus strong
{
	font-size: 1.2em;
}
#callus strong em
{
	color: Black;
	font-style: normal;
	font-size: 1.3em;
}
#callus a
{
	color: White;
	padding-right: 10px;
	background: url(images/puce05.gif) no-repeat right;
}
.column-in #callus
{
	background-image: url(images/callus02.jpg);
	position: relative;
	left: -7px;
}

/******************************************************************************
*												CONTENT
******************************************************************************/
#breadcrumbs, #steps, #searchform, #station_searchform, #promos
{
	margin-bottom: 1em;
}

/********************************* BREADCRUMBS *******************************/
#breadcrumbs
{
	color: #06c;
}
/****************************** RESERVATION STEPS ****************************/
#steps
{
	margin-left: 50px;
}
* html #steps
{
	margin-left: 20px;
}
#steps span
{
	display: block;
	float: left;
	width: 99px;
	height: 29px;
	margin-left: 2em;
	background: transparent url(images/step.jpg) no-repeat left top;
	text-align: center;
	padding: 10px 10px 5px 10px;
	font-size: 85%;
}
#steps span.step-on
{
	background-image: url(images/step_on.jpg);
	font-weight: bold;
}
#guide #steps
{
	margin: 0;
	padding-left: 3em;
}
* html #guide #steps
{
	padding: 0;
}
#guide #steps span
{
	display: block;
	float: none;
	margin: .5em 0 0;
}
/******************************** LINKBOXES **********************************/
#linkboxes
{
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}
* html #linkboxes
{
	margin-left: 0;
}
#linkboxes a
{
	display: block;
	float: left;
	width: 115px;
	height: 34px;
	background-position: left top;
	background-repeat: no-repeat;
	text-align: center;
	margin-left: 4em;
	font-size: 85%;
	padding: 10px 15px;
}
#linkboxes a.addfavorite
{
	background-image: url(images/linkbox_left.jpg);
}
#linkboxes a.sendfriend
{
	background-image: url(images/linkbox_mid.jpg);
}
#linkboxes a.subscribe
{
	background-image: url(images/linkbox_right.jpg);
}

/****************************** HOTEL SEARCH FORM ****************************/
.searchform_block
{
	width: 493px;
}
#searchform h4, #station_searchform h4
{
	text-align: center;
	text-transform: uppercase;
	color: White;
}
#searchform table
{
	margin-bottom: 10px;
	color: Black;
	text-align: left;
}
#station_searchform table
{
	color: Black;
	text-align: left;
}
#searchform th, #station_searchform th
{
	padding-top: 5px;
	background: transparent url(images/puce02.gif) no-repeat 0 10px;
	padding-left: 20px;
	color: White;
	vertical-align: top;
}
#searchform td#nbnights, #station_searchform td#nbnights
{
	vertical-align: middle;
	padding-left: 1.5em;
}
#searchform td img, #station_searchform td img
{
	vertical-align: middle;
}
#searchform p, #station_searchform p
{
	height: 1.8em;
}
#searchform select#country, #searchform select#city, #station_searchform select#country, #station_searchform select#city
{
	width: 70%;
}
#searchform #rooms td, #station_searchform #station_rooms td
{
	text-align: center;
	padding: 0 0.8em;
}
#searchform a.toggle_options, #station_searchform a.toggle_options
{
	color: White;
	text-decoration: underline;
}
/**************************** 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;
}

/********************************** PROMOS ***********************************/
#promos h4
{
	text-transform: uppercase;
}
table.promos-list
{
	width: 92%;
	border-collapse: collapse;
	margin-left: 10px;
}
.promos-list th, .promos-list td
{
	vertical-align: bottom;
	border-bottom: 1px dashed #f60;
	padding: .3em 0;
}
.promos-list th
{
	width: 45%;
	padding-left: 15px;
	background: transparent url(images/puce04.gif) no-repeat 0 6px;
	text-transform: uppercase;
	color: #630;
}
.promos-list th a
{
	font-weight: normal;
	text-transform: none;
}
.promos-list td.price strong
{
	color: Red;
	font-size: 120%;
}
.promos-list td.discount strong
{
	color: #f60;
	font-size: 150%;
}

/******************************************************************************
*												SIDE
******************************************************************************/
#side
{
	margin-top: 10px;
	text-align: center;
}
#reasons
{
	margin-left: 15px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
#reasons h4
{
	text-align: left;
}
#reasons ul
{
	text-align: left;
	list-style: none;
}
#reasons li
{
	padding-left: 12px;
	background: url(images/puce03.gif) no-repeat 0 2px;
	margin-top: .5em;
}

/******************************************************************************
*												LISTE HOTELS
******************************************************************************/
#static_search_advice
{
	float: right;
}
#static_search_advice .box-in
{
	height: 270px;
}
#static_search_advice p
{
	color: White;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	padding: 1em;
}
#static_search_advice strong
{
	color: #ff0;
	line-height: 2em;
}
#hotelslist .box-top span, #hotelslist_static .box-top span {
	float: right;
}
#sorting a {
	border-right: 1px solid White;
	padding-right: 5px;
	text-decoration: none;
	color: White;
	background-repeat: no-repeat;
	background-position: left;
}
#sorting a:hover {
	text-decoration: underline;
}
#sorting a#SortByRateAsc {
	padding-left: 27px;
	background-image: url(images/sort_price_asc.gif);
}
#sorting a#SortByRateDesc {
	padding-left: 27px;
	background-image: url(images/sort_price_desc.gif);
}
#sorting a#SortByStarsAsc {
	padding-left: 28px;
	background-image: url(images/sort_cat_asc.gif);
}
#sorting a#SortByStarsDesc {
	padding-left: 28px;
	background-image: url(images/sort_cat_desc.gif);
}
#sorting a#SortByNameAsc {
	padding-left: 32px;
	background-image: url(images/sort_name_asc.gif);
}
#sorting a#SortByNameDesc {
	padding-left: 32px;
	background-image: url(images/sort_name_desc.gif);
}
#sorting a#SortByDiscount {
	padding-left: 25px;
	background-image: url(images/sort_discount_asc.gif);
}
#sorting a#SortByDistance {
	padding-left: 18px;
	background-image: url(images/icone_carte.png);
}

#hotelslist .box-top form
{
	display: inline;
}
#hotelslist .item
{
	/*border-top: 1px dashed #06c;*/
	padding: 5px 0 5px 5px;
}
#hotelslist table
{
	width: 700px;
	border-collapse: collapse;
}
#hotelslist table td
{
	vertical-align: middle;
}
#hotelslist td img
{
	vertical-align: middle;
}
#hotelslist td.foto
{
	width: 80px;
	text-align: center;
}
#hotelslist td.foto a img
{
	border: 1px solid #ccc;
	background-color: White;
	padding: 2px;
}
#hotelslist td.name, #hotelslist td.category
{
	/*width: 40%;*/
	text-align: left;
}
.static #hotelslist td.name {
	width: auto;
}
#hotelslist td.name .onrequest a
{
	font-weight: normal;
	background: none;
	padding: 0;
}
#hotelslist td.name a.name
{
	font-weight: bold;
	padding-left: 10px;
	background: transparent url(images/puce06.gif) no-repeat 0 3px;
}
#hotelslist td.name a.alliance {
	font-weight: bold;
	font-style: italic;
	color: #CC0000;
	padding: 0;
	margin-left: 1.5em;
	background: none;
	text-decoration: none;
}
#hotelslist td.name a.alliance:hover {
	text-decoration: underline;
}
#hotelslist td.city
{
	/*width: 20%;*/
	font-weight: bold;
	text-align: left;
	font-size: 85%;
	vertical-align: top;
}
#hotelslist td.discount
{
	white-space: nowrap;
	font-size: 110%;
	width: 25%;
}
#hotelslist .discount .discount
{
	color: #f60;
	font-weight: bold;
}
#hotelslist td.discount img
{
	vertical-align: middle;
}
#hotelslist td.price
{
	white-space: nowrap;
	width: 20%;
	text-align: center;
	line-height: 1.5em;
	vertical-align: middle;
}
#hotelslist td.promo
{
	font-weight: bold;
	vertical-align: top;
}
#hotelslist td.price strong
{
	color: Red;
	font-size: 130%;
}
#hotelslist td.price img
{
	vertical-align: middle;
}
#hotelslist td.description {
	text-align: left;
}
.description span
{
	margin-left: 3em;
}
p.olocredit
{
	line-height: 30px;
}
.olocredit img
{
	vertical-align: middle;
}
.dispo
{
	font-weight: normal;
	color: Red;
}
/***** liste surroundings *****/
#surroundlist
{
	margin-top: 1em;
}
#surroundlist .box-top form
{
	display: inline;
}
#surroundlist .item
{
	border-top: 1px dashed #06c;
	padding: 5px 0 5px 5px;
}
#surroundlist table
{
	width: 700px;
	border-collapse: collapse;
}
#surroundlist table td
{
	vertical-align: top;
}
#surroundlist td.foto
{
	vertical-align: middle;
	width: 15%;
	padding-right: 5px;
}
#surroundlist td.name
{
	width: 40%;
}
#surroundlist td.name a
{
	font-weight: bold;
	padding-left: 10px;
	background: transparent url(images/puce06.gif) no-repeat 0 3px;
}
#surroundlist td.distance
{
	width: 25%;
	font-weight: bold;
	text-align: left;
}
#surroundlist td.options
{
	color: #f60;
	font-size: 95%;
	white-space: nowrap;
}
#surroundlist td.price
{
	vertical-align: middle;
	white-space: nowrap;
	width: 20%;
	text-align: center;
}
#surroundlist td.price strong
{
	color: Red;
	font-size: 110%;
}
#surroundlist td.price img
{
	vertical-align: middle;
}

/***** liste surrounding cities *****/
#surrounding_cities, #top_deals
{
	margin: .5em 0;
}
#surrounding_cities table, #top_deals table
{
	border-collapse: collapse;
	width: 99%;
}
#surrounding_cities td
{
	font-size: 85%;
	padding: .2em;
}

#top_deals td
{
	padding: .2em;
}

#surrounding_cities .altern, #top_deals .altern
{
	background-color: #CCE0F5;
}

#top_deals .price{
	color: #FF0000;
	font-weight: bold;
}
/********************************** OVERLAY **********************************/
.overlay
{
	display: inline;
	position: absolute;
	z-index: 500;
	width: 230px;
	padding: .5em 0;
	border: 1px solid #06c;
	background: #F4F6FA;
	font-weight: normal;
	padding: .5em;
	text-align: center;
}
.overlay h5
{
	color: #06c;
}
.overlay p
{
	color: #000;
	font-size: 85%;
	text-align: justify;
	padding: .5em;
}

/***************************** HOTELSEARCH FORM ******************************/
div#hotelsearch
{
	border-top: 1px solid #06c;
	border-left: 1px solid #06c;
	border-right: 1px solid #CCE0F5;
	border-bottom: 1px solid #CCE0F5;
	margin-right: 10px;
	background-color: #F4F6FA;
}
#hotelsearch h5
{
	text-align: center;
	color: #f60;
}
#hotelsearch th, #hotelsearch td, #hotelsearch p
{
	text-align: left;
}
#hotelsearch td#room1 p
{
	text-align: right;
}
#hotelsearch p.close
{
	text-align: right;
	font-size: 80%;
	padding: 0 2px 2px 0;
}
#hotelsearch p.close a
{
	background: transparent url(images/close.png) no-repeat right;
	padding-right: 15px;
	color: #06c;
}
p.nofloat label
{
	float: none;
}

/********************************** NAVBAR ***********************************/
.navbar {
	padding: .5em 0;
	text-align: center;
	white-space: nowrap;
}
.count {
	font-size: .9em;
	padding: 2px 3px;
	border: 1px solid #CCCCCC;
	margin-right: 20px;
	vertical-align: 1px;
}
.navlink {
	margin: 0 1px;
	font-weight: bold;
	background-color: White;
}
.navlink A {
	text-decoration: none;
	color: #FF6600;
	padding: 1px 2px;
	border: 1px solid #CCCCCC;
}
.navlink A:hover {
	/*background-color: #F4F6FA;*/
	border-color: #f60;
}
.navlink_current {
	font-weight: bold;
	margin: 0 2px;
	padding: 1px 3px;
	color: #06c;
	background-color: #F4F6FA;
	border: 1px solid #06c;
}

/******************************************************************************
*												K2000
******************************************************************************/
.k2000
{
	color: #f60;
	font-weight: bold;
	font-size: 110%;
}
.k2000 td
{
	text-align: center;
}
.k2000 img
{
	padding: 10px;
}
.k2000 .data p
{
	color: Black;
	line-height: 1.5em;
}
.k2000 .data strong
{
	color: #f60;
}
.k2000 em
{
	color: #06c;
	font-style: normal;
}

/******************************************************************************
*												HOTEL PAGE
******************************************************************************/
h4#hotelname
{
	color: #06c;
}
.qa {
	/*float: right;*/
	vertical-align: baseline;
	margin-left:2em;
}
#roomslist, #features
{
	margin: 1em 0;
}
#roomslist table
{
	border-collapse: collapse;
	width: 100%;
}
#roomslist td, #roomslist th
{
	border-style: solid;
	border-color: #06c;
	border-width: 0 0 1px 0;
}
#roomslist th
{
	color: #06c;
	text-align: center;
	width: 33%;
	border-right-width: 1px;
}
#roomslist td
{
	padding: .3em;
	text-align: right;
}
#roomslist .roomtype, #roomslist .options
{
	border-right-width: 1px;
	text-align: left;
}
#roomslist .roomprice
{
	text-align: right;
}
#roomslist .roomtypevenere
{
	border-width: 1px 0 0 0;
	text-align: left;
}
#roomslist .roompricevenere
{
	border-width: 1px 0 0 0;
	text-align: right;
}
#roomslist td.discount
{
	text-align: center;
}
#roomslist .discount span
{
	color: #f60;
	font-weight: bold;
}
#roomslist .options
{
	padding-left: 1em;
}
#roomslist .subtotal
{
	font-size: 110%;
}
.statichotel #roomslist .subtotal
{
	display: none;
}
#roomslist .nbnights
{
	font-weight: bold;
}
#roomslist .nbnights_package
{
	font-weight: bold;
	text-align: right;
}
#roomslist .totalprice em
{
	color: #06c;
	font-style: normal;
	font-weight: bold;
	/*margin-right: .5em;*/
}
#roomslist .totalprice strong
{
	color: Red;
	font-size: 110%;
}
#roomslist .totalpricevenere
{
	border-width: 1px 0 0 0;
}
#roomslist .totalpricevenere strong
{
	color: Red;
	font-size: 110%;
}
.statichotel #roomslist .totalprice
{
	display: none;
}
#roomslist tr.compute td, #roomslist tr.last td
{
	border: 0;
	padding: .3em .3em 0;
}
#roomslist td.precision img
{
	vertical-align: middle;
}
#roomslist .precision
{
	text-align: left;
}
#roomslist .precision em
{
	font-style: normal;
	font-weight: normal;
}
#roomslist td.olocredit
{
	text-align: center;
	background-image: none;
}
.statichotel #roomslist td.olocredit
{
	display: none;
}
#roomslist td.button
{
	text-align: center;
}
#features hr
{
	clear: both;
	height: 0;
	padding: 0;
	color: #06c;
	background-color: #06c;
	border-top: 1px dashed #06c;
}
#features h4
{
	background: transparent url(images/puce08.gif) no-repeat left top;
	color: #06c;
	padding-left: 20px;
}
#features p
{
	padding: .5em;
}
#features p span
{
	font-weight: bold;
}
#features table td
{
	vertical-align: top;
}
#features #gallery
{
	margin-left: 10px;
	width: 260px;
}
#features td.thumbs
{
	width: 110px;
}
#features .thumbs span img
{
	margin: 1px;
	cursor: pointer;
}
a#access_link
{
	display: block;
	width: 122px;
	height: 78px;
	line-height: 78px;
	text-align: center;
	padding-right: 50px;
	background: transparent url(images/accessmap.gif) no-repeat left top;
	margin: 0 1em .5em;
}
ul#equipment
{
	list-style-image: url(images/puce09.gif);
	padding-left: 15px;
	margin-left: 10px;
}
#otherhotels
{
	margin-bottom: 1em;
	margin-top: 1em;
}
#otherhotels table
{
	border-collapse: collapse;
	width: 99%;
}
#otherhotels td
{
	vertical-align: top;
	font-size: 85%;
	padding: .2em;
}
#otherhotels .altern
{
	background-color: #CCE0F5;
}
#otherhotels a
{
	color: #06c;
}
#otherhotels td.cat
{
	white-space: nowrap;
}
#otherhotels td.price
{
	font-weight: bold;
	color: #f60;
	text-align: right;
	white-space: nowrap;
}
a.back
{
	background: transparent url(images/back.gif) no-repeat 0 50%;
	padding: 5px 0 5px 25px;
	line-height: 25px;
}

/******************************************************************************
*												SUMMARY FORM
******************************************************************************/
#roomslist tr.travel td
{
	border: none;
	font-weight: bold;
	text-align: left;
}
#roomslist tr.travel td.checkdate
{
	text-align: center;
	width: 25%;
}
#roomslist tr.travel address
{
	font-style: normal;
	font-weight: normal;
}
#roomslist table.recap
{
	border-top: 1px solid #06c;
	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;
}

#inscription p.opt
{
	float: left;
	width: 30%;
	line-height: 1.6em;
}
#inscription fieldset
{
	padding: 1em;
	border-style: dashed;
	border-color: #06c;
	border-width: 1px 0 0 0;
}
#inscription label
{
	font-weight: bold;
}

/******************************************************************************
*												BOOKING FORM
******************************************************************************/
#booking_form .box
{
	margin-bottom: 10px;
}
#booking_form table
{
	width: 100%;
}
#booking_form td
{
	width: 50%;
	vertical-align: top;
	padding-left: .5em;
}
#booking_form #roomslist tr.travel td.checkdate
{
	width: 25%;
}
#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;
}
#olopoints_use
{
	margin-bottom: 10px;
}
#olopoints_use .box-in
{
	padding: 0 .5em;
}
#payment fieldset div
{
	/*height: 50px;	NON (bug IE7) */
	padding-left: 70px;
}

#bookingpayment_form .box
{
	margin-bottom: 10px;
}
#bookingpayment_form table
{
	width: 100%;
}
#bookingpayment_form td
{
	width: 50%;
	vertical-align: top;
	padding-left: 6px;
}
#bookingpayment_form #roomslist tr.travel td.checkdate
{
	width: 25%;
}
#bookingpayment_form p
{
	padding: .2em 0;
	clear: left;
}
#bookingpayment_form p.error
{
	padding-left: 25px;
}
#bookingpayment_form label
{
	float: left;
	width: 35%;
}
#bookingpayment_form .block
{
	width: auto;
	line-height: 1em;
}
#bookingpayment_form em
{
	font-style: normal;
	color: #f60;
}
#bookingpayment_form textarea#precisions
{
	width: 80%;
	height: 3em;
}
/******************************************************************************
*												CONFIRM
******************************************************************************/
.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: #06c;
	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(images/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(images/print.gif) no-repeat left;
}
#new_account_infos .box-in
{
	background: transparent url(images/olo.gif) no-repeat 5px 5px;
	padding: .5em 0 .5em 50px;
}

/******************************************************************************
*												ACCOUNT
******************************************************************************/
div.advantages
{
	clear: both;
	margin: 1em 0 1em 1em;
}
.advantages img
{
	float: left;
}
.advantages h5
{
	color: #06c;
	margin-left: 60px;
}
.advantages p
{
	margin-left: 60px;
}
div.account_create, #account_prefs
{
	margin-top: 1em;
}
.account_create table
{
	width: 100%;
}
.account_create td
{
	width: 50%;
	vertical-align: top;
}
#account_prefs h4
{
	text-align: center;
}
#account_prefs table
{
	width: 70%;
}
#account_prefs td
{
	vertical-align: top;
}
.account_create input, .account_create select
{
	width: 60%;
	font-size: 95%;
}
.account_create td p, #account_prefs td p
{
	margin: 1.5em 0;
}
.account_create label, #account_prefs label
{
	display: block;
	float: left;
	width: 35%;
	color: White;
	line-height: 95%;
}
#account_welcome strong
{
	color: #06c;
	font-size: 130%;
	margin-right: 1.5em;
}
#account_welcome em
{
	font-style: normal;
	font-weight: bold;
}
#account_view div.box
{
	margin: 1em 0;
}
#mybookings h5
{
	color: #f60;
	font-size: 130%;
	padding: .5em .5em 0;
}
#mybookings table
{
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px dashed #06c;
}
#mybookings td.hotel
{
	width: 40%;
}
#mybookings td.hotel p.label
{
	float: left;
	height: 3.5em;
	margin-left: 0;
	font-weight: bold;
}
#mybookings td.hotel p
{
	/*margin-left: 20%;*/
	padding-bottom: 1em;
	padding-right: 1em;
}
#mybookings td.booking_detail a
{
	padding-left: 12px;
	background: url(images/puce03.gif) no-repeat left;
}
#mybookings td.price
{
	font-weight: bold;
	font-size: 110%;
}
#mybookings td.price strong
{
	color: red;
}
#mybookings td.actions p
{
	padding-bottom: .5em;
}
#mybookings hr
{
	height: 0;
	padding: 0;
}
#mycount ul
{
	margin-left: 3em;
	list-style-image: url(images/puce09.gif);
}
#mycount strong
{
	color: #f60;
	font-weight: bold;
	font-size: 130%;
}
#mycount em
{
	font-style: normal;
	font-weight: bold;
}
p.datas
{
	float: left;
	width: 50%;
	padding: 1em;
	line-height: 1.5em;
}
#myinfos p.actions, #myprefs p.actions, #agencyinfos p.actions
{
	padding: 1em;
	line-height: 2em;
}
#referafriend p, #referafriend h5
{
	padding: .5em 1em;
	text-align: center;
}
#referafriend div#sponsor_infos p
{
	text-align: left;
}
#referafriend div#sponsor_infos label
{
	display: block;
	float: left;
	text-align: right;
	width: 50%;
	margin-right: 1em;
	background: none;
}
#referafriend label
{
	background: transparent url(images/puce12.gif) no-repeat 0 5px;
	padding-left: 12px;
	font-weight: bold;
}
#inshort em
{
	font-style: normal;
	color: #06c;
}
#earn, #profit, #faq
{
	clear: right;
}
#earn img, #profit img
{
	float: right;
	margin: 1em;
}
#faq dt
{
	margin-top: 1em;
	font-weight: bold;
}
#faq dd
{
	margin: 0 0 1em;
}
/******************************************************************************
*											HOTELREVIEW
******************************************************************************/
table#hotelreviewdescription {
	background-color: #F4F6FA;
	border: 1px solid #ddd;
	margin-top: 1em;
	width: 100%;
}
#hotelreviewdescription td {
	vertical-align: top;
	width: 49%;
}
#hotelreviewdescription td img.hotelimage {
	float: left;
	height: 64px;
	margin: 0 5px 5px 0;
	width: 64px;
}
#hotelreviewsForm div.box {
	margin-bottom: 1em;
}
#hotelreviewsForm #reviewcharacteristics p {
	border-top: 1px solid #ddd;
	padding: .5em 0;
}
/*#hotelreviewsForm .characteristics label {
	text-align: right;
}*/
#hotelreviewsForm #reviewtext input, #hotelreviewsForm #reviewtext textarea {
	border-width: 1px;
	border-style: solid;
	border-color: #666 #ddd #ddd #666;
}
#hotelreviewsForm #reviewtext .checks input {
	border: 0;
}
input#reviewintro, textarea#reviewcomment {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 450px;
}
textarea#reviewcomment {
	font-size: 85%;
	height: 100px;
}
#hotelreviewsForm #reviewtext label {
	width: 15%;
}
#hotelreviewsForm #reviewtext .checks label {
	font-weight: bold;
	margin-right: .5em;
	width: auto;
}
/******************************************************************************
*												OLOCLUB
******************************************************************************/
.oloclub div
{
	margin-bottom: 2em;
}

/******************************************************************************
*												ABOUT US
******************************************************************************/
div#experience, div#providers, div#engagements
{
	padding: .5em 0;
}
div#providers ul.partners
{
	margin: .5em 0;
}
div#providers ul.partners li
{
	margin-left: 3em;
	list-style: url(images/puce03.gif) outside;
}
div#providers ul.prestations li
{
	margin-left: 1em;
	padding: .2em 0;
	list-style: disc outside;
}
.prestations em
{
	font-style: normal;
	color: #06c;
}
div.engagement
{
	clear: both;
	margin: 1em 0 1em 1em;
}
.engagement img
{
	float: left;
}
.engagement h5
{
	color: #06c;
	margin-left: 60px;
}
.engagement p
{
	margin-left: 60px;
}
/*.survey_links p
{
	padding: .5em 0 0 1em;
}
.survey_links a
{
	background: transparent url(images/puce12.gif) no-repeat 0 5px;
	padding-left: 12px;
}*/

/******************************************************************************
*												SURVEY
******************************************************************************/
#survey .box-in
{
	padding: 1em;
}
#survey .box-in h5
{
	color: #f60;
	font-size: 130%;
	padding: .5em .5em 0 0;
}
#survey table#service
{
	width: 95%;
}
#survey th
{
	background: transparent url(images/puce10.gif) no-repeat 0 5px;
	padding-left: 12px;
}
#survey th em
{
	color: #06c;
	font-style: normal;
}
#survey th.name
{
	padding-left: 150px;
	background: transparent url(images/puce12.gif) no-repeat 140px 6px;
	font-weight: normal;
}
#survey label
{
	margin-left: 1em;
}
#survey th label
{
	margin: 0;
}
#survey textarea
{
	width: 90%;
	height: 50px;
}
#survey input
{
	vertical-align: middle;
}

/******************************************************************************
*												SPECIALBOOKING PAGES
******************************************************************************/
#memberlog, #coords, #destination, #roomtypelist
{
	margin-bottom: 10px;
}
.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: #06c;
	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: #06c;
}
#specialbooking_process .find img
{
	vertical-align: middle;
}
#specialbooking_process .warn
{
	font-size: 95%;
	color: #f60;
	text-align: center;
}
#specialbooking_process .warn img
{
	float: left;
}

/******************************************************************************
*												GROUPBOOKING
******************************************************************************/
#groupbooking_intro p, #longstay_intro p
{
	padding-top: 1em;
}
#groupbooking_intro strong, #longstay_intro strong
{
	color: #06c;
	font-size: 130%;
}

/******************************************************************************
*												SUPPORT
******************************************************************************/
#support_intro strong
{
	color: #06c;
	font-size: 130%;
}
#themes ul
{
	margin: 0 0 1em 3em;
	list-style: none;
}
#themes ul li
{
	padding: .2em 0;
}
#themes ul li a
{
	background: transparent url(images/puce12.gif) no-repeat 0 5px;
	padding-left: 12px;
}
.faq
{
	padding: .5em 0;
}
.faq p
{
	padding-left: 20px;
}
.faq p.q
{
	background: transparent url(images/q.gif) no-repeat left top;
	font-weight: bold;
}
.faq p.r
{
	background: transparent url(images/r.gif) no-repeat left top;
	padding-bottom: 1em;
}
p.backtop
{
	text-align: right;
	clear: right;
}
.faq p.backtop a
{
	background: transparent url(images/backtop.jpg) no-repeat 0 50%;
	padding: 5px 0 0 20px;
}
#support_ask .box-in h4
{
	text-align: center;
}
#support_ask .box-in strong
{
	color: #06c;
}

/******************************************************************************
*												GUIDE
******************************************************************************/
.guidestep
{
	padding: 1em 0;
	clear: right;
}
.guidestep img.screen
{
	float: right;
	margin: 0 0 1em 1em;
	padding: 5px;
	border: 1px solid #ccc;
}

/******************************************************************************
*												CONTACT
******************************************************************************/
#contact_form
{
	margin-top: 1em;
}
#contact_form p
{
	padding: .2em 0;
}
#contact_form label
{
	float: left;
	width: 25%;
}
#contact_form p.precision
{
	width: 45%;
	line-height: 1.2em;
	font-size: 85%;
	float: right;
	background: transparent url(images/olo.gif) no-repeat left top;
	padding-left: 40px;
}
#contact_form textarea
{
	width: 50%;
	height: 6em;
}

/******************************************************************************
*												COLUMN
******************************************************************************/
.column-in p
{
	line-height: 1.3em;
}
.column-in h5
{
	color: #f60;
}
.column-in h5 img
{
	vertical-align: middle;
}
.column-in select
{
	margin-left: 0px;
}
.column-in #hotelsearch select
{
	width: auto;
	margin: 0;
}
#language, #currency, #favlinks
{
	border-bottom: 1px dashed #fc0;
	padding-bottom: 7px;
	text-align: left;
}
#language h5, #currency h5, #loginbox h5
{
	font-size: 95%;
	background: transparent url(images/puce01.gif) no-repeat left top;
	color: White;
	padding-left: 15px;
	line-height: 11px;
	font-weight: bold;
	margin: 5px 0;
}
#favlinks
{
	padding: .5em 1em;
}
#favlinks a
{
	color: Black;
}
#loginbox
{
	text-align: left;
	padding-bottom: 10px;
}
#loginbox label, #memberlog label
{
	display: block;
	float: left;
	width: 45%;
	color: Black;
	font-weight: normal;
	background: none;
}
#loginbox p, #memberlog p
{
	padding: .3em 0 0 1em;
}
#loginbox input, #memberlog input
{
	width: 50%;
	font-size: 85%;
}
#logged p.login
{
	text-align: center;
}
#support h3
{
	text-align: center;
	color: #fff;
}
#support h3 span
{
	color: #06c;
}
#support ul
{
	list-style-image: url(images/puce03.gif);
	padding-left: 20px;
	color: Black;
	text-align: left;
}
#support ul p
{
	padding-left: 10px;
}
.coltip
{
	position:relative;
	left:-7px;
}
#searchresults p
{
	text-align: center;
}
#searchresults em
{
	color: Red;
	font-style: normal;
}
#results_data
{
	padding: .5em 0;
}
#results_data li
{
	list-style: none;
	padding-left: 12px;
	background: transparent url(images/puce07.gif) no-repeat 0 50%;
}
#memberlog form, #memberlog .box-in div
{
	padding-bottom: .5em;
}
#memberlog h5
{
	color: #f60;
	background: transparent url(images/puce07.gif) no-repeat 0 50%;
	padding-left: 12px;
}
#memberlog label
{
	font-size: 85%;
}
#memberlog .checkline *
{
	width: auto;
}
#ondemand .box-in, #fidelity .box-in, #olocredit .box-in, #cancel_conditions .box-in, #security .box-in, #payments .box-in
{
	text-align: center;
}
#ondemand
{
	margin-top: 1em;
	margin-bottom: 1em;
}
#ondemand p
{
	padding: 0 .5em .5em 0;
}
#fidelity h4, #security h4
{
	padding-bottom: .5em;
	color: #06c;
}
#fidelity h4 em, #security h4 em
{
	color: #f60;
	font-style: normal;
}
#fidelity p, #olocredit p, #cancel_conditions p, #security p, #payments p, #request p
{
	padding: 0 .5em .5em;
}
#fidelity img
{
	float: left;
	margin-right: .5em;
}
#olocredit
{
	margin-top: 1em;
}
#olocredit p, #euro_bill p, #payments p
{
	font-weight: bold;
	font-size: 110%;
}
#olocredit p strong
{
	color: #f60;
	font-size: 120%;
}
#olocredit p span
{
	font-size: 85%;
}
#olocredit img
{
	float: left;
	margin-right: .5em;
	margin-left: .5em;
}
#cancel_conditions img
{
	vertical-align: middle;
	margin-right: .5em;
}
#euro_bill .box-in
{
	height: 88px;
}
#euro_bill img
{
	float: right;
}
#euro_bill p
{
	color: #06c;
	text-align: center;
	padding: .5em 0;
}
#euro_bill p strong
{
	color: #f60;
}
#payments p img, #security p img
{
	vertical-align: middle;
	padding: 0 .5em;
}
#payments p
{
	color: #f60;
}
#advantages h5
{
	color: #f60;
	background: transparent url(images/puce07.gif) no-repeat 0 5px;
	padding-left: 12px;
}
#advantages p
{
	padding: .5em;
}
#account_innerlinks .box-in
{
	text-align: center;
}
#account_innerlinks .box-in ul
{
	text-align: left;
	list-style: none;
}
#account_innerlinks .box-in ul li
{
	padding-left: 20px;
	background: transparent url(images/puce11.gif) no-repeat 0 5px;
	line-height: 25px;
}
#account_ask .box-in h4
{
	text-align: center;
}
#account_ask .box-in strong
{
	color: #06c;
}
#aboutus_innerlinks .box-in
{
	text-align: center;
}
#aboutus_innerlinks .box-in ul
{
	text-align: left;
	list-style: none;
}
#aboutus_innerlinks .box-in ul li
{
	padding-left: 20px;
	background: transparent url(images/puce11.gif) no-repeat 0 5px;
	line-height: 25px;
}
#guide .box-in
{
	text-align: center;
	font-size: 110%;
}
#guide h5
{
	padding-bottom: .5em;
	color: #f60;
}
#guide p
{
	padding: 0 .5em .5em;
	font-weight: bold;
}
#guide p a
{
	color: #06c;
	/*text-decoration: none;*/
}
#guide p em
{
	color: #f60;
	font-style: normal;
}
#guide img
{
	margin-right: .5em;
	vertical-align: middle;
}
#request
{
	margin-bottom: 1em;
}
#request p strong
{
	color: #f60;
}
.new_account_infos
{
	padding-top: 1em;
	line-height: 1.5em;
}

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

/******************************************************************************
*												FOOTER
******************************************************************************/
#footer
{
	text-align: center;
	margin-left: 250px;
	margin-top: 1em;
}
#cwd
{
	font-size: 75%;
	text-align: center;
}

/******************************************************************************
*												PARTNERS
******************************************************************************/
#partner_reasons
{
	padding: .5em;
}
#partner_reasons h5
{
	color: #f60;
	font-size: 110%;
	text-align: center;
	padding-bottom: .5em;
}
#partner_reasons ul
{
	list-style: none;
	line-height: 150%;
}
#partner_reasons ul ul
{
	margin-left: 1em;
	padding-bottom: 1em;
}
#partner_reasons ul li
{
	background: url(images/puce07.gif) no-repeat 0 5px;
	padding-left: 15px;
	font-weight: bold;
}
#partner_reasons ul ul li
{
	background: url(images/puce09.gif) no-repeat 0 5px;
	padding-left: 15px;
	font-weight: normal;
}
#signup_form .box
{
	margin: 1em 0;
}
#signup_form table
{
	width: 100%;
}
#signup_form fieldset
{
	float: left;
	width: 45%;
	border: 1px dashed #ccc;
}
#signup_form legend
{
	font-style: italic;
	background-color: White;
	border: 1px solid #ccc;
	padding: 0 .5em;
}
#signup_form td
{
	width: 50%;
}
#signup_form label
{
	float: left;
	text-align: left;
	width: 40%;
}
#signup_form td p
{
	clear: left;
	margin: .2em 0;
}
#signup_form #comments
{
	width: 80%;
	height: 70px;
}
.partners p
{
	margin: .5em 0;
}
.partners em
{
	font-style: normal;
	color: #06c;
}
.partners ul
{
	list-style: none;
}
.partncol
{
	text-align: left;
}
.partncol .token
{
	background-image: url(images/puce02.gif);
}
.partncol h4
{
	color: White;
	text-align: center;
}
.partncol a {
	color: White;
}
.partncol .box-in a {
	color: #06c;
}
#logout
{
	text-align: center;
	margin-bottom: 1em;
}
.retailprice
{
	/*float:right;
	width:50%;*/
	text-align:center;
	font-weight:bold;
	margin-bottom: 1em;
}
#bookings p, #bookings h4
{
	margin-bottom: .5em;
}
#bookings a
{
	color: White;
}
#booking_search_advice
{
	float: right;
}
#booking_search_advice .box-in
{
	height: auto;
}
#booking_search_advice p
{
	color: White;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	padding: 1em;
}
#booking_search_advice strong
{
	color: #ff0;
	line-height: 2em;
}
#booking_search .box-in
{
	color: White;
}
#booking_search h4
{
	text-align: center;
	color: White;
}
#booking_search table
{
	width: 100%;
}
#booking_search td
{
	padding: .2em 0;
}
#account_view td.status em
{
	font-style: normal;
	font-weight: bold;
	color: #f60;
}
#account_view .bookingtop td
{
	background-color: #CCE0F5;
}
#partner_account .box
{
	margin: 1em 0;
}
#partner_account table
{
	width: 100%;
}
#partner_account td p
{
	padding: .2em 0;
}
#partner_account label
{
	float: left;
	width: 40%;
	text-align: right;
}

#salon_auto_div {
	width: 225px;
	height: 192px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(images/salon_auto.gif);
	margin-top: 10px;
	margin-bottom: 10px;
}

/* salon de l'auto */
#salon_auto_title_div {padding-top: 27px;}
#salon_auto_text_div {padding-top: 2px;}
A.salonAutoTitleLink:link { COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 19px; text-decoration: none}
A.salonAutoTitleLink:visited { COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 19px; text-decoration: none}
A.salonAutoTitleLink:hover { COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 19px; text-decoration: none}
A.salonAutoTextLink:link { COLOR: #EAFF00; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; text-decoration: none}
A.salonAutoTextLink:visited { COLOR: #EAFF00; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; text-decoration: none}
A.salonAutoTextLink:hover { COLOR: #EAFF00; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; text-decoration: none}

/*------------- HOTEL -------------*/
.feature_title {	background: transparent url(images/new/puce09.gif) no-repeat left;color: #06c;padding-left: 20px;font-size: 130%;font-weight:bold;}
.hr_hotel {background: transparent url(images/new/newhr.gif) repeat-x;height: 1px;margin-top: 10px;margin-bottom: 10px;}
.date_title_hotel {color:#FFFFFF;text-transform:uppercase;}
.cadre-hotel-content {margin-left: 10px; margin-right: 10px;/* text-align:justify;*/}
#equipment08{width:100%;}
.afacility{background-image: url(images/puce09.gif); padding-left: 15px; margin-left: 10px;width:33%; background-repeat: no-repeat; background-position: left center;}
.tab-price {background-color:#FFFFFF;border:1px solid #ff6633;text-align: center;}
.tab-price .price-strike {font-size: 12px;text-decoration:line-through;}
.tab-price .price-discount {font-size:12px;color:#FF6600;font-weight:bold;}
.tab-price .price {font-size:24px;color:#FF0000;font-weight:bold;}
.tab-price .price-currency {font-size:16px;color:#000000;font-weight:bold;}
.tab-price .price-text {font-size:12px;color:#000000;font-weight:normal;}
#roomslist #packagesdetails {width: 708px;}
#roomslist #packagesdetails .packagesdetails-header {font-size: 12px;font-weight:bold;color:#0066CC;border-bottom-width: 0px;background-color: #F4F6FA;text-align: center;}
#roomslist #packagesdetails .packagesdetails-package {border-bottom-style: dotted;border-bottom-color: #93B0CA;border-bottom-width: 1px;text-align: center;}
#roomslist #packagesdetails .packageoption {border-bottom-style: dotted;border-bottom-color: #93B0CA;border-bottom-width: 1px;text-align: center;font-size: 36px;color:#FA9B00;font-weight:bold;}
#roomslist #packagesdetails p.packagetotal {background-color:#FFFFEA;border:1px solid #ff6633;padding: 2px;}
#roomslist #packagesdetails p.packagetotal strong {color: Red;font-size: 18px;}
#roomslist #roomsdetails {width: 708px;}
#roomslist #roomsdetails .roomsdetails-header {font-size: 12px;font-weight:bold;color:#0066CC;border-bottom-width: 0px;background-color: #F4F6FA;text-align: center;}
#roomslist #roomsdetails .roomsdetails-package {border-bottom-style: dotted;border-bottom-color: #93B0CA;border-bottom-width: 1px;text-align: center;}
#roomslist #roomsdetails .roomsdetails-titlenumroom {font-size: 14px;color:#FA9B00;font-weight:bold;}
#roomslist #roomsdetails .roomsdetails-numroom {font-size: 24px;color:#FA9B00;font-weight:bold;}
#roomslist #roomsdetails .roomsdetails-footer {border-bottom-width: 0px;background-color: #F4F6FA;}
#roomslist #roomsdetails .totalprice {font-size: 12px;font-weight:bold;color:#0066CC;}
#roomslist #roomsdetails .totalprice strong {color: Red;font-size: 16px;}
.block-hotel-google-mini-map{background-color: #FFFFEA;margin: 0px 0px 0px 10px ;border:1px solid #FF6633; width: 230px;}

/*------------- PHOTO GALLERY -------------*/
#photoviewer tr #thumbspot{width: 224px;vertical-align: middle;text-align: center;font-style: italic;}
#photoviewer tr #thumbspot img{width: 224px; height: 224px;border: solid 2px;border-color: #FF6600;background-color: #FFFFFF;padding:1px;}
.imgthumb{opacity:0.8; width:64px; height:64px;border:1px solid #CCCCCC;background-color: #FFFFFF;padding:2px;margin-right: 2px;}
.imgthumb30{opacity:0.8; width:30px; height:30px;border:1px solid #CCCCCC;background-color: #FFFFFF;padding:2px;margin-right: 2px;}
.imgthumb:hover{opacity:1.0; }
.imgthumb30:hover{opacity:1.0; }
.imgthumbselected{width:64px; height:64px; border:1px solid #000000;background-color: #FFFFFF;padding:2px;margin-right: 2px;}
.imgthumb30selected{width:30px; height:30px; border:1px solid #000000;background-color: #FFFFFF;padding:2px;margin-right: 2px;}

a.show-map-link:link{color:#FF0000;font-weight:bold;text-decoration:underline;}
a.show-map-link:visited{color:#FF0000;font-weight:bold;text-decoration:underline;}
a.show-map-link:hover{color:#000000;font-weight:bold;text-decoration:underline;}

/*------------- BOOKING STEPS -------------*/
.booking #bookingsteps {width:500px;}
.booking #bookingsteps td {width:150px;padding:2px;background-color:#FFFFFF;border:1px solid #C6CAD1;}
.booking #bookingsteps td.step-on {width:150px;padding:2px;background-color:#FFFFFF;border:1px solid #0D6DCE;}
.booking #bookingsteps td div.stepnumber {text-align:left;color:#FE9B04;font-weight:bold;font-size:26px;}
.booking #bookingsteps td.step-on div.stepnumber {text-align:left;color:#0264CF;font-weight:bold;font-size:26px;}
.booking #bookingsteps td div.steptext {text-align:left;color:#FF6633;font-weight:bold;text-transform:uppercase;font-size: 12px}
.booking #bookingsteps td.step-on div.steptext {text-align:left;color:#0264CF;font-weight:bold;text-transform:uppercase;font-size: 12px;}
.booking #bookingsteps td div.steptext a:link {color:#FF6633;text-decoration:none}
.booking #bookingsteps td div.steptext a:visited {color:#FF6633;text-decoration:none}
.booking #bookingsteps td div.steptext a:hover {color:#0264CF;text-decoration:underline}
.booking #bookingsteps td.step-on div.steptext a:link {color:#0264CF;text-decoration:none}
.booking #bookingsteps td.step-on div.steptext a:visited {color:#0264CF;text-decoration:none}
.booking #bookingsteps td.step-on div.steptext a:hover {color:#0264CF;text-decoration:underline}
.booking #bookingsteps td.steparrowtd {width:25px;background-color:transparent;border:0px;vertical-align: middle;text-align: center;}
.booking #bookingsteps .bookingstepscontent td {border: 0px;padding: 0px;}
.booking #bookingsteps .bookingstepscontent td.stepnumberTD {width: 25px;}

/*------------- CITY -------------*/
#hotelslist div.price2 {padding:2px;background-color:#ffffea;border:1px solid #ff6633;white-space: nowrap;text-align: center;vertical-align: middle;}
#hotelslist div.price2  .price-strike{font-size:12px;color:#000000;font-weight:normal;}
#hotelslist div.price2  .price-discount{font-size:12px;color:#FF6600;font-weight:bold;}
#hotelslist div.price2  .price{font-size:12px;color:#000000;font-weight:normal;}
#hotelslist div.price2  .price strong{font-size:20px;color:#FF0000;}
#hotelslist div.price2  .price-text{font-size:11px;color:#000000;font-weight:normal;}

a.hotel-info-link:link{background:url(/styles_olotels/images/puce03.gif) 0px 3px no-repeat;font-size: 13px;color:#000000;text-decoration:none;padding-left:14px;}
a.hotel-info-link:visited{background:url(/styles_olotels/images/puce03.gif) 0px 3px no-repeat;font-size: 13px;color:#000000;text-decoration:none;padding-left:14px;}
a.hotel-info-link:hover{background:url(/styles_olotels/images/puce03.gif) 0px 3px no-repeat;font-size: 13px;color:#000000;text-decoration:none;padding-left:14px;}


.block-google-mini-map{background-color: #FFFFEA;margin: 5px 0px 0px 0px ;border:1px solid #FF6633; width: 230px;}

a.filter_link:link{color: #0066CC;display: block;text-align: center;background:url(/styles_olotels/images/accept.png) 10px -1px no-repeat;margin: 10px 0px 11px 0px; text-decoration:none}
a.filter_link:visited{color: Navy;display: block;text-align: center;background:url(/styles_olotels/images/accept.png) 10px -1px no-repeat;margin: 10px 0px 11px 0px; text-decoration:none}
a.filter_link:hover{color: #0066CC;display: block;text-align: center;background:url(/styles_olotels/images/close.png) 10px 0px no-repeat;margin: 10px 0px 11px 0px; text-decoration:none}

a.GM_legend_link_ok:link{color: black;display: block; background:url(/styles_olotels/images/accept.png);background-repeat:no-repeat;background-position:center right;text-decoration:none;vertical-align:middle;}
a.GM_legend_link_ok:visited{color: black;display: block; background:url(/styles_olotels/images/accept.png);background-repeat:no-repeat;background-position:center right;text-decoration:none;vertical-align:middle;}
a.GM_legend_link_ok:hover{color: black;display: block; background:url(/styles_olotels/images/close.png);background-repeat:no-repeat;background-position:center right;text-decoration:none;vertical-align:middle;}

a.GM_legend_link_no:link{color: black;display: block; background:url(/styles_olotels/images/close.png);background-repeat:no-repeat;background-position:center right;text-decoration:none;vertical-align:middle;}
a.GM_legend_link_no:visited{color: black;display: block; background:url(/styles_olotels/images/close.png);background-repeat:no-repeat;background-position:center right;text-decoration:none;vertical-align:middle;}
a.GM_legend_link_no:hover{color: black;display: block; background:url(/styles_olotels/images/accept.png);background-repeat:no-repeat;background-position:center right;text-decoration:none;vertical-align:middle;}

/*------------- PAYMENT -------------*/
#payment_td_header {
height: 25px;
padding-left: 5px;
padding-top: 5px;
vertical-align: middle;
border-bottom-style: dashed;
border-bottom-color: #999999;
border-left-style: solid;
border-left-color: #0066CC;
border-right-style: solid;
border-right-color: #0066CC;
background-color: #EEEEEE;
border-width: 0 1px 1px 1px;
}
#bookingpayment_form .box-in-payment .payment_td_tabs,
#booking_form .box-in-payment .payment_td_tabs {
vertical-align: bottom;
border-bottom-style: dashed;
border-bottom-color: #999999;
border-left-style: solid;
border-left-color: #0066CC;
border-right-style: solid;
border-right-color: #0066CC;
border-width: 0 1px 1px 1px;
}

#bookingpayment_form .box-in-payment .payment_table_tabs,
#booking_form .box-in-payment .payment_table_tabs{
width: 100%;
height: 90px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
#bookingpayment_form .box-in-payment .payment_table_tabs td,
#booking_form .box-in-payment .payment_table_tabs td{
width: 20%;
padding-top: 5px;
padding-right:0.5em;
text-align: center;
vertical-align: middle;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_corner_top_left,
#booking_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_corner_top_left{
	width: 10px;
	height: 10px;
	padding-right:0em;
	background-image: url(/styles_olotels/images/new/coin-top-left.gif);
	background-repeat: no-repeat;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_corner_top_right,
#booking_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_corner_top_right{
	width: 10px;
	height: 10px;
	background-image: url(/styles_olotels/images/new/coin-top-right.gif);
	background-repeat: no-repeat;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_top,
#booking_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_top{
	height: 10px;
	background-image: url(/styles_olotels/images/new/top.gif);
	background-repeat: repeat-x;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_left,
#booking_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_left{
	width: 10px;
	padding-right:0em;
	background-image: url(/styles_olotels/images/new/left.gif);
	background-repeat: repeat-y;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_right,
#booking_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_right{
	width: 10px;
	background-image: url(/styles_olotels/images/new/right.gif);
	background-repeat: repeat-y;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_center,
#booking_form .box-in-payment .payment_table_tabs .td_activepaymentmethod .bookingpayment_td_center{
	width: 100%;
	height: 100%;
	background-image: url(/styles_olotels/images/new/centre.gif);
	background-repeat: repeat;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .bookingpayment_td_corner_top_left,
#booking_form .box-in-payment .payment_table_tabs .bookingpayment_td_corner_top_left{
	width: 10px;
	height: 10px;
	padding-right:0em;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .bookingpayment_td_corner_top_right,
#booking_form .box-in-payment .payment_table_tabs .bookingpayment_td_corner_top_right{
	width: 10px;
	height: 10px;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .bookingpayment_td_top,
#booking_form .box-in-payment .payment_table_tabs .bookingpayment_td_top{
	height: 10px;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .bookingpayment_td_left,
#booking_form .box-in-payment .payment_table_tabs .bookingpayment_td_left{
	width: 10px;
	padding-right:0em;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .bookingpayment_td_right,
#booking_form .box-in-payment .payment_table_tabs .bookingpayment_td_right{
	width: 10px;
}

#bookingpayment_form .box-in-payment .payment_table_tabs .bookingpayment_td_center,
#booking_form .box-in-payment .payment_table_tabs .bookingpayment_td_center{
	width: 100%;
	height: 100%;
}

#payment_td_content {
padding: 5px;
border-left-style: solid;
border-left-color: #0066CC;
border-right-style: solid;
border-right-color: #0066CC;
background-color: #EEEEEE;
border-width: 0 1px 0px 1px;
}

.ok{font-weight:bold;color:green}
.ko{font-weight:bold;color:red}

.select_fixed_width{width: 18em;}

ul.list-plain {
	margin: 0;
    padding: 0;
}
ul.list-plain li {
    list-style: none;
    margin: 0 0 5px 10px;
    padding: 0;
}

ul.list-float {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
ul.list-float li{
	margin: 0 0 5px 10px;
	float:left;
}

ul.list-float li.one-column {
	width: 660px;
}
ul.list-float li.two-column {
	width: 330px;
}

#devis th label {width:100px;display:block;}
#devis tr.devistr td, #devis tr.devistr th {padding-top: 10px;}
.medium{font-size: 1.5em;}
.block{display:block;}
.devislink a {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 36px;
	padding: 27px 0 27px 10px;
	color: White;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
	text-align: center;
}
.devislink a { background: url(images/bookingsearch_bg.png) no-repeat 0 0; }
.txt-center {text-align:center;}
