/* Transformers' CSS*/
/* modification des images de déco, remplacement par logo_cwf.jpg  */

/******************/
/*    tooltips    */
/******************/
.tooltip_a {
	cursor: pointer;
}
.ttSimple_a {
	cursor: default;
}
.tooltip, .infoBtn_fra, .ttSimple, .tooltip_nm {
	border: 2px solid #516e96;
	background-color: #fff;
}
/*.ttSimple.op_txt_tt_acr,*/
.tooltip.op_txt_tt_bib,.tooltip_nm {
	border: 2px solid #516e96;
}
.tooltip_ti, .tooltip_nm_ti,.infoBtn_ti{
	font-size: 14px;
	font-weight: bold;
	background-color: #516e96;
	color:white;
	position: relative;
	padding: 0 16px 0 5px;
	cursor: default;
}
.tooltip_x, .tooltip_nm_x,.op_txt_tt_x, a.infoBtn_x, .op_labelTxt_tt_x{
	background: url(../img/txt/cross2.png) top left no-repeat;
	text-decoration: none;
	display: block;
	width: 16px;
	position: absolute;
	top: 0;
	right: 0;
}
a.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;*/
}


/********************/
/* Classes for Text */
/********************/

p.op_txt_p, p.opac_defTxt_p {
	text-indent: 1.2em;
}
.mDiv p.opac_defTxt_p {
	text-indent: 0;
}
li p.op_txt_p, li p.opac_defTxt_p {
	text-indent: 0;
}

/* Weblink */
a.op_txt_ul, a.opac_defTxt_ul, a.op_sTxt_ul, a.op_labelTxt_ul, a.op_clozeTxt_ul, a.sfile_lnk{
	text-decoration: none;
	color: #5a81c3;
	background: url(../img/txt/refLink.gif) no-repeat center right;
	padding-right: 16px;
}
a.op_txt_ul:hover, a.opac_defTxt_ul:hover, a.op_sTxt_ul:hover, a.op_labelTxt_ul:hover, a.op_labelTxt_ul:hover, a.sfile_lnk:hover{
	text-decoration: underline;
	background: url(../img/txt/goLink.gif) no-repeat center right;
}

/* RefItem */
span.op_txt_ul_acr,span.opac_defTxt_ul_acr, span.op_labelTxt_ul_acr, span.op_clozeTxt_ul_acr{
	background: url(../img/txt/acr.png) no-repeat center right;
	padding-right: 18px;
	color: #516e96;
}
span.op_txt_ul_glos, span.opac_defTxt_ul_glos, span.op_labelTxt_ul_glos, span.op_clozeTxt_ul_glos {
	background: url(../img/txt/glos.png) no-repeat center right;
	padding-right: 18px;
	color: #516e96;
}
span.op_txt_ul_bib, span.op_labelTxt_ul_bib, span.op_clozeTxt_ul_bib{
	background: url(../img/txt/bib.png) no-repeat center right;
	padding-right: 18px;
	color: #516e96;
}
span.op_txt_ul_ref, span.op_labelTxt_ul_ref, span.op_clozeTxt_ul_ref, span.op_txt_ul_refMulti {
	background: url(../img/txt/ref.png) no-repeat center right;
	padding-right: 18px;
	color:#516e96;
}
.op_txt_ul_docLnk, .op_clozeTxt_ul_docLnk {
	text-decoration: none;
	background: url(../img/txt/note.gif) no-repeat center right;
	padding-right: 16px;
	color: gray;
}
.op_txt_ul_resLnk {
	text-decoration: none;
	background: url(../img/txt/resLnk.png) no-repeat center right;
	padding-right: 16px;
	color: #516e96;
}
.op_txt_ul_glos:hover, .opac_defTxt_ul_glos:hover, .op_labelTxt_ul_glos:hover, .op_clozeTxt_ul_glos:hover,
.op_txt_ul_ref:hover, .op_labelTxt_ul_ref:hover, .op_clozeTxt_ul_ref:hover, .op_txt_ul_refMulti:hover, .op_txt_ul_bib:hover, .op_labelTxt_ul_bib:hover, .op_clozeTxt_ul_bib:hover,
.op_txt_ul_docLnk:hover, .op_clozeTxt_ul_docLnk:hover, .op_txt_ul_resLnk:hover{
	text-decoration: underline;
}

