@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{
	--sora-font-family:'Asap', sans-serif;
	--sora-font-logo:'Montserrat', sans-serif;
	--sora-font-weight:500;
	--sora-fond-page:#fafbfc;
	--sora-common-color:#000050;
	--sora-app-color:#FF0032;
	--sora-color-gris:#A1ADB9;
	--sora-color-border:#D9DEE4;
	--sora-color-error:#FF0032;
	--sora-placeholder-font:'Asap', sans-serif;
	--sora-placeholder-style:italic;
	--sora-placeholder-weight:400;
	--sora-placeholder-size:0.75rem;
	
	--sora-font-family:'Asap', sans-serif;
	--sora-fond-page:#f6f6f6;
	--sora-color-border:#D9DEE4;
	--header_txt_small_size:14px;
	--header_txt_normal_size:16px;
	--header_txt_normal_weight:500;
	--header_txt_line_height:24px;
	--header_txt_letter_spacing:-0.01em;
	--header_txt_color:#000050;
	--footer_sora_txt_weight:800;
	--footer_sora_font_family:'Montserrat', sans-serif;
}
/*BASE*/
html{padding:0;margin:0;overflow:hidden;}
body{padding:0;margin:0;overflow:hidden;font-family:verdana;font-size:12px;font-weight:normal;}
div{padding:0;margin:0;}
table{border:none;border:0;padding:0;margin:0;}
table tr{padding:0;margin:0;vertical-align:middle;}
table th,td{padding:0;margin:0;text-align:left;}
img{border:none;}
div.bulleAide{display:none;}

