/* CLF 2.0 TEMPLATE VERSION 1.04
 | VERSION 1.04 DU GABARIT NSI 2.0
*/

/* GENERAL CSS BEGINS
 | DEBUT DU CSS GENERAL
*/

body
{
	margin:           0 ;
	padding:          0 ;
	color:            #000 ;
	background-color: #FFF ;
}

a:active
, a:focus
{
	cursor: auto ;
}

* html body
{
	text-align: center ;
}

body
, p
, li
, div
, span
{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}

body
, p
, blockquote
, table
, td
, th
, li
, a
, ul
, ol
, dd
, dl
, dt
, form
, button
, fieldset
, label
, select
, option
, input
, textarea
{
	font-size:   10.0pt ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}

code
, code span
{
	font-size:   10.0pt ;
	font-family: "Courier New", Courier, monospace ;
}

h1
{
	margin-top: 0 ;
}

.fontSize200
{
	font-size: 20.0pt ;
}

.fontSize195
{
	font-size: 19.5pt ;
}

.fontSize190
{
	font-size: 19.0pt ;
}

.fontSize185
{
	font-size: 18.0pt ;
}

.fontSize180
{
	font-size: 17.5pt ;
}

.fontSize175
{
	font-size: 17.0pt ;
}

.fontSize170
{
	font-size: 16.5pt ;
}

.fontSize165
{
	font-size: 16.0pt ;
}

.fontSize160
, h1
, .h1Size
{
	font-size: 15.0pt ;
}

.fontSize155
{
	font-size: 14.5pt ;
}

.fontSize150
, h2
, .h2Size
{
	font-size: 14.0pt ;
}

.fontSize145
{
	font-size: 13.5pt ;
}

.fontSize140
, h3
, .h3Size
, .big
{
	font-size: 13.5pt ;
}

.fontSize135
{
	font-size: 13.0pt ;
}

.fontSize130
, h4
, .h4Size
{
	font-size: 13.0pt ;
}

.fontSize125
{
	font-size: 12.0pt ;
}

.fontSize120
, h5
, .h5Size
{
	font-size: 11.5pt ;
}

.fontSize115
{
	font-size: 11.0pt ;
}

.fontSize110
, h6
, .h6Size
, h1.headline
, h2.headline
, h3.headline
, h4.headline
, h5.headline
, h6.headline
{
	font-size: 10.5pt ;
}

.fontSize105
{
	font-size: 10.0pt ;
}

.fontSize100
, .topPage
{
	font-size: 10.0pt ;
}

.fontSize95
{
	font-size: 9.5pt ;
}

.fontSize90
{
	font-size: 9.0pt ;
}

.fontSize85
, .mediumFont
{
	font-size: 8.5pt ;
}

.fontSize80
{
	font-size: 8.0pt ;
}

.fontSize75
, .smallFont
{
	font-size: 7.5pt ;
}

.fontSize70
{
	font-size: 7.0pt ;
}

a img
{
	border: none ;
}

div.page
{
	width:            780px ;
	min-width:        12.00em ;
	background-color: #FFF ;
	margin-left:      auto ;
	margin-right:     auto ;
}

* html div.page
{
	text-align: left ;
}

div.core
{
	padding: 10px 10px 10px 10px ;
}

div.tooltip
{
	border:     1px solid InfoText ;
	background: InfoBackground ;
	color:      InfoText ;
	font:       message-box ;
	padding:    2px 4px ;
	text-align: left ;
	position:   absolute ;
	width:      auto ;
	height:     auto ;
}

div.safetooltip
{
	z-index:          21000 ;
	border:           1px solid #000 ;
	background-color: #ffc ;
	color:            #000 ;
	font:             0.85em Verdana, Geneva, Arial, Helvetica, sans-serif ;
	padding:          2px 4px ;
	text-align:       left ;
	position:         absolute ;
	width:            auto ;
	height:           auto ;
}

/* GENERAL CSS ENDS
 | FIN DU CSS GENERAL
*/

/* FIP HEADER CSS BEGINS
 | DEBUT DU CSS DE L'EN-TETE PCIM
*/

div.fip
{
	float: left ;
}

div.cwm
{
	text-align: right ;
}

div.fip
, div.cwm
{
	position: relative ;
	z-index:  1 ;
}

* html div.fip
, * html div.cwm
{
	position: static ;
}

*:first-child+html div.fip
, *:first-child+html div.cwm
{
	position: static ;
}

/* FIP HEADER CSS ENDS
 | FIN DU CSS DE L'EN-TETE PCIM
*/

