/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{background:#ECECEC; margin:10px 0 0 0; padding:0; text-align:center;}
body{behavior:url("inc/csshover.htc");}
html{font-family: Arial, Verdana, Tahoma;}

h1, h2, p, form, div, ul, li, a, img{ margin:0; padding:0; border:0;}
h1{font-size: 17px; color: #3a6e8f;/*#7f1419*/ text-align: left; padding: 5px 0 5px 0; margin:0 0 2px 0;}
h1 em{/*font-weight: normal;*/ font-style: normal; font-size: 17px;}
h2{font-size: 16px; color: #7f1419; text-align: left; padding: 2px 0 2px 0; margin:0 0 2px 0;}
h2 em{font-weight: normal; font-style: normal; font-size: 14px;}
h2 a, h2 a:link, h2 a:visited{color:#3A6E8F;text-decoration:none;}
h3{font-size: 14px; color: #7f1419; text-align: left; padding: 2px 0 2px 0; margin:0 0 2px 0;}
h3 a, h3 a:link, h3 a:visited{color:#3A6E8F;text-decoration:none;}
h3 a:hover, h3 a:visited:hover{text-decoration:underline;}
h4{font-size: 14px; color: #3a6e8f; text-align: left; padding: 2px 0 2px 0; margin:0 0 2px 0;}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto;
	width:999px;
	text-align:center;
	background:#FFF url(gx/m/cadre_bg_fr.gif) repeat-y;
}
#hautPage{
	background-color:#B9C7D4;
	background-repeat:no-repeat;
	width:975px;
	height: 108px;
	margin: 0 auto 0 auto;
	margin-bottom:5px;
	position:relative;
}
#contenu{
	width:975px;
	margin: 0 auto 0 auto;
	text-align: center;
	background: url(gx/m/coin_degrade.gif) no-repeat top left;
	/*position: relative;
	z-index: 1;*/
}
#contenuPage{
	width:932px;
	margin: 0 auto 0 auto;
	text-align: left;
}

.boiteBasPage{
	color:#FFF;
	font-size:10px;
	padding:14px 18px;float:left;text-align:left;
	display: block;
}
.boiteBasPage a, .boiteBasPage a:hover, .boiteBasPage a:hover:visited{
	color:#FFF;
}

#bas{
	margin: 0 auto 0 auto;
	width:985px;
	text-align:center;
}

#slogan{
	display:block;
	position:absolute;
	color:#fff;
	float:left;
	margin:0; padding:0;
	height:10px;
	left:247px; top:37px;
	font-size:14px;
	font-weight:bold;
}

#promo{
	display:block;
	float:right;
	width:212px;
	height:180px;
	margin:0;
	padding:0;
	color:#7f1419;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

/*Example CSS for the two demo tickers*/
#domticker{width:200px; height:40px; float:left;}
#domticker div{/*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/ /*background-color: #FFFFCA;*/}
#domticker a{font-weight: bold;}
.monTicker{font-size: 12px;}

#moduleRecherche{
	background:url(gx/M/recherche_fond.jpg) no-repeat;
	width:284px; height:275px;
	padding:15px 10px;
	float:left;
	margin-left:10px;
}

#moduleRecherche h1{color:#fff;font-size:24px;padding-bottom:5px;}
#moduleRecherche h2{color:#fff;font-size:24px;padding-bottom:5px;}
#moduleRecherche ul{padding:0;margin:0;}
#moduleRecherche ul li{list-style-type:none;padding:0;margin:0 0 5px 0;position:relative;_height:36px;}
#moduleRecherche ul li a, #moduleRecherche ul li a:link, #moduleRecherche ul li a:visited{
	background:url(gx/M/recherche_btn.gif) no-repeat;
	display:block;
	width:251px; height:16px;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:10px 15px;
	overflow:hidden;
}
#moduleRecherche ul li a:hover, #moduleRecherche ul li a:visited:hover{
	background-position:0 -36px;
}

#moduleRecherche ul ul{display:none;background:#65A3C6;position:absolute;width:200px;left:281px;top:0;z-index:100;border:1px solid #4681A3;}
#moduleRecherche ul ul li{_height:15px;}
#moduleRecherche ul ul li a, #moduleRecherche ul ul li a:link,#moduleRecherche ul ul li a:visited{
		padding:5px;
		background:none;
		width:190px; height:auto;
		overflow:visible;
	}
#moduleRecherche ul ul li a:hover, #moduleRecherche ul ul li a:visited:hover{
		background:#4883A6;
	}
#moduleRecherche ul ul ul{left:200px;}
#texteAccueil{
	 float:right;
	 width:600px;
	 padding:10px 30px 0 0;
}

