html { overflow: hidden; }
body { max-width: 100%; padding-right: 0.2em; }

@media only screen and (min-width: 1000px) {
    /* grands écrans, sauf pour IE[678] */
    body, ul, li { padding: 0 }
    a { border: none; }
    #centrevertical { /* pour y mettre le h1 bien centré */
        position: absolute;
        width: 100%;
        top: 45%;
        text-align: center;
    }
    #lignes { /* pour l'image. tout est calé autour */
        position: absolute;
        width: 500px;
        height: 267px;
        top: -133px;
        z-index: -1;
        background-image: url(lignes.png);
        left: 50%;
        margin-left: -250px;
    }
    li.glow {
        text-shadow: 0 0 20px black;
        transition: text-shadow 0.1s ease-in;
        -moz-transition: text-shadow 0.1s ease-in;
        -o-transition: text-shadow 0.1s ease-in;
        -webkit-transition: text-shadow 0.1s ease-in;
    }
    li.unglow {
        text-shadow: 0 0 0 black;
        transition: text-shadow 0.3s ease-out;
        -moz-transition: text-shadow 0.3s ease-out;
        -o-transition: text-shadow 0.3s ease-out;
        -webkit-transition: text-shadow 0.3s ease-out;
    }
    li {
        display: block;
        position: absolute;
        width: 100%;
    }
    #li1, #li3 { text-align: right; }
    #li2, #li4 { text-align: left; }
    #li1 {
        top: 1.5em;
        right: 350px;
    }
    #li2 {
        top: -1.5em;
        left: 330px;
    }
    #li3 {
        bottom: -1.5em;
        right: 340px;
    }  
    #li4 {
        bottom: 0em;
        left: 330px;
    }
    #pieddepage {
        position: absolute;
        bottom: 1em;
        width: 100%;
        text-align: right;
    }
    #pieddepage p {
        display: inline;
        padding-right: 2em;
    }
    #pieddepage li img {
        vertical-align: middle;
    }
}