/* General HTML CSS */
html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	font: 12px Verdana, Arial, Sans-serif;
	background-color:#FFFFFF;
	color:#464646;
}

table{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse; 
}
table.olTableSol,
.solArea,
.solAreaValid{
	border-collapse: collapse; 
	background: #fff;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.37, rgb(238,253,238)),
		color-stop(0.69, rgb(255,255,255))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgb(238,253,238) 37%,
		rgb(255,255,255) 69%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eefdee');
	border:2px solid #a3b399;
}
.solAreaValid{
	margin-left:52px;
	margin-bottom:25px;
}
table.olTableSol{
	margin-top:10px;
}
table.olTableSol td{
	border-bottom:2px solid #a3b399;
	padding:5px
}
h1, h2, h3, h4, h5, h6{
	padding:0px;
	margin:0px;
	font-weight: bold;
}
h1{
	font-size: 1.6em;
	color: black;
}
h2{
	font-size:1.5em;
	color:#3f3f3f;
}
h3{
	font-size: 1.4em;
	color: #3f3f3f;
}
h4, h5, h6{
	font-size: 1.3em;
	color: #3f3f3f;
}
p{
	text-align: justify;
	font-size: 1.2em;
	margin: 0.2em 1em 0.7em 1em;
}

.hidden{
	position: absolute;
	top:-5000px;
	left:-5000px;
	overflow: hidden;
	width:1px;
	height:1px;
	color:black
}

#navigation .hidden, #tplNav .hidden, #tplBtm .hidden, #header .hidden{
	color:white
}
/* ============= Accessibility menu ============= */
ul#accessibility {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px 0 0 0;
	padding:0;
	position:absolute;
	left:0;
	width:auto;
	z-index:90;
	font-size:7pt;
	top:-2px;
	opacity: 0.2;
	color:white;
}
ul#accessibility:hover,
ul#accessibility.waiFocus{
	opacity: 0.7;
}
ul#accessibility li{
	float: left;
	margin-left:10px;
}
ul#accessibility a{
	color:#3f3f3f;
	text-decoration: none;
}
ul#accessibility a:hover{
	text-decoration: none;
}

noscript{
	font-size: 0.8em;
	font-style: italic;
}
/* ============= Struct ============= */
#tplFra,
#tplFraPge {
/*	position: absolute; compat IE7 */
	bottom:0;
	left:0;
	position:fixed;
	right:0;
	top:0;
	min-width:700px;
	min-height:360px;
	max-width:1300px;
	margin:0 auto;
}
#header  {
	height:19px;
	left:100px;
	position:absolute;
	right:100px;
	top:0;
	z-index:3;
	border-bottom:1px dotted;
}
#tplTopIn {
	position: absolute;
	display: block;
	right: 0px;
	padding-top:1px;
	color: #686868;
	width:500px;
}
#linkSp{
	text-decoration: none;
	margin: 0px;
}
#linkSp img{
	border-width:0px;
	vertical-align: middle;
}
#tplBtmIn a {
	color: white;
}
#tplBtmIn a:hover {
	color: lightgray;
}
#tplNav,
#navigation{
	background:url("../img/struct/topBg.png") top left no-repeat;
	bottom:0;
	position:absolute;
	top:0;
	width:100px;
	background-color:#cd002e;
	box-shadow: 0px 0px 10px #c3c3c3; 
}
#tplNav {
	left:0;
	z-index:22;
}
#navigation {
	right:0;
	z-index:23;
}
.tplBtmRgt,
.tplBtmLft{
	background:url("../img/struct/bottomBg.png") bottom left no-repeat;
	width:100px;
	height:100%;
}
.decoLft{
	background:url("../img/struct/decoLft.png") 50% 20% no-repeat;
	width:100px;
	height:100%;
}
.decoRgt{
	background:url("../img/struct/decoRgt.png") 50% 80% no-repeat;
	width:100px;
	height:100%;
}
#document {
	left:100px;
	position:absolute;
	right:100px;
	top:19px;
	z-index:1;
}
#document.evalType {
	bottom:38px;
}
#document.autoLearningType {
	bottom:0;
}
#tplCo {
	background-color:#FFFFFF;
	bottom:0;
	left:0;
	overflow:auto;
	position:absolute;
	right:0;
	top:0;
	z-index:11;
}

#tplFraSynth #tplCo {
	position: static;
}

#tplCoSpacer {
	height:20px;
}
#footer {
	bottom:0;
	height:38px;
	left:10px;
	position:absolute;
	right:10px;
	z-index:25;
	background-color:#b7002a;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: 0px 0px 6px #444; 
	padding-right:16px;
}
.eval_progressG{
	height:31px;
	background: url(../img/struct/evalProgG.png) no-repeat top left;
	margin:4px 8px 0;
}
.eval_progressD{
	height:31px;
	background: url(../img/struct/evalProgD.png) no-repeat top right;
}
.eval_progress{
	height:31px;
	background: url(../img/struct/evalProg.png) repeat-x top left;
	margin:0 13px;
}
.eval_progress_text {
    color: Wheat;
    display: block;
	padding-top:8px;
    text-align: center;
	font-weight:bold;
}
/* ============= StructHome ============= */
#main_nav{
	font-size: 20px;
	text-align: right;
	position:absolute;
	top:50%;
	right:0;
	z-index:35;
	width:282px;
}
#main_nav a{
	display: block;
	text-decoration: none;
}
#main_nav a.startBtn,
#gotoLastLocation a,
#resetStorageData a{
	color: #ffffff;
	padding-top:9px;
	padding-right:114px;
	height:47px;
	margin-bottom:40px;
	background: url(../img/btn/startBg.png) no-repeat top left;
}
.lnkImg{
	height: 98px;
	width: 100px;
	display: block;
	position:relative;
	bottom:58px;
	left:182px;
}
#startBtn a .lnkImg{
	background: url(../img/btn/start.png) no-repeat;
}
#startBtn a:hover .lnkImg{
	background: url(../img/btn/startHover.png) no-repeat;
}
#gotoLastLocation a .lnkImg{
	background: url(../img/btn/last.png) no-repeat;
}
#gotoLastLocation a:hover .lnkImg{
	background: url(../img/btn/lastHover.png) no-repeat;
}
#resetStorageData a .lnkImg{
	background: url(../img/btn/reset.png) no-repeat;
	height: 94px;
	width: 99px;
}
#resetStorageData a:hover .lnkImg{
	background: url(../img/btn/resetHover.png) no-repeat;
}
h1#titleRoot {
    color: #3F3F3F;
    font-size: 15px;
    font-weight: normal;
    left: 117px;
    position: fixed;
    right: 117px;
    text-align: right;
    top: 20px;
}
h1#titleRoot span {
    display: block;
    margin: 0 auto;
    max-width: 1066px;
    min-width: 466px;
    position: relative;
}
div.logoHomeDefault{
	/*position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image:url(../img/struct/fondHomeTop.gif);
	background-repeat: no-repeat;
	background-position: top left;*/
}
div.logoHome{	
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
}
.logoHome img{
	border:0;
	padding:10px;
}
#main_co{
	padding:10px;
	margin-right:180px;
}
.homeTitle_ti  {
	color:#c2032d;
	font-size:large;
	font-weight:bold;
	padding-top:8px;
	text-align:justify;
	border-bottom:1px solid;
	margin-bottom:8px;
}
.homeTitle p.op_txt_p {
	margin-left:0;
}
.homeTitle {
	padding:5px;
	margin:0 20px;
}

/* ============= Buttons ============= */
.cc-button img{
	border:none;
}
.homeBtnSel {
	text-decoration: none;
	height: 105px;
	width: 130px;
	display: block;
}

.homeBtn {
	background: url(../img/btn/home.png) no-repeat;
}
.homeBtn:hover{
	background: url(../img/btn/homeOver.png) no-repeat;
}
.homeBtnSel {
	background: url(../img/btn/homeSel.png) no-repeat;
}
.noPrevBtn, .noNextBtn{
}
.btnLbl{
	display: none;
	color:white
}

#tplCo .btnLbl{
	color:black
}
.mapBtn {
	background: url(../img/btn/menu.png) no-repeat;
}
.mapBtn:hover {
	background: url(../img/btn/menuHover.png) no-repeat;
}
.mapBtnOn {
	background: url(../img/btn/menuOn.png) no-repeat;
}
.mapBtnOn:hover {
	background: url(../img/btn/menuOn.png) no-repeat;
}
.prevBtn {
	background: url(../img/btn/prev.png) no-repeat;
}
.prevBtn:hover {
	background: url(../img/btn/prevOver.png) no-repeat;
}
.nextBtn {
	background: url(../img/btn/next.png) no-repeat;
}
.nextBtn:hover {
	background: url(../img/btn/nextOver.png) no-repeat;
}
.printBtn {
	background: url(../img/btn/print.png) no-repeat;
}
.printBtn:hover {
	background: url(../img/btn/printHover.png) no-repeat;
}
.printBtn {
	text-decoration: none;
	height: 56px;
	width: 85px;
	display: block;
}
.mapBtn {
	text-decoration: none;
	height: 56px;
	width: 89px;
	display: block;
}
.printBtn img{
	height: 56px;
	width: 85px;
	border:0px;
}
.mapBtn img{
	height: 56px;
	width: 89px;
	border:0px;
}
.nextBtn{
	text-decoration: none;
	height: 99px;
	width: 101px;
	display: block;
}

.prevBtn{
	text-decoration: none;
	height: 98px;
	width: 99px;
	display: block;
}
.nextBtn img{
	height: 99px;
	width: 101px;
	border:0px;
}
.prevBtn img{
	height: 98px;
	width: 99px;
	border:0px;
}
.homeBtn {
	text-decoration: none;
	height: 105px;
	width: 130px;
	display: block;
}
.homeBtn img{
	height: 105px;
	width: 130px;
	border:0px;
}

.printBtn {
	float: left;
	padding-right:20px;
}

.mapBtn {
	position:absolute;
	bottom:10px;
	left:15px;
}


.prevBtn,
.nextBtn,
.homeBtn,
.printBtn,
.mapBtn{
	color:white;
}
.prevBtn span,
.nextBtn span,
.mapBtn span,
.homeBtn span,
.printBtn span,
.sendResultBtn span{
	display: none;
}
.noNextBtn,
.nextBtn {
	position: absolute;
	left:0px;
	top:50%;
	margin-top:-49px;
}
.noPrevBtn,
.prevBtn {
	position: absolute;
	left:0px;
	top:50%;
	margin-top:-49.5px;
}
.cc-button,
#linkSp{
	margin-right:3px;
	float:right;
}

#quitBtn,
.sendResultBtn {
	position: absolute;
	right: 25px;
	z-index: 40;
}

