body{
    background-image: url(../images/feu.jpg);
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/*Couleurs du site*/

.couleurFond1 {
    background-color: rgb(22, 18, 35) !important;
}
  
.couleurFond2 {
    background-color: #d2ffff;
}

.couleur1 {
    color: #0063d5;
}

.couleur2 {
    color: #004bf0;
}

.couleur3 {
    color: #d2ffff !important;
}

/*Titres*/

#titrePricipal {
    font-size: small;
}

.titres {
    text-align: center;
}

/* Paragraphes */

.justifie{
    text-align: justify;
    text-justify: inter-word;
}

/*Page liste*/

#liste-personnages ul a {
    text-decoration: none;
    color: #d2ffff;
}

#liste-personnages li a{
    text-decoration: none;
    color: #D2FFFF;
}

#liste-personnages li img{
    padding-left: 3px;
    padding-right: 3px;
    height: 67px;
    width: 48px;
}

.elementListe {
    display: flex;
    margin: 3%;
    padding: 3%;
    border-style: solid;
    border-color: #d2ffff;
    border-width: 1px;
    border-radius: 40px;
    justify-content: center;
}

.elementListeColonne{
    flex-direction: column;
    align-items: center;
}

/*Page personnage*/

.conteneurPrincipal {
    width: 50%;
    margin: auto;
}

.conteneurPersonnage {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 3%;
    padding: 3%;
    border-style: solid;
    border-color: #d2ffff;
    border-width: 1px;
    border-radius: 40px;
}

table,
th,
td {
    border: 1px solid;
}

table {
    size: 50%;
}

.tableau {
    width: 50% !important;
}

.images {
    height: 67px;
    width: 48px;
    z-index: 2;
}

.lien {
    width: 50%;
    text-decoration: none;
}

#distributionConteneur{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#distribution{
    display: flex;
    margin: 3%;
    padding: 3%;
    border-style: solid;
    border-color: #d2ffff;
    border-width: 1px;
    border-radius: 40px;
    justify-content: center;
    width: 25%;
}

#formulaireDistribution{
    width: 100% !important;
}

#lienDistribution{
    color: #d2ffff;
    text-decoration: none;
    width: 100% !important;
}