@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: 'Oswald', sans-serif; }
header { text-align: center;}
section { }
footer { background: #868686;  }
::selection { background:#9BC53B; color:#FFF; }
::-moz-selection { background:#9BC53B; border:1px solid #9BC53B; 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.2em; font-weight: 200; text-transform: uppercase; color: #9BC53B; line-height:1.5em; margin:0 0 1em 0; }
h2 { font-size:1.125em; line-height:1.5em; margin:0 0 1em 0; }
h3 { font-size:1em; line-height:1.5em; margin:0 0 1em 0; }
p, ul, label { margin:0 0 0.8em 0; font-size:1.3em; font-weight: 300; line-height:1.5em; color: #242122; }
p a, ul li a { color:#3FA2D4; }
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 2em 1em; list-style:none; text-indent:-1em; }
strong { font-weight: 500; }
hr { border:none; height:1px; background:#CCC; margin:1.35em 0 1em 0; }
table {  width:100%; }
label { display:block; font-size:1.1em; 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 #CCC; display:block; width:100%; margin:0 0 15px 0; padding:10px 9px; font-weight: 300; }
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover { outline:none; border:1px solid #999; }
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; border:2px solid #9BC53B; position:relative; top:1px; 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 #9BC53B; }
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; }
.radio { margin-bottom:1em;}

/*-------------------------------------------------------------------
	Modules (ex.: .box)
-------------------------------------------------------------------*/
.btn { display:inline-block; text-align:center; font-size:1.4em; border:none; cursor:pointer; padding:0.825em 1em; background:#9BC53B; color:#FFF; font-family: 'Oswald', sans-serif; -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 { display:inline-block; height: 135px; margin: 2.5em 0 4em 0; }
.logo { display:block; float: left; height:135px; width:376px;  background: url(../images/logo.png);  }
.logo-separator { height:135px; width: 3px; display:inline-block;float: left; background: #9CC43C; margin: 0 40px; }
.logo-text { display: inline-block; text-align: left; float: left; padding: 0.2em 0 0 0;}
.logo-name { font-size: 1.625em; line-height: 1.3em; display: block; font-weight: 200; text-transform: uppercase; margin: 0 0 0.5em 0; }
.logo-address { font-size: 1em; line-height: 1.3em;display: block;}
.phone { font-size:2em; color: #FFF; text-align: center; padding: 0.8em 0 0 0;}
#map { height: 26em;  width: 100%;position: relative; }
.bg-map { height:26em; width: 100%; background-image: url(../images/banniere.png); background-size: cover; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0.7; }
.bg-map .title { font-size:3.313em; color: #FFF; position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); font-weight: 300;}
#map_canvas { height:26em;  width: 100%;position: relative; z-index: 1;}


/*-------------------------------------------------------------------
	States (ex.: .is-collapsed)
-------------------------------------------------------------------*/
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-text-centered { text-align: center;}
.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-no-bullets { text-indent:0; margin:0; }
.has-no-bullets li:before { content:""; padding:0; float:none; display:inline; }
.is-big { font-size:2.5em; font-weight: 500;}