@CHARSET "ISO-8859-1";


body {margin: 0;padding:0;font-family:Arial,Helvetica,sans-serif;}

hr {
	height: 0px;
	margin: -0.5px 0;
	padding: 0;
	border:0;
	border-bottom: 1px #e5e5e5 solid;
}

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;}

/* Page d'authentification */
.pave_authentification {width:800px;margin-left:auto;margin-right:auto;}
.pave_authentification_titre {}
.pave_authentification_texte {display:table-cell;}
.pave_authentification_formulaire {display:table-cell;width:400px;}
.pave_authentification_bas_page {}
	
	
/* Page de changement obligatoire de mot de passe */
.pave_chg_mdp {width:800px;margin-left:auto;margin-right:auto;}
.pave_chg_mdp_titre {}
.pave_chg_mdp_soustitre {}
.pave_chg_mdp_texte {display:table-cell;}
.pave_chg_mdp_formulaire {display:table-cell;}
.div_verif{width:10px;height:10px;display:table-cell;padding:10 10 10 10;}
.verif_ok{}
.verif_ko{}	


	
.bandeau_page {width:100%; height:152px;}
.entete_page {width:1300px; margin-left: auto;margin-right: auto;}
.logo {width:170px;height:110px;display:table-cell;}
.recherche {width:830px;height:110px;display:table-cell;padding-left:20px;}
.identite{width:300px;height:110px;display:table-cell;vertical-align:bottom;}
.btn {cursor:pointer;}
.separator{clear:both;}

.bandeau_menu {width:100%;display:block;}
.element_menu{display:table-cell;}
.element_menu a {display:block;font-size:18px;}
.element_menu_select{}

.bandeau_sous_menu {width:1300px; margin-left: auto;margin-right: auto;}
.element_sous_menu{display:table-cell;height:20px;text-align:center;padding:2px 30px 2px 30px;}
.element_sous_menu a {display:block;font-size:16px;}
.element_sous_menu_select a {display:block;font-size:16px;}

.corps_page{display:block;width:1300px;min-height:600px;margin-left: auto;margin-right: auto;padding-top:10px;padding-bottom: 1px;}
.sous_corps_page{padding-left:10px;font-size:14px;padding-right:10px;}
.fiche{padding-bottom:10px;}


.lib_champ_titre, .lib_champ_titre a {font-size:14px; font-weight:bold; }
.lib_champ, .lib_champ a {font-size:12px; font-weight:normal;}
.lib_champ_hidden, .lib_champ_hidden a {font-size:12px; font-weight:normal; }

.valeur_champ {font-size:12px; font-weight:normal; }
.valeur_champ textarea {width:100%;}
.valeur_champ a {font-size:12px; font-weight:normal; }
.valeur_champ a:hover {}

