/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : NATCAN
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 31 janvier 2008
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family:			Arial, Helvetica, Sans-serif;
	font-size:				62.6%; /* 10px par défaut */
	color:					#638198;
	background:				#FFFFFF;
	margin-bottom:			20px;
}
p {
	font-size:				1.1em;
	margin:					0 0 12px 0;
}
h1 {
	font-size:				1.4em;
	font-weight:			bold;
	color:					#044270;
	text-transform:			uppercase;
	margin:					0 0 12px 0;
}
h2 {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#cf9802;
	text-transform:			uppercase;
	margin:					4px 0 12px 0;
}
h3 {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#4e7592;
	margin:					0 0 12px 0;
}
h4 {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#4e7592;
	margin:					0 0 4px 0;
}
a, a:hover {
	color:					#4bb2d4;
	text-decoration:		underline;
}
a:hover {
	color:					#c8960f;
}
sup {
	font-size:				80%;
	line-height:			100%;
	vertical-align:			text-top;
	padding-bottom:	 	    5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/

.DivPosition { position: relative; }
.DivClear { clear: both; }
.DivLeft { float: left; }
.DivRight { float: right; }
.Colonne50, .Colonne50Droite { float: left; width: 50%; }
.Colonne33 { float: left; width: 280px; padding-right: 20px; }
.Colonne66 { float: left; width: 550px; padding-right: 20px; }
.PrintOnly { display: none; }

/*- Structure de la page ----*/
div#Entete {
	background-color:		#044270;
	color:					#b4c7d4;
	font-size:				1.1em;
}
div#Corps {
	background:				url(/images/Bg_Page.jpg) no-repeat 50% top;
}

/*- Bande bleu du haut ----*/
div#Entete .Contenu {
	width:					950px;
	margin:					0 auto;
}
div#Entete .Recherche {
	float:					right;
	margin:					5px 0 0 0;
}
div#Entete .Recherche label, div#Entete .Recherche input {
	display:				block;
	float:					left;
	margin-left:			4px;
}
div#Entete .Recherche label {
	margin-top:				1px;
}

.NavFixe {
	float:					left;
	height:					28px;
}
.NavFixe li {
	float:					left;
	padding:				6px 12px;
}
.NavFixe a, .NavFixe a:hover {
	color:					#b4c7d4;
	text-decoration:		none;
}
.NavFixe a:hover, .NavFixe a.Actif, .NavFixe a.Actif:hover {
	color:					#ffffff;
}

/*- Logo principal ----*/
.HautPage {
	position:				relative;
	width:					950px;
	height:					83px;
	margin:					0 auto;
}
.HautPage .Logo {
	position:				absolute;
	top:					18px;
	left:					15px;
}

/*- Logo principal ----*/
.Imagerie {
	width:					950px;
	height:					197px;
	margin:					0 auto;
	padding:				1px 0 2px 0;
}

/*- Pied de page avec copyright ----*/
.BasPage {
	width:					930px;
	height:					18px;
	margin:					0 auto;
	
	font:					1em Tahoma, Arial, Helvetica, sans-serif;
	color:					#a5bac7;
	background-color:		#36688d;
	padding:				0 10px;
}
.BasPage .DivLeft, .BasPage .DivRight {
	padding-top:			2px;
}
.BasPage a {
	color:					#a5bac7;
	text-decoration:		none;
}
.BasPage a:hover {
	color:					#ffffff;
}
.BasPage span {
	margin:					0 12px;
}

/*- Styles spéciaux pour page de splash ---------------------------------------*/
body.Splash {
	margin: 0;
	background-color:#FFF;
}
#SplashConteneur{
	border:5px solid #d9e1e7;
	padding:4px;
	width:933px;
	margin:30px auto;
}
#Splash {
	position: relative;
	width: 933px;
	height: 486px;
	background: url(/images/Bg_SplashPageNew.jpg) no-repeat top left;
}
#Splash p {
	margin: 0 0 5px 0;
}
#Splash .FR,
#Splash .EN {
	position: absolute;
	top: 178px;
	left: 250px;
}
#Splash .EN {
	left: 490px;
}
#Splash .LienSplashFR,
#Splash .LienSplashEN {
	display: block;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background: #7ba0bd;
	padding: 2px 12px;
}
#Splash .LienSplashFR:hover,
#Splash .LienSplashEN:hover {
	color: #002b54;
}
#LienSplashFR, #LienSplashEN{
	width:219px;
	padding-left:1px;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
