/* JourFormateur */
div#divAppliPedago div.jourFormateur { height:100%; }
div#divAppliPedago td.obs_jour, div#divAppliPedago td.obs_lecon { width:33%; position:relative; }
td.obs_jour div, td.obs_lecon div { color:yellow; }
td.obs div { color:orange; position:relative; } /* font-size:16px; */
table.OTreeView.TV_JourFormateur tr table.lecon { height:auto; border-bottom:solid 1px #666666; width:100% }
.online table.OTreeView.TV_JourFormateur tr table.rechelv.lecon { height:35px; border-bottom:solid 1px #666666; width:100%; display:table; }
div#divAppliPedago table.OTreeView.TV_JourFormateur tr table.rechelv.lecon td { vertical-align:middle; }
table.OTreeView.TV_JourFormateur td.treeCell { display:none; }
table.OTreeView table.paire 	{ background-color: #f9f9f9;}
table.OTreeView table.impaire 	{ background-color: #e9e9e9;}

div#divAppliPedago table.OTreeView table, div#divAppliPedago table.OTreeView th, div#divAppliPedago table.OTreeView td { padding:0px; }
div.jourFormateur td div.horaire {
    height: 1%;
    font-weight: 800;
}
div.jourFormateur td div.ressources	{ height:50%; overflow:auto; white-space: nowrap; }
div.jourFormateur td.eleves, div.jourFormateur td.obs	{ width:22%; position:relative; }
div.jourFormateur td.eleves { width:56%; }
div.jourFormateur table  td.eleves div { overflow:auto; }
div.jourFormateur table  td.eleves table td div { overflow:hidden; }
div.size1 div.jourFormateur td.eleves div	{ height:100%;  }
div.size2 div.jourFormateur td.eleves div	{ height:100%;  }
div.size3 div.jourFormateur td.eleves div	{ height:100%;  }
td.eleves table { width:100%; }
td.eleves table td {  width:50%; overflow: hidden; /*display:inline-block;*/ overflow:auto;  }
div.jourFormateur td div.obs 	{ color:green; font-style: italic; overflow:auto; position:relative;}
div.size1 div.jourFormateur td div.obs 	{ height:100px; }
div.size2 div.jourFormateur td div.obs 	{ height: 85px; }
div.size3 div.jourFormateur td div.obs 	{ height: 60px; }
td.obs_jour img.edit { display:none; }
td.obs img.edit { display:none; }
.TV_eval td.obs img.edit { display:block; }
.TV_seance td.obs img.edit { display:block; }
td.obs_lecon img.edit { display:none; }
td#tdObs img.edit { display:none; }
.show_edit_obs_jour td.obs_jour img.edit { display:block; 
    /* height: 100%; #conflit: agrandi le crayon */}
.show_edit_obs_lecon td.obs img.edit { display:block; 
    /* height: 100%; #conflit: agrandi le crayon */}
.show_edit_obs_lecon td.obs_lecon img.edit { display:block; 
    /* height: 100%; #conflit: agrandi le crayon */}
.show_edit_obs_eleve td#tdObs img.edit { display:block; 
    /* height: 100%; #conflit: agrandi le crayon */}



td.eleves table td {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
	justify-content: center;
	overflow:auto;
}

div.jourFormateur td.hor_produit,
div.jourFormateur td.eleves{
	width:30%;
	height:100%;
}
div.jourFormateur td.presence,
div.jourFormateur td.obs{
	width:20%;
	height:100%;
}


div.jourFormateur td.eleves div{
	overflow: hidden;
}

div.jourFormateur td.presence div,
div.jourFormateur td.obs div{
    height: 100%;
    display: flex;
	flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
	color:var(--primary-color);
}

#divAppliPedago div.titre .obs_jour div{
    background: #FFF;
    color: var(--primary-color);
    position: fixed;
    right: 0;
    bottom: 0;
    height: 15%;
    width: 35%;
    max-width: 200px;
    max-height: 200px;
    border: 1px solid var(--primary-color);
    border-radius: 25px;
    font-family: 'Affogato Regular';
    font-size: 1rem;
    overflow: auto;
}