.quitDetail .sendResultBtn {
	position: static;
}
#quitBtn {
	top: 5px;
}
.sendResultBtn {
	background: url(../img/btn/sendResultBtn.png) no-repeat;
	width: 45px;
	height: 45px;
	display: block;
	top: 60px;
}
.sendResultBtn:hover{
	background: url(../img/btn/sendResultBtnOver.png) no-repeat;
}
.quitBtn {
	background: url(../img/btn/quitBtn.png) no-repeat;
	width: 45px;
	height: 45px;
	display: block;
	text-decoration: none;
}
.quitBtn span {
    display: block;
    position: relative;
    top: 3.7em;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    width: 5em;
    left: 50%;
    margin-left: -2.5em;
    text-shadow: 0 1px 1px #222;
}
.quitBtn:hover{
	background: url(../img/btn/quitBtnOver.png) no-repeat;
}

/*****************/
/* informations */
/*****************/
.infoBtn_a {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/blocks/info.png) no-repeat top right;
	text-decoration: none;
	height: 33px;
	width: 33px;
	display: block;
	margin: 5px 5px 0px 0px;
	cursor: pointer;
}
.infoBtn_a span {
	visibility: hidden;
}








/* ============= Transformers ============= */
p.sol_txt{
	color:#008D1B;
}
.legalInfo .op_sPara_p{
	float:right;
	padding-right:3px;
}
.sol_co_OrdWord,
.sol_co_match{
	margin-left:52px;
}
/******************/
/*    tooltips    */
/******************/
.tooltip_a {
	cursor: pointer;
}
.ttSimple_a {
	cursor: pointer;
}
.tooltip,
.infoBtn_fra,
.ttSimple{
    border: 1px solid gray;
    background: url(../img/txt/fondTT.png) top left repeat-y white;
    padding:5px
}

/* workaround pour erreur javascript sur IE6 broder="Medium" entrainant echec de conversion en int */
.ttSimple_fra,
.tooltip_fra {
    border-right:0px none;
    border-left:0px none;
    border-top:0px none;
    border-bottom:0px none;
}

.tooltip_ti,
.infoBtn_ti{
    font-size: 14px;
    font-weight: bold;
    background-color: #9c3636;
    color:white;
    position: relative;
    padding: 0 18px 0 5px;
    cursor: default;
    min-height:16px;
}
.tooltip_x,
.op_txt_tt_x,
.infoBtn_x,
.op_labelTxt_tt_x,
.op_qTxt_tt_x{
    background: url(../img/txt/cross2.png) top left no-repeat;
    text-decoration: none;
    display: block;
    position:absolute;
    top: 5px;
    right:5px;
    width: 16px;
    height: 16px;
}
.tooltip_x span,
.infoBtn_x span{
    display: none;
}
.ttSimple_co,
.tooltip_co,
.infoBtn_co{
    padding: 4px 4px 0px 4px;
}
.ttSimple p,
.tooltip p,
.infoBtn_fra p{
    text-align: left;
    font-size: 0.9em;
}
/* ----- footnotes ------- */
ol.footnotes{
	margin: 40px 20px 20px 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dashed #6a3535;
	font-size:90%;
}
li.footnotes_it{
	margin-bottom: 10px;
}
div.footnotes_itti .tooltip_x,
div.footnotes_itti .op_txt_tt_x,
div.footnotes_itti .infoBtn_x,
div.footnotes_itti .op_labelTxt_tt_x,
div.footnotes_itti .op_qTxt_tt_x{
	display: none;
}
div.footnotes_itti{
	font-weight: bold;
	color:#6a3535;
}



/********************/
/* Classes for Text */
/********************/
q:before, 
q:after {
	content: "";
}

/* Weblink */
.op_txt_ul,
.op_sTxt_ul,
.op_labelTxt_ul,
.op_clozeTxt_ul,
.op_qTxt_ul,
.sfile_lnk,
.op_eSite_link_S,
.op_eSite_link_L{
	text-decoration: none;
	color: #6a3535;
	background: url(../img/txt/refLink.gif) no-repeat center right;
	padding-right: 20px;
}
.op_txt_ul:hover,
.op_sTxt_ul:hover,
.op_labelTxt_ul:hover,
.op_clozeTxt_ul:hover,
.op_qTxt_ul:hover,
.sfile_lnk:hover,
.op_eSite_link_S:hover,
.op_eSite_link_L:hover{
	text-decoration: underline;
	background: url(../img/txt/goLink.gif) no-repeat center right;
}

/* RefItem */
.op_txt_ul_acr,
.op_labelTxt_ul_acr,
.op_clozeTxt_ul_acr,
.op_qTxt_ul_acr{
	background: url(../img/txt/abr.gif) no-repeat center right;
	padding-right: 18px;
	color: #a13535;
	text-decoration:none;
}
.op_txt_ul_glos,
.op_labelTxt_ul_glos,
.op_clozeTxt_ul_glos,
.op_qTxt_ul_glos{
	background: url(../img/txt/glos.gif) no-repeat center right;
	padding-right: 16px;
	color: #a13535;
	text-decoration:none;
}
.op_txt_ul_bib,
.op_labelTxt_ul_bib,
.op_clozeTxt_ul_bib,
.op_qTxt_ul_bib{
	background: url(../img/txt/bib.gif) no-repeat center right;
	padding-right: 16px;
	color: #a13535;
	text-decoration:none;
}
.op_txt_ul_ref,
.op_labelTxt_ul_ref,
.op_clozeTxt_ul_ref,
.op_qTxt_ul_ref{
	background: url(../img/txt/ref.gif) no-repeat center right;
	padding-right: 18px;
	color: #a13535;
	text-decoration:none;
}
.op_txt_ul_docLnk,
.op_clozeTxt_ul_docLnk,
.op_qTxt_ul_docLnk{
	text-decoration: none;
	background: url(../img/txt/note.gif) no-repeat center right;
	padding-right: 12px;
	color: #a51700;
	text-decoration:none;
}
.op_txt_ul_ucLnk,
.op_clozeTxt_ul_ucLnk{
	text-decoration: none;
	background: url(../img/txt/referent.gif) no-repeat center right;
	padding-right: 15px;
	color: #a51700;
}
.op_txt_ul_resLnk,
.op_clozeTxt_ul_resLnk,
.op_qTxt_ul_resLnk{
	text-decoration: none;
	background: url(../img/txt/zoom.gif) no-repeat center right;
	padding-right: 18px;
	color: #a51700;
	text-decoration:none;
}
.op_txt_ul_acr:hover,
.op_labelTxt_ul_acr:hover,
.op_clozeTxt_ul_acr:hover,
.op_qTxt_ul_acr:hover,
.op_txt_ul_glos:hover,
.op_labelTxt_ul_glos:hover,
.op_clozeTxt_ul_glos:hover,
.op_qTxt_ul_glos:hover,
.op_txt_ul_ref:hover,
.op_labelTxt_ul_ref:hover,
.op_clozeTxt_ul_ref:hover,
.op_qTxt_ul_ref:hover,
.op_txt_ul_bib:hover,
.op_labelTxt_ul_bib:hover,
.op_clozeTxt_ul_bib:hover,
.op_qTxt_ul_bib:hover,
.op_txt_ul_docLnk:hover,
.op_clozeTxt_ul_docLnk:hover,
.op_qTxt_ul_docLnk:hover,
.op_txt_ul_resLnk:hover,
.op_clozeTxt_ul_resLnk:hover,
.op_qTxt_ul_resLnk:hover,
.op_txt_ul_ucLnk:hover,
.op_clozeTxt_ul_ucLnk:hover{
	text-decoration: underline;
}
sup a {
	color:#a13535;
}
/* inlineStyles */
.op_txt_is_emp, 
.op_sTxt_is_emp, 
.op_labelTxt_is_emp, 
.op_clozeTxt_is_emp,
.op_qTxt_is_emp{
    font-weight: bold;
    color: #ec2807;
}
.op_sPara_is_emp{
    font-weight: bold;
}
.op_txt_is_spec, 
.op_sTxt_is_spec, 
.op_sPara_is_spec, 
.op_labelTxt_is_spec, 
.op_clozeTxt_is_spec,
.op_qTxt_is_spec{
    font-style: italic;
}
.op_clozeTxt_is_representative{
    background-color: #ec2807;
    color: white;
    font-weight: bold;
    padding: 0 3px 0 3px;
}
.op_txt_is_quote,
.op_labelTxt_is_quote,
.op_clozeTxt_is_quote{
    font-style: italic;
    color: #a51700;
    font-family: "Times New Roman", Times, serif;
}
.op_txt_is_code, 
.op_labelTxt_is_code, 
.op_clozeTxt_is_code,
.op_qTxt_is_code{
    font-family: "Courrier new", monospace;
    color: #686868;
}

/* Tableau */
.op_txt_tb, .op_clozeTxt_tb{
    margin:auto;
    margin-bottom:3px;
}
.op_txt_tb caption, .op_clozeTxt_tb caption{
    caption-side: bottom;
    color: #686868;
    font-style: italic;
    margin-bottom:10px;
}
.op_txt_tbcl_head, .op_clozeTxt_tbcl_head{
    background-color : #e2e7f1;
}
.op_txt_tbtr_head, .op_clozeTxt_tbtr_head{
    background-color : #6a3535;
}
.op_txt_tb th *, .op_clozeTxt_tb th *{
    text-align : right;
    color : #3C4961;
}
.op_txt_tbtr_head th *, .op_clozeTxt_tbtr_head th *{
    text-align : center;
    color : #FFFFFF;
}
.op_clozeTxt_tbtr_head th input {
    /* l'input est sur fond blanc alors le contenu du trou doit rester noir même en header */
    color : #000000;
}


.op_txt_tb td, .op_clozeTxt_tb td,
.op_txt_tb th, .op_clozeTxt_tb th{
    border : 1px solid #6a3535;
    padding: 0px 3px;
}
.op_txt_tbtd_num *, .op_clozeTxt_tbtd_num *{
    text-align : right;
}
.op_txt_tbtd_word *, .op_clozeTxt_tbtd_word *{
    text-align : center;
}
.op_txt_tb p, .op_clozeTxt_tb p{
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0.3em;
}

/* textLeafs */
.op_bibTxt_tl_title{
    font-style: italic;
}
.op_bibTxt_tl_auth{
    font-weight: bold;
}
.op_bibTxt_tl_ed{
}
.op_bibTxt_tl_date{
    color: #5F5F5F;
}
span.op_listingTxt_tl_note{
    font-style: italic;
}

/* imagesInline */
.op_txt_tim_form img,
.op_txt_tim_form object,
.embedObj,
.op_txt_tim_ico img,
.op_qTxt_tim_form img,
.op_qTxt_tim_form object,
.op_qTxt_tim_ico img {
    border: none;
    vertical-align: middle;
}

