/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #FFF;
}
div.colLayout {
	background-color: #FFF;
}
blockquote {
	background-color: #FFF;
	color: #000;
}
h1, a h1, h2, a h2  {
	color: #a50000 !important;
}
h3, h4, h5, h6 {
    color: #000;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	background-color: #000;
}
div.banner div.alttext p {
    color: #FFF;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
div.page div.core div.navaid a:hover,
div.page div.core div.navaid a:active,
div.page div.core div.navaid a:focus {
	color: #000;
	background-color: #FFF !important;
	border-color: #000;
}
/* 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.fpaltlang {
    background-color: #CCC;
}
div.fpaltlang ul li a.fpaltlangLink,
div.fpaltlang ul li a.fpaltlangLink:hover,
div.fpaltlang ul li a.fpaltlangLinkSelected {
    color: #000;
}
/* 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 a:link, /* OLD BREADCRUMB ENGINE */
p.breadcrumb a:visited, /* OLD BREADCRUMB ENGINE */
p.breadcrumb a:active, /* OLD BREADCRUMB ENGINE */
p.breadcrumb a:hover, /* OLD BREADCRUMB ENGINE */
div.breadcrumb ul li a:link,
div.breadcrumb ul li a:visited,
div.breadcrumb ul li a:active,
div.breadcrumb ul li a:hover {
	color: #000000;
}
/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */

/* LEFT SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL DE GAUCHE */
div.left ul.nav1 li h2.nav,
div.left ul.nav1 li h2.nav a.menulink,
div.left ul.nav1 li h2.nav a.menulabel,
div.left ul.nav1 li h2.nav a.menulink_selected,
div.left ul.nav1 li h2.nav a.menulabel_selected {
    background-color: #D00000;
    color: #FFF;
}
div.left ul.nav2 li.menucontent,
div.left ul.nav2 li.menucontent a.menulink,
div.left ul.nav2 li.menucontent a.menulink_selected {
    background-color: #CCC;
    color: #000;
}
div.left ul.nav3 li.menucontent,
div.left ul.nav3 li.menucontent a.menulink,
div.left ul.nav3 li.menucontent a.menulink_selected {
    background-color: #E1E1E1;
    color: #000;
}
div.left ul.nav4 li.menucontent,
div.left ul.nav4 li.menucontent a.menulink,
div.left ul.nav4 li.menucontent a.menulink_selected {
    background-color: #F1F1F1;
    color: #000;
}
div.left ul.nav1 li h2.nav,
div.left ul.nav2 li.menucontent,
div.left ul.nav3 li.menucontent,
div.left ul.nav4 li.menucontent {
    border-color: #FFF;
}
/* LEFT SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL DE GAUCHE */

/* RIGHT SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL DE DROITE */
div.right ul.nav1 li h2.nav,
div.right ul.nav1 li h2.nav a.menulink,
div.right ul.nav1 li h2.nav a.menulabel,
div.right ul.nav1 li h2.nav a.menulink_selected,
div.right ul.nav1 li h2.nav a.menulabel_selected {
    background-color: #D00000;
    color: #FFF;
}
div.right ul.nav2 li.menucontent,
div.right ul.nav2 li.menucontent a.menulink,
div.right ul.nav2 li.menucontent a.menulink_selected {
    background-color: #CCC;
    color: #000;
}
div.right ul.nav3 li.menucontent,
div.right ul.nav3 li.menucontent a.menulink,
div.right ul.nav3 li.menucontent a.menulink_selected {
    background-color: #E1E1E1;
    color: #000;
}
div.right ul.nav4 li.menucontent,
div.right ul.nav4 li.menucontent a.menulink,
div.right ul.nav4 li.menucontent a.menulink_selected {
    background-color: #F1F1F1;
    color: #000;
}
div.right ul.nav1 li h2.nav,
div.right ul.nav2 li.menucontent,
div.right ul.nav3 li.menucontent,
div.right ul.nav4 li.menucontent {
    border-color: #FFF;
}
/* RIGHT SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL DE DROITE */

/* RSS FEEDS CSS BEGINS | DEBUT DU CSS DES FILS RSS */
/* Singlebox - News */
div.rss_news div.header {
    background-color: #D00000;
}
div.rss_news div.header div.title {
    color: #FFF;
}
div.rss_news ul.feed_items {
    border-color: #CCC;
}
div.rss_news ul.feed_items li.item div.description a {
    color: #06C;    
}
div.rss_news ul.feed_items li.more a {
    color: #06C;
}
/* Multibox - Emergency */
div.rss_emergency ul.feed_items li.item div.header {
    background-color: #FFB400;
}
div.rss_emergency ul.feed_items li.item div.header div.title {
    color: #000;
    width: 148px;
}
div.rss_emergency ul.feed_items li.item div.header div.icon {
    background: url(/images/template/bg_emergency.jpg) no-repeat bottom right;
    width: 33px;
    min-height: 24px;
    _height: 24px;
}
div.rss_emergency ul.feed_items li.item div.header div.title a {
    color: #000;
}
div.rss_emergency ul.feed_items li.item div.content {
    background-color: #FFF8BA;
    border-color: #FFF8BA;
}
div.rss_emergency ul.feed_items li.item div.content img {
    background-color: #FFF8BA;
}
div.rss_emergency ul.feed_items li.item div.content a {
    color: #000;
}
/* Multibox - Right Column Highlights */
div.rss_rc-highlights ul.feed_items li.item div.header {
    background: #CCC url(/images/template/bg_rightnav.jpg) repeat-y;
}
div.rss_rc-highlights ul.feed_items li.item div.header div.icon {
    background: url(/images/template/bg_rightnav_leaf.jpg) no-repeat bottom right;
    width: 38px;
    min-height: 18px;
    _height: 18px;
}
div.rss_rc-highlights ul.feed_items li.item div.header div.title {
    width: 143px;
}
div.rss_rc-highlights ul.feed_items li.item div.header div.title,
div.rss_rc-highlights ul.feed_items li.item div.header div.title a {
    color: #FFF;
}
div.rss_rc-highlights ul.feed_items li.item div.content {
    background-color: #ECECEC;
    border-color: #ECECEC;
}
div.rss_rc-highlights ul.feed_items li.item div.content img {
    background-color: #ECECEC;
}
div.rss_rc-highlights ul.feed_items li.item div.content a {
    color: #000;
}
/* Multibox - Features */
div.rss_features ul.feed_items li.item div.header {
    background: #CCC url(/images/template/bg_rightnav.jpg) repeat-y;
}
div.rss_features ul.feed_items li.item div.header div.icon {
    background: url(/images/template/bg_rightnav_leaf.jpg) no-repeat bottom right;
    width: 38px;
    min-height: 18px;
    _height: 18px;
}
div.rss_features ul.feed_items li.item div.header div.title {
    width: 143px;
}
div.rss_features ul.feed_items li.item div.header div.title,
div.rss_features ul.feed_items li.item div.header div.title a {
    color: #FFF;
}
div.rss_features ul.feed_items li.item div.content {
    background-color: #ECECEC;
    border-color: #ECECEC;
}
div.rss_features ul.feed_items li.item div.content img {
    background-color: #ECECEC;
}
div.rss_features ul.feed_items li.item div.content a {
    color: #000;
}
/* Multibox - Highlights */
div.rss_highlights ul.feed_items li.item div.header {
    background: #D00000;
}
div.rss_highlights ul.feed_items li.item div.header div.title,
div.rss_highlights ul.feed_items li.item div.header div.title a {
    color: #FFF;
}
div.rss_highlights ul.feed_items li.item div.content {
    border-color: #CCC;
}
/* RSS FEEDS CSS ENDS | FIN DU CSS DES FILS RSS */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center {
    background-color: #FFF;
}
div.center h1, h2, h3, h4, h5, h6 {
	color: #000;
}
div.center a:link {
	color: #039;
}
div.center a:visited {
	color: #663;
}
div.center ul {
	list-style-image: url(/images/template/bullet_red.gif);
}
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	color: #FFF;
	background-color: #DDD;
}
div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {
	color: #039;
	background-color: #FFF;
}
div.foot1, div.foot2 {
    color: #000;
}
div.foot3 {
	color: #999;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */




































/* RIGHT BOXES CSS BEGINS | DEBUT DU CSS BOITES DE DROITE */
div.emergency, div.emergencyBoxHeader, div.emergencyBoxTitleBG, div.emergencyBoxTitle, div.emergencyBoxIcon, div.emergencyBoxContent, div.emergencyBoxFooter {
	position: relative;
	padding: 0px;
	margin: 0px;
}
div.emergencyBoxHeader {
	background-image: url(/images/template/bg_rightnav_header_jaune.jpg); 
	background-position: bottom;
	background-repeat: no-repeat;
	height: 5px;
	min-height: 7px;
	line-height: 7px;
}
div.emergencyBoxTitleBG {
	background-color: #FFB400;
	min-height: 18px;
}
div.emergencyBoxTitle {
    padding: 0px 40px 10px 10px; 
	color: #000;
	font-weight: bold;
    overflow: hidden;
}
div.emergencyBoxTitle a:link {
	color: #000000; 
    text-decoration: none;
}
div.emergencyBoxTitle a:visited {
	color: #000000; 
	text-decoration: none;
}
div.emergencyBoxTitle a:active {
	color: #000000; 
	text-decoration: none;
}
div.emergencyBoxTitle a:hover {
	color: #000000; 
    text-decoration: underline;
}
div.emergencyBoxIcon {
	height: 18px; 
	top: -18px; 
	background-image: url(/images/template/bg_rightnav_alert.jpg); 
	background-repeat: no-repeat; 
	background-position: bottom right;
}
div.emergencyBoxContent {
	font-size: 100%;
	padding: 10px 0px 10px 0px;
	background-image: url(/images/template/bg_rightnav_header_jaune2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #FFF8BA;
	top: -18px;
	width: 195px;
	overflow: hidden;
}
div.emergencyBoxContent:after {
	content: ""; 
	display: block; 
	height: 0;
	clear: left;
    visibility: hidden;
}
div.emergencyContent {
    padding: 0px 10px 0px 10px;
}
div.emergencyBoxFooter {
	background-image:url(/images/template/bg_rightnav_footer_jaune.jpg);
	background-repeat:no-repeat;
	height:17px;
	top: -18px;
}
div.featureText, div.featureImageOnly, div.featureTextImage, div.featureBoxHeader, div.featureBoxTitleBG, div.featureBoxTitle, div.featureBoxLeaf, div.featureBoxContent, div.featureBoxFooter {
	position: relative;
	padding: 0px;
	margin: 0px;
}
div.featureBoxHeader {
	background-image:url(/images/template/bg_rightnav_header.jpg); 
	background-position:bottom;
	background-repeat:no-repeat;
	height:5px;
	min-height:7px;
	line-height:7px;
}
div.featureBoxTitleBG {
	background-image:url(/images/template/bg_rightnav.jpg);
	background-repeat: repeat-y;
	min-height:18px;
}
div.featureBoxTitle {
	padding: 0px 40px 10px 10px;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	overflow: hidden;
}
div.featureBoxTitle a:link {
	color: #FFFFFF; 
    text-decoration: none;	
}
div.featureBoxTitle a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div.featureBoxTitle a:active {
	color: #FFFFFF;
	text-decoration: none;
}
div.featureBoxTitle a:hover {
	color: #FFFFFF;
    text-decoration: underline;
}
div.featureBoxLeaf {
	height:18px;
	top: -18px;
	background-image:url(/images/template/bg_rightnav_leaf.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
}
div.featureBoxContent {
    padding: 10px 0px 10px 0px;
	background-color: #ececec;
	font-size: 100%;
	top: -18px;
	width: 195px;
    overflow: hidden;    
}
div.featureBoxContent:after {
	content: ""; 
	display: block; 
	height: 0;
	clear: left;
    visibility: hidden;
}
div.featureContent {
    padding: 0px 10px 0px 10px;
}
div.featureBoxFooter {
	background-image:url(/images/template/bg_rightnav_footer.jpg);
	background-repeat:no-repeat;
	height:17px;
	top: -18px;
}
img.featureImageText {
	margin: 0px 10px 4px 0px;
	padding:0px;
	float:left;
}
/* RIGHT BOXES CSS ENDS | FIN DU CSS BOITES DE DROITE */

div.headers3col, div.headers2col {
	margin: 10px 0px 0px 0px;
}
div.headers, div.headersTop, div.headersTitle {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0;
}
div.headers3col div.headersTop {
	background-image: url(../images/template/header_top_375.jpg); 
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 9px;
	min-height: 9px;
}
div.headers3col div.headersTitle {
	background-image: url(../images/template/header_bg_375.jpg);
	background-position: bottom left;
	background-repeat: repeat-y;
	font-size: 110%;
	min-height: 18px;
	height: 18px;
	padding: 0px 5px 5px 5px;
	font-weight: bold;
    color: #FFFFFF; 
}
div.headers2col div.headersTop {
	background-image: url(../images/template/header_top_590.jpg); 
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 9px;
	min-height: 9px;
}
div.headers2col div.headersTitle {
	background-image:url(../images/template/header_bg_590.jpg);
	background-repeat: repeat-y;
	min-height:18px;
	padding:0px 5px 5px 5px;
	font-weight:bold;
	color: #FFFFFF;	
}
div.headersContent a:link,
div.headersContent a:active,
div.headersContent a:visited,
div.headersContent a:hover {
	color: #000;
	text-decoration: none;
}
div.headersContent p {
	margin-top: 0px;
}
div.headersContent {
	margin: 5px 0px 0px 0px;
}
span.clsHighlights {
	width: 200px;
	float: left;
}
span.clsMoreHighlights {
	width: 100px;
	margin-right: 25px;
	float: right;
	font-size: 85%;
}
span.clsMoreHighlights a:link,
span.clsMoreHighlights a:visited {
	float: right;
	color: #FFFFFF;
	text-decoration: none;
}
span.clsMoreHighlights a:hover {
	text-decoration: underline;
}
span.clsMoreHighlightsFra {
    color:#fff;
	font-size: 85%;
}
span.clsMoreHighlightsPor {
	font-size: 85%;
}
a.highlightsmore,
a:visited.highlightsmore {
    color: #fff !important;
}
div.center div.blackborder p {
	line-height: 14px;
}
div.center div.blackborder ul li {
	margin:0px 0px 10px 0px;
	line-height: 14px;
}
div.center div.blackborder ul li h2 {
	font-size: 110%;
	color: blue;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.blackTitleNoUnderline {
	color: #000000;
	font-size: 75%;
	font-weight:bold;
	text-decoration:none;
	height:0;
	padding:0px;
	margin: 0px;
}
.blackTitleNoBold {
	color: #000000;
	font-size: 75%;
	font-weight:normal;
	text-decoration:none;
	height:0;
	padding:0px;
	margin: 0px;
}
a.journeys {
	color: #000000;
	text-decoration:none;
    font-size: 100%;
}
.journeys-text {
	color: #000000;
	text-decoration:none;
    font-size: 100%;
}
div.headers2col div.headersContent h3 {
	padding:0px;
	margin: 0px;
	line-height: 14px;
}
div.headers3col div.headersContent h3 {
	padding:0px;
	margin: 0px;
	line-height: 14px;
}
div.headers2col div.headersContent p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size: 110%;
}
div.headers3col div.headersContent p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size: 110%;
}
div.hr3col {
	background: url(../images/template/div_375.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:11px;
	width: 375px;
	margin: 16px 0px 4px 0px;
}
div.hr2col {
	background:url(../images/template/div_590.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:11px;
	width: 590px;
	margin: 16px 0px 4px 0px;
}
.clsPrimaryLanguages {
	width: 7em;
	border-top: #F66 2px solid;
	border-left: #F66 2px solid;
	border-bottom: #C33 2px solid;
	border-right: #C33 2px solid;
	height: 1.14em;
	text-align: center;
	padding: 0.19em;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	margin-bottom:20px;
	margin-top:10px;
	float: left;
}
span.clsPrimaryLanguages a:link,
span.clsPrimaryLanguages a:visited,
span.clsPrimaryLanguages a:active,
span.clsPrimaryLanguages a:hover {
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;	
}
.imgNoBorder {
	padding:0px;
	border:0px solid black;
}
.rightAlign{
	float:right;
}
div.SubTitleHeader {
    color:#FFFFFF;
    text-align:center;
    font-family: Arial;
    font-size:10.5pt;
    font-style:italic;
}
div.survey {
    text-align:center;
    font-size:x-small;
}
textarea { height: 15px; }
a.moreLink,
a.moreLink:active,
a.moreLink:visited {
	color: #ffffff !important;
}
.alignJustify {
   text-align: justify;
}
.boxcol1 {
   background-color: #FFFFFF; 
   width : 80%; 
}
.cols2 {
   float: left; 
   width: 49%; 
   margin: 0 3px 0 0; 
   padding: 0;
   background-color: #FFFFFF;
}
.cols3 {
   float: left; 
   width: 32%; 
   margin: 0 3px 0 0; 
   padding: 0;
   background-color: #FFFFFF;
}
.row {
   margin: 0; 
   padding: 0; 
   width: 98.5%; 
   overflow: hidden;
}
.clsImageAlignRight {
	margin-left: 5px;
	float: right;
}








































/* slideshow classes start */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px;
/*border-bottom: 7px solid #FFF;*/
width: 405px; /*width of featured content slider*/
height: 181px;
padding: 0px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 405px; /*width of content DIVs within slider. Total width should equal slider's inner width*/
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.sliderwrapper .contentdiv2{

width: 405px; /*width of content DIVs within slider. Total width should equal slider's inner width */
height: 100%;

}

div.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width */
text-align: right;
padding: 5px 0px 0px 0px;
position: absolute;
top: 195px; 
z-index:99;
}

div.pagination a{
padding: 0px; 
text-decoration: none !important;  
color: #000;
background-color: #DDD;
line-height: 19px;
}

div.pagination a:link{
color: #000;
text-decoration: none !important; 
}

div.pagination a:hover{
color: #FFF !important;
background-color: #D00000;
text-decoration: none !important; 
}

div.pagination a.selected{
color: #FFF !important;
background-color: #D00000;
text-decoration: none !important; 
}

div.pagination a:visited{
color: #000;
text-decoration: none !important; 
}

img.playPause{
vertical-align: bottom;
background-color: transparent !important;
}

*html img.playPause{
vertical-align: middle;
background-color: transparent !important;
}

*:first-child+html img.playPause{
vertical-align: middle;
background-color: transparent !important;
}

/* Look and feel of the slideshow */

div.sliderwrapper div.contentdiv{
/*border: 1px solid #FFF;*/
border: 0px;
/*width: 405px;*/
width: 405px;
min-height: 300px;
}

div.sliderwrapper div.contentdiv div.boxTitle{
text-align: center;
font-family: Verdana;
font-size: 110%;
background-color: #666666;
font-weight: bold;
padding: 0px;
width: 405px;   
}

div.sliderwrapper div.contentdiv div.boxTitle h2{
color: #FFF;
}

/* title text */
div.centerimgtext2 {
font-size:150%;
font-weight:bold;
height:30px;
position:relative;
top:130px; 
vertical-align:bottom;
width:405px;
padding-bottom: 10px;
padding-left: 8px; 
text-decoration: none !important;
}

div.centerimgtext2 a{
color: #D00000 !important;
text-decoration: none !important;
}

div.centerimgtext2 a:link{
text-decoration: none !important;
}

div.centerimgtext2 a:visited{
text-decoration: none !important;
}

div.centerimgtext2 a:hover{
text-decoration: underline !important;
}

/* subtitle text */
div.centerimgtext3 {
font-size:120%;
height:30px;
left:12px;
position:absolute;
text-align:left;
top: 150px;
padding-right:5px;
vertical-align:bottom;
/*width:405px;*/
text-decoration: none !important;
}

div.centerimgtext3 a{
color: #000 !important;
text-decoration: none !important;
}

div.centerimgtext3 a:link{
text-decoration: none !important;
}

div.centerimgtext3 a:visited{
text-decoration: none !important;
}

div.centerimgtext3 a:hover{
text-decoration: underline !important;
}

/* subtitle text class when JavaScript is disabled */
div.centerimgtext3s{
position: relative;
text-align:left;
padding-right:5px;
/*width:405px;*/
height:20px;
vertical-align: bottom;
left: 7px;
top: 110px;
font-weight:normal;
font-size:120%;
}

div.centerimgtext3s a{
color: #000 !important;
text-decoration: none !important;
}

div.centerimgtext3s a:link{
text-decoration: none !important;
}

div.centerimgtext3s a:visited{
text-decoration: none !important;
}

div.centerimgtext3s a:hover{
text-decoration: underline !important;
}

/* div witch contains an image, title, and subtitle */
div.boxContentHighlight4{
border:1px solid #FFF;
/*border:0px;*/
float:none;
font-size:80%;
height: 181px;
min-height:181px;
margin:0;
overflow:hidden;
width:403px;
padding: 0px;
}

/* use this class before an include file to fix a TinyMCE bug */
div.clsBeforeInclude {
	display: none;
}

/* slideshow classes end */