@charset "utf-8";

/* CSS Document */

/* Copyright 2014 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 Condensed', sans-serif; font-weight:300; font-size:12px; background:#FFF; }

header { }

section { }

footer { background:#302c27; }

a { color:#bf1e2e; }

h1 { font-size:39px; line-height:44px; color:#bf1e2e; margin:20px 0 5px 0; }

h2 { font-size:24px; line-height:26px; color:#444444; margin:0 0 20px 0; }

h3 { font-size:24px; line-height:26px; color:#bf1e2e; padding:20px 0 20px 0; }

h4 { font-size:20px; line-height:24px; color:#bf1e2e; padding:0 0 10px 0; }

p, ul, label { margin:0 0 12px 0; font-size:17px; line-height:25px; color:#2f2b26; font-weight:400; }

ul > li:before { content: "•"; padding: 0 12px 0 0; display: inline-block; float: left; }

ul ul { margin:0 0 0 12px; }

ul > li { margin:4px 0 4px 0; }

ul { margin:0 0 20px 12px; list-style: none; text-indent: -12px; }

strong { font-weight:700; }

hr { border:none; height:1px; background:#bf1e2e; margin:22px 0; }

table th { background:#333; padding:10px; text-align:left; font-size:14px; color:#FFF; }

table td { background:#f8f8f8; padding:10px; border-bottom:1px solid #eaeaea; }

table tr:nth-child(odd) td { background:#FFF; }

label { display:block; margin:12px 0 0 0; }

input, textarea, select { font-family:Arial,Helvetica,sans-serif; }

input[type=text], textarea, select { font-family:'Roboto Condensed', sans-serif; font-weight:300; font-size:17px;  -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:1px solid #CCC; display:block; width:100%; margin:0 0 16px 0; padding:8px 8px; }

input:focus, textarea:focus, select:focus { outline:none; border:1px solid #999; }

textarea { resize:vertical; min-height:150px; }

input[type=submit] { font-family:'Roboto Condensed', 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:pointer; padding:0; margin:0; }

input[type='radio'] + label { background-image: url(../images/common/radio-off.png); background-repeat:no-repeat; height:16px; padding:3px 0 0 20px; display:block; margin:0 0 8px 0; }

input[type='radio']:checked + label { background-image: url(../images/common/radio-on.png); }

input[type='checkbox'] { opacity:0; float:left; width:16px; height:16px; cursor:pointer; padding:0; margin:0; }

input[type='checkbox'] + label { background-image: url(../images/common/check-off.png); background-repeat:no-repeat; height:16px; padding:3px 0 0 20px; display:block; margin:0 0 8px 0; }

input[type='checkbox']:checked + label { background-image: url(../images/common/check-on.png); }

input[type="text"]:disabled { background: #dddddd; }

select { background:url(../images/common/form-select.png) no-repeat center right; }

/*select:hover, select:focus { background:url(../images/common/form-select.png) no-repeat center right #bf1e2e; border:1px solid #bf1e2e; color:#FFF; }*/

