h1
{
    font-size: 24px;
    color: #1B7FBE;
    font-weight: normal;
}
            
h1, h2, h3, h4, h5, h6
{
    text-align: center;
    font-style: normal;
}

h2
{
    font-size: 22px;
    font-weight: bold;
}

h3
{
    font-size: 20px;
    font-weight: normal;
    margin-top: 5px;
}

h4
{
    font-weight: normal;
    font-size: 18px;
    margin: 20px 0 10px 0;
}

[id*="_doc"] .text
{
    text-indent: 0;
}

#pr_koap h4,
#pr_gk h4,
#pr_uk h4
{
   margin-top: 0;
}

a img
{
    border-style: none;
}

.text
{
    text-align: left;
    text-indent: 1.7em;
    padding: 5px;
    line-height: 1.42857143;
}

.pdd-item
{
    border: 1px solid transparent;
}

#content .bg-info
{
    border-radius: 4px;
}

.pdd-num,
.pdd-phrase
{
    font-weight: bold;
}

.pdd-text .text
{
    text-indent: 0;
}

ul.pdd-list
{
    list-style-type: none;
    padding-left: 12px;
    margin: 0;
}

ol.pdd-list > li
{
    text-indent: 0;
}

ul.pdd-list li:before
{
    content: "—";
    position: relative;
    left: -10px;
}

.nowrap
{
    white-space: nowrap;
}

.sign-multisign .sign
{
    display: inline-block !important;
    margin-left: 5px;
    margin-right: 5px;
}

.sign
{
    text-align: center;
    vertical-align: top;
    padding: 0;
    text-indent: 0;
}

.caption
{
    display: block;
    text-align: center;
}

.caption-link
{
    display: block;
    width: 130px;
    text-align: center;
    margin: 0 auto;
}

.caption-sign
{
    display: block;
    text-align: center;
}

.sign-groupe .caption-groupe
{
    display: block;
    text-align: center;
    width: 115px;
    margin: 0 auto;
    text-indent: 0;
}

.sign-groupe + .text
{
    display: block;
    width: 100%;
    text-indent: 0;
    border-top: 1px dotted silver;
}

.sign-groupe + .text:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    margin-bottom: 10px;
    overflow: visible;
    float: none;
}

.sign-groupe
{
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-left: 10px;
    width: 200px;
}

.sign-multisign .caption-groupe,
.pdd-item[id="ap1_it2g"] .caption-groupe,
.pdd-item[id="ap2_ch1_it5.8.2g"] .caption-groupe, 
.pdd-item[id="ap2_ch2_it5.8.2g"] .caption-groupe, 
.pdd-item[id="ap2_ch1_it5.20.1g"] .caption-groupe,
.pdd-item[id="ap2_ch2_it5.20.1g"] .caption-groupe,
.pdd-item[id="ap3_ch1_it1.22g"] .sign-groupe
{
    width: auto !important;
}

.pdd-item[id="ap2_ch1_it1.6g"] .caption-groupe,
.pdd-item[id="ap2_ch1_it6.15g"] .caption-groupe,
.pdd-item[id="ap2_ch2_it1.6g"] .caption-groupe,
.pdd-item[id="ap2_ch2_it6.15g"] .caption-groupe
{
    width: 150px !important;
}

.pdd-item[id="ap2_ch1_it1.18.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it4.9.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.19.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.26.2g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.30.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.32.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.42g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.43g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.20.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it6.3.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it7.3.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it7.4.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it7.5.5g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it7.6.1g"] .sign-groupe,
.pdd-item[id="ap3_ch2_it9"] .sign-groupe
{
    width: 400px;
}

.pdd-item[id="ap1_it6g"] .caption-groupe,
.pdd-item[id="ap2_ch1_it1.31.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.8.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.8.3g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.20.2g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.21.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.21.2g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.22.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.23.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.26.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.27g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.29.1g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.42g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.43g"] .sign-groupe
{
    width: 260px;
}

.pdd-item[id="ap2_ch1_it5.8.2g"] .sign-groupe,
.pdd-item[id="ap2_ch1_it5.8.7g"] .sign-groupe
{
    width: 450px;
}

