/* cepc */
form[name="form_cepc"] { width:200mm; font-family: Segoe UI; }

table.cepc_table { border-spacing:0; font-family:Arial; border-collapse:collapse; font-size:11px; width: 100%; }
table.cepc_table td, table.cepc_table th  {border-width:1; border-style:solid; padding:5; margin:0; }
table.cepc_table th.cepc_h { color:white; background-color:rgb(150,150,200); }
table.cepc_table td.cepc_g { background-color:rgb(194,194,194); }
table.cepc_table th.cepc_E, table.cepc_table td.cepc_E { width:30px; background-color:rgb(255,0,0); }
table.cepc_table th.cepc_0, table.cepc_table td.cepc_0 { width:30px; background-color:rgb(255,128,128); }
table.cepc_table th.cepc_1, table.cepc_table td.cepc_1 { width:30px; background-color:rgb(255,194,128); }
table.cepc_table th.cepc_2, table.cepc_table td.cepc_2 { width:30px; background-color:rgb(255,255,128); }
table.cepc_table th.cepc_3, table.cepc_table td.cepc_3 { width:30px; background-color:rgb(0,255,0); }
table.cepc_table td.cepc_acr { width:40px; text-align:right; /* font-size:10; */ }
table.cepc_table td.cepc_ceco { text-align:right; /* font-size:10; */ }
input.cepc { width:30px; text-align:right; }
input.cepc_total { width:50px; text-align:right; }
table.cepc_table .NONE		{ background-color:rgb(255,255,255); }
table.cepc_table .INSUFFISANT	{ background-color:rgb(255,0,0); }
table.cepc_table .FAVORABLE	{ background-color:rgb(0,255,0); }
table.cepc_table div.vertical {	
	transform:rotate(-90deg); width:20px; white-space: nowrap; 
	margin-top: 100px; margin-left: 10px;
}
table.cepc_table div[name="obs"] {overflow:auto; height: 30px; max-width:310px; }
table.cepc_table div[name="obs"] span { font-style:italic; color: #b4b4e3; font-weight:normal;  white-space:normal; }
table.cepc_table div[name="obs"] img[name="imgedit"] { float:right; } 
div.divprint table.cepc_table div[name="obs"] img { display:none; } 
table.cepc_table div.vertical div[name="obs"] { margin-left:-120px;  width: 400px; overflow-x:hidden; overflow-y:auto; }
table.cepc_table div.vertical div[name="obs"] span {}
.popup.CEPC_verifExt { top: 25px; left: 15px; bottom: 15px; right: 15px; overflow: hidden; }
.popup.CEPC_verifExt div.conteneur { width:100%; height:calc(100% - 50px); overflow:auto; }
.popup.CEPC_verifExt  div.conteneur table { width: 100%; }
/* eval° init */
div.eval h1 { color:#888888; }
form[name="form_eval_ini"] { width:200mm; font-family: Segoe UI; }
form[name="form_eval_ini"] table th, form[name="form_eval_ini_cerca"] table th, form[name="form_eval_ini_bea"] table th  { text-align:left; }
form[name="form_eval_ini"] table td, form[name="form_eval_ini_cerca"] table td, form[name="form_eval_ini_bea"] table td  { vertical-align:top; }
form[name="form_eval_ini"] table th, form[name="form_eval_ini_cerca"] table th, form[name="form_eval_ini_bea"] table th  ,
form[name="form_eval_ini"] table td, form[name="form_eval_ini_cerca"] table td, form[name="form_eval_ini_bea"] table td  { font-size:13px; }
/* form[name="form_eval_ini"] legend , form[name="form_eval_ini_cerca"] legend { font-weight:bold; border:solid 1px; padding: 2px 10px 2px 10px; }*/ 
form[name="form_eval_ini"] input { width:40px; border:solid 1px #888888; border-radius:2px; }
form[name="form_eval_ini"] input[type="checkbox"	], form[name="form_eval_ini_cerca"] input[type="checkbox"], form[name="form_eval_ini_bea"] input[type="checkbox"], 
form[name="form_eval_ini"] input[type="radio"		], form[name="form_eval_ini_cerca"] input[type="radio"]      , form[name="form_eval_ini_bea"] input[type="radio"] 
{ width:12px ; height:12px; }
form[name="form_eval_ini"] img.sig  { width:160px; height:80px; border-radius:3px; cursor:pointer; }
form[name="form_eval_ini"] fieldset, form[name="form_eval_ini_cerca"] fieldset, form[name="form_eval_ini_bea"] fieldset { border:solid 1px #888888; border-radius:2px; font-size:20px; color:#888888; font-weight:normal; }
/* E.I. cerca */
form[name="form_eval_ini_cerca"] { width:370mm; font-family: Segoe UI; }
form[name="form_eval_ini_cerca"] input.total { border-radius:10px; width:50px; background:transparent; float:left; text-align:center; }
form[name="form_eval_ini_cerca"] table { border:none; border-collapse:collapse; width: 100%; table-layout:auto; }
form[name="form_eval_ini_cerca"] table td { margin:0px; padding:2px; text-align:center; border:none; }
form[name="form_eval_ini_cerca"] table th { background-color:#c9dbf6; font-weight: normal; margin:0px; padding:2px; text-align:center; border:solid 1px #888888; }
form[name="form_eval_ini_cerca"] table td table  { border:none; width:100%; table-layout:auto;  }
form[name="form_eval_ini_cerca"] table td table td, form[name="form_eval_ini_cerca"] table td table th { border:solid 1px #888888; min-width:30px; }
form[name="form_eval_ini_cerca"] input { width:60px; }
form[name="form_eval_ini_cerca"] img.sig  { width:200px; height:80px; border-radius:3px; cursor:pointer; }

form[name="form_eval_ini_bea"] { width:370mm; font-family: Segoe UI; }
form[name="form_eval_ini_bea"] input.total { border-radius:10px; width:50px; background:transparent; float:left; text-align:center; }
form[name="form_eval_ini_bea"] table { border:none; border-collapse:collapse; width: 100%; table-layout:auto; }
form[name="form_eval_ini_bea"] table td { margin:0px; padding:2px; text-align:center; border:none; }
form[name="form_eval_ini_bea"] table th { background-color:#c9dbf6; font-weight: normal; margin:0px; padding:2px; text-align:center; border:solid 1px #888888; }
form[name="form_eval_ini_bea"] table td table  { border:none; width:100%; table-layout:auto;  }
form[name="form_eval_ini_bea"] table td table td, form[name="form_eval_ini_cerca"] table td table th { border:solid 1px #888888; min-width:30px; }
form[name="form_eval_ini_bea"] input { width:60px; }
form[name="form_eval_ini_bea"] img.sig  { width:200px; height:80px; border-radius:3px; cursor:pointer; }

table.cepc_table  img.edit, form[name="form_eval_ini"] img.edit, form[name="form_eval_ini_cerca"] img.edit, form[name="form_eval_ini_bea"] img.edit { top:0px; position:absolute; }
/*
div.size2 div.onglets img, div.size2 div.Lecon div.popup img, div.size2 div.onglets td#tdObs div
*/
div.divprint fieldset { padding-bottom:calc(8% - 30px); }

div .TGD_show { display:none; }
div.EvalTGD  .TGD_hidden { display:none; }
div.EvalTGD .TGD_show { display:initial; }
div.EvalTGD  form[name="form_eval_ini_cerca"] { width:200mm; }
div.EvalTGD  form[name="form_eval_ini_bea"] { width:200mm; }


/* Evaluation Initiale Moto */
.AppliPedago form[name="form_eval_ini_moto"] { width:200mm; font-family: Segoe UI;  color:#2b4378; margin:3px; padding:10px; }
.AppliPedago form[name="form_eval_ini_moto"] table { width:100%; table-layout: auto; }
.AppliPedago form[name="form_eval_ini_moto"] table th  { text-align:left;		font-size:13px; color:#2b4378; }
.AppliPedago form[name="form_eval_ini_moto"] table td  { vertical-align:top;	font-size:13px; color:#2b4378; }
.AppliPedago form[name="form_eval_ini_moto"] tr.titres td { font-style:italic; }
.AppliPedago form[name="form_eval_ini_moto"] tr.data th { font-weight:normal; padding-left:20px; }
.AppliPedago form[name="form_eval_ini_moto"] tr.data td { text-align:center; }
.AppliPedago form[name="form_eval_ini_moto"] input { width:40px; border:solid 1px #888888; border-radius:3px; }
.AppliPedago form[name="form_eval_ini_moto"] input[type="checkbox"	],  
.AppliPedago form[name="form_eval_ini_moto"] input[type="radio"		] { width:12px ; height:12px; color:#2b4378; }
.AppliPedago form[name="form_eval_ini_moto"] img.sig  { width:160px; height:80px; border-radius:3px; cursor:pointer; }
.AppliPedago form[name="form_eval_ini_moto"] fieldset { border:solid 1px #2b4378; border-radius:2px; font-size:20px; color:#2b4378; font-weight:normal; text-align: center; margin: 5px 0px 5px 0px; }
.AppliPedago form[name="form_eval_ini_moto"] fieldset legend { border:solid 1px #2b4378; border-radius:2px;  }
.AppliPedago form[name="form_eval_ini_moto"] table tr td.note { width:60px; border:solid 1px #2b4378; text-align:right; border-radius:3px; padding-right:4px; font-style:normal; }
.AppliPedago form[name="form_eval_ini_moto"] table tr td.note input { border:none; width:35px; font-weight:bold; text-align:right; font-style:italic; color: #0042d3;}
/* */
br { height:3px; }
w20 { width: 20px; display: inline-block;}







/*livret stagiaire C CE D*/
form[name="form_LivretStag_CCED"] { width:80%; font-family: Segoe UI; margin: -14px 0 0 90; }
form[name="form_LivretStag_CCED"] table{	margin-bottom: 60px;}
form[name="form_LivretStag_CCED"] .LivretStag_CCED checkbox,
form[name="form_LivretStag_CCED"].check                         {background-color: #f02d8a ;}

form[name="form_LivretStag_CCED"] .txt {padding-left:15px !important; height: 10vh;}
form[name="form_LivretStag_CCED"] td.txt{width: 500px;}
form[name="form_LivretStag_CCED"] td,
form[name="form_LivretStag_CCED"] th{border-width: 1px;	border-style:solid;	border-color:rgba(0, 0, 0, 0.74); margin-left: 10px;}

form[name="form_LivretStag_CCED"] p {font-weight: bold; font-size: 20px; text-align: left;}
form[name="form_LivretStag_CCED"] h2{width: 12vw; height: 5vh; background-color: #f02d8a; border: solid;border-radius: 10px 10px 200px 10px; color: #FFF; display: flex;  justify-content: center;  align-items: center;  text-align: center; }

form[name="form_LivretStag_CCED"] textarea{	border:none; width: 10vw; height: 7vh;}
form[name="form_LivretStag_CCED"] .aRetenir, .notes{	width: 30px;	height: 130px;	overflow-wrap: break-word; }
form[name="form_LivretStag_CCED"] #aRetenir, #notes{	background-size: 100% 100%;	background-repeat: no-repeat;width: 40vw;height: 40vh;}

/*zone de prise de note de bas de page*/
form[name="form_LivretStag_CCED"] .textbox-lines {width: 500px;max-width: 100%;font-size: 15px; border: none; background-attachment: local;
                                                  background-image:linear-gradient(to right, #FFF, #FFF 10px, transparent 10px),
                                                                    linear-gradient(to left, #FFF, #FFF 10px, transparent 10px),
                                                                    repeating-linear-gradient(#FFF, #FFF 36px,#CCC 36px,#CCC 38px );
                                                  line-height: 38px; padding: 6.33333px 10px; resize: none;}

form[name="form_LivretStag_CCED"] .textbox-square {max-width: 100%;font-size: 16px; line-height: 18px; padding: 6px 7px;resize: none;
                                                  background-attachment: local; background-image: repeating-linear-gradient(to right, transparent, transparent 19px, #CCC 19px, #CCC 20px),
                                                                                                  repeating-linear-gradient(to bottom, transparent, transparent 19px, #CCC 19px, #CCC 20px);
                                                  background-size: 20px 20px;background-repeat: repeat;}


/*CE*/
form[name="form_EvalConnCE"] { width:80%; font-family: Segoe UI; margin: -14px 0 0 90; }

form[name="form_EvalConnCE"]    .containerEvalConnCE th, .containerEvalConnCE td , 
form[name="form_EvalConnC"]     .containerEvalConnC th, .containerEvalConnC td ,
form[name="form_EvalConnD"]     .containerEvalConnD th, .containerEvalConnD td {text-align: left !important; }

form[name="form_EvalConnCE"] .containerEvalConnCE table,
form[name="form_EvalConnC"]  .containerEvalConnC table ,
form[name="form_EvalConnD"]  .containerEvalConnD table {margin: 15px; padding-left:10px !important; }
  
form[name="form_EvalConnCE"] .containerEvalConnCE, 
form[name="form_EvalConnC"]  .containerEvalConnC,
form[name="form_EvalConnD"]  .containerEvalConnD 	{display: flex; flex-basis: 60%;}
 
form[name="form_EvalConnCE"] .titreSectionCE, 
form[name="form_EvalConnC"]  .titreSectionC ,
form[name="form_EvalConnD"]  .titreSectionD {text-decoration: underline;	font-weight: bold;	padding-left: 10px;}

form[name="form_EvalConnCE"] table .bordure,
form[name="form_EvalConnC"]  table .bordure,
form[name="form_EvalConnD"]  table .bordure    {border-width: 2px;	border-style:solid;	border-color: lightslategray;}
/*  */
form[name="form_EvalConnCE"] table .bordureGauche, 
form[name="form_EvalConnC"]  table .bordureGauche,
form[name="form_EvalConnD"]  table .bordureGauche   {border-left: 2px solid lightslategray;}

form[name="form_EvalConnCE"] table .bordureTop, 
form[name="form_EvalConnC"]  table .bordureTop,
form[name="form_EvalConnD"]  table .bordureTop   {border-top: 2px solid lightslategray; border-left: 2px solid lightslategray;}

form[name="form_EvalConnCE"] table .bordureBottom, 
form[name="form_EvalConnC"]  table .bordureBottom,
form[name="form_EvalConnD"]  table .bordureBottom  {border-bottom: 2px solid lightslategray;border-left: 2px solid lightslategray;}

form[name="form_EvalConnCE"] table .points, 
form[name="form_EvalConnC"]  table .points,
form[name="form_EvalConnD"]  table .points 	{text-align: center !important;	margin: 10px;}

form[name="form_EvalConnCE"] td, th ,
form[name="form_EvalConnC"]  td, th ,
form[name="form_EvalConnD"]  td, th  {padding-left:10px ;}

form[name="form_EvalConnCE"] ul,
form[name="form_EvalConnC"]  ul,
form[name="form_EvalConnD"]  ul {list-style-type:disc;	padding-bottom:0px;	margin-bottom: 0px;}

form[name="form_EvalConnCE"] table.ce_table .NONE, 
form[name="form_EvalConnC"]	 table.c_table  .NONE,
form[name="form_EvalConnD"]  table.d_table  .NONE{ background-color:rgb(255,255,255); }

form[name="form_EvalConnCE"] table.ce_table .INSUFFISANT,
form[name="form_EvalConnC"]	 table.c_table  .INSUFFISANT ,
form[name="form_EvalConnD"] table.d_table  .INSUFFISANT{ background-color:rgb(255,0,0); }

form[name="form_EvalConnCE"] table.ce_table .FAVORABLE	, 
form[name="form_EvalConnC"]	 table.c_table  .FAVORABLE ,
form[name="form_EvalConnD"] table.d_table  .FAVORABLE{ background-color:rgb(0,255,0); }




/*C*/
form[name="form_EvalConnC"], form[name="form_EvalConnD"] { width:100vw; font-family: Segoe UI; margin: -14px 0 0 90; }

form[name="form_EvalConnC"] .c_table td, 
form[name="form_EvalConnD"] .d_table td { width: 30vw;}

form[name="form_EvalConnC"] .c_table th, 
form[name="form_EvalConnD"] .d_table th { width: 2vw;}

form[name="form_EvalConnC"] tr.bordure.points td:first-child , 
form[name="form_EvalConnD"] tr.bordure.points td:first-child {width: 10vw; }

form[name="form_EvalConnC"] .tiret , 
form[name="form_EvalConnD"] .tiret 	{list-style-type:"- ";	padding-bottom:0px;	margin-bottom: 0px;}

form[name="form_EvalConnC"] .cacher, 
form[name="form_EvalConnD"] .cacher {display: none;}