/* INSTUTIONAL BANNER CSS BEGINS
 | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE
*/

div.banner
, div.banner-eng
, div.banner-fra
, div.banner-lfcoa-eng
, div.banner-lfcoa-fra
{
	text-align:     center ;
	min-height:     5.58em ;
	margin-top:     3.14em ;
	padding-bottom: 0.67em ;
	position:       relative ;
	z-index:        1 ;
}

* html div.banner
, * html div.banner-eng
, * html div.banner-fra
, * html div.banner-lfcoa-eng
, * html div.banner-lfcoa-fra
{
	position: static ;
}

*:first-child+html div.banner
, *:first-child+html div.banner-eng
, *:first-child+html div.banner-fra
, *:first-child+html div.banner-lfcoa-eng
, *:first-child+html div.banner-lfcoa-fra
{
	position: static ;
}

div.banner-eng
, div.banner-fra
{
	min-height:     80px ;
	padding-bottom:  0px ;
	height:         80px ;
}

div.banner-lfcoa-eng
, div.banner-lfcoa-fra
{
	min-height:     115px ;
	padding-bottom:   0px ;
	height:         115px ;
	margin-top:       5px ;
}

img.coa
, img.lf
{
	width:          5.08em ;
	height:         5.08em ;
	margin-top:    -2.74em ;
	margin-bottom: -0.34em ;
	padding:        0 ;
}

* html img.coa
, * html img.lf
{
	position: relative ;
}

div.banner-lfcoa-eng img.coa
, div.banner-lfcoa-eng img.lf
, div.banner-lfcoa-fra img.coa
, div.banner-lfcoa-fra img.lf
{
	display: none ;
}

div.banner p.main
{
	font-family: "times new roman", sans-serif ;
	font-weight: bold ;
	font-size:   17.5pt ;
	margin:      0 ;
	padding:     0 ;
}

div.banner p.siteuri
{
	font-family:      Arial, Helvetica, sans-serif ;
	background-color: transparent ;
	font-weight:      lighter ; 
	font-size:        10.5pt ;
	margin:           0 ;
	padding:          0 ;
}

div.banner-eng p.main
, div.banner-eng p.siteuri
, div.banner-fra p.main
, div.banner-fra p.siteuri
, div.banner-lfcoa-eng p.main
, div.banner-lfcoa-eng p.siteuri
, div.banner-lfcoa-fra p.main
, div.banner-lfcoa-fra p.siteuri
{
	height:    0 ;
	width:     0 ;
	overflow:  hidden ;
	float:     right ;
	font-size: 0 ;
	position: absolute ;
	top:      -100px ;
}

/* INSTUTIONAL BANNER CSS ENDS
 | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE
*/

/* SKIP NAVIGATION CSS BEGINS
 | DEBUT DU CSS DU SAUT DE NAVIGATION
*/

div.navaid
, p.navaid
, h1.navaid
, h2.navaid
, .navaid
{
	height:    0 ;
	width:     0 ;
	overflow:  hidden ;
	float:     right ;
	font-size: 0 ;
	position:  absolute ;
	top:       -100px ;
}

div.navaid a
, p.navaid a
, h1.navaid a
, h2.navaid a
, .navaid a
{
	color: #FFFFFF ;
}

div.page div.core div.navaid
{
	font-size:    100% ;
	float:        none ;
	overflow:     visible ;
	max-width:    50% ;
	height:       auto ;
	top:            0px ;
	margin-left:  210px ;
	margin-right: 200px ;
	color:        #FFF ;
}

* html div.page div.core div.navaid
{
	font-size: 90% ;
}

*:first-child+html div.page div.core div.navaid
{
	font-size: 90% ;
}

div.page div.core div.navaid a
{
	color:          #FFF ;
	border-color:   #FFF ;
	padding:        5px ;
	font-size:      100% ;
	line-height:    140% ;
	vertical-align: middle ;
	border-width:   1px 1px 1px 1px ;
	border-style:   none ;
	white-space:    nowrap ;
	position:       relative ;
	z-index:        0 ;
}

div.page div.core div.navaid a:hover
, div.page div.core div.navaid a:active
, div.page div.core div.navaid a:focus
{
	border-style:    solid ;
	text-decoration: underline ;
	z-index:         2 ;
}

/* SKIP NAVIGATION CSS ENDS
 | FIN DU CSS DU SAUT DE NAVIGATION
*/

/* COMMON MENU BAR CSS BEGINS
 | DEBUT DU CSS DE LA BARRE DE MENU COMMUNE
*/