.input_champ {width:90%; font-size:11px; font-weight:normal;}
.input_champ_120 {width:70%; max-width:120px; font-size:11px; font-weight:normal;}
.input_champ_98 {width:98%; font-size:11px; font-weight:normal;}
.input_champ_100 {width:100%; font-size:11px; font-weight:normal;}
.input_champ_4c {width:30px !important; font-size:11px; font-weight:normal;}
.input_champ_5c {width:40px; font-size:11px; font-weight:normal;}
.input_champ_8c {width:60px; font-size:11px; font-weight:normal;}
.input_champ_9c {width:60px; font-size:11px; font-weight:normal;}
.input_champ_14c {width:90px; font-size:11px; font-weight:normal;}
.input_champ_20c {width:130px; font-size:11px; font-weight:normal;}
.input_champ_50c {width:320px; font-size:11px; font-weight:normal;}
.input_champ_civilite {width:70px; font-size:11px; font-weight:normal;}
.input_champ_identite {width:110px; font-size:11px; font-weight:normal;}
.input_champ_cp {width:40px; font-size:11px; font-weight:normal;}
.input_champ_ville {width:180px; font-size:11px; font-weight:normal;}
.input_champ_date {width:70px; font-size:11px; font-weight:normal;}
.input_champ_montant {width:70px; font-size:11px; font-weight:normal; text-align: right;}
.input_champ_annee {width:40px; font-size:11px; font-weight:normal; text-align: left;}
.input_champ_time { width:70px; font-size:11px; font-weight:normal; color:#686868; width: 30px; }
.input_free { font-size:11px; font-weight:normal; color:#686868;}
	
.message_erreur {display:block; color:#ae1737; font-size:12px; font-weight:normal;height:20px;padding-top:8px; padding-left:22px;background-image:url("../images/warning.png");background-repeat: no-repeat;}


.encadre_detail {padding:0px 10px 0px 10px; margin:5px; clear:both;}
.encadre_detail legend {}
.contenu_table {border-collapse:collapse; width:100%;}
.detail_table {border-collapse:collapse; width:100%;}
.contenu_hidden {}

/* Page d'accueil : */
.titre_page {font-size:23px;padding-bottom:10px;padding-left:10px;}
.pave_action {width:1060px;/*height:100px;*/margin-left:auto;margin-right:auto;margin-bottom:15px;padding: 5px;}
.pave_action_titre {font-size:20px;height:20px;display:table-cell;width:800px;padding-left:10px;}
.pave_action_echeance{font-size:12px; display:table-cell;text-align:right;width:250px;padding-right:5px;}
.pave_action_description{font-size:14px; display:block;padding-top:10px;padding-left:25px;}


/* Les tableaux r�capitulatifs */
.bgcolor_liste_titre {}
.bgcolor_liste_titre a {}
.bgcolor_liste {}
.bgcolor_liste a {}
.bgcolor_liste_hover {}
.bgcolor_liste_hover a {}
.bgcolor_liste_hover a:hover {}

/* L.E.A. 
* ----------------------- */
.btn_up:hover { transform: translateY(-1px); }
.btn_down:hover { transform: translateY(1px); }

.btn_delete_doc, .btn_delete_fe_signataire, .btn_suppr_destinataire { transition: all 0.4s }
.btn_delete_doc:hover, .btn_delete_fe_signataire:hover, .btn_suppr_destinataire:hover { filter: sepia(25%) saturate(10000%) hue-rotate(-3deg); }

.pave_lea {width:1090px;margin-left:auto;margin-right:auto;margin-bottom:15px;padding: 5px;}
.pave_lea_titre {font-size:20px;height:20px;padding-left:10px;padding-bottom:10px;}
.pave_lea_description {font-size:16px;padding-left:30px;}
.pave_lea_description a {}


.contenant_lea_onglet{width:1100px;}
.lea_onglet{display:table-cell;width:550px;text-align:center;vertical-align:middle;cursor:pointer;height:50px;}
.lea_onglet_select{}
.titre_fiche_lea{font-size:20px;text-align:center;width:100%;padding-top:10px;padding-bottom:10px;}
.div_fiche_lea{padding-left:20px;}

.lea_periode{display:table-cell;width:550px;text-align:center;padding-bottom:15px;}

#liste_dispositif {overflow-y:auto;display:block;max-height: 105px;}

.pave_calend_form { width: 98%; min-height: 45px; background: #f9f9f9; border: 1px solid rgba(0,0,0,.125); margin-top: 8px; padding: 4px; position: relative; }
.pave_calend_form .calend_form_info { width: 70%; }
.pave_calend_form .calend_form_info a { color: #e9ac20; font-size: 16px; font-weight: 700; }
.pave_calend_form .calend_form_dispositif { color: #3570a2; width: 30%; position: absolute; top: 4px; right: -4px; }

.titre_calend { color: #e9ac20; font-size: 16px; font-weight: 700; }

/* entete des pages du LEA d'un apprenti */
.entete_lea_identite_app {}
.entete_lea_texte{}
.entete_lea_lib_form{}
.entete_lea_nom_structure {}
.entete_lea_identite_ma {}
.entete_lea_soustitre{}
.entete_lea_list_doc{}

/* 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; }

/* 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;
    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; }
#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 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: all 0.4s; }
.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; } /*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; }
.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;
}



/* 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; font-size:12px; }
.trSaisie {background-color:#F4F4F4; font-style:italic;}

/* page de s�lection thickbox 
* -------------------------------------------------------------------------------------------------------------------------- */

.body_thickbox {margin:0; padding:0;}
.thickbox_div {padding:5px;}
.result_thickbox {border-collapse:collapse; width:100%; }
.result_thickbox td {padding:5px; }
.result_thickbox_entete {font-size:13px; font-weight:bold; }
.result_thickbox_info {font-size:12px; cursor:pointer; }
.result_thickbox_info:hover {font-size:12px;cursor:pointer; }
.result_thickbox_info a { color: inherit; }

	
/* page de s�lection thickbox 
* -------------------------------------------------------------------------------------------------------------------------- */

	.html_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:12px;
	font-weight:regular;
	padding:4px 18px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #ffffff;*/
}
.html_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.html_button:active {
	position:relative;
	top:1px;
}

.html_button_disabled {
	background: #f9f9f9 !important;
	color: #a8a8a8 !important;
	cursor: not-allowed !important;	
}

.html_button_disabled:hover {
	background-color:#f9f9f9 !important;	
}


.pave_alumni_echeance{font-size:12px;display:table-cell;text-align:left;width:220px;padding-right:5px;}
.pave_alumni_select{cursor:pointer;font-size:12px;display:table-cell;text-align:left;width:30px;padding-right:5px;/*background-image:url(../images/case_noncochee.png);background-repeat:no-repeat;*/}
.pave_alumni_unselected{background-image:url(../images/case_noncochee.png);background-repeat:no-repeat;}
.pave_alumni_selected{background-image:url(../images/case_cochee.png);background-repeat:no-repeat;}



/* Suivi des envois de message */
.fleche_droite{background-image:url(../images/petite_fleche_droite.png);background-repeat: no-repeat;background-position: left center;}
.fleche_bas{background-image:url(../images/petite_fleche_bas.png);background-repeat: no-repeat;background-position: left center;}



/* 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;
}
a[name="lien_fiche"]{
background-color:transparent;
color:white;
}

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

.description_question {padding:15px 0 15px 0;} /*20230330 Modification suite à l'ajout de CKEDITOR*/

/* 20181126 */
.table { font-size: 12px; border-collapse: collapse; color: #686868; margin: 5px 0px; }
.table a { font-size: 12px; color: #686868; }
.table td { padding: 2px 4px; }

.table-border td:not(:first-child) { border-left: 1px solid #c0c0c0; }

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

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

/* 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; }

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

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

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

.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; }

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

.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; }

.text-base { font-size: 1rem };

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

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

.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; }

.p-0 { padding: 0; }

.py-1 {	padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 {	padding-top: 0.5rem; padding-bottom: 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.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;
}

/* Loading */

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

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

/* Table */
.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-hover > tbody > tr:not(:first-child):not(.tr-hover--exclude):hover > td { background-color: #EEF4FE; }

.table.table-border td:not(:first-child), .table-border 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 .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 }

/* 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; 
	min-width: 31px;
}

.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; }

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;
}

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;	
}

/* Pav� Alternant LEA */
.pave_alternant .contrat {
	margin-left: 0.75rem;
	padding-top: 0.25rem;
}

.pave_alternant .contrat .nom-structure {
	font-weight: 700;
}

.pave_alternant .contrat .rupture {
	font-style: italic;
}
.pave_alternant .contrat .date {
	margin-right: 1rem;
}

.pave_alternant .contrat .liste-livret-calend ul {
	margin: 0;
	padding: 0;
	padding-top: 0.25rem;
	list-style-type: none;
}
.pave_alternant .contrat .liste-livret-calend li {
	padding: 0;
	padding-left: 1.25rem;
}

.v_align_top { vertical-align: top; }
.encadre_recherche {background:white; border:1px solid #E5E5E5; -moz-border-radius:10px; -border-radius:10px; padding:5px; margin-bottom:5px;}
.encadre_titre {padding:0px 10px 0px 10px; margin:5px;}
.div_overflow{overflow: auto;}

/*CKEDITOR 5*/
/*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;}

.content_graph{
	height:100px;
	width:200px;
}

.element_tabbord{
	padding:10px;
	margin: 0 auto;
}

.titre_tabbord{
	font-size:12px;
	font-weight:bold;
}

.encadre_tabbord{
	border: #e5e5e5 1px solid;
}

.indicateur_chiffre_tabbord{
	font-size:50px;
	margin:30px;
}

.flex_container_center{
	display:flex;
	align-items:center;
}