/* TABLE DES MATIÈRES:
	- Global (body, html, h1, h2, ...)
	- Squelette
	- Conteneur
	- Menu
	- Acces rapide
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/*
Global
*/
html {
	font-family: Arial, Verdana, Tahoma;
}
body {
	background: #FFFFFF url(gx/bg.gif) repeat-x;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
a, a:link, a:visited {
	color: #0a6cae;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #000000;
}
br.both {
	clear: both;
}
h1, h2, h3, h4, p, form, div, a, img{
	margin: 0px; 
	padding: 0px; 
	border: 0px;
}
h1 {
	font-size: 22px;
	color: #2fa9f6;
}
h2 {
	font-size: 18px;
	color: #2fa9f6;
}
h4 {
	margin: 10px 0px 3px 0px;
}
ol li, ul li {
	text-indent: 0px;
}
img {
	border: none;
}
table {
	font-size: 12px;
	text-align: left;
}
td {
	vertical-align: top;
}
th {
	vertical-align: top;
}

/*
Squelette
*/
.conteneur {
	margin: 0px auto;
	text-align: left;
	width: 950px;
}
.header{
	background: url(gx/header.gif) no-repeat top center;
	height: 144px;
	width: 950px;
}
.logo {
	display: block;
	float: left;
	margin: 15px 0px 0px 0px;
}
.banner{
	color: #474343;
	font-size: 1.8em;
	margin: 54px 10px 0px 0px;
	text-align: right;
}
.portails {
	display: block;
	float: left;
	font-size:1.2em;
	margin: 15px 0px 0px 15px;
}

/*
Menu
*/
.menu{
	padding: 5px 10px 0px 10px;
	margin: 0px;
}
.menu ul{
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 3px 0px 3px 0px;
	vertical-align: middle;
}
.menu ul li{
	border-right: 1px solid #909090;
	display: inline;
	font-size: 14px;
	list-style-type: none;
	margin: 0px;
	padding: 0px 3px 0px 3px;
}
.menu ul li a, .menu ul li a:link, .menu ul li a:visited{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.menu ul li a:hover{
	color: #40b5ff;
	border-bottom: 3px solid #40b5ff;
}
.menu form {
	display: inline;
}
.menu input{
	vertical-align: middle;
}
.menu .langue {
	float:right;
}
.menu .text{
	background-color: #eeeeee;
	border-style: solid;
	border-width: 2px;
	border-color: #0A96F3;
}

/* 
Acces rapide
*/
.quickaccess{
	background: #e5e5e5;
	margin-bottom: 4px;
	padding: 2px 4px 2px 4px;
}
.quickaccess table {
	border-collapse: collapse;
	font-size: 13px;
	width: 100%;
}

/* 
Pied de page
*/
.piedPage{
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #e5e5e5;
}
.piedPage p{
	color: #0a6cae;
}
.copyrights{ 
	color: #000000;
	font-family: Tahoma;
	font-size: 10px;
	margin: 4px 0px 0px 0px; 
	text-align: left;
}
.copyrights .lienCopyrights{ 
	font-weight: normal;
	text-decoration: none;
	color: #555555;
}
.copyrights .lienCopyrights:hover{ 
	font-weight: normal;
	text-decoration: underline;
	color: #555555;
}
.partenaires {
	border-collapse: collapse;
	width: 100%;
}
.partenaires td{
	text-align: center;
}

/*
Carte
*/
#map{
	border: #C8C8C8 1px solid;
	height: 300px;
	width: 400px;
}

/*
Recherche sur la carte
*/
.search {
	background: #eef4ff;
	border: #b7d8ff 1px solid;
	padding: 4px;
	width: 170px;
}
.search .button {
	margin: 5px 0 0 0;
	width:170px;
}
.search .field {
	background: #F5FAFB;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	margin: 0 0 0 0;
	width:170px;
}

/*
Liste de lieux
*/
ul.Locations {
	padding: 0px 0px 0px 20px;
}
ul.Locations li{
	color: #575757;
	font-weight: bold;
	list-style-type: none;
	margin: 0px 0px 5px 0px;
}
ul.Locations li a, ul.Locations li a:link, ul.Locations li a:visited {
	font-size: 16px; 
	text-decoration: none;
}

/* 
Liste de promoteurs
*/
ul.ListeProm li a, ul.ListeProm li a:link, ul.ListeProm li a:visited{
	text-decoration: none;
}

ul.ListeProm li{
	display: block;
	float: left;
	width: 440px;
	font-size:16px; 
	font-weight: normal;
	margin: 0 10px 10px 0;
	font-weight: bold;
	color: #575757;
}

ul.ListeProm ul li{
	font-size:12px;
	font-weight: normal;
	margin: 0 0 3px 0;
}
ul.ListeProm ul li a, ul.ListeProm ul li a:link, ul.ListeProm ul li a:hover{
	font-weight: normal;
}
ul.ListeProm ul li a:visited{
	font-weight: normal;
}

/*
Liste de condo
*/

.projetpremium{
	background:#eef4ff;
	border:2px solid #b7d8ff;
	width: 100%;
}
.projetpremium img{
	border: 1px solid #b7d8ff;
}
.projet{
	width: 100%;
}
.projet img{
	border: 1px solid #e2e2e2;
}
a.button {
	background: #d9e8ff url(gx/01/btn_corners.gif) no-repeat top left;
	color: #2392DD;
	cursor: hand;
	display: block;
	float: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	height: 26px;
	margin: 3px 3px 0px 0px;
	text-transform: uppercase;
	width: 200px;
}
a.button div {
	background:url(gx/01/btn_corners.gif) no-repeat top right;
	height: 100%;
	padding: 5px 10px 0px 10px;
}
a.button div img {
	border: none;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 2px 0px;
	vertical-align:middle;
}
a.button:hover {
	background-color: #c1ddff;
	color: #000000;
}
#descriptionRegionSelectionner{
	float: right;
}

