﻿body {
  background-color: #F8F6F6;
}
header{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:100px;
}
#logo {
  position:absolute;
  display:block;
  top:0px;
  left:0px;
  height:100px;
  width:220px;
  background-image:url(../_elements/default/logo_geovoile.png);
  background-size:auto 100%;
  background-repeat:no-repeat;
  z-index:100;
}
#menu  {
  position:absolute;
  left:0;
  right:0;
  bottom:0px;
  z-index:99;
  padding-left:250px;
  height:30px;
}
#menu tt {
  display:none;
  position:absolute;
  width:20px;
  margin-left:-25px;
  height:24px;
  padding:3px;
  cursor:pointer;
}
#menu tt span {
  position:relative;
  display:inline-block;
  width:20px;
  height:3px;
  margin:10px 0;
  background-color:#153a5b;
}
#menu tt span:before  {
  content:'';
  position:absolute;
  top:-7px;
  display:block;
  width:20px;
  height:3px;
  background-color:#153a5b;
}
#menu tt span:after  {
  content:'';
  position:absolute;
  bottom:-7px;
  display:block;
  width:20px;
  height:3px;
  background-color:#153a5b;
}
nav {
}
nav ul {
  display:inline-block;
}
  nav li {
    position:relative;
    display:inline-block;
  }
  nav a {
    display:inline-block;
    line-height:30px;
    font-size:18px;
    padding:0 7px;
    color:#153A5B;
  }
  nav a:hover {
    background-color:#133757;
    color:#FFFFFF;
  }
  nav li.on a {
    background-color:#276DAD;
    color:#FFFFFF;
  }
  nav a small {
    display:none;
  }
nav ul#legs {
}
nav ul#legs:after {
  display:inline-block;
  content:'~';
  margin:0 5px;
}
  
nav ul.pages {
  display:none;
}
nav ul.pages.on {
  display:inline-block;
}
  
  
#chrono {
  position:absolute;
  top:10px;
  left:255px;
  z-index:2000;
}

main {
  position:absolute;
  left:0;
  right:0;
  top:100px;
  bottom:25px;
}
main>iframe {
  position:absolute;
  width:100%;
  height:100%;
  overflow:auto;
  visibility:hidden;
}
footer {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:25px;
  line-height:25px;
  overflow:hidden;
  background-color:#276DAD;
  color:#ffffff;
  text-align:center;
}

footer #time {
  color:#ffffff;
}
footer #time:before {
  border-left:1px solid #FFFFFF !important;
}
