/*************************************/
/* PIED DE PAGE */
/*************************************/

#site-footer {
    background-color:#313131;
    border-top:5px solid #0080a6;}

.footer-links {padding-top:1.2em;
    padding-bottom:1.2em;
    grid-column-gap: 1em;
    column-gap: 1em;}

.footer-copyright {background-color:#2A2A2A;
    padding-top:0.2em;
    padding-bottom:0.2em;
    box-shadow: inset 0px 8px 49px -17px rgba(0,0,0,0.75);}

#site-footer a {color:#fff;
    text-decoration:none;}

#site-footer a:hover, 
#site-footer a:active, 
#site-footer a:focus {
    text-decoration:underline;}

#site-footer li {color:#CBCBCB; /*margin-bottom:0.4em;*/}

#site-footer h2 {color:#0199c6;
    font-weight:normal;
    display:inline-block;
    margin-top:0.6em;
    margin-bottom:0.5em;}

#site-footer .auteur {color:#fff; 
    font-weight:normal;
    font-size:1.22em;
    font-family:"PT Sans Narrow", "Arial Narrow", "Arial", sans-serif;
    }

#site-footer ul {
    margin-top:0em;
    margin-bottom:0em;
    padding-left:0em;
    margin-left:0em;
    list-style-type: none;
}

.footer-links nav, .footer-links div {margin-bottom:1.3em;}

.footer-copyright-wrapper p {color:#fff;}

#block-joindre-auteur p {
    margin-top:0.2em;
    margin-bottom:0.2em;}

#block-joindre-auteur h2 {margin-bottom:0.4em;}


/** Pied de page fixe **/

body {
    display: flex;
    flex-direction: column;
}

.middle-wrapper {
    flex: 1;
}

.header-wrapper, 
.complement-wrapper,
#site-footer {
    flex-shrink:0;
}


@media screen and (max-width: 1250px) {
    .footer-links, .footer-copyright {
        padding-left:1.5em;
        padding-right:1.5em;
    }
}