@font-face
{
    font-family: "Droid Serif"; src: url(DroidSerif-Regular.ttf);
}

@font-face
{
    font-family: "Droid Serif"; font-weight: bold; src: url(DroidSerif-Bold.ttf);
}

@font-face
{
    font-family: "Droid Serif"; font-style: italic; src: url(DroidSerif-Italic.ttf);
}

@font-face
{
    font-family: "Droid Serif"; font-weight: bold; font-style: italic; src: url(DroidSerif-BoldItalic.ttf);
}

#container h2 {
    text-align: center; font-size: 24px; font-style: italic; font-weight: bold; color: #999; margin: 20px 0;
    font-family: "Droid Serif", "Times New Roman", Times, serif;
}

#container h3 {
    color: #666; font-weight: bold; font-size: 18px; text-transform: uppercase; margin: 20px 0 5px;
}

#container h4 {
    color: #666; font-weight: bold; font-size: 16px; margin: 0; padding: 10px 0 5px; clear: both;
}

#container p, #container li {
   font-size: 13px; margin: 5px 0;
   font-family: "Droid Serif", "Times New Roman", Times, serif;
}

#container ul {
    padding-left: 18px;
}

#container strong {
    font-weight: bold;
}

.liste {
    clear: both;
}

.bloc-appli {
    width: 475px; float: left;
}

.separateur-applis {
    width: 10px; height: 100px; float: left;
}

.fond-bloc {
    cursor: pointer; height: 295px; margin: 5px 0 15px; padding: 5px;
}

.overlay-bloc {
    padding: 5px 10px; background: rgba(255, 190, 100, 0.85); display: none;
}

p.goto {
    text-align: right; font-size: 20px;
}

#bloc-facettes {
    background: url(../img/facettes-thumb.jpg);
}

#bloc-categories {
    background: url(../img/categories-thumb.jpg);
}

#bloc-completion {
    background: url(../img/completion-thumb.jpg);
}

.mini-table {
    float: left; width: 960px; clear: both; margin: 5px 0;
}

.half-bloc {
    float: left; width: 470px; margin-right: 10px;
}
