/**
 * only support by html5 browser
 */
[hidden]{
 display:none;
}
/* 
* éléments généraux
*/
@font-face {
    font-family: 'zona';
    src: url('fonts/ZonaPro-SemiBold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zonalight';
    src: url('fonts/ZonaPro-Light.otf');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: Segoe UI, sans-serif;
    font-size: 0.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 10px;
}
hr{
    display:none;
}
input[type="text"],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 #99999a;
    background-color: #ffffff;
}

fieldset {
    border: 0px;
}

.BodyNoBg {
    background: none;
}

/* Lien classique */
:link {
    text-decoration: none;
    color: #ff8e11;
}

em {
    color: #F88020;
    text-transform: uppercase;
    font-style: normal;
}

:visited {
    text-decoration: none;
    color: #ff8e11;
}

:link:hover {
    color: #ff8e11;
    opacity: 0.8;
}

select {
    font-size: 11px;
    padding: 2px;
    margin: 1px;
    border: #5d6568 1px solid;
    color: #5d6568;
    background-color: #FFFFFF;
}

/* Pb lors de la deselection de l'option, elle apparait toujours comme selectionnee 
option[selected] {
    background-color: #FFB647;
    color: #FFFFFF;
    vertical-align: top;
    margin: 0;
    padding: 0;
}
*/
h1,.h1Icons,.h1IconsMarc,.Confirm h1,.AdminTitle,.h2TableView {
    text-align: center;
    font-size: 1.5em;
    color: #09b191;
    margin-top: 30px;
    font-weight: 300;
}

h1 img {
    margin-top: 4px;
}

h2 {
    color: #000000;
    font-size: 14px;
    font-weight: 300;
}

h3 {
    color: #525252;
    font-size: 0.7em;
}

h5 {
    font-size: 0.9em;
}

/**
 *    Tableau standard
 */
table {
    font-size: 13px;
    vertical-align: middle;
    padding: 0px;
    border-spacing: 0px;
}

th {
    font-size: 10pt;
    padding: 2px;
    color: #6F6F6F;
}

input {
    font-size: 14px;
}

.welcome {
    color: #8C94BF;
    font-size: medium;
}

.Required {
    color: #FF841F;
    font-weight: bold;
}

.alert {
    color: red;
    font-weight: bold;
}

/*
.calque{
   align: left;
   margin-left: 0px;
   margin-top: 0px;
}
*/
.Dcm {
    margin: 0pt;
    background-color: #DBE1EA;
}

div#toolsDcmView img  {
	margin-left: 5px;
    margin-right: 5px;
}

.FullText {
    background-color: #ffffff;
}

.Blank {
    background-color: #ffffff;
}
/* Boutons standards */
.CommandButton,.CommandLikeButton {
    background-color: #FFAB4C;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 0px;
    padding: 10px;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 5px;
}

.CommandButton:hover,.CommandLikeButton:hover {
    opacity: 0.8;
}

.CommandLikeButton {
    padding: 0.5em;
}

.CommandButton:visited,.CommandButton:link,.CommandLikeButton:visited,.CommandLikeButton:link {
    color: white;
}

/*
input
*/
.textbox,textarea,.listbox,select,input.textfield,.bigtextarea,.textboxDisabled,.pagebox
    {
    font-family: Segoe UI, Sans Serif;
    font-size: 12px;
    color: #000000;
    padding: 5px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #99999a;
    background-color: #ffffff;
}

.pagebox {
    padding: 0px;
}

/*
.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: #FFFFFF;
   -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: #000000;
    background-color: #FFFFFF;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    width: 300px;
}

.DateInputNotMarc {
    width: 7em;
    margin-right: 0.5em;
    vertical-align: middle;
}

.assist {
    margin-left: 0.5em;
    padding-bottom: 0.5em;
}

input:disabled,.textboxDisabled {
    background-color: #F3F3F3;
    border: #d7bca6 1px solid;
}

input:radio {
    border: none;
}

/*classe pour input*/
.textbox {
    font-size: 14px;
    padding: 5px;
    margin: 5px;
    border: #99999a 1px solid;
    color: #000000;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill
    {
    /* Compatibilit� Chrome */
    background-color: rgb(255, 255, 255);
}

.textarea {
    /* tdn 29/03/2007 produit un mauvais effet dans input grid (cf. thesaurus)
   background-image: url(../icons/css/default/visual/shadow_textbox.gif);
   background-repeat: no-repeat;
   */
    
}

.pagebox {
    width: 40px;
    height: 16px;
    text-align: center;
    line-height: 12px;
    font-size: 0.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;
    width: 220px;
    height: 128px !important;
    height: 128px;
    margin-left: -110px;
    text-align: center;
    color: #000000;
    padding: 150px 0px 0px 0px;
    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 0px 0px 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*/
    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%;
    height: 109px;
    text-align: center;
    margin-top: 4%;
}
/* Compatibilite Chrome */
input,textarea,select {
    outline: none;
    color:#000000;
}

/* Compatibilite IE11 */
textarea {
	white-space: pre-wrap;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    padding: 5px;
    border: 1px solid #dddddd;
    color:#000000;
}

input:active {
    border: 1px solid #FFAB4C;
    color:#000000;
    padding:5px;
}

#IndexAuthentification {
    margin-top: 50px;
    text-align: center;
}

#IndexContainer p {
    color: #707070;
    font-size: 0.9em;
    padding: 0;
    margin: 4px 0 4px 0;
}