/* inlineStyles */
.op_txt_is_emp, .opac_defTxt_is_emp, .op_sTxt_is_emp, .op_labelTxt_is_emp, .op_clozeTxt_is_emp{
	font-weight: bold;
	color: #843663;
}
.op_txt_is_spec, .opac_defTxt_is_spec,

.op_sTxt_is_spec, 

.op_sPara_is_spec, 

.op_labelTxt_is_spec, 

.op_clozeTxt_is_spec{

	font-style: italic;

}
.op_clozeTxt_is_representative{
	background-color: #516e96;
	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: gray;
	font-family: "Times New Roman", Times, serif;
}
/* textLeafs */
.op_txt_tl_exp, .opac_defTxt_tl_exp, .opac_unitTxt_tl_exp, .op_labelTxt_tl_exp, .op_clozeTxt_tl_exp{
	font-size: 70%;
	vertical-align: 4px;
}
.op_txt_tl_ind, .opac_defTxt_tl_ind, .opac_unitTxt_tl_ind, .op_labelTxt_tl_ind, .op_clozeTxt_tl_ind{
	font-size:70%;
	vertical-align: -4px;
}
.op_bibTxt_tl_auth{
	font-weight: bold;
	font-style: italic;
}
.op_bibTxt_tl_ed{
	font-style: italic;
	font-weight: normal;
}
.op_bibTxt_tl_date{
	font-weight: bold;
	font-style: normal;
}
span.op_listingTxt_tl_note{
	font-style: italic;
}

/* imagesInline */
.tooltip_nm_a img {
	vertical-align: middle;
	border-bottom: dotted 2px #516e96;
}
.tooltip_nm_a img:hover {
	cursor: pointer;

}
.sfile_nm-odf_tooltip_nm_a {
	background: url(../img/btn/creditsLink.png) no-repeat center right;
	padding-right: 16px;
	color: #5a81c3;
}
.op_txt_tim_form img, .op_txt_tim_ico img, .opac_defTxt_tim_form img, .opac_defTxt_tim_ico img, .sfile_nm-odf_inlinedef_img, .sfile_nm-odf_glos_img {
	border: none;
	vertical-align: middle;
}

.embedObj {
	vertical-align: middle;
	margin-left: -2px;
	margin-right: -2px;
}
.embedObjImpt {
	vertical-align: middle;
	border: solid 2px #516e96;
	-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;
	padding: 5px;
}
object[class="embedObjImpt"] {
	border: none;
}
object.embedObjInl {
	vertical-align: middle;
	margin-left: -2px;
	margin-right: -2px;
	border-bottom: dotted 2px #516e96;
	padding-bottom: 2px;
}
.sfile_odf_inline_img, .sfile_nm-odf_inlinedef_img, .sfile_nm-odf_glos_img {
	margin-left: -6px;
	margin-right: -6px;	
}
/* lists*/
ol.op_txt_ol, ol.opac_defTxt_ol, ol.op_clozeTxt_ol {
	color: #516e96;
	font-weight: bold;
}
ul.op_txt_il, ul.opac_defTxt_il, ul.op_sTxt_il, ul.op_clozeTxt_il{
	list-style-image: url(../img/txt/puce1.png);
}
ul.op_txt_il ul, ul.opac_defTxt_il ul, ul.op_sTxt_il ul, ul.op_clozeTxt_il ul{
	list-style-image: url(../img/txt/puce2.gif);
}
ul.op_txt_il ul ul, ul.opac_defTxt_il ul ul, ul.op_sTxt_il ul ul, ul.op_clozeTxt_il ul ul{
	list-style-image: url(../img/txt/puce3.gif);
}
.op_txt_ili p, .opac_defTxt_ili p, .op_sTxt_ili p, .op_clozeTxt_ili p, .op_txt_oli p, .op_sTxt_oli p, .op_clozeTxt_oli p{
	margin-left: 0;
	color: #4f4f4f;
	font-weight: normal;
}

/* listingTxt */
.op_listingTxt_p{
	margin: 0.3em 1em;
	font-family: "Courier New", Courier, monospace;
}



