/* importation de la police à utiliser pour les titres */
@font-face {
font-family: 'Metropolis1920';
src: url('font/Metropolis1920.eot');
src: local('Metropolis1920'), local('Metropolis 1920'),
    url('font/Metropolis1920.woff') format('woff'),
    url('font/Metropolis1920.ttf') format('truetype'),
    url('font/Metropolis1920.svg') format('svg');
}

div#entete{
    width: 100%;
    height: 400px;
}

    div#entete > div{
        float: left;
        width: 100%;
        height: 20px;
        padding: 5px 0;
        margin-top: 10px;
        background: rgba(0, 0, 0, 0.65)
    }

        div#entete > div > nav#liensEntete{
            float: left;
            padding: 0 10px;
        }

            div#entete > div > nav#liensEntete > a{
                float: left;
                padding: 0 10px;
                text-decoration: none;
            }

            div#entete > div > nav#liensEntete > div{
                text-align: center;

                font-size: 16px;
            }

            div#entete > div > nav#liensEntete > a#partenaires + div{
                width: 740px;
            }

                div#entete > div > nav#liensEntete > a#partenaires + div > a{
                    display: block;
                    width: 200px;
                    height: 220px;
                    margin: 10px;
                    padding: 10px;
                    float: left;

                    text-decoration: none;
                }

        div#entete > div > nav#reseaux{
            float: right;
            padding: 0 10px;
        }

            div#entete > div > nav#reseaux > a{
                display: block;
                height: 20px;
                width: 20px;
                float: right;
                margin: 0 10px;
                border-radius: 0;
            }

                html body div#content div#entete .icon-facebook:hover{   background: url(../images/ReseauFacebook.20.20.png), #3b5998;}
                html body div#content div#entete .icon-youtube:hover{    background: url(../images/ReseauYoutube.20.20.png), #d32222;}
                html body div#content div#entete .icon-twitter:hover{    background: url(../images/ReseauTwitter.20.20.png), #2ca0e9;}
                html body div#content div#entete .icon-instagram:hover{    background: url(../images/ReseauInstagram.20.20.png), #845950;}
                html body div#content div#entete .icon-mail:hover{       background: url(../images/ReseauMail.20.20.png), black;}

nav#menu{
    width: 100%;
    height: 50px;
}

    nav#menu > a{
        display: block;
        float: left;
        padding: 15px 0 8px 0;

        text-align: center;

        text-decoration: none;
        font-size: 24px;
        font-family: Metropolis1920;

        transition-duration: 0.4s;
    }

    nav#menu > a:hover{
        transition-duration: 0.2s;
    }

    nav#menu > a:first-child {      width: 334px;}
    nav#menu > a:not(:first-child){ width: 331px;}