body, html
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 0;
	margin: 0;
	background-color: #EEEEEE;
		list-style-type: none; 
}


#header
{
	background-color: #CC0000;
	color: white;
	height: 70px;
	margin-left: 10px;
	margin-right: 10px;
}

#Desc
{
	color: black;
	height: 230px;
	margin-left: 250px;
	margin-right: 10px;
}


#site
{
	background-color: #CC0000;
	color: white;
	margin-left:5px;

}
#menu {
	background: #660000;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #660000 url("images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:bold;
}
#menu a:hover {
	background: #CC0000 bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
		text-decoration: underline;
	font-weight:bold;
	}
	

#frame 
{
	display: table;

	margin: 8px 8px 64px 8px;
	height: 98%;
	background-color: white;
	min-width: 600px;	margin-left:5px;
	
}

#moteurgoogle{
	position:absolute;

	margin-left : 10px;
	margin-top : -120px;
	width:250px;
	height:100px;
	float: left;
	
}

#tophotels{
	position:relative;
	float: left;
	color:#000;
	width:450px;
	border : 2px;
	font-size:12px;
	margin-left : 5px;
	padding-top : 3px;	margin-bottom : 5px;
	border : 3px solid #CCCCCC;

	
}

#tophotels li a{
	color:#333;
	display:block;
	height:17px;
	padding:2px 10px;
	margin:0;
	text-decoration:none;
	border:1px solid #CCCCCC;
}

#tophotels li a:hover { 
    background: #53E35C none repeat scroll 0 0;
	border-bottom:2px solid #53E35C;
}


#engine 
{
position:absolute;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	list-style-type: none; 

margin-top:-210px;
margin-left:10px;

}


#topc
{
position:relative;
float: left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:98%;

}

#topcities 
{
float: left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-left: 15px;
width:400px;
height: 200px;
padding-right: 5px;
margin-bottom: 5px;
border-right:1px dotted #CC0000;
}

#topcities td, #topcities th 
{
font-size:1em;
border:1px solid #CC0000;
padding:3px 7px 2px 7px;
}

#topcities th 
{
font-size:1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#CC0000;
color:#ffffff;
}

#customers tr.alt td 
{
color:#000000;
background-color:#CC0000;
}

#topcities li{font-size: small;
	margin-bottom:2px;
	font-weight:normal;
	list-style: none;
	text-align:left;
	padding-top: 1px;
	padding-bottom: 4px;
	margin-bottom: 1px;
	
	}

#topcities titre{font-size: 20px;
	margin-bottom:2px;
	font-weight:normal;
	text-align:center;
	padding-top: 1px;
	margin-left: 4px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	
	}
	



#footer
{
	margin: auto;
	margin-top: -60px;
	height: 40px;
	width: 100%;
	color: #000000;
	font-size:85%;
	text-align:center;
	clear:both;
}

.logo
{
	position:absolute;
	top:16px;
	left:32px;
	background-image: url(example.gif);
	background-repeat: no-repeat;
	width:100px;
	height:48px;
}

.sitetitle
{
	position:absolute;
	top:24px;
	left:140px;
	margin-left: 10px;
	font-family: georgia, sans-serif;
	font-weight:bold;
	font-size:200%;
	color: white;
}

.menu
{
	margin-top:24px;
}

.menutitle
{
	font-style:italic;
	margin-bottom:4px;
}

.menulist
{
	margin-left:8px;
	font-size:90%;
}


#cities_list.popular-cities {
  display:block;
  position:relative;
  /*padding-bottom:15px;*/
  padding: 0;
}

