#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 50px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #AEC8D1; /* Set a background color */
  color: black; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 4px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 16px; /* Increase font size */
}

#myBtn:hover {
  background-color: #787878; /* Add a dark-grey background on hover */
}
.twitter-share-button {
position:relative!important;top:5.2px;
}

.fb {
position:relative!important;top:8px;
} 

.video-fluid {
            width: 100%;
            height: auto;
          }
.search-container {
  max-width: 400px;
  margin: 0 auto;
  transition: all 0.4s ease;
}

.search-container input[type="text"] {
  border-radius: 50px;
  transition: all 0.4s ease;
  padding-left: 20px;
}

.search-container input[type="text"]:focus {
  width:50%;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.search-container .btn-search {
  border-radius: 50px;
  background-color: #000; /* noir élégant */
  color: white;
  transition: background 0.3s ease;
}

.search-container .btn-search:hover {
  background-color: #444; /* gris foncé au hover */
}

/* CHATBOT */
#chatbot-btn {
  position: fixed;
  bottom: 110px;
  right: 20px;
  width: 56px;
  height: 56px;
  font-size: 1.3rem;
  z-index: 1100;
  background-color: #868e96;
  color: #fff;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .3s ease;
}

#chatbot-btn:hover {
  background-color: #5a6268;
}

#chatbot {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 380px;
  max-width: 90vw;
  height: 400px;
  z-index: 1050;
  transition: all .3s ease;
}

#chatbot .card-header,
#chatbot .card-footer {
  background-color: #f0f8ff;
  color: #212529;
}

#chatbot .card-body {
  background-color: #fff;
  color: #212529;
}