/*
   ()   ()
   ( '.' )     < Salut Steph! C'est moi le lapin de paques!
   (")_(")
*/
*{
	padding:0;
	margin:0;

}

a, a:link, a:visited, a:hover, a:active{
	outline-style: none;
}


p{
	text-align:justify;	
}
h1{
	font-size:18px;
	
}
h2{
	color:#2A4A94;
	font-size:16px;
}

.like_h2{
	color:#2A4A94;
	font-size:16px;
	font-weight:bold;
}

h3{
	font-size:14px;
	font-weight:normal;
}

body {
	background-color:#546A98;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	line-height:1.6em;
	-font-size:11px;
	-line-height:1.5em;
}

ul{ list-style:none }

#site{
	width:1027px;
	margin:0px auto;
	-margin-left : -18px ;  /* IE6 */
}

#banniere{
	width:1027px;
	height:199px;
	//background-image:url('images/banniere.gif');
	background-repeat:no-repeat;
}

#menu{
	width:1027px;
	height:60px;
	background-image:url('images/HIP-nbb.jpg');
	background-repeat: repeat-y;
	padding:0px;
}

#centre{
	float:left;
	width:1027px;
	background-image:url('images/HIP_06.jpg');
	background-repeat:repeat-y;
}

#centre #contenu{
	display:inline;
	float:left;
	width:966px;
	padding:10px;
	/* min-height:550px; */
	margin:0px 19px 0px 22px;
	background-image:url('images/eiffel_back.jpg');
	background-position:bottom right;
	background-repeat:no-repeat;
	min-height:240px;
}
div.clear{
	float:left;
	clear:both;
	height:1px;
	width:966px;
}
#footer{
	clear:both;
	float:left;
	width:1027px;
	height:45px;
	background-image:url('images/HIP_08.jpg');
	background-repeat:no-repeat;
}
#footer p{
	text-align:right;
	font-size:10px;
	margin-right:25px;
	margin-top:25px;
}
#under_footer{
	float:left;
	width:1027px;
}
#under_footer p{
	text-align:justify;
	font-size:10px;
	color:white;
	margin:0px 25px;
}

#menu ul{
	display:inline;
	float:left;
	list-style:none;
	width:986px;
	height:38px;
	margin:0px 0px 0px 22px;
	padding:0px;
}

#menu ul li{
	display:inline;
	float:left;
	margin:3px 0px 0px 7px;
	width:189px;
	height:38px;
	background-repeat:no-repeat;
	padding:0px;
}

#menu ul li a{
	display:block;
	width:auto;
	margin-top:0.5em;
	text-align:center;
	text-decoration:none; 
	text-shadow:2px 2px 2px #000;
	font-size:18px;
	color:white;
}

#menu ul li.selected a{
	color:white;
}

#menu ul li.onglet{
	background-image:url('images/panneau_new.png');
	height:67px;
	margin-top:-4px;
}

#menu ul li.onglet a{
	margin-top:23px;
}

#menu ul li.onglet:hover, #menu ul li.selected{
	background-image:url('images/panneau_new_hover.png');
}

/***************************************************************/

#colonnes_3_1{
	float:left;
	width:250px;
	height:100%;
}
#colonnes_3_2{
	float:left;
	width:466px;
}
#colonnes_3_3{
	float:left;
	width:249px;
}

#colonnes_2_2{
	float:right;
	width:715px;
}
#colonnes_2_2 h2{
	display:inline;
	float:left;
	width:700px;
	margin:0.5em 0;
}

#scroll_in{
	float:left;
	height:50px;
	width:244px;
	margin-left:-3px;
}
/***************************************************************/
/*CADRES*/
						       
div.cadre{
	float:left;	
	width:246px;
	margin-bottom:20px;
}
div.cadre h2{
	height:37px;
	color:white;
	text-align:center;
	text-indent:-15px;
	line-height:31px;
	background-image:url('images/cadre_bleu_1.png');
	background-repeat:no-repeat;
}
div.cadre h2.entete_bleue{
	background-image:url('images/cadre_bleu_1.png');
}
div.cadre h2.entete_vert{
	background-image:url('images/cadre_vert_1.png');
}
div.cadre h2.entete_gris{
	background-image:url('images/cadre_gris_1.png');
}
div.cadre h2.entete_gris_transp{
	background-image:url('images/cadre_gris_transp_1.png');
}
div.cadre div.cadre_conteneur{
	float:left;
	width:100%;
	background-image:url('images/cadre_bleu_2.png');
	background-repeat:repeat-y;
}
div.cadre div.cadre_conteneur div.cadre_contenu{
	margin:0px 15px 0px 15px;
}
div.cadre div.cadre_footer{
	clear:both;
	height:16px;
	background-image:url('images/cadre_bleu_3.png');
	background-repeat:no-repeat;
}
/********************CADRE LARGE********************/
div.cadre_large{
	width:718px;
	float:right;
}

