body {
    background-color: #32936F;
    background-image: url('hopper-gas-station.jpg');
    font-family: 'Trebuchet MS', sans-serif;
    background-repeat: no-repeat;
    background-size: auto 105%;
    background-position: center;
    height: 72vh;
}

#page{
    background-color: whitesmoke;
    width: 24rem;
    margin: 28vh auto auto; 
    padding: 8px 8px 0.5px 8px;
    border-radius :10px;
}

@media screen and (max-height : 768px) {
    body{
        height: 78vh;
    }
    #page{
        margin: 22vh auto auto;
    }
}

@media screen and (max-height : 600px) {
    body{
        height: 84vh;
    }
    #page{
        margin: 16vh auto auto;
    }
}

@media screen and (max-height : 415px) {
    body{
        height: 90vh;
    }
    #page{
        margin: 10vh auto auto;
    }
}

@media screen and (max-height : 350px) {
    body{
        height: 96vh;
    }
    #page{
        margin: 4vh auto auto;
    }
}

#header{
    padding: 6px;
    border-radius :8px;
    text-align: center;
}
.header{ 
    background-color: #32936F; color: #FFFFFF; 
}

ul{
    padding-left:10px;
    font-weight: bolder;
    list-style-type: "->";
    color: #32936F;
    margin-bottom: 5px;
}

li{    
    padding-left: 3px;
}

.contentTitle{
    font-weight: normal;
    color: #444444;
}

#edNeveu{    
    padding-bottom: 6px;
}
h1{
    font-size: 1.8em;
    margin:0;
}

h2{
    font-size: 1.5em;
    margin:0;
}
#realTitle{
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: -10px;
}
#enCoursTitle{
    margin-bottom: -10px;
}

h3{
    font-size: 1.5em;
    font-weight: bold;
    margin:0;
}
#header a{
    color:#ffa500;
    text-decoration: none;
    font-style: italic;
    font-size: 0.6em;
    margin-bottom: 5px;
}
#header a:hover{
    color:#ff8300;
}

li a:not(span a){
    text-decoration: none;
    font-size: 1.25em;
    color: #32936F;
}

li a:not(li span a):hover{
    color: #2b7c5f;
}