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

/*
-- Sujet : CSS Structure
-- Historique : Création le 15 janvier 2008
-- Author : Cynthia Roy
-- Praxis Stratégie Communication
*/

/* Couleurs */
/*
		Bleu foncé: #0A3F5D
		Bleu: #3EA3DB
		Bleu-gris: #BAC8CF
		Vert: #609D23
		Vert foncé: #1C350D
*/


/******************** Container ********************/
BODY {
	background: #BAC8CF url(../images/bg.gif) repeat;
	margin: 15px;
}

#container {
	position: relative;
}
/***************************************************/

/********************* Header **********************/
#header {
	position: relative; width: 100%;
	background-color: #FFFFFF;
	padding-top: 13px;
	border-right: 1px solid #000000;
}

#header DIV.logo {
	position: absolute; top: 44px; left: -7px;  z-index: 10;
}

#header A.home {
	position: absolute; top: 28px; left: 95px; z-index: 10;
	color: #FFFFFF; font-size: 90%; text-decoration: none;
	
}
#header A.home:hover { text-decoration: underline; }

#header DIV.photo {
	background: url(../images/header_photo.jpg) no-repeat 0 0;
	height: 135px;
	margin: 0 13px 1px 13px;
}

#header DIV.slogan {
	position: absolute; top: 95px; left: 26%;
	color: #FFFFFF; font-size: 110%; text-transform: uppercase; line-height: 1em;
}

#header DIV.menu {
	position: relative;
	background-color: #0A3F5D;
	height: 42px;
	margin: 0 13px;
}

#header DIV.menu DIV.title {
	float: left; width: 25%; height: 42px;
	border-right: 1px solid #FFFFFF;
	color: #3EA3DB; font-size: 130%; font-weight: bold; text-transform: uppercase;
}
#header DIV.menu DIV.title SPAN { display: block; padding: 26px 10px 0 35px; }

#header DIV.menu UL {
	list-style-type: none;
	font-size: 90%; font-weight: bold; text-transform: uppercase;
	margin: 0; padding: 8px 0 0 0;
}

#header DIV.menu LI {
	float: left;
	margin: 0; padding: 0;
}

#header DIV.menu LI A { float: left; height: 34px; color: #3EA3DB; text-decoration: none; border-right: 1px solid #3EA3DB; }
#header DIV.menu LI A SPAN { display: block; padding: 15px 15px 2px 15px; }
#header DIV.menu LI A:hover { color: #FFFFFF; }
#header DIV.menu LI.actif A { color: #FFFFFF; background: url(../images/menutop_li-actif.jpg) no-repeat 0 100%; }
#header DIV.menu LI.actif A:hover { color: #FFFFFF; }

#header DIV.languages {
	position: absolute; top: 45px; right: 14px; width: 75px;
	color: #FFFFFF; font-size: 80%; text-transform: uppercase; line-height: 1.3em;
}

#header DIV.languages UL {
	list-style-type: none;
	margin: 0; padding: 0;
}

#header DIV.languages LI {
	margin: 0 0 3px 0; padding: 0;
}

#header DIV.languages LI A { display: block; color: #FFFFFF; text-decoration: none; width: 100%; background-color: #0A3F5D; border: 1px solid #FFFFFF; border-right: none; }
#header DIV.languages LI A SPAN { display: block; padding: 0 5px; }
#header DIV.languages LI A:hover { background-color: #3EA3DB; }

#header .coin_topleft {
	position: absolute; top: 0; left: 0; width: 105px; height: 95px; z-index: 0;
	background: url(../images/header_coin-topleft.gif) no-repeat 0 0;
}

#header .coin_botright {
	position: absolute; top: 120px; right: 10px; width: 90px; height: 71px; z-index: 0;
	background: url(../images/header_coin-botright.gif) no-repeat 0 0;
}
/***************************************************/


/******************* Row middle *******************/
#rowmiddle {
	position: relative; z-index: 0; width: 100%;
	background: #FFFFFF url(../images/rowmiddle-titlebg.gif) no-repeat 13px 0;
	border-right: 1px solid #000000;
}

#columncontent { margin-left: 25%; }

#columncontent.fullwidth { margin-left: 13px; }
#columncontent.fullwidth H1 { padding-left: 35px; }
#columncontent.fullwidth #title DIV.trail { left: 35px; }
#columncontent.fullwidth #content DIV.content { padding-left: 35px; }
/***************************************************/


/******************* Column left *******************/
#columnleft {
	position: absolute; top: 190px; left: 0; z-index: 10; width: 25%;
}

#columnleft DIV.content {
	margin: 7px 0 13px 13px;
}

#columnleft DIV.menu {
	position: relative;
	font-size: 90%;
	border-left: 1px solid #EBEBEB;
	border-right: 2px solid #000000;
	border-bottom: 3px solid #000000;
	background-color: #FFFFFF;
	margin: 0 0 15px 0;
}

#columnleft DIV.menu .coin_botright {
	position: absolute; right: -3px; width: 70px; height: 65px; z-index: 10; margin-top: -62px;
	background: url(../images/menuleft_coin-botright.gif) no-repeat 0 0;
}

#columnleft DIV.menu UL {
	position: relative; z-index: 0;
	list-style-type: none;
	margin: 0; padding: 8px 0 0 0;
}

#columnleft DIV.menu LI {
	position: relative;
	margin: 0; padding: 0;
	border-bottom: 1px solid #FFFFFF;
}

