#splashPage {
    height:100%;
    width:800px;
    margin:0 auto;
}
.width640{
    width:640px;
}

/*SPLASH PAGE HEADER*/
#splash_header{
    width:800px;
    display:block;
    border-bottom: 1px solid #E0E0E0;
    position:relative;
}
#splash .logo {
	margin: 27px 0 22px 0;
}
#splash .topNav {
    position: absolute;
    display: block;
    list-style: none;
    top:35px;
    right:80px;
}
#splash .topNav li {
    display: inline;
    /*padding:0 1em 0 1em;*/
	padding:0 0.5em 0 0.5em;
}
#splash .topNav li + li {
    border-left: 1px solid #e0e0e0;
}
#splash .langSwitch {
    display: block;
    position: absolute;
    top:35px;
    right: 0;
    width:60px;
    text-align: right;
}
#splash .panel {
	display: block;
	border-bottom: 1px solid #E0E0E0;
    position:relative;
}
#splash .panel .content {
	display: block;
	margin: 0 0 0 345px;
}
#splash .left_content{
    float:left;
    width:45%;
    box-sizing: border-box;
	position:relative;
}
#splash .right_content{
    float:left;
    width:55%;
    position:relative;
    height:466px;
}
#splash .portrait {
	width: 363px;
	height: 466px;
	z-index:2;
	position:relative;
}
#splash .welcome{
    position:absolute;
    top:95px;
    width:150px;
}
#splash .howHelp {
	margin: 96px 0 40px 0;
}
#splash.on.en .portrait[data-variant="0"],
#splash.on.fr .portrait[data-variant="0"]{
	background: url("/web/resources/images/layout/splash/people_on_0.png") top left no-repeat;
    width:344px;
    height:466px;
}
#splash.on.en .portrait[data-variant="1"],
#splash.on.fr .portrait[data-variant="1"] {
	background: url("/web/resources/images/layout/splash/people_on_1.png") top left no-repeat;
    width:344px;
    height:466px;
}
#splash.on.en .portrait[data-variant="2"],
#splash.on.fr .portrait[data-variant="2"] {
	background: url("/web/resources/images/layout/splash/people_on_2.png") top left no-repeat;
    width:344px;
    height:466px;
}
#splash.qc.en .portrait[data-variant="0"],
#splash.qc.fr .portrait[data-variant="0"] {
    background: url("/web/resources/images/layout/splash/people_qc_0.png") top left no-repeat;
    width:344px;
    height:466px;
}
#splash.qc.en .portrait[data-variant="1"],
#splash.qc.fr .portrait[data-variant="1"] {
    background: url("/web/resources/images/layout/splash/people_qc_1.png") top left no-repeat;
    width:344px;
    height:466px;
}
#splash.qc.en .portrait[data-variant="2"],
#splash.qc.fr .portrait[data-variant="2"] {
    background: url("/web/resources/images/layout/splash/people_qc_2.png") top left no-repeat;
    width:344px;
    height:466px;
}
#splash.nogeo.en .portrait[data-variant="0"],
#splash.nogeo.fr .portrait[data-variant="0"] {
    background: url("/web/resources/images/layout/splash/people_nogeo_0.png") top left no-repeat;
    width:344px;
    height:466px;
}
#splash.nogeo.en .portrait[data-variant="1"],
#splash.nogeo.fr .portrait[data-variant="1"] {
    background: url("/web/resources/images/layout/splash/people_nogeo_1.png") top left no-repeat;
    width:344px;
    height:466px;
}
#splash.nogeo.en .portrait[data-variant="2"],
#splash.nogeo.fr .portrait[data-variant="2"] {
    background: url("/web/resources/images/layout/splash/people_nogeo_2.png") top left no-repeat;
    width:344px;
    height:466px;
}

#splash.en .powered,
#splash.fr .powered{
	position: absolute;
	width: 335px;
	height: 26px;
    bottom:15px;
    left: 0;
	z-index:3;
}
#splash .residential_link{
    float:left;
    box-sizing: border-box;
    width:50%;
}
#splash .business_link{
    float:left;
    box-sizing: border-box;
    width:50%;
}
#splash .residential_link ul li,
#splash .business_link ul li{
    list-style:none;
    margin-bottom:5px;
}
#splash .business_link .fleft{
    width:44%;
}
#splash .business_link .fleft + .fleft {
	width:56%;
}
#splash .right_content h2{
    font-size:24px;
    font-weight:normal;
}
#splash .right_content h2.on,
#splash .right_content h2.on a{
    color:#b41d8d;
	font-weight:normal;
}
#splash .right_content h2.qc,
#splash .right_content h2.qc a{
    color:#0872b2;
	font-weight:normal;
}
#splash .right_content h2.nogeo,
#splash .right_content h2.nogeo a{
    color:#168997;
	font-weight:normal;
}
.cgo_logo{
    margin-right:20px;
    float:left;
}
.cca_logo{
    float:left;
    margin-right:40px;
}
.splash_footer{
    position:absolute;
    left:0; right:0;
    bottom:15px;
	color:#404041;
	font-size: 11px;
}
#splash .splash_footer .topNav {
	position: static;
}
.sqm_img_fr{
	background:url('/web/resources/images/layout/splash/sqm_award_fr.png') top left no-repeat;
	width:417px;
	height: 310px;
	position:absolute;
	top:40px;
	left: -100px;
	z-index:1;

}
.sqm_img_en{
	background:url('/web/resources/images/layout/splash/sqm_award_en.png') top left no-repeat;
	width:417px;
	height: 312px;
	position:absolute;
	top:40px;
	left: -90px;
	z-index:1;
}