nav{
display:block
}
img{
border:0
}
body{
font-family:arial;background-color:#222;color:#fff;overflow:hidden;margin:0;font-size:1em;line-height:1.4
}
html,body{
height:100%
}
#links{
position:absolute;display:inline-block;
}
#links a img,#slideshowIcon,#fullscreenLogo{
opacity:0.3
}
#links a img:hover,#slideshowIcon:hover,#thumbnailCollapse:hover,#apres nav a:hover,#avant nav a:hover,#fullscreenLogo:hover{
opacity:1
}
.right-top,.left-bottom,.right-bottom{
position:absolute;display:inline-block
}
.right-top{
top:0;right:0
}
.left-bottom{
left:0;bottom:0
}
.right-bottom{
right:0;bottom:0
}
.full-page{
position:absolute;left:0;top:0;right:0;bottom:0
}
.carousel{
position:absolute;overflow:hidden;left:0
}
#pictures{
-webkit-transform:translateZ(0);position:absolute;top:0;left:0;height:100%
}
#pictures img{
-webkit-transform:translateZ(0);float:left;height:100%;opacity:0
}
#thumbs{
position:absolute;left:0
}
#thumbIcons{
margin-left:7.5px;margin-top:3px;width:33px
}
#thumbIcons .showThumbs{
width:6px;height:6px;margin:2.5px;z-index:150;background-color:white;float:left;opacity:0.5
}
#thumbnailCollapse{
z-index:100;border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;margin-left:auto;margin-right:auto;background-color:#000;width:48px;height:15px;position:absolute;left:50%;opacity:0.6
}

#avant{
position:absolute;display:inline-block;top:50%;left:0
}
#apres{
position:absolute;display:inline-block;top:50%;right:0
}
#avant nav a{
display:inline-block;width:20px;height:25px;background-image:url(prev.png);background-repeat:no-repeat;opacity:0.1
}
#apres nav a{
display:inline-block;width:20px;height:25px;background-image:url(next.png);background-repeat:no-repeat;opacity:0.1
}

#fullscreen,#slideshow{
float:right;z-index:100
}
#fullscreenLogo{
height:40px;width:40px;background-image:url(fullscreen.png);
}

#slideshowIcon.started{
background-image:url(pause.png)
}
#slideshowIcon.stopped{
background-image:url(play.png)
}
#slideshowIcon{
margin-right:40px;height:40px;width:40px;
}

#imageCount{
font-size:12px;line-height:0;position:absolute;right:0;bottom:0;display:inline-block
}
#imageCount span{
margin-left:.5em;padding-left:.5em;border-left:1px solid #fff
}
@media screen and (orientation:portrait),screen and (max-width:1280px){body{font-size:9px}#sidebar{font-size:80%}#navigation,#links,#imageInfo,#sidebar{padding:10px}#thumbs img{height:90px}.thumbs-nav{display:none}@media screen and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1.3),screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape),screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi){body { font-size:5px}#imageName{margin-top:10px;font-size:180%;font-weight:400}#sidebar{font-size:80%;opacity:1.0;transition:none;-webkit-transition:none}#navigation,#links,#imageInfo,#sidebar{padding:5px}#thumbs img{height:60px}.thumbs-nav{display:none}@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2){body { font-size:14px}#thumbs img{height:90px}.thumbs-nav{display:none}#navigation,#links,#imageInfo,#sidebar{padding:10px}@media screen and (orientation:portrait){#sidebar { opacity:1.0;transition:none;-webkit-transition:none}@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1025px),only screen and ( min--moz-device-pixel-ratio: 2) and (min-device-width: 1025px),only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-device-width: 1025px),only screen and ( min-device-pixel-ratio: 2) and (min-device-width: 1025px),only screen and ( min-resolution: 192dpi) and (min-device-width: 1025px),only screen and ( min-resolution: 2dppx) and (min-device-width: 1025px){body{ font-size:14px}#thumbs img{height:120px}#navigation,#links,#imageInfo,#sidebar{padding:30px}.thumbs-nav{display:block}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}