/* ---------------------------------------------------------------- archives */
/* general */
.dc-archive .content-inner {
    @media all and(min-width: $small-screen) {
        margin-left: 3em;
        margin-right: 3em;
        }
}
.arch-block {
    display: inline-block;
    margin: 0 0 2em 0;
    vertical-align: top;
    a {
        color: $gray-very-dark;
            &:focus {
                color: $gray-very-light;
            }
        }
    @media all and(min-width: $small-screen) {
        margin-left: 4em;
        }
    }
.arch-block:first-child {
    margin-left: 0;
    }
.arch-block h3 {
    margin-bottom: 1em;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
    color: $secondary-color;
    }
.arch-block h4 {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0;
    margin-top: 0;
    color: $gray-very-dark;
    }
.arch-list, .arch-sub-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
.arch-sub-list {
    margin-left: 20px;
    }
/* par date */
.arch-by-year {
    margin-right: 0;
    margin-bottom: 1em;
    margin-top: 2em;
    }
.arch-by-year h3 {
    margin-bottom: 0;
    }
.arch-by-year h3:first-child {
    margin-top: 0;
    }
.fromto {
    margin-top: 0;
    margin-bottom: 1.5em;
    font-size: .875em;
    font-style: italic;
    }
.arch-by-year__each-year {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 10em;
    }
.arch-year-list {
    margin-bottom: 1.5em;
    }
.arch-year-list span {
    font-size: .875em;
    }
/* par categorie */
.arch-cat-list, .arch-sub-cat-list {
    background: transparent url(img/vline.png) repeat-y;
    }
.arch-sub-cat-list {
    margin: .5em 0 0 .5em;
    }
.arch-cat-list li {
    padding: .2em .2em .2em 20px;
    background: transparent url(img/hline.png) no-repeat left .82em;
    }
.arch-cat-list li:last-child {
    background-image: url(img/last-hline.png);
    }
/* par tag */
.arch-by-tag {
    width: 17em;
    }
.arch-tag-list li {
    display: inline;
    padding-right: 1em;
    }
.arch-tag-list .tag0 {
    color: #909090;
    font-size: 90%;
    }
.arch-tag-list .tag10 {
    color: #828282;
    font-size: 92%;
    }
.arch-tag-list .tag20 {
    color: #737373;
    font-size: 94%;
    }
.arch-tag-list .tag30 {
    color: #656565;
    font-size: 96%;
    }
.arch-tag-list .tag40 {
    color: #484848;
    font-size: 98%;
    }
.arch-tag-list .tag50 {
    color: #3A3A3A;
    font-size: 100%;
    }
.arch-tag-list .tag60 {
    color: #2B2B2B;
    font-size: 102%;
    }
.arch-tag-list .tag70 {
    color: #1D1D1D;
    font-size: 104%;
    }
.arch-tag-list .tag80 {
    color: #0E0E0E;
    font-size: 106%;
    }
.arch-tag-list .tag90 {
    color: #030303;
    font-size: 108%;
    }
.arch-tag-list .tag100 {
    color: #000;
    font-size: 110%;
    }
/* archives par mois */
.dc-archive-month #content-info h2 {
    margin-left: 2em;
    margin-top: .5em;
    }
