body {
    font-family : "Ubuntu";
    padding     : 1em;
}

a {
    text-decoration : none;
    color           : white;
}

.max-size-content {
    max-width        : 860px;
    margin           : auto;
    background-color : white;
}

main {
    background-color : white;
}

.plasma-black {
    background-color : #2b2b2b;
    color            : white;
    padding          : 1em 0 1em 1em;
}

.plasma-black .title {
    line-height    : 1.5em;
    border-bottom  : 2px solid rgba(255, 255, 255, .84);
    margin         : 1em 0;
    text-transform : uppercase;
}

.plasma-black .content {
    font-size : 12px;
    color     : rgba(255, 255, 255, .84);
}

.plasma-black .content > * {
    margin-bottom : 1em;
}

.plasma-black .icon {
    padding : .25em .5em 0 0;
}

.plasma-black .description {
    padding-right : .5em;
}

.ui-float-left {
    float : left;
}

.ui-image {
    width         : 100px;
    margin        : auto;
    border-radius : 100px;
    border        : 2px solid white;
    filter        : grayscale(1);

}

.ui-image-logo {
    width : 150px;
}

main {
    padding : 1em;
}

main header {
    text-transform : uppercase;
}

main header h1 {
    margin-bottom : 0;
}

main header h2 {
    margin-top : 0;
    color      : #2b2b2b;
}

main section header.title {
    line-height    : 1.5em;
    margin         : 1em 0;
    text-transform : uppercase;
}

main section header.title .icon {
    padding : .25em 1em 0 0;
}

main section header.title .icon span {
    display         : flex;
    justify-content : center;
    align-items     : center;
    width           : 2em;
    height          : 2em;
    border          : 2px solid #2b2b2b;
    border-radius   : 50%;
}

main section header.title .text {
    border-bottom : 2px solid #2b2b2b;
}

main section .content .date {
    padding-left : 3.25em;
}

main section .content .title {
    font-weight : bold;
}

main section .content .poste {
    font-size  : 12px;
    font-style : italic;
}

main section .content .description {
    font-size : 12px;
}

main section .content .language {
    font-size  : 12px;
    font-style : italic;
}

main section .content .layout-row {
    margin-bottom : 1em;
}

.sautedepage {
    page-break-after : always;
}

@media print {
    @page {
        size   : A4 portrait; /* DIN A4 standard, Europe */
        margin : 0;
    }

    body {
        padding : 0;
    }
}