@import url("/adnbase/reset.css");
@import url("/css/contenu.css");

#contenu{font:13px/17px Arial, Helvetica, sans-serif;}
#body{background:#fff;}

.holder {margin:0 auto;width:950px;}

header,
header .holder {background:url(../images/bg-header.jpg) no-repeat center 245px;}
header {display:block;width:100%;}
header .holder {height:570px;padding:30px 0 0;position:relative;z-index:1;}
header h1 {float:left;height:73px;width:368px;}
header h1 a {background:url(/images/logo.gif) no-repeat top left;display:block;height:73px;width:368px;}
header h1 span {display:none;}
header h2 {background:none;color:#bcbbbb;float:right;font-size:11px;height:auto;margin:0;padding:0;position:static;text-indent:0;}
header ul.lan {float:right;margin:0;padding:0 0 31px;width:74px;}
header ul.lan li {background:none;float:left;margin:0;padding:0;}
header ul.lan li.sep {background:url(/images/sep-lan.gif) no-repeat right 0;margin:0 10px 0 0;padding:0 11px 0 0;}
header ul.lan a {background-position:0 0;display:block;height:19px;}
header ul.lan a.fr {background-image:url(/images/btn-francais.gif);width:61px;}
header ul.lan a.en {background-image:url(/images/btn-english.gif);width:52px;}
header ul.lan a:hover {background-position:0 -19px;}
header ul.lan span {display:none;}
header nav,
header nav ul,
header nav li {float:left;}
header nav {border-top:1px solid #4f5055;display:block;padding:6px 0 0;width:950px;}
header nav ul {background:#4f5055;margin:0;padding:0;width:950px;}
header nav li {background:url(/images/menu-sep.gif) no-repeat right 9px;font-size:14px;line-height:28px;height:28px;margin:0;padding:0 11px 0 10px;position:relative;z-index:3;}
header nav li.last {background:none;}
header nav a {color:#fff;text-decoration:none;}
header nav a:hover,
header nav a.selected,
header nav li.shover a {color:#35c2de;}
header nav li ul {background: #FFF; display:none;left:0;padding:0;position:absolute;top:28px;z-index:4;}
header nav li.condos-vieux-quebec ul {width:186px;}
header nav li.condos-autres-secteurs ul {width:222px;}
header nav li ul li {background: #FFF;clear:left;font-size:14px;height:auto;line-height:18px;margin:0;padding:0 1px 2px 0;}
header nav li ul a {background:#ededee;color:#4f5055;float:left;padding:5px 10px 4px;text-align:center;}
header nav li.shover ul a {color:#4f5055;}
header nav li ul a:hover {background:#d5d5d5;color:#000;}
header nav li.condos-vieux-quebec ul a {width:186px;}
header nav li.condos-autres-secteurs ul a {width:222px;}
header nav li.shover ul {display:block;}

#content {padding:0 0 60px;}

.left-col,
.right-col {float:left;position:relative;}
.left-col {padding:0 32px 0 0;width:724px;}
.right-col {border-left:1px dotted #ababad;padding:0 0 0 11px;width:182px;}

.fAriane {color:#666;font-size:12px;left:130px;position:absolute;top:6px;}
#topListing {position:absolute;top:-16px;z-index:5;}
.infoTxt {position: absolute; bottom: 240px; width: 722px; padding: 30px 0 30px 0;}

.left_col div.paging,
.left_col div.pagingBottom {clear:both;float:right;font-size:12px;padding:0 0 5px;width:724px;}
.left_col div.pagingBottom {padding:14px 0 52px;}
.left_col div.paging a,
.left_col div.pagingBottom a,
.left_col div.paging span,
.left_col div.pagingBottom span {float:left;padding:0 3px;}
.left_col div.paging a,
.left_col div.pagingBottom a {color:#4d4e53;font:12px/18px Tahoma, Arial, Helvetica, sans-serif;text-decoration:none;}
.left_col div.paging a:hover,
.left_col div.pagingBottom a:hover {color:#000;}
.left_col div.paging span,
.left_col div.pagingBottom span {color:#a1a1a1;}

.left_col ul.listing {clear:left;float:left;margin:0;padding:0;}
.left_col ul.listing a.btn-retirer {background:url(/images/btn_retirer_sprite.png) no-repeat top left;display:block;height:28px;position:absolute;right:4px;top:4px;width:28px;z-index:100;}
.left_col ul.listing a.btn-retirer:hover {background-position:bottom left;}
.left_col ul.listing a.btn-retirer span {display:none;}
.left_col ul.listing a {color:#333366;display:block;text-align:center;text-decoration:none;}
.left_col ul.listing li {background:none;float:left;line-height:15px;margin:0 23px 0 0;padding:0 0 5px;position:relative;width:226px;}
.left_col ul.listing li.last {margin:0;}
.left_col ul.listing li.clear {clear:left;}
.left_col ul.listing img {display:block;height:188px;margin:0 0 2px;width:226px;}
.left_col ul.listing img.print-only {display:none;}
.left_col ul.listing img.envole {left:0;position:absolute;top:0;z-index:3;}
.left_col ul.listing img.revise {left:0;position:absolute;top:0;z-index:3;}
.left_col ul.listing img.blur {left:0;position:absolute;top:0;z-index:4;}
.left_col ul.listing img.minimap {left:0;position:absolute;top:0;z-index:2;}
.left_col ul.listing span.red {color:#cc0033;}
.left_col ul.listing span.bulle_bottom,
.left_col ul.listing span.bulle_left,
.left_col ul.listing span.bulle_right,
.left_col ul.listing span.bulle_repeat {display:block;}
.left_col ul.listing span.bulle_bottom {background:url(/images/bg_bulle_bottom.png) no-repeat bottom right;display:none;padding:0 0 23px;position:absolute;right:-18px;top:108px;z-index:5;}
.left_col ul.listing span.bulle_left {background:url(/images/bg_bulle_left.png) no-repeat top left;padding:0 0 0 10px;}
.left_col ul.listing span.bulle_right {background:url(/images/bg_bulle_right.png) no-repeat top right;padding:0 22px 0 0;}
.left_col ul.listing span.bulle_repeat {background:url(/images/bg_bulle_repeat.png) repeat-x;height:52px;padding:15px 0 0;}
.left_col ul.listing span.chambres,
.left_col ul.listing span.personnes,
.left_col ul.listing span.douches {color:#4d4e53;float:left;font-size:18px;font-weight:bold;height:16px;padding:31px 0 0;text-align:center;width:26px;}
.left_col ul.listing span.chambres {background:url(/images/icon_chambres.jpg) no-repeat top left;margin:0 6px 0 0;}
.left_col ul.listing span.personnes {background:url(/images/icon_personnes.jpg) no-repeat top left;margin:0 6px 0 0;}
.left_col ul.listing span.douches {background:url(/images/icon_douches.jpg) no-repeat top left;margin:0 6px 0 0;}
.left_col ul.listing span.internet {background:url(/images/icon_internet.gif) no-repeat top center;color:#4d4e53;float:left;font-size:7px;line-height:8px;padding:24px 0 0;width:50px;}
.left_col ul.listing span.internet strong {font-size:10px;}
.left_col ul.listing a:hover span.bulle_bottom {display:block;}

.right-col h3 {background:url(/images/blue-square.gif) no-repeat 0 4px;font-size:15px;line-height:20px;margin:0;padding:0 0 11px 20px;width:162px;}
.right-col .btns,
.right-col .btns a {float:left;}
.right-col .btns {border-bottom:1px dotted #ababad;padding:0 0 14px;width:182px;}
.right-col .btns a {background-position:0 0;float:left;height:89px;width:89px;}
.right-col .btns a.courtage {background-image:url(/images/btn-courtage-fr.jpg);}
.right-col .btns a.location {background-image:url(/images/btn-location-fr.jpg);float:right;}
.right-col .btns span {display:none;}
.right-col .projets {border-bottom:1px dotted #ababad;clear:both;margin:0 0 4px;padding:17px 0 10px;}
.right-col .projets a {background-position:0 0;display:block;height:147px;margin:0 0 14px;width:182px;}

.right-col .projets a.saint-paul {background-image:url(/images/projet-saintpaul.jpg);}
.right-col .projets a.gutenberg {background-image:url(/images/projet-gutenberg.jpg);}
.right-col .projets a.quai-107 {background-image:url(/images/projet-quai107.jpg);margin:0;}
/*.right-col .projets a.port-royal {background-image:url(/images/projet-portroyal.jpg);}*/
.right-col .projets a.massif {background-image:url(/images/teaser-massif.jpg);}
.right-col .projets a span {display:none;}
.right-col .teaser {background-position:0 0;display:block;width:182px;}
/*.right-col .iledo {background-image:url(/images/teaser-iledo.jpg);height:97px;}*/
.right-col .st-irenee {background-image:url(/images/teaser-st-irenee.jpg);height:147px;}
.right-col .eboulements {background-image:url(/images/teaser-eboulements.jpg);height:147px;}
/*.right-col .quai-renaud {background-image:url(/images/projet-quairenaud.jpg);height:71px;display: block;width:182px;}
.right-col .quai-renaud span{display:none;}*/
.right-col .la-malbaie {background-image:url(/images/teaser-baie-saint-paul.jpg);height: 147px;display: block;width:182px;}
.right-col .la-malbaie span{display:none;}
.right-col .teaser span {display:none;}

footer {display:block;padding:39px 0 0;width:724px;}
footer h4 {color:#357c95;font-size:15px;font-weight:bold;line-height:20px;}
footer .logo {float:right;margin:10px 0 0;}
footer nav,
footer ul,
footer ul li {float:left;}
footer nav {padding:8px 0 50px;width:638px;}
footer ul {color:#71b5c7;margin:0;padding:0;width:638px;}
footer ul li {background:none;line-height:20px;margin:0;padding:0 7px 0 0;}
footer ul a {text-decoration:none;}
footer p {clear:both;}
footer a.twitter {background:url(/images/btn-twitter.jpg) no-repeat 0 0;float:left;height:18px;margin:-2px 4px 0 0;width:18px;}
footer a.twitter span {display:none;}
footer p.grey {color:#949598;padding:0 0 0 35px;}
footer p.grey a {color:#949598;text-decoration:none;}
footer p.grey a:hover {text-decoration:underline;}



/* Affichage des listings */
div.paging, div.pagingBottom {float:right;font-size:12px;padding:0 0 5px;}
div.pagingBottom {padding:14px 0 40px;}
div.paging a, div.pagingBottom a, div.paging span, div.pagingBottom span {float:left;padding:0 3px;}
div.paging a, div.pagingBottom a {color:#4d4e53;font:12px/18px Tahoma, Arial, Helvetica, sans-serif;text-decoration:none;}
div.paging a:hover, div.pagingBottom a:hover {color:#000;}
div.paging span, div.pagingBottom span {color:#a1a1a1;}

ul.listing {clear:left;margin:0;padding:0;}
ul.listing a.btn-retirer {background:url(/images/btn_retirer_sprite.png) no-repeat top left;display:block;height:28px;position:absolute;right:4px;top:4px;width:28px;z-index:100;}
ul.listing a.btn-retirer:hover {background-position:bottom left;}
ul.listing a.btn-retirer span {display:none;}
ul.listing a {color:#333366;display:block;text-align:center;text-decoration:none;}
ul.listing li {background:none;float:left;line-height:15px;margin:0 23px 0 0;padding:0 0 5px;position:relative;width:226px;}
ul.listing li.last {margin:0;}
ul.listing li.clear {clear:left;}
ul.listing img {display:block;height:188px;margin:0 0 2px;width:226px;}
ul.listing img.print-only {display:none;}
ul.listing img.envole {left:0;position:absolute;top:0;z-index:3;}
ul.listing img.revise {left:0;position:absolute;top:0;z-index:3;}
ul.listing img.blur {left:0;position:absolute;top:0;z-index:4;}
ul.listing img.minimap {left:0;position:absolute;top:0;z-index:2;}
ul.listing span.red {color:#cc0033;}
ul.listing span.bulle_bottom,
ul.listing span.bulle_left,
ul.listing span.bulle_right,
ul.listing span.bulle_repeat {display:block;}
ul.listing span.bulle_bottom {background:url(/images/bg_bulle_bottom.png) no-repeat bottom right;display:none;padding:0 0 23px;position:absolute;right:-18px;top:108px;z-index:5;}
ul.listing span.bulle_left {background:url(/images/bg_bulle_left.png) no-repeat top left;padding:0 0 0 10px;}
ul.listing span.bulle_right {background:url(/images/bg_bulle_right.png) no-repeat top right;padding:0 22px 0 0;}
ul.listing span.bulle_repeat {background:url(/images/bg_bulle_repeat.png) repeat-x;height:52px;padding:15px 0 0;}
ul.listing span.chambres,
ul.listing span.personnes,
ul.listing span.douches {color:#4d4e53;float:left;font-size:18px;font-weight:bold;height:16px;padding:31px 0 0;text-align:center;width:26px;}
ul.listing span.chambres {background:url(/images/icon_chambres.jpg) no-repeat top left;margin:0 6px 0 0;}
ul.listing span.personnes {background:url(/images/icon_personnes.jpg) no-repeat top left;margin:0 6px 0 0;}
ul.listing span.douches {background:url(/images/icon_douches.jpg) no-repeat top left;margin:0 6px 0 0;}
ul.listing span.internet {background:url(/images/icon_internet.gif) no-repeat top center;color:#4d4e53;float:left;font-size:7px;line-height:8px;padding:24px 0 0;width:50px;}
ul.listing span.internet strong {font-size:10px;}
ul.listing a:hover span.bulle_bottom {display:block;}
/* FIN Affichage des listings */