/* CLF 2.0 TEMPLATE VERSION 1.05 | VERSION 1.05 DU GABARIT NSI 2.0 */
/*@font-face
{
    font-family: 'DaxlineOT-MediumRegular';
    src: url('/font/daxlineot-medium-webfont.eot');
    src: local('☺'), url('/font/daxlineot-medium-webfont.woff') format('woff'), url('/font/daxlineot-medium-webfont.ttf') format('truetype'), url('/font/daxlineot-medium-webfont.svg#webfontHfyXa9qc') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'DaxlineOT-Light';
    src: url('/font/daxlineot-light-webfont.eot');
    src: local('☺'), url('/font/daxlineot-light-webfont.woff') format('woff'), url('/font/daxlineot-light-webfont.ttf') format('truetype'), url('/font/daxlineot-light-webfont.svg#webfont07QDdstm') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


/*  GENERAL CSS BEGINS | DEBUT DU CSS GENERAL  */
html
{
    font-size: 62.5%;
}
body
{
    font-size: 1.2em;
    color: #636363;
    background: url(/images/institution/layout/bg-main.gif) repeat-y center top #F4F4F4;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0;
}

h1, div.center h1
{
    font-size: 2.08em;
    font-weight: normal;
    font-family: 'DaxlineOT-Light' , Verdana, Geneva, sans-serif;
    margin-bottom: 1em;
    /*color: #FFF;*/
}
div.center .boxItem h1 { color: #FFF; margin-bottom: 0; }

h2
{
    font-size: 1.16em;
    font-weight: normal;
    font-family: 'DaxlineOT-Light' , Verdana, Geneva, sans-serif;
    color: #AB2227;
}
h3
{
    letter-spacing: .05em;
    margin-bottom: 1em;
    font-weight: normal;
    font-family: 'DaxlineOT-MediumRegular' , Verdana, Geneva, sans-serif;
    font-size: 1.26em;
    line-height: 1em;
    color: #B22329;
    background: url(/images/institution/layout/bg-header2.gif) repeat-y left top #D3D6D3;
    text-transform: uppercase;
}
h4
{
    font-size: 1.08em;
    font-weight: normal;
    color: #111;
}
h5
{
    margin-bottom: .2em;
    font-size: 1.25em;
    color: #737973;
    font-weight: normal;
    font-family: 'DaxlineOT-Light' , Verdana, Geneva, sans-serif;
}
h6
{
	margin-bottom: 2em;
}

p
{
    margin: 0 0 2em;
}

div.center ul
{
    list-style: none;
    padding: 0;
    margin: 0 0 2em;
}
div.center ul li
{
    padding-left: 1em;
    background: url(/images/institution/layout/bullet.gif) no-repeat left .5em;
    padding-bottom: .2em;
}


table
{
    width: 100%;
    font-size: .87em;
    margin-bottom: 1.5em;
}
table, th, td
{
    vertical-align: top;
}
table th
{
    text-align: left;
    padding-bottom: 1.5em;
    font-weight: normal;
    padding: .6em 1.2em .6em 0;
}
table th a, table th a:link, table th a:visited
{
    background: url(/images/institution/layout/link-dotted.gif) repeat-x left bottom;
}
div.center table th a:active, div.center table th a:focus, div.center table th a:hover
{
    color: #900B11;
    background: none;
    text-decoration: none;
}
table td
{
    border-bottom: 1px solid #E1E1E1;
    padding: .6em 1.2em .6em 0;
}
table tr:last-child td
{
    border: none;
}

table tbody tr:hover
{
    background: #F5F5F5;
}


fieldset
{
    border: none;
}
legend
{
    color: #111;
    font-size: 1.08em;
    padding-bottom: .2em;
}
label, input, textarea, select
{
    font-size: .91em;
    color: #636363;
}

select
{
    width: 100%;
    margin-bottom: .5em;
}

.fl_left	{ float: left; }
.fl_right	{ float: right; }
.hide		{ display: none; }

span.btnInput
{
	display: block;
	padding-left: 3px;
	background: url(/images/institution/layout/btn-inputSearchLeft.gif) no-repeat left top;
	height: 29px;
	float: left;
}

.btnSearch
{
    /*
	text-indent: -50000px;
    font-size: 0;
    line-height: 0;
    */
	display: block;
    float: left;
    background: url(/images/institution/layout/btn-inputSearchRight.gif) no-repeat right top;
    /*width: 26px;*/
    height: 29px;
    border: 0;
    padding: 0 12px 0 9px;
	cursor: pointer;
	line-height: 29px;
	color: #B22329;
}

.formItem
{
    width: 100%;
    overflow: hidden;
}

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner
{
    background: url(/images/institution/layout/bg-banner2.gif) no-repeat left bottom;
}

div.banner p.main
{
    color: #B22329;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.5em;
}
div.banner p.siteuri
{
    color: #555;
    padding-bottom: .7em;
    font-size: 1.16em;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* INSTITUTIONAL MAIN NAVIGATION CSS BEGINS  */
div.fp
{
    background: url(/images/institution/layout/bg-mainNavShadow.gif) no-repeat center bottom;
    padding-bottom: 6px;
}

li.fiptext, li.fiptexta, li.fiptextb, li.fiptextc, li.fiptext a, li.fiptexta a, li.fiptextb a, li.fiptextc a
{
    background: url(/images/institution/layout/bg-mainNav2.gif) repeat-x left top #CF1820;
}
li.fiptext a, li.fiptexta a, li.fiptextb a, li.fiptextc a
{
    font-weight: normal;
}
/* INSTITUTIONAL MAIN NAVIGATION CSS ENDS  */

p.breadcrumb
{
    color: #8F9790;
}
p.breadcrumb a:link, p.breadcrumb a:visited
{
    color: #ED1B24;
    text-decoration: none;
}
p.breadcrumb a:hover, p.breadcrumb a:active, p.breadcrumb a:focus
{
    color: #900B11;
}

/*  SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL  */
div.left ul.nav2
{
    list-style: none;
    margin: .1em 0;
    padding: 0 .5em;
    background: #FFF;
}

.menulinkbg
{
    display: block;
    background: url(/images/institution/layout/bg-sideNavShadow.gif) no-repeat left bottom;
    padding: .5em .5em 1em;
}

li.menucontent, div.menucontent
{
    padding: 0 0 .3em;
}

div.left li.menucontent, div.left div.menucontent, div.left a:link.menulink, div.left a:visited.menulink
{
    color: #900B11;
}

div.left a:link.menulink, div.left a:visited.menulink, div.left .menulink
{
    text-decoration: none;
    background: url(/images/institution/layout/bg-sideNavTop.gif) repeat-x left top;
}


div.left a:hover.menulink, div.left a:active.menulink, div.left a:focus.menulink
{
    color: #626762;
}

div.left ul.nav2 a:link.menulink, div.left ul.nav2 a:visited.menulink
{
    color: #626762;
    background: none;
    padding: 0 0 .2em;
}
div.left ul.nav2 a:hover.menulink, div.left ul.nav2 a:active.menulink, div.left ul.nav2 a:focus.menulink
{
    color: #900B11;
}
/*  SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL  */

/*  FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE  */
div.footer
{
    font-size: .91em;
    color: #8F9790;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    height: 1%;
    min-height: 1%;
    overflow: hidden;
    padding: .4em 0;
}

div.footer div.footerline
{
    display: none;
}
div.foot3 a
{
    padding: 0;
}

div.footer a:link, div.footer a:visited, div.topPage a:link, div.topPage a:visited, p.topPage a:link, p.topPage a:visited
{
    color: #ED1B24;
    background-color: #FFF;
    text-decoration: none;
}

div.foot2 img, div.topPage img, p.topPage img
{
    height: 4px;
    width: 7px;
    padding: 0 5px;
    position: relative;
    vertical-align: text-top;
}


div.footer a:hover, div.footer a:active, div.footer a:focus, div.topPage a:hover, div.topPage a:active, div.topPage a:focus, p.topPage a:hover, p.topPage a:active, p.topPage a:focus
{
    color: #900B11;
}
/*  FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE  */
div.center
{
    padding-left: 22px;
}

.ctn-overflow
{
    height: 1%;
    overflow: hidden;
}
.contentMid
{
    width: 400px;
    float: left;
    display: inline;
}
.contentRight
{
    width: 162px;
    float: right;
    display: inline;
}

.collapseButton
{
    cursor: pointer;
    display: block;
    float: left;
    width: 25px;
    height: 19px;
    background: url(/images/institution/layout/btn-collapse.gif) no-repeat left top;
}

.collapseClose	{ background-position: left top; }
.collapseOpen	{ background-position: left bottom; }

.column
{
    float: left;
    margin: 0 1em;
    display: inline;
}

.searchLeft
{
    width: 340px;
    margin-left: 0;
}
.searchRight
{
    width: 200px;
    margin-right: 0;
}

.searchSubLeft
{
    width: 110px;
    margin-right: .3em;
    margin-left: 0;
}
.searchSubRight
{
    width: 221px;
    margin-left: .3em;
    margin-right: 0;
}

.columnHalfLeft
{
    width: 45%;
    margin-left: 0;
}
.columnHalfRight
{
    width: 45%;
    margin-right: 0;
}

#admin-tab .column .input-admin {
	width: 95%;
}

.one-third {
	width: 30%;
	margin: 0 2%;
}

.one-half {
	width: 47%;
	margin: 0 2%;
}

.col-first {
	margin-left: 0;
}

.col-last {
	margin-right: 0;
}

.searchBox
{
    margin-bottom: 1.2em;
}

input.disabled
{
	color: #CCC;
}


.searchBox .inputText input,
input.inputText
{
    font-style: italic;
    margin: 0 5px 0 0;
    display: block;
    float: left;
    width: 470px;
    border: none;
    background: #FFF;
    height: 27px;
    line-height: 27px;
    padding: 0 .4em;
    border: 1px solid #D2D2D2;
}


.searchTools
{
    margin-bottom: 1.5em;
}


div.filters
{
    border-bottom: 1px solid #C6D1C7;
    height: 1%;
    overflow: hidden;
    padding: 0 1em .7em;
    margin-bottom: 1.2em;
}
div.filters ul
{
    margin: 0;
}
div.filters ul li
{
    background: none;
    padding: 0 .8em 0 0;
    float: left;
}
div.filters ul li a, div.filters ul li a:link, div.filters ul li a:visited
{
    color: #636363;
    padding-right: 16px;
    background: url(/images/institution/layout/btn-filterClose.gif) no-repeat right center;
}
div.filters ul li a:active, div.filters ul li a:focus, div.filters ul li a:hover
{
    color: #900B11;
    text-decoration: underline;
}

.contentMid a, .contentMid a:link, .contentMid a:visited, .listing a, .listing a:link, .listing a:visited, .searchTools a, .searchTools a:link, .searchTools a:visited, span.header
{
    color: #ED1B24;
    text-decoration: none;
    background: url(/images/institution/layout/link-dotted.gif) repeat-x left bottom;
}

div.center a, div.center a:link, div.center a:visited
{
    color: #ED1B24;
    text-decoration: none;
}
div.center a:active, div.center a:focus, div.center a:hover
{
    text-decoration: underline;
}

div.contentMid a:active, div.contentMid a:focus, div.contentMid a:hover, div.listing a:active, div.listing a:focus, div.listing a:hover, div.searchTools a:active, div.searchTools a:focus, div.searchTools a:hover
{
    color: #900B11;
    text-decoration: none;
    background: none;
}

div.center a.tooltip,
div.center a.tooltip:link, 
div.center a.tooltip:active, 
div.center a.tooltip:visited {
	background:url("/images/institution/layout/link-dotted.gif") repeat-x scroll left bottom transparent;
	color:#636363;
}

.contentRight .boxImg
{
    float: none;
    margin-right: 0;
}

.boxItem
{
    height: 1%;
    overflow: hidden;
    margin-bottom: 1.5em;
}
.boxImg
{
    float: left;
    margin-right: 2em;
    background: url(/images/institution/layout/bg-sideNavShadow.gif) no-repeat center bottom;
    padding-bottom: 6px;
}
.boxImg img
{
    display: block;
}
.boxText
{
    height: 1%;
    overflow: hidden;
}
.boxText p
{
    margin: 0 0 .7em;
}
div.boxText ul
{
    margin: 0 0 .7em;
}

.sideBox
{
    border: 1px solid #D2D2D2;
    background: url(../images/institution/layout/bg-sidebox.gif) repeat-y center top;
    padding: .6em 1em;
    margin-bottom: 1em;
}
.sideBox p
{
    margin: 0;
    font-size: .91em;
}
div.sideBox a, div.sideBox a:link, div.sideBox a:visited
{
    background: none;
    text-decoration: none;
    color: #ED1B24;
}
div.sideBox a:active, div.sideBox a:focus, div.sideBox a:hover
{
    text-decoration: underline;
}

.subbanner
{
    background: url(/images/institution/banners/bg-subbanner.gif) no-repeat right top #AAB3AB;
    margin-bottom: 2.5em;
}
.subbanner .boxImg
{
    background: none;
    padding: 0;
    border-right: 7px solid #FFF;
    margin-right: 1em;
}
.subbanner .boxText
{
    padding: .6em 0;
}

.searchOptions
{
    background-color: #EEF0F0;
    padding: 1.5em .5em;
    margin-bottom: 2em;
}

.slider
{
    position: relative;
    height: 163px;
    width: 588px;
    margin-bottom: 1.8em;
    background-color: #B2BCB3;
}

.slideItem
{
    width: 100%;
    overflow: hidden;
}
.slideImg
{
    float: left;
}
.slider img
{
    display: block;
}
.slideText
{
    width: 162px;
    float: right;
    padding: 1em 0;
}

.slideTitle
{
    position: absolute;
    bottom: 15px;
    left: 0;
    background: rgb(209, 24, 32);
    background: rgba(209, 24, 32, 0.85);
    margin: 0;
    width: 588px;
}
.slideTitle h6
{
    font-size: 1.16em;
    padding: .4em 1em;
    color: #FFF;
    margin: 0;
    font-family: 'DaxlineOT-MediumRegular' , Verdana, Geneva, sans-serif;
}
.slideTitle .tagline
{
    font-size: .85em;
    font-weight: normal;
}

.slideText p
{
    font-family: 'DaxlineOT-Light' , Verdana, Geneva, sans-serif;
    color: #FFF;
    font-size: 1.16em;
    padding: 0 1em 0 .5em;
    margin: 0 0 .6em;
}
.slideText p.read-more
{
    font-size: 0.83em;
    color: #555;
    text-align: right;
    text-transform: uppercase;
}
.slideText p.read-more a, .slideText p.read-more a:link, .slideText p.read-more a:visited
{
    color: #555;
    text-decoration: none;
}


div.pagination span.h3
{
    float: left;
    display: block;
    letter-spacing: .05em;
    font-weight: normal;
    font-family: 'DaxlineOT-MediumRegular' , Verdana, Geneva, sans-serif;
    font-size: 1.26em;
    line-height: 1em;
    color: #B22329;
    text-transform: uppercase;
}

div.pagination
{
    width: 100%;
    overflow: hidden;
    margin: 0 0 1.5em;
    padding: 0;
    background: url(/images/institution/layout/bg-header2.gif) repeat-y left top #D3D6D3;
}
div.pagination ul
{
    font-size: .87em;
    background: #FFF;
    float: right;
    padding: 0 .4em;
    margin: 0;
    line-height: 1em;
}
div.pagination ul li
{
    background: none;
    display: inline;
    float: left;
    margin-left: 3px;
    padding: 0;
}
div.pagination ul li a, div.pagination ul li a:visited
{
    float: left;
    text-decoration: none;
    padding: 3px;
    display: block;
}
div.pagination ul li a:active, div.pagination ul li a:focus, div.pagination ul li a:hover
{
    color: #900B11;
}
div.pagination ul li.selected a, div.pagination ul li.selected a:link, div.pagination ul li.selected a:visited
{
    color: #666666;
}

div.pagination ul li a.btnNext, div.pagination ul li a.btnNext:link, div.pagination ul li a.btnNext:visited, div.pagination ul li a.btnPrev, div.pagination ul li a.btnPrev:link, div.pagination ul li a.btnPrev:visited
{
    margin-top: 2px;
    display: block;
    text-indent: -50000px;
    background: url(/images/institution/layout/btn-pagination.gif) no-repeat left -13px;
    width: 13px;
    height: 13px;
    padding: 0;
}
div.pagination ul li a.btnPrev, div.pagination ul li a.btnPrev:link, div.pagination ul li a.btnPrev:visited
{
    background-position: left top;
}




	/*  ================================================================================================
	 *  Base Slider
	 *  ================================================================================================
	 */
	 	.slider,
		.slider-bound,
		.slider-holder		{ position: relative; }
		.slider				{ }
		.slider-bound		{ overflow: hidden; }
		
		/*  Controls  */
			.slider-controls			{ position: absolute; z-index: 50; overflow: hidden; right: 5px; padding-top: 3px; }
			.button						{ float: left; margin-left: 5px; }
			.button a,
			.button a:link,
			.button a:visited			{ cursor: pointer; background: url(/images/institution/home/slider-buttons.gif) no-repeat left top; display: block; width: 16px; height: 16px; text-indent: -50000px; }
			
			a.slider-btnNext,
			a.slider-btnNext:link,
			a.slider-btnNext:visited	{ background-position: right top; }
			
			.slider-controls ul { margin:0 !important; }
			.slider-controls ul li
			{
				display: inline;
				list-style-type: none;
				background: none !important;
			}
			.slider-controls ul li a { cursor:pointer; }
			.slider-controls ul li.active { text-decoration:underline !important; color: #ED1B24; }
		/*  Content  */
			.slideItem				{}
				.slideText			{}
				.slideImage			{}
				.slideImage img		{ display: block; }
				
				
	div.center p, div.center ul { margin-right: 1.5em; }

	/* ADDITIONAL PQA LAYOUT CSS BEGINS | DEBUT DU CSS DE LA MISE EN PAGE DE PQA */
	.paddingLeft5px {
		padding-left: 5px; 
	}
	.paddingLeft10px {
		padding-left: 10px; 
	}
	.paddingBottom5px {
		padding-bottom: 5px; 
	}
	.paddingBottom10px {
		padding-bottom: 10px; 
	}
	.bottomBorder {
		border-bottom: 1px solid #ccc;
	}
	.topBorder {
		border-top: 1px solid #ccc;
	}
	/* ADDITIONAL PQA LAYOUT CSS ENDS | FIN DU CSS DE LA MISE EN PAGE DE PQA */


	/* PQA BACKWARDS COMPATIBILITY 3col HACK TO ADD RIGHT SIDE MENU BEGINS */
	div.rightMenu 
	{
		float: left;
		width: 375px;
	}
	/* PQA BACKWARDS COMPATIBILITY 3col HACK TO ADD RIGHT SIDE MENU ENDS */
	
div.langbtn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}