@charset "utf-8";
/* CSS Document */
/* Copyright 2016 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Base
-------------------------------------------------------------------*/
*, *:before, *:after, input, textarea, select { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; background:#f6f6f6; }
header { background:#444648; }
section { }
footer { background:#004352; }
a { }
h1 { font-family: 'Satisfy', cursive; font-size:50px; line-height:65px; text-align:center; color:#0092b3; margin:0 0 20px 0; }
h2 { font-size:24px; color:#0092b3; margin:0 0 10px 0; }
h3 { font-size:18px; line-height:22px; color:#929292; margin:0 0 12px 0; font-style:italic; }
p, ul { margin:0 0 30px 0; color:#353535; font-size:21px; line-height:34px; }
p a, ul li a { color:#0092b3; }
p a { line-height:22px; }
p a:hover, ul li a:hover { }
ul > li:before { content:"•"; padding:0 12px 0 0; display:inline-block; float:left; }
ul ul { margin:0 0 0 12px; }
ul > li { margin:0px 0 12px 0; }
ul > li:last-child { margin-bottom:0; }
ul { margin:0 0 30px 12px; list-style:none; text-indent:-12px; }
strong { font-weight:500; }
em { font-style:italic; }
hr { border:none; height:1px; background:#CCC; margin:20px 0; }
table {  width:100%; }
label { display:block; margin:0 0 4px 0; font-size:16px; line-height:18px; color:#8d9fa5; }
input, textarea, select { font-family: 'Roboto', sans-serif; }
input[type=text], input[type=password], input[type=number], textarea, select { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:none; display:block; width:100%; margin:0 0 15px 0; padding:9px 9px; }
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover { outline:none;  }
button:focus { outline:none; }
textarea { resize:vertical; min-height:150px; }
input[type=submit], button { font-family: 'Roboto', sans-serif; font-weight:300; cursor:pointer; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
input[type='radio'] { opacity:0; float:left; width:16px; height:16px; cursor:default; padding:0; margin:0; position:absolute; }
input[type='radio'] + label:before { content:""; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; display:inline-block; width:16px; height:16px; background:center #FFF; border:2px solid #3FA2D4; position:relative; top:3px; margin:0 5px 0 0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
input[type='radio']:checked + label:before { background:url(../images/common/radio-white.png) no-repeat center #3FA2D4; }
input[type='checkbox'] { opacity:0; float:left; position:absolute; width:16px; height:16px; cursor:default; padding:0; margin:0; }
input[type='checkbox'] + label { margin:0 0 8px 0; }
input[type='checkbox'] + label:before { content:""; display:inline-block; width:16px; height:16px; background:center #FFF; border:2px solid #3FA2D4; position:relative; top:3px; margin:0 5px 0 0;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
input[type='checkbox']:checked + label:before { background:url(../images/common/checkbox-white.png) no-repeat center #3FA2D4; }
input[type="text"]:disabled { background:#dddddd; }
input:disabled:hover, textarea:disabled:hover { border:1px solid #CCC; }
select { background:url(../images/common/form-select.png) no-repeat center right #FFF; padding-right:30px; }
select:hover, select:focus { background:url(../images/common/form-select.png) no-repeat center right #FFF; }
::selection { background:#0092b3; color:#FFF; }
::-moz-selection { background:#0092b3; border:1px solid #009382; color:#FFF; }
::-webkit-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }

/*-------------------------------------------------------------------
	Navigation
-------------------------------------------------------------------*/
.navigation { z-index:100; font-size:0; text-align:center; min-width:140px; }
.navigation ul li:before { content:""; padding:0; float:none; display:inline; }
.navigation > ul { z-index:1; margin:0; text-indent:0; font-size:0; }
.navigation > ul > li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0; }
.navigation > ul > li > a { display:block; color:#FFF; font-size:16px; line-height:16px; text-transform:uppercase; font-weight:400; padding:14px 20px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.navigation > ul > .is-selected > a { background:#0092b3; color:#FFF;  }
.navigation > ul > li > ul { zoom:1; z-index:1; filter:alpha(opacity=0); opacity:0; text-indent:0; font-size:0; background:#0092b3; display:none; position:absolute; margin:0; width:100%; left:0; border-top:1px solid #444648; }
.navigation > ul > li > ul > li { margin:0; text-indent:0px; display:inline-block; }
.navigation > ul > li > ul > li > a { padding:14px 12px; font-size:15px; line-height:15px; display:block; color:#FFF; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.navigation > ul > li > ul > li:hover > a, .navigation > ul > li > ul > .is-selected > a { background:#444648; color:#FFF !important; }
.navigation > ul > li > .is-hover, .navigation > ul > li > .hover-is-selected { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }
.nav-yellow, .navigation > ul > .nav-yellow.is-selected > a { background:#dfcb21; }
.nav-yellow > ul { background:#dfcb21 !important; }
.nav-yellow a { color:#444648 !important; }
.nav-green, .navigation > ul > .nav-green.is-selected > a { background:#009382; }
.nav-green > ul { background:#009382 !important; }
.nav-green a { color:#FFF !important; }
.nav-blue, .navigation > ul > .nav-blue.is-selected > a { background:#0092b3; }
.nav-blue > ul { background:#0092b3 !important; }
.nav-blue a { color:#FFF !important; }
.footer-navigation { text-align:left; }
.footer-navigation ul { z-index:1; margin:0; text-indent:0; font-size:0; }
.footer-navigation ul li:before { content:""; padding:0; float:none; display:inline; }
.footer-navigation ul > li:last-child { float:none; }
.footer-navigation ul > li > a { font-size:18px; color:#8d9fa5; font-weight:500;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.footer-navigation ul li ul { text-indent:0; margin:0; line-height:30px; }
.footer-navigation ul > li > ul { margin:0 0 30px 0; }
.footer-navigation ul > li > ul > li { margin:0 0 15px 0; }
.footer-navigation ul > li > ul > li > a { font-size:14px; color:#8d9fa5; font-weight:400; line-height:16px; display:block; }
.footer-navigation ul a:hover, .footer-navigation ul > .is-selected > a, .footer-navigation ul > li:hover > a { color:#FFF; }
.is-hover { z-index:2 !important; }
.hover-is-selected { z-index:1; }
.languages { text-indent:0; margin:0; position:absolute; right:0; top:0; line-height:21px; }
.languages li { margin:0; }
.languages li a { color:#FFF; font-size:12px; background:#0092b3; padding:7px 6px; }
.languages li:before { content:""; padding:0; float:none; display:inline; }
.languages li a:after { content:''; position: absolute; top: 100%; left: 0%; width: 0; height: 0; border-top: solid 7px #0092b3; border-left: solid 0px transparent; border-right: solid 11px transparent; }
.partner-logo { display:block; width:100%; max-width:50%; max-height:40%; margin:20px auto 20px auto; }

/*-------------------------------------------------------------------
	Modules (ex.: .box)
-------------------------------------------------------------------*/
.btn, .btn-submit { display:inline-block; position:relative; text-align:center; font-size:16px; border:none; cursor:pointer; padding:12px 14px; background:#0092b3; color:#FFF; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; opacity:1; margin:0 5px 20px 0; }
.btn:after { left: 100%; top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none; border-color: rgba(0, 146, 179, 0); border-left-color: #0092b3; border-width: 20px; margin-top: -20px; }
.btn:hover, .btn-submit:hover { opacity:0.8; }
.btn-submit { float:right; }
video { width:100%; }
.card { position:relative; background:#FFF; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08); margin:0 0 60px 0; }
.card:after { content:''; position: absolute; top: 100%; left: 0%; width: 0; height: 0; border-top: solid 44px #FFF; border-left: solid 0px transparent; border-right: solid 68px transparent;}
.card-content { padding:27px 23px; text-align:left; }
.l-grid-35 .card p { font-size:16px; line-height:26px; color:#000; font-weight:400; margin:0 0 18px 0; }
.card p:last-child, .card div:last-child { margin:0; }
.logo { display:block; background:url(../images/common/logo.png); width:221px; height:132px; margin:30px auto; }
.footer-logo { display:block; background:url(../images/common/footer-logo.png); width:177px; height:107px; margin:0 auto 30px auto; }
.header-picture { position: relative; overflow: hidden; width:100%; height:345px; margin: 0 auto 30px auto; }
.header-picture img { width: 100%; height: auto; display: block; max-width:1200px; margin:0 auto; }
.header-picture:before, .header-picture:after { content:''; position: absolute; bottom: 0; width: 50%; background-color: #f6f6f6; padding-bottom:48px; }
.header-picture:before { right: 50%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -ms-transform: skewX(55deg); -webkit-transform: skewX(55deg); transform: skewX(55deg); z-index:20; }
.header-picture:after { left: 50%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: skewX(-55deg); -webkit-transform: skewX(-55deg);  transform: skewX(-55deg); }
.underlay { background:#e7e7e7; width:100%; height:296px; position:relative; margin-top:-331px; left:0; z-index:-1; }
.location-name { color:#0092b3; margin:0; font-size:20px; }
.location-address { margin:0; font-size:15px; line-height:22px; }
.facebook { display:block; background:url(../images/common/facebook-icon.png); width:23px; height:23px; opacity:.4; }
.facebook:hover { opacity:100; }
.houses { display: table; height:100%; width:100%; margin:20px 0 120px 0; }
.house { vertical-align: top; display: table-cell; height:100%; width:50%; }
.house p { font-size:16px; line-height:30px; }
.house.has-green-bg { background:#009382; }
.house.has-green-bg p { color:#FFF; }
.house.has-yellow-bg { background:#dfcb21; }
.house-content { padding:65px 40px 0 40px; position:relative; margin-top:-48px; z-index:2000; }
.house-links { padding:28px 40px 40px 40px; }
.house-picture { position: relative; overflow: hidden; width:100%; height:415px; z-index:1; margin: 0 auto 0 auto; background-color:#f6f6f6; }
.house-picture img { display:block; width:100%; }
.house.has-green-bg .house-picture:before, .house.has-green-bg .house-picture:after { content:''; position: absolute; bottom: 0; width: 50%; background-color: #009382; padding-bottom:48px; }
.house.has-green-bg .house-picture:after { right:0%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: skewX(55deg); -webkit-transform: skewX(55deg);  transform: skewX(55deg); width:120%; }
.house.has-yellow-bg .house-picture:before, .house.has-yellow-bg .house-picture:after { content:''; position: absolute; bottom: 0; width: 50%; background-color: #dfcb21; padding-bottom:48px; }
.house.has-yellow-bg .house-picture:before { left: 0%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -ms-transform: skewX(-55deg); -webkit-transform: skewX(-55deg); transform: skewX(-55deg); z-index:20; width:120%; }
.house.has-yellow-bg .house-picture:after { left: 49%;-ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: skewX(-55deg); -webkit-transform: skewX(-55deg); transform: skewX(-55deg); }

.house-links { background:#008475; }
.house.has-yellow-bg .house-links { background:#c8b61e; }
.house.has-yellow-bg a { color:#353535; }
.house-picture-shadow { background:#000; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.3; }
.house-navigation { overflow:hidden; margin:0; }
.house-navigation > li { float:left; width:50%; }
.house-navigation > li > a { color:#FFF; }
.logo-drouin { display:block; position:absolute; z-index:3; width:100%; height:100%; background:url(../images/common/logo-maison-drouin.png); background-repeat:no-repeat; background-position:center; }
.logo-aieux { display:block; position:absolute; z-index:3; width:100%; height:100%; background:url(../images/common/logo-maison-aieux.png); background-repeat:no-repeat; background-position:center; }
.maison-aieux-marker p, .maison-aieux-marker h2 { display:block;  margin:0 0 0 60px;}
.maison-aieux-marker:before { content:""; display:block; float:left; width:42px; height:51px; background:url(../images/common/marker.png) no-repeat; }
.maison-drouin-marker p, .maison-drouin-marker h2 { display:block;  margin:0 0 0 60px;}
.maison-drouin-marker:before { content:""; display:block; float:left; width:42px; height:51px; background:url(../images/common/marker-green.png) no-repeat; }
#map_canvas { height:345px; }
.back-to-top { display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px;bottom: 20px; background: #0092b3 url("../images/common/arrow-top.png") no-repeat center 43%; background-size:50%; border:1px solid #004352; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/*-------------------------------------------------------------------
	States (ex.: .is-collapsed)
-------------------------------------------------------------------*/
.msg { padding:15px; font-size:16px; color:#FFF; line-height:20px; margin:0 0 10px 0; }
.msg > p { display:block; clear:both; line-height:22px; margin-bottom:0; }
.msg > p > .msg-icon { width:23px; height:23px; display:block; float:left; margin:0 5px 9px 0; }
.msg strong { font-weight:bold; }
.is-success { background:#8BC24A; }
.is-success > p > .msg-icon { background:url(../images/common/icon-success.png); }
.is-failure { background:#F44236; }
.is-failure > p > .msg-icon { background:url(../images/common/icon-error.png); }
input.is-error { border:1px solid #F44236 !important; color:#F44236; }
input.is-error::-webkit-input-placeholder { color:#F44236; }
input.is-error:-moz-placeholder { color:#F44236; }
input.is-error::-moz-placeholder { color:#F44236; }
input.is-error:-ms-input-placeholder { color:#F44236; }
label.is-error { color:#F44236; position:relative; top:-10px; }
.is-successful { border:1px solid #8BC24A !important; color:#8BC24A; }
.is-successful::-webkit-input-placeholder { color:#8BC24A; }
.is-successful:-moz-placeholder { color:#8BC24A; }
.is-successful::-moz-placeholder { color:#8BC24A; }
.is-successful:-ms-input-placeholder { color:#8BC24A; }
.is-full-width { display:block; width:100%; height:auto; }
.is-relative { position:relative; }
.is-smaller, .is-smaller > p, small { font-size:18px; margin:0; line-height:24px !important; }
.is-smaller { margin:0 0 20px 0; }
.is-smaller p { font-size:14px; line-height:18px !important; }
.is-smaller-title { font-size:35px; line-height:40px; text-align:left; margin-bottom:15px; }
.is-really-smaller, .is-really-smaller > p { font-size:14px !important; margin:0; line-height:22px !important; }
.is-bigger { font-size:28px; font-weight:500; }
.is-text-centered { text-align:center; }
.last-row-is-highlighted td:last-child { background:#52a2ff; }
.has-rounded-corners { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.has-box-shadow { -webkit-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); -moz-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); margin-bottom:4px; }
.is-hidden { display:none !important; }
.is-yellow { color:#dfcb21; }
.is-green { color:#009382; }
.is-text-centered { text-align:center; }
footer .btn-submit { background:#0092b3 !important; }
.has-no-bottom-margin { margin-bottom:0 !important; }
.has-blue-bg { background:#0092b3; padding:20px 0; }
.has-blue-bg p { margin:0 !important; color:#FFF; text-align:center; line-height:25px; }
.has-blue-bg a { color:#FFF !important; }
.has-no-bullets { text-indent:0; margin-left:0; }
.has-no-bullets li:before { content:""; padding:0; float:none; display:inline; }