/* ------------------------------- */
/* = Global                         */
/* ------------------------------- */
html, body {height:100%;}

body > form {
   min-height: 100%;
   position: relative;
   background-color: #fff; 
}

#contenuResultats input[disabled], a[disabled]{
        cursor:default;
        text-decoration: none;
    }

#contenuResultats .button {
    }

.signatureRegard h1 {
    display:none;
}


#contenantEspaceBibliotheque.nonVide {
   background-color: #fff;
   color: #505050;
   border: 2px solid #EAEBEC;
   margin: 5px 20px 0;
   padding: 5px;
}


#Contenu 
{
  padding: 0 15px 130px 20px; 
}

#Contenu h2 {
   font-weight: bold;
   font-size: 1.2em;
   white-space: nowrap;
   margin: 5px 0 10px;
}

#contenuRecherche h2,
#contenuResultats h2,
#contenuRechercheZ3950 h2,
#contenuResultatsZ3950 h2,
#contenuListeZ3950 h2,
#contenuRessourcesNumeriques > h2,
#contenuSuggRechApprox h2,
#contenuSuggestions h2,
#contenuPanierZ3950 h2,
#contenuHistorique h2,
#contenuRechercheThesaurus h2,
#listeReferences > h3 {
   position: absolute;
   clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
   clip: rect(1px, 1px, 1px, 1px);
   right: 0;
}

#Contenu > div,
#Contenu > section
{
   margin: 7px 0;
}

.message {
   text-align: center;
   width: 100%;
}

.pointeur {cursor: pointer;}

button, input[type="button"], input[type="submit"],
#pagination a,
#parcoursItems a {
   background-color: #fff;
   border: 1px solid #eee;
   border-radius: 3px;
   color: #0073cf;
   font-size: 11px;
   letter-spacing: 1px;
   padding: 5px 8px;
   text-transform: uppercase;
}


.ensembleActions input{
   background: url('../Img/puce.png') left center no-repeat;
   border: 0;
   border-bottom: 1px solid #666;
   border-radius: 0;
   box-shadow: none;
   color: #666;
   font-size: 0.8em;
   font-weight: bold;
   letter-spacing: normal;
   line-height: 13px;
   margin-right: 12px;
   padding : 0 0 0 12px;
   text-transform: none;
}

.ensembleActions input:hover{cursor: pointer;}


/* ------------------------------- */
/* = Éléments communs               */
/* ------------------------------- */

input {
    margin-left: 0px;
}

.consigne {
    color: #cc6600;
    font-weight: bold;
}

.donnee {display: table-row;}
.donnee > label {
    font-weight: bold;
    padding-right: 10px;
}
.donnee > label, .donnee > span {
    display: table-cell;
    white-space: nowrap;
}

.blocActions {white-space: nowrap;}

.blocActions input,
#ctlLstZ3950 li a {
   background: url(../img/go_Couleur_16_4.png) left 0 no-repeat;
   border: none !important;
   box-shadow: none;
   color: #0073cf;
   display: block;
   font-size: 13px;
   font-weight: normal;
   letter-spacing: normal;
   line-height: 16px;
   margin: 0 0 5px;
   padding: 0 0 0 18px;
   text-align: left;
   text-transform: none;
   width: 145px;
}

.blocActions input:hover,
 #ctlLstZ3950 li a:hover
{
   box-shadow: none; 
   opacity: 1;
   filter:alpha(opacity=100);  /*ie8*/
   text-decoration: underline;
}

.bouton input[type="submit"] {
   background-color: #0073cf; 
   border: 1px solid #0073cf;
   color: #fff;
   font-size: 13px;
   padding: 7px 14px;
}

.bouton input[type="submit"].secondaire {
   background-color: #fff;
   color: #0073cf;
}

.transitionNomZone {font-weight: bold;}  

/* -------------------------------- */
/* = Pagination / Parcours des items */
/* -------------------------------- */
#nombreReference {
   display: inline-block;
   font-size: 11px;
   font-weight: bold;
   padding: 2px 4px 2px 0;
   text-align: left;
   vertical-align: middle;
   white-space: nowrap;
}

#pagination,
#parcoursItems {
   display: block;
   line-height: 28px;
   padding: 0 4px;
   text-align: center;
}

#parcoursItems {text-align: right;}

#pagination > *,
#parcoursItems > * {
   background-color: #fff;
   color: #0073cf;
   display: inline-block;
   margin: 0px 5px;
   vertical-align: top;
}

#pagination input {
   border: none;
   border-radius: 0;
   box-shadow: none;
   font-size: 12px;
   font-weight: normal;
   letter-spacing: normal; 
   padding: 3px 5px;
   text-transform: none;
}

#pagination a,
#parcoursItems a {
   box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
   text-decoration: none;
   color: transparent;  
   font-size: 0;
   height: 16px;
   width: 24px;
}

#pagination #ctlPagePrecedente,
#parcoursItems #ctlItemPrecedent {
   background: url('../img/precedent_Couleur_16_2.png') center center no-repeat;
}

#pagination #ctlPageSuivante,
#parcoursItems #ctlItemSuivant {
   background: url('../img/suivant_Couleur_16_2.png') center center no-repeat;
}

#pagination a:hover,
#parcoursItems a:hover {
   box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
   opacity: .9;
   filter:alpha(opacity=90);  /*ie8*/
}

#parcoursItems #positionItem {
   font-size: 12px;
   padding: 3px 5px;
}

#pagination .espacement {padding: 0 10px;}

#pagination .actif {
   border: 2px solid #0073cf; 
   border-radius: 20px;
}

/* --------------------------- */
/* = Recherche - Formulaire     */
/* --------------------------- */
.ContainerLigRech > div {
   margin: 0 10px 20px 0;
   display: inline-block;
   vertical-align: top;
}

#Contenu h3   
{
    font-size: 0.9em;
    font-weight: bold;
    padding: 0 0 6px 0;
    text-align: left;  
    }


