

#entete {
	font-size: 2em;
	line-height: 60px;
	color: #FFFFFF;
	text-indent: 20px;
}

#edition_chambre, #edition_ville
{
	font-family: Arial, sans-serif;
	font-size: 1em;
	margin-left: auto;		
	margin-right: auto;
	margin-top: 20px;


}

legend {
	font-size: 1.2em;
}

#edition_chambre p, #edition_ville p
{
	margin: 1px 0;

}

#edition_chambre fieldset, #edition_ville fieldset
{
	clear: both;
	margin-top: 10px;
	background-color: #fbfbfb;
	border-color: black;
}

#edition_chambre label, #edition_ville label
{
	background-color: transparent;
	display: block;
	width: 20%;
	float: left;

	text-align: left;
	letter-spacing: 1px;
	margin-left: 10px;

}


/* Input */
#edition_chambre p input, #edition_chambre p select, #edition_ville p input
{

	width: 600px;
    border-bottom: #CCC 1px solid;
    font-size: 1em;
}
	

edition_chambre  p input:hover, #edition_chambre p select:hover, #edition_ville  p input:hover, #edition_ville p  select:hover
{
	border-bottom: #999 1px solid;
	background-color: #fff5e0;

}

#edition_chambre p input:focus,  #edition_chambre p select:focus, #edition_ville p input:focus,  #edition_ville p select:focus
{
	border-bottom: #999 1px solid;
	background-color: #dcffdb;

}

#edition_chambre .formulaire_bouton, #edition_ville .formulaire_bouton
{

	float: right;
	width : 33%;
	margin-right: 3px;
	text-decoration: none;
	text-align: center;
		
}


#edition_chambre .formulaire_bouton:hover, #edition_ville .formulaire_bouton:hover,#formulaire .formulaire_bouton:focus, 
{
	background-color : #f8f8f8; 

}

#barre_boutons {
	margin-top: 10px;
	width : 100%;
}

#affichage_departement, #affichage_ville {
	width : 49%;
	height: 30px;
	line-height: 30px;
	vertical-align: middle
	float : left;
	text-align: center;
	font-size: 1.3em;
	background-color: #fbfbfb;
	border: solid thin;
}

#affichage_liste_departement {
	width : 49%;
	height: 30px;
	line-height: 30px;
	vertical-align: middle
	float : left;
	background-color: #ff0000;
	text-align: center;
	font-size: 1.3em;
	background-color: #fbfbfb;
	border: solid thin;
}

#affichage_ville {
	float: right;		
}

#affichage_departement{
	float: left;		
}

#id_ville {
	background-color: #f0f0f0;
}

#ville_outil{
	font-size: 1.1em;
	color: #0000ff;
}

.commentaire_edition_ville {
	margin-left: 200px;
	color: #aaaaaa;
}
	
#bloc_chambre_validation {
	margin-top: 40px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	height : 320px;

}

.bloc_chambre {
	height : 300px;
	width : 300px;
	
}


#liens_clients_validation {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
}
	

#lien_client_modification, #lien_client_validation {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	width: 120px;
	text-align: center;
	font-size: 1.2em;
}



#pied {
	position: absolute;
	top : 620px;
}

			#liste_departements {
				position: absolute;
				top : 450px;
				left: 45%;
				width : 100%;
				height : 50px;
			}
			
				#deroulant_departements {
					position: absolute;
					top : 10px;
					
				}
				
				#bouton_departements {
					position: absolute;
					top : 10px;
					left : 300px;
				}

			
			#liste_villes {
				position: absolute;
				top : 500px;
				left: 45%;
			
				height : 30px;
				padding-bottom: 20px;
			
			
			}
			
				#deroulant_villes {
					position: absolute;
					top : 10px;
				}

			
				#bouton_villes {
					position: absolute;
					top : 10px;
					left : 300px;
					
				}
				
#lien_retour {
	font-size: 1.1em;
	margin-left: 45%;
	
}
