.flipbook {
    position:relative;
    overflow: hidden;
    background-color: #313131;
    padding:25px 40px 0px;
}

.marginFullscreen {
    margin: auto !important;
}

.flipbook .flipbook-content:focus {
    outline: 0;
}

.flipbook .page > img {
    display:block;
    max-width:100%;
    height:auto;
    margin: auto;
}
.flipbook .page{
    padding: 0 !important;
}


.flipbook .flipbook-content .page{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 20px rgba(0,0,0,0.2);
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    background-color: white;


}

.flipbook .flipbook-loader .loader{
    background-image:url(../images/loader.gif);
    width:22px;
    height:22px;
    position:absolute;
    top:50%;
    left:50%;
}

.flipbook .flipbook-content .shadow{
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;

    -webkit-box-shadow:0 0 20px #000;
    -moz-box-shadow:0 0 20px #000;
    -o-box-shadow:0 0 20px #000;
    -ms-box-shadow:0 0 20px #000;
    box-shadow:0 0 20px #000;

}

.flipbook .flipbook-control .next-button,
.flipbook .flipbook-control .previous-button{
    width:40px;
    height:40px;
    position:absolute;
    top:45%;
    display:block;
    text-indent:-9999px;
    opacity:0.25;
}

.flipbook .flipbook-control .next-button{
    right:0;
    background-image:url(../images/chevron-suivant.png);
    margin: auto;
    background-repeat:no-repeat;
}

.flipbook .flipbook-control .previous-button{
    left:0;
    background-image:url(../images/chevron-precedent.png);
    margin: auto;
    background-repeat:no-repeat;
}

.flipbook .flipbook-control .previous-button:hover,
.flipbook .flipbook-control .next-button:hover{
    opacity:1;
}

.flipbook .flipbook-bouton {
    position:relative;
    right: 5px;
    bottom: 10px;
    text-align: right;
    margin-top: 30px;

}

.flipbook .flipbook-bouton .fullscreen-button,
.flipbook .flipbook-bouton .download-button{
    opacity: 0.25;
    display: inline-block;
    height:15px;
    width:15px;
    background-size:15px 15px;
    text-indent: 9999px;
}

.flipbook .flipbook-bouton .fullscreen-button:hover,
.flipbook .flipbook-bouton .download-button:hover{
    opacity:1;
}

.flipbook .flipbook-bouton .fullscreen-button{
    margin-right:15px;
    background-image:url(../images/fullscreen_livre.png);
    background-repeat:no-repeat;
}

.flipbook .flipbook-bouton .fullscreen-button.on {
    background-image:url(../images/fullscreen_off_livre.png);
}

.flipbook .flipbook-bouton .download-button{
    background-image:url(../images/download_livre.png);
    background-repeat:no-repeat;
}

.flipbook .flipbook-content .even > img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin: auto !important;

}

.flipbook .flipbook-content .odd > img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin: auto !important;
    right: auto !important;

}
.flipbook .flipbook-content .odd:after{
    content:" ";
    position:absolute;
    z-index: 9999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin: auto !important;
    right: auto !important;
    background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
    background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}
.flipbook .flipbook-content .even:after{
    content:" ";
    position:absolute;
    z-index: 9999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin: auto !important;
    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
    background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}
.flipbook .flipbook-content .odd,
.flipbook .flipbook-content .even {
    margin: auto !important;
}

.flipbook .flipbook-content .odd {
    right: auto !important;
}

.flipbook:-webkit-full-screen {
    height: 100%;
    width: 100%
}

.flipbook:-moz-full-screen {
    width: 100%;
    height: 100%;
}