.ContainerLstBnq {
   display: inline-block;
   margin-bottom: 30px;
}

.ContainerLigRech, .ContainerRestriction, #ctlTDLstCible {margin-bottom: 30px;}

.ContainerLigRech td {padding: 0 15px; white-space:nowrap;}

.containerTabLigRech table {
   border: none;
   border-collapse: separate;
   border-spacing: 5px;
}

.containerTabLigRech table td {border: none;}


.containerTabLigRech tbody tr > td:nth-child(2) {
   width: 200px;
   padding: 0 10px;
}

.containerTabLigRech tbody tr > td:nth-child(2) > input {width: 100%;}



.ContainerRestriction > div {
   display: inline-block;
   margin: 0 10px 20px 0;
   width: 280px;
}

.ContainerRestriction > div > p {
   margin: 5px 0;
}


.ContainerLstBnq p,
.ContainerRestriction > div > p label {
   font-size: .9em;
   font-weight: normal;
   opacity: 1;
   filter: alpha(opacity=100);
}


#contenuRecherche input[type="checkbox"] + label {margin-left: 5px;}

.ContainerRestriction > div select {width: 270px;}

.ContainerLigRech p {
   color: #0073cf;
   font-weight: bold;
   margin: 15px 0;
}

.ContainerRestriction > p {
   margin: 15px 0;
}

.ContainerLstBnq p {
   margin: 5px 0;
}

/* ----------------------- */
/* = Recherche au théaurus */
/* ----------------------- */

#contenuRechercheThesaurus .ensembleActions {
   margin: 5px 0 15px;
}

.zoneRechercheThes {
   margin-bottom: 10px;
   padding: 10px 10px 20px;
}

.zoneRechercheThes select {
   max-width: 300px;
}

.zoneRechercheThes input[type="text"] {
   margin-left: 25px;
   width: 300px;
}

.zoneRechercheThes .bouton input[type="submit"] {
   height: 32px;
}


/* --------------------------------------------------------- */
/* = Liste de références / Référence notice / Référence terme */
/* --------------------------------------------------------- */

#listeReferences
{
   font-size: .8em;
   overflow: hidden;
   vertical-align: top;
}

#listeReferences #ctlOptionsImpr,
#listeReferences #ctlImprimer {
  background: url('../img/Imprimer_grisFonce_24_4.png') center center no-repeat;
  color: transparent;
  display: block;
  font-size: 0;
  height: 30px;
  float: right;
  position: relative;
  margin-left: 2.5%;
  margin-right: 1%;
  width: 45px;
  margin-top: 2px;
}

#listeReferences #pagination
{
   margin-top: 20px;
   margin-bottom: 10px;
}

#listeReferences ol {
   list-style: decimal outside;
   padding: 5px 0 5px 40px;
}

#listeReferences p.tri
{
   display: inline-block;
   font-size: 1.1em;
   line-height: 40px;
   padding: 0 4px;
}

#listeReferences p.tri > span
{
   color: #0073cf;
   padding: 0 4px;
}

#listeReferences p.tri select {
   padding: 2px 5px;
   max-width: 250px;
}

   #listeReferences p.tri select option {
   max-width: 300px;
   overflow: hidden;
   }

/* = Liste des termes */
#lstTerme {margin-top: 15px;}
#lstTerme, #lstTerme a {font-size: 14px;}
#lstTerme input {vertical-align: middle;}
#lstTerme p {
   display: inline-block;
   margin-left: 10px;
}

#listeReferences p.NbFicheVoir
{
    display: inline-block;
    font-size: 1.1em;
    line-height: 40px;
    padding: 0 4px 4px 0px;
    float: right;
}

#listeReferences p.NbFicheVoir > span
{
   color: #0073cf;
   padding: 0 4px;
}

#listeReferences p.NbFicheVoir select {padding: 2px 5px;}

/* = Liste des termes */
#lstTerme {margin-top: 15px;}
#lstTerme, #lstTerme a {font-size: 14px;}
#lstTerme input {vertical-align: middle;}
#lstTerme p {
   display: inline-block;
   margin-left: 10px;
}

.referenceNotice {
   display: inline-block;
   font-size: 14px;
   overflow: hidden;
   padding-bottom: 5px;
   vertical-align: top;
}

.detailFicheNot,
.detailFicheThes {
   font-size: 0.9em;
}

.referenceNotice > div,
.detailFicheNot > div,
.detailFicheThes > div { 
   display: table-cell;
   vertical-align: top;
}

.referenceNotice .notice,
.referenceNotice .blocActions {
   padding-left: 5px;
}

.couverture {padding: 2px;}

.referenceNotice .couverture {text-align: center; width: 90px;}
.detailFicheNot .couverture {width: 150px;}

.referenceNotice .couverture a,
.detailFicheNot .couverture a  {text-decoration: none;}

.referenceNotice .couverture a img,
.detailFicheNot .couverture > img {
   border: 1px solid #ccc;
   height: auto;
   padding: 10px;
   width: 60px;
}

.referenceNotice .couverture a img,
.detailFicheNot .couverture > img.pointeur {
   border: none;
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);
}

.referenceNotice .couverture a img:hover,
.detailFicheNot .couverture > img.pointeur:hover {
   box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
}


.couvertureAbsente {
   background-color: #FFF;
   border: 2px solid #ccc;
   color: #999;
   display: none;
   font-size: 12px;
   padding: 20px 4px 25px;
}

.referenceNotice .couverture img[src*="Img/CouvertureDefaut"],
.detailFicheNot .couverture  img[src*="Img/CouvertureDefaut"] {
   display: none;
}

.referenceNotice .couverture img[src*="Img/CouvertureDefaut"] + .couvertureAbsente,
.detailFicheNot .couverture img[src*="Img/CouvertureDefaut"] + .couvertureAbsente {
   display: inline-block;
   text-align: center;
}

.referenceNotice .notice > p {
   overflow: hidden;
   width: 385px;
}

