body{
	font-size: 10pt;
	font-family: Georgia, serif;
	width: auto;
	height: auto;
}
*{
	position: static;
	float: none;
	width: auto;
	height: auto;
}
div{
	position: static;
	float: none;
	width: auto;
	height: auto;
	background-image: none;
}
a,
a img{
	text-decoration: none;
	border: none;
}
@page { size 21cm 29.7cm; margin: 2cm }
@page :first {
  margin-right:2cm;
  margin-left: 2cm;
}
@page :right{
  margin-right: 4cm;
}

@page :left {
  margin-left: 4cm;
}

/******************/
/*    STRUCT      */
/******************/
#tplIco{
	display:none;
}

#titleRoot{
	font-size: 16pt;
	color: #686868;
}
#annotBtn{
	display: none;
}
#tplCo{
	overflow: visible;
}

#tplLft,
#tplRgt,
#tplBtmLeft{
	display: none;
}

div.subWindow_co{
	border: none;
	height: auto;
	width: auto;
}
.annotFieldFrm{
	background-image: none;
}

/******************/
/*      MENU      */
/******************/
.sw_menu_navList a,
.sw_menu_navList a:visited,
.sw_menu_navList a:active,
.sw_tools_navList a,
.sw_tools_navList a:visited,
.sw_tools_navList a:active,
.sw_child_navList a,
.sw_child_navList a:visited,
.sw_child_navList a:active{
	color: inherit;
	text-decoration: none;
}	
ul.sw_menu_navList{
	list-style-image: none;
	list-style-type: upper-alpha;
	background: none;
	font-size: 11pt;
}
ul.sw_menu_navList ul{
	list-style-image: none;
	list-style-type:decimal;
	font-size: 10pt;
}
ul.sw_menu_navList ul ul{
	list-style-image: none;
	list-style-type:lower-alpha;
	font-size: 9pt;
	font-style: italic;
}
ul.sw_menu_navList .mnu_sel_yes span{
	color : #4463A1;
	font-weight: bold;
}
ul.sw_child_navList{
	list-style-image: none;
	list-style-type: square;
}
.sw_child_navList{
	margin: 0cm 3cm;
}


/******************/
/*      TEXT      */
/******************/

ul.op_txt_il,
ul.op_sTxt_il,
ul.op_clozeTxt_il,
ul.op_qTxt_il{
	list-style-type: disc;
	list-style-image: none;
}
ul.op_txt_il ul,
ul.op_sTxt_il ul,
ul.op_clozeTxt_il ul,
ul.op_qTxt_il ul{
	list-style-type: square;
	list-style-image: none;
}
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-type: circle;
	list-style-image: none;
}
.op_txt_p span,
.op_labelTxt_p span,
.op_clozeTxt_p span,
.op_qTxt_ul_p span,
.op_txt_p a,
.op_labelTxt_p a,
.op_clozeTxt_p a,
.op_qTxt_ul_p a{
	padding-right: 0px;
	background-image: none;
}
a.op_txt_ul:after,
a.op_sTxt_ul:after,
a.op_labelTxt_ul:after,
a.op_clozeTxt_ul:after,
a.op_qTxt_ul:after,
a.sfile_lnk:after{
	content: " (" attr(href) ") ";
	background-image: none;
}
a.op_txt_ul_docLnk span:after {
	content: " (" attr(title) ") ";
}
a.op_txt_ul,
a.op_sTxt_ul,
a.op_labelTxt_ul,
a.op_clozeTxt_ul,
a.op_qTxt_ul,
a.sfile_lnk{
	background-image: none;
	text-decoration: underline;
}

/******************/
/*    GENERAL     */
/******************/
.mainContent_ti{
	font-size: 20pt;
	margin-top: 2cm;
	margin-bottom: 1cm;
}
.practUcDesc_ti{
	margin: 0.8cm 0cm;
}
.zoom,
.ttInfo_a {
	display: none;
}

/******************/
/*    BINARIES    */
/******************/
#linkSp img:after,
.cc-button img:after{
	content: " (" attr(alt) ") ";
}
sfile_avi_resVideo,
sfile_mov_resVideo,
sfile_flv_resVideo,
sfile_mpeg_resVideo,
object.resFlash,
object.embedObj{
	display: block;
	width: 300px;
	height: 100px;
	border: 2px solid gray;
	background-color: silver;
	font-weight: bold;
	color: #CA0000;
}

/******************/
/*       PB       */
/******************/
.basic, 
.legal, 
.complement, 
.method, 
.syntax, 
.simulation,
.remind, 
.def,
.example, 
.remark, 
.advice, 
.warning,
.obj{
}
.blocks_co{
	padding: 0.6cm 0.6cm;
}
.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{
	min-height: 35px;
	padding: 0 0;
	background-image: none;
	text-align: left;
	color: #4463A1;
}
.warning_ti{
	color: #FFCFCC;
}
.pbTi{
	position: static;
	top: auto;
	left: auto;
	overflow: auto;
	width:auto;
	height:auto;
}

/******************/
/*      EVAL      */
/******************/
.evalPlayerPrint{
	display:none;
}
.evalCounterSeen, 
.evalCounterTotal,
.evalCounterOver{
	display: inline;
	height: auto;
	width: auto;
	position:relative;
}
.nextEval,
.prevEval{
	display: none;
}
.mtTable,
.olTableSol,
#evalPlayerCo table{
	width: 15cm;
}

/**********************/
/*  Page de synthèse  */
/**********************/
#tplFraSynth{
	background-color:white;
	padding:10px 25px;
}
#titleRootSynth{
	text-align:center;
	font-size:22px;
	padding-bottom:25px;
	color:#CD002E;
}
h1{
	color:black;
}
#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;
}
.exBk_div_ti{
	font-size:20px;
}
.exBk  .score{
	margin-top:0;
	position:static;
	width:auto;
	height:auto;
	margin-left:0;
	padding-left:6px;
}
.scoreEval {
	margin-left:0;
}
.score .answWorst,
.score .answBad,
.score .answGood,
.score .answBest{
	border-radius: 0;
	opacity:1;
	text-align:left;
	width:auto;
	height:auto;
	border:none;
	padding:auto;
}
.ddLabel_Wrong span, .assmntResult_Wrong span {
    background: none;
}
.ddLabel_Right span, .assmntResult_Right span {
    background: none;
}
.ddLabel_Wrong, .assmntResult_Wrong {
	border:none;
}
.ddLabel_Right, .assmntResult_Right{
	border:2px solid #008D1B;
	font-weight:bold;
}
.ddLabel_Right p, .assmntResult_Right p{
	color: #008D1B;
}
.ddLabelSol,
.mtLabelSol {
	background:none;
	font-weight:bold;
}
.ddLabelSol p,
.mtLabelSol p {
	color: #008D1B;
}

/* === 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;
}