body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #000 ;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma; /* Garder seulement 3 fontes */
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

#pano{display:none;}
/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{color: #759301; font-size:18px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #759301; font-size:17px;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3{color: #759301; font-size:16px;}
h3 a, h3 a:link, h3 a:visited{color:#759301;}

p{font-size: 12px; line-height: 150%; color: #717172;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#759301; 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 li{font-size: 12px; line-height: 150%; color: #717172; list-style:square; margin-left:16px;}
ol li{font-size: 12px; line-height: 150%; color: #717172; margin-left:16px;}

.btn-vert{background: #fff url(gx/bg-btn-vert.gif) repeat-x top right;display:block;padding:7px 0 6px 0;}
.btn-vert:hover{background: #fff url(gx/bg-btn-vert_over.gif) repeat-x top right;}
.btn-bleu{background: #fff url(gx/bg-btn-bleu.gif) repeat-x top right;display:block;padding:7px;}
.btn-bleu:hover{background: #fff url(gx/bg-btn-bleu_over.gif) repeat-x top right;}

.btn-large{width:137px;text-align:center;color:#fff;text-decoration:none;font-weight:bold;}
.btn-court{width:78px;text-align:center;color:#fff;text-decoration:none;font-weight:bold;}
/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneurWrapper{
	min-height:690px;
	text-align: center;
}
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}
#contenu{width:976px;margin-left:20px;}
#contenu-page{margin-top:46px;position:relative;}
#contenu-page-sousMenu{padding-top:15px;}

#hautPage{
	background: #000 url(gx/M/header.gif) no-repeat top right;
	height:122px;
	position:relative;
}	


#footerWrapper{
	text-align:left;
	padding-top:20px;
	background:url(gx/bg-haut-footer.gif) repeat-x top left;
}


.both{clear:both;}

#image-droite{float:right;margin:0px 0 10px 10px ;border:1px solid #cdcdcd; padding:6px;background:#f1f2ef;} 

#heuresOuverture a{background:url(gx/M/btn_ouverture.gif) left top;position:absolute;color:#fff;text-decoration:none;height:31px;width:165px;padding:8px 0 0 0px;font-size:16px;text-align:center;top:50px;right:260px;}
#heuresOuverture a:hover{background-position:left bottom;}


/* MENUS UTILITAIRE
--------------------------------------------------------------------------------------- */
#hautPage #menu-utilitaire{float:right;}
#hautPage #menu-utilitaire ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#hautPage #menu-utilitaire a{
	float:left;
	color:#88ad00;
	text-decoration:none;
	font-weight: bold;
	margin:7px 0 0 16px;
}
#hautPage #menu-utilitaire a:hover{text-decoration:underline;}

/* RECHERCHE
--------------------------------------------------------------------------------------- */
#hautPage #recherche{margin-top:20px;float:right;font-size:14px;color:#888;}
#hautPage #recherche span{font-size:16px;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu{height:49px; margin:0; padding:0;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	text-transform:uppercase;
	display:block;
	float:left;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
	padding: 19px 21px 18px 21px;
	text-decoration: none;
	background: url(gx/M/border-right-menu.gif) no-repeat top right;
}
#menu ul li a.dernier{background:none;}
#menu ul li a:hover, #menu ul li a:visited:hover{ color:#66a7d4; }
#menu ul li a.actif, #menu ul li a.actif:visited{ padding: 23px 21px 14px 21px; color:#373737; background: #fff url(gx/M/bg-menu-actif.gif) repeat-x top left;}


#sousmenu-fr{float:right;margin-right:2px;}
#sousmenu-en{float:right;margin-right:21px;}
#sousmenu-fr a, #sousmenu-en a{		
	margin-top:1px;
	background:#eee;
	border-right:1px solid #1d4e93;
	color:#1d4e93;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:7px 12px 7px 12px;
	float:left;
}
#sousmenu-fr a:hover, #sousmenu-fr a.actif, #sousmenu-en a:hover, #sousmenu-en a.actif {
	background:#2b60ab;
	color:#fff;
}
#sousmenu-fr a.dernier, #sousmenu-en a.dernier{border:none;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#img-entete-accueil{margin-bottom:28px;}


#btn-alerteVirtuelle_fr, #btn-alerteVirtuelle_en {
	text-decoration:none;
	width:300px;
	height:174px;
	margin-left: 10px;
	float:left;
	color:#fff;
	font-weight:bold;
}
#btn-alerteVirtuelle_fr{background: #fff url(gx/01/btn-alerteVirtuelle-fr.gif) repeat-x top left;}
#btn-alerteVirtuelle_fr:hover{background: #fff url(gx/01/btn-alerteVirtuelle-fr_over.gif) repeat-x top left;}
#btn-alerteVirtuelle_en{background: #fff url(gx/01/btn-alerteVirtuelle-en.gif) repeat-x top left;}
#btn-alerteVirtuelle_en:hover{background: #fff url(gx/01/btn-alerteVirtuelle-en_over.gif) repeat-x top left;}

/*
#btn-alerteVirtuelle_fr #ligne_haut, #btn-alerteVirtuelle_en #ligne_haut{position:relative;top:67px;left:110px;width:150px;font-size:14px;}
#btn-alerteVirtuelle_fr #ligne_bas, #btn-alerteVirtuelle_en #ligne_bas{position:relative;top:90px;left:20px;width:270px;font-size:12px;}
*/

#btn-alerteVirtuelle_fr #ligne_haut, #btn-alerteVirtuelle_en #ligne_haut{position:relative;top:60px;left:140px;width:150px;font-size:14px;}
#btn-alerteVirtuelle_fr #ligne_bas, #btn-alerteVirtuelle_en #ligne_bas{position:relative;top:70px;left:140px;width:150px;font-size:12px;}

#btn-logementAlouer_fr, #btn-logementAlouer_en{
	text-decoration:none;
	width:300px;
	height:174px;
	margin-left: 30px;
	float:left;
	color:#fff;
	font-weight:bold;
}
#btn-logementAlouer_fr{background: #fff url(gx/01/btn-logementAlouer-fr.gif) repeat-x top left;}
#btn-logementAlouer_fr:hover{background: #fff url(gx/01/btn-logementAlouer-fr_over.gif) repeat-x top left;}
#btn-logementAlouer_en{background: #fff url(gx/01/btn-logementAlouer-en.gif) repeat-x top left;}
#btn-logementAlouer_en:hover{background: #fff url(gx/01/btn-logementAlouer-en_over.gif) repeat-x top left;}

#btn-logementAlouer_fr #ligne_haut, #btn-logementAlouer_en #ligne_haut{position:relative;top:67px;left:145px;width:150px;font-size:14px;}
#btn-logementAlouer_fr #ligne_bas, #btn-logementAlouer_en #ligne_bas{position:relative;top:105px;left:20px;width:250px;font-size:12px;}



#btn-nousJoindre_fr, #btn-nousJoindre_en {
	text-decoration:none;
	width:300px;
	height:174px;
	margin-left: 670px;
	color:#fff;
	font-weight:bold;
}
#btn-nousJoindre_fr{background: #fff url(gx/01/btn-nousJoindre-fr.jpg) repeat-x top left;}
#btn-nousJoindre_fr:hover{background: #fff url(gx/01/btn-nousJoindre-fr_over.jpg) repeat-x top left;}
#btn-nousJoindre_en{background: #fff url(gx/01/btn-nousJoindre-en.jpg) repeat-x top left;}
#btn-nousJoindre_en:hover{background: #fff url(gx/01/btn-nousJoindre-en_over.jpg) repeat-x top left;}