.assemblageFacettesReferences.sansfacette .referenceNotice .notice > p,
#contenuPanier .referenceNotice .notice > p {
   width: 600px;
}

.couvertureAbsente:before {
   content: "Image \A non \A disponible";
   white-space: pre;
}

html[lang="en"] .couvertureAbsente:before {
   content: " Image \A not \A available " !important;  
}

.ctlImgSFM {
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 5px;
   width: 24px;
   height: 24px;
   padding: 3px;
}

.imgSFM {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-bottom: -5px;
    margin-left: -28px;
    vertical-align: bottom;
    }

.detailFicheNot .imgSFM {
   margin-bottom: -10px;
   margin-left: -20px;
}

.imageInterneNotice {
   border: 0;
   height: auto;
   margin: 0 4px 0 2px;
}

.voirFicheThes {
   background: url('../Img/LoupeThesaurus.gif') left center no-repeat;
   display: inline-block;
   height: 16px;
   margin-left: 10px;
   padding-left: 16px;
   vertical-align: middle;
}

.voirFicheThes span {display: none;}



/* ----------------------------------------- */
/* = Dossier - Login - Bloc Authentification */
/* ----------------------------------------- */
.blocAuthentification 
{
    width: 700px;
    height: 400px;
}

/* = EnregProfil */

#ctlConserverRecherche {
   background-color: #f4f5f5;
   font-size: 0.9em;
   margin-right: 20px;
   min-width: 400px;
   padding: 20px;
}

#ctlConserverRecherche p {margin-bottom: 15px;}
      
#ctlConserverRecherche #ctlDescr {width: 400px;}

/* = Reserv */

#ctlReservation h4,
#ctlReservation .donneeComplementaire {
   font-size: 1em;
   margin: 25px 20px 5px 0;
}

#ctlReservation .donneeComplementaire label {
   font-weight: normal;   
   opacity: 1;
   filter: alpha(opacity=100);
}

#ctlReservation .boite {
   background-color: #f4f5f5;
   font-size: 0.8em;
   margin-right: 20px;
   padding: 20px;
}


#ctlReservation .donneeComplementaire textarea {
   margin-top: 5px;
   width: 100%;
}

#ctlReservation .choixSucc li p + p {margin-left: 25px;}

#ctlReservation .donneeComplementaire {
   margin-top: 25px;
}

#ctlReservation .donneeComplementaire textarea {height: 150px;}

/* = Courriel */
#ctlTDCourriel {
   font-size: 0.8em;
   margin-top: 30px;
   white-space: nowrap;
}

#ctlTDCourriel label {font-weight: bold;}

#ctlTDCourriel p {margin-top: 15px;}

#ctlAdrDest {width: 300px;}

#ctlTDCourriel label[for="ctlSujet"], #ctlTDCourriel label[for="ctlTexte"] {
   display: block;
   margin: 30px 0 5px 0
}

#ctlTRPieceAttache 
{
   margin-top: 20px;
   padding-left: 50px;
   height: 24px;
   line-height: 24px;
   background: url(../img/PanierInclus.png) no-repeat;
}

#ctlSujet {width: 450px;}

#ctlTDCourriel textarea {
   height: 150px;
   width: 550px;
}

/* = Options */
#ctlOptions {
   background-color: #F6F3ED;
   border: 1px solid #D8D5CF;
   border-spacing: 10px;
   display: inline-block;
   font-size: 0.75em;
   margin-top: 10px;
   padding: 30px;
}

#ctlOptions p {display: table-row;}

#ctlOptions p > label {
   font-weight: bold;
   padding: 0 10px 20px 0;
}

#ctlOptions p > label, #ctlOptions p > span {
   display: table-cell;
   white-space: nowrap;
}

#ctlOptions input[type="text"] {width: 40px;}

/* = SuggRechApprox */
#ctlSuggestion {
   background-color: #F6F3ED;
   border: 1px solid #D8D5CF;
   display: inline-block;
   font-size: 0.75em;
   margin-top: 10px;
   padding: 30px 50px;
}

#ctlSuggestion h3 {
   font-weight: bold;
   padding-bottom: 10px;
}

#ctlSuggestion li {margin: 0 0 10px 140px;}

/* = Imprimer - Options */

#ctlTblOptions 
{
   background-color: #f4f5f5;
   display: inline-block;
   margin-top: 20px;
   padding: 30px;
}

#ctlTblOptions h3 {font-size: 1em;}
#ctlTblOptions ul {margin-top: 15px;}

#ctlTblOptions label {
   font-size: .9em;
   font-weight: normal;
}

#ctlTblOptions input[type="text"] {
   padding: 2px 5px;
   font-size: 14px;
   width: 40px;
}

/* = RegardErreur */

#ctlErreur {
   font-size: 0.8em;
   font-weight: bold;
   text-align: center;
}

/* = Historique détail */

#historiqueDetail {font-size: 0.7em;}
#historiqueDetail h3, #historiqueDetail h4 {
   font-size: 1.2em;
   margin-bottom: 5px;
}
   
#contenuHistorique h3, #historiqueDetail h3, #historiqueDetail h4, #historiqueDetail dt {font-weight: bold;}
#historiqueDetail h4 {margin-top: 15px;}

#historiqueDetail dl {
   background-color: #F6F3ED;
   border: 1px solid #BBC9D3;
   margin-right: 10px;
   padding: 10px;
}
#historiqueDetail dd {margin: 0 0 15px 30px;}

/* = Historique */
#ctlHistorique {font-size: 0.8em;}

#ctlHistorique .txtSeq:after {content: '.';}

#ctlHistorique li p {
   color: #666;
   font-weight: bold;
   margin-top: 20px;
}
#ctlHistorique li > p + div {max-width: 620px;}
#ctlHistorique li p span {margin-right: 10px;}
#ctlHistorique li div {margin: 10px 30px 0;}

#ctlHistorique > ul > li, #lstInteret > ol > li {
   min-height: 60px;
   position: relative;
}

