/*
orange engagement : #f26100
vert architecte : #4dac26
framboise urbanisme : #b70266
bleu clair textes #1d99c4
*/

.erreur 
{
	color: #FF0000;
}

.zoom_texte {
	font-size: 12px;
	color: #000000;
}

body {
	margin: 0;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #333;
}
img {
	border: 0;
}
form { padding: 0; margin: 0; }

a {
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

#homelikemain {
	width: 971px;
	height: 590px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/fond_home.jpg) top left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
/*-- page situation --*/
#fond_situation {
	width: 971px;
	height: 590px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/fond_situation.jpg) top left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
dl#situationdl {
	position: absolute;
	top: 210px;
	left: 550px;
	color: #1e9ac0;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
dl#situationdl dt {
	margin: 0;
	padding: 0;
	line-height: 17px;
}
dl#situationdl dd {
	margin: 0;
	padding: 0 0 0 28px;
	line-height: 22px;
}
#planadresse {
	position: absolute;
	top: 445px;
	left: 550px;
	width: 270px;
}
#planadresse #espvente {
	color: #1e9ac0;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 6px 0;
}
#planadresse #nazur {
	color: #1e9ac0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
#planadresse #adresse {
	color: #000;
	font-size: 12px;
	margin: 0 0 8px 0;
}
#plancomment {
	position: absolute;
	top: 280px;
	left: 830px;
	width: 130px;
	color: #1e9ac0;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	margin:  0;
	padding: 0;
	list-style-type: none;
}
#plancomment li {
	margin: 0 0 12px 0;
	padding: 0 0 0 8px;
	background: url(../img/smalldot.gif) left 6px no-repeat;
}

/*-- page future résidence --*/
#fond_future {
	width: 971px;
	height: 590px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/fond_future.jpg) top left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

/*-- votre maison votre appartement --*/
#fond_maison {
	width: 971px;
	height: 590px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/fond_maison.jpg) top left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
h1#appartement, h1#maison, h1#maisonappart {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 50px;
	color: #1e9ac0;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	letter-spacing: 1px;
}
h1#appartement {
	top: 192px;
	left: 55px;
}
h1#maison {
	top: 370px;
	left: 55px;
}
h1#maisonappart {
	top: 192px;
	left: 547px;
}
p#appartcomment {
	position: absolute;
	top: 240px;
	left: 273px;
	width: 208px;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
p#maisoncomment {
	position: absolute;
	top: 415px;
	left: 273px;
	width: 208px;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
.tspan {
	font-size: 16px;
	font-weight: bold;
}
#maisonappul {
	position: absolute;
	right: 167px;
	top: 415px;
	font-size: 12px;
	color: #1e9ac0;
	line-height: 16px;
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#maisonappul li {
	padding: 0 8px 0 0 ;
	margin: 0 0 6px 0;
	background: url(../img/smalldot.gif) right 6px no-repeat;
}

/*-- autres résidences --*/
#fond_residences {
	width: 971px;
	height: 590px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/fond_autres_residences.jpg) top left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
h1#titreAutresRes {
	position: absolute;
	top: 167px;
	left: 55px;
	margin: 0;
	padding: 0;
	height: 50px;
	color: #1e9ac0;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 33px;
	font-weight: normal;
	line-height: 35px;;
}
#abbaye {
	position: absolute;
	top: 254px;
	left: 57px;
	width: 230px;
	color: #0b2d77;
}
#abbaye .titre {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 6px 0;
}
#abbaye .titre .sous {
	font-size: 12px;
	font-weight: bold;
}
#abbaye .descript, #coraly .descript {
	font-size: 11px;
	color: #0b2d77;
	margin: 0;
}
#abbcoord {
	position: absolute;
	top: 254px;
	left: 323px;
	width: 230px;
	color: #1e99c3;
}
.autresazur {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 8px 0;
}
.autresazur .numeroA {
	font-size: 17px;
}
.espvente {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
}
.venteadd {
	font-size: 11px;
	font-weight: normal;
}
#coraly {
	position: absolute;
	top: 254px;
	left: 524px;
	width: 230px;
	color: #0b2d77;
}
#coraly .titre {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 2px 0;
}
#coralycoord {
	position: absolute;
	top: 254px;
	left: 769px;
	width: 230px;
	color: #1e99c3;
}