#btn-nousJoindre_fr #ligne_haut, #btn-nousJoindre_en #ligne_haut{position:relative;top:67px;left:170px;width:130px;font-size:14px;}
#btn-nousJoindre_fr #ligne_bas, #btn-nousJoindre_en #ligne_bas{position:relative;top:105px;left:170px;width:130px;font-size:12px;}

#colonne-gauche-accueil{
	margin:20px 10px;
	width:634px;
	float:left;
	background: #fff url(gx/01/bg-titre-colonne-gauche.gif) no-repeat top right;
}

#colonne-gauche-accueil #contenu-texte{margin:0;}
#colonne-gauche-accueil h1{
	margin-bottom:30px;
	font-family: "Times New Roman";
	font-size:40px;
	color:#000;
}

#colonne-droite-accueil{margin:20px 0 0 670px;width:300px;background: #fff url(gx/01/bg-titre-colonne-droite.gif) no-repeat top right; position:relative;}
#colonne-droite-accueil h2{
	margin-bottom:30px;
	font-family: "Times New Roman";
	font-size:40px;
	color:#000;
}

/* PAGE LOGEMENT À LOUER
--------------------------------------------------------------------------------------- */

#RechercheLogement{padding-top:10px;}
#RechercheLogement h1{color:#000;font-size:12px;text-transform:uppercase;margin-bottom:5px;}

#moduleRechercheCarte{float:left;position:relative;margin-top:5px;}

#listeLogementsVedette { height:460px; margin-left:650px; overflow-y:auto; overflow-x:hidden;  } 

#logementsVedette h2{
	font-family: "Times New Roman";
	font-size:30px;
	color:#000;
	margin-left:650px;
	width:323px;
	display:block;
	background:  url(gx/02/bg_titre_vedette.gif) repeat-x bottom left;
	height:60px;
	position:relative;
	margin-top:20px;
	z-index:1;
}