div.cadre_large div.cadre_top{
	line-height:0px;
	font-size:0px;
	height:11px;
	background-image:url('images/cadre_bleu_1_large.png');
}

div.cadre_large div.cadre_conteneur{
	clear:both;
	float:left;
	width:100%;
	background-image:url('images/cadre_bleu_2_large.png');
	background-repeat:repeat-y;
}

div.cadre_large div.cadre_conteneur div.cadre_contenu{
	margin:0px 15px 0px 15px;
	
}

div.cadre_large div.cadre_conteneur_photos{
	clear:both;
	float:left;
	width:100%;
	background-image:url('images/cadre_bleu_4_large.png');
	background-repeat:repeat-y;
}

div.cadre_large div.cadre_conteneur_photos div.cadre_contenu{
	margin:0px 15px 0px 15px;
}

div.cadre_large div.cadre_footer{
	clear:both;
	height:12px;
	background-image:url('images/cadre_bleu_3_large.png');
	background-repeat:no-repeat;
}

div.cadre_large div.cadre_conteneur_carte{
	clear:both;
	float:left;
	width:100%;
	background-image:url('images/cadre_bleu_2_large.png');
	background-repeat:repeat-y;
}

div.cadre_large div.cadre_conteneur_carte div.cadre_contenu{
	margin:0px;
}

img.quartier{
	float:right;
	margin:10px 0 10px 10px;
}

/***************************************************************/
/*AUTRES*/
#contenu a{ text-decoration:none; color:#1A2E7A; }
#contenu a:hover{ color:black; font-style:italic;}


ul.avantages_atel{ list-style:none; list-style-image:url('images/puce.gif');}
ul.avantages_atel{ line-height:1.5em; }

ul.quartiers_paris{	list-style:none; }


input.date_input {
	background-image:url('images/calendar.gif');
	background-position:1px 1px;
	background-repeat:no-repeat;
	border:1px solid gray;
	height:17px;
	padding-left:20px;
	padding-top:1px;
}

input.button{
	border:solid 3px white;
	padding:3px;
	-moz-border-radius:5px;
	color:white;
	font-size:1.2em;
	font-weight:bold;
	-font-size:1.1em;
	-padding:0px;
}

input.button_bleu{ background-color:#366DB7; }
input.button_orange{ background-color:#C5672F; }
	
}


/***Module Recherche***/

#search_arr_dep{  width:100%; float:left; margin-bottom:1em;}
#search_arr_dep #search_arrivee{ width:50%; float:left; }
#search_arr_dep #search_depart{ width:50%; float:left; }

#search_infos{ width:100%; float:left; margin-bottom:1em;}
#search_infos #search_room{ width:40%; float:left; }
#search_infos #search_pers{	width:60%; float:left; }


#search_buttons #search_button{ float:right; }

#search_more{ }
#search_more p{ text-align:right;}

#search_less{ }
#search_less p{ text-align:right;}

#search_options{ margin-bottom:1em; display:none; }
#search_options #search_options_content .search_options_content_contenu{
	margin-left:1em;	
}
#search_options #search_options_content span.titre1{ display:block; width:100%; font-size:1.1em; font-weight:bold; margin-bottom:0.5em;}
#search_options #search_options_content span.titre2{ display:block; width:100%; font-size:1.0em; font-weight:bold; margin:0.5em 0 0.5em 0.5em;}

/************hotel box******************/

.hotel_box{
	display:inline;
	float:left;
	height:191px;
	width:232px;
	margin:0px 3px 6px 3px;
	background-image:url('images/hotel_box.png');
	background-repeat:no-repeat;
}

img.photo_hotel{
	float:left;
	margin:0 0.5em 1em 0;
	background-color:white;
	border:solid 1px #9FADCA;
	padding:3px;
	height:80px;
	width:80px;
	
}

