/* Lecon */
div.Lecon { height: calc(100% - 77px);
    width: 100%;
    position: fixed;
    margin-top: 60px;} 
div.Lecon_Eleves { width:100%; position:relative; overflow-x:auto; }
div.Lecon_Eleves table { border-collapse: collapse; border-radius: 25px 25px 0 0;}
div.Lecon_Eleves .ongletEleve .nom{ border-radius: 25px 25px 0 0; border:1px solid var(--primary-color)}
div.Lecon_Eleves .ongletEleve{
	margin: 0;
    padding: 0;
}
div.Lecon_Eleves .ongletEleve .nom span,
div.Lecon_Eleves .ongletEleve .nom small,
div.Lecon_Eleves .ongletEleve .nom td{color:var(--primary-color);}
div.Lecon_Eleves .ongletEleve.selection .nom {background: var(--secondary-color); border:1px solid var(--secondary-color); }
div.Lecon_Eleves .ongletEleve.selection .nom span,
div.Lecon_Eleves .ongletEleve.selection .nom small,
div.Lecon_Eleves .ongletEleve.selection .nom td{color:#FFF;}
div.Lecon_Eleves .ongletEleve .nom span,
div.Lecon_Eleves .ongletEleve.selection .nom span{
	font-weight : 900;
}
div.Lecon_Eleves .ongletEleve.selection {background: none}
div.Lecon_Eleves table div table{ height:100%;}
div.Lecon_Eleves table td  { cursor:pointer;  }
div.Lecon div.onglets  table { width:99.5%;}
/*div.Lecon div.onglets  table td#tdObs { width:99%; height:40px; } */
div.Lecon_Eleves table td div div { display:none; }
div.show_liens_pdg_elv div.Lecon_Eleves table td div div { display:block; height: fit-content; max-height: 50%;}
div#divAppliPedago div.Lecon_Eleves.reduit table td div div { display:none; }
div#divAppliPedago div.Lecon td.tdMenu  { background: var(--secondary-color);padding: 0;}
/* div#divAppliPedago div.Lecon td.tdObs { overflow:auto; } */
div#divAppliPedago div.Lecon tr.tdOnglets { height:99%; }



















div#divAppliPedago div.Lecon div.tdOnglets { overflow:auto; overflow-x:hidden; height:100%; }

/* réduction */
div.size1.reduit div.Lecon div.Lecon_Eleves table td div  { height:32px; }
div.size2.reduit div.Lecon div.Lecon_Eleves table td div  { height:26px; }
div.size3.reduit div.Lecon div.Lecon_Eleves table td div  { height:20px; }
div.reduit div.Lecon.reduit div.Lecon_Eleves div.onglets   { display:none; }
div.reduit.reduit div.Lecon div.Lecon_Eleves table td div.nom span { height:100%;}
div.reduit div.Lecon td.tdMenu  { display:none;}
div.Lecon_Eleves div.menu_reduit { display:none; }
div.reduit div.Lecon_Eleves div.menu_reduit { display:block; }
div.Lecon div.Lecon_Eleves div.div_eleves { float:left; width:100%; overflow:auto;}
div.reduit div.Lecon div.Lecon_Eleves div.div_eleves { float:left; width:calc(100% - 36px); overflow:auto;}

/* */
div.size1 div.Lecon td.tdMenu  { width:61px; }
div.size2 div.Lecon td.tdMenu  { width:39px; }
div.size3 div.Lecon td.tdMenu  { width:33px; }

div.size1 div.Lecon div.tdOnglets { width:65px;}
div.size2 div.Lecon div.tdOnglets { width:51px;}
div.size3 div.Lecon div.tdOnglets { width:38px;}

div.size1 div.Lecon_Eleves table td div.nom { height:70px; width:190px; overflow:hidden; display: flex;flex-flow: column nowrap;align-items: center;justify-content: center;}
div.size2 div.Lecon_Eleves table td div.nom { height:55px; width:150px; overflow:hidden; display: flex;flex-flow: column nowrap;align-items: center;justify-content: center;}
div.size3 div.Lecon_Eleves table td div.nom { height:40px; width:110px; overflow:hidden; display: flex;flex-flow: column nowrap;align-items: center;justify-content: center;}
div.size3 div.Lecon div.onglets{height: calc(100% - 90px);}
div.Lecon_Eleves table td div.nom span { overflow:hidden; display:block; max-height: 50%;}
div.Lecon_Eleves table td div.nom div { overflow-y:auto; overflow-x:hidden; }
div.Lecon_Eleves table td div.nom div { overflow-y:auto; overflow-x:hidden; }
div.Lecon_Eleves table td div.nom div table { width:100%; }
div.size1 div.Lecon_Eleves table td div.nom div table td { font-size: 14px;  }
div.size2 div.Lecon_Eleves table td div.nom div table td { font-size: 11px;  }
div.size3 div.Lecon_Eleves table td div.nom div table td { font-size:  8px;  }
/* div.Lecon_Eleves table td.selection, div.onglets img.selection, div.Lecon div.popup tr.selection { background-image: linear-gradient(to bottom, #E69731 0%, #FFD399 100%); } */
div.Lecon div.onglets { width:100%; height:calc(100% - 115px); position:relative; overflow-x:auto; background-color:#eeeeee; cursor:pointer; }
/* div.onglets td#tdObs div { color: green; font-style: italic; min-width: 36px; padding-right: 20px; height:100%; overflow-y:auto; }*/
div.size1 div.onglets img , div.size1 div.Lecon div.popup.menu td img { max-height: 100%; max-width: 100%; }
div.size2 div.onglets img , div.size2 div.Lecon div.popup.menu td img { height: 32px; width: 32px; }
div.size3 div.onglets img , div.size3 div.Lecon div.popup.menu td img { height: 28px; width: 28px; }
div.size1 div.Lecon div.popup img.edit  { height: 36px; }
div.size2 div.Lecon div.popup img.edit  { height: 32px; }
div.size3 div.Lecon div.popup img.edit  { height: 28px; }
/*div.size1 div.onglets td#tdObs div { height: 50px; }
div.size2 div.onglets td#tdObs div { height: 35px; }
div.size3 div.onglets td#tdObs div { height: 20px; }
div.size1 div.onglets td { width: 50px; }
div.size2 div.onglets td { width: 35px; }
div.size3 div.onglets td { width: 20px; }
*/
/*
div.size1 div.onglets img, div.size1 div.Lecon div.popup img, div.size1 div.onglets td#tdObs div { height: 40px; }
div.size2 div.onglets img, div.size2 div.Lecon div.popup img, div.size2 div.onglets td#tdObs div { height: 34px; }
div.size3 div.onglets img, div.size3 div.Lecon div.popup img, div.size3 div.onglets td#tdObs div { height: 30px; }
*/
div.Lecon div.contenant { 
	position: absolute;
    top: 0px;
    overflow-x: auto;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
}
div.reduit div.Lecon div.contenant { height:100%; }
/*
div.size1 div.contenant { height: calc(100% - 200px); }
div.size2 div.contenant { height: calc(100% - 180px); }
div.size3 div.contenant { height: calc(100% - 160px); }

div.size1.reduit div.contenant { height: calc(100% - 120px); }
div.size2.reduit div.contenant { height: calc(100% - 115px); }
div.size3.reduit div.contenant { height: calc(100% - 110px); }
*/
/* web formation */
div.Lecon iframe { height:100%; width:100%; border:none; }

div.Lecon.X1eleve tr.lecon_tr_pedago		{ display:none; }
div.Lecon.X1eleve tr.lecon_tr_abs_pres	{ display:none; }

tr#lecon_tr_histopdg { display:none; }
.show_histo_pedago tr#lecon_tr_histopdg { display:table-row; }

div.Lecon tr.AAC, div.Lecon tr.TGD, div.Lecon tr.WF, #lecon_tr_aac, #lecon_tr_tgd, #lecon_tr_webformation { display:none; }
div.Lecon.hasAAC		tr.AAC { display:initial; } div.Lecon.hasAAC		#lecon_tr_aac			{ display:table-row; }
div.Lecon.hasTGD		tr.TGD { display:initial; } div.Lecon.hasTGD		#lecon_tr_tgd 			{ display:table-row; }
.online div.Lecon.hasWF	tr.WF  { display:initial; } .online div.Lecon.hasWF	#lecon_tr_webformation 	{ display:table-row; }


#titre_lecon{
	font-size: 0.65rem;
    position: absolute;
    right: 0;
    width: 100%;
}

@media screen and (min-width: 600px){
	#titre_lecon{
		font-size:1rem;
	}
}

.tdObs.onglets{
    position: absolute !important;
    top: -50px;
    width: 90% !important;
    height: 50px !important;
    background: none !important;
    display: block;
    margin-left: 6%;
}

.onglets td.tdMenu img.selection{
	background: none;
}
.onglets td.tdMenu table td.selection{
	background: #FFF;
    border-radius: 100px 0px 0px 100px;
}
#divAppliPedago.FP tr.lecon_tr_verif_ext {
	display: none;
}

#divAppliPedago.FP tr.lecon_tr_Messagerie {
	display: none;
}