html,
body{
	margin: 0;
	height: 100%;
}
.nouvelles {
	text-align: center;
	width:100%;
	margin-right: 0%;
	margin-left: 0%;
	border-top: #2a2e4d 0px groove ;
	border-bottom: 0px;
	
	color: #2a2e4d;
	text-align: center;
	padding: 5px;
	position: absolute;
	background-color: rgba(255,255,255,0.8);
	bottom: 0px;
	z-index: 101;
	
}
	.ivid{
		width: 60vw;;
		height: calc(60vw * 60 / 100);
		margin: auto;
	}
.nouvelles>div{
	width: 100%;
	font-size: 1.2em;
}
.nouvelles  .titre
{
		font-size: 1.5em !important;
	color: #f25e42;
	font-weight: bold;
}
body{
	font-size: 20px;
	background: #2a2e4d;
	font-family: 'Alegreya', serif;
}
.slideshow{

}
.slideshow img{
	width: 100%;
	height: auto;
}
.container{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px;
}
main{
	background: #fff;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 50px rgba(0,0,0,0.75);
	margin-left:10vw;
	margin-right:10vw;
	
	padding: 40px;
}
.wrapper{
	position: relative;

	margin-left:10vw;
	margin-right:10vw;

}

header{
	position: relative;
	top: 0;
	z-index: 999;
	overflow: visible;
	background-color:#FFF;

}
header .header-top{
	/*overflow: hidden;*/

	display: inline-block;
	display: -webkit-flex;
	display:         flex;
	-webkit-flex-direction: row;
	        flex-direction: row;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-top: 70px;
	padding-bottom: 10px;
	

}
header .titre-site{ /* Le h1 du site */
	margin: 0;
	font-size: 30px;
	width: 48%;
	width: calc( 50% - 20px );
}
header .titre-site a{
	max-width: 100%;
	display: block;

}

header .titre-site img{
	max-height: 100%;
	max-width: 90%;
	margin-top:20px;
	margin-left:15px;
}
img{
	font-size:0px;
	margin:0px;
	padding:0px;}
header .baniere{
	color: #2a2e4d;
	padding:40px;
	text-align: right;
	line-height:2.3vw;
	padding-bottom:0px;
	padding-top:20px;;
}
.ecommercial{
	font-size:20px;
	color:#2a2e4d;
	line-height:2.2vw;
	vertical-align:top;
		font-family: 'Alex Brush', cursive;
		margin:10px;
	}
.facebook{
	display:inline-block;
}
.facebook img{
	width:25px;
	margin-bottom:-3px;
	margin-left:5px;
}
.menuMobile{
	display:none;
}
.baniere .baniere-2-succursales{
	color:#2a2e4d;
	font-family: 'Alex Brush', cursive;
	font-size:3vw;
	font-weight:bold;
	line-height:3vw;

}
.baniere-2-succursales a:hover{
	text-decoration:underline;
	}
