/***********/
: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;}
br {display:initial !important}
ext-lnk { line-height: 1.2; background-color: #f3f3c0; padding: 2px 3px; font-weight: bold;}
ext-lnk > div{display:inline-block; cursor: pointer;font-style: italic;text-decoration: underline;}
ext-lnk[post]:after{content:'\Avoir ' attr(post); margin-left:5px;white-space: pre-line;}


@media screen, print {
    @page {size: A4 portrait;}
    @page :left { margin: 8mm 15mm 8mm 10mm;}
    @page :right { margin: 8mm 10mm 8mm 15mm;}

    h1,h2,h3,h4,h5,h6 {margin:0; margin-bottom:1em; font-weight:bold; color:#024F75;}
    h1,h2,h3 {text-align:center; text-decoration: underline; text-underline-offset: 0.25em;}
        h2 {font-size:2rem; text-decoration-style: double; text-transform: uppercase;}
        h3 {font-size:1.75rem;}
        :is(div#docanx,div#smrglob) h3 {margin-bottom: 0.5em; margin-left: 3mm; text-align: left;}
    h4,h5,h6 {text-align:left;}
        h4 {font-size:1.5rem;}
        h5 {font-size:1.25rem;}
        h6 {font-size:1rem;}

    body {height: var(--fenH); width: 100%; overflow:auto; padding: 0;margin: 0;}

    body > header { break-before: right; page-break-before: right; margin:auto auto; height: 28cm; width: 100%; padding:0; background-color:#34ABA2;background-image: url(/page/images/biblio.jpg); background-size:cover;}
    body > header> div.sub {position:absolute; top:15cm; left:1.5cm; max-width:15cm; padding: 5mm; background:linear-gradient(#F3F9FB, #C3E1EE); font-size: 4rem; font-family: arial; line-height: 5.25rem;}
        body > header> div.sub > :is(div.ttlpren, div.ttlnom) {padding-left:3rem; font-size: 5rem; line-height: 6.25rem;}
        body > header> div.sub > div.ttlprde {margin:0 auto; width:fit-content}
    body div.dummy {break-before: page; page-break-before: always; width:100%; height:5mm}

    body > :is(div.preambule,div#smrglob) {break-before: right; page-break-before: right; width:100%; padding:3mm;}

    body > div.preambule {display:grid; grid-template-rows:repeat(4,auto) 1fr; height:var(--fenH);}
    body > div.preambule > div {padding-left:5mm; text-align: justify;}
    body > div.preambule > div[aria-label]:before{content:attr(aria-label); display:block; margin-bottom:0.5em; margin-left:-5mm; font-size:1.2rem; font-weight: bold;text-decoration: underline;text-underline-offset: 0.25em;}

    body > div#smrglob > img {margin:0.5rem auto 1rem; max-width:100%; max-height: var(--fenH); border: solid 1px #aaa;}
    body > div#smrglob :is(dt, #anxcmnes, #anxdoc) {display:grid; grid-template-columns:auto 1fr auto; margin-inline:5mm; font-weight: bold; font-size: 1.1rem}
        body > div#smrglob :is(dt, #anxcmnes, #anxdoc)[data-valpg]:after {content:attr(data-valpg); grid-column: 3; font-style: italic}
        body > div#smrglob :is(dt, #anxcmnes, #anxdoc) > hr { margin-inline: 1em; border: 0 transparent solid;border-bottom:1px dotted #333}
    body > div#smrglob dd {margin-inline:5mm; padding-left:5mm}
    body > div#smrglob :is(#anxcmnes, #anxdoc):not([data-valpg]) {display:none}


    :is(div#tdm, div#docanx, div#ttanxdoc, main > *)[data-nmpg]:before {content:'-  ' attr(data-nmpg) '  -'; }
    main div.num, :is(div#tdm, div#docanx, div#ttanxdoc, main, div.arbre, article.fmly, fich-ind[data-nmpg]):before {display:block; text-align: center; font-size: 2rem;}

    /*------------*/
    section#lexique div.typ {width:fit-content}
    div.typ.etcv {background-color: #FFFDC4;color:darkred;font-weight: bold}
    div.typ.eP {/*background-color: rgba(100,200,200,0.75); color: white*/background-color: #e6e6e6;}
    div.typ.mili {/*background-color: #68F2FF;*/background-color: grey;color:white;}
    div.typ.notr {background-color: darkslategrey; color: white}
    div.typ.resid {font-style: italic;}
    /*------------*/
    div#tdm {break-before: right; page-break-before: right;}
    div#tdm > h4 {margin-bottom: 0.25em; padding-top:0.25em; border-top:3px double #aaa}
        div#tdm > h4:not(:first-of-type) {margin-top:1em;}
    div#tdm > div.nomFmlyTdm {display:block; padding: 2mm 2mm 0 5mm; /*break-inside: avoid;*/ page-break-inside: avoid;}
        div#tdm > div.nomFmlyTdm > span {font-size: 1.5rem; font-weight: bold;}
        div#tdm > div.nomFmlyTdm > div.nomIndTdm {display:grid; grid-template-columns:auto 1fr auto; margin-inline:5mm; }
            div#tdm > div.nomFmlyTdm > div.nomIndTdm > *:last-child {font-style: italic}
    div#tdm > div.nomCmne {display:grid; grid-template-columns:auto 1fr auto; padding-inline: 5mm 2mm; }
            div#tdm > div.nomCmne > *:last-child {font-style: italic}
    div#tdm hr { margin-inline: 1em; border: 0;border-bottom:1px dotted #333}
    /*------------*/
    div#docanx {break-before: right; page-break-before: right;}
    div#docanx *:not(img):empty {display:none}
    div#docanx *[aria-label]:before {content:attr(aria-label); font-weight: bold; text-decoration: underline; text-underline-offset: 0.15em;}

    div#docanx > article {margin-inline: 6mm 3mm;}

    div#docanx > h4 {margin-bottom: 0.5em; }

    div#docanx > article.blocpays:before {font-size:1.5rem}
    div#docanx > article > section.infoDpt {margin: 1em 0 1em 5mm; padding-top: 1em; line-height: 1.1em;}
        div#docanx > article > section.infoDpt:first-of-type {padding-top:0}
    div#docanx > article > section.infoDpt:before {display: inline-block; margin-right: 1cm; font-size:1.25rem}
        div#docanx > article > section.infoDpt > div.libelrgn {display: inline-block;}
            div#docanx > article > section.infoDpt > div.libelrgn:before{content:"Région(s) : "; display:inline;}
        div#docanx > article > section.infoDpt > div.infocmne {margin-top:0.5em; margin-left:5mm ; display: grid; grid-template-columns: 3mm repeat(2, auto) 1fr; grid-template-rows: auto; gap: 2mm 5mm;}
            div#docanx > article > section.infoDpt > div.infocmne::before {grid-column: 1 / span 2;}
        div#docanx > article > section.infoDpt > div.infocmne > div.cmnt {grid-column: 2 / span all;}
        div#docanx > article > section.infoDpt > div.infocmne span[data-title]:before{content:attr(data-title) ' : '}
    /*------------*/
    main {break-before: right; page-break-before: right;}
        main:before {content:'-  1  -'; }
        main > div.arbre {width: fit-content; margin: 0 auto; padding-top:5mm;}
        main > div.arbre:not(:first-child) {/*break-before: right;*/ page-break-before: right;}
        main > div.arbre > img {display:block; margin:0; box-sizing:border-box; max-width: 16cm; max-height: 25cm;border: solid 2px #333333; border-radius: 2%;}

        main > article.fmly {break-before: page; page-break-before: always;}
        main > article.fmly > header {padding-left: 0.5cm;font-size: 16pt;font-style: italic;font-weight: bold;}
        main > article.fmly > header > div.fmlycmnt {font-size: 1rem; font-weight: normal;}
        main > article.fmly > fich-ind {display:block; padding-top:3mm; break-inside: avoid; page-break-inside: avoid;}
        /*article.fmly > fich-ind:nth-child(odd) {background-color: aqua;}
        main > article.fmly > fich-ind:nth-child(even) {background-color: rgb(205, 233, 186);}*/
        main > article.fmly > fich-ind[data-nmpg] {break-before: page; page-break-before: always;}
        main > article.fmly > fich-ind[data-nmpg]:before {content:'-  ' attr(data-nmpg) '  -'; display:block; text-align: center; font-size: 15pt;}

        :is(fich-ind, fich-ind *:not(img), fich-sub, fich-sub *:not(img)):empty {display:none}
        main > article.fmly > fich-ind:not(:first-of-type,[data-nmpg]) > div.grpPatro{margin:2mm 0; border-top:ridge 3px navy; padding-top:2mm;}
            :is(fich-ind,fich-sub) > div.grpPatro > div.civ {font-size: 14pt;line-height: 20pt;}
            :is(fich-ind,fich-sub) > div.grpPatro > div.parents:has(>ext-lnk) {display:flex; flex-direction: row;}
            :is(fich-ind,fich-sub) > div.grpPatro > div.parents[aria-label]:before {content : attr(aria-label)" :"; display:inline-block; margin-right:0.5em; font-weight: bold; text-decoration: underline}
                :is(fich-ind,fich-sub) > div.grpPatro > div.parents > mark {background-color:cornsilk; background-clip: border-box; padding-inline:1.5mm; color:inherit; text-decoration: underline}
            :is(fich-ind,fich-sub) > div.grpPatro > div.titrenbl {display: grid; grid-template-columns: repeat(3, minmax(0, max-content));margin-block: 0.25rem;}
            :is(fich-ind,fich-sub) > div.grpPatro > div.titrenbl:before {content: "Titres et Fiefs"; grid-row: 1; grid-column: 1 / span 3; font-weight: bold; text-decoration: underline;}
                :is(fich-ind,fich-sub) > div.grpPatro > div.titrenbl >* {display:initial; line-height: 1.5em; padding-inline: 5px;}
            :is(fich-ind,fich-sub) > div.grpPatro > 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;}
            :is(fich-ind,fich-sub) > div.grpPatro > div.bk_vignette >img{max-width:90px; max-height:40px; vertical-align:top; border: lightgrey 1px solid;margin:2px; box-sizing: content-box;}
        :is(fich-ind,fich-sub) > div.grpevent {display:grid; grid-template-columns: minmax(2.05cm, auto) minmax(2.7cm, auto) minmax(3.75cm,auto) 1fr; gap: 0; 
                margin-top:2mm; border:3px double  var(--bdrcolor,grey);border-radius: 5px; vertical-align:top; font-family:Calibri;font-size:9pt;}
            :is(fich-ind,fich-sub) > div.grpevent > div {display:initial !important; border-bottom: 1px solid grey;padding:2px;}
            :is(fich-ind,fich-sub) > div.grpevent div.typ {grid-column:1; font-size: 110%;}
            :is(fich-ind,fich-sub) > div.grpevent div.evtLx {grid-column:2;}
                :is(fich-ind,fich-sub) > div.grpevent div.evtLx>div.complLx {display:block;padding-left:3px; color: navy;}
                :is(fich-ind,fich-sub) > div.grpevent div.evtLx[data-lxdit]:after{content:attr(data-lxdit);display:block;padding-left:3px;font-style: italic; color: navy;}
            :is(fich-ind,fich-sub) > div.grpevent div.evdt {grid-column:3;}
                :is(fich-ind,fich-sub) > div.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}
            :is(fich-ind,fich-sub) > div.grpevent div.evtCmt {grid-column:4;}
                :is(fich-ind,fich-sub) > div.grpevent div.evtCmt >div.conjoint {width:fit-content; border-bottom: 2px solid black; font-size: 110%;font-weight: bold;}
                :is(fich-ind,fich-sub) > div.grpevent div.evtCmt >div.enfants {font-size: 90%;padding-top:2mm}
                    :is(fich-ind,fich-sub) > div.grpevent div.evtCmt >div.enfants>div {display:list-item; margin-left: 1cm;list-style: decimal}*/
                    :is(fich-ind,fich-sub) > div.grpevent div.evtCmt >div.enfants>div {display:list-item; margin-left: 1cm;}
                    :is(fich-ind,fich-sub) > div.grpevent div.evtCmt >div.enfants>div.cible {font-size: 110%; font-weight: bold;list-style: decimal;list-style-position: inside;}
                    :is(fich-ind,fich-sub) > div.grpevent div.evtCmt >div.enfants>div:not(.cible) {list-style: none;font-style: italic;}
                :is(fich-ind,fich-sub) > div.grpevent div.evtCmt > div.notes {margin-left: 3mm}
                :is(fich-ind,fich-sub) > div.grpevent div.evtCmt > div.notes:before {margin-left: -3mm; font-weight:bold}
                :is(fich-ind,fich-sub) > div.grpevent div.evtCmt > div.notes dl {margin-block:0; margin-left: 3mm}
                :is(fich-ind,fich-sub) > div.grpevent div.evtCmt > div.notes dd {margin-inline-start: 3mm ; margin-top: 5px}
                :is(fich-ind,fich-sub) > div.grpevent div.evtCmt > div.consang {color:red}
                :is(fich-ind,fich-sub) > div.grpevent div.evtCmt > div.consang:before {content: "Consanguinité :"; margin-right:0.25em; text-decoration: underline;}
            fich-ind > div.couples{break-inside:never; page-break-inside:avoid; margin-left:5rem; margin-top: 3mm; padding-top: 3px;}
                fich-ind > div.couples > fich-sub {display:block}
                fich-ind > div.couples > fich-sub > div.grpPatro {border-top: lightgrey 2px dashed; }
    
    /*******************************************************/
    div.corps {/*break-before: right;*/ 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; 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;*/ page-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;*/ page-break-inside: avoid; line-height: 12pt;}
    article.chronique dd:before {content: "\25CE"; margin-left:-0.5cm; padding-right: 5px; font-size:6pt}
    
}