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

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */



/*********** SlideShow CSS ********************/
#slideshow li.menucontent {
	margin: 0 /*!important*/;
	padding: 0 /*!important*/;
	text-align: left;
	vertical-align: top;
}

#slideshow li.menucontent a.menulink {
	display: block;
	font-size: 85% /*!important*/;
	font-weight: 600;
	padding: 0px 12px 10px;
}

* html div.right ul #slideshow li a.menulink {
	padding: 0px /*!important*/;
}

#slideshow li.menucontent img {
	margin-left: -1px;
}

#slideshow div.morelink {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}


#slideshowContainer {
	padding: 0;
	margin: 0;
	padding-bottom: 4px; 
	background: url(/_sys/images/sshw-mdiap/deco.gif) #f4f2ec no-repeat 0 72px;
}

#slideshowplaybutton,  #slideshownextbutton, #slideshowbackbutton {
	height : 19px; 
	margin: 0;
	padding: 0;
}


#slideshowContainer div.slideshowbanner {
	height: 70px;
	display: block;
}

#slideshowcontrolsContainer {

	display: block;
	height: 19px;
	text-align: right;
    border-left: 1px solid #e1dcc9;
	border-right: 1px solid #e1dcc9;
}


li.ss-active {
	vertical-align: middle;
	margin: 0;
	text-align: left !important;
	padding: 3px 3px 2px 12px;
	border-left: 1px solid #e1dcc9;
	border-right: 1px solid #e1dcc9;
}

li.ss-active a.ss-active, li.ss-active a.ss-active:link {
	text-decoration: none;
	color: #000 !important;
	text-align: left !important;
}

li.ss-active a.ss-active:hover {
	text-decoration: underline;
	color: #000 !important;
}


/******** Rounded Corner Classes ****************/
.rCorners h1,.rCorners h2,.rCorners a {
	font-weight: 800;
}

.rCorners h2 {
	border: 0;
	display: inline;
}

.rCorners div h2.nav,.rCorners div h2.nav a.menulink {
	line-height: 1.4em;
}

.rCorners h2 {
	padding-top: 0.6em;
}

.rCorners {
	background: transparent;
	display: inline;
}

.rtop,.rbottom {
	background: transparent;
	display: block;
	font-size: 1px;
}

.rb1,.rb2,.rb3,.rb4,.rt1,.rt2,.rt3,.rt4,.rrt1,.rrt2,.rrt3,.rrt4 {
	display: block;
	overflow: hidden;
}

.rb1,.rb2,.rb3,.rt1,.rt2,.rt3,.rrt1,.rrt2,.rrt3 {
	height: 1px;
}

.rb2,.rb3,.rb4,.rt2,.rt3,.rt4 {
	border-left: 1px solid;
	border-right: 1px solid;
}

.rrt2,.rrt3,.rrt4 {
	border-right: 1px solid;
}

.rb1 {
	margin: 0 5px;
}

.rt1 {
	background: transparent;
	margin: 0 5px;
}

.rb2,.rt2 {
	border-width: 0 2px;
	margin: 0 3px;
}

.rb3,.rt3 {
	margin: 0 2px;
}

.rb4,.rt4 {
	height: 2px;
	margin: 0 1px;
}

.rrt1 {
	background: transparent;
	margin: 0 5px 0 0;
}

.rrt2 {
	border-width: 0 2px 0 0;
	margin: 0 3px 0 0;
}

.rrt3 {
	margin: 0 2px 0 0;
}

.rrt4 {
	height: 2px;
	margin: 0 1px 0 0;
}

.shadedCap .rb1,.shadedCap .rt1,.whiteCap .rb1,.whiteCap .rt1,.whiteCap .rrt1,darkCap .rt1,darkCap .rb1 {
	background: #e1dcc9;
}

.whiteCap .rb2,.whiteCap .rb3,.whiteCap .rb4,.whiteCap .rt2,.whiteCap .rt3,.whiteCap .rt4,.whiteCap .rrt2,.whiteCap .rrt3,.whiteCap .rrt4 {
	background: #ffffff;
	border-color: #e1dcc9;
}

.shadedCap .rb2,.shadedCap .rb3,.shadedCap .rb4,.shadedCap .rt2,.shadedCap .rt3,.shadedCap .rt4 {
	background: #f4f2ec;
	border-color: #e1dcc9;
}

.darkCap .rb2,.darkCap .rb3,.darkCap .rb4,.darkCap .rt2,.darkCap .rt3,.darkCap .rt4 {
	background: #e1dcc9;
	border-color: #e1dcc9;
}

.shadedBG {
	background: #f4f2ec;
}

div.left .rboxcontent,div.right .rboxcontent,div.center .rboxcontent {
	background: #e1dcc9 url(/img/servcan/layout/backgrounds/button_bg.gif) repeat-x top left;
	border: 0 solid #e1dcc9;
	border-width: 0 1px;
	display: block;
}