.ContenuAcc {
	position:				relative;
	width:					950px;
	margin:					1px auto 2px auto;
}
.ContenuAcc .ColonneCourte {
	float:					left;
	position:				relative;
	width:					312px;
	background:				url(/images/Bg_ColonneCourteAcc.png) no-repeat 0px 0px;
	border-top:				1px solid #e6eaee;
}
.ContenuAcc .ColonneLongue {
	float:					left;
	position:				relative;
	width:					317px;
	margin-left:			2px;
	background:				url(/images/Bg_ColonneLargeAcc.png) no-repeat 0px 0px;
	border-top:				1px solid #e6eaee;
}

.ContenuAcc .ColonneCourte .Titre, .ContenuAcc .ColonneLongue .Titre {
	border-bottom:			1px solid #ffffff;
	background:				url(/images/Bg_HautColonneAcc.png) no-repeat top left;
	margin:					0 1px;
	padding:				2px 15px;
}
.ContenuAcc .ColonneCourte .Titre h2, .ContenuAcc .ColonneLongue .Titre h2 {
	font-size:				1.6em;
	color:					#044270;
	margin:					0;
}
.ContenuAcc .ColonneCourte .Contenu, .ContenuAcc .ColonneLongue .Contenu {
	margin:					14px 16px 24px 16px;
}
.ContenuAcc .ColonneCourte .Contenu h3, .ContenuAcc .ColonneLongue .Contenu h3 {
	color:					#cf9802;
	margin:					12px 0 2px 0;
}
.ContenuAcc .ColonneCourte .Contenu h3, .ContenuAcc .ColonneLongue .Contenu h3 a {
	color:					#cf9802;
	text-decoration:		none;
}

.ContenuAcc .ColonneLongue .Nouvelles a, .ContenuAcc .ColonneLongue .Nouvelles a:hover {
	position:				relative;
	display:				block;
	margin-bottom:			4px;
	padding-bottom:			5px;

	font-size:				1.1em;
	font-weight:			bold;
	color:					#2f6187;
	background:				url(/images/Bg_NouvelleAcc.png) no-repeat left bottom;
	text-decoration:		none;
}
.ContenuAcc .ColonneLongue .Nouvelles a:hover {
	color:					#78a2c2;
	background-image:		url(/images/Bg_NouvelleOverAcc.png);
}
.ContenuAcc .ColonneLongue .Nouvelles p {
	color:					#4bb2d4;
}
.ContenuAcc .ColonneLongue .Nouvelles span {
	color:					#cf9802;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
.ContenuInt {
	width:					950px;
	margin:					0 auto 2px auto;
	background:				#eceff1 url(/images/Bg_IntContenu.png) repeat-x top;
	border-top:				1px solid #bdcdd8;
}

/*- Rappel de section principal ----*/
.ContenuInt .Section {
	position:				absolute;
	top:					-1px;
	left:					32px;
	background:				#ffffff url(/images/Bg_IntSection.png) repeat-x top;
	border:					1px solid #bdcdd8;
	border-top:				0;
	padding:				2px 8px;
}
.ContenuInt .Section p {
	display:				inline;
	font-size:				1.2em;
	color:					#044270;
	text-transform:			uppercase;
}

/*- Contenu de la page ----*/
.ContenuInt .Contenu {
	padding:				38px 30px 40px 40px;
}
.ContenuInt .Contenu h1 span {
	display:				block;
	font-size:				0.8em;
	color:					#cf9802;
}
.ContenuInt .Contenu .Locked, .ContenuInt .Contenu .Unlocked {
	background-image:		url(/images/Bg_Secure.png) !important;
	background-repeat:		no-repeat;
	background-position:	98% 50%;
	padding-right:			16px;
}
.ContenuInt .Contenu .Unlocked {
	background-image:		url(/images/Bg_DeSecure.png) !important;
}

/*- Classes pour les listes ----*/
.ContenuInt .Contenu ul {
	font-size:				1.1em;
	margin:					0 0 8px 0;
}
.ContenuInt .Contenu ul li {
	background:				url(/images/Puce_Liste.gif) no-repeat 0px 4px;
	padding:				0 0 4px 18px;
}
.ContenuInt .Contenu ol {
	font-size:				1.1em;
	margin:					0 0 8px 22px;
}
.ContenuInt .Contenu ol li {
	list-style-type:		decimal;
	padding:				0 0 4px 0;
}
.ContenuInt .Contenu ol ol {
	padding:				0 0 0 22px;
}
.ContenuInt .Contenu ul ul, .ContenuInt .Contenu ol ol, .ContenuInt .Contenu ul ol, .ContenuInt .Contenu ol ul {
	font-size:				1em;
	margin:					4px 0 -4px 0;
}

/*- Classes pour listings de publications et nouvelles ----*/
.ContenuInt .Contenu .Publication a {
	background:				url(/images/Puce_PDF.gif) no-repeat 0px 50%;
	padding:				0 0 0 18px;
	line-height:			1.6em;
}
.ContenuInt .Contenu .Publication .TexteSpecial {
	color:					#C8960F;
}
.ContenuInt .Contenu .Publication strong {
	color:					#2f6187;
}

/*- Classes pour boite de login ----*/
#BoiteLogin {
	background:				#ffffff;
	padding:				4px;
}
#BoiteLogin .Entete {
	font-size:				1.2em;
	font-weight:			bold;
	color:					#ffffff;
	text-transform:			uppercase;
	background:				#f9b600;
	border-bottom:			4px solid #ffffff;
	margin:					0;
	padding:				6px 16px;
}
#BoiteLogin .Contenu {
	background:				#cad5de;
	padding:				12px 16px 2px;
}
#BoiteLogin .Contenu p {
	margin:					0 0 10px 0;
}
#BoiteLogin .Contenu label {
	font-weight:			bold;
	color: 					#416987;
	display:				block;
	margin:					0 0 4px 0;
}
#BoiteLogin .Contenu a {
	color:					#416987;
}