.pdd-item[id="ap3_ch3_it18"] img
{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.pictures
{
    display: block;
    text-align: center;
    vertical-align: top;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0 10px 0; 
}
    
.pictures > div
{
    display: inline-block;
    text-align: center;
    margin: auto;
    vertical-align: top;
}

.pictures .pdd-item
{
    border: 1px solid transparent;
    padding-bottom: 5px;
}

.pictures .sign-groupe
{
    margin-left: 5px;
    margin-right: 5px;
    width: auto !important;
}

.pdd-toc li
{
    text-indent: 0;
    margin: 4px auto 4px auto;
}

.pdd-toc.small
{
    list-style-type: disc;
}

.pdd-toc li ul
{
    border-left: 1px solid silver;
    padding-left: 12px;
    margin-left: 2px;
}

.pdd-header
{
    text-align: right;
}

.pdd-header p
{
    color: gray;
}

.pdd-header, 
.pdd-footer
{
    color: gray;
    font-style: italic;
}

.pdd-footer
{
    padding-top: 5px;
}

.pdd-footer span:last-child
{
    float: right;
}

/* Tooltip */

.pdd-tooltip
{
    display: inline-block;
}

.pdd-tooltip .pdd-header,
.pdd-tooltip [id$="doclist"],
.pdd-tooltip [id$="doclist_title"],
.pdd-tooltip .audio
{
    display: none;
}

.pdd-tooltip .pdd-num
{
    float: left;
}

.pdd-tooltip .pdd-item .pdd-item,
.pdd-tooltip .pdd-item + .pdd-item
{
    padding-top: 5px;
}

.pdd-tooltip .text
{
    text-indent: 0;
    line-height: normal;
    padding-left: 0;
    padding-bottom: 0;
}

.pdd-tooltip .text:hover
{
    background-color: transparent;
}

.pdd-tooltip .sign-groupe
{
    width: auto !important;
    display: block;
    float: none;
    padding-left: 5px;
    padding-right: 0;
}

.pdd-tooltip .sign-groupe.sign-multisign,
.pdd-tooltip .sign-groupe:has(+.text)
{
    padding-left: 0;
}

.pdd-tooltip .sign-groupe + .text
{
    border-style: none;
}

.pdd-tooltip .sign
{
    display: block;
}

.pdd-tooltip .sign-groupe + .text
{
    border-style: none;
}

.pdd-tooltip h1,
.pdd-tooltip h2,
.pdd-tooltip h3,
.pdd-tooltip h4,
.pdd-tooltip h5,
.pdd-tooltip h6
{
    font-size: 18px;
    font-weight: normal;
}

.pdd-tooltip img
{
    max-width: 300px;
    height: auto !important;
}

.textToolTip img,
.pdd-tooltip .text img
{
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
}

.textToolTip img[percent]
{
    max-height: 30px;
}

.audio
{
    float: left;
    left: 5px;
    top: 6px;
    width: 16px;
    margin-right: -16px;
    font-size: 12pt;
    color: gray;
    cursor: pointer;
}

.audio:not(.paused,.playing):hover
{
    color: #3299E4;
}

.paused
{
    color: maroon;
}

.playing,
.playing:hover
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibWFyb29uIiBjbGFzcz0iYmkgYmktcGF1c2UtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0gOCAxNCBDIDAgMTQgMCAyIDggMiBDIDE2IDIgMTYgMTQgOCAxNCBaIE0gOCAxNiBBIDggOCAwIDEgMCA4IDAgQSA4IDggMCAwIDAgOCAxNiBaIi8+CiAgPHBhdGggZD0iTTUgNi4yNWExLjI1IDEuMjUgMCAxIDEgMi41IDB2My41YTEuMjUgMS4yNSAwIDEgMS0yLjUgMHYtMy41em0zLjUgMGExLjI1IDEuMjUgMCAxIDEgMi41IDB2My41YTEuMjUgMS4yNSAwIDEgMS0yLjUgMHYtMy41eiIvPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 1px left;
    color: transparent;
}

.pictures .audio + .sign-groupe
{
    margin-left: 15px;
    margin-right: 15px;
}

.pdd-item:not(:has(.pdd-item)):has(.playing),
.pdd-item:has(> .playing)
{
    border: 1px solid #E5C4C3 !important;
    background-color: #FFE8E6 !important;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

dfn,
.full-pdd + br + br + table,
.full-pdd .pdd-header,
.full-pdd div[id^="ch"] h1,
.full-pdd div[id^="ap"] h1,
.full-pdd div[id^="ap"] h2,
.full-pdd div[id^="ap2"] h3,
.full-pdd #ap2_contents_title,
.full-pdd #ap2_contents,
.full-pdd #ap4_contents_title,
.full-pdd #ap4_contents,
.full-pdd a[href="?chap=dc2005_nb551#dc2005_nb551"],
.full-pdd a[href="?chap=ap2_ch2_pr0#ap2_ch2_pr0"],
.full-pdd a[href="?chap=ap2_ch2_pr0#ap2_ch2_pr0"] + br,
.full-pdd a[href="?chap=ap2_ch2_pr0#ap2_ch2_pr0"] + br + ul
{
    display: none;
}

.full-pdd > div:first-child .pdd-header,
.full-pdd > div[id="pr_"] .pdd-header,
.full-pdd > div[id^="dc"] .pdd-header,
.full-pdd > div[id^="p3"] .pdd-header,
.full-pdd div[id$="ch0"] h1,
.full-pdd div[id$="ch0"] h2,
.full-pdd div[id$="ch0"] h3,
.full-pdd div[id$="ch0"] h4,
.full-pdd div[id="ap1"] h1,
.full-pdd div[id="ap1"] h2,
.full-pdd div[id="ap2_ch1_pr0"] h1,
.full-pdd div[id="ap2_ch1_pr0"] h2,
.full-pdd div[id="ap2_ch1_pr0"] h3,
.full-pdd div[id="ap2_ch1_pr0"] h4,
.full-pdd div[id="ap3_ch1"] h1,
.full-pdd div[id="ap3_ch1"] h2,
.full-pdd div[id="ap3_ch1"] h3,
.full-pdd div[id="ap3_ch1"] h4,
.full-pdd div[id="ap2_ch2_pr0"] h3,
.full-pdd div[id="ap5"] h1,
.full-pdd div[id="ap5"] h2
{
    display: block;
}

.full-pdd .append
{
    margin-left: 60%;
    text-align: right;
    font-size: small;
    color: gray;
}