* { margin: 0; padding: 0; }

/* Code pour centrer verticalement */
/*	body, html {height: 100%; width: 100%;}
	#outer {height: 100%; width: 100%; overflow: hidden; text-align: center;}
	#outer[id] {display: table; position: static;}

	#middle {position: relative; top: 50%; overflow: visible;
			 left: 0;}
	#middle[id] {display: table-cell; vertical-align: middle; position: static;}

	#inner {position: relative; height: 683px; width: 918px; margin: 0 auto;
			background-color: #ffffff; border: 1px solid #ffffff; text-align: left;
			top: -259px;}
	
	#inner[id] {top:-50%;}*/
	
	#outer {
		position: absolute; height: 100%; width: 100%; text-align: center; z-index: 1;   /*z-index pour que le div de pub rentre en dessous*/
	}
	#middle {
		position: relative;
		margin: 0 auto;
		height: 100%;
	}
	
	#inner {position: relative; height: 683px; width: 918px; margin: 0 auto;
			background-color: #ffffff; border: 1px solid #ffffff; text-align: left;}
	#inner[id] {width: 918px;}
			
/* fin du centrage */

body {background: #747578 url('images/fond.gif') top left;}
a {text-decoration: none;}
#topcitation {position: relative; height: 31px; width: 918px; background: url('images/slogan.gif') no-repeat right; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:4px
			  }/*top: -259px;}  IE */
#topcitation[id] {top: 0px;}
#topbar {background: #9d1a24 url('images/9D1A24.gif'); width: 100%; height: 2px;
		 font-size: 1px}  /* IE */
#topflash {height: 33px; margin: 0 25px; background: #ffffff url('images/rp.jpg') no-repeat;}
#topflash img {margin-left: 416px;}
#toptext {margin: 0 35px; background: #ffffff url('images/ligne_point.gif') repeat-x; padding-top: 4px;
		  text-align: right}
#menu {font: 10pt Verdana,sans-serif; color: #000000;
	   margin-left: 18px;} /* IE */
#menu[id] {margin-left: 12px;}
#menu li {list-style-image: url('images/menu.gif'); margin-left: 29px}
#menu li p {background: url('images/select_red.gif') no-repeat left; color: #000000;
			position: absolute; margin-left: -41px; padding-left: 29px; margin-top: -2px} /* IE */
#menu[id] li p {margin-left: -34px; padding-left: 29px; background-color: #ffffff; position: static; margin-top: 0px;}
#menu li a {color: #000000;
			position: absolute; margin-left: -41px; padding-left: 29px; margin-top: -2px;} /* IE */
#menu li a#ccachlink {font-weight: bold; color: #990000;}
#menu[id] li a {margin-left: -34px; padding-left: 29px; position: static; margin-top: 0px;}
#menu li a:hover {background: url('images/select_gray.gif') no-repeat left;}
#menu[id] li a:hover {background-color: #ffffff;}
#sousmenu {margin-left: -14px;}
#sousmenu li {list-style-image: url('images/menu_sous.gif');}
#sousmenu li p {padding-left: 30px;}
#sousmenu li a {padding-left: 30px;}
#calcul, #login, #logged {margin: 6px auto auto 31px; font: bold 10pt Verdana, sans-serif; color: #666666;}
#calcul {background: #ffffff url('images/calculatrice.gif') no-repeat 84px 13px;}
#calcul h3 {font-size: 10pt; width: 78px; border-bottom: 1px solid #666666;}
#calcul li p {background: url('images/select_red.gif') no-repeat left;
			position: absolute; margin-left: -24px; padding-left: 24px} /* IE */
