@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

.nunito-bold {
    font-family: "Nunito Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings:
      "wdth" 100,
      "YTLC" 500;
  }

img{
    width: 161px ;
    height: 56px;
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.conteneur{
    
    border-radius: 10px;
    border: 1px solid;
    color:hsl(205, 50%, 27%);
     box-shadow: 00;
     display: flex;
     justify-content:middle;
     flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%; 
    width: 700px;
    height: 300px;
}

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

.form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.montant1 label {
    margin-right: 90px;
}
.montant2 label {
    margin-right: 131px;
}
.montant3 label {
    margin-right: 38.5px;
}

.unité {
color: white;  
background-color: #234B68;  
width: 49px;      
height: 20px;
display: inline-flex; /* Utilisation de flexbox pour le centrage */
justify-content: center; /* Centre horizontalement */
align-items: center; /* Centre verticalement */
border-radius: 0px 7px 7px 0px; /* Optionnel : arrondi des coins */ 
font-size: 16px; /* Ajuste la taille du texte */
position: absolute;    
}

button {
    display: block;
    margin: 0 auto;
    margin-top: 50px;   
  }

.calcul {
    
    color: white;  
    background-color: #234B68; 
    width: 100px; /* Largeur du bouton */
    height: 25px; /* Hauteur du bouton */
    border-radius: 6px;

    display: inline-flex; /* Utilisation de flexbox pour le centrage */
    justify-content: center; /* Centre horizontalement */
    align-items: center;    
}

.conteneur2 {
    border-radius: 10px;
    border: 1px solid hsl(205, 50%, 27%);
    color: hsl(205, 50%, 27%);
    box-shadow: 00;
    display: flex;
    justify-content: middle;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%; 
    width: 700px;
   
}

.conteneur2 {
    display: none;
}
.tableaux {
    display: flex;
    flex-direction: column ;
   align-items: center;
}

table {
    border-collapse: separate; /* Permet d'utiliser border-spacing */
    border-spacing: 15px; /* Ajustez cette valeur selon vos besoins */
}

th, td {
    padding: 10px; /* Ajustez cette valeur selon vos besoins */
    text-align: center; /* Centre le texte dans les cellules */
}

.PDF {
    
    color: white;  
    background-color: #234B68; 
    width: 100px; /* Largeur du bouton */
    height: 25px; /* Hauteur du bouton */
    border-radius: 6px;

     
}