/* divers 
 * -------------------------------------------------------------------------------------------------------------------------- */

body {background: #F4F4F4; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0;}
.menu_corps_table {border-collapse:collapse; width:100%;}
.button_img {cursor:pointer; border:none;}
.info_importante {font-size: 11px; color:#B22222;}
.btn_param, .btn_rech, .btn {cursor:pointer;}
#tooltip {position:absolute; border:1px solid #686868; background:#f7f5d1; padding:2px 5px; color: #686868; font-size: 12px; font-style: normal; display:none;}

.lien_gris {color:#686868; font-weight:normal; font-size:12px;}
.lien_gris:hover {color:silver; font-weight:normal; font-size:12px; text-decoration:underline;}

/* bandeau de page 
 * -------------------------------------------------------------------------------------------------------------------------- */

.bandeau-header {
	background: var(--couleur-bandeau);
	height: 70px;
	padding: 0 1rem;
	display: flex;
	gap: 1rem;
	align-items: center;
}

.bandeau-header a {
	color: var(--couleur-bandeau-texte);
	text-decoration: none;
}

.bandeau-header a:hover {
	text-decoration: underline;
}

.bandeau-header .bandeau-header__logo {
	width: 150px;
}

.bandeau-header .bandeau-header__logo img {
	height: 28px;
}

.bandeau-header .bandeau-header__recherche {
	padding-left: 3rem;
	margin-top: 1rem;
	display: flex;
	flex-grow: 1;
	gap: 0.75rem;
	color: var(--couleur-bandeau-texte);
	font-size: 12px;
}

.bandeau-header .bandeau-header__profil {
	margin-top: 1rem;
	margin-right: 2rem;
	display: flex;
	gap: 0.75rem;
	align-items: end;
	justify-content: end;
	width: 450px;
	color: var(--couleur-bandeau-texte);
	font-size: 12px;
}

.bandeau-header .bandeau-header__profil-detail {
	display: flex; 
	gap: 0.75rem;
	align-items: center;
}



.bandeau-ariane {
	background: var(--couleur-bandeau-ariane);
	height: 1rem;
	padding: 2px 0;
	margin-bottom: 1rem;
}


/* menu de la page 
 * -------------------------------------------------------------------------------------------------------------------------- */

.menu_div {padding:5px;}
.menu_encadre {background:white; border-top:1px solid white; -moz-border-radius:10px; -border-radius:10px;}
.menu_titre {cursor:pointer; color:white; font-size:14px; font-weight:bold; padding:5px; background:#bfcea6; text-align:center; -moz-border-radius:10px; -border-radius:10px;}

.menu_contenu {color:#497C9A; font-size:12px;}
.menu_contenu p {margin:5px; padding-left:10px;}
.menu_contenu table {margin:5px 0px 5px 0px;}
.menu_contenu tr {vertical-align:top;}
.menu_contenu td {padding:0px 5px 0px 5px;}
.menu_contenu a {display:block; color:#497C9A; font-size:12px; font-weight:bold; text-decoration:none;}
.menu_contenu select, .menu_contenu input {width:100%;}


/* corps principal de la page 
 * -------------------------------------------------------------------------------------------------------------------------- */

.corps_table {border-collapse:collapse; width:100%;}
.corps_tr {vertical-align:top;}
.corps_td {padding:4px;}

.encadre_div {background:white; border:1px solid #E5E5E5; -moz-border-radius:10px; -border-radius:10px;}
.encadre_div p {color:#497C9A; font-size:12px; font-weight:normal; padding:10px 0px 0px 10px;}

.encadre_recherche {background:white; border:1px solid #E5E5E5; -moz-border-radius:10px; -border-radius:10px; padding:5px; margin-bottom:5px;}

.encadre_entete {border-bottom:1px solid #E5E5E5; padding:5px;}
.encadre_entete, .encadre_entete * {color:#497C9A; font-size:13px; font-weight:bold; text-decoration:none;}
.encadre_entete p {color:#497C9A; font-size:12px; font-weight:normal; padding:0px; margin:0px;}
.encadre_entete a {color:#686868; font-weight:normal; font-size:12px;}
.encadre_entete a:hover {color:silver; font-weight:normal; font-size:12px; text-decoration:underline;}
.encadre_entete select, .encadre_entete option {color:#686868; font-weight:normal; font-size:12px;}

.encadre_titre {text-decoration:none; color:#497C9A; font-size:13px; font-weight:bold;}
.encadre_titre a {text-decoration:none; color:#497C9A; font-size:13px; font-weight:bold; cursor:pointer;}
.encadre_titre a:hover {text-decoration:underline; color:#497C9A; font-size:13px; font-weight:bold; cursor:pointer;}

.entete_action {border-collapse:collapse; margin-top:5px;}
.entete_action td {padding:0px 5px 0px 5px; border-right:1px solid #E5E5E5;}

.encadre_pied {border-top:1px solid #E5E5E5; text-align:center; background-color:#FAFAFA;padding:5px 5px 5px 5px;}
.encadre_pied_droit {border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; text-align:center; background-color:#FAFAFA;}

.encadre_detail {padding:0px 10px 0px 10px; margin:5px; border:1px solid #E5E5E5; -moz-border-radius:10px; -border-radius:10px; clear:both;}
.encadre_detail legend {background-color:transparent; font-size:12px; font-weight:bold; color:#497C9A;}

.button_div {cursor:pointer; float:left; width:25px; text-align:center; margin:5px 10px 5px 0px;}
.button_div_legend {cursor:pointer; float:left; width:25px; text-align:center; margin:0px 10px 5px 0px;}

.detail_div {margin:5px 0px 5px 35px;}
.detail_div_legend {margin:0px 0px 5px 35px;}
.detail_div_nobutton {margin:5px 0px 5px 0px;}

.detail_table {border-collapse:collapse; width:100%;}
.detail_td {padding:2px 5px 2px 5px; margin:0px; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}

.contenu_table {border-collapse:collapse; width:100%; margin:2px 0px 2px 0px; border:0px solid red;}
.contenu_table td {padding:0px 8px 0px 2px;}
.contenu_table td * {margin:4px 0px 4px 0px;}

.contenu_hidden {background-color:#F8F8F8;}
.contenu_hidden td * {margin:2px 0px 2px 0px;}

.contenu_non_hidden {background-color:#F8F8F8;}
.contenu_non_hidden td * {margin:2px 0px 2px 0px;}

.lib_champ_titre, .lib_champ_titre a {font-size:14px; font-weight:bold; color:#497C9A;}
.lib_champ, .lib_champ a {font-size:12px; font-weight:normal; color:#497C9A;}
.lib_champ_hidden, .lib_champ_hidden a {font-size:12px; font-weight:normal; color:#686868;}

.valeur_champ {font-size:12px; font-weight:normal; color:#686868;}

textarea.valeur_champ {width:90%;font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;}
textarea.valeur_champ_100 {width:98%;font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;font-size:12px; font-weight:normal; color:#686868;}

.input_champ_100 {width:100%; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_50 {width:50%; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_4c {width:30px; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_5c {width:40px; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_6c {width:45px; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_8c {width:60px; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_9c {width:60px; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_14c {width:90px; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_20c {width:130px; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_30c {width:270px; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_50c {width:320px; font-size:11px; font-weight:normal; color:#686868;}
.input_champ_80 {width:80%; font-size:11px; font-weight:normal; color:#686868;}

/* page resultat de recherche (offre de stage, catalogue de stage) 
 * -------------------------------------------------------------------------------------------------------------------------- */

.encadre_resultat {height: 520px; overflow-y:scroll; margin:2px; padding:2px;}

.resultat_titre {color:#497C9A; font-size:14px; font-weight:bold; display:block; height:30px;}

.resultat_table {border-collapse:collapse;}
.resultat_table th, .resultat_table th a {color:#497C9A; font-size:12px; text-align:left;}
.resultat_table th {padding:5px;}
.resultat_table td, .table_result td a {color:#686868; font-size:12px; text-decoration:none;}
.resultat_table td {border-left:1px silver dotted; border-right:1px silver dotted; padding:0px 5px 0px 5px; cursor:pointer;}
.resultat_table span {display:block; text-align:left; font-style:italic; font-size: 11px; }



/* page d'extraction des requetes pour les courriers 
 * -------------------------------------------------------------------------------------------------------------------------- */

.table_etape div {border:1px solid #E5E5E5; text-align:center; padding:0 10px 0 10px; margin-top:5px; -moz-border-radius:10px; -border-radius:10px;}

.div_etape {background:#FBFBFB;}
.div_etape a {color:#686868; font-weight:bold; font-size:13px; text-decoration:none;}
.div_etape a:hover {color:#686868; font-weight:bold; font-size:13px; text-decoration:underline;}

.div_etape_encours {background:#80a142;}
.div_etape_encours a {color:white; font-weight:bold; font-size:13px; text-decoration:none;}
.div_etape_encours a:hover {color:white; font-weight:bold; font-size:13px; text-decoration:underline;}

.table_entete {border-collapse:collapse; width:100%; margin-top:2px;}
.table_entete tr {background-color:white; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:none;}

.table_entete_filtre {border-collapse:collapse; width:100%; margin-top:5px;}
.table_entete_filtre tr {background-color:white; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:none;}

.table_filtre {border-collapse:collapse; width:100%; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}

.ligne_critere {background-color:#FBFBFB; color:#686868; font-weight:normal; font-size:12px; text-decoration:none; border-bottom:1px dotted #E5E5E5;}
.ligne_critere_ajout {background-color:#FBFBFB;}
.ligne_critere_ajout a{color:#686868; font-weight:normal; font-size:12px; text-decoration:none;}
.ligne_critere_ajout a:hover{color:#686868; font-weight:normal; font-size:12px; text-decoration:underline;}

/* divers 
 * -------------------------------------------------------------------------------------------------------------------------- */

.message_erreur {display:block; color:red; font-size:12px; font-weight:normal; padding:5px;}

.liste_table_centrer td {padding-right:10px; text-align:center;}
.liste_table_ligne td {padding-top:5px;}

.bgcolor_liste_titre {background-color:white; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste_titre a {background-color:white; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:underline;}

.bgcolor_liste_sstotal {background-color:#FBFBFB; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste_sstotal_hover {background-color:#F5F5F5; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:none;}

.bgcolor_liste {background-color:#FBFBFB; color:#686868; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste a {background-color:#FBFBFB; color:#686868; font-weight:normal; font-size:12px; text-decoration:underline;}

.bgcolor_liste_off {background-color:#FBFBFB; color:#D5D5D5; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste_off a {background-color:#FBFBFB; color:#D5D5D5; font-weight:normal; font-size:12px; text-decoration:underline;}

.bgcolor_liste_select {background-color:#EEF4FE; color:#686868; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste_select a {background-color:#EEF4FE; color:#686868; font-weight:normal; font-size:12px; text-decoration:underline;}

.bgcolor_liste_hover {background-color:#F5F5F5; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste_hover a {background-color:#F5F5F5; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:underline;}
.bgcolor_liste_hover a:hover {background-color:#F5F5F5; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:underline}

.bgcolor_liste_select_hover {background-color:#c6dbfe; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste_select_hover a {background-color:#c6dbfe; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:underline;}
.bgcolor_liste_select_hover a:hover {background-color:#c6dbfe; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:underline}


.bgcolor_liste_ligne_1, .bgcolor_liste_ligne_1 a {background-color:#FBFBFB; color:#686868; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste_ligne_2, .bgcolor_liste_ligne_2 a {background-color:#F5F5F5; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste_ligne_1 a:hover {background-color:#FBFBFB; color:#686868; font-weight:normal; font-size:12px; text-decoration:underline;}
.bgcolor_liste_ligne_2 a:hover {background-color:#F5F5F5; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:underline;}

.bgcolor_liste_ligne_1 .a_style {cursor:pointer;background-color:#FBFBFB; color:#686868; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste_ligne_2 .a_style {cursor:pointer;background-color:#F5F5F5; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:none;}
.bgcolor_liste_ligne_1 .a_style:hover {background-color:#FBFBFB; color:#686868; font-weight:normal; font-size:12px; text-decoration:underline;}
.bgcolor_liste_ligne_2 .a_style:hover {background-color:#F5F5F5; color:#497C9A; font-weight:normal; font-size:12px; text-decoration:underline;}

.bgcolor_liste_encours{background-color:yellow;}

/*.bgcolor_liste_titre td, .bgcolor_liste_sstotal td, .bgcolor_liste td, .bgcolor_liste_off td, 
.bgcolor_liste_select td, .bgcolor_liste_hover td, .bgcolor_liste_select_hover td {padding-right:10px;}*/

.liste_total {border-top:double #E5E5E5; padding-top:5px;}


.img_next_out {height: 20px !important; width:10px; background: url("./../images/fleche_verte2.png") no-repeat 0 0; float: left; background-position: 0 -40px; cursor:default;}
.img_next {height: 20px !important; width:10px; background: url("./../images/fleche_verte2.png") no-repeat 0 0; float: left; background-position: 0 0; cursor:pointer;}
.img_next:hover {background-position: 0 -20px;}

.img_last_out {height: 20px !important; width:16px; background: url("./../images/fleche_verte2.png") no-repeat 0 0; float: left; background-position: -10px -40px; cursor:default;}
.img_last {height: 20px !important; width:16px; background: url("./../images/fleche_verte2.png") no-repeat 0 0; float: left; background-position: -10px 0; cursor:pointer;}
.img_last:hover {background-position: -10px -20px;}

.img_first_out {height: 20px !important; width:16px; background: url("./../images/fleche_verte2.png") no-repeat 0 0; float: left; background-position: -26px -40px; cursor:default;}
.img_first {height: 20px !important; width:16px; background: url("./../images/fleche_verte2.png") no-repeat 0 0; float: left; background-position: -26px 0; cursor:pointer;}
.img_first:hover {background-position: -26px -20px;}

.img_prev_out {height: 20px !important; width:10px; background: url("./../images/fleche_verte2.png") no-repeat 0 0; float: left; background-position: -42px -40px; cursor:default;}
.img_prev {height: 20px !important; width:10px; background: url("./../images/fleche_verte2.png") no-repeat 0 0; float: left; background-position: -42px 0; cursor:pointer;}
.img_prev:hover {background-position: -42px -20px;}

.employe_fin{text-decoration:line-through;}


/* Style pour le tableau utilis� dans le LEA 
 * -------------------------------------------------------------------------------------------------------------------------- */
 
.borderTop {border-top:1px solid silver;}
.borderBottom {border-bottom:1px solid silver;}
.borderLeft {border-left:1px dotted #E0E0E0;}
.borderRight {border-right:1px dotted #E0E0E0;}
.trTitle {height:30px; background-color:#EEF4FE; font-size:12px; color:#497C9A;}
.trSaisie {background-color:#F4F4F4; font-style:italic;}
 
/* Style utilis� dans la fiche de synth�se LEA 
 * -------------------------------------------------------------------------------------------------------------------------- */

.synthese_borderRight {border-right:1px solid #c0c0c0;}
.synthese_borderLeft {border-left:1px solid #c0c0c0;}
.synthese_ligne_titre {background-color:#e9e9e9;}
.synthese_ligne_odd {background-color:#eeeeee;}
.synthese_ligne_hover {background-color:#EEF4FE;}
.synthese_ligne_hover td {background-color:#EEF4FE;}

.synthese_containsNull {color:#cccccc;}

.synthese_fond_vert {
	background-color:#008b00;
	background-image:-webkit-linear-gradient(left, #b8e8b8, #008b00);
	background-image:   -moz-linear-gradient(left, #b8e8b8, #008b00);
	background-image:    -ms-linear-gradient(left, #b8e8b8, #008b00);
	background-image:     -o-linear-gradient(left, #b8e8b8, #008b00);
	background-image:        linear-gradient(left, #b8e8b8, #008b00);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e8b8',endColorstr='#008b00', GradientType=1);
	color:#ffffff;
}
.synthese_fond_rouge {
	background-color:#c25b3b;
	background-image:-webkit-linear-gradient(left, #efc2b4, #c25b3b);
	background-image:   -moz-linear-gradient(left, #efc2b4, #c25b3b);
	background-image:    -ms-linear-gradient(left, #efc2b4, #c25b3b);
	background-image:     -o-linear-gradient(left, #efc2b4, #c25b3b);
	background-image:        linear-gradient(left, #efc2b4, #c25b3b);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc2b4',endColorstr='#c25b3b', GradientType=1);
	color:#ffffff;
}
.synthese_fond_orange {
	background-color:#da9e42;
	background-image:-webkit-linear-gradient(left, #f9e8cc, #da9e42);
	background-image:   -moz-linear-gradient(left, #f9e8cc, #da9e42);
	background-image:    -ms-linear-gradient(left, #f9e8cc, #da9e42);
	background-image:     -o-linear-gradient(left, #f9e8cc, #da9e42);
	background-image:        linear-gradient(left, #f9e8cc, #da9e42);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9e8cc',endColorstr='#da9e42', GradientType=1);
	color:#ffffff;
}
.synthese_fond_jaune {
	background-color:#dadc42;
	background-image:-webkit-linear-gradient(left, #f7f8c4, #dadc42);
	background-image:   -moz-linear-gradient(left, #f7f8c4, #dadc42);
	background-image:    -ms-linear-gradient(left, #f7f8c4, #dadc42);
	background-image:     -o-linear-gradient(left, #f7f8c4, #dadc42);
	background-image:        linear-gradient(left, #f7f8c4, #dadc42);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8c4',endColorstr='#dadc42', GradientType=1);
	color:#999999;
}
.synthese_fond_rouge1 {
	background-color:#c25b3b;
	background-image:-webkit-linear-gradient(left, #c25b3b, #d2856e);
	background-image:   -moz-linear-gradient(left, #c25b3b, #d2856e);
	background-image:    -ms-linear-gradient(left, #c25b3b, #d2856e);
	background-image:     -o-linear-gradient(left, #c25b3b, #d2856e);
	background-image:        linear-gradient(left, #c25b3b, #d2856e);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c25b3b',endColorstr='#d2856e', GradientType=1);
	color:#ffffff;
}
.synthese_fond_rouge2 {
	background-color:#c25b3b;
	background-image:-webkit-linear-gradient(left, #d2856e, #efc2b4);
	background-image:   -moz-linear-gradient(left, #d2856e, #efc2b4);
	background-image:    -ms-linear-gradient(left, #d2856e, #efc2b4);
	background-image:     -o-linear-gradient(left, #d2856e, #efc2b4);
	background-image:        linear-gradient(left, #d2856e, #efc2b4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2856e',endColorstr='#efc2b4', GradientType=1);
	color:#ffffff;
}

.synthese_retard a { color: #F44336; font-weight: 700; }

/* cadres contrat et stages pour r�cap employe et personnel */
.cadre_fiche { display:none; max-height:300px;  overflow:auto;}

#trombone{float:left;display:block;position:relative;top:-15px;clear:both;cursor:pointer;}


/* Partie Recrutement */
/* Notifications */ 
.notif_detail_corps{padding-bottom:20px;border-bottom:1px solid black;background-color:#F4F4F4;}
.notif_lecture{background-color:#F4F4F4;}
.contenu_notif{width:90%;margin-top:1em;margin-bottom:1em;margin-left:auto;margin-right:auto;padding:2em 2em 2em 2em;background-color:#FFFFFF; border:1px solid #efefef; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.notif_titre {color:#497C9A; font-size:12px; font-weight:bold;}

/* param�trage */
.param_campagne_onglet{color:#686868;display:table-cell;width:550px;text-align:center;vertical-align:middle;cursor:pointer;height:50px;}
.param_campagne_onglet_select{background-color: #ffffff;color:#3570a2;box-shadow:5px 0px 5px rgba(0, 0, 0, 0.2);border-bottom: 1px solid #efefef;border-radius: 0 10px 0 0;}

/* thickbox entretien */
.div_entretien {margin:10px;}

.contenant_onglet {
    background-color: #f2f2f2;    
}

/* liste des messages li�s au recrutement */
#etat_cand_message {padding: 1em 1em 1em 1em;}
#etat_cand_message a{color:#497C9A; font-size:12px; text-decoration:none;}
#etat_cand_message a:hover{text-decoration:underline;}

.pieces_valides{color:green;}
.pieces_non_valides{color:red;}

/* tableau de filtre sur l'export */
.tableau_export {color:#686868; font-size:12px; text-decoration:none;}
.tableau_export {border-collapse:collapse;}
.tableau_export th, .tableau_export th a {color:#497C9A; font-size:12px; text-align:left;}
.tableau_export td, .table_result td a {color:#686868; font-size:12px; text-decoration:none;}

/* thickbox �change du module recrutement*/
.candidat_echange{border-left: 3px solid blue;}
.offre_echange{border-left: 3px solid red;}
.candidature_offre_echange{border-left: 3px solid green;}


/* 20180816 Gestion des documents du LEA => PDF */
/* LEA document */
.pave_lea_doc { width: 65%; background: #f9f9f9; border: 1px solid rgba(0,0,0,.125); border-bottom: 0; }
.item_lea_doc { height: 32px; border-bottom: 1px solid rgba(0,0,0,.125); padding: 10px; display: flex; flex-direction: column; justify-content: center; }
.item_lea_doc table { margin: auto 0; }
.item_lea_doc .btn_up { margin-bottom: 8px; }
.item_lea_doc .icon_save { display: none; vertical-align: middle; }
.item_doc input[type=text] { border: 0; border-bottom: 2px solid #d1d1d1; width: 75%; padding: 4px 8px; border-radius: 2px; margin: 4px 0px 6px 0px; color: #565656; transition: all 0.4s; outline: none; }


/* LEA : planification des fiches d'�valuation */
/* LEA fe */
.liste_fe { border-collapse: collapse; width: 100%;}
.liste_fe td { width: 75px; height: 22px; }
.liste_fe_border { border-left: 1px solid #CECECE; }

.lea_fe_fiche_item, .stap_fe_fiche_item { height: 20px; background: #B0BEC5; border-radius: 2px; cursor: pointer; position: relative; transition: background-color 0.4s; transition-timing-function: ease-in-out; }
.lea_fe_fiche_item:hover, .stap_fe_fiche_item:hover { background-color: #90A4AE; }

.lea_fe_fiche_item-attente, .stap_fe_fiche_item-attente { background-color: #FF8F00; }
.lea_fe_fiche_item-attente:hover, .stap_fe_fiche_item-attente:hover { background-color: #FF6F00; }

.lea_fe_fiche_item-signe, .stap_fe_fiche_item-signe { background-color: #4CAF50; }
.lea_fe_fiche_item-signe:hover, .lea_fe_fiche_item-signe:hover { background-color: #388E3C; }

.tooltip_div {
	visibility: hidden;
    position: absolute;
    z-index: 1;
    min-width: 250px;
    background: #fff;
    border: 1px solid #D5D5D5;
    border-radius: 0.25em;
    font-size: 12px;
    padding: 8px;
    bottom: 80%;
    opacity: 0;
    transition: opacity 0.4s, visibility 0.4s, bottom 0.4s;
    transition-timing-function: ease-in-out;
    right: 0;
    color:#000;
}

.tooltip_div .tooltip_title { font-size: 13px; font-weight: 700; }

.lea_fe_fiche_item:hover .tooltip_div, .stap_fe_fiche_item:hover .tooltip_div, .tooltip_btn:hover .tooltip_div { visibility: visible; opacity: 1; bottom: 105%; }
.btn_info_absence:hover .tooltip_div { visibility: visible; opacity: 1; bottom: 105%; }

#lea_fe { position: relative; font-size:14px;color:#497C9A;}
#lea_fe a{text-decoration:none;}
#lea_fe a:hover{text-decoration:underline;}

#liste_periode_fiche { position: absolute; top: 23px; right: 3px;}

#liste_periode_fiche .fiche_td { position: relative; }
#liste_periode_fiche .today { height: 24px; border-left: 2px dotted red; width: 1px; display: block; position: absolute; top: 0; }

/* LEA Question */
.pave_question { color: #646464; font-size: 12px; }
.pave_question p { margin: 0; color: #3570a2; font-size: 12px; }
.pave_question { background: #f9f9f9; border: 1px solid rgba(0,0,0,.125); padding: 8px; margin-bottom: 10px; position: relative;}
.pave_question table { border-collapse: collapse; }
.pave_question input { border: 0; border-bottom: 2px solid #d1d1d1; width: 75%; padding: 4px 8px; border-radius: 2px; margin: 4px 0px 6px 0px; color: #565656; transition: border-color 0.4s; outline: none; }
.pave_question textarea { border: 0; border-bottom: 2px solid #d1d1d1; width: 75%; padding: 4px 8px; border-radius: 2px; margin: 4px 0px 6px 0px; color: #565656; transition: border-color 0.4s; outline: none; } /*20181003*/ 
.pave_question input:focus { border-bottom: 2px solid #a3b1bd; }
.pave_question input[type=checkbox] { width: auto; border-radius: 2px; }
.pave_question input[type=radio] { width: auto; border-radius: 2px; }
.pave_question input[type=file] { border: 0; }
.pave_question fieldset { border: 1px solid #d1d1d1; }
.pave_question .question_controle { width: 20px; }
.pave_question .question_controle .btn_up { position: absolute; top: 15px; }
.pave_question .question_controle .btn_down { position: absolute; bottom: 15px;	}
.pave_question .question_controle .btn_delete { position: absolute; top: 8px; right: 8px; }
.pave_question .question_controle .btn_duplique { position: absolute; top: 8px; right: 30px; width:20px;}
.pave_question .question_param { margin-left: 25px; }
.pave_question .icon_save { display: none; vertical-align: middle; }
.pave_question h3 { color: #3570a2; margin-top: 0; margin-bottom: 8px;}

.liste_critere .btn_up, .liste_niveau .btn_up, .liste_choix .btn_up { margin-bottom: 4px; }

.lea_fe_synthese input { border: 0; border-bottom: 2px solid #d1d1d1; padding: 4px 8px; border-radius: 2px; margin: 4px 0px 6px 0px; transition: all 0.4s; outline: none; }
.lea_fe_synthese input:focus { border-bottom: 2px solid #a3b1bd; }
.lea_fe_synthese .icon_save { display: none; vertical-align: middle; }

.lea_fe_synthese textarea {
    border: 0;
    padding: 4px 8px;
    border-radius: 2px;
    margin: 4px 0px 6px 0px;
    transition: border-color 0.4s;
    border: 1px solid #d1d1d1;
    border-bottom: 2px solid #d1d1d1;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    resize:vertical;
    outline: none;
}

.btn_add_quest {font-size:14px;color:#497C9A;}

h4 {color:#497C9A;}

.description_question {padding:15px 0 15px 0;} /*20230330 Modification suite � l'ajout de CKEDITOR*/
.reponse_question { color: #686868 !important; }
/* 20181112 */
.pave_question label { color: #686868; font-size: 12px; }

/* 20181126 */
.table { font-size: 12px; border-collapse: collapse; color: #686868; margin: 5px 0px; }
.table a { font-size: 12px; color: #686868; }
.table tr.content { height: 2rem; }
.table td, .table th { padding: 0.25rem 0.5rem; }

.table > tbody > tr { transition: background 0.2s ease-in; }

.table.table-stripe > tbody > tr:not(.tr-stripe--exclude):nth-child(even) > td { background-color: #fbfbfb; }
.table.table-stripe--invert > tbody > tr:not(.tr-stripe--exclude):nth-child(odd) > td { background-color: #fbfbfb; }
.table.table-stripe--4n > tbody > tr:not(.tr-stripe--exclude):nth-child(4n - 2) > td { background-color: #fbfbfb; }

.table.table-hover > tbody > tr:not(:first-child):not(.tr-hover--exclude):hover > td { background-color: #EEF4FE; }

.table.table-border > * > tr > td:not(:first-child), .table-border > * > tr > th:not(:first-child) { border-left: 1px solid #E0E0E0; }

.table_borderRight { border-right: 1px solid #E0E0E0; }
.table_borderLeft { border-left: 1px solid #E0E0E0; }
.table_borderTop { border-top: 1px solid #E0E0E0; }
.table_borderBottom { border-bottom: 1px solid #E0E0E0; }

.table_ligne_titre, .table th { color: #497C9A; text-align: center; font-weight: normal; }
.table_ligne_titre, .table .left th { color: #497C9A; text-align: left; font-weight: normal; }
.table_ligne_contenu td { background: #fbfbfb; }
.table_ligne_contenu:hover td { background: #EEF4FE; }

.table .tr-separotor { height: 12px }

/* Style de la liste des versions
 * -------------------------------------------------------------------------------------------------------------------------- */
.liste_version { font-size: 13px; margin: 0px 5px; padding: 8px; color: #686868; }
.liste_version h1 { padding: 0; }
.liste_version ul { margin: 0; }
.liste_version .version:not(:first-child) { margin-top: 15px; }
.liste_version .version .num_version { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; padding: 8px; font-size: 14px; background: #EEF4FE; }
.liste_version .version .sous_version { margin-top: 5px; }
.liste_version .version .sous_version .version_date { border: 1px solid #d1d1d1; }
.liste_version .version .sous_version li { margin-bottom: 3px; }

/* 20190221 */
.liste_fe_stage { position: relative; }
.liste_fe_stage #fond { margin: 4px 0px; }
.liste_fe_stage #fiches { position: absolute; }
.liste_fe_stage #fiches .titre { font-size: 14px; color: #497C9A; padding-left: 5px; }
.liste_fe_stage #fiches a {text-decoration:none; color: #497C9A;}
.liste_fe_stage #fiches a:hover{text-decoration:underline;}

.cadre_liste_modele { height: 600px; overflow-y: auto; }

.alerte_niv0 {color:#cccccc;}
.alerte_niv1 {color:yellow;}
.alerte_niv2 {color:orange;}
.alerte_niv3 {color:red;}

/*
 * UTILS
 */
button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.block { display: block; }
.inline-block { display: inline-block; }
 
.flex { display: flex; }

.flex-row-reverse { flex-direction: row-reverse; }

.flex-col {	flex-direction: column; }

.justify-center { justify-content: center; }
.justify-around { justify-content: space-around; }
.justify-between { justify-content: space-between; }
.justify-evenly { justify-content: space-evenly; }
.justify-end { justify-content: flex-end; }
.content-center { align-content: center; }
.self-center { align-self: center; }
.self-end { align-self: flex-end; }
.self-baseline { align-self: baseline; }
.items-center {	align-items: center; }
.items-baseline { align-items: baseline; }
.items-end { align-items: end; }

.flex-none { flex: none; }
.flex-1 { flex: 1 1 0%; }

.flex-grow { flex-grow: 1; }
.flex-grow-0 { flex-grow: 0; }

.flex-shrink { flex-shrink: 1; }
.flex-shrink-0 { flex-shrink: 0; }

.flex-wrap { flex-wrap: wrap; }

.grid { display: grid; }

.grid.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.grid .col-auto { grid-column: auto; }
.grid .col-span-1 { grid-column: span 1 / span 1; }
.grid .col-span-2 { grid-column: span 2 / span 2; }
.grid .col-span-3 { grid-column: span 3 / span 3; }
.grid .col-span-4 { grid-column: span 4 / span 4; }

.grid.gap-x-1 { column-gap: 0.25rem; }
.grid.gap-x-2 { column-gap: 0.5rem; }
.grid.gap-x-3 { column-gap: 0.75rem; }
.grid.gap-x-4 { column-gap: 1rem; }

.w-1\/5	{ width: 20%; }
.w-4\/5	{ width: 80%; }
.w-1\/4 { width: 25%; }
.w-3\/4 { width: 75%; }
.w-1\/2 { width: 50%; }
.w-1\/3 { width: 33.33333%; }
.w-2\/3 { width: 66.66667%; }
.w-1\/6 { width: 16.66667%; }
.w-full { width: 100%; }
.w-max { width: max-content; }

.h-full { height: 100%; }

@media (min-width: 1400px) {
	.xl\:w-1\/3 { width: 33.33333%; }
	.xl\:w-1\/2 { width: 50%; }
	.xl\:w-2\/3 { width: 66.66667%; }
}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify {	text-align: justify; }

.align-top { vertical-align: top; }
.align-middle {	vertical-align: middle; }

.italic { font-style: italic; }
.not-italic { font-style: normal; }

.font-bold { font-weight: 700; }
.hover\:font-bold:hover { font-weight: 700; }

.font-normal { font-weight: 400 };
.hover\:font-bold:hover { font-weight: 400; }

.hover\:italic:hover { font-style: italic; }
.hover\:not-italic:hover { font-style: normal; }

.underline { text-decoration: underline; }
.line-through { text-decoration: line-through !important; }
.no-underline { text-decoration: none; }

.hover\:underline:hover { text-decoration: underline !important; }
.hover\:line-through:hover { text-decoration: line-through; }
.hover\:no-underline:hover { text-decoration: none; }

.hidden { display: none; }

.list-none { list-style-type: none; }

.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }

.resize-none { resize: none; }
.resize-y { resize: vertical; }
.resize-x { resize: horizontal; }

.m-0 { margin: 0 !important; }

.p-0 { padding: 0 !important; }

.py-1 {	padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 {	padding-top: 0.5rem; padding-bottom: 0.5rem; }

.ml-1 { margin-left: 0.25rem; }
.pl-1 { padding-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.pl-2 { padding-left: 0.5rem; }

/* Form */

.form {
	width: max-content;
}

.form-group {
	font-size:12px;
	font-weight:normal;
	color:#686868;
}

.form-group label {
	display: block;
	font-size: 0.75rem;
	color: #497C9A;
	padding: 0.375rem 0;
}

.form-group a {
	color: inherit;
	text-decoration: none;
}

.form-group a:hover {
	text-decoration: underline;
}

.form-group label.label--no-color {
	color: inherit;
}

.form-group label.label--hidden {
	color: #686868;
}

.form-group label.label--small {
	padding: 0.2rem 0;
}

.form-group.form-inline label {
	display: inline-block;
	padding-right: 0.75rem; 
}

.form-group.form-inline label:not(:first-child) {
	padding-left: 0.75rem; 
}

.form-group input, .form-group select, .form-group textarea {
	margin-bottom: 0.375rem;
}

.form-group input[type="radio"] {
	margin-right: 0.1875rem;
	margin-left: 0.3125rem;
}

/* Loading */

.html_button .loading {
	vertical-align: middle;
	margin-left: 0.5rem;
	margin-right: -0.5rem;
	animation: spin 3s linear infinite;
}

.loading-anim {
	animation: spin 3s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }	
}

/* Icone */
.icon {
	color: inherit;
	border-radius: 4px;
	transition: color 0.2s ease-out, background 0.2s ease-out;
	margin: 0.125rem;
}

.icon-small svg {
	width: 15px;
	height: 15px;
	margin: 0.25rem;
}

/* Selection diplome */
.selection_diplome {
	width: 45%;
	color: #686868;
	font-size: 12px;
}
.selection_diplome #resultat {
	max-height: 200px;
	overflow: auto;
	padding-right: 0.5rem;
}
.selection_diplome .examen {
	margin-left: 1rem;
	padding: 0.125rem 0.5rem;
	padding-right: 0;
	border-radius: 3px;
	transition: color 0.3s ease-out, background-color 0.3s ease-out;
}

.selection_diplome .examen--unique {
	margin-left: 2.7rem;
}

.selection_diplome .examen--unique button {
	text-align: left;
	height: 100%;
	width: 100%;
}

.selection_diplome .lieu_formation {
	height: 27px;
	margin: 0.125rem 0 0.125rem 2rem;
	padding: 0.125rem 0.5rem;
	border-radius: 3px;
	transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.selection_diplome .lieu_formation .lib_lieu_formation {
	height: 100%;
	display: flex;
	align-items: center;
}
.selection_diplome .lieu_formation button {
	text-align: left;
	height: 100%;
	width: 100%;
}

.selection_diplome .selected_diplome {
	background-color: #e5f3f5;
	color: #008BA0;
}

.selection_diplome .select_diplome:hover {
	background-color: #e5f3f5;
	color: #008BA0;
}

/* Alerte session */
.alerte_session_bg {
	background-color: rgba(0,0,0,0.70);
	width: 100%;	
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	position: fixed;
}

.alerte_session {
	margin-left: auto;
	margin-right: auto;
    position: relative;
    top: 20%;
	width: 400px;
    background: #fff;
    border: 1px solid #D5D5D5;
    border-radius: 0.25em;
    font-size: 14px;
    padding: 8px;
    transition: all 0.4s;
    color:#000;
    display: flex;
	align-items: center;
}

.alerte_session_content {
	flex: 1;
	margin-left: 20px; 
}
.alerte_session_title {
	font-weight: 700;
}

/* Alerte maintenance */
.alerte_maintenance {
	display: none;
	width: 35%;
	background: #F9E8A0;
	margin: 2px auto;
	padding: 8px;
	color: #C29D0B;
	border: 1px solid #F1C40F;
	border-radius: 0.25rem;
	font-size: 13px;
}

.alerte_maintenance ul {
	margin: 0;
	padding-left: 15px;
	list-style-type: none;
}

.alerte_maintenance small {
	padding-left: 15px;
	display: block;
}

/* Planning soutenance stage */

.planning_soutenance {
	font-size: 12px;
	margin-bottom: 8px;
	color:#686868;
}
.planning_soutenance .planning_groupe:not(:first-child) {
	padding-left: 15px;	
}

.planning_soutenance .intitule {
	padding: 12px 0px;
	font-weight: 700;
	color: #497C9A;
}

.planning_soutenance .intitule a {
	text-decoration: none;
	color: #497C9A;
}

.planning_soutenance .creneau:hover { background-color: #FAFAFA; }
.planning_soutenance .creneau.bloque { background-color: #E0E0E0; }

.planning_soutenance .intitule a:hover { text-decoration: underline; }

.planning_soutenance .horaire {
	height: 35px;
	padding: 2px 4px;
	margin-top: -1px;
	margin-right: -1px;
	border: 1px dotted #E5E5E5;
	border-left: none; 
}

.planning_soutenance .dispo {
    width: 6px;
    z-index: 1;
}

.planning_soutenance .dispo.disponible { background-color: #8BC34A; }
.planning_soutenance .dispo.indisponible { background-color: #B71C1C; }
.planning_soutenance .dispo.bloque { background-color: #9E9E9E; }

.planning_soutenance .demi_journee { min-height: 35px; }

.planning_soutenance .detail_creneau {
	height: 35px;
	padding: 2px 4px;
	margin-top: -1px;
	border: 1px solid #E5E5E5;
}

.planning_soutenance .detail_creneau .btn_creneau_action {
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}
.planning_soutenance .detail_creneau:hover .btn_creneau_action { 
	opacity: 1;
	visibility: visible;
}

.planning_soutenance .creneau_separateur {
	height: 15px;
	background-color: #ECEFF1;
}

.planning_soutenance .action {
	position: relative;	
}

.planning_soutenance .creneau_action_menu {
	display: none;
	position: absolute;
	top: 16px;
	right: -4px;
	z-index: 1;
	background: #fff;
	border: 1px solid #D5D5D5;
	border-radius: 0.25em;
	width: 200px;
	font-size: 12px;
}
.planning_soutenance .creneau_action_menu ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}
.planning_soutenance .creneau_action_menu ul li:not(:last-child) {
	border-bottom: 1px solid #D5D5D5;
}
.planning_soutenance .creneau_action_menu ul li {
	padding: 5px 15px;
	cursor: pointer
}
.planning_soutenance .creneau_action_menu ul li:hover {
	background: #FAFAFA;
}

.soutenance_affectation_stage .stage {
	padding: 4px 2px;
	margin-bottom: 2px;
}
.soutenance_affectation_stage .stage:hover {
	background-color: #F5F5F5;
	border-radius: 0.125rem;
}
.soutenance_affectation_stage .stage.select {
	background-color: #F5F5F5;
	border-radius: 0.125rem;
	font-weight: 700;
}

.planning_affectation_stage div { margin-bottom: -1px; }

.planning_affectation_stage .creneau {
	height: 35px;
	border: 1px solid #E5E5E5;
}

.planning_affectation_stage .date { border-left: 1px solid #E5E5E5; }
.planning_affectation_stage .dt_creneau { border-top: 1px solid #E5E5E5; }

.planning_affectation_stage .salle { border-left: 1px solid #E5E5E5; }
.planning_affectation_stage .intitule_salle { border-top: 1px solid #E5E5E5; }

.planning_affectation_stage.last { border-top: 1px solid #E5E5E5; }

.planning_affectation_stage .creneau .btn_creneau_action {
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}

.planning_affectation_stage .creneau:hover .btn_creneau_action { 
	opacity: 1;
	visibility: visible;
}

.planning_affectation_stage .action { position: relative; }

.soutenance_tabbord .icon_save { display: none; vertical-align: middle; }

.soutenance_tabbord input[type=text] { border: 0; border-bottom: 2px solid #d1d1d1; padding: 4px 8px; border-radius: 2px; margin: 4px 0px 6px 0px; color: #565656; transition: all 0.4s; outline: none; }


textarea.textarea-debounce {
    border: 0;
    padding: 4px 8px;
    border-radius: 2px;
    transition: border-color 0.4s;
    border: 1px solid #d1d1d1;
    border-bottom: 2px solid #d1d1d1;
    font-size: 12px;
    outline: none;
}

textarea.textarea-debounce:focus {
    border-color: #a3b1bd;
}

input[type=text].input-debounce {
    border: 0;
    padding: 4px 8px;
    border-radius: 2px;
    transition: border-color 0.4s;
    border: 1px solid #d1d1d1;
    border-bottom: 2px solid #d1d1d1;
    font-size: 12px;
    outline: none;
}
select.input-debounce {
    border: 0;
    padding: 4px 8px;
    border-radius: 2px;
    transition: border-color 0.4s;
    border: 1px solid #d1d1d1;
    border-bottom: 2px solid #d1d1d1;
    font-size: 12px;
    outline: none;
}

input[type=text].border-bottom-only {
	border-right: 0;
	border-left: 0;
	border-top: 0;
}

input[type=text].input-debounce:focus {
    border-color: #a3b1bd;
}

.border-valide {
	border-color: #7bc142;	
}

#liste_mail .mail * { color: #646464; }


/* Gestion preference */
.liste_preference { font-size: 13px; margin: 0px 5px; padding: 8px; color: #686868; }
.liste_preference .categorie .title {
	cursor: pointer;
	display: block;
	padding: 5px;
	margin: 2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #497C9A;
	background-color: #e1f2fc;
	border: 1px solid #a6d0e9;	
}


/*
 * Workflow
 */
 
.workflow.liste-tache {
	font-size: 0.75rem;
	font-weight: normal;
	color: #686868;
	padding: 1rem 0;
}

.workflow.liste-tache .title {
	font-weight: 700;
	padding-bottom: 0.25rem;
}

.workflow.liste-tache .container {
	border: 1px solid #e5e5e5;
	padding: 0.5rem;
}

.workflow.liste-tache .tache:not(:last-child) {
	margin-bottom: 0.5rem;	
}

.workflow.liste-tache .tache {
	position: relative;
	background-color: #F5F5F5;
	padding: 0.75rem 0.5rem;
	cursor: pointer;
	transition: background 0.2s,
				transform 0.2s;
}

.workflow.liste-tache .tache .btn_inutilise {
	position: absolute;
	top: 9px;
	right: 12px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s,
				transform 0.2s ease-in;
}

.workflow.liste-tache .regroupement:not(:last-child) {
	padding-bottom: 0.75rem;
}

.workflow.liste-tache .regroupement:not(:first-child) {
	padding-top: 0.5rem;
}

.workflow.liste-tache .regroupement .title {
	color: #497C9A;
}

.workflow.liste-tache .regroupement .tache {
	margin-left: 1rem;
}

.workflow.liste-tache .container:hover .tache {
	color: #9E9E9E;
}

.workflow.liste-tache .container .tache:hover {
	background-color: #E0E0E0;
	transform: translateX(0.25rem);
	color: #686868;
}

.workflow.liste-tache .tache:hover .btn_inutilise {
	opacity: 0.2;
	visibility: visible;
	transform: translateX(4px);
}

.workflow.liste-tache .tache:hover .btn_inutilise:hover {
	opacity: 1;
	visibility: visible;
}

.workflow.liste-tache .tache-realisee:not(:last-child) {
	margin-bottom: 0.5rem;	
}

.workflow.liste-tache .tache-realisee {
	background-color: #F5F5F5;
	padding: 0.75rem 0.5rem;
	transition: background 0.2s;
}

.workflow.liste-tache .regroupement .tache-realisee {
	margin-left: 1rem;
}

.workflow.liste-tache .container:hover .tache-realisee {
	color: #9E9E9E;
}

.workflow.liste-tache .container .tache-realisee:hover {
	background-color: #E0E0E0;
	color: #686868;
}

.workflow.liste-tache .tache-inutilise {
	position: relative;
	background-color: #F5F5F5;
	padding: 0.75rem 0.5rem;
	font-style: italic;
	color: #BDBDBD;
	transition: background 0.2s,
				transform 0.2s;
}

.workflow.liste-tache .tache-inutilise .btn_inutilise {
	position: absolute;
	top: 9px;
	right: 12px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s,
				transform 0.2s ease-in;
}

.workflow.liste-tache .tache-inutilise:not(:last-child) {
	margin-bottom: 0.5rem;	
}

.workflow.liste-tache ul .tache-inutilise:hover {
	background-color: #E0E0E0;
	color: #686868;
}

.workflow.liste-tache .tache-inutilise:hover .btn_inutilise {
	opacity: 0.2;
	visibility: visible;
	transform: translateX(4px);
}

.workflow.liste-tache .tache-inutilise:hover .btn_inutilise:hover {
	opacity: 1;
	visibility: visible;
}


.workflow.liste-tache .tache.tache-disabled {
	cursor: default;	
}

.workflow.liste-tache .tache.tache-disabled:hover {
	background-color: #f5f5f5;
	transform: none;
	color: #686868;
}

.workflow.liste-tache .tache-realisee.tache-disabled:hover {
	background-color: #f5f5f5;
	transform: none;
	color: #686868;
}

.workflow.liste-tache ul:hover .tache.tache-disabled {
	color: #686868;
}
.workflow.liste-tache ul:hover .tache-inutilise.tache-disabled {
	color: #BDBDBD;
}

.workflow.liste-tache ul:hover .tache-realisee.tache-disabled  {
	color: #686868;
}

/*
 * Convention de formation
 */

.convention_formation .liste_detail .pave_detail,
.convention_formation .liste_echeance .echeance {
	border: 1px solid #e5e5e5;
	margin: 1rem 0;
	padding: 0.75rem;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.convention_formation .liste_detail .pave_detail .title {
	font-size: 0.875rem;
	color: #497C9A;
}

.convention_formation .liste_detail td, .convention_formation .liste_detail th {
	height: 30px;
}

.convention_formation .liste_detail .liste_cout .total td,
.convention_formation .liste_detail .total_pec td,
.convention_formation .liste_detail .total_n_pec td,
.convention_formation .liste_detail .liste_echeancier .total td,
.convention_formation .liste_detail .liste_compte .total td {
	background: #FFF;
}

.convention_formation .liste_echeance .echeance {
	min-height: 3rem;
	color: #686868;
	font-size: 12px;
}

.convention_formation .liste_echeance .echeance .action-position {
	min-width: 20px;
}

.convention_formation .liste_echeance .echeance .position {
	color: #9E9E9E;
	font-size: 3rem;
	padding: 0 0.5rem;
}

.convention_formation .liste_echeance .echeance .content {
	padding-left: 0.5rem;
}

.text-error { color: #F44336; }
.text-warning { color: #F57C00; }
.text-success { color: #4CAF50; }


.tabbord .liste_select_tabbord {
	overflow-y: auto;
	max-height: 100px;
}

.tabbord_suivi_fin_tiers .sidebar {
	width: 300px;
	height: 700px;
	margin-top: -1px;
}

.tabbord_suivi_fin_tiers .liste_service,
.tabbord_suivi_fin_tiers .liste_personne {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-y: auto; 
}

.tabbord_suivi_fin_tiers .liste_service li:first-child,
.tabbord_suivi_fin_tiers .liste_personne li:first-child {
	border-top: 1px solid #e5e5e5;	
}

.tabbord_suivi_fin_tiers .liste_service li,
.tabbord_suivi_fin_tiers .liste_personne li {
	padding: 0.75rem 0.5rem;
	color: #497C9A;
	font-size: 13px;
	font-weight: 700;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer;
	transition: background-color 0.2s;
}

.tabbord_suivi_fin_tiers .liste_service li.selected,
.tabbord_suivi_fin_tiers .liste_personne li.selected {
	background-color: #EEF4FE;
}

.tabbord_suivi_fin_tiers .liste_service li:hover,
.tabbord_suivi_fin_tiers .liste_personne li:hover {
	background-color: #EEEEEE;
}

.tabbord_suivi_fin_tiers .liste_service li:focus,
.tabbord_suivi_fin_tiers .liste_personne li:focus {
	background-color: #EEEEEE;
	outline: none;
}


.tabbord_suivi_fin_tiers .financeur {
	margin: 0.5rem;	
	padding: 0.5rem;	
}


.convention_formation .liste_wf_tache .tache {
	background: #f5f5f5;
	padding: 0.5rem 0.75rem;
	height: 35px;
}
.convention_formation .liste_wf_tache .tache:not(:last-child) {
    margin-bottom: 0.5rem;
}

.convention_formation .liste_wf_tache .tache.tache-disabled * {
	color: #BDBDBD;;
}

.convention_formation .liste_wf_tache .tache div {
	padding: 0 0.5rem;	
}

.convention_formation .liste_wf_tache .tache .position {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.convention_formation .liste_wf_tache .tache .intitule .intitule_tache {
	width: 65%;
}

.convention_formation .liste_wf_tache .tache .active {
	width: 8%;
}

/* SELECTION FORMATION */
.selection-formation {
	max-height: 260px;
	overflow-x: auto;
}

.selection-formation .composante {
	margin-bottom: 0.75rem;
	padding: 0 0.5rem;
	border: 1px solid #e5e5e5;
}

.selection-formation .ctn {
	background: #fbfbfb;
	margin-bottom: 0.75rem;
	border: 1px solid #e5e5e5;
}

.selection-formation .nom_composante, .selection-formation  .nom_ctn {
	padding: 0.25rem 0;
	font-size: 13px;
	font-weight: 700;
	color: #497C9A;
}

.selection-formation .nom_ctn {
	padding-left: 1rem;
}
	
.selection-formation .formation {
	padding: 0.25rem 0;
	padding-left: 2rem;
	font-size: 0.75rem;
	border-top: 1px dotted #e5e5e5;
}

/* VAE LIVRET */

.vae_livret .liste_piece {
	font-size: 0.75rem;
	font-weight: normal;
	color: #686868;	
}

.vae_livret .liste_piece .piece {
	display: flex;
	align-items: center;
	width: calc(100% - 20px);
	background-color: #F5F5F5;
	padding: 0.75rem 0.5rem;
	transition: background 0.2s,
				transform 0.2s;
}
.vae_livret .liste_piece .piece:not(:last-child) {
	margin-bottom: 0.5rem;
}

.vae_livret .liste_piece .piece.piece-small {
	padding: 0.25rem 0.5rem;
}

.vae_livret .liste_piece .piece.piece-small:not(:last-child) {
	margin-bottom: 0.25rem;
}

.vae_livret .liste_piece .piece:hover {
	background-color: #e0e0e0;
}

.vae_livret .liste_piece .piece div {
	padding: 0 0.5rem;
}

.vae_livret .liste_piece .piece a {
	color: #686868;
	transition: color 0.2s;
}

.vae_livret .liste_piece .piece a:hover {
	color: #9E9E9E;
}

.vae_livret .liste_piece .piece .num_rubrique {
	font-weight: 700;
	font-size: 0.875rem;
}
.vae_livret .liste_piece .piece .description_piece {
	flex-grow: 1;
}

.vae_livret .liste_piece .piece .action {
	width: 115px;
	flex-shrink: 0;
}

/* VAE entretien */
.vae_entretien .liste_entretiens .entretien {
	background: #f9f9f9;
	border: 1px solid rgba(0,0,0,.125);
	padding: 0.5rem 0.75rem;
}

.vae_entretien .liste_entretiens .entretien:not(:first-child) {
	margin-top: 0.75rem;	
}

.vae_atelier .liste_entretiens .entretien:not(:first-child) {
	margin-top: 0.75rem;	
}

/* VAE jury */
.vae_jury .liste_inscriptions .inscription {
	background: #f9f9f9;
	border: 1px solid rgba(0,0,0,.125);
	padding: 0.5rem 0.75rem;
}

.vae_jury .liste_inscriptions .inscription:not(:first-child) {
	margin-top: 0.75rem;	
}

/* VAE atelier */

.vae_atelier .liste_inscriptions .inscription {
	background: #f9f9f9;
	border: 1px solid rgba(0,0,0,.125);
	padding: 0.5rem 0.75rem;
	color: #497C9A;
}

.vae_atelier .liste_inscriptions .inscription:not(:first-child) {
	margin-top: 0.75rem;	
}

.vae_atelier .liste_inscriptions .inscription .theme {
	font-size: 1.05rem;
	padding-bottom: 1rem;
}

.vae_atelier .liste_inscriptions .inscription .theme a {
	text-decoration: none;
	color: #497C9A;
}
.vae_atelier .liste_inscriptions .inscription .theme a:hover {
	text-decoration: underline;
}

.vae_atelier .liste_inscriptions .inscription .info {
	font-size: 0.75rem;
	padding-bottom: 0.5rem;
}


/* RE DOSSIER */
.re_dossier .liste_piece {
	font-size: 0.75rem;
	font-weight: normal;
	color: #686868;	
}

.re_dossier .liste_piece .piece {
	display: flex;
	align-items: center;
	width: calc(100% - 20px);
	background-color: #F5F5F5;
	padding: 0.75rem 0.5rem;
	transition: background 0.2s,
				transform 0.2s;
}

@media (min-width: 1280px) {
	.re_dossier .liste_piece .piece {
		width: calc(75% - 20px);
	}
}
@media (min-width: 1400px) {
	.re_dossier .liste_piece .piece {
		width: calc(50% - 20px);
	}
}

.re_dossier .liste_piece .piece:not(:last-child) {
	margin-bottom: 0.5rem;
}

.re_dossier .liste_piece .piece:hover {
	background-color: #e0e0e0;
}

.re_dossier .liste_piece .piece div {
	padding: 0 0.5rem;
}

.re_dossier .liste_piece .piece a {
	color: #686868;
	transition: color 0.2s;
}

.re_dossier .liste_piece .piece a:hover {
	color: #9E9E9E;
}

.re_dossier .liste_piece .piece .description_piece {
	flex-grow: 1;
}

.re_dossier .liste_piece .piece .action {
	width: 115px;
	flex-shrink: 0;
}

/* re_squelette */
.re_squelette .liste_rubrique {
	display: flex;
	flex-direction: column;	
}

.re_squelette .liste_rubrique .rubrique {
	display: flex;
	align-items: center;
	background: #f5f5f5;
	padding: 0.5rem 0.75rem;
	height: 35px;
	color:#686868;
}

.re_squelette .liste_rubrique .rubrique.rubrique--small {
	height: 20px;
}

.re_squelette .liste_rubrique .rubrique:not(:last-child) {
    margin-bottom: 0.5rem;
}

.re_squelette .liste_rubrique .rubrique div {
	padding: 0 0.5rem;
}

.re_squelette .liste_rubrique .rubrique .position {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.re_squelette .liste_rubrique .rubrique .intitule {
	flex-grow: 1;
	font-size: 0.75rem;
}
.re_squelette .liste_rubrique .rubrique .intitule input {
	width: 65%;
}

.re_dossier .titre_rubrique {
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
}

.re_dossier .liste_cout .total td {
	background: #FFF;
}

.re_dossier .liste_cout td, 
.re_dossier .liste_cout th,
.re_dossier .liste_assiduite td {
	height: 30px;
}

.re_dossier .liste_assiduite .action_fichier {
	display: flex;
	justify-content: center;
	align-items: center;
}

.re_dossier .liste_assiduite .action_fichier img {
	height: 16px;
}

.re_dossier .liste_absence td {
	height: 20px;
}

/* Edition document */
.source-donnees {
	background: #f9f9f9;
	border: 1px solid rgba(0,0,0,.125);
	padding: 8px;
	margin-bottom: 10px;
	color: #686868;
	font-size: 0.75rem;
}
.source-donnees .source-donnees__entete {
	display: flex;
	align-items: center;
}

.source-donnees .source-donnees__entete .entete__action,
.source-donnees .source-donnees__entete .entete__selection,
.source-donnees .source-donnees__entete .entete__nom {
	padding: 0 0.25rem;
}

.source-donnees .source-donnees__entete .entete__selection input {
	margin: 0;	
}

.source-donnees .source-donnees__entete .entete__action .btn_moins {
	display: none;	
}

.source-donnees .source-donnees__champs {
	display: none;
}

.source-donnees .source-donnees__champs ul {
	max-height: 250px;
	overflow-y: auto;
}

#btn_haut_page{
	display: inline-block;
 	background-color: #5da1c0;
  	width: 35px;
  	height: 35px;
  	padding:4px;
  	text-align: center;
  	border-radius: 30px;
  	position: fixed;
  	bottom: 30px;
  	right: 30px;
  	transition: background-color .3s, 
    opacity .5s, visibility .5s;
  	opacity: 0;
  	visibility: hidden;
  	z-index: 1000;
}

#btn_haut_page.show {
	opacity: 1;
  	visibility: visible;
}

.pave_liste{
	background-color: #ffffff;
	color:#5da2c1;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	border-bottom: 1px solid #efefef;
	border-radius: 2px;
	padding:10px;
	margin:10px;
	width:90%;
}

.pave_liste div{font-size:0.9em;}
.pave_liste a{color:#686868; font-weight:normal; font-size:1em;text-decoration:none;}
.pave_liste a:hover{cursor: pointer; font-weight:normal; font-size:1em; text-decoration:underline;}

/*CKEDITOR 5*/
.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items { font-size: 10px; }
.ck.ck-editor__editable > .ck-placeholder::before {color:#a3a3a3;margin-left:10px;}
.ck.ck-editor__editable.ck-focused{outline:none;}
.ck-focused{border-color: var(--ck-color-base-border) !important;border-bottom: 2px solid #a3b1bd;}
.ck.ck-reset.ck-editor {border: 0; border-bottom: 2px solid #d1d1d1; width: 76%; color: #565656; transition: border-color 0.4s; outline: none; }
.content_ckeditor {display:flex;}
.ck-content p { margin: 0; padding:0; padding-left: 10px; color: #565656; font-size: 12px; }
.description_question_readonly{border: 0; border-bottom: 2px solid #d1d1d1; width: 75%; padding: 4px 8px; border-radius: 2px;background-color:white;}

.description_fiche, .description_fiche p, .description_question_readonly p, .description_fiche_readonly p, .description_question p, .contenu_reponse_readonly p{color:#646464;font-size: 12px; padding: 0; padding-left: 10px;}
.contenu_reponse_readonly{background-color:white;padding: 0.75rem 0.5rem;border: 1px solid #d1d1d1;color:#646464;font-size: 12px;}