/*
Calculateur d'hypotheque
*/

.hypotheque {
    background: url(../images/hypotheque/background.png) no-repeat right top;
    width: 310px; height: 210px;
    /*padding: 0 22px;*/
    margin: 0px 0 7px;
    float: left;
}
#page-wrap .hypotheque {
    background: #e4e2d7;
	background: -moz-linear-gradient(top,  #e4e2d7 0%, #d0cec5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e2d7), color-stop(100%,#d0cec5));
	background: -webkit-linear-gradient(top,  #e4e2d7 0%,#d0cec5 100%);
	background: -o-linear-gradient(top,  #e4e2d7 0%,#d0cec5 100%);
	background: -ms-linear-gradient(top,  #e4e2d7 0%,#d0cec5 100%);
	background: linear-gradient(to bottom,  #e4e2d7 0%,#d0cec5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e2d7', endColorstr='#d0cec5',GradientType=0 );
	width: 48%; 
	height: 210px;
    margin: 0px 2% 7px 0;
    float: left;
	border:solid 1px #b5b3b0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.6);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.6);
}
#page-wrap .hypotheque-in {
    width: 310px; height: 210px;
    margin: 0 auto;
    }
.hypotheque h2 {
    color: #D33D32;
    font-weight: normal;
    font-size: 11pt;
    line-height: 30px;
    margin-left: 10px;
}

.hypotheque h2,
.hypotheque .result,
.hypotheque .row {
    text-shadow: white 0 1px 1px;
}

.hypotheque .input-container {
    width: 160px;
    float: left;
}
.hypotheque .sign {
    float: left;
    font-size: 14pt;
    padding: 7px 0 0 1px;
    overflow: visible;
    height: 20px;
    line-height: 15px;
}

.hypotheque .row {line-height:12px; font-size:14pt; overflow:hidden; }
.hypotheque .row input {width:102px; color:#A2A09C; font-size: 9pt; float:left; margin-left:10px; height:25px; line-height:25px; }
.hypotheque .row .right {width:272px; height: 37px; float:left; line-height:17px; font-size:10pt; margin: 10px 0 0 10px;}
.hypotheque.en .row .right { line-height:35px; }

.hypotheque .row input,
.hypotheque .row .right {border:1px solid #A2A09C; padding:0 8px; }
.hypotheque .row .right select {width:100px; height:22px; float:right; margin: 7px 0;padding:0;}


.hypotheque .result {
    color: #75736F;
    font-size: 8pt;
    display: block;
    width: 50%;
    float: left;
    margin: 8px 0 0 10px;
}
.hypotheque #result-value {
    font-size: 12pt;
}

.hypotheque .btn-calculer {
    float:right; background:url(../images/hypotheque/btn-calculer.png) no-repeat 0 0; width:141px; height:30px; border:none;
    text-align:left; padding-left:10px;
    color: white;
    margin: 11px 1px 0 0;
    font-size: 9pt;
}
.hypotheque .btn-calculer:hover {float:right; background-position:0 -40px; }