#ctlHistorique .txtReference a {
   color: #0073cf;
}

#ctlHistorique .blocActions,
#ctlPanierZ3950 .blocActions,
#lstInteret .blocActions {
   margin-top: 0;
   position: absolute;
   top: 35px;
   right: 10px;
}

#ctlHistorique .blocActions input {width: 180px;}

.detailRecherche .restriction dt {
   font-weight: bold;
   margin: 10px 0;
}
.detailRecherche .restriction dd {margin-left: 20px;}
.detailRecherche .restriction dt > span {
   display: inline-block;
   position: relative;
}

.detailRecherche .restriction dt > span::before {
   content: "+ ";
   font-size: 1.2em;
}

.detailRecherche .restriction .moins::before {content: "- ";}

.detailRecherche .restriction dt button {
   background: transparent;
   border: none;
   box-shadow: none;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* = Imprimer */
#formImprimer {
   font-size: 0.8em;
   margin: 10px;
}
#formImprimer h2 {
float: left;
font-size: 1.5em;
font-weight: bold;
white-space: nowrap;
}

#formImprimer .noRef, #formImprimer .detail {display: table-cell;}
#formImprimer .noRef {padding: 0 10px 0 20px;}
#formImprimer .reference {margin-bottom: 15px;}

#formImprimer .ensembleActions {
   float: right;
   font-size: 1.2em;
}
#formImprimer #dateImpression {float: right;}
#formImprimer #nomSucc {float: left;}
#formImprimer #adresseSucc {clear: both;}

#formImprimer #entete div + div {
   clear: both;
   font-size: 0.8em;
   border: 0;
   border-bottom: 10px solid #666;
   margin-bottom: 20px;
   padding-bottom: 10px;
}
#formImprimer #entete div + div p {margin: 2px;}
#formImprimer > p {display: table-row;}
#formImprimer > p label, #formImprimer .valeur {display: table-cell;}
#formImprimer > p label {
   font-weight: bold;
   padding-right: 10px;
   white-space: nowrap;
}

/* = Recherche Z39.50 */
#ctlRechercheZ3950 p {
   margin: 15px 0;
}

#ctlRechercheZ3950 #YAZ {
   display: block;
   margin-top: 60px;
   text-align: right;
}

#ctlRechercheZ3950 #ctlTDLstCible p {
   font-size: 0.9em; 
   margin: 5px 0;
}


#ctlRechercheZ3950 #ctlOpe, #ctlRechercheZ3950 td[headers="ctlOpe"] select {width: 70px;} 

/* = Liste Z39.50 */
#ctlLstZ3950 {font-size: .9em;}

#ctlLstZ3950 ul {margin-top: 10px;}

#ctlLstZ3950 li {
   margin-bottom: 10px;
   padding-bottom: 10px;
}

#ctlLstZ3950 li p, #ctlLstZ3950 li a, #ctlLstZ3950 li span {margin: 5px 10px !important;}

#ctlLstZ3950 li a:hover {text-decoration: underline;}

#ctlLstZ3950 h3 {
   color: #0073cf;
   font-size: 1em;
   margin-bottom: 10px;
   margin-left: 0;
   padding: 2px 5px;
}

/* = Résultats Z39.50 */
#conteneurResultats > h3 {
   color: #0073cf;
   margin: 10px 10px 0;
   padding: 0;
}

#conteneurResultats ul,
#ctlPanierZ3950 ul {
   font-size: 0.9em;
   padding: 10px;
}

#conteneurResultats .ctlNoRef,
#conteneurResultats .ctlRef {
   display: table-cell;
   min-width: 30px;
   vertical-align: top;
}

#contenuResultatsZ3950 #conteneurResultats > ul {
   display: table;
   border-spacing: 15px;
}

#contenuResultatsZ3950 #conteneurResultats > ul > li > * {display: table-cell;}
#contenuResultatsZ3950 #conteneurResultats .ctlRef {width: 600px;}

#conteneurResultats li,
#lstNotice li,
#ctlHistorique > ul > li,
#ctlPanierZ3950 > ul > li {
   border-bottom: 1px solid #ddd;
   margin-bottom: 0;
   padding: 15px 0 20px;
}

#contenuResultatsZ3950 #conteneurResultats li {padding: 0;}

/* = Panier Z39.50 */
#contenuPanierZ3950 .ctlNoRef, 
#contenuPanierZ3950 h3 {
   display: table-cell;
   min-width: 30px;
}

#contenuPanierZ3950 h3 {
   color: #666;
   font-size: 1em;
   font-weight: normal;
}

#contenuPanierZ3950 .ctlRef {
   display: block;
   margin-left: 30px;
   margin-top: 10px;
   width: 600px;
}

#ctlPanierZ3950 > ul > li {
   min-height: 60px;
   position: relative;
}


#ctlPanierZ3950 .blocActions {
   top: 45px;
   right: 50px;
}

/* = Détail Z39.50 */
#ctlDetailZ3950 label, #ctlDetailZ3950 .txtValeur {
   display: table-cell;
   padding-bottom: 10px;
}
#ctlDetailZ3950 p {display: table-row;}
#ctlDetailZ3950 label {
   padding-right: 10px;
   white-space: nowrap;
}

#ctlDetailZ3950 #conteneurResultats {
   font-size: 0.9em;
   padding: 10px 30px;
}

#ctlDetailZ3950 h3 {
   color: #0073cf;
   font-size: 0.9em;
   font-weight: bold;
   margin-bottom: 15px;
}

/* --------------------------------- */
/* = Suggestions                     */
/* --------------------------------- */

#contenuSuggestions ul {margin: 10px 0 30px;}

#lstSugg li {display: inline;}

.suggestion { 
   border: 2px groove transparent;
   background-color: #f4f5f5 ;
   box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
   display: inline-block;
   height: 166px;
   margin: 0 3px 15px 0;
   padding: 3px 3px 47px 3px;
   position: relative;
   vertical-align: top;
   width: 164px;
}