/*PAGE*/
#div_alert{display:none;}
#confirm_quit{display:none;}
#corp{position:relative;float:left;width:100%;overflow:auto;z-index:2;background-color:var(--sora-fond-page);}
div.ilangue{position:absolute;top:3px;right:210px;z-index:3;display:none;}
img.drapeau{cursor:pointer;}
img.action{cursor:pointer;}
span.action{cursor:pointer;}
#div_confirm{position:absolute;width:300px;display:none;z-index:2001;}
#div_error{position:absolute;width:300px;display:none;z-index:2000;}
#div_confirm table{position:relative;z-index:2000;}
#div_error table{position:relative;z-index:2000;}
.sora_modif{background-color:#ffebe8;}
.sora_valid{background-color:#e4ffd7;}
#div_wait{position:absolute;top:0;left:0;width:100%;height:100%;display:none;background-color:#5c5c5c;opacity:0.4;filter:alpha(opacity=40);z-index:1000;}
#tab_wait{position:absolute;opacity:0.98;filter:alpha(opacity=98);border:2px outset #aaaaaa;background-color:#ffffff;width:380px;min-height:130px;z-index:1002;display:none;}
#tab_wait td{font-weight:bold;background-color:#ffffff;opacity:0.98;filter:alpha(opacity=98);font-size:12px;font-style:verdana;vertical-align:middle;text-align:center;padding:20px;}
#tab_wait #pBar{opacity:1;filter:alpha(opacity=100);background-color:#ffffff;background-image:url('../../images/commun/ajax-loader.gif');background-position:center center;background-repeat:no-repeat;z-index:1002;}
#zn_form{position:relative;float:left;margin:0;padding:0;width:100%;z-index:2;overflow:auto;}
#zn_bt{position:relative;float:left;background-color:var(--sora-ui-header-color);border-top:1px solid var(--sora-ui-border-dark);margin:0;padding:0;width:100%;height:33px;z-index:2;}
#zn_bt button{font-weight:var(--sora-ui-bold);}
div.zn_form div.form_saisi{float:right;overflow:auto;}
div.zn_form div.form_liste{float:left;width:220px;}
div.zn_form div.form_liste table.list{background-color:#e0e0e0;margin-top:25px;width:95%;}
div.zn_form div.form_liste table.list th{font-weight:bold;font-size:14px;padding:7px;text-align:center;}
#listing{position:relative;float:left;width:100%;z-index:2;overflow:auto;background-color:#ffffff;}
#listing div{padding-left:2px;padding-top:6px;padding-bottom:6px;width:99%;}
#listing div.pair{background-color:#ffffff;cursor:pointer;text-align:left;}
#listing div.impair{background-color:#eeeeee;cursor:pointer;text-align:left;}
#listing div.selected{background-color:#e4ffd7;cursor:pointer;text-align:left;font-weight:bold;}
#listing div.hover{background-color:#c5dbec;cursor:pointer;text-align:left;}
#listing div.nodata{background-color:#ffffff;font-weight:bold;text-align:center;}
.ui-datepicker{z-index:2000;}
#fixer{position:absolute;z-index:2;display:none;}
.ui-button{outline:0;margin:4px;padding:2px;padding-left:15px;padding-right:15px;text-decoration:none !important;cursor:pointer;position:relative;text-align:center;}
button.bouton,div.bouton{padding:4px 6px 4px 6px;font:12px verdana;border-radius:2px;border:none;cursor:pointer;margin:2px 10px;}
button.bouton:hover,div.bouton:hover{opacity:0.8;filter:alpha(opacity=80);}
button.boutonBleu,div.boutonBleu{background:#2e6e9e;color:#eee;}
button.boutonOrange,div.boutonOrange{background:#F39C12;color:#eee;}
button.boutonVert,div.boutonVert{background:#238d46;color:#eee;}
button.boutonRouge,div.boutonRouge{background:#ac392d;color:#eee;}

/*HEADER*/
#tete{position:relative;width:100%;height:160px;z-index:3;display:grid;grid-template-rows:2fr 1fr;background:#fff;border-bottom:1px solid #A1ADB9;font-family:var(--sora-font-family); font-size:var(--header_txt_small_size); font-weight:var(--header_txt_normal_weight);letter-spacing:var(--header_txt_letter_spacing);color:var(--header_txt_color);}
#tete div.field1 {display: grid;grid-template-columns: 1fr 3fr 1fr 240px;}
#tete div.field1 div.logo_sora_header{padding-left:1em;}
#tete div.field1 div.logo_sora_header img{width:329px;height:82px;padding: 19px 0px 0px 10px;}
#tete div.field1 div.space{display:flex;top:56px;position:relative;}
#tete div.field1 div.space span{width:180px;padding:11px 0px 0px 10px;line-height:16px; font-weight:400;}
#tete div.field1 div.space select{width:220px;height:32px;border-radius:5px 5px 5px 5px;font-family:var(--sora-font-family); font-size:var(--header_txt_normal_size); font-weight:var(--header_txt_normal_weight);letter-spacing:-0.02em; line-height:16px; color:var(--header_txt_color);background-color:white;border:1px solid var(--sora-color-border);}
#tete div.field1 div.space select:hover{color:#007AFF;border:solid #007AFF;border-width:1px;}
#tete div.field1 div.space option{display:block;color:black;background-color:white;font-family:var(--sora-font-family); font-size:var(--header_txt_small_size); font-weight:var(--header_txt_normal_weight);letter-spacing:var(--header_txt_letter_spacing); line-height:16px; color:var(--header_txt_color);}
#tete div.field1 div.user{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:10px;}
#tete div.field1 div.user img{width:32px;height:32px;}
#tete div.field1 div.user img{width:32px;height:32px;cursor:pointer;}
@keyframes pulseNotif {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
#tete div.field1 div.user img.user-notifications{display: none;width:24px; height:24px; position: absolute; top: 10px; right: 75px;animation: pulseNotif 2.5s infinite;}
#tete div.field1 div.user div.style_profil {font-size:var(--header_txt_normal_size);font-weight:var(--header_txt_normal_weight);line-height:var(--header_txt_line_height);letter-spacing:var(--header_txt_letter_spacing);text-align: center;color:var(--header_txt_color);}
#tete div.field1 div.user div.style_name {font-size: var(--header_txt_small_size);font-weight:var(--header_txt_normal_weight);line-height:var(--header_txt_line_height);letter-spacing:var(--header_txt_letter_spacing);text-align: center;color:#0050A0;}
#tete div.field1 div.user div.style_name.connected_as_dev {color: var(--sora-ui-font-error); font-weight: 600;}
#tete div.field2 {display: grid;grid-template-columns: 5fr 240px;height:40px;padding:0px 0px 16px 24px;}
#home{margin-bottom:-3px;cursor:pointer;}
#tete div.field2 div.deconnexion{text-align:center;font-size:var(--header_txt_small_size);font-weight:400;line-height:var(--header_txt_line_height);letter-spacing:var(--header_txt_letter_spacing);color:#A1ADB9;display:flex;justify-content:center;align-items:center;}
#tete div.field2 div.deconnexion:hover{color:#007AFF;}
#logout{width:60%;cursor:pointer;}
#tete div.field2 div.deconnexion:hover #logout{border:solid #007AFF;border-radius:16px 16px 16px 16px;border-width:1px;}

#dialog_infosUtilisateur{
	display:none;
	
	/* Prevent select */
 	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog{display: flex ; flex-direction: column; justify-content: center; align-items: flex-start; row-gap: 1em; padding-bottom: 20px; padding-right: 10px; padding-left: 10px; /*overflow-y: auto;*/}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog img.dInfosUtilisateur-photo-utlisateur{width: 64px; height: 64px; align-self: center; padding-top: 10px;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog p.info-mdp-obligatoire{font-size: 12px; font-style: italic; color: #666; text-align: center; align-self: center; margin: 0;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog > div, #dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-password-section{display: flex ; align-items: center; justify-content: space-between; width: 100%;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-password-section-wrapper{display: block;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog > div.dInfosUtilisateur-separateur-element{border-bottom: 1px solid var(--sora-ui-border-light) !important; border-width: 1px 0 0; width: 40%; margin: 0.5em auto;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog > div.dInfosUtilisateur-separateur-element:first-of-type {width: 100%;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-one-element{gap: 20px;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-one-element > input{width: 55%; /*width: 200px;*/ text-overflow: ellipsis;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-one-element.wide-input > input{width: 65%;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-multiple-elements{gap: 15px;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-multiple-elements > div, #dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-password-section > div{display: flex ; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-multiple-elements > div > input{/*width: 100%;*/ /*width: 165px;*/ text-overflow: ellipsis;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog label.dInfosUtilisateur-mdp-utilisateur-important{font-weight: bold;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-password-section-wrapper.open div.dInfosUtilisateur-password-section{margin-top: 15px;}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-password-field{
	width: 152px;
    border: 1px solid var(--sora-color-border);
    border-radius: 0.25rem;
    padding: 0.25rem;
    display: grid;
    column-gap: 0.5rem;
    justify-content: flex-start;
    align-items: center;
    height: 20px;
    grid-template-columns: 1fr 18px;
}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-password-field2{
    grid-template-columns: 1fr;
}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-password-field input.dInfosUtilisateur-password{
	width: 95% !important;
    border: 0;
    border-radius: 0.25rem;
    color: #333;
    font-family: var(--sora-font-family);
    font-weight: 400;
    font-size: 0.825rem;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#dialog_infosUtilisateur div.dInfosUtilisateur-corps-dialog div.dInfosUtilisateur-password-field img.dInfosUtilisateur-show-hide-pwd{
	cursor: pointer;
    width: 17px;
}
#dialog_infosUtilisateur .dInfosUtilisateur-disabled{font-style: italic !important; font-weight: 500; color: gray;}
#dialog_infosUtilisateur input.dInfosUtilisateur-disabled{background: #f3f3f3;}
#dialog_infosUtilisateur .dInfosUtilisateur-non-modifiable{
    text-align: center;
    margin: auto;
    font-style: italic;
    color: rgba(255, 0, 50, 1);
    font-weight: 500;
    display: none;
}

#dialog_infosUtilisateur div.dInfosUtilisateur-connect-as{
	flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 5px !important;
    margin-top: 15px;
}

#dialog_infosUtilisateur div.dInfosUtilisateur-connect-as select{
	width: 100%;
	max-width: 350px;
	cursor: pointer;
	font-weight: 500;
}

#dialog_infosUtilisateur div.dInfosUtilisateur-connect-as label{
	font-weight: 600;
}

.dInfosUtilisateur-password-section {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease;
    opacity: 0;
}

.dInfosUtilisateur-password-section-wrapper.open .dInfosUtilisateur-password-section {
    max-height: 500px;
    opacity: 1;
}

.toggle-motdepasse-btn {
	display: flex ; 
	justify-content: center; 
	align-items: center; 
	gap: 5px; 
	font-size: 0.85rem; 
	cursor: pointer; 
	margin-top: 10px;
}

.toggle-motdepasse-btn img {
	width: 12px;
	transition: transform 0.3s ease;
	filter: brightness(0.8);
}

.dInfosUtilisateur-password-section-wrapper:not(.open) .toggle-motdepasse-btn img {
  transform: rotate(180deg);
}

.toggle-motdepasse-btn:hover {
    color: var(--sora-common-color);
    /*font-size: 0.87rem;*/
    text-decoration: underline;
    transform: scale(1.03);
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.toggle-motdepasse-btn:hover img{
    filter: brightness(0.5);
}

#dialog_notifications{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px 20px;
    row-gap: 1em;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

#dialog_notifications .notification-list {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

#dialog_notifications .notification-item {
    padding: 8px 0;
    line-height: 1.4;
    border-bottom: 1px solid #eee;
}

#dialog_notifications .notification-item:last-child {
    border-bottom: none;
}

#dialog_notifications .notif-item-img {
    width: 16px;
    height: 16px;
    /*vertical-align: middle;*/
    vertical-align: text-bottom;
    margin-left: 5px;
    margin-right: 3px;
}

#dialog_notifications span.txt-sora{
	font-family: var(--sora-font-logo); 
	color: var(--sora-common-color); 
	font-weight: 700;
}

/*FOOTER*/
#pied{border-top:1px solid var(--header_txt_color);align-items:last baseline;display:flex;background-color:var(--header_txt_color);color:#FFFFFF;font-family:var(--footer_sora_font_family);font-weight:600;padding:16px 24px;}
#pied span.sora_txt{font-weight:var(--footer_sora_txt_weight);font-size:16px;}
#pied span.sora_txt_infos_pratiques{padding-left:3px;font-size:13px;}
#pied span.sora_txt_copyright{margin:0 2px 0 4px;padding-left:0.5em;font-size:13px;}
#pied span.sora_txt2{font-weight:var(--footer_sora_txt_weight);font-size:16px;}
#pied span.sora_date{padding-left:1.5em;margin:0 0.5rem;font-size:13px;}
#pied span.sora_logo_gris{position:absolute;right:1.5em;}