/*
Detail d'un condo
*/
.detail{
	border: none;
	border-collapse: collapse;
	color: #606060;
}
.imageprojet {
	border: none;
	border-collapse: collapse;
	font-size: 0px;
	width: 404px;
}
.imageprojet th {
	background: #0491f2;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 32px;
}
.imageprojet td {
	padding: 0px 0px 0px 4px;
}
.imageprojet td a{
	border: 1px #CDCDCD solid;
	display: block;
	float: left;
	padding: 4px;
}
.imageprojet td a:hover{
	background-color: #0491F2;
}
.boiteinfo{
	border: #C8C8C8 1px solid;
	background: #F8F8F8;
	padding: 20px;
}
.boiteinfo table{
	color: #606060;
	width: 100%;
}
.boiteinfo table a, .boiteinfo table a:visited, .boiteinfo table a:link{
	color: #0491F2;
}
.boiteinfo table a:hover, .boiteinfo table a:visited:hover{
	color: #606060;
}
.boiteinfo table hr{
	background-color: #D8D8D8;
	border: none;
	width: 100%;
}
.boiteinfo table th {
	width: 150px;
}
p.txtInvestor, li{
	font-family: Arial, Helvetica, sans-serif;
}
.pageCourante {
	font-size:20px;
}

/* 
TEXTES
*/
.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;}

/* 
Formulaires
*/
fieldset{
	border: 1px solid #000000;
	margin: 0px; 
	padding: 5px; 
}
fieldset legend{
	font-size: 14px; 
	font-weight: bold; 
	color: #205070;
}
fieldset label{
	font-weight: bold;
	color: #205070;
}
.champTexte{
	background: #F4F9FC;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: MS Shell Dlg;
	font-size: 13px;
	padding: 2px;
}
.boutonRadio{
	background: #F4F9FC;
	color: #4E677A;
	font-family: MS Shell Dlg;
	font-size: 13px;
	margin-bottom:-3px;
}
.listeDeroulante{
	background: #F4F9FC;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: MS Shell Dlg;
	font-size: 13px;
}
.boiteTexte{
	background: #F4F9FC;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: MS Shell Dlg;
	font-size: 13px;
	padding: 2px;
}
.bouton{
	font-family: MS Shell Dlg;
	font-size: 13px;
	font-weight: bold;
}
.boutonImage{
	border: none;
}
.caseaCocher{
	background-color: #FFFFFF;
}
.erreur{
	color: #FF0000;
	display: none;
}

/*
Pop-up windows
*/
.popUp{
	padding: 10px;
	text-align: left;
}
.popUp form {
	font-weight: bold;
}
.popUp form label {
	color: #205070;
}
.popUp td {
	padding: 4px;
}

