html, body{
height: 100%;
}
body {
margin-top:0px;
padding: 0px;
font: 12px Arial, Verdana, Helvetica, sans-serif;
color: #003366;
background-color: #eaeaea;
} 
a {
color:#669933;
text-decoration:underline;
font-weight:normal;
font-style:normal;
background-color:inherit;
} 
a img{ border-style: none; } 
a:hover {
color:#669933;
text-decoration: none;
background-color:inherit;
} 
a.bleu {
color:#336699;
text-decoration:none;
font-weight:bold;
font-style:normal;
font-size: 11px;
background-color:inherit;
} 
a.bleu:hover {
color:#990000;
text-decoration:underline;
background-color:inherit;
} 

#contentarea { 
position:relative;
width: 950px; 
min-height: 100%;
margin: 0px auto;
padding: 0px;
background:url(images/fondpage.gif) repeat;
}
#entete {
position:relative;
float: left;
width: 950px; 
height: 63px; 
background:url(images/entete.jpg) no-repeat;
padding : 0px;
margin : 0px;	
} 
#topmenu {
position:absolute;
top: 46px;
left: 424px;
width: 520px;
height: 17px;
background-color:inherit;
padding : 0px;
margin : 0px;	
color : #003366;
} 
#topmenu a {
padding : 0px;
margin : 0px;	
color: #003366;
font-size: 11px;
font-weight:bold;
text-decoration:none;
} 
#topmenu a:hover {
padding : 0px;
margin : 0px;	
color: #f5f5f5;
font-size: 11px;
font-weight:bold;
} 
#centre {
position:relative;
float:left;
width: 950px;
height: 100%;
min-height: 100%;
background:url(images/fondpage.gif) repeat;
margin : 0px;
padding-bottom: 35px;	
} 
#menu {
position:relative;
float: left;
width: 231px;
height: auto;
background :url(images/menu.gif) repeat;
padding : 0px;
margin : 0px;
color: #006699;
font-size: 14px;

} 
.menuoff {
color: #006699;
font-size: 14px;
font-weight:bold;
} 

#menuhaut {
position:relative;
float:left;
width: 231px;
height: 109px;
background :url(images/menutop.jpg) no-repeat;
padding : 0px;
margin : 0px;	
}

#menuhauttel { position:relative; float:left; top:29px; left:60px; color:#95b7d2; font-size:23px; font-weight:bold; font-family:Helvetica }
#menuhautnom { position:absolute; float:left; top:17px; left:45px; color:#FFFFFF; font-size:14px; font-weight:normal; font-family:Helvetica }

.menupromotion {
position:relative;
float:left;
width: 225;
height: auto;
background :url(images/menupromotion.gif) no-repeat;
padding : 0px;
margin : 5px 0px 5px 13px;	
font-size:12px;
}
.menupromotiontitre {
padding : 1px 2px 2px 4px;
margin : 1px 2px 2px 4px;	
color: #006699;
}

.menupromotiontexte {
position:relative;
float:left;
width: 185px;
padding : 4px 0px 4px 0px;
margin : 0px 4px 0px 0px;
color: #006699;	
}
.menupromotionbanque {
position:relative;
float:left;
width: 190px;
height: 18px;
background :url(images/promotionBanque.gif) no-repeat;
padding : 0px;
margin : 0px 0px 0px 0px;
color: #006699;	
text-align: right;
}
.menupromotionhypo {
position:relative;
float:left;
width: 190px;
height: 17px;
background :url(images/promotionHypo.gif) no-repeat;
padding : 0px;
margin : 0px 0px 4px 0px;
color: #669933;	
text-align: right;
}
.menuboite {
position:relative;
float:left;
width: 231px;
height: 26px;
padding : 0px;
margin : 0px;	
}
.adresse {
position:relative;
float:left;
width: auto;
padding : 0px 2px 2px 12px;
margin : 0px;	
color: 003366;
font-size: 90%;	
line-height: 13px;
}

.petit{
font-size: 90%;	
}

#menubas {
position:relative;
float:left;
width: 231px;
height: 129px;
background :url(images/menubas.gif) no-repeat;
padding : 0px;
margin : 0px;	
}
#menu a {
color: #006699;
text-decoration:none;
font-weight:bold;
font-style:normal;
font-size: 14px;
line-height: 12px;
background-color:inherit;
} 
 #menu a:hover {