#btnLienSurTwitter {float:right; width:323px; height:33px;}
#btnLienSurTwitter a{background:url(gx/02/btnListeSurTwitter.gif) no-repeat top left; padding:9px 19px 9px 45px; display:block;  text-decoration:none; color:#fff; font-weight:bold;}
#btnLienSurTwitter a:hover {background-position: 0px -33px;}

#btnLienSurTwitterDetail {float:left; width:323px; height:33px; margin:10px 0 0 0;}
#btnLienSurTwitterDetail a{background:url(gx/02/btnListeSurTwitter.gif) no-repeat top left; padding:9px 19px 9px 45px; display:block;  text-decoration:none; color:#fff; font-weight:bold;}
#btnLienSurTwitterDetail a:hover{background-position: 0px -33px;}

#btnSMS {float:left; width:258px; height:64px; margin:10px 0 10px 0;}
#btnSMS a{background:url(gx/02/bouton_SMS.gif) no-repeat top left; padding:24px 10px 25px 77px; display:block; text-decoration:none; color:#fff; font-weight:bold; font-size:15px;}
#btnSMS a:hover{background-position: 0px -65px;}

#btnVoirTout {position:absolute; top:41px; right:1px; z-index:10;}
#btnVoirTout a{background-color:#88ad00; display:block; padding:2px 19px 2px 19px; text-decoration:none; color:#fff; font-weight:bold; border:1px solid #000;}
#btnVoirTout a:hover{background-color:#a3cf02;display:block;}

#logementsVedette .appVedette{color:#475d29; display:block; /* margin-left:650px; */ width:323px; height:80px; margin-top:11px; text-decoration:none;}
#logementsVedette .appVedette:hover{color:#fff;background-color:#88ad00;}


#conteneurCarte{width:620px;height:468px;padding:5px;background:#f1f2ef;border:1px solid #cdcdcd;margin-top:10px;}
#RechercheLogement .listeDeroulante{background-color:#fff;width:200px;padding:2px;}

#separation{background: #fff url(gx/02/bg_separation.gif) repeat-x top right;height:65px;position:relative;margin-bottom:5px;}
#immeuble_vert{background: #fff url(gx/02/immeuble_vert.gif) no-repeat top right;position:absolute;top:0;right:0;width:191px;height:46px;}

#colonne-droite-accueil #btnAppLogementProchain { left:0; top:55px; position:absolute; cursor:pointer; }
#colonne-droite-accueil #btnAppLogementPrecedent { right:0; top:55px; position:absolute; cursor:pointer;  }

#listeAppLogement { height:228px; overflow:hidden;  border:1px solid #ddd;  }

.padleft15 { padding-left:15px; }
.appLogementAccueil{
	padding-top:15px;
	margin-bottom:20px;
	width:300px;
	height:210px;
	/* background: #fff url(gx/bg_appLogement.gif) no-repeat top right; */
	float:left;
}

.appLogement{
	padding-top:15px;
	margin-bottom:20px;
	width:300px;
	height:210px;
	background: #fff url(gx/bg_appLogement.gif) no-repeat top right;
	float:left;
	position:relative;
}

.formulaireRendezVous{
	background: #fff;
	padding:15px;
	height:350px;
}


/* PAGE LOGEMENT À LOUER DETAIL
--------------------------------------------------------------------------------------- */
#btn_retour{float:right;color:#2B60AB;text-decoration:none;font-weight:bold;height:22px;display:block;margin-right:20px;}
#btn_retour:hover{text-decoration:underline;}

#InfosLogement{float:left;width:350px;}
#InfosLogement h1{font-weight:normal;height:36px;}
#InfosLogement p{color:#475d29;line-height:20px;}

#mediaLogement{width:602px; float:right;/*margin-left:353px;position:absolute; right:1px; top:25px; */}

/*#collecturephoto {clear:all;}*/
#collecturephoto a{text-decoration:none;}
#collecturephoto a img{border:1px solid #c7c7c7;}
#collecturephoto a:hover img{border:1px solid #2B60AB;}


