/**** Skin CSS - portal ***/


/*html*/
html{
	margin: 0px;
	padding: 0px;
}
body {
	font: 12px Arial, sans-serif, Verdana, Helvetica;
	background: #e7e7e7;
	color: black;
	margin: 0;
	padding: 0;
	height: 100%;
}
table{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse; 
}
h1{
	font-size: 1.6em;
	color: #003399;
}
h2{
	font-size:1.5em;
	color:#003399;
}
h3{
	font-size: 1.4em;
}
h4, h5, h6{
	font-size: 1.3em;
}
div#tplFraPge h1,
div#tplFraTools h1,
div#tplFraPge h2,
div#tplFraTools h2,
div#tplFraPge h3,
div#tplFraTools h3,
div#tplFraPge h4,
div#tplFraTools h4,
div#tplFraPge h5,
div#tplFraTools h5,
div#tplFraPge h6,
div#tplFraTools h6{
	color: #666666;
}
a{
	color:#0066cc;
	text-decoration: none;
}
a:visited{
	color:#003399;
}
a:hover {
	text-decoration: underline;	
}
p{
	text-align: justify;
}
ul,
li p{
	margin:0;
}
.hidden{
	position: absolute;
	top:-5000px;
	left:-5000px;
	overflow: hidden;
	width:1px;
	height:1px;
	color:black
}


/*struct*/
/* ============= Accessibility menu ============= */
ul#accessibility {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	width:auto;
	z-index:90;
	font-size:7pt;
	top:3px;
	opacity: 0.2;
	filter:Alpha(opacity=20); 
	color:white;
}
ul#accessibility:hover,
ul#accessibility.waiFocus{
	opacity: 0.7;
	filter:Alpha(opacity=70); 
}
ul#accessibility li{
	float: left;
	margin-left:10px;
}
ul#accessibility a{
	color:white;
	text-decoration: none;
}
ul#accessibility a:hover{
	text-decoration: none;
}

div#tplFraHome,
div#tplFraPge,
div#tplFraTools {
	width: 990px;
	margin: 0 auto;
	border-left: 5px solid #9a0b0f;
	border-right: 5px solid #9a0b0f;
	background: #ffffff;
}
div#tplTop {
	background: #ffffff url("../img/tpl/bgTop.png") no-repeat top left;
	height: 167px;
	position: relative;
}
a#titleRoot{
	display: block;
	height: 167px;
}
a#titleRoot span{
	display:none;
}
div#tplNav {
	background: #a2c3e2;
	height: 20px;
}
div#tplMain {
	background: #ffffff;
	position: relative;
}
div#tplFraHome #tplMain{	
	padding: 10px 10px 0 0;
	overflow: hidden;
}
div#tplFraPge #tplMain{
	padding:10px 0;
}
div#tplFraTools #tplMain{
	padding:10px;
}
div#tplFraHome #tplCo{
	margin-left: 218px;
	margin-top: 20px;
	overflow: hidden;
}
div#tplFraPge #tplCo {
	margin-left: 175px;
	margin-top: 20px;
	padding: 0 10px 10px;
	border-left: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-radius: 0 0 0 10px;
	-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	-o-border-radius: 0 0 0 10px;
}
div#tplFraHome #tplBtm,
div#tplFraPge #tplBtm,
div#tplFraTools #tplBtm{	
	height:73px;
	position: relative;
}
div#tplFraHome #tplBtm{
	background: #ffffff url("../img/tpl/footer_gradient.png") repeat-x top left;
}
div#tplFraPge #tplBtm,
div#tplFraTools #tplBtm{
	background: #ffffff;
	clear: both;
}
#tplBtmIn{
	position: absolute;
	right: 5px;
	top: 5px;
}
#linkSp{
	text-decoration: none;
	margin: 0px;
}
#linkSp img{
	border-width:0px;
	vertical-align: middle;
}
#tplBtmIn a {
	color: white;
}
#tplBtmIn a:hover {
	color: lightgray;
}