#IndexContainer .textbox {
    background-color: #E7E7E7;
    border: 0;
    color: #000000;
}

#IndexVerification {
    position: relative;
    margin-top: 105px;
    text-align: center;
}

#IndexAnonymous {
    color: #707070;
}

#IndexVerification a {
    color: white;
}

#IndexVerification a:hover {
    color: #6B6B6B;
}

/*
*   frame workspace
*/

/* Main Menu */
.MainMenu {
    background-color: #99999a;   
    font-size: 14px;
    color: black;
    margin: 0;
    padding: 0;
}

#Logo {
    font-size: 24px;
    color: #ffffff;
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: 'zona';
}

#topMenuBanner {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 60px;
    background-color: #99999a;
    width: 230px;
}

.MainMenu li {
    display: inline;
}

/* Workspace */
#WorkSpace {
    font-size: 14px;
    margin: 0px;
    height: 60px;
}

#WorkSpace a {
    font-size: 14px;
    color: #FFFFFF;
}

#WorkSpace a:hover {
    font-size: 14px;
    color: #FF841F;
    font-weight: bold;
}

.WorkSpaceSeparator {
    color: #FF841F;
}

.TabSelected a {
    
}

/*workspaces */
#WorkBar {
  background: none repeat scroll 0 0 white;
  color: #99999a;
  left: 62px;
  position: relative;
  text-align: center;
  top: 22px;
  width: 153px;
  z-index: 2000;
}



#WksList {
    z-index: 20000;
    position: relative;
    background-color: #ffffff;
    left: 18px;
    top: 25px;
    width: 200px;
    border-bottom-color: #99999a;
    border-bottom-style: outset;
    border-right-color: #99999a;
    border-right-style: outset;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #99999a;
}

#WksList a {
    color: #99999a;
}

#WksList div {
   padding-left:25px;margin-left:5px;
}


/* QuickBar */
#QuickBar {
    height: 25px;
    background-color: #ffffff;
    line-height: 17px;
    font-size: 12px;
    color: #99999a;
    padding-top: 0px;
    width:100%;
    display: table;
}


#QuickBar li {
    height: 17px;
    padding-left: 18px;
    padding-right: 7px;
    padding-bottom: 1px;
}

#QuickBar ul {
    display: inline;
    -webkit-padding-start: 0px;
    white-space: nowrap;
}

#QuickBar a {
    color: #99999a;
}

#QuickBar a:hover {
    
}

#StaticItems {
}

/* 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;
}
/* 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: 70;
}

.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: 0.8em;
}

.version div {
    color: #848484;
    font-size: 0.7em;
}
/*
*   frame menus principaux gauche 
*/

/* TREEVIEW */
.SubMenu {
    padding: 0px;
    margin: 0px;
}

.Logo {
    margin: 0px;
    padding: 0px;
    width: 230px;
    height: 73px;
}

#menuTree {
    width: 227px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    top: 60px;
    left: 0px;
    bottom: 0px;
    border-right: 1px solid #99999a;
}

.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: #000000;
    font-size: 16px;
    width: 212px;
    height: 30px;
    margin: 1px;
    text-align: left;
    padding-top: 5px;
    margin-left: 20px;
}

.MenuLevel1 span,.MenuLevel1-over span {
    margin-left: -5px;
}

.MenuLevel1-over {
    opacity: 0.8;
}

.IconLevel {
    color: #FFFFFF;
    line-height: 22px;
    font-size: 13px;
    background-color: #ffffff;
    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:first-child,.MenuLevel2-over:first-child {
    margin-top: 10px;
}

.MenuLevel2,.MenuLevel2-over {
    margin-left: 25px;
}

.MenuLevel2 span,.MenuLevel2-over span {
    font-size: 13px;
}

.MenuLevel2-over {
    opacity: 0.8;
}

.MenuLevel3,.MenuLevel3-over {
    color: #000000;
    font-size: 12px;
    width: 189px;
    margin-left: 12px;
    margin-right: 10px;
    background-color: #ffffff;
    text-overflow: ellipsis;
    text-align: left;
    overflow: hidden;
}

.MenuLevel3-over {
    opacity: 0.8;
}

.MenuLevel3 span,.MenuLevel3-over span {
    padding-left: 38px;
}
/* barre arrondie : fin du menu*/
.MenuDirEnd {
    
}

#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: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 13px;
    background-color: #ffffff;
}

#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: 0.9em;
    color: #999ea0;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 10px;
}
/*
en attente de mise en forme 
#Path li{
}
#Path a{
}
#PathLevel1{
}
#PathLevel2{
}
#PathLevel3{
}
#PathLevel4{
}
*/

/*Tool bar */
.ToolBarContainer {
    margin-bottom: 3px;
}

.ToolBarContainerInput {
    margin-top: -25px;
    margin-left: 20px;
    background-color: #ffffff;
    position:absolute;
}

.ToolBar {
    display: inline;
    margin-top: 3px;
}

.ToolBarHideButton {
    display: inline;
    margin-left: 100px;
}

.ToolBarHeader {
    height: 36px;
    width: 5px;
}

.ToolBarBody {
    color: #000000;
    font-size: 0.9em;
    padding: 5px;
    height: 30px;
}

.ToolBarBodyTitle {
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
}

.ToolBarBodyText {
    color: #000000;
    font-size: 0.9em;
}

.ToolBarBody img {
    margin: 0;
    padding: 1px;
    vertical-align: middle;
    margin-right:8px;
}