select:hover option, select:focus option { background:#FFF; color:#000; }

::selection { background:#bf1e2e; color:#FFF; }

::-moz-selection { background:#bf1e2e; border:1px solid #bf1e2e; color:#FFF; }

::-webkit-input-placeholder { color:#999; }

:-moz-placeholder { color:#999; }

::-moz-placeholder { color:#999; }

:-ms-input-placeholder { color:#999; }



/*-------------------------------------------------------------------

	Modules (ex.: .box)

-------------------------------------------------------------------*/

.navigation { position:relative; z-index:100; font-size: 0;}

.navigation > ul { position:relative; z-index:1; margin:0; text-indent:0; }

.navigation > ul > li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 50px 12px 0; }

.navigation ul li:before { content:""; padding:0; float:none; display:inline; }

.navigation > ul > li > a { display:block; text-transform:uppercase; color:#2f2b26; font-size:18px; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; -o-transition:background .3s ease; transition:background .3s ease; }

.navigation > ul > li > ul { zoom:1; filter:alpha(opacity=0); text-indent:0; opacity:0; display:none; position:absolute; background:#FFF; margin:0; padding: 12px 0 0 0; }

.navigation > ul > li > ul > li { margin:0;  }

.navigation > ul > li > ul > li > a { padding:6px 12px; margin:0; display:block; width:100%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

.navigation > ul > li:hover > a, .navigation > ul > .is-selected >  a { color:#bf1e2e; }

.navigation > ul > li > ul > li:hover > a { background:#bf1e2e; color:#FFF; }

footer .navigation { float:right; width:100%; margin:0 0 90px 0; }

footer .navigation > ul > li { margin:0; display:block; float:left; width:20%; }

footer .navigation > ul > li > a { color:#FFF; font-weight:300; font-size:16px; }

footer .navigation > ul > li > ul { filter:alpha(opacity=100); opacity:1; display:block; position:relative; padding:0; background:none; }

footer .navigation > ul > li > ul > li > a { padding:0; color:#a09f9d; font-size:14px; }

footer .navigation > ul > li > ul > li:hover > a { background:none; }

footer .navigation > ul > li:hover > a, footer .navigation > ul > .is-selected > a { color:#FFF; }

footer section { padding:45px 0; }

footer p { color:#FFF; font-size:12px; margin:0; }

.logo-footer { display:block; width:100%; }

.sub-navigation { float:right; text-align:right; padding:25px 0; }

.btn { display:inline-block; font-size:16px; padding:10px 12px; color:#FFF; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; opacity:0.8; margin:0 0 0 5px; position:relative; margin-top:-12px; }

.btn:hover { opacity:1; }

.logo { display:block; width:418px; height:75px; background:url(../images/common/logo-daniel-letarte.png) center no-repeat; margin:25px 0; float:left; }

.top-picture { background:#be1e2e; height:350px; position:relative; width:100%; display:block; background-repeat:no-repeat; background-position:center; }

.top-picture .top-picture-text { display:block; position:absolute; bottom:0; margin:0; width:100%; text-align:left; padding:12px 0 15px 0; vertical-align:bottom; height:auto; background:url(../images/common/bg-black.png); }

.top-picture .top-picture-text .top-picture-text-title { font-size:28px; color:#bf1e2e; line-height:34px; margin:0; }

.top-picture .top-picture-text .top-picture-text-subtitle { font-size:20px; color:#FFF; line-height:20px; margin:0; }

.box { background:#f0efef; }

.box > .box-picture { display:block; width:100%; }

.box > .box-content { padding:24px; }

.box > .box-content > .box-logo { margin:20px 0 0 0; }

.expertise-picture { width:100%; display:block; border:1px solid #d4d4d4; }

.expertise-picture > img { width:100%; display:block; }

label.error { font-size:14px; line-height:14px; margin:0; padding:0; position:relative; top:-10px; color: #bf1e2e;}

#map_canvas { height:350px; }

.side-links { list-style:none; margin:0; text-indent:0; margin:0 0 30px 0; overflow:hidden; }

.side-links > li:before { content: ""; padding: 0; display: inline; float: none; }

.side-links > li { display:block; float:left; width:49%; }

.side-links > li:nth-child(2n) { float:right; }

.side-links > li > a { background:#bf1e2e; padding:10px; color:#FFF; display:block; width:100%; text-align:center;opacity:0.8; }

.side-links > li > a:hover, .side-links > .is-selected > a { opacity:1; }

.logob { display:block; float:left; }
.sceau { float:right; margin:0 20px 0 0; }
.contact { position: relative; top:10px; }
.box-logo { width: 260px; }


/*-------------------------------------------------------------------

	States (ex.: .is-collapsed)

-------------------------------------------------------------------*/

.app-msg { padding:15px; font-size:16px; color:#FFF; line-height:20px; }

.app-msg > p { display:block; clear:both; line-height:22px; }

.app-msg > p > .msg-icon { width:23px; height:23px; display:block; float:left; margin:0 5px 9px 0; }

.app-msg strong { font-weight:bold; }

.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; }

.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:#89A418; }

.is-success > p > .msg-icon { background:url(../images/common/icon-success.png); }

.is-failure { background:#d22300; }

.is-failure > p > .msg-icon { background:url(../images/common/icon-error.png); }

.is-error { border:1px solid #D22300 !important; color:#D22300; }

.is-error::-webkit-input-placeholder { color:#D22300; }

.is-error:-moz-placeholder { color:#D22300; }

.is-error::-moz-placeholder { color:#D22300; }

.is-error:-ms-input-placeholder { color:#D22300; }

.is-successful { border:1px solid #89A418 !important; color:#89A418; }

.is-successful::-webkit-input-placeholder { color:#89A418; }

.is-successful:-moz-placeholder { color:#89A418; }

.is-successful::-moz-placeholder { color:#89A418; }

.is-successful:-ms-input-placeholder { color:#89A418; }

.is-red { color:#bf1e2e; }

.is-pale { background:#e1e1e1; }

.is-right-aligned { text-align:right; }

.is-left { float:left; }

.is-right { float:right; }

.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; }

.has-blue-bg { background:#0088CC;}

.has-red-bg { background:#be1e2e; }

.has-yellow-bg { background:#FAA125; }

.has-green-bg { background:#89A418; }

.has-no-bottom-margin { margin-bottom:0; }

.has-no-padding { padding:0; }

.inline-block { display: inline-block; }
.coat { margin-top: 20px!important; }
.poli { margin-top: 18px!important; }

table tr:hover td { background:#f1f1f1 !important; }

.has-no-shade { width:100%; }

.has-no-shade td, .has-no-shade tr:hover td { background:none !important; border:none !important; }

.has-no-shade td { width:25%; vertical-align:middle; text-align:center; }

.has-no-shade td img { text-align:center;     max-width: 100%; }

.max-width-block { display: block; max-width: 100%; margin: 0 auto; }

.mt2 { margin-top: 2rem; }

.is-left-aligned { text-align:left !important; }
.is-full-width { width:100%; display:block; }
.has-20-bottom-margin { margin-bottom:20px; }
.navigation > ul > li > .is-hover { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }
.has-full-img img { display:block !important; width:100% !important; height:auto !important; }