/* Transformers' CSS*/

/* Classes for Text */

span.el_txt_ul_gloss, span.el_labelTxt_ul_gloss{
	border-bottom: 2px dotted #83a938;
	font-weight: bold;
	padding-right: 15px;
	color: #83a938;
	background: url(../img/txt/gloss.gif) no-repeat top right;
	cursor:hand;
	cursor:pointer;
}

span.el_txt_ul_ref, span.el_labelTxt_ul_ref{
	border-bottom: 2px dotted #83a938;
	font-weight: bold;
	padding-right: 15px;
	color: #83a938;
	background: url(../img/txt/refs.gif) no-repeat top right;
	cursor:hand;
	cursor:pointer
}

a.el_txt_ul_doc{
	border-bottom: 1px solid #83a938;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/txt/note.gif) no-repeat top right;
	padding-right: 15px;
	color: #83a938;
	height:1%;
	/*Hack CSS pour que le filtre opacit� fonctionne sur IE*/
}

a.el_txt_ul_doc:hover{
	-moz-opacity:0.5;
	filter:Alpha(opacity=50);
	opacity:0.5; 
}

.el_txt_tl_exp{
	font-size:70%;
	vertical-align:4px
}

.el_txt_tl_ind{
	font-size:70%;
	vertical-align:-4px
}

.el_txt_tt_gloss_fra, .el_txt_tt_ref_fra, .el_txt_tt_doc_fra, .el_labelTxt_tt_gloss_fra, .el_labelTxt_tt_ref_fra{
	background: #eceacc;
	border:2px solid #979797;
}

.el_txt_tt_gloss_fra p, .el_txt_tt_ref_fra p, .el_txt_tt_doc_fra p, .el_labelTxt_tt_gloss_fra p, .el_labelTxt_tt_ref_fra p{
	text-align: justify;
	font-size: 0.9em;
	line-height: 100%;
	margin: 0.3em 0.3em 0.3em 0.3em;
}

.el_txt_tt_gloss_ti, .el_txt_tt_ref_ti, .el_txt_tt_doc_ti, .el_labelTxt_tt_gloss_ti, .el_labelTxt_tt_ref_ti{
	font-size: 1.2em;
	font-weight: bold;
	background-image:url(../img/txt/bandeHautTT.png);
	background-repeat: repeat-x;
	background-position: top;
	display:block;
	padding:5px
}

