body {padding-top: 120px;color:#3d3d3d!important;}
.ImgLoadingCenter {display:block;width:10%;margin:10px 0 0 45%;}
#mainContenu {min-height: calc(100vh - (95px + 120px)); }

#ui-datepicker-div {z-index:100000!important;}

#licence {background:#f40505;border-top:#e01717;border-bottom:#e01717;margin:0 0 10px 0;padding:5px;text-align:center;color:#000;height:60px;line-height:60px;}
#licence a {color:000;text-decoration:underline;}

.brand {width:200px!important;margin-right:0!important;}

.LogoAppli {margin-top:5px; max-height:40px;}
.LogoEtablissement {display:block;float:right;margin-left:10px;margin-top:10px;height:auto;max-height:50px;line-height:50px;max-width:142px;}
.erreur {color:#d01f1f}

#top{position: absolute;top: 0;transform: translateY(-100%);}
.evitementLink{padding:1rem;background-color: azure;}
.evitementLink-list {}
a.evitementLink-item {color:#000 !important;}

#container_gauche{  width: 270px;}
#container_droite{min-width: 700px;width:100%;}

.dataTable , table {font-size:14px!important;}
.etat {width:20px;}
.flag_languages {cursor:pointer;}
img.TableauAction {width:20px}

.ElementBlocLogoFlag {width:250px;overflow:hidden;}
#barre_info {font-size:11px;float:right;margin:0;height:72px;width:98px;}
#barre_info div#bloc_language {margin:1px 0 1px 0;padding:0;text-align:right;}
#barre_info div#bloc_language img {filter: grayscale(100%);}
#barre_info div#bloc_language img.current_lg {filter: initial; width:25px;}


.hidden {visibility: hidden;}
span.oblig{position: absolute;margin-left: 6px;margin-left: -2px; margin-top: -5px;}
.oblig {color:#eb1414!important; }

div.TooltipSuivi {z-index:999;color:#000!important;position:absolute!important;border:1px #3e3e3e solid!important;background:#f3f3f3!important;padding:5px!important;width:300px;text-align:left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
div.TooltipSuivi div{margin:0;padding:0;}

*{font-family: arial; }
h2, h1{font-size:1.4em!important;font-weight:normal;}
h2.TitleFdA {margin:0 0 0 2px!important;}
h3 {font-weight:bold;}

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

legend,.legendStyle {border-bottom: 1px solid #e5e5e5; margin-bottom: 1rem;font-size: 21px;}
legend.noStyle{font-size: inherit; border-bottom: none;}
legend.noStyle.label{width: 205px !important;margin-right: 10px;padding-top: 0 !important;text-align:right;font-size: 15px !important;}

.MultipleSelectionList .btnArrow {float: left;padding-top: 3em;margin-left: 5px;margin-right: 5px;}
.MultipleSelectionList select {height: 10em !important;float: left;}

a.AccessGranted {text-decoration:none;font-weight: normal!important;}
a.NoAccess {text-decoration:none;font-style: italic!important;font-weight: normal!important;}

.a_cal{color:#000000;text-decoration:none;font-size:10px;font-weight:normal;}
.a_cal:hover{color:#6D3DFF;text-decoration:underline;}
.a_black{color:#000000;text-decoration:none;font-size:10px;font-weight:normal;}
.a_black:hover{color:#6D3DFF;text-decoration:underline;}
.a_heure{color:#ffffff;text-decoration:none;font-size:10px;font-weight:bold;}
.a_heure:hover{color:#6D3DFF;text-decoration:underline;}
.a_minute{color:#ffffff;text-decoration:none;font-size:10px;font-weight:lighter;}
.a_minute:hover{color:#6D3DFF;text-decoration:underline;}
.TDCLAIR {padding:2px;border-spacing:0;FONT: 14px; BACKGROUND-COLOR:#eeeeee}
.TDGRIS {padding:2px;border-spacing:0;FONT: 14px ;BACKGROUND-COLOR:#EEE9E9}
.TDMOYEN {padding:2px;border-spacing:0;FONT: 14px ;COLOR:#ffffff;BACKGROUND-COLOR:#546d83}
.TDGRIS {padding:2px;border-spacing:0;FONT: 14px ;COLOR:#000000;BACKGROUND-COLOR:#EEE9E9}


#footer {border-top : 5px solid #6b555e !important; min-height:calc(45px + 1rem);}
.footerList {display: flex;flex-direction: row;flex-wrap: wrap;list-style-type:none;}
.footerList-item {display: block;margin-right: 10px;padding-right: 10px;margin-bottom: 2px;}
.footerList-item:not(:last-child) {border-right : 2px solid #6b555e;}
.footerList-item a {color:#3d3d3d!important;}



#manuel li a {color:#3d3d3d!important;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #000; background: #546d83; color: #fff; }

.ui-widget { font-size: 14px;color: #1D384F; }
.ui-widget-content { border: 0px; background: #fff; color: #333333; }
.ui-widget-header { border: 0px; background: #6b555e; }

.ui-multiselect-menu {border : 1px solid #e5e5e5; padding:0;}
.ui-multiselect-menu label{text-align:left !important;}
.ui-multiselect.ui-state-active {background:#e5e5e5;}
.ui-multiselect-menu .ui-widget-header a{font-size: 12px; color:#fff;}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {text-align: left;border-bottom: none;}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {font-size: 16px;}

.ui-button.ui-corner-all ,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0; background: #6b555e;  color: #fff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
.ui-button.ui-corner-all:hover ,.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{ border: 0; background: #546d83;  color: #eeeeee; }<!--JD font-weight: normal;-->
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #fff; font-weight: normal; color: #6b555e; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #173a58 !important; text-decoration: none; background: #fff;}
.ui-tabs .ui-tabs-panel { border: 1px solid #546d83; }
.ui-tabs .ui-state-active a, .ui-tabs .ui-state-active a:link, .ui-tabs .ui-state-active a:visited {border: 1px solid #546d83;border-bottom:0px;}

.ui-button:not(.button_supprimer){background: #6b555e !important;color:#ffffff !important;}
.ui-button.button_supprimer, .reinit_mentions_legales {background:#f8d7da !important; color:#842029 !important; }
.ui-button:hover {opacity:0.9;font-weight: bold;}

.ui-accordion .ui-accordion-header { margin-top: 1px; margin-bottom: 1px; width: 180px}
.ui-accordion .ui-accordion-header a { display: block; font-size: .9em; padding: .2em .5em .2em .7em; text-align: center;}
.ui-accordion-header { border: 1px solid #173a58; }
.ui-accordion .ui-accordion-content { border: 0px; width: 174px; position: relative; padding:1em 0 1em 1em!important;}
* html .ui-accordion .ui-accordion-content { left: -5px}

.no-close .ui-dialog-titlebar-close {display:none !important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: inherit;}
.ui-dialog-buttonset {text-align:center;}

.jquery_button, .btn_nav_feuille, #button_retour ,.change_planning button { line-height: 1.2em !important; font-weight: normal; padding: .2em 0.7em;}
#validSelectService {  line-height: 1em !important;padding: 5px;margin-top: -3px;}
.ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: auto;}

.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; background-color: #fff; border-top: 0px; border-left: 0px; border-right: 0px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom: 1px solid #ffffff; position: relative; top: 1px; }


.modal.fade:not(.show) { top:-100%;}
.form-check-input {width: 1em !important; height: 1em !important; vertical-align: middle;}
<!--Surcharge pour les prises de focus des champs-->
.form-select:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.85) !important; }
.form-select {padding: 0.3rem 1.9rem 0.3rem 0.6rem !important;}

input[disabled=disabled], input[disabled=disabled]:hover {-khtml-opacity:0.3;-moz-opacity : 0.3;-ms-filter: "alpha(opacity=30)";filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter : alpha(opacity=10);opacity : 0.3;cursor: not-allowed;}
label, .label { text-align: right !important;}
select:not(.multisel), input[type=text], input[type=password] {height: 30px!important; max-width:220px;}
select.multisel {width: 220px !important;}
input.input-inline {display:inline-block;}
input.input-login {width: 100% !important; max-width:100%; }
input#libelle_long, input.libelle_long {width:100% !important;max-width: 100%!important;}
.libelle_long {max-width: 100% !important;}
input.input-short {width: 45px !important;display: inline-block;}
label, input, button, select, textarea, p {
font-weight: normal;
line-height: 20px !important;}
label, textarea, p {font-size: 15px !important;}
input, button, select {font-size: 14px !important;}


.datatablerowhighlight{ background-color: #546d83 !important; cursor: pointer; }
[label]{ text-align: center; }
option{ text-align: left; }
.no_b{ font-weight: normal; white-space: nowrap;}
form{ display: inline; }

.ui-buttonset{ display: inline; }
.ui-buttonset label.ui-button{ background-color: #ffffff; color: #329FBB; margin-left: .2em; font-style: italic; border: 1px solid #ffffff}
.ui-buttonset label.ui-state-active span { font-weight: bold; color: #6b555e;border: 1px solid #329FBB; font-style: normal; background-color: #eeeeee}

.img_icon { cursor: pointer; height: 22px; width: 22px; } 
.ui-autocomplete-input, .combo_button { border: 1px solid #1D384F; height: 20px !important; }
.combo_button { border-left: 0; position: relative; top: 1px; background: #cccccc url(https://sinchro2.inserm.fr/include/tiers/jquery-ui//css/images/arrow_down.png) no-repeat center; }
* html .combo_button { top: 0px }
.ui-autocomplete { max-height: 200px; overflow-y: auto; }
* html .ui-autocomplete { height: 200px; white-space:nowrap; }

.lib_col span {  color: #329FBB;}
.ui-widget-header{color:white!important;background-color:#6b555e;}


/* OS-REPORT */
.nav-val {position:relative;}
div.BlocBulle {position:absolute;top: -2px;right: 25px;}
div.BlocBulle .BulleInfoCompteur {display:block;border:2px #a71c29 solid;height:20px;width:20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:12px;background:#fff;text-align:center;color:rgb(167,28,41);}

.recap_par_projet {width:920px!important;}
.recap_par_projet tr td, .recap_par_projet tr th {border:1px #3e3e3e solid;padding-left:10px;padding-right:10px;}
.recap_par_projet tr td.intitule, .recap_par_projet tr th {width:250px;background:#6b555e !important;color:#ffffff !important;}
.recap_par_projet tr td.intitule_activites {width:250px;background:#fff!important;padding-left:50px;font-style:italic}
.recap_par_projet tr td.valeur_activites {width:250px;background:#fff!important;font-style:italic;text-align:right}
.recap_par_projet tr td.pourcen_activites {width:250px;background:#fff!important;font-style:italic;text-align:right}

.recap_par_projet tr td.valeur, .recap_par_projet tr td.th_hidden, .recap_par_projet tr td.pourcen {width:50px;text-align:right!important;}
.recap_par_projet tr td.th_hidden {border-top:0!important;border-right:0!important;border-bottom:0!important;}

#form_change_imputation .ostable thead tr th {background:#6b555e !important;color:#ffffff !important;}

.dataTables_wrapper{border:1px solid #6b555e;}

.fg-toolbar{background:none;}
.ui-accordion .ui-accordion-header{padding:0;}
.ui-accordion-header-icon {float: right;top: 5px;}
.add_commentaire.ui-button {padding: .1em .6em; }
.highlighted>td{background:#6b555e !important;color:#fff;cursor: pointer;}
.ui-front {z-index: 10000;}
.form-horizontal .control-group {margin-bottom: 10px;}
.ui-datepicker {border: 1px solid #333333;z-index: 9999;}
.ui-dialog-titlebar-close{background-image: url(https://sinchro2.inserm.fr/include/tiers/jquery-ui//css/images/ui-icons_222222_256x240.png);background-position: -96px -128px;}


tbody tr.even:hover, tbody tr.even td.highlighted {background-color: #cadeff!important;}
tbody tr.odd:hover, tbody tr.odd td.highlighted {background-color: #cadeff!important;}
tr.even:hover {background-color: #cadeff!important;}
tr.even:hover td.sorting_1 {background-color: #cadeff!important;}
tr.even:hover td.sorting_2 {background-color: #cadeff!important;}
tr.even:hover td.sorting_3 {background-color: #cadeff!important;}
tr.odd:hover {background-color: #cadeff!important;}
tr.odd:hover td.sorting_1 {background-color: #cadeff!important;}
tr.odd:hover td.sorting_2 {background-color: #cadeff!important;}
tr.odd:hover td.sorting_3 {background-color: #cadeff!important;}
table thead tr td, table tfoot tr td{background: #6b555e;color: #fff;font-weight:bold;text-align:center;}
img.img_modification,img.img_suppression{cursor:pointer;}

*.ferie , *.ferie:hover, tr.ferie:hover td { background-color: #ffcccc!important; color:#3d3d3d!important;}
*.chome , *.chome:hover, tr.chome:hover td, *.affec_planning { background-color: #757575!important; color:#ffffff!important;}

/*********
MENU
**********/
.navbar a {color:#6b555e!important;}
.navbar a:hover {color:#3d3d3d!important;}
.navbar {color:#3d3d3d!important;}
/******/

#navigation {}
#navigation ul {list-style-type:none;list-style-image:none;margin:0px;padding:0px;}
#navigation li {margin:0px;color:#3d3d3d;}
#navigation div {width:180px!important;background:#ffffff!important;}
#navigation div a {color : #3d3d3d!important; white-space: nowrap;}
#navigation div a:hover, #navigation a.active {color : #1a1919!important;text-decoration:none;}

#navigation h3:not(.ui-state-active) {background:#173a58!important;color:#ffffff!important;border: 1px solid #173a58;
#navigation h3:not(.ui-state-active) a, #navigation h3:not(.ui-state-active) a:hover {color:#ffffff!important;}
#navigation h3.ui-state-active {background:#ffffff!important;color:#173a58!important;border: 1px solid #173a58}
#navigation h3.ui-state-active a, #navigation h3.ui-state-active a:hover {color:#173a58!important;}

input.form-control:focus, select.form-select:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.85) !important; }