.suggestion:hover{ border: 2px solid #37424A;}

.suggestion a {text-decoration: none;}

.suggestion a div {
   background-color: #f4f5f5;
   height: 164px;
   line-height: 164px;
   text-align: center;
   width: 164px;
}

.suggestion img {
   max-height: 164px;
   max-width: 164px;
   vertical-align: middle;
}

.suggestion h3 {
   bottom: 10px;
   height: 33px;
   position: absolute;
   text-align: center !important; 
   text-overflow: ellipsis;
   overflow: hidden;
   width: 164px;
}

#contenuSuggestions .suggestion h3 { 
   font-size: 0.8em;
   font-weight: normal;
   margin: 0;
   padding: 0;
   white-space: normal; 
}

.chargement, .chargementContenu {
   height: 100%;
   position: absolute;
   width: 100%;
}
.chargement {
   background-color: #808080;
   opacity: 0.3;
   filter:alpha(opacity=30);  /*ie8*/
   top: 0;
}
.chargementContenu {
   color: #000;
   font-weight: bold;
   text-align: center;
   top: 70px;
}
.discret {
   opacity: 0.3;
   filter:alpha(opacity=30);  /*ie8*/
}

.dialogue {
   background-color: #fff;
   border:1px solid #DCA; background:#fffAF0;
   border-radius:4px;
   box-shadow: 5px 5px 8px #CCC;
   height: 150px;
   left: 30px;
   padding:14px 20px;
   position: absolute;
   top: 100px;
   width: 200px;
   z-index: 1;
}
.dialogue p {
   font-size: 0.8em;
   margin: 10px 0;
}
.dialogue a {text-decoration: underline;}
.dialogue button {
   background: url('../img/ixePourFermer.png') no-repeat center center;
   border: none;
   box-shadow: none;
   height: 24px;
   opacity: 0.4;
   filter:alpha(opacity=40);  /*ie8*/
   position: absolute;
   top: 5px;
   right: 5px;
   width: 24px;
}
.dialogue button:hover {
   opacity: 1;
   filter:alpha(opacity=100);  /*ie8*/
}


/* ------------------------------- */
/* = LibNet                         */
/* ------------------------------- */

.MsgError   {font: normal bold small OpenSans, Arial, sans-serif;color: #FF0000;}
.MsgWarning {font: normal bold small OpenSans, Arial, sans-serif;color: #0000FF;}
.MsgSuccess {font: normal bold small OpenSans, Arial, sans-serif;color: #008080;}
.MsgInfo    {font: normal bold small OpenSans, Arial, sans-serif;color: #000066;}

body[class="ieOld"] .MsgError,
body[class="ieOld"] .MsgWarning,
body[class="ieOld"] .MsgSuccess,
body[class="ieOld"] .MsgInfo
 {font-family: Arial,sans-serif;}


/* ------------------------------- */
/* = Entête générale                */
/* ------------------------------- */


#entetePrincipale {
   background-color: #454545;
   color: #eee;
   font-size: 0.80em;
   padding: 5px;
   position: relative;
}


#entetePrincipale #logo {
    display: inline-block;
}

#entetePrincipale #logo img {
   width: 70px;
   height: 53px;
}

#entetePrincipale div {
   display: inline-block;
   vertical-align: middle;
}
   #entetePrincipale #ctlLinkPanier div
   {
      display: inline;
      vertical-align: baseline;
   }
#entetePrincipale a, 
#nomEmpr,
#ctlCourrielBiblio {
   color: #eee; 
   font-size: 1.1em;
   text-decoration: none;
}

#identSucc {
   background-color: #555;
   color: #eee;
   display: block;
   font-size: 0.9em;
   padding: 5px 0;
   position: absolute;
   bottom: 65px;
   left: 0;
   width: 100%;
   z-index: 100;
}

#identSucc > span {margin-left: 15px;}

#menuSession {
   display: inline-block;
   float: right;
}

#menuSession ul li {
   display: inline-block;
   margin: 10px;
}

#nomEmpr + ul.etendu {
   background-color: #fff; 
   border: 1px solid #bbb;
   border-bottom-width: 2px;
   border-radius: 8px;
   height: auto; 
   position: relative;
   padding-top: 7px;
}


#nomEmpr:not(.ie8) + ul.etendu:before {
   background-color: #fff;
   border-right: 1px solid #bbb;
   border-top: 1px solid #bbb;
   content: "\00a0";
   display: block;
   height: 15px;
   left: 35px;
   position: absolute;
   top: -9px;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   width: 15px;
}

#nomEmpr + ul {
   height: 0;
   margin-top: 10px;
   -webkit-transition: height 0.2s ease-in;
   -moz-transition: height 0.2s ease-in;
   -o-transition: height 0.2s ease-in;
   -ms-transition: height 0.2s ease-in;
   transition: height 0.2s ease-in;
}

#nomEmpr + ul li {
   padding: 8px 15px;
}

#nomEmpr + ul li:last-child {
   border-top: 1px solid #ccc;
}

#nomEmpr + ul li:first-child {
   border-top: none;
   margin-top: 5px;
}

#nomEmpr + ul li a {
   display: inline-block;
   color: #0073cf;
   height: 100%;
   width: 100%;
   text-decoration: none;
}

#nomEmpr + ul li:hover a {
   color: #0073cf;
   text-decoration: underline;
}


#ctlCourrielBiblio {
   background: url(../img/courriel.png) left no-repeat;
   font-size: 0.9em !important;
   padding-left: 24px;
   position: absolute;
   bottom: 70px;
   right: 15px;
   z-index: 100;
}

#entetePrincipale a:hover,
#emprunteur li:hover a,
#nomEmpr:hover,
#ctlCourrielBiblio:hover, 
#ctlDossier:hover {
   color: #fff;
}

#menuSession a:hover,
#ctlCourrielBiblio:hover {
   text-decoration: underline;
}


#ctlDossier, #emprunteur {
   position: absolute;
   top: 15px;
   margin-left: 170px;
   z-index: 1;
}

