/* Corps de page */
body {
    text-align: center;
    font: 0.8em "Trebuchet MS", helvetica, sans-serif;
    background: #000;
    color: #090;
    margin: 0;
}

/* Lien classique */
a {
    color : #0B0;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

/* Ligne horizontale */
hr {
    border: 1px solid #56798a;
}

/* Conteneur pour la colonne principale */
div#container {
    margin: 0px 20px 0px 220px;
    text-align: left;
    border: 1px solid #050;
    background: #010;
}

/* Menu principal */
div.menu {
    float: left;
    text-align: right;
}

/* Lien pour une section du menu */
div.menu a {
    background: #020;
    display: block;
    font-size: 1em;
    padding:5px;
    margin: 0 0 10px 0;
    color: #090;
    border: 1px solid #050;
    border-left: 0;
}

/* Lien pour une section du menu (survol) */
div.menu a:hover {
    background: #000;
}

div#title {
    color: #0B0;
}

/* Texte du titre */
div#title h1 {
    background: #010;
    padding: 20px 0 10px 50px;
    margin: 0px;
    text-align: left;
    height : 50px;
    font-size: 2.5em;
    font-weight: bold;
    border-bottom: 1px solid #050;
}

div#title h2{
    color: #0B0;
    font-size: 1.3em;
    font-style: italic;
    text-align: right;
    padding: 0px 20px 15px 0;
}

/* Conteneur d'informations pour la colonne principale */
div#content {
    padding: 0 10px 10px 10px;
}

/* Menu dans un contenu */
div#container > div.menu {
    float: right;
    text-align: left;
    padding-left: 10px;
    padding-top: 15px;
}

div#container > div.menu > a {
    background: #000;
    display: block;
    border: 1px solid #050;
    border-right: 0;
}


div#container > div.menu > a:hover {
    background: #020;
    color: #090;
}

/* Titre de section */
div#content h1 {
}

div#content h2 {
    padding-left: 30px;
}

/* Pied de page */
div#footer {
    margin-top : 20px;
}

div#img {
    text-align: center;
}

div#img img{
    margin: 5px;
    border: 2px solid black;
}

span.mh1 {
    font-style: italic;
    font-weight: bold;
}

span.info {
    font-size: 0.8em;
    display: block;
}

img {
    border: 1px solid black;
}

/* Affichage des couvertures de livre */
div#pochette {
    text-align: center;
}

div#pochette img {
    margin: 15px;
    background: #c6d1d0;
    padding: 10px;
    border: 1px solid black;
}

div#app_info .info {
    font-style: italic;
    font-size: 0.9em;
}

div#app_info h1 a {
    padding: 0 10px 0 10px;
    vertical-align: middle;
    font-size: 0.6em;
}

div#app_info #description {
    padding: 30px 0 0 0;
}

div#app_info .dl {
    padding: 20px 0 0 0;
}

div#app_info .dl a {
    display: block;
    padding: 10px 0 0 40px;
}

#files {
    padding-top: 20px;
}

#files #title {
    font-weight: bold;
}

#files #description {
    padding: 0 0 0 20px;
}

#files li {
    padding: 10px;
}

#link_info {
    padding: 10px 0 10px 0;
}

#link_info a {
    position: relative;
    margin: 0 10px 0 20px;
    padding: 5px;
    background: #000;
    border: 1px solid #050;
    width: 200px;
    vertical-align: middle;
}

#link_info a:hover {
   background: #020;
}