/* lists*/
ol.op_txt_ol, 
ol.op_clozeTxt_ol,
ol.op_qTxt_ol {
    color: #4061A3;
    font-weight: bold;
}
ul.op_txt_il,
ul.op_sTxt_il,
ul.op_clozeTxt_il,
ul.op_qTxt_il{
    list-style-image: url(../img/txt/puce1.gif);
}
ul.op_txt_il ol,
ul.op_sTxt_il ol,
ul.op_clozeTxt_il ol,
ul.op_qTxt_il ol {
    list-style-image: none;
    /*sinon ol herite de son ul parent l'image de la puce*/
}
ul.op_txt_il ul,
ul.op_sTxt_il ul,
ul.op_clozeTxt_il ul,
ul.op_qTxt_il ul{
    list-style-image: url(../img/txt/puce2.gif);
}
ul.op_txt_il ul ul,
ul.op_sTxt_il ul ul,
ul.op_clozeTxt_il ul ul,
ul.op_qTxt_il ul ul{
    list-style-image: url(../img/txt/puce3.gif);
}
.op_txt_ili p,
.op_sTxt_ili p,
.op_clozeTxt_ili p,
.op_qTxt_ili p,
.op_txt_oli p,
.op_sTxt_oli p,
.op_clozeTxt_oli p,
.op_qTxt_oli p{
    margin-left: 0px;
    color: black;
    font-weight: normal;
}

/* paragraph */
.op_listingTxt_p{
    margin: 0.3em 1em;
    color: #686868;
    font-family:  monospace;
}
.illustrationCourse,.illustrationExe {
	float:right;
	padding:10px 0 10px 10px;
}


/*************/
/*  binaries */
/*************/
a.zoom{
    text-decoration: none;
    background: url(../img/txt/zoom.gif) no-repeat center;
    padding: 0px 10px;
    margin-left: 5px;
    font-size: 15px;
    display: inline-block; /* hack IE7 */
    height: 20px; /* hack IE7 */
}
a.zoom:hover{
    background: url(../img/txt/zoom_in.gif) no-repeat center;
}
a.zoom span{
    display: none;
}
.ttInfo_a{
	margin-left: 5px;
}
.ttInfo_a img{
	border:0px;
	vertical-align: middle;
}

.resInFlow{
    text-align: center;
    margin: 1em;
}


.resInFlow_ti{
    color: #686868;
    font-style: italic;
}

.linkInFlow{
    margin: 1em;
}

.simu{
    margin-left: 10px;
    background:url(../img/blocks/simuBig.gif) top left no-repeat;
    padding-left:40px;
    min-height:40px
}
.simu_ti{
    text-align: left;
    font-size:1.4em;
}
.simuLnk {
    color:#6a3535;
    text-decoration: none;
    background:transparent url(../img/txt/vidInd.png) no-repeat scroll right center;
    padding-right:24px;
    
}
.simuLnk:hover {
    text-decoration: underline;
}

.simu_co{
    text-align: center;
}
.simuExp_closed, .simuExp_open{
    color: #686868;
    text-align: left;
    text-decoration: none;
    font-size:1.1em;
}
.simuExp_closed{
    background:url(../img/blocks/explicationSimu.gif) center left no-repeat;
}
.simuExp_open{
    background:url(../img/blocks/explicationSimuOpened.gif) center left no-repeat;
}

.simuExp_ti{
    padding-left:15px;
}
.simuExp_ti:hover{
    text-decoration: underline;
}
.simuExp_co{
    border-left: 2px solid #359632;
    text-align: center;
    margin-left:4px
}
.simuExp_co p{
    font-size: 12px;
    margin: 0px 5px 5px 5px;
}
.eSite_page {
    text-align: center;
    margin-bottom: 1em;
}
.eSite_page_tiIn{
    font-style: italic;
    color: #686868;
}
.eWeb_S .sfile_eWeb_view_fra{
    width: 500px;
    height: 150px;
}
.eWeb_L .sfile_eWeb_view_fra{
    width: 95%;
    height: 350px;
}

/********************/
/*      Listing     */
/********************/
.listingBk{
    border-left: 1px solid gray;
    margin: 0px 15px;
    padding-bottom: 5px;
    border-radius: 0px 0px 0px 20px; 
}