/*************/
/*  binaries */
/*************/
a.zoom{
	text-decoration: none;
	background: url(../img/txt/zoom.png) no-repeat center;
	padding: 0px 10px;
	margin-left: 5px;
	font-size: 15px;
}
a.zoom:hover{
	background: url(../img/txt/zoom_in.png) no-repeat center;
}
a.zoom span{
	display: none;
}
.ttInfo_a{
	text-decoration: none;
	background: url(../img/txt/info.png) no-repeat center;
	padding: 0px 10px;
	margin-left: 0px;
	font-size: 15px;
}
.ttInfo_a:hover{
	background: url(../img/txt/info_over.png) no-repeat center;
}
.ttInfo_a span{
	display: none;
}

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


.resInFlow_ti{
	color: gray;
	font-style: italic;
}

.linkInFlow{
	margin: 1em;
}

/********************/
/* Classes for simu */
/********************/

.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;
}
.simuLnkEweb, .simuLnkXmllab {
	color:#5a81c3;
	text-decoration: none;
}
.simuLnkEweb:hover, .simuLnkXmllab:hover {
	text-decoration: underline;
}

.simu_co{
	text-align: center;
}
.simuExp_closed, .simuExp_open{
	color: gray;
	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;
}
.simulFlash {
	text-align: center;
	margin: 10px 0;
}

/********************/
/* Classes for blocks */
/********************/

.mainContent_ti,.mainContent_practUc_ti,.mainContent_trainUc_ti {
	font-size: 2em;
	text-align: center;
	margin: 1em;
}
.mainContent_intro_ti{
	display: none;
}
.mainContent_intro{
	padding-top: 70px;
	background: url(../img/blocks/introduction.png) no-repeat top center;
}
.mainContent_conclu_ti{
	display: none;
}
.mainContent_conclu{
	padding-top: 70px;
	background: url(../img/blocks/conclusion.png) no-repeat top center;
}
.mainContent_practUc{
	padding-top: 70px;
	background: url(../img/blocks/practUc.png) no-repeat top center;
}
.mainContent_trainUc{
	padding-top: 70px;
	background: url(../img/blocks/trainUc.png) no-repeat top center;
}

.info{
}
.basic_ti, .legal_ti, .complement_ti, .method_ti, .syntax_ti, .simulation_ti, .qa_ti,
.remind_ti, .def_ti, .example_ti, .remark_ti, .advice_ti, .warning_ti,
.obj_ti {
	font-size: 1.4em;
	color: #516e96;
	padding: 18px 155px 0px 2px;
	min-height: 25px;
}
/*.warning_ti{
	color: #FF4F45;
}*/
.info_ti{
	font-size: 1.4em;
	color:#516e96;
	padding: 5px 0px 0px 0px;
}