.hotel_box .content{
	margin:10px;
}

.hotel_box .content h3  {
	color:Navy;
	font-size:12px;
	font-weight:bold;
	margin-bottom:1em;
}

.hotel_box .content p{
	margin:15px 0 0;
	text-align: left;
	line-height:1.1em;
	font-size:0.9em;
}

.hotel_box .annonce{
	float: right;
	width:160px;
	
}
.a_partir{
	text-align:center;
	clear: both;
	font-weight:bold;
	float:right;
	margin-right:15px;
}

.red_price{
	color:red;
	font-size:18px;
	font-weight: bold;
}

a .hotel_box img{
	border: none;
} 
/********************************PROMO BOX****************************************/

.hotel_box.promo_box{
	width:460px;
	background: #C8D7FF;
	height: 110px;
}

.hotel_box.promo_box .a_partir{
	clear:none;
}

.hotel_box.promo_box .promo_picture{
	float:right;
	height:40px;
	width:40px;
	background: transparent url('images/solde.gif') no-repeat;
}
.hotel_box.promo_box .promo_picture .prix{
	margin:10px 0 0 6px;
	color:white;	
	font-weight: bold;
}
/*****************************CAROUSSEL**************************************/
.infiniteCarousel {
	height:110px;
	margin:auto;
	position:relative;
	width:688px;
	float:left;
}

.infiniteCarousel .wrapper {
  width:598px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
	background-color:white;
	border:solid 1px #9FADCA;
	padding:4px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 85px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.jpg) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

/***********************************************************/
h3.border{
	border-bottom:1px solid #B0BCD8;
	border-top:1px solid #B0BCD8;
	font-size:14px;
	font-weight:bold;
	margin:30px -8px 0;
	padding:0 15px;
}
/***************************a_proximite*************************************/

 #a_proximite{
 	height:200px;
 }
  /**************************STARS*********************/
.stars{
	width:100%;
	clear:both;
	float:left;
}

ul.stars{
	float : left;
}

ul.stars li{
	display: inline;
	padding:10px;
}

/****************************FICHE HOTEL******************************************/

#bingmap_alentour{

}

#bingmap_alentour table{
	float:left;
}

ul.scroll_to{
	padding-left:20px;
	margin-top:7px;
}

ul.scroll_to li{
	display: inline;
	padding:0 15px;
	background: transparent url("/images/resultset_next.png") no-repeat;	
}
#bingmap_alentour table tr td p{
	padding-left: 20px;
	margin-right: 10px;
	background: transparent url("/images/bullet_blue.png") no-repeat;
	text-align:left;
	width:200px;
}

#fiche_hotel .cadre_contenu{
	margin: 15px;
}

#top_fiche{
	width: 100%;
	height: 90px;
}

#top_fiche h2{
	margin-left:15px;
	width:488px;	
}

#top_fiche span.adresse{
	margin: 0 15px 15px;
}

.fiche_hotel .picture{
	float:right;
	margin: 0 15px 15px;
	width:280px;
	max-height:280px;
	overflow:hidden;
	background-color:white;
	border:solid 1px #9FADCA;
	
}

#fiche_photos{
	text-align:center;
}

#fiche_photos img{
	margin-right: 14px;
	border: none;
}

.fiche_hotel .picture img{
	width:280px;
	vertical-align:middle;
}

.cadre_conteneur_photos h3{
	padding: 5px;
	font-weight: bold;
	color: #2A4A94;
	margin-left:10px;
	
}



.fiche_hotel p{
	text-align: left;
}

.fiche_note_utilisateurs{
	float:right;
	height:50px;
	margin-right:15px;
	text-align:right;
	width:200px;
}

.note_utilisateurs{
	width: 200px;
	float:right;
	height:50px;
}

#comments_fiche table{
	width:680px;
	float:left;
}

#comments_fiche table tr td.large{
	width:500px;
}

#comments_fiche table tr td.large.pseudo{
	font-weight:bold;
}

#fiche_bingMap{
	margin: 1em auto;
	position:relative;
	width:700px;
	height:500px;
	background: white url(/images/Progress.gif) center center no-repeat;
	z-index:0;
}

#com_sep{
	border-bottom:1px solid #546A98;
	float:left;
	height:5px;
	margin:15px;
	width:650px;
	
}

#new_search #search_button{
	width:100px;
	float:right;	
}

