/* biblio.css * BIBLIO-TEK - INFOKA 
   rev 2012-01-28
   rev 2013.10.18 version INFOKA
   rev 2017.02.15 version CAL / SHGIJ
   rev 2021.03.10 révision (comparaison avec SHGQL)
*/
body { margin:10px; padding:0; }
#footer,#header  { position:relative; width: 98%; margin:0 1% 0 1%; xborder:1px dashed red}
main { position: relative; width:100%; text-align: left; xborder: 1px dashed brown; }
a { color: #654C45; text-decoration: none; }

div.titre {  position: relative; width: 90%; 
    margin: 30px 5% 10px 5%;  padding: 0; 
    xpadding: 5px 0 7px 5%; xmargin: 0 100px 0 0; 
    xborder: 2px dashed blue;
    background-color: transparent;}
div.titre > table { width: 100%; 
    border: 2px dotted green; padding: 0; }
th.titre {
    background-color: transparent; 
    font-size: 16pt;
    font-weight: bold;
    xcolor: red; 
    vertical-align: bottom; }
td.titre { 
    margin: 0; 
    padding: 0 0 2px 0;
    font-size: 10pt;
    xfont-weight: bold;
    xborder: 1px solid green;
    vertical-align: bottom; }
td.agauche { text-align: left; xborder: 1px solid red;}
td.adroite { text-align: right; xborder: 1px solid blue;}

div.intro {  position: relative; width: 90%;
             margin: 30px 5% 10px 5%; padding: 0; }

div.moteur { position: relative; width: 90%;
             margin: 30px 5% 10px 5%; padding: 0;
             xborder: 1px dashed blue;
             xbackground-color: yellow !important; }
div.moteur  form { position: relative; width: 100%; dd:inherit; }

div.retour { position: relative; width: 90%;
             margin: 30px 5% 10px 5%; padding: 0;
             xborder: 2px dashed green; }

div.section-intro a { xcolor: #b24307;}

tablex,formx  { border:1px solid red;}
th          { background-color: #ddddee; }
tdx         { background-color: #eeeeff; }

div.formulaire { position:relative; 
                 width: 100%; 
                 xborder:1px solid orange; }
div.menusup  { position:relative; width:100%; height:1.3em; margin: 10px 0 0px 0;
               font-size:1.2em;  
               xborder: 1px solid red;
               xcolor: orange;
             }
div.menusup span a { xbackground-color: #ffebe6;  dd:yellow;
               font-size:0.7em !important;
               font-weight: none;
               xcolor: #9a5315;  dd:orange;
              }
div.bte_dialogue          { position:relative; width:100%; margin:0 2px 0 0; padding:0 10px 0 0; xborder: 1px solid blue; }

div.saisie_criteres {  display: block; position: relative; width: 100%; background-color: #ddddee;  
                       padding: 5px 0px 5px 0;
                       border: 1px solid black; xborder: 1px solid orange; clear: both;}
table.criteres      {  xwidth: 100%; margin:0 0 3px 0; xmargin-bottom:3px; xborder-collapse: collapse; xborder:1px solid green;}
table.criteres > td { background-color: #ddddee;  xpadding: 4px 0 4px 5px; }
table.criteres span { font:arial; font-stretch:ultra-condensed; font-size:0.9em; xmargin-left:0px; xmargin-right:0px; xcolor:red; }
td.criteres_entete     { background-color: #ddddee; vertical-align: middle;  text-align:left; padding-left:6px;}
td.criteres    { vertical-align: middle; text-align:left; xborder:1px solid red;}
td.criteres1  { padding: 0 0 0 5px; }
td.criteres2  { padding: 0 50px 0 5px; }
td.criteres_msg { background-color: #ddddee; vertical-align: middle; xtext-align:left; dd:center;}
td.criteres_msg > span { font:arial; font-stretch:ultra-condensed; font-size:0.75em; xmargin-left:0px; xmargin-right:0px; xcolor:red; }
td.criteres1_msg  { padding: 0 0 0 5px; text-align:center;}
td.criteres2_msg  { padding: 0 0 0 5px; text-align:left;}

divx            { border:1px solid blue;}  
div.nav         { xwidth: 100%; align:center; 
                  vertical-align: center;
                  margin: 5px 0 7px 0;
                  padding: 0 0 0 5px; 
                  xbackground-color: #ddddee; } 
#barrenav   { xoverflow: hidden; }
/*
.sticky { position:fixed; top:0; }
.sticky + .conteneur { padding-top: 60px; }
*/
#navindex  > span {background-color: white;}
span.cachee     { display: none; }

div#conteneur { position: relative; width: 100%;
    xbackground-color: yellow;  
    margin: 0;
    padding: 0; }
#conteneur > table { xposition: relative; xwidth: 100%;
    background-color: white; 
    border:1px solid #000000; 
    margin:2px 0 0 0; }
#contenu > table {
    background-color: white; 
    border:1px solid #654C45; 
    margin:2px 0 0 0; }
#conteneurx  a {
    color: blue; text-decoration: none;
    xcolor: #654C45;
    font-weight: none;
    border-bottom: 1px solid #654C45; }

div#docu  { text-align: right !important;
             padding: 0 10px 0 0px; }

div#docug { position: relative; width: 100%;
           text-align: left !important;
           xborder: 1px solid green; 
           margin: 0;
           padding: 0 10px 5px 0px; }
div#position { position: relative; width: 100%;
           text-align: right !important;
           xborder: 1px solid green; 
           margin: 0;
           padding: 0 10px 5px 0px; }

div#contenu { position: relative; width: 100%;
             xborder: 1px solid black;
             xbackground-color: white;
             margin: 0; padding: 0;
             xpadding: 5px 7px 5px 7px; }
table.contenu { 
    position: relative; width: 100%;
    top: 0; 
    left: 0;
    background-color: white;
    margin: 0 0 0 0px;
    xborder-collapse: collapse;
    empty-cells: show;
    border: 1px solid #ddddee;}
table.contenu  th { text-align: center;
    background-color: #ddddee; 
    border: none;}
table.contenu  td {
    background-color: white;
    border:none;
    xempty-cells: show;
    padding: 0 0 0 3px;
    xcolor: red; }


table.resultat   { 
    position: relative; width: 100%;
    background-color: white; 
    border: 1px solid #ddddee; 
    padding: 0 0 5px 0;
    margin:15px 0 0 0px; }
table.resultat th { 
    background-color: #ddddee; 
    text-align: center; }
table.resultat td { 
    background-color: white; 
    xborder: 1px solid red; 
    color: #654C45; 
    xcolor:#ddddee; 
    font-weight: 500;
    padding: 0 0 0 5px;
    margin:0px;}
td.resultat > a {
    xcolor: blue; text-decoration: none;
    color: #654C45;
    font-weight: bold;
    border-bottom: 1px solid #654C45; }
td.nombre { text-align:center; }
td.centre { text-align:center; }
.bouton { 
    color: #000; 
    background-color: #ddeedd;
    border: 1px outset: #d7b9c9 }

input[type="text"]:focus {
    xbackground-color: yellow; 
    xmargin: -1px; 
    padding: 4px; }

.surligne { color:red; background-color:yellow; }

#BtnFixe {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #F7D358;  /* JH */  dd:#dddeee; dd:green;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
#BtnFixe button {
    color: #000; 
    background-color: #ddeedd;
    border: 1px outset #d7b9c9; }

#BtnFixe:hover {
  background-color: #555;
}

@media screen and (max-width: 900px) {
  .col-cote  {  float: left; width: 12%; } 
  .col-titre {  float: left; width: 88%; }
}