/* fiche élève */
div.fiche { width:100%; height:100%; overflow:auto; }
div.fiche hr { visibility: hidden; }
div.size1 div.fiche img.btn_modif_fiche { width: 48px; }
div.size2 div.fiche img.btn_modif_fiche { width: 40px; }
div.size3 div.fiche img.btn_modif_fiche { width: 32px; }
div.fiche img.btn_modif_fiche { position:absolute; right:5px; top:5px; cursor:pointer; }
#fiche_last_obs_plg span.obs { color:green; font-style:italic; }
form[name="form_fiche"] { background-color: rgba(238, 238, 238, 0.38); }
form[name="form_fiche"] input, form[name="form_fiche"]  select 	{ background-color: white; border: solid 1px #c1c1c1; border-radius: 2px;color:#000000; font-weight: 400; }

			form[name="form_fiche"]  span { font-size:14px; color:#666666;  display: inline-block; }
div.size2	form[name="form_fiche"]  span { font-size:12px; }
div.size3	form[name="form_fiche"]  span { font-size:11px; }
div.fiche form[name="form_fiche"]  span[name="p1euro"] { font-style:italic; }
div.fiche form[name="form_fiche"]  span[name="familleNom"], div.fiche form[name="form_fiche"]  span[name="agenceNom"] { color:#4373b9; }
div.fiche form[name="form_fiche"]  span[name="prenom"] { text-transform: capitalize; }
div.fiche form[name="form_fiche"]  span[name="nom"]	{ text-transform: uppercase; }
div.fiche form[name="form_fiche"]  span[name="email"], div.fiche form[name="form_fiche"]  span[name="tel"], div.fiche form[name="form_fiche"]  span[name="tel2"]	{ font-weight:bold; color:black; }
div.fiche form[name="form_fiche"]  span[name="prenom"], div.fiche form[name="form_fiche"]  span[name="nom"]	{ font-weight:bold; color:black; font-size:18px; }
div.size2 form[name="form_fiche"]  span[name="prenom"], div.size2 form[name="form_fiche"]  span[name="nom"]	{ font-size:16px; }
div.size3 form[name="form_fiche"]  span[name="prenom"], div.size3 form[name="form_fiche"]  span[name="nom"]	{ font-size:14px; }
form[name="form_fiche"] span[name="solde_deb"] { color:red; }
form[name="form_fiche"] span[name="solde_cred"] { color:green; }

div.size1 form[name="form_fiche"]  input, div.size1 form[name="form_fiche"]  select { width: 170px; height:24px; font-size:14px; }
div.size2 form[name="form_fiche"]  input, div.size2 form[name="form_fiche"]  select { width: 160px; height:21px; font-size:12px; }
div.size3 form[name="form_fiche"]  input, div.size3 form[name="form_fiche"]  select { width: 140px; height:18px; font-size:11px; }
div.size1 form[name="form_fiche"]  input[name="codep"] { width:  55px; }
div.size2 form[name="form_fiche"]  input[name="codep"] { width:  50px; }
div.size3 form[name="form_fiche"]  input[name="codep"] { width:  45px; }
div.size1 form[name="form_fiche"]  input[name="ville"] { width: 115px; }
div.size2 form[name="form_fiche"]  input[name="ville"] { width: 110px; }
div.size3 form[name="form_fiche"]  input[name="ville"] { width:  95px; }
div.size1 form[name="form_fiche"]  input[name="adr_numero"		] { width: 38px; }
div.size2 form[name="form_fiche"]  input[name="adr_numero"		] { width: 32px; }
div.size3 form[name="form_fiche"]  input[name="adr_numero"		] { width: 28px; }
div.size1 form[name="form_fiche"] select[name="adr_extension"	] { width: 65px; }
div.size2 form[name="form_fiche"] select[name="adr_extension"	] { width: 62px; }
div.size3 form[name="form_fiche"] select[name="adr_extension"	] { width: 56px; }
div.size1 form[name="form_fiche"] select[name="adr_typevoie"	] { width: 65px; }
div.size2 form[name="form_fiche"] select[name="adr_typevoie"	] { width: 62px; }
div.size3 form[name="form_fiche"] select[name="adr_typevoie"	] { width: 56px; }
div.size1 form[name="form_fiche"]  input[name="tel^"] { width: 115px; }
div.size2 form[name="form_fiche"]  input[name="tel^"] { width: 110px; }
div.size3 form[name="form_fiche"]  input[name="tel^"] { width: 95px; }
div.size1 form[name="form_fiche"]  img#photo { width: 90px; height:auto; float: left; }
div.size2 form[name="form_fiche"]  img#photo { width: 80px; height:auto; float: left; }
div.size3 form[name="form_fiche"]  img#photo { width: 70px; height:auto; float: left; }
div.size1 form[name="form_fiche"] td.nomchamps { width: 120px; }
div.size2 form[name="form_fiche"] td.nomchamps { width: 100px; }
div.size3 form[name="form_fiche"] td.nomchamps { width: 80px; }
div.size1 form[name="form_fiche"] td.champs { width:170px; }
div.size2 form[name="form_fiche"] td.champs { width:160px; }
div.size3 form[name="form_fiche"] td.champs { width:150px; }
form[name="form_fiche"] div[name="elv_Observations"] { width:calc(100%-4px); }
/*div.size1 form[name="form_fiche"] div[name="elv_Observations"] { width:420px; }
div.size2 form[name="form_fiche"] div[name="elv_Observations"] { width:380px; }
div.size3 form[name="form_fiche"] div[name="elv_Observations"] { width:340px; }*/
form[name="form_fiche"] div[name="elv_Observations"] { 
    height: 110px;
    overflow: auto;
    position: relative;
    border: solid 1px #999999;
    border-radius: 4px;
    margin: 3px;
    background-color: white; 
	text-align: center;
}
/* masquage conditionnel observations */
.obs_trs { display:none; }
.show_obs_trs .obs_trs { display:table-row; }
/* graphe (histogramme) de la progression pédagogique de l'élève */
form[name="form_fiche"] div#bar_progression_pedago {
    width:calc(100% - 5px);
	height:100%; overflow:auto; 
	border: solid 1px #999999;
    border-radius: 4px;
    padding: 3px;
    background-color: #e0e0e0;
}
div#bar_progression_pedago table { width:100%; }
div#bar_progression_pedago table td {
	vertical-align:bottom; 
	height:20px; 
	max-height:20px;
}

div#bar_progression_pedago table td.treeCell {
	width: 10px;
    padding: 2px 15px 2px 25px;
}
div#bar_progression_pedago table td div.conteneur { 
    position: relative;
	width: 100%;
	height: 100%;
}
div#bar_progression_pedago table td div.etiquette { 
	position: absolute;
    bottom: 0;
	height:20px; 
    width: 100%;
	white-space: nowrap; 
	font-size: 12px;
	background: transparent;
	text-align:left;
}
div#bar_progression_pedago table td div.barre { 
	background-color:#81defa; 
	border-radius:2px;
    position: absolute;
    bottom: 0;
    height: 100%;
}
div#bar_progression_pedago table td div.barre.rouge { background-color:#e81b42; }
div#bar_progression_pedago table td div.barre.jaune { background-color:#f8c309; }
div#bar_progression_pedago table td div.barre.vert   { background-color:#16cd5b; }
div#bar_progression_pedago table tr td.synthese {
	white-space: nowrap; 
	display:none;
	height:16px;
	font-size:12px;
}
div#bar_progression_pedago table tr td.synthese {
	position:relative;
	border: solid 1px #888888;
	overflow:hidden;
	width:20px;
	height:100%;
}
div#bar_progression_pedago table tr td.synthese div { 
	position:absolute;
	bottom:0px; left:0px; height: 20px;
	background:transparent;
    text-align: center;
    width: 100%;
	transform: rotate(-90deg);	
}
div#bar_progression_pedago table tr td.synthese div.barre { 
	background-color:#81defa;
	border-radius:2px;
	transform:initial;
}
div.zoom_progression_pedago div#bar_progression_pedago table tr td.synthese {
	display:table-cell;
}
div.zoom_progression_pedago { position:absolute; height:5px; top:5px; height:calc(100% - 10px); }
div.aac, div.tgd { width:100%; height:100%; color:#666666;}

div.popup.edit_fiche { position:fixed; left:5px; width:calc(100% - 10px); top:5px; height:calc(100% - 10px); }
div.popup.edit_fiche div#editFicheConteneur { width: 100%; height: calc(100% - 70px); overflow: auto; }

#divAppliPedago.FP div.solde {
	display: none;
}