.ToolBarBodyTable {
    color: #5d6568;
    font-size: 0.9em;
}

.ToolBarFooter {
    height: 36px;
    width: 5px;
}

.ToolBarFooterAction {
    height: 36px;
    width: 5px;
}

#ToolBarInline {
    margin-left: 20%;
    margin-top: -45px;
    float: right;
    display: block;
}

.ToolBarBody span,.ToolBarBody label,.ToolBarBody input {
    color: #5d6568;
    display: inline;
}
/* 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;
}

.TableborderOne td {
    
}

.tdLeft {
    
}

.tdRight {
    
}

#dataHeader {
    color: #5D6568;
    font-size: 12px;
    margin: 3px 0px 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;
}

.TdBorderRight {
    
}

.TdBorderBottom {
    
}

.TdBorderBottomRight {
    
}

.TdBorderBottomLeft {
    
}

.TdBorderTop {
    
}

.TdBorderTopRight {
    
}

.TdBorderTopLeft {
    
}

th.TitleBarIdent {
    text-align: center;
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
    font-size: 13px;
    padding: 0px;
}

.TitleBarIdent .QuestionEm {
    color: #ffffff;
}

.multicriteria a {
    color: #ffffff;
}

.TitleBarIdent a:link {
    padding-left: 5px;
    font-weight: normal;
}

.TitleBarIdent a:hover {
    padding-left: 5px;
    font-weight: normal;
}

.TitleBarIdent a {
}

th.TitleBarIdentLeft {
    text-align: left;
    font-weight: bold;
    color: #99999a;
    font-size: 13px;
    padding: 2px;
}

th.TitleBarIdentRight {
    text-align: right;
    background-color: #999ea0;
    font-weight: bold;
    color: #99999a;
    font-size: 13px;
    padding: 2px;
}

/* Numéro */
th.ident-rank {
    text-align: center;
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
    width: 25px;
    height: 39px;
    font-size: 13px;
}
/* Case à cocher */
th.ident-check {
    text-align: center;
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
    width: 25px;
    font-size: 13px;
    height: 39px;

}
/* Toggle */
th.ident-toggle {
    text-align: center;
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
    width: 20px;
    height: 39px;
    font-size: 13px;
}

/* display viewed lines in different color*/
.alreadyView td.ident-rank{
	background-image: url(../icons/css/flora2/search/already_view.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}

.alreadyView td.ident-rank a,.alreadyView td.ident-rank a:hover {
    color: #ffffff;
}

.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: #ffffff;
    color: #000000;
    border-bottom: 3px solid #99999a;
}
/* 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 #ffffff;
    background: #ffffff;
    max-height: 80px;
    max-width: 80px;
}

td.identImage img.attachedIcon {
    border-radius: 10%;
}

/* fin de th */
th.end-header {
    background: #ffffff;
    color: #000000;
    width: 40px;
    height: 39px;
}

.IdentListExtraInfos {
    color: #5d6568;
    font-size: 11px;
    font-weight: normal;
}

.IdentListIcommItem {
    color: #5d6568;
    font-size: 10px;
    font-weight: normal;
}

/* view */
#Onglets {
    margin-right: 3px;
    margin-top: 3px;
    height: 30px;
}

.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;
}

.TabViewSelectedLink,.TabViewSelectedCenter a:hover,.TabViewSelectedCenter a:link,.TabViewSelectedCenter a:visited,.TabViewSelectedLink:hover,.TabViewSelectedLink:visited,.TabViewSelectedLink:link
    {
    color: #ffffff;
}

.TabViewSelectedCenter,.TabView2SelectedCenter {
    color: #ffffff;
    font-size: 14px;;
    background-color: #FFAB4C;
    text-align: center;
    padding-left: 5px;
    border-color:  #FFAB4C;
    border-style: solid;
    border-width: 1px;
}

.TabViewSelectedleft,.TabView2Selectedleft {
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
    height: 25px;
    background-color: #FFAB4C;
    border-color:  #FFAB4C;
    border-style: solid;
    border-width: 1px;
}

.TabViewSelectedright,.TabView2Selectedright {
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
    height: 25px;
    background-color: #FFAB4C;
    border-color:  #FFAB4C;
    border-style: solid;
    border-width: 1px;
}

.TabView2SelectedLink,.TabView2SelectedCenter a:hover,.TabView2SelectedCenter a:link,.TabView2SelectedCenter a:visited,.TabView2SelectedLink:hover,.TabView2SelectedLink:visited,.TabView2SelectedLink:link
    {
    color: #ffffff;
}

.TabViewNotSelectedCenter,.TabView2NotSelectedCenter {
    color: #ffffff;
    font-size: 14px;;
    background-color: #99999a;
    text-align: center;
    padding-left: 5px;
    border-color:  #99999a;
    border-style: solid;
    border-width: 1px;
}

.TabViewNotSelectedleft,.TabView2NotSelectedLeft {
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
    height: 25px;
    background-color: #99999a;
    border-color:  #99999a;
    border-style: solid;
    border-width: 1px;
}

.TabViewNotSelectedright,.TabView2NotSelectedright {
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
    height: 25px;
    background-color: #99999a;
    border-color:  #99999a;
    border-style: solid;
    border-width: 1px;
}

.TabViewNotSelectedText {
    color: #ffffff;
}

