/* CAL/SHGIJ - ALBUM PHOTOGRAPHIQUE (provient de ARCHILOG )
    rev 2012-01-24 
    rev 2012-04-17 img:hover -> curseur devient un pointeur comme pour lien
	rev 2014-01-09 mise au point pour l'album photographique
    rev 2021.11.16 scripts_communs_album intègre le code de SHSag
*/
* { box-sizing: border-box; }
body { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
    margin:10px; padding:5px 0 5px 0; border:1px solid gray; 
    color: #2E2E2E;
	background-color: #FFFFFF; }
h4 { font-size: 11pt; color: #3C2714;
	margin: 5px 30px 0px 30px;
	padding: 2px 0px 2px 5px; }

.xik-footer,.xik-header,.xentete    { 
    position:relative; xwidth: 100%; margin:0; 
    xmargin-left:30px; xmargin-right:30px;   
    padding-left:30px; padding-right:30px; 
    xborder:1px dashed red;  }
.xik-header,.xentete li { xbackground-color:black; dd:#6E6E6E; color:#FFFFFF; /* JH */ }
.xik-footer li { background-color:black; dd: #6E6E6E; /* JH */ }
.ik-footer address { color:#2E2E2E; }
.ik-footer address a { color:#2E2E2E; }

ul.xmenu { position:relative; width:100%; margin:0; padding:0; }
li.xmenu_sel { margin:0 0 2px 0; padding: 2px 0px 0px 5px;  
              line-height:1.6em; color:white; font-size:11pt; font-weight:bold; }

xmain
{   position: relative; width: 100%; padding: 0;
	text-align: left; xborder: 3px dashed brown;
}
a {
    color: #654C45;
    text-decoration: none; }

div.xtitre {  position: relative; padding: 5px 0 7px 0px; 
             margin: 0 30px 0 30px; xborder: 2px dashed blue;}
div.xtitre > table { width: 100%; xborder: 2px dotted green; padding: 0; }
td.xtitre h4 { padding-left:0; margin-left:0; }
td.xagauche { text-align: left; xborder: 1px solid red;}
td.xadroite { text-align: right; font-size:12pt; xborder: 1px solid blue;}

div.intro {  position: relative; font-size: 11pt;
             margin: 10px 30px 0 30px; padding: 0; }
div.moteur { position: relative; 
            margin: 0 30px 0 30px;
            xborder: 1px dashed blue;
            xbackground-color: yellow !important; }

div.moteur > form { position: relative; width: 100%; dd:inherit; }

div.xretour { position: relative; xwidth: 90%; 
    padding:0 0 0 30px; margin: 0 30px 0 30px;
    xborder: 2px dashed green; }
div.xretour a {
    color: #654C45;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid #654C45; }
xform        {  width: inherit; border: 4px dashed green;}
xcenter     { border: 3px dotted orange; }

table       { xwidth: inherit;  dd:90%; dd:650px; 
              margin:0; xmargin: 0 50px 0 50px; } 
tablex,formx  { border: 1px solid red;}
th          { background-color: #ddddee; 
              font-size: 10pt;
              padding: 5px;}
tdx         { background-color: #eeeeff; 
              padding: 0 5px 0 5px; }
td.titre    { background-color: transparent; 
              margin: 0; 
              padding: 0;
              vertical-align: bottom; }

div#bte_dialogue { position:relative; width:100%; margin:0; padding:0; xborder: 1px solid blue; }

div.menusup  { position:relative; width:100%; xtop:0; 
               height:1.3em; margin: 0 0 0px 0;
               font-size:1.2em;  
               xborder: 1px solid red;
               color: black; dd:#2E2E2E;  /* JH */  dd:orange;
               xmargin-bottom: 2px;
               xborder: 1px dashed green;
             }

div.xmenusup  { position:relative; width:100%; top:0; xcolor:black;
              margin-bottom: 2px;
              xborder: 1px dashed green;
             }
div.menusup > span{ float: right; font-size:0.9em; color:black;}
div.menusup span a { xbackground-color: #ffebe6;  dd:yellow;
               font-size:0.7em !important;
               font-weight: none; 
               color: black; dd:#2E2E2E;  /* JH */  dd:#9a5315;  dd:orange;
              }
div.xmenusup > span > a { font-size:0.8em; 
               xbackground-color: yellow;
               font-weight: none;
              }

span.type_recherche   { font-weight: bold;}
div.recherche_simple {  position: relative; display:block;  /* saisie_criteres avant */
                       background-color:#F2F2F2; dd:#FBF8EF; /* JH */  dd:#ddddee;
                       width: 100%; margin-top:1px; padding-top:3px;
                       border: 1px solid #F7D358; /* JH */  dd:gray; 
                       xborder: 1px solid blue; clear: both;}
div.saisie_criteres > table { position: relative;
                            top:0; left:0;
                            width: 100%; }
table.criteres      {  xwidth: 80%; 
                       border: 0; border-spacing: 0px; 
                       padding: 0 0px 5px 0px; 
                       margin: 0 50px 0 0px;    /* 0 50 0 50 */
                       background-color:#F2F2F2; dd:#FBF8EF; /* JH */  xborder: 1px solid green; }
table.criteres tr    {  border:0; } 
table.criteres tr td {  background-color:#F2F2F2; dd:#FBF8EF; /* JH */ } 
td.criteres_entete  {  border: 0;
                       vertical-align: middle;  
                       padding: 0 0 0 5px; }
td.criteres         {  border: 0; 
                       vertical-align: top; 
                       padding: 0 0 0 5px; 
                       xpadding-right:20px; }
td.criteres input {  padding: 5px; margin-top: 5px;}
td.criteres select { padding: 5px; margin-top: 5px;}





div.xsaisie_criteres { position: relative; display:block; background-color: #ddddee;
                       width: 100%; margin: 0; padding: 0; dd:0 0 5px 0;
                       border: 2px solid orange; }
table.xcriteres     { position:relative; xwidth: inherit; 
                      display: table; border-collapse: collapse;
                      padding: 0 2px 0 0px; 
 	                  empty-cells: show;
                      xborder: 1px solid red; }
td.xcriteres_entete { background-color: #ddddee;  dd:#E56B1F;
                      color: black;
                      xvertical-align: text-bottom;  
                      padding: 3px 0 3px 5px; 
                      font-size: 0.9em; 
                      xfont-weight: bold;
                      xborder: 1px solid green; border:0;}
td.xcriteres        { background-color: #ddddee; 
                      vertical-align: top;
                      padding: 0 5px 5px 5px;  
                      font-size: 1em; dd:12px; 
                      xborder: 1px solid red; border:0;}
td.xcriteres input, select  { font-size: 1em; }

divx { border: 1px solid blue;}
div.nav     { width: 100%;  margin: 5px 0 7px 0; padding: 0; xborder: 1px solid green;}
#navindex  span {background-color: white; }
#navidxsujet span {background-color: white; } 
#navidxfonds span {background-color: white; }
span.cachee     { display: none; }

div#conteneur { position:relative;   
    width: 100%; dd:650px;
    margin: 0;
    padding: 0; xpadding-left: 50px; xborder: 1px dashed red; 
    xbackground-color: green; }
#conteneur > table { 
    background-color: white; 
    xborder: 1px solid green; 
    margin: 12px 0 0 0; }
#conteneurx > table > tr > td { 
    background-color: yellow; 
    border: 0px none black; 
    margin: 5px; }
#conteneurx  a {
    color: blue; text-decoration: none;
    xcolor: #654C45;
    xfont-weight: none;
    border-bottom: 1px solid #654C45; }

div#docu       { position:relative; width: 100%;
                text-align: left !important;
                padding: 0 10px 0 0px; 
                margin-bottom:0px; 
                xborder:1px solid orange; }
#docu a { color:black; }
div#position { text-align: right !important;
                padding: 0 10px 0 0px; }

div.section-intro { xfont-weight: bold; xborder: 1px solid #e56b1f; }
ul.section-intro-menu  a{ xcolor: #b24307; text-decoration: underline; }

div#bulledaide { margin: 0; border: 1px solid red;}
div.contenu { position:relative; width:100%;
              border: 1px solid black;
              background-color: white; xbackground-color: yellow;
              margin: 0; padding: 0;
              xpadding: 5px 5px 5px 5px; }
div.contenu table { 
    position: relative; xwidth:inherit;
    top: 0; 
    left: 0;
    width: 100%;
    margin: 0 1px 0 1px;
    margin: 5px 6px 5px 6px;
    xborder: 1px solid red; 
    border-collapse: collapse;
    empty-cells: show;
    xborder: 1px solid black;}
div.contenu th {
    background-color: #ddddee; 
    border: 1px solid black;}
div.contenu td {
    background-color: white;
    xborder: 1px solid black;
    empty-cells: show;
    padding: 3px 3px 3px 3px;
    xcolor: red; }
div.contenu table tr td { xborder: 1px solid red; max-width:50%; }

div.contenu > table { position:relative; width:99%; xborder: 1px solid red; }

.contenu  a {
    xcolor: blue; text-decoration: none;
    xcolor: #654C45;
    xfont-weight: none;
    border-bottom: 1px solid #654C45; }


table.resultat   { position:relative; width:100%;
    background-color: white; 
    border: 1px solid black;  /* #ddddee; */
    padding: 0 0 5px 0;
    margin: 0 0 0 0px;}
table.resultat th { background-color: #ddddee; 
                    text-align: center; }
td.resultat  { xposition: relative; xwidth:100%;
    background-color: white; 
    border: 1px solid black; 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 !important; }

.bouton { 
    color: #000; 
    background-color: #ddeedd;
    border: 1px outset #d7b9c9; }

input[type="text"]:focus { xbackground-color: yellow; }

img:hover { cursor: pointer; }
.surligne { color: red; background-color: yellow; }

img.ikvignette { border: 1px solid gray; }
img.ikvigntrouvee { border: 2px solid red; }
img.ikvignettePDF { border: 1px solid gray; }
img.ikvignPDFtrouvee { border: 2px solid red; }

a.ikvignPDFtrouvee > img:first-child {color: #0000FF;  border: 2px solid red;} 

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