body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	
}

hr{
	height: 1px;
	background-color: #E4E4E4;
	color: #E4E4E4;
	width:80%;
}

input{
	margin-top: 2px;
}

#site{
	width: 1024px;
	position: absolute;
	left: 50%;
	margin-left: -505px;

}


#site #header_haut{
	background-image: url('img/v3/bg-header.png');
	background-repeat: no-repeat;
	height: 140px;
	width: 948px;
	
}

#site #header_haut #header_haut_gauche{
	background-image: url('img/decoupe_home/logo-guide-immo.jpg');
	height: 140px;
	width: 329px;
	float: left;
}

#site #header_haut #header_haut_droite{
	background-image: url('img/decoupe_home/bulle-partie-haute.jpg');
	height: 140px;
	width: 419px;
	float: right;
}
#site #header_haut #header_haut_droite-lp{
	background-color: black;
	height: 140px;
	width: 419px;
	float: right;
}

#site #header_haut #header_haut_droite p{
	color: #205415;
	text-align: right;
	padding: 25px;
	!padding: 37px;
	_padding: 37px;

}

#site #header_bas{
	background-image: url('img/decoupe_home/nav-pixel-droite.jpg');
	height: 51px;
}

#site #header_bas #header_bas_gauche{
	background-image: url('img/decoupe_home/nav-pixel-gauche.jpg');
	height: 51px;
	width: 10%;
	float: left;
}

#site #header_bas #header_bas_milieu{
	background-image: url('img/decoupe_home/nav-croisement-milieu.jpg');
	height: 51px;
	width: 8px;
	float: left;
}

#site #header_bas #description_menu{
	position: relative;
	bottom: -7px;
	float: left;
	font-weight: bold;
	width: 320px;
}

#site #header_bas #menu{
	height: 36px;
	
	margin-left: 400px;
	position: relative;
	bottom: 8px;
}

#site #header_bas #menu a{
	color: black;
	text-decoration: none;
}

#site #header_bas #menu #residence_principale_actif{
	background-image: url('img/decoupe_home/nav-onglet-residence-principale.jpg');
	height: 36px;
	width: 145px;
	float: left;
}

#site #header_bas #menu #menu_inactif{
	background-image: url('img/decoupe_home/nav-onglet-generique-non-clique.jpg');
	background-repeat: no-repeat;
	background-position: bottom;	
	height: 36px;
	width: 145px;
	float: left;
	padding-left: 1px;
}

#site #header_bas #menu #menu_inactif p{
	padding-top: 2px;
	!padding-top: 15px;
	_padding-top: 15px;
	text-align: center;
	font-weight: bold;
}

#site #header_bas #menu #residence_secondaire_actif{
	background-image: url('img/decoupe_home/nav-onglet-residence-secondaire.jpg');
	height: 36px;
	width: 145px;
	float: left;
}

#site #header_bas #menu #investissement_locatif_actif{
	background-image: url('img/decoupe_home/nav-onglet-investissement-locatif.jpg');
	height: 36px;
	width: 145px;
	float: left;
}

#site #header_bas img{
	position: relative;
	bottom: 7px;
	float: left;
}

#middle{
	background-color: white;
	background-image: url('img/v3/bg-center.png');
	background-repeat: repeat-y;
}

#middle  #middle_gauche{
	background-image: url('img/decoupe_home/femme-gauche.jpg');
	background-repeat: no-repeat;
	width: 182px;
	height: 600px;
	float: left;
}



#middle  #middle_content{
	width: 948px;
	float: left;
}

.numeroEtape{
	color: green; 
	font-weight: bold; 
	font-size: 28px;
}

