h1
{
font-size: 12px;
font-family: monaco, chromatica, verdana;
}

.box 
{
        width: auto;
        height: auto;
        padding: 2 px;
        border: 2px solid #999;
        font-size: 15px;
        color: #1c87c9;
        background-color: #eee;
        border-radius: 10px;
        box-shadow: 4px 4px #ccc;
        text-align: center;
}

.box2 {
        width: auto;
        height: auto;
        padding: 2 px;
        border: 2px solid green;
        font-size: 15px;
        font-weight: bold;
        color: green;
        background-color: lime;
        border-radius: 5px;
        box-shadow: 4px 4px #ccc;
        text-align: center;
      }

form {
        border: 2px solid #000; /* Bordure noire de 2 pixels */
        padding: 10px;
        margin: 20px auto;
        max-width: 400px;
        background-color: #fff; /* Fond blanc à l'intérieur du formulaire */
        border-radius: 10px; /* Coins arrondis */
        color: black;
    }

      .centre
        {
          text-align: center;
          font-size: 10px;
        }

body {
  background-color: rgb(20, 20, 20);
  text-align: justify;
  color: white;
  font-family: monaco, chromatica, verdana;
}

   

a
{
  text-decoration: none;

}

a:visited
{
  text-decoration: none;
  color: lightgrey;
}

a:hover
{
  color: lime;
}


.formulaire
{
  text-align: center;
}

.button_1ere_spe
{
  border: 2px solid purple;
  border-radius: 10px;
  background-color: rgb(230, 200, 255);
  color: purple;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  margin-left : 20%;
  margin-right : 20%;
  text-decoration: none;
}

.button_2nde
{
  border: 2px solid green;
  border-radius: 10px;
  background-color: rgb(200, 255, 200);
  color: green;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  margin-left : 20%;
  margin-right : 20%;
}

.button_Tale_spe
{
  border: 2px solid rgb(200, 130, 0);
  border-radius: 10px;
  background-color: rgb(255, 220, 190);
  color: rgb(200, 130, 0);
  text-align: center;
  padding: 10px;
  font-size: 18px;
  margin-left : 20%;
  margin-right : 20%;
}

.button_soutien
{
  border: 2px solid blue;
  border-radius: 10px;
  background-color: rgb(220, 210, 250);
  color: blue;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  margin-left : 20%;
  margin-right : 20%;
}

maths
{
  color: white;
}

.titre_1ere
{
  color: white;
  background-color: purple;
  border: 1px solid black;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  width: auto;
}

.button
{
border: 2px solid rgb(100, 100, 100);
  border-radius: 10px;
  background-color: rgb(200, 200, 160);
  color: black;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  margin-left : 20%;
  margin-right : 20%;
}



    input[type="text"], select {
        width: 100%;
        padding: 10px;
        margin: 8px 0;
        box-sizing: border-box;
        background-color: #FFFFE0; /* Jaune pastel pour les zones de saisie de texte */
        border: 1px solid #000;
        border-radius: 5px;
    }

    input[type="submit"] {
        background-color: #4CAF50; /* Couleur de fond verte pour le bouton "Envoyer" */
        color: white;
        padding: 10px 15px;
        margin: 8px 0;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    input[type="submit"]:hover {
        background-color: #45a049; /* Couleur de fond verte au survol du bouton "Envoyer" */
    }

    .connexion
    {
      color: rgb(50, 50, 50);
    }

    .acces
    {
      color: lime;
      text-decoration: none;
    }

    .titre1
    {
      text-decoration: underline;
      font-size: 15 px;
      font-weight: bold;
    }

    img
    {
      width: 300px;
      height: auto;
    }

    .texte_image
    {
      font-size: 10px;
      font-style: italic;
      color: white;
    }