/* CSS Document */
html {
	background-color: #FFFFFF;
	}

body {
	margin: 0; /* pour éviter les marges */
	text-align: center; /* (BUG IE5) pour corriger le bug de centrage IE 5 et inférieure */
	}
	
	
/***************
/* LES CALQUES */
#calque_conteneur {

	position: relative; /* on positionne le conteneur pour permettre de centrer le contenu*/
	margin-left: auto; /* marge droite auto */
	margin-right: auto; /* marge gauche auto */
	width: 770px; /* déclaration de largeur obligatoire pour pouvoir centré le conteneur */
	text-align: left; /* (BUG IE5) on rétablit l'alignement normal du texte */
	background-color: orange;
	border: solid black 1px;
	}
	
#calque_entete {
	top: 0px;
	left: 0px;
	position: relative;
	background-color: #FFFFF0;
	font-size: 3em;
	width: 100%;
	height: 100px;
	}
	
#calque_menu {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #FFFFF0;
	width: 100%;
	height: 30px;
	}
	
#calque_corps {
    position: relative;
	top: 0px;
	left: 0px;
	background-color: #FFFFF0;
	width: 100%;
	min-height: 400px;
	padding-top: 30px;
	}
#calque_pied {
    position: relative;
    top: 0px;
	left: 0px;
	background-color: #FFFFF0;
	width: 100%;
	height: 30px;
	font-size: 0.7em;
	text-align: center;
	z-index: 3;
	}
	
	
/********
/* MENU */	
#menu {
	margin: 0;
	padding: 2px;	/* Attention IE 6 et IE7 Ajuster le padding pour voir les bordures entierement
	/*list-style: none;*/
	text-align: center;
	}
#menu li {
	display: inline;
	margin-right: 1px;
	}
#menu li a {
	padding: 0px 10px;
	background: #000000;
	color: #FFFFF0;
	border: 1px solid black;
	font: 1em "Trebuchet MS",Arial,sans-serif;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	}
#menu li a:hover, 
#menu li a:focus, 
#menu li a:active{ 
	background: #FFFFF0 ;
	color: #000000;
	text-decoration: none ;
	}
	
/********
* Filtre Offres */

#filtre_offres{
	width: 90%;
	}
#filtre_offres label{
	display: inline;
	text-align:left;
	width:auto;
	float:none;
	margin: auto 0px auto 10px;
	}

	
/**********
* TABLEAU */

/* tableau d'infos_diverses */
.tableau_divers{
	width: 79.5%;
	margin:auto;
	/*border-color: grey;
	border-style:solid;*/
	border: solid #999999 1px;
	border-collapse: collapse;
	background-color:#FFFFFF;
	text-align:center;
	font: 0.7em Arial, Helvetica, sans-serif;
	
	}

/* resultat de la Simulation */
.tableau_simu{
	border: solid black 1px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 99% !important;
	margin: auto;
	font: 0.55em Arial;
	white-space:nowrap;
	}
.tableau_simu th{
	border: solid black 1px;
	background-color: #666666;
	color: #FFFFFF;
	text-align: left;
	}
.tableau_simu tr{
	height: 15px;
}
.tableau_simu tr:hover{
	background-color: #FCFCA8;
	height: 15px;
}
.annees,
.annees:hover{
	text-align:center !important;
	background-color: #000000 !important;
	color: #FFFFFF;
	font-style:italic;
	font-weight:bold;
	}
.intitules{
	text-align : left !important;
	}
.tableau_simu td{
	padding: 0 2px;
	border: solid black 1px;
	text-align: right;
	}
	
.ligne_vierge{
	height: 3px !important;
	background-color: #FFFFFF !important;
	}
.ligne_color1{
	background-color: #FCBC78;
	}
.ligne_color2{
	background-color: #FCDCBC;
	}