/*transf*/
div#margin {
	width: 208px;
	background: #e7e7e7;
	padding: 10px;
	bottom: 0;
	margin-top: 20px;
	left: 0;
	float: left;
}
div.margin_bk {
	border-bottom:1px solid #bcbcbc;
	margin:0 0 20px;
	padding-bottom: 10px;
}
div.margin_bk_ti {
	color: #666666;
	font-weight:bold;
}
div.margin_bk  ul{
	margin:0;
	padding:5px 0 0 0;
	list-style: none;
}
div.margin_bk li{
	background: url("../img/deco/blakbullet.png") no-repeat top left;
	padding-left: 20px;
}
div.home_txt_bk{
	border: 1px solid #bcbcbc;
	padding: 10px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	clear:both;
	margin-left: 10px;
}
.home_txt_bk_ti{
	margin:0;
	padding:0;
	font-size: 1.6em;
}
div.homeLink_bk_ti{
	font-size: 1.6em;
	color: #003399;
	font-weight:bold;
}
div.homeLink_bk{
	width: 29%;
	padding: 10px;
	float: left;
	border: 1px solid #bcbcbc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	margin-bottom: 10px;
	margin-left: 8px;
}
div.homeLink_bk p,
div.margin_bk p{
	text-align:left;
	margin: 2px 0;
}
div.legalBk {
	font-size: 80%;
	color: #666666;
	padding-top: 5px;
}
div.legalBk p{
	text-align: center;
}
a.rssLnk{
	background: #f60;
	color: #ffffff;
	font: bold 70% 'Lucida Grande', Arial, Helvetica, sans-serif;
	padding: 0 0.3em 0 0.3em;
	margin: 16px 0.1em 0 0.1em;
	display: inline-block;
	position: relative;
	left: 186px;
}
div.lang_bk {
	position: absolute;
	top: 5px;
	left: 5px;
}
div.lang_bk a span{
	display:none;
}
div.lang_bk a{
	width:15px;
	height: 12px;
	display: inline-block;
	padding-right: 3px;
}
a.lang_en{
	background: url("../img/deco/flag-en.png") no-repeat top left;
}
a.lang_fr{
	background: url("../img/deco/flag-fr.png") no-repeat top left;
}
a.lang_es{
	background: url("../img/deco/flag-es.png") no-repeat top left;
}





/*Glossaire*/
div.refOutline{
	text-align:center;
}
span.refOutlineEntry{
	padding: 0 5px;
}
div.refCateg{
	font-weight: bold;
	color: #666666;
	border-bottom: 1px solid;
	margin-top: 10px;
}
dt.idxEntryTi{
	font-weight: bold;
}






/*inline*/
q::before,
q::after{
	content:"";
}







/*Search*/
div.searchFra {
	position: absolute;
	right: 3px;
	top: 20px;
}
div.searchFra input.searchText {
	border: 1px inset #757575;
}
a.searchSubmit,
a.schBtnLaunch {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url("../img/search/portlet_search_icon.png");
	margin-left: 3px;
	margin-top: 1px;
}
a.searchSubmit span,
a.schBtnLaunch span {
	display: none;
}





/*mnuLeft*/
div#tplMnu {
	width: 155px;
	padding: 10px;
	left: 0;
	float: left;
	margin-top: 10px;
}
div.mnuSrlUpFra,
div.mnuSrlDwnFra,
div.mnuOpn,
div.mnuCls{
	display:none;
}
ul.mnu{
	list-style-type: none;
	padding-left: 0px;
}
ul.mnu_sub{
	list-style-type: none;
	padding-left:30px;
}
ul.mnu div.mnuLbl {
	position: relative;
	padding-left: 34px;
	min-height: 20px;
	padding-top: 3px;
	margin-bottom: 2px;
}
ul.mnu a.mnu_tgle_o,
ul.mnu a.mnu_tgle_c {
	background-position: left top;
	background-repeat: no-repeat;
	height: 16px;
	left: 0px;
	position: absolute;
	top: 4px;
	width: 16px;
}
ul.mnu a.mnu_tgle_o span,
ul.mnu a.mnu_tgle_c span {
	display: none;
}
ul.mnu a.mnu_tgle_o {
	background-image: url(../img/mnu/toggle_minus.png);
}
ul.mnu a.mnu_tgle_c {
	background-image: url(../img/mnu/toggle_plus.png);
}
ul.mnu div.mnu_ueDiv,
ul.mnu div.mnu_courseUa {
	background: url(../img/mnu/section_icon.png) no-repeat 15px 4px !important;
}
ul.mnu div.mnu_intro,
ul.mnu div.mnu_obj,
ul.mnu div.mnu_conclu,
ul.mnu div.mnu_expUc,
ul.mnu div.mnu_practUc,
ul.mnu div.mnu_trainUc,
ul.mnu div.mnu_coQuiz,
ul.mnu div.mnu_assmntUa,
ul.mnu div.mnu_quest,
ul.mnu div.mnu_obj {
	background: url(../img/mnu/document_icon.png) no-repeat 2px 4px !important;
	padding-left: 20px;
}
ul.mnu div.mnu_ueDiv.mnu_sel_yes,
ul.mnu div.mnu_courseUa.mnu_sel_yes {
	background: #ffc02a url(../img/mnu/section_icon.png) no-repeat 15px 4px !important;
}
ul.mnu div.mnu_intro.mnu_sel_yes,
ul.mnu div.mnu_obj.mnu_sel_yes,
ul.mnu div.mnu_conclu.mnu_sel_yes,
ul.mnu div.mnu_expUc.mnu_sel_yes,
ul.mnu div.mnu_practUc.mnu_sel_yes,
ul.mnu div.mnu_trainUc.mnu_sel_yes,
ul.mnu div.mnu_coQuiz.mnu_sel_yes,
ul.mnu div.mnu_assmntUa.mnu_sel_yes,
ul.mnu div.mnu_quest.mnu_sel_yes,
ul.mnu div.mnu_obj.mnu_sel_yes {
	background: #ffc02a url(../img/mnu/document_icon.png) no-repeat 2px 4px !important;
	padding-left: 20px;
}




