body{margin:0;font-family:Poppins;background:#edf0f2}

.color-bleu-fonce{background: #0d47a1}
.color-rouge-fonce{background: #c62828}
.color-violet-fonce{background: #4a148c}
.color-bleu-soft{background: #0277bd}
.color-violet-fonce{background: #4a148c}
.color-violet-fonce{background: #4a148c}
.color-violet-fonce{background: #4a148c}
.color-violet-fonce{background: #4a148c}
.color-violet-fonce{background: #4a148c}


#creer_client_clients_page{border-radius: 10px; margin-left: 20px; display: flex;  justify-content: center; align-items: center; color: white; width: 400px !important; text-align: center; text-decoration: none; margin-bottom: 50px; font-size: 19px; text-transform: uppercase; font-weight: 500; padding: 15px; background: #0d47a1; cursor: pointer;}
#creer_client_clients_page:hover{opacity: 0.7;}

#accueil-tab,#clients-tab{color:black;}
table{

    border-collapse: collapse;
    width:90%;
    font-size:14px;
    margin:50px 20px !important;
    padding:20px;
    font-family: Poppins;
} 
td,th{
    padding:10px 5px;
    text-align:center;
    font-size: 25px;
    height:30px;
    font-family: Poppins;

}

#bdc-deroulant a:hover{background:#548ec4;color:white;}
#bdc-deroulant a{padding:10px;}
#myProgress {
    width: 100%;
    -moz-animation: cssAnimation 0s ease-in 1s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 1s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 1s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 1s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  
  #myBar {
    width: 1%;
    height: 5px;
    background-color: #a5d6a7;
  }

  @keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    } 
}
/*
tbody tr:nth-child(odd){
    background-color: #e6eef5;
    color: black;
  }*/

  .dropbtn {
    background-color:white;
    color: #0b3e8c ;
    font-weight: bold;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
  .dropbtn-classement {
    background-color:#0b3e8c;
    color: white ;
    font-weight: bold;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  /* .dropbtn:hover, .dropbtn:focus {
    background-color: white;
  } */
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    z-index: 1;
  }
  
  .dropdown-content-classement {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
   /* width: 500px; */
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    z-index: 1;
  }
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown a:hover {background-color: #ddd;}
  
  .show {display: block;}

  @media(max-width:700px)
  {
    body{display: inline-block;}
  }