body{
    font-family:'Century Gothic', Arial, Helvetica, sans-serif;
    font-size:1rem; font-style:normal; font-weight:normal; background-color:#FAFAFA; color:#000000;
    padding:0px; width:99%; margin:auto; min-width:650px; max-width:1600px; margin-left:5px
}
body.fond                   {overflow-y:scroll}
frameset, frame, iframe	    {border:0}
td                          {color:#000000; border-width:0; white-space:nowrap; vertical-align:middle}
table                       {border-width:0; border-style:none; border-color:#6984a1; background-color:transparent; text-align:center; border-collapse:collapse}
input[type='button']        {background-color:transparent; border:none; background-repeat:no-repeat; color:#5e7690; vertical-align:middle; font-size:7.0pt; height:20px}
input[type='button']:hover  {cursor:pointer}
input[type='text']          {background-color:#FFFFFF; color:#000000; border-width:1px; font-size:9.0pt; vertical-align:middle}
input[type="text"]:disabled {background:#ccc}
input[type='checkbox']      {vertical-align:middle}
input[type='radio']         {vertical-align:middle; margin:0px; margin-right:2px}
select                      {background-color:#FFFFFF; font-size:9.0pt; border-width:1px}
select[multiple]            {resize:both}
button.btnAuto.ui-state-default, button.btnCsl.ui-state-default,
button.btnAuto              {width:18px; height:18px; margin-right:0px; background:#FFFFFF; border-left:none}
button.btnCsl               {width:18px; height:18px; margin:0 0 0 0; background:#FFFFFF; border-left:none}
button.btnCalendar          {width:18px; height:18px; margin:0px; background:#FFFFFF}
.ui-timepicker-wrapper      {max-height:300px}
/** Time Spinner */
a.ui-spinner-button         {border-top:0; border-bottom:0; border-right:0; background:#FFFFFF}
a.ui-spinner-button .ui-icon-triangle-1-n {background-position:0 -16px; cursor:pointer}
a.ui-spinner-button .ui-icon-triangle-1-s {background-position:-65px -16px; cursor:pointer}
span.btnDate                {width:16px; height:16px; background:#FFFFFF}
input.isFdCsl               {border-right:none}
.ui-autocomplete            {max-height:400px; overflow-x: hidden; overflow-y:auto}
.ui-autocomplete-loading    {background:white url("/img/ui-anim_basic_16x16.gif") right center no-repeat}
.ui-menu-item a             {white-space:nowrap}
.ui-menu-item-with-icon.open-list.ui-menu-item{text-decoration:underline; color:blue}
select.textOblig            {font-weight:bold}
.oblig                      {font-weight:bold}
option                      {font-size:9.0pt}
span                        {vertical-align:middle}
div                         {vertical-align:middle}
textarea                    {font-size:9.0pt; white-space:pre-wrap; overflow:auto; min-height:27px; min-width:150px; width:95%; border-width:1px; resize:vertical}
a                           {cursor:pointer; text-decoration:underline; color:blue}
button                      {cursor:pointer}
button:focus-visible        {outline-offset:4px; outline:2px solid #0078d4}
/** Debug **/
table.debug                 {background-color:#FFFFFF; border-width:1px; border-style:solid; font-weight:normal}
td.debug1                   {background-color:#FFFFFF; border-width:1px; border-style:solid; font-weight:bold; color:#FF0000}
td.debug2                   {background-color:#FFFFFF; border-width:1px; border-style:solid; white-space:normal}
/** Entete de liste (xx pieces)*/
p.listTitre                 {width:100%; height:22px; color:#ffffff; font-weight:bold; background-color:#6984a1; padding:7px 0px 0px 4px; margin:0px 0px 0px 0px}
/** td de pagination (Page:x sur y)*/
td.listTDSelection          {color:#000000; text-align:left; padding-top:10px}
/** Boutons tag pagination */
input.btnFirstOut           {width:25px; background-image:url("/img/liste/first.png")}
input.btnFirstOver          {width:25px; background-image:url("/img/liste/first_hover.png")}
input.btnFirstKO            {width:25px; cursor:default}
input.btnPreviousOut        {width:25px; background-image:url("/img/liste/previous.png")}
input.btnPreviousOver       {width:25px; background-image:url("/img/liste/previous_hover.png")}
input.btnPreviousKO         {width:25px; cursor:default}
input.btnNextOut            {width:25px; background-image:url("/img/liste/next.png")}
input.btnNextOver           {width:25px; background-image:url("/img/liste/next_hover.png")}
input.btnNextKO             {width:25px; cursor:default}
input.btnLastOut            {width:25px; background-image:url("/img/liste/last.png")}
input.btnLastOver           {width:25px; background-image:url("/img/liste/last_hover.png")}
input.btnLastKO             {width:25px; cursor:default}
/** input tag pagination */
input.pagine                {font-size:8.0pt; font-weight:bold; color:#660000}
/** Entete de table */
td.fdTDEnTete               {font-weight:bold; color:#ffffff; background-color:#6984a1; font-family:serif; border-color:#FAFAFA; border-collapse:collapse; border-style:solid; border-width:1px; text-align:center}
/** Boutons tag de tri */
input.btnTriAsc             {width:20px; margin-left:5px; background-image:url("/img/liste/tri_asc.png")}
input.btnTriDesc            {width:20px; margin-left:5px; background-image:url("/img/liste/tri_desc.png")}
input.btnTriAucun           {width:20px; margin-left:5px; background-image:url("/img/liste/tri_aucun.png")}
/** Table */
table.listTA                {width:100%; background:#FFFFFF}
tr.fond                     {}
/**table.listTA tr:hover       {background-color:#EEE; cursor:pointer}*/
td.listTD                   {border-width:1px; border-color:#6984a1; border-style:solid ; text-align:left; padding-left:4px}
td.nombre, th.nombre        {text-align:right}
/** Bouton Rapatrier du csl */
input.btnRapatrierOut       {width:27px; background-image:url("/img/bouton/rapatrier.png")}
input.btnRapatrierOver      {width:27px; background-image:url("/img/bouton/rapatrier_hover.png")}
button.btnRapatrierOut      {border:none; background:transparent;}
/*button.btnRapatrierOut:hover{background-image:url("/img/bouton/rapatrier_hover.png")}*/
/** Titre de la fiche */
table.MiseEnPageTA          {width:100%}
table.MiseEnPageTA td       {text-align:left; height:20px; vertical-align:top}
/** Tag bouton d'aide */
input.helpOut               {width:20px; background-image:url("/img/unconvert/b-info1.gif"); margin-left:3px}
input.helpOver              {width:20px; background-image:url("/img/unconvert/b-info2.gif"); margin-left:3px}
input.helpOut:hover         {width:20px; background-image:url("/img/unconvert/b-info2.gif"); margin-left:3px}
/** FdFiche*/
table.FdFiche               {display:inline-block; text-align:left; vertical-align:top; min-width:450px}
table.FdFiche td            {text-align:left}
table.FdFicheFull           {width:100%; text-align:left}
/** Bouton tag info */
input.btnInfoOut            {width:20px; background-image:url("/img/bouton/detail.png")}
input.btnInfoOver           {width:20px; background-image:url("/img/bouton/detail_hover.png")}
button.btnInfoOut            {width:20px; background-image:url("/img/bouton/detail.png")}
button.btnInfoOver           {width:20px; background-image:url("/img/bouton/detail_hover.png")}
/** Clickable */
.clickable                  {cursor:pointer}
/** Dynatable entete */
table.dynatable             {width:100%}
table.dynatable td          {text-align:center}
table.dynatable>thead>tr>th,
table.dynatable>thead>tr>td {font-weight:bold; color:#ffffff; background-color:darkblue; font-family:serif; border-color:#FAFAFA; border-collapse:collapse; border-style:solid; border-width:1px; white-space:nowrap; border:none}
table.dynatable>thead>tr>th:first-child,
table.dynatable>thead>tr>td:first-child{background-color:transparent; width:20px; text-align:left}
table.dynatable>tbody>tr>td {border-color:#6984a1; border-width:1px; border-style:solid}
table.dynatable>tbody>tr>td:first-child{background-color:transparent; border-style:none}
table.dynatable>tbody>tr>td     {border-left:0px solid; border-right:0px solid}
table.dynatable>tbody>tr>td:first-child{background-color:#FAFAFA}
table.dynatable>tfoot>tr>td     {border-left:0px solid; border-right:0px solid; border-bottom:0px solid}
/** Bouton tag bouton */
button.btnOut               {border:1px solid #c5c5c5; background-color:#FFFFFF; padding: .4em 1em; margin:5px 10px 5px 0px; border-radius:4px; min-height:20px}
button.btnOut:hover         {border:1px solid #ccc; background:#ededed; color:#2b2b2b; box-shadow:1px 2px 10px 3px #9FA4C9}
button.btnOut:active        {border:1px solid #003eff; background:#007fff; color:#fff}
button.btnOut:focus         {border:1px solid #ccc; background:#ededed; color:#2b2b2b}
/** Bouton tag interface*/
button.btnItfOut               {border:1px solid #c5c5c5; background-color:#d9117d; color:white; font-weight:600; font-size:1rem; padding:.2em 1em; margin:0px 10px 0px 1px; border-radius:4px; min-height:20px}
button.btnItfOut:hover         {border:1px solid #ccc; background:#ededed; color:#2b2b2b; box-shadow:1px 2px 10px 3px #9FA4C9}
button.btnItfOut:active        {border:1px solid #003eff; background:#007fff; color:#fff}
button.btnItfOut:focus         {border:1px solid #ccc; background:#ededed; color:#2b2b2b}
/** Bouton tag impression */
input.btnImpOut             {width:20px; background-image:url("/img/bouton/imprimante.png")}
input.btnImpOut:hover       {width:20px; background-image:url("/img/bouton/imprimante_hover.png")}
button.btnImpOut             {width:20px; background-image:url("/img/bouton/imprimante.png")}
button.btnImpOut:hover       {background-image:url("/img/bouton/imprimante_hover.png")}
/** Tag bouton edition Dossier */
button.btnImpTextOut               {border:1px solid #c5c5c5; background-color:darkgoldenrod; color:white; font-weight:600; font-size:1rem; padding:.2em 1em; margin:0px 10px 0px 0px; border-radius:4px; min-height:20px}
button.btnImpTextOut:hover         {border:1px solid #ccc; background:#ededed; color:#2b2b2b; box-shadow:1px 2px 10px 3px #9FA4C9}
button.btnImpTextOut:active        {border:1px solid #003eff; background:#007fff; color:#fff}
button.btnImpTextOut:focus         {border:1px solid #ccc; background:#ededed; color:#2b2b2b}
/** Bouton tag consultation */
button.btnConsulter               {border:1px solid #c5c5c5; background-color:#f6f6f6; padding:0 1em; margin:0px 10px 0px 0px; border-radius:4px; min-height:20px; vertical-align:middle}
button.btnConsulter:hover         {border:1px solid #ccc; background:#ededed; color:#2b2b2b; box-shadow:1px 2px 10px 3px #9FA4C9}
button.btnConsulter:active        {border:1px solid #003eff; background:#007fff; color:#fff}
button.btnConsulter:focus         {border:1px solid #ccc; background:#ededed; color:#2b2b2b}
/** Bouton tag Visa */
button.btnVisaOut               {border:1px solid #c5c5c5; background-color:darkgoldenrod; color:white; font-weight:600; font-size:1rem; padding:.2em 1em; margin:0px 10px 0px 0px; border-radius:4px; min-height:20px}
button.btnVisaOut:hover         {border:1px solid #ccc; background:#ededed; color:#2b2b2b; box-shadow:1px 2px 10px 3px #9FA4C9}
button.btnVisaOut:active        {border:1px solid #003eff; background:#007fff; color:#fff}
button.btnVisaOut:focus         {border:1px solid #ccc; background:#ededed; color:#2b2b2b}
/** Boutons radio */
input[type='radio'] + span  {margin-right:4px}
/** lib du fd:csl et du fd:input (COMPORT_OBLIG_RO) */
span.libObligLectSeul       {font-weight:bold; text-align:right; padding-right:2px; font-style:italic}
td.libObligLectSeul         {font-weight:bold; text-align:right; padding-right:2px; font-style:italic}
/** lib du fd:csl et du fd:input (COMPORT_OBLIG) */
span.libOblig               {font-weight:bold; text-align:right; padding-right:2px}
td.libOblig                 {font-weight:bold; text-align:right; padding-right:2px}
legend.libOblig                 {font-weight:bold; text-align:right; padding-right:2px}
/** lib du fd:csl et du fd:input (COMPORT_OPT) */
td.lib                      {text-align:right; padding-right:2px}
span.lib                    {text-align:right; padding-right:2px}
/** lib du fd:csl et du fd:input (COMPORT_RO) */
td.libLectSeul              {text-align:right; padding-right:2px; font-style:italic}
span.libLectSeul            {text-align:right; padding-right:2px; font-style:italic}
/** lib du fd:csl et du fd:input (COMPORT_OBLIG_CENTER) */
td.libCenter                {text-align:center; padding-right:2px }
span.libObligCenter         {text-align:center; padding-right:2px; font-weight:bold}
/** champ code et libelle du fd:csl et du fd:input text */
input.text, input.textOblig, input.libelle, input.libelleOblig {font-weight:bold}
/** champ code du fd:csl et du fd:input nombre */
input.nombre, input.nombreOblig {font-weight:bold; text-align:right; padding-right:15px}
/** champ date du fd:stddate */
input.date, input.dateOblig {font-weight:bold; text-align:right; min-width:10ch; field-sizing:content}
/** champ heure et minute du fd:stddate */
input.hmin, input.hminOblig {font-weight:bold; text-align:right; width:20px; padding-left:0px; padding-right:1px}
/** champ heure:minute du fd:stddate */
input.time, input.timeOblig {font-weight:bold; text-align:right; width:40px; padding-left:0px; padding-right:1px}
/** textarea */
textarea.text, textarea.textOblig {font-weight:bold}
/** td */
td.fdTD                     {border-color:#6984a1; border-width:1px; border-style:solid}
td.fdTDLeft                 {border-color:#6984a1; border-width:1px; border-style:solid; text-align:left}
td.fdTDRight                {border-color:#6984a1; border-width:1px; border-style:solid; text-align:right}
/** td */
td.fdTDTransparent          {font-size:10pt; text-align:center; background-color:transparent; border-width:1px; border-style:none; }
td.fdTDLight                {font-size:10pt; font-weight:bolder; color:#FF0000; text-align:center; background-color:#FFFFFF; border-width:1px; border-style:solid }
td.fdTDSelected             {font-size:10pt; font-weight:bolder; color:#800080; text-align:center; background-color:#DDDDFF; border-width:1px; border-style:solid; white-space:nowrap }
td.fdTDSelectedLight        {font-size:10pt; font-weight:bolder; color:#FF0000; text-align:center; background-color:#CCCCFF; border-width:1px; border-style:solid; }
/** LIENS */
a:link, a:active            {text-decoration:underline; color:blue}
a:visited                   {text-decoration:underline; color:blue}
a:hover                     {text-decoration:underline; color:#CC0000}
/** TABLE */
table.fdStandard            {font-weight:normal;background:#FFFFFF; width:100%; border-width:1px; border-style:solid }
/** Menu contextuel */
div.menuContexte            {position:absolute; z-index:1; border-width:1px; border-style:ridge; border-color:#6984a1; font-size:9.0pt; width:auto; margin:0px; padding:0px}
a.eltMenuContexte           {display:block; text-decoration:none; color:#475a6d; background-color:#d1d1d1; font-size:9.0pt; cursor:pointer; border:1px solid #aaa; padding:5px 10px; margin:0px; width:100px}
a.eltMenuContexte:hover     {text-decoration:underline; background-color:#3f5061}
/** Page d'erreur */
p.titreMessageErreur        {font-size:large; font-weight:bold; color:#990000; text-align:center}
p.MessageErreur             {font-size:larger;font-style:italic; font-weight:bolder; color:#9932CC; text-align:center}
.last-user-maj		    {font-style:italic}
/** Validation */
label.error                 {background:url("/img/validation/unchecked.gif") no-repeat 0px 0px; padding-left:16px; padding-bottom:2px; font-weight:bold; color:#EA5200}
input.error                 {border:1px solid red}
tr.error, option.error      {background-color:#FFA0A0}
.text-uppercase             {text-transform:uppercase}
/** Recherche utilisateur */
.searchuserbtnsupp          {color:#FF4040; font-size:6pt; display:inline; border-style:hidden; border-width:0px}
div.searchuser              {display:inline-block; width:33%}
div.searchuser>a            {display:inline-block; width:190px}
/** Barres */
div.barre                   {display:table; width:100%; height:20px; color:#ffffff; font-weight:bold; background-color:rgb(2, 0, 54); padding:0px 0px 0px 0px; margin:10px 0px 2px 0px; border-radius:4px 4px 4px 4px; min-height:30px}
div.barre>span              {display:table-cell; vertical-align:middle; padding:2px 10px 2px 10px; height:20px; white-space:nowrap}
div.barre>span>h2           {font-size:1em; display:inline; white-space:nowrap}
div.barre input[type='text']:read-only {color: #ffffff}
div.barre .btnOut {margin:0 10px 0 0}
.ui-tabs                    {font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:10pt}
.ui-dialog .ui-dialog-titlebar {height:15px}
.ui-dialog .ui-dialog-title {margin:0}
/** Reprise OG */
.listfond                   {font-size:10pt; font-weight:normal; font-family:serif}
/** LIBELLE */
.texte                      {color:#000080; text-align:left}
.lectureS                   {border:none; background-color:#FFFFFF; color:#000000; font-weight:bold; font-size:1em}
/** Ged */
#LienGedOpener, #LienGedExterneOpener {font-weight:normal; color:#FFAF00}
#LienGedOpener:hover, #LienGedExterneOpener:hover {font-weight:bold; color:darkorange}
div.ged-entete              {padding-bottom:5px; margin-bottom:15px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#6984A1;width:770px}
div.ged-section             {margin: auto 15px auto 15px}
.ged-description            {margin-bottom:15px}
.ged-libelle                {color:#6984A1}
.gedFichierSupression       {text-align:right; padding-right:0.5em}
.icon-paperclip-ok          {background-image:url("/img/ged/paperclip.png") !important; background-position:-1px -4px; width:20px; height:20px}
.icon-paperclip-doc         {background-image:url("/img/ged/paperclip.png") !important; background-position:-23px -4px; width:20px; height:20px}
.icon-paperclip-ko          {background-image:url("/img/ged/paperclip.png") !important; background-position:-44px -4px; width:20px; height:20px}
.ged-description            {width:100%; text-align:left}
.ged-description>tbody>tr>td{border-bottom:1px solid #6984a1; height:3em}
/** Ged-Justif */
.btn-supprimer              {border:none; background:transparent; padding:2px; border-radius:4px}
.ui-icon-red                {width:16px; height:16px; display:inline-block; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkred_256x240.png)}
.ui-icon-red:hover          {width:16px; height:16px; display:inline-block; cursor:pointer; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkorange_256x240.png)}
#idDocJustif .fdTDEnTete    {min-width: 25%}
.highlight {animation:flash 2.5s ease-out}
@keyframes flash    {0% {background-color:#ffe8cc} 100% {background-color:transparent}}
.dragandrophandler>.ajax-upload-dragdrop{padding:3px 0 0 0}
.ajax-upload-dragdrop	{color:#727376}
.ajax-upload-dragdrop:focus-within {border:2px solid #0078d4; border-radius:4px; outline-offset:4px; outline:2px solid #0078d4}
.ajax-file-upload-container {margin: 0}
.ajax-file-upload-filename  {font-size:0.6em; text-align:left}
.ajax-file-upload           {background: darkblue}
.ajax-file-upload-error     {color:#FF0000; font-weight:bold}
.ajax-file-upload:hover	    {background:#1f6d94}
.ajax-file-upload-green               {border:1px solid #c5c5c5; background-color:#558240; color:white; font-weight:600; font-size:1rem; padding:.2em 1em; margin:0px 10px 0px 0px; border-radius:4px; min-height:20px}
.ajax-file-upload-green:hover         {border:1px solid #ccc; background:#ededed; color:#2b2b2b; box-shadow:1px 2px 10px 3px #9FA4C9}
.ajax-file-upload-green:active        {border:1px solid #003eff; background:#007fff; color:#fff}
.ajax-file-upload-green:focus         {border:1px solid #ccc; background:#ededed; color:#2b2b2b}
.ui-widget-header           {background:#001c54; color:white}
.ui-widget-header .ui-icon {background-image: url("../astre/contrib/css/smoothness/images/ui-icons_222222_256x240.png")}
/*.ui-datepicker .ui-datepicker-prev {background:white}
.ui-datepicker .ui-datepicker-next {background:white}*/
.ui-datepicker-header a {background:white}
/*.ui-datepicker-prev:hover .ui-icon {background-image: url("../astre/contrib/css/smoothness/images/ui-icons_222222_256x240.png")}
.ui-datepicker-next:hover .ui-icon {background-image: url("../astre/contrib/css/smoothness/images/ui-icons_222222_256x240.png")}*/
.ui-dialog .ui-dialog-titlebar-close {background-color:white}
/*.ui-dialog .ui-dialog-titlebar-close:hover {background-color:white}
.ui-dialog .ui-dialog-titlebar-close:focus {background-color:white}*/
.programmatic-focus {outline:auto}
.portlet .ui-dialog-titlebar-close {position:absolute; right:.3em; top:50%; width:20px; margin:-10px 0 0 0; padding:1px;  height:20px}
/*.portlet .ui-dialog-titlebar-close {background-color:white}
.portlet .ui-dialog-titlebar-close:hover {background-color:white}
.portlet  .ui-dialog-titlebar-close:focus{background-color:white}*/
span.facultatif             {font-style:italic; color:#000} 
/** Prestation voyagiste */
div.contenu.prestationsVoyagiste {margin-bottom:10px}
.icon-voyagiste 		{display:inline-block; height:18px; width:18px; margin-top:12px; margin-right:15px}
div.contenu.prestationsVoyagiste span {display:inline-block; position:relative; top:-5px}
/** Menu */
#div_Menu               {height:30px; text-align:center; z-index:255; position:relative; margin-left:auto; margin-right:auto; background-color:rgb(0,40,255)}
ul.menu                 {list-style:none; margin:0; padding:0}
ul.menu *               {margin:0; padding:0; cursor:default}
ul.menu *:hover         {cursor:pointer}
ul.menu a               {display:block; font-size:14px; font-weight:600; color:#ffffff; text-decoration:none; white-space:nowrap}
ul.menu li              {position:relative; float:left; margin-right:2px}
ul.menu ul              {position:absolute; top:29px; left:4px; background:darkblue; display:none; opacity:0; list-style:none}
ul.menu ul li           {position:relative; min-width:148px; margin:0}
ul.menu ul li a         {display:block; padding:3px 7px 5px; background-color:darkblue; text-align:left; font-size:14px; height:24px}
ul.menu ul li a:hover   {color:#FF69B4; background-color:darkblue}
ul.menu ul ul           {left:106px; top:-1px}
ul.menu .menulink       {padding:5px 7px 7px; background-color:rgb(0,40,255); min-width:93px; border:none; width:93px}
ul.menu .menulink:hover,
ul.menu .menuhover      {background-color:darkblue}
ul.menu .sub            {background:darkblue url(/img/menu/arrow.gif) 137px 9px no-repeat; font-size:14px}
ul.menu .topline        {border-top:1px solid #aaa}
/** FdListe */
table.FdListe			{text-align:left;width:100%}
table.FdListe>thead>tr>th,
table.FdListe>thead>tr>td       {white-space:nowrap; background-color:#222c4a; border:none; font-weight:bold; color:#ffffff; font-family:serif}
table.FdListe>thead>tr.EnteteFilter th {white-space:nowrap; background-color: white}
table.FdListe>tbody>tr>td,
table.FdListe>tbody>tr>th{border-width:1px; border-left:0px solid; border-right:0px solid; border-color:#6984a1; border-style:solid; text-align:left; padding-left:4px; line-height:1.5em}
table.FdListe>tbody>tr>td.nombre{text-align:right}
table.FdListe td, table.FdListe th		{padding:4px}
tr.clickable-row:hover          {background-color:#FF74D0; cursor:pointer}
tr.clickable-row.error:hover    {background-color:#FF0000}
/* Si on veut colorer les lignes paires/impaires
#Liste tr.clickable-row:nth-child(odd) {background-color: #EEEEEE}
#Liste tr.clickable-row:hover {background-color: #FF74D0}*/
tr.warn                         {background-color:#F5D0A9}
tr.warning                      {background-color:#B8860B}
tr.warn.warning                 {background-color:#FE7878}
tr.error                        {background-color:#FE7878}
tr.error:hover                  {background-color:#FF0000}
input.btnRefresh                {width:16px; height:16px; display:inline-block; background-position: -128px -64px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_white_256x240.png)}
div.retour-liste		{margin:5px; font-size:1rem}
input.btnTopOut			{margin-left:20px; width:16px; height:16px; display:inline-block; background-position: -160px -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_2e83ff_256x240.png)}
/** FdFiche */
table.FdFiche>thead>tr>th       {background-color:#222c4a; border:none; font-weight:bold; color:#ffffff; font-family:serif; text-align:center}
table.FdFicheFull>thead>tr>th,
table.FdFicheFull>thead>tr>td   {background-color:#222c4a; border:none; font-weight:bold; color:#ffffff}
table.FdFicheFull>thead>tr>th   {font-family:serif; text-align:center}
input[type='text']:read-only, textarea:read-only, select:disabled {background-color:transparent; border:none; outline:none}
input.consultation {background-image:url(/img/bouton/consultation.png); width:85px}
input.consultation:hover {background-image:url(/img/bouton/consultation_hover.png); width:85px}
/** Bouton de la dynatable */
input.btnTSupprOut              {width:16px; height:16px; display:inline-block; background-position: -16px -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkred_256x240.png)}
input.btnTSupprOut:hover	{width:16px; height:16px; display:inline-block; background-position: -16px -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkorange_256x240.png)}
input.btnTInsertOut             {width:16px; height:16px; display:inline-block; background-position: 0 -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkgreen_256x240.png)}
input.btnTInsertOut:hover	{width:16px; height:16px; display:inline-block; background-position: 0 -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkorange_256x240.png)}
input.btnTAnnuleOut             {width:16px; height:16px; display:inline-block; background-position: -32px -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_gray_256x240.png)}
input.btnTAnnuleOut:hover	{width:16px; height:16px; display:inline-block; background-position: -32px -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_gray_256x240.png)}
input.btnTUpOut                                 {width:16px; height:16px; display:inline-block; background-position: -160px -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkgreen_256x240.png)}
input.btnTDownOut                               {width:16px; height:16px; display:inline-block; background-position: -128px -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkgreen_256x240.png)}
input.btnTUpOut:hover, input.btnTDownOut:hover  {background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkorange_256x240.png)}
/** Msg avertissement */
div.avertissement{text-align:left; font-weight:bold; color:#e50000} /*red*/
/** jQuery-ui 1.13.2  */
button.btnAuto,button.btnCsl,
button.btnCalendar		 {padding-right:0px}
span.btnDate			 {border-bottom-left-radius:0; border-top-left-radius:0}
a.ui-spinner-button		 {width:1.3em}
.ui-datepicker-week-end a	 {color: #727272 !important; background:white !important}
.ui-menu-item div		 {white-space:nowrap}
.lnk				 {margin-top:10px}
.ui-tooltip-content		 {font-size:1.5em; font-family:Calibri}
/** Bas Outils */
html{scroll-padding-bottom:50px;}
form{padding-bottom: 50px}
.bOutils {padding-bottom:5px}
.bOutils table{width:100%}
.bOutils td{width:20%}
.bOutils td:first-child{width:10%}
.bOutils td:last-child{width:10%}
.bOutils{position:fixed; bottom:0; background-color:white; width:99%; min-width:450px; max-width:1600px}
.bOutils button       {min-width:120px; border-width:2px; margin: 5px 10px 0px 0px; border-radius:5px}
#action_Accueil, 
#action_Quitter       {background-color:rgb(0,40,255); color:white; font-weight:600; font-size:1rem}
#action_Inserer	      {background-color:darkblue; color:white; font-weight:600; font-size:1rem}
#action_Valider       {background-color:darkgreen; color:white; font-weight:600; font-size:1rem}
#action_Supprimer     {background-color:#727272; color:white; font-weight:600; font-size:1rem} /*grey*/
/** x clear input */
input::-ms-clear            {display:none; width:0; height:0}
.clearable	{background:url(/img/bouton/icon-clear.png) no-repeat right -10px center}
.clearable.x	{background-position: right 5px center}
.clearable.onX	{cursor:pointer}
#Criteres fieldset {border:0; padding:0; margin:0; width:45%; display:inline-block}
input.btnTUpOut                                 {width:16px; height:16px; display:inline-block; background-position: -160px -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkgreen_256x240.png)}
input.btnTDownOut                               {width:16px; height:16px; display:inline-block; background-position: -128px -192px; background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkgreen_256x240.png)}
input.btnTUpOut:hover, input.btnTDownOut:hover  {background-image:url(../astre/contrib/css/smoothness/images/ui-icons_darkorange_256x240.png)}
.sr-only	{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; white-space:nowrap; border:0; clip-path:inset(50%)}
.btnEntete	{background:none; border:none; padding:0; font:inherit; color:inherit}