/*mnuChild*/
ul.sw_child_navList {
	list-style-type:none;
	margin-top:15px;
	padding-left:20px;
}
ul.sw_child_navList a{
	font-weight:bold;
}
ul.sw_child_navList li{
	margin-top: 15px;
}
ul.sw_child_navList a {
	position: relative;
	padding-left: 20px;
	min-height: 16px;
	padding-top: 3px;
	display:inline-block;
}
ul.sw_child_navList p a {
	padding-left: 0;
	font-weight: normal;
}
ul.sw_child_navList a.mnu_ueDiv,
ul.sw_child_navList a.mnu_courseUa {
	background: url(../img/mnu/section_icon.png) no-repeat 2px 2px !important;
}
ul.sw_child_navList a.mnu_intro,
ul.sw_child_navList a.mnu_obj,
ul.sw_child_navList a.mnu_conclu,
ul.sw_child_navList a.mnu_expUc,
ul.sw_child_navList a.mnu_practUc,
ul.sw_child_navList a.mnu_trainUc,
ul.sw_child_navList a.mnu_coQuiz,
ul.sw_child_navList a.mnu_assmntUa,
ul.sw_child_navList a.mnu_quest,
ul.sw_child_navList a.mnu_obj {
	background: url(../img/mnu/document_icon.png) no-repeat 2px 2px !important;
}
ul.sw_child_navList div{
	margin-left:3px;
}




/*mnuStack*/
div#tplStack {
	font-size: 10px;
	background: url(../img/deco/UpFolder_icon.png) no-repeat top left;
	margin-left: 5px;
	margin-top: 5px;
	padding-left: 20px;
}
div#tplStack ul{
	list-style-type:none;
	display: inline;
	padding: 0;
}
div#tplStack li{
	display: inline;
}



/*mnuCat*/
ul.outCat {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.outCat li {
	margin: 3px 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}
ul.outCat li a.outCat_i,
ul.outCat li span.outCat_i{
	padding: 3px 15px;
}
ul.outCat li span.outCat_i{
	font-weight: bold;
}
ul.outCat li a.outCat_i:hover,
ul.outCat li.outCat_sel_yes span.outCat_i{
	background: #ffffff;
}


/*tooltip*/
div.url_fra,
div.tooltip {
	background: white;
	padding: 5px 10px;
	border:1px solid #888888;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	box-shadow: 3px 3px 3px #666666;
	-moz-box-shadow: 3px 3px 3px #666666;
	-webkit-box-shadow: 3px 3px 3px #666666;
	-o-box-shadow: 3px 3px 3px #666666;
}
div.url_fra p {
	text-align:left;
	padding:0;
	margin:0;
}
div.tooltip_ti{
	font-weight:bold;
}
a.tooltip_x{
	position: absolute;
	top: 0;
	right: 6px;
	color: #000000;
	font-weight: bold;
}
a.tooltip_x:hover{
	text-decoration: none;
}