.feature {
    font-size: 25px;
}

.feature img {
    max-width: 100px;
}

td {
    border: 1px solid #ddd;
    padding: 7px;
}

th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}
    
.variable{
        text-align: right;

}
table {
    border-collapse: collapse;
    width: 90%;
    margin-left : auto ;
    margin-right : auto ;
    font-size: 45px;
}
    
#calculator {
  margin-top: auto; 
  margin-left : auto;
}

#resultat {
  margin-top: 16px; 
  font-size:  20px;
}

#diagramme {
    margin-top: 16px; 
    margin-left: auto;
    margin-right: auto;
}

.info-icon {
  transform: translateY(8px);/* Ajuste la position verticale */
}

.label_espace{
    margin-left: 60px;
}

/*reserver_covoiturage*/

.envoyer{
    padding: 10px; 
    border-radius: 10px; 
    font-size: 40px;
    
}

.popup{
    width: 86%;
    border-radius: 5px;
    font-size: 40px;

}

.taille_participation{
    font-size: 40px;
}

/*mon_covoiturage_detail.php*/
.feature{
    font-size: 40px;
}

.taille_participation{
    font-size: 40px;
}

.bouton_accepter{
    background-color: green; 
    color: white; 
    padding: 10px 20px; 
    font-size: 35px; 
    border-radius: 15px;
}

.bouton_refuser{
    background-color: red; 
    color: white; 
    padding: 10px 20px; 
    font-size: 36px; 
    border-radius: 15px;
}

.taille_participant{
     font-size: 36px; 
}

.bouton {
    display: inline-block;
    margin-left : -15px;
    padding: 10px 20px;
    color: white;
    background-color: #4CAF50;
    text-decoration: none;
    border-radius: 15px;
    transition: background-color 0.3s;
}

.titre_milieu{
    text-align : center;
}

@media screen and (min-width: 1024px) {
    :root {
       
        --border-color: black;
        --background-color: white;
        --main-margin-top: 1em;
        --large-font-size: 1.2em;
        
    }
    
    #calculator {
      margin-top: var(--main-margin-top); 
      margin-left : 15px;
      margin-right: none;
    }
    
    #resultat {
      margin-top: var(--main-margin-top); 
      font-size:  var(--large-font-size);
    }
    
    #diagramme {
        margin-top: var(--main-margin-top); 
        margin-left: 2.5em;
        margin-right: none;
    }
    
    table {
        margin-left : 25px ;
        font-size: 25px;
    }
        
    .features {
        margin-left:25px;
    }
    
    .info-icon {
      transform: translateY(5px);
    }
        
        
    .label_espace{
        margin-left: 40px;
    }
    
    /*reserver_covoiturage*/    
    
    .envoyer{
        font-size: 20px;
        
    }
    
    .popup{
        width: 82%;
        font-size: 20px;
    }
    
    /*mon_covoiturage_detail.php*/
    .feature{
        font-size: 20px;
    }
    
    .taille_participation{
        font-size: 25px;
    }

    .bouton_accepter{
        font-size: 25px; 
    }
    
    .bouton_refuser{
        font-size: 25px; 
    }
    
    .taille_participant{
         font-size: 25px; 
    }
    
    .taille_participation{
        font-size: 20px;
    }
        
}