/**
* only support by html5 browser, for IE11 you need to redefine color.
*/
@import 'colors.css';
[hidden] {
display: none;
}
.genericColor {
color: var(--main-bg-color);
}
.primaryColor {
color: var(--main-bt-color);
}
.secondaryColor {
color: var(--main-se-color);
}
.color-light-grey {
background-color: #f1f1f1;
}
.color-white {
background-color: #fff !important;
}
/*
* éléments généraux
*/
@font-face {
font-family: 'zona';
src: url('fonts/ZonaPro-SemiBold.otf');
font-weight: normal;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'zonalight';
src: url('fonts/ZonaPro-Light.otf');
font-weight: normal;
font-style: normal;
font-display: auto;
}
body {
height: 99vh;
font-family: 'Segoe UI', sans-serif;
font-size: .8em;
/* scrollbar-face-color: #E9E9E8;
scrollbar-highlight-color: #F4F4F4;
scrollbar-shadow-color: #E5E5E5;
scrollbar-arrow-color: white;
scrollbar-base-color: #C6C6C6; */
margin: 0 0 0 4px;
}
.calc-hack {
height: 99vh;
}
hr {
display: none;
}
input[type='text']:not (.not-an-input ), input[type='file'], input[type='password'], #formContainer select, select, .ToolBarBody input, .ToolBarBody select,
select {
padding: 5px;
min-height: 25px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
border: 1px solid var(--main-se-color);
background-color: #fff;
/* Used to get same appearance when the browser use normal mode (html 5 doctype) or quirk mode (no doctype)*/
box-sizing: border-box;
}
select:disabled {
border-color: #cbcbcb;
cursor: not-allowed;
}
fieldset {
border: 0;
}
.BodyNoBg {
background: none;
}
/* Lien classique */
:link {
text-decoration: none;
color: #00ae8d;
color: var(--main-bg-color);
font-weight: 400;
}
em {
color: #ffab4c;
color: var(--main-bt-color);
text-transform: uppercase;
font-style: normal;
}
:visited {
text-decoration: none;
color: #00ae8d;
color: var(--main-bg-color);
}
:link:hover {
color: #ffab4c;
color: var(--main-bt-color);
opacity: .8;
}
:visited:hover {
color: #ffab4c;
color: var(--main-bt-color);
opacity: .8;
}
select {
font-size: 12px;
padding: 2px;
margin: 1px;
border: #5d6568 1px solid;
color: #5d6568;
background-color: #fff;
}
/* Pb lors de la deselection de l'option, elle apparait toujours comme selectionnee
option[selected] {
background-color: #FFB647;
color: #fff;
vertical-align: top;
margin: 0;
padding: 0;
}
*/
h1, .h1Icons, .Confirm h1, .AdminTitle, .h2TableView {
text-align: left;
font-size: 1.2em;
color: #00ae8d;
color: var(--main-bg-color);
margin-top: 30px;
font-weight: 300;
}
.h1IconsMarc {
margin-top: 4px;
}
h1 img {
margin-top: 4px;
}
h2 {
color: #000;
font-size: 14px;
font-weight: 300;
}
h3 {
color: #525252;
font-size: .7em;
}
h5 {
font-size: .9em;
}
/**
* Tableau standard
*/
table {
font-size: 13px;
vertical-align: middle;
padding: 0;
border-spacing: 0;
}
th {
font-size: 10pt;
padding: 2px;
color: #6F6F6F;
}
input {
font-size: 14px;
}
.welcome {
color: #8C94BF;
font-size: medium;
}
.Required {
color: #ffab4c !important;
color: var(--main-bt-color) !important;
font-weight: bold;
}
.alert {
color: red;
font-weight: bold;
}
/*
.calque{
align: left;
margin-left: 0px;
margin-top: 0px;
}
*/
.Dcm {
margin: 0;
background-color: #DBE1EA;
}
div#toolsDcmView img {
margin-left: 4px;
margin-right: 3px;
}
.FullText {
background-color: #fff;
}
.Blank {
background-color: #fff;
}
/* Boutons standards */
.CommandButton, .CommandLikeButton {
background-color: #ffab4c;
background-color: var(--main-bt-color);
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 0;
padding: 10px;
font-size: 14px;
color: #fff;
cursor: pointer;
margin-left: 5px;
margin-top: 5px;
}
.CommandButton--block {
display: inline-block;
}
.CommandButton[disabled], .CommandButton[disabled]:hover {
opacity: .5;
cursor: unset;
}
.CommandButton:hover, .CommandLikeButton:hover {
opacity: .8;
}
.CommandButton:visited, .CommandButton:link, .CommandLikeButton:visited, .CommandLikeButton:link {
color: white;
}
.required-empty {
color: red !important;
font-weight: bold !important;
text-decoration: underline !important;
}
/*
input
*/
.textbox, textarea, .listbox, select, input.textfield, .bigtextarea, .textboxDisabled, .pagebox {
font-family: 'Arial', sans-serif;
font-size: 12px;
color: #000;
padding: 5px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
border: 1px solid var(--main-se-color);
background-color: #fff;
}
.listbox, select, .pagebox {
font-family: 'Segoe UI', sans-serif;
}
.pagebox {
padding: 0;
}
/*
.textbox:focus, textarea:focus, .listbox:focus, select:focus, .bigtextarea:focus,.pagebox:focus{
font-size: 11px;
padding: 4px;
margin: 3px;
border: #5d6568 1px solid;
color: #5d6568;
background-color: #fff;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
*/
/* input de saisie */
.textboxInput, .selectInput, .DateInputNotMarc {
font-size: 11px;
padding: 4px;
margin: 3px;
border: #5d6568 1px solid;
color: #000;
background-color: #fff;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
width: 300px;
}
.DateInputNotMarc {
width: 7em;
margin-right: .5em;
vertical-align: middle;
}
.assist {
margin-left: .5em;
padding-bottom: .5em;
}
input:disabled, .textboxDisabled {
background-color: #F3F3F3;
border: #d7bca6 1px solid;
}
input[type='radio'] {
border: none;
}
/*classe pour input*/
.textbox {
font-size: 14px;
padding: 5px;
margin: 5px;
border: #99999a 1px solid;
border: var(--main-se-color) 1px solid;
color: #000;
background-color: #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.textbox.selectize-like {
margin: 0;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
/* Compatibilit� Chrome */
background-color: rgb(255, 255, 255);
}
.pagebox {
width: 40px;
min-height: 25px;
text-align: center;
line-height: 12px;
font-size: .9em;
}
/* identique à select selectbox*/
.listbox {
background-repeat: no-repeat;
}
/* div d'attente pour chargement */
#attente {
background: url('../icons/css/flora2/visual/loader.gif') no-repeat 50% 0;
position: absolute;
left: 50%;
top: 20%;
width: 220px;
height: 128px !important;
margin-left: -110px;
text-align: center;
color: #000;
padding: 150px 0 0 0;
font-size: 18px;
z-index: 3000;
}
/* div d'attente pour chargement */
#attenteBasket {
background: url('../icons/css/flora2/visual/basket.gif') no-repeat;
position: absolute;
left: 50%;
top: 20%;
width: 300px;
height: 200px;
margin-top: -100px;
margin-left: -150px;
border: 1px solid #819CBC;
color: white;
font-weight: bold;
padding: 100px 0 0 50px;
}
/* Chargement dans les treeview */
#loading {
background: url('../icons/css/flora2/visual/loader.gif') no-repeat;
/*background: url(../icons/css/flora2/visual/wait_anim.gif) no-repeat;*/
position: absolute;
/*TODO : enlever le align:center qui n'est pas bon quand nouvelle animation de chargement*/
text-align: center;
color: white;
width: 100%;
height: 100%;
margin-top: 100px;
margin-left: 50px;
}
/*fin éléments généraux */
/*page d'accueil*/
#IndexContainer {
position: absolute;
width: 700px;
height: 417px;
left: 50%;
top: 20%;
margin-left: -350px;
}
.LogoAccueil {
position: relative;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
margin-top: 4%;
}
/* Compatibilite Chrome */
input, textarea, select {
outline: none;
color: #000;
}
/* Compatibilite IE11 */
textarea {
white-space: pre-wrap;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
padding: 5px;
border: 1px solid #dddddd;
color: #000;
}
input:active:not ([type=submit] ):not ([type=reset] ):not ([type=button] ):not (.not-an-input ) {
border: 1px solid #ffab4c;
border: 1px solid var(--main-bt-color);
color: #000;
/* padding: 5px; */
}
#IndexAuthentification {
margin: auto;
width: 250px;
height: 250px;
padding: 0;
background-color: #fff;
text-align: center;
}
#IndexContainer p {
color: #707070;
font-size: .9em;
padding: 0;
margin: 4px 0 4px 0;
}
#IndexContainer .textbox {
background-color: #E7E7E7;
border: 0;
color: #000;
height: 5px;
}
#IndexVerification {
position: relative;
margin-top: 105px;
text-align: center;
}
#IndexAnonymous {
color: #707070;
white-space: nowrap;
}
#IndexVerification a {
color: white;
}
#IndexVerification a:hover {
color: #6B6B6B;
}
/*
* frame workspace
*/
/* Main Menu */
.MainMenu {
background-color: #99999a;
background-color: var(--main-se-color);
font-size: 14px;
color: black;
margin: 0;
padding: 0;
}
#Logo {
font-size: 24px;
color: #fff;
position: absolute;
top: 15px;
right: 15px;
font-family: 'zona', sans-serif;
}
#topMenuBanner {
position: absolute;
top: 0;
left: 0;
height: 60px;
background-color: #99999a;
background-color: var(--main-se-color);
width: 230px;
}
.MainMenu li {
display: inline;
}
/* Workspace */
#WorkSpace {
font-size: 14px;
margin: 0;
height: 60px;
background-color: red;
}
#WorkSpace a {
font-size: 14px;
color: #fff;
}
#WorkSpace a:hover {
font-size: 14px;
color: #FF841F;
font-weight: bold;
}
.WorkSpaceSeparator {
color: #FF841F;
}
/*workspaces */
#WorkBar {
background: none repeat scroll 0 0 white;
color: #99999a;
color: var(--main-se-color);
left: 62px;
position: relative;
text-align: center;
top: 22px;
width: 153px;
z-index: 2000;
}
#WksList {
z-index: 20000;
position: relative;
background-color: #fff;
left: 18px;
top: 25px;
width: 200px;
border-bottom-color: #99999a;
border-bottom-color: var(--main-se-color);
border-bottom-style: outset;
border-right-color: #99999a;
border-right-color: var(--main-se-color);
border-right-style: outset;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #99999a;
border-left-color: var(--main-se-color);
}
#WksList a {
color: #99999a;
color: var(--main-se-color);
}
#WksList div {
padding-left: 25px;
margin-left: 5px;
}
/* QuickBar */
#QuickBar {
height: 25px;
background-color: #fff;
line-height: 25px;
font-size: 13px;
color: #99999a;
color: var(--main-se-color);
padding-top: 0;
width: 100%;
display: table;
}
#QuickBar li {
padding-left: 18px;
padding-right: 7px;
padding-bottom: 1px;
}
#QuickBar ul {
display: inline;
-webkit-padding-start: 0;
white-space: nowrap;
}
#QuickBar a {
color: #99999a;
color: var(--main-se-color);
}
/* Gestion des icones */
.icon-workspace_home {
background: url('../icons/css/flora2/menu/icn-home.png') no-repeat;
}
.icon-logout {
background: url('../icons/css/flora2/menu/icn-logout.png') no-repeat;
}
.icon-workspace_stats {
background: url('../icons/css/flora2/menu/icn-stats.png') no-repeat;
}
.icon-workspace_admin {
background: url('../icons/css/flora2/menu/icn-admin.png') no-repeat;
}
.icon-user {
background: url('../icons/css/flora2/menu/icn-user.png') no-repeat;
}
.icon-about {
background: url('../icons/css/flora2/menu/icn-about.png') no-repeat;
}
.icon-mail {
background: url('../icons/css/flora2/menu/icn-mail.png') no-repeat;
}
.icon-workspace_search {
background: url('../icons/css/flora2/menu/icn-search.png') no-repeat;
}
.icon-workspace_serials {
background: url('../icons/css/flora2/menu/icn-periodique.png') no-repeat;
}
.icon-workspace_borrower_account {
background: url('../icons/css/flora2/menu/icn-borrower.png') no-repeat;
}
.icon-workspace_communication {
background: url('../icons/css/flora2/menu/icn-com.png') no-repeat;
}
.icon-workspace_ref {
background: url('../icons/css/flora2/menu/icn-ref.png') no-repeat;
}
.icon-workspace_acquisition {
background: url('../icons/css/flora2/menu/icn-input.png') no-repeat;
}
/* Archives */
.icon-workspace_archives:before {
font-family: FontAwesome;
content: "\f274";
float: left;
position: relative;
right: 10px;
color: #99999a;
color: var(--main-se-color);
}
.icon-workspace_archives_services{
background: url('../icons/css/flora2/menu/icn-toggle.png') no-repeat;
}
.icon-workspace_archive_transfer{
background: url('../icons/css/flora2/menu/icn-search.png') no-repeat;
}
/* Musée */
.icon-workspace_inventaire_musee {
background: url('../icons/css/flora2/menu/icn-ref.png') no-repeat;
}
.icon-workspace_regie_musee:before {
font-family: FontAwesome;
content: "\f274";
float: left;
position: relative;
right: 10px;
color: #99999a;
color: var(--main-se-color);
}
.icon-workspace_portal:before {
font-family: FontAwesome;
content: "\f0e8";
float: left;
position: relative;
right: 10px;
color: #99999a;
color: var(--main-se-color);
}
.icon-workspace_recolement_musee {
background: url('../icons/css/flora2/menu/icn-input.png') no-repeat;
}
/* fin Main Menu */
/* QuickMenu */
#QuickLaunchMenu ul {
display: table-cell;
white-space: nowrap;
}
.QuickMenu {
border: 1px solid white;
}
#QuickNewObject {
position: absolute;
top: 0;
left: 0;
}
#QuickSearch {
position: absolute;
top: 0;
left: 70px;
}
.QuickMenu li {
display: block;
color: gray;
background: url('../icons/css/flora2/visual/bg_quick_menu.gif') repeat-x;
padding: 2px 10px 3px 0px;
list-style: url('../icons/css/flora2/visual/li_quick_menu.gif') inside;
}
.QuickMenu a {
margin-left: 10px;
}
.QuickMenu a:hover {
color: #FF841F;
}
/*
* fin frame workspace
*/
.IndexVersion {
background: #D8D8D8;
}
#VersionContainer {
position: absolute;
width: 700px;
height: 417px;
left: 50%;
top: 12%;
margin-left: -355px;
background: white;
}
.version {
color: #9E9E9E;
font-size: 1.3em;
}
.version span {
color: silver;
font-size: .8em;
}
.version div {
color: #848484;
font-size: .7em;
}
/*
* frame menus principaux gauche
*/
/* TREEVIEW */
.SubMenu {
padding: 0;
margin: 0;
}
.Logo {
margin: 0;
padding: 0;
width: 230px;
height: 73px;
}
#menuTree {
width: 227px;
overflow: auto;
overflow-x: hidden;
position: absolute;
top: 60px;
left: 0;
bottom: 0;
border-right: 1px solid #99999a;
border-right: 1px solid var(--main-se-color);
}
.SubMenu div {
cursor: pointer;
}
.FullScreen {
position: absolute;
top: 11px;
left: 15px;
border: 0;
width: 38px;
height: 38px;
}
.FullScreen-over {
position: absolute;
top: 11px;
left: 15px;
border: 0;
width: 38px;
height: 38px;
}
/*niveau 1*/
.MenuLevel1, .MenuLevel1-over {
color: #000;
font-size: 18px;
width: 195px;
height: 30px;
text-align: left;
padding-top: 5px;
margin-left: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.MenuLevel1 span, .MenuLevel1-over span {
margin-left: -2px;
}
.MenuLevel1-over {
opacity: .8;
}
.IconLevel {
color: #fff;
line-height: 22px;
font-size: 13px;
background-color: #fff;
text-overflow: ellipsis;
text-align: left;
overflow: hidden;
position: relative;
top: 1px;
}
.IconLevel2 {
vertical-align: middle;
margin-left: -10px;
margin-right: 5px;
}
/*niveau 2*/
.MenuLevel2 {
border: 1px solid transparent;
}
.MenuLevel2:first-child, .MenuLevel2-over:first-child {
margin-top: 10px;
}
.MenuLevel2, .MenuLevel2-over {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 25px;
}
.MenuLevel2 span, .MenuLevel2-over span {
font-size: 14px;
}
.MenuLevel2-over {
background-color: #e6ffe6;
font-weight: bold;
border: 1px solid #abf1ab;
}
/*niveau 2*/
.MenuLevel3 {
border: 1px solid transparent;
}
.MenuLevel3, .MenuLevel3-over {
color: #000;
font-size: 13px;
margin-left: 12px;
background-color: #fff;
text-overflow: ellipsis;
text-align: left;
overflow: hidden;
}
.MenuLevel3-over {
background-color: #e6ffe6;
font-weight: bold;
border: 1px solid #abf1ab;
}
.MenuLevel3 span, .MenuLevel3-over span {
padding-left: 38px;
}
#LogoSmall {
margin: 5px 0 20px 30px;
border: 0;
}
/* fin TREEVIEW */
/*
* fin frame menus principaux gauche
*/
/*
page de résultats
*/
/*barre de navigation */
#Navigate, #Navigate2 {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
color: #000;
font-size: 13px;
background-color: #fff;
z-index: 2;
padding-top: 8px;
padding-bottom: 10px;
}
#Navigate2 {
margin-top: 0;
}
#Navigate img {
/*height:10px;*/
position: relative;
top: 2px;
}
/*#Navigate div, #Navigate img {
position: relative;
top: 2px;
}*/
#CountResult {
text-align: center;
margin-top: 5px;
}
/*barre de chemin */
#Path {
font-size: .9em;
color: #99999a;
color: var(--main-se-color);
margin-bottom: 10px;
margin-top: 5px;
padding-left: 10px;
}
/*Tool bar */
.ToolBarContainer {
margin-bottom: 3px;
}
.ToolBarContainerInput {
bottom: 48px;
left: 0;
background-color: #fff;
position: absolute;
}
.ToolBar {
display: inline;
margin-top: 3px;
}
.ToolBarHideButton {
display: inline;
margin-left: 100px;
}
.ToolBarHeader {
height: 36px;
width: 5px;
}
/*
* Barre d'outil
*/
.ToolBarBody {
color: #000;
font-size: .9em;
padding: 5px;
height: 30px;
}
.ToolBarBody img {
margin: 0;
padding: 1px;
vertical-align: middle;
margin-right: 8px;
}
.ToolBarBody span, .ToolBarBody label, .ToolBarBody input {
color: #5d6568;
display: inline;
}
.ToolBarBody input[type=checkbox] {
vertical-align: middle;
}
.ToolBarBodyTitle {
color: #000;
font-size: 1.1em;
font-weight: bold;
}
.ToolBarBodyText {
color: #000;
font-size: .9em;
}
.ToolBarBodyTable {
color: #5d6568;
font-size: .9em;
}
.ToolBarFooter {
height: 36px;
width: 5px;
}
.ToolBarFooterAction {
height: 36px;
width: 5px;
}
#ToolBarInline {
margin-left: 20%;
margin-top: -45px;
float: right;
display: block;
}
/* Tableau fixe d'identifiants */
.IdentArray {
text-align: center;
width: 98%;
height: 68%;
overflow: auto;
border: 0;
border-bottom: 1px solid #e1e1e1;
overflow-y: scroll;
overflow-x: hidden;
}
/* Barre de titre listes de réponse */
.Tableborder {
border: 0;
}
.TableborderOne {
border: 0;
border-style: inset;
text-align: left;
}
#dataHeader {
color: #5D6568;
font-size: 12px;
margin: 3px 0 3px;
padding-top: 3px;
padding-left: 10px;
}
.IdentArraySearchResult {
padding-left: 10px;
padding-bottom: 40px;
}
#dataHeader a {
font-size: 12px;
font-weight: normal;
margin-left: 3px;
}
.question a:link {
color: #5D6568;
}
.QuestionEm {
color: #5d6568;
font-weight: normal;
font-size: 1.5em;
}
th.TitleBarIdent {
text-align: center;
background-color: #fff;
font-weight: bold;
color: #000;
font-size: 13px;
padding: 0;
}
.TitleBarIdent .QuestionEm {
color: #fff;
}
.multicriteria a {
color: #fff;
}
.TitleBarIdent a:link {
padding-left: 5px;
font-weight: normal;
}
.TitleBarIdent a:hover {
padding-left: 5px;
font-weight: normal;
}
th.TitleBarIdentLeft {
text-align: left;
font-weight: bold;
color: #99999a;
color: var(--main-se-color);
font-size: 13px;
padding: 2px;
}
th.TitleBarIdentRight {
text-align: right;
background-color: #999ea0;
font-weight: bold;
color: #99999a;
color: var(--main-se-color);
font-size: 13px;
padding: 2px;
}
.list-summary a {
color: #292929;
}
.list-railroad a {
color: #292929;
}
.list-mosaic a {
color: #292929;
}
/* Numéro */
th.ident-rank {
text-align: center;
background-color: #fff;
font-weight: bold;
color: #000;
width: 25px;
height: 39px;
font-size: 13px;
}
/* Case à cocher */
th.ident-check {
text-align: center;
background-color: #fff;
font-weight: bold;
color: #000;
width: 25px;
font-size: 13px;
height: 39px;
}
/* Toggle */
th.ident-toggle {
text-align: center;
background-color: #fff;
font-weight: bold;
color: #000;
width: 20px;
height: 39px;
font-size: 13px;
}
/* display viewed lines in different color*/
.alreadyView td.ident-rank a {
/* background-image: url('../icons/css/flora2/search/already_view.png');
background-repeat: no-repeat;
background-position: center;
background-size: 25px;
*/
background-color: #00ae8d;
background-color: var(--main-bg-color);
border-radius: 35%;
display: block;
text-align: center;
line-height: 2em;
/* width: 2em;
height: 2em;
*/
color: #fff;
}
.alreadyView td.ident-rank a, .alreadyView td.ident-rank a:hover {
color: #fff;
}
.IdentArraySearchResult tr {
height: 26px;
}
.alternation {
background-color: #f2f2f2;
}
.alternationErrorExtraExtraLight {
background-color: #feeddf;
}
.alternationErrorExtraLight {
background-color: #fcdabf;
}
.alternationErrorLight {
background-color: #fac79e;
}
/* Ligne d'identifiant */
td.Ident {
font-size: 13px;
vertical-align: middle;
}
td.Ident a {
color: black;
}
/* Numéro */
td.ident-rank {
text-align: center;
padding: 2px 3px;
font-size: 1em;
width: 25px;
vertical-align: middle;
}
/* Case a cocher */
td.ident-check {
padding: 2px 3px;
font-size: 1em;
width: 25px;
vertical-align: middle;
}
/* Nom de la source */
td.ident-source {
padding: 2px 3px;
font-size: 1em;
width: 70px;
vertical-align: middle;
}
/* Score TI */
td.ident-score {
padding: 2px 3px;
font-size: 1em;
width: 40px;
vertical-align: middle;
}
td.ident-toggle {
padding: 2px 3px;
font-size: 1em;
width: 20px;
vertical-align: middle;
background-color: #fff;
color: #000;
border-bottom: 3px solid #99999a;
border-bottom: 3px solid var(--main-se-color);
}
/* Type du document d�crit par la notice */
td.ident-doc-type {
padding: 2px 3px;
font-size: 1em;
width: 30px;
vertical-align: middle;
}
td.identImage {
text-align: center;
vertical-align: middle;
}
td.identImage img {
border: 3px solid #fff;
background: #fff;
max-width: 80px;
/*max-height: 80px;*/
/*border-radius: 10%;*/
}
td.identImage img.attachedIcon {
border-radius: 10%;
}
td.identImageMuseeResume {
text-align: center;
vertical-align: middle;
}
td.identImageMuseeResume img {
border: 3px solid #fff;
background: #fff;
max-width: 80px;
/* max-height: 80px;*/
/*border-radius: 10%;*/
}
td.identImageMuseeMosaic {
border: 3px solid #fff;
vertical-align: middle;
width: 200px;
height: 200px;
}
td.identImageMuseeMosaic img {
position: relative;
border: 3px solid #fff;
background: #fff;
max-width: 192px;
max-height: 192px;
vertical-align: middle;
}
/* fin de th */
th.end-header {
background: #fff;
color: #000;
width: 40px;
height: 39px;
}
.IdentListExtraInfos {
color: #5d6568;
font-size: 11px;
font-weight: normal;
}
.IdentListIcommItem {
color: #5d6568;
font-size: 10px;
font-weight: normal;
}
.Onglets, .Onglets3 {
height: 40px;
background: url('../icons/css/flora2/visual/bg_body.gif') white repeat-x;
}
.Onglets3 {
padding-top: 5px;
}
#OngletsAlone {
height: 40px;
background: url('../icons/css/flora2/visual/bg_body.gif') white repeat-x;
}
#OngletsMulti {
height: 25px;
}
.OngletsMulti {
height: 30px;
background: url('../icons/css/flora2/visual/bg_body_multi.gif') white bottom repeat-x;
}
.TabViewMulti {
margin-top: 6px;
color: white;
background: url('../icons/css/flora2/visual/bg_body.gif') white repeat-x;
}
.TabView {
margin-top: 5px;
color: white;
}
.flora-tabs a:link, .flora-tabs a:visited, .flora-tabs a:link, .flora-tabs a:visited, .flora-tabs a:hover, .flora-tabs a:hover {
color: #fff;
}
.flora-musee-tabs a:link, .flora-musee-tabs a:visited, .flora-musee-tabs a:link, .flora-musee-tabs a:visited, .flora-musee-tabs a:hover, .flora-musee-tabs a:hover
{
color: #645b64;
}
.flora-tabs, .flora-musee-tabs {
position: relative;
overflow: hidden;
margin: 0 auto;
margin-bottom: 6px;
font-weight: 300;
font-size: 1.25em;
}
.flora-tabs nav, .flora-musee-tabs nav {
padding: 0 1em;
text-align: center;
}
.flora-tabs nav ul, .flora-musee-tabs nav ul {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
margin: 0 auto;
padding: 0;
list-style: none;
-ms-box-orient: horizontal;
-ms-box-pack: center;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.flora-tabs nav ul li, .flora-musee-tabs nav ul li {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
z-index: 1;
display: block;
margin: 2px;
text-align: center;
-webkit-flex: none;
flex: none;
cursor: pointer;
}
.flora-tabs nav ul li a, .flora-musee-tabs nav ul li a {
color: #0d9564;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.flora-tabs nav ul li a span {
font-weight: 400;
font-size: 14px;
margin: 16px;
}
.flora-musee-tabs nav ul li a span {
font-weight: 700;
font-size: 12px;
margin: 16px;
}
.flora-tabs nav a, .flora-musee-tabs nav a {
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 2;
}
.flora-tabs nav a span, .flora-musee-tabs nav a span {
vertical-align: middle;
font-size: 0.75em;
}
.flora-tabs nav ul li a::after, .flora-musee-tabs nav ul li a::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
outline: 1px solid transparent;
border-radius: 10px 10px 0 0;
content: '';
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flora-tabs nav ul li a::after {
background: darkgrey;
}
.flora-musee-tabs nav ul li a::after {
background: #ebebeb;
}
.flora-tabs nav ul li.tab-current a::after, .flora-musee-tabs nav ul li.tab-current a::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
outline: 1px solid transparent;
border-radius: 10px 10px 0 0;
background: #ffab4c;
background: var(--main-bt-color);
content: '';
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.TabViewSelectedLink, .TabViewSelectedCenter a:hover, .TabViewSelectedCenter a:link, .TabViewSelectedCenter a:visited, .TabViewSelectedLink:hover,
.TabViewSelectedLink:visited, .TabViewSelectedLink:link {
color: #fff;
}
.TabViewSelectedCenter, .TabView2SelectedCenter {
color: #fff;
font-size: 14px;
background-color: #ffab4c;
background-color: var(--main-bt-color);
text-align: center;
padding-left: 2px;
border-color: #ffab4c;
border-color: var(--main-bt-color);
border-style: solid;
border-width: 1px;
}
.TabViewSelectedleft, .TabView2Selectedleft {
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
height: 20px;
width: 2px;
min-width: 2px;
padding: 2px;
background-color: #ffab4c;
background-color: var(--main-bt-color);
border-color: #ffab4c;
border-color: var(--main-bt-color);
border-style: solid;
border-width: 1px;
}
.TabViewSelectedright, .TabView2Selectedright {
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
height: 20px;
width: 2px;
min-width: 2px;
padding: 2px;
background-color: #ffab4c;
background-color: var(--main-bt-color);
border-color: #ffab4c;
border-color: var(--main-bt-color);
border-style: solid;
border-width: 1px;
}
.TabView2SelectedLink, .TabView2SelectedCenter a:hover, .TabView2SelectedCenter a:link, .TabView2SelectedCenter a:visited, .TabView2SelectedLink:hover,
.TabView2SelectedLink:visited, .TabView2SelectedLink:link {
color: #fff;
}
.TabViewNotSelectedCenter, .TabView2NotSelectedCenter {
color: #fff;
font-size: 14px;
background-color: #99999a;
background-color: var(--main-se-color);
text-align: center;
padding-left: 2px;
border-color: #99999a;
border-color: var(--main-se-color);
border-style: solid;
border-width: 1px;
}
.TabViewNotSelectedleft, .TabView2NotSelectedLeft {
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
height: 20px;
width: 2px;
min-width: 2px;
padding: 2px;
background-color: #99999a;
background-color: var(--main-se-color);
border-color: #99999a;
border-color: var(--main-se-color);
border-style: solid;
border-width: 1px;
}
.TabViewNotSelectedright, .TabView2NotSelectedright {
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
height: 20px;
width: 2px;
min-width: 2px;
padding: 2px;
background-color: #99999a;
background-color: var(--main-se-color);
border-color: #99999a;
border-color: var(--main-se-color);
border-style: solid;
border-width: 1px;
}
.TabViewNotSelectedText {
color: #fff;
}
.TabViewNotSelectedCenter a:link, .TabViewNotSelectedCenter a:visited, .TabView2NotSelectedCenter a:link, .TabView2NotSelectedCenter a:visited,
.TabViewNotSelectedCenter a:hover, .TabView2NotSelectedCenter a:hover {
color: #fff;
}
.TabViewSpace {
width: 4px;
}
.TabView2NotSelectedText {
color: #505050;
}
/* Barre de titre dans les vues */
th.TitleBarView {
font-weight: 300;
text-align: left;
padding: 2px;
font-size: 1.5em;
color: #00ae8d;
color: var(--main-bg-color);
}
/* Vue des notices */
.ViewPhotoContainer {
float: right;
background-color: #ECECEC;
margin: 0;
width: 300px;
}
/* en tête des images */
.TabViewPhotoHeaderleft {
height: 9px;
background: #ECECEC url('../icons/css/flora2/table/bg_view_photo_left.gif') top left repeat-x;
}
.TabViewPhotoHeaderright {
height: 9px;
background: #ECECEC url('../icons/css/flora2/table/bg_view_photo_right.gif') top right repeat-x;
}
.TabViewPhotoFooterleft {
height: 29px;
background: #ECECEC url('../icons/css/flora2/table/bg_view_photo_footer_left.gif') top left repeat-x;
}
.TabViewPhotoFooterright {
height: 29px;
background: #ECECEC url('../icons/css/flora2/table/bg_view_photo_footer_right.gif') top right repeat-x;
}
.PhotoContainer {
padding: 10px 10px 10px 20px;
display: block;
}
.ReportIcon {
vertical-align: top;
margin: 0;
position: relative;
padding: 0;
}
/*en tête tableau view*/
.TabViewHeaderLeft {
height: 15px;
width: auto !important;
width: 5px;
}
.TabViewHeaderRight {
height: 15px;
width: auto !important;
width: 5px;
}
th.view-field-title {
padding: 3px;
border: 0;
color: #5d6568;
padding-left: 10px;
}
th.view-field-label {
text-align: left; /* RTL */
vertical-align: top;
font-size: .9em;
padding: 3px;
border: 0;
color: #5d6568;
padding-left: 10px;
}
td.view-field-label {
text-align: left; /* RTL */
vertical-align: top;
font-size: .9em;
padding: 3px;
border: 0;
color: #5d6568;
padding-left: 10px;
}
th.view-field-label2 {
text-align: left; /* RTL */
vertical-align: top;
font-size: .9em;
padding: 3px;
border: 0;
color: #5d6568;
padding-left: 10px;
}
td.view-field-label2 {
text-align: left; /* RTL */
vertical-align: top;
font-size: .9em;
padding: 3px;
border: 0;
color: #5d6568;
padding-left: 10px;
}
td.view-field-value {
text-align: left; /* RTL */
font-size: 1em;
padding: 3px;
border: 0;
padding-right: 10px;
}
.TableView {
padding: 20px;
margin-bottom: 10px;
}
.TableView th {
text-align: left;
}
.h2TableView {
font-size: 1.4em;
}
/* tableau pourconfiguration de la base */
th.dbadmin-field-title {
padding: 3px;
border: 0;
color: #828282;
padding-left: 10px;
}
th.dbadmin-field-label {
text-align: left; /* RTL */
font-size: .9em;
padding: 3px;
border: 0;
border-left: 1px solid #CDCDCD;
padding-left: 10px;
}
td.dbadmin-field-value {
text-align: left; /* RTL */
font-size: 1em;
padding: 3px;
border: 0;
}
th.dbadmin-field-label-top {
text-align: left; /* RTL */
font-size: .9em;
padding: 3px;
border: 0;
border-left: 1px solid #CDCDCD;
border-top: 1px solid #CDCDCD;
padding-left: 10px;
}
td.dbadmin-field-value-top {
text-align: left; /* RTL */
font-size: 1em;
padding: 3px;
border: 0;
padding-right: 10px;
}
/* accueils rubrique */
/*Recherche simple*/
.BgRub {
padding-bottom: 10px;
width: 90%;
}
#BgRubSearchSimple {
background-color: #fff;
color: #000;
margin-left: 5%;
}
#BgRubSearchAdvanced {
background-color: #fff;
color: #000;
margin-left: 5%;
}
#BgRubSearchAdvancedGestion {
background-color: #fff;
color: #000;
margin-left: 5%;
}
#BgRubSearchIntegral {
background-color: #fff;
color: #000;
margin-left: 5%;
}
#BgRubSearchFederated {
background-color: #fff;
color: #000;
}
#BgRubInput {
margin-top: 0;
background-color: #fff;
color: #000;
width: auto !important;
width: 100%;
}
#BgRubAdd {
background-color: #fff;
color: #000;
width: 90%;
}
#BgRubInputStandard {
margin-top: 0;
background-color: #fff;
color: #000;
width: auto !important;
width: 100%;
}
#BgRubAddStandard {
background-color: #fff;
color: #000;
}
#BgRubBasket {
background-color: #fff;
color: #000;
}
#BgRubPublish {
background-color: #fff;
color: #000;
}
#BgRubPrint {
background-color: #fff;
color: #000;
}
#BgRubRichEditor {
background-color: #fff;
color: #000;
}
#BgRubBasketFull {
background-color: #fff;
color: #000;
}
#BgRubSearchZ3950 {
background-color: #fff;
color: #000;
}
#BgRubAdd, #BgRubInput {
margin-top: 30px;
padding-bottom: 0;
padding-left: 0;
margin-left: 5%;
width: 90%;
}
#BgRubAddStandard, #BgRubInputStandard {
padding: 5px;
}
#h1Tools {
margin-left: 90px;
padding-top: 50px;
}
.formSearch td, .formSearch th {
font-size: .9em;
height: 60px;
}
.Step, .StepNone, .StepGestion {
font-size: .9em;
margin: 0 0 10px 0px;
padding: 1px 0 10px 0;
}
.StepNone {
background: white;
}
.StepNoneNoPad {
font-size: .9em;
margin: 0 0 10px 0;
}
.StepNoneNoPadNoDisplay {
background: white;
font-size: .9em;
margin: 0 0 10px 130px;
display: none;
}
.Step h2, .StepNone h2, .StepNoneNoPad h2 {
margin-bottom: 5px;
}
.ContainerButton {
text-align: center;
padding: 10px;
}
#containerButtonCommunication {
margin-left: 2%;
display: inline;
}
#containerButtonCommunication .CommandButton {
margin: 0;
padding: 10px;
font-size: 1em;
}
/* feuille de style flora par défaut*/
.document {
font-size: 13px;
vertical-align: middle;
background: #fff url('../icons/css/default/visual/shadow_textfield.gif') repeat left top;
}
.txtBox1 {
border-top: #464646 1px solid;
font-size: 0.8em;
border-left: #464646 1px solid;
border-bottom: #464646 1px solid;
background-color: #f9f9f9;
TEXT-DECORATION: none;
}
/* Barre de titre d'une boîte de dialogue. Ex : login */
th.TitleBarDB {
text-align: center;
background-color: #8C94BF;
color: #5d6568;
font-size: 1em;
}
th.TitleBar2 {
font-size: .9em;
color: #000;
padding: 5px;
font-weight: bold;
}
/* titre recherche lecteur réponse */
th.TitleBar3 {
text-align: center;
padding: 2px;
font-weight: bold;
color: #000;
font-size: 1em;
}
/* Tableau fixe d'identifiants */
.BorrowerIdentArray {
width: 100%;
overflow: auto;
border: 2px;
/* border-style: outset; */
overflow-x: hidden;
}
/* Message d'erreur */
th.TitleBarError {
text-align: center;
color: #5d6568;
background-color: #95B0CD;
font-weight: bold;
font-size: 1.2em;
}
/* THESAURUS */
.thesaurus-toolbar {
font-size: .9em;
color: #8C94BF;
margin-bottom: 10px;
margin-top: 0;
}
body>.thesaurus-tree {
background-color: #fff;
padding: 1em 1em 1em 1em;
margin-top: 0;
width: 90% !important;
width: 100%;
overflow: auto;
height: 79%; /* !important;
height: 87%;
*/
float: left;
}
.thesaurus-tree-assist {
background-color: #f1f4f6;
padding: 1em 1em 1em 1em;
margin-top: 0;
width: 80% !important;
width: 100%;
overflow: auto;
height: 100px;
}
/* HDS */
.hds-toolbar {
margin: 0;
background-color: #DBE1EA;
}
.hds-tree {
padding: 1em 1em 1em 1em;
margin-top: 0;
width: 80% !important;
width: 100%;
height: 70%;
overflow: auto;
}
#ToolBarTree {
margin-top: 30px;
}
.ToolBoxTree {
margin-top: 6px;
color: white;
display: inline;
}
.ToolBoxTreeCenter {
float: left;
font-size: .9em;
text-align: center;
background-color: #fff;
height: 18px;
padding-left: 2px;
padding-right: 2px;
}
.ToolBoxTreeCenter:first-child {
padding-bottom: 12px;
}
.ToolBoxTreeCenter img {
padding-left: 2px;
padding-right: 2px;
}
.ToolBoxTreeLeft {
background-color: #fff;
height: 18px;
width: 5px;
padding: 5px;
}
.ToolBoxTreeRight {
background-color: #fff;
height: 18px;
width: 5px;
padding: 5px;
}
.ToolBoxTreeSpace {
width: 6px;
}
/* TREEVIEW */
.treeview-dir-content {
padding: 0;
margin: 0;
margin: 0;
padding: 0;
font: icon;
white-space: nowrap;
}
.treeview-dir {
cursor: pointer;
font: icon;
padding: 0;
margin: 0;
white-space: nowrap;
}
.treeview-item {
text-overflow: ellipsis;
overflow: hidden;
font: icon;
color: black;
font-weight: normal;
cursor: pointer;
padding: 0;
margin: 0;
white-space: nowrap;
}
.treeview-item-over {
text-overflow: ellipsis;
overflow: hidden;
font: icon;
font-weight: bold;
color: white;
background-color: #a3b4bf;
cursor: pointer;
padding: 0;
margin: 0;
white-space: nowrap;
}
.treeview-item-selected {
text-overflow: ellipsis;
overflow: hidden;
/*color : #FF9900;*/
font-weight: bold;
cursor: pointer;
padding: 0;
margin: 0;
white-space: nowrap;
}
.div-comment {
opacity: 0;
position: absolute;
top: 1px;
left: 1px;
width: 99%;
background-color: rgb(255, 255, 255);
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
font-size: 17px;
border: 1px solid;
border-color: rgba(0, 0, 0, .06);
}
.treeview-item-virtual, .treeview-dir-virtual, .treeview-item-virtual-over {
color: #4c5d74;
cursor: default;
}
.treeview-icon {
vertical-align: middle;
border: 0;
}
/* Style générique pour les arbres */
.tree {
float: left;
background-color: #fff;
padding: 1em 1em 1em 1em;
margin-top: 0;
width: 90% !important;
width: 100%;
height: 80%;
overflow: auto;
}
.treeData {
background-color: #f1f4f6;
border: 1px solid #dee4ed;
padding: 1em 1em 1em 1em;
margin-top: 0;
width: 90% !important;
width: 95%;
height: 82% !important;
height: 87%;
overflow: auto;
}
/* ADMINISTRATION */
body.administration {
margin: 1pt;
background-color: #DBE1EA;
}
.administration-toolbar {
background-color: white;
}
.administration-tree {
background-color: white;
}
/* Modification par grille spécifique */
th.input-field-label {
text-align: left; /* RTL */
font-size: 13px;
padding: 1px;
font-weight: normal;
color: black;
}
th.input-field-label-required {
text-align: left; /* RTL */
font-size: 13px;
padding: 1px;
color: #ef382a;
/*text-transform: uppercase;*/
}
td.input-field-value {
text-align: left; /* RTL */
font-size: .9em;
padding: 1px;
}
/* Tableau récapitulatif des résultats par source */
.source-results-pane {
width: 100%;
border: 0;
background: #8C94BF;
color: white;
font-size: .9em;
}
.source-results-title {
vertical-align: top;
font-size: .9em;
width: 25%;
}
.source-results-cell {
vertical-align: top;
font-size: .9em;
width: 25%;
font-weight: bold;
}
.source-results-count {
font-weight: normal;
}
.form-container {
margin: 3pt;
}
/* Titre générique pour les formulaires */
.title-container {
margin: 0;
}
.title-major {
text-align: left; /* RTL */
vertical-align: top;
color: #6F6F6F;
font-size: 1.2em;
font-weight: bold;
}
.title-minor {
text-align: right; /* RTL */
vertical-align: top;
color: #6F6F6F;
font-size: 1.2em;
font-weight: bold;
}
.title-help {
text-align: right; /* RTL */
width: 15px;
vertical-align: top;
}
/************************
* Calendar
************************/
.calendarPopup {
position: absolute;
visibility: hidden;
z-index: 100000000;
margin: 3pt;
color: #000;
background-color: #fff;
}
.calendarTable {
border: 2px;
border-color: #FF9900;
border-style: solid;
border-collapse: collapse;
}
.calendarDayTitle {
border: 1px;
border-color: #FF9900;
border-style: solid;
font-size: .8em;
font-weight: bold;
text-align: center;
padding-left: 2pt;
padding-right: 2pt;
padding-top: 2pt;
padding-bottom: 2pt;
}
.calendarMonthTitle {
font-weight: bold;
font-size: .8em;
}
/* Commun au jour, mis dans | */
.calendarDayCell {
font-size: .8em;
color: #000;
text-align: center;
padding-left: 2pt;
padding-right: 2pt;
padding-top: 1pt;
padding-bottom: 1pt;
}
.calendarDayCellSelected {
font-size: 0.8em;
color: #fff;
text-align: center;
padding-left: 2pt;
padding-right: 2pt;
padding-top: 1pt;
padding-bottom: 1pt;
background-color: var(--main-bg-color);
font-weight: bold;
}
/* Jour d'aujourd'hui : mis su HREF */
.calendarDayCurrent {
font-weight: bold;
}
.calendarDayCellSelected .calendarDayCurrent {
font-weight: bold;
color: #fff;
}
/* Jour d'aujourd'hui : mis sur HREF */
.calendarDaySelected {
color: #fff;
}
.ImgInput {
vertical-align: middle;
margin-left: 10px;
cursor: pointer;
}
/*
* information avec point d'exclamation sur page entière
*/
.Info {
margin: 3em;
padding: .5em .5em .5em .5em;
text-align: center;
color: #000000;
height: 30px;
font-size: 1.2em;
}
/**
* Paragraphe simple sans "compensation"
*/
.Info p.simple {
padding-left: 0;
padding-top: 0;
width: 100%;
}
.Info p {
padding-left: 3.7em;
padding-top: 2em;
width: 80%;
}
.Info a {
margin-right: 10px;
}
.InfoCom {
color: #41486c;
width: 100%;
}
.InfoCom ul {
margin-top: .5em;
}
.InfoCom li {
padding-top: .5em;
/*
background: url(../icons/css/flora2/message/li_info.gif) no-repeat top left;
height:25px;
padding-left:2em;*/
}
.Info3 {
text-align: center;
font-weight: bold;
color: #00ae8d;
color: var(--main-bg-color);
}
/*
message d'erreur de l'application
*/
.Error {
padding: .5em .5em .5em .5em;
text-align: center;
font-weight: bold;
color: #6e6e6e;
height: 30px;
}
.Error p {
background: url('../icons/css/flora2/step/error.gif') no-repeat white;
padding-left: 3.7em;
padding-top: 3em;
width: 80%;
}
/*
message d'erreur de l'application
*/
.Error2 {
padding: .5em .5em .5em .5em;
text-align: center;
font-weight: bold;
color: #6e6e6e;
}
.Error2 p {
background: url('../icons/css/flora2/step/error.gif') no-repeat white;
padding-left: 3.7em;
padding-top: 3em;
width: 80%;
}
/*
* information avec point d'exclamation sur assistant
*/
.Info2 {
text-align: center;
font-size: 1.2em;
}
.Info2 p {
font-weight: bold;
color: #000;
font-size: .9em;
padding: 10px 0 0 50px;
margin-right: 30px;
}
/* message avec confiramtion sur une action */
.Confirm {
margin: 2em;
border: 1px solid #a8b3c7;
padding: .5em .5em 1em 4em;
text-align: center;
color: #8c94bf;
}
/* personnalisation de la confirmation */
#Lock {
background: url('../icons/css/flora2/message/lock.gif') 2px 2px no-repeat #fff;
}
#unLock {
background: url('../icons/css/flora2/message/unlock.gif') 2px 2px no-repeat #fff;
}
#Delete {
background: url('../icons/css/flora2/message/delete.gif') 2px 2px no-repeat #fff;
}
#Hold {
background: url('../icons/css/flora2/message/hold.gif') 2px 2px no-repeat #fff;
}
#CashSystem {
margin: 0 5% 0 5%;
}
#DeleteCashSystem {
margin: 0 5% 0 5%;
}
#MesAssociate {
margin: 10% 5% 0 5%;
}
#MesGm {
margin: 0 5% 0 5%;
}
h2.comm-title {
padding-left: 1em;
}
#CrossRight:before {
content: "\f06a";
font-size: 29px;
font-family: FontAwesome, sans-serif;
margin-right: 0.5em;
margin-top: -0.1em;
float: left;
}
#CrossRight {
margin-top: 0;
padding: 1em 1em 2em 1em;
border-radius: 8px;
}
#CrossRight h1 {
margin-right: 5%;
color: #8c94bf !important;
}
#CrossRight a, #CrossRight h1 {
display: inline;
}
/*
ROLE configuration
*/
/*arbre*/
/*Style des cases à cocher*/
.CheckNode {
vertical-align: middle;
padding: 0;
margin: 0 2px 0 6px;
border: 0;
width: 15px;
height: 15px;
}
/*noeud contenant un boutton*/
.ButtonNode {
vertical-align: middle;
padding: 0;
margin: 0 2px 0 6px;
}
/* interface */
#conteneur {
position: absolute;
padding: 0;
width: 98%;
height: 92%;
}
#gauche {
position: absolute;
left: 0;
margin-top: 50px !important;
margin-top: 56px;
padding-top: 20px;
width: 95%;
overflow: auto;
overflow-x: hidden;
height: 89% !important;
height: 93%;
}
#titreGauche {
position: absolute;
left: 0;
margin-top: 5px;
width: 95%;
height: 30px;
}
#titreGauche h1 {
margin-top: 0;
}
#droite {
position: absolute;
right: 0;
width: 250px;
}
#pied {
height: 20px;
background-color: white;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align: center;
}
.CentredFrame {
width: 95%;
height: 95%;
padding: 0;
border: 0;
}
#centre {
padding: 0;
width: auto;
}
.arbreGauche {
margin-top: 0;
margin-left: 0;
margin-bottom: 10px;
width: 350px;
height: 88%;
overflow: auto;
}
.description {
position: absolute;
top: 0;
padding: 0;
width: 100px;
margin-top: 40px;
margin-left: 360px;
margin-right: 0;
}
.menugauche {
list-style-type: none;
margin: 0 0 0 5px;
padding: 0;
width: 165px;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
min-width: 100%;
}
.RoleNameSelected {
min-width: 100%;
color: white;
background-color: #99999a;
background-color: var(--main-se-color);
}
.RoleNameSelected:visited {
min-width: 100%;
color: white;
background-color: #00416d;
}
.configToolBar {
position: absolute;
top: 0;
left: 0;
}
/*
* Liste d'index (assistant)
*/
.BgRub2 {
background-color: #fff;
}
#BgRubIndexList {
/*background: url(../icons/css/flora2/visual/bg_listindex.png) no-repeat;*/
}
.h1Assit {
text-align: center;
color: #5d6568;
font-size: 1.2em;
padding-top: 20px;
padding-bottom: 0;
margin-top: 0;
}
#IndexSearch {
text-align: center;
margin-top: 20px;
}
.OccurenceTitle {
color: #585858;
font-size: .9em;
clear: both;
}
th .OccurenceTitle {
color: #fff;
}
.IndexSearchTitle {
color: #585858;
font-weight: bold;
}
#assistIndexPageUp {
float: left;
font-size: .9em;
color: #000;
}
#assistIndexPageUp img {
margin-left: 5px;
margin-right: 5px;
}
#assistIndexPageDown {
float: right;
font-size: .9em;
color: #99ADCA;
}
#assistIndexPageDown img {
margin-right: 20px;
margin-left: 4px;
}
/*
* fin Liste d'index
*/
/*
* thésaurus (assistant)
*/
#BgRubIndexThesaurus {
background: url(../icons/css/flora2/visual/bg_listthesaurus.png) no-repeat -5px -15px;
margin-top: 0;
padding-top: 0;
}
.descriptor-thesaurus {
padding: 1em;
font-size: 1.1em;
font-weight: bold;
}
.ThesaurusSeeAlso p {
margin: 0;
padding: 0;
padding-top: 20px;
font-size: 11px;
color: #c2d1ed;
}
.ThesaurusSeeAlso:hover {
background: url('../icons/css/flora2/visual/bg_thesaurus_associated_on.png') no-repeat;
}
.ThesaurusSynonym {
text-align: center;
width: 200px;
height: 155px;
background-color: #e7e7e7;
margin-top: 0;
}
.ThesaurusSynonym p {
margin: 0;
padding: 0;
padding-top: 30px;
color: #858585;
font-size: 11px;
}
.ThesaurusUsedFor {
text-align: center;
width: 200px;
height: 150px;
background-color: #e7e7e7;
margin-top: 0;
}
.ThesaurusUsedFor p {
margin: 0;
padding: 0;
padding-top: 10px;
color: #858585;
font-size: 11px;
}
#thesaurus-right {
float: left;
}
#narrower-hierarchie {
position: absolute;
height: 73px;
width: 1px;
background-color: #ffa817;
margin-left: 150px;
}
#broader-hierarchie {
position: absolute;
width: 1px;
height: 62px;
background-color: #ffa817;
margin-left: 125px;
}
body>.thesaurusReload {
position: absolute;
right: 5px;
top: 5px;
}
/*
* fin thésaurus (assistant)
*/
/*
* Thesaurus "sans frame"
*/
body.thesaurus-main #thesaurus_tree {
width: 340px;
position: absolute;
left: 0;
top: 0;
bottom: 5px;
/* overflow: auto;*/
padding: 5px;
}
body.thesaurus-main #thesaurus_view {
position: absolute;
left: 360px;
top: 0;
bottom: 5px;
width: calc(100% - 390px);
overflow: auto;
padding: 10px;
}
body.thesaurus-main #thesaurus_tree #thesaurusContainer {
height: calc(100% - 49px);
width: 100%;
}
body.thesaurus-main .treeview-dir[id=ROOT] {
overflow: auto;
height: 100%;
float: left;
width: 100%;
}
body.thesaurus-main #ToolBarTree {
margin-top: 10px;
}
body.thesaurus-main .thesaurusReload {
float: right;
margin-top: 5px;
margin-right: 5px;
}
body.thesaurus-main #divInvit {
text-align: center;
}
body.thesaurus-main .btnContainer {
display: inline;
}
body.thesaurus-main .thesaurus-tree {
margin-top: 55px;
margin-left: 5px;
width: initial;
overflow: initial;
padding: 0;
}
/*
* FLO-94 Deframisation
*/
body.thesaurus-main .empty-view {
text-align: center;
display: none;
border: 1px solid #c1c1c1;
border-radius: 5px;
height: calc(100% - 50px);
padding-top: 40px;
}
body.thesaurus-main div#thesaurus_view_concept {
border: 1px solid #c1c1c1;
width: calc(100% - 5px);
height: calc(100% - 50px);
border-radius: 5px;
padding-left: 5px;
}
body.thesaurus-main iframe#thesaurus_view_concept {
border: 1px solid #c1c1c1;
width: calc(100% - 5px);
height: calc(100% - 50px);
border-radius: 5px;
padding-left: 0px;
}
/*
* FLO-728 - grille de saisie - liste déroulante pour champs thesaurus mono-value
*/
.marcflora-thesaurus.selectize-control.single .selectize-input:after {
display: none;
}
.marcflora-thesaurus.selectize-control.single .selectize-input:after .dropdown-active {
display: none;
}
input[type=text].selectize-like {
height: 24px;
margin-bottom: 3px;
}
.selectize-control.single .selectize-input.in-progress:after {
font-family: FontAwesome, sans-serif !important;
content: "\f110" !important;
animation: fa-spin 1s infinite steps(8);
position: absolute;
top: 12px !important;
right: 16px !important;
width: initial !important;
height: initial !important;
border-width: 0 !important;
}
/*
* assistant liste simple
*/
#BgRubList {
/*background: url(../icons/css/flora2/visual/bg_list.png) no-repeat; */
}
#BgRubDatation {
background: url('../icons/css/flora2/visual/bg_datation.png') no-repeat;
}
#BgRubListGed {
background: url('../icons/css/flora2/visual/bg_list_ged.png') no-repeat;
}
#BgRubHelp {
margin-top: 0;
padding-top: 0;
/*background: url(../icons/css/flora2/visual/bg_help.png) no-repeat;*/
}
#BgRubHelp h1 {
padding-top: 40px;
margin-top: 0;
margin-bottom: 40px;
color: #5d6568;
}
#BgRubHelp p {
padding: 10px;
text-align: justify;
}
.listSelect {
margin-top: 25px;
}
#listSingleValue, #listManyValues {
display: inline;
margin-top: -5px;
margin-bottom: 10px;
}
#btnSelect {
display: inline;
margin-right: 20px;
}
#btnRoll {
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
#EraseCurrentMultiValue {
visibility: hidden;
display: inline;
}
#EraseCurrentSingleValue {
visibility: hidden;
display: inline;
}
#listSingleValue {
color: black;
background: white;
width: 350px;
padding: 5px 20px 5px 20px;
text-align: justify;
}
#CurrentValueContainer {
vertical-align: top;
}
/*
* fin assistant liste simple
*/
/*
* assistant liste table liée
*/
#BgRubListLink {
/*background: url(../icons/css/flora2/visual/bg_list_link.png) no-repeat; */
background-color: #fff;
color: #000;
}
#btnCreate {
display: inline;
}
/*
* fin assistant liste table liée
*/
/*
* Mise en forme des services
*/
/*
*
* COMMUNICATION
*
*/
#BgRubCommunication {
text-align: center;
font-weight: 300;
color: #000;
height: 50px;
padding-top: 10px;
line-height: 35px;
display: table;
width: 100%;
}
#BgRubCommunicationTransfer {
text-align: left;
height: 85px;
font-weight: 300;
color: #000;
padding-top: 20px;
padding-left: 100px;
margin-top: -14px;
}
#gridInputBorrower {
overflow: auto;
height: 280px;
}
#gridUpdateBorrower {
overflow: auto;
height: 280px;
}
.imgBorrower {
vertical-align: middle;
border: 0;
}
.postIt, .postItOff {
color: #a87f48;
background: #fff8ef;
margin: .5em .5%;
position: absolute;
font-size: .8em;
padding: 1.5em;
opacity: .9;
background: url('../icons/css/flora2/message/postitoff.gif') no-repeat #fff8ef;
z-index: 10;
cursor: move;
}
.postItOff {
opacity: .6;
z-index: 10;
cursor: move;
background: url('../icons/css/flora2/message/postit.gif') no-repeat #fff8ef;
}
/**
* Message fixe et instantané a inclure dans le cadre informatif de la communication
*/
#info .instant-message {
text-align: center;
padding-bottom: 2em;
}
#info .instant-message li {
text-align: left;
}
#infoBorrower ul {
list-style: none;
padding: 0;
margin-left: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#infoBorrower ul li {
padding: .5em .8em;
margin-bottom: 4px;
display: inline-block;
/* vertical-align: top; */
white-space: nowrap;
border-radius: 3px;
border: 1px solid #d7d8e0;
background-color: #f4f5f7;
height: 2em;
vertical-align: middle;
line-height: 2em;
user-select: none;
}
#infoBorrower ul li>* {
padding-left: 0.75em;
}
#infoBorrower ul li a img {
/* position: relative; */
/* top: -3px; */
vertical-align: top;
height: 1.9em;
}
#gridInputComRights {
overflow: auto;
height: 300px;
text-align: center;
margin-left: 50px;
}
.TitleCommunication {
margin-right: 5em;
}
/*
* Saisie mise en valeur d'un groupe
*/
div.TitleBarInput, th.TitleBarInput {
text-align: left;
background: #dddddd left top;
padding: 10px;
padding-left: 3px;
font-weight: bold;
font-size: 1.1em;
color: #5d6568;
text-transform: uppercase;
}
th.TitleBarInputnLines {
text-align: left;
background: #E9E9E8 repeat left top;
padding: 10px;
padding-left: 3px;
font-weight: bold;
font-size: 1.1em;
color: #5d6568;
text-transform: uppercase;
}
/*
*
*/
.rightClickContainer {
position: absolute;
background-color: white;
width: 240px;
color: black;
cursor: default;
z-index: 100;
display: none;
padding: .2em;
border-radius: 5%;
border: 1px solid #dee4ed;
}
.rightClickContainer ul {
list-style: none;
padding: 0 0 1em 0;
margin: 0;
}
.rightClickContainer li {
font-size: .85em;
color: Black;
margin-bottom: .2em;
width: 100%;
}
.rightClickContainer li:hover {
background-color: #a3b4bf;
color: white;
}
.rightClick, .rightClick:link, .rightClick:hover, .rightClick:visited {
color: black;
width: 100%;
line-height: 1.6em;
padding-left: 1em;
}
.rightClick:hover {
background-color: #a3b4bf;
color: white;
}
/* HLS */
body.hls {
margin: 1pt;
background-color: #DBE1EA;
}
.hls-toolbar {
margin: 0;
background-color: #DBE1EA;
}
.hls-tree {
background: none;
}
/* file choose */
.fileChooser-tree {
background-color: #f1f4f6;
border: 1px solid #dee4ed;
padding: 1em 1em 1em 1em;
margin-top: 0;
min-width: 350px;
width: 350px;
min-height: 150px;
height: 150px;
}
/* style pour l'assistant sur liste hierarchique */
.hierarchized-style {
background-color: #f1f4f6;
border: 1px solid #dee4ed;
padding: 1em 1em 1em 1em;
margin-top: 0;
width: 300px;
height: 300px;
overflow: auto;
}
/*
habillage du module DCM
*/
.btn-download {
background-color: #00aa99;
border-radius: 4px;
}
#toolBarDcm, #toolBarDiaporama {
width: 93px;
height: 450px;
opacity: .9;
}
#toolBarDcm input, #toolBarDiaporama input {
background: #edf0f3;
border: 1px solid #716f64;
margin: 0 .5em;
}
.toolBarZoom {
margin-left: 10px;
}
#zoomToolBg {
/*margin-left:50px !important;
margin-left:0px;*/
display: inline-block;
height: 22px;
background: url('../icons/css/flora2/dcm/toolbar/zoom_bg.gif') no-repeat 8px top;
}
.zoomToolCursor2 {
width: 24px;
height: 22px;
background: url('../icons/css/flora2/dcm/toolbar/cursor.gif') no-repeat top;
cursor: w-resize;
z-index: 20;
}
#toolBarDcm p, #toolBarfreeZoom {
font-size: .8em;
color: #7a7a7a;
margin: .2em;
}
#toolBarlabel {
display: block;
padding-left: 2em;
padding-top: 3px;
}
.toolBarDcm, .toolBarDcmOff, .toolBarDiaporama, .toolBarDiaporamaOff {
border: 0;
margin: .5em .5%;
font-weight: bold;
position: absolute;
opacity: .9;
z-index: 10;
}
.toolBarDcm, .toolBarDiaporama {
opacity: .6;
border: 0;
}
#toolBarDcmDrag, #toolBarDiaporamaDrag {
width: 93px;
height: 15px;
cursor: move;
background: url('../icons/css/flora2/dcm/toolbar/toolbar_bg_top.gif') no-repeat left top;
}
#toolBarContain {
/* background: url(../icons/css/flora2/dcm/toolbar/toolbar_bg_bottom.gif) no-repeat left top; */
margin: 0;
padding: 0;
height: 485px;
background-color: white;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#toolBarDcmToggle, #toolBarDiaporamaToggle, #toolBarToggle {
margin: 2px 5px 0 0;
padding: 0;
cursor: pointer;
}
#toolBarDcmToggle img, #toolBarDiaporamaToggle img {
position: absolute;
margin-left: 70px;
margin-top: 6px;
}
#toolBarToggle img {
position: absolute;
margin-left: 187px;
margin-top: 2px;
}
#toolBarfreeZoom {
width: 93px;
padding-top: 10px;
text-align: center;
}
.imgZoom {
margin: 0;
padding: 0;
margin-top: 20px;
padding-left: 30px;
}
.hrToolBarDcm {
clear: both;
margin: 2px 5px;
padding: 0;
width: 80px;
border-bottom: 1px solid #e8e8e8;
}
.toolBarRotate img {
margin-left: 3px;
border: 0;
}
#toolBarfreeRotate {
width: 93px;
padding-top: 5px;
text-align: center;
}
.dcmFlip {
text-align: center;
}
.dcmFlip a {
padding-bottom: 10px;
}
.dcmFlip ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.dcmFlip ul li {
height: 40px;
padding-top: 10px;
}
.dcm-mini-toolbar {
text-align: center;
}
.dcm-mini-toolbar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.dcm-mini-toolbar ul li {
height: 40px;
padding-top: 10px;
}
.DcmTool {
background: url('../icons/css/flora2/dcm/toolbar/bg_img.gif') repeat top left;
}
.imgDcmToolContainer {
width: 100%;
text-align: center;
margin: 5% 0;
}
.imgDcmToolContainer img {
border: .5em solid white;
}
.imgDcmTool, .imgDcmToolOff {
position: absolute;
z-index: 5;
cursor: move;
opacity: 1;
}
.imgDcmToolOff {
opacity: .6;
}
.dcm-tree {
background-color: #f7f7f7;
border: 1px solid #d7d7d7;
padding: 1em 1em 1em .5em;
margin-top: 0;
margin-left: 1em;
width: 80% !important;
width: 100%;
height: 90%;
overflow: auto;
}
/*
* DIAPORAMA
*/
#Left, #LeftDocument {
float: left;
background-color: #f2f2f2;
overflow: auto;
height: 85%;
width: 360px;
}
#Right, #Right2 {
position: absolute;
top: 50px;
left: 360px;
width: 50%;
height: 50%;
}
/*Left Frame*/
.imgReport {
opacity: .8;
border: 5px solid #cad3de;
}
.imgReportNone {
border: 5px solid white;
}
#Pager {
text-align: center;
background-color: white;
font-size: .9em;
color: #99ADCA;
height: 40px;
padding-top: 15px;
width: 200px;
}
.pagerReport {
text-align: center;
background-color: #f6f6f6;
font-size: .9em;
color: #99ADCA;
height: 40px;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
}
/*Main Frame */
#DiapoContainer {
background: url('../icons/css/flora2/dcm/diaporama/diapo_bg_main.gif');
border: 1px solid #717171;
padding: 20px;
}
.ImageContainer {
background: #bfbfbf url('../icons/css/flora2/dcm/diaporama/diapo_bg_photo.gif') no-repeat 50%;
width: 100%;
height: 100%;
}
.ImageContainer img {
border: .5em solid white;
}
.ImageContainertd {
vertical-align: middle;
text-align: center;
}
/*
DIAPORAMA DCM
*/
#diaporamaTools {
padding: 6px;
margin: 10px 0 0 10px;
float: right;
}
.scale-image {
margin: 0;
display: table-cell;
text-align: center;
border: .1em solid #f6f6f6;
color: #b3b3b3;
font-size: .8em;
vertical-align: middle;
}
.scale-image * {
vertical-align: middle;
}
.scale-image span {
display: inline-block;
background-color: grey;
}
#DCMContainer .wrapper-image:hover span {
visibility: visible !important;
}
.wrapper-scale-image {
position: relative;
}
.wrapper-scale-image * {
vertical-align: middle;
}
.wrapper-scale-image span {
display: inline-block;
background-color: grey;
}
.wrapper-scale-image {
padding: 15px;
}
.wrapper-scale-image img {
display: block;
margin: 0 auto;
width: 100% !important;
height: auto !important;
}
.wrapper-image-tools {
float: right;
font-size: large;
background-color: inherit !important;
position: relative;
top: -8px;
cursor: pointer;
}
.scale-image-close {
visibility: hidden;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
color: white;
}
.scale-image-edit {
visibility: hidden;
position: absolute;
top: 15px;
right: 35px;
cursor: pointer;
color: white;
}
.wrapper-image-title {
position: relative;
z-index: 1;
padding: 15px;
color: #444;
background: #fff;
letter-spacing: 1px;
color: #828282;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dcm-wrapper {
line-height: 0;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
margin: 5px;
}
#track1 {
width: 188px;
background: url('../icons/css/flora2/dcm/toolbar/scaler_slider_track.gif') center left;
height: 18px;
margin: 10px 52px 0 10px;
float: left;
}
#toolBarLeft {
width: 360px;
background-image: url('../icons/css/flora2/dcm/toolbar/bg_toolbar_left.gif');
background-repeat: repeat-x;
height: 28px;
}
#toolBarLeft2 {
width: 300px;
}
#handle1 {
cursor: w-resize;
width: 18px;
height: 18px;
}
#PagerDcm {
float: left;
margin-top: 10px;
margin-left: 2px;
}
#PagerDcm span {
color: #b3b3b3;
font-size: .9em;
}
#DcmOnglets {
height: 23px;
margin-bottom: -2px;
}
.TabViewDcm {
height: 23px;
margin-top: 15px;
color: white;
}
.TabViewSelectedLinkDcm {
color: #b3b3b3;
}
.TabViewSelectedLinkDcm:hover {
color: #b3b3b3;
}
.TabViewSelectedLinkDcm:visited {
color: #b3b3b3;
}
.TabViewSelectedLinkDcm:link {
color: #b3b3b3;
}
.TabViewSelectedCenterDcm {
font-size: .9em;
background: #ffffff url('../icons/css/flora2/dcm/toolbar/table/bg_tabview_selected_center.gif') repeat;
text-align: center;
padding-left: 5px;
height: 23px;
}
.TabViewSelectedLeftDcm {
background: #ffffff url('../icons/css/flora2/dcm/toolbar/table/bg_tabview_selected_left.gif') top left;
height: 23px;
width: 6px;
}
.TabViewSelectedRightDcm {
background: #ffffff url('../icons/css/flora2/dcm/toolbar/table/bg_tabview_selected_right.gif') top right;
height: 23px;
width: 6px;
}
.TabViewNotSelectedCenterDcm {
font-size: .9em;
color: #bfbfbf;
background: #ffffff url('../icons/css/flora2/dcm/toolbar/table/bg_tabview_center.gif') repeat;
text-align: center;
padding: 0 .5em;
height: 23px;
}
.TabViewNotSelectedLeftDcm {
height: 23px;
width: 6px;
background: #ffffff url('../icons/css/flora2/dcm/toolbar/table/bg_tabview_left.gif') top left;
}
.TabViewNotSelectedRightDcm {
height: 23px;
width: 6px;
background: #ffffff url('../icons/css/flora2/dcm/toolbar/table/bg_tabview_right.gif') top right;
}
.TabViewSpaceDcm {
width: 2px;
height: 23px;
}
.TabViewNotSelectedTextDcm {
color: #bfbfbf;
}
.TabViewNotSelectedLinkDcm {
color: #bebebe;
}
.TabViewNotSelectedLinkDcm:hover {
color: #626262;
}
.TabViewNotSelectedLinkDcm:visited {
color: #bebebe;
}
.TabViewNotSelectedLinkDcm:link {
color: #bebebe;
}
.xml-tree {
background-color: #f2f2f2;
padding: 1em 1em 1em 1em;
margin-top: 0;
width: 80% !important;
width: 100%;
height: 70%;
}
/*
FIN DIAPORAMA DCM
*/
/*
view report
*/
#toolBarReport {
background: url('../icons/css/flora2/dcm/toolbar/bg_toolbar_report.gif') repeat-x;
height: 36px;
margin-bottom: 1em;
}
#TitleContainer {
background: #ededed;
text-align: center;
margin: 0;
padding: 5px;
border-bottom: 1px solid #c4c4c4;
color: #9a9a9a;
}
/*
fin view report
*/
#countMultiTiff {
font-size: .9em;
color: #9a9a9a;
padding: .5em;
}
#toggleDcmOff, .toggleDcmOff {
background: url('../icons/css/flora2/dcm/action/toggle_dcm_off.gif');
width: 10px;
height: 471px;
position: absolute;
margin-left: -10px;
cursor: pointer;
}
#toggleDcmOn, .toggleDcmOn {
background: url('../icons/css/flora2/dcm/action/toggle_dcm_on.gif');
width: 20px;
height: 400px;
position: absolute;
right: 0;
cursor: pointer;
}
.toggleDcmOff {
/*float:left;*/
position: fixed !important;
position: absolute;
right: 305px;
z-index: 105;
}
.toggleDcmOn {
position: fixed !important;
position: absolute;
right: 0;
}
.loadingGmRun {
background: url('../icons/css/flora2/tree/wait.gif') no-repeat;
color: #ff8a1f;
margin-top: 1em;
padding-left: 1em;
width: 250px;
}
.loadingGmEnd {
background: url('../icons/css/flora2/message/ico_valid.gif') no-repeat;
color: #375695;
margin-top: 1em;
padding-left: 1em;
width: 250px;
}
.searchAssoc {
margin: 0;
padding: 0;
background: url('../icons/css/flora2/visual/bg_list_communication.png') no-repeat;
}
.searchAssoc h1 {
color: white;
padding-top: 1em;
}
.searchAssoc label {
font-size: .85em;
margin: 0;
}
.captTerm {
border: #ffab4c 1px solid;
border: var(--main-bt-color) 1px solid;
color: black;
background-color: white;
}
.captTermIndex {
width: 80%;
height: 80px;
overflow: auto;
border: #ffab4c 1px solid;
border: var(--main-bt-color) 1px solid;
color: black;
background-color: white;
overflow-y: scroll;
overflow-x: hidden;
text-align: left;
font-size: .8em;
}
.RetrieveHtmlData, .RetrieveHtmlDataBlock {
right: 10px;
width: 35%;
height: 50%;
color: #d09f5d;
opacity: 0.95;
z-index: 100;
margin-right: 5px;
}
.RetrieveHtmlDataBlock {
height: 200px;
}
.RetrieveHtmlData th, .RetrieveHtmlData td, .RetrieveHtmlDataBlock th, .RetrieveHtmlDataBlock td {
color: #88622f;
text-align: left;
font-size: .85em;
}
.RetrieveHtmlData th, .RetrieveHtmlDataBlock th {
font-size: .9em;
left: .5em;
}
.RetrieveHtmlDataDiv {
overflow-y: scroll;
overflow-x: hidden;
height: 310px;
margin-top: 0;
padding: .1em;
}
.RetrieveHtmlData table, .RetrieveHtmlDataBlock table {
border: 1px solid #e3d5c3;
height: 100%;
width: 100%;
background: #fff8ef;
}
.InputLinkForm {
float: left;
}
/* pour view thumb include */
.dcmViewContainer {
float: right;
margin-right: 1em;
clear: both;
background: #c5c5c5;
border-bottom: 1px solid #c5c5c5;
z-index: 100;
position: absolute;
right: -10px;
}
.gedContainer {
margin-left: 5px;
border: 1px solid #c5c5c5;
}
.excludedDateLabel {
font-size: .9em;
color: #8C94BF;
font-weight: bold;
}
.hierarchy-view-left {
background-color: #f1f4f6;
padding: 1em 1em 1em 1em;
margin-top: 0;
width: 500px;
height: 500px;
overflow: auto;
}
.hierarchy-view-right {
background-color: #f1f4f6;
padding: 1em 1em 1em 1em;
margin-top: 0;
width: 500px;
height: 500px;
overflow: auto;
}
/* textbox dans une liste d'items */
.listTextBox, .listTextBoxEdit {
font-size: .95em;
border: #fff 0 solid;
color: black;
background-color: transparent;
}
/* textbox en édition dans une liste d'items, ne fonctionne pas avec IE */
/*
.listTextBoxEdit:focus
{
font-size:0.95em;
border: #fff 0px solid;
color:black;
background-color: #fff;
}
*/
.listTextBoxEditFocus {
font-size: .95em;
border: #fff 1px solid;
color: black;
background-color: #fff;
}
/* Bouton 2states */
.buttonEnabled {
opacity: 1;
cursor: pointer;
border-style: none;
}
/* Bouton 2states */
.buttonDisabled {
opacity: .3;
cursor: url('icons/css/flora2/cursor/noclick.cur'), default;
border-style: none;
}
/* Masque pour l'attente bloquante */
#sysDisableMask {
visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 2048px;
height: 2048px;
opacity: .1;
z-index: 2000;
background-color: black;
}
/* Message pour l'attente bloquante */
#sysWaitMask {
visibility: hidden;
background: url('../icons/css/flora2/visual/loader.gif') no-repeat;
position: absolute;
left: 50%;
top: 20%;
width: 250px !important;
width: 300px;
height: 100px !important;
height: 200px;
margin-left: -150px;
border: 1px solid #819CBC;
color: white;
font-weight: bold;
padding: 70px 0 0 30px;
z-index: 3000; /* plus grand que sysDisableMask */
}
/* EBOOK Interface */
.ebook-outer-tree-container {
position: relative;
float: left;
display: block;
background-color: #f1f4f6;
width: 25%;
height: 85%;
}
.ebook-tree-container {
display: block;
background-color: #f1f4f6;
overflow: scroll;
height: 100%;
}
.ebook-thumb-container {
position: relative;
float: left;
display: block;
background-color: #f1f4f6;
border: 1px solid #dee4ed;
width: 20%;
height: 85%;
overflow: auto;
text-align: center;
}
.photo_ebook_thumb {
border-style: solid;
border-width: 3px;
border-color: #f1f4f6;
}
.photo_ebook_thumb_selected {
border-style: solid;
border-width: 3px;
border-color: lightblue;
}
/* Vue imagette - Zone d'affichage de l'image*/
.ebook-thumb-image-page-view {
position: relative;
float: left;
display: block;
margin-left: 4px;
border: 1px solid #dee4ed;
width: 78%;
height: 85%;
overflow: auto;
text-align: center;
}
/* Style appliqué sur l'élément(text) */
.tree-element {
font-weight: normal;
color: #3d5f96;
vertical-align: top;
}
/* Style appliqué sur l'élément sélectionné */
.selected-tree-element {
font-weight: bold;
}
.ebook-page-list-container {
position: relative;
float: left;
background-color: #f1f4f6;
border: 1px solid #dee4ed;
/*padding:1em 1em 1em 1em;*/
margin-top: 20px;
width: 99%;
height: 85%;
overflow: auto;
display: block;
}
.ebookBlock {
margin-left: 15px;
}
.ebook-page-list {
/*
background-color: #f1f4f6;
border:1px solid #dee4ed;
padding:1em 1em 1em 1em;
margin-top:0;
height:100%;
overflow: auto;
display:block;
*/
width: 90%;
/*width: 300px;*/
}
.ebook-img-2-page-label {
position: relative;
float: left;
height: 20px;
width: 49%;
}
.ebook-img-2-page-image {
position: relative;
float: left;
border: 1px solid #dee4ed;
height: 80%;
width: 49%;
text-align: right;
overflow-y: auto;
}
.ebook-img-page {
position: relative;
float: left;
border: 1px solid #dee4ed;
height: 85%;
width: 99%;
overflow: auto;
}
.ebook-div-raa-zoom {
display: none;
position: absolute;
top: 200px;
left: 300px;
background-color: transparent;
width: 600px;
height: 400px;
border: 5px solid #dee4ed;
cursor: pointer;
}
div#viewDefault {
color: black;
background-color: #EAEEFF;
border-left: 1px solid Gray;
margin: 0 1px;
width: 900px;
}
.viewDefault-ParentField {
color: #999ea0;
font-weight: bold;
cursor: pointer;
}
.viewDefault-FieldValue {
text-align: left;
width: 200px;
}
.viewDefault-FieldLabel {
float: left;
width: 300px;
margin-Left: 15px;
}
.viewDefault-ChildFieldIcon {
float: initial;
margin-top: -5px;
width: 3.5px;
}
.viewDefault-Div {
background: #fff none repeat scroll 0 0;
border: 1px dashed #999ea0;
color: #5d6568;
margin: .3em 0 .3em .3em;
padding: .3em;
width: 95%;
height: auto;
}
.viewDefault-DivCursor {
cursor: pointer;
padding-left: 4px;
}
.GenericSearchBgRub {
background-color: white;
margin-top: 10px;
padding-bottom: 10px;
}
.h1SearchIcons {
text-align: center;
font-size: 14px;
padding-top: 8px;
padding-bottom: 8px;
width: 100%;
}
.sysModalPopup {
visibility: hidden;
position: absolute;
left: 10%;
top: 15%;
z-index: 10000;
width: 80%;
height: 70%;
background-color: white;
}
.sysModalPopupHeader {
height: 20px;
background-color: #565757;
line-height: 20px;
font-size: .9em;
color: white;
font-weight: bold;
padding: 1px;
}
.sysModalPopupHeaderCell {
font-size: .9em;
color: white;
font-weight: bold;
}
.sysModalPopupBody {
width: 98%;
height: 70%;
overflow: auto;
border: 0;
/*border-bottom: 1px solid #e1e1e1;*/
overflow-y: scroll;
overflow-x: hidden;
}
.sysModalPopupFooter {
position: relative;
}
.fixedHeader tr {
background-color: scrollbar;
top: expression(ignore = this.parentNode.parentNode.parentNode.scrollTop + 'px');
}
.fixedHeader th {
text-align: left;
}
.checkRow th {
text-align: center;
}
.checkRow td {
text-align: center;
}
/* facets styles */
#dataDivWithFacet, .dataDivWithFacet {
width: 75%;
z-index: 1;
float: right;
}
#divFacetSelected {
border-bottom: 6px solid #fff;
color: #5D6568;
}
#divFacetSelected a {
color: #5D6568;
}
#choseExportType, .waitExport {
margin: 3px;
overflow: hidden;
padding: 5px;
position: absolute;
top: 60px;
right: 5px;
width: 240px;
z-index: 2;
}
#divFacetContainer {
margin-top: 5px;
padding-top: 5px;
padding-left: 5px;
padding-right: 8px;
overflow: auto;
position: relative;
float: left;
bottom: 0;
width: 21%;
z-index: 2;
-webkit-box-shadow: 0 0 5px 1px #757575;
box-shadow: 0 0 5px 1px #757575;
background-color: #ffffff;
}
/**
* Affichage des div "box" dans le toolbar (requête dsi par exemple)
*/
.container {
padding: 5px;
z-index: 2;
-webkit-box-shadow: 0 0 5px 1px #757575;
box-shadow: 0 0 5px 1px #757575;
background-color: #fff;
}
#divFacetContainer:hover {
opacity: 1;
}
#divFacetContainer a {
color: #5d6568;
}
#divFacetContainer a:hover {
text-decoration: underline;
}
.indexInput {
color: #000;
padding: 10px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
border: 1px solid #dddddd;
font-size: 1em;
margin: 10px;
background-color: #fff;
width: 160px;
height: 5px;
}
/* ensembles styles */
.ParentLinks {
padding-left: 5px;
border: 1px solid;
border-color: #c0c0c0;
width: 100%;
top: 40px;
height: auto;
}
.ParentLinks ul {
background: #efeeed;
list-style: none none;
padding-left: 5px;
padding-bottom: 10px;
}
.link_element {
/*float: left;*/ /* Pour que les liens s'affichent horizontalement */
/*position: relative;*/ /* Cr顴ion?un contexte de positionnement pour les sous-listes */
font-weight: normal;
font-size: .9em;
color: #b2b2b2;
margin-right: 2em;
cursor: pointer;
padding-bottom: 10px;
}
.link_element_summary_detail {
background-color: #e0e0e0;
margin-left: 20px;
color: #a2a2a2;
}
.childList {
margin-top: 20px;
margin-left: 90px;
border: 1px solid;
border-color: #c0c0c0;
padding-left: 20px;
width: 100%;
height: auto;
}
.childList ul {
background-color: #fff;
padding-left: 5px;
padding-bottom: 5px;
list-style: none none;
}
.list_element {
/*float: left;*/ /* Pour que les liens s'affichent horizontalement */
/*position: relative;*/ /* Cr顴ion?un contexte de positionnement pour les sous-listes */
font-weight: normal;
font-size: .9em;
color: #a3998b;
margin-right: 2em;
cursor: pointer;
}
.list_element_img {
width: 30px;
background-color: #fff;
/*float: left;*/
}
/*.list_element_img img {
width:120px;
padding-top:0px;
}*/
.list_element_img .attachedIcon img {
height: 20px;
}
.list_element_summary {
background-color: #efeeed;
padding: 5px;
}
.list_element_summary_detail {
background-color: #d3d3d3;
}
.listNone {
background: #efeeed;;
padding-left: 5px;
padding-bottom: 5px;
font-weight: normal;
font-size: .9em;
color: #a3998b;
margin-right: 2em;
margin-top: 3em;
}
#currentNotice {
margin-left: 25px;
margin-top: 20px;
}
#currentNotice #gauche {
float: left;
width: 30%;
}
#currentNotice #droite {
margin-left: 71%
}
.footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1px;
background-color: #efefef;
text-align: center;
z-index: 2;
}
.flora-mask {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
text-align: center;
border-radius: inherit;
background-color: rgba(0,0,0,0.05);
z-index: 10;
}
.flora-mask-loading {
font-size: 100px !important;
color: rgba(0, 0, 0, 0.18);
top: calc(44%);
position: relative;
}
.scale-image {
background: white;
margin: 20px auto;
border: 1px solid;
}
.flora-assist-label {
font-weight: bold;
}
.flora-assist-generic, .flora-assist-synonym {
font-size: 12px;
display: block;
white-space: nowrap;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
.flora-assist-synonym {
font-style: italic;
opacity: .8;
}
/*
* Formulaire "smart" utilisé notamment pour le paramétrage
*/
#Path .path {
color: #999ea0;
display: inline;
}
#Path .path:nth-child(1n+2):before {
content: ">>";
padding-right: 4px;
}
.smart-admin header .path:last-child {
font-weight: bold;
}
.smart-admin header {
position: absolute;
top: 0.3em;
left: 15px;
width: 98%;
text-align: left;
font-size: .9em;
color: #00ae8d;
color: var(--main-bg-color);
}
.smart-admin fieldset:FIRST-CHILD {
margin-top: 50px;
}
.smart-admin fieldset {
margin-top: 15px;
padding-top: 20px;
padding-bottom: 20px;
/* border: 1px solid black; */
border-radius: 6px;
}
.smart-admin fieldset li {
list-style-type: none;
}
.smart-admin fieldset label.cell-label {
display: block;
width: 115px;
float: left;
text-align: right;
padding-top: 5px;
padding-right: 15px;
margin: 4px;
vertical-align: bottom;
}
.smart-admin fieldset label:after {
content: ':';
padding-left: 5px;
}
.smart-admin fieldset ul {
margin-top: 5px;
margin-bottom: 5px;
}
.smart-admin fieldset li input[type=text], .smart-admin fieldset li select {
width: calc(100% - 250px);
height: 35px;
min-width: 150px;
background-color: #f8f8f8;
border-radius: 3px 3px 3px 3px;
border-color: #a2a2ad;
border-width: 1px;
border-style: solid;
}
.smart-admin fieldset li input[type=text]:focus, .smart-admin fieldset li select:focus {
background-color: transparent;
}
.smart-admin fieldset legend {
margin-left: 10px;
padding-left: 8px;
padding-right: 8px;
}
.smart-admin fieldset ul.enumeration {
float: left;
padding-left: 0;
overflow-y: auto;
max-height: 250px;
}
.smart-admin fieldset ul.enumeration li {
height: 22px;
width: 230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
float: left;
margin-right: 12px;
}
.smart-admin fieldset ul.enumeration li input[type='checkbox'] {
margin-top: 0;
margin-bottom: 0;
vertical-align: bottom;
position: relative;
top: -1px;
}
.smart-admin fieldset ul.enumeration li label {
display: inline;
width: auto;
float: none;
text-align: left;
padding-right: 0;
padding-left: 8px;
margin: 0;
}
.smart-admin fieldset ul.enumeration li label:after {
content: '';
padding-left: 0;
}
.smart-admin .button-container {
text-align: center;
}
.smart-admin .jc-bs3-container.container {
background-color: transparent;
}
/* Bibliotheca PadStaff 3M */
.flora-padStaff-error {
color: #fff !important;
background-color: cadetblue !important;
margin-top: 16px;
margin-bottom: 16px;
padding: .01em 16px;
font-size: 15px;
line-height: 20px;
}
.flora-padStaff-error:after, .flora-padStaff-error:before {
content: "";
display: table;
clear: both;
}
.flora-padStaff-error>h3 {
color: #fff !important;
font-size: 20px;
}
.flora-padStaff-error>p>i {
font-size: 24px !important;
padding-right: 10px;
}
.flora-padStaff-btn-error {
position: absolute;
right: 0;
font-size: 18px !important;
padding: 8px 16px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: inherit;
background-color: inherit;
cursor: pointer;
}
.wks-navigation {
position: relative;
display: inline-block;
top: 6px;
left: 55px;
}
.wks-navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.wks-navigation li {
padding-left: 16px;
line-height: 22px;
background-position: 5px 50%;
}
.wks-dropbtn {
background-color: transparent;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.wks-dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
width: 100%;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
z-index: 1;
}
.wks-dropdown-content a {
color: black;
text-decoration: none;
display: block;
margin: 10px;
padding-left: 10px;
}
.wks-dropdown-content a:hover {
background-color: #00ae8d;
background-color: var(--main-bg-color);
color: white;
}
.wks-navigation:hover .wks-dropdown-content {
display: block;
}
.wks-navigation:hover .wks-dropbtn {
background-color: #00ae8d;
background-color: var(--main-bg-color);
}
.medium-icon, .medium-icon:before {
color: #00ae8d;
color: var(--main-bg-color);
font-size: 25px;
}
.flora-button {
border: none;
display: inline-block;
outline: 0;
padding: 3px 12px;
overflow: hidden;
text-decoration: none;
color: inherit;
background-color: inherit;
text-align: center;
cursor: pointer;
white-space: nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.flora-button:hover {
color: #000 !important;
background-color: #f9f9f9 !important
}
.flora-button-gray-borders {
background-color: white;
color: #878ea2;
border: 2px solid #ececec;
padding: 10px 22px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
cursor: pointer;
}
/*
* Simple padding class
*/
.floating-right {
float: right !important;
}
.flora-bottom {
border-bottom: 1px solid #ddd;
}
.flora-padding {
padding: 8px 16px !important;
}
.flora-padding-5-2 {
padding: 5px 2px !important;
}
.flora-padding-5-10 {
padding: 5px 10px !important;
}
.flora-padding-0-8 {
padding: 0 8px !important;
}
.flora-padding-16 {
padding: 16px;
}
.flora-padding-right-10 {
padding-right: 10px;
}
.flora-shadow {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.flora-padding-bottom-16 {
padding-bottom: 16px !important;
}
.flora-padding-bottom-4 {
padding-bottom: 4px !important;
}
.flora-padding-top-16 {
padding-top: 16px !important;
}
.flora-margin-right {
margin-right: 6px !important;
}
.flora-margin-left {
margin-left: 6px !important;
}
.flora-margin-left-16 {
margin-left: 16px !important;
}
.flora-margin-bottom-4 {
margin-bottom: 4px !important;
}
.flora-margin-bottom-6 {
margin-bottom: 6px !important;
}
.flora-margin-bottom-16 {
margin-bottom: 16px !important;
}
.flora-bold {
font-weight: 700;
}
.flora-left-align {
text-align: left !important;
}
.flora-right-align {
text-align: right !important;
}
.flora-justify {
text-align: justify !important;
}
.flora-center {
text-align: center !important;
}
.flora-v-center {
vertical-align: middle;
}
.flora-hover-opacity:hover {
opacity: 0.60
}
.flora-border {
border-radius: 5px;
border: 1px solid #99999a;
border: 1px solid var(--main-se-color);
padding: 3px;
}
.flora-inputgrid .marc {
width: 85%;
}
.flora-inputgrid select {
font-size: 14px;
}
.flora-inputgrid input.marc, .flora-inputgrid input.marcReadOnly, .flora-inputgrid textarea.marc, .flora-inputgrid select.marc {
margin-right: 5px;
}
.flora-inputgrid input.marcReadOnly {
width: 85%;
}
/*
* Classes to display div like table
*/
.Table {
display: table;
width: 100%;
}
/* Tableau susceptible de contenir des champs editables dans ces cellules */
.Table.TableEditable {
}
.Table.TableEditable .TableRow {
height: 42px;
display: table-row;
}
.Table.TableEditable .TableRow .TableCell {
vertical-align: middle;
}
.TableTitle {
display: table-caption;
text-align: center;
font-weight: bold;
font-size: larger;
}
.TableHeading {
display: table-header-group;
font-weight: bold;
}
.TableRow {
display: table-row;
}
.TableCell {
display: table-cell;
}
.TableHead {
display: table-cell;
}
.TableFoot {
display: table-footer-group;
font-weight: bold;
}
.TableBody {
display: table-row-group;
}
.Table-hoverable div:hover, .Table-hoverable form:hover {
background-color: #00ae8d;
background-color: var(--main-bg-color);
color: white !important;
}
.Table-hoverable div:hover a, .Table-hoverable form:hover a {
color: white !important;
}
/*
* Display informations like bootstrap
*/
*:before, *:after {
box-sizing: inherit;
}
.flora-container-row {
display: flex;
}
.flora-container-twothird input.marcReadOnly {
margin-left: 0px;
}
.flora-container-sixth {
flex-basis: 16.66666%;
}
.flora-container-quarter {
flex-basis: 24.99999%;
}
.flora-container-third {
flex-basis: 33.33333%;
line-height: 2em;
min-width: 12em;
max-width: 22em;
}
.flora-container-half {
flex-basis: 49.99999%;
}
.flora-container-twothird {
flex-basis: 66.66666%;
}
.flora-container-threequarter {
flex-basis: 74.99999%;
}
.flora-column-1, .flora-column-2, .flora-column-3, .flora-column-4, .flora-column-5, .flora-column-6, .flora-column-7, .flora-column-8, .flora-column-9,
.flora-column-10, .flora-column-11, .flora-column-12 {
float: left;
position: relative;
min-height: 1px;
}
.flora-column-1 {
width: 8.33333%;
}
.flora-column-2 {
width: 16.66666%;
}
.flora-column-3 {
width: 25%;
}
.flora-column-4 {
width: 33.33333%;
}
.flora-column-5 {
width: 41.66666%;
}
.flora-column-6 {
width: 50%;
}
.flora-column-7 {
width: 58.33333%;
}
.flora-column-8 {
width: 66.66666%;
}
.flora-column-9 {
width: 75%;
}
.flora-column-10 {
width: 83.33333%;
}
.flora-column-11 {
width: 91.66666%;
}
.flora-column-12 {
width: 100%;
}
.flora-container {
text-align: center !important;
padding: 0.01em 16px;
}
.flora-container-clear:after, .flora-container-clear:before {
content: "";
display: table;
clear: both;
}
.flora-check, .flora-radio {
width: 18px;
height: 18px;
position: relative;
top: 3px;
}
.flora-legend {
padding-left: 5px;
padding-right: 5px;
color: #00ae8d;
color: var(--main-bg-color);
}
.flora-hide {
display: none;
}
.flora-show {
display: block;
}
.flora-margin-auto {
margin-left: auto;
margin-right: auto;
}
/*
*
*
*/
.toolbar-Header {
padding: 10px 16px;
background: white;
}
.sticky-toolbar {
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
.section {
margin: 2em;
padding: 1.5em 2em;
border: 1px solid lightgrey;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.section legend {
padding-left: 5px;
padding-right: 5px;
color: #00ae8d;
color: var(--main-bg-color);
}
.section--flex {
display: flex;
}
.fa-2 {
font-size: 1.6em !important;
}
/* div d'affichage d'un message */
.divMenuViewMessage, .divSearchResultMessage, .divImportMessage {
border-style: solid;
border-width: 1px;
border-color: #ffab4c;
border-color: var(--main-bt-color);
margin-top: 20px;
margin-bottom: 20px;
margin-left: 50px;
margin-right: 50px;
padding: 10px;
text-align: center;
font-size: 1.5em;
color: #ffab4c;
color: var(--main-bt-color);
}
/**
* Boutons de commande:
*/
/* Créer */
button.create:before {
content: "\f067";
font-family: FontAwesome, sans-serif;
margin-right: 8px;
font-size: medium;
}
/* Mettre à jour */
button.update:before {
content: "\f00c";
font-family: FontAwesome, sans-serif;
margin-right: 8px;
font-size: medium;
}
/* Supprimer */
button.delete:before {
content: "\f00d";
font-family: FontAwesome, sans-serif;
margin-right: 8px;
font-size: medium;
}
/* Annuler / Rafraichir / Réinitialiser*/
button.reset:before, button.cancel:before {
content: "\f021";
font-family: FontAwesome, sans-serif;
margin-right: 8px;
font-size: medium;
}
/* Rechercher */
button.search:before, .flora-button-validate:before {
content: "\f002";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/* Démarrer */
button.start:before {
content: "\f04b";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/* Arreter */
button.stop:before {
content: "\f04d";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/* Rechercher */
button.validate:before {
content: "\f00c";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
.btnValidate:before {
content: "\f002";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
}
/* Poster (une lettre) */
button.send:before, .flora-button-send:before {
content: "\f0e0";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/* Retour au précédent */
button.back:before, .flora-button-back:before {
content: "\f053";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/* Aller au suivant */
button.next:before, .flora-button-next:before {
content: "\f054";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/* Imprimer */
button.print:before, .flora-button-print:before {
content: "\f02f";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/** Netoyer, rafraichir */
.flora-button-reset:before {
content: "\f021";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
.btnReset:before {
content: "\f021";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
}
/** Demarrer */
button.start:before {
content: "\f04b";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/** Arreter */
button.stop:before {
content: "\f04d";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/** Fermer */
button.close:before {
content: "\f00d";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/** Question */
button.question:before, .flora-version:before {
content: "\f128";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/** Quiter */
button.exit:before, .flora-exit:before {
content: "\f08b";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/** Payer, Facture */
button.pay:before {
content: "\f153";
font-family: FontAwesome, sans-serif;
margin-right: 4px;
font-size: medium;
}
/**
* Style "formView" applicable aux vues paramétrées dans view.xml (accessible via onglet).
* Exemple: Onglet Abonnement EPN (Lecteur / Inscsription): "subscriptionEpn.jsp".
*/
.formView header {
padding-top: 24px;
padding-bottom: 16px;
padding-left: 0px;
}
.formView header h2 {
font-style: italic;
font-weight: bold;
}
.formView header h2:before {
content: "\f2c2";
position: relative;
top: 5px;
left: 10px;
font-style: normal;
color: #cccccc;
font-family: FontAwesome, sans-serif;
font-size: 35px;
padding-left: 0.5em;
padding-right: 0.7em;
}
.formView fieldset {
max-width: 600px;
padding-top: 5px;
padding-bottom: 20px;
padding-left: 18px;
}
.formView fieldset legend {
background: #dddddd left top;
padding: 10px;
padding-left: 0.5em;
font-weight: bold;
font-size: 1.1em;
color: #5d6568;
text-transform: uppercase;
width: 100%;
max-width: 526px;
margin-bottom: 6px;
}
.formView fieldset .formRow {
padding-left: 10px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
height: 24px;
}
.formView fieldset .labelCell {
display: table-cell;
min-width: 150px;
padding-right: 10px;
padding-top: 2px;
}
.formView fieldset .valueCell {
display: table-cell;
}
.formView fieldset .view-field-label {
font-weight: bold;
text-align: left;
vertical-align: top;
font-size: .9em;
border: 0;
color: #5d6568;
}
.formView fieldset .view-field-value {
text-align: left;
vertical-align: top;
border: 0;
}
.placeholder {
width: 40%;
margin: 0 auto;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.placeholder__title {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 1em;
}
.placeholder--emphasized {
color: #4e506d;
font-size: 1.1em;
box-shadow: 2px 2px 7px #b4b4bf;
padding: 2em;
border: 4px solid #00ae8d;
border: 4px solid var(--main-bg-color);
border-radius: 4px;
}
.desc__field {
display: flex;
}
.field__label {
width: 7em;
}
.field__value {
flex: 1 1 auto;
}
code {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.extra__header {
margin-bottom: .6em;
font-weight: 500;
}
.extra__header>i {
margin-right: 1em;
}
.desc__extra {
margin: 1em 0;
font-size: .85em;
}
.button-link {
z-index: 500;
border-bottom: 1.5px solid #00ae8d;
border-bottom: 1.5px solid var(--main-bg-color);
/* font-family: 'Segoe UI'; */
padding-bottom: 4px;
font-weight: 500;
position: relative;
color: #5d5b6b;
}
/* span.button-link:before {
content: ' ';
color: white;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: var(--main-bg-color);
top: 100%;
transition: all ease .1s;
z-index: 1;
}
span.button-link:hover:before {
top: 90%;
transition: all ease .1s;
}
*/
.cursor-pointer, .sort-builder-copies {
cursor: pointer;
}
.section__content {
margin: auto;
}
.section--inline input[type=checkbox] {
vertical-align: middle;
}
.section input[type=text] {
padding-left: .8em;
box-shadow: 2px 2px 2px #fafafe;
border-color: #a2a2ad;
}
.section .textbox {
margin: 2px 0px 2px 0px;
padding: 5px 0px 5px 0;
height: 25px;
box-sizing: content-box;
background-image: none;
font-family: "Segoe UI", sans-serif;
font-size: 13px;
box-shadow: 2px 2px 2px #fafafe;
border-radius: 3px 3px 3px 3px;
border-color: #a2a2ad;
border-width: 1px;
border-style: solid;
}
label {
}
.textbox--mono {
font-family: monospace !important;
}
.section--inline label:not ([hidden] ) {
display: inline-block;
/* font-family: 'Segoe UI', sans-serif; */
}
.section__content--flex {
display: flex;
}
.section__content--flex-force {
display: flex !important;
}
.section__content--spaced {
justify-content: space-between;
}
/*
* Formulaire sur une seul ligne (bouton a droite)
*/
.section .flora-inline-form {
display: flex;
justify-content: space-between;
margin: auto;
}
.section .flora-inline-form .flora-label-field {
white-space: nowrap;
padding-right: 1.25em;
}
.section .flora-inline-form .flora-label-field label {
padding-right: 0.50em;
}
.section .flora-inline-form .CommandButton {
margin-top: 0;
}
.section input[type='text'].heighted
,.section__content input[type='text'].heighted {
box-sizing: content-box;
padding-top: 5px;
padding-bottom: 5px;
height: 25px;
}
.section select.heighted,
.section__content select.heighted {
height: 3.15em;
}
.section input.CommandButton {
display: inline-block;
height: 2.8em;
vertical-align: top;
}
.scrollable {
display: block;
overflow: auto;
min-height: 16em;
}
.scrollable--14em {
max-height: calc(100vh - 14em);
}
.scrollable--25em {
max-height: calc(100vh - 25em);
}
.scrollable--41em {
max-height: calc(100vh - 41em);
}
:link, .CommandButton {
font-weight: 400;
}
.content__item {
display: inline-block;
}
.section__content--vertical {
display: block;
}
.section__content--quarter {
width: 450px;
}
.section h1 {
margin-top: 0;
}
.section ul.clear {
list-style-type: none;
margin: 0;
padding: 0;
}
.form-group {
display: flex;
margin: .4em .1em;
}
.form-group--vertical {
margin-bottom: .7em;
display: block;
}
.form-group__label {
flex: 1 1 30%;
margin-top: 0.5em;
font-weight: 500;
color: #7d7c84;
display: block;
}
.form-group--vertical .form-group__label {
margin-bottom: 0.3em;
}
.form-group__control {
flex: 2 2 100%;
display: block;
}
.TableResult {
border-collapse: collapse;
border-spacing: 0;
display: table;
margin: 10px;
border: 0;
width: calc(100% - 20px);
width: -webkit-fill-available;
border: 1px solid #ccc;
}
.TableResult th, .TableResult td {
text-align: left;
padding: 8px 8px;
display: table-cell;
vertical-align: top;
}
.TableResult thead {
background-color: #f1f1f1;
color: black;
}
.TableResult tr {
border-bottom: 1px solid #ddd;
}
.TableResult tr:nth-child(even) {
background-color: #f1f1f16b;
}Table-hoverable
.Table-hoverable div:hover.TableRow, .Table-hoverable form:hover, .Table-hoverable tr:hover {
background-color: #e6ffe6;
}
.Table-hoverable div:hover a, .Table-hoverable form:hover a {
}
|