/*MODULE_FAQ*/
#conteneurFAQ{width:600px; float:right; margin:20px 0 0 0;}
.btSingleQR{float:left; margin:0 0 10px 0;}
.btQuestion{width:600px; background-color:#1f4f94; cursor:pointer;}
.btQuestion h3{color:#fff; font-size:12px; padding:6px 10px;}
.btReponse{width:600px; display:none; text-align:justify;}
.btReponseOuvert{display:block;}
.ReponseTexte{color:#000; padding:10px;}

/* PAGE DEMANDE LOCATION
--------------------------------------------------------------------------------------- */

/*Calendrier JQUERY*/
.btnCalendrier{margin:2px 0 0 3px;}
div#Calendar{ background:#FFFFFF; border:#2266B3 1px solid; font-size:11px; }
div#Calendar div.weekdays div{ border:#FFFFFF 1px solid; color:#2266B3; font-weight:bold; margin:-1px 0 0 -1px; }
div#Calendar div.days a, div#Calendar div.days a:visited{ border:#2266B3 1px solid; color:#3e3328; margin:-1px 0 0 -1px; text-decoration:none; }
div#Calendar div.days a:hover{ color:#999999; }
div#Calendar div.days div{ background:#CFCFCF; border:#2266B3 1px solid; margin:-1px 0 0 -1px; }

/*#sectionPerso{float:left;width:500px;}
#sectionConjoint{margin-left:500px;width:470px;}*/

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */


/* PAGE RECHERCHE
--------------------------------------------------------------------------------------- */
#nextback a{color :#759301;text-decoration:none;}
#nextback a:hover{color :#759301;text-decoration:underline;}

/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* PLAN DU SITE
--------------------------------------------------------------------------------------- */
#planSite ul li{ margin-bottom:5px;}
#planSite ul li ul li{ margin-bottom:0px;}
#planSite ul li a{text-decoration:none;}
#planSite ul li a:hover{text-decoration:underline;}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#4c4c4c; font-size:10px; height:50px; padding:0;margin: 0 auto 0 auto;width:1000px; height:90px; background:  url(gx/bg-footer.gif) no-repeat bottom left;}
#piedPage a{color:#4c4c4c; text-decoration:none;}
#piedPage a:hover{color:#88AD00;text-decoration:underline;}
#piedPage #copyrights{float:right; margin:0; text-align:right;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; }
#piedPage #menuBas{float:right;text-align:right;height:25px;}

#piedPage #menuBas ul li{display:inline;}
#piedPage #menuBas a {text-transform:uppercase;font-weight:bold;text-decoration:none;color:#fff;}
#piedPage #menuBas a:hover{text-decoration:underline;}


#piedPage #menuUtilitaireBas{padding-top:5px;float:right;text-align:right;}
#piedPage #menuUtilitaireBas a{color:#88AD00;font-weight:bold; font-size:11px;}


/* Partager cette page (bookmarker) */
#socialBookmarker {
text-transform:uppercase;margin-bottom:2px;
float:right;background-color:#202020;padding:5px 2px 0 2px;margin-left:20px;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{ font-size: 12px; margin:10px 0; padding:0;}
fieldset legend{ color:#1D4E93; font-size:13px; font-weight:bold;margin-bottom:5px; padding:0;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}


/* Formulaire login */
#formulaireLogin fieldset label{float:left;width:120px;}
#formulaireLogin .champTexte{float:left;width:150px;}

/* Formulaire refererSite */
#refererSite fieldset label{float:left;width:150px;}
#refererSite .champTexte{float:left;width:200px;}
#refererSite .boiteTexte{float:left;height:70px;width:200px;}


/* Formulaire envoyerAmi */
#envoyerAmi fieldset label{float:left;width:200px;}
#envoyerAmi .champTexte{float:left;width:250px;}
#envoyerAmi .listeDeroulante{float:left;width:250px;}
#envoyerAmi .boiteTexte{float:left;height:70px;width:250px;}

/* Formulaire Demande Location */
#btDemandePerso{float:left; width:480px;}
#btDemandeConjointe{float:left; width:480px;}

#formulaireDemandeLocation fieldset{margin:20px 0 30px 0;}
#formulaireDemandeLocation fieldset label{float:left;width:200px;}

#btCheckBoxInclusLoyer{float:left; margin:0 0 20px 10px;}

#formulaireDemandeLocation .champTexte{float:left;width:235px;}
#formulaireDemandeLocation .listeDeroulante{float:left;width:300px;}
#formulaireDemandeLocation .boiteTexte{float:left;height:70px;width:300px;}


/* Formulaire Alerte Virtuelle */
#formulaireAlerteVirtuelle fieldset label{float:left;width:200px;}
#formulaireAlerteVirtuelle .champTexte{float:left;width:300px;}
#formulaireAlerteVirtuelle .listeDeroulante{float:left;width:300px;}
#formulaireAlerteVirtuelle .boiteTexte{float:left;height:70px;width:300px;}


/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:300px;}

.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	text-align:center;
	text-decoration:none;
	background: #fff url(gx/bg-btn-bleu.gif) repeat-x top left;
	display:block;
	padding:4px;
	border:none;
	color: #fff;
	font-family: Arial, Verdana, Tahoma; /* Garder seulement 3 fontes */
	font-size: 13px;
	font-weight: bold;

}
.bouton:hover{background: #fff url(gx/bg-btn-bleu_over.gif) repeat-x top right; color:#FFF;}

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

.erreur{color:#FF0000;}