/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
/* Supprimer si le site de contient pas de page de garde (splash)
body#index{
	background: #FFF url(gx/bg.gif) repeat-x scroll center top;
	text-align:center;
}
*/

body/*#main*/{
	background: #dcf0bf url(gx/bodybg.gif) repeat-x;
	color: #333;
	font-size: 11px;
	line-height: 150%;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes et effacer ce commentaire */
	text-align: left;
}
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#70BD09;}

/*a:active{color:#0e8bbf; text-decoration:none;}*/

h1{color:#000; font-size:19px; margin-bottom:6px;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{color:#70BD09; font-size:19px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#70BD09; text-decoration:none;}

h3{color:#000; font-size:11px; margin-bottom:4px;}
h3 a, h3 a:link, h3 a:visited{text-decoration:none;}

p{ font-size: 12px;}
blockquote{padding:10px;margin:10px;background:#eee;}

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px;}
#contenu ul ul li{list-style:circle;}
#contenu ol li, #contenu ul ol li{list-style:decimal; margin-left:23px;}
#contenu ol ol li{list-style:lower-alpha;}

.textePetit{font-size:10px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{font-size: 11px; margin-bottom:10px; padding:0px;}
fieldset legend{color:#000; font-size:14px; font-weight:bold; padding:0px;}
fieldset label{font-size:12px; color:#000; margin:2px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte{
	font-size:11px;
	margin:2px 0;
}
.listeDeroulante{
	font-size:11px;
	margin:2px 0;
}
.boiteTexte{
	/*font-family:"Trebuchet MS";*/
	font-size:11px;
	margin:2px 0;
}
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus{background-color:#ddd;}

.bouton{
	background-color: #59a8e1;
	border: none;
	color: #FFF;
	height: 26px;
	line-height: 29px;
	padding: 0 22px 3px 22px;
}
.bouton:hover{background-color:#1A80B6; cursor: pointer;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}
div.erreur{color:#cc0000}
/* 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;} */

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin:0 auto;	
	width:938px;
}

#contenu{
	min-height:500px;
	height:auto !important;
	height:500px;
}

#haut{
	background: url(gx/hautbg.png) bottom no-repeat;
	height: 45px;
}

#logo{margin-top: 8px;}
#banniereConteneur{background: #FFF; height: 375px; overflow: hidden;}
#banniereShadow{background: url(gx/banniereShadowBg.png) no-repeat top; height: 30px;}
div.jshowoff{float: left;width: 699px;overflow: hidden; zoom:1; display: inline; position: relative; z-index: 1;}
#slideshow{float: left;/* width: 699px;*/ overflow: hidden;}

#banniere{
	background: url(gx/ban1.jpg) no-repeat;
	border: 1px solid #FFF;
	float: left;
	height: 373px;
	width: 699px;
	overflow: hidden;
}

#banniere a{ 
	background: #CCC; 
	height: 40px;
	float: right;
	margin: 13px 8px 0 0;
	width: 40px;
}

#banniere a:hover{ opacity:0.8;} 

#banniere #btFacebook{background: url(gx/btFacebook.png);}
#banniere #btTwitter{background: url(gx/btTwitter.png);}
#banniere #btYoutube{background: url(gx/btYoutube.png); margin-right: 14px;}

#coloneGauche{
	float: left;
	width: 299px;
}

#btCarte{
	background: url(gx/btCarteBg.jpg);
	color: #e40000;
	display: block;
	font-family: Myriad Pro;
	font-size: 20px;
	height: 32px;
	padding: 212px 0 0 15px;
	text-decoration: none;
	text-transform: uppercase;
	width: 284px;
}
#btCarte:hover{ color: #FFF;}

#coloneDroite{
	float: right;
	width: 627px;
}

/* 03_110 : PAGE PROJETS
--------------------------------------------------------------------------------------- */

#projetDetail{ 
	background: #FFF; 
	min-height:200px;
	height:auto !important;
	height:200px;
	padding: 12px;
}

#projetDetail h1{ color: #000; line-height: 110%;}
#projetDetail h1 span{ color: #70BD09;} 
#projetDetail h1 span a{ color: #70BD09;}
#projetDetail h1 span a:hover{ text-decoration: underline;} 

#projetDetail h3{ color: #ee2633; font-size: 12px; margin-bottom: 20px;}
#projetDetail h3.batisse{ margin-bottom: 0;}

