/* CSS Document */

hr
{
	color:#bdc6d7;
}
.pageBody{
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	background-color:#FFFFFF;
	background:#fff url(/img/bg.gif) repeat-x top;
}

.pageAlign {
	width:985px;
	background:url(/img/bgPageContainer.gif) top left no-repeat;
	padding-left:27px;
	padding-right:11px;
}

.topLogoContent{
	background:url(/img/bgLogoTop.jpg) no-repeat;
	height:131px;
	vertical-align:top;
}

.logoPhotos{
	width:233px;
}

.headerInformation{
	height:110px;
	font-family:Arial, Verdana, Sans Serif;
	font-size:22px;
	line-height:24px;
	color:#103674;
	font-weight:bold;
	vertical-align:bottom;
	padding-bottom:3px;
	padding-left:25px;
}

.header{
	height:198px;
	background:url(/img/bgHeader.gif) repeat-x top;
	vertical-align:top;
	
	padding-top:0px;
}

.headerContainer{
	width:947px;
}

/*	HEADER FONTS	*/
.headerSmallText{
	font-size:8px;
	line-height:12px;
	color:#a0a0a0;
	font-weight:normal;
}

.headerMediumText{
	font-size:15px;
	line-height:18px;
}

/******************************
	HEADER MORTGAGE VIEWER
*/
.headerMortgageViewer{
	float:right;
	background:url(/img/taux_bg.jpg) bottom right no-repeat;
	padding-right:6px;
	padding-top:28px;
}	

.headerMortgageViewer .cadreTable{
	height:153px;
	width:222px;
}

.leftMenu .cadreTable, .leftMenu .cadreTableMaison, .leftMenu .cadreTableQuestion, .leftMenu .cadreTablePhone, .leftMenu .cadreTableMail{
	height:auto;
	width:100%;
	border:solid 1px #bdc6d7;
	margin-bottom:3px;
	padding:5px;
}

.leftMenuLinksContainer
{
	background:url(/img/bgLeftMenuLinksContainer.gif) repeat-y;
	margin-bottom:3px;
}


.leftMenu .cadreTableMaison{
	background:url(/img/projet_bg.jpg) no-repeat;
}

.leftMenu .cadreTableQuestion{
	background:url(/img/question_bg.jpg) no-repeat;
}

.leftMenu .cadreTablePhone{
	background:url(/img/phone_bg.jpg) no-repeat;
}

.leftMenu .cadreTableMail{
	background:url(/img/lettre_bg.jpg) no-repeat;
}

.mortgageViewerTitle {
	background:url(/img/mortgageRowBorder.gif) repeat-x bottom;
	padding-bottom:7px;
}

.mortgageRateRow{
	background:url(/img/mortgageRowBorder.gif) repeat-x bottom;
}

.mortgageRateRow td{
	padding:1 0 4 0;
	
	background:url(/img/mortgageRowBorder.gif) repeat-x bottom;
}

.mortgageRateRowAlternate td{
	padding:1 0 4 0;
	
	background:#486a92 url(/img/mortgageRowBorder.gif) repeat-x bottom;
}

/***************************************/

.contactLink:link, .contactLink:hover, .contactLink:visited, .contactLink:active{
	font-size:14px;
	font-family:Arial, Verdana, Sans serif;
	line-height:20px;
	color:#b5d4f4;
	text-decoration:underline;
}

.contactLink:hover{
	text-decoration:none;
	color:#fff;
}

/*****************************************************
			MAIN NAVIGATION
*/

#mainNavigation, #mainNavigation li{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}

#mainNavigation{
	background:url(/img/top_content.jpg) repeat-x bottom;
	padding-bottom:13px;
	width:942px !important;
	width:947px;
	padding-left:5px;
}

#mainNavigation li{
	margin-left:18px;
}

#navigationHome, #navigationConseiller, #navigationTaux, #navigationProduits, #navigationProjets, #navigationCalculateur, #navigationContact, #navigationCarrieres{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	height:46px;
	
	background:url(/img/navigation/accueil.gif) top no-repeat;
	width:61px;
	margin-right:18px;
}

#navigationConseiller{
	background:url(/img/navigation/conseiller.gif) top no-repeat;
	width:110px;
}

#navigationCarrieres{
	background:url(/img/navigation/carrieres.gif) top no-repeat;
	width:77px;
}

#navigationTaux{
	background:url(/img/navigation/taux.gif) top no-repeat;
	width:47px;
}

#navigationProduits{
	background:url(/img/navigation/produits.gif) top no-repeat;
	width:69px;
}

#navigationProjets{
	background:url(/img/navigation/projets.gif) top no-repeat;
	width:58px;
}

#navigationCalculateur{
	background:url(/img/navigation/calculateur.gif) top no-repeat;
	width:96px;
}

#navigationContact{
	background:url(/img/navigation/contact.gif) top no-repeat;
	width:132px;
}