/********************/
/*       Quotes     */
/********************/
.bkquoteOpen{
    background-image: url(../img/blocks/bkquoteOpen.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin-left: 30px;
}
.bkquoteClose{
    background-image: url(../img/blocks/bkquoteClose.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-right: 30px;
}
blockquote{
    font-size: 0.9em;
    font-family: "Times New Roman", Times, serif;
    margin: 0.3em 25px;
    padding: 1px 5px;
    background-color: #f7f8f8;
}
blockquote p{
    margin-left: 0px;
    margin-right: 0px;
}
.blocks_co .bkquoteOpen{
    background-image: url(../img/blocks/bkquoteOpenBlue.png);
}
.blocks_co .bkquoteClose{
    background-image: url(../img/blocks/bkquoteCloseBlue.png);
}
.blocks_co blockquote{
    background-color: #f5faff;
}
.warning .bkquoteOpen{  
    background-image: url(../img/blocks/bkquoteOpenRed.png);
}
.warning .bkquoteClose{
    background-image: url(../img/blocks/bkquoteCloseRed.png);
}
.warning blockquote{
    background-color: #ffe9e8;
}
/********************/
/* Classes for blocks */
/********************/
.evalCounter{
	display:none;
}
.mainContent{
	margin:0 15px;
	padding-top:25px;
}
.mainContent_ti{
    font-size: 2em;
    text-align: left;
    margin: 1em 1em 1em 0;
	color:#3F3F3F;
	padding-left:0.5em;
	font-weight:normal;
}
.mainContent_ti.ordWord,
.mainContent_ti.cloze,
.mainContent_ti.match,
.mainContent_ti.field,
.mainContent_ti.numerical,
.mainContent_ti.mcqSur,
.mainContent_ti.mcqMur,
.mainContent_ti.mcgSur,
.mainContent_ti.mcgMur,
.mainContent_ti.mcqMurMap,
.mainContent_ti.mcqMurSum,
.mainContent_ti.mcqSurPts,
.mainContent_ti.coQuiz{
	padding-left:52px;
}
.mainContent .headerQ,
.feed  {
	/*margin-left:37px;*/
}
.mainContent form{
	margin-left:24px;
	margin-top:1em;
}
.exo_co form{
	/*margin-left:5em;*/
	margin-top:2em;
}
.mainContent_ti.ordWord{
	background: url(../img/blocks/titleOrdWord.png) no-repeat center left;
	height:25px;
}
.mainContent_ti.cloze{
	background: url(../img/blocks/titleCloze.png) no-repeat center left;
	height:24px;
}
.mainContent_ti.match{
	background: url(../img/blocks/titleMatch.png) no-repeat center left;
	height:26px;
}
.mainContent_ti.field{
	background: url(../img/blocks/titleField.png) no-repeat center left;
	height:31px;
}
.mainContent_ti.numerical{
	background: url(../img/blocks/titleNumerical.png) no-repeat center left;
	height:31px;
}
.mainContent_ti.mcqSur{
	background: url(../img/blocks/titleMcqSur.png) no-repeat center left;
	height:35px;
}
.mainContent_ti.mcqMur{
	background: url(../img/blocks/titleMcqMur.png) no-repeat center left;
	height:29px;
}
.mainContent_ti.mcgSur{
	background: url(../img/blocks/titleMcgSur.png) no-repeat center left;
	height:28px;
}
.mainContent_ti.mcgMur{
	background: url(../img/blocks/titleMcgMur.png) no-repeat center left;
	height:28px;
}
.mainContent_ti.mcqMurMap{
	background: url(../img/blocks/titleMcqMurMap.png) no-repeat center left;
	height:37px;
}
.mainContent_ti.mcqMurSum{
	background: url(../img/blocks/titleMcqMurSum.png) no-repeat center left;
	height:29px;
}
.mainContent_ti.mcqSurPts{
	background: url(../img/blocks/titleMcqMurPts.png) no-repeat center left;
	height:29px;
}
.mainContent_ti.coQuiz{
	background: url(../img/blocks/titleQuizList.png) no-repeat center left;
}

/* bottom margin inside overflow=auto div does not work in some browsers, */
/* using http://www.brunildo.org/test/scroll-child-marginV.html method as a workaround */

.info{
}
.basic_ti, .legal_ti, .complement_ti, .method_ti, .syntax_ti, .simulation_ti,
.remind_ti, .def_ti, .example_ti, .remark_ti, .advice_ti, .warning_ti,
.obj_ti {
    font-size: 1.4em;
    color:#3F3F3F;
    background-position: center right;
    background-repeat: no-repeat;
    position:relative;
    padding-top:5px;
}
.warning_ti{
    color: #FF4F45;
}
.info_ti{
    font-size: 1.4em;
    color:#68A639;
    padding: 10px 0px 0px 0px;
    margin-left:14px;
}

.basic, .legal, .complement, .method, .syntax, .simulation,
.remind, .def, .example, .remark, .advice, .warning, .obj{
    /*background-image:url(../img/blocks/shadow_bottom.gif);
    background-position:center bottom;
    background-repeat:repeat-x;*/
    padding-bottom:8px;
    margin: 1.6em 1em 1.3em 1em;
}
.blocks_co, .obj_co{
background: #fff;
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.37, rgb(240,240,240)),
    color-stop(0.69, rgb(255,255,255))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(240,240,240) 37%,
    rgb(255,255,255) 69%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
border:2px solid #959595;
}

.pbTi{
	position:absolute;
	right:0px;
	bottom:0px;
	display:block;
	background-position:bottom left;
	background-repeat:no-repeat;
}

.basic_ti .pbTi{
    background-image: url(../img/blocks/basic.png);
    padding-top:29px;
    padding-left:32px;
}
.legal_ti .pbTi{
    background-image: url(../img/blocks/legal.png);
    padding-top:31px;
    padding-left:31px;
}
.complement_ti .pbTi{
    background-image: url(../img/blocks/complement.png);
    padding-top:28px;
    padding-left:37px;
}
.method_ti .pbTi{
    background-image: url(../img/blocks/method.png);
    padding-top:33px;
    padding-left:31px;
}
.syntax_ti .pbTi{
    background-image: url(../img/blocks/syntax.png);
    padding-top: 36px;
    padding-left: 32px;
}
.simulation_ti .pbTi{
    background-image: url(../img/blocks/simul.png);
    padding-top: 30px;
    padding-left: 33px;
}
.advice_ti .pbTi{
    background-image: url(../img/blocks/advice.png);
    padding-top: 31px;
    padding-left: 34px;
}
.def_ti .pbTi{
    background-image: url(../img/blocks/def.png);
    padding-top: 31px;
    padding-left: 36px;
}
.example_ti .pbTi{
    background-image: url(../img/blocks/example.png);
    padding-top:27px;
    padding-left:30px;
}
.remark_ti .pbTi{
    background-image: url(../img/blocks/remark.png);
    padding-top:31px;
    padding-left:34px;
}
.remind_ti .pbTi{
    background-image: url(../img/blocks/remind.png);
    padding-top:25px;
    padding-left:32px;
}
.warning_ti .pbTi{
    background-image: url(../img/blocks/warning.png);
    padding-top: 32px;
    padding-left: 33px;
}
.obj_ti{
    /*background: url(../img/blocks/obj.png) top left no-repeat;*/
	padding-bottom: 5px;
    /*padding-left: 30px;*/
}
.pre {
	padding-top: 5px;
}
.pre_ti{
    padding-left: 13px;
}
.expUcDiv_co{
    padding-left: 1.2em;
    background: url(../img/blocks/part.png) top left no-repeat;
    margin-left: 15px;
}
h3.expUcDiv_ti {
	color:#424242;
	font-size:20px;
	font-weight:bold;
	padding-bottom:6px;
	padding-left:20px;
	padding-top:15px;
}
.expUcDiv_ti{
    color: #424242;
    padding-left: 20px;
    font-weight: normal;
	padding-bottom:6px;
	padding-top:7px;
}
.collapse{
    background: url(../img/blocks/topleft.jpg) top left no-repeat;
    border: 2px solid #D6E2F1;
    margin: 1em 1em 1em 1em;
}
.collapse_open{
    background: url(../img/blocks/plus.png) top left no-repeat;
}
.collapse_closed{
background: url(../img/blocks/minus.png) top left no-repeat;
margin-bottom: 1em;
}
.collapse_ti{
    font-size: 1.5em;
    font-weight: bold;
    color:#728CB0;
    padding-left: 35px;
}
.collapse_tiIn{
}
.collapse_co{
background: url(../img/blocks/bottomright.jpg) bottom right no-repeat;
padding: 1em 1em 1em 1em;
}
.collapse_closed .a{
background: url(../img/blocks/bottomright.jpg) bottom right no-repeat;
}
.collapse a{
    text-decoration: none;
}


.objBox{
    margin: 20px 10%;
    padding: 10px;
    border: 2px solid #6a3535;
    background-color: #e7efff;
}
.objBox_ti{
    font-weight: bold;
    color:#6a3535;
    font-size:1.2em
}
.objBoxIn{
    padding: 10px;
}


.quest{
    background-color:#EDF2F9;
    border:2px solid #6a3535;
    margin: 20px 10px;
}


/* Warning */
.warning .blocks_co{
    border: 2px solid #FF4F45;
    background-color: #FFCFCC;
}
.warning ul.op_txt_il{
    list-style-image: url(../img/txt/puce1Red.gif);
}
.warning ul.op_txt_il ul{
    list-style-image: url(../img/txt/puce2Red.gif);
}
.warning ul.op_txt_il ul ul{
    list-style-image: url(../img/txt/puce3Red.gif);
}

.warning a.op_txt_ul{
    color: #b44a4a;
    background: url(../img/txt/refLinkRed.gif) no-repeat center right;
}
.warning a.op_txt_ul:hover{
    background: url(../img/txt/goLinkRed.gif) no-repeat center right;
}
.warning span.op_txt_ul_acr{
    background: url(../img/txt/abrRed.gif) no-repeat center right;
    color: #b44a4a;
}
.warning span.op_txt_ul_glos{
    background: url(../img/txt/glosRed.gif) no-repeat center right;
    color: #b44a4a;
}
.warning span.op_txt_ul_bib{
    background: url(../img/txt/bibRed.gif) no-repeat center right;
    color: #b44a4a;
}
.warning span.op_txt_ul_ref {
    background: url(../img/txt/refRed.gif) no-repeat center right;
    color: #b44a4a;
}
.warning .op_txt_ul_docLnk {
    background: url(../img/txt/noteRed.gif) no-repeat center right;
    color: #b44a4a;
}
.warning .op_txt_ul_resLnk{
    background: url(../img/txt/zoom.gif) no-repeat center right;
    color: #b44a4a;
}
.warning .op_txt_is_emp{
    color: #ca0000;
}

/***************************************/
/* Classes for Images and Ressources */
/***************************************/

.op_txtRes_tab{
    margin: 5px 0px 0px 1em;
    table-layout: fixed;
}
.op_txtRes_cellResRgt, .op_txtRes_cellResLft{
}

.txtRes{
    text-align: center;
}

.txtRes_ti{
    color: #686868;
    font-style: italic;
    margin-top: 0px;
    padding-top: 0px;
}
p.txtRes_ti span{
    margin-right: 5px;
}
.captionImg{
    text-align: center;
    margin-bottom: 2em;
}

.eSite_page_size_L, .eSite_page_size_S {
	margin-bottom:10px;
}
.eSite_page_size_L_ti {
	width:95%;
}
.eSite_page_size_S_ti {
	width:500px;
}

.eSite_page_size_L_ti, .eSite_page_size_S_ti {
	text-align:center;
	font-style:italic;
	color: #686868;
	padding-top:0px;
	margin-top:0px;
}

.captionImg_ti{
    font-family: "Times New Roman", Times, serif;
    color: #686868;
    min-height: 20px;
    font-size: 1.1em;
}
.captionImg_ti p{
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.captionImg_co a, .captionImg_co img{
    text-decoration: none;
    border: none;
}
.op_resM_label{
}
.op_resM_title{
    background: url(../img/blocks/captionImg_small.png) no-repeat top left;
    padding-left: 22px;
    text-decoration: underline;
    margin-right: 1em;
}
.op_resM_author, .op_resM_date{
    margin-right: 0.5em;
}
.op_resM_desc{
    font-style: italic;
}

.legalInfo img {
    border: none;
    vertical-align:middle;
}
.txtEvalFin{
	color:#CD002E;
	font-size:18px;
	margin-right:114px;
	margin-left:14px;
}

/*****************/
/*   Metadata    */
/*****************/
p.mField{
    background: url(../img/txt/puce2.gif) no-repeat top left;
    padding-left: 16px;
    margin: 4px 0px 4px 0px;
}


.mField_ti{
    font-weight: bold;
    color: #6a3535;
    margin-top: 5px;
}

.idxFra .mField_ti{
    color:#A056B0
}

.mDiv{
    padding-left: 16px;
    background: url(../img/txt/puce2.gif) no-repeat top left;
}
.mDiv p{
    margin: 4px 0px 4px 0px;
}
.mDiv_ti{
    font-weight: bold;
    color: #6a3535;
}


/****************/
/*   PractUc    */
/****************/

.practUcDesc{
    /*border: 2px solid #D6E2F1;*/
    border: 2px solid #6a3535;
    padding: 0.2em 1em;
    margin: 1em 3em;
}
.practUcDesc_ti{
    text-align: center;
}
.practUcDesc_co{
/*  background: url(../img/quiz/practSol2.png) no-repeat top left;
    padding-left: 45px;*/
}
.practUcQuest_co{
    background: url(../img/quiz/practQuest.png) no-repeat 10px top;
    padding-left: 42px;
    min-height:40px;
}
.op_practUcQ_hint_ti.collapse_ti,
.op_practUcQ_sol_ti.collapse_ti{
    color: #6e6e6e;
    font-family: Geneva, Verdana, sans-serif;
    font-size: 1.3em;
}
.op_practUcQ_hint_co.collapse_co,
.op_practUcQ_sol_co.collapse_co{
    margin-left: 9px;
    border-left: 1px solid #6e6e6e;
}
.op_practUcQ_hint_co.collapse_co{
    background: url(../img/quiz/practHint.png) no-repeat 10px 10px;
    padding-left: 42px;
}
.op_practUcQ_sol_co.collapse_co{
    background: url(../img/quiz/practSol2.png) no-repeat 10px 10px;
    padding-left: 42px;
}
.op_practUcQ_sol.collapse, 
.op_practUcQ_hint.collapse{
    background: none;
    border: none;
}
.op_practUcQ_hint_closed.collapse_closed,
.op_practUcQ_sol_closed.collapse_closed{
    background: url(../img/quiz/practOpen.png) no-repeat top left;
}

.op_practUcQ_hint_open.collapse_open,
.op_practUcQ_sol_open.collapse_open{
    background: url(../img/quiz/practClose.png) no-repeat top left;
}
.op_practUcQ_hint_ti.collapse_ti,
.op_practUcQ_sol_ti.collapse_ti{
padding-left: 25px;
}

/****************/
/*     Deco     */
/****************/
.decoUe, .decoUeDiv, .decoIntro, .decoConclu, .decoQuest, .decoAssmntUa, .decoCourseUa, .decoExpUc, .decoPractUc, .decoTrainUc{
    width: 240px;
    height: 200px;
}
.decoIntro{
    background: url(../img/deco/introIco.png) center center no-repeat;
}
.decoConclu{
    background: url(../img/deco/concluIco.png) center center no-repeat;
}
.decoAssmntUa{
    background: url(../img/deco/assmntUaIco.png) center center no-repeat;
}
.decoCourseUa{
    background: url(../img/deco/courseUaIco.png) center center no-repeat;
}
.decoExpUc{
    background: url(../img/deco/expUcIco.png) center center no-repeat;
}
.decoQuest{
    background: url(../img/deco/questIco.png) center center no-repeat;
}
.decoPractUc{
    background: url(../img/deco/practUcIco.png) center center no-repeat;
}
.decoTrainUc{
    background: url(../img/deco/trainUcIco.png) center center no-repeat;
}
.decoUe{
    background: url(../img/deco/ueIco.png) center center no-repeat;
}
.decoUeDiv{
    background: url(../img/deco/ueDivIco.png) center center no-repeat;
}
.practUcDesc,.practUcQuest{
    margin-bottom:20px;
}
ol.footnotes *:target {
	background-color: #eeecdd; 
}

/****************/
/*     Zoom     */
/****************/
.scImgZmOver{
	background-color: black;
}
div.scImgZmCvs{
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url("../img/scImg/throbber.gif");
}
div.scImgZmFra{
	background-color: white;
	border-radius: 5px;
	padding:5px;
}
div.scImgZmTlb{
	margin-top:5px;
	text-align: right;
}
a.scImgZmBtnCls{
	display: inline-block;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	background-image:url("../img/scImg/btnCls.gif");
}
a.scImgZmBtnCls:hover{
	background-image:url("../img/scImg/btnClsOvr.gif");
}
a.scImgZmBtnCls span{
	display: none;
}



.scImgZmCo img{
	background-color: white;
}
.imgZoom,
.swfZoom {
	cursor: url(../skin/img/txt/zoom.cur), url(../img/txt/zoom.cur), pointer;
}
.imgZoom img,
.swfZoom img {
	border:0px;
}
/****************/
/*     Gallery     */
/****************/
.gallery{
	margin:0.2em 1em 0.7em;
}
.gallery_co{
}
.scImgSep{
	display: none;
}
span.galPv{
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-radius: 5px;
	margin: 2px;
	background-color: white;
}
a.galPvLnk:hover {
	opacity:0.8;
}
img.imgPv{
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}
div.scImgGalOver,
div.scImgZmOver{
	background-color: black;
}
div.scImgGalFra{
	background-color: white;
	border-radius: 5px;
}
div.scImgGalCo,
div.scImgGalImgFra{
	background-color: white;
}
div.scImgGalTi{
	font-style: italic;
	color: #686868;
	cursor: default;
	font-size:12px;
}
div.scImgGalTbr span.scImgGalCount{
	font-style: italic;
	color: #686868;
	cursor: default;
}
div.scImgGalTbr span{
	display: none;
	position: absolute;
}
div.scImgGalTbr a{
	display: block;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	position: absolute;
	bottom:3px;
}
a.scImgGalBtnPrv{
	background-image:url("../img/scImg/btnPrv.gif");
	left:330px;
}
a.scImgGalBtnPrv:hover{
	background-image:url("../img/scImg/btnPrvOvr.gif");
}
a.scImgGalBtnNoPrv{
	background-image:url("../img/scImg/btnNoPrv.gif");
	left:330px;
	cursor: default;
}
a.scImgGalBtnNxt{
	background-image:url("../img/scImg/btnNxt.gif");
	right:330px;
}
a.scImgGalBtnNxt:hover{
	background-image:url("../img/scImg/btnNxtOvr.gif");
}
a.scImgGalBtnNoNxt{
	background-image:url("../img/scImg/btnNoNxt.gif");
	right:330px;
	cursor: default;
}
a.scImgGalBtnCls{
	background-image:url("../img/scImg/btnCls.gif");
	right:5px;
}
a.scImgGalBtnCls:hover{
	background-image:url("../img/scImg/btnClsOvr.gif");
}
a.scImgGalBtnPse{
	background-image:url("../img/scImg/btnPse.gif");
	left:352px;
}
a.scImgGalBtnPse:hover{
	background-image:url("../img/scImg/btnPseOvr.gif");
}
a.scImgGalBtnPly{
	background-image:url("../img/scImg/btnPly.gif");
	left:352px;
}
a.scImgGalBtnPly:hover{
	background-image:url("../img/scImg/btnPlyOvr.gif");
}
/****************/
/*     CPLT     */
/****************/

div.cpltsBk  {
	margin: 25px 15px 15px 15px;
}
.cpltsBk a {
	text-decoration: none;
}
.cpltsBk a {
	text-decoration: none;
}
span.cpltsBk_ti {
	font-weight:bold;
}
.cpltsBk a.cpltsBk_closed {
	background-color:white;
	border:1px solid #a51700;
	width:80px;
	padding:7px 15px 7px 7px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	color:#a51700;
}
.cpltsBk a.cpltsBk_open {
	color:white;
	background-color:#a51700;
	width:80px;
	padding:7px 15px 7px 7px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.cpltsBk a.cpltsBk_closed:hover {
	background-color: #d0dfe5;
}
div.cpltsBk_co {
	padding: 5px;
	border:1px dotted #a51700;
	padding-left:10px;
}
.cpltsBk_co  ul,
ul.toolCplts{
	margin:5px 0 5px 15px;
	padding:0;
	list-style-type:circle;
}
.cpltsBk_co  li,
.toolCplts li{
	margin-bottom:10px;
}
.cpltsBk_co a,
.toolCplts a{
	color:#a51700;
	text-decoration:none;
}
.cpltsBk_co a:hover,
.toolCplts a:hover{
	text-decoration:underline;
}
/* ============= Subwindow ============= */
div.subWindow_over{
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color:black;
	opacity:0.6;
}
div.subWindow_win{
	top:5%;
	left:5%;
	height:90%;
	width:90%;
}
div.subWindow_ti{
	position: absolute;
	background-color: #CD002E;
	top:0px;
	width:100%;
	right:0px;
	height:22px;
	color: white;
	font-size:17px;
	font-weight: bold;
}
div.subWindow_ti span{
	margin-left: 5px;
}
div.subWindow_co{
	position: absolute;
	top:22px;
	left:0px;
	bottom: 0px;
	right: 0px;
	border:3px solid #CD002E;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
a.subWindow_x{
	background: url(../img/txt/cross2.png) top left no-repeat;
	text-decoration: none;
	display: block;
	width: 16px;
	height: 19px;
	float: right;
	margin-right: 3px;
	margin-top:2px;
	color:white
}

a.subWindow_x span{
	color:white;
}

a.subWindow_x:hover{
	opacity:0.6; 
}

a.subWindow_x span{
	visibility: hidden;
}
iframe.subWindow_fra{
	position: absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color: white;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
/* ============= Assesment ============= */
/* Règles des exercices */

/*  == TOC ==
	Header
	Boutons
	Scoring
*/

.divQuiz {
	margin:1em 1em 1em 2.9em;
}
.question, .score, .sol, .explain, .explain_match, .chExpln, .gExpln{
	margin: 0.6em 0 0.3em 0em;
}
.explain,
.explain_match,
.chExpln,
.gExpln{
	color:#008d1b;
}
.explain_match{
	/*float:left;*/
}
.question_ti, .score_ti, .sol_ti, .explain_ti{
	display:none;
}
.subQuiz_ti{
	padding:5px 0 10px 5px;
	font-weight:bold;
	font-size:12px;
	margin-bottom:0;
}
.coQuizQuest {
	font-style:italic;
	margin-left:18px;
}
.coQuizQuest p {
	margin-left:0;
}
.coQuizList {
	margin-top:2em;
}
.coQuizList div {
	margin-bottom:35px;
	margin-left:37px;	
	box-shadow:0 0 4px #C3C3C3;
	border-radius:5px;
	border:1px solid #ddd;
}
.coQuizList .headerQ {
	margin-bottom: 20px;
	margin-top:0;
	margin-left:0;
}
.coQuizList .exoInput  {
	padding-left:0;
	margin-left:20px;
	margin-bottom:20px;
}
.coQuizList .choiceList  {
	margin-left:2em;;
}
.coQuizList div div {
	box-shadow:none; 
	margin:0;
	border:none;
}

.scoreEval{
	text-align: justify;
	font-size: 1.2em;
	margin: 0.2em 1em 0.7em 1em;
}

.infoScore .answBad, 
.infoScore  .answBest,
.infoScore .answGood{
	font-weight: bold;
	color: #464646;
}

.infoScore{
	font-size:14px;
}

.WFeedbackEntry{
	font-weight:bold;
	color:#676767;	
	/*background: url(../img/quiz/explain.png) no-repeat left center;
	padding-left:20px*/
}

.collapse .question {
	margin-bottom: 0em;
}
.question  p.el_txt_p{
	color: #4164AB;
	text-indent: 0;
	padding-top: 10px;
	margin: 0px 1em;
}
.question p .el_txt_is_em {
	border-bottom: 2px solid #CBDDF5;
	color: #4164AB;
}
.question .el_txt_ili p {
	font-size:1em;
	padding: 0px;
	font-weight: normal;
}

/* Eval buttons */
#main_nav a.btnValidateE,
#main_nav a.btnRestartE,
#main_nav a.btnSynthE,
#main_nav a.btnGotoSolE {
	color: #ffffff;
	padding-top:67px;
	padding-right:114px;
	height:98px;
	background: url(../img/btn/startBg.png) no-repeat center left;
}
.validateFinal  a .lnkImg{
	background: url(../img/btn/val.png) no-repeat;
}
.validateFinal  a:hover .lnkImg{
	background: url(../img/btn/valHover.png) no-repeat;
}
.reStartE  a .lnkImg{
	background: url(../img/btn/start.png) no-repeat;
}
.reStartE  a:hover .lnkImg{
	background: url(../img/btn/startHover.png) no-repeat;
}
.resultE  a .lnkImg{
	background: url(../img/btn/sol.png) no-repeat;
}
.resultE  a:hover .lnkImg{
	background: url(../img/btn/solHover.png) no-repeat;
}
.synthE  a .lnkImg{
	background: url(../img/btn/synth.png) no-repeat;
}
.synthE  a:hover .lnkImg{
	background: url(../img/btn/synthHover.png) no-repeat;
}
.validateFinal  a .lnkImg,
.reStartE  a .lnkImg,
.resultE  a .lnkImg,
.synthE  a .lnkImg{
	bottom:57px;
}

.btnStartE,
.btnScoreE
.btnCloseE,
.btnHomeE {
	height: 33px;
	display: inline;
	padding-right: 30px;
	margin-right: 35px;
	color: #4e6899;
	margin: 0em 1.5em 0em 0em;
	font-size: 18px;
}

a.btnCloseE,
a.btnHomeE {
	background: url(../img/btn/autre.png) no-repeat top left;
	padding-top: 10px;
	padding-bottom: 10px;
}

a.btnStartE:hover,
a.btnCloseE:hover,
a.btnHomeE:hover,
a.btnScoreE:hover {
	opacity: 0.6; 
}
a.btnScoreE {
	background: url(../img/quiz/scoreE.png) no-repeat right;
}

.closeE {
	font-size: 18px;
	color: #CA5858;
	margin-top: 1em;
	margin-bottom: 1em;
	border:1px solid white
}
.closeE {
	text-align: center;
}
.btnHomeEFrm {
	margin: 20px 0px;
	text-align: center;
}

table.tableEvalHome {
	margin: 1em 0 1em 0;
}
table.tableEvalHome td {
	vertical-align: middle;
}

table.tableEvalHome p {
	font-weight: bolder;
	color: #4164AB;
}

/* Eval transformers */
h1.evalSol_ti {
	text-align: center;
	margin-top: 1em;
}

div.evalSol_co {
	padding: 0px 1em;
}
div.evalSol .question,
div.evalSol .sol,
.subQuiz_co {
	margin-bottom: 20px;
}
.score,
div.scoreBox .score{
	position:absolute;
	width:128px;
	height:124px;
	right:55px;
	margin-top:-65px;
}
.exBk  .score{
	margin-top:-25px;
}
.coQuizContent .scoreBox .score{
	margin-top:0;
	top:10px;
	left:350px;
}
.coQuizContent .subQuiz  .scoreBox .score{
	margin-top:-60px;
	top:auto;
	left:auto;
}
.subQuiz  .score{
	margin-top:-25px;
}
.score .answWorst,
.score .answBad,
.score .answGood,
.score .answBest,
div.scoreBox .score .answWorst,
div.scoreBox .score .answBad,
div.scoreBox .score .answGood,
div.scoreBox .score .answBest{
	border-radius: 15px;
	display:block;
	width:124px;
	height:120px;
	padding:10px;
	opacity:0.8;
	font-size:14px;
	text-align:center;
	display:block;
}
.score .answWorst,
div.scoreBox .score .answWorst{
	background:#fff url(../img/blocks/worstAnswer.png) 50% 80% no-repeat;
	border:1px solid #A41E16;
}
.score .answBad,
div.scoreBox .score .answBad{
	background:#fff url(../img/blocks/badAnswer.png) 50% 80% no-repeat;
	border:1px solid #c05707;
}
.score .answGood,
div.scoreBox .score .answGood{
	background:#fff url(../img/blocks/goodAnswer.png) 50% 80% no-repeat;
	border:1px solid #497749;
}
.score .answBest,
div.scoreBox .score .answBest{
	background:#fff url(../img/blocks/bestAnswer.png) 50% 80% no-repeat;
	border:1px solid #008D1B;
}
div.evalSol .choiceExplain,
.chExpln {
	margin-left: 0.3em;
	color: #008d1b;
	font-weight: lighter;
	
}
/* EDIT */

.tatInput {
	background-color: #F2FBFA;
	background: url(../img/quiz/edit.gif) no-repeat;
	padding: 1px 2px 1px 18px;
	white-space: pre;
	border: 1px solid silver;
	width: 150px;
	font-weight: bold;
}

.tatSol {
	margin: 0px 3px; 
	border: 2px solid #FF8C00;
	color: #FF8C00;
	font-style: italic;
	padding: 2px;
	background: White;
}

.assmntResult_0 input {
	color: #CA0000;
	border: 2px solid #CA0000;
	text-decoration: line-through blink;
	cursor: default;
	background-color:white;
}

.assmntResult_1 input {
	color: #008D1B;
	border: 2px solid #008D1B;
	cursor: default;
	background-color:white
}

.gapAnswer,
.exoSol{
	margin-left: 0.2em;
	margin-right: 0.5em;
	font-style: italic;
	font-weight: bold;
	color: #CA0000;
}

.exoAsw {
	margin-top: 0.5em;
}
.exoSol {
	padding: 0 0 0 0.2em;
}
.el_open_exoSol {
	color: #79ACF7;
	font-style: normal;
}
.ere_cTxt_tl_gap span {
	padding: 0em 0.3em 0em 0.3em;
}

.ere_cTxt_tl_gap span input {
	padding-left: 0.1em;
}

.exoInput {
	padding-left: 1em;
	margin-left: 2em;
}
.el_open_exoInput {
	width: 80%;
	height: 100px;
}
.field_div {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0.7em;
	margin-bottom: 0.3em;
}

.field_child {
	margin-left: 1.5em;
}

.field_child .field_div {
	margin-bottom: 0.1em;
	font-size: 1.1em;
	font-style: italic;
	display: list-item;
	list-style: disc inside;
}
/* ====== MCQ ====== */

.choiceList {
	/*margin-left: 5em;*/
	margin-top: 2em;
}
.sol .choiceList {
	margin-left: 2em;
}

.collapse .choiceList {
	margin-top: 0.5em;
	margin-bottom: 0em;
	margin-left: 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.label {
	padding: 0px;
	margin-bottom: 0px;
	height: auto;
	font-size: 1em;
}
.label p {
	padding: 0 0 0 0;
	text-indent: 0;
	margin: 0 0 0 0;
	line-height: normal;
}

.choice {
	display: inline;
	padding: 0px;
	height: auto;
}

.choiceList_in {
	vertical-align: top;
	height: auto;
	margin: 0;
	padding: 0 0 0 17px;
	background-repeat: no-repeat;
	background-position: left 5px;	
}

.choiceList_in input {
	padding: 0;
	margin-top: 4px;
}

.choiceList_la {
	height: auto;
	margin-top: 1em;
}

td.choiceList_la p {
	padding: 0 0 0 0.3em;
	margin: 0 0 1em 0;
}
.assmntSolRight,
.assmntSolCheck{
	color:#008d1b;
	font-weight:bold;
}

tr.choiceList_ch {
	margin-bottom: 0.5em;
}

/* MCQ stylage des solutions */
.assmntSolCheck .choiceList_in {
 	background-image: url(../img/quiz/boxchk.gif);
}

.assmntSolUnche .choiceList_in {
	background-image: url(../img/quiz/boxunchk.gif);
}

.assmntSolWrong td.choiceList_in {
	background-image: url(../img/quiz/radiounchk.gif);
}

.assmntSolRight td.choiceList_in {
	background-image: url(../img/quiz/radiochk.gif);
}

/* ====== MLQ ====== */

.op_labelTxt_p {
	text-align: left;
}

/* Glisser Deposer */
.mtTable {
	width:100%;
	border-collapse: separate;
	border-spacing:0;
}
.mtTable td {
	vertical-align: top;
}

.mtTdBasket {
	width:30%;
	padding: 0px;
	margin: 0px;
}
.mtTdBasketSol {
	/*display: none;*/
}
.mtTdArrow {
	width: 20px;
	background-image:url("../img/quiz/dragArrow.gif");
	background-repeat: no-repeat;
	background-position: center;
}
.mtTdSol{
	/*width:50%;*/
}
.mtTdSol .ddRepArea{
	background:none;
	margin-left:0;
	border-bottom:2px solid #a3b399;
	filter:none;
}
.mtTdSol .ddDropCatch{
	border:none;
}
.solArea{
	margin-bottom:15px;
	margin-left:52px;
}
.mtTdDropCont {
	padding: 0px;
	margin: 0px;
}
.mtTdBasket .ddBasket {
	min-height:250px;
}
.mtTdBasket .ddBasketCatch {
	min-height:250px;
}
.mtTdHeading {
	text-align: center;
	color:#008d1b;
	padding-bottom:10px;
}
.olTableSol {
	width: 100%;
}
.olTdSolHead{
	width: 9em;
}
.mtTdBasketSol  .ddBasket{
	margin-bottom: 5px;
}
.ddBasketCatch {
	margin-bottom: 5px;
	margin-left:52px;
	background: #fff;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.37, rgb(240,240,240)),
		color-stop(0.69, rgb(255,255,255))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgb(240,240,240) 37%,
		rgb(255,255,255) 69%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
	border:1px solid #5A5A5A;
}
.sol .ddBasketCatch  {
	margin-left:0;
}
.ddBasketCont {
	padding: 2px;
}
.ddBasketSol {
	/*display: none;*/
}
.olTableSol .answer,
.ddSolArea  .answer,
.sol_co_mcqSurPts .answer,
.solAreaValid .answer{
	color:#008D1B;
	font-weight:bold;
	margin-left:5px;
	margin-bottom:8px;
	font-size:14px;
}
.olTableSol .ddRepArea {
	margin-left:0;
	background:none;
	padding-bottom:15px;
	filter:none;
}
.ddRepArea {
	margin-left:52px;
	background: #fff;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.37, rgb(240,240,240)),
		color-stop(0.69, rgb(255,255,255))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgb(240,240,240) 37%,
		rgb(255,255,255) 69%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
}
.olTableSol .ddDropCatch {
	border:none;
	margin-bottom:0;
}

.ddDropCatch {
	border:1px solid #5A5A5A;
	margin-bottom:15px;
}
.solAreaValid .ddDropCatch{
	border:none;
}
.ddDropCont {
	padding: 2px;
}

.mtLabel p, .mtLabelSol p {
	text-indent: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.1em;
}
.ddLabel p, .ddLabelSol p {
	text-indent: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size:14px;
	color:#fff;
}


/*encadré gris des étiquettes */
.ddLabel {
	text-align: center;
	border: 1px solid Gray;
	padding: 2px;
	width: 10em;
	cursor: move;
	margin: 0.1em 0.1em 0.2em 0.1em;
	float: left;
	color:white;
}
.ddLabelSol {
	text-align: center;
	background-color:#008d1b;
	padding: 2px;
	width: 10em;
	cursor: default;
	margin: 0.1em 0.1em 0.2em 0.1em;
	float: left;
	color:white;
	
}

.mtLabel {
	float: left;
	padding: 2px;
	margin: 2px;
	background-color:#5a5a5a;
	cursor: move;
	color:white;
}
.mtLabel span.myTT_a {
	cursor: move;
}
.mtLabelSol {
	float: left;
	padding: 2px;
	margin: 2px;
	background-color:#008d1b;
	cursor: default;
	color:white;
}
.mtLabelSol span.myTT_a {
	cursor: default;
}

/*encadré rose des étiquettes */
.ddLabelDrag {
	border: 1px solid #FFF;
}

.olLabelDrag p {
	border: 1px solid #FFF;
}

/* DragOver classes: pour le panier de propositions et pour les réponses */
.ddBasketDragOver,
.ddCatchDragOver {
	background: #fff;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.37, rgb(240,240,240)),
    color-stop(0.69, rgb(255,255,255))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(240,240,240) 37%,
    rgb(255,255,255) 69%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
border:2px solid #5A5A5A;
}

/* propositions et réponses */
.ddBasketCont div.ddLabel,
.ddDropCont div.ddLabel {
	float: left;
	
	background-color:#5a5a5a;
}

/* fin du panier */
.ddBasketEnd,
.ddCatchDragEnd {
	clear: both;
}

/* titres des catégories et des étiquettes  */
.ddDropTi p, .ddLabel p, .ddLabelSol p {
	margin: 0px;
	text-align: center;
}
.ddDropTi p {
	text-align: left;
	margin-left:5px;
	margin-bottom:8px;
}

/* Si le panier de propositions est vide */
.ddBasketIfEmpty {
	clear: both;
	font-style: italic;
	font-size: 0.9em;
	color: #686868;
	text-align: center;
	padding: 5px 0px;
}

.ddDropContIfEmpty {
	height: 27px;
	background: url("../img/quiz/drop.gif") no-repeat center;
}
.mtTdSol .ddDropContIfEmpty,
.olTableSol .ddDropContIfEmpty{
	background: inherit;
}
.ddDropContIfEmpty span {
	display: none;
}
.assmntResult_Wrong span,
.assmntResult_Right span,
.ddLabel_Wrong span,
.ddLabel_Right span {
	display: block;
    height: 16px;
    padding-bottom: 9px;
    position: absolute;
    z-index: 1;
}
.ddLabel_Wrong span,
.ddLabel_Right span {
    margin-left: 5px;
    margin-top: -8px;
    top: 0;
    width: 100%;
}
.assmntResult_Wrong span,
.assmntResult_Right span {
    margin-top: -26px;
    margin-left: 9px;
    width: inherit;
}
.ddLabel_Wrong span.op_labelTxt_tim_ico,
.assmntResult_Wrong span.op_labelTxt_tim_ico,
.ddLabel_Right span.op_labelTxt_tim_ico,
.assmntResult_Right span.op_labelTxt_tim_ico{
	height:auto;
	width:auto;
	margin-top:auto;
	margin-left:auto;
	padding-bottom:auto;
	display:table-row;
	position:static;
}
/* coche verte si la réponse est juste */
.ddLabel_Right span,
.assmntResult_Right span {
	cursor: default;
	background: url("../img/quiz/good.png") no-repeat top right;
}
.ddLabel_Right span.myTT_a,
.assmntResult_Right span.myTT_a {
	cursor: default;
}

/*croix rouge si la réponse est fausse */
.ddLabel_Wrong span,
.assmntResult_Wrong span {
	cursor: default;
	background: url("../img/quiz/bad.png") no-repeat top right;
}
.ddLabel_Wrong span.myTT_a,
.assmntResult_Wrong span.myTT_a {
	cursor: default;
}

/* structResultPage */

#tplFraSynth{
	background-color:white;
	padding:10px 25px;
}
#titleRootSynth{
	text-align:center;
	font-size:22px;
	padding-bottom:25px;
	color:#CD002E;
}
h1{
	color:black;
}
a.printBtn {
	float:none;
	text-align:right;
	margin:0 auto 15px auto;
}
#tplFraSynth .question h1,
#tplFraSynth .score h1,
#tplFraSynth .sol h1,
#tplFraSynth .explain h1{
	font-weight:normal;
}
#tplFraSynth .score {
	text-align:left;
}
.exBk {
	margin-bottom:35px;
	margin-top:10px;
	border-top:1px solid #CD002E;
	border-left:2px solid #CD002E;
	padding-left:10px;
	min-height: 120px;
}
.exBk_div_ti{
	font-size:20px;
}



/* quiz in trainUc */

.answBest,
.answGood,
.answWorst,
.answBad,
.answ  {
	display: block;
	font-size: 1.6em;
}
.answBest {
	color: #00aa00;
	/*background: url(../img/quiz/bestAnswer.png) bottom right no-repeat;*/
	background: url(../img/quiz/badAnswer.png) bottom right no-repeat;
	padding-top:25px;
	display:inline;
	padding-right:50px;
}
.answGood {
	color: #497749;
	/*background: url(../img/quiz/goodAnswer.png) bottom right no-repeat;*/
	background: url(../img/quiz/badAnswer.png) bottom right no-repeat;
	padding-top:25px;
	display:inline;
	padding-right:50px;
}
.answBad {
	color: #c05707; 
	background: url(../img/quiz/badAnswer.png) bottom right no-repeat;
	padding-top:25px;
	display:inline;
	padding-right:50px;
}

.answWorst {
	color: #a41e16; 
	/*background: url(../img/quiz/worstAnswer.png) bottom right no-repeat;*/
	background: url(../img/quiz/badAnswer.png) bottom right no-repeat;
	padding-top:25px;
	display:inline;
	padding-right:50px;
}
.score {
	font-weight: bold;
}
.result{
	margin-bottom: 0.3em;
}
.bkSol {
	margin-top: 5px;
	margin-left: 25px;
}
.bkSol .WFeedbackEntry{
	font-weight:normal;
	color:#464646;
	margin-top:25px;
}
.result_page_co  .conclu{
	margin-left: 37px;
	margin-top: 20px;
	font-size:1.2em;
}
/*div.chExpln p,
div.gExpln p{
	margin-left: 7px;
}
.chExpln,
.gExpln {
	margin-left: 0.3em;
	padding-left: 0.9em;
	color: black;
	border-left: 3px solid #79ACF7;
	font-weight: lighter;
	background: url(../img/quiz/feed_bk.png) left top no-repeat;
}
.chExpln .op_txt_oli p,
.gExpln .op_txt_oli p {
	color: #79ACF7;
}*/
/*.bkSolResOut {
	margin-top: 5px;
	margin-left: 37px;
}
.bkSolResOut .WFeedbackEntry{
	font-weight:normal;
	color:#464646;
	margin-top:25px;
}
.bkSolResFra1,
.bkSolResFra2,
.bkSolResFra3,
.bkSolResCo {
	height: 35px;
	width: 100%;
}
.bkSolResFra1 {
	background: url(../img/quiz/evalBarBkg.png) top repeat-x;
}
.bkSolResFra2 {
	background: url(../img/quiz/evalBarLeft.png) top left no-repeat;
}
.bkSolResFra3 {
	background: url(../img/quiz/evalBarRight.png) top right no-repeat;
}
.bkSolResCo {
	position: relative;
}

.bkSolResCo div{
	display:inline;
}

.bkSolResCo .score {
	position: absolute;
	top: 3px;
	right: 20px;
	vertical-align: middle;
	text-align: right;
	background-image: none;
	min-height:0px;
}*/

.btnQuiz {
	display: block;
	width:84px;
	height: 45px;
	text-decoration: none;
	margin-left:25px;
	position:absolute;
}
.btnQuizCaption {
	color: #465879;
	font-size:14px;
	border-radius: 10px;
	padding:0px 5px;
	margin:9px 1px 0px 1px;
	display: inline-block;
}

a.btnQuiz:hover .btnQuizCaption {
	background-color:white;
	border:1px solid #465879;
	margin:8px 0px 0px 0px;
	cursor:hand;
	cursor:pointer
}


/*.btnScore a {
	background: url(../img/quiz/score.png) top right no-repeat;
}
.btnScore a:hover{
	background: url(../img/quiz/scoreOver.png) top right no-repeat;
}
.btnScore a.toggleButtonOn {
	background: url(../img/quiz/scoreOn.png) top right no-repeat;
}
.btnScore a.toggleButtonOn:hover {
	background: url(../img/quiz/scoreOnOver.png) top right no-repeat;
}*/

.btnCorrection a {
	background: url(../img/quiz/sol.png) top left no-repeat;
	margin-top:15px;
}

.btnCorrection a span,
.btnReset a span{
	display:none;
}

.btnCorrection a:hover {
	background: url(../img/quiz/solOver.png) top left no-repeat;
}

.btnCorrection a.toggleButtonOn{
	background: url(../img/quiz/solOn.png) top left no-repeat;
}

.btnCorrection a.toggleButtonOn span{
	background: url(../img/quiz/corrOn.gif) 2px center no-repeat;
	padding-left:12px;
}

.btnCorrection a.toggleButtonOn:hover{
	background: url(../img/quiz/solOnOver.png) top left no-repeat;
}

/*.btnHelp a {
	background: url(../img/quiz/help.png) top right no-repeat;
}
.btnHelp a:hover{
	background: url(../img/quiz/helpOver.png) top right no-repeat;
}
.btnHelp .toggleButtonOn {
	background: url(../img/quiz/helpOn.png) top right no-repeat;
}
.btnHelp a.toggleButtonOn:hover {
	background: url(../img/quiz/helpOnOver.png) top right no-repeat;
}*/

.btnReset a {
	background: url(../img/quiz/restart.png) top left no-repeat;
	top:40px;
}
.btnReset a:hover {
	background: url(../img/quiz/restartOver.png) top left no-repeat;
}

/******** CHRONO ********/
.tplTimeout{
	margin:0 20px;
	padding:5px;
	font-size:14px;
}
.tplChrono {
    color: #CD002E;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    top: -3px;
    width: 100px;
    z-index: 10;
	font-family:helvetica,arial;
}
.tplAlert{
	position:absolute;
	height:43px;
	top:28px;
	left:110px;
	right:110px;
	z-index:11;
	background-color:#494949;
	border-radius: 15px;
	opacity:0.0;
}
.tplAlert span {
	color:#fff;
	font-size:16px;
	margin-top:11px;
	margin-left:30px;
	display:block;
}
.chronoAlertDeco{
	height:39px;
	width:23px;
	background-color:#be9b52;	
	border:2px solid #494949;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	float:left;
}
/******** MENU ********/
/* Outline Menu CSS */

ul.mnu{
	list-style: none;
	margin: 0px 0px;
	padding: 0px 0px 0px 5px;
}
ul.mnu ul{
	list-style: none;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
}
ul.mnu li{
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
}
ul.mnu div.mnuLbl{
	text-decoration: none;
	display: block;
	min-height: 20px;
	padding-left: 27px;
}
ul.mnu a {
    color: #464646;
}
ul.mnu a:hover{
	color: #CD002E;
}
ul.mnu div.mnu_sel_yes span.mnu_i{
	display: block;
	color: #CD002E;
	padding-left: 5px;
	margin-left: -5px;
}
ul.mnu .mnu_sch {
    display: block;
    padding: 2px 10px 2px 2px;
}

ul.mnu div.mnu_intro, ul.mnu div.mnu_obj {
	/* si on ne met pas !important, IE6 ignore les images personnalisées */
	background: url(../img/deco/introMnu.png) no-repeat center left !important;
}
ul.mnu .mnu_result,
ul.mnu .mnu_cplts  {
	display:none;
}
ul.mnu div.mnu_ordWord {
	background: url(../img/deco/menuOrdWord.png) no-repeat center left !important;
}
ul.mnu div.mnu_cloze {
	background: url(../img/deco/menuCloze.png) no-repeat center left !important;
}
ul.mnu div.mnu_match {
	background: url(../img/deco/menuMatch.png) no-repeat center left !important;
}
ul.mnu div.mnu_field {
	background: url(../img/deco/menuField.png) no-repeat center left !important;
}
ul.mnu div.mnu_numerical {
	background: url(../img/deco/menuNumerical.png) no-repeat center left !important;
}
ul.mnu div.mnu_mcqMur {
	background: url(../img/deco/menuMcqMur.png) no-repeat center left !important;
}
ul.mnu div.mnu_mcqSur {
	background: url(../img/deco/menuMcqSur.png) no-repeat center left !important;
}
ul.mnu div.mnu_mcgMur {
	background: url(../img/deco/menuMcgMur.png) no-repeat center left !important;
}
ul.mnu div.mnu_mcgSur {
	background: url(../img/deco/menuMcgSur.png) no-repeat center left !important;
}
ul.mnu div.mnu_mcqMurMap {
	background: url(../img/deco/menuMcqMurMap.png) no-repeat center left !important;
}
ul.mnu div.mnu_mcqMurSum {
	background: url(../img/deco/menuMcqMurSum.png) no-repeat center left !important;
}
ul.mnu div.mnu_mcqSurPts {
	background: url(../img/deco/menuMcqMurPts.png) no-repeat center left !important;
}
ul.mnu div.mnu_coQuiz {
	background: url(../img/deco/menuQuizList.png) no-repeat center left !important;
}






ul.mnu div.mnu_conclu {
	background: url(../img/deco/concluMnu.png) no-repeat center left !important;
}
ul.mnu div.mnu_expUc {
	background: url(../img/deco/expUcMnu.png) no-repeat center left !important;
}
ul.mnu div.mnu_practUc {
	background: url(../img/deco/practUcMnu.png) no-repeat center left !important;
}
ul.mnu div.mnu_trainUc {
	background: url(../img/deco/trainUcMnu.png) no-repeat center left !important;
}
ul.mnu div.mnu_assmntUa {
	background: url(../img/deco/assmntUaMnu.png) no-repeat center left !important;
}
ul.mnu div.mnu_quest {
	background: url(../img/deco/questMnu.png) no-repeat center left !important;
}
ul.mnu div.mnu_obj {
	background: url(../img/deco/objPedMnu.png) no-repeat top left !important;
}
ul.mnu div.mnu_courseUa.mnu_l,
ul.mnu div.mnu_ueDiv.mnu_l {
	background: url(../img/blocks/divMenuTop.png) no-repeat center left;
	padding-left:7px;
}
ul.mnu div.mnu_courseUa.mnu_b,
ul.mnu div.mnu_ueDiv.mnu_b {
	background: url(../img/blocks/divMenuTop.png) no-repeat center left;
	padding-left:7px;
}
ul.mnu div.mnu_courseUa.mnu_sel_yes,
ul.mnu div.mnu_ueDiv.mnu_sel_yes {
	background: url(../img/blocks/divMenuTop.png) no-repeat center left;
	padding-left:7px;
}
ul.mnu span.mnu_cursor {
	display: none;
}
ul.mnu span.mnu_sel_yes span.mnu_cursor {
}
#menu {
   background-color: #FAF5FA;
   border: 2px solid #945D84;
   bottom: 50px;
   left: 65px;
   position: absolute;
   top: 100px;
   width: 502px;
   z-index: 1000;
	border-radius: 15px;
}
#menu .titleZone{
	height:27px;
}
#menu .title {
	background-color: #964DA3;
	color: white;
	font-size: 16px;
	text-transform: lowercase;
	padding:2px 10px 7px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 15px;
	float:left;
}
#menu .progressZone {
	background-color: #ebdaee;
	float:left;
	display:block;
	height:27px;
	margin:0 5px;
	width:398px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;	
}
#menu .progress_text {
	color:#fff;
	text-align:center;
	width:398px;
	font-size:18px;
	position:absolute;
	top:1px;
}
#menu .progress_bar {
	background-color: #c290cb;
	display:block;
	height:27px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
