/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8 juil. 2015, 13:20:48
    Author     : baldetti
*/
html {
        overflow: hidden;
        max-height: 100%;
        max-width: 100%;
        
}
#headbar{
    background-color: black;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 60px;
    text-align: center;
    position: fixed;
}
#menu_headbar{
    left: 0px;
    top: 0px;
    position: fixed;
}
#icon_headbar{
    right: 0px;
    top: 0px;
    position: fixed;
}
#title_headbar{
    height: 60px;
    width: auto;
}
#mobilecontent{
    top: 60px;
    width: 100%;
    height: calc(100% - 60px);
    position: absolute;
    text-align: center;
    background-repeat: no-repeat;
    background-position: right bottom;
    font-family: arial, sans-serif;
    overflow: no-display;
    position: absolute;
    overflow-x: hidden;
    overflow-y: scroll;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
#mainselect{
    top: 0px;
    left: 0px;
    visibility: hidden;
    
}
#mainselectbar{
    left: 0px;
    width: 300px;
    display: block;
    background-color: black;
    color: white;
    font-family: arial, sans-serif;
    position: absolute;
    font-size: 24px;
    top: 60px;
    height: calc(100% - 60px);
    z-index: 2000;
}
#close_menu{
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 3000;
}
#mainselectbar a:link {
color: white;
}
#mainselectbar a:visited {
color: white;
}
#mainselectbar a:hover {
color: #FFE400;
}
#mainselectbar a {
text-decoration:none
}
#contentselect{
    top: 0px;
    right: 0px;
    visibility: hidden;
    
}
#contentselectbar{
    right: 0px;
    width: 300px;
    display: block;
    background-color: black;
    color: white;
    font-family: arial, sans-serif;
    position: absolute;
    font-size: 24px;
    top: 60px;
    height: calc(100% - 60px);
    z-index: 1500;
}
#close_content{
    right: 0px;
    top: 0px;
    position: fixed;
    z-index: 3000;
}
#contentselectbar a:link {
color: white;
}
#contentselectbar a:visited {
color: white;
}
#contentselectbar a:hover {
color: #FFE400;
}
#contentselectbar a {
text-decoration:none
}
table {
    width: 300px;
    border-width:5px; 
 border-style:solid; 
 border-color:black;
 margin: auto;
}
.titleshow {
    color: white;
    background-color: black;
    height: 60px;
        width: 300px;
    text-align: center;
}
#current_img {
    margin: auto; 
    max-height: 100%; 
    max-width: 100%;
}
#moreless {
    right: 25px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 6000;
}