.basic, .legal, .complement, .method, .syntax, .simulation, .qa,
.remind, .def, .example, .remark, .advice, .warning, .obj{
	background-position:center bottom;
	background-repeat:repeat-x;
	padding-bottom:8px;
	margin: 1.3em 1em 1.3em 1em;
}
.blocks_co, .obj_co, .blocks_co_qa {
	background-color:#e6f1f5;
	border-top: 7px solid #6aa4b2;
	padding-bottom: 2px;
}
.blocks_co_qa {
	padding: 10px;
}
/* Q / R */
a.ans_closed, a.ans_open {
	text-decoration: none;
	padding-left: 20px;
}
a.ans_closed {
	background: url(../img/blocks/minus.png) no-repeat center left;
}
a.ans_open {
	background: url(../img/blocks/plus.png) no-repeat center left;
}
span.ans_tiIn {
	font-size:1.5em;

	font-weight: bold;
	color:#516e96;
}
/* .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);
}*/
.basic_ti{
	background: url(../img/blocks/basic.png) center right no-repeat;
}
.legal_ti{
	background: url(../img/blocks/legal.png) center right no-repeat;
}
.complement_ti{
	background: url(../img/blocks/complement.png) center right no-repeat;
}
.method_ti{
	background: url(../img/blocks/method.png) center right no-repeat;
}
.syntax_ti{
	background: url(../img/blocks/syntax.png) center right no-repeat;
}
.qa_ti{
	background: url(../img/blocks/qa.png) center right no-repeat;
}
.simulation_ti{
	background: url(../img/blocks/simul.png) center right no-repeat;
}
.advice_ti{
	background: url(../img/blocks/advice.png) center right no-repeat;
}
.def_ti{
	background: url(../img/blocks/def.png) center right no-repeat;
}
.example_ti{
	background: url(../img/blocks/example.png) center right no-repeat;
}
.remark_ti{
	background: url(../img/blocks/remark.png) center right no-repeat;
}
.remind_ti{
	background: url(../img/blocks/remind.png) center right no-repeat;
}
.warning_ti{
background: url(../img/blocks/warning.png) center right no-repeat;
}
.obj_ti{
	background: url(../img/blocks/obj.png) center right no-repeat;
}
.expUcDiv_co{
	padding-left: 2em;
}
.collapse{
	border: 2px solid #DCE6EC;
	margin: 1em 1em 1em 1em;
}
.collapse_open{
	background: #DCE6EC url(../img/blocks/plus.png) 10px 4px no-repeat;
	padding: 2px 0;
}
.collapse_closed{
	background: #DCE6EC url(../img/blocks/minus.png) 10px 4px no-repeat;
	padding: 2px 0;
	margin-bottom: 1em;
}
.collapse_ti{
	font-size: 1.5em;
	font-weight: bold;
	color:#4463A1;
	padding-left: 35px;
}
.collapse_tiIn{
}
.collapse_co{

padding: 1em 1em 1em 1em;
}
.collapse_closed .a{

}
.collapse a{
	text-decoration: none;
}


.objBox{
	margin: 20px 10%;
	padding: 10px;
	background: url(../img/background/blockBkg.jpg);
	border: 1px solid #4463A1;
}
.objBox_ti{
	font-weight: bold;
	color:#516e96;
}
.objBoxIn{
	padding: 10px;
}


.quest{
	background: url(../img/background/blockBkg.jpg);
	border:1px solid #4463A1;
	margin: 20px 0px;
}

/***************************************/
/* Classes for Images and Ressources */
/***************************************/
.captionImg{
	text-align: center;
	margin-bottom: 2em;
}
.captionImg_ti{
	font-family: "Times New Roman", Times, serif;
	color: gray;
	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;
}




/*****************/
/*   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: #516e96;
	margin-top: 5px;
}
.mDiv{
	padding-left: 16px;
	background: url(../img/txt/puce2.gif) no-repeat center left;
}
.mDiv p{
	margin: 4px 0px 4px 0px;
}
.mDiv_ti{
	font-weight: bold;
	color: #5a81c3;
}




/****************/
/*     Deco     */
/****************/
.decoUeGroup,.decoUe, .decoUeDiv, .decoIntro, .decoConclu, .decoQuest, .decoAssmntUa, .decoApqUa, .decoCourseUa, 
.decoExpUc, .decoPractUc, .decoTrainUc, .decoGlos, .decoRef, .decoAcr, .decoBib,.decoExo, .decoNm, .decoSimu,
.decoQA, .decoSynth, .decoIndex, .decoCredits {
	width: 217px;
	height: 139px;
	position: absolute;
	bottom: 20px;
	left: 17px;
}
 .decoIntro, .decoConclu, .decoPractUc, .decoTrainUc, .decoQuest, .decoGlos, .decoRef, .decoAcr, .decoBib,.decoExo, .decoNm, .decoSimu,
