@import url('https://fonts.googleapis.com/css2?family=Open+Sans');

/* Couleurs
#002F3C : de bouton hover ou du menu principal
#FFD0C3 : invert de #002F3C
#335963 : menu principal hover
*/

/* Styles Généraux */
BODY  { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000000; }
TABLE { font-size: 14px; }

/* Messages */
.msg_info   { background-color: #eaeaea; background-image: none; color: #002F3C; padding: 5px 10px; margin: 5px 0; border-radius: 8px; border: 1px solid #002F3C; }
.msg_denied { background-color: #f65656; background-image: none; color: #FFFFFF; margin: 100px 0px; font-size: 30px; text-align: center; width: auto; border-radius: 8px; }
.msg_erreur { background-color: #feeeee; background-image: none; padding: 5px 10px; margin: 5px 0px; border-radius: 8px; border: 1px solid #980000; }
.msg_notice { background-color: #eef1fe; background-image: none; padding: 5px 10px; margin: 5px 0; border-radius: 8px; border: 1px solid #00095a; }

/* Boutons et icones */
.bouton       { width: auto; max-width: 200px; height: auto; padding: 6px 34px 6px 16px; border: 1px solid #A8A8A8; border-radius: 8px; background-size: 16px; background-position: 92% center; font-size: 14px; text-align: left; transition: .3s ease; background-color: #FFFFFF; }
.bouton.actif { border: 2px solid #002F3C; }

.bouton_page_prec,
.bouton_page_suiv,
.bouton_icone { background-size: 16px; transition: .3s ease; background-color: #FFFFFF; border-radius: 6px; border: 1px solid #A8A8A8; height: 23px; width: 23px; }

.bouton_page_prec:not(.inactif):hover,
.bouton_page_suiv:not(.inactif):hover,
.bouton_icone:not(.inactif):hover,
.zone_header_menu .bouton_icone_libelle:not(.inactif):hover,
input[type=submit]:not(.inactif):hover,
input[type=button]:not(.inactif):hover,
.bouton:not(.inactif):hover { color: #000000; text-decoration: none; background-color: #FFD0C3 !important; border-color: #FFD0C3; filter: invert(1); }

/* MV: 24/05/2022 : Pas d'invert pour les boutons d'action massive, car les icones ne sont pas encore toutes refaites en SVG noir */
.actions_massive .bouton:hover { background-color: #E0E0E0 !important; border-color: inherit; filter: invert(0); }

.bouton_icone_libelle,
.icone                      { background-size: 16px; }
.bouton_icone_libelle:hover { color: #002F3C; }

.bouton_page_prec,
.bouton_page_suiv           { margin: 0px 5px; }

.bouton_lien                { display: inline-block; font-size: 12px; border: 1px solid #002F3C; border-radius: 6px; padding: 6px 16px 6px 24px; background-color: #FFFFFF; background-size: 14px; transition: .3s ease; }
.bouton_lien:hover          { color: #FFFFFF; background-color: #002F3C; text-decoration: none;	 }

.actions_massive .bouton                    { width: auto; max-width: 250px; }
.actions_massive .bouton_plus_popup .bouton { padding-left: 24px; }

.bouton_plus_popup .bouton:not(.bouton_icone_more) { border-radius: 0px; line-height: 32px; border: inherit; }
.page_gauche .bouton_plus_popup.remonte { left: 60px; }

.actions_massive .bouton_plus_popup .bouton { font-size: 12px; }

#bouton_afficher_menus                               { display: none!important; }
#a_BOUTON_RETRACTER .libelle_AFFICHER_MENU           { background-image: url('../ressources/ONEBASE/images/UX/icons/close-right.svg'); background-size : 20px; padding-left: 30px; }
.retracte #a_BOUTON_RETRACTER .libelle_AFFICHER_MENU { background-image: url('../ressources/ONEBASE/images/UX/icons/close-left.svg'); padding-left: 6px; }


.bouton_icone_vider      { background-image: url(../ressources/ONEBASE/images/UX/icons/cross.svg); margin-top: inherit; }
.bouton_icone_filtrer    { background-image: url(../ressources/ONEBASE/images/UX/icons/filter.svg); }
.form_bouton_masquer     { background-image: url(../ressources/ONEBASE/images/UX/icons/arrow-down.svg); }
.form_bouton_afficher    { background-image: url(../ressources/ONEBASE/images/UX/icons/arrow-right.svg); background-position: 6px center; }
.bouton_icone_plus       { background-image: url(../ressources/ONEBASE/images/UX/icons/plus.svg); }
.bouton_create           { background-image: url(../ressources/ONEBASE/images/UX/icons/plus.svg); }
.bouton_save             { background-image: url(../ressources/ONEBASE/images/UX/icons/save.svg); }
.bouton_icone_pick       { background-image: url(../ressources/ONEBASE/images/UX/icons/arrow-down-full.svg); background-size: 8px; }
.bouton_icone_copy,
.bouton_copy             { background-image: url(../ressources/ONEBASE/images/UX/icons/copy.svg); }
.bouton_duplication      { background-image: url(../ressources/ONEBASE/images/UX/icons/copy-important.svg); }
.bouton_reinitialiser    { background-image: url(../ressources/ONEBASE/images/UX/icons/trash.svg); }
.bouton_icone_modif_avancee,
.bouton_editer           { background-image: url(../ressources/ONEBASE/images/UX/icons/edit.svg); }
.bouton_delete           { background-image: url(../ressources/ONEBASE/images/UX/icons/delete.svg); }
.bouton_actualiser       { background-image: url(../ressources/ONEBASE/images/UX/icons/refresh.svg); }
.bouton_retour_liste,
.bouton_affiche_liste    { background-image: url(../ressources/ONEBASE/images/UX/icons/list.svg); }
.bouton_remonter         { background-image: url(../ressources/ONEBASE/images/UX/icons/retour.svg); }
.bouton_role             { background-image: url(../ressources/ONEBASE/images/UX/icons/roles.svg); }
.libelle_RAPPORT,
.bouton_rapport          { background-image: url(../ressources/ONEBASE/images/UX/icons/rapport.svg); }
.bouton_importer         { background-image: url(../ressources/ONEBASE/images/UX/icons/import.svg); }
.bouton_exporter         { background-image: url(../ressources/ONEBASE/images/UX/icons/export.svg); }
.bouton_print            { background-image: url(../ressources/ONEBASE/images/UX/icons/imprimer.svg); }
.bouton_icone_supprimer  { background-image: url(../ressources/ONEBASE/images/UX/icons/delete-red.svg); }
.bouton_icone_new        { background-image: url(../ressources/ONEBASE/images/UX/icons/creer.svg); }
.bouton_detail           { background-image: url(../ressources/ONEBASE/images/UX/icons/loupe.svg); }
.bouton_validation       { background-image: url(../ressources/ONEBASE/images/UX/icons/validation.svg); }
.bouton_icone_prec       { background-image: url(../ressources/ONEBASE/images/UX/icons/precedent.svg); }
.bouton_icone_suiv       { background-image: url(../ressources/ONEBASE/images/UX/icons/suivant.svg); }
.bouton_modif            { background-image: url(../ressources/ONEBASE/images/UX/icons/edit-full.svg); }
.bouton_icone_voir       { background-image: url('../ressources/ONEBASE/images/UX/icons/oeil.svg'); }
.bouton_icone_masquer    { background-image: url('../ressources/ONEBASE/images/UX/icons/oeil-barre.svg'); }
.bouton_icone_acces      { background-image: url(../ressources/ONEBASE/images/UX/icons/go.svg); }
.bouton_go               { background-image: url(../ressources/ONEBASE/images/UX/icons/go.svg); }
.bouton_icone_OK         { background-image: url(../ressources/ONEBASE/images/UX/icons/ok.svg); }
.bouton_icone_add        { background-image: url(../ressources/ONEBASE/images/UX/icons/plus-fill.svg); }
.bouton_icone_tri_desc   { background-image: url(../ressources/ONEBASE/images/UX/icons/tri_desc.svg); background-size: 11px; }
.bouton_icone_tri_asc    { background-image: url(../ressources/ONEBASE/images/UX/icons/tri_asc.svg); background-size: 11px; }
.bouton_icone_principale { background-image: url(../ressources/ONEBASE/images/UX/icons/etoile.svg); }
.bouton_icone_aide       { background-image: url('../ressources/ONEBASE/images/UX/icons/aide.svg'); }
.bouton_icone_more       { background-image: url('../ressources/ONEBASE/images/UX/icons/menu-points-vertical.svg'); }

/* Libellés et icones */
.lien_go                     { background-image: url('../ressources/ONEBASE/images/UX/icons/go.svg'); }
.libelle_LOV                 { background-image: url(../ressources/ONEBASE/images/UX/icons/list.svg); }
.FICHIER_ICO_TXT             { background-image: url(../ressources/ONEBASE/images/UX/icons/catalogue.svg); background-size: 15px; }
.libelle_FEUILLE_STYLE       { background-image: url(../ressources/ONEBASE/images/UX/icons/fichier_css.svg); }
.titre_entite_FORM           { background-image: url(../ressources/ONEBASE/images/UX/icons/form.svg); background-size: 16px; }
.titre_PARAMETRAGE           { background-image: url(../ressources/ONEBASE/images/UX/icons/parametrage.svg); background-size: 16px; }
.libelle_INDICATEUR          { background-image: url(../ressources/ONEBASE/images/UX/icons/tableau-de-bord.svg); }
.libelle_ADHERENT            { background-image: url(../ressources/ONEBASE/images/UX/icons/adherent.svg); }
.libelle_EDITION             { background-image: url(../ressources/ONEBASE/images/UX/icons/edition-full.svg); }
.libelle_ARBO_DEF            { background-image: url(../ressources/ONEBASE/images/UX/icons/arbo-def.svg); }
.libelle_ARBO,
.libelle_ARBO_I              { background-image: url(../ressources/ONEBASE/images/UX/icons/dossier.svg); }
.libelle_DEF_CHAMP           { background-image: url(../ressources/ONEBASE/images/UX/icons/parametrage.svg); }
.libelle_ALERTE_BALISE       { background-image: url(../ressources/ONEBASE/images/UX/icons/alerte-balise.svg); }
.libelle_ANNEXE              { background-image: url(../ressources/ONEBASE/images/UX/icons/annexe.svg); }
.libelle_DUPLICATION_AVANCEE { background-image: url(../ressources/ONEBASE/images/UX/icons/copy-important.svg); }
.libelle_ARTICLE_CONCURRENT  { background-image: url(../ressources/ONEBASE/images/UX/icons/article_concurrent.svg); }
.libelle_JAVASCRIPT          { background-image: url(../ressources/ONEBASE/images/UX/icons/javascript.svg); }
.libelle_MAQUETTE            { background-image: url(../ressources/ONEBASE/images/UX/icons/maquette.svg); }
.libelle_FOUR_ADRESSE        { background-image: url(../ressources/ONEBASE/images/UX/icons/four_adresse.svg); }
.libelle_FORMAT_PDF          { background-image: url(../ressources/ONEBASE/images/UX/icons/format_pdf.svg); }
.libelle_CLIENT              { background-image: url(../ressources/ONEBASE/images/UX/icons/profil-full.svg); }
.libelle_DOSSIER             { background-image: url(../ressources/ONEBASE/images/UX/icons/dossiers.svg); }
.libelle_MARQUE              { background-image: url(../ressources/ONEBASE/images/UX/icons/marque.svg); }
.libelle_AGENCE,
.libelle_ADHERENT_AGENCE     { background-image: url(../ressources/ONEBASE/images/UX/icons/office.svg); }
.libelle_PAGE                { background-image: url(../ressources/ONEBASE/images/UX/icons/page.svg); }
.libelle_PAGE_PLAGE          { background-image: url(../ressources/ONEBASE/images/UX/icons/page_plage.svg); }
.libelle_PAGE_PDF            { background-image: url(../ressources/ONEBASE/images/UX/icons/page_pdf.svg); }
.libelle_TPL                 { background-image: url(../ressources/ONEBASE/images/UX/icons/template.svg); }
.libelle_TARIF_FOUR_COMP     { background-image: url(../ressources/ONEBASE/images/UX/icons/tarif_four_comp.svg); }
.libelle_TARIF_FOUR          { background-image: url(../ressources/ONEBASE/images/UX/icons/tarif_four.svg); }
.libelle_SOURCING            { background-image: url(../ressources/ONEBASE/images/UX/icons/sourcing.svg); }
.libelle_PROMO               { background-image: url(../ressources/ONEBASE/images/UX/icons/promo.svg); }
.libelle_PREART              { background-image: url(../ressources/ONEBASE/images/UX/icons/preart.svg); }
.libelle_PAGINATEUR          { background-image: url(../ressources/ONEBASE/images/UX/icons/pagination.svg); }
.libelle_CONFIGURATION       { background-image: url(../ressources/ONEBASE/images/UX/icons/configuration.svg); }
.libelle_ROLE                { background-image: url(../ressources/ONEBASE/images/UX/icons/roles.svg); }
.libelle_TARIF_FOUR_ART      { background-image: url(../ressources/ONEBASE/images/UX/icons/tarif_four.svg); }
.bouton_user,
.titre_entite_CONTACTS,
.libelle_CONTACT,
.libelle_USER                { background-image: url(../ressources/ONEBASE/images/UX/icons/profil-full.svg); }
.libelle_EXPORT              { background-image: url(../ressources/ONEBASE/images/UX/icons/export.svg); }
.libelle_IMPORT              { background-image: url(../ressources/ONEBASE/images/UX/icons/import.svg); }
.libelle_FONCTION            { background-image: url(../ressources/ONEBASE/images/UX/icons/key.svg); }
.libelle_CATEGORISATION      { background-image: url(../ressources/ONEBASE/images/UX/icons/parametrage.svg); }
.libelle_FOURNISSEUR         { background-image: url(../ressources/ONEBASE/images/UX/icons/fournisseur.svg); }
.libelle_FOURNISSEUR.statut_N { background-image: url(../ressources/ONEBASE/images/UX/icons/fournisseur-r.svg); }
.libelle_FOURNISSEUR.statut_O { background-image: url(../ressources/ONEBASE/images/UX/icons/fournisseur-g.svg); }
.libelle_FOURNISSEUR.statut_D { background-image: url(../ressources/ONEBASE/images/UX/icons/fournisseur-d.svg); }
.libelle_PRODUIT            { background-image: url(../ressources/ONEBASE/images/UX/icons/entite-i.svg); }
.libelle_PRODUIT.statut_O   { background-image: url(../ressources/ONEBASE/images/UX/icons/entite-o.svg); }
.libelle_PRODUIT.statut_N   { background-image: url(../ressources/ONEBASE/images/UX/icons/entite-n.svg); }
.libelle_PRODUIT.statut_D   { background-image: url(../ressources/ONEBASE/images/UX/icons/entite-d.svg); }

.libelle_entite,
.lien_go                    { font-size: 13px; line-height: 1.71; background-size: 16px; }

/* MV : 02/03/2023 - demande d'Arnaud de revenir aux couleurs de validation initiales
.libelle_entite_N,
.libelle_entite_O,
.libelle_entite_D           { color: #000000; }
*/

/* Colorpicker */
.ui-colorpicker               { background: #FFFFFF; border: 1px solid #F4F4F4; box-sizing: border-box; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06); border-radius: 12px; }
.ui-colorpicker table tbody   { display: flex; flex-direction: column; }
.ui-colorpicker-map           { border-radius: 8px; overflow: hidden; border: 1px solid #e0e0e0; }
.ui-colorpicker-map-layer-1   { border-radius: 7px; overflow: hidden; border: 1px solid #e0e0e0; }
.ui-colorpicker-map-pointer   { background: url(../ressources/ONEBASE/images/UX/icons/color-swatch-w.png); background-size: 15px; background-position: center; }
.ui-colorpicker-preview-container.ui-colorpicker-padding-left { display: block; margin: 5px 0; }
.ui-colorpicker-bar.ui-colorpicker-border { border-radius: 40px; overflow: hidden; border: none; }
.ui-colorpicker-bar-layer-1,
.ui-colorpicker-bar-layer-2,
.ui-colorpicker-bar-layer-3,
.ui-colorpicker-bar-layer-4   { border-radius: 40px; overflow: hidden; }
.ui-colorpicker-hsv-container { width: 100%; display: block; padding: 5px 10px; box-sizing: border-box; }
.ui-colorpicker-hsv           { display: flex; justify-content: space-between; }
.ui-colorpicker-hsv-h,
.ui-colorpicker-hsv-s,
.ui-colorpicker-hsv-v         { display: flex; flex-direction: column; align-items: center; }
.ui-colorpicker-hsv-h label,
.ui-colorpicker-hsv-s label,
.ui-colorpicker-hsv-v label   { text-align: center; }
.ui-colorpicker-rgb-container { width: 100%; display: block; padding: 5px 10px; box-sizing: border-box; }
.ui-colorpicker-rgb           { display: flex; justify-content: space-between; }
.ui-colorpicker-rgb-r,
.ui-colorpicker-rgb-g,
.ui-colorpicker-rgb-b         { display: flex; flex-direction: column; align-items: center; }
.ui-colorpicker-rgb-r label,
.ui-colorpicker-rgb-g label,
.ui-colorpicker-rgb-b label               { text-align: center; }
.ui-dialog-buttonpane.ui-widget-content   { border-color: transparent; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-widget.ui-button       { color: #FFFFFF; border-radius: 8px; border: none; background: #002F3C; border: 1px solid #002F3C; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 24px; padding: 4px 11px; transition: .3s ease; }
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-default:hover,
.ui-widget.ui-button:hover { background: #FFFFFF; color: #002F3C; }
.ui-state-active,
.ui-widget-content .ui-state-active { background: #E8E8E8; color: #002F3C; }
.ui-dialog-buttonpane.ui-widget-content   { padding: 0; }

/* Fancybox */
.fancybox_info { font-size: 12px; }

/* Datepicker aggrandi seulement au centre */
.page_contenu .ui-datepicker                        { width: 357px; }
.page_contenu #ui-datepicker-div                    { background: #FFFFFF; border: 1px solid #F4F4F4; box-sizing: border-box; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06); border-radius: 12px; padding: 12px; }
.page_contenu #ui-datepicker-div .ui-widget-header  { border: none; background-color: #002F3C; background: #002F3C; padding: 5px 2px; }
.page_contenu .ui-datepicker .ui-datepicker-prev,
.page_contenu .ui-datepicker .ui-datepicker-next    { height: 100%; top: 0; }
.page_contenu .ui-state-default.ui-state-highlight  { background: #007596; background-color: #007596; }

/* MonthPicker */
.page_contenu .month-picker .ui-widget-header  { border: none; background-color: #002F3C; background: #002F3C; padding: 5px 2px; }
.page_contenu .month-picker .ui-state-highlight  { background: #007596; background-color: #007596; }

/* Visas */
.visa_GLOBAL   { background-image: url(../ressources/ONEBASE/images/UX/icons/etoile.svg); background-size: 14px; }
.visa_BLOQUANT { background-image: url(../ressources/ONEBASE/images/UX/icons/cadenas.svg); background-size: 12px; }

/* Page Loader */
#page_reload { background-image: url(../ressources/ONEBASE/images/UX/loader.gif); background-size: 30px; }

/* Barre de Progression */
.form_progression  .progression_statut { padding: 12px 25px; border-radius: 10px; max-width: 180px; font-size: 14px; margin: 10px; max-width: 300px; }

/* Page du Menu principal */
.page_header                 { background-color: #002F3C; }
.page_header.retracte:hover  { background-color: #004B5F; }
.page_header.retracte #tree  { padding: 0px 5px; }
.page_header .left_menu      { padding: 10px 10px; box-sizing: border-box; }
.page_header .logo_owner     { margin-bottom: 20px; display: flex; width: 100%; justify-content: space-between; align-items: center; }

/* Fancytree */
.page_header ul.fancytree-container               { font-family: 'Open Sans', sans-serif; }
span.fancytree-icon                               { background-image: url(../ressources/ONEBASE/images/UX/icons/dossier.svg); background-size: 14px; }
span.fancytree-selectedmenu                       { background-image: none; }
.fancytree_icone_ajoute                           { background-size: 14px; }
.fancytree-ico-ef span.fancytree-icon,
.fancytree-ico-ef span.fancytree-icon:hover,
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon,
.fancytree-ico-cf span.fancytree-icon             { background-position: center center; }
.page_header span.fancytree-node                  { margin: 2px 0; padding: 8px 2px; opacity: .6; transition: .3s ease; border-radius: 8px; box-sizing: border-box; }
.page_header span.fancytree-node:hover            { opacity: 1; background-color: #335963; }
.page_header span.fancytree-node.fancytree-active { opacity: 1; background-color: #335963; font-weight: 600; }
.page_header .fancytree_no_url .fancytree-title,
.page_header span.fancytree-title                 { color: #FFFFFF; cursor: pointer; display: inline-block; vertical-align: top; font-size: 14px; }
.page_header .fancytree_icone_remplace            { background-position-x: 4px; background-position-y: center; }
.page_header span.fancytree-active span.fancytree-title,
.page_header span.fancytree-selected span.fancytree-title   { background-color: transparent; border-color: transparent; border: none; }
.page_header .fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.page_header .fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title { background-color: transparent; border-color: transparent; }
.page_header span.fancytree-node:hover span.fancytree-title { background-color: transparent; border-color: transparent; }
.page_header .fancytree-exp-n span.fancytree-expander,
.page_header .fancytree-exp-nl span.fancytree-expander { display: none; }
.page_header span.fancytree-exp-e,
.page_header span.fancytree-exp-el                     { opacity: 1; }
.page_header .fancytree-exp-c span.fancytree-expander,
.page_header .fancytree-exp-cl span.fancytree-expander,
.page_header .fancytree-exp-e span.fancytree-expander,
.page_header .fancytree-exp-el span.fancytree-expander { position: absolute; right: 5px; background-image: url(../ressources/ONEBASE/images/UX/icons/arrow-down-w.png); background-size: contain; background-repeat: no-repeat; background-position: center; height: 12px; width: 12px; transition: .3s ease; }
.page_header .fancytree-exp-e span.fancytree-expander,
.page_header .fancytree-exp-el span.fancytree-expander { transform: rotate(-180deg); }
/* Niv2 */
.left_menu #tree li li .fancytree-node                  { background-position-x: -50px; }
.left_menu #tree li li .fancytree-node.fancytree-active { background-position-x: 4px; }
/* Niv3 */
.left_menu #tree li li li .fancytree-node               { background-image: none; }
.left_menu #tree li li li .fancytree-title              { margin-left: 0px; padding-left: 10px; }
.left_menu #tree li li li .fancytree-title::before      { content: ''; position: absolute; left: 0; height: 100%; width: 1px; background-color: #FFFFFF; }
/* Separateur de menu */
.page_header span.fancytree-node.separateur             { position: relative; margin-top: 40px; }
.page_header .separateur::before                        { content: ''; position: absolute; top: -20px; left: 0; width: 100%; height: 1px; background-color: #FFFFFF; opacity: .6; }


/* Icones du Menu principal */
.libelle_AFFICHER_MENU  { background-image: url('../ressources/ONEBASE/images/UX/icons/close-left-w.svg'); }
.retracte .libelle_AFFICHER_MENU  { background-image: url('../ressources/ONEBASE/images/UX/icons/close-right-w.svg'); }
.libelle_COMPTE           { background-image: url('../ressources/ONEBASE/images/UX/icons/profil.svg'); }
.libelle_USURPATION       { background-image: url('../ressources/ONEBASE/images/UX/icons/roles.svg'); }
.libelle_MON_PROFIL       { background-image: url('../ressources/ONEBASE/images/UX/icons/mon_profil.svg'); }
.libelle_USER_PREFERENCES { background-image: url('../ressources/ONEBASE/images/UX/icons/settings.svg'); }
.libelle_USER_FILTRES     { background-image: url('../ressources/ONEBASE/images/UX/icons/filtre.svg'); }
.libelle_MON_PASSWORD     { background-image: url('../ressources/ONEBASE/images/UX/icons/cadenas.svg'); }
.libelle_HISTORIQUE       { background-image: url('../ressources/ONEBASE/images/UX/icons/historique.svg'); }
.libelle_DECONNEXION      { background-image: url('../ressources/ONEBASE/images/UX/icons/deconnexion.svg'); }
.libelle_ADMINISTRATION   { background-image: url('../ressources/ONEBASE/images/UX/icons/key.svg'); }
.libelle_PARAM            { background-image: url('../ressources/ONEBASE/images/UX/icons/parametrage.svg'); }
.libelle_CATALOGUE        { background-image: url('../ressources/ONEBASE/images/UX/icons/catalogue.svg'); }
.libelle_VUE_ARBO         { background-image: url('../ressources/ONEBASE/images/UX/icons/arbo-full.svg'); }
.libelle_DONNEES          { background-image: url('../ressources/ONEBASE/images/UX/icons/outils.svg'); }
.libelle_LANGUE           { background-image: url('../ressources/ONEBASE/images/UX/icons/langue.svg'); }
.libelle_TABLEAU_BORD     { background-image: url('../ressources/ONEBASE/images/UX/icons/tableau-de-bord.svg'); }
.libelle_ARTICLES         { background-image: url('../ressources/ONEBASE/images/UX/icons/preart.svg'); }
.libelle_PROJET           { background-image: url('../ressources/ONEBASE/images/UX/icons/dossier_full.svg'); }
.libelle_CONTACTS         { background-image: url('../ressources/ONEBASE/images/UX/icons/contacts.svg'); }
.libelle_MBOX             { background-image: url('../ressources/ONEBASE/images/UX/icons/mbox.svg'); }
.libelle_AIDE_CONTACT     { background-image: url('../ressources/ONEBASE/images/UX/icons/aide-et-contact.svg'); }
.libelle_FORMATION        { background-image: url('../ressources/ONEBASE/images/UX/icons/formation.svg'); }
.libelle_VERSION_SITE,
.libelle_WEB              { background-image: url('../ressources/ONEBASE/images/UX/icons/web.svg'); }
.libelle_REFERENTIELS     { background-image: url('../ressources/ONEBASE/images/UX/icons/referentiel-full.svg'); }
.libelle_OBJETS           { background-image: url('../ressources/ONEBASE/images/UX/icons/objets.svg'); }
.libelle_IMAGE            { background-image: url('../ressources/ONEBASE/images/UX/icons/fichier_image.svg'); }

.left_menu .libelle_COMPTE           { background-image: url('../ressources/ONEBASE/images/UX/icons/profil-w.svg'); }
.left_menu .libelle_USURPATION       { background-image: url('../ressources/ONEBASE/images/UX/icons/roles-w.svg'); }
.left_menu .libelle_MON_PROFIL       { background-image: url('../ressources/ONEBASE/images/UX/icons/mon_profil-w.svg'); }
.left_menu .libelle_USER_PREFERENCES { background-image: url('../ressources/ONEBASE/images/UX/icons/settings-w.svg'); }
.left_menu .libelle_USER_FILTRES     { background-image: url('../ressources/ONEBASE/images/UX/icons/filtre-w.svg'); }
.left_menu .libelle_MON_PASSWORD     { background-image: url('../ressources/ONEBASE/images/UX/icons/cadenas-w.svg'); }
.left_menu .libelle_HISTORIQUE       { background-image: url('../ressources/ONEBASE/images/UX/icons/historique-w.svg'); }
.left_menu .libelle_DECONNEXION      { background-image: url('../ressources/ONEBASE/images/UX/icons/deconnexion-w.svg'); }
.left_menu .libelle_ADMINISTRATION   { background-image: url('../ressources/ONEBASE/images/UX/icons/key-w.svg'); }
.left_menu .libelle_PARAM            { background-image: url('../ressources/ONEBASE/images/UX/icons/parametrage-w.svg'); }
.left_menu .libelle_CATALOGUE        { background-image: url('../ressources/ONEBASE/images/UX/icons/catalogue-w.svg'); }
.left_menu .libelle_VUE_ARBO         { background-image: url('../ressources/ONEBASE/images/UX/icons/arbo-full-w.svg'); }
.left_menu .libelle_EDITION          { background-image: url('../ressources/ONEBASE/images/UX/icons/edition-full-w.svg'); }
.left_menu .libelle_PRODUIT          { background-image: url('../ressources/ONEBASE/images/UX/icons/entite-w.svg'); }
.left_menu .libelle_DONNEES          { background-image: url('../ressources/ONEBASE/images/UX/icons/outils-w.svg'); }
.left_menu .libelle_LANGUE           { background-image: url('../ressources/ONEBASE/images/UX/icons/langue-w.svg'); }
.left_menu .libelle_TABLEAU_BORD     { background-image: url('../ressources/ONEBASE/images/UX/icons/tableau-de-bord-w.svg'); }
.left_menu .libelle_ARTICLES         { background-image: url('../ressources/ONEBASE/images/UX/icons/preart-w.svg'); }
.left_menu .libelle_PROJET           { background-image: url('../ressources/ONEBASE/images/UX/icons/dossier_full-w.svg'); }
.left_menu .libelle_CONTACTS         { background-image: url('../ressources/ONEBASE/images/UX/icons/contacts-w.svg'); }
.left_menu .libelle_ADHERENT         { background-image: url('../ressources/ONEBASE/images/UX/icons/adherent-w.svg'); }
.left_menu .libelle_AGENCE,
.left_menu .libelle_ADHERENT_AGENCE  { background-image: url('../ressources/ONEBASE/images/UX/icons/office-w.svg'); }
.left_menu .libelle_MBOX             { background-image: url('../ressources/ONEBASE/images/UX/icons/mbox-w.svg'); }
.left_menu .libelle_AIDE_CONTACT     { background-image: url('../ressources/ONEBASE/images/UX/icons/aide-et-contact-w.svg'); }
.left_menu .libelle_FORMATION        { background-image: url('../ressources/ONEBASE/images/UX/icons/formation-w.svg'); }
.left_menu .libelle_VERSION_SITE,
.left_menu .libelle_WEB              { background-image: url('../ressources/ONEBASE/images/UX/icons/web-w.svg'); }
.left_menu .libelle_REFERENTIELS     { background-image: url('../ressources/ONEBASE/images/UX/icons/referentiel-w.svg'); }
.left_menu .libelle_OBJETS           { background-image: url('../ressources/ONEBASE/images/UX/icons/objets-w.svg'); }
.left_menu .libelle_EXPORT           { background-image: url(../ressources/ONEBASE/images/UX/icons/export-w.svg); }
.left_menu .libelle_IMPORT           { background-image: url(../ressources/ONEBASE/images/UX/icons/import-w.svg); }
.left_menu .libelle_SOURCING         { background-image: url(../ressources/ONEBASE/images/UX/icons/sourcing-w.svg); }
.left_menu .libelle_RAPPORT          { background-image: url(../ressources/ONEBASE/images/UX/icons/rapport-w.svg); }
.left_menu .libelle_IMAGE            { background-image: url('../ressources/ONEBASE/images/UX/icons/fichier_image-w.svg'); }
.left_menu .libelle_MARQUE           { background-image: url('../ressources/ONEBASE/images/UX/icons/marque-w.svg'); }

/* Page de Contenu central */
.page_contenu                         { background-color: #FAFAFB; }
.page_contenu .zone_titre             { background: #fafafb; border-bottom: 1px solid #E0E0E0; }

/* Prévue Edition */
.zone_titre_page                      { background-color: transparent; background: transparent; box-sizing: border-box; }

/* Titre obsolete */
.page_contenu .onglet_liste_entites   { border: none; background-color: transparent; }
.page_contenu .titre_liste_entites    { color: #000000; border-bottom: none; background-color: transparent; }
.page_contenu .titre_entite           { height: auto; background-color: #FFFFFF; box-shadow: inset 0px -1px 0px #E0E0E0; color: #000000; font-size: 14px; line-height: 24px; text-align: left; font-weight: 400; padding: 8px; border-bottom: 1px solid #E0E0E0; }
.titre_entite .titre_id               { padding: 0px 5px; }
.page_contenu .zone_titre .sous_titre { width: auto; top: 8px; right: 24px; font-size: 12px; line-height: 24px; font-weight: 400; color: #8D8D8D; }

/* Titre Fil Ariane */
.fil_ariane      { min-height: 34px; }
.fil_ariane .fa  { font-size: 14px; line-height: 14px; }
.fil_ariane .sep { font-size: 0px; width: 13px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: 9px; background-image: url(../ressources/ONEBASE/images/UX/icons/arrow-right.svg); opacity: 0.4; }


/* Sections */
.section                 { padding: 12px; background-color: transparent; border-bottom: 1px solid #E0E0E0; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 1.71; letter-spacing: normal; text-align: left; }
.section_zone thead td,
.section_zone thead th   { background-color: #FFFFFF; }
.section_zone            { background-color: #FFFFFF; }
.sous_section            { line-height: 1.71; border-bottom: 1px solid #E0E0E0; margin: 5px 0px; }

/* Higlight la cellule du libellé du champ pour clarifier quel input s'y rattache */
.section_zone tr:hover > td.rh,
.section_zone tr:hover > td.form_libelle_champ,
.section_zone tr:hover > td.form_champ_libelle { background-color: #F9F9F9; }

/* Table */
.table                   { width: 95%; border-spacing: 0; border-collapse: unset; }
.table .sous_section div { font-size: 14px; }
.table tr.selected       { background-color: #e5eaeb; box-shadow: inset -1px 0px 0px #E0E0E0, inset 1px 0px 0px #E0E0E0, inset 0px -1px 0px #E0E0E0; border-radius: 4px; }
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td,
.table > thead > tr > th { padding: 6px; background-color: #FFFFFF; }
.table td.inactif        { opacity: 0.5; background-color: #f7f7f7; }

.table .stats            { font-size: 13px!important; font-weight: 400!important; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; }
.table .stats th,
.table .stats td         { font-size: 12px; background-color: #FFFFFF; }

.table .rh                         { background-color: #FFFFFF; }

/* Pour désactiver les bordures verticales */
.table > tbody > tr > td,
.table > thead > tr > td,
.table > thead > tr > th { border-right: none; }

/* Alternance de couleur des colonnes plus légère que le style par défaut */
.table > tbody > tr > td.colalt,
.table.alterne > tbody > tr > td:nth-child(odd),
.table.alternecol > tbody > tr > td:nth-child(odd)                { background-color: #fbfbfb!important; }
.table > thead > tr > th.colalt,
.table.alterne > thead > tr > th:nth-child(odd),
.table.alternecol > thead > tr > th:nth-child(odd)                { background-color: #fbfbfb; }

/* Pour totalement annuler l'alternance de couleur des colonnes, décommenter ce qui suit
.table .rh,
.table .rh.colalt                                     { background-color: transparent; }
.table.alterne tr td.rh:nth-child(odd),
.table.alternecol tr td.rh:nth-child(odd),
.table.alterne tr:nth-child(odd) td.rh:nth-child(odd) { background-color: #FFFFFF; background-image: none; }
.table.alterne tr td:nth-child(odd),
.table.alternecol tr td:nth-child(odd)                { background-color: #fff!important; }
.table.alterne tr:nth-child(odd) td,
.table.alterne tr th:nth-child(odd),
.table.alternecol tr th:nth-child(odd)                { background-color: #FFFFFF; }
*/

.table.alternelig > tbody > tr:nth-child(odd) > td { background-color: #FFFFFF; }
.table thead                       { border-bottom: 1px solid #E0E0E0; }
.table thead .navigation           { background-color: #FFFFFF; }
.table .titre td,
.table .titre th,
.table caption                     { background-color: #FFFFFF; background-image: none; padding: 12px; font-size: 14px; line-height: 1.71; font-weight: 400; letter-spacing: normal; border: none; }
.table .footer td                  { background-image: none; background-color: #f5f5f5!important; }
.table > thead > tr > th           { background-color: #FFFFFF; color: #6f6f6f; text-transform: uppercase; font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 0.48px; vertical-align: top; }

.table th .headfiltre              { min-height: 6em; }

.table th .head                    { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; overflow: hidden; }
.boutons_tri                       { padding: 0px 2px; z-index: 1; background-color: #FFFFFF; }
.boutons_tri .bouton_icone         { width: 20px; border: none; }
.table th .head .lib               { max-height: 44px; }
.table th .head .boutons_tri       { visibility: hidden; }
.table th .head .boutons_tri.actif,
.table th:hover .head .boutons_tri { visibility: visible; }
.bouton_icone_tri_actif            { background-color: #82C5D5; }

.table th:hover                    { color: #000000; border-bottom: 1px solid #808080; }
.table .sous_section td            { position: relative; background-color: #FFFFFF; color: #000000; font-size: 14px; font-weight: bold; padding: 8px 10px 8px 40px; border-left: none; border-right: none; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; background-image: none; }
.tableau_sous_section_1            { background-color: transparent; color: #000000; font-size: 14px; border: none; }
.tableau_sous_section_2,
.tableau_sous_section_3,
.tableau_sous_section_4,
.tableau_sous_section_5,
.tableau_sous_section_6,
.tableau_sous_section_7            { color: #002F3C; }

.barre_navig                       { font-size: 14px; }
td:nth-child(odd) .barre_navig tr td:nth-child(odd) { background-color: #FFFFFF; }
.barre_navig .sep_crochet          { font-size: 18px; }
.barre_navig .lien_texte           { padding: 0px 5px; border-radius: 5px; }
.barre_navig .lien_texte.actif     { font-weight: bold; background-color: #FFD0C3; filter: invert(1); }

.table.highlight tbody tr:not(.footer):hover { filter: brightness(0.95); -webkit-filter: brightness(0.95); -moz-filter: brightness(0.95); }


/* Exception Header de tableau d'Articles, le Libellé de têtière doit rester case-sensitive, ou pour les popup d'aide */
.table.articles th,
.table#tableau_articles th    { text-transform: inherit; }
th .popup                     { text-transform: initial; }

/* Drag and Drop */
.draggable:hover     { background-image: url('../ressources/ONEBASE/images/UX/icons/drag-transp.svg'); }
.selected .draggable { background-image: url('../ressources/ONEBASE/images/UX/icons/drag.svg'); }

/* Boutons d'action */
.zone_onglets              { padding-top: 5px; padding-bottom: 5px; }

/* Onglets */
.zone_tabs                 { background-color: #FFFFFF; padding-top: 5px; }
.zone_tabs .bouton.bouton_icone_more { border: inherit; border-radius: 2px; padding: 2px 16px; line-height: 24px; font-size: 0px; background-position: center 12px; background-image: url('../ressources/ONEBASE/images/UX/icons/menu-points.svg'); }
.onglet                    { position: relative; background: none; font-size: 14px; line-height: 24px; color: #6F6F6F; transition: .3s ease; margin: 0; padding: 2px 10px; }
.onglet_actif              { position: relative; margin: 0; padding: 2px 10px; font-size: 14px; line-height: 24px; background: none; font-weight: 600; color: #002F3C; }
.onglet_actif::after       { content: ''; width: 100%; height: 3px; position: absolute; bottom: -1px; left: 0; z-index: 5; background-color: #002F3C; }
.onglet_inactif            { display: none; }
.onglet:hover,
.onglet_actif:hover        { color: #FFFFFF; background-color: #002F3C !important; }
.bouton_plus_popup .onglet { transition: none; }

/* Inputs */
input                         { padding: 2px 10px; background: #FFFFFF; border: 1px solid #C6C6C6; border-radius: 6px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; }
input[type=number]            { padding-right: 0px; }
input:focus,
input:active                  { border-color: #005269; }
.barre_navig input[type=text] { font-size: 14px; line-height: 24px; border: 1px solid #C6C6C6; }
input[type=button],
input[type=submit]            { padding: 6px 16px; border: 1px solid #A8A8A8; border-radius: 8px; color: #585858; font-family: inherit; font-size: 14px; line-height: 17px; font-weight: bold; white-space: nowrap; transition: .3s ease; background-color: #FFFFFF; }
input[type=submit].bouton     { padding: 6px 34px 6px 16px; }
input[type=radio]             { margin-right: 3px; }
input[type=file]              { border: 1px dashed black;	padding: 10px 15px; }
select                        { padding: 2px 12px; background: #FFFFFF; border: 1px solid #C6C6C6; box-sizing: border-box; border-radius: 6px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; }
textarea                      { font-size: 14px; background: #FFFFFF; border: 1px solid #C6C6C6; border-radius: 6px; padding: 2px 10px; }
textarea.monoligne            { height: 18px; }

.info_article_interne         { font-size: 10px; line-height: 25px; }

/* Formulaires responsive */
.formulaire .form_section                      { background-color: #FFFFFF; border: 1px solid #E0E0E0; }
.formulaire .form_section .form_section_header { font-weight: normal; font-size: 14px; line-height: 24px; }

.form_tip                { width: 95%; box-sizing: border-box; border: 1px solid #C6C6C6; background-color: #eaeaea; border-radius: 4px; text-align: left; font-style: normal; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 11px; line-height: 14px; padding: 5px; }
.form_mention_aide       { color: #989898; }
.form_input_rechercher   { background-image: url(../ressources/ONEBASE/images/UX/icons/search.svg); background-size: 13px; }
.form_valeur_brute       { opacity: .6; padding: 4px 12px; border-radius: 0; }
.form_valeur_brute:hover { border: 1px solid #AAAAAA; }
.champ.type_CSS          { width: 95%; }

.formulaire .tip_masque  { width: 40vw; }

/* Floating Label dynamique au dessus de l'input affiché si la zone du libellé du champ compatible */
.avec_label.floating .flabel  { color: #006B89; height: 18px; font-size: 14px; top: 10px; padding-left: 10px; }
.avec_label.floating input.responsive:focus ~ .flabel,
.avec_label.floating input.responsive:valid ~ .flabel,
.avec_label.floating input.responsive:disabled ~ .flabel,
.avec_label.floating input.responsive:read-only ~ .flabel,
.avec_label.floating textarea.responsive:focus ~ .flabel,
.avec_label.floating textarea.responsive:valid ~ .flabel,
.avec_label.floating textarea.responsive:disabled ~ .flabel,
.avec_label.floating textarea.responsive:read-only ~ .flabel,
.avec_label.floating select.responsive:focus ~ .flabel,
.avec_label.floating select.responsive:valid ~ .flabel,
.avec_label.floating select.responsive:disabled ~ .flabel { font-size: 11px; height: 15px; }

/* Ajoute un cadre autour de toute la zone pour pouvoir regrouper le Libellé et sa valeur, utile en mode Page ou pour certain type de champs */
.form_champ_valeur.avec_label.cadre { padding: 2px 10px; border: 1px solid #D0D0D0; border-radius: 6px; }
.form_champ_valeur.avec_label.cadre .label { padding-left: 6px; font-style: italic; color: #969696; }


/* Page des Filtres */
.page_gauche                                           { background-color: #FFFFFF; }
.page_gauche.toggle_filtres.retracte .zone_header_menu { background-color: inherit; }
.page_gauche.retracte:hover                            { background-color: #E5F4F7; }

/* Onglet de Filtres pour le menu Arbo */
.zone_onglets_menu                   { position: relative; height: 32px; left: 0; background-color: #FFFFFF; border-bottom: 1px solid #E0E0E0; }
.zone_onglets_menu .onglet,
.zone_onglets_menu .onglet_actif     { height: auto; }

/* Onglets de Filtres si option Bouton Afficher les Filtres activée */
.toggle_filtres .zone_header_menu                               { background-color: #FFFFFF; border-bottom: 1px solid #E0E0E0; }
.zone_header_menu .bouton_icone_libelle                         { font-weight: normal; font-size: 14px; }
.zone_header_menu #bouton_masquer_menu                          { border-bottom: 1px solid #E0E0E0; }
.zone_header_menu #bouton_masquer_menu .bouton_icone_libelle    { height: 35px; line-height: 35px; width: 400px; }
.page_gauche:not(.retracte) #header_filters                     { height: 35px; }
#header_filters .bouton_elem.actif .bouton_icone_libelle        { position: relative; background-color: inherit; font-weight: bold; }
#header_filters .bouton_elem.actif .bouton_icone_libelle::after { content: ''; position: absolute; bottom: -1px; left: 0; height: 3px; width: 100%; background-color: #000000; }
.toggle_filtres .zone_donnees_menu   { padding-top: 80px; padding-bottom: 60px; }
.toggle_filtres #FOOTER_AREA         { height: 50px; padding: 8px 10px; background-color: #FFFFFF; }

/* Fancytree Filtres */
.bouton_tree_ouvrir:hover              { background-color: rgba(0, 47, 60, 0.2); }
.page_gauche .fancytree_icone_remplace { background-position-y: 10px; }
.page_gauche .fancytree-node           { padding: 4px 0; transition: .3s ease; }
.page_gauche .fancytree-active         { background-color: rgba(0, 47, 60, 0.1); }
.page_gauche .fancytree-node:hover     { background-color: rgba(0, 47, 60, 0.1); }
.page_gauche .fancytree-title          { font-family: 'Open Sans', sans-serif; font-style: normal; font-size: 12px; line-height: 24px; border: none; }
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title,
.page_gauche .fancytree-active .fancytree-title,
.page_gauche span.fancytree-node:hover .fancytree-title { border: none; background-color: transparent; }
.tree_info,
span.fancytree-childcounter            { height: auto; background: rgba(0, 47, 60, 0.2); color: #002F3C; border-radius: 4px; padding: 0px 8px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; }

/* Contenu Filtres */
.table_filtres td                    { font-size: 12px; line-height: 14px; padding-bottom: 4px; }
.table_filtres td.form_libelle_champ { padding-top: 7px; }
.table_filtres td.sous_sous_section  { font-size: 14px; font-weight: 400; font-stretch: normal; line-height: 1.71; letter-spacing: normal; text-align: left; }
.zone_donnees_menu .row              { padding-top: 5px; }

/* Opérateur de filtre */
.form_operateur_filtre               { background-color: #FFFFFF; transition: .3s ease; font-size: 12px; }
.form_operateur_filtre:hover         { background-color: #C6C6C6; }
.form_operateur_filtre_choix_op      { background-color: #eaeaea; border-radius: 4px; line-height: 20px; }

/* Page de sélection Esclave au centre */
.page_instance_choix .filtres        { border: 1px solid #C6C6C6; padding: 10px; width: 300px; }

/* Mire de Login au centre */
.login_zone  { width: 450px; margin-top: 0; background: #002F3C; border: none; border-radius: 8px; padding: 20px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); height: auto; }
.login_texte { font-size: 14px; color: #FFFFFF; }

/* Indicateurs - Tableau de Bord */
#indicateur_container .section { width: 95%; margin: 0 auto 10px; }
.affichage_blocs .indicateur                 { height: 120px; width: 180px; border: 1px solid #002F3C; }
.affichage_liste .indicateur:hover           { background-color: #f7f7f7; }
.affichage_blocs .indicateur .libelle,
.affichage_liste .indicateur .libelle        { padding: 5px 0 5px 25px; font-size: 14px; text-align: left; background-size: 16px; }
.affichage_blocs .indicateur .compteur,
.affichage_blocs .indicateur .compteur       { font-size: 16px; transition: .3s ease; }
.affichage_blocs .indicateur .compteur:hover,
.affichage_liste .indicateur .compteur:hover { box-shadow: none; background-color: #FFFFFF; }
.affichage_blocs .indicateur .compteur,
.affichage_liste .indicateur .compteur                   { background-color: #f7f7f7; border: 1px solid #f7f7f7; font-size: 16px; }
.affichage_blocs .indicateur .compteur.indic_VERT,
.affichage_liste .indicateur .compteur.indic_VERT        { background-color: #00AF33; border: 1px solid #00AF33; color: #FFFFFF; }
.affichage_blocs .indicateur .compteur.indic_VERT:hover,
.affichage_liste .indicateur .compteur.indic_VERT:hover  { color: #000000; }
.affichage_blocs .indicateur .compteur.indic_ORANGE,
.affichage_liste .indicateur .compteur.indic_ORANGE      { background-color: #ff7f00; border: 1px solid #ff7f00; }
.affichage_blocs .indicateur .compteur.indic_ROUGE,
.affichage_liste .indicateur .compteur.indic_ROUGE       { background-color: #dc0012; border: 1px solid #dc0012; }
.affichage_blocs .indicateur .compteur.indic_ROUGE:hover,
.affichage_liste .indicateur .compteur.indic_ROUGE:hover { color: #000000; }
.affichage_blocs .indicateur .compteur.indic_GRIS,
.affichage_liste .indicateur .compteur.indic_GRIS        { background-color: #CECECE; border: 1px solid #CECECE; }
.affichage_blocs .indicateur .compteur.indic_BLEU,
.affichage_liste .indicateur .compteur.indic_BLEU        { background-color: #0000AA; border: 1px solid #0000AA; }
.affichage_blocs .indicateur .compteur.indic_BLEU:hover,
.affichage_liste .indicateur .compteur.indic_BLEU:hover  { color: #000000; }
.indicateur .libelle_PRODUIT                             { background-position: center left; }

/* Rapports */
.rapport_filtres .filtre { font-size: 14px; }

/* Page Accueil */
.page_bienvenue        { background-color: #FAFAFB; }
#bienvenue_box         { width: 100%; background-color: #FAFAFB; background: none; box-sizing: border-box; }
.page_bienvenue #logo  { background-color: #002F3C; padding: 20px; box-sizing: border-box; }

/* Pages statiques */
.AIDE_ET_CONTACT,
.FORMATIONS            { font-size: 16px; }

/* Image Gencod */
.gencod	img	{ margin-top: -15px; }

.tag_texte { border: 1px solid #AFAFAF; background-color: #E8E8E8; height: 20px; }
.tag_texte:hover { border-style: outset; background-color: #F9F9F9; }