


body {
 position : absolute;
 width: 99%;
 background-color: #F0F8FF;
	

}

img {
border: none;
}

A:link {
	COLOR: #0000FF; text-decoration: none;
}
A:visited {
	COLOR: #0000FF; text-decoration: none;
}
A:active {
	COLOR: #0000FF; text-decoration: none;
}
A:hover {
	COLOR: #FF0000; text-decoration: underline;
}

#page_wrapper {
  
  height: 100%;
  text-align: left;
  background: #F0F8FF;
  
}



#header {
  height: 100px !important;
	height: 140px;
  padding:20px !important;
 padding:0px;
   background: #4E7DD1 url('../images/rp.png') top left no-repeat;
  margin-top:-15px  !important;
  margin-top:0px;
}

#header h1 {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 28px;
 text-align: left;
  color:#ffffff;
  letter-spacing: -1px;
}

#header h2 {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color:#B1C6EB;
 letter-spacing: 1px;
  
}
#nav {
	position: absolute;
	left: 775px;
	top: 40px;
	width: 400px;
}

#left_side {
  float: left;
  width: 215px;
height:100%;
  background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;
  
}

#right_side {
   float: right; 
 width: 200;
  height:100%;
 
  background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;
}

#content
{
  margin : 0px auto; 
  text-align: center;
  background: #FFFFFF;
 
}



#footer {
  height: 50px;
  background-color: #4E7DD1;
  clear: both;
  text-align: center;
  padding-top:12px;
  color: #B6CEF9;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
}

#footer A:link {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:visited {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:active {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:hover {
	COLOR: #FFFFFF; text-decoration: underline;
}

#left_side p, #right_side p {
 margin-top:10px;margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: Red;
}
#left_side h2, #right_side h2 {
  margin-top:5px; margin-bottom:10px; 
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #FFFFFF;
  border:1px solid #0F3974;
  background-color: #CC0000;
}

#left_side h3, #right_side h3 {
  margin-bottom:5px; 
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #FFFFFF;
  border:1px solid #0F3974;
  background-color: #2153AA;
}

#left_side h4, #right_side h4 {
  margin-top:10px;margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}
#left_side h5, #right_side h5 {
  margin-top:10px;margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#content p {
  margin-top:15px; margin-bottom: 0px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  
}

#navlist
{
  margin-top:15px;
  margin-bottom:0px;
  text-align:center;
  padding: 5px 0;
  margin-left: 0;
  border-bottom: 1px solid #0F3974;
  font: bold 22px Verdana, sans-serif;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;

}

#navlist li a
{
  color: #F1F6FE;
  padding: 5px 15px;
  margin-left: 3px;
  border: 1px solid #0F3974;
  border-bottom: none;
  background: #2153AA url('../img/tab_bg.gif') bottom left repeat-x;
  text-decoration: none;
}

#navlist li a:link { color: #AF1F6FE; }
#navlist li a:visited { color: #F1F6FE; }

#navlist li a:hover
{
  color: #FFFFFF;
  background: #3364BB;
  border-color: #0F3974;
}

#navlist li a#current
{
  color: #000;
  background:#ADD8E6;	
  border-bottom: 1px solid #FFFFFF;
}




h1
{	text-align:center;

font-family: verdana, arial, sans-serif;	
	font-size: 1.5em;	
	
	font-weight: bold;
	color: #CC0000;
	letter-spacing: -1px;
}
h4
{	text-align:center;
font-family: verdana, arial, sans-serif;	
	font-size: 1.5em;
	font-weight: bold;
	color: Green;
	letter-spacing: -1px;
}



#navlist2
{
	
margin : 20px auto;

  text-align:center; 
  font: bold 12px Verdana, sans-serif;
}

#navlist2 li
{
  
  display: inline;
}

#navlist2 li a
{
  color: #F1F6FE;
  padding: 5px 15px;
  margin-right: 10px;
 
  border-bottom: none;
  background: #CC0000 url('../img/tab_bg.gif') bottom left repeat-x;
  text-decoration: none;
}

#navlist2 li a:link { color: #F1F6FE; }
#navlist2 li a:visited { color: #F1F6FE; }

#navlist2 li a:hover
{
  color: #FFFFFF;
  background: #3364BB;
  border-color: #0F3974;
}

#navlist2 li a#current
{
  color: #FFFFFF;
  background: #CC0000;
  border-bottom: 1px solid #FFFFFF;
}


