html,
body{
	font-family: arial, sans-serif;
	padding: 0;
	margin:0;
	background-color: #E9E9EA;
	font-size: 15px;
	width: 100%;
	height: 100%
}

#basculeOuvertFerme{
	display: block;
	min-height: 37px;
	min-width: 37px;
	position: absolute;
	z-index: 2;
	top: 10px;
	left: 5px;
	border:0;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#basculeOuvertFerme.toutFerme{
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

#racine{
	padding-top: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}

#racine > div:first-child{
	box-shadow: 0 0 5px #9a9a9a;
	margin-left: 10%;
	margin-right: 10%;
	background-color: white;
	overflow: visible;
	position: relative;
}

h5, h6, h7, h8, h9{
	font-size: 1em
}

.ba_txt_tb{
	border:1px solid #AB0132;
	margin:20px auto;
	border-collapse: collapse
}

.ba_txt_tb p{
	margin:3px auto; 
}

.ba_txt_tb td,
.ba_txt_tb th{
	border:1px solid #AB0132;
	padding: 5px
}

.ba_txt_tb .ba_txt_tbtr_head th{
	background: #AB0132;
}

.ba_txt_tb .ba_txt_tbtr_head th *{
	color: white
}

.ba_txt_tbtd_num{
	text-align: right
}

.ba_txt_tbtd_word{
	text-align: center
}

.auteur,
.editeur,
.dateCrea,
.domaine,
.public,
.info{
	display: inline-block;
	background-color: #FDFDFD;
	box-shadow: 2px 2px 5px #9a9a9a;	
	margin: 10px;
	max-width: 400px;
	vertical-align: top;

}

.domaine span{
	display: block;
}

h1{
	color:#006484;
	font-size: 2.5em;
	margin-left: 10px;
	background-color: white;
	border:3px solid #006484;

	display: inline-block;
	box-shadow: 0 0 5px #9a9a9a;
	padding: 5px 10px;
	margin-left: -1em
}

.infos{
	text-align: center;
}

.infoTitre{
	font-size: 0.7em;
	padding: 5px 10px;
	background-color: #006484;
	color: white;

}

.infoContenu{
	padding: 5px 10px;
	font-size: 0.8em;
	max-height: 200px;
	overflow:auto;
}

.public .infoContenu{
	text-align: left;
}

.prerequis,
.obj,
.activite{
	background-color: rgba(0,0,0,0.01);
	margin-top: 40px;
	border-top:3px solid #999999
}

.activite{
	border-top-color:#AB0132;
	position: relative;
}

.prerequis_ti,
.obj_ti,
.activite_ti{
	text-transform: uppercase;
	background-color: white;

	margin-left: -1em;
	margin-top: 0;
	position: relative;
	top: -1.2em;
	padding: 0.5em;
	display: inline-block;
	box-shadow: 0 0 5px #9a9a9a;
	margin-bottom: 0;
	color: #747474
}

.activite_ti{
	background-color: #AB0132;
	color: white;
	max-width: 50%
}

.prerequis_co,
.obj_co,
.activite_co{
	padding: 0.5em;
	margin-top: -1em
}

.activite .prerequis,
.activite .obj,
.activite .activite{
	margin-left: 5%
}

.dureeAppr,
.modSpat,
.modTemp,
.modCollab,
.typeActivite{
	display: inline-block;
	background-color: #FDFDFD;
	box-shadow: 0 0 2px #9a9a9a;	
	margin: 5px;
	max-width: 300px;
	vertical-align: top;
	border:1px solid #006484;
	padding: 2px 5px
}

.modeTitre{
	font-size: 0.7em;
	color: #006484;
}

.activite .dureeAppr,
.activite .modSpat,
.activite .modTemp,
.activite .modCollab,
.activite .typeActivite{
	border:1px solid #AB0132;
}

.activite .modeTitre{
	color: #AB0132;
}

.modeContenu{
	font-size: 0.8em;
	max-height: 200px;
	overflow:auto;
}

.mode{
	text-align: right;
	max-width: 50%;
	position: absolute;
	top: -23px;
	right: 0
}

.activite .mode{
	top: -1.55em;
}

.tabContenu {
	width: 100%
}

.tabContenu td{
	vertical-align: top;
	width: 50%
}

.actObj_ti,
.consignes_ti{
	margin-top: 0;
	padding-top: 0
}

