@page {
    size: A4;
    margin: 10mm;
}
body {
    width: auto !important;
    margin: auto !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    background-color: #fff !important;
    color: #000 !important;
}

p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
    color: #000 !important;
    /*margin: auto !important;*/
}

.print {
    display: block; /* affichage des éléments de classe print */
}

p, blockquote {
    orphans: 3; /* pas de ligne seule en bas */
    widows: 3; /* pas de ligne seule en haut */
}

/*blockquote, ul, ol {
    page-break-inside: avoid; /* pas de coupure dans ces élements */
/*}*/

h1, h2 {
    page-break-before: always; /* chaque titre commence sur une nouvelle page */
}

section > article:first-child > h1:first-of-type,
.pageContent > div:first-child > h2:first-of-type {
    page-break-before: avoid; /* pas de saut de page sur la première page */
}


h1, h2, h3, caption {
    page-break-after: avoid; /* pas de saut après ces éléments */
}

a {
    color: #000 !important;
    text-decoration: underline !important;
}

   

/* ne pas afficher les boutons de navigation */
nav {
    display: none;
}

/* ne pas afficher le bouton "PDF" */
.toolbar {
    display: none;
}

/* Titre du rapport */
header {
    height: 75px;
    padding: 10px;
    background-color: #2f2f30;
    margin-bottom: 50px;
}

    header .logo {
        float: left;
        width: 75px;
        height: 100%;
        margin-right: 10px;
        background: #fff url("images/logo_TERRAexpertis_64.png") no-repeat center center;
    }

header .rapportInfo {    
    height: 100%;
}

    header .rapportInfo .infoDate {
        font-size: 16pt;
        text-align: center;
        color: #fff;
    }

    header .rapportInfo .infoClient,
    header .rapportInfo .infoChantier {
        font-size: 14pt;
        text-align: center;
        color: #fff;
    }

/* titre de chaque section */
.pageTitle {    
    height: 1.22cm;     /* 1.22 cm NE PAS MODIFIER ! (MODE PORTRAIT)*/
    padding-top: 10px;
    font-family: 'Segoe UI Light', 'Segoe UI', Tahoma;
    font-size: 24pt;
}

/* titre de chaque forage */
.logsMenuTitle {
    height: 1.029cm;    /* 1.029cm px NE PAS MODIFIER ! (MODE PORTRAIT)*/
    font-family: 'Segoe UI Light', 'Segoe UI', Tahoma;
    font-size: 16pt;
    color: #333;
    text-align: left;
}

/* bas de page */
footer {
    display: none;
    /*position: fixed;*/
    bottom: 0px;
    width: 100%;
    height: 30px;
    margin: 2px 10px 0 10px;
    padding-top: 5px;
    border-bottom: solid 3px #89bf6a;
    overflow: hidden;
}

    footer #logoTerraExpertis {
        float: left;
    }

    footer span {
        padding: 0 20px;
        font-size: 10pt;
    }

/* map legend*/
.mapLegend {
    height: 28px;
    margin-top: 5px;
}
.mapLegend .state,
.mapLegend .state img,
.mapLegend .state div {
    float: left;
}

    .mapLegend .state img {
        margin-right: 5px;
    }

    .mapLegend .state span {
        padding: 2px 5px;
        margin-right: 20px;
        border-radius: 5px;
        color: #fefefe;
    }

    .mapLegend .state .stateTodo {
        background-color: #888;
    }

    .mapLegend .state .stateInProgress {
        background-color: #C17819;
    }

    .mapLegend .state .stateDone {
        background-color: #06740b;
    }

#pageCartographie {
    display: flex;
    flex-direction: column;
}

    #pageCartographie .pageContent {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

        #pageCartographie .pageContent img {
            max-height: 12cm;
            object-fit: contain;
        }

/* hauteur des titres en cm */
.header_column {
    height: 0.6cm !important;
    line-height: 0.6cm !important;
}