/*-- informations --*/
#fond_informations {
	width: 971px;
	height: 756px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/fond_informations.jpg) top left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
h1#titreinfos {
	position: absolute;
	top: 182px;
	left: 55px;
	margin: 0;
	padding: 0;
	height: 50px;
	color: #1e9ac0;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 33px;
	font-weight: normal;
	line-height: 35px;;
}
.radiobutt input {
	vertical-align: middle;
}
#infosleft, #infosright {
	width: 215px;
	float: left;
	padding: 0 10px 0 0;
	margin: 6px 0;
	border: 0;
}
#formcontent {
	position: absolute;
	top: 240px;
	left: 25px;
	width: 470px;
	z-index: 800;
}
#formcontent h2 {
	color: #0b2d77;
	font-size: 14px;
	margin: 0 0 6px 0;
	font-style: italic;
	font-weight: normal;
}
.infosinputdl {
	margin: 0;
	padding: 0;
	color: #0b2d77;
}
.infosinputdl dt {
	display: block;
	width: 67px; 
	float: left;
	padding: 0;
	margin: 2px 0;
}
.infosinputdl dd {
	display: block;
	width: 145px;
	padding: 0;
	margin: 2px 0;
	float: left;
}
p.infosaster{
	margin: 6px 0 0 0;
	color: #0B2D77;
	text-align: justify;
	text-decoration: none;
	line-height: 13px;
	font-size: 9px;
	padding: 0;
	width: 440px;
}
#imbSubmit {
	float: right;
	/* margin: 12px 25px 0 12px; */
}


/*--------------------------*/
#lien_site_bouygues {
	width: 243px;
	height: 26px;
	position: absolute;
	left: 709px;
	top: 40px;
	z-index: 300;
}

#lien_accueil {
	width: 225px;
	height: 84px;
	position: absolute;
	left: 26px;
	top: 6px;
	z-index: 300;
}

#tableauformulaire {
	color: #0B2D77;
	line-height: 17px;
	font-size: 10px;
	width:450px;
	height:100px;
	margin-left:25px;
}

.FixHand{
	cursor: pointer;
}

#onglet1 {
	width: 198px;
	height: 45px;
	position: absolute;
	left: 280px;
	top: 0;
	z-index: 300;
}
#onglet2 {
	width: 198px;
	height: 45px;
	position: absolute;
	left: 485px;
	top: 0;
	z-index: 301;
}

#header1 {
	width: 188px;
	height: 92px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
}

#header2 {
	width: 195px;
	height: 92px;
	position: absolute;
	left: 188px;
	top: 0;
	z-index: 50;
}

#header3 {
	width: 196px;
	height: 92px;
	position: absolute;
	left: 383px;
	top: 0;
	z-index: 50;
}

#header4 {
	width: 196px;
	height: 92px;
	position: absolute;
	left: 579px;
	top: 0;
	z-index: 50;
}

#header5 {
	width: 196px;
	height: 92px;
	position: absolute;
	left: 775px;
	top: 0;
	z-index: 50;
}

#header img {
	display: block;
}

#footer {
	width: 971px;
	height: 89px;
	position: absolute;
	left: 0;
	top: 502px;
	z-index: 50;
}

#lien_footer {
	width: 131px;
	height: 56px;
	position: absolute;
	left: 826px;
	top: 537px;
	z-index: 60;
}
#footertxt {
	width: 200px;
	height: 25px;
	color: white;
	position: absolute;
	left: 44px;
	top: 575px;
	z-index: 80;
}

#footertxt a {
	color: white;
	text-decoration: none;
	margin-left: 10px;
}
/*-- footer infos --*/

#footer_infos {
	width: 971px;
	height: 89px;
	position: absolute;
	left: 0;
	top: 670px;
	z-index: 50;
}

#lien_footer_infos {
	width: 131px;
	height: 56px;
	position: absolute;
	left: 826px;
	top: 704px;
	z-index: 60;
}
#footertxt_infos {
	width: 200px;
	height: 25px;
	color: white;
	position: absolute;
	left: 44px;
	top: 739px;
	z-index: 80;
}

#footertxt_infos a {
	color: white;
	text-decoration: none;
	margin-left: 10px;
}

#footertxt_infos a:hover {
	color: white;
	text-decoration: underline;
	margin-left: 10px;
}
#situation_photo1 {
	position: absolute;
	left: 54px;
	top: 402px;
	z-index: 1000;
}