.infos_ti,
.contenu_ti,
.resInFlow_ti,
.modalites_ti,
.actAppr_ti,
.actForm_ti{
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.celActAppr{
	background: url(appr.png) left top no-repeat;
	background-size: auto 3em;
}

.celActForm{
	background: url(form.png) left top no-repeat;
	background-size: auto 3.4em;
}

.actAppr {
	border-left:3px solid #459EDD;
	margin-left: 2.5em;
	padding-left: 0.5em
}

.actForm {
	border-left:3px solid #8DD14B;
	margin-left: 2.5em;
	padding-left: 0.5em
}

.actForm .consignes_ti,
.actForm .matPedago_ti,
.actForm .compl_ti{
	color: #5C9425
}

.actAppr .consignes_ti,
.actAppr .matPedago_ti,
.actAppr .compl_ti{
	color: #1B6EA8
}

.celActForm li{
	color: #8DD14B
}

.celActAppr li{
	color: #459EDD
}

.celActForm li *,
.celActAppr li *{
	color: black;
}

a,
.TTlabelTypeAct{
	color: #1e6ba2;
	border-top:0 solid #1E6BA2;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	border-bottom:1px solid #1E6BA2;
}

.TTlabelTypeAct{
	border:0;
}

.TTlabelTypeAct:hover{
	text-decoration: underline;
}

.typeAct {
	margin: 3px 0;
	display: inline;
}

a:hover{
	border-bottom-width:3px;
}

a:visited,
.TTlabelTypeAct:visited{
	color: #7d459f;
	border-color: #7d459f
}

a.op_txt_ul{
	padding-right: 17px;
	background: url(lien.png) right top no-repeat;
}

.ttSimple,
.tooltip,
.TTtypeAct  {
	border-radius: 12px 0;
	padding: 0.5em;
	box-shadow: 0 0 5px #9a9a9a;
	background-color: white;
	right: 20px
}

.mField_ti,
.tooltip_ti  {
	font-weight: bold;
	color: #333333;
}

.tooltip_x,
.tooltip_x:visited,
.TTtypeAct_x,
.TTtypeAct_x:visited{
	position:absolute;
	top: -10px;
	right: -10px;
	background-color: white;
	box-shadow: 0 0 5px #9a9a9a;
	font-weight: bold;
	color: black;
	padding: 1px 3px;
	text-decoration: none;
}

.TTtypeAct_x{
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: block;
	padding: 0;
	background: url(croixFermer.png) no-repeat center center white;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	border: 0
}

.TTtypeAct_x:hover{
	top: -8px;
	border: 0;
	box-shadow: 0 0 2px #9a9a9a;
}

.TTtypeAct_x span{
	display: none;
}

.tooltip_x,
.TTtypeAct_x {
	font-size: 1em
}

/*.tooltip_x span:after,
.TTtypeAct_x span:after{
	content: ' fermer';
	font-size: 0.7em;
}*/

.tooltip_x span:after{
	content: ' fermer';
	font-size: 0.7em;
}

.op_bibTxt_tl_title{
	font-style: italic;
	font-weight: bold;
}

.op_bibTxt_tl_auth{
	font-weight: bold;
}

.op_bibTxt_tl_date{
	font-family: Courier;
}

.op_bibTxt_tl_ed{
	font-weight: bold;
	color: #555555
}

.blocFermable_open,
.blocFermable_closed{
	display: inline-block;
	width: 37px;
	height: 37px;
	position: absolute;
	top: -17px;
	left: -4em;
	border:0;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.activite .activite .blocFermable_open,
.activite .activite .blocFermable_closed{
	-webkit-transform:scale(0.8);
	transform:scale(0.8);
	left: -3.5em;
}

.blocFermable_closed{
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.activite .activite .blocFermable_closed{
	-webkit-transform:scale(0.8) rotate(-90deg);
	transform:scale(0.8) rotate(-90deg);
}

.blocFermable_open:focus,
.blocFermable_closed:focus{
}

.blocFermable_closed + .blocFermable_co {
	display: block !important;
	overflow:hidden;
	height: 0
}

.blocFermable_open + .blocFermable_co{
	max-height: auto;
	height: auto
}

.blocFermable_co{
	-webkit-transition: all 2s ease-out;
	transition: all 2s ease-out;
}

.matPedago_co a{
	padding-left: 27px
}

.ba_txt_p a{
	padding-left: 0
}

a.webRoot{
	background: url(web.png) left center no-repeat;
}

a.odRoot{
	background: url(paper.png) left center no-repeat;
}

a.presRoot{
	background: url(pres.png) left center no-repeat;
}

a.simuLnk {
	background: url(eSite.png) left center no-repeat;
}

a.sfile_zip_lnk_lnk {
	background: url(zip.png) left center no-repeat;
}

a.sfile_xls_lnk_lnk {
	background: url(xls.png) left center no-repeat;
}

a.sfile_ppt_pps_lnk_lnk {
	background: url(ppt.png) left center no-repeat;
}

a.sfile_doc_lnk_lnk {
	background: url(doc.png) left center no-repeat;
}

a.sfile_ods_lnk_lnk {
	background: url(ods.png) left center no-repeat;
}

a.sfile_odp_lnk_lnk {
	background: url(odp.png) left center no-repeat;
}

a.sfile_odt_lnk_lnk {
	background: url(odt.png) left center no-repeat;
}

a.sfile_pdf_lnk_lnk {
	background: url(pdf.png) left center no-repeat;
}