/*
FAQ
*/
.faq h2 {
	font-size: 14px;
}
.faq ol li {
	font-size: 13px;
}
.faq ol li p {
	margin: 0px 0px 20px 10px;
}

/*
Liens
*/
.liens {
	float: left;
	margin: 0px 0px 20px 10px;
	padding: 0px; 
	width: 300px;
}
.liens li{
	list-style: none;
	margin: 0px; 
	padding: 0px; 
}
.liens li ul li{
	list-style: disc;
	margin: 0px;
	padding: 0px; 
}

/*
stats
*/
#stats {
	min-height: 300px;
	height: 300px;
	width: 800px
}

#stats ul li  {
	margin-left: 30px;
	list-style: disc;
}

/*
pricelist
*/
div.pricelistbanner {
	float: right;
	width: 260px;
}
div.pricelistbanner p {
	font-size: 24px;
	height: 110px;
	padding: 5px 10px 10px 10px;
}
div.pricelistbox {
	background: #3f97cd;
	color: #000000;
	float:left;
	font-size: 24px;
	margin: 0px 5px 5px 0px;
	padding: 10px;
	width: 320px;
}
div.pricelistbox.top {
	background: url(gx/02/bg1.gif) repeat-x;
}
div.pricelistbox p {
	height: 140px;
}
div.pricelistbox div {
	background: #FF0000;
	border: 1px solid #4a90bb;
	margin: 20px 10px 10px 10px;
	padding: 10px;
	text-align: center;
}
div.pricelistbox div a {
	color: #FFFFFF;
}
div.pricelistdetail {
	background: #3f97cd url(gx/02/bg1.gif) repeat-x;
	border: 1px solid #4a90bb;
	color: #000000;
	font-size: 24px;
	margin: 0px 5px 5px 0px;
	padding: 15px 20px 15px 20px;
}
div.pricelistdetail div {
	background: #FF0000;
	float:right;
	font-size: 18px;
	margin: 25px 0px 0px 0px;
	padding: 15px;
	text-align: center;
	width: 150px;
}
div.pricelistdetail div a {
	color: #FFFFFF;
}
table.pricelistimages td {
	vertical-align:middle;
	width: 33%;
}
table.pricelistimages img {
	vertical-align:middle;
}
td.contactinfo {
	font-size: 20px;
	margin: 15px 0px 0px 0px;
	vertical-align:middle;
}

/*
alert
*/
#alert-form form label{
	text-align: left; 
	width: 150px;
	float: left;
	margin-top: 5px;
}
#alert-form form{
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	padding: 4px 10px;

}
#alert-form form input,#alert-form form textarea,#alert-form form select{
	margin-top: 5px;
}
#alert-bas {
	margin-top: 15px;
	margin-left: 0px;
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
}


/*
CSS LIGHTBOX
*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#lightbox a img{ 
	border: none; 
}
#outerImageContainer{
	position: relative;
	background-color: #ffffff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ 
	left: 0;
}
#hoverNav a{ 
	outline: none;
}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/gx/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/gx/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/gx/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* 
BLOG 
*/
#blogmenu {
	background: #edf4ff;
	border: 2px solid #DAEAF3;
	float: left;
	margin: 0px;
	padding: 5px;
	width: 300px;
}
#blogmenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#blogmenu a, #blogmenu a:link, #blogmenu a:visited{
	color: #4D92DD;
	font-weight: normal; 
	text-decoration: none;
}
#blogmenu a:hover{
	color: #999999;
}
#blogmenu a.titre, #blogmenu a.titre:link, #blogmenu a.titre:visited{
	color: #0B6CBC;
}
#blogmenu a.titre:hover{
	color: #777777;
}	
#blogmenu a.actif, #blogmenu a.actif:link, #blogmenu a.actif:visited #blogmenu a.actif:hover{
	font-weight: bold;
}

#blog{
	float: left;
	font-family: verdana;
	font-size: 12px; 
	margin: 0px 0px 0px 10px;
	width: 625px;
}
#blog h1{
	color: #2FA9F6;
	font-size: 14px;
	margin: 0 0 5px 0;
}
#blog h1 a, #blog h1 a:link, #blog h1 a:visited{
	color: #2FA9F6;
	text-decoration: none;
}
#blog h1 a:hover{
	color: #999999;
}
#blog h3{
	color: #0A6CAE;
	font-size: 12px;
	font-weight: normal; 
	margin: 0 0 10px 0;
}
#blog a.next, #blog a.next:link, #blog a.next:visited{
	color: #0A6CAE;
	font-weight: normal; 
	text-decoration: none; 
}
#blog a.next:hover{ 
	color: #999999;
}
#blog div.ligne{
	border-top: #CCCCCC 1px solid;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}
