/* Menu principal */ #nav { height: 64px; width: 948px; background: #1B1718; } #nav a{ background-repeat: no-repeat; } #nav ul{ list-style-type: none; } #mainMenu { border-bottom:1px solid #fff; height: 32px; width: 948px; position:absolute; } #mainMenu li { float: left; } #mainMenu li a { display: block; width: 316px; height: 32px; font-size:1px; color:#1B1718; } #mainMenu { background-image:url("../images/mainMenu-nl.png"); } #mainMenu li a { cursor:pointer; position: absolute; top: 0; text-indent: -9000px; overflow: hidden; z-index: 10; } #mainMenu .herpain-urbis-retail a { left: 0px; } #mainMenu .herpain-urbis-retail a:hover, #mainMenu .herpain-urbis-retail a:focus { background: url("../images/mainMenu-nl.png") no-repeat 0 -32px; } #mainMenu .herpain-urbis-retail a:active { background: url("../images/mainMenu-nl.png") no-repeat 0 0; } .current-herpain-urbis-retail .herpain-urbis-retail a { background: url("../images/mainMenu-nl.png") no-repeat 0 -32px; cursor: default; } .nav-herpain-urbis-retail, .nav-herpain-urbis-retail-click { position: absolute; left: 0px; width: 316px; height: 32px; background: url("../images/mainMenu-nl.png") no-repeat 0 -32px; } .nav-herpain-urbis-retail-click { opacity:.5; } #mainMenu .localisation a { left: 316px; } #mainMenu .localisation a:hover, #mainMenu .localisation a:focus { background: url("../images/mainMenu-nl.png") no-repeat -316px -32px; } #mainMenu .localisation a:active { background: url("../images/mainMenu-nl.png") no-repeat -316px 0; } .current-localisation .localisation a { background: url("../images/mainMenu-nl.png") no-repeat -316px -32px; cursor: default; } .nav-localisation, .nav-localisation-click { position: absolute; left: 316px; width: 316px; height: 32px; background: url("../images/mainMenu-nl.png") no-repeat -316px -32px; } .nav-localisation-click { opacity:.5; } #mainMenu .contact a { left: 632px; } #mainMenu .contact a:hover, #mainMenu .contact a:focus { background: url("../images/mainMenu-nl.png") no-repeat -632px -32px; } #mainMenu .contact a:active { background: url("../images/mainMenu-nl.png") no-repeat -632px 0; } .current-contact .contact a { background: url("../images/mainMenu-nl.png") no-repeat -632px -32px; cursor: default; } .nav-contact, .nav-contact-click { position: absolute; left: 632px; width: 316px; height: 32px; background: url("../images/mainMenu-nl.png") no-repeat -632px -32px; } .nav-contact-click { opacity:.5; } /* Sous-menu */ #subMenu { margin-top: 1px; height: 31px; position: absolute; top:32px; width:316px; /* pour explorer 6 */ } #subMenu li { width: auto; height: 31px; } #subMenu li a:hover{ } #mainMenu #subMenu a:hover, #mainMenu #subMenu a.actif { background-position:0 -31px; color:#1B1718; } #mainMenu #subMenu a { position: relative; background-color:#1B1718; background-position:0 0; display:block; height: 31px; } /* Sous-menu : Herpain Urbis */ #mainMenu li.herpain-urbis-retail ul{ padding-left:13px; } #mainMenu li.herpain-urbis-retail li.accueil a, #mainMenu li.herpain-urbis-retail li.accueil a:hover { width:106px; background-image:url("../images/subMenu/subMenuAccueil-nl.png"); } #mainMenu li.herpain-urbis-retail li.philosophie a, #mainMenu li.herpain-urbis-retail li.philosophie a:hover { width:109px; background-image:url("../images/subMenu/subMenuPhilosophie-nl.png"); } #mainMenu li.herpain-urbis-retail li.equipe a, #mainMenu li.herpain-urbis-retail li.equipe a:hover { width:87px; background-image:url("../images/subMenu/subMenuEquipe-nl.png"); } /* Sous-menu : Domaines d'Activités */ #mainMenu li.localisation li.bureaux a, #mainMenu li.localisation li.bureaux a:hover { width:109px; background-image:url("../images/subMenu/subMenuBureaux-nl.png"); } #mainMenu li.localisation li.residentiel a, #mainMenu li.localisation li.residentiel a:hover { width:129px; background-image:url("../images/subMenu/subMenuResidentiel-nl.png"); } #mainMenu li.localisation li.retail a, #mainMenu li.localisation li.retail a:hover { width:111px; background-image:url("../images/subMenu/subMenuRetail-nl.png"); } /* Sous-sous-menu */ #subMenu #subSubMenu { position:absolute; opacity:.7; margin-left:316px; width:118px; /* pour explorer 6 : */ height:147px; } #subMenu #subSubMenu li { width:auto; float:none; clear:both; height:23px; } #subMenu #subSubMenu a{ background-image:url('../images/subSubMenu-nl.png'); display:block; height:23px; font-size:1px; text-decoration:none; color:#666; text-indent:-9999px; width:118px; left:0; } #subMenu #subSubMenu .malines a { background-position:-708px 0; } #subMenu #subSubMenu .malines a:hover { background-position:-826px 0; } #subMenu #subSubMenu .malines a.actif { background-position:-944px 0; } #subMenu #subSubMenu .mechelen a { background-position:-708px 0; } #subMenu #subSubMenu .mechelen a:hover { background-position:-826px 0; } #subMenu #subSubMenu .mechelen a.actif { background-position:-944px 0; } #subMenu #subSubMenu .mol a { background-position:-708px -21px; padding-bottom:5px;} #subMenu #subSubMenu .mol a:hover { background-position:-826px -21px; } #subMenu #subSubMenu .mol a.actif { background-position:-944px -21px; } #subMenu #subSubMenu .lier a { background-position:-708px -63px; padding-bottom:5px;} #subMenu #subSubMenu .lier a:hover { background-position:-826px -63px; } #subMenu #subSubMenu .lier a.actif { background-position:-944px -63px; } #subMenu #subSubMenu .mons a { background-position:-708px -42px; padding-bottom:5px; } #subMenu #subSubMenu .mons a:hover { background-position:-826px -42px; } #subMenu #subSubMenu .mons a.actif { background-position:-944px -42px; } #subMenu #subSubMenu .bergen a { background-position:-708px -42px; } #subMenu #subSubMenu .bergen a:hover { background-position:-826px -42px; } #subMenu #subSubMenu .bergen a.actif { background-position:-944px -42px; } #subMenu #subSubMenu .anvers a { background-position:-708px -84px; } #subMenu #subSubMenu .anvers a:hover { background-position:-826px -84px; } #subMenu #subSubMenu .anvers a.actif { background-position:-944px -84px; } #subMenu #subSubMenu .antwerpen a { background-position:-708px -84px; } #subMenu #subSubMenu .antwerpen a:hover { background-position:-826px -84px; } #subMenu #subSubMenu .antwerpen a.actif { background-position:-944px -84px; } #subMenu #subSubMenu .antwerp a { background-position:-708px -84px; } #subMenu #subSubMenu .antwerp a:hover { background-position:-826px -84px; } #subMenu #subSubMenu .antwerp a.actif { background-position:-944px -84px; } #subMenu #subSubMenu .athus a { background-position:-708px -126px; } #subMenu #subSubMenu .athus a:hover { background-position:-826px -126px; } #subMenu #subSubMenu .athus a.actif { background-position:-944px -126px; } #subMenu #subSubMenu .bruxelles a { background-position:-708px -105px; } #subMenu #subSubMenu .bruxelles a:hover { background-position:-826px -105px; } #subMenu #subSubMenu .bruxelles a.actif { background-position:-944px -105px; } #subMenu #subSubMenu .brussel a { background-position:-708px -105px; padding-bottom:15px; } #subMenu #subSubMenu .brussel a:hover { background-position:-826px -105px; } #subMenu #subSubMenu .brussel a.actif { background-position:-944px -105px; } #subMenu #subSubMenu .brussels a { background-position:-708px -105px; } #subMenu #subSubMenu .brussels a:hover { background-position:-826px -105px; } #subMenu #subSubMenu .brussels a.actif { background-position:-944px -105px; } #subMenu #subSubMenu .wavre a { background-position:-708px -148px; } #subMenu #subSubMenu .wavre a:hover { background-position:-826px -148px; } #subMenu #subSubMenu .wavre a.actif { background-position:-944px -148px; } #subMenu #subSubMenu .waver a { background-position:-708px -148px; } #subMenu #subSubMenu .waver a:hover { background-position:-826px -148px; } #subMenu #subSubMenu .waver a.actif { background-position:-944px -148px; } #subMenu #subSubMenu .hasselt a { background-position:-708px -169px; } #subMenu #subSubMenu .hasselt a:hover { background-position:-826px -169px; } #subMenu #subSubMenu .hasselt a.actif { background-position:-944px -169px; } #subMenu #subSubMenu .waterloo a { background-position:-708px -190px; } #subMenu #subSubMenu .waterloo a:hover { background-position:-826px -190px; } #subMenu #subSubMenu .waterloo a.actif { background-position:-944px -190px; } #subMenu #subSubMenu .namur a { background-position:-708px -211px; } #subMenu #subSubMenu .namur a:hover { background-position:-826px -211px; } #subMenu #subSubMenu .namur a.actif { background-position:-944px -211px; } #subMenu #subSubMenu .namen a { background-position:-708px -211px; } #subMenu #subSubMenu .namen a:hover { background-position:-826px -211px; } #subMenu #subSubMenu .namen a.actif { background-position:-944px -211px; } #subMenu #subSubMenu .alost a { background-position:-708px -231px; } #subMenu #subSubMenu .alost a:hover { background-position:-826px -231px; } #subMenu #subSubMenu .alost a.actif { background-position:-944px -231px; } #subMenu #subSubMenu .aalst a { background-position:-708px -231px; } #subMenu #subSubMenu .aalst a:hover { background-position:-826px -231px; } #subMenu #subSubMenu .aalst a.actif { background-position:-944px -231px; } /* Domaines d'activités - subMenuProject */ #subMenuProject { display: none; font-size: 1.1em; letter-spacing:0px; position: relative; top:121px; width:173px; height: 131px; line-height:19px; background: #1B1718; opacity:.8; } #subMenuProject li { display: block; list-style: none; } #subMenuProject li a { color:#999; text-decoration: none; padding-left: 19px; } #subMenuProject li a:hover { color:#fff; } #subMenuProject li a.actif { color:#fff; background: url("../images/fleche-menu.png") no-repeat 5px 4px; } /* Menu langues */ #languagesMenu { list-style-type:none; float:right; background-image:url("../images/menuLangue/bg-ul.png"); margin-bottom:7px; padding-right:4px; height:10px; } #languagesMenu li { float: left; } #languagesMenu a { display:block; width: 28px; height:10px; font-size:1px; color:#FFF; } #languagesMenu li.fr a { background-image:url("../images/menuLangue/bg-fr.png"); } #languagesMenu li.nl a { background-image:url("../images/menuLangue/bg-nl.png"); } #languagesMenu li.en a { background-image:url("../images/menuLangue/bg-en.png"); } #languagesMenu a:hover, #languagesMenu a.actif { background-position:0 -10px; }