#ctlDossier, #nomEmpr > span  {
   background: url('../Img/dossier.png') left center no-repeat;
   padding-left: 25px;
}

#emprunteur {
   min-width: 150px;
   max-width: 300px;
   overflow: hidden;
}

#nomEmpr {
   cursor: pointer;
   white-space: nowrap;
}

#nomEmpr > span
{
   display: inline-block;
   max-width: 250px;
   font-size: 1em;
   text-overflow: ellipsis;
   overflow: hidden;
}

#nomEmpr:after {
   content: '▼';
   display: inline-block;
   font-size: 1em;
   padding-left: 6px;
   vertical-align: top;
   white-space: nowrap;
}


/* ------------------------------- */
/* = Menu principal                 */
/* ------------------------------- */

#MenuPrincipal {
   height: 100px;
   margin: 20px;
   text-transform: uppercase;
}

#MenuPrincipal #ctlItemOptions {display: none;}

#MenuPrincipal a {
   color: #666;
   padding: 0 10px;
   text-decoration: none;
}

#MenuPrincipal ul {
   white-space: nowrap;
}

#MenuPrincipal > ul {
   background-color: #fff;
   font-size: 1px;
   letter-spacing: -1px;
   padding-top: 5px;
   display: block;
   position: relative;  
   width: 888px;
}

#MenuPrincipal > ul > li {
   background-color: #f4f5f5;
   border: 2px solid #fff;
   border-top: none;
   display: inline-block;
   margin: 0;
   text-align: left;
   font-size: 16px;
   letter-spacing: normal;
}

#MenuPrincipal > ul > li > a {
   background-repeat: no-repeat;
   color: #666;
   display: inline-block;
   font-size: 0.9em;
   line-height: 35px;
   padding: 5px 10px 3px 55px;
   width: 227px;
}

#MenuPrincipal > ul > li > a > span:after {
   content: url(../img/MenuOpen_GrisFonce_16_4.png);
   margin-left: 15px;
}

#MenuPrincipal > ul > .mpItemActif {background-color: #0073cf;} 

#MenuPrincipal > ul > .mpItemActif > a {
   background-color: #0073cf;
   color: #fff !important;
}

#MenuPrincipal > ul > .mpItemActif > a > span:after {content: url(../img/MenuOpen_Couleur_16_4.png);}

#MenuPrincipal ul ul .mpItemActif a {border-bottom: 3px solid #fff;}

#ctlItemRessNum > a > span:after {display: none;}

#MenuPrincipal ul ul {
   background-color: #0073cf;
   display: block;
   margin-top: 5px;
   position: absolute;
   left: 0;
   width: 886px;
}

#MenuPrincipal ul ul li {
   display:inline-block;
   margin: 0 10px;
   padding: 5px 0 10px;
}

#MenuPrincipal ul ul a {
   color: #fff;
   display: inline-block;
   font-size: 0.9em;
   padding: 0;
}

#MenuPrincipal .sousMenuInactif {display: none;}

#MenuPrincipal .sousMenuAff {
   background-color: #71797f;
   border-color: #71797f;
   position: relative;
}

#MenuPrincipal .sousMenuAff ul {
   background-color: #f4f5f5;
   border: 2px solid #71797f;
   border-top: none;
   display: block;
   margin-top: 0;
   position: absolute;
   top: 45px;
   left: -2px;
   text-align: left;
   width: 100%;
   z-index: 10;
}

#MenuPrincipal .sousMenuAff > a {
   color: #fff;
}

#MenuPrincipal .sousMenuAff li {
   display: block !important; 
   margin: 0; 
   padding-bottom: 2px; 
   padding-top: 0;
}

#MenuPrincipal .sousMenuAff li a {
   background: #fff url(../img/go_GrisFonce_16_4.png) 25px center no-repeat;
   color: #666;
   display: block;
   line-height: 30px;
   padding-left: 55px;
}

#MenuPrincipal ul ul li:hover > a,
#ctlItemRessNum:hover > a {
   text-decoration: underline;
}

#MenuPrincipal .mpItemActif:hover > a {
   cursor: default; 
   text-decoration: none;
}

#ctlItemCatalogue > a  {
   background-image: url(../img/pictoMenuCatalogue_GrisFonce_32_2.png);
   background-position: 10px center;
}
#ctlItemCatalogue.mpItemActif > a,
#ctlItemCatalogue.sousMenuAff > a {
   background-image: url(../img/pictoMenuCatalogue_Blanc_32_2.png);
   background-position: 10px center;
}

#ctlItemRessNum > a  {
   background-image: url(../img/pictoMenuRessNum_GrisFonce_32_2.png);
   background-position: 10px center;
}
#ctlItemRessNum.mpItemActif > a {
   background-image: url(../img/pictoMenuRessNum_Blanc_32_2.png);
   background-position: 10px center;
} 
#ctlItemAutresBiblio > a  {
   background-image: url(../img/pictoMenuAutres_GrisFonce_32_2.png);
   background-position: 10px center;
} 
#ctlItemAutresBiblio.mpItemActif > a,
#ctlItemAutresBiblio.sousMenuAff > a {
   background-image: url(../img/pictoMenuAutres_Blanc_32_2.png);
   background-position: 10px center;
}

#UpdPnlPanier{ display: inline; }

.Icon {display: none;}


/* ------------------------------- */
/* = Détail                         */
/* ------------------------------- */

#contenuDetail {position: relative;}
#contenuDetail #autreDetail {
   position: absolute;
   top: 0px;
   left: 170px;
}

.detailFiche {width: 100%;}
.detailFiche ul {overflow: hidden;}

.detailFicheNot ul {width: 580px;}
.detailFicheThes ul {width: 680px;}

.detailFiche li {display: table-row;}

   .detailFiche li label {
      display: table-cell;
      filter: alpha(opacity=100); /*ie8*/
      opacity: 1;
      padding-right: 10px;
      vertical-align: top;
      white-space: nowrap;
      width: 130px;
   }
   
   .detailFiche li p {
      display: inline-block;
      padding-right: 10px;
   }