div.fp
, div.fpml
{
	width:            100% ;
	color:            #FFF ;
	background-color: #000 ;
	padding:          0 ;
	float:            left ;
}

* html div.fp
, * html div.fpml
{
	float: none ;
}

*:first-child+html div.fp
, *:first-child+html div.fpml
{
	float: none ;
}

div.fp
{
	min-height: 1.57em ;
}

* html div.fp
{
	height: 1.4em ;
}

div.fpml
{
	min-height: 2.82em ;
}

* html div.fpml
{
	height: 2.7em ;
}

ul.commonbar
{
	list-style-type: none ;
	margin:          0 ;
	padding:         0 ;
	border:          none ;
	top:             10px ;
	width:           100% ;
}

li.fiptext
, li.fiptexta
, li.fiptextb
, li.fiptextc
{
	white-space:      nowrap ;
	margin:           0 ;
	padding:          0 ;
	border:           none ;
	float:            left ;
	min-height:       1.3em ;
	min-width:        9.5em ;
	font-size:        10.0pt ;
	color:            #FFF ;
	background-color: #000 ;
}

li.fiptext
{
	width: 16.6% ;
}

li.fiptexta
{
	width: 16.7% ;
}

li.fiptextb
{
	width: 16.2% ;
}

li.fiptextc
{
	width: 16.8% ;
}

li.fiptext div
, li.fiptexta div
, li.fiptextb div
, li.fiptextc div
{
	margin:  0 ;
	padding: 2px 0px 2px 3px ;
	width:   95% ;
}

li.fiptext div
, li.fiptextb div
, li.fiptextc div
{
	border-left: 1px solid #FFF ;
}

li.fiptext a
, li.fiptexta a
, li.fiptextb a
, li.fiptextc a
{
	color:            #FFF ;
	background-color: #000 ;
	text-decoration:  none ;
	font-weight:      bold ;
	width:            100% ;
	padding:             0 ;
	border:           none ;
} 

/* COMMON MENU BAR CSS ENDS
 | FIN DU CSS DE LA BARRE DE MENU COMMUNE
*/

/* BREAD CRUMB CSS BEGINS
 | DEBUT DU CSS DE LA PISTE DE NAVIGATION
*/

p.breadcrumb
{
	padding:        1px 0px 5px 3px ;
	vertical-align: middle ;
	font-size:      9.0pt ;
	clear:          both ;
	margin:         0 ;
	min-height:     1.23em ;
}

/* BREAD CRUMB CSS ENDS
 | FIN DU CSS DE LA PISTE DE NAVIGATION
*/

/* GENERAL NAVIGATION CSS BEGINS
 | DEBUT DU CSS DE NAVIGATION GENERALE
*/

ul.nav
, ul.nav2
{
	list-style-type: none ;
	margin:          0px ;
	padding:         0px ;
}

ul.nav2
{
	margin-left:     18px ;
	list-style-type: disc ;
}

div.right li ul.nav
{
	margin-bottom: 10px ;
}

ul.nav li
, ul.nav2 li
{
	margin: 0px ;
}

h2.nav
, div.left div.h2nav
, div.left p.h2nav
{
	font-size:     10.0pt ;
	font-weight:   700 ;
	line-height:   1.6em ;
	border:        0 ;
	padding-left:  5px ;
	padding-right: 5px ;
	margin:        0 ;
}

div.right li div.nav
, div.right li p.nav
{
	margin-bottom: 10px ;
	padding:       2px 5px 2px 12px ;
}

div.right li p.nav
{
	margin-top: 0px ;
}

/* GENERAL NAVIGATION CSS ENDS
 | FIN DU CSS DE NAVIGATION GENERALE
*/

/* SIDE MENU CSS BEGINS
 | DEBUT DU CSS DU MENU LATERAL
*/

div.left
, div.right
{
	background-color: #FFF ;
	min-width:        9.0em ;
}

li.menucontent
, li.menucontent li
, div.menucontent
, div.menucontent li
{
	font-size:      10.0pt ;
	vertical-align: middle ;
	margin:         0 ;
}

li.menucontent
, div.menucontent
{
	padding: 2px 3px 2px 12px ;
}

a.menulink
{
	text-decoration: none ;
}

a.menulink:hover
{
	text-decoration: underline ;
}

div.prodis
{
	height:     15px ;
	min-height: 0.9375em ;
	padding:    0 ;
	margin:     0 ;
}

/* SIDE MENU CSS ENDS
 | FIN DU CSS DU MENU LATERAL
*/

/* CONTENT CSS BEGINS
 | DEBUT DU CSS DU CONTENU
*/