#projetDetail span.intro{ font-size: 14px;} 

#bureauxVentes{
	background: #78a6a7;
	color: #FFF;
	min-height:112px;
	height:auto !important;
	height:112px;
	padding: 13px 0 10px 10px;
	width: 290px;
}

#bureauxVentes .titre{ font-size: 18px; }
#bureauxVentes p{ line-height: 110%; }
#bureauxVentes a{ color: #FFF; }
#bureauxVentes a:hover{ text-decoration: none; }

/* MODELE LIST */

.modeleBlock{
	border: 1px solid #d9d6d0;
	float: left;
	min-height:200px;
	height:auto !important;
	height: 200px;
	margin:0 8px 10px 0;
	text-align: center;
	width: 140px;
}

.modeleBlock p.titre{ border-bottom: 1px solid #d9d6d0; font-weight: bold; margin-bottom: 5px; padding: 5px 0; text-align: center;}

/* CONDO DÉTAILS */

.boite_projet{ float: left; width: 345px;}

.boite_projet a.lienPlan{
	background: #AFDD6E;
	color: #000000;
	display: block;
	float: left;
	font-size: 13px;
	height: 33px;
	line-height: 33px;
	margin: 5px 0;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
}

.boite_projet a.lienPlan:hover{
	background: #9FCE5D;
	color: #FFF;
}

/* TABLE UNITE */

table.unite{
	width: 600px;
	font: 12px Arial;
}
table.unite tr{
	background-color: #F8F8F8;}
table.unite td{
	background: #ececec;
	border: 1px solid #FFF;
	padding: 2px 0;
}
table.unite th{
	color: #fff;
	background: #70BD09;
	padding-left: 15px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;}
table.unite th .fr{float: right;padding-right: 16px;}
table.unite th .en{float: right;padding-right: 20px;}
table.unite tr.titre td{
	background-color: #c5c5c5;
	font-size: 12px;
	color: #333333;
	font-weight: bold;}
table.unite td.petitpad{
	padding-left: 5px;}
table.unite td.centre{
	text-align: center;}
table.unite tr.vendu{
	background-color: #ECECEC;}
table.unite td.vendu{
	text-align: center;
	color: #FF0000;
	font-weight: bold;}
table.unite td a, table.unite td a:link, table.unite td a:visited{
	font-weight: normal;
	color: #333333;
	text-decoration: none;}
table.unite td.vendu a, table.unite td.vendu a:link, table.unite td.vendu a:visited{
	font-size: 12px;
	background: url(Gx/01/pasvendu_bg.gif) no-repeat left top;
}
table.unite td a:hover, table.unite td a:visited:hover{
	text-decoration: underline;}

.both, .clearBoth{clear:both;}
.imageLeft{float: left;margin-right: 19px;}
a.imageLeft:hover{ opacity:0.9;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{ float: left; width: 237px; position: relative; z-index: 2;}
#menu li{ list-style-type:none; position: relative; zoom:1;}
#menu li a, #menu li a:link, #menu li a:visited{
	border-bottom: 1px solid #dee7d2;
	color: #000;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 10px;
	text-decoration: none;
	text-transform: uppercase;
	width: 227px;
	zoom:1;
}
#menu li a:hover, #menu li a:focus, #menu li a:visited:hover{background-color:#e1f0f0;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{background-color:#a7d3d4;}
#menu li.dernier a{ border: none;}

#menu li ul {
	background: #FFF;
   display: none;
   
	top: 0;
	left: 238px;
   position: absolute;
   z-index: 10;
	zoom:1;
}

#menu li #sousMenu2 li a {width: 288px;}

/* Navigation secondaire */
#menuSec{float:right;}
#menuSec li{display:inline; float:left;line-height: 32px;}
#menuSec a, #menuSec a:link, #menuSec a:visited{
	background: url(gx/menuSecBg.png);
	color: #000;
	display: block;
	float: left;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
}
#menuSec li a:hover { background: url(gx/menuSecBg_over.png);}
#menuSec li a.actif { /*color: #94b763;*/ background: #FFF;}

#menuSec li a span{border-right: 1px solid #94b963;padding:0 17px;}
#menuSec li.dernier a span{ border: none;}

/*-- Slideshow --*/
p.jshowoff-controls{ display: none;}
p.jshowoff-slidelinks{display: none;}

#contenu .sousMenuPlan{ margin-left: 32px;}

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.fbJaimePetit{max-width: 100px;}
/*.fbJaime{max-width: 450px; height: 25px;}
.fbJaime iframe{margin-right: 10px; height: 25px;}*/
#nouvelleBlock a{text-decoration: none;}
#nouvelleBlock a:hover{text-decoration: underline;}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#projetVedette{ 
	background: #FFF; 
	border-bottom: 3px solid #afdd6e; 
	min-height:120px;
	height:auto !important;
	height:120px;
	margin-bottom: 14px; 
	padding: 12px 0 0 11px;
}
#projetVedette h2{ color: #70bd09; font-size: 18px; font-weight: bold; margin: 10px 0;}
#projetVedette h2 a{ color: #70bd09;}
#projetVedette h2 a:hover{ text-decoration: underline;}
#projetVedette p{ line-height: 175%;}

