@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-size:100%; background:#FFF; }
body, input, textarea, select { font-family:'Roboto Condensed', sans-serif; }
header { background:#FFFFFF; padding:1.325em 0; }
section { }
footer { background:#FFF; padding-top:2em; }
footer p { font-size:1em; line-height:1.3em; }
::selection { background:#1a9ed9; color:#FFF; }
::-moz-selection { background:#1a9ed9; border:1px solid #3FA2D4; color:#FFF; }
::-webkit-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }


/*-------------------------------------------------------------------
	Titles & texts
-------------------------------------------------------------------*/
h1 { font-size:2.50em; color:#1a9ed9; border-bottom:1px solid #73caf0; line-height:1.5em; margin:0 0 0.6em 0; font-family: 'Abel', sans-serif; }
h2 { font-size:1.725em; color:#1a9ed9; line-height:1.2em; margin:0 0 0.17em 0; font-family: 'Abel', sans-serif; }
h3 { font-size:1.425em; color:#1a9ed9; line-height:1.5em; margin:0 0 0.1em 0; font-family: 'Abel', sans-serif; }
h4 { font-size:1.425em; color:#1a9ed9; line-height:1.1em; margin:0.6em 0 0.1em 0; font-family: 'Abel', sans-serif; }
p { text-align:justify; }
p, ul { margin:0 0 0.8em 0; font-size:1.250em; line-height:1.5em; color:#23585e; font-weight:300; }
p a, ul li a { color:#3FA2D4; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
p a:hover, ul li a:hover { text-decoration:underline; }
ul > li:before { content:"•"; padding:0 0.8em 0 0; display:inline-block; float:left; }
ul ul { margin:0 0 0 0.8em; }
ul > li { margin:0px 0 0.8em 0; }
ul > li:last-child { margin-bottom:0; }
ul { margin:0 0 0 1em; list-style:none; text-indent:-1em; }
ul li strong {    color: #1a9ed9;
    font-weight: 400;}
strong { }
p strong { color:#1a9ed9; font-weight:400; }
hr { border:none; height:1px; background:#CCC; margin:1.25em 0; }
table {  width:100%; }
label { display:block; margin:0 0 0.25em 0; }


/*-------------------------------------------------------------------
	Forms
-------------------------------------------------------------------*/
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:1px solid #FFF; 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; border:1px solid #FFF; }
button:focus { outline:none; }
textarea { resize:vertical; min-height:150px; }
input[type=submit], button { 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/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/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/form-select.png) no-repeat center right #FFF; padding-right:30px; }
select:hover, select:focus { background:url(../images/form-select.png) no-repeat center right #FFF; }


/*-------------------------------------------------------------------
	Navigation
-------------------------------------------------------------------*/
.nav { position:relative; z-index:100; float:right; min-width:140px; font-size:1em; top:1em; }
.nav-el-1:before, .nav-el-2:before { content:""; padding:0; float:none; display:inline; }
.nav-el-1-link, .nav-el-2-link { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

/* First Level */
.nav-list-1 { position:relative; z-index:1; margin:0; text-indent:0; }
.nav-el-1 { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0; }
.nav-el-1-link { display:block; color:#138797; font-size:1.075em; line-height:1em; padding:0; font-family: 'Abel', sans-serif; }
.nav-el-1-link:after { content:""; display:inline-block; width:1px; height:34px; background:#e1ddce; margin:0 0.625em; position:relative; top:9px;  }
.nav-el-1:last-child .nav-el-1-link:after { margin:0; background:none; }
.nav-el-1:hover .nav-el-1-link, .nav-el-1.is-selected .nav-el-1-link { color:#ffcc33; text-decoration:none; }

/* Second Level */
.nav-list-2 { zoom:1; filter:alpha(opacity=0); opacity:0; display:none; position:absolute; margin:0; padding:0.5em 0 0 0; }
.nav-el-2 { margin:0; text-indent:0px; }
.nav-el-2-link { padding:0.625em 0.625em; font-size:0.7em; line-height:1em; background:#FFF; display:block; color:#3FA2D4; }
.nav-el-2:hover .nav-el-2-link, .nav-list-2 .is-selected .nav-el-2-link { background:#3FA2D4; color:#FFF; text-decoration:none; }
.nav-list-2.is-hover { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }

/* Languages */
.nav-lang { float:right; }
.nav-lang-list { text-indent:0; margin:0; }
.nav-lang-el { margin:0; }
.nav-lang-el:before { content:""; padding:0; float:none; display:inline; }
.nav-lang-el-link { color:#138797; position: relative; top: 11px; text-decoration: none; } 
.nav-lang-el-link:hover  { color:#ffcc33; position: relative; top: 11px; text-decoration: none; } 

/*-------------------------------------------------------------------
	Modules (ex.: .box)
-------------------------------------------------------------------*/
.btn { display:inline-block; text-align:center; font-size:1em; border:none; cursor:pointer; padding:0.625em 1em; background:#333; 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 0 0 0; }
.btn:hover { opacity:0.8; }
.logo-fre { display:block; float:left; width:18.7em; height:5.2em; background-image:url(../images/logo-en.png); background-repeat:no-repeat; background-position:center; background-size:contain; }
.logo-eng { display:block; float:left; width:18.7em; height:5.2em; background-image:url(../images/logo-en.png); background-repeat:no-repeat; background-position:center; background-size:contain; }
.table-list { text-indent:0; margin:0 0 40px 0; font-size:0; }
.table-list li { display:inline-block; font-size:20px; line-height:25px; width:49%; border-bottom:1px solid #73caf0; padding:1.050em 1em 1.050em 0; margin:0; }
.table-list li:before { content:""; padding:0; float:none; display:inline; }
.sidelinks { text-indent:0; margin:0; background:#1a9ed9; padding:2.2em 1.8em; font-size:1em;  }
.sidelinks li { border-bottom:1px solid #98d3ee; padding:0 0 0.9em 0; }
.sidelinks li:last-child { border:none; padding:0; }
.sidelinks li:before { content:""; padding:0; float:none; display:inline; }
.sidelinks li a { color:#FFF; font-size:1.375em; line-height:1.075em; }
.sidelinks li a:hover, .sidelinks .is-selected a { color:#ffcc66; text-decoration:none; }
.section-header { cursor:pointer; }
.section-header:focus { outline:none; }
.testimonial { display:table; width:100%; }
.testimonial-details, .testimonial-logo { display:table-cell; vertical-align:middle; }
.testimonial-logo .testimonial-logo-rounded { width:15em; height:15em;; border:3px solid #f6f2ef; background-repeat:no-repeat; background-position:center; background-size:65%; -webkit-border-radius:15em; -moz-border-radius:15em; border-radius:15em; }
.testimonial-details { color:#23585e; padding:0 0 0 3.125em; }
.testimonial-quote:before, .testimonial-quote p, .testimonial-quote:after { font-size:1.8em; line-height:1.5em; font-style:italic; color:#209dd9; display:inline; }
.testimonial-quote:before, .testimonial-quote:after { content:'"'; }
.testimonial-quote { display:inline-block; }
.testimonial-quote p { }
.testimonial-detail-name { font-size:1.250em; line-height:1.750em; display:block; font-weight:400; font-style:italic; }
.testimonial-detail-company { font-size:1.125em; display:block; font-weight:400; font-style:italic; }

/*p.credit span:after { content: ","; }
p.credit span:last-child:after { content: " "; }*/

.slide { height:20em; width:100%; background-size:cover; display:block; background-position:center; }
.slide .wrapper { height:100%; display:block; }
.slide .slider-wrapper { display:inline-block;position:relative; top:4em; }
.slide-title {  color:#FFF; font-size:1.95em; text-transform:uppercase; line-height:0.95em; display:block; width:70%; }
.slide-title span { display:inline-block;background:#1a9ed9; opacity:.8; padding:0.15em 0.4em; }
.slide-legend { display:block; width:60%; font-size:0.8em; line-height:1.4em; color:#FFF; font-style:italic; margin:1em 0 0 0; }
.slide-legend span {display:inline-block;background:#000; opacity:.8; padding:0.15em 0.4em;clear:left;float: left; }
.small-slider .slide { height:20em; }
.small-slider .slider-wrapper { top:4em; }
video { width:100%; }
.presentation { position:absolute; top:-180px; z-index:10000; }
.dany-bouchard { display:block; width:100%; max-width:240px; margin:0 auto 1em auto; background:url(../images/danny-bouchard.jpg); background-repeat:no-repeat; background-position:center;  -webkit-border-radius:20em; -moz-border-radius:20em; border-radius:20em; }
.team-picture { display:block; width:100%; max-width:240px; margin:0 0 1em 2em; background-repeat:no-repeat; background-position:center;  -webkit-border-radius:20em; -moz-border-radius:20em; border-radius:20em; float:right; }
.db-quote { font-size:2.250em;font-family: 'Abel', sans-serif; color:#23585e; font-style:italic; text-align:center; margin:0 0 1em 0; }
.db-quote-2 { font-size:1.525em; line-height:1.2em; font-family: 'Abel', sans-serif; color:#209dd9; font-style:italic; text-align:center; }
.btn-more { font-size:1.250em; color:#ffcc33; }
.service-round-icon { width:75%; background-color:#FFF; margin:0 auto 1.5em auto; background-position:center; background-repeat:no-repeat;-webkit-border-radius:20em; -moz-border-radius:20em; border-radius:20em; }
.icon-service { display:block; float:left; position:relative; top:5px; }
.icon-service svg { fill:#FFF; width:40px; height:40px; margin:0 1em 0 0;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.service-round-icon svg { fill:#1a9ed9; width:86px; height:86px; position:relative; top:62px; }
.sidelinks li a:hover .icon-service svg, .sidelinks li.is-selected a .icon-service svg { fill:#ffcc33; }
.date { font-size:0.95em; color:#9accea; margin:0; }
.ui-accordion { margin:-1.4em 0 0 0; }
.section-header { background-image:url(../images/arrow-down-blue.png); background-repeat:no-repeat; background-position:center right; border-bottom:1px solid #73caf0; padding:0.5em 0; }
.section-header.ui-state-active, .section-header:hover { background-image:url(../images/arrow-down-yellow.png); color:#ffcc33; }
#icon-faisabilite, #icon- { top:-2px; position:relative; }
#map_canvas { height:20em; min-height:300px; }
.scrollToTop{
	width:40px; 
	height:40px;
	padding:10px; 
	text-align:center; 
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:75px;
	right:40px;
	display:none;
	background: url('../images/top.png') no-repeat;
}
.scrollToTop:hover{
	text-decoration:none;
}
.service-title { padding:10px 0 10px 0; display:block; }

/*-------------------------------------------------------------------
	States (ex.: .is-collapsed)
-------------------------------------------------------------------*/
.msg { padding:1em; font-size:1em; color:#FFF; line-height:1.5em; margin:0 0 0.5em 0; }
.msg > p { display:block; clear:both; color:#FFF; line-height:1.5em; margin-bottom:0; }
.msg strong { font-weight:bold; }
.is-success { background:#8BC24A; }
.is-failure { background:#F44236; }
input.is-error, textarea.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; }
.last-row-is-highlighted td:last-child { background:#52A2FF; }
.has-rounded-corners { -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; }
.has-box-shadow { -webkit-box-shadow:0.25em 0.25em 0px 0px rgba(0,0,0,0.75); -moz-box-shadow:0.25em 0.25em 0px 0px rgba(0,0,0,0.75); box-shadow:0.25em 0.25em 0px 0px rgba(0,0,0,0.75); }
.is-hidden { display:none !important; }
.has-1-bottom-margin { margin-bottom:1em; }
.has-no-bullets { text-indent:0; margin:0; }
.has-no-bullets li:before { content:""; padding:0; float:none; display:inline; }
.has-grey-bg { background:#f0f4f5; }
.has-light-grey-bg { background:#f8fafa; }
.has-blue-bg { background:#1a9ed9; }
.has-beige-bg { background:#f0f4f5; }
.has-pictures img { display:block; width:50%; }
.is-white, .is-white p { color:#FFF; }
.is-blue, .is-blue p { color:#1a9ed9; }
.is-yellow { color:#ffcc33; }
.is-relative { position:relative; overflow:visible; }
.is-text-centered, .is-text-centered p {  text-align:center; }
.is-right-box { padding:4em 1.8em; }
.is-right-box-top-aligned { position:relative; top:-2em; }
.is-smaller p { font-size:1.125em; }