.decoQA, .decoSynth, .decoIndex, .decoCredits {
	bottom: 0;
}
.decoIntro{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoConclu{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoAssmntUa{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoApqUa{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoCourseUa{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoExpUc{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoQuest{
	background: url(../img/deco/logo_cwf.jpg) center center no-repeat;
}
.decoPractUc{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoTrainUc{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoUeGroup,.decoUe{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoUeDiv{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoSynth{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoGlos{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoAcr{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoRef{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoBib{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoIndex{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoCredits{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoQA{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoNm{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoExo{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}
.decoSimu{
	background: url(../img/deco/logo_cwf.jpg) bottom left no-repeat;
}

/*********************/
/* Plan d'un ueGroup */
/*********************/

.plan_ueGroup {
	margin: 3em 2em 2em 2em;
	padding: 2em 2em 2em 2em;
}
.elt_ueGroup{
	position: relative;
	margin: 0px 0px 10px 0px;
	clear: both;
}
.elt_ueGroup a.pageLink, .elt_ueGroup span {	
	font-size: 1.3em;	
	text-decoration: none;
	margin: 0 50px 0 0;	
	padding: 3px 0 0 28px;
	min-height: 35px;
	display: block;
	color: #666;
}
.intro a.pageLink {
	background: url(../img/deco/introChild.png) no-repeat 4px 0;
}
.ue a.pageLink.ueGroup {
	background: url(../img/deco/ueGroupChild.png) no-repeat top left;
}
.ue a.pageLink.ue {
	background: url(../img/deco/ueChild.png) no-repeat top left;
}
.conclu a.pageLink {
	background: url(../img/deco/concluChild.png) no-repeat 4px -1px;
}
a.pageLink:hover {
	color: #000;
}
.creditsLink {
	position: relative;
	top: 10px;
	float: right;	
	display:block;
	width: 20px;
	height: 20px;
	background: url(../img/btn/creditsLink.png) no-repeat top left;
}
.creditsLink span {
	display: none;
}
a.creditsLink:hover {
	background: url(../img/btn/creditsLinkOver.png) no-repeat top left;
}

/*************************/
/* Ressources commentées */
/*************************/
div.reswithnotes {
	margin: 20px 10px;
	border: solid 2px #516e96;

}
h2.reswithnotes_ti {
	position: relative;
	top: -12px;
	left: 10px;
	margin-bottom: -12px;
}
h2.reswithnotes_ti span {
	padding: 0 10px;
	background-color: #fff;
}
div.res {
	width: 60%;
	float: left;
}
.imgnotes {
	width: 90%;
}

/**************/
/* voir aussi */
/**************/
div.also {
	margin: 20px;
}
.also a {
	text-decoration: none;
}
span.also_ti {
	display: none;
}
.also a.also_open, .also a.also_closed {
	width: 104px;
	height: 31px;
}
.also a.also_open {
	background: url('../img/btn/alsoOpen.png') no-repeat top left;
}
.also a.also_closed {
	background: url('../img/btn/alsoClosed.png') no-repeat top left;
}
.also a.also_closed:hover {
	background: url('../img/btn/alsoOver.png') no-repeat top left;
}
/*.also a span {
	color: #4463A1;
	font-size: 16px;
	font-weight: bold;
	display: inline;
}*/
div.also_co {
	padding: 5px;
	border: solid 2px #528ea1;
}
div.refGrp {
	margin: 5px 2px 12px;
}

.refGrp p.op_sTxt_p{
	text-indent: 0;
	font-size: 14px;
	margin: 5px;
}
ul.refList {
	list-style-image: url(../img/txt/puce1.gif);
	padding-left: 35px;
	margin: 2px 0;
}
.refList li {
	margin: 3px;
}

.refList li span.op_sPara_p {
	font-size: 13px;
}
.refList li a {
	text-decoration: none;
}
.refList li a span {
	color: #728ead;
	font-size: 13px;
	font-weight: bold;
	background: url(../img/btn/enterExo.png) no-repeat top right;
	display: inline;
	padding: 2px 19px 2px 0;
}
.refList li a:hover span {
	color: #4b6394;
	background: url(../img/btn/enterOver.png) no-repeat top right;
}


/**************/
/*    APQ     */
/**************/
.apqHint {
	position: fixed;
	top: 15px;
	left: 15px;
	width: 100%;
	/*margin: -50px 0 20px;*/
}
.apqHint_closed, .apqHint_open {
	background: url('../img/btn/creditsLink.png') no-repeat center left;
	text-decoration: none;
	min-height: 20px;
}
.apqHint_open {
	margin-bottom: 10px;
}
.apqHint_ti{
	color: #516e96;
	padding: 2px 0 2px 25px;
	font-weight: bold;
	font-size: 14px;
}

.apq.tooltip_a {
	margin: 0 5px;
	padding: 5px;
	background-color: #516e96;
	font-weight: bold;
	color: #fff;
}