.cadre_photo{
	background-image: url('img/decoupe_home/cadre-photo.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 170px;
	float: left;
	margin: 15px 20px 15px 67px;
}
.cadre_photo590{
	background-image: url('img/decoupe_home/cadre-photo.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 170px;
	float: left;
	margin: 10px 9px 5px 190px;
}

.photo{
	width: 143px;
	height: 113px;
	border: 2px solid #777;
	margin-top: 12px;
}

.photo img{

}

.cadre_photo input{
	margin-top: 10px;
	!margin-top: 10px;
	_margin-top: 10px;
}

.cadre_photo590 input{
	margin-top: 15px;
	!margin-top: 10px;
	_margin-top: 10px;
}

.cadre_photo p{
	width: 140px;
	margin-top: -80px;
	font-size: 9px;
	!margin-top: -80px;
	_margin-top: -80px;
}
#principale{
	margin-top: -65px;
	!margin-top: -75px;
	_margin-top: -75px;
}
#secondaire{
	margin-top: -70px;
	!margin-top: -75px;
	_margin-top: -75px;
}
#investissement{
	margin-top: -70px;
	!margin-top: -80px;
	_margin-top: -80px;
}

.cadre_photo590 p{
	width: 140px;
	margin-top: -72px;
	font-size: 9px;
	!margin-top: -70px;
	_margin-top: -70px;
}

#middle #middle_content  #formulaire{
	margin-top: 15px;
	!margin-top: 20px;
	_margin-top: 20px;
	color: #777;
}

#middle #middle_content  #formulaire #formulaire_haut{
	/*background-image: url('img/decoupe_home2/bloc-haut-partie-haute.jpg');*/
	width: 839px;
	height: 18px;
}

#middle #middle_content  #formulaire #formulaire_haut590{
	background-image: url('img/decoupe_home2/bloc-bas-partie-haute-590.jpg');
	width: 590px;
	height: 16px;
}

#middle #middle_content  #formulaire #formulaire_content{
	/*background-image: url('img/decoupe_home2/bloc-haut-partie-pixel.jpg');*/
	width: 839px;
	height:480px;
}
#middle #middle_content  #formulaire #formulaire_content590{
	background-image: url('img/decoupe_home2/bloc-bas-pixel-590.jpg');
	
	width: 590px;
	height:16px;
}

#formulaire_content label #formulaire_content590 label{
	color: #777;
	font-weight: bold;
	margin-left: 20px;
	
}



.large_vert{
	background-color: #E8F6C5;
	width: 820px;
	!width: 833px;
	_width: 833px;
	padding: 5px;
	position: relative;
	left: 50%;
	margin-left: -416px;
	display: block;
	
}

.large_vert590{
	background-color: #981616;
	width: 570px;
	!width: 582px;
	_width: 582px;
	padding: 5px;
	position: relative;
	left: 50%;
	margin-left: -290px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	color: white
}


.large_blanc{
	background-color: #fff	;
	width: 819px;
	padding: 5px;
	position: relative;


	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

l
.large_blanc590{
	background-color: #fff	;
	width: 570px;
	!width: 582px;
	_width: 582px;	
	padding: 5px;
	position: relative;
	left: 50%;
	margin-left: -290px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.large_vert input .large_vert590 input{
	margin-left: 10px;
	color: #777;

}

.large_blanc input .large_blanc590 input{
	margin-left: 10px;
	color: #777;

}
.large_blanc select .large_blanc590 select{
	margin-left: 10px;
	color: #777;
}

.large_blanc br .large_blanc590 br .large_vert br .large_vert590 br{
	display: block;
	margin: 2px;
}

.commentaire{
	font-weight: normal;
	
}


#titre-formulaire{
	font-size: 16px;
	font-weight: bold;
	color: #0E4727;
	padding-left: 20px;
}
#envoyer{
	background-image: url('img/decoupe_home/bouton-envoyer.jpg');
	background-color: white;
	border: none;
	height: 85px;
	width: 445px;
	margin-top: 50px;
	position: relative;
	left: 50%;
	!left: 12%;
	_left: 12%;
	margin-left: -222px;
}

#envoyerSite{
	background-image: url('img/decoupe_home/bouton-envoyer.jpg');
	background-color: white;
	border: none;
	height: 85px;
	width: 445px;
	margin-top: 50px;
	position: relative;
	left: 50%;
	!left: 22%;
	_left: 22%;
	margin-left: -222px;
}

#envoyer:hover{
	cursor:pointer;
}

#envoyerSite:hover{
	cursor:pointer;	
}

