@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),
         local('Roboto-Light'),
         local('Roboto'),
         url('https://www.fnac.com/Assets/dist/Nav/Roboto-300.woff2') format('woff2'),
         url('https://www.fnac.com/Assets/dist/Nav/Roboto-300.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'),
         local('Roboto-Regular'),
         local('Roboto'),
         url('https://www.fnac.com/Assets/dist/Nav/Roboto-400.woff2') format('woff2'),
         url('https://www.fnac.com/Assets/dist/Nav/Roboto-400.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),
         local('Roboto-Bold'),
         local('Roboto'),
         url('https://www.fnac.com/Assets/dist/Nav/Roboto-700.woff2') format('woff2'),
         url('https://www.fnac.com/Assets/dist/Nav/Roboto-700.woff') format('woff');
}

body {
    padding:0;
    margin:0;
    text-align:center ;
    background-color:#d8d8d8;
    font-family:Roboto;
}
.ErrorPage-container{
    position:relative;
    width:1090px;
    margin:0 auto;
}
.ErrorPage-header{
    height:67px;
    background-color:white;
}
.ErrorLogo-link{
    position:relative;
    float:left;
    right:40px;
    top:18px;
}
.ErrorPage-content{
    margin-top:50px;
}
.ErrorPage-content--s{
    margin-top:35px;
}
.ErrorPage-type{
    display:inline-block;
    padding:0 20px;
    line-height:30px;
    font-size:15px;
    font-weight:400;
    text-transform:uppercase;
    color:white;
    background:black;
}
.ErrorPage-info{
    display:inline-block;
    font-size:27px;
    color:black;
    background:white;
}
.ErrorPage-info--top{
    position:relative;
    top:15px;
    padding:0 30px;
    font-weight:300;
    line-height:55px;
    z-index:1;
}
.ErrorPage-info--bottom{
    padding:0 65px;
    text-transform:uppercase;
    font-weight:700;
    line-height:60px;
}
.ErrorPage-background{
    position:relative;
    z-index:1;
}
.ErrorPage-background--404{
    bottom:115px;
}
.ErrorPage-background--maintenance{
    bottom:130px;
}
.ErrorPage-background--500{
    bottom:115px;
}
#pixelImgDiv{
    display:none;
}
@media screen and (max-width: 950px) {
    .ErrorPage-background--500,
    .ErrorPage-background--404{
        width:100%;
        height:auto;
    }
}
@media screen and (max-width: 1130px) {
    .ErrorLogo-link{
        right:-5%;
    }
    .ErrorPage-content{
        clear:both;
    }
    .ErrorPage-container {
        width:100%;
        clear:both;
    }
    .ErrorPage-background--maintenance{
        width:100%;
        height:auto;
    }
    .ErrorPage-content{
        margin-top:20px;
    }
    .ErrorPage-info {
        padding: 0 20px;
    }
    .ErrorPage-content--s{
        margin-left:1em;
        margin-right:1em;
    }
    .ErrorPage-info {
        font-size:1.6em;
        line-height:2em;
    }
    .ErrorPage-info--top {
        top:0;
    }
    .ErrorPage-background {
        bottom:50px;
    }
}
@media screen and (max-width: 767px) {
    .ErrorLogo-link{
        right:10px;
    }
    .ErrorPage-header {
        height:50px;
    }
    #Layer_1{
        height:60px;
    }
    .ErrorPage-info {
        display:block;
    }
    .ErrorPage-info {
        padding: 0 10px;
    }
    .ErrorPage-info {
        font-size:1.2em;
        line-height:2em;
    }
    .ErrorPage-background{
        bottom:20px;
    }
}