/*
 * Cette section est utilisée pour formatter l'impression d'un blm
 * d'après les types :
 *     (1) BLM Courant
 *     (2) BLM Précédent
 *     (3) BLM échues
 */
@media print {

    @Page {
        size: letter;
        marks: crop cross;
        margin: 0;
    }

    .print:last-child {
        page-break-after: avoid;
    }

    #header, #menu-d2, #contenu-colonne-droite, #zone-foot, #zone-legale, #infos-integrateur, #btnTopScroll {
        display: none;
    }

    nav.hidden-sm.hidden-sm {
        display: none;
    }

    .noprint, .btn.noprint {
        display: none;
    }

    #zone-centrale {
        padding: 0;
    }

    /* On affiche le logo en premier */
    img.blm-logo-desj-print {
        display: block;
        margin: 20px 0 0 20px;
    }

    .isolation-bootstrap-3.d2-0 {
        font-size: 9pt !important;
    }    

    /* On place une bordure */
    .container-fluid {
        border: 1px solid #8a8a8a !important;
        margin: 1cm 1cm 0 1cm !important;
    }

    /* On place le titre en couleur */
    h1#main {
        font-family: Roboto,Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 16pt;
        color: #00884e !important;
        line-height: 1.1;
        margin: 16px 0 16px 0;
    }
    
    h2.titre {
        font-size: 13pt !important;
        margin: 11px 0 10px 0 !important;
    }

    h3.titre {
        font-size: 13pt !important;
        margin: 5px 0 5px 0 !important;
    }

    h3.note {
        margin: 0 !important;
    }

    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 4px !important;
    }

    /* On retire les onglets si nécessaire et on affiche leurs contenus */
    ul.nav.nav-tabs { 
        display: none; 
    }

    .isolation-bootstrap-3 .tabaccordeon .tab-pane {
       display: block !important;
    }

    a.tab-title {
        display: none !important;
    }

    .tableau-donnees {
        font-size: 9pt !important;
    }

    .note-bas-page {
        font-size: 7pt !important;
        margin: 0 !important;
        padding: 0;
    }

    p {
        line-height: 1;
    }

    .col-sm-12.col-xs-24 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .col-xs-12.reset {
        padding: 0;
    }
    
    .ligne.col-xs-24 {
        padding: 0 !important;
    }

    .panel {
        margin: 10px 0 10px 0 !important;
    }

    .zone-intro.en-bref .row {
        padding: 10px;
    }

    span.date {
        font-size: 7pt !important;
        font-weight: normal !important;
    }

    .chart .simplePieTable th {
        padding-bottom: 2px;
    }

    .chart .simplePieTable tr>* {
        padding-top: 2px;
    }

    #gaphiqueRepartition {
        width: 42%;
        float: left;
    }

    #repartitionTable {
        width: 54%;
        float: right;
    }

    #repartitionpaysLocales .highcharts-container svg.highcharts-root, #repartitionsecteurActiviteLocales .highcharts-container svg.highcharts-root {
        width: 250px;
        height: 250;
        padding-right: 110px;
    }

    #graphiqueDesPrix .highcharts-container svg.highcharts-root {
        width: 750px;
    }

    .chart-price-growth .chart.panel.panel-primary.whiteBox.col-xs-24 {
        width: 790px;
    }

    .buttonAllocGeoOthers {
        display: none;
    }

    div.note-bas-page {
        margin: 0 !important;
    }

    .panel-collapse.collapse.in, div.note-bas-page.panel-collapse.collapse {
        height: auto !important;
        display: block;    
    }    

    .isolation-bootstrap-3 .panel-tiroir.note .panel-title a[data-toggle=collapse][data-toggle=collapse][aria-expanded=false]:before {
        content: '';
    }

    .panel.panel-tiroir.note {
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }

    .appel-note {
        display: none;
    } 

    .note-retour {
        display: none;
    }


    /* Début de l'affichage des composantes */

    /* zone intro */
    .zone-intro {
        border: 1px solid #dddddd;
    }

    /* details-produit */
    #details-produit {
        width: 49%;
        float: left;
    }

    /* caracteristique-constitution */
    #caracteristique-constitution {
        width: 49%;
        float: right;        
    }

    /* bloc-faits-saillants */
    #bloc-faits-saillants {
        width: 100%;
        float: left;
        display: table;
        break-inside: avoid;
    }

    /* paiements-coupons */
    #paiements-coupons {
        width: 100%;
        float: none;
        margin-top: 16px;
        display: table;
        break-inside: avoid;
    }

    /* titres-blm */
    #titres-blm {
        width: 98%;
        float: none;
        margin-top: 16px;
        display: table;
        break-inside: avoid;
    }

    #print-blocks-graph-repartition  {
        width: 100%;
        display: table;
        break-inside: avoid;
    }

    /* repartition-geographique */
    #repartition-geographique {
        width: 49%;
        float: left;
        margin-top: 16px;
    }

    /* repartition-sectorielle */
    #repartition-sectorielle {
        width: 49%;
        float: right;
        margin-top: 16px;
    }

    #print-blocks-valeur-negociations-cote-nette {
        width: 100%;
        margin-top: 16px;
        display: table;
        break-inside: avoid;
    }

    /* bloc-valeur-courante */
    #bloc-valeur-courante {
        width: 100%;
        float: left;
        margin-top: 12px;
        display: table;
    }
    
    /* frais-negociation - statut 1 */
    #frais-negociation.tab-long {
        width: 55%;
        float: left;
        margin-top: 12px;
        display: table;
        break-inside: avoid;
    }

    /* frais-negociation - statut 2 */
    #frais-negociation.tab-short {
        width: 47%;
        float: left;
        margin-top: 6px;
        margin-left: 12px;
        display: table;
    }

    /* table-cote-nette */
    #table-cote-nette {
        width: 47%;
        float: right;
        margin-top: 6px;
        margin-right: 12px;
        display: table;
    }

    /* graphique-des-prix */
    #graphique-des-prix {
        width: 100%;
        margin-top: 6px;
        display: table;
        break-inside: avoid;
    }

    /* historique-prix-selects */
    #historique-prix-selects {
        display: none;
    }

    /* historique-prix-table */
    #historique-prix-table {
        display: none;
    }

    /* notes-bas-page */
    #notes-bas-page-data {
        display: table;
        margin-top: 6px;
        margin-bottom: 0 !important;        
        break-inside: avoid;
    }
}