#envoyerInvestissement{
	background-image: url('img/v3/btn-invest-loca.jpg');
	background-color: white;
	border: none;
	height: 85px;
	width: 445px;
	margin-top: 50px;
	position: relative;
	left: 50%;
	!left: 22%;
	_left: 22%;	
	margin-left: -222px;
	
}

#envoyerInvestissementSite{
	background-image: url('img/v3/btn-invest-loca.jpg');
	background-color: white;
	border: none;
	height: 85px;
	width: 445px;
	position: relative;
	left: 50%;
	!left: 22%;
	_left: 22%;	
	margin-left: -222px;
	
}
#envoyerInvestissement:hover{
	cursor:hand;
}
#envoyerInvestissementSite:hover{
	cursor:hand;
}

#middle #middle_content  #formulaire #formulaire_bas{
	/*background-image: url('img/decoupe_home2/bloc-haut-partie-basse.jpg');*/
	background-repeat: no-repeat;
	width: 838px;
	height: 19px;
}

#middle #middle_content  #formulaire #formulaire_bas590{
	background-image: url('img/decoupe_home2/bloc-bas-partie-basse-590.jpg');
	background-repeat: no-repeat;
	width: 590px;
	height: 25px;
}
#middle  #middle_gauche-lp{
	background-image: url('img/decoupe_home/block-gauche-lp.jpg');
	margin-top: 15px;
	background-repeat: no-repeat;
	width: 231px;
	height: 600px;
	float: left;
}



#footer{
	background-image: url('img/v3/bg-footer.png');
	background-position: bottom;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 948px;
}

#footer #gauche{
	font-size: 12px;
	margin-bottom: 20px;
	text-align: center;
	color: #888;
	font-weight: bold;
}

#footer #gauche a{
	color: grey;
}

#footer #droite{
	margin-top: 20px;
}

.footer-2{
	background-image: url('img/v3/bg-footer-2.png');
	background-repeat: repeat;
	width: 948px;
}

.partenaires {
	padding-left: 10px;
	padding-bottom: 5px;
	color: #888888;
}

.partenaires a{
	text-decoration: none;	
	color: #40533d;
}

#module_footer a{
	color: grey;
	
}

#module_footer{
	color: grey;
}

.confirmation{
	padding: 25px;
}

.confirmation .image_guide{
	float: left;
	
}

.message_confirmation{
	float: left;
	width: 600px;
	height: 105px;
	margin-left: 25px;
	padding-top: 10px;
}
.message_confirmation590{
	float: left;
	width: 480px;
	height: 105px;
	margin-left: 25px;
	padding-top: 10px;
}

.offres_partenaires{
	width: 820px;
	height: 500px;
	border: 2px solid #ccc;
	margin-top: 20px;
}
.offres_partenaires590{
	width: 580px;
	height: 500px;
	border: 2px solid #ccc;
	margin-top: 20px;
}


/*** WFORMS ***/
.errMsg {
	display:none;
    color: red;
}

.errFld { border: 1px solid #FF0000; background-color: #F7CCD1; }

/* Styles de la LP Residence-Principale */
.lp-body{
	position: absolute;
	
	width: 883px;
	left: 50%;
	margin-left: -442px;
}

#header_haut-lp{
	background-image: url('img/decoupe_home/header-lp.jpg');
	background-repeat: no-repeat;
	background-color: #A4CD2F;
	height: 71px;
	width: 880px;
	border: none;
}

#site #header_haut #header_haut_droite-lp{
	background-color: black;
	height: 140px;
	width: 419px;
	float: right;
}

#site #header_haut #header_haut_droite-lp{
	background-color: black;
	height: 140px;
	width: 419px;
	float: right;
}

#middle  #middle_gauche-lp{
	background-image: url('img/decoupe_home/block-gauche-lp.jpg');
	margin-top: 15px;
	background-repeat: no-repeat;
	width: 231px;
	height: 600px;
	float: left;
}

#texte-header-lp{
	position: relative;
	margin-left: 450px;
	padding-top: 20px;
	font-size: 28px;
	font-weight: bold;
	color: white;
}