.boiteBasPage{
	background:url(gx/M/boiteBasPage_fond.gif) no-repeat;
	float:left;
	width:235px;height:100px;
	margin-right:3px;
	
}

.boiteBasPage a, .boiteBasPage a:visited, .boiteBasPage a:link{text-decoration:none;}

#menu{float:right;margin-top:14px;width:726px;_width:730px;}
#menu ul{margin:0;padding:0;float:right;}
#menu ul li{padding:0;margin:0;list-style-type:none;display:block;float:left;position:relative;z-index:100;background:#7497af;}
#menu ul li a, #menu ul li a:link{color:#FFF;display:block;float:left;font-size:13px;font-weight:bold;line-height:12px;padding:12px 8px 12px 9px;height:12px;text-decoration:none;border:0;}

#menu ul li a:hover, #menu ul li a:visited:hover{
	background:#91b3ca;
}

#menu ul li a.menuTrouveCondo, #menu ul li a.menuTrouveCondo:link, #menu ul li a.menuTrouveCondo:visited{
	background:#7f1419 url(gx/M/trouveCondo_btn_fond.gif) no-repeat right top;
	padding-right:40px;
	border-right:1px solid #B9C7D4;
}

#menu ul li a.actif, #menu ul li a.actif:visited{background:#fff;color:#c0333a;}

#menu ul li a.menuTrouveCondo:hover, #menu ul li a.menuTrouveCondo:visited:hover{
	background-color:#a01c22;
	background-position:right -36px;
}
#menu ul li a.menuTrouveCondo.actif:visited, #menu ul li a.menuTrouveCondo.actif{
	background:#a01c22 url(gx/M/trouveCondo_btn_fond.gif) no-repeat right -36px;
	color:#fff;
}

#filAriane{font-weight:bold;font-size:11px;color: #6e6e6e;padding:20px 0 0 22px;}

#filAriane a, #filAriane a:link, #filAriane a:visited{
	color: #6e6e6e;
	text-decoration:none;	
}

#filAriane a:hover, #filAriane a:visited:hover{
	text-decoration:underline;
}

#filAriane span.filCourant{color:#c0333a;}

/* PROJETS
--------------------------------------------------------------------------------------- */

#CarteFlash{float:left;width:490px;height:243px;margin-bottom:5px;overflow:hidden;}

/* MENU SECONDAIRE (En haut de page)
--------------------------------------------------------------------------------------- */
#menuSec{background:#a4b9c9 url(gx/M/menuSec_fond.gif) no-repeat;float:right; display:block; text-align: right; line-height:30px; font-size: 11px; color: #000; height:32px; font-weight:bold;margin:5px 5px 21px 5px;overflow:hidden;}
#menuSec a, #menuSec a:link, #menuSec a:visited{color: #000; text-decoration: none;padding:0 20px;float:left;}
#menuSec a:hover, #menuSec a:visited:hover{color: #fff;}
#menuSec a.actif, #menuSec a:visited.actif{color: #fff; text-decoration:underline;}
#menuSec a.lienSiteMobile, #menuSec a.lienSiteMobile:link, #menuSec a.lienSiteMobile:visited{
	background:url(gx/M/siteMobile_btn.gif) no-repeat;
	width:143px; height:64px;
	padding:0;
	text-align:center;
	color:#fff;
}
#menuSec a.lienSiteMobile:hover, #menuSec a.lienSiteMobile:visited:hover{
	background-position:0 -32px;
}
#menuSec a.btnLangue, #menuSec a.btnLangue:link, #menuSec a.btnLangue:visited{color:#fff;}

#menuProjet{float:right;width:202px;}
#menuProjet a, #menuProjet a:link, #menuProjet a:visited{
	display:block;
	width:187px; height:34px;
	background:url(gx/m/btnDetail.gif) no-repeat top left;
	margin-bottom:1px;
	font-size:11px;
	color:#3a6e8f;
	text-decoration:none;
	font-weight:bold;
	padding:25px 0 0 15px;
}

#menuProjet a:hover, #menuProjet a:visited:hover{
	background-position:0 -59px;
}