.TabViewNotSelectedCenter a:link,.TabViewNotSelectedCenter a:visited,.TabView2NotSelectedCenter a:link,.TabView2NotSelectedCenter a:visited,.TabViewNotSelectedCenter a:hover,.TabView2NotSelectedCenter a:hover
    {
    color: #ffffff;
}

.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;
}

th.TitleBarView-ever {
    font-weight:300;
    text-align: left;
    padding: 2px;
    font-size: 1.2em;
    background:#EAEAEA;
    color: #00AE8D;
}

th.TitleBarView-transfer {
    font-weight:300;
    text-align: left;
    padding: 2px;
    font-size: 1.0em;
    background:#EAEAEA;
    color: #00AE8D;
    font-color: #00ae8d;
    border:1px solid white;
}

td.TitleBarView-transfer {
    font-weight:300;
    text-align: left;
    padding: 2px;
    font-size: 1.0em;
    border:1px solid white;
}

th.LegendStyle
{
   color: #003399;
   font-style: italic;
   font-size: 10px;
   text-align : right;
   padding: 2px;
   font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
   color: #FD8402;
}

th.LegendStyle-ever
{
   color: #003399;
   font-style: italic;
   font-size: 10px;
   text-align : left;
   padding: 2px;
   font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
   color: #FD8402;
}

/* 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;
}

.TabViewPhototd {
    
}

.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: 0.9em;
    padding: 3px;
    border: 0;
    color: #5d6568;
    padding-left: 10px;
}

th.view-field-label-ever {
    text-align: left; /* RTL */
    vertical-align: top;
    font-size: 0.9em;
    padding: 3px;
    border: 0;
    color: #5d6568;
    padding-left: 10px;
}

td.view-field-label {
    text-align: left; /* RTL */
    vertical-align: top;
    font-size: 0.9em;
    padding: 3px;
    border: 0;
    color: #5d6568;
    padding-left: 10px;
}

td.view-field-label-ever {
    text-align: left; /* RTL */
    vertical-align: top;
    font-size: 0.9em;
    padding: 3px;
    border: 0;
    color: #5d6568;
    padding-left: 10px;
}

th.view-field-label2 {
    text-align: left; /* RTL */
    vertical-align: top;
    font-size: 0.9em;
    padding: 3px;
    border: 0;
    color: #5d6568;
    padding-left: 10px;
}

td.view-field-label2 {
    text-align: left; /* RTL */
    vertical-align: top;
    font-size: 0.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: 0.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: 0.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%*/;
   margin-right:3%;
}

#BgRubSearchSimple {
    background-color: #ffffff;
    color: #000000;
    margin-left: 3%;
}

#BgRubSearchAdvanced {
    background-color: #ffffff;
    color: #000000;
    margin-left: 3%;
}

#BgRubSearchAdvancedGestion {
    background-color: #ffffff;
    color: #000000;
    margin-left: 5%;
}

#BgRubSearchIntegral {
    background-color: #ffffff;
    color: #000000;
    margin-left: 5%;
}

#BgRubSearchFederated {
    background-color: #ffffff;
    color: #000000;
}

#BgRubInput {
    margin-top: 0;
    background-color: #ffffff;
    color: #000000;
    width: auto !important;
    width: 100%;
}

#BgRubAdd {
    background-color: #ffffff;
    color: #000000;
    width: 90%;
}

#BgRubInputStandard {
    margin-top: 0;
    background-color: #ffffff;
    color: #000000;
    width: auto !important;
    width: 100%;
}

#BgRubAddStandard {
    background-color: #ffffff;
    color: #000000;
}

#BgRubBasket {
    background-color: #ffffff;
    color: #000000;
}

#BgRubPublish {
    background-color: #ffffff;
    color: #000000;
}

#BgRubPrint {
    background-color: #ffffff;
    color: #000000;
}

#BgRubRichEditor {
    background-color: #ffffff;
    color: #000000;
}

#BgRubBasketFull {
    background-color: #ffffff;
    color: #000000;
}

#BgRubSearchZ3950 {
    background-color: #ffffff;
    color: #000000;
}

#BgRubAdd,#BgRubInput {
    margin-top: 30px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 5%;
    width: 90%;
}

#BgRubAddStandard,#BgRubInputStandard {
    margin-left: 5%;
    padding: 0px;
}

#h1Tools {
    margin-left: 90px;
    padding-top: 50px;
}

.formSearch td,.formSearch th {
    font-size: 0.9em;
    height: 60px;
}

#Step1 {
    /*background: url(../icons/css/flora2/step/step1.gif) no-repeat 10px 10px white; */
    
}

#Step1:hover {
    /*background: url(../icons/css/flora2/step/step1_hover.gif) no-repeat 10px 10px white; */
    
}

#Step2 {
    /*background: url(../icons/css/flora2/step/step2.gif) no-repeat 10px 10px white; */
    
}

#Step2:hover {
    /*background: url(../icons/css/flora2/step/step2_hover.gif) no-repeat 10px 10px white; */
    
}

#step3 {
    /*background: url(../icons/css/flora2/step/step3.gif) no-repeat 10px 10px white; */
    
}

#Step3:hover {
    /*background: url(../icons/css/flora2/step/step3_hover.gif) no-repeat 10px 10px white; */
    
}

#Step4 {
    /*background: url(../icons/css/flora2/step/step4.gif) no-repeat 10px 10px white;*/
    
}

#Step4:hover {
    /*background: url(../icons/css/flora2/step/step4_hover.gif) no-repeat 10px 10px white;*/
    
}