/*	
.petit_tableau_centre ,
.petit_tableau_centre th,
.petit_tableau_centre td {
	border: solid black 1px;
	border-collapse:collapse;
	background-color: #FFFFFF;
	margin: auto;
	}
*/
/*
.tableau_centre {
	width: 99%;
	height: 99%;
	margin: auto;
	border: solid black 1px;
	background-color: #FFFFFF;
	}
*/
/* tableau de la liste d'offres */
.tableau_offres{
	width: 90%;
	margin: auto;
	border: solid black 1px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	}
.tableau_offres #photo{
	width: 200px;
	height: 150px;
	border: solid black 1px;
	}
	
/* Tableau pages*/	
/* tableau pour naviguer dans les pages de la liste d'offres */
.tab_pages{
	width: 90%;
	margin:auto;
	border: solid black 1px;
	background-color:#FFFFFF;
	text-align:center;
	font: 0.6em Verdana, Helvetica, sans-serif;
	}
.td33{
	width: 33%;
	}	
.td11{
	width: 11%;
	}		
	
		
/* tableau du detail d'une offre */	
.tableau_detail_offre{
	width: 99%;
	margin: auto;
	border: solid black 1px;
	border-collapse: collapse;
	background-color: #F0FFFF;
	}
.gros
	{
	font-size: 1.5em;
	text-align: center;
	}
.photo_big{
	width: 266px;
	height: 200px;
	border: solid black 1px;
	}

	
/**************
* FORMULAIRES */

/* tous les formulaire */
form{
	width: 80%;
	margin:auto;
	background-color:#FFFFF0;
	/*border: solid black 1px;*/
	text-align:left;
	font: 0.6em Verdana, Helvetica, sans-serif;
	}
fieldset{
	background-color:#FFFFFF;
	margin:2px 0 0 0;
	}
form label {
	display:block;
    margin: auto 5px auto 5px;
	text-align: right;
	width:240px;
	float:left;
	font: 1.1em Arial, Helvetica, sans-serif;
	color: black;
	padding-top:3px;
	}
	
legend{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-weight:bold;
	}
	
input,
select,
textarea{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	}
	

/* formulaire offre*/	
#titre_offre, 
#type, 
#etat, 
#description, 
#departement, 
#regimes, 
#zone_plafond{
	width: 220px;
	}
	
#description{
	height: 120px;
	}	

#nbr_pieces,
#surface_habitable, 
#prix, 
#id_lot, 
#nbr_unites,
	{
	text-align: right;
	width: 90px;
	}
	
	
/* formulaire inscription */
#identifiant_desire,
#pwd,
#confirmation_pwd,
#situ_famille,
#nom,
#prenom,
#adresse,
#ville,
#adresse_Email,
#commentaires
	{
	width: 200px;
	}

#code_Postal,
#telephone_Fixe,
#telephone_Mobile,
#nbr_enfants,
#rev_imposable,
#tmi,
#rev_foncier
	{
	width:90px;
	}
#adresse{
	height:40px;
	}
		
#commentaires{
	height: 120px;
	}
		
.asterisque_inscript{
	font: 1em Arial, Helvetica, sans-serif;
	}	
	
/*********
* DIVERS */	
.bouton{
	border: solid 1px black;
	color: #FFFFFF;
	background-color:#7B7B7B;
	}
.bouton a{
	color:#FFFFFF;
	}

.red{
	color: red;
	}
	
.monEnveloppe
	{
	font-size: 1.5em;
	}
.fond_txt_bleu{
	background-color: #A0FFFF;
	}
	
	
.titre td{
	background-color: #6666FF;
	color: #FFFFFF;
	text-align:center !important;
}

.titre_noir td{
	background-color: black;
	color: #FFFFFF;
	text-align:center !important;
}	

.gris{
color:#999999;
}


.tableau_titre{
	border: solid black 1px;
	border-bottom:none;
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 99% !important;
	margin: auto;
	font: 0.55em Arial;
	white-space:nowrap;
	}
	
.ligne_importante{
	background-color: #FFFF99;
}