/*- Styles pour menu principal déroulant ----------------------------------------------------*/

.MenuPrincipal {
	width:					950px;
	margin:					0 auto 0 auto;
	font-size:				1.1em;
}

/*- Premier niveau ----*/
.MenuPrincipal .MenuDeroul {
	float:					left;
	position:				relative;
	z-index:				100;
}
.MenuPrincipal .MenuDeroul li {
	float:					left;
	position:				relative;
	padding-right:			1px;
}
.MenuPrincipal .MenuDeroul li a {
	display:				block;
	overflow:				hidden;
	width:					116px;
	height:					39px;
	background:				no-repeat 0px 0px;
	text-indent:			-800px;
}
.MenuPrincipal .MenuDeroul li a:hover,
.MenuPrincipal .MenuDeroul li a.Actif, .MenuPrincipal .MenuDeroul li a.Actif:hover {
	background-position:	0px -39px;
}

body#vFR .MenuPrincipal .MenuDeroul li a.MenuFirme { background-image: url(/images/Menu_Firme_FR.png); }
body#vFR .MenuPrincipal .MenuDeroul li a.MenuProduits { background-image: url(/images/Menu_Produits_FR.png); }
body#vFR .MenuPrincipal .MenuDeroul li a.MenuPlacements { background-image: url(/images/Menu_Placements_FR.png); }
body#vFR .MenuPrincipal .MenuDeroul li a.MenuNouvelles { background-image: url(/images/Menu_Nouvelles_FR.png); }
body#vFR .MenuPrincipal .MenuDeroul li a.MenuEmploi { background-image: url(/images/Menu_Emploi_FR.png); }

body#vEN .MenuPrincipal .MenuDeroul li a.MenuFirme { background-image: url(/images/Menu_Firme_EN.png); }
body#vEN .MenuPrincipal .MenuDeroul li a.MenuProduits { background-image: url(/images/Menu_Produits_EN.png); }
body#vEN .MenuPrincipal .MenuDeroul li a.MenuPlacements { background-image: url(/images/Menu_Placements_EN.png); }
body#vEN .MenuPrincipal .MenuDeroul li a.MenuNouvelles { background-image: url(/images/Menu_Nouvelles_EN.png); }
body#vEN .MenuPrincipal .MenuDeroul li a.MenuEmploi { background-image: url(/images/Menu_Emploi_EN.png); }


