*{
    margin: 0;  
    padding: 0;
    box-sizing: border-box; /* Ajouté pour éviter les problèmes de dimensionnement */
}


.corps-0{
    margin-top: 30px;
    padding: 10px;
    width: 500px;
    margin-right: auto;  
    margin-left: auto;  
 
}
.corps-1{
    margin-top: 30px;
    padding: 10px;
    /*width: 50%; */
    width: 500px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(9, 10, 2, 0.145) 10px 1rem 3rem !important;    
    border-radius: 0.5rem;
    /** margin: auto;   **/
    margin-right: auto;  
    margin-left: auto; 
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    /*height: 100vh; /* Hauteur de la fenêtre */   
 
}

.login-1{
    margin-top: 30px;
    padding: 10px;
    /*width: 50%; */
    width: 350px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(9, 10, 2, 0.145) 10px 1rem 3rem !important;    
    border-radius: 0.5rem;
    /** margin: auto;   **/
    margin-right: auto;  
    margin-left: auto; 
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    /*height: 100vh; /* Hauteur de la fenêtre */   
 
}



.titre-1{
    width: 100%;
    background-color: rgb(202, 190, 223);
    border-radius: 0.25rem;
}


.bas-1{
    width: 100%;
    background-color: rgb(207, 247, 187);
    border-radius: 0.25rem;
    padding: 10px;
    text-align: center;
}

.bas-1 a{   
    text-decoration: none;
}


.form-1{
    width: 80%;
    margin: auto; /* Centre l'élément */    
}

h1{
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 50px;    
    color: #45a049;    
    padding: 10px;
    font-weight: bold; /* Ajout de cette ligne pour mettre le texte en gras */
}

h2{
    font-size: 1rem;
    text-align: center;
    margin-bottom: 25px;
    background-color:  #45a049; 
    color: #ffffff;
    width: 100%;
    padding: 10px;
    border-radius: 0.5rem;
}

button{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.5rem;
    text-align: center;
    border: none;
    border-radius: 0.5rem;
}

button:hover {
    background-color: #45a049; /* Vert plus foncé */
    color: aliceblue;
  }


@media(max-width:360px){     

    .login-1{     
        padding: 10px;
        width: 90%;
        background-color: rgb(211, 232, 180);
        box-shadow: rgba(9, 10, 2, 0.145) 10px 1rem 3rem !important;    
        border-radius: 0.5rem;
        margin: auto; 
    }
    
}