/* fiche élève */
div.aac { width:100%; height:100%; overflow:hidden; }
div.aac div.liste { width:30%; height:100%; overflow:auto; float:left; }
div.aac div.fiche { width:calc(100% - 200px); height:100%; overflow:auto;  }
.TV_aac .treeCell { display:none; }
.TV_aac tr table { width:100%;  }
.TV_aac tr.selection table { background-image: linear-gradient(to bottom, #E69731 0%, #FFD399 100%); }
div.aac div.graphes { float: left; width: 70%; } 
div.progress {
    position: relative;
    border: solid 1px #888888;
    overflow: hidden;
	height:30px;
	background-color: lightgrey;
	margin: 5px;
    border-radius: 3px;
}
div.progress div {  
	position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
	padding: 5px;
}
div.progress div.barre {
    background-color: lawngreen;
}
table.graphe_aac  { background-color:grey; }
table.graphe_aac td { padding:2px; text-align:center; white-space: nowrap; }
div.aac div.barre { border-radius: 4px; min-height: 12px; }
div.aac .soleil			{ background-color: yellow;}
div.aac .brume			{ background-color: lightgrey;}
div.aac .nuage			{ background-color: darkgrey;}
div.aac .pluie			{ background-color: blue;}
div.aac .neige			{ background-color: white;}
div.aac .jour				{ background-color: white;}
div.aac .nuit				{ background-color: black; color:white; }
div.aac .autoroute		{ background-color: cadetblue; }
div.aac .nationale		{ background-color: tomato; }
div.aac .departementale	{ background-color: orange; }
div.aac .ville			{ background-color: seagreen; }

table.aac_details { width:100%; cursor:pointer; }
table.aac_details tr { border-bottom: solid 1px #888888; }
table.aac_details th { font-weight:normal; }
table.aac_details th div.date { font-weight:bold; }
div#divAppliPedago table.aac_details th { text-align:left;  padding:2px 8px 2px 8px; width:80%; }
div#divAppliPedago table.aac_details td { text-align:right; padding:2px 8px 2px 8px; background-size:22px; background-repeat:no-repeat;}