@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('http://fonts.googleapis.com/css?family=Lobster');

.login{

    font-family: "Poppins", sans-serif;
    font-size: 2em;
    font-weight: 800;
    text-align: center;

}
.btn1{
    width: 100%;
    height: 45px;
    background: #0547aa;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-family:'Poppins', sans-serif !important;
    font-size: 1em;
    font-weight: 500;

}
h1{
    font-family: "Poppins", sans-serif;
    font-size: 2em;
    font-weight: 800;
    text-align: center;
}
.topper{
            background: transparent;
            backdrop-filter: blur(20px);
            color: #fff; /* Couleur du texte */
            padding: 30px; /* Espacement interne */
            text-align: center; /



}
.logo {
    width: 50px; /* Largeur du logo */
    height: 50px; /* Hauteur du logo */
    margin-right: 10px; /* Marge à droite du logo pour l'espacement */
}

.button {
    float:right;
    background-color: #f7f7f7;
    border: none;
    color: white;
    padding: 20px 34px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
  }
  nav {
    background-color: #002f94; /* Couleur de fond de la navbar */
    color: #fff; /* Couleur du texte */
    display: flex; /* Utiliser Flexbox pour la mise en page */
    justify-content: space-between; /* Espacement équitable entre les éléments */
    align-items: center; /* Aligner les éléments verticalement au centre */
    padding: 10px 20px; /* Espacement interne (haut et bas) */
}
.left {
            display: flex; /* Utiliser Flexbox pour les éléments de gauche */
            align-items: center; /* Aligner les éléments verticalement au centre */
        }

        /* Style pour l'élément à droite */
        .right {float: right;}

        /* Style pour les liens de navigation */
        nav a {
            color: #ffffff; /* Couleur du texte des liens */
            text-decoration: none; /* Supprimer la décoration des liens (soulignement) */
            margin: 0 10px; /* Marge horizontale entre les liens */
        }
.center{
    align-items: center;
    display: inline;
    color: black;
    
    
}

select {
    border: border-width solid demo-border;
    border-radius: 0;
    font-weight: 400;
    color: inherit;
    padding: 11px 15px;
    line-height: normal;
    transition: border-color 0.2s ease,
                outline 0.2s ease;
}
.rouge{
color : red;
}
.vert{
color : green;
}