/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

body {
    font-family: 'Roboto';
    background: #F3F3F3;
}

.container {
    width: 100%;
    max-width: 710px;
    margin: 0 auto;
}

header {
    padding: 20px;
}

header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 1040px) {

    header .container {
        flex-direction: column;
    }
}

header .logo {
    padding-right: 10px;
	margin-right: 10px;
    border-right: 1px solid #000;
}

@media screen and (max-width: 1040px) {
    header .logo {
        padding-right: 0px;
        border-right: 0px;
        margin-bottom:20px;
    }
}

header .logo img {
    width: 144px;
    display: block;
}

@media screen and (max-width: 1040px) {

    header .logo img {
        width: 360px;
    }

}

header .menu_edition ul {
    display: flex;
}

header .menu_edition a {
    font-size: 14px;
    line-height: 1em;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    color: #b2b2b2;
    transition: 200ms linear all;
    text-decoration: none;
}

@media screen and (max-width: 1040px) {

    header .menu_edition a {
        font-size: 14px;
        line-height: 20px;
    }

}

@media screen and (max-width: 1040px) {

    .delete_mobile {
        display: none;
    }

}

header .menu_edition a:hover,
header .menu_edition a.current {
    color: #3d92d0;
}

header .menu_edition li + li {
    border-left: 1px solid #000;
    padding-left: 10px;
    margin-left: 10px;
}

.pdf .container_pdf {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.couverture {
    margin-bottom: 30px;
    padding: 0 20px;
}

.couverture img {
    display: block;
    margin: 0 auto;
}

#flipbook {
    width: 100% !important;
    height: 800px !important;
}

@media screen and (max-width: 1040px) {


    #flipbook {
        width: 100% !important;
        height: 500px !important;
    }

}