#contenuDetail .detailFicheNot {margin-top: 50px;}

.detailFicheNot > div:first-child {
   padding-left: 10px;
}

.detailFicheNot #ctlBlocCouverture,
.detailFicheNot #contenuEnrichi {
   text-align: left;
   width: 150px;
}

.detailFicheNot #contenuEnrichi {
   margin-bottom: 10px;
   margin-top: 5px;
}

#contenuEnrichi a {
   font-size: 0.9em;
   white-space: nowrap;
}
#contenuEnrichi li + li {margin-bottom: 0;}

#contenuEnrichi #noticeCouverture a {
   background: url('../img/loupe_GrisFonce_16_2.png') left 0 no-repeat;
   color: transparent;
   display: block;
   font-size: 0; 
   height: 16px;
   width: 16px;
}

.detailFicheNot .couverture a img {
   box-shadow: none !important;
}

#autreDetail {
   background-color: #FFF;
   border: 2px solid #71797f;
   border-radius: 8px;
   max-width: 540px;
   z-index: 120;
}

#autreDetail img {
   border: none;
   display: inline-block;
   max-height: 450px;
   width: auto;
}

#autreDetail > div {
   margin: 20px 0;   
   padding: 0 20px;
   overflow: auto;
   max-height: 490px;   
}

#autreDetail h3 {
   background-color: #71797f; 
   color: #FFF;
   font-size: 1.1em;
   font-weight: normal;
   padding: 10px;
}

#autreDetail .fermer
{
   background: url('../img/ixePourFermerBlanc.png') no-repeat right center;
   float: right;
   font-size: 0; 
   color: transparent;
   width: 24px;
   height: 24px;
}

#autreDetail table {border: none;}
#autreDetail table:first-of-type {margin-bottom: 15px;}
#autreDetail table td {
   border: none; 
   padding: 0;
}


/* ------------------------------- */
/* = Détail fiche Thésaurus         */
/* ------------------------------- */

.detailFicheThes {
   margin-top: 30px; 
   padding-left: 30px; 
   padding-right: 20px;
}


/* ------------------------------- */
/* = Onglet Dossier                 */
/* ------------------------------- */

.NavigationDossier {
   font-size: 13px;
}

.NavigationDossier ul {
      font-size: 1px; /* Pour coller les li */
      letter-spacing: -1px; /* Pour coller les li */
   padding-top: 5px;
   white-space: nowrap;
}

.NavigationDossier li {
   display: inline-block;
   padding: 6px 3px;
   background-color: #ddd;
   font-size: 13px;
   letter-spacing: normal;
}

.NavigationDossier a {
   text-decoration: none; 
   color: #666;
   padding: 10px;
   font-size: 1em;
}

.NavigationDossier .actif {
   background-color: #6C8EB4;
}

.NavigationDossier .actif a {
   font-weight: bold;
   background-color: #6C8EB4;
}

/* ------------------------------- */
/* = Dossier                        */
/* ------------------------------- */

.conteneurDossier {
   background-color: #6C8EB4;
   padding: 7px 7px 15px;
   border-radius: 5px;
   margin-top: 15px !important;
   }

.listeDonnees {
   font-size: 0.7em;
}
.listeDonnees .detailRecherche div + div {
   margin-left: 20px;
   max-width: 620px;
}
.listeDonnees .blocActions {
   margin-top: 10px;
}
.listeDonnees .entete {
   margin-bottom: 10px;
}
.listeDonnees > p,
.listeDonnees .tri {
   display: inline-block;
   background-color: #7DA5D1;
   border-radius: 5px; 
   margin: 12px 5px 8px 0;
   padding: 5px;

}

.listeDonnees table {
   border-radius: 5px;
   background-color: #FFF;
   width: 100%;
}

.listeDonnees label {font-weight: bold;}

.listeDonnees .intervalleRefAff {
   color: #666;
}

.listeDonnees #pagination {
   margin: 10px 40px;
}

.listeDonnees thead {
   border-bottom: 2px solid #6C8EB4;
   font-weight: bold;
}

.listeDonnees .boiteInfo h3 {
   background-color: #AFC0D1;
   font-weight: bold;
   padding: 3px;
}

.listeDonnees thead tr {
    padding-top: 5px; 
}

.listeDonnees th, .listeDonnees td {
   border-left: 1px solid #ddd;
   padding: 5px;
}

.listeDonnees tbody tr:nth-child(odd) {
   background-color: #EBEBEB;
}

.listeDonnees .odd {
   background-color: #EBEBEB;
}

.listeDonnees th:first-child, .listeDonnees td:first-child {
   border-left: none;
}

.note {font-style: italic;}

.listeDonnees table td[headers="colSolde"] 
{
   text-align: right;
   white-space: nowrap;}


.listeDonnees table td[headers="colDocument"],
.listeDonnees table td[headers^="colDate"] 
{
   white-space: nowrap;

}


.listeDonnees .boiteInfo {
   display: inline-block;
   background-color: #7DA5D1;
   margin: 12px 30px 8px 0px;
   padding-bottom: 1px;
   border-radius: 5px;
}

.listeDonnees .boiteInfo h3 {
   background-color: transparent !important;
   text-align: center !important; 
}

.listeDonnees .boiteInfo .donnee span {text-align: right;}

.listeDonnees .boiteInfo .donnee {
   display: inline-block;
   padding: 0 10px 0 5px;
}

.listeDonnees li {
   background-color: #EBEBEB;
}

.listeDonnees .rechercheNouveautes {margin: 10px 0;}
.listeDonnees .rechercheNouveautes #ctlNbJoursNouv {width: 30px;}

#lstInteret .entete {
   position: relative;
}

#lstInteret .entete > p {
   background-color: #ddd;
   padding: 5px 0;
   font-size: 1.2em;
   font-weight: bold;
   margin-top: 20px;
}

