/***********/
@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;
    --bdrcolor:#a0a0a0;

    --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;}
/*reset des défauts*/
*{margin-block:0; margin-inline:0}

@media screen, print {
   html, body,div.page2garde {width: 19cm;height: 28.2cm;
      }
    body { overflow:auto; padding: 0;margin: 0;}
    nme-i {font-size: 110%; font-weight: bold; text-decoration:underline;}

    div.page2garde {margin:auto auto; max-height: calc(28.2cm - 4px); max-width: calc(19cm - 4px); padding:0; background-color:#34ABA2;background-image: url(/page/images/biblio.jpg); background-size:cover;
        page-break-before: right;}
    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: always;}
    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 var(--bdrcolor,grey); 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.smre {display:block;margin:3px 2.5cm; border-bottom:solid 1px #efefef;font-size: 8pt; font-weight: bold;}
    div.smre:after{content:attr(data-page);float:right;font-style: italic; font-weight: normal;}

    
    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;margin:0 2cm; padding-left: 5mm; padding-bottom:2mm; 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; border-bottom:solid 1px #efefef;}
    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.num:first-child{page-break-before:right}
    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; box-sizing:border-box; max-width: calc(100% - 10px); max-height: calc(28.2cm - 40px);border: solid 2px #333333;}

    div.corps >figure {margin-top: 5px; break-inside: avoid;}
    div.corps >figure > figcaption {margin-left:1cm;}
    div.corps >figure > figcaption::first-line {font-weight:bold; font-size:120%}
    div.corps >figure > img {display:block; margin:0 auto; box-sizing:border-box; max-width: 16cm; max-height: 10cm;border: solid 2px #333333; border-radius: 2%;}

    article.chronique {display:initial}
    article.chronique > h1 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; padding-bottom: 5mm; text-align: center; font-size: 200%; font-weight: bold;text-decoration: underline}
    article.chronique > h2 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 175%; font-weight: bold;text-decoration: underline}
    article.chronique > h3 { border-top: double #333333 3px; background-color: #e6e6e6;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 150%; font-weight: bold;}
    article.chronique > h4 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 120%; font-weight: bold;}
    article.chronique p {margin-left:0.5cm;}
    article.chronique dl {margin:2px 0.5cm; padding:5px}
    article.chronique dd {margin-left:1cm; break-inside: avoid; line-height: 12pt;}
    article.chronique dd:before {content: "\25CE"; margin-left:-0.5cm; padding-right: 5px; font-size:6pt}

    article.indPrinc {padding-top:3mm; }
    article.indPrinc >*:not(img):empty {display:none}
        article.indPrinc >div.libfmly {padding-left: 0.5cm;font-size: 16pt;font-style: italic;font-weight: bold;}
        article.indPrinc >div.civ{font-size: 14pt;line-height: 20pt;margin:2mm 0;border-top: 3px double  var(--bdrcolor,grey);padding-top:2mm}
        article.indPrinc >div.civ[data-id]:after {content:attr(data-id);float:right;font-size:9pt;text-decoration: underline}
        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: minmax(2.05cm, auto) minmax(2.7cm, auto) minmax(3.75cm,auto) 1fr; gap: 0; 
                border:3px double  var(--bdrcolor,grey);border-radius: 5px; vertical-align:top; font-family:Calibri;font-size:9pt;}
        section.grpevent >div{border-bottom: 1px solid grey;padding:2px;}
        section.grpevent div.typ {grid-column:1; font-size: 110%;}
            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*/background-color: #e6e6e6;}
            section.grpevent div.typ.mili {/*background-color: #68F2FF;*/background-color: grey;color:white;}
            section.grpevent div.typ.notr {background-color: darkslategrey; 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.evdt {grid-column:3;}
            section.grpevent div.evdt>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.conjoint[data-cplid]:after {content:"(Mar." attr(data-cplid) ")";font-size: 9pt;float:right;}  pour debuggage*/
            section.grpevent div.evtCmt >div.enfants {font-size: 90%;padding-top:2mm}
            /*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 {display:list-item; margin-left: 1cm;}
                section.grpevent div.evtCmt >div.enfants>div.cible {font-size: 110%; font-weight: bold;list-style: decimal;list-style-position: inside;}
                section.grpevent div.evtCmt >div.enfants>div:not(.cible) {list-style: none;font-style: italic;}
            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.break{page-break-before: always;}
            div.couples>div.civ{font-size: 12pt;line-height: 15pt;}
            div.couples>div.civ[data-id]:after {content:attr(data-id);float:right;font-size:9pt;text-decoration: underline}
}
@media print {
    /*@page :first {margin:auto}*/
    @page :left { margin-right:12.5mm;}
    @page :right { margin-left:12.5mm;}
}
@media screen {
    /*@page :first {margin:auto}*/
    @page :left { margin-right:12.5mm;}
    @page :right { margin-left:12.5mm;}
}