.bar{
	display:flex;
	color:#FFF;
	width:100%;
	height:60px;
	line-height:60px;
}
.bar div{
    font-family: "Alex Brush",cursive;
    font-size: 2.4vw;
    text-align: center;
	width:100%;
	background-color:#505891;
	opacity:0.8;
	margin-bottom:5px;
}
.bar div a{
	color:#FFF;

}
.bar div:hover{

	opacity:1;

}
.residentiel{
	background-color:#2a2e4d  !important;}
.villes-funky{
	font-size:2.2vw !important;
	color:#505891;

}
.villes-funky a:hover{
	text-decoration:underline;
}
.baniere .villes-funky{
	vertical-align: middle;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
}
.iconemobile{
	display:none;}
@media (max-width: 1200px){
	header .baniere{
	color: #2a2e4d;
	padding:40px;
	font-size:30px;
	text-align: right;
	line-height:2.3vw;
	padding-bottom:0px;
	padding-top:2.5vw;
}
.baniere .baniere-2-succursales {

  font-size: 3.5vw;

}
	header .baniere{
		font-size: 1.3vw;
	}
}


header nav{
	background: #3e4571;
	/*background: url(/images/layout/menu_bg.png) top center repeat-x transparent;*/
	background: -moz-linear-gradient(top,  rgba(80,88,145,1) 0%, rgba(42,46,77,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,88,145,1)), color-stop(100%,rgba(42,46,77,1)));
	background: -webkit-linear-gradient(top,  rgba(80,88,145,1) 0%,rgba(42,46,77,1) 100%);
	background: -o-linear-gradient(top,  rgba(80,88,145,1) 0%,rgba(42,46,77,1) 100%);
	background: -ms-linear-gradient(top,  rgba(80,88,145,1) 0%,rgba(42,46,77,1) 100%);
	background: linear-gradient(to bottom,  rgba(80,88,145,1) 0%,rgba(42,46,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505891', endColorstr='#2a2e4d',GradientType=0 );
	box-shadow: 0 5px 10px 5px #000;
	box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);
	z-index: 100;
	font-size: 1.7vw;
	line-height: 60px;
	display: inline-block;
	display: -webkit-flex;
	display:         flex;
	-webkit-flex-direction: row;
	        flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	vertical-align:top;
	padding-left:20px;
	padding-right:20px;
	position: fixed;
	width: 100%;
}
header nav ul{
	list-style: none;
	display: block;
	margin: 0px 5px;
	padding: 0;
	vertical-align:top;
}
header nav ul .menu-item{

	display: inline-block;
}
header nav a{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	padding-right:21px;
	padding-left: 21px;
	font-family: 'Alex Brush', cursive;
	border-right: 3px groove rgba(80,88,145,1);
}
.menu a{
	width: 9vw;
	text-align: center;
}
 .facebook a, .sous-menu-item a{
	border: none;
}
header nav a:hover{
	color:#abb0d3;
}
header .laissez-un-pro{

		font-size: 2.5vw;
	color: #fff;
	text-align: right;
	padding-right: 1vw;
	font-family: 'Alex Brush', cursive;
		color:#abb0d3;
}
.sous-menu{
	position:absolute;
	 background: #fff none repeat scroll 0 0;
     color: #505891;
	 left:0px;
	 width:calc(36vw + 25px);
	 font-size:1.5vw;
	 padding:0px;
	 margin:0px;
	 text-align:center;
	 z-index:0;
	 border:1px #2a2e4d solid;
	 border-top:none;
	 box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.3);
	height:120px;
	padding-top:20px;
	

}
.sous-menu-item{
	margin:0px;
	padding:0px;
	text-align:left !important;
	padding-left: 3vw;

	display: inline-block;
	width: 50%;

}
.sous-menu-item a:hover{
	color: #f25e42;

}
.sous-menu-item:nth-child(2){
	border: none;
}
#menu-item-impots {

	width: 45% !important;
	padding: 0px !important;

	
}
#menu-item-comptabilite-commerciale {

	width:50% !important;
	padding: 0px !important;
	padding-left: 5% !important;
	text-align: right !important

	
}
.sous-menu-item a{
	margin:0px;
	text-align: left;
	padding-left: 4vw;
	font-family: 'Alegreya', serif !important;
	width: 100%;
	color: #505891;
	background-image: url(../images/content/pin_map.jpg);
	background-repeat: no-repeat;
	background-position:1.5vw center;
	background-size: 30px;
	font-size: 1.3vw;
}
#menu-item-impots a{
	background-image:url(../images/layout/import.jpg);
	background-position: left center;
	background-size: 2vw !important;
padding-left: 60px;
	
}
#menu-item-comptabilite-commerciale a{
	background-image: none;
		background-image:url(../images/layout/comm.jpg);
	background-position: left center !important;
		background-size: 2vw !important;
		padding: 0px !important;
		text-align: right !important;
	padding-right: 5px !important;
	padding-left: 60px;



}

.bar a:hover{
	color:#abb0d3;
	text-decoration:underline;}
@media (max-width: 1200px){
	header .laissez-un-pro, .bar div{
	font-size: 2.5vw !important;
	}
	
}
@media (max-width: 970px){
	header .laissez-un-pro{
		
		display: block;
	}
	header .laissez-un-pro span{

	}
	header .laissez-un-pro-inner{
		line-height: normal;
		display: inline-block;
		vertical-align: middle;
		
	}
}
@media (max-width:900px){
	.nouvelles{
		width: 100%;
		margin: 0px;
	}
	header .laissez-un-pro{
	
	}
	header nav{
		-webkit-justify-content: center;
		justify-content: center;
	}
	header nav .menu-item:last-child a{
		border-right: none;
	}
	header .laissez-un-pro, .bar div{
	font-size: 3.5vw !important;
	}
}



