@CHARSET "ISO-8859-1";


/* global 
	* -------------------------------------------------------------------------------------------------------------------------- */

body {margin:0; padding:0;}
	
/* 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{}	
	
h1 {padding-top:10px;}
hr {height: 0px; margin: -0.5px 0; padding: 0; border:0;}	
form {margin:0; padding:0;} 

.menu_corps_table {border-collapse:collapse; width:100%;}
	
.button_img {cursor:pointer; border:none;}
.btn_rech, .btn_param, .btn_valide, .btn_creer, .btn_suppr, .btn_visu, .btn_envoi, .btn_delete, .btn_actu {cursor:pointer;}
	
.table_corps {width:1200px;}
.body_thickbox {margin:0; padding:0;}

.recherche_input {width:170px; font-size:11px; font-weight:normal;}
.list_critere {width:100px; font-size: 11px; font-weight: normal;}
.message_erreur {display:block; color:red; font-size:12px; font-weight:normal; padding:5px;}

/* 20180827 */
.bandeau_page {width:100%; height:152px;}
.entete_page {position:relative;width:100%;}
.identite{}
.btn {cursor:pointer;}
.separator{clear:both;}

.bandeau_menu {width:100%;position:absolute;top:114px;}
.element_menu{}
.element_menu a {display:block;}
.element_menu_select{}





/* accordéon (stage, réseau ...)*/
* -------------------------------------------------------------------------------------------------------------------------- */
.menu_div {padding:5px;}
.menu_encadre {}
.menu_titre {cursor:pointer;display:block;padding:5px;margin:2px;}
.menu_contenu {}
.menu_contenu table {margin:5px 0px 5px 0px;}
.menu_contenu tr {vertical-align:top;}
.menu_contenu td {padding:0px 5px 5px 5px;}
.menu_contenu select, .menu_contenu input {width:100%;}
.titre_menu {padding: 10px; }
.titre_menu a {}
.menu_contenu p {}
.basic_a {}
.basic_a:hover {}
.basic_ajout {}
.basic_ajout:hover {}

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

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

.encadre_div {}
.encadre_div p {padding:10px 0px 0px 10px;}
.encadre_recherche { padding:5px; margin-bottom:5px;}
.encadre_entete {padding:5px;}
.encadre_entete, .encadre_entete * {}
.encadre_entete p {padding:0px; margin:0px;}
.encadre_entete a {}
.encadre_entete a:hover {}
.encadre_entete select, .encadre_entete option {}
.encadre_titre a { cursor:pointer;}
.encadre_titre a:hover { cursor:pointer;}
.entete_action {border-collapse:collapse; margin-top:5px;}
.entete_action td {padding:0px 5px 0px 5px; }

.encadre_pied {}
.encadre_pied_droit {}
.encadre_detail {padding:0px 10px 0px 10px; margin:5px;  clear:both;}
.encadre_detail legend {}
.encadre_titre {padding:0px 10px 0px 10px; margin:5px;  clear:both;}


.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%; border:0px solid orange;}
.detail_td {padding:2px 5px 2px 5px; margin:0px; }

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

.contenu_hidden {}
.contenu_hidden td * {margin:2px 0px 2px 0px;}

.contenu_non_hidden {}
.contenu_non_hidden td * {margin:2px 0px 2px 0px;}

.lib_champ_titre, .lib_champ_titre a {}
.lib_champ, .lib_champ a {}
.lib_champ_hidden, .lib_champ_hidden a {}

.valeur_champ {}
.valeur_champ textarea {}
.valeur_champ a {}
.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_50 {width:50%; font-size:11px; font-weight:normal;}
.input_champ_4c {width:30px; font-size:11px; font-weight:normal;}
.input_champ_5c {width:40px; font-size:11px; font-weight:normal;}
.input_champ_6c {width:45px; 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;}



/* page resultat de recherche (offre de stage, catalogue de stage) 
	* -------------------------------------------------------------------------------------------------------------------------- */
