body, html { height: 100%; }

body
{
    background: #494949;
    color: #BBB;
    font-family: verdana, sans-serif;
    font-size: 70%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

a
{
    color: #ECECEC;
    text-decoration: none;
}

a:hover, a:focus
{
    text-decoration: underline;
}

img
{
    border: 0;
}

/* hack to display the image centered (vertical & horizontal) */

#outer {
    height: 100%;
    width: 100%;
    overflow: visible;
}

#outer[id] {
    display: table;
    position: static;
}

#middle {
    position: absolute;
    top: 50%;
    text-align: center;
} /* for explorer only*/
#middle[id] {
    display: table-cell;
    vertical-align: middle;
    position: static;
}

#inner {
    position: relative;
    top: -50%; width: 100%
} /* for explorer only */
#inner { text-align: center; }


#photo {
  background: #606060;
  padding: 3px;
  border: 1px solid #000;
  cursor: text;
}

/* end of the photo center hack */


#title {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    color: #FFF;
    background: url('http://expo.lienweb.fr/images/gris-70.png');
    font-size: 1.6em;
}

#navigation_active
{
    list-style: none;
}

#navigation_active a:hover, #navigation_active a:focus {
    background: #505467;
    color: #FFF;
    text-decoration: underline;
}

#navigation_active a:active {
    background: #000;
}


#prev, #next
{
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #525252;
    border-top: 1px solid #525252;
    background: #333333;
    overflow: visible;
}

#next
{
    margin-left: 50%;
    text-align: right;
}

#prev a img, #next a img {
    vertical-align: middle;
    position: relative;
    top: -0.1em;
}

#prev a, #next a {
  display: block;
  padding: 0 0 0 0;
}
#prev img, #next img {
  margin: 0 1em 0 1em;
}








#album {
  position: absolute;
  width: 40%;
  left: 10%;
  top: 4em;
  text-align: center;
  background: url('http://expo.lienweb.fr/images/gris-70.png');
  clear: both;
}
#album h3 {
  margin: 0;
  padding: 0;
  font-size: 1.3em;
}

#album a {
  display: block;
}

#album img {
  vertical-align: middle;
}


/* size choose */

#size
{
    width: 50%;
    left: 50%;
    top: 4em;
    position: absolute;
    text-align: center;
}

#size p
{
  padding: 0;
  margin: 0 0 0.5em 0;
}

#size div
{
  margin: .5em 2em;
  padding: 0.5em;
  margin: 0 auto 0 auto;
  width: 10em;
}

#size ul
{
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 25px;
}


#size li
{
    float: left;
    width: 33%;
    text-align: center;
}

#size a
{
    display: block;
    height: 28px;
}

#size li.small img {
  margin-top: 7px;
}

#size li.medium img {
  margin-top: 3px;
}













#navigation_albums {
  position : absolute;
  bottom: 2em;
  left: 2em;
  width: 22em;
  padding: 0.5em;
}

#navigation_albums img {
  border: 0;
}

#navigation_albums h4 {
  font-size: 1.1em;
  margin: 0.5em 0 0.25em 0em;
  padding: 0;
}

#navigation_albums p {
  margin: 0;
  padding: 0;
}

#navigation_albums ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigation_albums li a {
  padding: 0 0 0 2em;
  display: block;
}


#exif {
  position: absolute;
  right: 2em;
  bottom: 2em;
}


#exif table {
  border-collapse: collapse;
  background: #333333;
  padding: 0.5em;
  font-size: 1em;
}

#exif th {
  text-align: left;
  font-weight: normal;
  border-bottom: 1px solid #525252;
  padding: 0.15em 0.5em 0.15em 0.5em;
}

#exif td {
  text-align: right;
  font-weight: bold;
  border-bottom: 1px solid #525252;
  padding: 0.15em 0.5em 0.15em 0.5em;
}


/* decorations */

#exif {
/*   border: 1px solid #AAA; */
}

#size div {
/*   border: 1px solid #AAA; */
    background: url('http://expo.lienweb.fr/images/gris-70.png');
}


#navigation_albums {
  background: #333333;
/*   border: 1px solid #AAA; */
}

#navigation_active {
}

.clear {
/*   size: 0; */
/*   line-height: 0; */
/*  font-size: 0;
  height: 0;
  width: 0;*/
}
/*
#exif, #title, #navigation_albums
{
  cursor:  wait;
}
*/

#stats {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
}