/* extra style for Mkdocs-et */

/* Comment this out to go back to the Material's theme colors */

[data-md-color-primary="brown"] {
    --md-primary-fg-color: #615550; /* brown granite */
    --md-footer-bg-color:  #615550; /* brown granite */
    --md-typeset-a-color:  #A9754F; /* merkat */
    --md-accent-fg-color:  #A9754F; /* merkat */
}


/* Some other settings, a matter of taste */

a:hover { text-decoration: underline; }

.md-typeset {
    line-height: 1.5 !important;
}
.md-typeset pre {
    line-height: 1.4 !important;
}

.md-typeset code {
    word-break: normal !important;
}

.md-typeset ul ul {
    list-style-type:  circle !important;
}
.md-typeset ul ul ul {
    list-style-type:  '- ' !important;
}

article.md-typeset p + ul {
    margin-top: -0.5em !important;
}

.md-typeset ul li {
    margin-bottom: 0 !important;
}

.md-typeset dl dd {
    margin-top: 0.5em !important;
    margin-bottom: 0 !important;
}

.md-typeset dl dt:not(:first-child) {
    margin-top: 1em !important;
}

.md-typeset .admonition, 
.md-typeset details,
.md-typeset table {
    font-size: inherit !important;
}

.md-typeset table th, .md-typeset table td {
    line-height: 1.4 !important;
}

.md-typeset table th:not(.code), .md-typeset table td:not(.code) {
    padding: 8px 12px !important;
}

.md-typeset table.nosort th {
    font-weight: bold;
}

article input {
    border: 1px solid lightgrey;
    border-radius: 4px;
    padding: 2px 6px;
    margin: 0 4px;
}


// Pour les images
// permet de remplacer
//   ![legende](../images/img.png){ style="vertical-align: middle;"}
// par
//   ![legende](../images/img.png){ class="vmiddle"}

img.vtop { vertical-align: top; }
img.vmiddle { vertical-align: middle; }
img.vbottom { vertical-align: bottom; }

img.hcenter { margin-left: auto; margin-right: auto; display: block; }

img.mL10 { margin-left: 10px; }
img.mL20 { margin-left: 20px; }
img.mL30 { margin-left: 30px; }
img.mL40 { margin-left: 40px; }
img.mL50 { margin-left: 50px; }
img.mL60 { margin-left: 60px; }
img.mL70 { margin-left: 70px; }
img.mL80 { margin-left: 80px; }
img.mL90 { margin-left: 90px; }

img.mR10 { margin-right: 10px; }
img.mR20 { margin-right: 20px; }
img.mR30 { margin-right: 30px; }
img.mR40 { margin-right: 40px; }
img.mR50 { margin-right: 50px; }
img.mR60 { margin-right: 60px; }
img.mR70 { margin-right: 70px; }
img.mR80 { margin-right: 80px; }
img.mR90 { margin-right: 90px; }

img.mT05 { margin-top:  5px; }
img.mT10 { margin-top: 10px; }
img.mT15 { margin-top: 15px; }
img.mT20 { margin-top: 20px; }
img.mT25 { margin-top: 25px; }
img.mT30 { margin-top: 30px; }
img.mT35 { margin-top: 35px; }
img.mT40 { margin-top: 40px; }
img.mT45 { margin-top: 45px; }
img.mT50 { margin-top: 50px; }

img.mB05 { margin-bottom:  5px; }
img.mB10 { margin-bottom: 10px; }
img.mB15 { margin-bottom: 15px; }
img.mB20 { margin-bottom: 20px; }
img.mB25 { margin-bottom: 25px; }
img.mB30 { margin-bottom: 30px; }
img.mB35 { margin-bottom: 35px; }
img.mB40 { margin-bottom: 40px; }
img.mB45 { margin-bottom: 45px; }
img.mB50 { margin-bottom: 50px; }