.encadre_resultat {height: 520px; overflow-y:scroll; margin:2px; padding:2px;}
.resultat_titre {display:block; height:30px;}
.resultat_table {border-collapse:collapse;}
.resultat_table th, .resultat_table th a {}
.resultat_table th {padding:5px;}
.resultat_table td, .table_result td a {}
.resultat_table td {padding:0px 5px 0px 5px; cursor:pointer;}
.resultat_table span {display:block; }	
.ligne_1, .ligne_1 a, #ligne_1, #ligne_1 a {}
.ligne_2, .ligne_2 a, #ligne_2, #ligne_2 a {}

/* page de sélection thickbox 
	* -------------------------------------------------------------------------------------------------------------------------- */
.thickbox_div {padding:5px;}
.result_thickbox {border-collapse:collapse; width:100%; }
.result_thickbox td {padding:5px; }
.result_thickbox tr {}	
.result_thickbox_entete {}
.result_thickbox_info {cursor:pointer; }
.result_thickbox_info:hover {cursor:pointer;}


/* Tableau de présentation de données
	* -------------------------------------------------------------------------------------------------------------------------- */
.liste_table_centrer td {padding-right:10px; text-align:center;}
.liste_table_ligne td {padding-top:5px;}
.bgcolor_liste_titre {}
.bgcolor_liste_titre a {}
.bgcolor_liste_sstotal {}
.bgcolor_liste {}
.bgcolor_liste a {}
.bgcolor_liste_off {}
.bgcolor_liste_off a {}
.bgcolor_liste_select {}
.bgcolor_liste_select a {}
.bgcolor_liste_hover {}
.bgcolor_liste_hover a {}
.bgcolor_liste_hover a:hover {}
.bgcolor_liste_select_hover {}
.bgcolor_liste_select_hover a {}
.bgcolor_liste_select_hover a:hover {}
.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 {padding-top:5px;}


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


/* Ajout 20180828 */
.corps_page {
    display: block;
    margin-top: 2px;
    width: 95%;
    min-height: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-left:10px;
}
	
/* 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; }

/* 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 { 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 { background-color: #90A4AE; }

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

.lea_fe_fiche_item-signe { background-color: #4CAF50; }
.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:#000000;
}

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

.lea_fe_fiche_item: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 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_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;
}

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

.description_question {padding:15px 0 15px 0;color:#646464;} /*20230330 Modification suite à l'ajout de CKEDITOR*/
	
/* Stage */
.stage-info-conv .form-group {
	padding: 0 0.25rem;	
}
	
/* Tableau */
.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-stripe > tbody > tr:nth-child(even) { background-color: #fbfbfb; }

.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, .table th { color: #497C9A; text-align: center; 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;
}
	
/* Form */

.form {
	width: max-content;
}

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

.form-group label {
	display: block;
	font-size: 0.75rem;
	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;
}
	
/*
 * 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; }
.content-center { align-content: center; }
.self-center { align-self: 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.66667%; }
.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; }

.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; }
.hover\:line-through:hover { text-decoration: line-through; }
.hover\:no-underline:hover { text-decoration: none; }

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

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

.v_align_top { vertical-align: top; }
	
.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; }
	
.pave_demarche {
	background: #f9f9f9;
	border: 1px solid rgba(0,0,0,.125);
	padding: 8px;
	margin-bottom: 10px;
	width: 60%;
}

/*CKEDITOR 5*/
.pave_question .ck-content p { margin: 0; padding:0; padding-left: 10px; color: gray; font-size: 12px; }
body .ck-content {color: gray;}
.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items { font-size: 10px; }
.ck-focused{border-color: var(--ck-color-base-border) !important;border-bottom: 2px solid #a3b1bd;}

.description_question p{color:#646464;}
.description_fiche{color:#646464;}
.contenu_reponse_readonly{background-color:white;padding: 4px 8px;border: 1px solid #d1d1d1;color:#646464;font-size: 12px;}
.contenu_reponse_readonly p {color:#646464;}