#navlist3
{
   margin-top:0px;
  margin-bottom:0px;
  text-align:center;
  padding: 5px 0;
  margin-left: 0;
  text-align:center;
 background:#ADD8E6;
  border-bottom: 1px solid #0F3974;
  font: bold 14px Verdana, sans-serif;
	
}

#navlist3 li
{
  
   margin-top:1px;
  margin-bottom:1px;
  margin-left: 1px;
  margin-right: 1px;
 padding: 0 40 0 40;
  display: inline;
}

#navlist3 li a
{
  color: #F1F6FE;
  padding: 5px 15px;
  margin-left: 10px;
  border: 1px solid #0F3974;
  border-bottom: none;
  background:#A0522D url('../img/tab_bg.gif') bottom left repeat-x;
  text-decoration: none;
}

#navlist3 li a:link { color: #F1F6FE; }
#navlist3 li a:visited { color: #F1F6FE; }

#navlist3 li a:hover
{
  color: #FFFFFF;
  background:#A0522D;
  border-color: #0F3974;
}

#navlist3 li a#current
{
  color: #000;
  background:#D2B48C;	
  border-bottom: 1px solid #FFFFFF;
}




h1
{	text-align:center;

font-family: verdana, arial, sans-serif;	
	font-size: 1.5em;	
	
	font-weight: bold;
	color: #CC0000;
	letter-spacing: -1px;
}
h4
{	text-align:center;
font-family: verdana, arial, sans-serif;	
	font-size: 1.5em;
	font-weight: bold;
	color: Green;
	letter-spacing: -1px;
}






#picturelist { 
margin : 0px auto; 
text-align:left;
width:720px;
height:100%;
}

#picturelist ul
{
height:100%;
margin : 0px auto;
width:720px;

}


#picturelist li {
list-style: none;
float:left;
height:290px;
margin-top:0px;
margin-right:5px;
margin-bottom:20px;
margin-left:0px;
font-weight:bold ;
color:Black;
border:2px solid Black;
 display: inline;

}



#picturelistN { 
margin-left:0px;
margin-right:0px;
text-align:left;
width:940px;
height:100%;
background:#D2B48C;	
}

#picturelistN ul
{
height:100%;
margin : 0px auto;
width:950px;


}


#picturelistN li {
list-style: none;
float:left;
height:420px;
width:295px;
margin-top:0px;
margin-right:5px;
margin-bottom:20px;
margin-left:0px;
font-weight:bold ;
color:Black;
border:2px solid Black;
 display: inline;


}



#picturelistNA { 
margin : 0px auto; 
margin-left:0px;
text-align:left;
width:950px;
height:100%;
background:#D2B48C;
}

#picturelistNA ul
{
height:100%;
margin-left:0px;
width:950px;


}


#picturelistNA li {
list-style: none;
float:left;
height:440px;
width:290px !important;
width:310px;
margin-top:0px;
margin-right:5px;
margin-bottom:20px;
margin-left:0px;
font-weight:bold ;
color:Black;
border:2px solid Black;
 display: inline;


}


#SubTab100 ul
{
height:100%;
margin : 0px auto;
width:720px;

}

#SubTab100 li {
list-style: none;
float:left;
height:420px;
margin-top:0px;
margin-right:5px;
margin-bottom:20px;
margin-left:0px;
font-weight:bold ;
color:Black;
border:2px solid Black;
 display: inline;

}
#SubTab200, #SubTab300 ul
{
height:100%;
margin : 0px auto;
width:720px;

}

#SubTab200 li {
list-style: none;
float:left;
height:420px;
margin-top:0px;
margin-right:5px;
margin-bottom:20px;
margin-left:0px;
font-weight:bold ;
color:Black;
border:2px solid Black;
 display: inline;

}
#SubTab300 ul
{
height:100%;
margin : 0px auto;
width:720px;

}

#SubTab300 li {
list-style: none;
float:left;
height:420px;
margin-top:0px;
margin-right:5px;
margin-bottom:20px;
margin-left:0px;
font-weight:bold ;
color:Black;
border:2px solid Black;
 display: inline;

}
#SubTab400, #SubTab300 ul
{
height:100%;
margin : 0px auto;
width:720px;

}

