@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url("master.css");

html{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
body#accueil{ background:url(../images/bg-accueil.gif) repeat-x left top; }
#img-projet-01-left{ background:url(../images/img-projet-01-left.jpg) no-repeat left top; width:50%; height:283px; position:absolute; z-index:1; right:0; top:110px;  }
#img-projet-01-left-fr{ background:url(../images/img-projet-01-left-fr.jpg) no-repeat left top; width:50%; height:283px; position:absolute; z-index:1; right:0; top:110px;  }
#img-projet-01-right{ background:url(../images/img-projet-01-right.jpg) no-repeat right top; width:50%; height:283px; position:absolute; z-index:1; left:0; top:110px;  }
#bg-projet-01{ background:url(../images/bg-projet-01.gif) repeat-x left top; position:absolute; z-index:0; top:0px; left:0px; width:40%; height:585px; }
#bg-projet-02{ background:url(../images/bg-projet-02.gif) repeat-x left top; position:absolute; z-index:0; top:0px; right:0px; width:61%; height:585px;}
body#neighborhood, body#photos, body#team, body#buy, body#invest, body#amenities{ background:url(../images/bg-projet-02.gif) repeat-x left top;}

#bg-projet-condominiums-01{ background:url(../images/bg-projet-condominiums-01.gif) repeat-x left top; position:absolute; z-index:0; top:0px; left:0px; width:40%; height:729px; }
#bg-projet-condominiums-02{ background:url(../images/bg-projet-condominiums-02.gif) repeat-x left top; position:absolute; z-index:0; top:0px; right:0px;  width:61%; height:729px; }


/*body#accueil p, body#neighborhood p, body#montreal p, body#design p{ margin:7px 0px; }*/
p{ margin:7px 0px; line-height:1.6; }

.cursorpointer{ cursor:pointer; }
.b1px{ border:1px solid #000; }
.br1px{ border-right:1px solid #000; }
.bl1px{ border-left:1px solid #000; }
.bt1px{ border-top:1px solid #000; }
.bb1px{ border-bottom:1px solid #000; }
.paddleft{ padding-left:10px; }
.txtblanc{ font-size:16px; color:#fff; font-weight:bold; }
.txtgris{ color:#666; }

.margintop{ margin-top:8px; }
.margintop{ margin-top/***/:15px \9; }
.margintop{ *margin-top:2px;  }

* html body#projet .padtxt h2{ margin-top:40px; } 

h2.fix-h2{ position:relative; top:-20px; }
h2.fix-h2{ *padding-bottom:10px; padding-bottom/***/:10px \9; }
.mtop3px{ margin-top:5px; }

h3, .txtbleu{ font-size:16px; color:#003366; }

.floatleft{ float:left; }

#logo{ margin:10px 0 0 10px; }
#logo h1{ display:none; visibility:hidden; }

/*~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~*/
#header{ height:41px; }
#menu-top ul{ margin:10px 0 0 0px; }
#menu-top ul li{ float:left; margin:0 0 0 8px; }
#menu-top ul li a{ color:#fff; font-size:14px; background:url(../images/white-bullet.gif) no-repeat left 6px;  padding-left:10px; }
#menu-top ul li a:hover{ color:#66ccff; background:url(../images/blue-bullet.gif) no-repeat left 6px;  }
#menu-top ul li a.langue{ color:#fff; font-size:10px; font-weight:bold; background:none; margin-left:0px; }
* html #menu-top ul li a.langue{ margin-left:0px; }
#menu-top ul li a.langue:hover{ color:#66ccff; }

body#accueil #menu-top ul li a.link-accueil, 
body#projet #menu-top ul li a.link-projet,
body#amenities #menu-top ul li a.link-amenities,
body#neighborhood #menu-top ul li a.link-neighborhood,
body#projet-condominiums #menu-top ul li a.link-projet, 
body#projet-maisonettes #menu-top ul li a.link-projet,
body#projet-condominiums-plan #menu-top ul li a.link-projet,
body#projet-maisonettes-plan #menu-top ul li a.link-projet,
body#projet-condominiums-units #menu-top ul li a.link-projet,
body#projet-maisonettes-units #menu-top ul li a.link-projet,
body#montreal #menu-top ul li a.link-montreal,
body#montreal-live #menu-top ul li a.link-montreal,
body#montreal-see #menu-top ul li a.link-montreal,
body#photos #menu-top ul li a.link-photos,
body#design #menu-top ul li a.link-design,
body#design-kitchen #menu-top ul li a.link-design,
body#design-living-room #menu-top ul li a.link-design,
body#design-bathroom #menu-top ul li a.link-design,
body#design-bedroom #menu-top ul li a.link-design,
body#design-terraces-balconies #menu-top ul li a.link-design,
body#design-decorating #menu-top ul li a.link-design,
body#team #menu-top ul li a.link-team,
body#contact #menu-top ul li a.link-contact,
body#contact-directions #menu-top ul li a.link-contact{ color:#66ccff; font-weight:bold; text-decoration:underline; background:url(../images/blue-bullet.gif) no-repeat left 6px;  }

/*~~~~~~~~~~ SOUS-MENU ~~~~~~~~~~~~~~~*/
#sous-menu{ display:none; }
#sous-menu #sm-projet{ display:none; }
#sous-menu #sm-montreal{ display:none; }
#sous-menu #sm-design{ display:none; }
#sous-menu #sm-contact{ display:none; }

/*~~~~~~Afficher le sous-menu de PROJECT~~~~~~*/
body#projet #sous-menu, body#projet #sous-menu #sm-projet, 
body#projet-condominiums #sous-menu, body#projet-condominiums #sous-menu #sm-projet, 
body#projet-maisonettes #sous-menu, body#projet-maisonettes #sous-menu #sm-projet, 
body#projet-condominiums-plan #sous-menu, body#projet-condominiums-plan #sous-menu #sm-projet, 
body#projet-maisonettes-plan #sous-menu, body#projet-maisonettes-plan #sous-menu #sm-projet,
body#projet-condominiums-units #sous-menu, body#projet-condominiums-units #sous-menu #sm-projet,
body#projet-maisonettes-units #sous-menu, body#projet-maisonettes-units #sous-menu #sm-projet{ display:block; }

/*~~~~~~Afficher le sous-menu de MONTREAL ~~~~~~*/
body#montreal #sous-menu, body#montreal #sous-menu #sm-montreal,
body#montreal-live #sous-menu, body#montreal-live #sous-menu #sm-montreal,
body#montreal-see #sous-menu, body#montreal-see #sous-menu #sm-montreal{ display:block; }

/*~~~~~~Afficher le sous-menu de DESIGN ~~~~~~*/
body#design #sous-menu, body#design #sous-menu #sm-design,
body#design-kitchen #sous-menu, body#design-kitchen #sous-menu #sm-design,
body#design-living-room #sous-menu, body#design-living-room #sous-menu #sm-design,
body#design-bathroom #sm-design, body#design-bathroom #sous-menu, 
body#design-bedroom #sous-menu, body#design-bedroom #sous-menu #sm-design, 
body#design-terraces-balconies #sous-menu, body#design-terraces-balconies #sous-menu #sm-design, 
body#design-decorating #sous-menu, body#design-decorating #sous-menu #sm-design{ display:block; }

body#design #sm-design-2 ul{ width:420px; margin-left:-5px; }
body#design #sm-design-2 ul li{ float:left; margin-right:40px;}
body#design #sm-design-2 ul li a.link-bedroom{ clear:both;}
body#design #sm-design-2 ul li a.link-decorating{ margin-left:25px;}
body#design #sm-design-2 ul li a.nospace{ margin-left:-5px;}

/*~~~~~~Afficher le sous-menu de CONTACT~~~~~~*/
body#contact #sous-menu, body#contact #sous-menu #sm-contact, 
body#contact-directions #sous-menu, body#contact-directions #sous-menu #sm-contact{ display:block; }


body#projet-condominiums #sous-menu, body#projet-maisonettes #sous-menu{ margin:289px 0 0 10px;}
#sous-menu{ margin:13px 0 0 10px;  }
.bg-sous-menu-projet{ background:url(../images/bg-sous-menu-projet.gif) no-repeat right top;  height:57px; overflow:visible; }
body#design #sm-design-2 .bg-sous-menu-projet{ background:none; }
body#projet-condominiums .bg-sous-menu-projet, body#projet-maisonettes .bg-sous-menu-projet{ background:url(../images/bg-sous-menu-projet.gif) no-repeat right 7px;  height:64px; }
#sm-projet ul, #sm-montreal ul, #sm-contact ul{ margin:8px 0 0 4px; }
#sm-design ul{ margin:8px 0 0 1px;  height:30px; width:635px; }
#sm-projet ul li, #sm-montreal ul li, #sm-contact ul li{ float:left; margin:0 15px 0 0px; }
#sm-design ul li{ float:left; margin:0 8px 0 0px; position:relative; z-index:9 }
#sm-projet ul li a, #sm-montreal ul li a, #sm-contact ul li a{ color:#333; font-size:14px; background:url(../images/black-bullet.gif) no-repeat left 6px;  padding-left:10px; }
#sm-design ul li a{ color:#333; font-size:13px; background:url(../images/black-bullet.gif) no-repeat left 6px;  padding-left:10px; }
#sm-projet ul li a:hover, #sm-montreal ul li a:hover, #sm-design ul li a:hover, #sm-contact ul li a:hover{ color:#0099cc; background:url(../images/blue-bullet-2.gif) no-repeat left 6px; }
body#projet-condominiums #sm-projet ul li a.link-project-condominiums, 
body#projet-maisonettes #sm-projet ul li a.link-project-maisonettes,
body#projet-condominiums-plan #sm-projet ul li a.link-project-condominiums,
body#projet-maisonettes-plan #sm-projet ul li a.link-project-maisonettes,
body#projet-condominiums-units #sm-projet ul li a.link-project-condominiums,
body#projet-maisonettes-units #sm-projet ul li a.link-project-maisonettes,
body#montreal-live #sm-montreal ul li a.link-montreal-live,
body#montreal-see #sm-montreal ul li a.link-montreal-see,
body#design-kitchen #sm-design ul li a.link-kitchen,
body#design-living-room #sm-design ul li a.link-living-room,
body#design-bathroom #sm-design ul li a.link-bathroom,
body#design-bedroom #sm-design ul li a.link-bedroom,
body#design-terraces-balconies #sm-design ul li a.link-terraces-balconies,
body#design-decorating #sm-design ul li a.link-decorating,
body#contact #sm-contact ul li a.link-contact-form,
body#contact-directions #sm-contact ul li a.link-directions{ color:#0099cc; font-weight:bold; text-decoration:underline; background:url(../images/blue-bullet-2.gif) no-repeat left 6px; }


#video{ margin-left:23px; }

.bg-detail-accueil{ margin-top:3px; background:url(../images/bg-detail-accueil.jpg) no-repeat left top; position:absolute; z-index:0; margin-left:-90px; width:740px; height:400px; padding-left:105px; }

/*~~~~ block-01 :: Sumptuous,  block-02 :: Luxury ~~~~~~~~~~~~~~~~*/
body#accueil .bg-detail-accueil #block-01{ float:left; width:290px; }
body#accueil .bg-detail-accueil #block-02{ float:left; width:255px; }
body#accueil .bg-detail-accueil #block-01 h2, .bg-detail-accueil #block-02 h2{ font-size:13px; color:#003366; margin-top:10px; }
body#accueil .bg-detail-accueil #block-01 h2, .bg-detail-accueil #block-01 p{ text-align:right; padding-right:40px;}
body#accueil .bg-detail-accueil #block-01 p, body#accueil .bg-detail-accueil #block-02 p{ margin:7px 0px; color:#000; }
body#accueil .bg-detail-accueil #block-01 a{ float:right;/* padding-right:40px; */ color:#000; }
body#accueil .bg-detail-accueil #block-01 a.info{ padding-right:40px; }
body#accueil .bg-detail-accueil #block-02 h2, .bg-detail-accueil #block-02 p{ text-align:left; }
body#accueil .bg-detail-accueil #block-02 a{ color:#000; }

/*~~~~~~ block-03 :: Bouton Buy et Invest + texte ~~~~~~~*/
#block-03{ float:right;width:390px; position:relative; z-index:1; }
body#accueil #bouton{ float:left; height:55px; }
#bouton{ margin-top:0px; height:45px; float:right; padding-right:0px; }
body#design #sm-design-2 #bouton{ display:none; }
body#neighborhood #bouton, body#photos #bouton, body#team #bouton, body#buy #bouton, body#invest #bouton, body#amenities #bouton{ margin-top:13px; height:45px; }
body#accueil #bouton{ *margin-top:0px !important; }
body#accueil #bouton{ margin-top:3px; }
#bouton li{ float:left; }
body#accueil #bouton li.btn-buy a{ display:block; background:url(../images/btn-buy-01.gif) no-repeat left top; width:86px; height:40px; }
body#accueil #bouton li.btn-achat a{ display:block; background:url(../images/btn-achat-01.gif) no-repeat left top; width:86px; height:40px; }
#bouton li.btn-buy a{ display:block; background:url(../images/btn-buy.gif) no-repeat left top; width:86px; height:40px; }
#bouton li.btn-achat a{ display:block; background:url(../images/btn-achat.gif) no-repeat left top; width:86px; height:40px; }
#bouton li.btn-invest a{ display:block; background:url(../images/btn-invest.gif) no-repeat left top; width:168px; height:40px;  }
#bouton li.btn-investissement a{ display:block; background:url(../images/btn-investissement.gif) no-repeat left top; width:168px; height:40px;  }
body#accueil #bouton li.btn-buy a:hover, #bouton li.btn-buy a:hover, #bouton li.btn-invest a:hover, body#accueil #bouton li.btn-achat a:hover, #bouton li.btn-achat a:hover, #bouton li.btn-investissement a:hover{ background-position:0px -40px; }
body#buy #bouton li a.link-buy, body#invest #bouton li a.link-invest{ background-position:0px -40px; }
#bouton li.btn-facebook a{ display:block; background:url(../images/btn-facebook.gif) no-repeat left top; width:32px; height:35px; }
#bouton li.btn-twitter a{ display:block; background:url(../images/btn-twitter.gif) no-repeat left top; width:32px; height:35px; }
#bouton li.btn-facebook a:hover, #bouton li.btn-twitter a:hover{ background-position:0px -35px;}

body#accueil #block-03 #block-txt-prestige{ clear:both; position:relative !important; top:-15px !important; }
* html body#accueil #block-03 #block-txt-prestige{ position:relative; top:10px; }
body#accueil #block-03 #block-txt-prestige h2{ font-size:17px; font-weight:normal; color:#515353; height:60px; }
body#accueil #block-03 #block-txt-prestige h2{position:relative; top /*\**/:-28px\9 !important; }
body#accueil #block-03 #block-txt-prestige h2{position:relative; *top:-10px !important; }
body#accueil #block-03 #block-txt-prestige h2 span{ font-size:55px; font-weight:normal; color:#0082c8; }
body#accueil #block-03 #block-txt-prestige h2 span{ *position:relative; *top:-2px !important; }
body#accueil #block-03 #block-txt-prestige h2 span{ position:relative; top /*\**/:11px\9; }
body#accueil #block-03 #block-txt-prestige p{ font-style:italic; padding-right:35px; }

#espace-projet{ margin-top:300px; }
#espace-projet{ *margin-top:250px; }
.padtxt{ padding-left:10px; }
.padtxt{ *margin-top:50px; }
* html .padtxt{ *margin-top:0px; }

body#montreal .padtxt{ *margin-top:0px; }
body#invest .padtxt, body#buy .padtxt{ *margin-top:0px; }

body#projet-condominiums .padtxt, body#projet-maisonettes .padtxt{  *margin-top:0px;  }


.padtxt h2{ font-size:17px; font-weight:normal; color:#515353; height:60px; }
.padtxt h2{position:relative; top /*\**/:-28px\9 !important; }
.padtxt h2{position:relative; *top:-10px !important; }
.padtxt h2 span{ font-size:55px; font-weight:normal; color:#0082c8; margin-top:2px; } 
.padtxt h2 span{ *position:relative; *top:-2px !important; }
.padtxt h2 span{ position:relative; top /*\**/:11px\9; }
.padtxt h3{ margin:20px 0 10px 0; }

body#projet .block-txt{ float:left; width:315px; }
/*body#projet .block-txt p, body#projet-condominiums p, body#projet-maisonettes p, body#neighborhood p, body#design p, body#design #menu-top ul li a.link-design,
body#design-kitchen p, body#design-living-room p, body#design-bathroom p, body#design-bedroom p, body#design-terraces-balconies p, body#design-decorating p{ line-height:1.6; }*/
body#projet .block-txt-02, body#projet .block-txt-02-fr, .block-txt-03{ float:left; margin-top:20px; line-height:1.6; }
body#projet .block-txt-02{ width:320px; margin-left:22px; }
body#projet .block-txt-02-fr{ width:270px; margin-left:13px; }

body#projet .block-txt-03{ width:300px; margin-left:10px; }

body#projet-condominiums .block-txt, body#projet-maisonettes .block-txt{ float:left; width:555px; padding:8px; }
body#projet-condominiums .block-txt-02, body#projet-maisonettes .block-txt-02{ float:left; width:330px; margin-top:30px; padding-left:72px; line-height:1.6; }
body#projet-condominiums .block-txt-02 p, body#projet-maisonettes .block-txt-02 p{ font-weight:bold; color:#3399cc; }



/*~~~~~~~~~~SOUS-MENU - PLAN - AVAILABLE UNITS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu-plan-units{ display:none; }
body#projet-condominiums-plan #menu-plan-units, 
body#projet-maisonettes-plan #menu-plan-units, 
body#projet-condominiums-units #menu-plan-units, 
body#projet-maisonettes-units #menu-plan-units{ display:block; }

body#projet-condominiums #menu-plan-units-condo #menu-plan-units, 
body#projet-maisonettes #menu-plan-units-maison #menu-plan-units{ display:block; }
body#projet-condominiums-plan #menu-plan-units ul, 
body#projet-maisonettes-plan #menu-plan-units ul, 
body#projet-condominiums-units #menu-plan-units ul, 
body#projet-maisonettes-units #menu-plan-units ul{ margin-top:3px; margin-left:320px; }
#menu-plan-units ul{ margin-top:10px; }
#menu-plan-units li{ float:left; margin:0 20px 0 0px; }

#menu-plan-units li a{ float:left; display:block; background:url(../images/bullet-bleu-gris.gif) no-repeat left 1px; height:19px; padding-top:1px; padding-left:22px; font-size:12px; color:#666; font-weight:bold; } 
#menu-plan-units li a:hover{ background-position:0px -18px; } 


body#projet-condominiums-plan #menu-plan-units li a, body#projet-maisonettes-plan #menu-plan-units li a, body#projet-condominiums-units #menu-plan-units li a, body#projet-maisonettes-units #menu-plan-units li a{ float:left; display:block; background:url(../images/bullet-bleu-gris-02.gif) no-repeat left -18px; height:18px; padding-top:1px; padding-left:22px; font-size:12px; color:#666; font-weight:bold; } 

body#projet-condominiums-plan #menu-plan-units li a:hover, body#projet-maisonettes-plan #menu-plan-units li a:hover, body#projet-condominiums-units #menu-plan-units #menu-plan-units li a:hover, body#projet-maisonettes-units #menu-plan-units li a:hover{ background-position:0px 1px; color:#0099cc; } 

body#projet-condominiums-plan #menu-plan-units li a.link-plan,
body#projet-maisonettes-plan #menu-plan-units li a.link-plan,
body#projet-condominiums-units #menu-plan-units li a.link-available-units,
body#projet-maisonettes-units #menu-plan-units li a.link-available-units{ color:#0099cc; text-decoration:underline; background-position:0px 1px; } 

/*~~~~~~~~~~FIN SOUS-MENU - PLAN - AVAILABLE UNITS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.container-txt{ *margin-top:0px; }

body#neighborhood .container-txt{ float:right; width:650px; margin-top:50px; }
body#neighborhood .container-txt{ *margin-top:0px; }
body#amenities .container-txt{ float:right; width:515px; margin-top:30px; }
body#amenities .container-txt{ *margin-top:-30px; }

body#neighborhood #img-neighrborhood-01{ background:url(../images/img-neighrborhood-01.jpg) no-repeat left top; width:405px; height:386px; position:absolute; margin-left:-100px; }
body#amenities #img-amenities-01{ background:url(../images/img-amenities-01.jpg) no-repeat left top; width:550px; height:367px; position:absolute; margin-left:-100px; }
body#montreal #img-montreal-01{ background:url(../images/img-montreal-01.jpg) no-repeat left top; width:434px; height:300px; position:absolute; margin-top:10px; margin-left:-100px;  }
body#montreal .container-txt{ float:right; width:610px; margin-top:20px; margin-right:20px; }
body#montreal .container-txt{ *margin-top:-15px; }
body#design #img-design-01{ background:url(../images/img-design-01.jpg) no-repeat left top; width:569px; height:373px; position:absolute; margin-top:10px; margin-left:-80px; }
body#design .container-txt{ float:right; width:460px; margin-top:25px; margin-right:5px; }
* html body#design .padtxt{ position:relative; margin-top:-30px; left:180px;}
body#design .padtxt{  *margin-top:-25px; }
body#contact .container-txt, body#contact-directions .container-txt{ *position:relative; *top:-35px;  }
* html body#contact .container-txt, body#contact-directions .container-txt{ *margin-top:30px; }

#galerie{ *margin-top:15px;}
#galerie .padtxt{ *margin-top:-7px;}

#big-photo{ float:left; width:565px; }
#galerie ul{ margin-top:10px; }
#galerie li{ float:left; margin:6px 11px 0 0; }

#photo-montreal{ float:left; width:625px; }

.txt-erreur{ color:#F44D48; }
.txtbox{ width:210px; color:#064d6f; border:1px solid #333;  }
.txtbox-error{ border:1px solid #F44D48; }
.bouton-formulaire{ color:#fff; font-weight:bold;border:1px solid #333; background:#0073A9; width:100px; height:25px; cursor:pointer; }

#boite-form{ float:left; width:475px; }
.separation{ float:left; background:url(../images/separation.jpg) no-repeat left top; width:1px; height:500px; }
#boite-contact{ float:left; width:400px; padding:35px 0 0 35px; }

/*body#buy .padtxt, body#invest .padtxt{ padding-left:35px;float:right; width:475px; margin-top:10px; }*/
body#buy .padtxt  li{  float:left; margin-left:15px; width:100%; display:block; }

.contenu-buy-invest{ padding:35px 20px 0 0px;  float:right;width:440px; }


body#montreal .padtxt ul{  margin-left:20px; }
body#montreal .padtxt ul li{ list-style:disc;  margin-left:20px; }

#wrap-slider{ width:100%;position:absolute;top:41px; left:0; overflow:hidden; }

#footer #homburg{ margin-top:25px; margin-left:15px; }
#footer #adresse{ margin-top:27px; margin-left:15px; }
#footer #rouge{ margin-top:15px; }
#footer #rouge a{ margin-left:15px; color:#333; padding-bottom:10px; }

/*~~~~~~page PHOTOS~~~~~*/
/* root element for scrollable */ 
div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    /* vertical scrollers have typically larger height than width */ 
    height: 335px; 
    width: 930px;
	margin:20px 0 0 35px;
} 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
    /* this time we have very large space for the height */ 
    height:20000em; 
}
div.scrollable div.items div { float:left;padding:1px; border:1px solid #3498C9; display:inline-block; margin:15px 0 0 15px;}

/* the action buttons above the scrollable */
#actions { width:300px; margin:30px auto 10px auto;	clear:both; }
#actions a { font-size:16px;	cursor:pointer;color:#666; }
#actions a.active { font-size:16px; font-weight:bold;	cursor:pointer;color:#0073A9; }
#actions a:hover { text-decoration:underline; color:#000; }
.disabled { visibility:hidden; }
.nextPage { /*float:right;*/ }	
.rowpages{border:none !important; padding:0; margin:0;}