.Step,.StepNone,.StepGestion {
    font-size: 0.9em;
    margin: 0 0 10px 0px;
    padding: 1px 0 10px 0px;
}

.StepNone {
    background: white;
}

.StepNoneNoPad {
    font-size: 0.9em;
    margin: 0 0 10px 0px;
}

.StepNoneNoPadNoDisplay {
    background: white;
    font-size: 0.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: #ffffff
        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: 0.9em;
    color: #000000;
    padding: 5px;
    font-weight: bold;
}
/*  titre recherche lecteur réponse */
th.TitleBar3 {
    text-align: center;
    padding: 2px;
    font-weight: bold;
    color: #000000;
    font-size: 1em;
}

/* Tableau fixe d'identifiants */
.BorrowerIdentArray {
    width: 100%;
    height: 70%;
    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 */
body.thesaurus {
    
}

.thesaurus-toolbar {
    font-size: 0.9em;
    color: #8C94BF;
    margin-bottom: 10px;
    margin-top: 0px;
}

.thesaurus-tree {
    background-color: #ffffff;
    padding: 1em 1em 1em 1em;
    margin-top: 0;
    width: 90% !important;
    width: 100%;
    overflow: auto;
    height: 84% !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 */
body.hds {
    
}

.hds-toolbar {
    margin: 0pt;
    background-color: #DBE1EA;
}

.hds-tree {
    padding: 1em 1em 1em 1em;
    margin-top: 0;
    width: 95% !important;
    width: 100%;
    height: 83%;
    overflow: auto;
}

#ToolBarTree {
    margin-top: 30px;
}

.ToolBoxTree {
    margin-top: 6px;
    color: white;
    display: inline;
}

.ToolBoxTreeCenter {
    float:left;
    font-size: 0.9em;
    text-align: center;
    background-color: #ffffff;
    height: 18px;
    padding: 5px;
}

.ToolBoxTreeCenter img{
    padding-left: 2px;
    padding-right: 2px;
}

.ToolBoxTreeLeft {
    background-color: #ffffff;
    height: 18px;
    width: 5px;
    padding: 5px;
}

.ToolBoxTreeRight {
    background-color: #ffffff;
    height: 18px;
    width: 5px;
    padding: 5px;
}

.ToolBoxTreeSpace {
    width: 6px;
}
/* TREEVIEW */
.treeview-dir-content {
    padding: 0px;
    margin: 0px;
    margin: 0px;
    padding: 0px;
    font: icon;
    white-space: nowrap;
}

.treeview-dir {
    cursor: pointer;
    font: icon;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

.treeview-item {
    text-overflow: ellipsis;
    overflow: hidden;
    font: icon;
    color: black;
    font-weight: normal;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

.treeview-item-over {
    text-overflow: ellipsis;
    overflow: hidden;
    font: icon;
    font-weight: bold;
    color: white;
    background-color: #a3b4bf;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

.treeview-item-selected {
    text-overflow: ellipsis;
    overflow: hidden;
    /*color : #FF9900;*/
    font-weight: bold;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

.treeview-item-virtual,.treeview-dir-virtual,.treeview-item-virtual-over
    {
    color: #4c5d74;
    cursor: default;
}

.treeview-icon {
    vertical-align: middle;
    border: 0px;
}

/* Style générique pour les arbres */
.tree {
    float: left;
    background-color: #ffffff;
    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: 0.9em;
    padding: 1px;
}

/* Tableau récapitulatif des résultats par source */
.source-results-pane {
    width: 100%;
    border: 0px;
    background: #8C94BF;
    color: white;
    font-size: 0.9em;
}

.source-results-title {
    vertical-align: top;
    font-size: 0.9em;
    width: 25%;
}

.source-results-cell {
    vertical-align: top;
    font-size: 0.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: 0px;
}

.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: 10;
    margin: 3pt;
    color: #000000;
    background-color: #ffffff;
}

.calendarTable {
    border: 2px;
    border-color: #FF9900;
    border-style: solid;
    border-collapse: collapse;
}

.calendarDayTitle {
    border: 1px;
    border-color: #FF9900;
    border-style: solid;
    font-size: 0.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: 0.8em;
}

/* Commun au jour, mis dans <TD> */
.calendarDayCell {
    font-size: 0.8em;
    color: #000000;
    text-align: center;
    padding-left: 2pt;
    padding-right: 2pt;
    padding-top: 1pt;
    padding-bottom: 1pt;
}

.calendarDayCellSelected {
    font-size: 0.8em;
    color: #ffffff;
    text-align: center;
    padding-left: 2pt;
    padding-right: 2pt;
    padding-top: 1pt;
    padding-bottom: 1pt;
    background-color: #09b191;
    font-weight: bold;
}

/* Jour d'aujourd'hui : mis su HREF */
.calendarDayCurrent {
    font-weight: bold;
}

.calendarDayCellSelected .calendarDayCurrent {
    font-weight: bold;
    color: #ffffff;
}

/* Jour d'aujourd'hui : mis sur HREF */
.calendarDaySelected {
    color: #ffffff;
}

.ImgInput {
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
}

/*
* information avec point d'exclamation sur page entière
*/
.Info {
    margin: 3em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    text-align: center;
    color: #000000;
    height: 30px;
    font-size: 1.2em;
}

.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: 0.5em;
}

.InfoCom li {
    padding-top: 0.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;
}
/*
message d'erreur de l'application
*/
.Error {
    padding: 0.5em 0.5em 0.5em 0.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%;
}
/*
* information avec point d'exclamation sur assistant
*/
.Info2 {
    text-align: center;
    font-size: 1.2em;
}

.Info2 p {
    font-weight: bold;
    color: #000000;
    font-size: 0.9em;
    padding: 10px 0 0 50px;
    margin-right: 30px;
}
/* message avec confiramtion sur une action */
.Confirm {
    margin: 3em;
    border: 1px solid #a8b3c7;
    padding: 0.5em 0.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
        #ffffff;
}

#unLock {
    background: url(../icons/css/flora2/message/unlock.gif) 2px 2px
        no-repeat #ffffff;
}

#Delete {
    background: url(../icons/css/flora2/message/delete.gif) 2px 2px
        no-repeat #ffffff;
}

#Hold {
    background: url(../icons/css/flora2/message/hold.gif) 2px 2px no-repeat
        #ffffff;
}