#situation_photo2 {
	position: absolute;
	left: 254px;
	top: 402px;
	z-index: 1000;
}

#maison_photo1 {
	position: absolute;
	left: 60px;
	top: 236px;
	z-index: 0;
}

#maison_photo2 {
	position: absolute;
	left: 60px;
	top: 412px;
	z-index: 100;
}

#maison_photo3 {
	position: absolute;
	left: 812px;
	top: 226px;
	z-index: 0;
}

#maison_photo4 {
	position: absolute;
	left: 812px;
	top: 355px;
	z-index: 0;
}

#residences_photo1 {
	position: absolute;
	left: 0;
	top: 337px;
	z-index: 1000;
}

#residences_photo2 {
	position: absolute;
	left: 474px;
	top: 322px;
	z-index: 0;
}

#situationplan {
	position: absolute;
	left: 530px;
	top: 270px;
	z-index: 0;
}

#future_photo1 {
	position: absolute;
	left: 550px;
	top: 150px;
	z-index: 0;
}

#future_photo2 {
	position: absolute;
	left: 724px;
	top: 150px;
	z-index: 0;
}

#future_photo3 {
	position: absolute;
	left: 466px;
	top: 259px;
	z-index: 0;
}

#informations_photo1 {
	position: absolute;
	left: 467px;
	top: 229px;
	z-index: 0;
}
#informations_photo2 {
	position: absolute;
	left: 477px;
	top: 230px;
	z-index: 0;
}

#footertxt a:hover {
	text-decoration: underline;
}

#leftblankdiv {
	height: 600px;
	width: 530px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

/*le contenu de gauche*/
#leftcontent {
	position: absolute;
	top: 260px;
	left: 0;
	width: 450px;
	z-index: 800;
}

h1.typehome {
	background: url(../img/fondh1typehome.png) left -1px no-repeat;
	height: 19px;
	color: #fff;
	font-size: 16px;
	line-height: 17px;
	width: 300px;
	padding: 2px 0 0 30px;
	margin: 15px 0 10px 0;
	float: left;
}

p.homeaffiche {
	margin: 2px 0;
	text-decoration: none;
	line-height: 25px;
	font-size: 13px;
	padding: 0 0 0 50px;
	width: 400px;
	float: left;
}

p.infosform {
	color: #0B2D77;
	text-align: justify;
	text-decoration: none;
	line-height: 16px;
	font-size: 10px;
	padding: 0;
	margin: 0 0 6px 0;
	width: 440px;
	float: left;
}

p.infosform14 {
	color: #0B2D77;
	text-align: justify;
	line-height: 16px;
	font-size: 15px;
	padding: 0;
	width: 440px;
	float: left;
}
p.infosform12 {
	color: #0B2D77;
	text-align: justify;
	line-height: 16px;
	font-size: 12px;
	padding: 0 0 0 25px;
	width: 440px;
	float: left;
}

p.infosform9 {
	margin: 0px 0;
	color: #0B2D77;
	text-align: justify;
	text-decoration: none;
	line-height: 13px;
	font-size: 9px;
	padding: 0;
	width: 440px;
}

p.infos_civilites {
	margin: 0;
	top:14px;
	padding: 0;
	left:28px;
	font-size: 10px;
	color: #0B2D77;
}

a.infosform9 {
	color: #0B2D77;
	text-decoration: underline;
	line-height: 14px;
	font-size: 9px;
}


p.infostexte {
	margin: 0px 0;
	text-align: justify;
	text-decoration: none;
	line-height: 18px;
	font-size: 12px;
	padding: 0 0 0 55px;
	width: 400px;
	float: left;
}

a.savoirbleu {
	color: #1d99c4;
	text-decoration: none;
	padding-right: 13px;
	background: url(../img/ensavoirplusbleu.png) right 2px no-repeat;
}

a.savoirvert {
	color: #4dac26;
	text-decoration: none;
	padding-right: 13px;
	background: url(../img/ensavoirplusvert.png) right 2px no-repeat;
}

a.savoirbleu:hover, a.savoirvert:hover {
	text-decoration: underline;
}

a.liennoir {
	color: black;
}

.homeleftcomplex {
	margin: 0;
	padding: 0 0 0 8px;
	float: left;
}