/* Datepicker
----------------------------------*/
.ui-datepicker {margin-left: -40px; font-size: 0.9em; width: 333px; padding: 0 4px; display: none; background: url(../img/calendar/bg_calendarT.gif) 0 0 no-repeat transparent; z-index: 10000}
.ui-datepicker .ui-datepicker-header { padding:.2em 0;}
* html .ui-datepicker .ui-datepicker-header{	width: 162px; }
.ui-icon {
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 5px; width: 20px; height: 18px; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 5px; }
.ui-datepicker .ui-datepicker-prev { left:6px; background: url(../img/calendar/back.gif) 0 0 no-repeat transparent;}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled{ opacity: 0.3; filter: alpha(opacity=30); }
.ui-datepicker .ui-datepicker-next { right:10px; background: url(../img/calendar/next.gif) 0 0 no-repeat transparent; }
* html .ui-datepicker .ui-datepicker-next{right: 8px;}
*+html .ui-datepicker .ui-datepicker-next{right: 7px;}
.ui-datepicker .ui-datepicker-prev-hover { left:6px; background: url(../img/calendar/back_on.gif) 0 0 no-repeat transparent;}
.ui-datepicker .ui-datepicker-next-hover { right:10px; background: url(../img/calendar/next_on.gif) 0 0 no-repeat transparent;}
* html .ui-datepicker .ui-datepicker-next-hover{right: 8px;}
*+html .ui-datepicker .ui-datepicker-next-hover{right: 7px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 2px 0 0 0; line-height: 2.2em; text-align: center; color: #165218; font-weight: bold;}
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; border-collapse: collapse; margin: 0; }
.ui-datepicker th { padding: 1px; text-align: center; font-weight: bold; border: 0; color: #165218}
.ui-datepicker td { border: 0; padding: 0 1px 1px 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0 2px 0 0; text-align: right; text-decoration: none; color: #165218;}

.ui-datepicker .ui-datepicker-buttonpane { text-align: center;	background: url(../img/calendar/bg_calendarB.gif) left bottom no-repeat transparent; padding-bottom: 3px; margin: 0 -4px -3px -4px;position: relative; z-index: 8000}
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0; cursor: pointer; padding: 0; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{
	 background: url(../img/calendar/bg_close.gif) 0 0px no-repeat;
	 width: 70px;
	 height: 19px;
	 text-align: center;
	 border: 0;
	 float: none;
	 color: #165218;
	 font-size: 1em;
	 font-weight: bold;
	 font-family: "Trebuchet MS";
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { display: none }
.ui-datepicker-week-end{
	opacity:0.8;
	filter:alpha(opacity=80);
}
td a.ui-state-default{
	background: url(../img/calendar/bg_td.gif) left center repeat-x transparent;
	border: solid 1px #84ae00;
}
td a.ui-state-default.ui-state-hover{
	background-image: url(../img/calendar/bg_td_on.gif);
}
td a.ui-state-default.ui-state-active{
	border: solid 1px #116300;
	font-weight: bold;
	background-image: url(../img/calendar/bg_td_on.gif);
}
td.selectedDateFromCss a.ui-state-default, td.selectedDateFromCss span.ui-state-default{
	background-image: url(../img/calendar/bg_td_on.gif);
	border: solid 1px red;
	font-weight: bold;
	color: #165218;
}
.ui-state-disabled span.ui-state-default{
	background-image: url(../img/calendar/bg_td_inactif.gif);
	border: solid 1px #d5e37b;
	color: #5a9300;
}
.ui-datepicker-other-month{
	opacity:0.5;
	filter:alpha(opacity=50);
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto 0; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:330px; border-bottom: solid 1px #116300; margin-left: 5px; margin-bottom: 2px; padding-top: 2px;}
* html .ui-datepicker-row-break{ margin-top: -16px; }
*+html .ui-datepicker-row-break{ margin-top: -16px; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


#container { height: 110px; /* hauteur du bandeau */
clear: both;
width:800px;}
#haut { height: 25px; /* hauteur du bandeau */
width:800px;
clear: both;}


.spacer{float:left;
margin-top: 5px;
	width:215px;
	height:7px;
	}


#engine { 

	float:left;
	vertical-align: text-top;

	
	}
	

#gauche { 

	vertical-align: text-top;
	width:210px;

padding-left: 4px; /* Marges internes */
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;

background-image: url("http://www.france-hotel.com/images/left-bg.gif");
background-repeat: repeat-y;

}


#list_hotel{ 

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	position:absolute;
	top:143px;
	left:220px;
/*float:top;*/
width: 550px;
/*height: 100%;*/
margin-top:0px;
margin-left:5px; /* Marge externe */
padding-left: 2px; /* Marges internes */
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}

#desc {
padding-bottom: 7px;
}


#droite {position:absolute;
width:250px;
	top:143px;
	left:810px;
height: 100%;
margin-top:0px;
margin-left: 5px;
padding-left: 2px; /* Marges internes */
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;

}

#pied { height: 75px;
clear: both;
width:800px;
text-align:center;
}

#pied all_hotels {
clear: both;
border_bottom: 1px solid blue;
color: #000000; font-size: small;
width:800px;}


