@charset "utf-8";
@import "article.css";

/* ----------------------------------------------
Auteur/author : nicodeux
Dernière mise à jour/last update : 02/04/2025
Licence : GNU General Public License v3.0
---------------------------------------------- */

/**************************/
/* Studio Tanuki page CSS */
/**************************/

body {
    background-color: white;
    background-image: none;
}

#document *, #texte-pp {
    color: var(--marron-sombre);
}

#document * a:hover, #texte-pp a:hover {
    color: var(--orange-pastel);
}

/* ###############################
    Contenu
############################### */

#document {
    background-color: white;
    background-image: url(../images/studio_tanuki/gR345Fg4Z.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 45%;
    border-radius: 0;
}

#document h2 {
    color: var(--marron-sombre);
    text-shadow: 0 0 2px #660101aa;
    background-image: url(../images/studio_tanuki/msd35093K1m.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    padding-left: 1.8em;
    text-transform: uppercase;
}

#document h3 {
    color: var(--orange-pastel);
    text-shadow: 0 0 2px #fe9c6888;
}

#document p .side-image {
    color: var(--orange-pastel);
}

#revision {
    position: absolute;
    top: 1.2rem;
    right: 6rem;
    font-size: 0.7em;
    color: var(--orange-pastel);
}

#document  ul {
    list-style-image: url(../images/studio_tanuki/f71FZGlA94M.svg);
    margin-bottom: 1em;
    margin-left: 1.8em;
}

#document  ul li {
    background: none;
    padding-left: 0.1em;
    padding-bottom: 0.1em;
}

.index-tanuki {
    display: inline-block;
    background-image: url(../images/studio_tanuki/f71FZGlA94M.svg);
    background-repeat: no-repeat;
    background-size: 0.6em;
    background-position: 50% 50%;
    width: 1em;
    font-size: 1em;
}

/* ################
   Pied de page
################ */

#logo-st a {
    background-image: url(../images/studio_tanuki/lst.svg);
}

#logo-n2 a {
    background-image: url(../images/studio_tanuki/ln2.svg);
}

.valide {
    border: 1px solid var(--marron-sombre);
}

.valide:hover {
    color: var(--marron-sombre) !important;
    background-color: var(--orange-pastel);
}