.main-wrapper{
	background: url(/images/layout/bg.jpg);
	background-size: cover;
	min-height: calc(100vh - 380px);
}

main:after{
	content: "";
	clear: both;
	display: block;
}


.footer-push{
	clear: both;
	height: 150px;
}

footer{
	position: relative;
	min-height: 150px;
	background: url(/images/layout/footer.png) top center repeat-x #2a2e4d;
	border-top: 2px solid #2a2e4d;
	color: #fff;
	text-align: center;
	font-size: 0.9em;
}
footer a{
	color:#FFF;

}
.footer-bureaux{
	display: inline-block;
	display: -webkit-flex;
	display:         flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 8px 0;
}
.footer-bureau{
	width: 50%;
}
.bureau-de{
	font-size: 40px;
	 font-family: "Alex Brush",cursive;
}
.bureau-de a{
	color:#abb0d3;
	
	}
.nom-du-commerce{
	
}
footer .bureau-st-jerome{
	text-align: left;
	border-right: 1px solid #505891;
}
.bureaux .bureau-gatineau{
	text-align:right !important;
}
.bureau-gatineau{
	text-align:right !important;
}
.bureaux .bureau-gatineau{
	text-align:left !important;
}
.lesservices{
	text-align:left;}
.telephone{
	font-size:2.5vw !important;
}
.lien-imaginus{
	display: block;
	text-decoration: none;
	color: #fff;
	background-color:#505891;
	border-top:2px solid #2a2e4d ;
	padding:10px;
}
footer a:hover{
	text-decoration:underline;}
@media (max-width: 1060px){

	.baniere .villes-funky{
		font-size: 2.8vw;
	}
	.menu{
		display:none;
	}
	.menuMobile, .menuMobile .menu{
	display:block;
}
	.laissez-un-pro, .laissez-un-pro-inner{
	width:100% !important;
	}
main{
	   margin-left: 5vw !important;
    margin-right: 5vw !important;
	padding:20px !important;}
.bureaux{
	display:block !important;
	}
.footer-bureaux{
	display:block !important;}
	.footer-bureau {
    width: 100% !important;
	text-align:center !important;
}

footer .bureau-st-jerome {
    border-right: 0px;

}
	header .laissez-un-pro, .bar div{
	font-size: 25px !important;
	text-align:center;
	}
		.facebook img{
		margin-bottom:-7px;
	}
}
@media (max-width: 750px){
	.nouvelles{
	position: relative;
		bottom: auto;
		height: auto;
	}
		.bureaux h2, .bureaux h1, .contact-email, .bureaux .telephone, .bar div {
	font-size: 6vw !important;
	padding-left: 0px !important;
	background-image:none !important;
}
.bar {
	display:block !important;
	height:auto !important;

}
	main{
		margin-left:1vw !important;
		margin-right:1vw !important;
		padding:5px !important;
	}

		.header-top{
		display: block;
	}
	header .titre-site{
		width: auto;
	}
	header .baniere{
		display: none;
	}
	header nav{
		font-size: 6vw;
	}
		.footer-bureaux{
		display: block;
		text-align:center !important;
	}
	.footer-bureau{
		text-align:center !important;
		width: auto;
		text-align: left !important;
	}
	.bureau-st-jerome{
		text-align:center !important;
		border: none;
		margin-bottom: 0.3em;
	}
	.bureau-de{
		text-align:center !important;
		  font-size: 8.5vw !important;
		  padding:0px !important;
		}
		.bureau-gatineau{
	text-align:center !important;
}
.wrapper {
    margin-left: 0vw;
    margin-right: 0vw;

}
.telephone {
    font-size: 6.5vw !important;
}
.bar{
	display:none !important;}
	.bureaux h2, .bureaux h1 {

  font-size: 9vw !important;

}
}
@media (max-width: 450px){
	.facebook{
		display:none;
	}
		header .laissez-un-pro, .bar div{
	font-size: 30px !important;
	text-align:center;
	}
}
	
.menuMobile{
	text-align:center;
}
.menuMobile .menuM_item{
	border-bottom:#FFF 1px solid;
	padding:10px;
	height: 70px !important;

}
.menuMobile .menuM_item a{
	color:#FFF;
		margin-top: 20px;

}