div.center
{
	background-color: #FFF ;
}

div.center h1
, h2
, h3
, h4
, h5
, h6
{
	font-family:      Verdana, Arial, Helvetica, sans-serif ;
	background-color: transparent ;
	font-weight:      bold ;
}

* html div.center h1
{
	width: 100% ;
}

div.blackborder
{
	padding:      5px ;
	min-height: 158px ;
	min-width:  9.5em ;
}

h1.headline
, h2.headline
, h3.headline
, h4.headline
, h5.headline
, h6.headline
, h1.compress
, h2.compress
, h3.compress
, h4.compress
, h5.compress
, h6.compress
, p.compress
, ul.compress
, ol.compress
{
	margin-top:    0px ;
	margin-bottom: 0px ;
}

h1.headline a:link
, h1.headline a:visited
, h2.headline a:link
, h2.headline a:visited
, h3.headline a:link
, h3.headline a:visited
, h4.headline a:link
, h4.headline a:visited
, h5.headline a:link
, h5.headline a:visited
, h6.headline a:link
, h6.headline a:visited
{
	text-decoration: none ;
}

h1.headline a:hover
, h2.headline a:hover
, h3.headline a:hover
, h4.headline a:hover
, h5.headline a:hover
, h6.headline a:hover
{
	text-decoration: underline ;
}

/* CONTENT CSS ENDS
 | FIN DU CSS DU CONTENU
*/

/* FOOTER CSS BEGINS
 | DEBUT DU CSS DU PIED DE LA PAGE
*/

div.footer
{
	width:            100% ;
	clear:            both ;
	font-size:        10.0pt ;
	margin-top:       5px ;
	height:           4.69em ;
	min-height:       40px ;
	background-color: #FFF ;
}

div.footer div.footerline
{
	color:         #FFF ;
	height:        15px ;
	min-height:    0.9375em ;
	margin-bottom: 7px ;
}

div.foot1
, div.foot2
, div.foot3
{
	float:     left ;
	width:     33.25% ;
	min-width: 6.6em ;
	margin:    0 ;
	padding:   0 ;
}

div.foot1
{
	text-align: left ;
}

div.foot2
{
	text-align: center ;
}

div.foot3
{
	text-align: right ;
}

img.uparrow
{
	border: 0 ;
}

span.date
{
	white-space: nowrap ;
}

/* FOOTER CSS ENDS
 | FIN DU CSS DU PIED DE LA PAGE
*/

/* GENERIC UTILITY CSS BEGINS
 | DEBUT DU CSS D'UTILITE GENERIQUE
*/

.widthFull
{
	width: 98.5% ;
}

.width95
{
	width: 95% ;
}

.width90
{
	width: 90% ;
}

.width85
{
	width: 85% ;
}

.width80
{
	width: 80% ;
}

.width75
{
	width: 75% ;
}

.width70
{
	width: 70% ;
}

.width65
{
	width: 65% ;
}

.width60
{
	width: 60% ;
}

.width55
{
	width: 55% ;
}

.width50
{
	width: 50% ;
}

.width45
{
	width: 45% ;
}

.width40
{
	width: 40% ;
}

.width35
{
	width: 35% ;
}

.width30
{
	width: 30% ;
}

.width25
{
	width: 25% ;
}

.width20
{
	width: 20% ;
}

.width15
{
	width: 15% ;
}

.width10
{
	width: 10% ;
}

.width5
{
	width: 5% ;
}

abbr
, acronym
, span.abbr
{
	cursor: help ;
}

blockquote
{
	background-color: #CC9 ;
	color:            #000 ;
	border:           1px solid #000 ;
	font-style:       italic ;
}

div.gcinits
{
	float:          left ;
	padding-bottom: 5px ;
}

div.gcinit div
{
	width:  191px ;
	height: 5.16em ;
	border: 1px solid #000 ;
}

div.center div.gcinit div
{
	margin-right:  4px ;
	margin-bottom: 5px ;
	float:         left ;
}

div.gcinit a
, div.gcinit a:visited
{
	width:           100% ;
	height:          100% ;
	float:           left ;
	text-decoration: none ;
}

div.srvMsgCol
{
	float:   left ;
	margin:  0 ;
	padding: 0 ;
	width:   49% ;
}

div.srvMsgCol div
{
	padding: 1.56em 10px 5px 0px ;
}

/* GENERIC UTILITY CSS ENDS
 | FIN DU CSS D'UTILITE GENERIQUE
*/

/* ALIGNMENT UTILITY CSS BEGINS
 | DEBUT DU CSS D'UTILITE D'ALIGNEMENT
*/