#calcul[id] li p {position: static; margin-top: 0px;}
#calcul li a {position: absolute; margin-left: -24px; padding-left: 24px;} /* IE */
#calcul[id] li a {position: static; margin-top: 0px;}
#calcul li a:hover {background: url('images/select_gray.gif') no-repeat left;}
#calcul[id] li a:hover {background-color: #ffffff;}
#menucalcul {font-weight: normal; margin: 5px 0 0 1px;}
#menucalcul li {list-style: none;line-height: 13px;}
#menucalcul li a {color: #666666;}
#login, #logged {width: 157px;}
#login h3, #logged h3 {font-size: 10pt; width: 121px; border-bottom: 1px solid #666666;}
#login {background: #ffffff url('images/logout.gif') no-repeat 126px 3px;}
#logged {background: #ffffff url('images/login.gif') no-repeat 126px 3px;}
#login p, #logged p {font-weight: normal; margin-top: 3px;}
#login input, #logged input {font: bold 10pt Verdana, sans-serif; color: #666666; margin-top: 1px;}
#login input.text {width: 151px; border: 1px solid #666666;}
input.button {border-color: #666666; border-width: 1px; background-color: #ffffff; cursor: pointer;}
#login input.button {margin-left: 99px; width: 54px;}
#logged input.button {margin-top: 10px; width: 130px;}
#login a {font-weight: bold; font-size: 10pt; white-space: nowrap; color: #666666;}
#inscription {font-size: larger; text-align: center;}
#inscription a {color: #006600;}
#errmess {text-align: center; color: #cc0000;}
#partners {
	position: absolute;
	padding-left: 15px;
	padding-top:-3px;
	bottom: 55px;
	z-index: 99;
	visibility: visible;
}
#partners img {display:inline;}
#bottom {height: 59px; position: absolute; bottom: -1px; background: #ffffff url('images/bottom.jpg') no-repeat;}
#bottom[id] {bottom: 0px;}
#bottomcontact {position: relative; margin-top: 15px; font: bold 8pt Verdana,sans-serif; color: #ffffff;}
#scrollcontent {direction:rtl; position: absolute; top: 55px; right: 5px; width: 710px; height: 530px;	overflow: auto;  
				scrollbar-face-color: #ffffff; scrollbar-track-color: #e5c7ca; scrollbar-base-color: #cccccc;
				scrollbar-arrow-color: #990000; scrollbar-3dlight-color: #cccccc; scrollbar-darkshadow-color: #666666;
				scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #cccccc;}
#content {direction:ltr; width: 686px; height: 750px; padding: 0 2px; font: 8pt Verdana,sans-serif;}
#pub {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 0;
	padding: 0 10px 10px 0;
	text-align: right;
}
#pub * {font: bold 6pt Verdana,sans-serif; color: #ffffff;}
#pub img {margin-bottom: 3px;}
#pub blockquote {margin: 5px 0 0 0;}