#SubTab400 li {
list-style: none;
float:left;
height:420px;
margin-top:0px;
margin-right:5px;
margin-bottom:20px;
margin-left:0px;
font-weight:bold ;
color:Black;
border:2px solid Black;
 display: inline;

}
#SubTab500 ul
{
height:100%;
margin : 0px auto;
width:720px;

}

#SubTab500 li {
list-style: none;
float:left;
height:420px;
margin-top:0px;
margin-right:5px;
margin-bottom:20px;
margin-left:0px;
font-weight:bold ;
color:Black;
border:2px solid Black;
 display: inline;

}




#picturelistV  { 
margin : 0px auto; 
text-align:left;
width:720px;
height:100%;
background:#ADD8E6;
}

#picturelistV   ul
{
height:100%;
margin : 0px auto;
width:720px;

}


#picturelistV   li {
list-style: none;
float:left;
height:85px;
margin-top:0px;
margin-right:5px;
margin-bottom:20px;
margin-left:0px;
font-weight:bold ;
color:Black;
border:2px solid Black;
 display: inline;

}


.mandat { width:30%; font-size: 10pt; font-weight: bold; vertical-align: top;
		 background: #ffffff url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/bgliste.gif')  no-repeat 3px bottom;
	padding-left:5px;padding-right:5px;padding-bottom:20px;
}
.mandat * {font: bold 8pt Verdana,sans-serif;}

.mandat p {background: url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/ligne_point.gif') repeat-x bottom;text-align:center;

 }

.mandatN { width:290px; font-size: 10pt; font-weight: bold; vertical-align: top;
		 background: #ffffff url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/bgliste.gif')  no-repeat 3px bottom;
	padding-left:5px;padding-right:5px;padding-bottom:20px;
}
.mandatN * {font: bold 10pt Verdana,sans-serif;line-height:18pt;}

.mandatN p {background: url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/ligne_point.gif') repeat-x bottom;text-align:center;

 }

.icons div {float: left; width: 90%; padding-bottom:8px;padding-top:10px;}



.HiddenMenu {
	margin: 0px;
	display: none;
}