.alignRight
{
	text-align: right ;
}

.alignCenter
{
	text-align: center ;
}

.alignLeft
{
	text-align: left ;
}

.alignTop
{
	vertical-align: top ;
}

.alignBottom
{
	vertical-align: bottom ;
}

.alignTopRight
{
	text-align:     right ;
	vertical-align: top ;
}

.alignTopCenter
{
	text-align:     center ;
	vertical-align: top ;
}

.alignTopLeft
{
	text-align:     left ;
	vertical-align: top ;
}

.alignBottomRight
{
	text-align:     right ;
	vertical-align: bottom ;
}

.alignBottomCenter
{
	text-align:     center ;
	vertical-align: bottom ;
}

.alignBottomLeft
{
	text-align:     left ;
	vertical-align: bottom ;
}

.floatRight
{
	float: right ;
}

.floatLeft
{
	float: left ;
}

.image-left
{
	float:          left ;
	vertical-align: text-top ;
}

.image-right
{
	float:          right ;
	vertical-align: text-top ;
	margin-left:    10px ;
}

.indent1
{
	padding-left: 18px ;
}

.indent2
{
	padding-left: 36px ;
}

.indent3
{
	padding-left: 54px ;
}

.indent4
{
	padding-left: 72px ;
}

.indent5
{
	padding-left: 90px ;
}

/* ALIGNMENT UTILITY CSS ENDS
 | FIN DU CSS D'UTILITE D'ALIGNEMENT
*/

/* LIST UTILITY CSS BEGINS
 | DEBUT DU CSS D'UTILITE DE LISTE
*/

ul.noBullet
{
	list-style-type: none ;
}

ul.disc
{
	list-style-type: disc ;
}

ul.square
{
	list-style-type: square ;
}

ul.circle
{
	list-style-type: circle ;
}

ol.lower-alpha
{
	list-style-type: lower-alpha ;
}

ol.upper-alpha
{
	list-style-type: upper-alpha ;
}

ol.lower-roman
{
	list-style-type: lower-roman ;
}

ol.upper-roman
{
	list-style-type: upper-roman ;
}

/* LIST UTILITY CSS ENDS
 | FIN DU CSS D'UTILITE DE LISTE
*/

/* TEXT UTILITY CSS BEGINS
 | DEBUT DU CSS D'UTILITE DE TEXTE
*/

/* ADDED THIS ONE
 , WAS INFORMAED IT WOULD BE ADDED TO:
   - BASE.CSS V1.05
*/

q:before
, q:after
{
	content: "" ;
}

.noWrap
{
	white-space: nowrap ;
}

.doubleLineSpace
{
	line-height: 24.0pt ;
}

.uppercase
{
	text-transform: uppercase ;
}

.lowercase
{
	text-transform: lowercase ;
}

.black
{
	color:            #000000 ;
	background-color: transparent ;
}

.white
{
	color:            #FFFFFF ;
	background-color: transparent ;
}

.red
{
	color:            #FF0000 ;
	background-color: transparent ;
}

.blue
{
	color:            #0000FF ;
	background-color: transparent ;
}

.green
{
	color:            #009933 ;
	background-color: transparent ;
}

.grey
{
	color:            #999999 ;
	background-color: transparent ;
}

.deepyellow
{
	color:            #FFCC33 ;
	background-color: transparent ;
}

.blackBG
{
	background-color: #000000 ;
}

.whiteBG
{
	background-color: #FFFFFF ;
}

.redBG
{
	background-color: #FF0000 ;
}

.blueBG
{
	background-color: #0000FF ;
}

.greenBG
{
	background-color: #009933 ;
}

.lightgreyBG
{
	background-color: #CCCCCC ;
}

.deepyellowBG
{
	background-color: #FFCC33 ;
}

div.highlight
, p.highlight
{
	border:           1px solid #030 ;
	background-color: #9F9 ;
	padding:          5px ;
}

div.topPage
, p.topPage
{
	float:      right ;
	text-align: center ;
}

div.foot2 img
, div.topPage img
, p.topPage img
{
	width:  1.46em ;
	height: 0.92em ;
}

div.center div.wrapContainer
{
	float: left ;
	width: 99.5% ;
}

div.left div.wrapContainer
, div.right div.wrapContainer
{
	float: left ;
	width: 100% ;
}

* html div.center h1.wrap
{
	width: auto ;
}

/* TEXT UTILITY CSS ENDS
 | DEBUT DU CSS D'UTILITE DE TEXTE
*/
