/* contenu pédagogique */
div#divAppliPedago table.TV_seance { height:100%; }
div#divAppliPedago table.TV_seance tr.level_1 td { text-align:left; /*padding:10px 0px 10px  5px; */ }
div#divAppliPedago table.TV_seance tr.level_2 td { text-align:left; /*padding: 7px 0px  7px 15px; */ color:#333333;}

div#divAppliPedago table.TV_seance tr.level_1 td { text-align:left; /*padding:10px 0px 10px  5px; */ }
div#divAppliPedago table.TV_seance tr.level_2 td { text-align:left; /*padding: 7px 0px  7px 15px; */ color:#333333;}

div#divAppliPedago table.TV_seance tr.level_3 td { text-align:left; /*padding: 5px 0px  5px 25px; */ /*font-size: 17px; */border-bottom: solid 1px #cccccc; }
div#divAppliPedago table.TV_seance tr.level_4 td { text-align:left; /*padding: 0px 0px  0px 35px; */ /* font-size: 14px; */ border-bottom: solid 1px #cccccc; }
div#divAppliPedago table.TV_seance tr td { width:95%; }
div#divAppliPedago table.TV_seance tr td.treeCell { width:5%; }
div#divAppliPedago table.TV_seance tr.level_1 td.treeCell { padding:0;}
div#divAppliPedago table.TV_seance tr.level_2 td.treeCell { padding:0;}
div#divAppliPedago table.TV_seance tr.level_3 td.treeCell { padding:0;}
div#divAppliPedago table.TV_seance tr.level_4 td.treeCell { padding: 0px  0px  0px 15px; /*font-size: 14px; */ border-bottom:none; }
div#divAppliPedago table.TV_seance tr.pliee 	td.treeCell a { background-position: 0 -106px;}
div#divAppliPedago table.TV_seance tr.depliee	td.treeCell a { background-position: 0 -92px;}
div#divAppliPedago table.TV_seance tr.level_4	td.treeCell a { display:none; }
table.TV_seance progress , table#tableHstPEdago progress { height:12px; width:200%; }
/* .size1 table.TV_seance progress , .size1 table#tableHstPEdago progress { width:125px; } */
/* .size2 table.TV_seance progress , .size2 table#tableHstPEdago progress { width:120px; } */
/* .size3 table.TV_seance progress , .size3 table#tableHstPEdago progress { width:100px; } */
table.TV_seance td { vertical-align:middle; }
table.TV_seance td table { width:100%; }
table.TV_seance td table, table.TV_seance td table td,
div#divAppliPedago table.TV_seance  tr.level_1 td table td,
div#divAppliPedago table.TV_seance  tr.level_2 td table td ,
div#divAppliPedago table.TV_seance  tr.level_3 td table td,
div#divAppliPedago table.TV_seance  tr.level_4 td table td 
{ background-size: 0; border-bottom: none; padding:0; position:inherit; }
div#divAppliPedago table.TV_seance tr td table td.sel { width: 6%; overflow:initial; }
.size1 table.TV_seance td.sel input { width: 10px; height: 20px;}
.size2 table.TV_seance td.sel input { width: 10px; height: 20px;}
.size3 table.TV_seance td.sel input { width: 10px; height: 20px;}
div#divAppliPedago table.TV_seance tr.level_3 td table td.note  { /* text-align: center; */ padding-right: 3px; }
.size1 table.TV_seance  img { height: 50px; }
.size2 table.TV_seance  img { height: 38px; }
.size3 table.TV_seance  img { height: 30px; }
.size1 table.TV_seance td.note div.note_btn img, .size1 table.TV_seance td.eval div.eval_btn img { height: 32px; cursor:pointer; }
.size2 table.TV_seance td.note div.note_btn img, .size2 table.TV_seance td.eval div.eval_btn img { height: 28px; cursor:pointer; }
.size3 table.TV_seance td.note div.note_btn img, .size3 table.TV_seance td.eval div.eval_btn img { height: 24px; cursor:pointer; }
div.size1 table.TV_seance td.note, div.size1 table.TV_seance td.eval { width:35px; }
div.size2 table.TV_seance td.note, div.size2 table.TV_seance td.eval { width:36px; }
div.size3 table.TV_seance td.note, div.size3 table.TV_seance td.eval { width:25px; }

div.Lecon div.seance /* div */ { height:100%; /* overflow:auto; */ }
div.Lecon div.seance div.titre { height:70px; }
div.Lecon div.seance div.clickNote { height:70px; }
div.Lecon div.seance div.clickNote table { width:auto; }
div.Lecon div.seance div.popup { height:auto; }
div.Lecon div.seance div.tdObs { width:100%; height:40px; overflow:auto; color: green; font-style: italic; overflow-y:auto;  }
div.Lecon div.seance div.tdObs div { height: auto; }
div.Lecon div.seance div.TVContainer { height:100%; overflow:auto; }

