/* Outline Menu CSS */

ul.mnu {
	position: absolute;
	bottom: 12px;
	left: 0;
	top: 12px;
	width: 180px;
	margin:0;
	padding: 0;
	list-style-type:none;
	list-style-image:none;
	background-color: #F0EDE6
}

ul.mnu ul{
	list-style: none;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0;
}

ul.mnu li{
	margin: 0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}

ul.mnu_i {
	display: block;
	position: relative;
}

ul.mnu a{
	color: #695B53;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	background-position: right center;	
}

ul.mnu .mnu_sch{
	padding: 7px 7px 5px 25px;
	background-repeat:no-repeat;
	background-position:5px 5px;
}

ul.mnu .mnu_sch, ul.mnu .mnu_i{
	display: block;
}

ul.mnu a:hover{
	background: url(../img/deco/elmtMnuSel.png) no-repeat center right #dfc1c0 !important;
}

ul.mnu div.mnuLbl{
	position: relative;
}

ul.mnu div.mnu_sel_yes .mnu_i{
	color: white;
	background: url(../img/deco/elmtMnuSel.png) no-repeat center right #971510 !important;
	padding-right:10px;
}

ul.mnu div.mnu_intro .mnu_sch{
	background-image: url(../img/deco/introMnu.png);
}
ul.mnu div.mnu_intro.mnu_sel_yes .mnu_sch{
	background-image: url(../img/deco/introMnuSel.png);
}
ul.mnu div.mnu_conclu .mnu_sch{
	background-image: url(../img/deco/concluMnu.png);
}
ul.mnu div.mnu_conclu.mnu_sel_yes .mnu_sch{
	background-image: url(../img/deco/concluMnuSel.png);
}
ul.mnu div.mnu_expUc .mnu_sch{
	background-image: url(../img/deco/expUcMnu.png);
}
ul.mnu div.mnu_expUc.mnu_sel_yes .mnu_sch{
	background-image: url(../img/deco/expUcMnuSel.png);
}
ul.mnu div.mnu_practUc .mnu_sch{
	background-image: url(../img/deco/practUcMnu.png);
}
ul.mnu div.mnu_practUc.mnu_sel_yes .mnu_sch{
	background-image: url(../img/deco/practUcMnuSel.png);
}
ul.mnu div.mnu_trainUc .mnu_sch{
	background-image: url(../img/deco/trainUcMnu.png);
}
ul.mnu div.mnu_trainUc.mnu_sel_yes .mnu_sch{
	background-image: url(../img/deco/trainUcMnuSel.png);
}
ul.mnu div.mnu_assmntUa .mnu_sch{
	background-image: url(../img/deco/assmntUaMnu.png);
}
ul.mnu div.mnu_assmntUa.mnu_sel_yes .mnu_sch{
	background-image: url(../img/deco/assmntUaMnuSel.png);
}
ul.mnu div.mnu_quest .mnu_sch{
	background-image: url(../img/deco/qSy.png);
}
ul.mnu div.mnu_quest.mnu_sel_yes .mnu_sch{
	background-image: url(../img/deco/qSySel.png);
}
ul.mnu div.mnu_coQuiz .mnu_sch{
	background-image: url(../img/deco/listeExoMnu.png);
}
ul.mnu div.mnu_coQuiz.mnu_sel_yes .mnu_sch{
	background-image: url(../img/deco/listeExoMnuSel.png);
}
ul.mnu div.mnu_obj .mnu_sch{
	background-image: url(../img/deco/obj.png);
}
ul.mnu div.mnu_obj.mnu_sel_yes .mnu_sch{
	background-image: url(../img/deco/objSel.png);
}
ul.mnu div.mnu_courseUa.mnu_b .mnu_sch,
ul.mnu div.mnu_ueDiv.mnu_b .mnu_sch{
	background-image: url(../img/deco/closedMnu.png);
	padding-left: 38px
}
ul.mnu div.mnu_courseUa.mnu_sel_yes .mnu_sch,
ul.mnu div.mnu_ueDiv.mnu_sel_yes .mnu_sch{
	background-image: url(../img/deco/closedMnuSel.png);
	padding-left: 38px
}

ul.mnu span.mnu_cursor {
	display: none;
}

