/* CSS Document */

/* bande haut */

#ligne_metro_horizontale { position:relative; float:left; height:10px; width:615px;
				 background-color:#bebec0; z-index:1; }
#coude {z-index:2;}				 
#coude img { position:relative; float:left; width:21px; height:20px; z-index:2; top:14px; left:-80px; }


/* bande gauche */

#bande_gauche { position:relative; float:left; width:187px; border-right-color:#bebec0; border-right-style:solid; border-right-width:10px;top:-8px; padding-top:10px;}


	/* Recherche rapide */
	
	#recherche_rapide { position:relative; font-size:10px; font-family:"Century Gothic", Arial; 
						color:#000000; padding-left:5px; width:170px; top:0px; }
	#titre_recherche_rapide { color:#eb4b8d; font-size:16px;}
	#date_arrivee select { font-size:10px; }
	#date_arrivee .indent { margin-left:10px; }
	
	#champ_flexibilite {  position:relative;background-image:url(../images/champ_blanc_rond_gauche.png);
							 background-repeat:no-repeat; height:20px; width:110px; margin-left:10px;}
	#champ_flexibilite input.crit_flexibilite{  position:relative; float:left; background-color:#FFFFFF; 
							height:14px; width:70px; border:none; margin-left:5px; margin-top:1px;}
	#champ_flexibilite input.crit_flexibilite_plus{  position:relative;float:left;
							height:10px; width:18px; border:none; cursor:pointer; margin:0px; padding:0px;  
							background-image:url(../images/fleche_rose_haut.png); }
	#champ_flexibilite input.crit_flexibilite_moins{  position:relative;float:left;
							height:10px; width:18px; border:none; cursor:pointer; margin:0px; padding:0px; 
							background-image:url(../images/fleche_rose_bas.png);  }
							
	#champ_nb_nuit {  position:relative;background-image:url(../images/champ_blanc_rond_gauche.png);
							 background-repeat:no-repeat; height:20px; width:110px; margin-left:10px;}
	#champ_nb_nuit input.crit_nb_nuit{  position:relative; float:left; background-color:#FFFFFF; 
							height:14px; width:70px; border:none; margin-left:5px; margin-top:1px;}
	#champ_nb_nuit input.crit_nb_nuit_plus{  position:relative;float:left;
							height:10px; width:18px; border:none; cursor:pointer; margin:0px; padding:0px;  
							background-image:url(../images/fleche_rose_haut.png); }
	#champ_nb_nuit input.crit_nb_nuit_moins{  position:relative;float:left;
							height:10px; width:18px; border:none; cursor:pointer; margin:0px; padding:0px; 
							background-image:url(../images/fleche_rose_bas.png);  }
							
	#champ_nb_pers {  position:relative;background-image:url(../images/champ_blanc_rond_gauche.png);
							 background-repeat:no-repeat; height:20px; width:110px; margin-left:10px;}
	#champ_nb_pers input.crit_nb_pers{  position:relative; float:left; background-color:#FFFFFF; 
							height:14px; width:70px; border:none; margin-left:5px; margin-top:1px;}
	#champ_nb_pers input.crit_nb_pers_plus{  position:relative; float:left; 
							height:10px; width:18px; border:none; cursor:pointer; margin:0px; padding:0px;  
							background-image:url(../images/fleche_rose_haut.png); }
	#champ_nb_pers input.crit_nb_pers_moins{  position:relative; float:left; 
							height:10px; width:18px; border:none; cursor:pointer; margin:0px; padding:0px; 
							background-image:url(../images/fleche_rose_bas.png); }
	
	#rangee_boutons { position:relative; width:170px;}
							
	#valid_rech_rapide { position: relative; font-size:12px; left:5px;  float:right;}
	#valid_rech_rapide input{  position: relative;top: 5px;}
	
	#vers_rech_avancee { position: relative; font-size:9px; color:#eb4b8d; text-decoration:underline;  float:right;}
	#vers_rech_avancee img { position: relative; top: 5px; }
	
	
	/* Icones */
	
	#bande_icones { position:relative; float:left; font-size:12px; font-family:"Century Gothic", Arial; 
					padding-left:5px; width:180px; top:0px; height:60px; margin-top:10px; }

	#ico_maselection { position:relative; float:left; top:0px; left:0px;}
	#ico_maselection .texte { position:relative; top:0px; left:0px;color:#000000; text-decoration:underline; }
	#ico_maselection img { position:relative; top:0px; left:10px; }
	
	#ico_moncompte { position:relative; float:left;top:2px; left:10px;}
	#ico_moncompte .texte { position:relative; top:0px; left:0px; color:#000000; text-decoration:underline;}
	#ico_moncompte img { position:relative; top:0px; left:10px; }
	
	
/* Contenu */