#columnleft DIV.menu LI A { display: block; width: 100%; color: #052A3F; text-decoration: none; border-top: 1px solid #B2B2B2; }
#columnleft DIV.menu LI.first A { border: none; }
#columnleft DIV.menu LI A SPAN { display: block; padding: 2px 15px 2px 8px; line-height: 1.2em; }
#columnleft DIV.menu LI A SPAN.nobr { display: inline !important; padding: 0 !important; }
#columnleft DIV.menu LI A:hover {  }
#columnleft DIV.menu LI.actif { background: #609D23 url(../images/menuleft_li-actif.gif) repeat-y 100% 0; }
#columnleft DIV.menu LI.actif A { border: none; color: #FFFFFF; font-weight: bold; background: #609D23 url(../images/menuleft_li-actif.gif) repeat-y 100% 0; }
#columnleft DIV.menu LI.actif .graph { position: absolute; top: 0; left: -25px; width: 25px; height: 100%; background: #609D23 url(../images/menuleft_li-actifcoin.gif) no-repeat 0 0; }

#columnleft DIV.menu LI.actif UL { padding-top: 3px; z-index: 10; }
#columnleft DIV.menu LI.actif LI { border: none; }
#columnleft DIV.menu LI.actif LI A { border-top: none; color: #052A3F; font-weight: normal; background: #FFFFFF url(../images/menuleft_lili.gif) no-repeat 23px 6px; }
#columnleft DIV.menu LI.actif LI A:hover { background-image: url(../images/menuleft_lili-hover.gif); background-position: 23px 3px; }
#columnleft DIV.menu LI.actif LI A SPAN { padding: 2px 5px 2px 30px; line-height: 1em; }
#columnleft DIV.menu LI.actif LI.actif A { color: #48791B; font-weight: bold; background-image: url(../images/menuleft_lili-actif.gif); background-position: 23px 3px; }
#columnleft DIV.menu LI.actif LI .graph { background: #FFFFFF url(../images/menuleft_lili-coin.gif); z-index: 2; border-bottom: none; padding-bottom: 1px; }

#columnleft DIV.logoBNQ-ISO {
	padding-left: 35px;
}
/***************************************************/

/******************** Content **********************/
#title { 
	position: relative;
	background-color: #3EA3DB;
	margin: 0 13px 0 0;
}

#title DIV.trail {
	position: absolute; top: 10px; left: 50px;
	color: #FFFFFF; font-size: 90%;
}

#title DIV.trail A { color: #FFFFFF; text-decoration: underline; }

#content {
	position: relative; width: 100%;
	margin: 0; padding: 20px 0 13px 0;
}

#content DIV.content {
	padding: 0 13px 0 50px;
}

H1 { 
	color: #FFFFFF; font-size: 140%;
	background-color: #3EA3DB; 
	margin: 0; padding: 34px 25px 0 50px;
}

H2 {
	color: #0A3F5D; font-size: 120%;
	margin-bottom: 8px;
}

H3 {
	color: #000000; font-size: 100%;
	margin-bottom: 5px;
}

#title .title_bottom {
	position: relative; height: 1px;
}

#title .title_bottom .coin_right {
	position: absolute; top: -51px; right: -1px; width: 35px; height: 53px;
	background:url(../images/title_coin-right.gif) no-repeat 0 0;
}

A { color: #276689; }
A.tooltip { color: #385E16; cursor: default; text-decoration: none; border-bottom: 3px double #385E16; }
#dhtmltooltip { padding: 5px 5px 0 5px !important; font-size: 0.75em !important; }
#dhtmltooltip P { margin-bottom: 5px; }
#dhtmltooltip UL { margin-bottom: 5px; }

DIV.split2 {
	display: inline; clear: none;
	float: left; width: 45%;
	margin-right: 2%;
}

TABLE.form, TABLE.form TH, TABLE.form TD { border: none; }
TABLE.form TH { padding-left: 0; }

TABLE.form CAPTION {
	color: #0A3F5D; font-size: 120%;
	border-bottom: 1px solid #0A3F5D;
	margin-bottom: 10px;
}
/***************************************************/

/********************* Footer **********************/
#footer {
	position: relative; z-index: 0; width: 100%;
	font-size: 90%;
	padding-top: 7px;
	border-top: 2px solid #000000;
}

#footer .content_coin_botright {
	position: absolute; top: -60px; right: -2px; z-index: 10; width: 60px; height: 60px;
	background: url(../images/container_coin-botright.gif) no-repeat 0 0;
}

#footer DIV.links, #footer DIV.referencement { text-align: center; }
#footer DIV.links { margin-bottom: 5px; }
#footer DIV.referencement { margin-bottom: 5px; font-size: 90%; }

#footer DIV.links UL, #footer DIV.referencement UL {
	list-style-type: none;
	margin: 0; padding: 0;
}

#footer DIV.links LI, #footer DIV.referencement LI {
	display: inline;
	border-left: 1px solid #3EA3DB;
	margin: 0 0 0 4px; padding: 0 0 0 5px;
}
#footer DIV.links LI.first, #footer DIV.referencement LI.first { border: none; }
#footer DIV.referencement LI { border-color: #052A3F; }

#footer DIV.links LI A, #footer DIV.referencement LI A { color: #052A3F; text-decoration: underline; }
#footer DIV.referencement LI A { color: #000000; }

#footer DIV.copyright, #footer DIV.credits {
	color: #000000; font-size: 90%; line-height: 1.2em;
}
#footer DIV.copyright { text-align: center; }

#footer DIV.credits { text-align: center; }

#footer DIV.credits A, #footer DIV.credits A:hover { color: #000000; text-decoration: none; }
/***************************************************/