/* Amélioration visuelle du formulaire */
.labelFormv2{
	width: 320px;
	display: block;
	float: left;
}

.libellePartieFormulaire{
	display: block;
	font-size: 12px;
	color: #177A1A;
	padding-top: 10px;
	padding-bottom: 20px;
	font-weight: bold;
}


/* NOUVEAU DESIGN > 05/11/2009 > JONATHAN */
#formulaire-guide-immo-new-design{
	float: left;
	text-align: left;
	margin: 40px;
	margin-top: 0px;
	width: 680px;
}



#formulaire-guide-immo-new-design input{
	border:1px solid grey;
	font-size:12px;
}
#formulaire-guide-immo-new-design textarea{
	border:1px solid grey;
}

#formulaire-guide-immo-new-design select{
	border:1px solid grey;
	font-size:12px;
	max-width: 135px;
}

#formulaire-guide-immo-new-design label{
	width: 170px;
	display: block;
	float: left;
	
}

.radio{
	border: none;
}

.labelBlocCoordonneesDroite{
	width: 100px;
}

.labelBlocCoordonnees{
}

.inputGris{
	border:1px solid grey;
}

#bouton-residence-principale{
	background-image: url('img/v3/btn-res-princ.jpg');
	background-color: white;
	border: none;
	height: 85px;
	width: 444px;
	outline: none;
	border: none;
}
#bouton-residence-principale:hover{
	cursor: pointer;
}

#bouton-residence-secondaire{
	background-image: url('img/v3/btn-invest-loca.jpg');
	background-color: white;
	border: none;
	height: 85px;
	width: 444px;

}
#bouton-residence-secondaire:hover{
	cursor: pointer;
}

#resultats{
	width: 800px;
	margin: 15px;
}

#resultatsProgrammes{
	
	float: left;
	width: 300px;
	
	margin-bottom: 20px;	
	margin-top: 20px;
	overflow: hidden;
}

#resultatsProgrammes label{
	width: 250px;
	float:left;
	cursor: pointer;
}

#resultatsProgrammes hover{
	cursor: pointer;
}

#resultatsProgrammes input{
	float: left;
}

#detailsProgramme{
	display: none;
	position: absolute;
	left: 300px;
	width: 490px;
	display: none;
	background-color: #F1FAF9;
	font-size: 11px;
	margin-top: 30px;
	z-index: 1000;
	border:1px solid black;
}

#detailsProgramme img{
	float: left;
	margin-right: 5px;
	vertical-align: top;
	
}

#detailsProgramme span{
	position: relative;
	top: -15px;
}

#detailsProgramme div{
	padding: 10px;
}

.programmeItem{
	margin: 5px;
}

#menu_haut{
	position:relative;
	top: 110px;
	left: 10px;
	background-image: url('img/v3/navigation.jpg');
	background-repeat: no-repeat;
	width: 733px;
	height: 34px;
	padding-top: 8px;
	padding-left: 20px;
}
.item{
	font-size: 13px;
	margin-right: 20px;
}

.item a,a:hover{
	text-decoration: none;
	color: black;
}

.item-selected{
	font-size: 13px;
	margin-right: 20px;
	color: red;
}

.item-selected a, a:hover{
	color: red;
	text-decoration: none;
}

.accrocheFormulaire{
	font-weight: bold;
	font-size: 13px;
}

#accrocheNexity{
	height: 65px;
	width: 650px;
	margin-top: -50px;
	color: #FF8700;
	font-size: 16px;
}

.titre-barre-droite{
	background-image: url('img/v3/line-right.png');
	background-repeat: no-repeat;
	width: 210px;
	height: 29px;
	font-weight: bold;
	text-align: left;
}

#middle_content .titre-barre-droite p{
	font-size: 11px;
	padding: 8px;
}

#middle  .middle_droite{
	position: absolute;
	width: 210px;
	height: 180px;
	right: 100px;
	!margin-top: 20px;
	_margin-top: 20px;
}

#middle  .middle_droite2{
	position: absolute;
	width: 210px;
	height: 180px;
	right: 100px;
	margin-top: 202px;
}