.el_txt_tt_gloss_co, .el_txt_tt_ref_co, .el_txt_tt_doc_co, .el_labelTxt_tt_gloss_co, .el_labelTxt_tt_ref_co{
	overflow: auto;	
	padding:5px;
	padding-bottom:15px;
	background-image:url(../img/txt/bandeBasTT.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.el_txt_tt_doc_x, .el_txt_tt_x, .el_txt_tt_ref_x, .el_txt_tt_doc_x{
	background: url(../img/txt/cross.gif) top left no-repeat;
	text-decoration: none;
	display: block;
	width: 22px;
	height:22px;
	position:absolute;
	top:0px;
	right:0px;	
	cursor:hand;
	cursor:pointer;
}
a.tooltip_x span, .el_txt_tt_ref_x span, .el_txt_tt_doc_x span, .el_labelTxt_tt_ref_x span, .el_txt_tt_x span{
	visibility: hidden;
}

a.el_txt_ul, a.el_sTxt_ul, a.el_labelTxt_ul{
	text-decoration: none;
	border-bottom: 1px dotted navy;
	color: navy;
	background: url(../img/txt/refLink.gif) no-repeat top right;
	padding-right: 15px;
}

a.el_txt_ul:hover, a.el_sTxt_ul:hover, a.el_labelTxt_ul:hover{
	text-decoration: none;
	border-bottom: 1px dotted #5E9F3A;
	color: #5E9F3A;
	background: url(../img/txt/goLink.gif) no-repeat top right;
	padding-right: 15px;
}

.el_txt_is_em, .el_sTxt_is_em, .el_labelTxt_is_em{
	font-weight: bold;
	color: #1e1e1e;
}

ol.el_txt_il, ol.el_sTxt_il{
	font-weight: bold;
	color: #7E99CC;
	font-size: larger;
}

ol.el_txt_il p, ol.el_sTxt_il p{
	font-weight: normal;
	color: black;
}

ul.el_txt_il, ul.el_sTxt_il{
	list-style-image: url(../img/txt/puce1.gif);
}
ul.el_txt_il ul, ul.el_sTxt_il ul{
	list-style-image: url(../img/txt/puce2.gif);
}
ul.el_txt_il ul ul, ul.el_sTxt_il ul ul{
	list-style-image: url(../img/txt/puce3.gif);
}

.el_txt_ili p, .el_sTxt_ili p{
	text-indent: 0em;
	margin-left: 0em;
	font-size: 1.1em;
}


/* Classes for blocks */
.resInFlow{
	text-align:center
}

.resInFlow img{
	margin:10px
}

.resInFlow a img{
	border:1px solid gray
}

.resInFlow a img:hover{
	border:1px solid #9a9a9a
}



.remind_ti, .def_ti, .example_ti, .remark_ti, .advice_ti, .warning_ti, .obj_ti, .info_ti{
	background-image:url(../img/blocks/soulignageBalPedago.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display: inline;
	font-size:1.5em;
	color:#8f8f8f;
	padding-bottom:12px
}

.obj_ti{
	background-image:url(../img/blocks/soulignageObj.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display: inline;
	font-size:1.5em;
	color:#8f8f8f;
	padding-bottom:12px;
}

.remind, .def, .example, .remark, .advice, .warning, .info, .obj{
	margin: 10px;
	margin-bottom:20px
}

.blocks_co{
	background-color:#f2f2f2;
}

.obj_co{
	margin-top:20px
}

.advice_ti span{
	background: url(../img/blocks/advice.gif) center right no-repeat;
	padding-right:32px
}
.def_ti span{
	background: url(../img/blocks/def.gif) center right no-repeat;
	padding-right:30px
}
.example_ti span{
	background: url(../img/blocks/example.gif) center right no-repeat;
	padding-right:27px
}
.remark_ti span{
	background: url(../img/blocks/remark.gif) center right no-repeat;
	padding-right:26px
}
.remind_ti span{
	background: url(../img/blocks/remind.gif) center right no-repeat;
	padding-right:25px
}
.warning_ti span{
	background: url(../img/blocks/warning.gif) center right no-repeat;
	padding-right:27px
}
.obj{
	background: url(../img/blocks/obj.png) top left no-repeat;
	padding-left:27px
}

.part{
	margin:5px
}

.part p{
	color: #878787
}

.part_ti{
	background: url(../img/blocks/chevronOuvrant.gif);
	background-position: center left;
	background-repeat: no-repeat;
	font-size: 1.3em;
	font-weight: bold;
	color:gray;
	padding-left: 25px;
	display:block;
	border-bottom:1px solid #b8b8b8
}

.part_co{
	margin-left:20px;	
	margin-right:20px
}

.part_closed, .part_open{
	text-decoration: none
}

.part_closed:hover, .part_open:hover{
	background-color: #eeeeee
}

/* Classes for Images and Ressources */

.captionImg_ti{
	font-family: "Times New Roman", Times, serif;
	color: gray;
	min-height: 20px;
	font-size: 1.1em;
}

.captionImgContainer{
	text-align:center
}

.captionImg{
	display: table;
	margin:auto;
	zoom:100%;
	/*hack css pour que le filtre opacit� fonctionne sur IE */
	margin-top:10px;
	margin-bottom:10px;
	text-decoration: none
}

.captionImg *, .playerMedia *{
	text-align: center;
	margin:0px;
	color:gray;
}

.captionImg img{
	border:1px solid #d1d1d1;	
}

.playerMedia{
	display:block;
	margin:auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px
}


.captionImg:hover{
	-moz-opacity:0.7;
	filter:Alpha(opacity=70);
	opacity:0.7;
}

.el_resM_label{
}

.el_resM_author, .el_resM_date{
	margin-right: 0.5em;
}

.el_resM_desc{
	font-style: italic;
}

/* tooltip info */
.infoBtn_a {
	position:absolute;
	top:3px;
	right:3px;
	background: url(../img/blocks/info.gif) no-repeat top right;
	text-decoration: none;
	height: 36px;
	width: 41px;
	display: block;
	margin: 5px 5px 0px 0px;
	cursor: pointer;
	display:none
}

.infoBtn_a:hover{
	-moz-opacity:0.7;
	filter:Alpha(opacity=70);
	opacity:0.7;
}

.infoBtn_a span {
	display: none;
}

.infoBtn_fra{
	background: white;
	border:2px solid #979797
}
.infoBtn{
	width: 100%;
}
.infoBtn_fra p{
	text-align: justify;
	font-size: 0.9em;
	line-height: 100%;
	margin: 0.3em 0.3em 0.3em 0.3em;
}
a.infoBtn_x{
	background: url(../img/txt/cross.gif) top left no-repeat;
	text-decoration: none;
	display: block;
	width: 22px;
	height:22px;
	float: right;
	cursor:hand;
	cursor:pointer;
}
a.infoBtn_x span{
	visibility: hidden;
}
.infoBtn_ti{
	font-size: 1.2em;
	font-weight: bold;
	background-image:url(../img/txt/bandeHautTT.png);
	background-repeat: repeat-x;
	background-position: top;
	display:block;
	padding:5px
}
.infoBtn_co{
	overflow: auto;	
	padding:5px;
	padding-bottom:15px;
	background-image:url(../img/txt/bandeBasTT.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.el_assmntStage_sol_ti{
font-size: 1.4em;
	font-weight: bold;
	color:#728CB0;
	margin: 1em 0 1em 0;
}



/* tooltip g�n�ral myTT */
.myTT_a {
	text-decoration: none;
	margin: 5px 5px 0 0;
}
.myTT_fra{
	background: #eceacc;
	border:2px solid #979797
}
.myTT{
	min-width:150px;
	background-image:url(../img/txt/bandeBasTT.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.myTT_fra p{
	text-align: justify;
	font-size: 0.9em;
	line-height: 100%;
	margin: 0.3em 0.3em 0.3em 0.3em;
}
a.myTT_x{
	background: url(../img/txt/cross.gif) top left no-repeat;
	text-decoration: none;
	display: block;
	width: 22px;
	height:22px;
	float: right;
	cursor:hand;
	cursor:pointer;
}
a.myTT_x span{
	visibility: hidden;
}
.myTT_ti{
	font-size: 1.2em;
	font-weight: bold;
	background-image:url(../img/txt/bandeHautTT.png);
	background-repeat: repeat-x;
	background-position: top;
	display:block;
	padding:5px;
	padding-right:30px;
}

.myTT_co{
	overflow: auto;	
	padding:5px;
	padding-bottom:15px;
}

/*Images de decoration*/
.decoIntro{
	background-image:url(../img/deco/intro.jpg);
}

.decoConclu{
	background-image:url(../img/deco/conclu.jpg);
}

.decoDiv{
	background-image:url(../img/deco/div.jpg);
}

.decoAssmnt{
	background-image:url(../img/deco/assmnt.jpg);
}

.decoSubDiv{
	background-image:url(../img/deco/subDiv.jpg);
}

.decoCourse{
	background-image:url(../img/deco/course.jpg);
}

.decoGenStage{
	background-image:url(../img/deco/genStage.jpg);
}

.decoGenRef{
	background-image:url(../img/deco/genRef.jpg);
}

.blockIntro, .blockConclu{
	background-image:url(../img/blocks/iconeIntroConclu.png);
}

.blockObjPedago{
	background-image:url(../img/blocks/iconeObjPedago.png);
}
.blockPreReq{
	background-image:url(../img/blocks/preReq.png);
}

.blockObjPedago, .blockPreReq, .blockIntro, .blockConclu{
	background-position:center left;
	padding-left:30px;
	font-size:18px;
	color:#353535;
	background-repeat: no-repeat;
	margin-top:30px;
	border-bottom:1px solid #adadad;
	padding-bottom:10px;
	padding-top:10px;

}