/* Version screen */

#house-viewer-bullet, #fiche-bullet {
    display: none;
}

/* Version mobile */

@font-face {
    font-family: 'AvenirLTStdLight';
    src: url('../fontfont/Avenir/avenirltstd-light-webfont.eot');
    src: url('../font/Avenir/avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Avenir/avenirltstd-light-webfont.woff') format('woff'),
         url('../font/Avenir/avenirltstd-light-webfont.ttf') format('truetype'),
         url('../font/Avenir/avenirltstd-light-webfont.svgz#AvenirLTStdLight') format('svg'),
         url('../font/Avenir/avenirltstd-light-webfont.svg#AvenirLTStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd55Roman';
    src: url('../font/Avenir/avenirltstd-roman-webfont.eot');
    src: url('../font/Avenir/avenirltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Avenir/avenirltstd-roman-webfont.woff') format('woff'),
         url('../font/Avenir/avenirltstd-roman-webfont.ttf') format('truetype'),
         url('../font/Avenir/avenirltstd-roman-webfont.svgz#AvenirLTStd55Roman') format('svg'),
         url('../font/Avenir/avenirltstd-roman-webfont.svg#AvenirLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    width: auto;
    margin: auto;
    padding: inherit;
    font-family: "AvenirLTStd55Roman", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    background-color: #1b1b1b;
    min-height:416px;
}


.ipad header, header {
    width: 100%;
}

.ipad header, header a {
    display: block;
    width: 100%;
    font-size:0;
}

.ipad header, #splash {
    width: auto;
    margin: auto;
    padding: inherit;
    background-color: #1b1b1b;
}

nav ul  {
    padding: 0;
    margin: 0;
    margin-top: 12px;
    height: 28px;
}

nav ul li {
    display: block;
    float: left;
}

nav ul li#enter {
    width: 165px;
    text-transform: uppercase;
    font-family: "AvenirLTStdLight", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

nav ul li#enter a {
    display: inline-block;
    width: 165px;
    line-height: 24px;
    font-size: 14px;
    color: #eee;
    text-decoration: none;
    text-align: center;
}

nav ul li.separateur {
    width: 1px;
    height: 28px;
}

nav ul li#facebook {
    width: 50px;
    height: 28px;
}

nav ul li#youtube {
    width: 81px;
    height: 28px;
}

.ipad nav ul  {
    padding: 0;
    margin: 0;
    margin-top: 12px;
    height: 50px;
}

.ipad nav ul li {
    display: block;
    float: left;
}

.ipad nav ul li#enter {
    width: 290px;
    text-transform: uppercase;
    font-family: "AvenirLTStdLight", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

.ipad nav ul li#enter a {
    display: inline-block;
    width: 290px;
    line-height: 24px;
    margin-top: 16px;
    font-size: 20px;
    color: #eee;
    text-decoration: none;
    text-align: center;
}

.ipad nav ul li.separateur {
    float: right;
    width: 2px;
    height: 50px;
}

.ipad nav ul li#facebook {
    float: right;
    width: 58px;
    height: 50px;
}

.ipad nav ul li#youtube {
    float: right;
    width: 128px;
    height: 50px;
}

.ipad footer, footer {
    width: 100%;
}

.ipad footer, footer a {
    display:block;
    width: 100%;
    font-size:0;
}

.ipad #pub, #pub {
    position: fixed;
    z-index: 1000;
    bottom: -500px;
    width: 100%;
}
.iphone #pub {
    position: absolute;
}

.ipad #pub a, #pub a {
    display:block;
    width: 100%;
    font-size:0;
}

@media (orientation: landscape) {
    nav ul  {
        padding: 0;
        margin: 0;
        margin-top: 12px;
        height: 42px;
    }

    nav ul li {
        display: block;
        float: left;
    }

    nav ul li#enter {
        width: 248px;
        text-transform: uppercase;
        font-family: "AvenirLTStdLight", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    }

    nav ul li#enter a {
        display: inline-block;
        width: 248px;
        line-height: 42px;
        font-size: 18px;
        color: #eee;
        text-decoration: none;
        text-align: center;
    }
    
    nav ul li.separateur {
        width: 2px;
        height: 42px;
    }

    nav ul li#facebook {
        width: 75px;
        height: 42px;
    }

    nav ul li#youtube {
        width: 122px;
        height: 42px;
    }
    
    .ipad nav ul  {
        padding: 0;
        margin: 0;
        margin-top: 28px;
        height: 65px;
    }

    .ipad nav ul li {
        display: block;
        float: left;
    }

    .ipad nav ul li#enter {
        width: 400px;
        text-transform: uppercase;
        font-family: "AvenirLTStdLight", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    }

    .ipad nav ul li#enter a {
        display: inline-block;
        width: 400px;
        line-height: 40px;
        font-size: 22px;
        color: #eee;
        text-decoration: none;
        text-align: center;
    }

    .ipad nav ul li.separateur {
        float: right;
        width: 2px;
        height: 65px;
        margin-top: 9px;
    }

    .ipad nav ul li#facebook {
        float: right;
        width: 80px;
        height: 65px;
    }

    .ipad nav ul li#youtube {
        float: right;
        width: 160px;
        height: 65px;
    }
}