#p_more_comments_lien{
	text-align:right;
}

#language_flag{
	margin-left:800px;
	position:absolute;
	text-align:right;
	width:200px;
	z-index: 10;
}

#language_flag a img{
	border: none;
	
	padding:5px;
}


/****************************Resultats de recherche de dispo************************/

.hotel_res_box{
	float:left;
	width:684px;
	border-bottom:dashed 1px #546A98;
	padding:1em 0;
}

.hotel_res_box .hotel_res_box_col_1{
	float:left;
	width:100px;
}

.hotel_res_box .hotel_res_box_col_2{	
	float:left;
	width:584px;
}

.hotel_res_box img.hotel_photo{
	margin:0 0.5em 1em 0;
	background-color:white;
	border:solid 1px #9FADCA;
	padding:3px;
	height:80px;
	width:80px;
}

.hotel_res_box .infos_hotel_1, .hotel_res_box .infos_hotel_2{
	float:left;
	width:584px;
}
.hotel_res_box .infos_hotel_1{
	margin-bottom:1em;	
}
.hotel_res_box .infos_hotel_1 .hotel_name{
	float:left;
	width:384px;
}

.hotel_res_box .infos_hotel_1 .note_utilisateurs{
	float:right;
	width:200px;	
	text-align:right;
	font-style:italic;
}
.hotel_res_box .infos_hotel_1 .note_utilisateurs a{
	font-weight:bold;
}
.hotel_res_box .infos_hotel_1 .note_utilisateurs img{
	vertical-align:middle;	
}

table.table_dispo{
	width:100%;
	margin-top:1em;
	border:1px solid #9FADCA;
	border-collapse:collapse;
}

table.table_dispo tr{
	border-bottom:1px dotted #9FADCA;
}

table.table_dispo tr.chambre{
	border-bottom:1px dashed #9FADCA;
	background-color:#9FADCA;
	
}
table.table_dispo tr td{
	padding-left:0.5em;
}
table.table_dispo tr td.col_1{
	width:200px;
}
table.table_dispo tr td.col_2{
	width:55px;
	text-align:center;
}
table.table_dispo tr td.col_3{
	text-align:right;
	width:100px;
}
table.table_dispo tr td.col_4{
	text-align:right;
	width:auto;
}

.table_dispo .indispo{
	color: red;
	text-align:center;
}

img.image_centree{
	vertical-align:text-bottom;
}

div.pagination{
	width:100%;
	float:left;
	text-align:center;
	margin-top:1em;
	border-bottom:1px dashed #546A98;
	padding-bottom:1em;
}
div.pagination a.lien_page{
	padding:0.2em 0.5em;
	border:1px solid #9FADCA;
}
div.pagination a.selected{
	background-color:#9FADCA;
}

.petit{ font-size:0.8em; }
.moyen{ font-size:1.2em; }
.grand{ font-size:1.3em; }

.rate_unavailable{
	color:#666666;
	/* text-decoration:line-through; */
}
.rate{
	color:#555555;
	font-weight:bold;
}
.promo_rate{
	font-weight:bold;
	color:red;
}

.gras{
	font-weight:bold;
}
.align-droite{
	text-align:right;
}
 
#tri_resultats div.tri_resultats_trier{
	float:left;
}
 
#tri_resultats div.tri_resultats_option{
	float:left;
	margin-left:2em;
}
#tri_resultats div.selected a{
	color:red;
	text-decoration:underline;
}