/* mandats et comparables et mandatsAch*/
#tab {width: 685px; height: 24px;}
.tab1 {background: #ffffff url('images/tab_1.gif') no-repeat;}
.tab2 {background: #ffffff url('images/tab_2.gif') no-repeat;}
.tab3 {background: #ffffff url('images/tab_3.gif') no-repeat;}
#tab div {position: absolute; width: 100px; text-align: center; font-weight: bold; font-size: 7pt;}
#tab #mandats {top: 2px; left: 6px;}
#tab #comparables {top: 2px; left: 126px;}
#tab #mandatsAch {top: 2px; left: 256px;}
#tab div {color: #990000;}
#tab a {color: #999999;}
#tab a:hover {color: #333333;}
#listemandat {width: 672px;}
#listemandat th {font-size: 7pt; padding: 0 0px 4px 13px; text-align: left;}
#listemandat th img {margin-bottom: -6px;}
p#legende {width: 100%; margin-bottom: 10px;}
#listemandat th {line-height: 18px; vertical-align: top; }
#listemandat th.legende {text-align: right; padding-right: 30px;}
#listemandat th.legende img {margin-top: 3px;}
#listemandat[id] th.legende img {margin-top: 0;}
#listemandat select {float: right; width: 140px;border: 1px solid #666666; font: bold 9pt Verdana, sans-serif; text-align: left; height: 15px; padding-right: 1px;}
th#liste {padding: 0px 13px 0 13px;}
th#liste img {margin: -2px;}
.mandat {width: 33%; font-size: 10pt; font-weight: bold; vertical-align: top;
		 background: #ffffff url('images/bgliste.gif')  no-repeat 13px bottom; padding-left:13px; padding-right:0px; padding-top:12px; padding-bottom:0}
.mandat * {font: bold 8pt Verdana,sans-serif;}

.half p {color: #003366;}
.unlock p {color: #006600;}
.lock p {color: #990000;}
.mandat p, #listemandat th p {background: url('images/ligne_point.gif') repeat-x bottom; padding-bottom: 2px; margin-bottom: 3px}
.mandat p img {margin-top: 4px; float: right;}
.icons div {float: right; width: 183px; padding-bottom: 8px;}
.eclabel {font-size: smaller; font-weight: normal;}
.ectosign, .ecsigned {padding-bottom: 4px; clear: both;}
.ectosign img, .ecsigned img {margin-bottom: -4px;}
.ectosign a {color: #990000;}
.ecsigned {color: #006600;}

/* quisuisje */
#quisuisje {padding-bottom: 20px;}
#quisuisje #title {margin-top: 5px;}
#quisuisje h2 {background: #ffffff url('images/rp-quisuisje.gif') no-repeat left; text-align: left; height: 45px; padding-left: 195px; font-style:normal; font-variant:normal; font-weight:normal; font-size:8pt; font-family:Verdana, sans-serif; margin-left:6px; margin-right:6px; margin-top:16px; margin-bottom:0}
#quisuisje h3 {font: bold 8pt Verdana,sans-serif; color: #990000; margin: 10px 0 3px 0;}
#quisuisje p {font: 8pt Verdana,sans-serif; margin-bottom: 3px;}
#quisuisje blockquote {padding: 0 25px;}
#quisuisje li {margin-left: 21px;}
#quisuisje ul li {list-style-image: url('images/fleche.gif');}

/* calculhypotheque et taxedemutation */
#calculhypotheque #title {margin-top: 5px;}
#calculhypotheque input.text, #hypototal div, #calculhypotheque select {border: 1px solid #666666; font: bold 8pt Verdana,sans-serif; text-align: right; height: 15px; padding-right: 2px;}
#calculhypotheque select {border: 1px solid #cccccc;}
#calculhypotheque #titleline {margin: 6px auto; }
#montant {float: left; width: 263px;}
#parametres {float: right; width: 214px;}
#montant div, #parametres div {text-align: right; white-space: nowrap;}
#prix {margin-bottom: 1px;}
#comptant {margin-bottom: 2px;}
#prix[id], #comptant[id] {margin-bottom: 3px;}
#prix input.text, #comptant input.text {width: 134px; font-weight: normal;}
#hypototal[id] {margin-top: 0px;}
#hypototal div {float: right; background-color: #f7eeef; width: 134px; margin-left: 4px;}
#hypototal[id] div {width: 132px;}
#interet input.text, #duree input.text {width: 28px;}
#duree {float:right;}
#duree[id] {margin-right: 4px;}
#paiements {clear:both;}
#paiements select, #composition select {width:124px; margin-top: 1px; margin-bottom: -2px; height: 17px;}
#composition select {float: right; margin-left: 4px; margin-top: 2px;}
#composition {line-height: 11px;}
#option {clear: both; height: 35px; padding-top: 14px; background: #ffffff url('images/ligne_point2.gif') repeat-x left 9px;}
#option h3 {padding-left: 5px; font-size: 8pt;}
#option #checkboxes {position: absolute; line-height: 15px;
					 padding-left: 89px; margin-top: -4px;} /* IE */
#option #checkboxes[id] {padding-left: 95px; margin-top: 0px;}
#option #checkboxes #chkA {margin-top: -5px;}
#option #checkboxes #chkA[id] {margin-top: 0px;}
#option #checkboxes[id] input.checkbox {margin-right: 4px;}
#option #buttons {float: right; margin: 5px 1px 0 0;}
#option #buttons[id] {float: right; margin: 5px 5px 0 0;}
#option #buttons input.button {border-color: #666666; border-width: 1px; background-color: #ffffff;
							   font: bold 7pt Verdana,sans-serif; color: #666666;}
#mensualite {width: 221px; text-align: center; background: #ffffff url('images/ligne_point_rectangle.gif') no-repeat left;
			 margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:7px}
#sectioncentre {background: #ffffff url('images/ligne_point2.gif') repeat-x left 1px; text-align: center;
				margin-left:0; margin-right:0; margin-top:12px; margin-bottom:5px}
#sectioncentre[id] {margin: 0;}
#hypotheque {margin-top: 3px; width: 100%;}
#hypotheqye #firstcol {}
#hypotheque tr {height: 26px;}
#hypotheque td {padding: 0 2px; font: bold 10px Verdana,sans-serif; vertical-align: middle; text-align: right; white-space: nowrap;}
#hypotheque td.anneerow, #hypotheque td.solderow {background: #f1e1e3 url('images/double_ligne_point.gif') repeat-x left;
												  font-size: 9pt; padding-top: 0px}
#hypotheque td.anneerow {text-align: left; padding-left: 9px;}
#hypotheque td.solderow {padding-right: 9px;}
#hypotheque td.c1 {background-color: #f6f6f6;}
#hypotheque td.c2 {background-color: #dddddd;}
#hypotheque td.c3 {background-color: #f1e1e3;}
#hypotheque .annee {text-align: center;}
#hypotheque .sommaire .sommairetitle {text-align: center;}
#hypotheque th {text-align: center; background: #ffffff url('images/ligne_point2.gif') repeat-x left 25px; line-height: 11px; font-size: 9pt}
#hypotheque td {width: auto; background: url('images/ligne_point2.gif') repeat-x left 25px;}
#hypotheque .sommaire td {background-color: #ffffff;}
#calculhypotheque #transaction {margin-top: 5px;}
#calculhypotheque #transaction, #calculhypotheque #result {width: 400px; text-align: right;}
#calculhypotheque #result {margin-top: 7px; padding-right: 72px;}
#calculhypotheque #result[id] {padding-right: 59px; width: 341px;}
#calculhypotheque #ajustements {margin-top: 5px;width: 500px; text-align: right;}
#calculhypotheque #ajustementsTot{border: 1px solid #666666; font: bold 8pt Verdana,sans-serif;}

/* fomulaires */
#formulaire #title {margin-top: 7px;}
#formulaire h3 {background: #ffffff url('images/etoiledouble.gif') no-repeat left 3px; color: #990000;
				padding-left: 17px; margin-top: 2px; font-style:normal; font-variant:normal; font-weight:bold; font-size:7.5pt; font-family:Verdana, sans-serif}
#formulaire #info, #formulaire #cinfo {float: left;}
#formulaire #contact, #formulaire #ccontact {float: right;}
#formulaire #other, #formulaire #permis {clear: both;}
#formulaire #info, #formulaire #contact, #formulaire #cinfo, #formulaire #ccontact {width: 233px; margin: 15px 0; font-weight: bold; padding: 0 5px 0 1px;}
#formulaire h4.etape {font-size: 8pt; height: 17px; background: #ffffff url('images/ligne_point2.gif') repeat-x left 16px;}
#formulaire h5.etape {font-size: 8pt; font-weight: normal; margin-bottom: 6px;}
#formulaire div.redstar label {background: #ffffff url('images/etoilesimple.gif') no-repeat right 3px; padding-right: 10px}
#formulaire .text, #formulaire select {border: 1px solid #747578; height: 17px; width: 100%; font: 8pt Verdana,sans-serif; margin-bottom: 3px;}
#formulaire textarea.text {height: 30px;}
#formulaire #ville, #formulaire #cville {float: left; width: 175px;}
#formulaire #province, #formulaire #cprovince {float: right; width: 50px;}
#formulaire #codepostal, #formulaire #ccodepostal {clear: both;}
#formulaire #other h5 {font-size: 9pt; font-weight: bold; margin-top: 10px;}
#formulaire #other h6 {font-size: 8pt; font-weight: bold; color: #990000; margin-bottom: 4px;}
#formulaire #other #regiontableau {margin-bottom: 10px;}
#formulaire #other #regiontableau td {padding: 1px 0;}
#formulaire #other #regiontableau label {font-size: 8pt; padding: 0 3px; white-space: nowrap;}
#formulaire #other #regiontableau[id] input.checkbox {margin: 3px 0;}
#formulaire #other #type ul {float: left; margin-top: 10px; margin-right: 20px;}
#formulaire #other #type li {width: 200px; margin-top: 10px;}
#formulaire #other #type li .checkbox {margin-right: 5px;}
#formulaire #other #type div {padding-top: 20px;float: left;white-space: nowrap; text-align: right;}
#formulaire #other #type div h6 {text-align: left;}
#formulaire #other #type div .combobox {width: 50px;}
#formulaire #other #acheteur {clear: both; padding-top: 10px;}
#formulaire #other #lstAch {padding-left: 2px; width: 100px;}
#formulaire #divCourtier {margin-top: 20px; border: 1px solid #747578; background-color: #f6f6f6; display: none; padding: 5px 0 5px 3px;}
#formulaire #divCourtier h4.etape {background-color: #f6f6f6;}
#formulaire #divCourtier #permis .text {width: 100px;}
#formulaire #txtComments {height: 68px;}
#formulaire #buttons {clear: both; margin: 10px auto; text-align: center;}
#formulaire .missing {color: #ff0000;}

/* liens */
#liens #title {margin: 7px 0;}
#liens div.link {width: 100%; margin: 20px 0; background: #ffffff url('images/ligne_point2.gif') repeat-y 145px top;}
#liens div.link h3 {float: right; width: 330px; padding-left: 12px; font: normal 8pt Verdana,sans-serif;}

/* contacts */
#contacts #title {margin: 7px 0 3px 0;}
#contacts div.line {margin-bottom: 3px;}
#contacts div#titleline.line {margin-bottom: 13px;}
#contacts img {margin-bottom: 13px}
#contacts #main {float: right; width: 280px;}
#contacts #main img {margin: -10px 0 -4px 0;}
#contacts #main p {margin-bottom: 9px;}
#contacts #main a {color: #000000; font-weight: bold;}
#contacts h3, #contacts #design, #contacts #prog {color: #747578; font-weight: bold; width: 230px;}
#contacts h3 {margin-bottom: 10px; font-size: 9pt;}
#contacts[id] h3 {margin-bottom: 20px;}
#contacts #design a, #contacts #prog a {color: #747578; font-weight: normal;}
#contacts #prog {float: right;}

/* update error message */
#update img {position: absolute; bottom: 0px; right: 0px;}
#update div {position: absolute; top: 205px; left: 50px;}
#update div p {color: #990000;}

/* ccach */
#ccach * {font-size: 10pt;}
#ccach #title {margin: 7px 0 3px 0;}
#ccach div.line {margin-bottom: 3px; font-size: 1pt;}
#ccach a {margin-top: 5px; position: absolute; right: 26px;}
#ccach>a {right: 3px;}
#ccach h1, #ccach h2 {clear: both;}
#ccach h2 {margin-top: 10px;}
#ccach h1 * {font-size: 12pt; font-family: "Arial Black", verdana, sans-serif;}
#ccach h2 * {font-size: 11pt; font-family: "Arial Black", verdana, sans-serif;}
#ccach .m1 {color: #990000;}
#ccach .m2 {color: #999999;}
#ccach sup {font-size: 10pt;}
#ccach .ccitem {clear: both; border-top: 1px solid #999999; width: 100%; margin-top: 3px; padding-top: 2px;}
#ccach div.plus {float: left; font-size: 2px; background: #ffffff url('images/li-minus.jpg') no-repeat left top;
				 width: 11px; height: 11px; cursor: pointer; margin-left:1px; margin-right:2px; margin-top:2px; margin-bottom:0}
#ccach div.plus[class] {margin: 2px;}
#ccach h3 {font-size: 9pt; cursor: pointer; color: #660000;}
#ccach .number1 {width: 15px; float: left;}
#ccach .number1[class] {width: 18px;}
#ccach .number2 {width: 27px; float: left;}
#ccach .number2[class] {width: 30px;}
#ccach .ccbox1 {margin-left: 30px;}
#ccach>.ccbox1 {margin-left: 33px;}
#ccach .ccbox2 {margin-left: 42px;}
#ccach>.ccbox2 {margin-left: 45px;}
#ccach h4 {float: right; font-style: italic;}
#ccach .note {font-style: italic;text-align: justify;}
#ccach ul {margin-left: 25px;}
#ccach li {list-style-image: url('images/fleche.gif'); border-bottom: 1px solid #cccccc; margin-bottom: 2px}
#ccach .ccbox2 li {margin-top: -2px;}
#ccach li p {margin-left: 15px;}
#ccach .ccinfo {display: block;}
#ccach .ccinfo {margin-bottom: 5px;}
#ccach h5 {font-style: italic;}
#ccach .ind00 div, #ccach .ind01 div, #ccach .ind11 div, #ccach .ind0 div, #ccach .ind1 div
	{display: inline; font-family: "Courier New",sans-serif; font-weight: bold; width: 60px;}
#ccach .ind11 div, #ccach .ind1 div, #ccach .li11.ind01 div {color: #009900; margin-right: 5px;}
#ccach .ind01 div, #ccach .ind0 div {color: #990000; margin-right: 6px;}
#ccach .ind01>div, #ccach .ind0>div {color: #990000; margin-right: 12px;}
#ccach .ind00 div {color: #999900; margin-right: 4px;}
#ccach .ind00>div {color: #999900; margin-right: 5px;}
#ccach .ind00 {list-style-image: url('images/ccach2.gif'); list-style-type: square}
#ccach .ind01, #ccach .ind0 {list-style-image: url('images/ccach0.gif'); list-style-type: disc}
#ccach .ind11, #ccach .ind1, #ccach .li11.ind01 {list-style-image: url('images/ccach1.gif'); list-style-type: circle; padding-bottom: 3px}

/* transactions */
#transac #printlink { float: right; }
#transac h3 { margin: 20px 0; }
#transac ul { padding-left: 20px; margin-bottom: 30px; }
#transac h4 { margin: 10px 0; }
#transac .toplink { font-size: smaller; }
#transac p { margin: 10px; }

#rte1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

/* Autre */
div.line {font-size: 1pt; height: 2px; width: 100%; background: #ffffff url('images/ligne_point2.gif') repeat-x left top;}
div#answer p {font: bold 10pt Verdana,sans-serif; margin: 20px 5px;}

.texte-8pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	font-style: normal;
	color: #000000;
	
}