#blog div.info{
	color: #666666;
	font-size: 11px;
	margin: 5px 0 10px 0;
}
#blog div.pub{
	color: #666666;
	font-size: 11px;
	margin: 10px 0 0 0;
}
#blog p{
	margin: 0 0 15px 0;
}

/* 
Profils utilisateur 
*/
.formprofil label {
	float:left;
	margin-right:6px;
	text-align:right;
	width:150px;
}

.formprofil p {
	margin-bottom:6px;
}

/* 
Liste des client d'un revendeur
*/
table.clients {
	border:1px solid #D3DBE1;
	border-collapse:collapse;
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width:100%;
}
table.clients td {
	padding:5px;
	background:#EEF3F7;
	vertical-align:top;
}
table.clients td.actions {
	padding:1px;
	text-align:right;
}
table.clients td.icon {
	padding:0px 0px 0px 4px;
	width: 50px;
	vertical-align:middle;
}
table.clients th {
	padding:5px;
	background:#E3EBF1;
	border-bottom:1px solid #D3DBE1;
	vertical-align:top;
}

/* 
Liste des projets d'un promoteur
*/
table.projets {
	border:1px solid #D3DBE1;
	border-collapse:collapse;
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width:100%;
}
table.projets td {
	padding:5px;
	background:#EEF3F7;
	vertical-align:top;
}
table.projets td.actions {
	padding:1px;
	text-align:right;
}
table.projets td.center {
	text-align:center;
}
table.projets td.right {
	padding: 5px 10px 5px 5px;
	text-align:right;
}
table.projets td.icon {
	padding:0px 0px 0px 4px;
	width: 55px;
	vertical-align:middle;
}
table.projets th {
	padding:5px;
	background:#E3EBF1;
	border-bottom:1px solid #D3DBE1;
	vertical-align:top;
}

/* 
Liste des photos d'un projet
*/
table.photos {
	border:1px solid #D3DBE1;
	border-collapse:collapse;
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width:100%;
}
table.photos td {
	padding:5px;
	background:#EEF3F7;
	text-align:center;
	vertical-align:bottom;
	width:20%;
}
table.photos td.center {
	text-align:center;
}
table.photos td.right {
	padding: 5px 10px 5px 5px;
	text-align:right;
}
table.photos th {
	padding:5px;
	background:#E3EBF1;
	border-bottom:1px solid #D3DBE1;
	vertical-align:top;
}

/* 
Liste de projets favoris
*/
.favoris {
	background:#EEF3F7;
	border:1px solid #D3DBE1;
	border-collapse:collapse;
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	overflow: auto;
	padding: 0 5px 0 5px;
	width:100%;
}
.favoris .projet {
	float: left;
	padding:5px 0 5px 0;
	width:50%;
}
.favoris .titre {
	font-size: 1.2em;
}
.favoris img {
	float: left;
	margin: 0 10px 0 0;
}

/* 
Details d'un projet d'un promoteur 
*/
table.editprojet th{
	padding: 4px 0px 0px 0px;
	text-align: right;
}

/* 
Statistiques sur les projets d'un promoteurs 
*/
table.stats {
	border-collapse: collapse;
	margin: 10px 0px 0px 0px;
}
table.stats td, table.stats th {
	padding: 2px;
}
table.stats td {
	color: #0a6cae;
	text-align: right;
}

/*
Bookmarker
*/
#bookmarker {
	float: right;
	margin: 15px 0 0 0;
}

/*
Détail de l'emplacement sélectionné
*/
#locationdetail {
	border: #C8C8C8 1px solid;
	background: #F8F8F8;
	float: left;
	margin: 6px 0 6px 0;
	padding: 6px;
	width: 100%;
}
#locationdetail img {
	border: 1px solid #888888;
	float: left;
	margin: 0 10px 0 0;
}

.champCache {display:none; visibility:hidden;} /* Utilisé pour l'antiSpam */