@CHARSET "ISO-8859-1";

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

.page_container{}
	
/* PAGE D ACCUEIL */
#accueil_bandeau_haut{}
#accueil_texte_haut{}
#accueil_texte_accueil{}

#accueil_pave_compte{}







/* CSS avant modification */


/* Page d'authentification */
.pave_authentification {}
.pave_authentification_titre {}
.pave_authentification_texte {display:table-cell;}
.pave_authentification_formulaire {display:table-cell;width:400px;}
.pave_authentification_depot_offre {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;}
.bandeau_page.small {width:100%; height:100px;}
.entete_page {width:1300px; margin-left: auto;margin-right: auto;}
.logo {width:170px;height:110px;display:table-cell;}
.recherche {width:630px;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;}

.profil {
	padding-top: 0.25rem;
	padding-right: 0.25rem;
	display: flex;
	flex-direction: row-reverse;
	background-color:#333333;
	font-size:10px;
	color: #fff;
	text-align: right;
}

.profil a {
	color: #fff;
}

.bandeau_menu {width:100%;display:block;}
.element_menu{display:table-cell;}
.element_menu a {display:block;font-size:20px;}
.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;}
.sous_corps_page{padding-left:10px;padding-right:10px;font-size:14px;}
.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; 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;}
	
.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; border-radius: 0px !important;}
.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; }

/* 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;
    color:#000;
}

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

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

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

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

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

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

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

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

.m-0 { margin: 0; }
.p-0 { padding: 0; }
/**
 * FIN UTILS
 */
 
 /* 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%;
}
.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;
}
 
 /* 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;
}

.select_pays {
	align-self: end;
	flex-grow: 1;
	text-align: end;
	padding: 10px;
}

.selected_pays{
	font-weight: bold;
}

.lang_pays{
	cursor: pointer;
	padding:0 5px;
}

/*CKEDITOR*/
.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;font-size: 12px;}
.contenu_reponse_readonly p {color:#646464;}