#menu a.closeMnuBtn{
	float:right;
	background: #964DA3 url(../img/mnu/closeMenu.png) no-repeat top right;
	width:27px;
	height:27px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 15px;
}
#menu a.closeMnuBtn:hover{
	background: #964DA3 url(../img/mnu/closeMenuHover.png) no-repeat top right;
}
#menu a.closeMnuBtn span{
	display:none;
}
#menu .mnuZone {
    bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 10px 0;
    position: absolute;
    top: 30px;
    width: 480px;
}
/************* Tree MODE *************/
.mnuTree {
    margin: 0 auto;
    padding-left: 180px;
    width: 70%;
}
.mnuTreeDecoTop{
	background: url(../img/deco/modePlanDeco1.png) no-repeat top left;
	padding-top:10px;
}
.mnuTreeDecoBottom{
	background: url(../img/deco/modePlanDeco2.png) no-repeat bottom left;
	padding:0 0 10px 10px;
}
ul.sw_treeModePlan_navList {
	color: white;
	padding: 10px 10px 10px 25px;
	font-size:1.3em;
	list-style-image:URL(../img/deco/modePlanElmt.png); 
	list-style-position:inside;
	background: #676767 url(../img/deco/decoMnuTreeUl.png) no-repeat center left;
	margin:0;
}
ul.sw_treeModePlan_navList li{
	line-height:30px;
}
.sw_treeModePlan_navList a{
	color:white;
	text-decoration:none;
}
.sw_treeModePlan_navList a:hover{
	text-decoration:underline;
}
/************** Valid ****************/

