@charset "utf-8"; /* CSS Herpain Urbis */

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; border-collapse: collapse; border-spacing: 0; }
sub,sup { line-height: 1px; }
html { background-color:#A4A3A3; }
body { background-color:#A4A3A3; color:#333; font-family:Verdana, Helvetica, Arial, sans-serif; font-size: 62.5%; margin-top: 28px; }

/* Container */
#general { position:relative; margin:0 auto; width:964px; }
#header { background:#FFF; padding: 8px 8px 0; clear:both; height:64px; width:948px; }
#content { width:948px;	height: 422px; padding: 0 8px 0 8px; background-color: #fff; }
#left { float: left; width: 315px; height: 420px; background: #CCC9C9; }
#right { float: left; width:633px; height: 373px; padding-top:47px; background: #CCC9C9; }
#footer, #footerResidentiel, #footerRetail { width: 964px; height: 158px; }

/* Tags HTML Default */
h1 { position: absolute; top:556px; left:30px; }
h1.realty { top: 596px; }
h1 a { display: block; width: 144px; height: 40px; text-indent: -9999px; }
h2 { margin: 0 0 33px 16px; color:#fff; font-weight: normal; font-size: 2.1em; padding-left: 20px; background: url("../images/bg-h2.png") no-repeat 0 22px; }
h3 { font-size: 1.3em; margin:0 0 4px 36px; }
h4 { font-size: 1.1em; }
p { font-size: 1.1em; line-height:1.5em; margin: 0 36px 1.3em 36px; color:#4D4F4D; }
a { color:#464749; }
a:hover { color:#202021; }

/* Domaines d'Activités */
.domaines-d-activites h2 { display: none; }
.domaines-d-activites h3 { margin: 0 0 33px 16px; color:#fff; font-weight: normal; font-size: 2.1em; padding-left: 20px; background: url("../images/bg-h2.png") no-repeat 0 22px; }
.domaines-d-activites h4 { font-size: 1.3em; margin:0 0 4px 36px; }
.domaines-d-activites ul.presse { list-style: none; margin: 0 0 0 20px; }
.domaines-d-activites ul.presse li { line-height: 22px; padding-left: 20px; background: url("../images/puce-liste.png") no-repeat 0 8px; }
.domaines-d-activites ul.presse li a { font-size: 1.1em; color:#464749; }
.domaines-d-activites ul.presse li a:hover { color:#202021; }
.domaines-d-activites #right.partenaires p { line-height: 13px; }
.domaines-d-activites #right.partenaires h3 { display: none; }
.domaines-d-activites #right.partenaires h4 { margin:0 0 0 36px; font-size: 1em; }
.domaines-d-activites #right.plan img { float: left; margin-left: 24px; }
.domaines-d-activites #right #fiche { float: left; width:280px; margin-left: 42px; }
.domaines-d-activites #right #fiche p { margin-left: 0; }
.domaines-d-activites #right #fiche p strong { font-weight: bold; color:#333; }
.domaines-d-activites #right #fiche a.pdf { display: block; height: 31px; width:210px; margin-top: 4px; background: url("../images/icon-pdf.png") no-repeat right; }
.domaines-d-activites #right #fiche table td { border-bottom:1px solid #999; height: 20px; }
.domaines-d-activites #right #fiche table td.niveau { font-weight: bold; color:#333; }
.domaines-d-activites #right #fiche table td.type { padding-left:10px; }
.domaines-d-activites #right #fiche table td.superficie { text-align: right; padding-left:10px; }
.domaines-d-activites #right .colPartenaires { float: left; width:288px; padding: 0 0 0 28px; }
.domaines-d-activites #right .colPartenaires h4, .domaines-d-activites #right .colPartenaires p { margin-left: 0; }
#general div.bureaux { background:#fff url("../images/bureaux/bg-bureaux.jpg") no-repeat 8px 0px; }

/* Galerie d'images */
#galerieImages { float: right; margin-top:30px; width: 604px; }
#galerieImages.imgRetail { float: right; margin-top:15px; width: 604px; }
#galerieImages ul { list-style: none; padding:4px; }
#galerieImages ul li { height: 8px; width: 11px; display: inline; }

#galerieImages ul li a { height: 8px; width: 11px; text-indent: -9999px; display: block; }
#galerieImages ul li a.prev { float: left; background: url("../images/bt-prev.png") no-repeat; }
#galerieImages ul li a.next { float: right; background: url("../images/bt-next.png") no-repeat; }
#galerieImages #hauteurImages { height: 225px; }
#right.veridis #galerieImages { float: right; margin: 0; }
#right.veridis #galerieImages #hauteurImages { height: 330px; float: right; }
#right.veridis #galerieImages #hauteurImages img { float: right; }

/* Résidentiel */
#general div.residentiel { background:#fff url("../images/residentiel/bg-residentiel.jpg") no-repeat 8px 0px; height:458px; }
#general div.residentiel h2 { position: relative; top:343px; margin:0 0 0 22px; display: block; }
#general div.residentiel p { position: relative; top:354px; width:858px; text-align: justify; font-size: 1.1em; margin:0 0 0 44px; color: #fff; }
.domaines-d-activites #footerResidentiel { background:#fff url("../images/bg-footer-domainesResidRetail.png") no-repeat 1px 0px; height: 122px; }

/* Retail */
#general div.retail { background:#fff url("../images/retail/bg-retail.jpg") no-repeat 8px 0px; height:458px; }
#general div.retail h2 { position: relative; top:343px; margin:0 0 0 22px; display: block; }
#general div.retail p { position: relative; top:354px; width:858px; text-align: justify; font-size: 1.1em; margin:0 0 0 44px; color: #fff; }
.domaines-d-activites #footerRetail { background: #fff url("../images/bg-footer-domainesResidRetail.png") no-repeat 1px 0px; height: 122px; }
.domaines-d-activites #footerRetail.retailF { background-image: url("../images/bg-footer-domainesResidRetail-retail.png"); }
#general div.mol h3, #general div.malines h3, #general div.bruxelles h3, #general div.anvers h3 { display: none; }
#general div.mons h3, #general div.bergen h3 { display: none; }
#general div.lier h3 { display: none; }
#general div.athus h3 { display: none; }
#general #linkToRetailButton { position: static; }
#linkToRetailButton a { display: block; height: 580px; left: 0; position: absolute; text-indent: -9999px; top: 89px; width: 100%; opacity:0; background: url(../images/bg-goto-retail.png) no-repeat center 130px; }
#linkToRetailButton a:hover { -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; opacity:1; }

/* Left */
#left h2 { background: #1B1718 url("../images/leftTitles.png") 0 0px no-repeat; display: block; text-indent:-9999px; position: relative; top:121px; width:173px; height: 35px; color: #fff; margin: 0; padding: 0; opacity:.8; }
#left.solaris h2{	 background-position:0px 0px; }
#left.veridis h2{	 background-position:0px -40px; }
#left.regeneris h2{	 background-position:0px -80px; }
#left.tubize h2{	 background-position:0px -120px; }
#left.capouillet h2{	background-position:0px -160px; }
#left.de-crayer h2{	 background-position:0px -200px; }
#left.malines h2{	 background-position:0px -240px; }
.nl #left.malines h2, .en #left.malines h2{	 background-position:0px -320px; }
#left.mol h2{	 background-position:0px -280px; }
#left.mons h2{	 background-position:0px -360px; }
#left.bergen h2{	background-position:0px -400px; }
#left.anvers h2{	background-position:0px -440px; }
#left.antwerp h2{	 background-position:0px -480px; }
#left.antwerpen h2{	 background-position:0px -520px; }
#left.bruxelles h2{	 background-position:0px -560px; }
#left.brussels h2{	background-position:0px -600px; }
#left.brussel h2{	 background-position:0px -640px; }
#left.lier h2{	background-position:0px -680px; }
#left.athus h2{	background-position:0px -720px; }

/* right */
#right p.contact { position: absolute; top:479px; clear: both; width:480px; font-size: 1.1em; color: #fff; margin:0 0 0 100px; }
#right p.contact strong { color: #333; }
#right p.contact a { color: #333; }
ul#pagesNav	 { list-style: none; padding:4px 4px 4px 36px; }
ul#pagesNav li { height: 14px; width: 21px; display: inline; }
ul#pagesNav li a { height: 14px; width: 21px; text-indent: -9999px; display: block; }
ul#pagesNav li a.prev { float: left; margin-right: 10px; background: url("../images/bt-prev-big.png") no-repeat; }
ul#pagesNav li a.next { float: left; background: url("../images/bt-next-big.png") no-repeat; }

/* Contact */
#general div.contact #right { background:#C5C4BF; padding-top: 30px; height: 390px; }
#general div.contact h2 { display: none; }
#general div.contact h3 { width: 225px; height: 14px; text-indent: -9999px; margin: 0 0 10px 15px; }
#general div.contact h4 { margin: 0 0 0 31px; }
#general div.contact p { margin: 0 0 18px 31px; font-size: 1.1em; }
#general div.contact p.sansMargin { margin: 0 0 6px 31px; }
#general div.contact h3.bureaux { background: url("../images/contact/bg-h3-contactBureaux.png") no-repeat; }
#general div.contact h3.offices { background: url("../images/contact/bg-h3-contactOffices.png") no-repeat; }
#general div.contact h3.kantoren { background: url("../images/contact/bg-h3-contactKantoren.png") no-repeat; }
#general div.contact h3.residentiel { background: url("../images/contact/bg-h3-contactResidentiel.png") no-repeat; }
#general div.contact h3.residential { background: url("../images/contact/bg-h3-contactResidential.png") no-repeat; }
#general div.contact h3.residentieel { background: url("../images/contact/bg-h3-contactResidentieel.png") no-repeat; }
#general div.contact h3.retail { background: url("../images/contact/bg-h3-contactRetail.png") no-repeat; }

/* Equipe */
#left.equipe { background: #D6D1D0; }
ul.equipe { position: relative; width: 258px; height: 258px; top:72px; left:34px; background:url("../images/bg-equipe.png") no-repeat; }
ul.equipe li { display: block; float: left; }
ul.equipe li.yvan { position: absolute; top:0; left:0; }
ul.equipe li.john { position: absolute; top:172px; left:0; }
ul.equipe li.chloe { position: absolute; top:86px; left:86px; }
ul.equipe li.jerome { position: absolute; top:86px; left:172px; }
ul.equipe li.thierry { position: absolute; top:173px; left:86px; }

ul.equipe li a { display: block; float: left; width: 85px; height: 85px; text-indent: -9999px; }
ul.equipe li.yvan a:hover, ul.equipe li.yvan a.actif { background:url("../images/equipe/yvan.jpg") no-repeat; }
ul.equipe li.thierry a:hover, ul.equipe li.thierry a.actif { background:url("../images/equipe/thierry.jpg") no-repeat; }
ul.equipe li.john a:hover, ul.equipe li.john a.actif { background:url("../images/equipe/john.jpg") no-repeat 0 1px; }
ul.equipe li.chloe a:hover, ul.equipe li.chloe a.actif { background:url("../images/equipe/chloe.jpg") no-repeat 0 1px; }
ul.equipe li.jerome a:hover, ul.equipe li.jerome a.actif { background:url("../images/equipe/jerome.jpg") no-repeat 1px 0; }
ul.equipe li.natacha a:hover, ul.equipe li.natacha a.actif { background:url("../images/equipe/natacha.jpg") no-repeat 0 1px; }

/* Footer Page - */
#general #footer p, #general #footerRetail p, #general #footerResidentiel p { display: none; }
.herpain-urbis #footer { background: #FFF url("../images/bg-footer-herpain.png") no-repeat 1px 0; }
.domaines-d-activites #footer { background: #FFF url("../images/bg-footer-domaines.png") no-repeat 1px 0; }
.domaines-d-activites #footer.retailF { background: #FFF url("../images/bg-footer-domaines-retail.png") no-repeat 1px 0; }

.domaines-d-activites #footer.realty { background: #FFF url("../images/bg-footer-domaines-realty.png") no-repeat 1px 0; }
.contact #footer { background: #FFF url("../images/bg-footer-contact.png") no-repeat 1px 0; }

#banner-realty { position: absolute; display: block; top: 556px; left: 401px; }