#middle  .middle_droite3{
	position: absolute;
	width: 210px;
	height: 180px;
	right: 100px;
	margin-top: 340px;
}

.content-barre-droite{
	border: 1px solid #abd9e6;
	position: relative;
	width: 208px;
	text-align: left;
}
.content-barre-droite p{
	padding: 5px;
}

.bloc-r-img {
	float:left;
	padding:5px;
}

.votreProjet{
	background-color: #f1faf9;
	width: 655px;
	border: 1px solid #345130;
	padding: 5px;
}

.vosCoordonnees{
	background-color: #f1faf9;
	width: 650px;
	/*height: 120px;*/
	border: 1px solid #345130;
	padding: 5px;
}
.votreRecherche{
	background-color: #f1faf9;
	width: 650px;
	height: 25px;
	border: 1px solid #345130;
	padding: 5px;
}

.titreEtape{
	color: #345130;
	font-size: 16px;
	margin-bottom: 2px;
}

.spacer{
	height:1px;
	width:100%;
	display:block;
}

.fieldError{
	padding: 5px;
}

.tableCoordonnees{
	width:662px;
	padding: 10px;
}

.tableCoordonnees label{
	font-weight:normal;
}

.tableCoordonnees tr{
	font-size:12px;
}

.tableCoordonnees .errFld{
	padding:2px;
}

/* FIN NOUVEAU DESIGN > 05/11/2009 > JONATHAN */

/* AJOUT MATHIEU - INVESTE LOCA FORM EN TABLEAU */
.tabFormInvestLoca{
	font-size:12px;
	text-align:left;
}

.tabFormInvestLoca select,
.tabFormInvestLoca input {
	font-size:12px;
}

/* Ajout Annuaire */
/* Upline */
#upline {
	text-align:center;
	width:948px;
	margin-top:-10px;
}

#upline .back {
	height: 26px;
	text-align: right;
	padding-right: 20px;
}

#upline h1 {
	font-size: 12px;
	color: #888888;
	padding:0px;
	margin:0px;
	position: relative;
	top:10px;
}

#baseline {
	padding:0px 20px;
}

#more_regions{
	text-align: left;	
	padding-left: 10px;
}

#more_regions p {
	font-size:13px;
	font-weight: bold;
}

#more_regions ul li{
	display: inline;
	color:#888888;
}

#more_regions a {
	text-decoration:none;
}
#more_regions a:hover {
	display: inline;
	padding:0px;
	margin:0px;
	font-size: 12px;
}
.breadcrumbs {
	padding: 25px 0px 0px 17px;
	font-weight: bold;
}
.breadcrumbs a:hover{
	text-decoration: none;
	color: #345130;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
}
.breadcrumbs a {
	text-decoration: none;
	color: #345130;
}

#middle_content h2{
	padding:10px 30px;
}
#middle_content h3{
	font-size: 13px;
	padding:10px 0px 0px 20px;
	text-align: left;
}
#middle_content h3 a{
	text-decoration: none;
	color: #000;
}
#middle_content p{
	padding:10px 10px;font-size:12px; text-align: left;
}

.inputtext{
	max-width: 135px;
}

.accroche_lp{ 
	color: #345130;
	font-size: 16px;
	margin-bottom: 2px;
	margin-top: 5px;
	font-weight: bold;
}

#recapitulatif_programmes{
	margin: 20px; 
	padding: 20px; 
	border: 2px solid #345130;
	
}
#recapitulatif_programmes #titre{
	color: #345130; 
	font-weight: bold; 
	font-size: 15px;
}

#tableau_recapitulatif_programmes {
	font-size: 12px;
}
#tableau_recapitulatif_programmes td{
	text-align: center;
}

#tableau_recapitulatif_programmes .intitule{
	font-weight: bold;
	background-color: #eee;
}

#tableau_recapitulatif_programmes .intitule td{
	font-weight: bold;
	background-color: #eee;
	padding: 5px;
}

.fond_gris1{
	background-color: #ddd;
}

.fond_gris2{
	background-color: #eee;
}
