body{
    background-image: url('../images/bg1.jpg');
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    //background: #b7d4d3;
    background: #dbe9e9;
    
  }
  .bg{
    //background: rgb(128,222,234);
    // background-color: #d8e7c8;
     //background-color: #b8c8d8;
     background-color: #c5e6f8;
  }

  .bg1{
    //background: rgb(128,222,234);
    background-color: #d8e7c8;
    //color: black;
     //background-color: #b8c8d8;
     //background-color: #c5e6f8;
  }

  .bg2{
    //background: rgb(128,222,234);
    //background-color: #d8e7c8;
    //color: black;
     background-color: #b8c8d8;
     //background-color: #c5e6f8;
  }

/* Ajoutez ces styles dans votre feuille de style CSS */
.btn-group a .active {
    background-color: grey;
    color: white;
}


.btn-group button {
  background-color: #04AA6D; /* Green background */
  border: 1px solid green; /* Green border */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  width: 100%;
}

.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

/* Add a background color on hover */
.btn-group button:hover {
  background-color: #3e8e41;
}