html, body {
    background-color: #175179;
    font-family: Arial, Verdana, Sans-Serif, Comic Sans MS;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

table
{
	background-color: #ffffff;
font-size: 12px;
}

.customDealerTable {	
	background-color: #ffffff;
	border: 2px solid #efcf31;	
}

div{
 text-align: center;	
}

fieldset {
  border-color: #175179;
}

legend {
  color: #175179;
  font-weight: bold;
}


/**** AUTO-CALCULATOR ****/
.autoCalculator {
  background-color: #efefef;
  border: 2px solid #10517b;
  width: 600px;
}
.autoCalculator table {
  border: 2px solid #efcf31;
  width: 100%;
}

.contractMainRow
{	
	background-color :#C8D5DF;	
}

/** DESJARDINS **/
div .globalDesjardins 
{
  text-align:center ;
  margin:auto;
  width:100%;
}

/** Policies **/
.policies {
  width : 90%;
  margin:auto;
  margin-top : 20px;
}
.policies .title {
  background-color : #000080 ;
  color : #ffffff ;
  font-size : 14px;
  font-weight : bold ;
  margin-top:10px;
  padding-top:5px;
  padding-bottom:5px;
  border: 2px #999999 dotted;
}
.policies .text {
  padding-bottom : 10px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right:10px;
  background-color: #ffffff;
}
.policies .accept 
{
  height: 26px;
  padding-top:5px;
  margin-top:10px;
  font-weight:bold;
  font-size:14px;
  background-color:#ffffff;
  border:2px #999999 dotted;
}
.policies .accept div {
  float: left;
}
.policies .accept .checkbox {
  width: 50%;
  text-align: left;
}
.policies .accept .button {
  text-align: right;
  width: 50%;
}

/** Receipt **/
.receipt {
  width:90%;
  margin:auto;
  margin-top:20px;
  background-color:#ffffff;
  border: 2px solid #efcf31;
  text-align:left;
}
.receipt .header{
  width:auto;
  margin: 10px 0px 20px 10px;
  padding-bottom:20px;
  border-bottom:1px dotted #000000;
}
.receipt .header .logo{
  float:left;
}
.receipt .header .title{
  font-weight:bold;
  font-size:26px;
}
.receipt .header .messageDesjardins{
  font-weight:bold;
  font-size:14px;
  clear:both;
  color: #ff0000;
  text-align:left;
  padding-top:10px;
}
.receipt .policies{
  width:auto;
  margin: 0px 10px 0px 10px;
}
.receipt .information {
  margin:10px 10px 10px 10px;
}
.receipt .information .block {
  border: 1px dotted #000000;
  float:left;
  margin: 1px 1px 1px 1px;
  clear:both;
}
.receipt .information .block div {
  float:left;
  text-align:left;
  padding-left:5px;
  padding-right:5px;
}
.receipt .information .block .title{
  width:200px;
  font-weight:bold;
}
.receipt .information .block .value{
  width:300px;
}
.receipt .information .block .titleRight{
  width:200px;
  font-weight:bold;
  text-align:right;
}
.receipt .information .block .valueRight{
  width:50px;
  text-align:right;
}

/** Paiement **/
.paiement {
  width:90%;
  margin:auto;
  margin-top:20px;
  background-color:#ffffff;
  border: 2px solid #efcf31;
  padding:30px 30px 30px 30px;
}




.tableChoice {
  margin-left: 4px;
}
.tableChoice ul {
  margin: 0px;
  padding: 0px 0px 0px 15px;
}
.tableChoice tr td {
	padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #c8d5df;
}
.tableChoice div {
  text-align: left;
}
.tableChoice div.logo {
  text-align: center;
}
.tableChoice div.title {
  color: #175179;
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
  text-align: center;
 height: 13px;
}
.tableChoice div.content{
 padding: 5px;
 padding:  5px 20px 3px 15px;
 margin-left: 10px;
clear:both;
}
.tableChoice div.content li {
  list-style:url(../../../images/sg_list_ticks.gif)
}


.tableChoice div.link {
  margin-top: 5px;
  padding-left: 15px;
}
.tableChoice div.link a {
  color: #175179;
}
.clear{
  clear:both;
}