/***********/
@page {size:A4 portrait; margin:7.5mm}
:root {
    font-size:8pt;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: black; text-align: left; -webkit-text-size-adjust:none;
    --bgmariol: url(/book_duthu/images/mariol.gif);
    --bgduthu: url(/book_duthu/images/duthu.gif);
    --bgamplet: url(/book_duthu/images/amplet.gif);
    --bgartigau-e: url(/book_duthu/images/artigau_e.gif);
    --bgartigau-l: url(/book_duthu/images/artigau_l.gif);
    --bgblaya: url(/book_duthu/images/blaya.gif);
    --bgpeyrot: url(/book_duthu/images/peyrot.gif);
    --bgjouanet: url(/book_duthu/images/jouanet.gif);
    --bgplau: url(/book_duthu/images/plau.gif);
    --bgpascalet: url(/book_duthu/images/pascalet.gif);
    --bgparnaud: url(/book_duthu/images/parnaud.gif);
    --bgarrat: url(/book_duthu/images/arrat.gif);
    --bgoustau: url(/book_duthu/images/oustau.gif);
    --bgpichon: url(/book_duthu/images/pichon.gif);
    --bgtarar: url(/book_duthu/images/tararre.gif);
}
mark.bef:before {content:"\A";white-space: pre-line;}
body {overflow:auto; padding: 0;margin: 0;}