div.left .rboxcontent div,div.right .rboxcontent div {
	padding: 1px 2px 4px 2px;
	text-align: center;
}

div.center .rCorners .rboxcontent div {
	padding: 2px 2px 7px 2px;
	text-align: center;
}

div.left .rboxcontent a.menulink    , div.right .rboxcontent a.menulink {
	background: transparent;
	color: #004499;
	padding: 0px 2px;
}

div.left .rboxcontent a.menulink:visited    , div.right .rboxcontent a.menulink:visited {
	color: #770033;
}

div.left .rboxcontent h2    , div.right .rboxcontent h2 {
	background: transparent;
	color: #444444;
	padding: 0px 2px;
}

div.center .rboxcontent h2 {
	background: transparent;
	color: #444444;
	font-size: 116%;
	line-height: 14px;
	padding: 0px 2px 6px 2px;
}

.rboxcontent h2.nav {
	line-height: 14px !important;
}

.pd-rt1,.pd-rt2,.pd-rt3,.pd-rt4 {
	display: block;
	overflow: hidden;
}

.pd-rt1,.pd-rt2,.pd-rt3 {
	height: 1px;
}

.pd-rt2,.pd-rt3,.pd-rt4 {
	background: #bfbcb5;
	border-left: 1px solid #f4f2ec;
	border-right: 1px solid #f4f2ec;
}

.pd-rtop {
	background: transparent;
	display: inline;
	font-size: 1px;
}

.pd-rt1 {
	background: transparent;
	margin: 0 5px;
}

.pd-rt2 {
	background: #bfbcb5;
	border-width: 0 2px;
	margin: 0 3px;
}

.pd-rt3 {
	margin: 0 2px;
}

.pd-rt4 {
	height: 2px;
	margin: 0 1px;
}

div.rcornerRight {
	margin: 0 0 0 64px;
	min-height: 36px;
	padding: 0;
}

.rcornerRight .rboxcontent {
	margin: 0;
	min-height: 29px;
	border-width:   0px;
	padding: 0;
	vertical-align: middle;
}

* html .rcornerRight .rboxcontent {
	height: 31px;
	border-left: 0px;
}

.rcornerRight .rboxcontent div {
	padding: 0px !important;
	text-align: center;
	border-left: 0px;
}

.rcornerRight .rboxcontent h2 {
	margin: 2px 3px 0px 3px;
	padding: 0px;
	position: relative;
	top: 3px;
	text-align: left;
	vertical-align: middle;
}

* html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2.audience a, * html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2 a, * html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2.audience , * html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2 {
line-height: 2.25em;
text-align: left;
}



/* START: Home page - Highlights/Points saillants */
	div.center h2.highpointtitle{ 
		width: 115px;
		margin-left: 15px;
		margin-bottom: 0px;
		margin-top: 10px;
		padding: 2px 5px 2px 10px;
		background: #5f93b8 url(/_sys/images/center-tab-left2.gif) bottom left no-repeat; 
		color: #FFF;
		font-size: 105%;
		font-weight:bold; 
		text-align: center; 
	}

	div.center div.highpoint{
		border: 1px #5f93b8 solid;
		padding: 2px 5px 0 5px; 
	}

	div.center div.highpoint div{
		border-bottom: 1px #5f93b8 solid;
		margin-bottom: -1px;  
	}

	div.center div.highpoint h3{	
		margin-bottom: -0.70em;
		margin-top: 0.70em; 
		font-size: 112%; 
	}

	div.center div.highpoint h3 a{	
		color: #369;
		text-decoration: none;
		display: block; 
		padding: 0 2px 0 2px;
	}

	div.center div.highpoint h3 a:visited{	
		color: #369;
	}

	div.center div.highpoint h3 a:hover{	
		color: #369;
		background-color: #EEE; 
		text-decoration: underline; 
	}

	div.center div.newnou{ 
		text-align: center; 
		font-weight: bold;
		margin-left: 315px; 
		border-right: 1px #5f93b8 solid;
		border-bottom: 1px #5f93b8 solid; 
		padding: 0.13em 0.50em 0.13em 0.50em; 
		background-color: #FFF;
	}

	div.center div.newnou a{ 
		color: #5f93b8; 
		text-decoration: underline; 
		display: block; 
	}

	div.center div.newnou a:visited{ 
		color: #5f93b8; 
	}

	div.center div.newnou a:hover{ 
		color: #5f93b8;
		text-decoration: none; 
	}			
/* END: Home page - Highlights/Points saillants */


div.floatcontainer {
	overflow: hidden;
	width: 98%
}

.brownTitle {
	color:	#68480b;
	font-size:	16px;
	font-weight: bold;
}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */