body {
    width: 90%; /*largeur de la boîte du contenu */
    margin: auto;/* centre horizontalement l'élément dans son conteneur */
}
header {
    border: 10px ridge #000000;/* définit les bordures */
    color: #000000;/* couleur du texte */
    font-weight: bold;/* met le texte en gras */
    font-size: 2rem;/* définit la taille de caractère du texte */
    text-align: center;/* centre le texte */
}
div.conteneur {
    display: grid;/* crée une grille qui nous permettra de disposer les éléments */
    grid-template-columns: 1fr 3fr;/* définit la taille des éléments dans la grille*/
    column-gap: 3em;/* définit l'espace entre les éléments */
    margin: 5px;/* crée de l'espace autour des éléments */
    border: 3px solid #000000;/* définit les bordures */
    padding: 10px;/* définit l'espace sur les quatre côtés d'un élément */
}
nav {
    border: 3px ridge #000000;/* définit les bordures */
    color: #000000;/* couleur du texte */
    font-size: 30px;/* définit la taille de caractère du texte */
    padding: 10px;/* définit l'espace sur les quatre côtés d'un élément */
    }
main {
    border: 3px ridge #000000;/* définit les bordures */
    color: white;/* couleur du texte */
    font-size: 30px;/* définit la taille de caractère du texte */
    padding: 10px;/* définit l'espace sur les quatre côtés d'un élément */
    background-color: #3ED4F2;/*couleur de l'arrière-plan*/
}
footer {
    text-align: center;/* centre le texte */
    border: 3px ridge #000000;/* définit les bordures */
    color: #000000;/* couleur du texte */
    font-size: 30px;/* définit la taille de caractère du texte */
}
label{
  text-align: auto;/* place le texte automatiquement à gauche */
  font-family: Bradley Hand, cursive;/* définit la police utilisée, puis une famille par défaut */
  font-size:25px /* définit la taille de caractère du texte */
}
input {
  -webkit-appearance: none; /* permet d'avoir la même fonctionnalités que moz mais pour ceux basé sur Webkit */
  -moz-appearance: none;/* affiche un élément en utilisant la mise en forme native du système d'exploitation */
  appearance: none; /* met en forme des widgets */
  border-radius: 50%;/* arrondit les coins de la bordure d'un élément */
  width: 16px; /* largeur de la boîte du contenu */
  height: 16px; /* définit la hauteur de la boîte de contenu de l'élément  */ 
  border: 2px solid #999;/* définit les bordures */
  transition: 0.25s all linear;/* anime toutes les lignes */
  margin-right: 5px;/* créer de l'espace a droite des éléments */
  position: relative;/* définit la façon dont un élément est positionné dans un document */
  top: 2px;/* définit une partie de la position des éléments positionnés */
}
input:checked {
  border: 6px solid black;/* définit les bordures */
}
button, legend {
  color: white;/* couleur du texte */
  background-color: black;/* couleur du fond */
  padding: 5px 10px;/* définit l'espace sur les quatre côtés d'un élément */
  border-radius: 1rem;/* arrondit les coins de la bordure d'un élément */
  font-size: 25px;/* définit la taille de caractère du texte */
  font-family: Impact, fantasy;/* définit la police utilisée, puis une famille par défaut*/
}
.resultat{
border : 1px solid #000000;/* définit les bordures */
margin: 5px;/* créer de l'espace autour des éléments */
border-radius :10px;/* arrondit les coins de la bordure d'un élément */
padding:5px; /* définit l'espace sur les quatre côtés d'un élément */
}
option{
font-size: 20px /* définit la taille de caractère du texte */
}