* {
    font-size		: 1em;
    font-family		: sans-serif;
}

h1 {
    font-size		: 2em;
    font-weight		: bold;
    text-align		: center;
}

/***********************************************************************
 * Le lmenu haut
 */

div#onglets{
    font-size		: 1.2em;
    font-weight		: bold;
    background-color	: lightgray;
    padding		: 0.2em 1em 0 1em;
    margin-bottom	: 0.5em
}

div#onglets a{
    background-color	: gray;
    color		: white;
    text-decoration	: none;
    padding		: 0.5em 0.5em 0 0.5em;
    margin		: 0 0.5em;
    border-radius	: 0.5em 0.5em 0 0;
    
}

div#onglets a#deco{
    float		: right;
    background-color	: transparent;
    color		: black;
    text-decoration	: none;
    padding		: 0em;
    margin		: 0 0.5em;
}


div#onglets a.actif{
    background-color	: #000;
    font-size		: 1.2em;
}

/***********************************************************************
 * La zone formulaire
 */

#forms {
    border		: solid 1px gray;
    margin		: 1em;
}
form {
    display		: inline-block;
    padding		: 1em;
}


/***********************************************************************
 * La zone de présentation des résultats
 */
#liste {
    width		: 100%;
    height		: calc(100vh - 14.5em);
    overflow-y		: scroll;
    display		: inline-block;
}

table {
    background-color	: #EEE;
    border-collapse	: separate;
    border-spacing	: 0.3em 0.3em;
    margin		: auto;
}

table thead tr th,
table tfoot tr th {
    background-color	: #AAA;
    color		: white;
    padding		: 0.1em 0.5em 0.1em 0.1em;
    vertical-align	: middle;
    white-space		: nowrap;
}

table a, form a {
    display		: inline-block;
    height		: 1em;
    text-align		: center;
    vertical-align	: middle;
    background-color	: #666;
    color		: white;
    padding		: 0 0.5em;
    border-radius	: 1em;
    text-decoration	: none;
    font-weight		: bold;
    border		: solid 1px #555;

}

a.info {
    font-size		: 1.2em;
    width		: 1em;
    margin		: 0.5em;
    padding		: 0;
    font-style		: italic;
    font-family		: "times new roman", serif;
    text-shadow		: -1px 0 #FFF;
}

a.fleche {
    font-size		: 1.2em;
    width		: 1em;
    padding		: 0;
    text-shadow		: -1px 0 #FFF, 0 0 #FFF, 1px 0 #FFF, 0 0 #FFF;
}


table tbody tr td {
    background-color	: #FFF;
    color		: #000;
    text-align		: right;
    padding		: 0.1em 0.5em;
}

table tbody tr th{
    background-color	: #AAA;
    color		: #000;
    text-align		: right;
    padding		: 0.1em 0.5em;
}