#projetVedette .lireSuite{ 
	background: #afdd6e;
	color: #000;
	display: block;
	height: 33px;
	line-height: 33px;
	float: right;
	font-size: 13px;
	margin-right: 19px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	/*width: 106px;*/
}
#projetVedette .lireSuite:hover{background: #9fce5d; color: #FFF;} 

#nouvelleVedette{border-top: 1px solid #b7b8b7;padding-top: 17px;}
#nouvelleVedette a{text-decoration: none;}
#nouvelleVedette a.titre{ color: #000;}
#nouvelleVedette a:hover{text-decoration: underline;}


/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #999;height:250px;width:300px;float:right;}
#carteImmeuble{border:1px solid #999;height:244px;width:298px;float:left;}
#carteListeProjet{border:1px solid #999;height:350px;width:100%;float:left;}
#boiteFormContact{float:left;width:300px;}

#formContact{float:left;width:300px;}
#formContact label{width:90px;}
#formContact .champTexte{float:left;width:230px;}
#formContact .listeDeroulante{border: 1px solid #7f7f80; height: 19px; line-height: 19px; float:left;width:230px;}
#formContact .champTexte{ border: 1px solid #7f7f80; height: 19px; line-height: 19px; margin-bottom: 5px; padding-left: 7px; width:223px;}
#formContact .boiteTexte{border: 1px solid #7f7f80; height: 70px; width:230px;}
#formContact .erreurTexte{margin-left:0px;}

#boite_formContact{ float:right;width:257px;}
#formQuestionPlan{ float:right; margin-top: 40px; padding:0 20px 0 28px; width:209px;}
#formQuestionPlan legend{ margin-bottom: 15px;}
#formQuestionPlan label{ font-size: 11px;}
#formQuestionPlan .champTexte, #formInfolettre .champTexte{ border: 1px solid #7f7f80; height: 19px; line-height: 19px; margin-bottom: 5px; padding-left: 7px; width:190px;}
#formQuestionPlan .boiteTexte{border: 1px solid #7f7f80; height: 56px; width:197px;}

#formInfolettre .boiteTexte{border: 1px solid #7f7f80; height: 76px; width:190px;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{ border-top: 6px solid #c9d9b3; padding:10px 0 10px 0;}
#piedPage a{ color: #949e86; text-decoration:none;}
#piedPage a:hover{text-decoration:underline;}
#piedPage p{ color: #6c8648; font-size: 11px; line-height: 14px; margin-top: 4px; width: 740px;}
#piedPage #copyrights{float:left;}
#contactFooter{ border-left: 1px solid #b1b1b1; float: right; font-size: 12px; padding-left: 14px;}

/* Navigation en bas-de-page */
#menuBas{float:left; text-align:left; margin-bottom: 25px;}
#menuBas li{display:inline;}
#menuBas li.premier a {padding-left:0;}
#menuBas a, #menuBas a:link, #menuBas a:visited{ color: #3b3b3b; padding:0 5px;}
#menuBas a:hover, #menuBas a.actif{ color: #8da271; text-decoration: none;}

/* Partager cette page (AddToAny) */
a#lienPartager{float:right; width:77px; height:19px; background:url(gx/btn_partager.png) no-repeat; font-size: 11px; padding:4px 80px 0 0; color:#666; text-align:right; text-decoration:none;}
