/* 
CSS Document 
Wink Hosting (www.winkhosting.com)
Designed By Alexis Corredor
alexis.corredor@gmail.com
*/
body {
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
}

/*MENU IN HEADER*/
#menu{
	position:relative;
	/*bottom: 20px;*/
	right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#333333;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}


/*CONTENT*/
#content{
	/*width: 800px;*/
	width: 95%;
}
#contenttext{
	float:center;
	/*width: 580px;*/
	width: 90%;
}

/*Tableaux hors menu gauche*/

table {
border-style:solid; 
border-width:1px; 
border-color:black;
border-collapse:collapse
}


td.abandon {
text-decoration: line-through;
}

td,ul,li { 
border-style:solid; 
border-width:1px; 
border-color:lightblue;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:navy;
}

td.boutons {
background-color:lightblue;
}

td.saisie {
background-color:lavender;
}

/***
case de tableau avec texte centré*/
tdc {
text-align: center;
border-style:solid; 
border-width:1px; 
border-color:lightblue;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

th{ 
border-style:solid;
border-width:1px; 
border-color:#99CCFF;
background-color:lightblue;
color:navy;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul,li { 
border-style:solid; 
border-width:0px; 
}

table.nocadre * td {
    border-width:0px;
    padding:0 10px 0 10px;
}

.alternate_table tr:nth-child(even){
	background-color: aliceblue;
}

/*TABLE*/

.table_text{
	margin-left:10px;
	margin-right:25px;
	text-align:justify;
}

.centrage_boutons{
	text-align:center;
}

/*TEXT STYLES*/
.gauche_titre {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:navy;
}
.body_text {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline-block;
	width: 75px;
}
.gauche_more {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: navy;
	font-weight: bold;
}
.gauche_text {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.candidature_text {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:navy;
	margin-left: 5%;
}

.subtitle_gray {font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 14px;
	color: #CCCCCC;
}
.subtitle_lightblue {font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 14px;
	color: lightblue;
}

.title_blue {font-family: Verdana, Arial, Helvetica, sans-serif; 
	     font-weight: bold; 
	     font-size: 26px; 
	     color: #7DA5E0; 
	   }
.title_panel {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:navy;
}

a:link {color: #7DA5E0; ; text-decoration:none;}
a:visited {color: #7DA5E0; text-decoration:none;}
a:hover {color:#7DA5E0; text-decoration:underline;}
.comme_lien {color: #7DA5E0; text-decoration:none;} /* On force à ce que ça se comporte comme a:link, mais a-t-on effectivement des balises <A> qui ne doivent pas être affichés comme lien ? */
.comme_lien :hover {color: #7DA5E0; text-decoration:none; cursor:pointer;}

/***
Copie du css du style mpri 0607
*/
.blanche {
background-color:white;
border-style:solid;
border-width:1px; 
border-color:lightblue;
}

.blanc {
background-color:white;
border-style:solid;
border-width:1px; 
border-color:white;
}

.navy {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : navy;
background-color : white;
}

/******
Les couleurs des différentes années
*/

.coul2006 { background-color:#FFDEAD; }
.coul2007 { background-color:#87CEFA; }
.coul2008 { background-color:#F0F8FF; }

.vert1 { background-color:#99FF99 !important; }
.vert2 { background-color:lightgreen; }
.vert3 { background-color:#00CC66; }
.vert4 { background-color:#009966; }
.vert5 { color:#009966; }

.roseClair { background-color:#FFC0FF; }
.rouge { background-color:#FF3333 !important; }
.orange { background-color:#FF9966 !important; }
.jaune { background-color:#FFCC33 !important; }

.P_jaune { background-color:#FFFFCC; } 
.P_orange { background-color:#FFCC66; } 
.P_orangeFonce { background-color:#FF8000; } 
.P_rouge { background-color:#FF0000; } 
.P_roseClair { background-color:#FFC0FF; }
.P_rose { background-color:#FF66CC; }
.P_fraise { background-color:#FF0080; }
.P_vert { background-color:#CCFFCC; } 
.P_bleuClair { background-color:#C0FFFF; }
.P_bleu { background-color:#66CCFF; }
.P_bleuFonce { background-color:#0080FF; }
.P_bleuNuit { background-color:#0000FF; }
.P_saumon { background-color:#FF6666; } 
.P_lavande { background-color:#CC66FF; } 
.P_mauve { background-color:#CCCFFF; } 
.P_blanc { background-color:#FFFFFF; } 
.P_gris { background-color:#CCCCCC; } 
.P_noir { background-color:#000000; } 

h1 {
font-size : 200%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : navy;
text-align: center;
}

h2 {
font-size : 150%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : lightblue;
padding-left:15px;
}

h3 {
font-size: 135%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : lightblue;
padding-left: 20px;
}


.none { border-style:none; }  


/* onglets */
.radiobutton {
	padding: 8px 16px 8px 16px;
	background-color: #eee;
	color: black;
	cursor: pointer;
	font-size: 15px;
	border: 0;
}
.radiobutton::-moz-focus-inner { border: 0 }
.radiobutton:hover { background-color: #ccc; color: black }
.radioselect { background-color: #777; color: white }
.radiotab { border: 1px solid #ccc }

/* sélection checkbox dans une table */
table.checklist tr:hover td { background-color: #e7e7e7; cursor: pointer; }

/* table sans bordure */
table.noframes { border-color: transparent; }
table.noframes td { border-color: transparent; }

/******************************************************************************/
/*Le style pour les tooltips (Suivi de la scolarité) */

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/******************************************************************************/
/*Le style pour la popin de commentaire (Suivi de la scolarité) */
.com_view
{
	background-color: lightblue;
		border: solid;
		border-width: thin;
}

.col-container {
	 display: table; /* Make the container element behave like a table */
	 width: 100%; /* Set full-width to expand the whole page */
}

.col {
	 display: table-cell; /* Make elements inside the container behave like table cells */
	background-color:white;
}

.suppr-button
{
	position: absolute;
	top: 0;
	height: 100%;
}

.add-container{
	text-align:center;
	width: 100vw;
	padding:10px 0px;
}

.button-container{
	position:relative;
	width: 44px;
	min-width:44px;
}

.show-hide-button{
	border: none;
	background: none;
	text-decoration: underline;
}

.popin_content{
	position: relative;
	left : 10%;
	width : 80%;
	bottom : 100px;
	background-color: white;
	margin-top: 50px;
	}

.hide_cross_button{
	color: #aaaaaa;
	border: none;
	background: none;
	float: right;
	font-size:14pt;
}
.hide_cross_button:hover,
.hide_cross_button:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
}


.modal {
	display: none; 
	position: fixed; 
	z-index: 1; 
	padding-top: 100px; 
	left: 0;
	top: 0;
	width: 100%;
	height: 100%; 
	overflow: auto; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.4);
}

/******************************************************************************/
/* Le style pour les petites listes déroulantes (Suivi de la scolarité) */
.small_picklist{
	width : 25px;
	height :33px;
	padding: 0 0 2px;
	background-image: none;	
	min-width: 9%;
}

/******************************************************************************/
/*Le style pour les petites dropdown (Suivi de la scolarité) */
.dropbtn {
    background-color: DodgerBlue;
    color: white;
    padding: 5px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-item:hover {
	background-color : steelblue ;
}

.dropdown-item:hover input{
	color : white ;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: steelblue;
}



/******************************************************************************/
/* bandeau de sauvegarde (Suivi de la scolarité) */

.headband-save{
	background-color: tomato; 
	position: fixed; 
	top: 0; 
	left: 0; 
	padding: 5px; 
	width: 100%; 
	/*visibility: hidden;*/ 
	z-index : 2;
}



/******************************************************************************/
/* Liens du style marque page */
.bookmarks-link{
	padding: 8px 16px 8px 17px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 15px;
	margin: 2px;
}

.bookmarks-link-other:hover{
	background-color: lightgrey;
	color: black;
}

.bookmarks-link-current{
	background-color: grey;
	color: white;
}

.bookmarks-link-other{
	cursor: pointer;
	background-color: whitesmoke;
	color: black;
}

.bookmarks-link-other a{
	color: black;
}

/******************************************************************************/
/* Pour tout les boutons de soumisssions                                      */

input[type=submit] {
  margin : 1px;
  background-color: lightgray;
  color: black;
  padding: 5px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: gray;
}


input[type=button] {
  margin : 1px;
  background-color: lightgray;
  color: black;
  padding: 5px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=button]:hover {
  background-color: gray;
}

/*****************************************************************************/
/* Pour tolutes les listes deroulantes                                       */
select {
  margin : 1px;
  padding: 5px;
  border: none;
  border-radius: 4px;
  background-color: #f1f1f1;
}

/*****************************************************************************/
/* bandeaux-MPRI                                                             */

.mpri-top{
	text-align: center;
	background: lightblue; 
	width : 75% ; 
	min-height: 50px; 
	margin : auto;
	border-radius: .5rem;
	box-shadow: 10px 10px 5px lightgrey;
}

.mpri-top > h2{
	color:white; 
	font-size: 30px;
}

.mpri-bottom{
	width: 75%; 
	background: lightblue; 
	text-align: center; 
	border-radius: .5rem; 
	color : navy;
}

.mpri-bottom > a{
	color:navy;
	font-size: small;
}

/*****************************************************************************/
/* MENU dropdown                                                             */

.menu-dropdown {}

.menu-dropbtn {
	background-color: lightblue;
	color: navy;
	padding: 16px;
	border: none;
}

.menu-dropbtn:hover{
	background-color: #9AC0CD;
}

.menu-dropdown-content{
	display: none;
	position: absolute;
	background-color:	#C8C8C8;
	z-index : 1;
}

.menu-dropdown:hover .menu-dropdown-content {
	 display: block;
}

.menu-dropdown-item{
	text-decoration: none;
	padding: 12px 16px;	
	display: block;
}

.menu-dropdown-item-contner:hover {
	background-color: silver
}

.table-menu{
	background-color: lightblue;
}

/* Menu : lien d'accès à l'aide */
.menu-td-aide {
	border-color: white;
	padding:16px;
}
.menu-td-aide A {
	color: navy;
	border: none;
}

/*****************************************************************************/
/* construction questionnaires                                               */

table.qn-table { border:transparent; }
table.qn-table th { padding:9px; }
table.qn-table td { padding:9px; }

/* marquer une réponse valide: qn-rep-reponse */

/* assurer le bon format des trois colonnes */
.qn-cell-box { border-right:transparent }
.qn-cell-actions { position:relative; width:150px; border-left:transparent }
.qn-cell-fleche { background-color:white; border:transparent;
			position:relative; min-width:40px; }

/* questions (lignes dans la table qn-table) :
   * qn-qn-empty : modèle vide pour une nouvelle question
   * une question réelle porte qn-question plus l'une parmi
		qn-qn-{normal,edit,delete,new} */
tr.qn-qn-empty { display:none; }
tr.qn-qn-edit { background-image: linear-gradient(#eee,white); }
tr.qn-qn-delete { background-image: linear-gradient(lightCoral,white); }
tr.qn-qn-new { background-image: linear-gradient(lightBlue,white); }

/* texte des questions */
div.qn-text { font-size:14pt; }

/* groupe de réponses */
div.qn-reps { margin-left:10px; margin-top:10px; font-size:12pt; }
div.qn-reps td { padding:1px; }

/* réponses (lignes dans la table qn-reps-edit) :
   * qn-rep-empty : modèle vide pour nouvelle réponse
   * qn-reponse : réponse réelle */
tr.qn-rep-empty { display:none; }

/* boutons */
input.qn-btn-edit { position:absolute; top:10px; right:10px; }
input.qn-btn-undo { position:absolute; top:10px; right:10px; }
input.qn-btn-delete { position:absolute; top:40px; right:10px; }
input.qn-btn-retab { position:absolute; top:10px; right:10px; }
input.qn-btn-unadd { position:absolute; top:10px; right:10px; }
td.qn-btn-add { text-align:center; border:transparent; }
td.qn-btn-add input { min-width:200px; min-height:50px; }
td.qn-btn-rep-add { text-align:center; }
td.qn-btn-rep-delete { cursor:pointer; }

/* checkbox 'par enseignant' */
div.qn-checkbox { position:absolute; bottom:10px; right:10px; }

/* les fleches */
.qn-fleche-up { position:absolute; top:10px; }
.qn-fleche-down { position:absolute; bottom:10px; }

/* règles de visibilité */
.qn-qn-normal .qn-text-edit { display:none; }
.qn-qn-normal .qn-reps-edit { display:none; }
.qn-qn-normal .qn-cb-edit { display:none; }
.qn-qn-normal .qn-btn-undo { display:none; }
.qn-qn-normal .qn-btn-retab { display:none; }

.qn-qn-edit .qn-text-normal { display:none; }
.qn-qn-edit .qn-reps-normal { display:none; }
.qn-qn-edit .qn-cb-normal { display:none; }
.qn-qn-edit .qn-btn-edit { display:none; }
.qn-qn-edit .qn-btn-delete { display:none; }
.qn-qn-edit .qn-btn-retab { display:none; }

.qn-qn-delete .qn-text-edit { display:none; }
.qn-qn-delete .qn-reps { display:none; }
.qn-qn-delete .qn-checkbox { display:none; }
.qn-qn-delete .qn-btn-edit { display:none; }
.qn-qn-delete .qn-btn-undo { display:none; }
.qn-qn-delete .qn-btn-delete { display:none; }
.qn-qn-delete .qn-fleche-up { display:none; }
.qn-qn-delete .qn-fleche-down { display:none; }

/* en haut, on décompte l'entête et le modèle de nouvelle question */
table.qn-table tr:nth-of-type(3) .qn-fleche-up { display:none; }
/* en bas, on décompte le bouton pour rajouter une question */
table.qn-table tr:nth-last-of-type(2) .qn-fleche-down { display:none; }

/* banderole de sauvegarde */
#qn-control {
	position:fixed; left:0px; top:0px; z-index:1;
	background-color:#eee; width:100%;
	display:flex; flex-direction:row; justify-content:center;
}

#qn-control input { margin:10 20; }
#qn-control.qn-modif { background-color:tomato; }
#qn-btn-save { display:none; }
#qn-control.qn-modif #qn-btn-save { display:block; }

/*****************************************************************************/
/* gestion droits                                                            */

table.gd-table { border-width:0px; }
table.gd-table td { border-width:0px; }
tr.gd-groupe td {
	padding-top:5px; padding-bottom:7px;
	font-size:14pt; font-weight:bold; color:#777;
}
tr.gd-fonct td { padding-bottom:7px; font-weight:bold; }
tr.gd-regle td { padding:0 10; }
tr.gd-rlast td { padding-bottom:12px; }
input.gd-btn { margin-left:10px; border-left:1px;  }
input.gd-val { margin-left:8px; }

tr.gd-regle.gd-close { display:none; }
tr.gd-close input.gd-minus { display:none; }
tr.gd-open input.gd-plus { display:none; }

/*****************************************************************************/
/* liste étudiants                                                           */

/* table codes couleurs */
#le-couleurs { float:left; }
#le-couleurs td { padding:2; }
#le-couleurs td.le-heading { padding-top:10; }

/* table étudiants */
#le-etudiants th { padding:2 5; }
#le-etudiants td { padding:2 5; font-family:Verdana,Arial,Helvetica,sans-serif;}
.le-commentaire { color:grey; }

/* les couleurs */
.le-parcours-valide { background-color:#99ff99; }
.le-parcours-attente { background-color:#ffcc33; }
.le-parcours-modif { background-color:#ffc0ff; }
.le-parcours-absent { background-color:#eeeeee; }
.le-rapport-dispo { background-color:#99ff99; }
.le-rapport-absent { background-color:#eeeeee; }
.l-evaluation-nondemandee { }
.l-evaluation-demandee { background-color:#ffcc33; }
.l-evaluation-recue { background-color:#99ff99; }

/*****************************************************************************/
/* page tutorat                                                              */

.tu-table th { padding:10px; }
.tu-table td { padding:10px; }
.tu-commentaire { color:grey; }

/*****************************************************************************/
/* page promotions                                                           */

.promotions_recapitulatif > caption {
	caption-side:top;
	border-style:solid;
	border-width:1px;
	border-color:#99CCFF;
	background-color:lightblue;
	color:navy;
	padding:0px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.promotions_recapitulatif > thead > tr > th:nth-child(1) {
	min-width:15em;
}
.promotions_recapitulatif > thead > tr > th {
	min-width:10em;
}

.promotions_recapitulatif A {
	color:rgb(0,0,96);
}
.promotions_recapitulatif A:hover {
	text-decoration: underline;
}

label.promotions_choixanneeENSPS {
	font-weight:normal;
	padding-left:0.2em;
}

/*****************************************************************************/
/* questionnaires d'évaluation de stage                                      */

.evalstage_recapitulatif {
	max-width:800px;
}
.evalstage_recapitulatif TFOOT > TR > TD {
	font-size:80%;
	font-style:italic;
	background-color:lightblue;
}
.evalstage_recapitulatif TBODY > TR > TD:nth-child(1) {
	background-color:lightblue;
	text-align:right;
	padding-right:2px;
}
.evalstage_recapitulatif CAPTION {
	background-color:lightblue;
	font-weight:bold;
	color:navy;
}

#evalstage_questionnaire {
	max-width:800px;
	text-align:left;
}

#evalstage_questionnaire > DIV {
	display:grid;
	grid-template-columns: repeat(2, 400px);
}
#evalstage_questionnaire > DIV > DIV > SELECT {
	width:100%;
}
#evalstage_questionnaire > TEXTAREA {
	width:800px;
	height:40px;
}
#evalstage_questionnaire > TEXTAREA.evalstage_grandcommentaire {
	height:300px;
}
#evalstage_questionnaire > INPUT {
	width:800px;
	text-align:center;
}
#evalstage_questionnaire > PRE {
	width:800px;
	white-space:pre-line;
}

/** documentation du serveur pédagogique **/
.documentation {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 75%;
	border: solid 1px black;
	margin: auto;
	padding: 1em;
	box-sizing: border-box;
}
.documentationhr {
	width: 75%;
	margin: auto; margin-top:1em; margin-bottom:0.5em;
}
.documentation H1, .documentation H2, .documentation H3, .documentation H4, .documentation H5 {
	text-align:left;
	color: navy;
}
.documentation H1 { font-size:150%; }
.documentation H2 { font-size:140%; }
.documentation H3 { font-size:130%; }
.documentation H4 { font-size:120%; }
.documentation H5 { font-size:110%; }
.documentation UL, .documentation LI {
	color:black;
	font-size:100%;
}

/* feuille de présence générée en html, style */
.feuillepresence TABLE,.feuillepresence TR,.feuillepresence TD,.feuillepresence TH {
	border-color:black;
}
.feuillepresence TABLE {
	width:100%;
}
.feuillepresence TH,.feuillepresence TD {
	font-family: sans-serif; color:black; background-color:white;
	vertical-align:center; text-align:left;
}
.feuillepresence TR {
	height:2rem;
}
.feuillepresence TR:nth-child(1) {
	width:70%;
}
.feuillepresence TR:nth-child(2) {
	width:30%;
}
.feuillepresence H2 {
	color:black; margin-top:0.5rem; margin-bottom:0.5rem; margin-left:0; padding:0;
}
.feuillepresence-entete {
	display:grid;
	grid-template-columns: 3fr 1fr;
}

.SIdptAccountData {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
	margin-top: 1em;
}
.SIdptAccountData DIV:nth-child(odd) { text-align:right; }
.SIdptAccountData DIV:nth-child(even) { text-align:left; }
.initiallyHidden { display:none; }
#SIdptAccountDataFPReveal, #SIdptAccountDataFPRevealLink {
	border-radius:5px;
	padding:2px;
	border: solid 1px black;
}
#SIdptAccountDataFPReveal {
	background-color: #ddd;
}
#SIdptAccountDataFPRevealLink:hover {
	cursor:pointer;
	color:inherit;
	text-decoration: underline;
}

/** Nouvelles classes et affichages **/
:root {
	--ensps-bleu: #00abb6; /* D'après le document ce serait #00778B mais le color picker indique l'autre couleur */
}

.ensps_liste_cours {
	font-family: "PT Serif variant0", Arial;
	border-color: var(--ensps-bleu);
	font-size: 11pt;
}
.ensps_liste_cours TD TH, .ensps_liste_cours TD { font-family: "PT Serif variant0", Arial; font-size:11pt; }
.ensps_liste_cours TD, .ensps_liste_cours TR, .ensps_liste_cours TH { border: none; }
.ensps_liste_cours THEAD, .ensps_liste_cours TH, .ensps_liste_cours THEAD TD {
	background-color: var(--ensps-bleu); /* #00778B; - ???? */
	color: white;
}
.ensps_liste_cours TBODY { color:black; }
.ensps_liste_cours THEAD TD { text-align:center; }
.ensps_liste_cours TD.ects { text-align:center; }
.ensps_liste_cours TD.note { text-align:center; }
.ensps_liste_cours TD.licencerenforcee { font-weight:normal; }
.ensps_liste_cours TD.licencerenforcee_titre { font-weight:normal; text-align:right; font-style:italic; }
.ensps_liste_cours TD.menu_jury { font-weight:normal; }
.ensps_liste_cours TD.menu_jury_titre { font-weight:normal; text-align:right; }
.ensps_liste_cours TD { padding:0em 1em; }

.ensps_liste_cours TBODY TR:nth-child(even) { background-color:#eee; }

[class^="ParcBlocEnt-"] {
	font-family: "PT Serif variant0", Arial; font-size:12pt; font-weight:bold;
}

.MoyRang A { color:black; text-decoration:none; }
.MoyRang A:hover { text-decoration:underline; }
.MoyRang TD, TH {
	font-family: "PT Serif variant0", Arial; font-size:12pt; color:black;
}

:root {
	--Bloc-1: #8C82B4;
	--Bloc-2: #8CBEAA;
	--Bloc-3: #C8A0BE;
	--Bloc-4: #BEBE6E;
	--Bloc-5: #FF7D28;
}
.ParcBlocEnt-Bloc-1 { background-color: var(--Bloc-1); border-color: var(--Bloc-1); }
.ParcBlocCtn-Bloc-1 TD:first-child { background-color: var(--Bloc-1); }
.ParcBlocCtn-Bloc-1 TR:first-child { border-top: solid 1px var(--Bloc-1); }
.ParcBlocCtn-Bloc-1 TR:last-child { border-bottom: solid 1px var(--Bloc-1); }
.MoyRangEnt-Bloc-1 { background-color: var(--Bloc-1); border: solid 2px var(--Bloc-1); }
.MoyRang2C1-Bloc-1, .MoyRang1C-Bloc-1 { border-left: solid 2px var(--Bloc-1); }
.MoyRang2C2-Bloc-1, .MoyRang1C-Bloc-1 { border-right: solid 2px var(--Bloc-1); }

.ParcBlocEnt-Bloc-2 { background-color: var(--Bloc-2); border-color: var(--Bloc-2); }
.ParcBlocCtn-Bloc-2 TD:first-child { background-color: var(--Bloc-2); }
.ParcBlocCtn-Bloc-2 TR:first-child { border-top: solid 1px var(--Bloc-2); }
.ParcBlocCtn-Bloc-2 TR:last-child { border-bottom: solid 1px var(--Bloc-2); }
.MoyRangEnt-Bloc-2 { background-color: var(--Bloc-2); border: solid 2px var(--Bloc-2); }
.MoyRang2C1-Bloc-2, .MoyRang1C-Bloc-2 { border-left: solid 2px var(--Bloc-2); }
.MoyRang2C2-Bloc-2, .MoyRang1C-Bloc-2 { border-right: solid 2px var(--Bloc-2); }

.ParcBlocEnt-Bloc-3 { background-color: var(--Bloc-3); border-color: var(--Bloc-3); }
.ParcBlocCtn-Bloc-3 TD:first-child { background-color: var(--Bloc-3); }
.ParcBlocCtn-Bloc-3 TR:first-child { border-top: solid 1px var(--Bloc-3); }
.ParcBlocCtn-Bloc-3 TR:last-child { border-bottom: solid 1px var(--Bloc-3); }
.MoyRangEnt-Bloc-3 { background-color: var(--Bloc-3); border: solid 2px var(--Bloc-3); }
.MoyRang2C1-Bloc-3, .MoyRang1C-Bloc-3 { border-left: solid 2px var(--Bloc-3); }
.MoyRang2C2-Bloc-3, .MoyRang1C-Bloc-3 { border-right: solid 2px var(--Bloc-3); }

.ParcBlocEnt-Bloc-4 { background-color: var(--Bloc-4); border-color: var(--Bloc-4); }
.ParcBlocCtn-Bloc-4 TD:first-child { background-color: var(--Bloc-4); }
.ParcBlocCtn-Bloc-4 TR:first-child { border-top: solid 1px var(--Bloc-4); }
.ParcBlocCtn-Bloc-4 TR:last-child { border-bottom: solid 1px var(--Bloc-4); }
.MoyRangEnt-Bloc-4 { background-color: var(--Bloc-4); border: solid 2px var(--Bloc-4); }
.MoyRang2C1-Bloc-4, .MoyRang1C-Bloc-4 { border-left: solid 2px var(--Bloc-4); }
.MoyRang2C2-Bloc-4, .MoyRang1C-Bloc-4 { border-right: solid 2px var(--Bloc-4); }

.ParcBlocEnt-Bloc-5 { background-color: var(--Bloc-5); border-color: var(--Bloc-5); }
.ParcBlocCtn-Bloc-5 TD:first-child { background-color: var(--Bloc-5); }
.ParcBlocCtn-Bloc-5 TR:first-child { border-top: solid 1px var(--Bloc-5); }
.ParcBlocCtn-Bloc-5 TR:last-child { border-bottom: solid 1px var(--Bloc-5); }
.MoyRangEnt-Bloc-5 { background-color: var(--Bloc-5); border: solid 2px var(--Bloc-5); }
.MoyRang2C1-Bloc-5, .MoyRang1C-Bloc-5 { border-left: solid 2px var(--Bloc-5); }
.MoyRang2C2-Bloc-5, .MoyRang1C-Bloc-5 { border-right: solid 2px var(--Bloc-5); }

/* notes des cours (séparée de detail_cours pour ne plus inclure l'information des noms) */
.notes_cours_tableau {
	max-width:1000px;
	margin:auto;
	display: grid;
	grid-template-columns: 1fr;
}
.notes_cours_ligne_tableau, .notes_cours_ligne_tableau_S1, .notes_cours_ligne_tableau_S1_harmo, .notes_cours_ligne_tableau_S2 {
	display: grid;
	align-items: center;
	grid-template-columns: 2fr 1fr 4fr;
	gap:0em 1em;
	padding-top:.5em; padding-bottom:.5em;
	padding-left:1em; padding-right:1em;
}
.notes_cours_ligne_tableau {
	background-color: #eeeeee;
}
.notes_cours_ligne_tableau_S1, .notes_cours_ligne_tableau_S1_harmo, .notes_cours_ligne_tableau_S2 {
	margin-left:-1em;
	padding-left:2em;
}
.notes_cours_ligne_tableau_S1, .notes_cours_ligne_tableau_S1_harmo {
	background-color:lightblue;
}
.notes_cours_ligne_tableau_S2 {
	background-color:darkseagreen;
}

.cours_notes_intitule, .cours_notes_note, .cours_notes_pas {
	grid-row: 1 / 3;
}
.notes_cours_ligne_tableau_S1_harmo .cours_notes_intitule, .notes_cours_ligne_tableau_S1_harmo .cours_notes_note {
	grid-row: 1;
}
.cours_notes_stats, .cours_notes_toutes, .cours_notes_pas, .notes_cours_ligne_tableau_commdetail {
	text-align: left;
}
.cours_notes_toutes {
	overflow: scroll auto;
	white-space: nowrap;
}
.cours_notes_toutes {
	font-size:80%;
}
.cours_notes_note {
	font-size:130%;
}

/* divers - changement léger affichage affectation / répartition heures */
.tab_affectation_nomprenom a {
	color:navy;
	text-decoration:underline;
}

/* Modification liste stages */
:root {
	--tablebordercolor: #99ccff;
	--tableheaderbgcolor: lightblue;
	--tagbordercolor: navy;
}

.ListeStages {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 4fr 1fr 2fr 1fr 1fr;
	border: 1px solid var(--tablebordercolor);
	background-color: var(--tablebordercolor);
	grid-gap: 1px;
}
.ListeStages DIV.entete {
	font-weight:bold;
	background-color:var(--tableheaderbgcolor);
}
.ListeStages DIV {
	background-color:white;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-gutter: auto;
	white-space: nowrap;
	padding: 0.2em;
}
.tag_stage, .ListeStages DIV.tag_stage {
	border: 1px solid var(--tagbordercolor);
	border-radius: 5px;
	background-color: var(--tableheaderbgcolor);
	display: inline;
	padding: 2px 0.5em 0px 0.5em;
	font-size: 80%;
	margin: 0.25em;
}
.ListeStages .evenline {
	background-color: #eee;
}

/** monospace **/
code {
	font-family: url('DejaVuSansMono.ttf') format('truetype');
}

#evalstage-modelemail-form {
	display: grid;
	grid-template-columns: 1fr 3fr;
	width:55em;
}

#evalstage-modelemail-form .full-width {
	grid-column: 1/-1;
}
#evalstage-modelemail-form input { width:100%; }