.MenuPrincipal #MenuPrincipal li:hover a, .MenuPrincipal #MenuPrincipal li.sfHover a {
	background-position:	0px -39px;
}
.MenuPrincipal #MenuPrincipal li:hover ul a, .MenuPrincipal #MenuPrincipal li.sfHover ul a {
	font-weight:			bold;
	color:					#4e7592;
	background:				transparent none;
	text-decoration:		none;
}
.MenuPrincipal #MenuPrincipal li:hover ul a:hover, .MenuPrincipal #MenuPrincipal li.sfHover ul a:hover {
	color:					#002b54;
	background:				#ffffff none;
}
.MenuPrincipal #MenuPrincipal li:hover ul a.Locked, .MenuPrincipal #MenuPrincipal li.sfHover ul a.Locked,
.MenuPrincipal #MenuPrincipal li:hover ul a.Locked:hover, .MenuPrincipal #MenuPrincipal li.sfHover ul a.Locked:hover,
.MenuPrincipal #MenuPrincipal li:hover ul a.Unlocked, .MenuPrincipal #MenuPrincipal li.sfHover ul a.Unlocked,
.MenuPrincipal #MenuPrincipal li:hover ul a.Unlocked:hover, .MenuPrincipal #MenuPrincipal li.sfHover ul a.Unlocked:hover {
	background-image:		url(/images/Bg_Secure.png);
	background-position:	96% 50%;
	background-repeat:		no-repeat;
}
.MenuPrincipal #MenuPrincipal li:hover ul a.Unlocked, .MenuPrincipal #MenuPrincipal li.sfHover ul a.Unlocked,
.MenuPrincipal #MenuPrincipal li:hover ul a.Unlocked:hover, .MenuPrincipal #MenuPrincipal li.sfHover ul a.Unlocked:hover {
	background-image:		url(/images/Bg_DeSecure.png);
}

/*- Deuxième niveau ----*/
.MenuPrincipal .MenuDeroul ul {
	position:				absolute;
	width:					229px;
	background:				url(/images/Bg_MenuDeroulant.png) no-repeat 0px 1px;
	padding:				2px;
	margin:					0;
	top:					-999em;
	left:					0px;
}
.MenuPrincipal .MenuDeroul li:hover ul, .MenuPrincipal .MenuDeroul li.sfHover ul {
	top:					39px;
}
.MenuPrincipal .MenuDeroul ul li {
	float:					none;
	padding:				0;
}
.MenuPrincipal .MenuDeroul ul a {
	padding:				4px 8px;
	width:					213px;
	height:					auto;
	text-indent:			0;
}
.MenuPrincipal .MenuDeroul ul a:hover {
	color:					#002b54;
	background:				#ffffff;
}

/*- Esthétique ----*/
.MenuPrincipal .Reste {
	float:					right;
	background-color:		#5f7e96;
	width:					365px;
	height:					34px;
	margin-top:				5px;
}

/*- Styles pour sous menus ----------------------------------------------------*/
.ContenuInt .SousMenu {
	float:					right;
	background-color:		#ffffff;
	margin:					0 0 35px 35px;
	padding:				4px;
}
.ContenuInt .SousMenu ul {
	width:					270px;
	margin:					0;
}
.ContenuInt .SousMenu ul li {
	position:				relative;
	background:				#e9eef2;
	margin:					2px 0 0 0;
	padding:				3px 6px 3px 12px;
}
.ContenuInt .SousMenu ul li.Entete {
	height:					30px;
	background:				#f9b600;
	margin:					0 0 3px 0;
	padding:				0;
}
.ContenuInt .SousMenu a {
	display:				block;
	color:					#4e7592;
	font-weight:			bold;
	text-decoration:		none;
}
.ContenuInt .SousMenu a:hover, .ContenuInt .SousMenu a.Actif, .ContenuInt .SousMenu a.Actif:hover {
	color:					#4bb2d4;
}

/*- Styles pour Plan du site --------------------------------------------------*/
ul#SiteMap {
	position:				static;
	margin:					32px 0 24px 0;
	padding:                0;
}

/*- Premier niveau -----*/
ul#SiteMap li {
	float:					left;
	width:					25%;
	background-image:		none !important;
	border-top:				1px solid #b8c8d3;
	padding:				4px 0 12px 0;
}
ul#SiteMap li a, ul#SiteMap li a:hover {
	font-weight:			bold;
	font-size:				1.1em;
	color:					#416987;
	text-decoration:		none;
}
ul#SiteMap li a:hover {
	text-decoration:		underline;
}

/*- Deuxieme niveau -----*/
ul#SiteMap li ul {
	margin:					10px 0 12px 0;
}
ul#SiteMap li ul li {
	float:					none;
	width:					auto;
	border:					0;
	padding:				0 0 8px 0;
}
ul#SiteMap li ul li a, ul#SiteMap li ul li a:hover {
	font-weight:			bold;
	font-size:				1em;
	color:					#4bb2d4;
}

/*- Troisième niveau -----*/
ul#SiteMap li ul li ul {
	margin:					10px 0 0 0;
}
ul#SiteMap li ul li ul li a, ul#SiteMap li ul li ul li a:hover {
	font-weight:			normal;
	font-size:				1em;
	color:					#4bb2d4;
}

/*- Styles pour formulaires ----------------------------------------------------*/

