.titre {
    background-image: url("../images/barre.png");
    height: 105px;
}

.logo {
    margin-top:24px;
    float:left;
}

.corps {
    background-image: url("../images/corps.png");
    font-family: "Exo";
    background-repeat: repeat-x;
    padding-left: 30px;
    font-size:110%;
}

@font-face {
    font-family: "Exo";
    src: url('../fonts/Exo-Light.otf');
}

.menu {
    list-style-type:none;
    font-size:130%;
    padding-top:5px;
    padding-bottom:15px;
}

.menu li {
    display: inline;
    text-transform: uppercase;
}

.menu a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
}

.menu a:hover {
    text-decoration: none;
}

.selected {
    background-color: #025b93;
    color:white
}

.selected:hover {
    color:white;
}

.notselected{
    color: #025b93;
}

.notselected:hover {
    color:white;
}

.barre-couleur {
    background-image: url("../images/barre-couleur.png");
    background-repeat: no-repeat;
    height:5px;
    background-color: #025b93;
}

.pied {
    padding:10px;
    background-image: url("../images/fond.png");
    height:150px;
    font-family: "Exo";
}

.logopied {
    width:110px;
    float:left;
    margin:5px;
    margin-bottom: 60px;
}

#sousmenu {
    font-size: 80%;
    height:25px;
}

#sousmenu a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    padding-right: 6px;
    margin:0px;
}

.trait_menu {
    margin-top:1px;
    margin-bottom: 3px;
    width:60%;
}

#soussousmenu {
    font-size: 80%;
    height:30px;
}

h1 {
    font-size:180%;
    margin-bottom:25px;
}

.faux {
    color: red;
}

.correct {
    color: green;
}

.points {
    font-size:90%;
}