.infosenvoyer {
	/*position: absolute;
	top: 225px;
	left: 365px;*/
	float: right;
	margin: 12px 30px 0 0;
}

#projetcontainer {
	position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 320px; /* important */  
    height: 110px; /* important */  
    float: left;
}

.unprojet {
	position: absolute;
	top: 2px;
	left: 8px;
}

/*les champs du formulaire infos*/
.infos_input {
	width: 145px;
	color: #0B2D77;
	font-size: 12px;
	height: 14px;
	margin: 0;
}

.homeleftcomplex img, .unprojet img {
	float: left;
	margin: 0 5px 0 0;
}

.leftcomplexcontent {
	float: left;
	width: 220px;
}

.leftcomplexcontent .titre, .unprojet .titre {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #0a2a7a;
	font-weight: bold;
}

.leftcomplexcontent .soustitre, .unprojet .soustitre {
	margin: 0 0 8px 0;
	padding: 0;
	color: #000;
	font-weight: bold;
}

.leftcomplexcontent .txt, .unprojet .txt {
	margin: 0;
	padding: 0;
}

/*le titre des rubriques*/
#rubtitre {
	position: absolute;
	top: 0;
	left: 330px;
}
/*quelques communs*/
h1.titreGros1ligne {
	position: absolute;
	top: 210px;
	left: 55px;
	margin: 0;
	padding: 0;
	height: 50px;
	color: #1e9ac0;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 34px;
	font-weight: normal;
	line-height: 40px;
	letter-spacing: 1px;
}
h1.titreGros2lignes {
	position: absolute;
	top: 185px;
	left: 55px;
	margin: 0;
	padding: 0;
	height: 50px;
	color: #1e9ac0;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 34px;
	font-weight: normal;
	line-height: 32px;
	letter-spacing: 1px;
}

.vert {
	color: #326632;
}

.archicolor {
	color: #4dac26;
}

.engagcolor {
	color: #dc4801;
}

.urbacolor {
	color: #b70266;
}

.pstandard {
	float: left;
	margin: 0 5px 12px 0;
	padding: 0 0 0 10px;
	width: 300px;
}

.pstandardsansmarge {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	width: 300px;
}

.pointillesverts {
	float: left;
	width: 330px;
	margin: 0 0 3px 0;
	padding: 0;
	height: 25px;
	line-height: 1px;
	border-bottom: 1px dashed #4dac26;
}

.txtretrait {
	float: left;
	margin: 0 5px 12px 0;
	padding-left: 20px;
	width: 250px;
}

.soustitrestand {
	float: left;
	margin: 0 5px 0 0;
	padding-left: 20px;
	width: 250px;
	background: url(../img/flechebleumarine.png) 9px 2px no-repeat;
	font-weight: bold;
}

h2.titre {
	margin: 5px 10px 10px 0;
	padding-left: 10px;
	width: 268px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}

.scroller .pstandard {
	float: left;
	margin: 0 5px 12px 0;
	padding-left: 10px;
	width: 277px;
}

.scroller .pstandardsansmarge {
	float: left;
	margin: 0 5px 2px 0;
	padding-left: 10px;
	width: 277px;
}

.scrollbutt {
	cursor: pointer;
	display: block;
}

#scrolltop, #scrollbottom {
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
}

.scroller ul.standlist {
	float: left;
	width: 257px;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	list-style-type: none;
}

.scroller ul.standlist li {
	margin: 0 0 5px 0;
	padding: 0 0 0 12px;
	background: url(../img/flechebleumarine.png) left 2px no-repeat;
}
	
/* pour architectes et projets */
#projetsvign {
	float: left;
	margin: 6px 0 0 0;
	border-collapse: collapse;
}

#projetsvign td {
	font-size: 10px;
	line-height: 11px;
	text-align: center;
	vertical-align: top;
	padding: 0 2px 2px 10px; 
}
/*--------------------------*/

p.bt_envoyer{
	position:relative;
	top:-30px;
	margin: 0px 0;
	text-align: justify;
	text-decoration: none;
	width: 430px;
	
}

#investir{
	position : absolute;
	visibility: hidden;
	
}
#habiter{
	position : absolute;
	visibility: hidden;
}
#basformulaire{
	position : absolute;
	top:200px;
	width:520px;
	z-index:-5500;
}
.Vous_recherchez {
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #333;
}