/* sections to hide */

#footer,
.floating-nav,
.sidebar-right,
.outils-container,
.collapse-button,
.actions,
.fa-play-circle-o,
.fa-download {
    display: none;
}

/* show all the sections */
.collapse {
    display: block;
}

/* set margins and background */
@page {
    margin: 20mm 10mm 20mm 10mm;
    padding-top: 10mm;
    size: 210mm 297mm;
}

html, body {
    width: 210mm;
    font-size: 11pt;
}

html,
body,
.cartouche-infos {
    background: none;
}

h1 {
    font-size: 28pt;
    line-height: 1.25;
    margin-top: -5mm;
    margin-bottom: 0;
    border-bottom: solid 1mm rgb(158, 158, 158);
    color: #00509c;
    padding: 2.5mm;
    padding-bottom: 5mm;
    /* background-color: rgb(158, 158, 158); */
}

.page-container > section.cartouche-infos {
    border-top: none;
}

.page-container > section.cartouche-infos + section {
    margin-top: 10mm;
}

.cartouche-infos > div {
    display: inline-block;
    vertical-align: top;
}

.cartouche-infos .informations {
    width: 75%;
    font-size: 11pt;
    float: none;
    margin-top: -2mm;
}

.itemlist-item a {
    color: black;
}

.collapse-wrapper {
    margin-top: 0.5cm;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0 2.5mm;
    width: 100%;
}

.itemlist {
    width: 190mm;
    margin-left: -2.5mm;
}

div.itemlist-item {
    width: 89mm !important;
    margin: 0mm 2.5mm 2.5mm 2.5mm;
    padding: 0;
    border-top: dotted 1px #00509c;
    padding-top: 2.5mm;
    font-size: 11pt;
    display: inline-block;
}

.itemlist-item * {
    width: 100%;
}

.itemlist-item span[itemprop] {
    display: inline;
}

.itemlist-item.even {
    background-color: transparent;
}


.itemlist-details__info {
    flex-wrap: nowrap;
    flex: 1 1 auto;
    font-size: 11pt;
}

.itemlist-details__title span {
    float: none;
    display: block;
    line-height: 5mm;
}

.title_infos:not(:empty)::before {
    content: '';
}

.itemlist-details__actions {
    flex: 0 0 content;
    opacity: 0.5;
}

section#pages .itemlist-item * {
    display: inline-block;
    flex: none;
}

.item-indirectrole {
    font-size: 9pt;
    float: none;
}

.container-fluid, 
.col-lg-9 {
    float: none;
    margin: 0;
    padding: 0;
    width: 190mm;
}

.page-container {
    box-shadow: none;
    border-radius: 0;
    width: 190mm;
    margin: 0;
    padding: 0;
}

.page-container > section {
    width: 100%;
    margin-top: 20mm;
    padding: 0;
}

.page-container > section > div {
    width: 100%;
    margin: 0;
    padding: 0;
}

.page-container > section > div > div {
    width: 100%;
    margin: 0;
    padding: 0;
}

h2.doctitle {
    color: white;
    font-size: 14pt;
    padding: 2.5mm;
    margin: 5mm 0mm 10mm 0mm;
    background-color: #00509c;
    width: 190mm;
    border-top: 0px;
}

.collapse-wrapper h3 {
    font-size: 11pt;
    width: 185mm;
    margin-top: 10mm;
    margin-bottom: 5mm;
}

.catalog-search-link {
    width: 185mm;
    margin: 0 2.5mm;
    font-size: 9pt;
    margin-bottom: 10mm;
    color: rgb(158, 158, 158);
    border-top: solid 1px rgb(158, 158, 158);
    padding: 2mm 0;
}

#header {
    background-color: transparent;
    position: fixed;
    top:-20mm;
    left:0mm;
    height: 10mm;
    width: 190mm;
    z-index: 100000;
}

.logos {
    display: inline-block;
    width: 60mm;
    height: 10mm;
    margin: 0;
    align-items: safe center;
    margin-left: -43.75mm;
    z-index: 1000000;
}

#searchform,
.liens-transverses {
    display: none;
}

.logos > * {
    display: inline-block;
}

.logos img {
    height: 10mm;
}

.logos #databnf-logo {
    font-size: 22pt;
    line-height: 10mm;
    margin-left: 1.5mm;
    margin-top: 0;
    vertical-align: top;
}

/* header and footer */
@page {
    @top-left {
        content: '';
        height: 10mm;
        width: 100%;
        padding-left: 2mm;
    }
    @top-center {
        background: rgb(158, 158, 158);
        content: '';
        display: block;
        height: 1mm;
        width: 100%;
        margin-bottom: -0.5mm;
    }
    @top-right {
        background: rgb(158, 158, 158);
        color: white;
        content: counter(page)"/"counter(pages);
        font-size: 11pt;
        height: 10mm;
        vertical-align: middle;
        text-align: center;
        padding: 0 2mm;
    }
    @bottom-left {
        content: 'data.bnf.fr';
        color: rgb(158, 158, 158);
        font-size: 11pt;
        margin-left: 2.5mm;
        height: 10mm;
    }
    @bottom-center {
        background: rgb(158, 158, 158);
        content: '';
        display: block;
        height: 1mm;
        margin-top: 9mm;
        width: 100%;
    }
    @bottom-right {
        content: ''; /* TODO: add the date ? */
        font-size: 11pt;
        height: 10mm;
        vertical-align: middle;
        width: 100%;
    }
}