/* Barres horizontal de scroll */
.mnuBlock{
	position: absolute;
	width:180px;
	top:12px;
	left:0px;
	bottom:150px;
}
#mnuScroll {
	position: absolute;
	width:180px;
	top:12px;
	left:0px;
	bottom:150px;
	overflow: auto;
	padding-right:0;
	background-color:#F0EDE6;
}
.mnuSrlUpFra{
	position: absolute;
	width: 180px;
	left: 0;
	top:0;
	height: 13px;
	background: #89756a;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.37, rgb(158,144,135)),
		color-stop(0.69, rgb(137,117,106))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgb(158,144,135) 37%,
		rgb(137,117,106) 69%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89756a', endColorstr='#9e9087');
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
/*#mnuFrmUpLeft{
}

#mnuFrmUpRight{
}*/
.mnuSrlUpBtn{
	position: absolute;
	left: 0;
	right: 0;
	height: 13px;
	background: url(../img/mnu/ascHaut.png) no-repeat center center;
	cursor: pointer;
}
#mnuBtnUp{
	position: absolute;
	width: 180px;
	height: 13px;
}

.mnuSrlDwnFra span, .mnuSrlUpFra span{
	display: none;
}

.mnuSrlDwnFra{
	position: absolute;
	width: 180px;
	left: 0;
	bottom: 0;
	height: 13px;
	background: #9e9087;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.37, rgb(137,117,106)),
		color-stop(0.69, rgb(158,144,135))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgb(137,117,106) 37%,
		rgb(158,144,135) 69%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9087', endColorstr='#89756a');
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	z-index:1;
}
.mnuSrlDwnBtn{
	position: absolute;
	left: 0;
	right: 0;
	height: 13px;
	background: url(../img/mnu/ascBas.png) no-repeat center center;
	cursor: pointer;
}
#mnuBtnDown{
	position: absolute;
	width: 180px;
	height: 13px;
}
#mnuFrmUp.btnOff,
#mnuFrmDown.btnOff{
	-moz-opacity:0.7;
	filter:Alpha(opacity=70);
	opacity:0.7;}
	
.mnuFra {
	bottom: 150px;
	left: 0;
	position: absolute;
	top: 0;
	width: 180px;
	-webkit-transition: all 0.2s ease-out 0.2s;
	transition: all 0.2s ease-out 0.2s;
}

ul.mnu a.mnu_tgle_o,ul.mnu a.mnu_tgle_c{
	background-position: left top;
	background-repeat: no-repeat;
	height: 12px;
	left: 23px;
	position: absolute;
	top: 6px;
	width: 12px;
}
ul.mnu a.mnu_tgle_c, ul.mnu a.mnu_tgle_c:hover{
	background-image: url(../img/mnu/openFolder.png) !important;
}
ul.mnu a.mnu_tgle_o, ul.mnu a.mnu_tgle_o:hover{
	background-image: url(../img/mnu/closeFolder.png) !important;
}
ul.mnu_static div.mnu_b{
	background-image: url(../img/mnu/closeFolder.png);
	background-position: left top;
	background-repeat: no-repeat;
}
ul.mnu_static div.mnu_b_c{
	background-image: url(../img/mnu/mnuCl.gif);
}
ul.mnu a.mnu_tgle_o span,ul.mnu a.mnu_tgle_c span{
	display:none;
}

ul.mnu ul .mnu_sch, ul.mnu ul a.mnu_tgle_c, ul.mnu ul a.mnu_tgle_o{
	margin-left: 20px
}

ul.mnu ul ul .mnu_sch, ul.mnu ul ul a.mnu_tgle_c, ul.mnu ul ul a.mnu_tgle_o{
	margin-left: 40px
}

ul.mnu ul ul ul .mnu_sch, ul.mnu ul ul ul a.mnu_tgle_c, ul.mnu ul ul ul a.mnu_tgle_o{
	margin-left: 60px
}

ul.mnu ul ul ul ul .mnu_sch, ul.mnu ul ul ul ul a.mnu_tgle_c, ul.mnu ul ul ul ul a.mnu_tgle_o{
	margin-left: 80px
}

/* === SMALL & TOUCH screens ================================================ */
div.tplFra_touch ul.mnu{
	position:static;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
	font-size:11pt;
}
div.tplFra_touch ul.mnu li{
	padding:1px 0;
}
div.tplFra_touch ul.mnu .mnu_sch{
	min-height:25px;
}
div.tplFra_touch ul.mnu a.mnu_tgle_o,
div.tplFra_touch ul.mnu a.mnu_tgle_c{
	top:5px;
}