/* BOITE DE DROITE GRISE contenant les sous-menu */
.boiteDroite{float:right; display: block;	width:212px; background:url(gx/m/boiteDroite_bg.gif) repeat-y;}
.boiteDroite .titre{background:url(gx/m/boiteDroite_haut.gif) no-repeat; color: #FFF; font-size: 16px; padding:14px 0 12px 12px;}
.listeLien{margin: 0 10px 0 10px;}
.listeLien ul{list-style-type: none;margin:0;padding:0;}
.listeLien ul li{margin:0; padding:0; list-style-type:none; border-bottom:1px solid #BBBEB0;}
.listeLien ul li a, .listeLien ul li a:link, .listeLien ul li a:visited{
	color: #EDEDED;
	margin: 0 0 0 0;
	padding: 0 0 0 4px;
	font-size: 12px;
	height:25px;
	line-height: 25px;
	display: block;
	text-decoration: none;
}
.listeLien a:hover, .listeLien a:visited:hover{text-decoration: none; color: #FFF; background: #ADAFA4;}
.listeLien a.actif, .listeLien a.actif:visited{font-weight: bold;}
.listeLien a.google{ background:url(gx/03/bg_google.gif) right no-repeat;}
.listeLien a.google:hover{background: #ADAFA4 url(gx/03/bg_google_over.gif) right no-repeat;}

/* LISTE DES PROJETS 03_100
.boiteResultat{width: 704px; margin:10px 0 0 22px;	background:#EDEDED;}
.boiteResultat .photo{width:240px; float:left; display:block;}
.boiteResultat .boiteInfo{color: #818377;	font-size:12px; float:right; display: block; width:355px;}
.boiteResultat .boiteInfo strong{font-size:18px; font-weight: normal;}

.boiteResultatUnite{
	padding:5px;
	background: #F7F7F7;
	border:1px solid #999;
	display:block;
	margin-bottom:5px;
}
 */
/* BOUTONS DE BOÎTE RÉSULTATS
.boiteResultat .boiteBtn{
	padding: 10px 0 0 0;
	float: right;
	display: block;
	width: 100px;
}
.boiteResultat .boiteBtn a, .boiteResultat .boiteBtn a:link, .boiteResultat .boiteBtn a:visited{
	display: block;
	color: #FFF;
	height: 30px;
	margin: 0 0 0 0;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	text-decoration: none;}
.boiteResultat .boiteBtn a:hover{text-decoration: none;}
.boiteResultat .boiteBtn a span{display:block; padding:10px 0 0 12px;}
.boiteResultat .boiteBtn .lienBoiteBtn{background: Transparent url(Gx/03/lienBoiteBtn_bg.gif) no-repeat top left;}
.boiteResultat .boiteBtn a.lienBoiteBtn:hover{background: Transparent url(Gx/03/lienBoiteBtn_bg_over.gif) no-repeat top left;}
 */
.boitePhoto{background: #818377; padding: 5px; float:right; display:block;margin-left:20px;}
.boitePhoto p{padding:3px 5px 2px 5px; font-size:11px; line-height: 14px; color: #FFF;	background: #959889;}

/* TABLEAU DES MODÈLES EN 6 COLONNES 04_130 */
table.resultCol td{vertical-align: top;_position:relative;}
table.resultCol td.detail{border:1px solid #D9D6D0; text-align:center; padding:0 0 10px 0; /* width: 170px; */ background:#FFF;}
table.resultCol td.detail h4{text-align: center; font-size: 11px; color: #636363; padding: 5px 0 5px 8px; margin: 0 0 10px 0; border-bottom: 1px solid #D9D6D0;}
table.resultCol td.detail h4.vendu{text-align: center; font-size: 11px; color: #FFF; padding: 5px 0 5px 8px; margin: 0 0 10px 0; border-bottom: 1px solid #D9D6D0; background:#93171D;}
table.resultCol td.gap{width: 10px;	height: 10px;}
table.resultCol td.detail span.vendu{_behavior:url(inc/iepngfix.htc);background:url(gx/fond_vendu.png);position:absolute;color:#fff;font-weight:bold;top:0;left:0;width:100%;height:40px;line-height:40px;font-size:18px;}
table.resultCol td.detail div.caseUnite{font-size:11px;text-align:center;position:relative;_position:static;}
/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{position:absolute;top:0;left:0;z-index:200;width:100%;height:500px;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
#lightbox{ background:#2E0002;} /* couleur du contour popup */
#overlay{background-color: #000;} /* couleur du fond tranparent */

/* CALCULATRICE HYPOTHÉCAIRE, TABLE DES RÉSULTATS*/
table#resultCalcul{border-bottom: 3px solid #E3DBCC;margin: 20px 0 0 0;font-size: 13px;}
table#resultCalcul th{background: #620F17;color: #fff;text-align: center;padding: 4px;font-size: 16px;/*border: 1px solid #620F17; */}
table#resultCalcul td{border-right: 1px solid #E3DBCC;padding: 4px;color: #4F4F4F;}
table#resultCalcul td.texteColone{background: #F1E9DC;font-weight: bold;text-align: right;color:#560004;}
table#resultCalcul td.last{border-right: none;}
table#resultCalcul tr.pair{background: #FFF;}
table#resultCalcul tr.impair{background: none;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#basFond{width:975px;display:block;height:106px;background:url(gx/m/bas_fond.gif) no-repeat top center;padding-top:10px;overflow:hidden;}

#basPage{background:#b6b6b6; font-size:11px; width:985px; height:40px; border-top:10px solid #ECECEC;text-align:left;}
#menuBas{color: #000; padding:12px 10px 0 10px; float:left;}
#menuBas a, #menuBas a:link, #menuBas a:visited{color: #000; text-decoration: none;padding:0 3px;}
#menuBas a:hover, #menuBas a:visited:hover{color: #000; text-decoration: underline;}

#piedPage{color:#95978B; width: 985px; font-size:10px; padding:10px 0 10px 0;text-align: left;}
#piedPage a{ color: #95978B; text-decoration: none;}
#piedPage a:hover{ color: #560004;text-decoration: underline;}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right;margin:13px 10px 0 0;}
#socialBookmarkerPrefix{float:left;cursor:default;color:#656565;margin-top:2px;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems{ float:left; height:25px; margin-right:4px; width:300px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:300px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:300px;}


/* TEXTES (Liens, listes, petit textes)
--------------------------------------------------------------------------------------- */
p{font-size:13px; line-height:140%; color:#4F4F4F; text-align:left;}
p strong{font-size:15px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #3A6E8F; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#000; text-decoration:underline;}

ul, ol{padding:0 0 0 16px;font-size:13px;color:#4F4F4F;}
p ul li{font-size:13px; list-style:square; color:#4F4F4F;}
p ol li{font-size:13px; line-height:150%; color:#4F4F4F;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

.bordureHR{height:0;overflow:hidden;border:none;border-bottom:1px solid #c4c4c4;}
/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin:0; padding:0; border:0;font-size: 11px;}
fieldset legend{font-size: 11px; font-weight: bold; color:#7F796D;}
fieldset label{font-size: 11px;color:#000;line-height:18px;}

.champTexte{color:#000 /*#7F796D*/;border: 1px solid #b6c2cc; /*#CBCBCB*/;background:#e7ebf4 /*#EFEDEC*/ ;font-size: 11px;padding:3px 2px;}
.boutonRadio{color: #7F796D;background: #EEF3F7;font-size: 11px;}
.listeDeroulante{color: #000;border: 1px solid #b6c2cc;background:#e7ebf4;font-size: 11px;}
.boiteTexte{font-family: Arial;font-size: 11px;color: #000;border: 1px solid #b6c2cc;background: #e7ebf4;}
/*.bouton{font-family: Arial; background:#3A6E8F; color:#FFF; font-size:11px;font-weight:bold; margin:5px 0 5px 0;}*/
.boutonImage{border:0px;}
.caseaCocher{background-color: #FFF;}
.erreur{font-size: 11px;color: #FF0000;}

.bouton{display:block;text-decoration:none;line-height:32px;width:175px;height:32px;padding-left:10px;text-align:center;color:#fff;font-family:Arial;background:url(gx/m/btnForm.gif) no-repeat top left;border:0;cursor:pointer;font-size:11px;font-weight:bold;text-align:left;}
.bouton:hover{background-position:0 -32px;}
a.bouton:link, a.bouton:visited{color:#fff;text-decoration:none;}
/* image container pour xfade */
.containerFade {
	float:left;
	width:212px;
	height:106px;
	position:relative;
	/*margin:auto;*/
	overflow: hidden;
	margin: 1px 0 0 0;
}

.containerFade img {
	display:none;
	position:absolute;
}


.sceauSamcon{border:3px solid #cbd5df;float:right;margin:0 0 10px 5px;padding:24px 10px;height:104px;overflow:hidden;}

.lienImage{border:3px solid #cbd5df;float:right;margin:0 0 10px 10px;}
.lienImage img{display:block;}

.infoPromo{
	width: 800px;
}
.infoPromo td{
	padding: 5px;
}

.infoPromo tr.odd{
	background: #FFFFFF;
}
.infoPromo tr.even{
	background: #f1f1f1;
}

.infoPromoColGauche{
	width: 200px;
}
.textePetitPromo{font-size:9px; color:#4F4F4F;}

.btnPromoLaurentienne{

	float: right;
	border: 0;
	margin-top: -15px;
}
.btnPromoLaurentienne2{
	display: block;
	float: right;
	position: absolute;
	top: 145px;
	right: 155px;
	border: 0;
}

.pdf { background:url(Gx/icone_pdf.gif) center left no-repeat; padding-left:20px; color:#900; }
.pdf2 { background:url(Gx/icone_pdf2.gif) center left no-repeat; padding-left:40px; color:#900; display:block; height:32px; line-height:32px;margin-bottom:5px;}


#btMetro{float:left;margin-right:25px; width:140px;}
#logoIpsoFacto{float:left; margin-left:155px;}
#mentionIpsoFacto{float:left; font-size:13px; font-weight:bold; margin-left:10px;}