color: #669933;
background-color:inherit;
} 
#centredroit {
position:relative;
float:left;
width: 719px;
height: 100%;
min-height: 100%;
background-color:inherit;
margin : 0px;		
padding : 0px;
} 
#entetephoto {
position:relative;
float: left;
width: 719px; 
height: 169px; 
background:url(images/entete_photo.jpg) no-repeat;
padding : 0px;
margin : 0px;	
} 
#termehypothecaire {
position:relative;
float:left;
width: 719px;
height: 33px;
background:url(images/termehypothecaire.gif) no-repeat;
padding : 0px;
margin : 0px;	
text-align: right;
} 
#termehypothecairecontenu {
padding : 0px 219px 0px 0px;
margin : 0px;	
text-align: right;
} 
#hypotheque {
position:absolute;
top: 17px;
left: 602px;
width:109px;
height: 14px;
margin: 0px; 
padding : 0px;
background-color:inherit;
text-align: center;
font-size: 11px;
font-weight: bold;
}
#banque {
position:absolute;
top: 17px;
left: 521px;
width:84px;
height: 14px;
margin: 0px; 
padding : 0px;
background-color:inherit;
text-align: center;
font-size: 11px;
font-weight: bold;
}
#centrecontenu {
position:relative;
float:left;
width: 480px;
height: 100%;
min-height: 100%;
background-color:inherit;
margin : 0px;		
padding : 20px 20px 10px 20px;
} 
#centrecontenularge {
position:relative;
float:left;
width: 675px;
height: 100%;
min-height: 100%;
background-color:inherit;
margin : 0px;		
padding : 20px 20px 10px 10px;
} 
#colonnedroite {
position:absolute;
top: 220px;
right: 7px;
width:175px;
height: 257px;
margin: 0px; 
padding : 0px;
background:url(images/strategiehyp.gif) no-repeat;
}
.titreblanc {
margin: 0px; 
padding : 24px 0px 3px 10px;
color: #ffffff;
font-size: 16px;
font-weight:bold;
font-family: "Times New Roman", Georgia, Times;
line-height: 14px;
}
#colonnedroitecontenu {
margin: 0px; 
padding : 10px 5px 2px 7px;
line-height: 12px;
}
.soustitrebleu {
margin: 0px; 
padding : 0px;
color: #006699;
font-weight:bold;
font-size: 100%;
}
.vert16 {
color: #669933;
font-weight:bold;
font-size: 16px;
margin: 0px; 
padding : 2px 0px 0px 0px;
}
.vert{
color: #669933;
font-weight:bold;
margin: 0px; 
padding : 0px;
}
#centrecontenu h1 {
font-size: 180%;
margin: 0px;
padding: 0px 0px 5px 0px 0px;
font-weight: bold;
color: #669933;
background-color: inherit;
font-family: "Times New Roman", Georgia, Times;
}
.titrevert {
font-size: 180%;
margin: 0px;
padding: 0px 0px 5px 0px 0px;
font-weight: bold;
color: #669933;
background-color: inherit;
font-family: "Times New Roman", Georgia, Times;
}
#centrecontenu h2 {
font-size: 130%;

font-weight:bold;
color:#006699;
background-color:inherit;
}
#centrecontenu h3 {
font-size: 14px;
margin: 0px; 
padding : 7px 10px 3px 10px;
font-weight:bold;
color:#003366;
background-color:inherit;
}
#centrecontenu h4 {
font-size: 14px;
margin: 0px; 
padding : 17px 10px 3px 10px;
font-weight:bold;
color:#990000;
background-color:inherit;
}
#centrecontenularge h1 {
font-size: 180%;
margin: 0px;
padding: 0px;
font-weight: bold;
color: #669933;
background-color: inherit;
font-family: "Times New Roman", Georgia, Times;
}
#centrecontenularge h2 {
font-size: 130%;
margin: 0px;
padding: 0px;
font-weight:bold;
color:#234334;
background-color:inherit;
}
#centrecontenularge h3 {
font-size: 14px;
margin: 0px; 
padding : 7px 10px 3px 10px;
font-weight:bold;
color:#003366;
background-color:inherit;
}
#centrecontenularge h4 {
font-size: 14px;
margin: 0px; 
padding : 17px 10px 3px 10px;
font-weight:bold;
color:#990000;
background-color:inherit;
}
#tableau {
margin: 0px 0px 0px 25px; 
padding : 0px;
}
#tableau h1 {
font: 12px Arial, Verdana, Helvetica, sans-serif;
margin: 0px; 
padding : 0px;
font-weight:normal;
color:#003366;
background-color:inherit;
}
#tableau h2 {
font-size: 18px;
margin: 0px; 
padding : 0px;
font-weight:bold;
color:#003366;
background-color:inherit;
}
#baspage { 
position: absolute; 
width: 950px; 
height: 35px; 
bottom: 0px; 
background: url(images/baspage.gif) no-repeat; 
}
#baspagecontenu {
margin:0px;
padding : 4px 8px 4px 0px;
text-align: right;
font-size:90%;
font-weight: bold;
color: #006699;
}
.boxclear  { 
clear: both; 
line-height: 0px; 
}

input.obli, select.obli
{
	background-color: #E7ECEF;

}