#lstInteret .entete > p span {
   vertical-align: top;
   margin:0 5px;
}

.listeDonnees .alerte {
   background-color: transparent;
   border: none;
   border-radius: 0px;
   box-shadow: none;
   letter-spacing: normal;
   right: 15px;
   position: absolute;
   padding: 0;
   text-decoration: underline;
   text-transform: none;
   top: 5px;
}
.listeDonnees .alerte:hover {box-shadow: none;}      
      
.listeDonnees .detail {
   clear: right;
   margin-left: 30px;
}
   
.listeDonnees td[headers="colDateReservation"], .listeDonnees td[headers="colAttente"] {
   text-align: center;
}

.listeDonnees .detail, .listeDonnees .action {margin-top: 5px;}
    
.listeDonnees .action input {margin-bottom: 5px;}

#ctlMotPasseActuel , #ctlMotPasseNouveau, #ctlMotPasseConfirm {width: 130px;}
#ctlCourriel {width: 424px;}

/* Pour=ChangerNip */
.listeDonnees > div {
   background-color: #EBEBEB;
   border-spacing: 20px;
   border-radius: 5px;
   margin: 15px 0 0 50px;
   padding: 10px;
}
         
#motPasse {margin-left: 20px;}
#motPasse .consigne {margin-left: 20px;}
#motPasse h3 {
   font-size: 1.5em;
   margin-bottom: 10px;
}

/* ------------------------------- */
/* = Résultats                      */
/* ------------------------------- */

/* = Essayer avec */
#sectionResultats .essayerAvec
{
   font-size: 0.9em;
   font-weight: bold;
   text-align: center;
}

#sectionResultats .essayerAvec a:link
{
   color: Red;
}

/* = RechercheEnCours */

.rechercheEnCours
{
   border: 1px solid #ddd;
   font-size: 15px;
   margin-top: 20px;
   padding: 15px;
}

.rechercheEnCours > * {
   font-size: .85em !important;
}

.rechercheEnCours > h3
{
   color: #0073cf;
   font-weight: bold;
   padding: 0.25em 0.5em;
}

.rechercheEnCours .criteresRecherche, 
.rechercheEnCours .criteresFiltre,
.rechercheEnCours .critereRechercheTerme,
.rechercheEnCours .critereRechercheSugg
{
   margin-left: 23px;
   padding: 0.20em 0.5em;
}

.rechercheEnCours li {
   display: inline-block;
   margin: 0;
}

.rechercheEnCours .operateur
{
   margin-right: .3em;
   margin-left: .3em;
}


.rechercheEnCours .index:after
{
   content: " = ";
}

.rechercheEnCours .supprimerFiltre
{
   background: url('../img/supprimer.png') center no-repeat;
   display: inline-block;
   height: 13px;
   margin-left: 5px;
   margin-right: 20px;
   padding-left: 12px;
   vertical-align: middle;
}

.rechercheEnCours .supprimerFiltre span {display: none;}

.assemblageFacettesReferences {
   border-spacing: 2px;
   display: table;
   margin-top: 20px;
   width: 100%;
}

.assemblageFacettesReferences #listeReferences {
   display: table-cell;
   padding-left: 30px;
   position: relative;
}

.assemblageFacettesReferences.sansfacette #listeReferences
{
   display: block;
   padding-left: 0;
}

.assemblageFacettesReferences .referenceNotice {width: 633px;}
.assemblageFacettesReferences.sansfacette .referenceNotice {width: auto;}

/* = Bloc Facettes */

#listeFacettes {
   display: table-cell;
   font-size: 12px;
   height: 100%;
   vertical-align: top;
   width: 200px;
    }

#listeFacettes h3 {
    color: #0073cf;
    padding: 10px 0 0;
    margin-top: 0;
    font-size: 1.4em;
    font-weight: bold
    }

#listeFacettes h4 {
   font-size: 1.2em;
    font-weight: bold;
   margin: 15px 0 0;
   padding: 5px;
}

#listeFacettes ul {
   padding: 0 5px 0 15px;
    }

#listeFacettes ul ul {padding-left: 0;}

#listeFacettes .filtresSupplementairesRetrecis {
    display: none;
}

#listeFacettes .etendre {
    background: url("../img/MenuOpen_GrisFonce_16_4.png") no-repeat scroll right center transparent;
    }

#listeFacettes .retrecir {
    background: url("../Img/MenuClose_GrisFonce_16_4.png") no-repeat scroll right center transparent;
    }

#listeFacettes .etendre,
#listeFacettes .retrecir {
   color: #555;
   display: block;
   font-weight: bold;
   padding-right: 20px;
   text-align: right;
}

#listeFacettes li {
   margin-bottom: 5px;
}

#listeFacettes a {
   display: block;
   line-height: 1.75em;
   max-width: 176px;
   overflow: hidden;
   text-decoration: none;
}



#listeResultats
{
    display: table-cell;
}


/* ------------------------------- */
/* = Impression                     */
/* ------------------------------- */

.printHide {display: none;}

/* Dialogue Authentification */
#dialogueArrierePlan {
   background-color: #333;
   height: 100%;
   opacity: 0.4;
   position: absolute;
   width: 100%;
   z-index: 500;
}

#ctlAuthentification {
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
   box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
   height: 275px;
   left: 50px;
   margin-left: 150px;
   position: absolute;
   top: 50px;
   width: 300px;
   z-index: 1000;
}

.msgErr {
    color:#AE0800;
}
/* top */
#top {
   background: url("../img/top.png") !important;
   display: inline-block;
   width: 50px;
   height: 50px;
   position: fixed;
   opacity: 0.8;
   right: 10px;
   bottom: 20px;
   text-decoration: none;
   transition: all .3s ease-in-out;
   z-index: 1;
}
#top:hover {opacity: 1;}
#top > span {display: none;}
#top.masque {
   opacity: 0 !important;
   visibility: hidden;
}