.featurebox_center {
  background-color: #fffff6;
  margin:0px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.featurebox_side {
  background-color: #fffff6;
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.menu {
  margin:0px;margin-left:10px;margin-right:0px;margin-bottom:5px;
  padding:0px;
font-family: verdana, arial, sans-serif;
letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;

  
}

.menu li {list-style-image: url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/fleche.gif'); margin-left: 20px}


.menuNew {
  margin:0px;margin-left:10px;margin-right:0px;margin-bottom:5px;
  padding:0px;
font-family: verdana, arial, sans-serif;
letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
display: none;
  
}

.menuNew li {list-style-image: url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/fleche.gif'); margin-left: 20px}

.sousmenu {
width: 205px;
  background-color: #C4D7ED;
  margin:10px;
  padding:0px;
  border: 0px solid #234CA5;
  font-family: verdana, arial, sans-serif;
letter-spacing: 1px;
  font-size: 11px;
 font-weight: bold;
  line-height: 14px;
  color: #333333;


}
.sousmenu li {list-style-image: url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/fleche.gif'); margin-left: 15px}

/* OLD */



#login, #logged {width: 215px;background-color:#84D41D; margin-top: 5px;text-align: center;}
#login h3, #logged h3 {font-size: 10pt; width: 121px; border-bottom: 1px solid #666666;}

#login p, #logged p {font-weight: normal; margin-top: 0px;}
#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: 79px; width: 74px;}
#logged input.button {margin-top: 10px; width: 130px;}
#login a {font-weight: bold; font-size: 12pt; white-space: nowrap; color: #666666;}
#inscription {font-size: 12px; text-align: center; font-weight: bold;}
#inscription a {color: #006600;}
#errmess {text-align: center; color: #cc0000;}

/* mandats et comparables et mandatsAch*/
#tab {width: 685px; height: 24px;}
.tab1 {background: #ffffff url('img/tab_1.gif') no-repeat;}
.tab2 {background: #ffffff url('img/tab_2.gif') no-repeat;}
.tab3 {background: #ffffff url('img/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;}

/* quisuisje */
#quisuisje {width:95%;}
#quisuisje #title {margin-top: 5px;}
#quisuisje h2 {background: #ffffff url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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 li {margin: 0 auto;}
#quisuisje ul li {list-style-image: url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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: 354px;}
#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: 40px;}
#duree {float:right;}
#duree[id] {margin-right: 4px;}
#paiements {clear:both;}
#paiements select, #composition select {width:124px; margin-top: 10px; margin-bottom: 10px; height: 17px;}
#composition select {float: right; margin-left: 4px; margin-top: 10px;}
#composition {line-height: 21px;}
#option {clear: both; height: 35px; padding-top: 14px; background: #ffffff url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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: 3px; border-color: Black;
							   font: bold 7pt Verdana,sans-serif; color: Blue;}
#mensualite {width: 221px; text-align: center; background: #ffffff url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/ligne_point2.gif') repeat-x left 25px; line-height: 11px; font-size: 9pt}
#hypotheque td {width: auto; background: url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/ligne_point2.gif') repeat-x left 25px;}
#hypotheque .sommaire td {background-color: #ffffff;}
#calculhypotheque #transaction {margin-top: 5px;}
#calculhypotheque #transaction input.button {border-color: #666666; border-width: 3px; border-color: Black;
							   font: bold 7pt Verdana,sans-serif; color: Blue;}
#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 {width: 100%;
	margin-top: 10px;
    margin-left: 0;
    margin-right: auto;
    position:relative;
    background-color: #FFF;
    border: 2px solid #990000;}

#formulaire #title {margin-top: 7px;}
#formulaire h3 {background: #ffffff url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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 #rapport {float: left;}
#formulaire #contact, #formulaire #ccontact {float: right;}
#formulaire #other, #formulaire #permis {clear: both;}
#formulaire #info, #formulaire #contact, #formulaire #cinfo, #formulaire #ccontact {width: 273px; margin: 15px 0; font-weight: bold; padding: 0 5px 0 1px;}
#formulaire h4.etape {font-size: 14pt; height: 17px; background: #ffffff url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/ligne_point2.gif') repeat-x left 16px;color: #990000;}
#formulaire h5.etape {font-size: 8pt; font-weight: normal; margin-bottom: 6px;}
#formulaire div.redstar label {background: #ffffff url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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: 12pt; 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;margin-bottom: 10px;}
#formulaire #other #type li {width: 200px; margin-top: 10px;}
#formulaire #other #type li .checkbox {margin-right: 5px;}
#formulaire #other #grandeur {clear: both; padding-top: 10px;}
#formulaire #other #grandeur h6 {text-align: left;}
#formulaire #other #grandeur .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('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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: 380px;}
#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('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/ccach2.gif'); list-style-type: square}
#ccach .ind01, #ccach .ind0 {list-style-image: url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/images/ccach0.gif'); list-style-type: disc}
#ccach .ind11, #ccach .ind1, #ccach .li11.ind01 {list-style-image: url('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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('http://aineshebergement.dtdns.net/WebResidences/richardperreault/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;
	
}

div.polaroid
{
width:204px;
padding:5px 5px 5px 5px;
margin-bottom:5px;
border : 5px solid #ccc ;
background-color:white;
/* Add box-shadow */
box-shadow:2px 2px 3px #aaaaaa;
}

div.polaroid2
{
width:560px;
padding:5px 5px 5px 5px;
border : 10px solid #ccc ;
background-color:white;
-moz-border-radius : 10px ;
 -webkit-border-radius : 10px ;
/* Add box-shadow border:1px solid #BFBFBF;*/
box-shadow:2px 2px 2px #aaaaaa;
}
div.rotate_left
{
float:left;
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
transform:rotate(7deg);
}
div.rotate_left2
{
float:left;
-ms-transform:rotate(0deg); /* IE 9 */
-moz-transform:rotate(0deg); /* Firefox */
-webkit-transform:rotate(0deg); /* Safari and Chrome */
-o-transform:rotate(0deg); /* Opera */
transform:rotate(0deg);
}


div.rotate_right
{
float:left;
-ms-transform:rotate(-8deg); /* IE 9 */
-moz-transform:rotate(-8deg); /* Firefox */
-webkit-transform:rotate(-8deg); /* Safari and Chrome */
-o-transform:rotate(-8deg); /* Opera */
transform:rotate(-8deg);
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}


#colonneDroite {
	width: 199px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#annonces {
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}



#annonces ul {
	margin: 0px;
	padding: 0px;
}
#annonces ul li {
	margin-bottom: 20px;
	text-decoration: none;
	list-style-type: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
#annonces ul li:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.texte_annonce {
	padding: 10px;
}