#contenu { position:relative; float:left; width:590px; border-left-width:10px; border-left-style:solid;border-left-color:#bebec0; left:-10px; }

	#menu { position:relative; float:left; width:600px; top:-34px; 
				font-family:"Century Gothic", Arial; font-size:10px; text-align:center;  }
	#menu a { cursor:pointer; color:#000000;}
	#menu .bouton{ position:relative; float:left; margin-left:20px; z-index:2;  }
	#menu .bouton_bas{ position:relative; float:left; top:-5px; margin-left:0px;  text-align:left;  z-index:2;}
	#menu .bouton_bas .texte{ position:relative; float:left; width:60px;  }
	#menu .bouton_bas .texte2{ position:relative; float:left; font-size:16px; top:10px; }
	#menu .bouton_bas .image{ position:relative; float:left; padding-left:2px; }
	#menu .bouton_droite{ position:relative; float:left; left:-20px; margin-left:0px; z-index:2; }
	
	/*liste appartements*/
	#liste_appartements { position:relative; float:left;  width:600px; top:-35px;  }
	
	#liste_appartements h1 {
		text-align: left;
		margin: 0 0 0 20px;
		padding: 10px 0 15px 0;
		font: bold 18px/20px "Century Gothic", Arial;
		color: #000000; }
	
	/*offres spéciales*/
	#vignette{ position: relative; float:left; width:560px; height:141px; 
				background-image:url(../images/vignette_offre.png); margin-left:20px; }
	#photo { position: relative; float:left; padding-left:40px; padding-top:18px;}
	#texte { position: relative; float:left; padding-left:10px; padding-top:18px; font-family:"Century Gothic", Arial; color:#000000;} 
	#texte .nom { font-size:14px;}
	#texte .prix{ font-size:16px; color:#eb4b8d; margin-left:30px; font-weight:bold; }
	#texte .max_pers{ font-size:12px;}
	#texte .nb_chambres{ font-size:12px;}
	#texte .valable { font-size:12px; color:#eb4b8d;font-weight:bold; margin-top:5px; }
	#dispo { position:relative; float:right;  width:150px; height:50px; margin-top:18px; margin-right:5px;}
	#icones { position:relative; float:right;font-family:"Century Gothic", Arial;  width:150px;margin-right:10px;}
	#icones .plus_infos { position:relative; float:right;}
	#icones .caract { position:relative; float: left; width:70px; height:70px;}
	
	/*coups de coeur*/
	#vignette2{ position: relative; float:left; width:560px; height:136px; 
				background-image:url(../images/vignette_coup_coeur.png); margin-left:20px; margin-top:5px; }
	#photo { position: relative; float:left; padding-left:40px; padding-top:13px;}
	#texte { position: relative; float:left; padding-left:10px; padding-top:13px; font-family:"Century Gothic", Arial; color:#000000;} 
	#texte .nom { font-size:14px;}
	#texte .nom h2{ font-size:14px; font-weight:normal; margin: 0 0 0 0;}
	#texte .nom h2 a{ font-size:14px;}
	#texte .prix{ font-size:16px; color:#eb4b8d; margin-left:30px; font-weight:bold; }
	#texte .max_pers{ font-size:12px;}
	#texte .nb_chambres{ font-size:12px;}
	#texte .valable { font-size:12px; color:#eb4b8d;font-weight:bold; margin-top:5px; }
	#dispo { position:relative; float:right;width:150px; height:50px; margin-top:13px; margin-right:5px;}
	#icones { position:relative; float:right;font-family:"Century Gothic", Arial;  width:150px;margin-right:10px;}
	#icones .plus_infos { position:relative; float:right; width:70px;}
	#icones .caract { position:relative; float: left; width:70px; height:70px;}
	
	/*resultat recherche rapide*/
	#rappel_criteres { position:relative; float:left; background-color:#FFFFFF; font-size:12px; margin-left:20px;
						margin-top:10px; border-style:dashed; border-color: #CCCCCC; border-width:1px;
						 border-left:none; border-right:none; padding:10px;width:430px; padding-left:130px;}
		#rappel_criteres ul{ font-size:14px; list-style:circle;}
	#vignette3{ position: relative; float:left; display:inline; width:560px; height:136px; 
				background-image:url(../images/vignette.png); margin-left:20px; margin-top:5px; }
	#photo { position: relative; float:left; padding-left:40px; padding-top:13px;}
	#texte { position: relative; float:left; padding-left:10px; padding-top:13px; font-family:"Century Gothic", Arial; color:#000000;} 
	#texte .nom { font-size:14px;}
	#texte .prix{ font-size:16px; color:#eb4b8d; margin-left:30px; font-weight:bold; }
	#texte .max_pers{ font-size:12px;}
	#texte .nb_chambres{ font-size:12px;}
	#texte .valable { font-size:12px; color:#eb4b8d;font-weight:bold; margin-top:5px; }
	#dispo { position:relative; float:right;width:150px; height:50px; margin-top:13px; margin-right:5px;}
	#icones { position:relative; float:right;font-family:"Century Gothic", Arial;  width:118px;margin-right:0px;margin-top:-30px;}
	#icones .plus_infos { position:relative; float:right;width:43px;}
	#icones .caract { position:relative; float: left; width:70px; height:70px;}
	
	
	#static { position:relative; float:left;  width:500px; top:-35px; margin-left:30px; border:dashed; border-color:#CCCCCC; border-width:1px; background-color:#FFFFFF; padding:10px;  }