/* ============================================================
   [Site marron/or — "Pixel Potter" d'après le nom du fichier de
   fond fond_HP_jaune.png et la palette or/marron] CSS spécifique
   au site

   commun.css doit être chargé AVANT ce fichier.
   ============================================================ */


/* ============================================================
   VARIABLES
   ============================================================ */

:root {
    --accent: #c17f4f;
    --bg: #fddf67;
}


/* ============================================================
   POLICES
   ============================================================

   Les fichiers existent également dans le dossier du site.
   Cette redéclaration permet au site de résoudre les polices
   localement, indépendamment de l'emplacement de commun.css.

   Ce site n'utilise que DejaVuSans en pratique.
   ============================================================ */

@font-face { font-family: 'DejaVuSans'; src: url('DejaVuSans.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }


/* ============================================================
   CORRECTIONS GÉNÉRALES DU SITE
   ============================================================ */

body {
    background-color: var(--bg);
    background-image: url("fond_HP_jaune.png");
    background-repeat: repeat;
    background-attachment: fixed;

    font-size: 16px;
    font-family: DejaVuSans, sans-serif;

    margin-bottom: 15px;
    padding-bottom: 0;
}


/* ============================================================
   LIENS
   ============================================================

   Sur ce site, les liens n'ont pas de fond (contrairement à la
   base commune) : juste du texte doré.
   ============================================================ */

a, #ban a {
    color: #ffd700;
    background: none;
}

#retour a {
    background-color: #FFEDA9;
    color: #c17f4f;
}

#bonus a {
    background-color: #E3BB80;
    color: #c17f4f;
    padding: 4px;
}


/* ============================================================
   TITRES
   ============================================================

   h1 sur ce site n'a pas le style de commun.css (pas de blanc,
   pas de police "times", pas de coins arrondis) : on annule.
   ============================================================ */

h1 {
    background-color: #c17f4f;
    padding: 3px;
    margin-top: 2px;
    display: inline-block;
    text-align: center;

    color: initial;
    font-family: inherit;
    font-size: initial;
    font-weight: initial;
    border-radius: 0;
}

#soon {
    font-family: AA, DejaVuSans;
}


/* ============================================================
   MENU
   ============================================================ */

#menu, #menu ul {
    font-size: 14px;
}
#menu li ul a {
    font-size: 14px;
}


/* ============================================================
   BLOC RÉSUMÉ (propre à ce site)
   ============================================================ */

#resume {
    background-image: url("fond.png");
    background-size: cover;
    width: 820px;
    max-width: 100%;
    color: white;
    font-weight: bold;
    padding: 30px;
    margin: 0 auto;
    box-sizing: border-box;
}


/* ============================================================
   DÉTAILS / RÉSUMÉ
   ============================================================ */

summary {
    margin-bottom: 15px;
}
details {
    padding-bottom: 8px;
}


/* ============================================================
   DÉGRADÉ / BONUS
   ============================================================ */

#bonus {
    background-color: rgba(235,267,169,0.5);
}
#linear {
    background-image: linear-gradient(var(--accent), rgba(235,267,169,0.5));
}
#linear_bas {
    background-image: linear-gradient(rgba(235,267,169,0.5), var(--accent));
}