#Aside {
    
}

#CashSystem {
    margin: 0 5% 0 5%;
}

#AddCashSystem {
    margin: 0 5% 0 5%;
}

#DeleteCashSystem {
    margin: 0 5% 0 5%;
}

#MesSynchronize {
    
}

#MesAssociate {
    margin: 10% 5% 0 5%;
}

#MesGm {
    margin: 0 5% 0 5%;
}

#backuploan {
    
}

#publish {
    
}

#exportNotice {
    
}

#print {
    
}

#CrossRight {
    margin-top: 0;
    padding: 1em;
    background: url(../icons/css/flora2/message/li_info.gif) 2px 10px
        no-repeat #ffffff;
}

#CrossRight h1 {
    margin-right: 5%;
}

#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%;
    margin-top: -15px;
    padding: 0;
    border: 0px;
}

#centre {
    padding: 0;
    width: auto;
}

.arbreGauche {
    margin-top: 0px;
    margin-left: 0px;
    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: 0px;
}

.menugauche {
    list-style-type: none;
    margin: 0 0 0 5px;
    padding: 0;
    width: 165px;
}

.menugauche li {
    margin-bottom: 5px;
}

.menugauche li:hover {
    
}

.menugauche a {
    min-width: 100%;
}

.menugauche a:hover {
    
}

.RoleNameSelected {
    min-width: 100%;
    color: white;
    background-color: #99999a;
}

.RoleNameSelected:visited {
    min-width: 100%;
    color: white;
    background-color: #00416d;
}

.configToolBar {
    position: absolute;
    top: 0;
    left: 0;
}

/*
* Liste d'index (assistant)
*/
.BgRub2 {
    background-color: #FFFFFF;
}

#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: 0px;
    margin-top: 0;
}

#IndexSearch {
    text-align: center;
    margin-top: 20px;
}

.OccurenceTitle {
    color: #585858;
    font-size: 0.9em;
    clear: both;
}

th .OccurenceTitle {
    color: #ffffff;
}

.IndexSearchTitle {
    color: #585858;
    font-weight: bold;
}

#assistIndexPageUp {
    float: left;
    font-size: 0.9em;
    color: #000000;
}

#assistIndexPageUp img {
    margin-left: 5px;
    margin-right: 5px;
}

#assistIndexPageDown {
    float: right;
    font-size: 0.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;
}
/*
.thesaurus-left{
   padding:0;
   margin:0;
   width:250px;
   background: url(../icons/css/flora2/visual/bg_thesaurusleft.png) no-repeat; 
   padding-left:20px;
   float:left;
}

.ThesaurusGeneric{
   height:50px;
   margin-bottom:5px;
   margin-top:5px;
   color:#8594b0;
   background: url(../icons/css/flora2/visual/bg_thesaurus_broader.png) -30px -35px  no-repeat; 
}
.ThesaurusGeneric:hover{
   height:50px;
   background: url(../icons/css/flora2/visual/bg_thesaurus_broader_on.png) no-repeat; 
}
.ThesaurusTerm{
   height:90px;
   background: url(../icons/css/flora2/visual/bg_thesaurus_terms.png)  -30px 0  no-repeat; 
}
.ThesaurusTermSelect{
 float:right;
 margin-right:0;
 font-size:0.8em;
 }
.ThesaurusTermText{
float:left;
margin-left:10px;
margin-top:30px;
font-size:0.8em;
display:inline;
}

.ThesaurusGenericText{
position:absolute;
margin-left:0px !important;
margin-left:-60px;
margin-top:40px;
font-size:0.8em;
color:#c2d1ed;
}
.ThesaurusSpecificText{
position:absolute;
margin-top:-1px;
margin-left:0px !important;
margin-left:-60px;
font-size:0.8em;
color:#c2d1ed;
}
.ThesaurusTerm p{
color:white;
font-weight: bold;
display: inline;
}
.ThesaurusTermIn{
 color:#445f91;
 font-size:1.1em;
 font-weight:bold;
 display: inline;
 width:150px;
margin-left:60px;
padding-top:30px;
 }
  .textThesaurusTermIn
  {
 margin-top:30px; 
   background-color: #E7E7E7;
   border:0;
   color:black;
  }
.ThesaurusSpecific{
   height:150px;
   color:#8594b0;
   background: url(../icons/css/flora2/visual/bg_thesaurus_narrower.png) -25px 0 no-repeat;  
   margin-bottom:5px;
   margin-top:5px;
}
.ThesaurusSpecific:hover{
   background: url(../icons/css/flora2/visual/bg_thesaurus_narrower_on.png) no-repeat; 
}

.ThesaurusSpecificIn{
margin-left:60px;
padding-top:20px;
overflow:scroll;
overflow-x:hidden;
height:130px !important;
height:150px;
}
.ThesaurusGenericIn{
   margin-left:60px;
padding-top:20px;
}
.ThesaurusSeeAlso{
text-align:center;
width:200px;
height:150px;
background: url(../icons/css/flora2/visual/bg_thesaurus_associated.png) 0 -85px no-repeat; 
padding-top:110px;
}*/
.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: 0px;
}