div.Lecon td.obs, div.Lecon td.obs img.edit { display:none; }
.show_obs_pedago div.Lecon td.obs { display:block; }
.show_edit_obs_pedago div.Lecon td.obs img.edit  { display:block; }

div#divAppliPedago table.TV_seance td.date_heure div, div#divAppliPedago table.TV_seance tr.level_2 td.date_heure div 
{ color:royalblue; text-align:center; cursor:pointer; }
div#divAppliPedago table.TV_seance td.nom div { cursor:pointer; overflow:visible; }
div#divAppliPedago table.TV_seance td.nom div span[name="lastObs"] { color:green; font-style: italic; }
table.TV_seance td.date_heure { vertical-align:top; }
.size1 table.TV_seance td.date_heure { width:68px; font-size:13px;}
.size2 table.TV_seance td.date_heure { width:58px; font-size:11px;}
.size3 table.TV_seance td.date_heure { width:48px; font-size: 9px;}
div.size1 table.TV_seance td.nom { width:55%; } 
div.size2 table.TV_seance td.nom { width:45%; } 
div.size3 table.TV_seance td.nom { width:35%; }
table.TV_seance td.obs { overflow:auto; position:relative;}
div.size1 table.TV_seance td.obs { width:14%; height:100%;} div.size1 table.TV_seance td.obs div {position:relative; width:calc(100% - 36px); height:100%; }
div.size2 table.TV_seance td.obs { width:14%; height:100%;} div.size2 table.TV_seance td.obs div {position:relative; width:calc(100% - 32px); height:100%; }
div.size3 table.TV_seance td.obs { width:14%; height:100%;} div.size3 table.TV_seance td.obs div {position:relative; width:calc(100% - 28px); height:100%; }
table.TV_seance td.obs div { background-color: blanchedalmond; color:green; font-style: italic; overflow: auto; border-radius:2px; }
div.size1 div.selector  { width: 60px; }
div.size2 div.selector  { width: 55px; }
div.size3 div.selector  { width: 50px; }
div.selector { position: relative; background-image: url(img/selector_bg.gif); height: 10px;  margin-bottom: 10px; }
div.selector img { position:absolute; }
div.showUrl { top: 5px; left: 5px; height: calc(100% - 10px); width: calc(100% - 10px); }
div.showUrl div.titre { height:35px; overflow:hidden; padding:10px; z-index:100; }
div.showUrl div.titre span { padding:15px; }
div.showUrl iframe { width:100%; height:100%; }
div.showUrl div.contenu { width:100%; height:100%; overflow:auto; }
div.showUrl table { width:100%; height:100%; table-layout:auto; border-collapse: collapse;}

/* historique pédago */
.popup.hstPedago    {     position: absolute;
	left: 20px; top: 50px;  
	right: 50px; bottom: 80px;
}
div#div_TV_HstPEdago { height:calc(100% - 70px); width:100%; overflow:auto; }
table.TV_HstPedago, table.TV_HstPedago table { width:100%; }
/* level 3 - pedago */
table.TV_HstPedago td.date_heure_note { width:180px; }
table.TV_HstPedago td.nom { width:calc(35% - 180px); } 
table.TV_HstPedago td.obs { width:calc(65% - 180px); color:green; font-style:italic; }
table.TV_HstPedago td.obs span.formateur { font-weight: bold; font-style:underline; }
/* level 4 eval obs */
table.TV_HstPedago td.eval_nom { padding-left:30px; width:calc(50% - 30px); } 
table.TV_HstPedago td.eval_note {  width:30px; } 
table.TV_HstPedago td.eval_obs { width:calc(50% - 60px); color:green; font-style:italic; }
div#divAppliPedago table.TV_HstPedago tr td.treeCell { width:14px; }

/* note clique */
div.popup.clickNote table td { padding:5px; }

td.eval div.eval_btn img {
    height: 32px;
    cursor: pointer;
}

td.progress progress {
    width: 100%;
}

.popup.carousel .titre { height: 40px; font-weight: bold; font-size: 32px; text-align: center; }
.popup.carousel img { height:100%; float:right; }
.popup.carousel .image { height:calc(100% - 80px); overflow:auto; padding:5px; display:flex; justify-content: center;  }
.popup.carousel .image img { max-width: 100%;  max-height: 100%;  width: auto;  height: auto; }
.popup.carousel .bottom { text-align:center; vertical-align:middle; }
.popup.carousel .bottom button { border: solid 1px; border-radius: 5px; }