.quizBtns{
	position:fixed;
	height:43px;
	top:38px;
	left:117px;
	right:117px;
	z-index:25;
	opacity:0.5;
}
.quizBtns div{
	height:43px;
	border-radius: 15px;
	margin:0 auto;
	max-width:1066px;
	min-width:466px;
	position:relative;
	Background:#494949;
}
.quizBtns:hover{
	opacity:1;
}
.infoTry{
	color:#fff;
	font-size:16px;
	top:21px;
	left: 47px;
	position:absolute;
	z-index:26;
}
.quizBtns a.btnQuizT span,
.quizBtns a.btnReset span {
	color:#fff;
	font-size:16px;
}
.quizBtns a.btnReset span {
	padding-left:37px;
}
.quizBtns a.btnQuizT span.btnQuizTCaptionOn{
	padding-left:11px;
}
.quizBtns a.btnQuizT span.btnQuizTCaptionOff{
	padding-left:0;
}
.quizBtns a.btnQuizT span.btnQuizTCaptionOff .btnQuizCaption{
	margin-top:1px;
}
.quizBtns a.btnQuizT,
.quizBtns a.btnReset {
	position:absolute;
	text-decoration:none;
	width:125px;
	height:39px;
	display:block;
	margin-top:2px;
}
.quizBtns a.btnReset {
	background:#bf0000 url(../img/btn/doubleTryCanc.png) no-repeat 10% 50%;
	right:129px;
}
.quizBtns a.btnQuizT {
	background:#008b2c url(../img/btn/doubleTryVal.png) no-repeat 90% 50%;
	right:2px;
	border-top-right-radius: 13px;
	border-bottom-right-radius: 13px;
}
.quizBtns a.btnReset:hover {
	background:#bf0000 url(../img/btn/doubleTryCancHover.png) no-repeat 10% 50%;
}
.quizBtns a.btnQuizT:hover {
	background:#008b2c url(../img/btn/doubleTryValHover.png) no-repeat 90% 50%;
}

