@media screen, print {
    body {
        font-family: Arial, sans serif;
        font-size: 0.9em;
        padding: 1em 2em;
    }

    h1 {
        color: #1D588C;
        text-align: center;
    }

    h2 {
        color: #1D588C;
        border-bottom: 1px solid #9D9D9D;
    }

    dd h3 {
        color: #264A61;
        border-left: #a82c31 0.5em solid;
        padding-left: 0.5em;
        background-color: #e7edff;
        margin-top: 0;
    }

    h3 span {
        font-weight: normal;
    }

    a {
        color: #2777BC;
    }

    a:hover {
        color: #1D588C;
    }

    #coordonnees strong {
        font-size: 1.1em;
    }

    #coordonnees p {
        margin: 0;
    }

    #piedpage {
        font-style: italic;
        font-size: 0.7em;
    }

    dl {
        padding: 0;
    }

    dt {
        font-style: italic;
        float: left;
        margin-top: 0em;
        padding-top: 1em;
        width: 11em;
        clear: both;
    }

    dd {
        margin: 0em 1em 0.3em 12em;
        text-align: justify;
        padding-top: 0.3em;
    }

    dt+dd, #competences dt+dd {
        padding-top: 1em;
    }

    #competences dd {
        padding-top: 0;
    }
}

@media print {
    body {
        font-family: Times New Roman;
        font-size: 0.85em;
        padding: 1em 1em;
    }

    .noprint {
        display: none;
    }

    a {
        text-decoration: none;
        color: black;
    }

    a:after {
        content: " ("attr(href) ")";
    }

    a.noexpand:after {
        content: "";
    }

    dt {
        width: 8em;
    }

    dd {
        margin-left: 9em;
    }
}