.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: 0px;
}

.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;
}

.thesaurusReload {
    position: absolute;
    right: 5px;
    top: 5px;
}

/*
* fin thésaurus (assistant)
*/

/*
* 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: white;
}

#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: #ffffff;
    color: #000000;
}

#btnCreate {
    display: inline;
}
/*
* fin assistant liste table liée
*/

/*
* Mise en forme des services
*/

/*
*
*  COMMUNICATION
*
*/
#BgRubCommunication {
    text-align: center;
    font-weight: 300;
    color: #000000;
    height: 50px;
    padding-top: 10px;
    line-height: 35px;
    display:table;
    width: 100%;
}

#BgRubCommunicationQuery {
	margin-bottom:0px;
	display:table;
    text-align: center;
    font-weight: 300;
    color: #000000;
    height: 85px;
    padding-top: 10px;
    line-height: 35px;
}

#BgRubCommunicationTransfer {
    text-align: left;
    height: 85px;
    font-weight: 300;
    color: #000000;
    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: 0.5em 0.5%;
    position: absolute;
    font-size: 0.8em;
    padding: 1.5em;
    filter: alpha(opacity = 90);
    -moz-opacity: 0.9;
    background: url(../icons/css/flora2/message/postitoff.gif) no-repeat
        #fff8ef;
    z-index: 10;
    cursor: move;
}

.postItOff {
    filter: alpha(opacity = 60);
    -moz-opacity: 0.6;
    z-index: 10;
    cursor: move;
    background: url(../icons/css/flora2/message/postit.gif) no-repeat
        #fff8ef;
}

#infoBorrower ul {
    list-style: none;
    padding: 0;
    margin-left: 5px;
}

#infoBorrower ul li {
    padding: 0.2em;
    margin: 0;
}

#gridInputComRights {
    overflow: auto;
    height: 300px;
    text-align: center;
    margin-left: 50px;
}

.TitleCommunication {
    margin-right: 5em;
}
/*
* Saisie mise en valeur d'un groupe 
*/
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: 0.2em;
    border:1;
    border-radius:5%;
    border:1px solid #dee4ed
}

.rightClickContainer ul {
    list-style: none;
    padding: 0 0 1em 0;
    margin: 0;
}

.rightClickContainer li {
    font-size: 0.85em;
    color: Black;
    margin-bottom: 0.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: 0pt;
    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   
    */
#toolBarDcm,#toolBarDiaporama {
    width: 93px;
    height: 450px;
    filter: alpha(opacity = 90);
    -moz-opacity: 0.9;
}

#toolBarDcm input,#toolBarDiaporama input {
    background: #edf0f3;
    border: 1px solid #716f64;
    margin: 0 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: 0.8em;
    color: #7a7a7a;
    margin: 0.2em;
}

#toolBarlabel {
    display: block;
    padding-left: 2em;
    padding-top: 3px;
}

.toolBarDcm,.toolBarDcmOff,.toolBarDiaporama,.toolBarDiaporamaOff {
    border: 0;
    margin: 0.5em 0.5%;
    font-weight: bold;
    position: absolute;
    filter: alpha(opacity = 90);
    -moz-opacity: 0.9;
    z-index: 10;
}

.toolBarDcm,.toolBarDiaporama {
    filter: alpha(opacity = 60);
    -moz-opacity: 0.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: 440px;
}

#toolBarDcmToggle,#toolBarDiaporamaToggle,#toolBarToggle {
    margin: 2px 5px 0 0;
    padding: 0;
    cursor: hand;
}

#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;
}

.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: 0.5em solid white;
}

.imgDcmTool,.imgDcmToolOff {
    position: absolute;
    z-index: 5;
    cursor: move;
    filter: alpha(opacity = 100);
    -moz-opacity: 1;
}

.imgDcmToolOff {
    filter: alpha(opacity = 60);
    -moz-opacity: 0.6;
}

.dcm-tree {
    background-color: #f7f7f7;
    border: 1px solid #d7d7d7;
    padding: 1em 1em 1em 0.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: 300px;
}

#Right,#Right2 {
    position: absolute;
    top: 50px;
    left: 360px;
    width: 50%;
    height: 50%;
}
/*Left Frame*/
.imgReport {
    filter: alpha(opacity = 80);
    -moz-opacity: 0.8;
    border: 5px solid #cad3de;
}

.imgReportNone {
    border: 5px solid white;
}

#Pager {
    text-align: center;
    background-color: white;
    font-size: 0.9em;
    color: #99ADCA;
    height: 40px;
    padding-top: 15px;
    width: 200px;
}

.pagerReport {
    text-align: center;
    background-color: #f6f6f6;
    font-size: 0.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: 0.5em solid white;
}

.ImageContainertd {
    vertical-align: middle;
    text-align: center;
}
/*
DIAPORAMA DCM
*/
#diaporamaTools {
    padding: 6px;
    margin: 10px 0px 0 10px;
    float: right;
}