img.metro_picture{
	vertical-align : middle;
}
/********************RECHERCHER******************************/
	#map_conteneur{
		width:700px;
		height:500px;
		display:block;
		position:fixed;
		top:10px;
		left:50%;
		margin-left:-350px;	 
		z-index:50 !important;
		
	}
	#map_conteneur a#close_map{
		 background-color:white;
		 padding:2px;
		  border:solid 1px black;
	}
	#mymap1{
		 position:relative;
		 top:0;
		 left:0;
		 border:solid 1px black;
		 background: white url(/images/Progress.gif) center center no-repeat;
	}
	#open_map{
		font-size:1.3em;
		font-weight:bold;
	}
	a img{
		border:none;
	}
	.VE_Pushpin_Popup_Body {
		color:#676767;
		font-family:Verdana,sans-serif;
		font-size:8pt;
		font-weight:normal;
	}
	.VE_Pushpin_Popup_Body {
		-moz-background-clip:border !important;
		-moz-background-inline-policy:continuous !important;
		-moz-background-origin:padding !important;
		background:transparent none repeat scroll 0 0 !important;
		border:0 none !important;
		font-family:Arial,Helvetica,sans-serif;
		margin:0 !important;
		padding:0 !important;
	}
	div.ero, .ero {
		color:#676767 !important;
		display:block !important;
		font-size:11px !important;
		position:absolute !important;
		z-index:100 !important;
	}

	.ero .ero-body {
		background:none repeat scroll 0 0 transparent !important;
		border:0 none !important;
		left:13px !important;
		margin:0 0 0 -20px !important;
		top:35px !important;
		width:106% !important;
		border:0 none !important;
	}
	.ero .ero-shadow {
		-moz-background-clip:border !important;
		-moz-background-inline-policy:continuous !important;
		-moz-background-origin:padding !important;
		background:transparent none repeat scroll 0 0 !important;
		border:0 none !important;
		float:left !important;
		margin:0 !important;
		padding:0 !important;
		position:relative !important;
	}
	
	.ero-actionsBackground {
		-moz-background-clip:border !important;
		-moz-background-inline-policy:continuous !important;
		-moz-background-origin:padding !important;
		background:transparent none repeat scroll 0 0 !important;
		border:0 none !important;
		padding:0 !important;
	}
	
	
	.ero .ero-previewArea {
		-moz-background-clip:border !important;
		-moz-background-inline-policy:continuous !important;
		-moz-background-origin:padding !important;
		background:transparent none repeat scroll 0 0 !important;
		width:100% !important;
		border-bottom: none !important;
	}
	.firstChild {
		-moz-background-clip:border !important;
		-moz-background-inline-policy:continuous !important;
		-moz-background-origin:padding !important;
		background:transparent none repeat scroll 0 0 !important;
		border:0 none !important;
		margin:0 !important;
		padding:0 !important;
	}
	ero-leftBeak .ero-beak {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(/images/vecss.gif) no-repeat scroll 0 -61px;
		height:34px;
		left:0;
		width:19px;
	}
	
	.map_restau{
		background-color:white;
		border:1px solid black;
		padding:10px;
	}
	
	.map_restau h3{
		font-weight: bold;
	}
	
	div.map_hotel_result{
		position:relative;
		top:0;
		left:0;
		background-color:#E6EDFF;
		border:solid 1px black;
		
	}	
	div.map_hotel_result table{
		width:365px;
		margin:5px;
	}
	div.map_hotel_result table.map_hotel_result_table td.coll_1{
		width:65px;
	}
	div.map_hotel_result table.map_hotel_result_table td.coll_2{
		width:180px;
	}
	div.map_hotel_result table.map_hotel_result_table th{
		text-align:left;
		font-size:1.2em;
		color:#1A2E7A;
		line-height:2em;
	}
	div.map_hotel_result table.table_dispo tr td.col_1{
		width:170px;
	}
	div.map_hotel_result table.table_dispo tr td.col_3{
		width:120px;
	}
/************************************************/

#order_price{
	float: right;

}

.arrond_price{
	float:right;
	width:50px;
	text-align:right;
	color: red;
}

#map_paris{
	border:none;
}

div.map_hotel_box{
	float:left;
	width:300px;
	
}

div.map_hotel_box .col_1{
	float:left;
	width:100px;
}

div.map_hotel_box .col_2{
	float:left;	
	width:200px;
}


/*****************************AJAX FICHE HOTEL******************************/

#load_fiche_dispo{
	float:left;
	margin-top:30px;

}

#load_fiche_dispo_img{
	background:transparent url(/images/Progress.gif) no-repeat center top;
	height: 50px;
	margin: 50px 0;
}

#hotel_fiche_dispo{
	
}

.map_quartier{
	margin:1em;		
}

/* ****************************Photos Panoramio ************************/

a.lien_clair{
	color:#778899;
	font-size:90%;
	font-weight:normal;
	text-decoration:none;
}
.panoramio-title{
	text-align:left;
}
.txt_panoramio{
	color:#778899;
	font-size:90%;
	text-align:right;
	font-weight:normal;
	text-decoration:none;
}

/*********************/
#box_rechercher_scroll{
	z-index:20 !important;
}

.slideshow{
 z-index:0;
}