@media screen, print {
   html, body,div.page2garde {width: 19cm;height: 28.2cm;
      }
    body { overflow:auto; padding: 0;margin: 0;}

    div.page2garde {margin:0; padding:0; background-color:#34ABA2;background-image: url(/page/images/biblio.jpg);background-repeat: no-repeat;background-size:100% auto;page-break-after:always;}
    div.page2garde>div.sub {position:absolute;top:13cm;left:1.5cm;height:11.5cm;background:linear-gradient(#F3F9FB, #C3E1EE);
        font-size: 36pt; font-family: arial; padding: 5mm; line-height: 50pt;}



    span.id {margin: 0 1mm;padding: 0 2px; background-color: yellow;}
        
    div.pdgd {display:inline-block;height:26cm; width:100%; page-break-before: right; page-break-after:always;margin:0; vertical-align: middle;text-align: center; font-size: 150%;background-image: url('images/fond1.jpg');}
        div.pdgd >div.cntr {display:inline-block; line-height:120%}
        div.pdgd >div.cntr >span {font-size:120%}
    
    div.arbres {page-break-before:right;}
    div.arbres >img {display:block;margin:5px auto}
    div.number {font-size: 14pt;line-height: 20pt;padding:0 5mm; counter-increment: numpage 1;page-break-before: right; text-align: start;}
    div.number.odd {page-break-before: left; text-align: end;}
    div.alert {font-weight:bolder;color:red}


    article.contentbook {margin-top:3mm; break-inside: avoid;}
    article.contentbook >* {break-inside: avoid;}
    article.contentbook >*:empty {display:none}

        div.doc_img {padding:1mm;font-weight: bold;break-inside: avoid;}
        div.doc_img >img {display:block;max-width:16cm; max-height:10cm;margin:1mm auto;border:solid 1px black;}
    
    div.annexes:before {content:"ANNEXES"; display:block; margin-bottom: 15px; padding-bottom:5px;border-bottom:4px double lightgrey; text-align: center; font-size: 200%; font-weight: bold;}
    div.annexes >div:before {content:attr(class); display:block;text-transform: capitalize;font-size:150%; font-weight:bold;text-decoration:underline}
    /*******************************************************/
    div.complLx {display:inline-block}

    
    div#tdm {page-break-before: right}
    div#tdm>div.titre {display:block;padding-bottom: 5mm; text-align: center; font-size: 200%; font-weight: bold;text-decoration: underline}
    div#tdm>div.nomFmlyTdm {display:block;padding-left: 5mm; font-size: 10pt; font-weight: bold;break-inside: avoid}
    div#tdm>div.nomFmlyTdm>div.nomIndTdm {display:block;margin:0 1cm;font-size: 6pt; font-weight: normal;}
    div#tdm>div.nomFmlyTdm>div.nomIndTdm:after{content:attr(data-page);float:right;font-style: italic}

    div.num{text-align: center; font-size: 15pt; page-break-before: always;}

    div.corps {page-break-before: right;}
    div.corps:empty {display:none}
    div.corps>div.titre{display:block; padding-bottom: 5mm; text-align: center; font-size: 200%; font-weight: bold;text-decoration: underline}
    div.corps>div.grpName {display:block; margin:0 auto 0 0; padding-bottom: 3mm; border-bottom:1px solid lightsteelblue; font-size: 150%; font-weight: bold;}
    div.corps >img {display:block; margin:0 auto;padding:2mm}

    article.indPrinc {padding-top:3mm; }
    article.indPrinc >*:not(img):empty {display:none}
        article.indPrinc >div.civ{font-size: 14pt;line-height: 20pt;margin:2mm 0;border-top: 3px double lightgrey;padding-top:2mm}
        div.parents>span{margin-left:5mm}
        div.parents>span:empty {display:none}
        div.parents>span.pere:before{content : "Père : "; display:inline-block;font-weight: bold}
        div.parents>span.mere:before{content : "Mère : "; display:inline-block;font-weight: bold}
        div.comment {margin:3px 0; background-image: url(/page/images/notes.gif);background-repeat: no-repeat;background-size: 4mm;background-position: top left;padding-left: 5mm;}
        div.comment:empty {display:none}

        div.bk_vignette >img{max-width:90px; max-height:40px; vertical-align:top; border: lightgrey 1px solid;margin:2px; box-sizing: content-box;}

        section.grpevent {display:grid;grid-template-columns: 2.05cm 2.73cm 3.77cm 1fr; gap: 0; border:3px double lightgrey;border-radius: 5px; vertical-align:top; font-family:Calibri;font-size:9pt;}
        section.grpevent >div{border-bottom: 1px solid lightgrey;padding:2px;/*box-shadow: 0 1px lightgrey inset*/}
        section.grpevent div.typ {grid-column:1;}
            section.grpevent div.typ.etcv {background-color: #FFFDC4;color:darkred;font-weight: bold}
            section.grpevent div.typ.eP {background-color: rgba(100,200,200,0.75); color: white}
            section.grpevent div.typ.mili {background-color: #68F2FF;}
            section.grpevent div.typ.notr {background-color: darkred; color: white}
            section.grpevent div.typ.reside {font-style: italic; font-weight: bold}
        section.grpevent div.evtLx {grid-column:2;}
            section.grpevent div.evtLx>div.complLx {display:block;padding-left:3px; color: navy;}
            section.grpevent div.evtLx[data-lxdit]:after{content:attr(data-lxdit);display:block;padding-left:3px;font-style: italic; color: navy;}
        section.grpevent div.evtDate {grid-column:3;}
            section.grpevent div.evtDate>calRev {display:block;background-image: url(/page/images/btn_bonnet.gif);background-repeat: no-repeat;background-size: contain;background-position: top left;padding-left:5mm;font-size: 90%;font-style: italic}
        section.grpevent div.evtCmt {grid-column:4;}
            section.grpevent div.evtCmt >div.conjoint {font-size: 110%;font-weight: bold;border-bottom: 2px solid black;}
            section.grpevent div.evtCmt >div.enfants {font-size: 90%;}
            section.grpevent div.evtCmt >div.enfants:before {content:"Enfant(s) :";font-weight: bold;}
                section.grpevent div.evtCmt >div.enfants>div {display:list-item; margin-left: 1cm;list-style: decimal}
                section.grpevent div.evtCmt >div.enfants>div.cible {background-color: aqua}
            section.grpevent div.evtCmt >div.notes {margin-left: 3mm}
            section.grpevent div.evtCmt >div.notes:before {margin-left: -3mm; font-weight:bold}
            section.grpevent div.evtCmt >div.notes dl {margin-block:0; margin-left: 3mm}
            section.grpevent div.evtCmt >div.notes dd {margin-inline-start: 3mm ; margin-top: 5px}

        div.couples{margin-left:2cm; margin-top: 3mm; border-top: lightgrey 2px dashed; padding-top: 3px;}
            div.couples>div.civ{font-size: 12pt;line-height: 15pt;}
}
@media print {
    /*@page :first {margin:auto}*/
    @page :left { margin-right:12.5mm;}
    @page :right { margin-left:12.5mm;}
}