/* Général */
#Forum{
width: 1200px;
margin: 0 auto;
background-color: rgb(45, 50, 55);
text-align: justify;
align-content: center;
border-color: black;
margin-top:-2mm;
border: solid 9px black;
}
#Carre{
  text-align: center;
    width: 500px;
    margin: 0 auto;
    background-color: crimson;
    border-color: black;
    margin-top:-2mm;
    border: solid 9px black;
    height: 445px;
}
#CarreForum{
    width: 1000px;
    margin: 0 auto;
    background-color: crimson;
    border-color: black;
    margin-top:-2mm;
    border: solid 9px black;
    height: 0 auto;
}
#CarreCom{
  text-align: center;
  width: 970px;
  margin: 0;
  background-color: rgb(45, 50, 55);
  margin-top:-2mm;
  height: 0 auto;
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
}
#Menu{
    width: 100%;
    height: 50px;
    margin: 0;
    z-index: 99;
    position: relative;
    background-color: crimson;
    border-color: black;
    border: 2mm;
}
h1{
    text-align: center;
    color: rgb(255, 255, 255);
    text-decoration: underline;
    text-shadow: 1px 1px 2px black;
}
h3{
    text-align: center;
    text-decoration: underline;
    color: rgb(255, 255, 255)
}
p{
    color: rgb(255, 255, 255);
    text-align: justify;
    display: inline;
}
/* Liens utiles:
https://www.jeuxvideo.com/forums/42-27759-54590438-1-0-1-0-br-boutique-du-jour.htm 
https://www.youtube.com/watch?v=ppauAg1JKNg 
file:///D:/Cl%C3%A9/Techno/Forum-1.html
https://youtu.be/6hCGTJCo_Uo
https://forum.alsacreations.com/topic-1-84444-1-Resolu-Lien-entre-HTML-et-CSS.html 
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1605881-structurez-votre-page
https://www.peko-step.com/fr/tool/hslrgb.html#:~:text=Comment%20convertir%20le%20format%20RGB,et%20affich%C3%A9es%20%C3%A0%20l'%C3%A9cran.
https://www.generation-nt.com/installer-serveur-web-avec-apache-php-mysql-article-24782.html
https://www.commentcamarche.net/contents/793-php-recuperation-de-donnees#recuperation-et-utilisation-des-donnees
*/
/* Class */
.game{
    text-align: center;
    color: aqua;
    align-content: center;
    text-align-last: center;
}
.NavBarre {
    height: 50px;
    padding: 0;
    margin: 0;
    position: absolute;
    border: 2mm;
    border-color: black;
}
.NavBarre li {
    height: auto;
    width: 135.8px;
    float: left;
    text-align: center;
    list-style: none;
    font: normal bold 13px/1em Arial, Verdana, Helvetica;
    padding: 0;
    margin: 0;
    background-color: crimson;
}
.NavBarre a {
    padding: 18px 0;
    border-left: 1px solid black;
    text-decoration: none;
    color: black;
    display: list-item;
}
.NavBarre li:hover, a:hover {
  background-color: rgb(230, 70, 100);
}
.NavBarre li ul {
    display: none;
    height: auto;
    margin: 0;
    padding: 0;
}
.NavBarre li:hover ul {
    display: block;
}
.NavBarre li ul li {
    background-color: rgb(90, 100, 110);
}
.NavBarre li ul li a {
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.NavBarre li ul li a:hover {
    background-color: #a3a1a1;
}



form {
    /* Uniquement centrer le formulaire sur la page */
    margin: 0 auto;
    width: 400px;
    /* Encadré pour voir les limites du formulaire */
    padding: 1em;
    border: 1px solid #CCC;
    border-radius: 1em;
  }
  
  form div + div {
    margin-top: 1em;
  }
  
  label {
    /* Pour être sûrs que toutes les étiquettes ont même taille et sont correctement alignées */
    display: inline-block;
    width: 90px;
    text-align: right;
  }
  
  input, textarea {
    /* Pour s'assurer que tous les champs texte ont la même police.
       Par défaut, les textarea ont une police monospace */
    font: 1em sans-serif;
  
    /* Pour que tous les champs texte aient la même dimension */
    width: 300px;
    box-sizing: border-box;
  
    /* Pour harmoniser le look & feel des bordures des champs texte */
    border: 1px solid #999;
  }
  
  input:focus, textarea:focus {
    /* Pour souligner légèrement les éléments actifs */
    border-color: #000;
  }
  
  textarea {
    /* Pour aligner les champs texte multi‑ligne avec leur étiquette */
    vertical-align: top;
  
    /* Pour donner assez de place pour écrire du texte */
    height: 5em;
  }
  
  .button {
    /* Pour placer le bouton à la même position que les champs texte */
    padding-left: 90px; /* même taille que les étiquettes */
  }
  
  button {
    /* Cette marge supplémentaire représente grosso modo le même espace que celui
       entre les étiquettes et les champs texte */
    margin-left: .5em;
  }