@charset "utf-8";
/* CSS Document */

/* setting */
body{
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	}
h1, h2, h3, h4, p, div{
	margin:0;
	padding:0;
	}
	
h3 {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	letter-spacing:1px;
}

h2{cursor:pointer;}
h2:hover{cursor:pointer;color:#FF9933;}
a img{cursor:pointer; border:none;}


#menu a:link, #menu a:visited{cursor:pointer; color:#006699; text-decoration:none;}
#menu a:hover, #menu a:active{cursor:pointer; color:#FF9933; text-decoration:none;}

.navguide a:link, .navguide a:visited{cursor:pointer; color:#006699;}
.navguide a:hover, .navguide a:active{cursor:pointer; color:#333333; text-decoration:none;}

.navlink a:link, .navlink a:visited{cursor:pointer; color:#006699; text-decoration:none;}
.navlink a:hover, .navlink a:active{cursor:pointer; color:#333333; text-decoration:none;}

#footer a:link, #footer a:visited{cursor:pointer; color:#006699; text-decoration:none;}
#footer a:hover, #footer a:active{cursor:pointer; color:#FF9933; text-decoration:none;}
	
/* masters elements */
#mastercentre{
	/*positon:relative; 		pas nécéssaire */
    margin-left: auto;
    margin-right: auto;
    width:959px; /* largeur obligatoire pour être centré */
    }

#mastercontainer{
	/*float:left;		pas nécéssaire */
	/*display:block;	pas nécéssaire */
	width:959px;
	}

.div{
	float:left;
	}
/* Header */

#manulife{
	float:left;
	/*width:205px;*/
	/*height:21px;*/
	margin:27px 0 20px 21px;
	}
#incomeplus{
	float:right;
	/*width:174px;
	/*height:31px;*/
	margin:21px 13px 15px 525px;
	}


/* Title */
.line{
	background-image:url(../en/images/_rainbow.jpg);
	width:959px;
	color:#FFFFFF;
	}
.line .font{
	
	font:12px normal Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size-adjust:12px;
	letter-spacing:1px;
	}	
.line h1{
	background-image:url(../en/images/_orange2.jpg);
	padding:4px 8px 4px 8px;
	}
.line span{
	background-image:url(../en/images/_orange1.jpg);
	padding:4px 0 4px 0;
	}
.line h2{
	width:160px;
	float:right;
	background-image:url(../en/images/_vert1.jpg);
	text-align:right;
	padding:4px 8px 4px 8px;
}
.line .blanc{
	width:1px;
	background:white;
	padding:4px 0 4px 0;
}
.line .blancr{
	float:right;
	width:1px;
	background:white;
	padding:4px 0 4px 0;
	margin:0;
	text-decoration:none;
}
.line .orange{
	width:19px;
	background-image:url(../en/images/_orange3.jpg);
	padding:4px 0 4px 0;
}
.line .gris{
	width:36px;
	background-image:url(../en/images/_gris1.jpg);
	padding:4px 0 4px 0;
}
.line .bleu{
	width:40px;
	background-image:url(../en/images/_bleu1.jpg);
	padding:4px 0 4px 0;
}
.line .red{
	width:7px;
}

	
/* Menu */
#menu{
	width:215px;
	background-color:#FFFFFF;
	text-align:left;
	color:#006699;
	}
#menu h2{
	width:150px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:16px 0 3px 14px;
	}
#menu a{
	float:left;
	padding:4px 0 4px 25px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	width:150px;
	}
#menu a span{
	font-weight:bold;
	}
.option{margin:0 0 0 14px;}
.vid{background: left center no-repeat url(../en/images/_movie.jpg);}
.pdf{background: left center no-repeat url(../en/images/_pdf.jpg);}
.ppt{background: left center no-repeat url(../en/images/_ppt.gif);}
	
	
	
	
/* Nav Guide */
.container{
	width:744px;
	color:#006699;
	}
.navguide{
	float:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:12px 0 0 5px;
	}
.navguide a{text-decoration:underline;}
.navlink{float:right;font:10px Verdana, Arial, Helvetica, sans-serif; margin:12px 0 0 5px;}
.navlink a{padding:0 5px 0 0;}
.border{border-right:1px solid #006699;}
/* contents */
.box{
	margin:5px 0 0 5px !important;
	margin:5px 0 0 4px;
	font-size:0px;
	}	
.bigblock{
	width:735px;
	height:auto;
	font-size:12px;

	
	/*ceci faisait bugger la page conditions, au départ il y avait une hauuteur définie de 390px */
	/* Une fois la hateur effacée, d'autres problèmes se sont posés. La fonte est devenue minuscule */
	/* J'ai donc défini un format pour la balise p, puis ça s'est mis à dépasser à nouveau en bas */
	/* J'ai donc mis auto pour la hauteur, et le problème a été reglé. 	*/
	
}

.block2{
	width:445px;
	height:134px;
	border:1px solid gray;
	}	
.block1{
	width:280px;
	height:134px;
	border:1px solid gray;
	}

/* Terms of use page (legal) */
#terms {
	text-align:left;
}

#terms p {
	margin-bottom:20px;
}


/* site map */
#sitemap {
	font-size:12px;
	text-align:left;
	height:auto;
}

#sitemap .sectionTitle {
	font-weight:bold;
}

#sitemap p {
	margin-top:20px;
}


#sitemap li {
	padding-bottom:10px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	letter-spacing:1px;
}


#sitemap a:link, #sitemap a:visited{cursor:pointer; color:#006699; text-decoration:none;}
#sitemap a:hover, #sitemap a:active{cursor:pointer; color:#FF9933; text-decoration:none;}


/* footer */
	
#footer{
	width:959px;
	margin:22px 0 0 0!important;
	*margin:5px 0 0 0;
	font-size:0px;
	}		
#footer a{
	float:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
	border-left:1px solid #006699;
	margin:4px 7px 4px 7px;
	padding:0 0 0 10px;
	}
#footer .first {
	border-left:none;
	}
.footbar{
	background-image:url(../en/images/_rainbow.jpg);
	height:11px;
	}
.hidden{
	width:959px;
	height:5px;
	visibility:hidden;
}

.missingText{
    font-weight: bold;
    color: red;
}

#usertypebuttongroup {
	margin:100px 0px 100px 0px !important;
	/*for some reason, the bottom margin doesn't display in Firefox, so add it with padding.  In IE 6, bottom margin and padding just add up ?????*/
	padding: 0px 0px 100px 0px;
	vertical-align:middle;
	al
}

#usertypebuttongroup .usertypebutton {
	vertical-align:middle;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	display:inline;
	float:left;
	padding:0;
	padding-top:40px;
	margin-left:50px;
	width:175px;
}

.usertypebutton a{
	text-align:center;
	vertical-align:middle;
}

#usertypebuttongroup .usertypebutton a:link, .usertypebutton a:visited{color:#006699; text-decoration:none;}
#usertypebuttongroup .usertypebutton a:hover, .usertypebutton a:active{color:#FF9933; text-decoration:none;}