/*- Mise en forme d'un formulaire -----*/
fieldset {
	position:				relative;
	border:					1px solid #bdcdd8;
	margin:					0 0 12px 0;
	padding:				4px;
	_padding-bottom:		0;
}
legend {
	font-size:				1.1em;
	font-weight:			bold;
	padding:				0 6px;
}
fieldset .Contenu {
	background-color:		#f6f7f8;
	padding:				24px 24px 20px 24px !important;
}
fieldset h3 {
	position:				absolute;
	top:					-8px;
	left:					18px;
	font-size:				1.2em;
	font-weight:			bold;
	color:					#416987;
	text-transform:			uppercase;
	background-color:		#eceff1;
	padding:				0 6px 4px 6px;
}
fieldset label {
	float:					left;
	width:					90px;
	margin-left:			-100px;
	padding:				3px 0 0 0;
}
fieldset p {
	position:				relative;
	height:					1%;
	margin:					0 0 4px 0;
	padding:				0 0 0 100px;
}
fieldset p.Intro {
	margin:					0;
	padding:				0 0 24px 0;
}
fieldset p.Espace {
	padding-top:			10px;
	padding-bottom:			10px;
}
fieldset .Colonne50Droite label {
	width:					65px;
	margin-left:			-70px;
}
fieldset .Colonne50Droite p {
	padding:				0 0 0 80px;
}

/*- Validation et erreurs -----*/
.TxtErreur {
	font-weight:			bold;
	color:					#f9b600;
	padding-left:			4px;
}
.SommaireErreur {
	border:					1px solid #dadfe2;
	margin:					0 0 16px 0;
}
.SommaireErreur ul {
	background:				#f9b600;
	border:					1px solid #f9edcb;
	padding:				6px 14px !important;
	margin:					0 !important;
}
.SommaireErreur ul li {
	font-weight:			bold;
	color:					#ffffff;
	background-image:		none !important;
	padding:				0 !important;
	margin:					0 !important;
}

/*- Types de champs -----*/
.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family:			Arial, Helvetica, Sans-serif;
}
.TxtBox, .TxtArea, .SelectList, .TxtRechercheCOVEO {
	font-size:				1em;
	color:					#273540;
	background:				#ffffff;
	border:					1px solid #c3cdd5;
	padding:				2px 4px;
}
.TxtArea {
	overflow:				auto;
}
.SelectList {
	padding:				1px 1px 1px 0;
}
.TxtRechercheCOVEO {
	background:				url(/images/Bg_TxtRecherche.png) no-repeat left top;
	border:					0;
	padding:				2px 5px 0 5px;
	width:					170px;
	height:					15px;
}
.Btn {
	font:					bold 1em Arial, Helvetica, sans-serif;
	color:					#ffffff;
	background:				#4bb2d4 url(/images/Bg_Btn.png) no-repeat 6px 50%;
	border:					0;
	padding:				0 6px 1px 20px;
	height:					20px;
	overflow:				visible;
	cursor:					pointer;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	font-weight:			bold;
	color:					#044270;
}
.TextePetit {
	font-size:				0.9em;
	color:					#90adc4;
}

/*- Classes pour les hyperliens ----*/
a.LienSpecial, a.LienSpecial:hover {
	font-weight:			bold;
	color:					#ffffff;
	text-decoration:		none;
	background:				#4bb2d4 url(/images/Bg_Btn.png) no-repeat 6px 7px;
	padding:				2px 6px 3px 20px;
}
a.LienSpecial:hover {
	background-color:		#c8960f;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border:					4px solid #ffffff;
}
img.ImageGauche {
	border:					4px solid #ffffff;
	margin:					0  15px 5px 0;
}
img.ImageDroite {
	border:					4px solid #ffffff;
	margin:					0  0 5px 15px;
}

/*- Classes pour les tableaux ----*/
table ul, table ol {
	font-size:				11px !important;
}
.Tableau {
	border-collapse:		separate;
	border-spacing:			1px;
}
.CelluleTitre {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#044270;
	background:				#a1b5c4 url(/images/Bg_Tableau.png) no-repeat left top;
	padding:				6px 12px;
	vertical-align:			top;
}
.CelluleSousTitre {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#ffffff;
	background:				#c8d1d9;
	padding:				6px 12px;
	vertical-align:			top;
}
.CelluleTexte1, .CelluleTexte2 {
	font-size:				1.1em;
	color:					#7d9db4;
	background:				#ffffff;
	padding:				12px 12px;
	vertical-align:			top;
}
.CelluleTexte2 {
	background:				#e5e9ec;
}
/*--------------------------------------------------------------------------*/