/* ============================================================
   [Site saumon/bordeaux] CSS spécifique au site

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


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

:root {
    --accent: rgb(137,50,64);
    --bg: rgba(249,192,159,1);
    --h2-color: rgb(56,45,95);
}


/* ============================================================
   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.
   ============================================================ */

@font-face { font-family: 'DejaVuSans'; src: url('DejaVuSans.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'AA'; src: url('Ace_Attorney.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'AA_eu'; src: url('ace_attorney_eu.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'PW'; src: url('Phoenix_Wright.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'times'; src: url('times.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'eurostile'; src: url('eurostile.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'im'; src: url('im.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'josefin'; src: url('josefin.TTF') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }


/* ============================================================
   SOUS-MENU
   ============================================================ */

.sousmenu, .sousmenu li {
    border-top: 1px black solid;
}


/* ============================================================
   TEXTE
   ============================================================ */

strong {
    color: rgb(56,45,95);
}


/* ============================================================
   BLOCS "BD" ET "RANDOM" (propres à ce site)
   ============================================================ */

.bd, .bd2 {
    background: white;
    margin: 8px;
}
.bd  { width: 630px; max-width: 100%; }
.bd2 { width: 808px; max-width: 100%; }

.random {
    width: 100%;
    max-width: 1300px;
    background: white;
}

.p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9 {
    width: 90%;
    margin: 0 auto;
}