#navigationHome:hover, #navigationConseiller:hover, #navigationTaux:hover, #navigationProduits:hover, #navigationProjets:hover, #navigationCalculateur:hover, #navigationContact:hover, #navigationCarrieres:hover{
	background-position:0 -46;
}

.pageHome #navigationHome, .pageConseiller #navigationConseiller, .pageTaux #navigationTaux, .pageProduits #navigationProduits, .pageProjets #navigationProjets, .pageCalculateur #navigationCalculateur, .pageContact #navigationContact, .pageCarrieres #navigationCarrieres, .pageHome #navigationHome:hover, .pageConseiller #navigationConseiller:hover, .pageTaux #navigationTaux:hover, .pageProduits #navigationProduits:hover, .pageProjets #navigationProjets:hover, .pageCalculateur #navigationCalculateur:hover, .pageContact #navigationContact:hover, .pageCarrieres #navigationCarrieres:hover{
	background-position:bottom;
}

/*****************************************************************/

/*			LEFT MENU			*/

.leftMenu{
	width:227px !important;
	width:231px;
	padding-left:4px;
	padding-top:4px;
}

.leftMenuBullet{
	vertical-align:middle;
}

.contentAlign{
	padding-left:24px;
	padding-right:5px;
	
	background:url(/img/bgContentAlign.gif) no-repeat 0px 4px;
	padding-top:15px;
}

#divContainerFlashAds{
		border:solid 1px #bdc6d7;
		margin-top:3px;
}

#topPageShareUrl{
	float:right;
	text-align:right;
	margin-top:5px;
	/*margin-bottom:-40px;*/
	position:absolute;
	margin-left:610px;
}

.mainContent{
	background-color:#ecf7ef;
	border:solid 1px #cbe8d3;
	padding:5px;
}

.cadreTableGreen{
	border:1px solid #e7eee7;
	background-color:#f4f6f4;
}

.cadreTableHighlight{
	border:solid 1px #aebdd4;
	background-color:#f7f9fb;
	width:70%;
	margin:auto;
	margin-top:15px;
}

.titleBlue{
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#1e427d;
}

.pageTitle{
	font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#1e427d;
}

.contentText, .contentTextBlue, .contentTextGreen, .contentTextDisabled, .mortgageTextWhite, .mortgageTextGreen, .mortgageTextBlue, .smallContentTextBold{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;
	line-height:16px;
}