#gauche menu_title {


	height:17px;

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	
	font-weight: bold;
	text-decoration: none;
	
		background:url("http://www.france-hotel.com/images/tab-bg.gif") no-repeat;

	
	padding:4px 35px 4px 7px;
	margin: 6px 0 0 0;

width: 100%;

	}
	
#gauche li{font-size: small;
	margin-bottom:2px;
	font-weight:normal;
	list-style: none;
	text-align:left;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	
	}

#gauche li A:link {
	background: url(http://www.france-hotel.com/images/vlinebt.gif) left bottom; 
	background-repeat: repeat-x;
	font-family: "Lucida Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #888;
	padding-top: 4px;
	padding-left: 6px;
	padding-bottom: 5px;
	text-decoration: none;
	display: block;
	width: 178px;
}
#gauche li A:visited {
	background: url(http://www.france-hotel.com/images/vlinebt.gif) left bottom;
	background-repeat: repeat-x; 
	font-family: "Lucida Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888;
	padding-top: 4px;
	padding-left: 6px;
	padding-bottom: 5px;
	text-decoration: none;
	display: block;
	width: 178px;
}
#gauche li A:hover {
	background: url(http://www.france-hotel.com/images/vlinebt.gif) #f7f7f7 repeat-x left bottom; 
	color: #555;
}

	
#gauche desc{font-size: small;
	float:left;
	/*width:120 px;*/
	font-weight:normal;
	list-style: none;
	text-align:justify;
	padding-right: 12px;
			margin-top: 2px;
		margin-right: 2px;
					margin-left: 2px;
	margin-bottom: 15px;
	}

#gauche desc a:link { font-weight:normal; color:#000000; text-decoration:underline }
#gauche desc a:visited { font-weight:normal; color:#666666; text-decoration:underline }
#gauche desc a:hover { font-weight:normal; color:#660066; text-decoration:none }
#gauche desc a:active { font-weight:normal; color:#660000; text-decoration:underline }
#gauche desc a:focus { font-weight:normal; color:#660000; text-decoration:underline }

#droite desc{font-size: small;
	width:150px;
	list-style: none;
	padding-top:10px;
		padding-bottom:10px;
			margin-bottom: 15px;
	text-align:justify;
	}

#droite more_hotels{font-size: small;

	list-style: none;
	margin: 10px 10px 10px 10px;
	text-align:center;
	}


#information_hotel {
  padding: 5px 10px 5px 5px;
  background: #cfdce6 none repeat scroll 0% 50%;
  position: absolute;
  top: 100px;
  left: 100px;
  width: 200px;
  height: 50px;
}
#hotel-deals-search {
  position: absolute;
  top: 105px;
  left: 300px;
  width: 400px;
  height: 240px;
  z-index: 7;
}
#hotel-links {
  padding: 3px;
  position: absolute;
  top: 100px;
  left: 740px;
  width: 350px;
  height: 240px;
}
#hotels-list {
  padding: 3px;
  background: #e6f4ff none repeat scroll 0% 50%;
  position: absolute;
  top: 500px;
  left: 100px;
  width: 712px;
  display: inline;
}
#hotels-list hotel_name {
  color: #003d6b;
  font-size: 14pt;
  font-weight: bold;
  display: inline;
}
#hotels-list hotel_rate {
  color: #001f7a;
  font-size: 10pt;
}

#hotel_information hotel_rate  {
  color: #001f7a;
  font-size: 10pt;
}


#hotels-list hotel_description {
  font-size: 11pt;
  text-align: justify;
  font-style: italic;
  display: inline;
  padding-top: 10px;
}
#hotels-list hotel_address_street {
  color: #003d6b;
  font-size: 12pt;
}
#hotels-list hotel_url_site {
  color: #001f7a;
  font-size: 10pt;
  display: inline;
}
#hotels-list hotel_amenities {
  color: #001f7a;
  font-size: 10pt;
  font-style: normal;
  padding-bottom: 1px;
}

#pied {
  float: left;
  margin-left:5px;
  font-size: 10pt;
}
	

	

	

	


a:link { font-weight:normal; color:#000000; text-decoration:underline }
a:visited { font-weight:normal; color:#666666; text-decoration:underline }
a:hover { font-weight:normal; color:#660066; text-decoration:none }
a:active { font-weight:normal; color:#660000; text-decoration:underline }
a:focus { font-weight:normal; color:#660000; text-decoration:underline }