html{color:#6f7057; font:14px/1.4285em Arial, Helvetica, Verdana;}
body{background:url("../images/background-hiver.jpg") no-repeat center top #baeeff;}


a{color:#5acaeb; text-decoration:none;}
/* a:link{color:#96c3d8;}
a:visited{color:#0086bc;} */
a:hover{text-decoration:underline;}
/* a:active{} */


ul{list-style-position:inside;}
p{margin:0.5em 0;}
ul{margin:0.5em 0;}

.title{color:#3da0cf; font:200 2em/1em "Trade Gothic"; margin:0.3928em 0;}
h1, h2, h3, h4, h5, h6{}

hr{}


.fleft{float:left;}
.fright{float:right;}
.clear{
	display:block;
	font:0px/0 Tahoma !important;
	list-style-type:none !important;
	margin:0 !important;
	padding:0 !important;
	height:0 !important;
	min-height:0 !important;
	clear:both !important;
	float:none !important;
}
.bold{font-weight:bold;}
.green{color:#99cc33;}

.blue{color:#3da0cf;}
.blue-light{color:#5acaeb;}

.text-left    {text-align: left;}
.text-right   {text-align: right;}
.text-center  {text-align: center;}
.text-justify {text-align: justify;}

.static   {position:static;}
.relative {position:relative;}
.absolute {position:absolute;}


/* on fait semblant d'avoir bootstrap, hop */
.row{
	margin-left: -14px;
	margin-right: -14px;
}
.row:before,
.row:after{
	content: " ";
	display: table;
}
.row:after{
	clear: both;
}


.col-md-7{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	padding-left: 14px;
	padding-right: 14px;
	width: 58.333334%;
	float: left;
}
.col-md-5{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	padding-left: 14px;
	padding-right: 14px;
	width: 41.666667%;
	float: left;
}


.map-hiver{
	border-radius:6px;
	box-shadow:1px 2px 4px rgba(0, 0, 0, 0.33);
}
.map-hiver-bulles{
	position:relative;
}
.map-hiver-bulles:before{
	display:block;
	content:"";
	background:url("../images/map-hiver-bulles.png") no-repeat left bottom;
	position:absolute; bottom:0; left:-123px;
	width:160px; height:123px;
}

.welcome{
	color: #3da0cf;
	text-align: right;
	/*margin-top: 54px;*/
}


.wrapper{
	position:relative;
	margin-left:auto; margin-right:auto;
	padding-bottom:1px;
	width:1024px;
}
.wrapper > .container{
	box-shadow:0 0 6px rgba(0, 0, 0, 0.15);
	margin-bottom:443px;
}
.grid-container{
	background-color:#fff;
	margin-left:auto; margin-right:auto;
	padding:0 21px;
	max-width:918px;
	min-height:1113px; /* equivalent hauteur de background.jpg */
}


.page-header{
	/* padding-bottom:1px; */
}


.page-main{
	margin-top: 10px;
	padding-bottom:1px;
}


.page-header .logo{
	margin-top:33px;
	margin-bottom:12px;
	float:left;
}
.logo{
	display:block;
	max-width:26.3616%; height:auto;
}


.menuContactWrapper{
	width:73.6384%;
	float:right;
}
.headerGoBack{
	border-radius:0 0 17px 17px;
	margin:0 0 13px 8px;
	padding:5px 14px 5px 42px;
	width:32.5444%;
	/* padding:5px 42px 5px 14px;
	width:32.5444%; */
	float:right;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	background: url("../images/icons/go.png") no-repeat -2px 12px #ecf6ae;
	font-size: 0.8571em;
	line-height: normal;
}
.headerGoBack,
.headerGoBack a{
	color: #73a801;
}
.headerGoBack a[href^="http"]{
	font-weight: bold;
	text-transform: uppercase;
}
.headerGoBack a:hover{
	text-decoration: underline;
}


.headerContactInfoWrapper{
	margin:0 0 13px 8px;
	position:relative;
	height: 110px;
}
.headerContactInfoWrapper .fa-facebook-official{
	color: #3b5998;
	font-size: 35px;
	position: absolute;
	top: 85px;
	right: 0;
}
.headerContactInfoWrapper .apgq{
	margin:16px 19px;
	float:right;
}
.headerContactInfo{
	background-color:#e8f9ff;
	border-radius:0 0 17px 17px;
	border-top:none;
	padding:16px 28px 19px;
	width:200px;
	right: 0px;
	position: absolute;
	text-align: center;
}
.headerContactInfo,
.headerContactInfo a{
	color:#3da0cf;
}
.headerContactInfo .tel{font:bold 1.7142em/1em Arial, Helvetica, Verdana; margin:1px 0;}
.headerContactInfo .email{font:1em/1em Arial, Helvetica, Verdana; margin:1px 0;}


.moodWrapper{}
.mood{
	display:block;
	margin:0 auto;
	max-width:918px;
	width:100%; height:auto;
}


.page-header .mainMenuWrapper{
	float:right;
	clear:both;
}
.mainMenuWrapper{
	margin:11px 0;
}
.mainMenu{
	list-style-type:none;
	line-height:1em;
	margin:0;
	padding:0;
}
.mainMenu li{
	position:relative;
}
.mainMenu li > a{
	display:block;
}
.mainMenu > li{
	background:url("../images/mainMenu-separation.png") no-repeat left top;
	padding:7px 8px 7px 20px;
	min-height:27px;
	float:left;
}
.mainMenu > li:first-child{
	background-image:none;
	padding-left:0;
}
.mainMenu > li > a{
	/* padding:36px 0.8333em 7px; */
}
.mainMenu > li:hover > a,
.mainMenu > li.active > a{
	/**/
}
.mainMenu ul{
	display:none;
	list-style-type:none;
	font:0.9166em/1.1818em Tahoma;
	
	position:absolute; top:100%; left:0;
	margin:0;
	padding:0;
	width:100%;
	
	z-index:10;
}
.mainMenu ul a:hover{
	text-decoration:underline;
}
.mainMenu li > a:hover + ul,
.mainMenu ul:hover{
	display:block;
}
.mainMenu ul > li > a{padding:8px 10px 6px;}
.mainMenu ul > li:nth-child(2n) > a{}


.openMobileMenuIcon{
	cursor:pointer;
	display:block;
	background:url("../images/icons/clickMenuIcon.png") no-repeat center;
	margin:1em auto;
	width:24px; height:24px;
}
.openMobileMenuIcon.active{
	background-image:url("../images/icons/clickMenuIcon-active.png");
}
.openMobileMenuWrapper{
	display:none;
}

.mobileMenuWrapper{
	/**/
}
.mobileMenu{
	display:none;
	list-style-type:none;
	font:0.8571em/1.25em Tahoma;
	
	margin:0;
	padding:0;
}
.mobileMenu,
.mobileMenu a{color:#fff;}
.mobileMenu a{padding:10px 0.8333em; display:block;}

.mobileMenu ul,
.mobileMenu > li > a{border-bottom:solid 1px #647883;}
.mobileMenu > li > a{background-color:#96c3d8; padding-top:24px; padding-bottom:7px;}

.mobileMenu ul{
	display:none;
	list-style-type:none;
	font:0.9166em/1.1818em Tahoma;
	
	margin:0;
	padding-left:1.5em;
	clear:both;
}
.mobileMenu ul > li{background-color:#d2d4d6; color:#647883;}
.mobileMenu ul > li:nth-child(2n){background-color:#e3e4e6;}
.mobileMenu ul > li > a{color:#647883;}
.mobileMenu ul > li > a:hover{text-decoration:underline;}

.mobileMenu li.active{}
.mobileMenu li.active > a{background-color:#96c3d8; color:#fff;}


/*
.breadcrumbsWrapper{}
.breadcrumbs{
	list-style-type:none;
	font-size:0.8571em;
	line-height:1em;
	margin:0.1666em 0;
	padding:0;
}
.breadcrumbs,
.breadcrumbs a{color:#647883;}
.breadcrumbs a:hover{text-decoration:underline;}

.breadcrumbs > li{display:inline-block; border-left:solid 1px #647883; padding:0 5px;}
.breadcrumbs > li:first-child{border-left:none; padding-left:0;}
.lt-ie8 .breadcrumbs > li{display:inline;}
.breadcrumbs > li.active{font-weight:bold;}
*/


.floatedListWrapper{
	position:relative;
	margin:9px 0 9px 27px;
	float:left;
}
.floatedList{
	list-style-type:none;
	list-style-image:url("../images/bullets/disc1.png");
	list-style-position:0 center;
	
	padding-left:0;
	margin:0;
}


.smalldot{
	list-style-type: none;
	margin-top: 15px; /* 1.25em */
	margin-bottom: 15px;
	padding-left: 0;
}
.smalldot > li:before{
	content: "•";
	margin-right: 0.3333em;
}
p.smalldot:before{
	content: "•";
	margin-right: 0.3333em;
}


/* .floatedListWrapper + .tabbedFormBox{
	float:right;
} */
.tabbedFormBox .guy{
	background:url("../images/tabbedBoxForm-guy.png") no-repeat;
	position:absolute; bottom:-12px; right:10px;
	width:554px; height:266px;
}
.tabbedFormBox{
	/* background: #7eab00;
	background: -moz-linear-gradient(top,  #7eab00 0%, #466100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7eab00), color-stop(100%,#466100));
	background: -webkit-linear-gradient(top,  #7eab00 0%,#466100 100%);
	background: -o-linear-gradient(top,  #7eab00 0%,#466100 100%);
	background: -ms-linear-gradient(top,  #7eab00 0%,#466100 100%);
	background: linear-gradient(to bottom,  #7eab00 0%,#466100 100%); */
	
	background: #7eab00;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlYWIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjYxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
	background: -moz-linear-gradient(top,  #7eab00 0%, #466100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7eab00), color-stop(100%,#466100));
	background: -webkit-linear-gradient(top,  #7eab00 0%,#466100 100%);
	background: -o-linear-gradient(top,  #7eab00 0%,#466100 100%);
	background: -ms-linear-gradient(top,  #7eab00 0%,#466100 100%);
	background: linear-gradient(to bottom,  #7eab00 0%,#466100 100%);
	
	box-shadow:1px 2px 5px 0 rgba(0, 0, 0, 0.3);
	border-radius:6px 6px 0 0;
	
	position:relative;
	margin-bottom:2em;
	padding:1em 2.5065%;
	width:27.779%;
	float:right;
}
.no-cssgradients.no-svg .tabbedFormBox{
	background: #7eab00;
}

.tabbedFormBox .title{
	color:#fff;
	font:1.5em/1em "Trade Gothic Bold Two";
	
	margin:0.3333em 0 0.6666em;
	/* padding:0.8em 0 0.4em; */
}
.tabbedFormBox .title > span{
	color:#d7df23;
}
.tabbedFormBox .buttonGroup{
	position:absolute; bottom:-37px; right:0;
}
.tabbedFormBox .buttonWrapper{
	float:right;
}
.tabbedFormBox form{
	position:relative;
	margin-bottom:6px;
	z-index:1;
}

/* .tabbedFormBox .select select, */
.tabbedFormBox .select,
.tabbedFormBox textarea,
.tabbedFormBox input[type="text"],
.tabbedFormBox input[type="password"]{
	border:solid 1px #668a03;
}
.tabbedFormBox textarea{resize:none; max-width:218px; height:76px; float:right;}
.tabbedFormBox .select + textarea,
.tabbedFormBox input + textarea{margin-top:0;}


.contactInfo{
	font-size:13px;
	line-height:1.4615em;
	margin:9px 0 9px 27px;
}
.contactInfo .item{
	margin-right:3%;
	width:31.3030%;
	float:left;
}
.contactInfo .item.contactUs{
	margin-right:0;
}
.contactInfo .item > .itemIcon{
	display:block;
	max-width:88px;
	width:100%; height:auto;
	float:left;
}
.contactInfo .item > .content{
	margin:2px 0;
	width:65.1851%;
	float:right;
}


.roundedBox{
	background-color:#d7f6ff;
	
	position:relative;
	border-radius:20px;
	margin:44px 0 24px;
	padding-right:22px;
	/* overflow:hidden; */
}
.roundedBox > .since2002{
	display:block;
	background:url("../images/rounded-since2002.jpg") no-repeat;
	width:41.183%; /* width:369px; */ height:161px;
	float:left;
}
.roundedBox > .freeEstimation{
	display:block;
	background:url("../images/rounded-estimation-deneigement.png") no-repeat;
	width:42.5224%; height:125px;
	float:left;
}
.roundedBox > .content{
	font-size:0.8571em;
	
	padding:22px 0;
	/* width:56.6964%; */
	width:55.5803%;
	float:right;
}
.roundedBox > .buttonGroup{
	position:absolute; bottom:-32px; right:76px;
}


.solidpines{
	background:url("../images/footer-pines.png");
	position:absolute; bottom:116px; left:-11px;
	width:1046px; height:328px;
}

.solidpines .fa-facebook-official{
	float: right;
	color: #3b5998;
	margin: 20px 65px 0 0;
	font-size: 35px;
}

/* button contexts */
.buttonAnchorCombo{
	/**/
}
.buttonAnchorCombo .buttonWrapper{
	width:100%;
}

.buttonAnchorCombo > a,
.buttonAnchorCombo > div{display:block; float:left;}

.buttonAnchorCombo > .fleft{float:left;}
.buttonAnchorCombo > .fright{float:right; text-align:right;}

.buttonAnchorCombo > a{
	margin-top:0.909em; margin-bottom:0.909em; /* fonctionne avec le bouton de taille moyenne */
	width:61%;
}
.buttonAnchorCombo > div{width:36%;}


.buttonGroup{
	position:relative;
	z-index:1;
}


/* buttons */
.buttonWrapper{
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	float:left;
}
.buttonWrapper.fixedWidth{
	max-width:203px;
}
.buttonWrapper > .button{
	box-shadow:1px 2px 5px 0 rgba(0, 0, 0, 0.3);
	-webkit-border-radius:inherit; -moz-border-radius:inherit; border-radius:inherit;
	
	background-color:transparent;
	width:100%;
}
.button{
	display:block;
	background-repeat:no-repeat;
	background-position:right center;
	
	color:#fff;
	font-size:1.7272em;
	font-family:"Trade Gothic Bold Two";
	/* font-weight:bold; */
	line-height:1.2em;
	text-align:left;
	text-decoration:none !important;
	
	white-space:nowrap;
	overflow:hidden;
	text-overflow:clip;
	
	border:none;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	padding:0.5em 53px 0.6666em 0.8095em;
}
.buttonWrapper.small > .button{
	font-size:1.35em;
	line-height:0.95em;
	padding:0.22em 25px 0.22em 0.44em;
}
.buttonWrapper.small > a.button{
	padding-top:0.4713em; padding-bottom:0.4713em; /* input a un different line-height qu'un anchor pour une raison weird, ajuster padding */
}
.buttonWrapper.large > .button{
	font-size:1.5em;
	line-height:1.2em;
	/* font-size:21px;
	line-height:27px; */
}

.buttonWrapper.green{
	background-color:#466100;
}
.no-cssgradients.no-svg .buttonWrapper.green{
	background-color:#7eab00;
}
.buttonWrapper.green > .button{
	background:url("../images/icons/go.png") no-repeat right center;
	box-shadow:none;
}


.buttonWrapper.tan{
	background-color:#ecf6ae;
	border-radius:20px;
}
.buttonWrapper.tan > .button{
	background:url("../images/icons/go.png") no-repeat right center;
	box-shadow:none;
	color:#73a801;
	padding-left:1.0476em;
}


.buttonWrapper.blue{
	background-color:#d7f6ff;
	border-radius:20px;
}
.buttonWrapper.blue > .button{
	background:url("../images/icons/go-hiver.png") no-repeat right center;
	box-shadow:none;
	color:#2d8ebf;
	padding-left:1.0476em;
}



/* forms */
.select{
	background: #ffffff;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWVmZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
	background: -moz-linear-gradient(top,  #ffffff 0%, #e9efd0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9efd0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e9efd0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e9efd0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e9efd0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e9efd0 100%);
	
	color:#6f7057;
	
	position:relative;
	padding-top:6px; padding-bottom:6px;
}
.no-cssgradients.no-svg .select{
	background: #ffffff;
}
.select .value{
	display:block;
	background:url("../images/icons/select-icon.png") no-repeat right center;
	width:100%;
}
.select select{
	background:none;
	border:none;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	
	position:absolute; top:0; left:0;
	width:100%; height:100%;
}
.lt-ie8 .select select{
	right:0; bottom:0;
	height:auto;
}


textarea,
input[type="text"],
input[type="password"]{
	background-color:#fff;
	box-shadow:2px 4px 3px 0 #d7dfb3 inset;
	
	padding-top:8px;
	padding-bottom:6px;
}

label + .select,
label + textarea,
label + input[type="text"],
label + input[type="password"]{
	margin-top:0.4em;
}

.select,
textarea,
input[type="text"],
input[type="password"]{
	margin:0.3846em auto;
	width:100%;
}

/* .select .value, */
.select,
textarea,
input[type="text"],
input[type="password"]{
	display:block;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	border-radius:5px;
	font-size:13px;
}

/* .select .value, */
.select,
textarea,
input[type="text"],
input[type="password"]{
	color:#6f7057;
	padding-left:0.5384em;
	padding-right:0.5384em;
}


.inputSubmitCombo{position:relative;}
.inputSubmitCombo input{margin-top:0; margin-bottom:0; float:left;}
.inputSubmitCombo input[type="submit"].inner{margin-left:-46px;}

.inputSubmitCombo input[type="text"].larger{padding-right:58px;}



/* IE versions antérieures à 8 */
.lt-ie8 .tabbedFormBox .bottomButtons{
	position:relative; bottom:auto;
}


/* IE versions antérieures à 9 */