.contentTextBlue{color:#1d3275;}

.mortgageTextWhite{color:#fff;font-size:16px;font-weight:bold;}

.mortgageTextBlue{color:#a0c9f4;font-size:14px;font-weight:bold;}

.mortgageTextGreen{color:#a6d7b2;font-size:16px;font-weight:bold;}

.contentTextGreen{color:#33503a;}

.contentTextDisabled{color:#8b97bf;}

.titleGreen{
	color:#0b8f36;
	font-size:20px;
	line-height:30px;
	font-family:Arial, Verdana, Sans serif;
}

a.greenLink:link, a.greenLink:hover, a.greenLink:active, a.greenLink:visited{
	color:#0b8f36;
	font-size:20px;
	line-height:30px;
	font-family:Arial, Verdana, Sans serif;
	text-decoration:underline;
}

 a.greenLink:hover{
	text-decoration:none;
	color:#87d9a2;
 }

.smallContentTextBold{
	font-size:14px;
	line-height:15px;
	font-weight:bold;
}

.smallContentTextBold span{
	display:block;
}

#txtPhone span{
	display:inline;
}

a.contentLink:link,a.contentLink:active,a.contentLink:visited{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0C3374; text-decoration:underline;
}

a.contentLink:hover{
	color:#4474C2;
	text-decoration:none;
}

a.contentLinkWhite:link,a.contentLinkWhite:active,a.contentLinkWhite:visited{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff; text-decoration:underline;
}

a.contentLinkWhite:hover{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff; text-decoration:none;
}

.mortgageFullViewAlternate{
	background-color:#fff;
}

.pageTauxHeader{
	background:#004586 url(/img/bgpageTaux.gif) repeat-x top;
}

/******		CONTENT PAGE 	*/

.contentAlign a.contentLink:link,.contentAlign a.contentLink:active,.contentAlign a.contentLink:visited{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#0C3374; text-decoration:underline;
}

.contentAlign a.contentLink:hover{
	color:#4474C2;
	text-decoration:none;
}

.contentAlign a.contentLinkWhite:link,.contentAlign a.contentLinkWhite:active,.contentAlign a.contentLinkWhite:visited{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#fff; text-decoration:underline;
}

.contentAlign a.contentLinkWhite:hover{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#fff; text-decoration:none;
}

.contentAlign .contentText, .contentAlign .contentTextBlue, .contentAlign .contentTextGreen, .contentAlign .contentTextDisabled{
	font-size:14px;
	line-height:20px;
}

#tableInformations font{
	display:block;
}

h1{
	font-family:Arial, Verdana, Sans serif;
	font-size:26px;
	line-height:30px;
	font-weight:normal;
	margin:0;
	color:#0c3374;
	padding:0;
	width:600px;
}

h2{
	font-family:Arial, Verdana, Sans serif;
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	margin:0;
	color:#0c3374;
	padding:0;
}

h3{
	font-family:Arial, Verdana, Sans serif;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	margin:0;
	color:#0c3374;
	padding:0;
	
	background:url(/img/arrow.gif) no-repeat center left;
	padding-left:18px;
}

/***********************************
			FOOTER
*/

.footerText{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#999999;
	line-height:18px;
	text-align:center;
	
	background:url(/img/bgFooter.gif) no-repeat center 10px;
	padding-top:32px;
}

a.footerLink:link,a.footerLink:active,a.footerLink:visited{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#335680; text-decoration:underline;
}

a.footerLink:hover{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#81b5f3; text-decoration:none;
}

.inputBox{
	width:230px; height:20px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#666666;
	border:1px solid #bdc6d7;
}

.inputBoxError{
	width:230px; height:20px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#666666;
	border:1px solid #ff8d8d;
}

.textBox{
	width:100%;
	height:60px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#666666;
	border:1px solid #bdc6d7;
}

.validationInputBox{
	width:150px; height:20px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#666666;
	border:1px solid #bdc6d7;
}

.disabledInputBox{
	width:150px; height:20px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#666666;
	border:1px solid #bdc6d7;
	background-color:#f8f8f8;
}

.validationInputBoxError{
	width:150px; height:20px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#666666;
	border:1px solid #ff8d8d;
}


/*********** Validation Box Error *************/
.ErrorMessageTable{
	background-color:#88a1b0;
	padding:3px 3px 3px 3px;
	margin-left:5px;
	margin-top:5px;
	width:183px;
	border:1px dashed #666666;
	filter:Progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity:0.60;
}


.ErrorMessageTd
{
	font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#FFFFFF;
	padding:2px 2px 2px 2px;
}

/*********** Status Bar *************/
.MessageTable {
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#b0b0b0', Positive='true'); 
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	FONT-WEIGHT:bold; 
	BORDER:1px solid #d5d5d5; 
	WIDTH: 665px; 
	BACKGROUND-COLOR:#ffffff; 
}
.MessageTable .SuccessMessage {
	FONT-WEIGHT:bold; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 42px; 
	FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url(../img/SuccessMessageIcon.gif); 
	PADDING-BOTTOM: 5px; 
	VERTICAL-ALIGN: middle; 
	COLOR: #05580C; 
	PADDING-TOP: 5px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 42px;
}
.MessageTable .SuccessMessage A {
	FONT-WEIGHT:bold; 
	COLOR: #05580C; 
	TEXT-DECORATION: underline;
}
.MessageTable .ErrorMessage {
	FONT-WEIGHT:bold; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 42px; 
	FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url(../img/ErrorMessageIcon.gif); 
	PADDING-BOTTOM: 5px; 
	VERTICAL-ALIGN: middle; 
	COLOR: #dc0000; 
	PADDING-TOP: 5px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 42px;
}
.MessageTable .ErrorMessage A {
	FONT-WEIGHT:bold; 
	COLOR: #dc0000; 
	TEXT-DECORATION: underline;
}
.MessageTable .WarningMessage {
	FONT-WEIGHT:bold; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 42px; 
	FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url(../img/WarningMessageIcon.gif); 
	PADDING-BOTTOM: 5px; 
	VERTICAL-ALIGN: middle; 
	COLOR: #993300; 
	PADDING-TOP: 5px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 42px;
}
.MessageTable .WarningMessage A {
	FONT-WEIGHT:bold; 
	COLOR: #993300; 
	TEXT-DECORATION: underline;
}

/******************************
		FACEBOOK SECTION	
*/
#faceBookCarole, #facebookConrad{
	position:absolute;
	top:213;
	margin-left:-27px;
}

#facebookConrad{
	top:116;
}

/**************************************
		COLLABORATEURS
*/
.collaboTitle{
	background:url(/img/bgCollaborateursTitle.gif) no-repeat;
	height:22px !important;
	height:24px;
	text-align:left;
	float:left;
	padding-left:10px;
	padding-top:2px;
	font-weight:bold;
}

.collaboTitleRound{
	background:url(/img/bgCollaborateursTitleRound.gif) no-repeat;
	height:23px;
	width:12px;
	float:left;
}

.collaboTitleContainer{
	background:url(/img/bgCollaborateursTitleContainer.gif) no-repeat bottom;
	float:left;
	width:316px;
}

.collaborateursContainer{
	width:316px;
	background:url(/img/bgCollaborateursContainer.gif) no-repeat bottom;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	float:left;
}

.collaborateursTitle{
	background:url(/img/bgCollaborateursTitle.gif) no-repeat top 1px;
	height:24px;
	}