/*Paramètres du body, définit également le fond de l'écran principal*/
body{
    background: url("../media/pictures/Pikmin.jpg");
    background-size:cover;
    color:white;
    font-family: 'Ycomputer-Regular';
    font-size: 13px;
    text-shadow: 0 0 2px black;
}

/*Permet de mettre des bandes rétros en bas du sites, oui c'est débiles mais c'est génial*/
#footer {
    width: 100%;
    margin: 0 auto;
    height: 60px;
    display: flex;
    flex-direction: row;
    bottom: 0;
    position: absolute;
    justify-content: space-between;
}


/*Centre une boite au milieu de la page sur une largeur de 1300px (Non responsive)*/
#wrapper{
    margin:auto;
    position:relative;
    width:1300px;
}

/*Crée une boite qui limiteras les boite en son intérieur*/
#flex-wrapper {
    width: 1200px;
    margin: auto !important;
}

/*Permet de créer une boite permettant de manière flexible (flex) plusieurs autres boites pour créer comme un grillage s'auto redimensionnant*/
#corps-flexible {
    display: flex;
    flex-direction: row;
    gap: 3px;
}

#subject {
    max-height: 500px;
    overflow: scroll;
    font-size: 14px;
}

/*Paramètres d'une box basique pour sa taille et son emplacement*/
.box {
    margin-top: 3px;
    box-sizing: border-box;
    border-width: 2px;
    border-style: outset;
    border-radius: 3px;
    position: relative;
}

/* Font Pikmin
 * Crédit : TheAdorableOshawott https://www.deviantart.com/theadorableoshawott */
@font-face {
    font-family: pikmin;
    src: url("../media/fonts/Pikmin_Fonts/pikmin_by_theadorableoshawott-da33cfr.ttf") format("truetype");
}

/*Boite Pikmin*/
.prettyBoxH {
    border-width: 7px;
    border-style: solid;
    border-image: url(../media/pictures/PikminBubble.png) 0 fill round;
    background: none;
    padding: 10px !important;
    font-family : pikmin;
    color:white;
    font-size: 14px;
    text-shadow: 0 0 0;
}

a {
    color:#8cb4f5;
}

/*Pour rendre une boite "flexible"*/
.flex {
    display: flex;
    flex-direction: row;
    gap: 3px;
}

/*Boite Main*/
.main {
    flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    font-size: 16px;
}