.scale-image {
    margin: 0;
    display: table-cell;
    text-align: center;
    border: 0.1em solid #f6f6f6;
    color: #b3b3b3;
    font-size: 0.8em;
    vertical-align: middle;
}

.scale-image * {
    vertical-align: middle;
}

.scale-image span {
    display: inline-block;
    height: 100%;
}

#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: 300px;
    background: url(../icons/css/flora2/dcm/toolbar/bg_toolbar_left.gif)
        repeat-y;
    height: 36px;
}

#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: 0.9em;
}

#DcmOnglets {
    height: 23px;
    margin-bottom: 15px !important;
    margin-bottom: 0;
}

.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: 0.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: 0.9em;
    color: #bfbfbf;
    background: #ffffff
        url(../icons/css/flora2/dcm/toolbar/table/bg_tabview_center.gif)
        repeat;
    text-align: center;
    padding: 0 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 {
    width: 100%;
    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: 0.9em;
    color: #9a9a9a;
    padding: 0.5em;
}

#toggleDcmOff,.toggleDcmOff {
    background: url(../icons/css/flora2/dcm/action/toggle_dcm_off.gif);
    width: 10px;
    height: 395px;
    position: absolute;
    margin-left: -10px;
    cursor: hand;
}

#toggleDcmOn,.toggleDcmOn {
    background: url(../icons/css/flora2/dcm/action/toggle_dcm_on.gif);
    width: 20px;
    height: 300px;
    position: absolute;
    right: 0;
    cursor: hand;
}

.toggleDcmOff {
    /*float:left;*/
    position: fixed !important;
    position: absolute;
    right: 305px;
    z-index: 105;
}

.toggleDcmOn {
    position: fixed !important;
    position: absolute;
    right: 0px;
}

.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: 0.85em;
    margin: 0;
}

.getTerm {
    
}

.captTerm {
    border: #F88020 1px solid;
    color: black;
    background-color: white;
}

.captTermIndex {
    width: 80%;
    height: 80px;
    overflow: auto;
    border: #F88020 1px solid;
    color: black;
    background-color: white;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;
    font-size: 0.8em;
}

.RetrieveHtmlData,.RetrieveHtmlDataBlock {
    right: 10px;
    width: 35%;
    height: 50%;
    color: #d09f5d;
    filter: alpha(opacity = 95);
    -moz-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: 0.85em;
}

.RetrieveHtmlData th,.RetrieveHtmlDataBlock th {
    font-size: 0.9em;
    pleft: 0.5em;
}

.RetrieveHtmlDataDiv {
    overflow-y: scroll;
    overflow-x: hidden;
   
    height: 310px;
    margin-top: 0px;
    padding: 0.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;
}

.gedContainer {
    margin-left: 5px;
    border: 1px solid #c5c5c5;
}

.excludedDateLabel {
    font-size: 0.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: 0.95em;
    border: #FFFFFF 0px 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: #FFFFFF 0px solid;
   color:black;
   background-color: #ffffff;
}
*/
.listTextBoxEditFocus {
    font-size: 0.95em;
    border: #FFFFFF 1px solid;
    color: black;
    background-color: #ffffff;
}
/* Bouton 2states */
.buttonEnabled {
    /* for IE */
    filter: alpha(opacity = 100);
    /* CSS3 standard */
    opacity: 1;
    /* for Mozilla */
    -moz-opacity: 1;
    cursor: pointer;
    border-style: none;
}
/* Bouton 2states */
.buttonDisabled {
    /* for IE */
    filter: alpha(opacity = 30);
    /* CSS3 standard */
    opacity: 0.3;
    /* for Mozilla */
    -moz-opacity: 0.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: 0.1;
    filter: alpha(opacity = 10);
    -moz-opacity: 0.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 0px 0px 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 /*padding:1em 1em 1em 1em;*/ /*margin-top:0;*/ 
        /*overflow: auto;*/
}

div#viewDefault {
    color: black;
    background-color: #EAEEFF;
    border-left: 1px solid Gray;
    margin: 0 1;
    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: top;
    margin-top: -5px;
    width: 3.5px;
}

.viewDefault-Div {
    background: #ffffff none repeat scroll 0 0;
    border: 1px dashed #999ea0;
    color: #5d6568;
    margin: 0.3em 0 0.3em 0.3em;
    padding: 0.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: 0.9em;
    color: white;
    font-weight: bold;
    padding: 1;
}

.sysModalPopupHeaderCell {
    font-size: 0.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(this.parentNode.parentNode.parentNode.scrollTop + 'px');
}

.fixedHeader th {
	text-align: left;
}

.fixedBody {
}

.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 #FFFFFF;
    color: #5D6568;
}

#divFacetSelected a {
    color: #5D6568;
}

#choseExportType,.waitExport {
    margin: 3px;
    overflow: auto;
    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: 0px;
    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: #ffffff;
}

#divFacetContainer:hover {
    opacity: 1;
}

#divFacetContainer a {
    color: #5d6568;
}

#divFacetContainer a:hover {
    text-decoration: underline;
}

.indexInput {
    color: #000000;
    padding: 10px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #dddddd;
    font-size: 1.3em;
    margin: 10px;
    background-color: #ffffff;
    width: 200px;
}

.CommandButtonDiv {
    background-color: #FFAB4C;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 0px;
    padding: 7px;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 5px;
}
.CommandButtonDiv:hover{
    opacity: 0.8;
}

.CommandButtonDiv:visited,.CommandButtonDiv:link{
    color: white;