/* === CodeMirror =========================================================== */
.CodeMirror-static{
	margin-left:40px;
}
.CodeMirror-static pre {
	/* Reset some styles that the rest of the page might have set */
	border-radius: 0;
	border-width: 0;
	background: transparent;
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	white-space: pre;
	word-wrap: normal;
	line-height: inherit;
	color: inherit;
	z-index: 2;
	position: relative;
	overflow: visible;
	border-right: 30px solid transparent;
	width: fit-content;
	font-family: monospace;
	tab-size: 2;
}
.CodeMirror-line{
	position: relative;
	min-height: 16px;
}
.CodeMirror-linenumber{
	position: absolute;
	top:0;
	left:-38px;
	width:30px;
	padding: 0 3px 0 5px;
	min-width: 20px;
	min-height: 16px;
	text-align: right;
	color: #999;
	background-color: #f7f7f7;
}

.cm-keyword {color: #708;}
.cm-atom {color: #219;}
.cm-number {color: #164;}
.cm-def {color: #00f;}
.cm-variable {color: black;}
.cm-variable-2 {color: #05a;}
.cm-variable-3 {color: #085;}
.cm-property {color: black;}
.cm-operator {color: black;}
.cm-comment {color: #a50;}
.cm-string {color: #a11;}
.cm-string-2 {color: #f50;}
.cm-meta {color: #555;}
.cm-error {color: #f00;}
.cm-qualifier {color: #555;}
.cm-builtin {color: #30a;}
.cm-bracket {color: #997;}
.cm-tag {color: #170;}
.cm-attribute {color: #00c;}
.cm-header {color: blue;}
.cm-quote {color: #090;}
.cm-hr {color: #999;}
.cm-link {color: #00c;}

.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-invalidchar {color: #f00;}
/* === STOP - CodeMirror ==================================================== */

/* === START - scCode ==================================================== */
div.scCodeActive{
	border:1px solid silver;
	background-color:white;
}
.scCodeCtrl{
	background-color:#f3f3f3;
	border-bottom:1px solid #cfcfcf;
	padding:0;
	height:19px;
	text-align:right;
	z-index:2;
	position:relative;
}

div.scCodeActive .CodeMirror-static{
	transition: margin-left 200ms ease-in;
}
div.scCodeLineNums-invisible .CodeMirror-linenumber{
	display:none;
}
div.scCodeLineNums-invisible .CodeMirror-static{
	margin-left:2px;
}

.scCodeRaw-invisible .scCodeRaw,
.scCodeRaw-visible .scCodeCode{
	display:block;
}
.scCodeActive .scCodeRaw,
.scCodeActive .scCodeCode{
	transition: opacity 1s ease-out;
	opacity: 0; 
	height: 0;
	overflow: hidden;
}
.scCodeRaw-invisible .scCodeCode,
.scCodeRaw-visible .scCodeRaw{
	opacity: 1;
	height: auto;
	overflow:auto;
}
.scCodeCtrl a{
	display:inline-block;
	width:20px;
	height:19px;
	background-image:url("../img/code/buttons.png");
	background-repeat: no-repeat;
	background-position: -0px -0px;
	margin:0 1px;
}
.scCodeCtrl a:hover{
	opacity:0.8;
}
.scCodeCtrl a span{
	display:none;
}
.scCodeCtrl a.scCodeBtnLineNums{
	background-position: -0px -20px;
}
div.scCodeLineNums-invisible .scCodeCtrl a.scCodeBtnLineNums{
	background-position: -20px -20px;
}
.scCodeRaw-visible .scCodeCtrl a.scCodeBtnLineNums{
	visibility: hidden;
}
.scCodeCtrl a.scCodeBtnRaw{
	background-position: -0px -40px;
}
.scCodePlain .scCodeCtrl a.scCodeBtnRaw{
	background-position: -0px -20px;
}
.scCodeRaw-visible .scCodeCtrl a.scCodeBtnRaw{
	background-color: silver;
}
.scCodeRaw-visible.scCodePlain .scCodeCtrl a.scCodeBtnRaw{
	background-position: -20px -20px;
	background-color: inherit;
}
.scCodeCtrl a.scCodeBtnWrap{
	background-position: -0px -80px;
}
.scCodeWrap-on .scCodeCtrl a.scCodeBtnWrap{
	background-color: silver;
}
.scCodeRaw-visible .scCodeCtrl a.scCodeBtnWrap{
	visibility: hidden;
}


.scCodeCopyMsg.scCodeHidden {
	display:block;
	height:0px;
}
.scCodeCopyMsg.scCodeVisible {
	display:block;
	height:18px;
}

.scCodeCopyMsg {
	position:absolute;
	z-index:1;
	opacity:0.8;
	top:19px;
	left:0;
	width:100%;
	background-color:#f7ed99;
	border-bottom:1px solid #e4ca8c;
	color:#7e652a;
	text-align: center;
	overflow:hidden;
	transition: height 200ms linear;
}