/* CSS Document */

/* bande haut */

#ligne_metro_horizontale { position:relative; float:left; height:10px; width:615px;
				 background-color:#82CAD1; 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:#82CAD1; 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:10px; 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; left:-10px;
			border-left-color:#82CAD1; border-left-width:10px; border-left-style:solid }

	#menu { position:relative; float:left; width:590px; top:-29px; 
				font-family:"Century Gothic", Arial; font-size:11px; text-align:center;  }
	#menu a { cursor:pointer; color:#000000;}
	#menu .bouton{ position:relative; float:left; top:-5px; margin-left:20px; z-index:2;  }
	#menu .bouton_selection{ position:relative; float:left; top:18px; margin-left:30px; z-index:2;  }

/*fiche_appartement.php*/	
	#fiche { position:relative; float:left;  width:600px; top:0px; left:30px;  }
		
		#titre { position:relative; float:left; width:570px; height:25px;}
		#titre .nom { position:relative; float:left; font-size:20px; height:25px; font-weight:bold; }
		#titre .rue { position:relative; float:left; font-size:24px; height:25px; font-weight:bold; }
		#titre .tarif { position:relative; float:left; font-size:16px; color:#eb4b8d; height:25px; margin-left:20px; margin-top:6px; }
		#titre .prix_barre { position:relative; float:left; font-size:14px; color: #666666; height:25px; margin-left:20px; margin-top:6px; text-decoration:line-through; }	
		#prix_os {position:relative; float:left; font-size:16px; color: #eb4b8d; height:25px; margin-left:20px; margin-top:6px;}
		
		#bloc_foto { position:relative; float:left; width:300px; margin-top:10px; float:left; font-family:"Century Gothic", Arial; }
			#foto_grande{ position:relative; float:left; width:240px;width:240px; height:320px;}
			#foto_grande img{width:240px; height:320px; border:solid; border-color:#82CAD1; border-width:1px;}
			#icones_caract { position:relative; float:right; width:35px; margin-right:5px;}
			#fotos_mosaique { position:relative; float:left; width:300px; margin-top:5px;}
			#fotos_mosaique img{ padding-right:1px;  width:60px; height:40px;}
			#bouton { position:relative; float:right; left:-10px; margin-top:10px; width:300px; text-align:right;}
			#bouton .lien{ text-decoration:underline;}
			#bouton img{ padding-left:10px; text-decoration:none;}
				#video {display:none; text-align:right;}
				#Faire_visiter_a_un_ami { display:none; text-align:left;}
				#Faire_visiter_a_un_ami input, textarea{ border:dotted; border-color:#999999;border-width:1px;}
				#liste_appart_proches { display:none; text-align:left; margin-top:10px;}
					#vignette{ position: relative; float:left; width:280px; height:120px; 
				background-image:url(../images/vignette_appart_280.png); margin-left:10px; margin-bottom:10px; }
					#photo { position: relative; float:left; padding-left:10px; padding-top:10px;}
					#photo img {height:100px; width:75px;}
					#pastille_os { position:relative; float: left;  left:-70px; top: -10px; width:30px; height:30px;}
					#texte_la { position: relative; float:left; padding-left:8px; top:0px; font-family:"Century Gothic", Arial; color:#000000; 
									width:120px;} 
					#texte_la .nom { font-size:12px; font-weight:bold;}
					#texte_la .surface{ font-size:10px;}
					#texte_la .max_pers{ font-size:10px;}
					#texte_la .nb_chambres{ font-size:10px;}
					#texte_la .prix_min{ font-size:12px; color:#ee489a;}
					
		#infos_appartement { position:relative; float:right; width:270px; margin-top:10px; margin-bottom:30px;}
		#infos_appartement .gras{ font-weight:bold;}
		#infos_appartement .lien{ text-decoration:underline;}
			#infos_bloc_1 { position:relative; float:left; font-family:"Century Gothic", Arial; margin-left:10px;}
			#infos_bloc_1 h2{ font-family:"Century Gothic", Arial; margin:0 0 -15px 0; padding:0; font-size:12px; font-weight:normal;}
			#infos_bloc_2 { position:relative; float:left; font-family:"Century Gothic", Arial; margin-left:10px; margin-top:30px;}
				#titre_bloc { position:relative; font-family:"Times New Roman", Times, serif; color:#eb4b8d; font-size: 24px; margin-left:10px; margin-top:20px;  }
				#boite_blanche{ position:relative; width:270px; }
				#boite_blanche td #caract { position:relative; float:left; text-align:left; width:250px;}
				#boite_blanche td #equip {position:relative; float:left; margin-top:20px;text-align:left; width:250px; }
				#boite_blanche td #desc {position:relative; float:left; margin-top:20px;text-align:left; width:250px; }
				#boite_blanche td #offre_speciale { color:#eb4b8d; font-weight:bold;}		
				#boite_blanche td #reservation {position:relative; float:right; margin-top:20px;text-align:left; width:250px; }	
				#boite_blanche td #reservation input,select{font-family:"Century Gothic", Arial; font-size:12px; }	
				#boite_blanche td #reservation input .submit{ border:solid; border-width:1px; border-color:#999999; }	
				#legende { font-size:10px;}
					#demande_reserv{ height:15px; width:15px; background-color:#eb4b8d; border:solid; border-width:1px; border-color:#000000;  }
					#reserv_valid{ height:15px; width:15px; background-color:#c54f94; border:solid; border-width:1px; border-color:#000000;  }
					#reserv_impossible{ height:15px; width:15px; background-color:#FFFFFF; border:solid; border-width:1px; border-color:#000000; background-color: #CCCCCC; }	
	
				
		
		
		
		
	
	
	
	
/*Footer*/

#footer { border-top-color:#82CAD1; }